react-native-ui-lib 8.4.0 → 8.4.1-snapshot.7904

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

@@ -31,19 +31,15 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
         start: number;
         end?: number | undefined;
     } | undefined;
-    children?: import("react").ReactNode;
     style?: import("react-native/types").StyleProp<import("react-native/types").TextStyle>;
-    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;
+    children?: import("react").ReactNode;
     hitSlop?: number | import("react-native/types").Insets | null | undefined;
     id?: string | undefined;
     needsOffscreenAlphaCompositing?: boolean | undefined;
+    onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    testID?: string | undefined;
     nativeID?: string | undefined;
-    experimental_layoutConformance?: "strict" | "classic" | undefined;
     collapsable?: boolean | undefined;
     collapsableChildren?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
@@ -123,6 +119,8 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     accessibilityLanguage?: string | undefined;
     accessibilityShowsLargeContentViewer?: boolean | undefined;
     accessibilityLargeContentTitle?: string | undefined;
+    scrollEnabled?: boolean | undefined;
+    onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | 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;
@@ -136,7 +134,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     selectionColor?: import("react-native/types").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
     autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
-    autoComplete?: "name" | "off" | "email" | "url" | "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" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "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" | "username" | "username-new" | undefined;
+    autoComplete?: "off" | "name" | "email" | "url" | "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" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "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" | "username" | "username-new" | undefined;
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
@@ -154,6 +152,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;
+    onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
     onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
@@ -162,6 +161,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     secureTextEntry?: boolean | undefined;
     selectTextOnFocus?: boolean | undefined;
     inputAccessoryViewID?: string | undefined;
+    disableKeyboardShortcuts?: boolean | undefined;
     clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native/types").DataDetectorTypes | import("react-native/types").DataDetectorTypes[] | undefined;
@@ -502,19 +502,15 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
         start: number;
         end?: number | undefined;
     } | undefined;
-    children?: import("react").ReactNode;
     style?: import("react-native/types").StyleProp<import("react-native/types").TextStyle>;
-    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;
+    children?: import("react").ReactNode;
     hitSlop?: number | import("react-native/types").Insets | null | undefined;
     id?: string | undefined;
     needsOffscreenAlphaCompositing?: boolean | undefined;
+    onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    testID?: string | undefined;
     nativeID?: string | undefined;
-    experimental_layoutConformance?: "strict" | "classic" | undefined;
     collapsable?: boolean | undefined;
     collapsableChildren?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
@@ -594,6 +590,8 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     accessibilityLanguage?: string | undefined;
     accessibilityShowsLargeContentViewer?: boolean | undefined;
     accessibilityLargeContentTitle?: string | undefined;
+    scrollEnabled?: boolean | undefined;
+    onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | 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;
@@ -607,7 +605,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     selectionColor?: import("react-native/types").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
     autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
-    autoComplete?: "name" | "off" | "email" | "url" | "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" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "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" | "username" | "username-new" | undefined;
+    autoComplete?: "off" | "name" | "email" | "url" | "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" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "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" | "username" | "username-new" | undefined;
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
@@ -625,6 +623,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;
+    onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
     onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
@@ -633,6 +632,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     secureTextEntry?: boolean | undefined;
     selectTextOnFocus?: boolean | undefined;
     inputAccessoryViewID?: string | undefined;
+    disableKeyboardShortcuts?: boolean | undefined;
     clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native/types").DataDetectorTypes | import("react-native/types").DataDetectorTypes[] | undefined;
@@ -989,19 +989,15 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
         start: number;
         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;
-    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;
+    children?: import("react").ReactNode;
     hitSlop?: number | import("react-native/types").Insets | null | undefined;
     id?: string | undefined;
     needsOffscreenAlphaCompositing?: boolean | undefined;
+    onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    testID?: string | undefined;
     nativeID?: string | undefined;
-    experimental_layoutConformance?: "strict" | "classic" | undefined;
     collapsable?: boolean | undefined;
     collapsableChildren?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
@@ -1081,6 +1077,8 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     accessibilityLanguage?: string | undefined;
     accessibilityShowsLargeContentViewer?: boolean | undefined;
     accessibilityLargeContentTitle?: string | undefined;
+    scrollEnabled?: boolean | undefined;
+    onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | 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;
@@ -1094,7 +1092,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     selectionColor?: import("react-native/types").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
     autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
-    autoComplete?: "name" | "off" | "email" | "url" | "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" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "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" | "username" | "username-new" | undefined;
+    autoComplete?: "off" | "name" | "email" | "url" | "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" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "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" | "username" | "username-new" | undefined;
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
@@ -1112,6 +1110,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;
+    onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
     onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
@@ -1120,6 +1119,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     secureTextEntry?: boolean | undefined;
     selectTextOnFocus?: boolean | undefined;
     inputAccessoryViewID?: string | undefined;
+    disableKeyboardShortcuts?: boolean | undefined;
     clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native/types").DataDetectorTypes | import("react-native/types").DataDetectorTypes[] | undefined;
@@ -1487,19 +1487,15 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
         start: number;
         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;
-    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;
+    children?: import("react").ReactNode;
     hitSlop?: number | import("react-native/types").Insets | null | undefined;
     id?: string | undefined;
     needsOffscreenAlphaCompositing?: boolean | undefined;
+    onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    testID?: string | undefined;
     nativeID?: string | undefined;
-    experimental_layoutConformance?: "strict" | "classic" | undefined;
     collapsable?: boolean | undefined;
     collapsableChildren?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
@@ -1579,6 +1575,8 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     accessibilityLanguage?: string | undefined;
     accessibilityShowsLargeContentViewer?: boolean | undefined;
     accessibilityLargeContentTitle?: string | undefined;
+    scrollEnabled?: boolean | undefined;
+    onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | 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;
@@ -1592,7 +1590,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     selectionColor?: import("react-native/types").ColorValue | undefined;
     textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
     autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
-    autoComplete?: "name" | "off" | "email" | "url" | "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" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "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" | "username" | "username-new" | undefined;
+    autoComplete?: "off" | "name" | "email" | "url" | "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" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "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" | "username" | "username-new" | undefined;
     autoCorrect?: boolean | undefined;
     autoFocus?: boolean | undefined;
     blurOnSubmit?: boolean | undefined;
@@ -1610,6 +1608,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;
+    onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
     onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
@@ -1618,6 +1617,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
     secureTextEntry?: boolean | undefined;
     selectTextOnFocus?: boolean | undefined;
     inputAccessoryViewID?: string | undefined;
+    disableKeyboardShortcuts?: boolean | undefined;
     clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
     clearTextOnFocus?: boolean | undefined;
     dataDetectorTypes?: import("react-native/types").DataDetectorTypes | import("react-native/types").DataDetectorTypes[] | undefined;

package/src/components/timeline/index.js

@@ -21,7 +21,7 @@ const Timeline = props => {
   const [anchorMeasurements, setAnchorMeasurements] = useState();
   const [contentContainerMeasurements, setContentContainerMeasurements] = useState();
   const [pointMeasurements, setPointMeasurements] = useState();
-  const contentContainerRef = useRef();
+  const contentContainerRef = useRef(undefined);
   const onMeasure = (x, y, width, height) => {
     setAnchorMeasurements({
       x,

package/src/components/toast/index.js

@@ -1,5 +1,4 @@
 import _ from 'lodash';
-import PropTypes from 'prop-types';
 import React from 'react';
 import {AccessibilityInfo, findNodeHandle, StyleSheet, Animated, Easing, ActivityIndicator} from 'react-native';
 import {PureBaseComponent} from '../../commons';
@@ -21,74 +20,6 @@ const COLOR = Colors.white;
 export default class Toast extends PureBaseComponent {
   static displayName = 'Toast';
 
-  static propTypes = {
-    /**
-     * Whether to show or hide the toast
-     */
-    visible: PropTypes.bool,
-    /**
-     * The position of the toast. 'top' or 'bottom'.
-     */
-    position: PropTypes.oneOf(['top', 'bottom']),
-    /**
-     * custom zIndex for toast
-     */
-    zIndex: PropTypes.number,
-    /**
-     * The background color of the toast
-     */
-    backgroundColor: PropTypes.string,
-    /**
-     * the toast content color (message, actions labels)
-     */
-    color: PropTypes.string,
-    /**
-     * the toast message
-     */
-    message: PropTypes.string,
-    /**
-     * should message be centered in the toast
-     */
-    centerMessage: PropTypes.bool,
-    /**
-     * a left icon
-     */
-    icon: PropTypes.oneOfType([PropTypes.object, PropTypes.number]),
-    /**
-     * a single action for the user
-     */
-    action: PropTypes.shape(Button.propTypes),
-    /**
-     * should show a loader (showDismiss must be false)
-     */
-    showLoader: PropTypes.bool,
-    /**
-     * callback for dismiss action
-     */
-    onDismiss: PropTypes.func,
-    /**
-     * number of milliseconds to automatically invoke the onDismiss callback
-     */
-    autoDismiss: PropTypes.number,
-    /**
-     * show dismiss action (right 'X' button)
-     */
-    showDismiss: PropTypes.bool,
-    /**
-     * callback for end of component animation
-     */
-    onAnimationEnd: PropTypes.func,
-    /**
-     * render a custom view that will appear permanently above or below a Toast,
-     * depends on the Toast's position, and animate with it when the Toast is made visible or dismissed
-     */
-    renderAttachment: PropTypes.elementType,
-    /**
-     * render a custom loader component instead of the default when passing showLoader
-     */
-    customLoader: PropTypes.func
-  };
-
   static defaultProps = {
     position: 'top',
     zIndex: 100

package/src/components/wizard/index.d.ts

@@ -24,7 +24,7 @@ declare class Wizard extends Component<WizardProps, State> {
     componentWillUnmount(): void;
     onOrientationChange: () => void;
     getMaxWidth(): number;
-    renderChildren(): React.DetailedReactHTMLElement<any, HTMLElement>[] | null | undefined;
+    renderChildren(): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>[] | null | undefined;
     render(): React.JSX.Element;
 }
 declare const _default: React.ForwardRefExoticComponent<WizardProps & React.RefAttributes<any>> & typeof Wizard;

package/src/components/wizard/types.d.ts

@@ -73,7 +73,7 @@ export interface WizardProps {
      */
     activeIndex: number;
     /**
-     * The configuration of the active step (see Wizard.Step.propTypes)
+     * The configuration of the active step
      */
     activeConfig?: WizardStepProps;
     /**

package/src/components/wizard/wizard.api.json

@@ -17,7 +17,7 @@
     {
       "name": "activeConfig",
       "type": "WizardStepProps",
-      "description": "The configuration of the active step (see Wizard.Step.propTypes)"
+      "description": "The configuration of the active step"
     },
     {
       "name": "onActiveIndexChanged",

package/src/hooks/useCombinedRefs/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 const useCombinedRefs = (...refs) => {
-  const targetRef = React.useRef();
+  const targetRef = React.useRef(undefined);
   React.useEffect(() => {
     refs.forEach(ref => {
       if (!ref) {
@@ -9,7 +9,6 @@ const useCombinedRefs = (...refs) => {
       if (typeof ref === 'function') {
         ref(targetRef.current);
       } else {
-        // @ts-expect-error
         ref.current = targetRef.current;
       }
     });

package/src/hooks/useDebounce/index.js

@@ -4,7 +4,7 @@ import { useCallback, useRef } from 'react';
  * This hook is used to debounce a function call
  */
 function useDebounce(func, timeout = 300) {
-  const handler = useRef();
+  const handler = useRef(undefined);
   const debouncedFunction = useCallback(args => {
     if (handler.current) {
       clearTimeout(handler.current);

package/src/hooks/useHiddenLocation/index.js

@@ -20,8 +20,8 @@ export default function useHiddenLocation() {
     };
   };
   const [hiddenLocation, setHiddenLocation] = useState(getHiddenLocation({}));
-  const ref = useRef();
-  const layoutData = useRef();
+  const ref = useRef(undefined);
+  const layoutData = useRef(undefined);
   const wasMeasured = useRef(wasMeasuredDefaultValue);
   const measure = useCallback(() => {
     if (ref.current && layoutData.current && layoutData.current.width > 0 && layoutData.current.height > 0) {

package/src/hooks/useHiddenLocation/index.web.js

@@ -16,8 +16,8 @@ export default function useHiddenLocation() {
     };
   };
   const [hiddenLocation, setHiddenLocation] = useState(getHiddenLocation({}));
-  const ref = useRef();
-  const layoutData = useRef();
+  const ref = useRef(undefined);
+  const layoutData = useRef(undefined);
   const wasMeasured = useRef(wasMeasuredDefaultValue);
   const measure = useCallback(() => {
     if (ref.current) {

package/src/hooks/useMeasure/index.d.ts

@@ -9,7 +9,7 @@ interface Measurements {
     pageY: number;
 }
 declare const _default: () => {
-    ref: import("react").MutableRefObject<RNView | undefined>;
+    ref: import("react").RefObject<RNView | undefined>;
     measurements: Measurements | undefined;
 };
 export default _default;

package/src/hooks/useMeasure/index.js

@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState } from 'react';
 export default () => {
-  const ref = useRef();
+  const ref = useRef(undefined);
   const [measurements, setMeasurements] = useState();
   const onMeasure = (x, y, width, height, pageX, pageY) => {
     setMeasurements({

package/src/hooks/useScrollTo/index.d.ts

@@ -5,7 +5,7 @@ export type ScrollToProps<T extends ScrollToSupportedViews> = {
     /**
      * A reference to the ScrollView (or FlatList) which the items are in
      */
-    scrollViewRef?: RefObject<T>;
+    scrollViewRef?: RefObject<T | null>;
     /**
      * Is the scroll view horizontal (default is true)
      */
@@ -15,7 +15,7 @@ export type ScrollToResultProps<T extends ScrollToSupportedViews> = {
     /**
      * A reference to the ScrollView (or FlatList) which the items are in (from the props or a created one)
      */
-    scrollViewRef: RefObject<T>;
+    scrollViewRef: RefObject<T | null>;
     /**
      * scrollTo callback.
      * offset - the x or y to scroll to.

package/src/incubator/calendar/index.js

@@ -42,7 +42,7 @@ function Calendar(props) {
     }
     return -1;
   }, [monthItems]);
-  const flashListRef = useRef();
+  const flashListRef = useRef(undefined);
   const current = useSharedValue(new Date(initialDate).setHours(0, 0, 0, 0));
   const initialMonthIndex = useRef(getItemIndex(current.value));
   const lastUpdateSource = useSharedValue(UpdateSource.INIT);

package/src/incubator/calendar/types.d.ts

@@ -111,8 +111,8 @@ export interface CalendarProps {
     showExtraDays?: boolean;
 }
 export interface AgendaProps {
-    renderEvent?: (event: Event) => React.ReactElement | null;
-    renderHeader?: (header: DateSectionHeader) => React.ReactElement | null;
+    renderEvent?: (event: Event) => React.ReactElement<any> | null;
+    renderHeader?: (header: DateSectionHeader) => React.ReactElement<any> | null;
     showLoader?: boolean;
     onEndReached?: (date: number) => void;
 }

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

@@ -14,7 +14,7 @@ export type ExpandableOverlayProps = TouchableOpacityProps & PropsWithChildren<{
     /**
      * The content to render inside the expandable modal/dialog
      */
-    expandableContent?: React.ReactElement;
+    expandableContent?: React.ReactElement<any>;
     /**
      * Whether to use a dialog as expandable container (by default the container will be a full screen modal)
      */
@@ -38,7 +38,7 @@ export type ExpandableOverlayProps = TouchableOpacityProps & PropsWithChildren<{
     /**
      * A custom overlay to render instead of Modal or Dialog components
      */
-    renderCustomOverlay?: (props: RenderCustomOverlayProps) => React.ReactElement | undefined | null;
+    renderCustomOverlay?: (props: RenderCustomOverlayProps) => React.ReactElement<any> | undefined | null;
     /**
      * Disabled opening expandable overlay
      */

package/src/incubator/index.d.ts

@@ -7,3 +7,4 @@ export { default as Slider, SliderRef, SliderProps } from './slider';
 export { default as ChipsInput, ChipsInputProps, ChipsInputChangeReason, ChipsInputChipProps } from '../components/chipsInput';
 export { default as WheelPicker, WheelPickerProps, WheelPickerItemProps, WheelPickerAlign, WheelPickerItemValue } from '../components/WheelPicker';
 export { default as Gradient, GradientProps } from './gradient';
+export { default as Marquee, MarqueeDirections, MarqueeProps } from './marquee';

package/src/incubator/index.js

@@ -8,4 +8,5 @@ export { default as Slider, SliderRef, SliderProps } from "./slider";
 // TODO: delete exports after fully removing from private
 export { default as ChipsInput, ChipsInputProps, ChipsInputChangeReason, ChipsInputChipProps } from "../components/chipsInput";
 export { default as WheelPicker, WheelPickerProps, WheelPickerItemProps, WheelPickerAlign, WheelPickerItemValue } from "../components/WheelPicker";
-export { default as Gradient, GradientProps } from "./gradient";
+export { default as Gradient, GradientProps } from "./gradient";
+export { default as Marquee, MarqueeDirections, MarqueeProps } from "./marquee";

package/src/{components → incubator}/marquee/index.js

@@ -1,8 +1,8 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import { StyleSheet } from 'react-native';
 import { useSharedValue, useAnimatedStyle, withTiming, withRepeat, Easing } from 'react-native-reanimated';
-import View from "../view";
-import Text from "../text";
+import View from "../../components/view";
+import Text from "../../components/text";
 import { MarqueeDirections, MarqueeProps } from "./types";
 const DEFAULT_DURATION = 3000;
 const DEFAULT_DURATION_PER_WORD = 250;

package/src/{components → incubator}/marquee/marquee.api.json

@@ -2,7 +2,7 @@
   "name": "Marquee",
   "category": "media",
   "description": "Marquee component for sliding text",
-  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/MarqueeScreen.tsx",
+  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/incubatorScreens/IncubatorMarqueeScreen.tsx",
   "props": [
     {"name": "label", "type": "string", "description": "Marquee label"},
     {"name": "labelStyle", "type": "TextProps['style']", "description": "Marquee label style"},

package/src/{components → incubator}/marquee/types.d.ts

@@ -1,6 +1,6 @@
 import type { PropsWithChildren } from 'react';
-import { TextProps } from '../text';
-import { ViewProps } from '../view';
+import { TextProps } from '../../components/text';
+import { ViewProps } from '../../components/view';
 export declare enum MarqueeDirections {
     RIGHT = "RIGHT",
     LEFT = "LEFT",

package/src/incubator/slider/Thumb.js

@@ -40,7 +40,7 @@ const Thumb = props => {
     height: THUMB_SIZE
   });
   const lastOffset = useSharedValue(0);
-  const gesture = Gesture.Pan().onBegin(() => {
+  const gesture = Gesture.Pan().hitSlop(hitSlop).onBegin(() => {
     onSeekStart?.();
     isPressed.value = true;
     lastOffset.value = offset.value;

package/src/incubator/slider/Track.d.ts

@@ -6,7 +6,7 @@ export interface Props extends ViewProps {
     maximumTrackTintColor?: string;
     minimumTrackTintColor?: string;
     trackStyle?: StyleProp<ViewStyle>;
-    renderTrack?: () => ReactElement | ReactElement[];
+    renderTrack?: () => ReactElement<any> | ReactElement<any>[];
     onPress?: ((event: GestureResponderEvent) => void) | undefined;
 }
 declare const Track: (props: Props) => React.JSX.Element;

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

@@ -62,7 +62,7 @@ export interface SliderProps extends AccessibilityProps {
     /**
      * Custom render instead of rendering the track
      */
-    renderTrack?: () => ReactElement | ReactElement[];
+    renderTrack?: () => ReactElement<any> | ReactElement<any>[];
     /**
      * The thumb style
      */

package/src/incubator/toast/helpers/useToastTimer.js

@@ -3,7 +3,7 @@ export default ({
   autoDismiss,
   onDismiss
 }) => {
-  const timer = useRef();
+  const timer = useRef(undefined);
   const clearTimer = useCallback(() => {
     if (timer.current) {
       clearTimeout(timer.current);

package/src/incubator/toast/index.js

@@ -43,7 +43,7 @@ const Toast = props => {
     testID
   } = props;
   const directions = useRef([props.position === 'bottom' ? PanView.directions.DOWN : PanView.directions.UP, PanView.directions.LEFT, PanView.directions.RIGHT]);
-  const viewRef = useRef();
+  const viewRef = useRef(undefined);
   const [toastHeight, setToastHeight] = useState();
   const {
     clearTimer,

package/src/incubator/toast/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode, type JSX } from 'react';
 import { ImageSourcePropType, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import { ButtonProps } from '../../components/button';
 import { TextProps } from '../../components/text';
@@ -52,7 +52,7 @@ export interface ToastProps {
     /**
      * should show a loader
      */
-    loaderElement?: ReactElement;
+    loaderElement?: ReactElement<any>;
     /**
      * callback for dismiss action
      */