diff options
Diffstat (limited to 'src/components/forms')
-rw-r--r-- | src/components/forms/InputGroup.tsx | 7 | ||||
-rw-r--r-- | src/components/forms/TextField.tsx | 4 | ||||
-rw-r--r-- | src/components/forms/ToggleButton.tsx | 9 |
3 files changed, 14 insertions, 6 deletions
diff --git a/src/components/forms/InputGroup.tsx b/src/components/forms/InputGroup.tsx index 6908d4df8..aacdc60c7 100644 --- a/src/components/forms/InputGroup.tsx +++ b/src/components/forms/InputGroup.tsx @@ -23,9 +23,12 @@ export function InputGroup(props: React.PropsWithChildren<{}>) { {React.cloneElement(child, { // @ts-ignore style: [ + // @ts-ignore ...(Array.isArray(child.props?.style) - ? child.props.style - : [child.props.style || {}]), + ? // @ts-ignore + child.props.style + : // @ts-ignore + [child.props.style || {}]), { borderTopLeftRadius: i > 0 ? 0 : undefined, borderTopRightRadius: i > 0 ? 0 : undefined, diff --git a/src/components/forms/TextField.tsx b/src/components/forms/TextField.tsx index 3d4caa93b..85fb7c481 100644 --- a/src/components/forms/TextField.tsx +++ b/src/components/forms/TextField.tsx @@ -28,7 +28,7 @@ import {type Props as SVGIconProps} from '#/components/icons/common' import {Text} from '#/components/Typography' const Context = createContext<{ - inputRef: React.RefObject<TextInput> | null + inputRef: React.RefObject<TextInput | null> | null isInvalid: boolean hovered: boolean onHoverIn: () => void @@ -152,7 +152,7 @@ export type InputProps = Omit<TextInputProps, 'value' | 'onChangeText'> & { value?: string onChangeText?: (value: string) => void isInvalid?: boolean - inputRef?: React.RefObject<TextInput> | React.ForwardedRef<TextInput> + inputRef?: React.RefObject<TextInput | null> | React.ForwardedRef<TextInput> } export function createInput(Component: typeof TextInput) { diff --git a/src/components/forms/ToggleButton.tsx b/src/components/forms/ToggleButton.tsx index 8e08665fd..fab9414f5 100644 --- a/src/components/forms/ToggleButton.tsx +++ b/src/components/forms/ToggleButton.tsx @@ -1,5 +1,10 @@ import React from 'react' -import {AccessibilityProps, TextStyle, View, ViewStyle} from 'react-native' +import { + type AccessibilityProps, + type TextStyle, + View, + type ViewStyle, +} from 'react-native' import {atoms as a, native, useTheme} from '#/alf' import * as Toggle from '#/components/forms/Toggle' @@ -7,7 +12,7 @@ import {Text} from '#/components/Typography' type ItemProps = Omit<Toggle.ItemProps, 'style' | 'role' | 'children'> & AccessibilityProps & { - children: React.ReactElement + children: React.ReactElement<any> testID?: string } |