@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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionSheet.state.js","sourceRoot":"","sources":["../../../../../src/components/ActionSheet/ActionSheet/ActionSheet.state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,MAAM,EACN,WAAW,GAAG,KAAK,EACnB,KAAK,EACL,YAAY,EACZ,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,OAAO,GACU,EAAE,EAAE;IACrB,MAAM,gBAAgB,GAAG,OAAO,MAAM,KAAK,SAAS,CAAC;IACrD,MAAM,iBAAiB,GAAG,KAAK,KAAK,SAAS,CAAC;IAC9C,MAAM,YAAY,GAAG,YAAY,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEzD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACpE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,KAAK,CAAC,QAAQ,CAAmB,YAAY,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC;IAC/D,MAAM,aAAa,GAAG,iBAAiB;QACrC,CAAC,CAAE,KAA0B;QAC7B,CAAC,CAAC,aAAa,CAAC;IAElB,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,QAAiB,EAAE,EAAE;QACpB,IAAI,CAAC,gBAAgB;YAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;QACjD,YAAY,EAAE,CAAC,QAAQ,CAAC,CAAC;QACzB,IAAI,CAAC,QAAQ;YAAE,OAAO,EAAE,EAAE,CAAC;IAC7B,CAAC,EACD,CAAC,gBAAgB,EAAE,OAAO,EAAE,YAAY,CAAC,CAC1C,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,CAAC,SAA2B,EAAE,EAAE;QAC9B,IAAI,CAAC,iBAAiB;YAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACtD,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,OAAO;QACL,WAAW;QACX,aAAa;QACb,gBAAgB;QAChB,UAAU;KACX,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ViewProps } from 'app-studio';
|
|
2
|
+
import { ActionSheetSize } from './ActionSheet.type';
|
|
3
|
+
export declare const ActionSheetItemSizes: Record<ActionSheetSize, ViewProps>;
|
|
4
|
+
export declare const ActionSheetTextSizes: Record<ActionSheetSize, {
|
|
5
|
+
label: number;
|
|
6
|
+
description: number;
|
|
7
|
+
}>;
|
|
8
|
+
export declare const actionSheetShadow: {
|
|
9
|
+
elevation: number;
|
|
10
|
+
shadowColor: string;
|
|
11
|
+
shadowOpacity: number;
|
|
12
|
+
shadowOffset: {
|
|
13
|
+
width: number;
|
|
14
|
+
height: number;
|
|
15
|
+
};
|
|
16
|
+
shadowRadius: number;
|
|
17
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export const ActionSheetItemSizes = {
|
|
2
|
+
sm: {
|
|
3
|
+
minHeight: 44,
|
|
4
|
+
paddingVertical: 10,
|
|
5
|
+
paddingHorizontal: 16,
|
|
6
|
+
},
|
|
7
|
+
md: {
|
|
8
|
+
minHeight: 52,
|
|
9
|
+
paddingVertical: 12,
|
|
10
|
+
paddingHorizontal: 18,
|
|
11
|
+
},
|
|
12
|
+
lg: {
|
|
13
|
+
minHeight: 60,
|
|
14
|
+
paddingVertical: 14,
|
|
15
|
+
paddingHorizontal: 20,
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
export const ActionSheetTextSizes = {
|
|
19
|
+
sm: {
|
|
20
|
+
label: 14,
|
|
21
|
+
description: 12,
|
|
22
|
+
},
|
|
23
|
+
md: {
|
|
24
|
+
label: 16,
|
|
25
|
+
description: 13,
|
|
26
|
+
},
|
|
27
|
+
lg: {
|
|
28
|
+
label: 18,
|
|
29
|
+
description: 14,
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
export const actionSheetShadow = {
|
|
33
|
+
elevation: 10,
|
|
34
|
+
shadowColor: '#0F172A',
|
|
35
|
+
shadowOpacity: 0.16,
|
|
36
|
+
shadowOffset: { width: 0, height: -8 },
|
|
37
|
+
shadowRadius: 28,
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=ActionSheet.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionSheet.style.js","sourceRoot":"","sources":["../../../../../src/components/ActionSheet/ActionSheet/ActionSheet.style.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,oBAAoB,GAAuC;IACtE,EAAE,EAAE;QACF,SAAS,EAAE,EAAE;QACb,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;KACtB;IACD,EAAE,EAAE;QACF,SAAS,EAAE,EAAE;QACb,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;KACtB;IACD,EAAE,EAAE;QACF,SAAS,EAAE,EAAE;QACb,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAG7B;IACF,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,WAAW,EAAE,EAAE;KAChB;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,WAAW,EAAE,EAAE;KAChB;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,WAAW,EAAE,EAAE;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,SAAS,EAAE,EAAE;IACb,WAAW,EAAE,SAAS;IACtB,aAAa,EAAE,IAAI;IACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE;IACtC,YAAY,EAAE,EAAE;CACjB,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { ViewProps } from 'app-studio';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export type ActionSheetSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export type ActionSheetValue = string | string[];
|
|
5
|
+
export type ActionSheetAnimation = 'none' | 'slide' | 'fade';
|
|
6
|
+
export interface ActionSheetItem {
|
|
7
|
+
id?: string;
|
|
8
|
+
value?: string;
|
|
9
|
+
label?: React.ReactNode;
|
|
10
|
+
description?: React.ReactNode;
|
|
11
|
+
icon?: React.ReactNode;
|
|
12
|
+
selected?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
isDisabled?: boolean;
|
|
15
|
+
destructive?: boolean;
|
|
16
|
+
divider?: boolean;
|
|
17
|
+
closeOnSelect?: boolean;
|
|
18
|
+
onPress?: (item: ActionSheetItem) => void;
|
|
19
|
+
}
|
|
20
|
+
export type ActionSheetStyles = {
|
|
21
|
+
overlay?: ViewProps;
|
|
22
|
+
container?: ViewProps;
|
|
23
|
+
sheet?: ViewProps;
|
|
24
|
+
handle?: ViewProps;
|
|
25
|
+
header?: ViewProps;
|
|
26
|
+
title?: ViewProps;
|
|
27
|
+
description?: ViewProps;
|
|
28
|
+
content?: ViewProps;
|
|
29
|
+
item?: ViewProps;
|
|
30
|
+
itemIcon?: ViewProps;
|
|
31
|
+
itemLabel?: ViewProps;
|
|
32
|
+
itemDescription?: ViewProps;
|
|
33
|
+
itemIndicator?: ViewProps;
|
|
34
|
+
divider?: ViewProps;
|
|
35
|
+
cancelButton?: ViewProps;
|
|
36
|
+
cancelLabel?: ViewProps;
|
|
37
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionSheet.type.js","sourceRoot":"","sources":["../../../../../src/components/ActionSheet/ActionSheet/ActionSheet.type.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Horizontal, Text, Vertical, View } from 'app-studio';
|
|
3
|
+
import { Portal } from '../../Portal/Portal';
|
|
4
|
+
import { TickIcon } from '../../Icon/Icon';
|
|
5
|
+
import { ActionSheetItemSizes, ActionSheetTextSizes, } from './ActionSheet.style';
|
|
6
|
+
const getItemKey = (item, index) => item.id ?? item.value ?? `action-sheet-item-${index}`;
|
|
7
|
+
const getItemValue = (item) => item.value ?? item.id;
|
|
8
|
+
const isItemDisabled = (item) => item.disabled || item.isDisabled || item.divider;
|
|
9
|
+
const isItemSelected = (item, selectedValue) => {
|
|
10
|
+
if (typeof item.selected === 'boolean')
|
|
11
|
+
return item.selected;
|
|
12
|
+
const itemValue = getItemValue(item);
|
|
13
|
+
if (!itemValue)
|
|
14
|
+
return false;
|
|
15
|
+
if (Array.isArray(selectedValue))
|
|
16
|
+
return selectedValue.includes(itemValue);
|
|
17
|
+
return selectedValue === itemValue;
|
|
18
|
+
};
|
|
19
|
+
const ActionSheetView = ({ isSheetOpen, closeSheet, selectedValue, setSelectedValue, isClosePrevented = false, dismissOnBackdropPress = true, title, description, header, children, items = [], isMulti = false, closeOnSelect, onSelect, onChange, showCancel = false, cancelLabel = 'Cancel', onCancel, showHandle = true, size = 'md', maxHeight = '88vh', views, animationType: _animationType, ...props }) => {
|
|
20
|
+
if (!isSheetOpen)
|
|
21
|
+
return null;
|
|
22
|
+
const handleClose = () => {
|
|
23
|
+
if (!isClosePrevented)
|
|
24
|
+
closeSheet();
|
|
25
|
+
};
|
|
26
|
+
const handleBackdropClick = () => {
|
|
27
|
+
if (dismissOnBackdropPress)
|
|
28
|
+
handleClose();
|
|
29
|
+
};
|
|
30
|
+
const handleCancel = () => {
|
|
31
|
+
onCancel?.();
|
|
32
|
+
handleClose();
|
|
33
|
+
};
|
|
34
|
+
const handleItemPress = (item) => {
|
|
35
|
+
if (isItemDisabled(item))
|
|
36
|
+
return;
|
|
37
|
+
const itemValue = getItemValue(item);
|
|
38
|
+
let nextValue = selectedValue;
|
|
39
|
+
if (itemValue) {
|
|
40
|
+
if (isMulti) {
|
|
41
|
+
const currentValue = Array.isArray(selectedValue)
|
|
42
|
+
? selectedValue
|
|
43
|
+
: selectedValue
|
|
44
|
+
? [selectedValue]
|
|
45
|
+
: [];
|
|
46
|
+
nextValue = currentValue.includes(itemValue)
|
|
47
|
+
? currentValue.filter((value) => value !== itemValue)
|
|
48
|
+
: [...currentValue, itemValue];
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
nextValue = itemValue;
|
|
52
|
+
}
|
|
53
|
+
setSelectedValue(nextValue);
|
|
54
|
+
onSelect?.(itemValue, item);
|
|
55
|
+
onChange?.(nextValue, item);
|
|
56
|
+
}
|
|
57
|
+
item.onPress?.(item);
|
|
58
|
+
const shouldClose = item.closeOnSelect ?? closeOnSelect ?? !isMulti;
|
|
59
|
+
if (shouldClose)
|
|
60
|
+
handleClose();
|
|
61
|
+
};
|
|
62
|
+
return (<Portal>
|
|
63
|
+
<View position="fixed" top={0} right={0} bottom={0} left={0} zIndex={9999} backgroundColor="color-blackAlpha-500" display="flex" justifyContent="flex-end" onClick={handleBackdropClick} {...views?.overlay}>
|
|
64
|
+
<Vertical width="100%" maxWidth={520} maxHeight={maxHeight} marginHorizontal="auto" backgroundColor="color-white" borderTopLeftRadius={24} borderTopRightRadius={24} paddingTop={8} paddingBottom={12} overflow="hidden" boxShadow="0 -18px 48px rgba(15, 23, 42, 0.18)" onClick={(event) => event.stopPropagation()} {...views?.container} {...views?.sheet} {...props}>
|
|
65
|
+
{showHandle && (<View width={36} height={4} borderRadius={999} backgroundColor="color-gray-300" alignSelf="center" marginTop={4} marginBottom={8} {...views?.handle}/>)}
|
|
66
|
+
|
|
67
|
+
{(title || description) && (<Vertical paddingHorizontal={20} paddingTop={6} paddingBottom={12} gap={4} {...views?.header}>
|
|
68
|
+
{title && (<Text fontSize={18} lineHeight={24} fontWeight="600" color="color-gray-900" {...views?.title}>
|
|
69
|
+
{title}
|
|
70
|
+
</Text>)}
|
|
71
|
+
{description && (<Text fontSize={13} lineHeight={18} color="color-gray-500" {...views?.description}>
|
|
72
|
+
{description}
|
|
73
|
+
</Text>)}
|
|
74
|
+
</Vertical>)}
|
|
75
|
+
|
|
76
|
+
{header}
|
|
77
|
+
|
|
78
|
+
<Vertical overflowY="auto" paddingBottom={4} {...views?.content}>
|
|
79
|
+
{items.map((item, index) => {
|
|
80
|
+
if (item.divider) {
|
|
81
|
+
return (<View key={getItemKey(item, index)} height={1} backgroundColor="color-gray-200" marginVertical={6} {...views?.divider}/>);
|
|
82
|
+
}
|
|
83
|
+
const selected = isItemSelected(item, selectedValue);
|
|
84
|
+
const disabled = isItemDisabled(item);
|
|
85
|
+
const textColor = disabled
|
|
86
|
+
? 'color-gray-400'
|
|
87
|
+
: item.destructive
|
|
88
|
+
? 'color-red-600'
|
|
89
|
+
: selected
|
|
90
|
+
? 'theme-primary'
|
|
91
|
+
: 'color-gray-900';
|
|
92
|
+
return (<Horizontal key={getItemKey(item, index)} alignItems="center" gap={12} opacity={disabled ? 0.5 : 1} cursor={disabled ? 'not-allowed' : 'pointer'} onClick={() => handleItemPress(item)} {...ActionSheetItemSizes[size]} {...views?.item}>
|
|
93
|
+
{item.icon && (<View flexShrink={0} {...views?.itemIcon}>
|
|
94
|
+
{item.icon}
|
|
95
|
+
</View>)}
|
|
96
|
+
<Vertical flex={1} gap={2}>
|
|
97
|
+
{typeof item.label === 'string' ? (<Text fontSize={ActionSheetTextSizes[size].label} lineHeight={ActionSheetTextSizes[size].label + 6} fontWeight={selected ? '600' : '400'} color={textColor} {...views?.itemLabel}>
|
|
98
|
+
{item.label}
|
|
99
|
+
</Text>) : (item.label)}
|
|
100
|
+
{item.description && (<Text fontSize={ActionSheetTextSizes[size].description} lineHeight={ActionSheetTextSizes[size].description + 5} color="color-gray-500" {...views?.itemDescription}>
|
|
101
|
+
{item.description}
|
|
102
|
+
</Text>)}
|
|
103
|
+
</Vertical>
|
|
104
|
+
{selected && (<TickIcon widthHeight={18} color="theme-primary" {...views?.itemIndicator}/>)}
|
|
105
|
+
</Horizontal>);
|
|
106
|
+
})}
|
|
107
|
+
{children}
|
|
108
|
+
</Vertical>
|
|
109
|
+
|
|
110
|
+
{showCancel && (<View marginTop={8} paddingHorizontal={12} paddingTop={8} borderTopWidth={1} borderTopColor="color-gray-200">
|
|
111
|
+
<Horizontal minHeight={52} alignItems="center" justifyContent="center" borderRadius={14} backgroundColor="color-gray-100" cursor="pointer" onClick={handleCancel} {...views?.cancelButton}>
|
|
112
|
+
<Text fontSize={ActionSheetTextSizes[size].label} lineHeight={ActionSheetTextSizes[size].label + 6} fontWeight="600" color="color-gray-900" {...views?.cancelLabel}>
|
|
113
|
+
{cancelLabel}
|
|
114
|
+
</Text>
|
|
115
|
+
</Horizontal>
|
|
116
|
+
</View>)}
|
|
117
|
+
</Vertical>
|
|
118
|
+
</View>
|
|
119
|
+
</Portal>);
|
|
120
|
+
};
|
|
121
|
+
export default ActionSheetView;
|
|
122
|
+
//# sourceMappingURL=ActionSheet.view.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionSheet.view.js","sourceRoot":"","sources":["../../../../../src/components/ActionSheet/ActionSheet/ActionSheet.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EACL,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,UAAU,GAAG,CAAC,IAAqB,EAAE,KAAa,EAAE,EAAE,CAC1D,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,IAAI,qBAAqB,KAAK,EAAE,CAAC;AAExD,MAAM,YAAY,GAAG,CAAC,IAAqB,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE,CAAC;AAEtE,MAAM,cAAc,GAAG,CAAC,IAAqB,EAAE,EAAE,CAC/C,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,CAAC;AAEnD,MAAM,cAAc,GAAG,CACrB,IAAqB,EACrB,aAAgC,EAChC,EAAE;IACF,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC,QAAQ,CAAC;IAC7D,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,CAAC,SAAS;QAAE,OAAO,KAAK,CAAC;IAC7B,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;QAAE,OAAO,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC3E,OAAO,aAAa,KAAK,SAAS,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,eAAe,GAAmC,CAAC,EACvD,WAAW,EACX,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GAAG,KAAK,EACxB,sBAAsB,GAAG,IAAI,EAC7B,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,KAAK,EACf,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,QAAQ,EACtB,QAAQ,EACR,UAAU,GAAG,IAAI,EACjB,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,MAAM,EAClB,KAAK,EACL,aAAa,EAAE,cAAc,EAC7B,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,gBAAgB;YAAE,UAAU,EAAE,CAAC;IACtC,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IAAI,sBAAsB;YAAE,WAAW,EAAE,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,EAAE,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,IAAqB,EAAE,EAAE;QAChD,IAAI,cAAc,CAAC,IAAI,CAAC;YAAE,OAAO;QAEjC,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;QACrC,IAAI,SAAS,GAAG,aAAa,CAAC;QAE9B,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;oBAC/C,CAAC,CAAC,aAAa;oBACf,CAAC,CAAC,aAAa;wBACf,CAAC,CAAC,CAAC,aAAa,CAAC;wBACjB,CAAC,CAAC,EAAE,CAAC;gBACP,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC;oBAC1C,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC;oBACrD,CAAC,CAAC,CAAC,GAAG,YAAY,EAAE,SAAS,CAAC,CAAC;YACnC,CAAC;iBAAM,CAAC;gBACN,SAAS,GAAG,SAAS,CAAC;YACxB,CAAC;YAED,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAC5B,QAAQ,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YAC5B,QAAQ,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC;QAErB,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,IAAI,aAAa,IAAI,CAAC,OAAO,CAAC;QACpE,IAAI,WAAW;YAAE,WAAW,EAAE,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,MAAM,CACL;MAAA,CAAC,IAAI,CACH,QAAQ,CAAC,OAAO,CAChB,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,KAAK,CAAC,CAAC,CAAC,CAAC,CACT,MAAM,CAAC,CAAC,CAAC,CAAC,CACV,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,MAAM,CAAC,CAAC,IAAI,CAAC,CACb,eAAe,CAAC,sBAAsB,CACtC,OAAO,CAAC,MAAM,CACd,cAAc,CAAC,UAAU,CACzB,OAAO,CAAC,CAAC,mBAAmB,CAAC,CAC7B,IAAI,KAAK,EAAE,OAAO,CAAC,CAEnB;QAAA,CAAC,QAAQ,CACP,KAAK,CAAC,MAAM,CACZ,QAAQ,CAAC,CAAC,GAAG,CAAC,CACd,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,gBAAgB,CAAC,MAAM,CACvB,eAAe,CAAC,aAAa,CAC7B,mBAAmB,CAAC,CAAC,EAAE,CAAC,CACxB,oBAAoB,CAAC,CAAC,EAAE,CAAC,CACzB,UAAU,CAAC,CAAC,CAAC,CAAC,CACd,aAAa,CAAC,CAAC,EAAE,CAAC,CAClB,QAAQ,CAAC,QAAQ,CACjB,SAAS,CAAC,qCAAqC,CAC/C,OAAO,CAAC,CAAC,CAAC,KAAuB,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC,CAC9D,IAAI,KAAK,EAAE,SAAS,CAAC,CACrB,IAAI,KAAK,EAAE,KAAK,CAAC,CACjB,IAAI,KAAK,CAAC,CAEV;UAAA,CAAC,UAAU,IAAI,CACb,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,EAAE,CAAC,CACV,MAAM,CAAC,CAAC,CAAC,CAAC,CACV,YAAY,CAAC,CAAC,GAAG,CAAC,CAClB,eAAe,CAAC,gBAAgB,CAChC,SAAS,CAAC,QAAQ,CAClB,SAAS,CAAC,CAAC,CAAC,CAAC,CACb,YAAY,CAAC,CAAC,CAAC,CAAC,CAChB,IAAI,KAAK,EAAE,MAAM,CAAC,EAClB,CACH,CAED;;UAAA,CAAC,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,CAAC,QAAQ,CACP,iBAAiB,CAAC,CAAC,EAAE,CAAC,CACtB,UAAU,CAAC,CAAC,CAAC,CAAC,CACd,aAAa,CAAC,CAAC,EAAE,CAAC,CAClB,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,IAAI,KAAK,EAAE,MAAM,CAAC,CAElB;cAAA,CAAC,KAAK,IAAI,CACR,CAAC,IAAI,CACH,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,UAAU,CAAC,CAAC,EAAE,CAAC,CACf,UAAU,CAAC,KAAK,CAChB,KAAK,CAAC,gBAAgB,CACtB,IAAI,KAAK,EAAE,KAAK,CAAC,CAEjB;kBAAA,CAAC,KAAK,CACR;gBAAA,EAAE,IAAI,CAAC,CACR,CACD;cAAA,CAAC,WAAW,IAAI,CACd,CAAC,IAAI,CACH,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,UAAU,CAAC,CAAC,EAAE,CAAC,CACf,KAAK,CAAC,gBAAgB,CACtB,IAAI,KAAK,EAAE,WAAW,CAAC,CAEvB;kBAAA,CAAC,WAAW,CACd;gBAAA,EAAE,IAAI,CAAC,CACR,CACH;YAAA,EAAE,QAAQ,CAAC,CACZ,CAED;;UAAA,CAAC,MAAM,CAEP;;UAAA,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,OAAO,CAAC,CAC9D;YAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,OAAO,CACL,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAC7B,MAAM,CAAC,CAAC,CAAC,CAAC,CACV,eAAe,CAAC,gBAAgB,CAChC,cAAc,CAAC,CAAC,CAAC,CAAC,CAClB,IAAI,KAAK,EAAE,OAAO,CAAC,EACnB,CACH,CAAC;YACJ,CAAC;YAED,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;YACrD,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;YACtC,MAAM,SAAS,GAAG,QAAQ;gBACxB,CAAC,CAAC,gBAAgB;gBAClB,CAAC,CAAC,IAAI,CAAC,WAAW;oBAClB,CAAC,CAAC,eAAe;oBACjB,CAAC,CAAC,QAAQ;wBACV,CAAC,CAAC,eAAe;wBACjB,CAAC,CAAC,gBAAgB,CAAC;YAErB,OAAO,CACL,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAC7B,UAAU,CAAC,QAAQ,CACnB,GAAG,CAAC,CAAC,EAAE,CAAC,CACR,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAC5B,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAC7C,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CACrC,IAAI,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAC/B,IAAI,KAAK,EAAE,IAAI,CAAC,CAEhB;kBAAA,CAAC,IAAI,CAAC,IAAI,IAAI,CACZ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,QAAQ,CAAC,CACvC;sBAAA,CAAC,IAAI,CAAC,IAAI,CACZ;oBAAA,EAAE,IAAI,CAAC,CACR,CACD;kBAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACxB;oBAAA,CAAC,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChC,CAAC,IAAI,CACH,QAAQ,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAC3C,UAAU,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CACjD,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CACrC,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,KAAK,EAAE,SAAS,CAAC,CAErB;wBAAA,CAAC,IAAI,CAAC,KAAK,CACb;sBAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,KAAK,CACX,CACD;oBAAA,CAAC,IAAI,CAAC,WAAW,IAAI,CACnB,CAAC,IAAI,CACH,QAAQ,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CACjD,UAAU,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CACvD,KAAK,CAAC,gBAAgB,CACtB,IAAI,KAAK,EAAE,eAAe,CAAC,CAE3B;wBAAA,CAAC,IAAI,CAAC,WAAW,CACnB;sBAAA,EAAE,IAAI,CAAC,CACR,CACH;kBAAA,EAAE,QAAQ,CACV;kBAAA,CAAC,QAAQ,IAAI,CACX,CAAC,QAAQ,CACP,WAAW,CAAC,CAAC,EAAE,CAAC,CAChB,KAAK,CAAC,eAAe,CACrB,IAAI,KAAK,EAAE,aAAa,CAAC,EACzB,CACH,CACH;gBAAA,EAAE,UAAU,CAAC,CACd,CAAC;QACJ,CAAC,CAAC,CACF;YAAA,CAAC,QAAQ,CACX;UAAA,EAAE,QAAQ,CAEV;;UAAA,CAAC,UAAU,IAAI,CACb,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,CAAC,CAAC,CACb,iBAAiB,CAAC,CAAC,EAAE,CAAC,CACtB,UAAU,CAAC,CAAC,CAAC,CAAC,CACd,cAAc,CAAC,CAAC,CAAC,CAAC,CAClB,cAAc,CAAC,gBAAgB,CAE/B;cAAA,CAAC,UAAU,CACT,SAAS,CAAC,CAAC,EAAE,CAAC,CACd,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,YAAY,CAAC,CAAC,EAAE,CAAC,CACjB,eAAe,CAAC,gBAAgB,CAChC,MAAM,CAAC,SAAS,CAChB,OAAO,CAAC,CAAC,YAAY,CAAC,CACtB,IAAI,KAAK,EAAE,YAAY,CAAC,CAExB;gBAAA,CAAC,IAAI,CACH,QAAQ,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAC3C,UAAU,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CACjD,UAAU,CAAC,KAAK,CAChB,KAAK,CAAC,gBAAgB,CACtB,IAAI,KAAK,EAAE,WAAW,CAAC,CAEvB;kBAAA,CAAC,WAAW,CACd;gBAAA,EAAE,IAAI,CACR;cAAA,EAAE,UAAU,CACd;YAAA,EAAE,IAAI,CAAC,CACR,CACH;QAAA,EAAE,QAAQ,CACZ;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Keyboard, KeyboardAvoidingView, Modal as RNModal, Platform, ScrollView, TouchableWithoutFeedback, useWindowDimensions, } from 'react-native';
|
|
3
|
+
import { Horizontal, Text, Vertical, View } from 'app-studio';
|
|
4
|
+
import { TickIcon } from '../../Icon/Icon';
|
|
5
|
+
import { actionSheetShadow, ActionSheetItemSizes, ActionSheetTextSizes, } from './ActionSheet.style';
|
|
6
|
+
const getItemKey = (item, index) => item.id ?? item.value ?? `action-sheet-item-${index}`;
|
|
7
|
+
const getItemValue = (item) => item.value ?? item.id;
|
|
8
|
+
const isItemDisabled = (item) => item.disabled || item.isDisabled || item.divider;
|
|
9
|
+
const isItemSelected = (item, selectedValue) => {
|
|
10
|
+
if (typeof item.selected === 'boolean')
|
|
11
|
+
return item.selected;
|
|
12
|
+
const itemValue = getItemValue(item);
|
|
13
|
+
if (!itemValue)
|
|
14
|
+
return false;
|
|
15
|
+
if (Array.isArray(selectedValue))
|
|
16
|
+
return selectedValue.includes(itemValue);
|
|
17
|
+
return selectedValue === itemValue;
|
|
18
|
+
};
|
|
19
|
+
const resolveMaxHeight = (maxHeight, windowHeight) => {
|
|
20
|
+
if (typeof maxHeight === 'number')
|
|
21
|
+
return maxHeight;
|
|
22
|
+
if (typeof maxHeight === 'string') {
|
|
23
|
+
const trimmed = maxHeight.trim();
|
|
24
|
+
if (trimmed.endsWith('%')) {
|
|
25
|
+
const ratio = parseFloat(trimmed) / 100;
|
|
26
|
+
if (!Number.isNaN(ratio))
|
|
27
|
+
return Math.round(windowHeight * ratio);
|
|
28
|
+
}
|
|
29
|
+
const parsed = parseFloat(trimmed.replace('px', ''));
|
|
30
|
+
if (!Number.isNaN(parsed))
|
|
31
|
+
return parsed;
|
|
32
|
+
}
|
|
33
|
+
return Math.round(windowHeight * 0.88);
|
|
34
|
+
};
|
|
35
|
+
const ActionSheetView = ({ isSheetOpen, closeSheet, selectedValue, setSelectedValue, isClosePrevented = false, dismissOnBackdropPress = true, title, description, header, children, items = [], isMulti = false, closeOnSelect, onSelect, onChange, showCancel = false, cancelLabel = 'Cancel', onCancel, showHandle = true, size = 'md', maxHeight, animationType = 'slide', views, ...props }) => {
|
|
36
|
+
const { height: windowHeight } = useWindowDimensions();
|
|
37
|
+
const [keyboardHeight, setKeyboardHeight] = React.useState(0);
|
|
38
|
+
React.useEffect(() => {
|
|
39
|
+
if (!isSheetOpen) {
|
|
40
|
+
setKeyboardHeight(0);
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
const handleKeyboardShow = (event) => {
|
|
44
|
+
const screenY = event.endCoordinates?.screenY;
|
|
45
|
+
const eventHeight = event.endCoordinates?.height ?? 0;
|
|
46
|
+
const nextHeight = typeof screenY === 'number' && screenY > 0 && screenY < windowHeight
|
|
47
|
+
? windowHeight - screenY
|
|
48
|
+
: eventHeight;
|
|
49
|
+
setKeyboardHeight(Math.max(0, nextHeight));
|
|
50
|
+
};
|
|
51
|
+
const handleKeyboardHide = () => setKeyboardHeight(0);
|
|
52
|
+
const showSub = Keyboard.addListener(Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow', handleKeyboardShow);
|
|
53
|
+
const hideSub = Keyboard.addListener(Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide', handleKeyboardHide);
|
|
54
|
+
return () => {
|
|
55
|
+
showSub.remove();
|
|
56
|
+
hideSub.remove();
|
|
57
|
+
};
|
|
58
|
+
}, [isSheetOpen, windowHeight]);
|
|
59
|
+
const baseMaxHeight = resolveMaxHeight(maxHeight, windowHeight);
|
|
60
|
+
const keyboardGap = keyboardHeight > 0 ? 12 : 0;
|
|
61
|
+
const visibleMaxHeight = keyboardHeight > 0
|
|
62
|
+
? Math.max(220, windowHeight - keyboardHeight - keyboardGap)
|
|
63
|
+
: windowHeight;
|
|
64
|
+
const resolvedMaxHeight = Math.min(baseMaxHeight, visibleMaxHeight);
|
|
65
|
+
const handleClose = () => {
|
|
66
|
+
if (!isClosePrevented)
|
|
67
|
+
closeSheet();
|
|
68
|
+
};
|
|
69
|
+
const handleBackdropPress = () => {
|
|
70
|
+
if (dismissOnBackdropPress)
|
|
71
|
+
handleClose();
|
|
72
|
+
};
|
|
73
|
+
const handleCancel = () => {
|
|
74
|
+
onCancel?.();
|
|
75
|
+
handleClose();
|
|
76
|
+
};
|
|
77
|
+
const handleItemPress = (item) => {
|
|
78
|
+
if (isItemDisabled(item))
|
|
79
|
+
return;
|
|
80
|
+
const itemValue = getItemValue(item);
|
|
81
|
+
let nextValue = selectedValue;
|
|
82
|
+
if (itemValue) {
|
|
83
|
+
if (isMulti) {
|
|
84
|
+
const currentValue = Array.isArray(selectedValue)
|
|
85
|
+
? selectedValue
|
|
86
|
+
: selectedValue
|
|
87
|
+
? [selectedValue]
|
|
88
|
+
: [];
|
|
89
|
+
nextValue = currentValue.includes(itemValue)
|
|
90
|
+
? currentValue.filter((value) => value !== itemValue)
|
|
91
|
+
: [...currentValue, itemValue];
|
|
92
|
+
}
|
|
93
|
+
else {
|
|
94
|
+
nextValue = itemValue;
|
|
95
|
+
}
|
|
96
|
+
setSelectedValue(nextValue);
|
|
97
|
+
onSelect?.(itemValue, item);
|
|
98
|
+
onChange?.(nextValue, item);
|
|
99
|
+
}
|
|
100
|
+
item.onPress?.(item);
|
|
101
|
+
const shouldClose = item.closeOnSelect ?? closeOnSelect ?? !isMulti;
|
|
102
|
+
if (shouldClose)
|
|
103
|
+
handleClose();
|
|
104
|
+
};
|
|
105
|
+
return (<RNModal visible={isSheetOpen} transparent animationType={animationType} onRequestClose={handleClose}>
|
|
106
|
+
<TouchableWithoutFeedback onPress={handleBackdropPress}>
|
|
107
|
+
<View flex={1} backgroundColor="color-blackAlpha-500" {...views?.overlay}>
|
|
108
|
+
<KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'} keyboardVerticalOffset={0} style={{ flex: 1, justifyContent: 'flex-end' }}>
|
|
109
|
+
<TouchableWithoutFeedback>
|
|
110
|
+
<Vertical width="100%" maxHeight={resolvedMaxHeight} backgroundColor="color-white" borderTopLeftRadius={24} borderTopRightRadius={24} paddingTop={8} paddingBottom={Platform.OS === 'ios' ? 18 : 12} overflow="hidden" style={actionSheetShadow} {...views?.container} {...views?.sheet} {...props}>
|
|
111
|
+
{showHandle && (<View width={36} height={4} borderRadius={999} backgroundColor="color-gray-300" alignSelf="center" marginTop={4} marginBottom={8} {...views?.handle}/>)}
|
|
112
|
+
|
|
113
|
+
{(title || description) && (<Vertical paddingHorizontal={20} paddingTop={6} paddingBottom={12} gap={4} {...views?.header}>
|
|
114
|
+
{title && (<Text fontSize={18} lineHeight={24} fontWeight="600" color="color-gray-900" {...views?.title}>
|
|
115
|
+
{title}
|
|
116
|
+
</Text>)}
|
|
117
|
+
{description && (<Text fontSize={13} lineHeight={18} color="color-gray-500" {...views?.description}>
|
|
118
|
+
{description}
|
|
119
|
+
</Text>)}
|
|
120
|
+
</Vertical>)}
|
|
121
|
+
|
|
122
|
+
{header}
|
|
123
|
+
|
|
124
|
+
<ScrollView keyboardShouldPersistTaps="handled" showsVerticalScrollIndicator={false} contentContainerStyle={{ paddingBottom: 4 }}>
|
|
125
|
+
<Vertical {...views?.content}>
|
|
126
|
+
{items.map((item, index) => {
|
|
127
|
+
if (item.divider) {
|
|
128
|
+
return (<View key={getItemKey(item, index)} height={1} backgroundColor="color-gray-200" marginVertical={6} {...views?.divider}/>);
|
|
129
|
+
}
|
|
130
|
+
const selected = isItemSelected(item, selectedValue);
|
|
131
|
+
const disabled = isItemDisabled(item);
|
|
132
|
+
const textColor = disabled
|
|
133
|
+
? 'color-gray-400'
|
|
134
|
+
: item.destructive
|
|
135
|
+
? 'color-red-600'
|
|
136
|
+
: selected
|
|
137
|
+
? 'theme-primary'
|
|
138
|
+
: 'color-gray-900';
|
|
139
|
+
return (<Horizontal key={getItemKey(item, index)} alignItems="center" gap={12} opacity={disabled ? 0.5 : 1} onPress={() => handleItemPress(item)} onClick={() => handleItemPress(item)} {...ActionSheetItemSizes[size]} {...views?.item}>
|
|
140
|
+
{item.icon && (<View flexShrink={0} {...views?.itemIcon}>
|
|
141
|
+
{item.icon}
|
|
142
|
+
</View>)}
|
|
143
|
+
<Vertical flex={1} gap={2}>
|
|
144
|
+
{typeof item.label === 'string' ? (<Text fontSize={ActionSheetTextSizes[size].label} lineHeight={ActionSheetTextSizes[size].label + 6} fontWeight={selected ? '600' : '400'} color={textColor} {...views?.itemLabel}>
|
|
145
|
+
{item.label}
|
|
146
|
+
</Text>) : (item.label)}
|
|
147
|
+
{item.description && (<Text fontSize={ActionSheetTextSizes[size].description} lineHeight={ActionSheetTextSizes[size].description + 5} color="color-gray-500" {...views?.itemDescription}>
|
|
148
|
+
{item.description}
|
|
149
|
+
</Text>)}
|
|
150
|
+
</Vertical>
|
|
151
|
+
{selected && (<TickIcon widthHeight={18} color="theme-primary" {...views?.itemIndicator}/>)}
|
|
152
|
+
</Horizontal>);
|
|
153
|
+
})}
|
|
154
|
+
{children}
|
|
155
|
+
</Vertical>
|
|
156
|
+
</ScrollView>
|
|
157
|
+
|
|
158
|
+
{showCancel && (<View marginTop={8} paddingHorizontal={12} paddingTop={8} borderTopWidth={1} borderTopColor="color-gray-200">
|
|
159
|
+
<Horizontal minHeight={52} alignItems="center" justifyContent="center" borderRadius={14} backgroundColor="color-gray-100" onPress={handleCancel} onClick={handleCancel} {...views?.cancelButton}>
|
|
160
|
+
<Text fontSize={ActionSheetTextSizes[size].label} lineHeight={ActionSheetTextSizes[size].label + 6} fontWeight="600" color="color-gray-900" {...views?.cancelLabel}>
|
|
161
|
+
{cancelLabel}
|
|
162
|
+
</Text>
|
|
163
|
+
</Horizontal>
|
|
164
|
+
</View>)}
|
|
165
|
+
</Vertical>
|
|
166
|
+
</TouchableWithoutFeedback>
|
|
167
|
+
</KeyboardAvoidingView>
|
|
168
|
+
</View>
|
|
169
|
+
</TouchableWithoutFeedback>
|
|
170
|
+
</RNModal>);
|
|
171
|
+
};
|
|
172
|
+
export default ActionSheetView;
|
|
173
|
+
//# sourceMappingURL=ActionSheet.view.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionSheet.view.native.js","sourceRoot":"","sources":["../../../../../src/components/ActionSheet/ActionSheet/ActionSheet.view.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useActionSheetState } from './ActionSheet/ActionSheet.state';
|
|
3
|
+
import ActionSheetView from './ActionSheet/ActionSheet.view';
|
|
4
|
+
const ActionSheetComponent = (props) => {
|
|
5
|
+
const actionSheetState = useActionSheetState(props);
|
|
6
|
+
return <ActionSheetView {...props} {...actionSheetState}/>;
|
|
7
|
+
};
|
|
8
|
+
export const ActionSheet = ActionSheetComponent;
|
|
9
|
+
//# sourceMappingURL=ActionSheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionSheet.js","sourceRoot":"","sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAE7D,MAAM,oBAAoB,GAA+B,CAAC,KAAK,EAAE,EAAE;IACjE,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,gBAAgB,CAAC,EAAG,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ActionSheet/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AppRootProps } from './AppRoot.types';
|
|
3
|
+
export type { AppRootProps };
|
|
4
|
+
/**
|
|
5
|
+
* AppRoot — one entry point that mounts every App Studio provider in the right
|
|
6
|
+
* order, so apps don't wire them by hand.
|
|
7
|
+
*
|
|
8
|
+
* Web build: Theme → Responsive → WindowSize. The native build
|
|
9
|
+
* (`AppRoot.native.tsx`) additionally wraps `SafeAreaProvider` so `safeArea*`
|
|
10
|
+
* props / `<SafeArea>` resolve to real device insets. Mount it once at the root:
|
|
11
|
+
*
|
|
12
|
+
* ```tsx
|
|
13
|
+
* import { AppRoot } from '@app-studio/components';
|
|
14
|
+
* export default () => <AppRoot><Screens /></AppRoot>;
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
17
|
+
export declare const AppRoot: React.FC<AppRootProps>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ThemeProvider, ResponsiveProvider, WindowSizeProvider, } from 'app-studio';
|
|
3
|
+
import { ModalRouter } from '../Modal/Modal';
|
|
4
|
+
/**
|
|
5
|
+
* AppRoot — one entry point that mounts every App Studio provider in the right
|
|
6
|
+
* order, so apps don't wire them by hand.
|
|
7
|
+
*
|
|
8
|
+
* Web build: Theme → Responsive → WindowSize. The native build
|
|
9
|
+
* (`AppRoot.native.tsx`) additionally wraps `SafeAreaProvider` so `safeArea*`
|
|
10
|
+
* props / `<SafeArea>` resolve to real device insets. Mount it once at the root:
|
|
11
|
+
*
|
|
12
|
+
* ```tsx
|
|
13
|
+
* import { AppRoot } from '@app-studio/components';
|
|
14
|
+
* export default () => <AppRoot><Screens /></AppRoot>;
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
17
|
+
export const AppRoot = ({ children, modals, onModalShow, onModalHide, ...themeProps }) => (<ThemeProvider {...themeProps}>
|
|
18
|
+
<ResponsiveProvider>
|
|
19
|
+
<WindowSizeProvider>
|
|
20
|
+
{children}
|
|
21
|
+
{modals && (<ModalRouter modals={modals} onShow={onModalShow} onHide={onModalHide}/>)}
|
|
22
|
+
</WindowSizeProvider>
|
|
23
|
+
</ResponsiveProvider>
|
|
24
|
+
</ThemeProvider>);
|
|
25
|
+
//# sourceMappingURL=AppRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppRoot.js","sourceRoot":"","sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,GAAG,UAAU,EACd,EAAE,EAAE,CAAC,CACJ,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,CAC5B;IAAA,CAAC,kBAAkB,CACjB;MAAA,CAAC,kBAAkB,CACjB;QAAA,CAAC,QAAQ,CACT;QAAA,CAAC,MAAM,IAAI,CACT,CAAC,WAAW,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,WAAW,CAAC,CACpB,MAAM,CAAC,CAAC,WAAW,CAAC,EACpB,CACH,CACH;MAAA,EAAE,kBAAkB,CACtB;IAAA,EAAE,kBAAkB,CACtB;EAAA,EAAE,aAAa,CAAC,CACjB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AppRootProps } from './AppRoot.types';
|
|
3
|
+
export type { AppRootProps };
|
|
4
|
+
/**
|
|
5
|
+
* AppRoot (native) — SafeAreaProvider → Theme → Responsive → WindowSize.
|
|
6
|
+
* Falls back to no SafeAreaProvider when the peer isn't installed (safe-area
|
|
7
|
+
* props then resolve to zero insets instead of crashing).
|
|
8
|
+
*/
|
|
9
|
+
export declare const AppRoot: React.FC<AppRootProps>;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ThemeProvider, ResponsiveProvider, WindowSizeProvider, } from 'app-studio';
|
|
3
|
+
import { ModalRouter } from '../Modal/Modal';
|
|
4
|
+
// `react-native-safe-area-context` is an OPTIONAL peer — lazy-require so apps
|
|
5
|
+
// that don't use safe-area props don't need the dependency. When present, its
|
|
6
|
+
// SafeAreaProvider measures device insets and feeds them to every `safeArea*`
|
|
7
|
+
// prop / `<SafeArea>` rendered below.
|
|
8
|
+
let SafeAreaProvider = null;
|
|
9
|
+
try {
|
|
10
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
11
|
+
SafeAreaProvider = require('react-native-safe-area-context').SafeAreaProvider;
|
|
12
|
+
}
|
|
13
|
+
catch {
|
|
14
|
+
SafeAreaProvider = null;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* AppRoot (native) — SafeAreaProvider → Theme → Responsive → WindowSize.
|
|
18
|
+
* Falls back to no SafeAreaProvider when the peer isn't installed (safe-area
|
|
19
|
+
* props then resolve to zero insets instead of crashing).
|
|
20
|
+
*/
|
|
21
|
+
export const AppRoot = ({ children, modals, onModalShow, onModalHide, ...themeProps }) => {
|
|
22
|
+
const tree = (<ThemeProvider {...themeProps}>
|
|
23
|
+
<ResponsiveProvider>
|
|
24
|
+
<WindowSizeProvider>
|
|
25
|
+
{children}
|
|
26
|
+
{modals && (<ModalRouter modals={modals} onShow={onModalShow} onHide={onModalHide}/>)}
|
|
27
|
+
</WindowSizeProvider>
|
|
28
|
+
</ResponsiveProvider>
|
|
29
|
+
</ThemeProvider>);
|
|
30
|
+
const Provider = SafeAreaProvider;
|
|
31
|
+
return Provider ? <Provider>{tree}</Provider> : tree;
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=AppRoot.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppRoot.native.js","sourceRoot":"","sources":["../../../../src/components/AppRoot/AppRoot.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,8EAA8E;AAC9E,8EAA8E;AAC9E,8EAA8E;AAC9E,sCAAsC;AACtC,IAAI,gBAAgB,GAER,IAAI,CAAC;AACjB,IAAI,CAAC;IACH,8DAA8D;IAC9D,gBAAgB,GAAG,OAAO,CAAC,gCAAgC,CAAC,CAAC,gBAAgB,CAAC;AAChF,CAAC;AAAC,MAAM,CAAC;IACP,gBAAgB,GAAG,IAAI,CAAC;AAC1B,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,MAAM,EACN,WAAW,EACX,WAAW,EACX,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,CACX,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,CAC5B;MAAA,CAAC,kBAAkB,CACjB;QAAA,CAAC,kBAAkB,CACjB;UAAA,CAAC,QAAQ,CACT;UAAA,CAAC,MAAM,IAAI,CACT,CAAC,WAAW,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,WAAW,CAAC,CACpB,MAAM,CAAC,CAAC,WAAW,CAAC,EACpB,CACH,CACH;QAAA,EAAE,kBAAkB,CACtB;MAAA,EAAE,kBAAkB,CACtB;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;IAEF,MAAM,QAAQ,GAAG,gBAAgB,CAAC;IAClC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACvD,CAAC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface AppRootProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
/**
|
|
5
|
+
* Optional registry of named modals (`{ Name: ModalComponent }`). When
|
|
6
|
+
* provided, AppRoot mounts the `ModalRouter` once at the root so any code can
|
|
7
|
+
* drive them with `showModal('Name', props)` / `hideModal('Name')`.
|
|
8
|
+
*/
|
|
9
|
+
modals?: {
|
|
10
|
+
[name: string]: React.FC<any>;
|
|
11
|
+
};
|
|
12
|
+
/** Called whenever a modal is shown (forwarded to the ModalRouter). */
|
|
13
|
+
onModalShow?: (name: string, props?: any) => void;
|
|
14
|
+
/** Called whenever a modal is hidden (forwarded to the ModalRouter). */
|
|
15
|
+
onModalHide?: (name?: string, props?: any) => void;
|
|
16
|
+
/**
|
|
17
|
+
* Extra props forwarded to app-studio's `ThemeProvider` (e.g. `theme`,
|
|
18
|
+
* `themeMode`). Kept permissive so AppRoot tracks ThemeProvider without
|
|
19
|
+
* re-declaring its surface.
|
|
20
|
+
*/
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppRoot.types.js","sourceRoot":"","sources":["../../../../src/components/AppRoot/AppRoot.types.ts"],"names":[],"mappings":""}
|