react-native-ui-lib 7.46.3 → 8.0.0
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/babel.config.js +12 -0
- package/incubator.d.ts +2 -2
- package/incubator.js +0 -2
- package/index.js +1 -0
- package/lib/android/build.gradle +5 -5
- package/lib/android/src/main/java/com/wix/reactnativeuilib/UiLibPackageList.java +0 -2
- package/lib/android/src/main/java/com/wix/reactnativeuilib/highlighterview/HighlighterViewManager.java +31 -23
- package/lib/android/src/main/java/com/wix/reactnativeuilib/keyboardinput/utils/RuntimeUtils.java +1 -1
- package/lib/components/{HighlighterOverlayView.d.ts → HighlighterOverlayView/index.d.ts} +1 -1
- package/lib/components/HighlighterOverlayView/index.js +49 -0
- package/lib/components/{HighlighterOverlayView.web.d.ts → HighlighterOverlayView/index.web.d.ts} +1 -1
- package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/CustomKeyboardView/CustomKeyboardView.android.d.ts +5 -2
- package/lib/components/Keyboard/KeyboardAccessoryView/CustomKeyboardView/CustomKeyboardView.android.js +51 -0
- package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/CustomKeyboardView/CustomKeyboardView.ios.d.ts +1 -1
- package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/CustomKeyboardView/CustomKeyboardView.ios.js +3 -3
- package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView/CustomKeyboardView}/CustomKeyboardViewBase.d.ts +3 -0
- package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView/CustomKeyboardView}/CustomKeyboardViewBase.js +1 -1
- package/lib/components/Keyboard/{KeyboardInput/utils → KeyboardAccessoryView/KeyboardRegistry/EventEmitterManager}/__tests__/EventEmitterManager.spec.js +1 -1
- package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView/KeyboardRegistry}/__tests__/KeyboardRegistry.spec.js +1 -1
- package/lib/components/Keyboard/{KeyboardInput/KeyboardRegistry.d.ts → KeyboardAccessoryView/KeyboardRegistry/index.d.ts} +1 -1
- package/lib/components/Keyboard/{KeyboardInput/KeyboardRegistry.js → KeyboardAccessoryView/KeyboardRegistry/index.js} +1 -1
- package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView/KeyboardRegistry}/keyboardRegistry.api.json +9 -9
- package/lib/components/Keyboard/KeyboardAccessoryView/KeyboardUtils/index.d.ts +26 -0
- package/lib/components/Keyboard/KeyboardAccessoryView/KeyboardUtils/index.js +91 -0
- package/lib/components/Keyboard/{KeyboardInput/KeyboardAccessoryView.d.ts → KeyboardAccessoryView/index.d.ts} +11 -1
- package/lib/components/Keyboard/{KeyboardInput/KeyboardAccessoryView.js → KeyboardAccessoryView/index.js} +31 -5
- package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/keyboardAccessoryView.api.json +5 -5
- package/lib/components/Keyboard/{KeyboardTracking/KeyboardAwareInsetsView.d.ts → KeyboardAwareInsetsView/index.d.ts} +1 -1
- package/lib/components/Keyboard/{KeyboardTracking/KeyboardAwareInsetsView.js → KeyboardAwareInsetsView/index.js} +1 -1
- package/lib/components/Keyboard/{KeyboardTracking/KeyboardTrackingView → KeyboardTrackingView}/KeyboardTrackingView.ios.d.ts +1 -4
- package/lib/components/Keyboard/{KeyboardTracking/KeyboardTrackingView → KeyboardTrackingView}/KeyboardTrackingView.ios.js +5 -8
- package/lib/components/Keyboard/{KeyboardTracking/KeyboardTrackingView → KeyboardTrackingView}/index.d.ts +2 -2
- package/lib/components/Keyboard/{KeyboardTracking/KeyboardTrackingView → KeyboardTrackingView}/keyboardTrackingView.api.json +11 -20
- package/lib/components/Keyboard/index.d.ts +6 -6
- package/lib/components/Keyboard/index.js +6 -6
- package/lib/components/SafeArea/SafeAreaInsetsManager.d.ts +21 -7
- package/lib/components/SafeArea/SafeAreaInsetsManager.js +95 -31
- package/lib/components/SafeArea/SafeAreaSpacerView.d.ts +2 -2
- package/lib/components/SafeArea/SafeAreaSpacerView.js +63 -9
- package/lib/components/SafeArea/__tests__/SafeAreaInsetsManager.spec.js +274 -0
- package/lib/components/SafeArea/index.d.ts +10 -0
- package/lib/components/SafeArea/index.js +11 -0
- package/lib/components/index.d.ts +1 -1
- package/lib/components/index.js +1 -1
- package/lib/ios/reactnativeuilib/keyboardinput/rctcustomInputcontroller/RCTCustomInputControllerTemp.m +56 -8
- package/lib/ios/reactnativeuilib/keyboardinput/rctcustomInputcontroller/RCTCustomKeyboardViewControllerTemp.h +1 -7
- package/lib/ios/reactnativeuilib/keyboardinput/rctcustomInputcontroller/RCTCustomKeyboardViewControllerTemp.m +1 -1
- package/lib/ios/reactnativeuilib/keyboardtrackingview/KeyboardTrackingViewTempManager.m +134 -44
- package/lib/package.json +3 -3
- package/lib/react-native.config.js +1 -3
- package/metro.config.js +2 -2
- package/package.json +33 -32
- package/panView.d.ts +2 -0
- package/panView.js +1 -0
- package/scripts/release/prReleaseNotesCommon.js +15 -4
- package/src/commons/Constants.js +2 -5
- package/src/commons/modifiers.d.ts +1 -0
- package/src/commons/modifiers.js +5 -2
- package/src/components/KeyboardAwareScrollView/KeyboardAwareBase.js +5 -1
- package/src/components/actionSheet/index.d.ts +2 -12
- package/src/components/actionSheet/index.js +3 -42
- package/src/components/animatedImage/index.js +12 -2
- package/src/components/badge/index.d.ts +107 -47
- package/src/components/button/button.api.json +1 -1
- package/src/components/button/index.d.ts +53 -23
- package/src/components/button/types.d.ts +0 -1
- package/src/components/colorPicker/ColorPickerDialog.d.ts +1 -1
- package/src/components/colorPicker/ColorPickerDialog.js +1 -1
- package/src/components/dateTimePicker/index.d.ts +186 -5
- package/src/components/dateTimePicker/index.js +3 -4
- package/src/components/dialog/dialog.api.json +34 -35
- package/src/{incubator → components}/dialog/dialogHeader.api.json +2 -2
- package/src/components/dialog/index.d.ts +13 -105
- package/src/components/dialog/index.js +205 -212
- package/src/{incubator → components}/dialog/types.d.ts +7 -19
- package/src/{incubator → components}/dialog/types.js +1 -3
- package/src/{incubator → components}/dialog/useDialogContent.d.ts +1 -1
- package/src/components/drawer/Swipeable.js +1 -2
- package/src/components/drawer/index.js +31 -25
- package/src/components/fadedScrollView/index.js +7 -2
- package/src/components/featureHighlight/index.d.ts +1 -1
- package/src/components/hint/index.d.ts +0 -8
- package/src/components/hint/index.js +4 -6
- package/src/components/image/index.js +4 -0
- package/src/components/index.js +0 -19
- package/src/components/marquee/types.js +4 -1
- package/src/components/modal/index.d.ts +5 -0
- package/src/components/modal/index.js +14 -10
- package/src/components/modal/modal.api.json +5 -0
- package/src/{incubator → components}/panView/index.d.ts +3 -3
- package/src/{incubator → components}/panView/index.js +4 -4
- package/src/{incubator → components}/panView/usePanGesture.d.ts +1 -1
- package/src/components/picker/Picker.driver.new.d.ts +2 -2
- package/src/components/picker/Picker.driver.new.js +3 -3
- package/src/components/picker/PickerItem.js +6 -20
- package/src/components/picker/PickerPresenter.d.ts +0 -1
- package/src/components/picker/PickerPresenter.js +1 -23
- package/src/components/picker/api/picker.api.json +0 -1
- package/src/components/picker/api/pickerItem.api.json +0 -5
- package/src/components/picker/helpers/useFieldType.d.ts +53 -23
- package/src/components/picker/helpers/usePickerLabel.d.ts +1 -1
- package/src/components/picker/helpers/usePickerLabel.js +2 -3
- package/src/components/picker/helpers/usePickerMigrationWarnings.d.ts +1 -1
- package/src/components/picker/helpers/usePickerMigrationWarnings.js +0 -12
- package/src/components/picker/helpers/usePickerSearch.d.ts +1 -1
- package/src/components/picker/helpers/usePickerSearch.js +4 -8
- package/src/components/picker/helpers/usePickerSelection.d.ts +1 -1
- package/src/components/picker/helpers/usePickerSelection.js +2 -10
- package/src/components/picker/index.js +4 -22
- package/src/components/picker/types.d.ts +1 -24
- package/src/components/segmentedControl/index.js +3 -3
- package/src/components/slider/GradientSlider.d.ts +1 -1
- package/src/components/slider/index.js +1 -1
- package/src/components/sortableGridList/SortableItem.js +13 -4
- package/src/components/sortableList/SortableListItem.js +13 -4
- package/src/components/stackAggregator/index.js +16 -11
- package/src/components/tabController/TabPage.js +18 -14
- package/src/components/text/Text.driver.new.d.ts +2 -2
- package/src/components/text/Text.driver.new.js +2 -2
- package/src/components/text/index.js +2 -3
- package/src/components/textField/Input.js +0 -1
- package/src/components/textField/TextField.driver.new.d.ts +2 -2
- package/src/components/textField/TextField.driver.new.js +2 -2
- package/src/components/textField/presets/outline.d.ts +106 -46
- package/src/components/textField/presets/underline.d.ts +106 -46
- package/src/components/textField/types.js +1 -0
- package/src/components/textField/usePreset.d.ts +72 -44
- package/src/components/timeline/types.js +3 -0
- package/src/{incubator/hooks/useHiddenLocation.web.d.ts → hooks/useHiddenLocation/index.d.ts} +1 -1
- package/src/{incubator/hooks/useHiddenLocation.d.ts → hooks/useHiddenLocation/index.web.d.ts} +1 -1
- package/src/incubator/expandableOverlay/ExpandableOverlay.driver.js +1 -1
- package/src/incubator/expandableOverlay/index.d.ts +42 -3
- package/src/incubator/expandableOverlay/index.js +1 -4
- package/src/incubator/index.d.ts +0 -2
- package/src/incubator/index.js +0 -2
- package/src/incubator/slider/SliderPresenter.js +2 -1
- package/src/incubator/toast/index.js +1 -1
- package/src/index.d.ts +3 -10
- package/src/index.js +42 -162
- package/src/testkit/index.d.ts +1 -1
- package/src/testkit/index.js +1 -1
- package/src/testkit/new/Component.driver.d.ts +4 -1
- package/src/testkit/new/Component.driver.js +3 -3
- package/lib/android/src/main/java/com/wix/reactnativeuilib/highlighterview/ReactHacks.java +0 -30
- package/lib/android/src/main/java/com/wix/reactnativeuilib/highlighterview/ReflectionUtils.java +0 -34
- package/lib/android/src/main/java/com/wix/reactnativeuilib/textinput/DefaultKeyListener.java +0 -33
- package/lib/android/src/main/java/com/wix/reactnativeuilib/textinput/KeyListenerProxy.java +0 -53
- package/lib/android/src/main/java/com/wix/reactnativeuilib/textinput/TextInputDelKeyHandlerModule.java +0 -54
- package/lib/android/src/main/java/com/wix/reactnativeuilib/textinput/TextInputDelKeyHandlerPackage.java +0 -28
- package/lib/android/src/main/java/com/wix/reactnativeuilib/textinput/ViewUtils.java +0 -36
- package/lib/components/HighlighterOverlayView.js +0 -40
- package/lib/components/Keyboard/KeyboardInput/CustomKeyboardView/CustomKeyboardView.android.js +0 -28
- package/lib/components/Keyboard/KeyboardInput/utils/KeyboardUtils.d.ts +0 -11
- package/lib/components/Keyboard/KeyboardInput/utils/KeyboardUtils.js +0 -17
- package/panningViews.d.ts +0 -2
- package/panningViews.js +0 -1
- package/react-native.config.js +0 -22
- package/sharedTransition.d.ts +0 -2
- package/sharedTransition.js +0 -1
- package/src/components/dialog/DialogDismissibleView.d.ts +0 -34
- package/src/components/dialog/DialogDismissibleView.js +0 -184
- package/src/components/dialog/OverlayFadingBackground.d.ts +0 -14
- package/src/components/dialog/OverlayFadingBackground.js +0 -45
- package/src/components/panningViews/asPanViewConsumer.d.ts +0 -3
- package/src/components/panningViews/asPanViewConsumer.js +0 -16
- package/src/components/panningViews/panDismissibleView.d.ts +0 -51
- package/src/components/panningViews/panDismissibleView.js +0 -350
- package/src/components/panningViews/panGestureView.d.ts +0 -23
- package/src/components/panningViews/panGestureView.js +0 -156
- package/src/components/panningViews/panListenerView.d.ts +0 -66
- package/src/components/panningViews/panListenerView.js +0 -155
- package/src/components/panningViews/panResponderView.d.ts +0 -19
- package/src/components/panningViews/panResponderView.js +0 -79
- package/src/components/panningViews/panningContext.d.ts +0 -3
- package/src/components/panningViews/panningContext.js +0 -4
- package/src/components/panningViews/panningProvider.d.ts +0 -73
- package/src/components/panningViews/panningProvider.js +0 -101
- package/src/components/sharedTransition/ShareTransitionContext.js +0 -3
- package/src/components/sharedTransition/SharedArea.js +0 -153
- package/src/components/sharedTransition/SourceElement.js +0 -44
- package/src/components/sharedTransition/TargetElement.js +0 -38
- package/src/components/sharedTransition/index.js +0 -9
- package/src/incubator/dialog/dialog.api.json +0 -54
- package/src/incubator/dialog/index.d.ts +0 -15
- package/src/incubator/dialog/index.js +0 -218
- /package/lib/components/{HighlighterOverlayView.web.js → HighlighterOverlayView/index.web.js} +0 -0
- /package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/CustomKeyboardView/index.d.ts +0 -0
- /package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/CustomKeyboardView/index.js +0 -0
- /package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/CustomKeyboardView/index.web.d.ts +0 -0
- /package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/CustomKeyboardView/index.web.js +0 -0
- /package/lib/components/Keyboard/{KeyboardInput/utils/EventEmitterManager.d.ts → KeyboardAccessoryView/KeyboardRegistry/EventEmitterManager/index.d.ts} +0 -0
- /package/lib/components/Keyboard/{KeyboardInput/utils/EventEmitterManager.js → KeyboardAccessoryView/KeyboardRegistry/EventEmitterManager/index.js} +0 -0
- /package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/TextInputKeyboardManager/TextInputKeyboardManager.android.d.ts +0 -0
- /package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/TextInputKeyboardManager/TextInputKeyboardManager.android.js +0 -0
- /package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/TextInputKeyboardManager/TextInputKeyboardManager.ios.d.ts +0 -0
- /package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/TextInputKeyboardManager/TextInputKeyboardManager.ios.js +0 -0
- /package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/TextInputKeyboardManager/index.d.ts +0 -0
- /package/lib/components/Keyboard/{KeyboardInput → KeyboardAccessoryView}/TextInputKeyboardManager/index.js +0 -0
- /package/lib/components/Keyboard/{KeyboardTracking → KeyboardAwareInsetsView}/keyboardAwareInsetsView.api.json +0 -0
- /package/lib/components/Keyboard/{KeyboardTracking/KeyboardTrackingView → KeyboardTrackingView}/KeyboardTrackingView.android.d.ts +0 -0
- /package/lib/components/Keyboard/{KeyboardTracking/KeyboardTrackingView → KeyboardTrackingView}/KeyboardTrackingView.android.js +0 -0
- /package/lib/components/Keyboard/{KeyboardTracking/KeyboardTrackingView → KeyboardTrackingView}/index.js +0 -0
- /package/lib/components/Keyboard/{KeyboardTracking/KeyboardTrackingView → KeyboardTrackingView}/index.web.d.ts +0 -0
- /package/lib/components/Keyboard/{KeyboardTracking/KeyboardTrackingView → KeyboardTrackingView}/index.web.js +0 -0
- /package/src/{incubator → components}/dialog/Dialog.driver.new.d.ts +0 -0
- /package/src/{incubator → components}/dialog/Dialog.driver.new.js +0 -0
- /package/src/{incubator → components}/dialog/DialogHeader.d.ts +0 -0
- /package/src/{incubator → components}/dialog/DialogHeader.js +0 -0
- /package/src/{incubator → components}/dialog/useDialogContent.js +0 -0
- /package/src/{incubator → components}/panView/panningUtil.d.ts +0 -0
- /package/src/{incubator → components}/panView/panningUtil.js +0 -0
- /package/src/{incubator → components}/panView/usePanGesture.js +0 -0
- /package/src/{incubator/hooks/useHiddenLocation.js → hooks/useHiddenLocation/index.js} +0 -0
- /package/src/{incubator/hooks/useHiddenLocation.web.js → hooks/useHiddenLocation/index.web.js} +0 -0
|
@@ -39,17 +39,19 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
39
39
|
onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
|
|
40
40
|
onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
|
|
41
41
|
scrollEnabled?: boolean | undefined;
|
|
42
|
-
hitSlop?: import("react-native/types").Insets | undefined;
|
|
42
|
+
hitSlop?: number | import("react-native/types").Insets | null | undefined;
|
|
43
43
|
id?: string | undefined;
|
|
44
|
+
needsOffscreenAlphaCompositing?: boolean | undefined;
|
|
44
45
|
nativeID?: string | undefined;
|
|
46
|
+
experimental_layoutConformance?: "strict" | "classic" | undefined;
|
|
45
47
|
collapsable?: boolean | undefined;
|
|
46
|
-
|
|
48
|
+
collapsableChildren?: boolean | undefined;
|
|
47
49
|
renderToHardwareTextureAndroid?: boolean | undefined;
|
|
48
50
|
focusable?: boolean | undefined;
|
|
51
|
+
tabIndex?: 0 | -1 | undefined;
|
|
49
52
|
shouldRasterizeIOS?: boolean | undefined;
|
|
50
53
|
isTVSelectable?: boolean | undefined;
|
|
51
54
|
hasTVPreferredFocus?: boolean | undefined;
|
|
52
|
-
tvParallaxProperties?: import("react-native/types").TVParallaxProperties | undefined;
|
|
53
55
|
tvParallaxShiftDistanceX?: number | undefined;
|
|
54
56
|
tvParallaxShiftDistanceY?: number | undefined;
|
|
55
57
|
tvParallaxTiltAngle?: number | undefined;
|
|
@@ -97,7 +99,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
97
99
|
'aria-disabled'?: boolean | undefined;
|
|
98
100
|
'aria-expanded'?: boolean | undefined;
|
|
99
101
|
'aria-selected'?: boolean | undefined;
|
|
100
|
-
'aria-labelledby'?: string | undefined;
|
|
101
102
|
accessibilityHint?: string | undefined;
|
|
102
103
|
accessibilityValue?: import("react-native/types").AccessibilityValue | undefined;
|
|
103
104
|
'aria-valuemax'?: number | undefined;
|
|
@@ -107,11 +108,12 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
107
108
|
onAccessibilityAction?: ((event: import("react-native/types").AccessibilityActionEvent) => void) | undefined;
|
|
108
109
|
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
109
110
|
'aria-hidden'?: boolean | undefined;
|
|
110
|
-
'aria-live'?: "polite" | "assertive" | "off" | undefined;
|
|
111
111
|
'aria-modal'?: boolean | undefined;
|
|
112
112
|
role?: import("react-native/types").Role | undefined;
|
|
113
|
-
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
114
113
|
accessibilityLabelledBy?: string | string[] | undefined;
|
|
114
|
+
'aria-labelledby'?: string | undefined;
|
|
115
|
+
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
116
|
+
'aria-live'?: "polite" | "assertive" | "off" | undefined;
|
|
115
117
|
accessibilityElementsHidden?: boolean | undefined;
|
|
116
118
|
accessibilityViewIsModal?: boolean | undefined;
|
|
117
119
|
onAccessibilityEscape?: (() => void) | undefined;
|
|
@@ -119,8 +121,12 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
119
121
|
onMagicTap?: (() => void) | undefined;
|
|
120
122
|
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
121
123
|
accessibilityLanguage?: string | undefined;
|
|
124
|
+
accessibilityShowsLargeContentViewer?: boolean | undefined;
|
|
125
|
+
accessibilityLargeContentTitle?: string | undefined;
|
|
126
|
+
onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
|
|
122
127
|
onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
|
|
123
128
|
onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
|
|
129
|
+
rejectResponderTermination?: boolean | null | undefined;
|
|
124
130
|
onBlur?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
|
|
125
131
|
onFocus?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
|
|
126
132
|
allowFontScaling?: boolean | undefined;
|
|
@@ -134,6 +140,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
134
140
|
autoCorrect?: boolean | undefined;
|
|
135
141
|
autoFocus?: boolean | undefined;
|
|
136
142
|
blurOnSubmit?: boolean | undefined;
|
|
143
|
+
submitBehavior?: import("react-native/types").SubmitBehavior | undefined;
|
|
137
144
|
caretHidden?: boolean | undefined;
|
|
138
145
|
contextMenuHidden?: boolean | undefined;
|
|
139
146
|
defaultValue?: string | undefined;
|
|
@@ -147,7 +154,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
147
154
|
onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
|
|
148
155
|
onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
|
|
149
156
|
onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
|
|
150
|
-
onTextInput?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputTextInputEventData>) => void) | undefined;
|
|
151
157
|
onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
|
|
152
158
|
placeholder?: string | undefined;
|
|
153
159
|
readOnly?: boolean | undefined;
|
|
@@ -162,12 +168,13 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
162
168
|
enablesReturnKeyAutomatically?: boolean | undefined;
|
|
163
169
|
keyboardAppearance?: "default" | "light" | "dark" | undefined;
|
|
164
170
|
passwordRules?: string | null | undefined;
|
|
165
|
-
rejectResponderTermination?: boolean | null | undefined;
|
|
166
171
|
selectionState?: import("react-native/types").DocumentSelectionState | undefined;
|
|
167
172
|
spellCheck?: boolean | undefined;
|
|
168
|
-
textContentType?: "none" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | undefined;
|
|
173
|
+
textContentType?: "none" | "name" | "nickname" | "password" | "username" | "flightNumber" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | "cellularEID" | "cellularIMEI" | "dateTime" | "shipmentTrackingNumber" | undefined;
|
|
174
|
+
lineBreakModeIOS?: "middle" | "head" | "tail" | "clip" | "wordWrapping" | "char" | undefined;
|
|
169
175
|
smartInsertDelete?: boolean | undefined;
|
|
170
176
|
cursorColor?: import("react-native/types").ColorValue | null | undefined;
|
|
177
|
+
selectionHandleColor?: import("react-native/types").ColorValue | null | undefined;
|
|
171
178
|
importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
|
|
172
179
|
disableFullscreenUI?: boolean | undefined;
|
|
173
180
|
inlineImageLeft?: string | undefined;
|
|
@@ -185,7 +192,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
185
192
|
floatingPlaceholder?: boolean | undefined;
|
|
186
193
|
enableErrors?: boolean | undefined;
|
|
187
194
|
floatingPlaceholderColor?: import("./types").ColorType | undefined;
|
|
188
|
-
floatingPlaceholderStyle?: ((false | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle) | undefined;
|
|
195
|
+
floatingPlaceholderStyle?: ((false | "" | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle) | undefined;
|
|
189
196
|
floatOnFocus?: boolean | undefined;
|
|
190
197
|
extraOffset?: number | undefined;
|
|
191
198
|
onClear?: (() => void) | undefined;
|
|
@@ -503,17 +510,19 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
503
510
|
onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
|
|
504
511
|
onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
|
|
505
512
|
scrollEnabled?: boolean | undefined;
|
|
506
|
-
hitSlop?: import("react-native/types").Insets | undefined;
|
|
513
|
+
hitSlop?: number | import("react-native/types").Insets | null | undefined;
|
|
507
514
|
id?: string | undefined;
|
|
515
|
+
needsOffscreenAlphaCompositing?: boolean | undefined;
|
|
508
516
|
nativeID?: string | undefined;
|
|
517
|
+
experimental_layoutConformance?: "strict" | "classic" | undefined;
|
|
509
518
|
collapsable?: boolean | undefined;
|
|
510
|
-
|
|
519
|
+
collapsableChildren?: boolean | undefined;
|
|
511
520
|
renderToHardwareTextureAndroid?: boolean | undefined;
|
|
512
521
|
focusable?: boolean | undefined;
|
|
522
|
+
tabIndex?: 0 | -1 | undefined;
|
|
513
523
|
shouldRasterizeIOS?: boolean | undefined;
|
|
514
524
|
isTVSelectable?: boolean | undefined;
|
|
515
525
|
hasTVPreferredFocus?: boolean | undefined;
|
|
516
|
-
tvParallaxProperties?: import("react-native/types").TVParallaxProperties | undefined;
|
|
517
526
|
tvParallaxShiftDistanceX?: number | undefined;
|
|
518
527
|
tvParallaxShiftDistanceY?: number | undefined;
|
|
519
528
|
tvParallaxTiltAngle?: number | undefined;
|
|
@@ -561,7 +570,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
561
570
|
'aria-disabled'?: boolean | undefined;
|
|
562
571
|
'aria-expanded'?: boolean | undefined;
|
|
563
572
|
'aria-selected'?: boolean | undefined;
|
|
564
|
-
'aria-labelledby'?: string | undefined;
|
|
565
573
|
accessibilityHint?: string | undefined;
|
|
566
574
|
accessibilityValue?: import("react-native/types").AccessibilityValue | undefined;
|
|
567
575
|
'aria-valuemax'?: number | undefined;
|
|
@@ -571,11 +579,12 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
571
579
|
onAccessibilityAction?: ((event: import("react-native/types").AccessibilityActionEvent) => void) | undefined;
|
|
572
580
|
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
573
581
|
'aria-hidden'?: boolean | undefined;
|
|
574
|
-
'aria-live'?: "polite" | "assertive" | "off" | undefined;
|
|
575
582
|
'aria-modal'?: boolean | undefined;
|
|
576
583
|
role?: import("react-native/types").Role | undefined;
|
|
577
|
-
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
578
584
|
accessibilityLabelledBy?: string | string[] | undefined;
|
|
585
|
+
'aria-labelledby'?: string | undefined;
|
|
586
|
+
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
587
|
+
'aria-live'?: "polite" | "assertive" | "off" | undefined;
|
|
579
588
|
accessibilityElementsHidden?: boolean | undefined;
|
|
580
589
|
accessibilityViewIsModal?: boolean | undefined;
|
|
581
590
|
onAccessibilityEscape?: (() => void) | undefined;
|
|
@@ -583,8 +592,12 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
583
592
|
onMagicTap?: (() => void) | undefined;
|
|
584
593
|
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
585
594
|
accessibilityLanguage?: string | undefined;
|
|
595
|
+
accessibilityShowsLargeContentViewer?: boolean | undefined;
|
|
596
|
+
accessibilityLargeContentTitle?: string | undefined;
|
|
597
|
+
onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
|
|
586
598
|
onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
|
|
587
599
|
onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
|
|
600
|
+
rejectResponderTermination?: boolean | null | undefined;
|
|
588
601
|
onBlur?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
|
|
589
602
|
onFocus?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
|
|
590
603
|
allowFontScaling?: boolean | undefined;
|
|
@@ -598,6 +611,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
598
611
|
autoCorrect?: boolean | undefined;
|
|
599
612
|
autoFocus?: boolean | undefined;
|
|
600
613
|
blurOnSubmit?: boolean | undefined;
|
|
614
|
+
submitBehavior?: import("react-native/types").SubmitBehavior | undefined;
|
|
601
615
|
caretHidden?: boolean | undefined;
|
|
602
616
|
contextMenuHidden?: boolean | undefined;
|
|
603
617
|
defaultValue?: string | undefined;
|
|
@@ -611,7 +625,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
611
625
|
onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
|
|
612
626
|
onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
|
|
613
627
|
onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
|
|
614
|
-
onTextInput?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputTextInputEventData>) => void) | undefined;
|
|
615
628
|
onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
|
|
616
629
|
placeholder?: string | undefined;
|
|
617
630
|
readOnly?: boolean | undefined;
|
|
@@ -626,12 +639,13 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
626
639
|
enablesReturnKeyAutomatically?: boolean | undefined;
|
|
627
640
|
keyboardAppearance?: "default" | "light" | "dark" | undefined;
|
|
628
641
|
passwordRules?: string | null | undefined;
|
|
629
|
-
rejectResponderTermination?: boolean | null | undefined;
|
|
630
642
|
selectionState?: import("react-native/types").DocumentSelectionState | undefined;
|
|
631
643
|
spellCheck?: boolean | undefined;
|
|
632
|
-
textContentType?: "none" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | undefined;
|
|
644
|
+
textContentType?: "none" | "name" | "nickname" | "password" | "username" | "flightNumber" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | "cellularEID" | "cellularIMEI" | "dateTime" | "shipmentTrackingNumber" | undefined;
|
|
645
|
+
lineBreakModeIOS?: "middle" | "head" | "tail" | "clip" | "wordWrapping" | "char" | undefined;
|
|
633
646
|
smartInsertDelete?: boolean | undefined;
|
|
634
647
|
cursorColor?: import("react-native/types").ColorValue | null | undefined;
|
|
648
|
+
selectionHandleColor?: import("react-native/types").ColorValue | null | undefined;
|
|
635
649
|
importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
|
|
636
650
|
disableFullscreenUI?: boolean | undefined;
|
|
637
651
|
inlineImageLeft?: string | undefined;
|
|
@@ -649,7 +663,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
649
663
|
floatingPlaceholder?: boolean | undefined;
|
|
650
664
|
enableErrors?: boolean | undefined;
|
|
651
665
|
floatingPlaceholderColor?: import("./types").ColorType | undefined;
|
|
652
|
-
floatingPlaceholderStyle?: ((false | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle) | undefined;
|
|
666
|
+
floatingPlaceholderStyle?: ((false | "" | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle) | undefined;
|
|
653
667
|
floatOnFocus?: boolean | undefined;
|
|
654
668
|
extraOffset?: number | undefined;
|
|
655
669
|
onClear?: (() => void) | undefined;
|
|
@@ -976,24 +990,26 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
976
990
|
end?: number | undefined;
|
|
977
991
|
} | undefined;
|
|
978
992
|
children?: import("react").ReactNode;
|
|
979
|
-
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
|
+
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;
|
|
980
994
|
testID?: string | undefined;
|
|
981
995
|
removeClippedSubviews?: boolean | undefined;
|
|
982
996
|
onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
|
|
983
997
|
onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
|
|
984
998
|
onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
|
|
985
999
|
scrollEnabled?: boolean | undefined;
|
|
986
|
-
hitSlop?: import("react-native/types").Insets | undefined;
|
|
1000
|
+
hitSlop?: number | import("react-native/types").Insets | null | undefined;
|
|
987
1001
|
id?: string | undefined;
|
|
1002
|
+
needsOffscreenAlphaCompositing?: boolean | undefined;
|
|
988
1003
|
nativeID?: string | undefined;
|
|
1004
|
+
experimental_layoutConformance?: "strict" | "classic" | undefined;
|
|
989
1005
|
collapsable?: boolean | undefined;
|
|
990
|
-
|
|
1006
|
+
collapsableChildren?: boolean | undefined;
|
|
991
1007
|
renderToHardwareTextureAndroid?: boolean | undefined;
|
|
992
1008
|
focusable?: boolean | undefined;
|
|
1009
|
+
tabIndex?: 0 | -1 | undefined;
|
|
993
1010
|
shouldRasterizeIOS?: boolean | undefined;
|
|
994
1011
|
isTVSelectable?: boolean | undefined;
|
|
995
1012
|
hasTVPreferredFocus?: boolean | undefined;
|
|
996
|
-
tvParallaxProperties?: import("react-native/types").TVParallaxProperties | undefined;
|
|
997
1013
|
tvParallaxShiftDistanceX?: number | undefined;
|
|
998
1014
|
tvParallaxShiftDistanceY?: number | undefined;
|
|
999
1015
|
tvParallaxTiltAngle?: number | undefined;
|
|
@@ -1041,7 +1057,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1041
1057
|
'aria-disabled'?: boolean | undefined;
|
|
1042
1058
|
'aria-expanded'?: boolean | undefined;
|
|
1043
1059
|
'aria-selected'?: boolean | undefined;
|
|
1044
|
-
'aria-labelledby'?: string | undefined;
|
|
1045
1060
|
accessibilityHint?: string | undefined;
|
|
1046
1061
|
accessibilityValue?: import("react-native/types").AccessibilityValue | undefined;
|
|
1047
1062
|
'aria-valuemax'?: number | undefined;
|
|
@@ -1051,11 +1066,12 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1051
1066
|
onAccessibilityAction?: ((event: import("react-native/types").AccessibilityActionEvent) => void) | undefined;
|
|
1052
1067
|
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
1053
1068
|
'aria-hidden'?: boolean | undefined;
|
|
1054
|
-
'aria-live'?: "polite" | "assertive" | "off" | undefined;
|
|
1055
1069
|
'aria-modal'?: boolean | undefined;
|
|
1056
1070
|
role?: import("react-native/types").Role | undefined;
|
|
1057
|
-
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
1058
1071
|
accessibilityLabelledBy?: string | string[] | undefined;
|
|
1072
|
+
'aria-labelledby'?: string | undefined;
|
|
1073
|
+
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
1074
|
+
'aria-live'?: "polite" | "assertive" | "off" | undefined;
|
|
1059
1075
|
accessibilityElementsHidden?: boolean | undefined;
|
|
1060
1076
|
accessibilityViewIsModal?: boolean | undefined;
|
|
1061
1077
|
onAccessibilityEscape?: (() => void) | undefined;
|
|
@@ -1063,8 +1079,12 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1063
1079
|
onMagicTap?: (() => void) | undefined;
|
|
1064
1080
|
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
1065
1081
|
accessibilityLanguage?: string | undefined;
|
|
1082
|
+
accessibilityShowsLargeContentViewer?: boolean | undefined;
|
|
1083
|
+
accessibilityLargeContentTitle?: string | undefined;
|
|
1084
|
+
onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
|
|
1066
1085
|
onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
|
|
1067
1086
|
onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
|
|
1087
|
+
rejectResponderTermination?: boolean | null | undefined;
|
|
1068
1088
|
onBlur?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
|
|
1069
1089
|
onFocus?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
|
|
1070
1090
|
allowFontScaling?: boolean | undefined;
|
|
@@ -1078,6 +1098,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1078
1098
|
autoCorrect?: boolean | undefined;
|
|
1079
1099
|
autoFocus?: boolean | undefined;
|
|
1080
1100
|
blurOnSubmit?: boolean | undefined;
|
|
1101
|
+
submitBehavior?: import("react-native/types").SubmitBehavior | undefined;
|
|
1081
1102
|
caretHidden?: boolean | undefined;
|
|
1082
1103
|
contextMenuHidden?: boolean | undefined;
|
|
1083
1104
|
defaultValue?: string | undefined;
|
|
@@ -1091,7 +1112,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1091
1112
|
onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
|
|
1092
1113
|
onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
|
|
1093
1114
|
onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
|
|
1094
|
-
onTextInput?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputTextInputEventData>) => void) | undefined;
|
|
1095
1115
|
onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
|
|
1096
1116
|
placeholder?: string | undefined;
|
|
1097
1117
|
readOnly?: boolean | undefined;
|
|
@@ -1106,12 +1126,13 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1106
1126
|
enablesReturnKeyAutomatically?: boolean | undefined;
|
|
1107
1127
|
keyboardAppearance?: "default" | "light" | "dark" | undefined;
|
|
1108
1128
|
passwordRules?: string | null | undefined;
|
|
1109
|
-
rejectResponderTermination?: boolean | null | undefined;
|
|
1110
1129
|
selectionState?: import("react-native/types").DocumentSelectionState | undefined;
|
|
1111
1130
|
spellCheck?: boolean | undefined;
|
|
1112
|
-
textContentType?: "none" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | undefined;
|
|
1131
|
+
textContentType?: "none" | "name" | "nickname" | "password" | "username" | "flightNumber" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | "cellularEID" | "cellularIMEI" | "dateTime" | "shipmentTrackingNumber" | undefined;
|
|
1132
|
+
lineBreakModeIOS?: "middle" | "head" | "tail" | "clip" | "wordWrapping" | "char" | undefined;
|
|
1113
1133
|
smartInsertDelete?: boolean | undefined;
|
|
1114
1134
|
cursorColor?: import("react-native/types").ColorValue | null | undefined;
|
|
1135
|
+
selectionHandleColor?: import("react-native/types").ColorValue | null | undefined;
|
|
1115
1136
|
importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
|
|
1116
1137
|
disableFullscreenUI?: boolean | undefined;
|
|
1117
1138
|
inlineImageLeft?: string | undefined;
|
|
@@ -1139,11 +1160,11 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1139
1160
|
disabled: string;
|
|
1140
1161
|
readonly: string;
|
|
1141
1162
|
};
|
|
1142
|
-
floatingPlaceholderStyle: (false | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle;
|
|
1163
|
+
floatingPlaceholderStyle: (false | "" | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle;
|
|
1143
1164
|
floatOnFocus?: boolean | undefined;
|
|
1144
1165
|
extraOffset?: number | undefined;
|
|
1145
1166
|
onClear?: (() => void) | undefined;
|
|
1146
|
-
clearButtonStyle: false | import("react-native/types").ViewStyle | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle> | import("react-native/types").RecursiveArray<import("react-native/types").ViewStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle>> | {
|
|
1167
|
+
clearButtonStyle: false | "" | import("react-native/types").ViewStyle | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle> | import("react-native/types").RecursiveArray<import("react-native/types").ViewStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle>> | {
|
|
1147
1168
|
marginHorizontal: number;
|
|
1148
1169
|
} | null;
|
|
1149
1170
|
validationMessage?: string | string[] | undefined;
|
|
@@ -1467,24 +1488,26 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1467
1488
|
end?: number | undefined;
|
|
1468
1489
|
} | undefined;
|
|
1469
1490
|
children?: import("react").ReactNode;
|
|
1470
|
-
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
|
+
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;
|
|
1471
1492
|
testID?: string | undefined;
|
|
1472
1493
|
removeClippedSubviews?: boolean | undefined;
|
|
1473
1494
|
onLayout?: ((event: import("react-native/types").LayoutChangeEvent) => void) | undefined;
|
|
1474
1495
|
onContentSizeChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputContentSizeChangeEventData>) => void) | undefined;
|
|
1475
1496
|
onScroll?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputScrollEventData>) => void) | undefined;
|
|
1476
1497
|
scrollEnabled?: boolean | undefined;
|
|
1477
|
-
hitSlop?: import("react-native/types").Insets | undefined;
|
|
1498
|
+
hitSlop?: number | import("react-native/types").Insets | null | undefined;
|
|
1478
1499
|
id?: string | undefined;
|
|
1500
|
+
needsOffscreenAlphaCompositing?: boolean | undefined;
|
|
1479
1501
|
nativeID?: string | undefined;
|
|
1502
|
+
experimental_layoutConformance?: "strict" | "classic" | undefined;
|
|
1480
1503
|
collapsable?: boolean | undefined;
|
|
1481
|
-
|
|
1504
|
+
collapsableChildren?: boolean | undefined;
|
|
1482
1505
|
renderToHardwareTextureAndroid?: boolean | undefined;
|
|
1483
1506
|
focusable?: boolean | undefined;
|
|
1507
|
+
tabIndex?: 0 | -1 | undefined;
|
|
1484
1508
|
shouldRasterizeIOS?: boolean | undefined;
|
|
1485
1509
|
isTVSelectable?: boolean | undefined;
|
|
1486
1510
|
hasTVPreferredFocus?: boolean | undefined;
|
|
1487
|
-
tvParallaxProperties?: import("react-native/types").TVParallaxProperties | undefined;
|
|
1488
1511
|
tvParallaxShiftDistanceX?: number | undefined;
|
|
1489
1512
|
tvParallaxShiftDistanceY?: number | undefined;
|
|
1490
1513
|
tvParallaxTiltAngle?: number | undefined;
|
|
@@ -1532,7 +1555,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1532
1555
|
'aria-disabled'?: boolean | undefined;
|
|
1533
1556
|
'aria-expanded'?: boolean | undefined;
|
|
1534
1557
|
'aria-selected'?: boolean | undefined;
|
|
1535
|
-
'aria-labelledby'?: string | undefined;
|
|
1536
1558
|
accessibilityHint?: string | undefined;
|
|
1537
1559
|
accessibilityValue?: import("react-native/types").AccessibilityValue | undefined;
|
|
1538
1560
|
'aria-valuemax'?: number | undefined;
|
|
@@ -1542,11 +1564,12 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1542
1564
|
onAccessibilityAction?: ((event: import("react-native/types").AccessibilityActionEvent) => void) | undefined;
|
|
1543
1565
|
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
1544
1566
|
'aria-hidden'?: boolean | undefined;
|
|
1545
|
-
'aria-live'?: "polite" | "assertive" | "off" | undefined;
|
|
1546
1567
|
'aria-modal'?: boolean | undefined;
|
|
1547
1568
|
role?: import("react-native/types").Role | undefined;
|
|
1548
|
-
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
1549
1569
|
accessibilityLabelledBy?: string | string[] | undefined;
|
|
1570
|
+
'aria-labelledby'?: string | undefined;
|
|
1571
|
+
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
1572
|
+
'aria-live'?: "polite" | "assertive" | "off" | undefined;
|
|
1550
1573
|
accessibilityElementsHidden?: boolean | undefined;
|
|
1551
1574
|
accessibilityViewIsModal?: boolean | undefined;
|
|
1552
1575
|
onAccessibilityEscape?: (() => void) | undefined;
|
|
@@ -1554,8 +1577,12 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1554
1577
|
onMagicTap?: (() => void) | undefined;
|
|
1555
1578
|
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
1556
1579
|
accessibilityLanguage?: string | undefined;
|
|
1580
|
+
accessibilityShowsLargeContentViewer?: boolean | undefined;
|
|
1581
|
+
accessibilityLargeContentTitle?: string | undefined;
|
|
1582
|
+
onPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
|
|
1557
1583
|
onPressIn?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
|
|
1558
1584
|
onPressOut?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").NativeTouchEvent>) => void) | undefined;
|
|
1585
|
+
rejectResponderTermination?: boolean | null | undefined;
|
|
1559
1586
|
onBlur?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
|
|
1560
1587
|
onFocus?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputFocusEventData>) => void) | undefined;
|
|
1561
1588
|
allowFontScaling?: boolean | undefined;
|
|
@@ -1569,6 +1596,7 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1569
1596
|
autoCorrect?: boolean | undefined;
|
|
1570
1597
|
autoFocus?: boolean | undefined;
|
|
1571
1598
|
blurOnSubmit?: boolean | undefined;
|
|
1599
|
+
submitBehavior?: import("react-native/types").SubmitBehavior | undefined;
|
|
1572
1600
|
caretHidden?: boolean | undefined;
|
|
1573
1601
|
contextMenuHidden?: boolean | undefined;
|
|
1574
1602
|
defaultValue?: string | undefined;
|
|
@@ -1582,7 +1610,6 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1582
1610
|
onEndEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputEndEditingEventData>) => void) | undefined;
|
|
1583
1611
|
onSelectionChange?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSelectionChangeEventData>) => void) | undefined;
|
|
1584
1612
|
onSubmitEditing?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputSubmitEditingEventData>) => void) | undefined;
|
|
1585
|
-
onTextInput?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputTextInputEventData>) => void) | undefined;
|
|
1586
1613
|
onKeyPress?: ((e: import("react-native/types").NativeSyntheticEvent<import("react-native/types").TextInputKeyPressEventData>) => void) | undefined;
|
|
1587
1614
|
placeholder?: string | undefined;
|
|
1588
1615
|
readOnly?: boolean | undefined;
|
|
@@ -1597,12 +1624,13 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1597
1624
|
enablesReturnKeyAutomatically?: boolean | undefined;
|
|
1598
1625
|
keyboardAppearance?: "default" | "light" | "dark" | undefined;
|
|
1599
1626
|
passwordRules?: string | null | undefined;
|
|
1600
|
-
rejectResponderTermination?: boolean | null | undefined;
|
|
1601
1627
|
selectionState?: import("react-native/types").DocumentSelectionState | undefined;
|
|
1602
1628
|
spellCheck?: boolean | undefined;
|
|
1603
|
-
textContentType?: "none" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | undefined;
|
|
1629
|
+
textContentType?: "none" | "name" | "nickname" | "password" | "username" | "flightNumber" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | "cellularEID" | "cellularIMEI" | "dateTime" | "shipmentTrackingNumber" | undefined;
|
|
1630
|
+
lineBreakModeIOS?: "middle" | "head" | "tail" | "clip" | "wordWrapping" | "char" | undefined;
|
|
1604
1631
|
smartInsertDelete?: boolean | undefined;
|
|
1605
1632
|
cursorColor?: import("react-native/types").ColorValue | null | undefined;
|
|
1633
|
+
selectionHandleColor?: import("react-native/types").ColorValue | null | undefined;
|
|
1606
1634
|
importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
|
|
1607
1635
|
disableFullscreenUI?: boolean | undefined;
|
|
1608
1636
|
inlineImageLeft?: string | undefined;
|
|
@@ -1630,11 +1658,11 @@ export default function usePreset({ preset, ...props }: InternalTextFieldProps):
|
|
|
1630
1658
|
disabled: string;
|
|
1631
1659
|
readonly: string;
|
|
1632
1660
|
};
|
|
1633
|
-
floatingPlaceholderStyle: (false | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle;
|
|
1661
|
+
floatingPlaceholderStyle: (false | "" | import("react-native/types").TextStyle | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle> | import("react-native/types").RecursiveArray<import("react-native/types").TextStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").TextStyle>> | null) & import("react-native/types").TextStyle;
|
|
1634
1662
|
floatOnFocus?: boolean | undefined;
|
|
1635
1663
|
extraOffset?: number | undefined;
|
|
1636
1664
|
onClear?: (() => void) | undefined;
|
|
1637
|
-
clearButtonStyle: false | import("react-native/types").ViewStyle | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle> | import("react-native/types").RecursiveArray<import("react-native/types").ViewStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle>> | {
|
|
1665
|
+
clearButtonStyle: false | "" | import("react-native/types").ViewStyle | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle> | import("react-native/types").RecursiveArray<import("react-native/types").ViewStyle | import("react-native/types").Falsy | import("react-native/types").RegisteredStyle<import("react-native/types").ViewStyle>> | {
|
|
1638
1666
|
marginLeft: number;
|
|
1639
1667
|
} | null;
|
|
1640
1668
|
validationMessage?: string | string[] | undefined;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export let StateTypes = /*#__PURE__*/function (StateTypes) {
|
|
2
2
|
StateTypes["CURRENT"] = "current";
|
|
3
|
+
// default
|
|
3
4
|
StateTypes["NEXT"] = "next";
|
|
4
5
|
StateTypes["ERROR"] = "error";
|
|
5
6
|
StateTypes["SUCCESS"] = "success";
|
|
@@ -7,11 +8,13 @@ export let StateTypes = /*#__PURE__*/function (StateTypes) {
|
|
|
7
8
|
}({});
|
|
8
9
|
export let LineTypes = /*#__PURE__*/function (LineTypes) {
|
|
9
10
|
LineTypes["SOLID"] = "solid";
|
|
11
|
+
// default
|
|
10
12
|
LineTypes["DASHED"] = "dashed";
|
|
11
13
|
return LineTypes;
|
|
12
14
|
}({});
|
|
13
15
|
export let PointTypes = /*#__PURE__*/function (PointTypes) {
|
|
14
16
|
PointTypes["BULLET"] = "bullet";
|
|
17
|
+
// default
|
|
15
18
|
PointTypes["CIRCLE"] = "circle";
|
|
16
19
|
PointTypes["OUTLINE"] = "outline";
|
|
17
20
|
return PointTypes;
|
package/src/{incubator/hooks/useHiddenLocation.web.d.ts → hooks/useHiddenLocation/index.d.ts}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { RefCallback } from 'react';
|
|
2
2
|
import { View, LayoutChangeEvent } from 'react-native';
|
|
3
|
-
import { PanningDirectionsEnum } from '
|
|
3
|
+
import { PanningDirectionsEnum } from '../../components/panView';
|
|
4
4
|
type HiddenLocationRecord = Record<PanningDirectionsEnum, number>;
|
|
5
5
|
export interface HiddenLocation extends HiddenLocationRecord {
|
|
6
6
|
wasMeasured: boolean;
|
package/src/{incubator/hooks/useHiddenLocation.d.ts → hooks/useHiddenLocation/index.web.d.ts}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { RefCallback } from 'react';
|
|
2
2
|
import { View, LayoutChangeEvent } from 'react-native';
|
|
3
|
-
import { PanningDirectionsEnum } from '
|
|
3
|
+
import { PanningDirectionsEnum } from '../../components/panView';
|
|
4
4
|
type HiddenLocationRecord = Record<PanningDirectionsEnum, number>;
|
|
5
5
|
export interface HiddenLocation extends HiddenLocationRecord {
|
|
6
6
|
wasMeasured: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ModalDriver } from "../../components/modal/Modal.driver.new";
|
|
2
|
-
import { DialogDriver } from "
|
|
2
|
+
import { DialogDriver } from "../../components/dialog/Dialog.driver.new";
|
|
3
3
|
import { useComponentDriver } from "../../testkit/new/Component.driver";
|
|
4
4
|
import { usePressableDriver } from "../../testkit/new/usePressable.driver";
|
|
5
5
|
export const ExpandableOverlayDriver = (props, useDialog) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { PropsWithChildren } from 'react';
|
|
2
2
|
import { TouchableOpacityProps } from '../../components/touchableOpacity';
|
|
3
3
|
import { ModalProps, ModalTopBarProps } from '../../components/modal';
|
|
4
|
-
import {
|
|
4
|
+
import { DialogProps } from '../../components/dialog';
|
|
5
5
|
export interface ExpandableOverlayMethods {
|
|
6
6
|
openExpandable: () => void;
|
|
7
7
|
closeExpandable: () => void;
|
|
@@ -10,7 +10,7 @@ export interface ExpandableOverlayMethods {
|
|
|
10
10
|
export interface RenderCustomOverlayProps extends ExpandableOverlayMethods {
|
|
11
11
|
visible: boolean;
|
|
12
12
|
}
|
|
13
|
-
export type ExpandableOverlayProps = TouchableOpacityProps &
|
|
13
|
+
export type ExpandableOverlayProps = TouchableOpacityProps & PropsWithChildren<{
|
|
14
14
|
/**
|
|
15
15
|
* The content to render inside the expandable modal/dialog
|
|
16
16
|
*/
|
|
@@ -19,6 +19,10 @@ export type ExpandableOverlayProps = TouchableOpacityProps & DialogMigrationProp
|
|
|
19
19
|
* Whether to use a dialog as expandable container (by default the container will be a full screen modal)
|
|
20
20
|
*/
|
|
21
21
|
useDialog?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* The props to pass to the dialog expandable container
|
|
24
|
+
*/
|
|
25
|
+
dialogProps?: DialogProps;
|
|
22
26
|
/**
|
|
23
27
|
* The props to pass to the modal expandable container
|
|
24
28
|
*/
|
|
@@ -40,5 +44,40 @@ export type ExpandableOverlayProps = TouchableOpacityProps & DialogMigrationProp
|
|
|
40
44
|
*/
|
|
41
45
|
disabled?: boolean;
|
|
42
46
|
}>;
|
|
43
|
-
declare const _default: React.ForwardRefExoticComponent<
|
|
47
|
+
declare const _default: React.ForwardRefExoticComponent<TouchableOpacityProps & {
|
|
48
|
+
/**
|
|
49
|
+
* The content to render inside the expandable modal/dialog
|
|
50
|
+
*/
|
|
51
|
+
expandableContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
52
|
+
/**
|
|
53
|
+
* Whether to use a dialog as expandable container (by default the container will be a full screen modal)
|
|
54
|
+
*/
|
|
55
|
+
useDialog?: boolean | undefined;
|
|
56
|
+
/**
|
|
57
|
+
* The props to pass to the dialog expandable container
|
|
58
|
+
*/
|
|
59
|
+
dialogProps?: DialogProps | undefined;
|
|
60
|
+
/**
|
|
61
|
+
* The props to pass to the modal expandable container
|
|
62
|
+
*/
|
|
63
|
+
modalProps?: ModalProps | undefined;
|
|
64
|
+
/**
|
|
65
|
+
* Whether to render a modal top bar (relevant only for modal)
|
|
66
|
+
*/
|
|
67
|
+
showTopBar?: boolean | undefined;
|
|
68
|
+
/**
|
|
69
|
+
* The modal top bar props to pass on
|
|
70
|
+
*/
|
|
71
|
+
topBarProps?: ModalTopBarProps | undefined;
|
|
72
|
+
/**
|
|
73
|
+
* A custom overlay to render instead of Modal or Dialog components
|
|
74
|
+
*/
|
|
75
|
+
renderCustomOverlay?: ((props: RenderCustomOverlayProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined) | undefined;
|
|
76
|
+
/**
|
|
77
|
+
* Disabled opening expandable overlay
|
|
78
|
+
*/
|
|
79
|
+
disabled?: boolean | undefined;
|
|
80
|
+
} & {
|
|
81
|
+
children?: React.ReactNode;
|
|
82
|
+
} & React.RefAttributes<ExpandableOverlayMethods>>;
|
|
44
83
|
export default _default;
|
|
@@ -3,8 +3,7 @@ import { AccessibilityInfo, findNodeHandle } from 'react-native';
|
|
|
3
3
|
import TouchableOpacity from "../../components/touchableOpacity";
|
|
4
4
|
import View from "../../components/view";
|
|
5
5
|
import Modal from "../../components/modal";
|
|
6
|
-
import
|
|
7
|
-
import DialogNew from "../dialog";
|
|
6
|
+
import Dialog from "../../components/dialog";
|
|
8
7
|
import { Colors } from "../../style";
|
|
9
8
|
const ExpandableOverlay = (props, ref) => {
|
|
10
9
|
const {
|
|
@@ -13,7 +12,6 @@ const ExpandableOverlay = (props, ref) => {
|
|
|
13
12
|
useDialog,
|
|
14
13
|
modalProps,
|
|
15
14
|
dialogProps,
|
|
16
|
-
migrateDialog,
|
|
17
15
|
showTopBar,
|
|
18
16
|
topBarProps,
|
|
19
17
|
renderCustomOverlay,
|
|
@@ -53,7 +51,6 @@ const ExpandableOverlay = (props, ref) => {
|
|
|
53
51
|
</Modal>;
|
|
54
52
|
};
|
|
55
53
|
const renderDialog = () => {
|
|
56
|
-
const Dialog = migrateDialog ? DialogNew : DialogOld;
|
|
57
54
|
return <Dialog testID={`${testID}.overlay`} {...dialogProps} visible={visible} onDismiss={closeExpandable}>
|
|
58
55
|
{expandableContent}
|
|
59
56
|
</Dialog>;
|
package/src/incubator/index.d.ts
CHANGED
|
@@ -3,9 +3,7 @@ export { default as ExpandableOverlay, ExpandableOverlayProps, ExpandableOverlay
|
|
|
3
3
|
export { default as TextField, TextFieldProps, FieldContextType, TextFieldMethods, TextFieldRef, TextFieldValidationMessagePosition, TextFieldValidator } from '../components/textField';
|
|
4
4
|
export { default as Toast, ToastProps, ToastPresets } from './toast';
|
|
5
5
|
export { default as TouchableOpacity, TouchableOpacityProps } from './TouchableOpacity';
|
|
6
|
-
export { default as PanView, PanViewProps, PanViewDirections, PanViewDismissThreshold } from './panView';
|
|
7
6
|
export { default as Slider, SliderRef, SliderProps } from './slider';
|
|
8
|
-
export { default as Dialog, DialogProps, DialogHeaderProps, DialogStatics, DialogImperativeMethods } from './dialog';
|
|
9
7
|
export { default as ChipsInput, ChipsInputProps, ChipsInputChangeReason, ChipsInputChipProps } from '../components/chipsInput';
|
|
10
8
|
export { default as WheelPicker, WheelPickerProps, WheelPickerItemProps, WheelPickerAlign, WheelPickerItemValue } from '../components/WheelPicker';
|
|
11
9
|
export { default as Gradient, GradientProps } from './gradient';
|
package/src/incubator/index.js
CHANGED
|
@@ -4,9 +4,7 @@ export { default as ExpandableOverlay, ExpandableOverlayProps, ExpandableOverlay
|
|
|
4
4
|
export { default as TextField, TextFieldProps, FieldContextType, TextFieldMethods, TextFieldRef, TextFieldValidationMessagePosition, TextFieldValidator } from "../components/textField";
|
|
5
5
|
export { default as Toast, ToastProps, ToastPresets } from "./toast";
|
|
6
6
|
export { default as TouchableOpacity, TouchableOpacityProps } from "./TouchableOpacity";
|
|
7
|
-
export { default as PanView, PanViewProps, PanViewDirections, PanViewDismissThreshold } from "./panView";
|
|
8
7
|
export { default as Slider, SliderRef, SliderProps } from "./slider";
|
|
9
|
-
export { default as Dialog, DialogProps, DialogHeaderProps, DialogStatics, DialogImperativeMethods } from "./dialog";
|
|
10
8
|
// TODO: delete exports after fully removing from private
|
|
11
9
|
export { default as ChipsInput, ChipsInputProps, ChipsInputChangeReason, ChipsInputChipProps } from "../components/chipsInput";
|
|
12
10
|
export { default as WheelPicker, WheelPickerProps, WheelPickerItemProps, WheelPickerAlign, WheelPickerItemValue } from "../components/WheelPicker";
|