react-native-ui-lib 8.3.4-snapshot.7813 → 8.3.4-snapshot.7814

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/ReactNativeUiLib.podspec +22 -0
  2. package/lib/components/HighlighterOverlayView/index.d.ts +2 -2
  3. package/lib/components/HighlighterOverlayView/index.web.d.ts +2 -2
  4. package/lib/components/Keyboard/KeyboardAccessoryView/CustomKeyboardView/CustomKeyboardViewBase.d.ts +1 -1
  5. package/lib/components/Keyboard/KeyboardAccessoryView/KeyboardRegistry/index.js +1 -5
  6. package/lib/components/Keyboard/KeyboardAccessoryView/index.d.ts +2 -2
  7. package/lib/components/Keyboard/KeyboardAccessoryView/index.js +1 -3
  8. package/lib/components/Keyboard/KeyboardTrackingView/KeyboardTrackingView.ios.js +1 -3
  9. package/lib/components/Keyboard/KeyboardTrackingView/index.d.ts +2 -6
  10. package/lib/components/Keyboard/KeyboardTrackingView/index.js +4 -5
  11. package/lib/components/Keyboard/index.d.ts +1 -2
  12. package/lib/package.json +21 -20
  13. package/lib/react-native.config.js +1 -1
  14. package/package.json +163 -161
  15. package/src/commons/asBaseComponent.js +1 -2
  16. package/src/commons/baseComponent.js +8 -0
  17. package/src/commons/forwardRef.js +4 -1
  18. package/src/commons/modifiers.d.ts +6 -0
  19. package/src/commons/modifiers.js +18 -0
  20. package/src/commons/withScrollEnabler.js +4 -0
  21. package/src/commons/withScrollReached.js +4 -0
  22. package/src/components/KeyboardAwareScrollView/KeyboardAwareBase.js +7 -0
  23. package/src/components/KeyboardAwareScrollView/KeyboardAwareFlatList.js +6 -0
  24. package/src/components/KeyboardAwareScrollView/KeyboardAwareScrollView.js +6 -0
  25. package/src/components/WheelPicker/WheelPicker.driver.d.ts +2 -2
  26. package/src/components/WheelPicker/index.d.ts +2 -2
  27. package/src/components/WheelPicker/index.js +1 -1
  28. package/src/components/WheelPicker/usePresenter.d.ts +1 -1
  29. package/src/components/actionSheet/index.d.ts +1 -1
  30. package/src/components/animatedImage/index.d.ts +1 -1
  31. package/src/components/animatedScanner/index.js +37 -0
  32. package/src/components/avatar/index.d.ts +1 -1
  33. package/src/components/badge/index.d.ts +4 -4
  34. package/src/components/baseInput/index.d.ts +1 -0
  35. package/src/components/baseInput/index.js +49 -1
  36. package/src/components/button/index.d.ts +4 -4
  37. package/src/components/button/types.d.ts +2 -2
  38. package/src/components/carousel/index.d.ts +8 -8
  39. package/src/components/carousel/types.d.ts +1 -4
  40. package/src/components/carousel/types.js +2 -0
  41. package/src/components/checkbox/index.d.ts +1 -1
  42. package/src/components/chip/index.d.ts +1 -1
  43. package/src/components/colorPalette/index.d.ts +1 -1
  44. package/src/components/dateTimePicker/index.d.ts +2 -2
  45. package/src/components/dateTimePicker/index.js +2 -2
  46. package/src/components/dialog/types.d.ts +4 -4
  47. package/src/components/dialog/useDialogContent.d.ts +1 -1
  48. package/src/components/drawer/index.d.ts +1 -1
  49. package/src/components/expandableSection/index.d.ts +2 -2
  50. package/src/components/fadedScrollView/index.js +1 -1
  51. package/src/components/featureHighlight/index.js +7 -5
  52. package/src/components/gridListItem/index.d.ts +7 -7
  53. package/src/components/gridView/index.d.ts +1 -1
  54. package/src/components/hint/HintBubble.d.ts +1 -1
  55. package/src/components/hint/HintOld.d.ts +10 -10
  56. package/src/components/hint/hooks/useHintLayout.d.ts +1 -1
  57. package/src/components/hint/index.d.ts +2 -2
  58. package/src/components/hint/types.d.ts +2 -2
  59. package/src/components/icon/index.js +3 -0
  60. package/src/components/image/index.d.ts +1 -1
  61. package/src/components/image/index.js +17 -20
  62. package/src/components/loaderScreen/index.d.ts +1 -1
  63. package/src/components/loaderScreen/types.d.ts +1 -1
  64. package/src/components/maskedInput/index.d.ts +4 -21
  65. package/src/components/maskedInput/index.js +16 -78
  66. package/src/components/maskedInput/maskedInput.api.json +1 -0
  67. package/src/components/maskedInput/new.d.ts +22 -0
  68. package/src/components/maskedInput/new.js +85 -0
  69. package/src/components/maskedInput/old.js +95 -0
  70. package/src/components/modal/index.d.ts +3 -3
  71. package/src/components/numberInput/index.js +2 -2
  72. package/src/components/overlay/index.d.ts +1 -1
  73. package/src/components/picker/PickerDialog.android.js +15 -0
  74. package/src/components/picker/PickerDialog.js +7 -0
  75. package/src/components/picker/helpers/useImperativePickerHandle.d.ts +1 -1
  76. package/src/components/picker/helpers/useImperativePickerHandle.js +1 -1
  77. package/src/components/picker/types.d.ts +9 -9
  78. package/src/components/progressBar/index.d.ts +2 -2
  79. package/src/components/scrollBar/index.d.ts +4 -11
  80. package/src/components/searchInput/index.js +1 -1
  81. package/src/components/searchInput/types.d.ts +2 -2
  82. package/src/components/sectionsWheelPicker/SectionsWheelPicker.driver.d.ts +2 -2
  83. package/src/components/skeletonView/index.d.ts +4 -4
  84. package/src/components/slider/Thumb.d.ts +1 -1
  85. package/src/components/slider/types.d.ts +1 -1
  86. package/src/components/stackAggregator/index.d.ts +1 -1
  87. package/src/components/tabController/TabBarItem.d.ts +2 -2
  88. package/src/components/tabController/TabBarItem.js +1 -1
  89. package/src/components/tabController/TabPage.d.ts +2 -2
  90. package/src/components/tabController/useScrollToItem.d.ts +1 -1
  91. package/src/components/text/Text.driver.d.ts +1 -1
  92. package/src/components/textArea/index.js +6 -0
  93. package/src/components/textField/types.d.ts +4 -4
  94. package/src/components/textField/useImperativeInputHandle.d.ts +1 -1
  95. package/src/components/textField/useImperativeInputHandle.js +1 -1
  96. package/src/components/textField/usePreset.d.ts +36 -36
  97. package/src/components/textFieldOld/index.d.ts +71 -0
  98. package/src/components/textFieldOld/index.js +807 -0
  99. package/src/components/timeline/index.js +1 -1
  100. package/src/components/toast/index.js +69 -0
  101. package/src/components/wizard/index.d.ts +1 -1
  102. package/src/components/wizard/types.d.ts +1 -1
  103. package/src/components/wizard/wizard.api.json +1 -1
  104. package/src/helpers/DocsGenerator.js +61 -0
  105. package/src/hooks/useCombinedRefs/index.js +2 -1
  106. package/src/hooks/useDebounce/index.js +1 -1
  107. package/src/hooks/useHiddenLocation/index.js +2 -2
  108. package/src/hooks/useHiddenLocation/index.web.js +2 -2
  109. package/src/hooks/useMeasure/index.d.ts +1 -1
  110. package/src/hooks/useMeasure/index.js +1 -1
  111. package/src/hooks/useScrollTo/index.d.ts +2 -2
  112. package/src/incubator/calendar/index.js +1 -1
  113. package/src/incubator/calendar/types.d.ts +2 -2
  114. package/src/incubator/expandableOverlay/index.d.ts +2 -2
  115. package/src/incubator/slider/Track.d.ts +1 -1
  116. package/src/incubator/slider/index.d.ts +1 -1
  117. package/src/incubator/toast/helpers/useToastTimer.js +1 -1
  118. package/src/incubator/toast/index.js +1 -1
  119. package/src/incubator/toast/types.d.ts +2 -2
  120. package/src/testkit/Component.driver.d.ts +1 -1
  121. package/src/testkit/drivers/TestingLibraryDriver.d.ts +1 -1
  122. package/src/typings/module.d.ts +3 -12
  123. package/textFieldOld.d.ts +2 -0
  124. package/textFieldOld.js +1 -0
@@ -31,15 +31,19 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
31
31
  start: number;
32
32
  end?: number | undefined;
33
33
  } | undefined;
34
- style?: import("react-native/types").StyleProp<import("react-native/types").TextStyle>;
35
34
  children?: import("react").ReactNode;
35
+ style?: import("react-native/types").StyleProp<import("react-native/types").TextStyle>;
36
+ testID?: string | undefined;
37
+ removeClippedSubviews?: boolean | undefined;
38
+ onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
39
+ onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
40
+ onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
41
+ scrollEnabled?: boolean | undefined;
36
42
  hitSlop?: number | import("react-native/types").Insets | null | undefined;
37
43
  id?: string | undefined;
38
44
  needsOffscreenAlphaCompositing?: boolean | undefined;
39
- onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
40
- removeClippedSubviews?: boolean | undefined;
41
- testID?: string | undefined;
42
45
  nativeID?: string | undefined;
46
+ experimental_layoutConformance?: "strict" | "classic" | undefined;
43
47
  collapsable?: boolean | undefined;
44
48
  collapsableChildren?: boolean | undefined;
45
49
  renderToHardwareTextureAndroid?: boolean | undefined;
@@ -119,8 +123,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
119
123
  accessibilityLanguage?: string | undefined;
120
124
  accessibilityShowsLargeContentViewer?: boolean | undefined;
121
125
  accessibilityLargeContentTitle?: string | undefined;
122
- scrollEnabled?: boolean | undefined;
123
- onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
124
126
  onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
125
127
  onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
126
128
  onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
@@ -134,7 +136,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
134
136
  selectionColor?: import("react-native/types").ColorValue | undefined;
135
137
  textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
136
138
  autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
137
- 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;
139
+ 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;
138
140
  autoCorrect?: boolean | undefined;
139
141
  autoFocus?: boolean | undefined;
140
142
  blurOnSubmit?: boolean | undefined;
@@ -152,7 +154,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
152
154
  onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
153
155
  onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
154
156
  onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
155
- onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
156
157
  onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
157
158
  placeholder?: string | undefined;
158
159
  readOnly?: boolean | undefined;
@@ -161,7 +162,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
161
162
  secureTextEntry?: boolean | undefined;
162
163
  selectTextOnFocus?: boolean | undefined;
163
164
  inputAccessoryViewID?: string | undefined;
164
- disableKeyboardShortcuts?: boolean | undefined;
165
165
  clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
166
166
  clearTextOnFocus?: boolean | undefined;
167
167
  dataDetectorTypes?: import("react-native/types").DataDetectorTypes | import("react-native/types").DataDetectorTypes[] | undefined;
@@ -502,15 +502,19 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
502
502
  start: number;
503
503
  end?: number | undefined;
504
504
  } | undefined;
505
- style?: import("react-native/types").StyleProp<import("react-native/types").TextStyle>;
506
505
  children?: import("react").ReactNode;
506
+ style?: import("react-native/types").StyleProp<import("react-native/types").TextStyle>;
507
+ testID?: string | undefined;
508
+ removeClippedSubviews?: boolean | undefined;
509
+ onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
510
+ onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
511
+ onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
512
+ scrollEnabled?: boolean | undefined;
507
513
  hitSlop?: number | import("react-native/types").Insets | null | undefined;
508
514
  id?: string | undefined;
509
515
  needsOffscreenAlphaCompositing?: boolean | undefined;
510
- onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
511
- removeClippedSubviews?: boolean | undefined;
512
- testID?: string | undefined;
513
516
  nativeID?: string | undefined;
517
+ experimental_layoutConformance?: "strict" | "classic" | undefined;
514
518
  collapsable?: boolean | undefined;
515
519
  collapsableChildren?: boolean | undefined;
516
520
  renderToHardwareTextureAndroid?: boolean | undefined;
@@ -590,8 +594,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
590
594
  accessibilityLanguage?: string | undefined;
591
595
  accessibilityShowsLargeContentViewer?: boolean | undefined;
592
596
  accessibilityLargeContentTitle?: string | undefined;
593
- scrollEnabled?: boolean | undefined;
594
- onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
595
597
  onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
596
598
  onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
597
599
  onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
@@ -605,7 +607,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
605
607
  selectionColor?: import("react-native/types").ColorValue | undefined;
606
608
  textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
607
609
  autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
608
- 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;
610
+ 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;
609
611
  autoCorrect?: boolean | undefined;
610
612
  autoFocus?: boolean | undefined;
611
613
  blurOnSubmit?: boolean | undefined;
@@ -623,7 +625,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
623
625
  onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
624
626
  onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
625
627
  onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
626
- onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
627
628
  onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
628
629
  placeholder?: string | undefined;
629
630
  readOnly?: boolean | undefined;
@@ -632,7 +633,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
632
633
  secureTextEntry?: boolean | undefined;
633
634
  selectTextOnFocus?: boolean | undefined;
634
635
  inputAccessoryViewID?: string | undefined;
635
- disableKeyboardShortcuts?: boolean | undefined;
636
636
  clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
637
637
  clearTextOnFocus?: boolean | undefined;
638
638
  dataDetectorTypes?: import("react-native/types").DataDetectorTypes | import("react-native/types").DataDetectorTypes[] | undefined;
@@ -989,15 +989,19 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
989
989
  start: number;
990
990
  end?: number | undefined;
991
991
  } | undefined;
992
- 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;
993
992
  children?: import("react").ReactNode;
993
+ 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;
994
+ testID?: string | undefined;
995
+ removeClippedSubviews?: boolean | undefined;
996
+ onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
997
+ onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
998
+ onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
999
+ scrollEnabled?: boolean | undefined;
994
1000
  hitSlop?: number | import("react-native/types").Insets | null | undefined;
995
1001
  id?: string | undefined;
996
1002
  needsOffscreenAlphaCompositing?: boolean | undefined;
997
- onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
998
- removeClippedSubviews?: boolean | undefined;
999
- testID?: string | undefined;
1000
1003
  nativeID?: string | undefined;
1004
+ experimental_layoutConformance?: "strict" | "classic" | undefined;
1001
1005
  collapsable?: boolean | undefined;
1002
1006
  collapsableChildren?: boolean | undefined;
1003
1007
  renderToHardwareTextureAndroid?: boolean | undefined;
@@ -1077,8 +1081,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
1077
1081
  accessibilityLanguage?: string | undefined;
1078
1082
  accessibilityShowsLargeContentViewer?: boolean | undefined;
1079
1083
  accessibilityLargeContentTitle?: string | undefined;
1080
- scrollEnabled?: boolean | undefined;
1081
- onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
1082
1084
  onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
1083
1085
  onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
1084
1086
  onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
@@ -1092,7 +1094,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
1092
1094
  selectionColor?: import("react-native/types").ColorValue | undefined;
1093
1095
  textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
1094
1096
  autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
1095
- 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;
1097
+ 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;
1096
1098
  autoCorrect?: boolean | undefined;
1097
1099
  autoFocus?: boolean | undefined;
1098
1100
  blurOnSubmit?: boolean | undefined;
@@ -1110,7 +1112,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
1110
1112
  onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
1111
1113
  onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
1112
1114
  onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
1113
- onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
1114
1115
  onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
1115
1116
  placeholder?: string | undefined;
1116
1117
  readOnly?: boolean | undefined;
@@ -1119,7 +1120,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
1119
1120
  secureTextEntry?: boolean | undefined;
1120
1121
  selectTextOnFocus?: boolean | undefined;
1121
1122
  inputAccessoryViewID?: string | undefined;
1122
- disableKeyboardShortcuts?: boolean | undefined;
1123
1123
  clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
1124
1124
  clearTextOnFocus?: boolean | undefined;
1125
1125
  dataDetectorTypes?: import("react-native/types").DataDetectorTypes | import("react-native/types").DataDetectorTypes[] | undefined;
@@ -1487,15 +1487,19 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
1487
1487
  start: number;
1488
1488
  end?: number | undefined;
1489
1489
  } | undefined;
1490
- 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;
1491
1490
  children?: import("react").ReactNode;
1491
+ 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;
1492
+ testID?: string | undefined;
1493
+ removeClippedSubviews?: boolean | undefined;
1494
+ onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
1495
+ onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
1496
+ onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
1497
+ scrollEnabled?: boolean | undefined;
1492
1498
  hitSlop?: number | import("react-native/types").Insets | null | undefined;
1493
1499
  id?: string | undefined;
1494
1500
  needsOffscreenAlphaCompositing?: boolean | undefined;
1495
- onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
1496
- removeClippedSubviews?: boolean | undefined;
1497
- testID?: string | undefined;
1498
1501
  nativeID?: string | undefined;
1502
+ experimental_layoutConformance?: "strict" | "classic" | undefined;
1499
1503
  collapsable?: boolean | undefined;
1500
1504
  collapsableChildren?: boolean | undefined;
1501
1505
  renderToHardwareTextureAndroid?: boolean | undefined;
@@ -1575,8 +1579,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
1575
1579
  accessibilityLanguage?: string | undefined;
1576
1580
  accessibilityShowsLargeContentViewer?: boolean | undefined;
1577
1581
  accessibilityLargeContentTitle?: string | undefined;
1578
- scrollEnabled?: boolean | undefined;
1579
- onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
1580
1582
  onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
1581
1583
  onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
1582
1584
  onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
@@ -1590,7 +1592,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
1590
1592
  selectionColor?: import("react-native/types").ColorValue | undefined;
1591
1593
  textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
1592
1594
  autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
1593
- 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;
1595
+ 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;
1594
1596
  autoCorrect?: boolean | undefined;
1595
1597
  autoFocus?: boolean | undefined;
1596
1598
  blurOnSubmit?: boolean | undefined;
@@ -1608,7 +1610,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
1608
1610
  onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
1609
1611
  onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
1610
1612
  onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
1611
- onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
1612
1613
  onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
1613
1614
  placeholder?: string | undefined;
1614
1615
  readOnly?: boolean | undefined;
@@ -1617,7 +1618,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
1617
1618
  secureTextEntry?: boolean | undefined;
1618
1619
  selectTextOnFocus?: boolean | undefined;
1619
1620
  inputAccessoryViewID?: string | undefined;
1620
- disableKeyboardShortcuts?: boolean | undefined;
1621
1621
  clearButtonMode?: "always" | "never" | "while-editing" | "unless-editing" | undefined;
1622
1622
  clearTextOnFocus?: boolean | undefined;
1623
1623
  dataDetectorTypes?: import("react-native/types").DataDetectorTypes | import("react-native/types").DataDetectorTypes[] | undefined;
@@ -0,0 +1,71 @@
1
+ import React from 'react';
2
+ import BaseInput from '../baseInput';
3
+ /**
4
+ * @description: A wrapper for TextInput component with extra functionality like floating placeholder and validations (This is an uncontrolled component)
5
+ * @modifiers: Typography
6
+ * @extends: TextInput
7
+ * @extendsLink: https://reactnative.dev/docs/textinput
8
+ * @gif: https://media.giphy.com/media/xULW8su8Cs5Z9Fq4PS/giphy.gif, https://media.giphy.com/media/3ohc1dhDcLS9FvWLJu/giphy.gif, https://media.giphy.com/media/oNUSOxnHdMP5ZnKYsh/giphy.gif
9
+ * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/TextFieldScreen/BasicTextFieldScreen.js
10
+ */
11
+ export default class TextField extends BaseInput {
12
+ static displayName: string;
13
+ static propTypes: any;
14
+ static defaultProps: {
15
+ enableErrors: boolean;
16
+ validateOnBlur: boolean;
17
+ };
18
+ constructor(props: any);
19
+ UNSAFE_componentWillReceiveProps(nextProps: any): void;
20
+ componentDidUpdate(_prevProps: any, prevState: any): void;
21
+ onPlaceholderLayout: (event: any) => void;
22
+ /** Actions */
23
+ generatePropsWarnings(props: any): void;
24
+ generateStyles(): void;
25
+ getAccessibilityInfo(): {
26
+ accessibilityLabel: any;
27
+ accessibilityState: {
28
+ disabled: boolean;
29
+ } | undefined;
30
+ };
31
+ toggleExpandableModal: (value: any) => void;
32
+ updateFloatingPlaceholderState: (withoutAnimation: any) => void;
33
+ getPlaceholderText: (this: any, placeholder: any, helperText: any) => any;
34
+ getStateColor(colorProp?: {}): any;
35
+ getCharCount(): any;
36
+ setCharCountColor(key: any): void;
37
+ getCharCountColor(): any;
38
+ getTopPaddings(): 25 | undefined;
39
+ getTopErrorsPosition(): {
40
+ top: number;
41
+ } | undefined;
42
+ isDisabled(): boolean;
43
+ isCounterLimit(): boolean;
44
+ hasText(value: any): boolean;
45
+ shouldShowHelperText(): any;
46
+ shouldFloatOnFocus(): any;
47
+ shouldFloatPlaceholder(text: any): any;
48
+ shouldFakePlaceholder(): boolean;
49
+ shouldShowError(): any;
50
+ getErrorMessage(): any;
51
+ shouldShowTopError(): any;
52
+ shouldDisplayRightButton(): any;
53
+ shouldRenderTitle(): any;
54
+ onPressRightButton: () => void;
55
+ /** Renders */
56
+ renderPlaceholder(): React.JSX.Element | undefined;
57
+ renderPrefix(): React.JSX.Element | undefined;
58
+ renderTitle(): React.JSX.Element | undefined;
59
+ renderCharCounter(): React.JSX.Element | undefined;
60
+ renderError(visible: any): React.JSX.Element | undefined;
61
+ renderExpandableModal(): any;
62
+ renderExpandableInput(): any;
63
+ renderTextInput(): React.JSX.Element;
64
+ renderRightButton(): React.JSX.Element | undefined;
65
+ renderRightIcon(): React.JSX.Element | undefined;
66
+ render(): React.JSX.Element;
67
+ /** Events */
68
+ onDoneEditingExpandableInput: () => void;
69
+ onKeyPress: (event: any) => void;
70
+ onChangeText: (text: any) => void;
71
+ }