Files
iNaturalistReactNative/src/components/styledComponents.js
Corey Farwell a43446909c Remove the need to specify TypeScript file extensions in imports (#3094)
* Don't require TS extensions in imports

* Resolve all import extension errors

* Remove file extension from import paths used in mocks

* Remove .d of type definition file paths

* Remove .d of type definition file and import as type

---------

Co-authored-by: Johannes Klein <johannes.t.klein@gmail.com>
2025-09-07 23:41:42 +02:00

77 lines
2.1 KiB
JavaScript

// @flow
import { FasterImageView as UnstyledFasterImageView } from "@candlefinance/faster-image";
import {
BottomSheetTextInput as StyledBottomSheetTextInput
} from "@gorhom/bottom-sheet";
import UnstyledPressableWithTracking
from "components/SharedComponents/Buttons/PressableWithTracking";
import { styled } from "nativewind";
import {
Image as UnstyledImage,
ImageBackground as UnstyledImageBackground,
KeyboardAvoidingView as UnstyledKeyboardAvoidingView,
Modal as UnstyledModal,
Platform,
SafeAreaView as UnstyledSafeAreaView,
ScrollView as UnstyledScrollView,
Text as UnstyledText,
TextInput as UntyledTextInput,
View as UnstyledView
} from "react-native";
import UnstyledLinearGradient from "react-native-linear-gradient";
// $FlowIgnore
const View = styled( UnstyledView );
// $FlowIgnore
const KeyboardAvoidingView = styled( UnstyledKeyboardAvoidingView );
// Since upgrading to React Native 0.73 UnstyledSafeAreaView is undefined in the jest tests
// Why I don't know. This is just to fix the failing tests.
// $FlowIgnore
const SafeAreaView = styled( UnstyledSafeAreaView === undefined
? UnstyledView
: UnstyledSafeAreaView );
// $FlowIgnore
const ScrollView = styled( UnstyledScrollView );
// $FlowIgnore
const Text = styled( UnstyledText );
// $FlowIgnore
const TextInput = styled( UntyledTextInput );
// $FlowIgnore
const Pressable = styled( UnstyledPressableWithTracking );
// $FlowIgnore
const Image = styled( UnstyledImage );
// $FlowIgnore
const BottomSheetTextInput = styled( StyledBottomSheetTextInput );
// $FlowIgnore
const Modal = styled( UnstyledModal );
// $FlowIgnore
const ImageBackground = styled( UnstyledImageBackground );
const fontMonoClass: string = ( Platform.OS === "ios"
? "font-Menlo"
: "font-monospace" );
// $FlowIgnore
const LinearGradient = styled( UnstyledLinearGradient );
// $FlowIgnore
const FasterImageView = styled( UnstyledFasterImageView );
export {
BottomSheetTextInput,
FasterImageView,
fontMonoClass,
Image,
ImageBackground,
KeyboardAvoidingView,
LinearGradient,
Modal,
Pressable,
SafeAreaView,
ScrollView,
Text,
TextInput,
View
};