diff options
Diffstat (limited to 'src/components/forms')
-rw-r--r-- | src/components/forms/DateField/index.android.tsx | 17 | ||||
-rw-r--r-- | src/components/forms/DateField/index.tsx | 8 | ||||
-rw-r--r-- | src/components/forms/DateField/index.web.tsx | 6 | ||||
-rw-r--r-- | src/components/forms/TextField.tsx | 12 | ||||
-rw-r--r-- | src/components/forms/Toggle.tsx | 6 | ||||
-rw-r--r-- | src/components/forms/ToggleButton.tsx | 7 |
6 files changed, 29 insertions, 27 deletions
diff --git a/src/components/forms/DateField/index.android.tsx b/src/components/forms/DateField/index.android.tsx index 2a93ba883..451810a5e 100644 --- a/src/components/forms/DateField/index.android.tsx +++ b/src/components/forms/DateField/index.android.tsx @@ -1,18 +1,19 @@ -import {isAndroid} from 'platform/detection' import React from 'react' -import {Pressable, View} from 'react-native' -import DatePicker from 'react-native-date-picker' +import {View, Pressable} from 'react-native' + +import {useTheme, atoms} from '#/alf' +import {Text} from '#/components/Typography' +import {useInteractionState} from '#/components/hooks/useInteractionState' +import * as TextField from '#/components/forms/TextField' +import {CalendarDays_Stroke2_Corner0_Rounded as CalendarDays} from '#/components/icons/CalendarDays' -import {atoms, useTheme} from '#/alf' import {DateFieldProps} from '#/components/forms/DateField/types' import { localizeDate, toSimpleDateString, } from '#/components/forms/DateField/utils' -import * as TextField from '#/components/forms/TextField' -import {useInteractionState} from '#/components/hooks/useInteractionState' -import {CalendarDays_Stroke2_Corner0_Rounded as CalendarDays} from '#/components/icons/CalendarDays' -import {Text} from '#/components/Typography' +import DatePicker from 'react-native-date-picker' +import {isAndroid} from 'platform/detection' export * as utils from '#/components/forms/DateField/utils' export const Label = TextField.Label diff --git a/src/components/forms/DateField/index.tsx b/src/components/forms/DateField/index.tsx index 9bd1c7b81..49e47a01e 100644 --- a/src/components/forms/DateField/index.tsx +++ b/src/components/forms/DateField/index.tsx @@ -1,11 +1,11 @@ import React from 'react' import {View} from 'react-native' -import DatePicker from 'react-native-date-picker' -import {atoms, useTheme} from '#/alf' -import {DateFieldProps} from '#/components/forms/DateField/types' -import {toSimpleDateString} from '#/components/forms/DateField/utils' +import {useTheme, atoms} from '#/alf' import * as TextField from '#/components/forms/TextField' +import {toSimpleDateString} from '#/components/forms/DateField/utils' +import {DateFieldProps} from '#/components/forms/DateField/types' +import DatePicker from 'react-native-date-picker' export * as utils from '#/components/forms/DateField/utils' export const Label = TextField.Label diff --git a/src/components/forms/DateField/index.web.tsx b/src/components/forms/DateField/index.web.tsx index 1c89cbae9..32f38a5d1 100644 --- a/src/components/forms/DateField/index.web.tsx +++ b/src/components/forms/DateField/index.web.tsx @@ -1,11 +1,11 @@ import React from 'react' -import {StyleSheet, TextInput, TextInputProps} from 'react-native' +import {TextInput, TextInputProps, StyleSheet} from 'react-native' // @ts-ignore import {unstable_createElement} from 'react-native-web' -import {DateFieldProps} from '#/components/forms/DateField/types' -import {toSimpleDateString} from '#/components/forms/DateField/utils' import * as TextField from '#/components/forms/TextField' +import {toSimpleDateString} from '#/components/forms/DateField/utils' +import {DateFieldProps} from '#/components/forms/DateField/types' export * as utils from '#/components/forms/DateField/utils' export const Label = TextField.Label diff --git a/src/components/forms/TextField.tsx b/src/components/forms/TextField.tsx index 648be035b..b37f4bfae 100644 --- a/src/components/forms/TextField.tsx +++ b/src/components/forms/TextField.tsx @@ -1,19 +1,19 @@ -import {HITSLOP_20} from 'lib/constants' import React from 'react' import { - AccessibilityProps, - StyleSheet, + View, TextInput, TextInputProps, TextStyle, - View, ViewStyle, + StyleSheet, + AccessibilityProps, } from 'react-native' -import {android, atoms as a, useTheme, web} from '#/alf' +import {HITSLOP_20} from 'lib/constants' +import {useTheme, atoms as a, web, android} from '#/alf' +import {Text} from '#/components/Typography' import {useInteractionState} from '#/components/hooks/useInteractionState' import {Props as SVGIconProps} from '#/components/icons/common' -import {Text} from '#/components/Typography' const Context = React.createContext<{ inputRef: React.RefObject<TextInput> | null diff --git a/src/components/forms/Toggle.tsx b/src/components/forms/Toggle.tsx index 3846b8812..a83f92a2a 100644 --- a/src/components/forms/Toggle.tsx +++ b/src/components/forms/Toggle.tsx @@ -1,11 +1,11 @@ -import {HITSLOP_10} from 'lib/constants' import React from 'react' import {Pressable, View, ViewStyle} from 'react-native' -import {atoms as a, flatten, native, useTheme, ViewStyleProp, web} from '#/alf' +import {HITSLOP_10} from 'lib/constants' +import {useTheme, atoms as a, web, native, flatten, ViewStyleProp} from '#/alf' +import {Text} from '#/components/Typography' import {useInteractionState} from '#/components/hooks/useInteractionState' import {CheckThick_Stroke2_Corner0_Rounded as Checkmark} from '#/components/icons/Check' -import {Text} from '#/components/Typography' export type ItemState = { name: string diff --git a/src/components/forms/ToggleButton.tsx b/src/components/forms/ToggleButton.tsx index 718f238da..7e1bd70b9 100644 --- a/src/components/forms/ToggleButton.tsx +++ b/src/components/forms/ToggleButton.tsx @@ -1,10 +1,11 @@ import React from 'react' -import {AccessibilityProps, TextStyle, View, ViewStyle} from 'react-native' +import {View, AccessibilityProps, TextStyle, ViewStyle} from 'react-native' -import {atoms as a, native, useTheme} from '#/alf' -import * as Toggle from '#/components/forms/Toggle' +import {atoms as a, useTheme, native} from '#/alf' import {Text} from '#/components/Typography' +import * as Toggle from '#/components/forms/Toggle' + export type ItemProps = Omit<Toggle.ItemProps, 'style' | 'role' | 'children'> & AccessibilityProps & React.PropsWithChildren<{testID?: string}> |