@app-studio/components 0.10.19 → 0.10.20
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/dist/fonts/mulish-subset.woff2 +0 -0
- package/dist/illustrations/cross-platform.svg +37 -0
- package/dist/index.d.ts +276 -6
- package/dist/native/components/Accordion/Accordion/Accordion.view.native.js +72 -8
- package/dist/native/components/Accordion/Accordion/Accordion.view.native.js.map +1 -1
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.props.d.ts +36 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.props.js +2 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.props.js.map +1 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.state.d.ts +8 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.state.js +33 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.state.js.map +1 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.style.d.ts +17 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.style.js +39 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.style.js.map +1 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.type.d.ts +37 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.type.js +2 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.type.js.map +1 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.d.ts +4 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.js +122 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.js.map +1 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.native.d.ts +4 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.native.js +173 -0
- package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.native.js.map +1 -0
- package/dist/native/components/ActionSheet/ActionSheet.d.ts +3 -0
- package/dist/native/components/ActionSheet/ActionSheet.js +9 -0
- package/dist/native/components/ActionSheet/ActionSheet.js.map +1 -0
- package/dist/native/components/ActionSheet/index.d.ts +3 -0
- package/dist/native/components/ActionSheet/index.js +4 -0
- package/dist/native/components/ActionSheet/index.js.map +1 -0
- package/dist/native/components/AppRoot/AppRoot.d.ts +17 -0
- package/dist/native/components/AppRoot/AppRoot.js +25 -0
- package/dist/native/components/AppRoot/AppRoot.js.map +1 -0
- package/dist/native/components/AppRoot/AppRoot.native.d.ts +9 -0
- package/dist/native/components/AppRoot/AppRoot.native.js +33 -0
- package/dist/native/components/AppRoot/AppRoot.native.js.map +1 -0
- package/dist/native/components/AppRoot/AppRoot.types.d.ts +22 -0
- package/dist/native/components/AppRoot/AppRoot.types.js +2 -0
- package/dist/native/components/AppRoot/AppRoot.types.js.map +1 -0
- package/dist/native/components/AppRoot/index.d.ts +2 -0
- package/dist/native/components/AppRoot/index.js +2 -0
- package/dist/native/components/AppRoot/index.js.map +1 -0
- package/dist/native/components/AttachmentGroup/AttachmentGroup/AttachmentGroup.js +8 -1
- package/dist/native/components/AttachmentGroup/AttachmentGroup/AttachmentGroup.js.map +1 -1
- package/dist/native/components/AudioInput/AudioInput/AudioInput.state.d.ts +1 -1
- package/dist/native/components/AudioInput/AudioInput/AudioInput.view.js +1 -1
- package/dist/native/components/AudioInput/AudioInput/AudioInput.view.js.map +1 -1
- package/dist/native/components/AudioInput/useAudioRecording.native.d.ts +25 -0
- package/dist/native/components/AudioInput/useAudioRecording.native.js +96 -0
- package/dist/native/components/AudioInput/useAudioRecording.native.js.map +1 -0
- package/dist/native/components/Background/Background/Background.view.native.js +279 -24
- package/dist/native/components/Background/Background/Background.view.native.js.map +1 -1
- package/dist/native/components/Badge/Badge/Badge.view.js +4 -0
- package/dist/native/components/Badge/Badge/Badge.view.js.map +1 -1
- package/dist/native/components/Button/Button/Button.view.js +4 -1
- package/dist/native/components/Button/Button/Button.view.js.map +1 -1
- package/dist/native/components/Button/Button/Button.view.native.js +13 -4
- package/dist/native/components/Button/Button/Button.view.native.js.map +1 -1
- package/dist/native/components/Carousel/Carousel/Carousel.view.native.js +32 -5
- package/dist/native/components/Carousel/Carousel/Carousel.view.native.js.map +1 -1
- package/dist/native/components/Chart/Chart/BarChart.native.d.ts +15 -0
- package/dist/native/components/Chart/Chart/BarChart.native.js +47 -0
- package/dist/native/components/Chart/Chart/BarChart.native.js.map +1 -0
- package/dist/native/components/Chart/Chart/ChartTooltip.js +6 -0
- package/dist/native/components/Chart/Chart/ChartTooltip.js.map +1 -1
- package/dist/native/components/Chart/Chart/LineChart.native.d.ts +15 -0
- package/dist/native/components/Chart/Chart/LineChart.native.js +44 -0
- package/dist/native/components/Chart/Chart/LineChart.native.js.map +1 -0
- package/dist/native/components/Chart/Chart/PieChart.native.d.ts +15 -0
- package/dist/native/components/Chart/Chart/PieChart.native.js +231 -0
- package/dist/native/components/Chart/Chart/PieChart.native.js.map +1 -0
- package/dist/native/components/ChatInput/EditableInput.native.d.ts +48 -0
- package/dist/native/components/ChatInput/EditableInput.native.js +122 -0
- package/dist/native/components/ChatInput/EditableInput.native.js.map +1 -0
- package/dist/native/components/ChatInput/MessageInput.native.d.ts +46 -0
- package/dist/native/components/ChatInput/MessageInput.native.js +55 -0
- package/dist/native/components/ChatInput/MessageInput.native.js.map +1 -0
- package/dist/native/components/ChatWidget/ChatWidget/ChatWidget.view.native.d.ts +14 -0
- package/dist/native/components/ChatWidget/ChatWidget/ChatWidget.view.native.js +89 -0
- package/dist/native/components/ChatWidget/ChatWidget/ChatWidget.view.native.js.map +1 -0
- package/dist/native/components/ChatWidget/Widget/ChatWidgetWidget.native.d.ts +18 -0
- package/dist/native/components/ChatWidget/Widget/ChatWidgetWidget.native.js +91 -0
- package/dist/native/components/ChatWidget/Widget/ChatWidgetWidget.native.js.map +1 -0
- package/dist/native/components/ChatWidget/Widget/useContextSelector.js +3 -0
- package/dist/native/components/ChatWidget/Widget/useContextSelector.js.map +1 -1
- package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.state.js +10 -2
- package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.state.js.map +1 -1
- package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.style.js +5 -0
- package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.style.js.map +1 -1
- package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.js +20 -13
- package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.js.map +1 -1
- package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.native.d.ts +4 -0
- package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.native.js +88 -0
- package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.native.js.map +1 -0
- package/dist/native/components/Command/Command/Command.state.js +13 -3
- package/dist/native/components/Command/Command/Command.state.js.map +1 -1
- package/dist/native/components/Command/Command/Command.view.js +6 -4
- package/dist/native/components/Command/Command/Command.view.js.map +1 -1
- package/dist/native/components/Command/Command/Command.view.native.d.ts +31 -0
- package/dist/native/components/Command/Command/Command.view.native.js +184 -0
- package/dist/native/components/Command/Command/Command.view.native.js.map +1 -0
- package/dist/native/components/Command/Command/CommandOverlay.d.ts +10 -0
- package/dist/native/components/Command/Command/CommandOverlay.js +13 -0
- package/dist/native/components/Command/Command/CommandOverlay.js.map +1 -0
- package/dist/native/components/Command/Command/CommandOverlay.native.d.ts +12 -0
- package/dist/native/components/Command/Command/CommandOverlay.native.js +12 -0
- package/dist/native/components/Command/Command/CommandOverlay.native.js.map +1 -0
- package/dist/native/components/Command/Command/CommandTextInput.d.ts +8 -0
- package/dist/native/components/Command/Command/CommandTextInput.js +7 -0
- package/dist/native/components/Command/Command/CommandTextInput.js.map +1 -0
- package/dist/native/components/Command/Command/CommandTextInput.native.d.ts +13 -0
- package/dist/native/components/Command/Command/CommandTextInput.native.js +27 -0
- package/dist/native/components/Command/Command/CommandTextInput.native.js.map +1 -0
- package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.props.d.ts +1 -0
- package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.state.js +8 -0
- package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.state.js.map +1 -1
- package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.view.native.d.ts +3 -1
- package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.view.native.js +38 -22
- package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.view.native.js.map +1 -1
- package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.state.js +12 -6
- package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.state.js.map +1 -1
- package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.style.js +8 -8
- package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.style.js.map +1 -1
- package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.view.js +1 -1
- package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.view.js.map +1 -1
- package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.js +4 -0
- package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.js.map +1 -1
- package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.native.d.ts +18 -0
- package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.native.js +23 -0
- package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.native.js.map +1 -0
- package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.view.native.d.ts +17 -0
- package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.view.native.js +49 -0
- package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.view.native.js.map +1 -0
- package/dist/native/components/Drawer/Drawer/Drawer.view.native.js +54 -14
- package/dist/native/components/Drawer/Drawer/Drawer.view.native.js.map +1 -1
- package/dist/native/components/DropZone/DropZone/DropZone.view.native.d.ts +14 -0
- package/dist/native/components/DropZone/DropZone/DropZone.view.native.js +33 -0
- package/dist/native/components/DropZone/DropZone/DropZone.view.native.js.map +1 -0
- package/dist/native/components/DropdownMenu/DropdownMenu/DropdownMenu.state.js +7 -0
- package/dist/native/components/DropdownMenu/DropdownMenu/DropdownMenu.state.js.map +1 -1
- package/dist/native/components/DropdownMenu/DropdownMenu/DropdownMenu.view.native.js +20 -16
- package/dist/native/components/DropdownMenu/DropdownMenu/DropdownMenu.view.native.js.map +1 -1
- package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.state.js +6 -2
- package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.state.js.map +1 -1
- package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.style.js +9 -0
- package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.style.js.map +1 -1
- package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.view.native.d.ts +4 -0
- package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.view.native.js +108 -0
- package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.view.native.js.map +1 -0
- package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.state.js +11 -4
- package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.state.js.map +1 -1
- package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.view.native.d.ts +4 -0
- package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.view.native.js +92 -0
- package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.view.native.js.map +1 -0
- package/dist/native/components/Form/ComboBox/ComboBox/ComboBox.view.native.d.ts +13 -0
- package/dist/native/components/Form/ComboBox/ComboBox/ComboBox.view.native.js +118 -0
- package/dist/native/components/Form/ComboBox/ComboBox/ComboBox.view.native.js.map +1 -0
- package/dist/native/components/Form/CountryPicker/CountryPicker/CountryPicker.view.native.d.ts +3 -0
- package/dist/native/components/Form/CountryPicker/CountryPicker/CountryPicker.view.native.js +88 -0
- package/dist/native/components/Form/CountryPicker/CountryPicker/CountryPicker.view.native.js.map +1 -0
- package/dist/native/components/Form/Password/Password/Password.state.d.ts +26 -0
- package/dist/native/components/Form/Select/Select/Select.view.native.d.ts +2 -2
- package/dist/native/components/Form/Select/Select/Select.view.native.js +19 -33
- package/dist/native/components/Form/Select/Select/Select.view.native.js.map +1 -1
- package/dist/native/components/Form/Selector/Selector/Selector.view.native.d.ts +12 -0
- package/dist/native/components/Form/Selector/Selector/Selector.view.native.js +44 -0
- package/dist/native/components/Form/Selector/Selector/Selector.view.native.js.map +1 -0
- package/dist/native/components/Form/Switch/Switch/Switch.view.js +2 -2
- package/dist/native/components/Form/Switch/Switch/Switch.view.js.map +1 -1
- package/dist/native/components/Form/TextArea/TextArea/TextArea.props.d.ts +3 -0
- package/dist/native/components/Form/TextArea/TextArea/TextArea.view.js +2 -2
- package/dist/native/components/Form/TextArea/TextArea/TextArea.view.js.map +1 -1
- package/dist/native/components/Form/TextField/TextField/TextField.props.d.ts +3 -0
- package/dist/native/components/Form/TextField/TextField/TextField.view.js +2 -2
- package/dist/native/components/Form/TextField/TextField/TextField.view.js.map +1 -1
- package/dist/native/components/Formik/Formik.Form.d.ts +4 -10
- package/dist/native/components/Formik/Formik.Form.js +6 -3
- package/dist/native/components/Formik/Formik.Form.js.map +1 -1
- package/dist/native/components/Formik/Formik.Hook.d.ts +5 -1
- package/dist/native/components/Formik/Formik.Hook.js +27 -3
- package/dist/native/components/Formik/Formik.Hook.js.map +1 -1
- package/dist/native/components/Formik/Formik.OTPInput.js +63 -7
- package/dist/native/components/Formik/Formik.OTPInput.js.map +1 -1
- package/dist/native/components/Formik/Formik.Password.js +1 -1
- package/dist/native/components/Formik/Formik.Password.js.map +1 -1
- package/dist/native/components/Formik/Formik.TextField.js +1 -1
- package/dist/native/components/Formik/Formik.TextField.js.map +1 -1
- package/dist/native/components/Gradient/Gradient/Gradient.view.native.js +83 -11
- package/dist/native/components/Gradient/Gradient/Gradient.view.native.js.map +1 -1
- package/dist/native/components/HoverCard/HoverCard/HoverCard.view.native.js +39 -5
- package/dist/native/components/HoverCard/HoverCard/HoverCard.view.native.js.map +1 -1
- package/dist/native/components/Icon/Icon.native.js +9 -1
- package/dist/native/components/Icon/Icon.native.js.map +1 -1
- package/dist/native/components/IconPicker/IconPicker/IconPicker.state.js +4 -0
- package/dist/native/components/IconPicker/IconPicker/IconPicker.state.js.map +1 -1
- package/dist/native/components/IconPicker/IconPicker/IconPicker.style.js +5 -0
- package/dist/native/components/IconPicker/IconPicker/IconPicker.style.js.map +1 -1
- package/dist/native/components/IconPicker/IconPicker/IconPicker.view.native.d.ts +4 -0
- package/dist/native/components/IconPicker/IconPicker/IconPicker.view.native.js +73 -0
- package/dist/native/components/IconPicker/IconPicker/IconPicker.view.native.js.map +1 -0
- package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.d.ts +12 -0
- package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.js +17 -0
- package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.js.map +1 -0
- package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.native.d.ts +12 -0
- package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.native.js +24 -0
- package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.native.js.map +1 -0
- package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.types.d.ts +24 -0
- package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.types.js +2 -0
- package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.types.js.map +1 -0
- package/dist/native/components/KeyboardAvoidingView/index.d.ts +2 -0
- package/dist/native/components/KeyboardAvoidingView/index.js +2 -0
- package/dist/native/components/KeyboardAvoidingView/index.js.map +1 -0
- package/dist/native/components/Menubar/Menubar/Menubar.props.d.ts +4 -1
- package/dist/native/components/Menubar/Menubar/Menubar.state.js +6 -0
- package/dist/native/components/Menubar/Menubar/Menubar.state.js.map +1 -1
- package/dist/native/components/Menubar/Menubar/Menubar.view.native.d.ts +4 -1
- package/dist/native/components/Menubar/Menubar/Menubar.view.native.js +29 -23
- package/dist/native/components/Menubar/Menubar/Menubar.view.native.js.map +1 -1
- package/dist/native/components/Message/Message/Message.layout.native.d.ts +3 -0
- package/dist/native/components/Message/Message/Message.layout.native.js +26 -0
- package/dist/native/components/Message/Message/Message.layout.native.js.map +1 -0
- package/dist/native/components/Modal/Modal/Modal.store.js +0 -1
- package/dist/native/components/Modal/Modal/Modal.store.js.map +1 -1
- package/dist/native/components/Modal/Modal.d.ts +2 -0
- package/dist/native/components/Modal/Modal.js +6 -0
- package/dist/native/components/Modal/Modal.js.map +1 -1
- package/dist/native/components/OTPInput/OTPInput/OTPInput.state.d.ts +2 -2
- package/dist/native/components/OTPInput/OTPInput/OTPInput.state.js +92 -14
- package/dist/native/components/OTPInput/OTPInput/OTPInput.state.js.map +1 -1
- package/dist/native/components/OTPInput/OTPInput/OTPInput.view.native.js +64 -11
- package/dist/native/components/OTPInput/OTPInput/OTPInput.view.native.js.map +1 -1
- package/dist/native/components/OTPInput/OTPInput.js +34 -2
- package/dist/native/components/OTPInput/OTPInput.js.map +1 -1
- package/dist/native/components/PageLayout/PageLayout.d.ts +16 -0
- package/dist/native/components/PageLayout/PageLayout.js +49 -0
- package/dist/native/components/PageLayout/PageLayout.js.map +1 -0
- package/dist/native/components/PageLayout/PageLayout.types.d.ts +30 -0
- package/dist/native/components/PageLayout/PageLayout.types.js +2 -0
- package/dist/native/components/PageLayout/PageLayout.types.js.map +1 -0
- package/dist/native/components/PageLayout/index.d.ts +2 -0
- package/dist/native/components/PageLayout/index.js +2 -0
- package/dist/native/components/PageLayout/index.js.map +1 -0
- package/dist/native/components/Pagination/Pagination/Pagination.view.native.js +12 -1
- package/dist/native/components/Pagination/Pagination/Pagination.view.native.js.map +1 -1
- package/dist/native/components/ProgressBar/ProgressBar/ProgressBar.view.native.js +48 -1
- package/dist/native/components/ProgressBar/ProgressBar/ProgressBar.view.native.js.map +1 -1
- package/dist/native/components/Resizable/Resizable/Resizable.state.js +6 -0
- package/dist/native/components/Resizable/Resizable/Resizable.state.js.map +1 -1
- package/dist/native/components/Router/Router.d.ts +11 -0
- package/dist/native/components/Router/Router.js +51 -0
- package/dist/native/components/Router/Router.js.map +1 -0
- package/dist/native/components/Router/Router.match.d.ts +15 -0
- package/dist/native/components/Router/Router.match.js +45 -0
- package/dist/native/components/Router/Router.match.js.map +1 -0
- package/dist/native/components/Router/Router.native.d.ts +11 -0
- package/dist/native/components/Router/Router.native.js +27 -0
- package/dist/native/components/Router/Router.native.js.map +1 -0
- package/dist/native/components/Router/Router.store.d.ts +28 -0
- package/dist/native/components/Router/Router.store.js +38 -0
- package/dist/native/components/Router/Router.store.js.map +1 -0
- package/dist/native/components/Router/Router.types.d.ts +16 -0
- package/dist/native/components/Router/Router.types.js +2 -0
- package/dist/native/components/Router/Router.types.js.map +1 -0
- package/dist/native/components/Router/index.d.ts +5 -0
- package/dist/native/components/Router/index.js +5 -0
- package/dist/native/components/Router/index.js.map +1 -0
- package/dist/native/components/Router/useHistory.d.ts +21 -0
- package/dist/native/components/Router/useHistory.js +34 -0
- package/dist/native/components/Router/useHistory.js.map +1 -0
- package/dist/native/components/ShareButton/ShareButton/ShareButton.state.native.d.ts +15 -0
- package/dist/native/components/ShareButton/ShareButton/ShareButton.state.native.js +55 -0
- package/dist/native/components/ShareButton/ShareButton/ShareButton.state.native.js.map +1 -0
- package/dist/native/components/Slider/Slider/Slider.state.js +14 -2
- package/dist/native/components/Slider/Slider/Slider.state.js.map +1 -1
- package/dist/native/components/Slider/Slider/Slider.view.native.js +6 -2
- package/dist/native/components/Slider/Slider/Slider.view.native.js.map +1 -1
- package/dist/native/components/SplashScreen/SplashScreen.d.ts +14 -0
- package/dist/native/components/SplashScreen/SplashScreen.js +49 -0
- package/dist/native/components/SplashScreen/SplashScreen.js.map +1 -0
- package/dist/native/components/SplashScreen/SplashScreen.store.d.ts +18 -0
- package/dist/native/components/SplashScreen/SplashScreen.store.js +13 -0
- package/dist/native/components/SplashScreen/SplashScreen.store.js.map +1 -0
- package/dist/native/components/SplashScreen/SplashScreen.types.d.ts +23 -0
- package/dist/native/components/SplashScreen/SplashScreen.types.js +2 -0
- package/dist/native/components/SplashScreen/SplashScreen.types.js.map +1 -0
- package/dist/native/components/SplashScreen/index.d.ts +3 -0
- package/dist/native/components/SplashScreen/index.js +3 -0
- package/dist/native/components/SplashScreen/index.js.map +1 -0
- package/dist/native/components/Table/Table/Table.style.js +10 -0
- package/dist/native/components/Table/Table/Table.style.js.map +1 -1
- package/dist/native/components/Table/Table/Table.view.js +27 -20
- package/dist/native/components/Table/Table/Table.view.js.map +1 -1
- package/dist/native/components/Table/Table/TableScroll.d.ts +8 -0
- package/dist/native/components/Table/Table/TableScroll.js +10 -0
- package/dist/native/components/Table/Table/TableScroll.js.map +1 -0
- package/dist/native/components/Table/Table/TableScroll.native.d.ts +9 -0
- package/dist/native/components/Table/Table/TableScroll.native.js +11 -0
- package/dist/native/components/Table/Table/TableScroll.native.js.map +1 -0
- package/dist/native/components/TextArea/TextArea.native.d.ts +21 -0
- package/dist/native/components/TextArea/TextArea.native.js +15 -0
- package/dist/native/components/TextArea/TextArea.native.js.map +1 -0
- package/dist/native/components/Toast/Toast/Toast.view.native.js +6 -1
- package/dist/native/components/Toast/Toast/Toast.view.native.js.map +1 -1
- package/dist/native/components/Toggle/Toggle/Toggle.view.native.js +11 -3
- package/dist/native/components/Toggle/Toggle/Toggle.view.native.js.map +1 -1
- package/dist/native/components/Tooltip/Tooltip/Tooltip.state.js +3 -0
- package/dist/native/components/Tooltip/Tooltip/Tooltip.state.js.map +1 -1
- package/dist/native/components/Tooltip/Tooltip/Tooltip.view.native.js +84 -7
- package/dist/native/components/Tooltip/Tooltip/Tooltip.view.native.js.map +1 -1
- package/dist/native/components/Uploader/Uploader/Uploader.state.d.ts +1 -1
- package/dist/native/components/Uploader/Uploader/Uploader.state.js +18 -5
- package/dist/native/components/Uploader/Uploader/Uploader.state.js.map +1 -1
- package/dist/native/components/index.d.ts +7 -0
- package/dist/native/components/index.js +7 -0
- package/dist/native/components/index.js.map +1 -1
- package/dist/orange.webp +0 -0
- package/dist/web.cjs.js +9 -9
- package/dist/web.cjs.js.map +1 -1
- package/dist/web.esm.js +8266 -7578
- package/dist/web.esm.js.map +1 -1
- package/dist/web.umd.js +9 -9
- package/dist/web.umd.js.map +1 -1
- package/docs/LIGHTHOUSE_100_GUIDE.md +277 -0
- package/docs/app-studio/Design.md +1 -1
- package/docs/app-studio/Theming.md +3 -3
- package/package.json +5 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menubar.view.native.js","sourceRoot":"","sources":["../../../../../src/components/Menubar/Menubar/Menubar.view.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Menubar.view.native.js","sourceRoot":"","sources":["../../../../../src/components/Menubar/Menubar/Menubar.view.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Dimensions } from 'react-native';
|
|
3
|
+
import { hideMessage, useMessageStore } from './Message.store';
|
|
4
|
+
import { View } from 'app-studio';
|
|
5
|
+
import { MessageView } from './Message.view';
|
|
6
|
+
// React Native variant of MessageLayout. Web's `width:100%` + `maxWidth:520`
|
|
7
|
+
// inside an auto-width absolute container collapses/overflows on Yoga and the
|
|
8
|
+
// 520 cap is wider than most phones, so the message rendered off-screen. Here
|
|
9
|
+
// the positioned container gets a CONCRETE width that always fits the screen,
|
|
10
|
+
// and MessageView's `width:100%` then resolves against it.
|
|
11
|
+
export const MessageLayout = ({ container, theme, position = 'topRight', }) => {
|
|
12
|
+
const { visible, title, variant, subtitle, isClosable, views, action, actionText, showIcon, timeout, } = useMessageStore();
|
|
13
|
+
const toastPosition = {
|
|
14
|
+
topLeft: { top: 6, left: 8 },
|
|
15
|
+
topRight: { top: 6, right: 8 },
|
|
16
|
+
bottomLeft: { bottom: 8, left: 6 },
|
|
17
|
+
bottomRight: { bottom: 8, right: 6 },
|
|
18
|
+
}[position];
|
|
19
|
+
const width = Math.min(520, Dimensions.get('window').width - 16);
|
|
20
|
+
const renderMessageContent = () => (<MessageView variant={variant} subtitle={subtitle} show={visible} title={title} theme={theme} isClosable={isClosable} views={views} action={action} actionText={actionText} showIcon={showIcon} timeout={timeout} hide={() => hideMessage()}/>);
|
|
21
|
+
const MessageContainer = container ? (React.cloneElement(container, {}, renderMessageContent())) : (<View position={'absolute'} zIndex={10000} width={width} {...toastPosition}>
|
|
22
|
+
{renderMessageContent()}
|
|
23
|
+
</View>);
|
|
24
|
+
return visible ? MessageContainer : null;
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=Message.layout.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Message.layout.native.js","sourceRoot":"","sources":["../../../../../src/components/Message/Message/Message.layout.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,6EAA6E;AAC7E,8EAA8E;AAC9E,8EAA8E;AAC9E,8EAA8E;AAC9E,2DAA2D;AAC3D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,UAAU,GACF,EAAE,EAAE;IACvB,MAAM,EACJ,OAAO,EACP,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,KAAK,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,GACR,GAAG,eAAe,EAAE,CAAC;IAEtB,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;QAC5B,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;QAC9B,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;QAClC,WAAW,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;KACrC,CAAC,QAAQ,CAAC,CAAC;IAEZ,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;IAEjE,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,CACjC,CAAC,WAAW,CACV,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,CAAC,CAAC,OAAO,CAAC,CACd,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,EAC1B,CACH,CAAC;IAEF,MAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,CACnC,KAAK,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,EAAE,oBAAoB,EAAE,CAAC,CAC1D,CAAC,CAAC,CAAC,CACF,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,aAAa,CAAC,CACzE;MAAA,CAAC,oBAAoB,EAAE,CACzB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;IAEF,OAAO,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3C,CAAC,CAAC"}
|
|
@@ -51,7 +51,6 @@ export const showModal = (name, modalProps = {}, overlayProps = {}) => {
|
|
|
51
51
|
};
|
|
52
52
|
// A convenience function to programmatically hide a modal and trigger its 'onHide' callback.
|
|
53
53
|
export const hideModal = (name) => {
|
|
54
|
-
console.log('hideModal', name);
|
|
55
54
|
// Triggers the registered 'onHide' callback for the hidden modal, allowing external effects.
|
|
56
55
|
useModalStore.getState().onHide(name);
|
|
57
56
|
// Calls the 'hide' action from the modal store to remove the modal from the state.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.store.js","sourceRoot":"","sources":["../../../../../src/components/Modal/Modal/Modal.store.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AA2BjC,uEAAuE;AACvE,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAa,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACxD,wDAAwD;IACxD,MAAM,EAAE,EAAE;IACV,oDAAoD;IACpD,MAAM,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI;IAC/B,oDAAoD;IACpD,MAAM,EAAE,CAAC,IAAY,EAAE,KAAW,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IACxD,yFAAyF;IACzF,IAAI,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAE,EAAE;QACjD,GAAG,CAAC,CAAC,KAAiB,EAAE,EAAE,CAAC,CAAC;YAC1B,GAAG,KAAK;YACR,MAAM,EAAE;gBACN,GAAG,KAAK,CAAC,MAAM;gBACf;oBACE,IAAI;oBACJ,KAAK,EAAE,EAAE,GAAG,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE;oBACzC,YAAY;iBACb;aACF;SACF,CAAC,CAAC,CAAC;IACN,CAAC;IACD,kHAAkH;IAClH,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,GAAG,CAAC,CAAC,KAAiB,EAAE,EAAE;YACxB,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;YACxB,CAAC;YACD,OAAO;gBACL,GAAG,KAAK;gBACR,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC;aAC5D,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IACD,oEAAoE;IACpE,SAAS,EAAE,CAAC,MAA+B,EAAE,EAAE;QAC7C,GAAG,CAAC,CAAC,KAAiB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACrD,CAAC;IACD,oEAAoE;IACpE,SAAS,EAAE,CAAC,MAA2C,EAAE,EAAE;QACzD,GAAG,CAAC,CAAC,KAAiB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACrD,CAAC;CACF,CAAC,CAAC,CAAC;AACJ,gGAAgG;AAChG,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,IAAY,EACZ,aAAkB,EAAE,EACpB,eAAoB,EAAE,EACtB,EAAE;IACF,8EAA8E;IAC9E,aAAa,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;IAC9D,kGAAkG;IAClG,aAAa,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;AACpD,CAAC,CAAC;AACF,6FAA6F;AAC7F,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,
|
|
1
|
+
{"version":3,"file":"Modal.store.js","sourceRoot":"","sources":["../../../../../src/components/Modal/Modal/Modal.store.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AA2BjC,uEAAuE;AACvE,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAa,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACxD,wDAAwD;IACxD,MAAM,EAAE,EAAE;IACV,oDAAoD;IACpD,MAAM,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI;IAC/B,oDAAoD;IACpD,MAAM,EAAE,CAAC,IAAY,EAAE,KAAW,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IACxD,yFAAyF;IACzF,IAAI,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAE,EAAE;QACjD,GAAG,CAAC,CAAC,KAAiB,EAAE,EAAE,CAAC,CAAC;YAC1B,GAAG,KAAK;YACR,MAAM,EAAE;gBACN,GAAG,KAAK,CAAC,MAAM;gBACf;oBACE,IAAI;oBACJ,KAAK,EAAE,EAAE,GAAG,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE;oBACzC,YAAY;iBACb;aACF;SACF,CAAC,CAAC,CAAC;IACN,CAAC;IACD,kHAAkH;IAClH,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,GAAG,CAAC,CAAC,KAAiB,EAAE,EAAE;YACxB,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;YACxB,CAAC;YACD,OAAO;gBACL,GAAG,KAAK;gBACR,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC;aAC5D,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IACD,oEAAoE;IACpE,SAAS,EAAE,CAAC,MAA+B,EAAE,EAAE;QAC7C,GAAG,CAAC,CAAC,KAAiB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACrD,CAAC;IACD,oEAAoE;IACpE,SAAS,EAAE,CAAC,MAA2C,EAAE,EAAE;QACzD,GAAG,CAAC,CAAC,KAAiB,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACrD,CAAC;CACF,CAAC,CAAC,CAAC;AACJ,gGAAgG;AAChG,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,IAAY,EACZ,aAAkB,EAAE,EACpB,eAAoB,EAAE,EACtB,EAAE;IACF,8EAA8E;IAC9E,aAAa,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;IAC9D,kGAAkG;IAClG,aAAa,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;AACpD,CAAC,CAAC;AACF,6FAA6F;AAC7F,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,6FAA6F;IAC7F,aAAa,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,mFAAmF;IACnF,aAAa,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAC7E,CAAC,CAAC"}
|
|
@@ -10,4 +10,10 @@ Modal.Body = ModalBody;
|
|
|
10
10
|
Modal.Footer = ModalFooter;
|
|
11
11
|
Modal.Layout = ModalLayout;
|
|
12
12
|
export * from './Modal/Modal.store';
|
|
13
|
+
// Surface the registry renderer as standalone named exports. `ModalRouter` is
|
|
14
|
+
// the documented name for the app-demo "modal router" pattern: mount it once
|
|
15
|
+
// (e.g. via `AppRoot modals={...}`), then call `showModal('Name', props)` /
|
|
16
|
+
// `hideModal('Name')` from anywhere to drive named modals from the store.
|
|
17
|
+
export { ModalLayout } from './Modal/Modal.layout';
|
|
18
|
+
export { ModalLayout as ModalRouter } from './Modal/Modal.layout';
|
|
13
19
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,SAAS,EACT,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,8QAA8Q;AAC9Q,MAAM,CAAC,MAAM,KAAK,GAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;AAClE,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC;AAC7B,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC;AACjC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;AACvB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,SAAS,EACT,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,8QAA8Q;AAC9Q,MAAM,CAAC,MAAM,KAAK,GAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC;AAClE,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC;AAC7B,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC;AACjC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;AACvB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AAEpC,8EAA8E;AAC9E,6EAA6E;AAC7E,4EAA4E;AAC5E,0EAA0E;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ClipboardEvent, KeyboardEvent
|
|
1
|
+
import { ClipboardEvent, KeyboardEvent } from 'react';
|
|
2
2
|
import { OTPInputProps } from './OTPInput.props';
|
|
3
3
|
export declare const useOTPInputState: ({ value: controlledValue, defaultValue, length, onChange, onChangeText, onComplete, onKeyDown, onKeyPress, onBlur, onFocus, isReadOnly, isDisabled, pattern, stepValues, pasteTransformer, }: OTPInputProps) => {
|
|
4
4
|
value: string;
|
|
@@ -14,7 +14,7 @@ export declare const useOTPInputState: ({ value: controlledValue, defaultValue,
|
|
|
14
14
|
setMirrorSelectionStart: import("react").Dispatch<import("react").SetStateAction<number | null>>;
|
|
15
15
|
setMirrorSelectionEnd: import("react").Dispatch<import("react").SetStateAction<number | null>>;
|
|
16
16
|
setInputRef: (ref: HTMLInputElement | null) => void;
|
|
17
|
-
handleChange: (e:
|
|
17
|
+
handleChange: (e: any) => void;
|
|
18
18
|
handleFocus: () => void;
|
|
19
19
|
handleBlur: () => void;
|
|
20
20
|
handleKeyDown: (_: KeyboardEvent<HTMLInputElement>) => void;
|
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
import { useState, useRef, useEffect, useCallback, } from 'react';
|
|
2
2
|
import { syncTimeouts } from './sync-timeouts';
|
|
3
|
+
const logOTPInput = (message, payload) => {
|
|
4
|
+
console.log(`[OTPInput.state] ${message}`, payload);
|
|
5
|
+
};
|
|
6
|
+
const summarizeValue = (value) => {
|
|
7
|
+
if (value === null || value === undefined)
|
|
8
|
+
return value;
|
|
9
|
+
if (typeof value === 'string' ||
|
|
10
|
+
typeof value === 'number' ||
|
|
11
|
+
typeof value === 'boolean') {
|
|
12
|
+
return value;
|
|
13
|
+
}
|
|
14
|
+
return Object.prototype.toString.call(value);
|
|
15
|
+
};
|
|
3
16
|
// This file defines the `useOTPInputState` custom React hook, which centralizes all state management, refs, and event handlers for the OTPInput component. It encompasses logic for controlled/uncontrolled value handling, input focus and blur, selection management, paste operations, and validation.
|
|
4
17
|
export const useOTPInputState = ({ value: controlledValue, defaultValue = '', length = 6, onChange, onChangeText, onComplete, onKeyDown, onKeyPress, onBlur, onFocus, isReadOnly, isDisabled, pattern, stepValues, pasteTransformer, }) => {
|
|
5
18
|
const isControlled = controlledValue !== undefined;
|
|
@@ -27,7 +40,14 @@ export const useOTPInputState = ({ value: controlledValue, defaultValue = '', le
|
|
|
27
40
|
: null;
|
|
28
41
|
useEffect(() => {
|
|
29
42
|
if (isControlled && controlledValue !== value) {
|
|
30
|
-
|
|
43
|
+
const nextControlledValue = String(controlledValue ?? '').slice(0, length) || '';
|
|
44
|
+
logOTPInput('sync controlled value', {
|
|
45
|
+
controlledValue: summarizeValue(controlledValue),
|
|
46
|
+
previousValue: value,
|
|
47
|
+
nextControlledValue,
|
|
48
|
+
length,
|
|
49
|
+
});
|
|
50
|
+
setInternalValue(nextControlledValue);
|
|
31
51
|
}
|
|
32
52
|
}, [isControlled, controlledValue, length, value]);
|
|
33
53
|
const setValue = useCallback((newValue) => {
|
|
@@ -47,6 +67,16 @@ export const useOTPInputState = ({ value: controlledValue, defaultValue = '', le
|
|
|
47
67
|
valueToSet = closest.toString();
|
|
48
68
|
}
|
|
49
69
|
}
|
|
70
|
+
logOTPInput('setValue', {
|
|
71
|
+
incomingValue: newValue,
|
|
72
|
+
valueToSet,
|
|
73
|
+
length,
|
|
74
|
+
isControlled,
|
|
75
|
+
hasOnChange: !!onChange,
|
|
76
|
+
hasOnChangeText: !!onChangeText,
|
|
77
|
+
hasOnComplete: !!onComplete,
|
|
78
|
+
stepValues,
|
|
79
|
+
});
|
|
50
80
|
setInternalValue(valueToSet);
|
|
51
81
|
if (onChange) {
|
|
52
82
|
onChange(valueToSet);
|
|
@@ -57,7 +87,7 @@ export const useOTPInputState = ({ value: controlledValue, defaultValue = '', le
|
|
|
57
87
|
if (onComplete && valueToSet.length === length) {
|
|
58
88
|
onComplete(valueToSet);
|
|
59
89
|
}
|
|
60
|
-
}, [onChange, onChangeText, onComplete, length, stepValues]);
|
|
90
|
+
}, [onChange, onChangeText, onComplete, length, stepValues, isControlled]);
|
|
61
91
|
const setInputRef = useCallback((ref) => {
|
|
62
92
|
if (ref && inputRef.current !== ref) {
|
|
63
93
|
Object.defineProperty(inputRef, 'current', {
|
|
@@ -67,9 +97,28 @@ export const useOTPInputState = ({ value: controlledValue, defaultValue = '', le
|
|
|
67
97
|
}
|
|
68
98
|
}, []);
|
|
69
99
|
const handleChange = useCallback((e) => {
|
|
70
|
-
|
|
100
|
+
// Web passes a ChangeEvent (`e.currentTarget.value`); React Native passes
|
|
101
|
+
// either the raw string (onChangeText) or a native event
|
|
102
|
+
// (`e.nativeEvent.text`). Normalize so `.slice` never hits undefined.
|
|
103
|
+
const raw = typeof e === 'string'
|
|
104
|
+
? e
|
|
105
|
+
: e?.currentTarget?.value ??
|
|
106
|
+
e?.target?.value ??
|
|
107
|
+
e?.nativeEvent?.text ??
|
|
108
|
+
'';
|
|
109
|
+
const newValue = String(raw).slice(0, length);
|
|
110
|
+
logOTPInput('handleChange normalized', {
|
|
111
|
+
raw,
|
|
112
|
+
newValue,
|
|
113
|
+
length,
|
|
114
|
+
hasPattern: !!regexp,
|
|
115
|
+
});
|
|
71
116
|
if (newValue.length > 0 && regexp && !regexp.test(newValue)) {
|
|
72
|
-
|
|
117
|
+
logOTPInput('handleChange rejected by pattern', {
|
|
118
|
+
newValue,
|
|
119
|
+
pattern: String(regexp),
|
|
120
|
+
});
|
|
121
|
+
e?.preventDefault?.();
|
|
73
122
|
return;
|
|
74
123
|
}
|
|
75
124
|
setValue(newValue);
|
|
@@ -78,13 +127,22 @@ export const useOTPInputState = ({ value: controlledValue, defaultValue = '', le
|
|
|
78
127
|
}
|
|
79
128
|
}, [length, regexp, setValue, inputRef]);
|
|
80
129
|
const handleFocus = useCallback(() => {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
130
|
+
// `.value`/`.setSelectionRange` are web DOM APIs; on React Native the ref is
|
|
131
|
+
// a TextInput instance without them (reading `.value.length` crashed on
|
|
132
|
+
// focus). Only run selection sync on web; native handles caret itself.
|
|
133
|
+
const input = inputRef.current;
|
|
134
|
+
if (input && typeof input.setSelectionRange === 'function') {
|
|
135
|
+
const len = typeof input.value === 'string' ? input.value.length : 0;
|
|
136
|
+
const start = Math.min(len, length - 1);
|
|
137
|
+
const end = len;
|
|
138
|
+
input.setSelectionRange(start, end);
|
|
85
139
|
setMirrorSelectionStart(start);
|
|
86
140
|
setMirrorSelectionEnd(end);
|
|
87
141
|
}
|
|
142
|
+
logOTPInput('focus', {
|
|
143
|
+
length,
|
|
144
|
+
refHasDomSelection: !!(input && typeof input.setSelectionRange === 'function'),
|
|
145
|
+
});
|
|
88
146
|
setIsFocused(true);
|
|
89
147
|
}, [length]);
|
|
90
148
|
const handleBlur = useCallback(() => {
|
|
@@ -133,6 +191,12 @@ export const useOTPInputState = ({ value: controlledValue, defaultValue = '', le
|
|
|
133
191
|
if (!input || !container) {
|
|
134
192
|
return;
|
|
135
193
|
}
|
|
194
|
+
// `document` / `ResizeObserver` are web-only and the selection / DOM APIs
|
|
195
|
+
// below do not exist on React Native component instances. Bail out before
|
|
196
|
+
// attaching any listeners so no native-incompatible cleanup is created.
|
|
197
|
+
if (typeof document === 'undefined') {
|
|
198
|
+
return;
|
|
199
|
+
}
|
|
136
200
|
if (initialLoadRef.current.value !== input.value &&
|
|
137
201
|
initialLoadRef.current.onChange) {
|
|
138
202
|
initialLoadRef.current.onChange(input.value);
|
|
@@ -205,22 +269,36 @@ export const useOTPInputState = ({ value: controlledValue, defaultValue = '', le
|
|
|
205
269
|
});
|
|
206
270
|
onDocumentSelectionChange();
|
|
207
271
|
document.activeElement === input && setIsFocused(true);
|
|
272
|
+
const containerNode = container;
|
|
208
273
|
const updateRootHeight = () => {
|
|
209
|
-
if (
|
|
210
|
-
|
|
274
|
+
if (containerNode &&
|
|
275
|
+
typeof containerNode.style?.setProperty === 'function') {
|
|
276
|
+
containerNode.style.setProperty('--root-height', `${input.clientHeight}px`);
|
|
211
277
|
}
|
|
212
278
|
};
|
|
213
279
|
updateRootHeight();
|
|
214
|
-
const
|
|
215
|
-
|
|
280
|
+
const ResizeObserverCtor = typeof window !== 'undefined'
|
|
281
|
+
? window.ResizeObserver
|
|
282
|
+
: undefined;
|
|
283
|
+
const resizeObserver = typeof ResizeObserverCtor === 'function'
|
|
284
|
+
? new ResizeObserverCtor(updateRootHeight)
|
|
285
|
+
: null;
|
|
286
|
+
resizeObserver?.observe(input);
|
|
216
287
|
return () => {
|
|
217
288
|
document.removeEventListener('selectionchange', onDocumentSelectionChange, { capture: true });
|
|
218
|
-
resizeObserver
|
|
289
|
+
resizeObserver?.disconnect();
|
|
219
290
|
};
|
|
220
291
|
}, []);
|
|
221
292
|
useEffect(() => {
|
|
293
|
+
// `Event` / `dispatchEvent` are web-only; skip the synthetic input event on
|
|
294
|
+
// React Native where the input ref is not a DOM node.
|
|
295
|
+
if (typeof Event === 'undefined')
|
|
296
|
+
return;
|
|
222
297
|
syncTimeouts(() => {
|
|
223
|
-
inputRef.current
|
|
298
|
+
const node = inputRef.current;
|
|
299
|
+
if (node && typeof node.dispatchEvent === 'function') {
|
|
300
|
+
node.dispatchEvent(new Event('input'));
|
|
301
|
+
}
|
|
224
302
|
const s = inputRef.current?.selectionStart;
|
|
225
303
|
const e = inputRef.current?.selectionEnd;
|
|
226
304
|
const dir = inputRef.current?.selectionDirection;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPInput.state.js","sourceRoot":"","sources":["../../../../../src/components/OTPInput/OTPInput/OTPInput.state.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"OTPInput.state.js","sourceRoot":"","sources":["../../../../../src/components/OTPInput/OTPInput/OTPInput.state.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,23 @@ import React, { createContext, useEffect } from 'react';
|
|
|
2
2
|
import { Input, Horizontal, View, Text } from 'app-studio';
|
|
3
3
|
import { FieldContainer } from '../../Input/FieldContainer/FieldContainer';
|
|
4
4
|
import { FieldLabel } from '../../Input/FieldLabel/FieldLabel';
|
|
5
|
+
const logOTPInput = (message, payload) => {
|
|
6
|
+
console.log(`[OTPInput.native] ${message}`, payload);
|
|
7
|
+
};
|
|
8
|
+
const summarizeValue = (value) => {
|
|
9
|
+
if (value === null || value === undefined)
|
|
10
|
+
return value;
|
|
11
|
+
if (typeof value === 'string' ||
|
|
12
|
+
typeof value === 'number' ||
|
|
13
|
+
typeof value === 'boolean') {
|
|
14
|
+
return value;
|
|
15
|
+
}
|
|
16
|
+
return Object.prototype.toString.call(value);
|
|
17
|
+
};
|
|
18
|
+
const getContainerProps = (props) => {
|
|
19
|
+
const { onChange, onChangeText, onComplete, onKeyDown, onKeyPress, onFocus, onBlur, onClick, defaultValue, pattern, pasteTransformer, stepValues, setValue, setIsFocused, setIsHovered, mirrorSelectionStart, mirrorSelectionEnd, setMirrorSelectionStart, setMirrorSelectionEnd, handlePaste, handleKeyPress, shadow, shape, variant, inputMode, autoComplete, autoCorrect, autoCapitalize, keyboardType, maxLength, editable, caretHidden, selectionColor, ...containerProps } = props;
|
|
20
|
+
return containerProps;
|
|
21
|
+
};
|
|
5
22
|
export const OTPInputContext = createContext({ slots: [], isFocused: false, isHovering: false });
|
|
6
23
|
const OTPInputView = ({ id, name, label, value = '', length = 6, placeholder = '', views = {}, size = 'md', gap = 8, type = 'text', error = false, isFocused = false, isHovered = false, isDisabled = false, isReadOnly = false, isAutoFocus = false, helperText, inputRef, containerRef, handleChange, handleFocus, handleBlur, handleKeyDown, secureTextEntry, setInputRef, ...props }) => {
|
|
7
24
|
const showLabel = !!label;
|
|
@@ -19,19 +36,35 @@ const OTPInputView = ({ id, name, label, value = '', length = 6, placeholder = '
|
|
|
19
36
|
: size === 'lg'
|
|
20
37
|
? 48
|
|
21
38
|
: 56;
|
|
39
|
+
// Defensive: never let a non-string value (e.g. a stray event object) turn
|
|
40
|
+
// into "[object Object]" across the slots — used by both the plain OTPInput
|
|
41
|
+
// and the Formik wrapper, whose field value may briefly be a non-string.
|
|
42
|
+
const safeValue = typeof value === 'string' && value !== '[object Object]' ? value : '';
|
|
22
43
|
const slots = Array.from({ length }).map((_, idx) => ({
|
|
23
|
-
char:
|
|
24
|
-
placeholderChar:
|
|
25
|
-
isActive: isFocused && idx ===
|
|
44
|
+
char: safeValue[idx] ?? null,
|
|
45
|
+
placeholderChar: safeValue[0] !== undefined ? null : placeholder?.[idx] ?? null,
|
|
46
|
+
isActive: isFocused && idx === safeValue.length,
|
|
26
47
|
}));
|
|
27
|
-
|
|
48
|
+
const containerProps = getContainerProps(props);
|
|
49
|
+
logOTPInput('render slots', {
|
|
50
|
+
id,
|
|
51
|
+
name,
|
|
52
|
+
rawValue: summarizeValue(value),
|
|
53
|
+
safeValue,
|
|
54
|
+
length,
|
|
55
|
+
slotChars: slots.map((slot) => slot.char),
|
|
56
|
+
isFocused,
|
|
57
|
+
isDisabled,
|
|
58
|
+
isReadOnly,
|
|
59
|
+
});
|
|
60
|
+
return (<FieldContainer helperText={helperText} error={error} views={views} {...containerProps}>
|
|
28
61
|
{showLabel && (<FieldLabel htmlFor={id} color={'theme-primary'} error={error} {...views.label}>
|
|
29
62
|
{label}
|
|
30
63
|
</FieldLabel>)}
|
|
31
64
|
<View ref={containerRef} position="relative">
|
|
32
65
|
<Horizontal gap={gap} width="100%" justifyContent="center" minHeight={slotHeight} {...views.container}>
|
|
33
66
|
{slots.map((slot, index) => (<View key={`${id || name}-${index}`} width={slotHeight} height={slotHeight} borderWidth={1} borderStyle="solid" borderColor={slot.isActive ? 'theme-primary' : 'color-gray-300'} borderRadius={6} alignItems="center" justifyContent="center" backgroundColor="color-white">
|
|
34
|
-
{slot.char ? (<Text fontSize={size === 'xs'
|
|
67
|
+
{slot.char ? (<Text color="color-gray-900" fontSize={size === 'xs'
|
|
35
68
|
? 14
|
|
36
69
|
: size === 'sm'
|
|
37
70
|
? 16
|
|
@@ -46,18 +79,38 @@ const OTPInputView = ({ id, name, label, value = '', length = 6, placeholder = '
|
|
|
46
79
|
</Text>) : null}
|
|
47
80
|
</View>))}
|
|
48
81
|
</Horizontal>
|
|
49
|
-
|
|
50
|
-
|
|
82
|
+
{/* Transparent TextInput overlaying the slots: it must FILL the slot
|
|
83
|
+
row (not collapse to a tiny default-height box) so tapping anywhere
|
|
84
|
+
on the slots focuses it and opens the keyboard. The characters are
|
|
85
|
+
rendered in the slots above, so the real input stays invisible
|
|
86
|
+
(transparent text/caret) while remaining interactive. */}
|
|
87
|
+
<Input ref={(ref) => setInputRef(ref)} id={id || name} name={name} {...views.input} position="absolute" top={0} left={0} right={0} bottom={0} width="100%" height="100%" backgroundColor="transparent" color="transparent" textAlign="center"
|
|
51
88
|
// RN-only typed props (keyboardType, maxLength, editable,
|
|
52
|
-
// secureTextEntry) aren't on app-studio's web Input
|
|
53
|
-
// them via a single any-cast.
|
|
89
|
+
// secureTextEntry, caretHidden) aren't on app-studio's web Input
|
|
90
|
+
// type — pass them via a single any-cast.
|
|
54
91
|
{...{
|
|
55
92
|
keyboardType: type !== 'password' ? 'number-pad' : undefined,
|
|
56
93
|
maxLength: length,
|
|
57
94
|
editable: !isReadOnly && !isDisabled,
|
|
58
95
|
secureTextEntry: type === 'password' || secureTextEntry,
|
|
59
|
-
|
|
60
|
-
|
|
96
|
+
caretHidden: true,
|
|
97
|
+
selectionColor: 'transparent',
|
|
98
|
+
}} value={safeValue}
|
|
99
|
+
// Use onChangeText (plain string) ONLY. Passing onChange too made the
|
|
100
|
+
// native change-event object leak into the value ("[object Object]").
|
|
101
|
+
// Coerce defensively in case a host wraps it in an event-like object.
|
|
102
|
+
onChangeText={(text) => {
|
|
103
|
+
const normalizedText = typeof text === 'string'
|
|
104
|
+
? text
|
|
105
|
+
: text?.nativeEvent?.text ?? text?.target?.value ?? '';
|
|
106
|
+
logOTPInput('onChangeText', {
|
|
107
|
+
id,
|
|
108
|
+
name,
|
|
109
|
+
rawText: summarizeValue(text),
|
|
110
|
+
normalizedText,
|
|
111
|
+
});
|
|
112
|
+
handleChange(normalizedText);
|
|
113
|
+
}} onFocus={handleFocus} onBlur={handleBlur}/>
|
|
61
114
|
</View>
|
|
62
115
|
</FieldContainer>);
|
|
63
116
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPInput.view.native.js","sourceRoot":"","sources":["../../../../../src/components/OTPInput/OTPInput/OTPInput.view.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAG/D,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CASzC,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;AAEvD,MAAM,YAAY,GAiBd,CAAC,EACH,EAAE,EACF,IAAI,EACJ,KAAK,EACL,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,CAAC,EACV,WAAW,GAAG,EAAE,EAChB,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,IAAI,EACX,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,MAAM,EACb,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,aAAa,EACb,eAAe,EACf,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC9D,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,MAAM,UAAU,GACd,IAAI,KAAK,IAAI;QACX,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,KAAK,IAAI;YACf,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,IAAI,KAAK,IAAI;gBACf,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,IAAI,KAAK,IAAI;oBACf,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,EAAE,CAAC;IAET,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;QACpD,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"OTPInput.view.native.js","sourceRoot":"","sources":["../../../../../src/components/OTPInput/OTPInput/OTPInput.view.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAG/D,MAAM,WAAW,GAAG,CAAC,OAAe,EAAE,OAAgC,EAAE,EAAE;IACxE,OAAO,CAAC,GAAG,CAAC,qBAAqB,OAAO,EAAE,EAAE,OAAO,CAAC,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE;IACxC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IACxD,IACE,OAAO,KAAK,KAAK,QAAQ;QACzB,OAAO,KAAK,KAAK,QAAQ;QACzB,OAAO,KAAK,KAAK,SAAS,EAC1B,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC3D,MAAM,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,EACT,UAAU,EACV,OAAO,EACP,MAAM,EACN,OAAO,EACP,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,WAAW,EACX,cAAc,EACd,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,YAAY,EACZ,WAAW,EACX,cAAc,EACd,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,cAAc,EACd,GAAG,cAAc,EAClB,GAAG,KAAK,CAAC;IAEV,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CASzC,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;AAEvD,MAAM,YAAY,GAiBd,CAAC,EACH,EAAE,EACF,IAAI,EACJ,KAAK,EACL,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,CAAC,EACV,WAAW,GAAG,EAAE,EAChB,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,IAAI,EACX,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,MAAM,EACb,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,aAAa,EACb,eAAe,EACf,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC9D,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,MAAM,UAAU,GACd,IAAI,KAAK,IAAI;QACX,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,KAAK,IAAI;YACf,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,IAAI,KAAK,IAAI;gBACf,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,IAAI,KAAK,IAAI;oBACf,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,EAAE,CAAC;IAET,2EAA2E;IAC3E,4EAA4E;IAC5E,yEAAyE;IACzE,MAAM,SAAS,GACb,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACxE,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;QACpD,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,IAAI;QAC5B,eAAe,EACb,SAAS,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI;QAChE,QAAQ,EAAE,SAAS,IAAI,GAAG,KAAK,SAAS,CAAC,MAAM;KAChD,CAAC,CAAC,CAAC;IACJ,MAAM,cAAc,GAAG,iBAAiB,CAAC,KAAgC,CAAC,CAAC;IAC3E,WAAW,CAAC,cAAc,EAAE;QAC1B,EAAE;QACF,IAAI;QACJ,QAAQ,EAAE,cAAc,CAAC,KAAK,CAAC;QAC/B,SAAS;QACT,MAAM;QACN,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;QACzC,SAAS;QACT,UAAU;QACV,UAAU;KACX,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,cAAc,CACb,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAK,cAAsB,CAAC,CAE5B;MAAA,CAAC,SAAS,IAAI,CACZ,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,EAAE,CAAC,CACZ,KAAK,CAAC,CAAC,eAAe,CAAC,CACvB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,KAAK,CAAC,CAEhB;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,UAAU,CAAC,CACd,CACD;MAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,UAAU,CAC1C;QAAA,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,MAAM,CACZ,cAAc,CAAC,QAAQ,CACvB,SAAS,CAAC,CAAC,UAAU,CAAC,CACtB,IAAI,KAAK,CAAC,SAAS,CAAC,CAEpB;UAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC,CAC9B,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAChE,YAAY,CAAC,CAAC,CAAC,CAAC,CAChB,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,eAAe,CAAC,aAAa,CAE7B;cAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,CAAC,IAAI,CACH,KAAK,CAAC,gBAAgB,CACtB,QAAQ,CAAC,CACP,IAAI,KAAK,IAAI;oBACX,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,IAAI,KAAK,IAAI;wBACf,CAAC,CAAC,EAAE;wBACJ,CAAC,CAAC,IAAI,KAAK,IAAI;4BACf,CAAC,CAAC,EAAE;4BACJ,CAAC,CAAC,IAAI,KAAK,IAAI;gCACf,CAAC,CAAC,EAAE;gCACJ,CAAC,CAAC,EACN,CAAC,CACD,UAAU,CAAC,KAAK,CAChB,IAAI,KAAK,CAAC,IAAI,CAAC,CAEf;kBAAA,CAAC,IAAI,KAAK,UAAU,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAC3D;gBAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CACzB,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAC1C;kBAAA,CAAC,IAAI,CAAC,eAAe,CACvB;gBAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;QAAA,EAAE,UAAU,CACZ;QAAA,CAAC;;;;oEAI2D,CAC5D;QAAA,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CACpC,EAAE,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,CACf,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,IAAI,KAAK,CAAC,KAAK,CAAC,CAChB,QAAQ,CAAC,UAAU,CACnB,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,MAAM,CAAC,CAAC,CAAC,CAAC,CACV,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,eAAe,CAAC,aAAa,CAC7B,KAAK,CAAC,aAAa,CACnB,SAAS,CAAC,QAAQ;IAClB,0DAA0D;IAC1D,iEAAiE;IACjE,0CAA0C;IAC1C,IAAK;QACH,YAAY,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;QAC5D,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,CAAC,UAAU,IAAI,CAAC,UAAU;QACpC,eAAe,EAAE,IAAI,KAAK,UAAU,IAAI,eAAe;QACvD,WAAW,EAAE,IAAI;QACjB,cAAc,EAAE,aAAa;KACtB,CAAC,CACV,KAAK,CAAC,CAAC,SAAS,CAAC;IACjB,sEAAsE;IACtE,sEAAsE;IACtE,sEAAsE;IACtE,YAAY,CAAC,CAAC,CAAC,IAAS,EAAE,EAAE;YAC1B,MAAM,cAAc,GAClB,OAAO,IAAI,KAAK,QAAQ;gBACtB,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,IAAI,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC;YAC3D,WAAW,CAAC,cAAc,EAAE;gBAC1B,EAAE;gBACF,IAAI;gBACJ,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC;gBAC7B,cAAc;aACf,CAAC,CAAC;YACH,YAAY,CAAC,cAAc,CAAC,CAAC;QAC/B,CAAC,CAAC,CACF,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,MAAM,CAAC,CAAC,UAAU,CAAC,EAEvB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,cAAc,CAAC,CAClB,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,YAAY,CAAC"}
|
|
@@ -1,12 +1,44 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useOTPInputState } from './OTPInput/OTPInput.state';
|
|
3
3
|
import OTPInputView from './OTPInput/OTPInput.view';
|
|
4
|
+
const normalizeDisplayValue = (value) => {
|
|
5
|
+
if (value === null || value === undefined)
|
|
6
|
+
return '';
|
|
7
|
+
if (typeof value === 'string' || typeof value === 'number') {
|
|
8
|
+
const text = String(value);
|
|
9
|
+
return text === '[object Object]' ? '' : text;
|
|
10
|
+
}
|
|
11
|
+
return '';
|
|
12
|
+
};
|
|
13
|
+
const logOTPInput = (message, payload) => {
|
|
14
|
+
console.log(`[OTPInput] ${message}`, payload);
|
|
15
|
+
};
|
|
16
|
+
const summarizeValue = (value) => {
|
|
17
|
+
if (value === null || value === undefined)
|
|
18
|
+
return value;
|
|
19
|
+
if (typeof value === 'string' ||
|
|
20
|
+
typeof value === 'number' ||
|
|
21
|
+
typeof value === 'boolean') {
|
|
22
|
+
return value;
|
|
23
|
+
}
|
|
24
|
+
return Object.prototype.toString.call(value);
|
|
25
|
+
};
|
|
4
26
|
// This file defines the main OTPInput component, responsible for orchestrating the state management (using `useOTPInputState`) and rendering the visual representation of the OTP input field (via `OTPInputView`). It acts as a container, passing all necessary props and state variables to its view component.
|
|
5
27
|
const OTPInputComponent = (props) => {
|
|
6
28
|
const { value: controlledValue } = props;
|
|
7
29
|
const { value, setValue, isFocused, setIsFocused, isHovered, setIsHovered, inputRef, containerRef, mirrorSelectionStart, mirrorSelectionEnd, setMirrorSelectionStart, setMirrorSelectionEnd, setInputRef, handleChange, handleFocus, handleBlur, handleKeyDown, handlePaste, handleKeyPress, } = useOTPInputState(props);
|
|
8
|
-
const
|
|
9
|
-
|
|
30
|
+
const rawDisplayValue = controlledValue !== undefined ? controlledValue : value;
|
|
31
|
+
const displayValue = normalizeDisplayValue(rawDisplayValue);
|
|
32
|
+
logOTPInput('render', {
|
|
33
|
+
name: props.name,
|
|
34
|
+
controlledValue: summarizeValue(controlledValue),
|
|
35
|
+
internalValue: summarizeValue(value),
|
|
36
|
+
displayValue,
|
|
37
|
+
length: props.length || 6,
|
|
38
|
+
hasOnChange: !!props.onChange,
|
|
39
|
+
hasOnChangeText: !!props.onChangeText,
|
|
40
|
+
});
|
|
41
|
+
return (<OTPInputView {...props} value={displayValue} setValue={setValue} isFocused={isFocused} setIsFocused={setIsFocused} isHovered={isHovered} setIsHovered={setIsHovered} inputRef={inputRef} containerRef={containerRef} mirrorSelectionStart={mirrorSelectionStart} mirrorSelectionEnd={mirrorSelectionEnd} setMirrorSelectionStart={setMirrorSelectionStart} setMirrorSelectionEnd={setMirrorSelectionEnd} setInputRef={setInputRef} handleChange={handleChange} handleFocus={handleFocus} handleBlur={handleBlur} handleKeyDown={handleKeyDown} handleKeyPress={handleKeyPress} handlePaste={handlePaste} stepValues={props.stepValues}/>);
|
|
10
42
|
};
|
|
11
43
|
export const OTPInput = OTPInputComponent;
|
|
12
44
|
//# sourceMappingURL=OTPInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPInput.js","sourceRoot":"","sources":["../../../../src/components/OTPInput/OTPInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,YAAY,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"OTPInput.js","sourceRoot":"","sources":["../../../../src/components/OTPInput/OTPInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* PageLayout — a screen scaffold with a pinned header, a scrollable content
|
|
3
|
+
* area, and a pinned footer, with keyboard avoidance built in.
|
|
4
|
+
*
|
|
5
|
+
* A cross-platform, hooks-based reimagining of the original app-demo
|
|
6
|
+
* `PageLayout` (a class component that absolutely-positioned the header/footer
|
|
7
|
+
* and hand-measured heights to decide whether to scroll). Here a plain flex
|
|
8
|
+
* column does the same job on web and native with no measuring: the header
|
|
9
|
+
* stays at the top, the content flexes and scrolls only when it overflows, and
|
|
10
|
+
* the footer sits inside the keyboard-avoiding region so a submit bar rides
|
|
11
|
+
* above the keyboard. Safe-area insets come from app-studio's `SafeArea`
|
|
12
|
+
* instead of `react-native-static-safe-area-insets`.
|
|
13
|
+
*/
|
|
14
|
+
import React from 'react';
|
|
15
|
+
import { PageLayoutProps } from './PageLayout.types';
|
|
16
|
+
export declare const PageLayout: React.FC<PageLayoutProps>;
|