@react-native-ama/forms 1.2.1 → 2.0.0-beta.0

package/dist/hooks/useTextInput.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import type { LayoutChangeEvent, NativeSyntheticEvent, ReturnKeyTypeOptions, StyleProp, TextInputSubmitEditingEventData, TextStyle, ViewStyle } from 'react-native';
+import { TextInputProps } from '../components/TextInput';
 import { UseFormField } from './useFormField';
 export type UseTextInput = Omit<UseFormField, 'hasFocusCallback'> & {
     onLayout?: (event: LayoutChangeEvent) => void;
     returnKeyType?: ReturnKeyTypeOptions;
     onSubmitEditing?: (event: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;
-    accessibilityLabel: string;
+    accessibilityLabel?: string;
     editable?: boolean;
     style?: ViewStyle | StyleProp<TextStyle> | null;
     required: boolean;
@@ -15,108 +16,27 @@ export type UseTextInput = Omit<UseFormField, 'hasFocusCallback'> & {
     errorMessage?: string;
 };
 export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing, accessibilityLabel, requiredMessage, required, ...rest }: UseTextInput) => {
-    style: any;
-    allowFontScaling?: boolean | undefined;
-    autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
-    autoComplete?: "off" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "email" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "url" | "username" | "username-new" | undefined;
-    autoCorrect?: boolean | undefined;
-    autoFocus?: boolean | undefined;
-    blurOnSubmit?: boolean | undefined;
-    submitBehavior?: import("react-native").SubmitBehavior | undefined;
-    caretHidden?: boolean | undefined;
-    contextMenuHidden?: boolean | undefined;
-    defaultValue?: string | undefined;
+    children?: React.ReactNode;
+    style?: ViewStyle | undefined;
+    value?: string | undefined;
+    id?: string | undefined;
+    accessibilityHint: string;
     editable?: boolean | undefined;
-    keyboardType?: import("react-native").KeyboardTypeOptions | undefined;
-    inputMode?: import("react-native").InputModeOptions | undefined;
-    maxLength?: number | undefined;
-    multiline?: boolean | undefined;
+    rejectResponderTermination?: boolean | null | undefined;
+    focusable?: boolean | undefined;
+    hitSlop?: number | import("react-native").Insets | null | undefined;
     onBlur?: ((e: NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
-    onChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
-    onChangeText?: ((text: string) => void) | undefined;
-    onContentSizeChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
-    onEndEditing?: ((e: NativeSyntheticEvent<import("react-native").TextInputEndEditingEventData>) => void) | undefined;
+    onFocus?: ((e: NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
+    onLayout?: (((event: LayoutChangeEvent) => void) & ((event: LayoutChangeEvent) => void)) | undefined;
     onPress?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
     onPressIn?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
     onPressOut?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
-    onFocus?: ((e: NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
-    onSelectionChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputSelectionChangeEventData>) => void) | undefined;
-    onSubmitEditing?: (((e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void) & ((event: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void)) | undefined;
-    onScroll?: ((e: NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
-    onKeyPress?: ((e: NativeSyntheticEvent<import("react-native").TextInputKeyPressEventData>) => void) | undefined;
-    placeholder?: string | undefined;
-    placeholderTextColor?: import("react-native").ColorValue | undefined;
-    readOnly?: boolean | undefined;
-    returnKeyType?: ReturnKeyTypeOptions | undefined;
-    enterKeyHint?: import("react-native").EnterKeyHintTypeOptions | undefined;
-    secureTextEntry?: boolean | undefined;
-    selectTextOnFocus?: boolean | undefined;
-    selection?: {
-        start: number;
-        end?: number | undefined;
-    } | undefined;
-    selectionColor?: import("react-native").ColorValue | undefined;
-    textAlign?: "center" | "left" | "right" | undefined;
     testID?: string | undefined;
-    inputAccessoryViewID?: string | undefined;
-    value?: string | undefined;
-    maxFontSizeMultiplier?: number | null | undefined;
-    children?: React.ReactNode;
-    hitSlop?: number | import("react-native").Insets | null | undefined;
-    id?: string | undefined;
-    needsOffscreenAlphaCompositing?: boolean | undefined;
-    onLayout?: (((event: LayoutChangeEvent) => void) & ((event: LayoutChangeEvent) => void)) | undefined;
-    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
-    removeClippedSubviews?: boolean | undefined;
-    nativeID?: string | undefined;
-    collapsable?: boolean | undefined;
-    collapsableChildren?: boolean | undefined;
-    renderToHardwareTextureAndroid?: boolean | undefined;
-    focusable?: boolean | undefined;
-    tabIndex?: 0 | -1 | undefined;
-    shouldRasterizeIOS?: boolean | undefined;
-    isTVSelectable?: boolean | undefined;
-    hasTVPreferredFocus?: boolean | undefined;
-    tvParallaxShiftDistanceX?: number | undefined;
-    tvParallaxShiftDistanceY?: number | undefined;
-    tvParallaxTiltAngle?: number | undefined;
-    tvParallaxMagnification?: number | undefined;
-    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
     accessible?: boolean | undefined;
     accessibilityActions?: readonly Readonly<{
         name: string;
         label?: string | undefined;
     }>[] | undefined;
-    accessibilityLabel?: string | undefined;
-    'aria-label'?: string | undefined;
     accessibilityRole?: import("react-native").AccessibilityRole | undefined;
     accessibilityState?: import("react-native").AccessibilityState | undefined;
     'aria-busy'?: boolean | undefined;
@@ -124,7 +44,6 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     'aria-disabled'?: boolean | undefined;
     'aria-expanded'?: boolean | undefined;
     'aria-selected'?: boolean | undefined;
-    accessibilityHint: string;
     accessibilityValue?: import("react-native").AccessibilityValue | undefined;
     'aria-valuemax'?: number | undefined;
     'aria-valuemin'?: number | undefined;
@@ -148,106 +67,13 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     accessibilityLanguage?: string | undefined;
     accessibilityShowsLargeContentViewer?: boolean | undefined;
     accessibilityLargeContentTitle?: string | undefined;
-    clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
-    clearTextOnFocus?: boolean | undefined;
-    dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
-    enablesReturnKeyAutomatically?: boolean | undefined;
-    keyboardAppearance?: "default" | "light" | "dark" | undefined;
-    passwordRules?: string | null | undefined;
-    rejectResponderTermination?: boolean | null | undefined;
-    selectionState?: import("react-native").DocumentSelectionState | undefined;
-    spellCheck?: boolean | undefined;
-    textContentType?: "none" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | undefined;
-    scrollEnabled?: boolean | undefined;
-    lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
-    smartInsertDelete?: boolean | undefined;
-    cursorColor?: import("react-native").ColorValue | null | undefined;
-    selectionHandleColor?: import("react-native").ColorValue | null | undefined;
-    importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
-    disableFullscreenUI?: boolean | undefined;
-    inlineImageLeft?: string | undefined;
-    inlineImagePadding?: number | undefined;
-    numberOfLines?: number | undefined;
-    returnKeyLabel?: string | undefined;
-    textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
-    underlineColorAndroid?: import("react-native").ColorValue | undefined;
-    textAlignVertical?: "center" | "auto" | "top" | "bottom" | undefined;
-    showSoftInputOnFocus?: boolean | undefined;
-    verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
-    ref?: React.RefObject<any> | React.ForwardedRef<any> | undefined;
-    suppressError?: boolean | undefined;
-    hasValidation: boolean;
-    hasError?: boolean | undefined;
-    nextFieldId?: string | undefined;
-    nextFormFieldRef?: React.RefObject<any> | undefined;
-    errorMessage?: string | undefined;
-    requiredMessage?: string | undefined;
-    labelComponent?: JSX.Element | undefined;
-    labelPosition?: "beforeInput" | "afterInput" | undefined;
-    nextFormField?: React.RefObject<import("react-native").TextInput> | undefined;
-    errorComponent?: JSX.Element | undefined;
-    errorPosition?: "afterInput" | "belowLabel" | undefined;
-    focusNextFormField: () => void;
-    isLastField: () => boolean;
-} | {
-    allowFontScaling?: boolean | undefined;
-    autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
-    autoComplete?: "off" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "email" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "url" | "username" | "username-new" | undefined;
-    autoCorrect?: boolean | undefined;
-    autoFocus?: boolean | undefined;
-    blurOnSubmit?: boolean | undefined;
-    submitBehavior?: import("react-native").SubmitBehavior | undefined;
-    caretHidden?: boolean | undefined;
-    contextMenuHidden?: boolean | undefined;
-    defaultValue?: string | undefined;
-    editable?: boolean | undefined;
-    keyboardType?: import("react-native").KeyboardTypeOptions | undefined;
-    inputMode?: import("react-native").InputModeOptions | undefined;
-    maxLength?: number | undefined;
-    multiline?: boolean | undefined;
-    onBlur?: ((e: NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
-    onChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
-    onChangeText?: ((text: string) => void) | undefined;
-    onContentSizeChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
-    onEndEditing?: ((e: NativeSyntheticEvent<import("react-native").TextInputEndEditingEventData>) => void) | undefined;
-    onPress?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
-    onPressIn?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
-    onPressOut?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
-    onFocus?: ((e: NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
-    onSelectionChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputSelectionChangeEventData>) => void) | undefined;
-    onSubmitEditing?: (((e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void) & ((event: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void)) | undefined;
-    onScroll?: ((e: NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
-    onKeyPress?: ((e: NativeSyntheticEvent<import("react-native").TextInputKeyPressEventData>) => void) | undefined;
-    placeholder?: string | undefined;
-    placeholderTextColor?: import("react-native").ColorValue | undefined;
-    readOnly?: boolean | undefined;
-    returnKeyType?: ReturnKeyTypeOptions | undefined;
-    enterKeyHint?: import("react-native").EnterKeyHintTypeOptions | undefined;
-    secureTextEntry?: boolean | undefined;
-    selectTextOnFocus?: boolean | undefined;
-    selection?: {
-        start: number;
-        end?: number | undefined;
-    } | undefined;
-    selectionColor?: import("react-native").ColorValue | undefined;
-    style?: ViewStyle | undefined;
-    textAlign?: "center" | "left" | "right" | undefined;
-    testID?: string | undefined;
-    inputAccessoryViewID?: string | undefined;
-    value?: string | undefined;
-    maxFontSizeMultiplier?: number | null | undefined;
-    children?: React.ReactNode;
-    hitSlop?: number | import("react-native").Insets | null | undefined;
-    id?: string | undefined;
     needsOffscreenAlphaCompositing?: boolean | undefined;
-    onLayout?: (((event: LayoutChangeEvent) => void) & ((event: LayoutChangeEvent) => void)) | undefined;
-    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+    pointerEvents?: "none" | "auto" | "box-none" | "box-only" | undefined;
     removeClippedSubviews?: boolean | undefined;
     nativeID?: string | undefined;
     collapsable?: boolean | undefined;
     collapsableChildren?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
-    focusable?: boolean | undefined;
     tabIndex?: 0 | -1 | undefined;
     shouldRasterizeIOS?: boolean | undefined;
     isTVSelectable?: boolean | undefined;
@@ -285,56 +111,56 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
     onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
     onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-    accessible?: boolean | undefined;
-    accessibilityActions?: readonly Readonly<{
-        name: string;
-        label?: string | undefined;
-    }>[] | undefined;
-    accessibilityLabel?: string | undefined;
-    'aria-label'?: string | undefined;
-    accessibilityRole?: import("react-native").AccessibilityRole | undefined;
-    accessibilityState?: import("react-native").AccessibilityState | undefined;
-    'aria-busy'?: boolean | undefined;
-    'aria-checked'?: boolean | "mixed" | undefined;
-    'aria-disabled'?: boolean | undefined;
-    'aria-expanded'?: boolean | undefined;
-    'aria-selected'?: boolean | undefined;
-    accessibilityHint: string;
-    accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
-    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
-    importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
-    'aria-hidden'?: boolean | undefined;
-    'aria-modal'?: boolean | undefined;
-    role?: import("react-native").Role | undefined;
-    accessibilityLabelledBy?: string | string[] | undefined;
-    'aria-labelledby'?: string | undefined;
-    accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-    'aria-live'?: "polite" | "assertive" | "off" | undefined;
-    accessibilityElementsHidden?: boolean | undefined;
-    accessibilityViewIsModal?: boolean | undefined;
-    onAccessibilityEscape?: (() => void) | undefined;
-    onAccessibilityTap?: (() => void) | undefined;
-    onMagicTap?: (() => void) | undefined;
-    accessibilityIgnoresInvertColors?: boolean | undefined;
-    accessibilityLanguage?: string | undefined;
-    accessibilityShowsLargeContentViewer?: boolean | undefined;
-    accessibilityLargeContentTitle?: string | undefined;
+    returnKeyType?: ReturnKeyTypeOptions | undefined;
+    onSubmitEditing?: (((e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void) & ((event: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void)) | undefined;
+    allowFontScaling?: boolean | undefined;
+    autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
+    autoComplete?: "off" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "email" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "url" | "username" | "username-new" | undefined;
+    autoCorrect?: boolean | undefined;
+    autoFocus?: boolean | undefined;
+    blurOnSubmit?: boolean | undefined;
+    submitBehavior?: import("react-native").SubmitBehavior | undefined;
+    caretHidden?: boolean | undefined;
+    contextMenuHidden?: boolean | undefined;
+    defaultValue?: string | undefined;
+    keyboardType?: import("react-native").KeyboardTypeOptions | undefined;
+    inputMode?: import("react-native").InputModeOptions | undefined;
+    maxLength?: number | undefined;
+    multiline?: boolean | undefined;
+    onChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
+    onChangeText?: ((text: string) => void) | undefined;
+    onContentSizeChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
+    onEndEditing?: ((e: NativeSyntheticEvent<import("react-native").TextInputEndEditingEventData>) => void) | undefined;
+    onSelectionChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputSelectionChangeEventData>) => void) | undefined;
+    onScroll?: ((e: NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
+    onKeyPress?: ((e: NativeSyntheticEvent<import("react-native").TextInputKeyPressEventData>) => void) | undefined;
+    placeholder?: string | undefined;
+    placeholderTextColor?: import("react-native").ColorValue | undefined;
+    readOnly?: boolean | undefined;
+    enterKeyHint?: import("react-native").EnterKeyHintTypeOptions | undefined;
+    secureTextEntry?: boolean | undefined;
+    selectTextOnFocus?: boolean | undefined;
+    selection?: {
+        start: number;
+        end?: number | undefined;
+    } | undefined;
+    selectionColor?: import("react-native").ColorValue | undefined;
+    textAlign?: "center" | "left" | "right" | undefined;
+    inputAccessoryViewID?: string | undefined;
+    maxFontSizeMultiplier?: number | null | undefined;
+    disableKeyboardShortcuts?: boolean | undefined;
     clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
     enablesReturnKeyAutomatically?: boolean | undefined;
     keyboardAppearance?: "default" | "light" | "dark" | undefined;
     passwordRules?: string | null | undefined;
-    rejectResponderTermination?: boolean | null | undefined;
     selectionState?: import("react-native").DocumentSelectionState | undefined;
     spellCheck?: boolean | undefined;
-    textContentType?: "none" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | undefined;
+    textContentType?: "none" | "name" | "nickname" | "password" | "username" | "flightNumber" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | "cellularEID" | "cellularIMEI" | "dateTime" | "shipmentTrackingNumber" | undefined;
     scrollEnabled?: boolean | undefined;
     lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
+    lineBreakModeIOS?: "head" | "wordWrapping" | "char" | "clip" | "middle" | "tail" | undefined;
     smartInsertDelete?: boolean | undefined;
     cursorColor?: import("react-native").ColorValue | null | undefined;
     selectionHandleColor?: import("react-native").ColorValue | null | undefined;
@@ -348,8 +174,8 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     underlineColorAndroid?: import("react-native").ColorValue | undefined;
     textAlignVertical?: "center" | "auto" | "top" | "bottom" | undefined;
     showSoftInputOnFocus?: boolean | undefined;
-    verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
-    ref?: React.RefObject<any> | React.ForwardedRef<any> | undefined;
+    verticalAlign?: "auto" | "middle" | "top" | "bottom" | undefined;
+    ref?: React.ForwardedRef<any> | undefined;
     suppressError?: boolean | undefined;
     hasValidation: boolean;
     hasError?: boolean | undefined;
@@ -357,11 +183,13 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     nextFormFieldRef?: React.RefObject<any> | undefined;
     errorMessage?: string | undefined;
     requiredMessage?: string | undefined;
-    labelComponent?: JSX.Element | undefined;
     labelPosition?: "beforeInput" | "afterInput" | undefined;
     nextFormField?: React.RefObject<import("react-native").TextInput> | undefined;
-    errorComponent?: JSX.Element | undefined;
     errorPosition?: "afterInput" | "belowLabel" | undefined;
+    renderLabel?: ((a11yProps: Pick<TextInputProps, "importantForAccessibility" | "accessibilityElementsHidden">) => React.ReactNode) | undefined;
+    renderError?: ((a11yProps: Pick<TextInputProps, "importantForAccessibility" | "accessibilityElementsHidden">) => React.ReactNode) | undefined;
+    accessibilityLabel?: string | undefined;
+    'aria-label'?: undefined;
     focusNextFormField: () => void;
     isLastField: () => boolean;
 };

package/dist/hooks/useTextInput.js

@@ -35,14 +35,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTextInput = void 0;
-const core_1 = require("@react-native-ama/core");
-const internal_1 = require("@react-native-ama/internal");
 const React = __importStar(require("react"));
 const useFormField_1 = require("./useFormField");
 const useTextInput = (_a) => {
     var { onLayout, returnKeyType, onSubmitEditing, accessibilityLabel, requiredMessage, required } = _a, rest = __rest(_a, ["onLayout", "returnKeyType", "onSubmitEditing", "accessibilityLabel", "requiredMessage", "required"]);
     const [theReturnKeyType, setTheReturnKeyType] = React.useState(returnKeyType || 'next');
-    const _b = (0, useFormField_1.useFormField)(Object.assign({ hasFocusCallback: true }, rest)), { style: formFieldStyle } = _b, formField = __rest(_b, ["style"]);
+    const formField = (0, useFormField_1.useFormField)(Object.assign({ hasFocusCallback: true }, rest));
     const handleOnSubmitEditing = (event) => {
         onSubmitEditing === null || onSubmitEditing === void 0 ? void 0 : onSubmitEditing(event);
         formField.focusNextFormField();
@@ -54,34 +52,6 @@ const useTextInput = (_a) => {
         }
         onLayout === null || onLayout === void 0 ? void 0 : onLayout(event);
     };
-    const checks = __DEV__ ? core_1.useChecks === null || core_1.useChecks === void 0 ? void 0 : (0, core_1.useChecks)() : undefined;
-    __DEV__ &&
-        (checks === null || checks === void 0 ? void 0 : checks.noUndefinedProperty({
-            properties: { accessibilityLabel },
-            property: 'accessibilityLabel',
-            rule: 'NO_FORM_LABEL',
-        }));
-    __DEV__ &&
-        (checks === null || checks === void 0 ? void 0 : checks.noUppercaseStringChecker({
-            text: accessibilityLabel,
-        }));
-    __DEV__ &&
-        (checks === null || checks === void 0 ? void 0 : checks.noUppercaseStringChecker({
-            text: rest.accessibilityHint,
-        }));
-    __DEV__ &&
-        (accessibilityLabel === null || accessibilityLabel === void 0 ? void 0 : accessibilityLabel.trim().slice(-1)) === '*' &&
-        (checks === null || checks === void 0 ? void 0 : checks.logResult('NO_FORM_LABEL_ENDING_WITH_ASTERISK', {
-            rule: 'NO_FORM_LABEL_ENDING_WITH_ASTERISK',
-            message: 'Form labels should not end with an asterisk. Please remove it and provide a required message instead.',
-        }));
-    __DEV__ &&
-        required &&
-        (checks === null || checks === void 0 ? void 0 : checks.noUndefinedProperty({
-            properties: { requiredMessage },
-            property: 'requiredMessage',
-            rule: 'NO_FORM_LABEL_ENDING_WITH_ASTERISK',
-        }));
     const fullAccessibilityLabel = required
         ? `${accessibilityLabel}, ${requiredMessage}`
         : accessibilityLabel;
@@ -92,11 +62,6 @@ const useTextInput = (_a) => {
         onLayout: checkReturnKeyType,
         blurOnSubmit: theReturnKeyType === 'done',
     };
-    return __DEV__
-        ? Object.assign(Object.assign(Object.assign(Object.assign({}, rest), formField), advancedProps), { style: internal_1.applyStyle === null || internal_1.applyStyle === void 0 ? void 0 : (0, internal_1.applyStyle)({
-                // @ts-ignore
-                style: formFieldStyle,
-                debugStyle: checks === null || checks === void 0 ? void 0 : checks.debugStyle,
-            }) }) : Object.assign(Object.assign(Object.assign({}, rest), formField), advancedProps);
+    return Object.assign(Object.assign(Object.assign({}, rest), formField), advancedProps);
 };
 exports.useTextInput = useTextInput;

package/dist/index.d.ts

@@ -1,18 +1,15 @@
-/// <reference types="react" />
-import { isFocused } from '@react-native-ama/internal';
-import { type FormActions, type FormProps } from './components/Form';
+import React from 'react';
+import { Form as FormProvider, type FormActions, type FormProps } from './components/Form';
 import { FormField, type FormFieldProps } from './components/FormField';
-import { FormSubmit, type FormSubmitProps } from './components/FormSubmit';
-import { FormSwitch, type FormSwitchProps } from './components/FormSwitch';
-type FormComponent = React.FunctionComponent<FormProps> & {
-    Submit: (props: FormSubmitProps) => JSX.Element;
-    Field: React.FunctionComponent<FormFieldProps>;
-    Switch: (props: FormSwitchProps) => JSX.Element;
+import { FormSubmit, type FormSubmitProps, type FormSubmitRenderProps } from './components/FormSubmit';
+type FormComponent = typeof FormProvider & {
+    Submit: (props: FormSubmitProps) => React.ReactElement;
+    Field: typeof FormField;
 };
 declare const Form: FormComponent;
-export { Form, FormField, FormSubmit, FormSwitch };
+export { Form, FormField, FormSubmit };
 export { TextInput, type TextInputProps } from './components/TextInput';
 export { useFormField, type UseFormField } from './hooks/useFormField';
+export { useFormSubmit, type UseFormSubmit } from './hooks/useFormSubmit';
 export { useTextInput, type UseTextInput } from './hooks/useTextInput';
-export { isFocused };
-export { type FormProps, type FormActions, type FormFieldProps, type FormSubmitProps, type FormSwitchProps, };
+export { type FormProps, type FormActions, type FormFieldProps, type FormSubmitProps, type FormSubmitRenderProps, };

package/dist/index.js

@@ -1,27 +1,22 @@
 "use strict";
-// Components
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isFocused = exports.useTextInput = exports.useFormField = exports.TextInput = exports.FormSwitch = exports.FormSubmit = exports.FormField = exports.Form = void 0;
-const internal_1 = require("@react-native-ama/internal");
-Object.defineProperty(exports, "isFocused", { enumerable: true, get: function () { return internal_1.isFocused; } });
+exports.useTextInput = exports.useFormSubmit = exports.useFormField = exports.TextInput = exports.FormSubmit = exports.FormField = exports.Form = void 0;
 const Form_1 = require("./components/Form");
 const FormField_1 = require("./components/FormField");
 Object.defineProperty(exports, "FormField", { enumerable: true, get: function () { return FormField_1.FormField; } });
 const FormSubmit_1 = require("./components/FormSubmit");
 Object.defineProperty(exports, "FormSubmit", { enumerable: true, get: function () { return FormSubmit_1.FormSubmit; } });
-const FormSwitch_1 = require("./components/FormSwitch");
-Object.defineProperty(exports, "FormSwitch", { enumerable: true, get: function () { return FormSwitch_1.FormSwitch; } });
-// @ts-ignore
 const Form = Form_1.Form;
 exports.Form = Form;
 Form.Submit = FormSubmit_1.FormSubmit;
 Form.Field = FormField_1.FormField;
-Form.Switch = FormSwitch_1.FormSwitch;
 // Components
 var TextInput_1 = require("./components/TextInput");
 Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return TextInput_1.TextInput; } });
 // Hooks
 var useFormField_1 = require("./hooks/useFormField");
 Object.defineProperty(exports, "useFormField", { enumerable: true, get: function () { return useFormField_1.useFormField; } });
+var useFormSubmit_1 = require("./hooks/useFormSubmit");
+Object.defineProperty(exports, "useFormSubmit", { enumerable: true, get: function () { return useFormSubmit_1.useFormSubmit; } });
 var useTextInput_1 = require("./hooks/useTextInput");
 Object.defineProperty(exports, "useTextInput", { enumerable: true, get: function () { return useTextInput_1.useTextInput; } });

package/dist/utils/checkFocusTrap.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { TextInput } from 'react-native';
+export type CheckFocusTrap = {
+    ref: React.RefObject<TextInput>;
+    shouldHaveFocus: boolean;
+    trackError?: ((rule: 'NO_KEYBOARD_TRAP', ref: React.RefObject<any>) => void) | null;
+};
+export declare const checkFocusTrap: (({ ref, shouldHaveFocus, trackError }: CheckFocusTrap) => Promise<void>) | null;

package/dist/utils/checkFocusTrap.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkFocusTrap = void 0;
+const CHECK_FOCUS_TRAP_DELAY_MS = 100;
+const isFocused = (ref) => {
+    var _a, _b;
+    return (_b = (_a = ref === null || ref === void 0 ? void 0 : ref.isFocused) === null || _a === void 0 ? void 0 : _a.call(ref)) !== null && _b !== void 0 ? _b : false;
+};
+exports.checkFocusTrap = __DEV__
+    ? ({ ref, shouldHaveFocus, trackError }) => {
+        return new Promise((resolve) => {
+            setTimeout(() => {
+                var _a;
+                const hasFocus = isFocused((_a = ref === null || ref === void 0 ? void 0 : ref.current) !== null && _a !== void 0 ? _a : null) === shouldHaveFocus;
+                if (!hasFocus) {
+                    const message = shouldHaveFocus
+                        ? 'The component did not receive the focus'
+                        : 'The component did trap the focus';
+                    if (trackError) {
+                        trackError('NO_KEYBOARD_TRAP', ref);
+                    }
+                    else {
+                        console.error(message);
+                    }
+                }
+                resolve();
+            }, CHECK_FOCUS_TRAP_DELAY_MS);
+        });
+    }
+    : null;