react-native-ui-lib 7.46.2-snapshot.7314 → 7.46.2-snapshot.7316

package/src/components/textField/usePreset.d.ts

@@ -39,19 +39,17 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
     onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
     scrollEnabled?: boolean | undefined;
-    hitSlop?: number | import("react-native/types").Insets | null | undefined;
+    hitSlop?: import("react-native/types").Insets | undefined;
     id?: string | undefined;
-    needsOffscreenAlphaCompositing?: boolean | undefined;
     nativeID?: string | undefined;
-    experimental_layoutConformance?: "strict" | "classic" | undefined;
     collapsable?: boolean | undefined;
-    collapsableChildren?: boolean | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
     focusable?: boolean | undefined;
-    tabIndex?: 0 | -1 | undefined;
     shouldRasterizeIOS?: boolean | undefined;
     isTVSelectable?: boolean | undefined;
     hasTVPreferredFocus?: boolean | undefined;
+    tvParallaxProperties?: import("react-native/types").TVParallaxProperties | undefined;
     tvParallaxShiftDistanceX?: number | undefined;
     tvParallaxShiftDistanceY?: number | undefined;
     tvParallaxTiltAngle?: number | undefined;
@@ -99,6 +97,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     'aria-disabled'?: boolean | undefined;
     'aria-expanded'?: boolean | undefined;
     'aria-selected'?: boolean | undefined;
+    'aria-labelledby'?: string | undefined;
     accessibilityHint?: string | undefined;
     accessibilityValue?: import("react-native/types").AccessibilityValue | undefined;
     'aria-valuemax'?: number | undefined;
@@ -108,12 +107,11 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onAccessibilityAction?: ((event: import("react-native/types").AccessibilityActionEvent) => void) | undefined;
     importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
     'aria-hidden'?: boolean | undefined;
+    'aria-live'?: "polite" | "assertive" | "off" | undefined;
     'aria-modal'?: boolean | undefined;
     role?: import("react-native/types").Role | undefined;
-    accessibilityLabelledBy?: string | string[] | undefined;
-    'aria-labelledby'?: string | undefined;
     accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-    'aria-live'?: "polite" | "assertive" | "off" | undefined;
+    accessibilityLabelledBy?: string | string[] | undefined;
     accessibilityElementsHidden?: boolean | undefined;
     accessibilityViewIsModal?: boolean | undefined;
     onAccessibilityEscape?: (() => void) | undefined;
@@ -121,12 +119,8 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onMagicTap?: (() => void) | undefined;
     accessibilityIgnoresInvertColors?: boolean | undefined;
     accessibilityLanguage?: string | undefined;
-    accessibilityShowsLargeContentViewer?: boolean | undefined;
-    accessibilityLargeContentTitle?: string | undefined;
-    onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
-    rejectResponderTermination?: boolean | null | undefined;
     onBlur?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
     onFocus?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
     allowFontScaling?: boolean | undefined;
@@ -140,7 +134,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
-    submitBehavior?: import("react-native/types").SubmitBehavior | undefined;
     caretHidden?: boolean | undefined;
     contextMenuHidden?: boolean | undefined;
     defaultValue?: string | undefined;
@@ -154,6 +147,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
     onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
     onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
+    onTextInput?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputTextInputEventData>) => void) | undefined;
     onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
@@ -168,13 +162,12 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     enablesReturnKeyAutomatically?: boolean | undefined;
     keyboardAppearance?: "default" | "light" | "dark" | undefined;
     passwordRules?: string | null | undefined;
+    rejectResponderTermination?: boolean | null | undefined;
     selectionState?: import("react-native/types").DocumentSelectionState | undefined;
     spellCheck?: boolean | 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;
-    lineBreakModeIOS?: "middle" | "head" | "tail" | "clip" | "wordWrapping" | "char" | 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;
     smartInsertDelete?: boolean | undefined;
     cursorColor?: import("react-native/types").ColorValue | null | undefined;
-    selectionHandleColor?: import("react-native/types").ColorValue | null | undefined;
     importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
     disableFullscreenUI?: boolean | undefined;
     inlineImageLeft?: string | undefined;
@@ -192,7 +185,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     floatingPlaceholder?: boolean | undefined;
     enableErrors?: boolean | undefined;
     floatingPlaceholderColor?: import("./types").ColorType | undefined;
-    floatingPlaceholderStyle?: ((false | "" | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle) | undefined;
+    floatingPlaceholderStyle?: ((false | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle) | undefined;
     floatOnFocus?: boolean | undefined;
     extraOffset?: number | undefined;
     onClear?: (() => void) | undefined;
@@ -510,19 +503,17 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
     onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
     scrollEnabled?: boolean | undefined;
-    hitSlop?: number | import("react-native/types").Insets | null | undefined;
+    hitSlop?: import("react-native/types").Insets | undefined;
     id?: string | undefined;
-    needsOffscreenAlphaCompositing?: boolean | undefined;
     nativeID?: string | undefined;
-    experimental_layoutConformance?: "strict" | "classic" | undefined;
     collapsable?: boolean | undefined;
-    collapsableChildren?: boolean | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
     focusable?: boolean | undefined;
-    tabIndex?: 0 | -1 | undefined;
     shouldRasterizeIOS?: boolean | undefined;
     isTVSelectable?: boolean | undefined;
     hasTVPreferredFocus?: boolean | undefined;
+    tvParallaxProperties?: import("react-native/types").TVParallaxProperties | undefined;
     tvParallaxShiftDistanceX?: number | undefined;
     tvParallaxShiftDistanceY?: number | undefined;
     tvParallaxTiltAngle?: number | undefined;
@@ -570,6 +561,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     'aria-disabled'?: boolean | undefined;
     'aria-expanded'?: boolean | undefined;
     'aria-selected'?: boolean | undefined;
+    'aria-labelledby'?: string | undefined;
     accessibilityHint?: string | undefined;
     accessibilityValue?: import("react-native/types").AccessibilityValue | undefined;
     'aria-valuemax'?: number | undefined;
@@ -579,12 +571,11 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onAccessibilityAction?: ((event: import("react-native/types").AccessibilityActionEvent) => void) | undefined;
     importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
     'aria-hidden'?: boolean | undefined;
+    'aria-live'?: "polite" | "assertive" | "off" | undefined;
     'aria-modal'?: boolean | undefined;
     role?: import("react-native/types").Role | undefined;
-    accessibilityLabelledBy?: string | string[] | undefined;
-    'aria-labelledby'?: string | undefined;
     accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-    'aria-live'?: "polite" | "assertive" | "off" | undefined;
+    accessibilityLabelledBy?: string | string[] | undefined;
     accessibilityElementsHidden?: boolean | undefined;
     accessibilityViewIsModal?: boolean | undefined;
     onAccessibilityEscape?: (() => void) | undefined;
@@ -592,12 +583,8 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onMagicTap?: (() => void) | undefined;
     accessibilityIgnoresInvertColors?: boolean | undefined;
     accessibilityLanguage?: string | undefined;
-    accessibilityShowsLargeContentViewer?: boolean | undefined;
-    accessibilityLargeContentTitle?: string | undefined;
-    onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
-    rejectResponderTermination?: boolean | null | undefined;
     onBlur?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
     onFocus?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
     allowFontScaling?: boolean | undefined;
@@ -611,7 +598,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
-    submitBehavior?: import("react-native/types").SubmitBehavior | undefined;
     caretHidden?: boolean | undefined;
     contextMenuHidden?: boolean | undefined;
     defaultValue?: string | undefined;
@@ -625,6 +611,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
     onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
     onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
+    onTextInput?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputTextInputEventData>) => void) | undefined;
     onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
@@ -639,13 +626,12 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     enablesReturnKeyAutomatically?: boolean | undefined;
     keyboardAppearance?: "default" | "light" | "dark" | undefined;
     passwordRules?: string | null | undefined;
+    rejectResponderTermination?: boolean | null | undefined;
     selectionState?: import("react-native/types").DocumentSelectionState | undefined;
     spellCheck?: boolean | 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;
-    lineBreakModeIOS?: "middle" | "head" | "tail" | "clip" | "wordWrapping" | "char" | 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;
     smartInsertDelete?: boolean | undefined;
     cursorColor?: import("react-native/types").ColorValue | null | undefined;
-    selectionHandleColor?: import("react-native/types").ColorValue | null | undefined;
     importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
     disableFullscreenUI?: boolean | undefined;
     inlineImageLeft?: string | undefined;
@@ -663,7 +649,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     floatingPlaceholder?: boolean | undefined;
     enableErrors?: boolean | undefined;
     floatingPlaceholderColor?: import("./types").ColorType | undefined;
-    floatingPlaceholderStyle?: ((false | "" | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle) | undefined;
+    floatingPlaceholderStyle?: ((false | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle) | undefined;
     floatOnFocus?: boolean | undefined;
     extraOffset?: number | undefined;
     onClear?: (() => void) | undefined;
@@ -990,26 +976,24 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
         end?: number | undefined;
     } | undefined;
     children?: import("react").ReactNode;
-    style: false | "" | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null;
+    style: false | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null;
     testID?: string | undefined;
     removeClippedSubviews?: boolean | undefined;
     onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
     onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
     onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
     scrollEnabled?: boolean | undefined;
-    hitSlop?: number | import("react-native/types").Insets | null | undefined;
+    hitSlop?: import("react-native/types").Insets | undefined;
     id?: string | undefined;
-    needsOffscreenAlphaCompositing?: boolean | undefined;
     nativeID?: string | undefined;
-    experimental_layoutConformance?: "strict" | "classic" | undefined;
     collapsable?: boolean | undefined;
-    collapsableChildren?: boolean | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
     focusable?: boolean | undefined;
-    tabIndex?: 0 | -1 | undefined;
     shouldRasterizeIOS?: boolean | undefined;
     isTVSelectable?: boolean | undefined;
     hasTVPreferredFocus?: boolean | undefined;
+    tvParallaxProperties?: import("react-native/types").TVParallaxProperties | undefined;
     tvParallaxShiftDistanceX?: number | undefined;
     tvParallaxShiftDistanceY?: number | undefined;
     tvParallaxTiltAngle?: number | undefined;
@@ -1057,6 +1041,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     'aria-disabled'?: boolean | undefined;
     'aria-expanded'?: boolean | undefined;
     'aria-selected'?: boolean | undefined;
+    'aria-labelledby'?: string | undefined;
     accessibilityHint?: string | undefined;
     accessibilityValue?: import("react-native/types").AccessibilityValue | undefined;
     'aria-valuemax'?: number | undefined;
@@ -1066,12 +1051,11 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onAccessibilityAction?: ((event: import("react-native/types").AccessibilityActionEvent) => void) | undefined;
     importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
     'aria-hidden'?: boolean | undefined;
+    'aria-live'?: "polite" | "assertive" | "off" | undefined;
     'aria-modal'?: boolean | undefined;
     role?: import("react-native/types").Role | undefined;
-    accessibilityLabelledBy?: string | string[] | undefined;
-    'aria-labelledby'?: string | undefined;
     accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-    'aria-live'?: "polite" | "assertive" | "off" | undefined;
+    accessibilityLabelledBy?: string | string[] | undefined;
     accessibilityElementsHidden?: boolean | undefined;
     accessibilityViewIsModal?: boolean | undefined;
     onAccessibilityEscape?: (() => void) | undefined;
@@ -1079,12 +1063,8 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onMagicTap?: (() => void) | undefined;
     accessibilityIgnoresInvertColors?: boolean | undefined;
     accessibilityLanguage?: string | undefined;
-    accessibilityShowsLargeContentViewer?: boolean | undefined;
-    accessibilityLargeContentTitle?: string | undefined;
-    onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
-    rejectResponderTermination?: boolean | null | undefined;
     onBlur?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
     onFocus?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
     allowFontScaling?: boolean | undefined;
@@ -1098,7 +1078,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
-    submitBehavior?: import("react-native/types").SubmitBehavior | undefined;
     caretHidden?: boolean | undefined;
     contextMenuHidden?: boolean | undefined;
     defaultValue?: string | undefined;
@@ -1112,6 +1091,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
     onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
     onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
+    onTextInput?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputTextInputEventData>) => void) | undefined;
     onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
@@ -1126,13 +1106,12 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     enablesReturnKeyAutomatically?: boolean | undefined;
     keyboardAppearance?: "default" | "light" | "dark" | undefined;
     passwordRules?: string | null | undefined;
+    rejectResponderTermination?: boolean | null | undefined;
     selectionState?: import("react-native/types").DocumentSelectionState | undefined;
     spellCheck?: boolean | 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;
-    lineBreakModeIOS?: "middle" | "head" | "tail" | "clip" | "wordWrapping" | "char" | 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;
     smartInsertDelete?: boolean | undefined;
     cursorColor?: import("react-native/types").ColorValue | null | undefined;
-    selectionHandleColor?: import("react-native/types").ColorValue | null | undefined;
     importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
     disableFullscreenUI?: boolean | undefined;
     inlineImageLeft?: string | undefined;
@@ -1160,11 +1139,11 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
         disabled: string;
         readonly: string;
     };
-    floatingPlaceholderStyle: (false | "" | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle;
+    floatingPlaceholderStyle: (false | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle;
     floatOnFocus?: boolean | undefined;
     extraOffset?: number | undefined;
     onClear?: (() => void) | undefined;
-    clearButtonStyle: false | "" | import("react-native/types").ViewStyle | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle> | import("react-native/types").RecursiveArray<import("react-native/types").ViewStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle>> | {
+    clearButtonStyle: false | import("react-native/types").ViewStyle | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle> | import("react-native/types").RecursiveArray<import("react-native/types").ViewStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle>> | {
         marginHorizontal: number;
     } | null;
     validationMessage?: string | string[] | undefined;
@@ -1488,26 +1467,24 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
         end?: number | undefined;
     } | undefined;
     children?: import("react").ReactNode;
-    style: false | "" | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null;
+    style: false | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null;
     testID?: string | undefined;
     removeClippedSubviews?: boolean | undefined;
     onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
     onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
     onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
     scrollEnabled?: boolean | undefined;
-    hitSlop?: number | import("react-native/types").Insets | null | undefined;
+    hitSlop?: import("react-native/types").Insets | undefined;
     id?: string | undefined;
-    needsOffscreenAlphaCompositing?: boolean | undefined;
     nativeID?: string | undefined;
-    experimental_layoutConformance?: "strict" | "classic" | undefined;
     collapsable?: boolean | undefined;
-    collapsableChildren?: boolean | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
     focusable?: boolean | undefined;
-    tabIndex?: 0 | -1 | undefined;
     shouldRasterizeIOS?: boolean | undefined;
     isTVSelectable?: boolean | undefined;
     hasTVPreferredFocus?: boolean | undefined;
+    tvParallaxProperties?: import("react-native/types").TVParallaxProperties | undefined;
     tvParallaxShiftDistanceX?: number | undefined;
     tvParallaxShiftDistanceY?: number | undefined;
     tvParallaxTiltAngle?: number | undefined;
@@ -1555,6 +1532,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     'aria-disabled'?: boolean | undefined;
     'aria-expanded'?: boolean | undefined;
     'aria-selected'?: boolean | undefined;
+    'aria-labelledby'?: string | undefined;
     accessibilityHint?: string | undefined;
     accessibilityValue?: import("react-native/types").AccessibilityValue | undefined;
     'aria-valuemax'?: number | undefined;
@@ -1564,12 +1542,11 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onAccessibilityAction?: ((event: import("react-native/types").AccessibilityActionEvent) => void) | undefined;
     importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
     'aria-hidden'?: boolean | undefined;
+    'aria-live'?: "polite" | "assertive" | "off" | undefined;
     'aria-modal'?: boolean | undefined;
     role?: import("react-native/types").Role | undefined;
-    accessibilityLabelledBy?: string | string[] | undefined;
-    'aria-labelledby'?: string | undefined;
     accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-    'aria-live'?: "polite" | "assertive" | "off" | undefined;
+    accessibilityLabelledBy?: string | string[] | undefined;
     accessibilityElementsHidden?: boolean | undefined;
     accessibilityViewIsModal?: boolean | undefined;
     onAccessibilityEscape?: (() => void) | undefined;
@@ -1577,12 +1554,8 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onMagicTap?: (() => void) | undefined;
     accessibilityIgnoresInvertColors?: boolean | undefined;
     accessibilityLanguage?: string | undefined;
-    accessibilityShowsLargeContentViewer?: boolean | undefined;
-    accessibilityLargeContentTitle?: string | undefined;
-    onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
     onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
-    rejectResponderTermination?: boolean | null | undefined;
     onBlur?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
     onFocus?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
     allowFontScaling?: boolean | undefined;
@@ -1596,7 +1569,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
-    submitBehavior?: import("react-native/types").SubmitBehavior | undefined;
     caretHidden?: boolean | undefined;
     contextMenuHidden?: boolean | undefined;
     defaultValue?: string | undefined;
@@ -1610,6 +1582,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
     onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
     onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
+    onTextInput?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputTextInputEventData>) => void) | undefined;
     onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
@@ -1624,13 +1597,12 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     enablesReturnKeyAutomatically?: boolean | undefined;
     keyboardAppearance?: "default" | "light" | "dark" | undefined;
     passwordRules?: string | null | undefined;
+    rejectResponderTermination?: boolean | null | undefined;
     selectionState?: import("react-native/types").DocumentSelectionState | undefined;
     spellCheck?: boolean | 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;
-    lineBreakModeIOS?: "middle" | "head" | "tail" | "clip" | "wordWrapping" | "char" | 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;
     smartInsertDelete?: boolean | undefined;
     cursorColor?: import("react-native/types").ColorValue | null | undefined;
-    selectionHandleColor?: import("react-native/types").ColorValue | null | undefined;
     importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
     disableFullscreenUI?: boolean | undefined;
     inlineImageLeft?: string | undefined;
@@ -1658,11 +1630,11 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
         disabled: string;
         readonly: string;
     };
-    floatingPlaceholderStyle: (false | "" | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle;
+    floatingPlaceholderStyle: (false | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle;
     floatOnFocus?: boolean | undefined;
     extraOffset?: number | undefined;
     onClear?: (() => void) | undefined;
-    clearButtonStyle: false | "" | import("react-native/types").ViewStyle | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle> | import("react-native/types").RecursiveArray<import("react-native/types").ViewStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle>> | {
+    clearButtonStyle: false | import("react-native/types").ViewStyle | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle> | import("react-native/types").RecursiveArray<import("react-native/types").ViewStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle>> | {
         marginLeft: number;
     } | null;
     validationMessage?: string | string[] | undefined;

package/src/incubator/dialog/dialog.api.json

@@ -0,0 +1,54 @@
+{
+  "name": "Dialog",
+  "category": "incubator",
+  "description": "Component for displaying custom content inside a popup dialog",
+  "note": "Use alignment modifiers to control the dialog position (top, bottom, centerV, centerH, etc... by default the dialog is aligned to center).  \nWhen adding a `FlatList` \\ `ScrollView` to the content be sure to use one from `react-native-gesture-handler` (see [this link](https://github.com/software-mansion/react-native-gesture-handler/issues/1380) for `SectionList`).",
+  "modifiers": ["alignment"],
+  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/incubatorScreens/IncubatorDialogScreen.tsx",
+  "props": [
+    {"name": "visible", "type": "boolean", "description": "The visibility of the dialog"},
+    {"name": "headerProps", "type": "DialogHeaderProps", "description": "The Dialog's header (title, subtitle etc)"},
+    {
+      "name": "containerStyle",
+      "type": "ViewStyle",
+      "description": "The Dialog`s container style (it is set to {position: 'absolute'})"
+    },
+    {
+      "name": "containerProps",
+      "type": "ViewProps",
+      "description": "Extra props for the container"
+    },
+    {
+      "name": "onDismiss",
+      "type": "(props?: DialogProps) => void",
+      "description": "Callback that is called after the dialog's dismiss (after the animation has ended)."
+    },
+    {
+      "name": "direction",
+      "type": "up | down | left | right",
+      "description": "The direction from which and to which the dialog is animating \\ panning (default down).",
+      "default": "down"
+    },
+    {
+      "name": "showClose",
+      "type": "boolean",
+      "description": "Show the close button"
+    },
+    {"name": "ignoreBackgroundPress", "type": "boolean", "description": "Whether or not to ignore background press."},
+    {"name": "modalProps", "type": "ModalProps", "description": "Pass props to the dialog modal"},
+    {
+      "name": "testID",
+      "type": "string",
+      "description": "Used to locate this view in end-to-end tests.  \nThe container has the original id.  \nSupported inner elements IDs:  \n`${TestID}.modal` - the Modal's id.  \n`${TestID}.overlayFadingBackground` - the fading background id."
+    }
+  ],
+  "snippet": [
+    "<Dialog",
+    "  visible={isVisible$1}",
+    "  onDismiss={() => console.log('dismissed')$2}",
+    "  panDirection={PanningProvider.Directions.DOWN$3}",
+    ">",
+    "  <Text text60>Content</Text>$4",
+    "</Dialog>"
+  ]
+}

package/src/{components → incubator}/dialog/dialogHeader.api.json

@@ -1,8 +1,8 @@
 {
   "name": "Dialog.Header",
-  "category": "overlays",
+  "category": "incubator",
   "description": "Component for displaying the header of a popup dialog",
-  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/DialogScreen.tsx",
+  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/incubatorScreens/IncubatorDialogScreen.tsx",
   "props": [
     {"name": "title", "type": "string", "description": "Title"},
     {"name": "titleStyle", "type": "StyleProp<TextStyle>", "description": "Title text style"},

package/src/incubator/dialog/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import DialogHeader from './DialogHeader';
+import { DialogProps, DialogDirections, DialogDirectionsEnum, DialogHeaderProps, DialogMigrationProps } from './types';
+export { DialogProps, DialogDirections, DialogDirectionsEnum, DialogHeaderProps, DialogMigrationProps };
+export interface DialogStatics {
+    directions: typeof DialogDirectionsEnum;
+    Header: typeof DialogHeader;
+}
+export interface DialogImperativeMethods {
+    dismiss: () => void;
+}
+declare const _default: React.ForwardRefExoticComponent<import("./types")._DialogProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<any>> & DialogStatics;
+export default _default;