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.
- package/ReactNativeUiLib.podspec +22 -0
- package/lib/components/HighlighterOverlayView/index.d.ts +2 -2
- package/lib/components/HighlighterOverlayView/index.web.d.ts +2 -2
- package/lib/components/Keyboard/KeyboardAccessoryView/CustomKeyboardView/CustomKeyboardViewBase.d.ts +1 -1
- package/lib/components/Keyboard/KeyboardAccessoryView/KeyboardRegistry/index.js +1 -5
- package/lib/components/Keyboard/KeyboardAccessoryView/index.d.ts +2 -2
- package/lib/components/Keyboard/KeyboardAccessoryView/index.js +1 -3
- package/lib/components/Keyboard/KeyboardTrackingView/KeyboardTrackingView.ios.js +1 -3
- package/lib/components/Keyboard/KeyboardTrackingView/index.d.ts +2 -6
- package/lib/components/Keyboard/KeyboardTrackingView/index.js +4 -5
- package/lib/components/Keyboard/index.d.ts +1 -2
- package/lib/package.json +21 -20
- package/lib/react-native.config.js +1 -1
- package/package.json +163 -161
- package/src/commons/asBaseComponent.js +1 -2
- package/src/commons/baseComponent.js +8 -0
- package/src/commons/forwardRef.js +4 -1
- package/src/commons/modifiers.d.ts +6 -0
- package/src/commons/modifiers.js +18 -0
- package/src/commons/withScrollEnabler.js +4 -0
- package/src/commons/withScrollReached.js +4 -0
- package/src/components/KeyboardAwareScrollView/KeyboardAwareBase.js +7 -0
- package/src/components/KeyboardAwareScrollView/KeyboardAwareFlatList.js +6 -0
- package/src/components/KeyboardAwareScrollView/KeyboardAwareScrollView.js +6 -0
- package/src/components/WheelPicker/WheelPicker.driver.d.ts +2 -2
- package/src/components/WheelPicker/index.d.ts +2 -2
- package/src/components/WheelPicker/index.js +1 -1
- package/src/components/WheelPicker/usePresenter.d.ts +1 -1
- package/src/components/actionSheet/index.d.ts +1 -1
- package/src/components/animatedImage/index.d.ts +1 -1
- package/src/components/animatedScanner/index.js +37 -0
- package/src/components/avatar/index.d.ts +1 -1
- package/src/components/badge/index.d.ts +4 -4
- package/src/components/baseInput/index.d.ts +1 -0
- package/src/components/baseInput/index.js +49 -1
- package/src/components/button/index.d.ts +4 -4
- package/src/components/button/types.d.ts +2 -2
- package/src/components/carousel/index.d.ts +8 -8
- package/src/components/carousel/types.d.ts +1 -4
- package/src/components/carousel/types.js +2 -0
- package/src/components/checkbox/index.d.ts +1 -1
- package/src/components/chip/index.d.ts +1 -1
- package/src/components/colorPalette/index.d.ts +1 -1
- package/src/components/dateTimePicker/index.d.ts +2 -2
- package/src/components/dateTimePicker/index.js +2 -2
- package/src/components/dialog/types.d.ts +4 -4
- package/src/components/dialog/useDialogContent.d.ts +1 -1
- package/src/components/drawer/index.d.ts +1 -1
- package/src/components/expandableSection/index.d.ts +2 -2
- package/src/components/fadedScrollView/index.js +1 -1
- package/src/components/featureHighlight/index.js +7 -5
- package/src/components/gridListItem/index.d.ts +7 -7
- package/src/components/gridView/index.d.ts +1 -1
- package/src/components/hint/HintBubble.d.ts +1 -1
- package/src/components/hint/HintOld.d.ts +10 -10
- package/src/components/hint/hooks/useHintLayout.d.ts +1 -1
- package/src/components/hint/index.d.ts +2 -2
- package/src/components/hint/types.d.ts +2 -2
- package/src/components/icon/index.js +3 -0
- package/src/components/image/index.d.ts +1 -1
- package/src/components/image/index.js +17 -20
- package/src/components/loaderScreen/index.d.ts +1 -1
- package/src/components/loaderScreen/types.d.ts +1 -1
- package/src/components/maskedInput/index.d.ts +4 -21
- package/src/components/maskedInput/index.js +16 -78
- package/src/components/maskedInput/maskedInput.api.json +1 -0
- package/src/components/maskedInput/new.d.ts +22 -0
- package/src/components/maskedInput/new.js +85 -0
- package/src/components/maskedInput/old.js +95 -0
- package/src/components/modal/index.d.ts +3 -3
- package/src/components/numberInput/index.js +2 -2
- package/src/components/overlay/index.d.ts +1 -1
- package/src/components/picker/PickerDialog.android.js +15 -0
- package/src/components/picker/PickerDialog.js +7 -0
- package/src/components/picker/helpers/useImperativePickerHandle.d.ts +1 -1
- package/src/components/picker/helpers/useImperativePickerHandle.js +1 -1
- package/src/components/picker/types.d.ts +9 -9
- package/src/components/progressBar/index.d.ts +2 -2
- package/src/components/scrollBar/index.d.ts +4 -11
- package/src/components/searchInput/index.js +1 -1
- package/src/components/searchInput/types.d.ts +2 -2
- package/src/components/sectionsWheelPicker/SectionsWheelPicker.driver.d.ts +2 -2
- package/src/components/skeletonView/index.d.ts +4 -4
- package/src/components/slider/Thumb.d.ts +1 -1
- package/src/components/slider/types.d.ts +1 -1
- package/src/components/stackAggregator/index.d.ts +1 -1
- package/src/components/tabController/TabBarItem.d.ts +2 -2
- package/src/components/tabController/TabBarItem.js +1 -1
- package/src/components/tabController/TabPage.d.ts +2 -2
- package/src/components/tabController/useScrollToItem.d.ts +1 -1
- package/src/components/text/Text.driver.d.ts +1 -1
- package/src/components/textArea/index.js +6 -0
- package/src/components/textField/types.d.ts +4 -4
- package/src/components/textField/useImperativeInputHandle.d.ts +1 -1
- package/src/components/textField/useImperativeInputHandle.js +1 -1
- package/src/components/textField/usePreset.d.ts +36 -36
- package/src/components/textFieldOld/index.d.ts +71 -0
- package/src/components/textFieldOld/index.js +807 -0
- package/src/components/timeline/index.js +1 -1
- package/src/components/toast/index.js +69 -0
- package/src/components/wizard/index.d.ts +1 -1
- package/src/components/wizard/types.d.ts +1 -1
- package/src/components/wizard/wizard.api.json +1 -1
- package/src/helpers/DocsGenerator.js +61 -0
- package/src/hooks/useCombinedRefs/index.js +2 -1
- package/src/hooks/useDebounce/index.js +1 -1
- package/src/hooks/useHiddenLocation/index.js +2 -2
- package/src/hooks/useHiddenLocation/index.web.js +2 -2
- package/src/hooks/useMeasure/index.d.ts +1 -1
- package/src/hooks/useMeasure/index.js +1 -1
- package/src/hooks/useScrollTo/index.d.ts +2 -2
- package/src/incubator/calendar/index.js +1 -1
- package/src/incubator/calendar/types.d.ts +2 -2
- package/src/incubator/expandableOverlay/index.d.ts +2 -2
- package/src/incubator/slider/Track.d.ts +1 -1
- package/src/incubator/slider/index.d.ts +1 -1
- package/src/incubator/toast/helpers/useToastTimer.js +1 -1
- package/src/incubator/toast/index.js +1 -1
- package/src/incubator/toast/types.d.ts +2 -2
- package/src/testkit/Component.driver.d.ts +1 -1
- package/src/testkit/drivers/TestingLibraryDriver.d.ts +1 -1
- package/src/typings/module.d.ts +3 -12
- package/textFieldOld.d.ts +2 -0
- 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?: "
|
|
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?: "
|
|
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?: "
|
|
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?: "
|
|
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
|
+
}
|