@app-studio/components 0.10.18 → 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,89 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ChatWidgetView (React Native)
|
|
3
|
+
*
|
|
4
|
+
* The web view's input is `<View as="textarea">` — on native `as` is ignored,
|
|
5
|
+
* so it renders a non-editable View and the chat isn't interactive. This native
|
|
6
|
+
* variant mirrors the same surface (messages list, context chips, attachment /
|
|
7
|
+
* context-picker / send buttons) but uses app-studio's `Input` (a real
|
|
8
|
+
* TextInput) wired to `internalInputValue` / `handleInputChange` /
|
|
9
|
+
* `handleSubmit`, so you can type and send on native.
|
|
10
|
+
*/
|
|
11
|
+
import React from 'react';
|
|
12
|
+
import { ScrollView } from 'react-native';
|
|
13
|
+
import { View, Horizontal, Vertical, Text, Input } from 'app-studio';
|
|
14
|
+
import { Variants, BubbleSizes } from './ChatWidget.style';
|
|
15
|
+
import { SendIcon, AttachmentIcon, CloseIcon, MousePointerIcon, } from '../../Icon/Icon';
|
|
16
|
+
const formatTime = (ts) => {
|
|
17
|
+
try {
|
|
18
|
+
const d = ts instanceof Date ? ts : ts ? new Date(ts) : null;
|
|
19
|
+
if (!d)
|
|
20
|
+
return '';
|
|
21
|
+
return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
|
|
22
|
+
}
|
|
23
|
+
catch {
|
|
24
|
+
return '';
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
const ChatWidgetView = ({ messages = [], inputPlaceholder = 'Type a message...', disableInput = false, variant = 'default', size = 'md', showTimestamps = true, enableAttachments = false, enableContextPicker = false, selectedContextElements = [], onContextPickerClick, onRemoveContextElement, isLoading = false, loadingText = 'Loading...', styles = {}, maxHeight = 600, internalInputValue, handleInputChange, handleSubmit, messagesRef, ...props }) => {
|
|
28
|
+
const value = internalInputValue ?? '';
|
|
29
|
+
const hasText = value.trim().length > 0;
|
|
30
|
+
const canSend = hasText && !disableInput && !isLoading;
|
|
31
|
+
const scrollRef = React.useRef(null);
|
|
32
|
+
const submit = () => {
|
|
33
|
+
if (canSend)
|
|
34
|
+
handleSubmit?.();
|
|
35
|
+
};
|
|
36
|
+
return (<Vertical backgroundColor="color-white" borderRadius={12} borderWidth={1} borderStyle="solid" borderColor="color-gray-200" overflow="hidden" {...Variants[variant]} {...styles.container} {...props}>
|
|
37
|
+
{/* Messages */}
|
|
38
|
+
<ScrollView ref={scrollRef} style={{ maxHeight: typeof maxHeight === 'number' ? maxHeight : 360 }} contentContainerStyle={{ padding: 12 }} onContentSizeChange={() => scrollRef.current?.scrollToEnd?.({ animated: true })}>
|
|
39
|
+
{messages.length === 0 ? (<Text color="color-gray-500" fontSize={14}>
|
|
40
|
+
No messages yet. Start a conversation.
|
|
41
|
+
</Text>) : (<Vertical gap={8}>
|
|
42
|
+
{messages.map((message) => {
|
|
43
|
+
const isUser = message.role === 'user';
|
|
44
|
+
return (<Vertical key={message.id} alignSelf={isUser ? 'flex-end' : 'flex-start'} maxWidth="85%" gap={2}>
|
|
45
|
+
<View paddingVertical={8} paddingHorizontal={12} borderRadius={14} backgroundColor={isUser ? 'theme-primary' : 'color-gray-100'}>
|
|
46
|
+
<Text fontSize={BubbleSizes?.[size]?.fontSize ?? 14} color={isUser ? 'color-white' : 'color-gray-800'}>
|
|
47
|
+
{message.content}
|
|
48
|
+
</Text>
|
|
49
|
+
</View>
|
|
50
|
+
{showTimestamps && message.timestamp && (<Text fontSize={10} color="color-gray-400" alignSelf={isUser ? 'flex-end' : 'flex-start'}>
|
|
51
|
+
{formatTime(message.timestamp)}
|
|
52
|
+
</Text>)}
|
|
53
|
+
</Vertical>);
|
|
54
|
+
})}
|
|
55
|
+
{isLoading && (<Text color="color-gray-500" fontSize={13}>
|
|
56
|
+
{loadingText}
|
|
57
|
+
</Text>)}
|
|
58
|
+
</Vertical>)}
|
|
59
|
+
</ScrollView>
|
|
60
|
+
|
|
61
|
+
{/* Context chips */}
|
|
62
|
+
{selectedContextElements.length > 0 && (<Horizontal gap={8} flexWrap="wrap" paddingHorizontal={12} paddingBottom={8}>
|
|
63
|
+
{selectedContextElements.map((element) => (<Horizontal key={element.id} backgroundColor="color-blue-50" borderWidth={1} borderStyle="solid" borderColor="color-blue-200" borderRadius={999} paddingVertical={6} paddingHorizontal={10} alignItems="center" gap={6}>
|
|
64
|
+
<Text fontSize={12} color="color-blue-700" fontWeight="500">
|
|
65
|
+
{element.name}
|
|
66
|
+
</Text>
|
|
67
|
+
<View onPress={() => onRemoveContextElement?.(element.id)}>
|
|
68
|
+
<CloseIcon widthHeight={12} color="color-blue-700"/>
|
|
69
|
+
</View>
|
|
70
|
+
</Horizontal>))}
|
|
71
|
+
</Horizontal>)}
|
|
72
|
+
|
|
73
|
+
{/* Input row */}
|
|
74
|
+
<Horizontal gap={8} padding={10} alignItems="flex-end" borderTopWidth={1} borderStyle="solid" borderColor="color-gray-100" {...styles.inputContainer}>
|
|
75
|
+
{enableAttachments && (<View widthHeight={36} borderRadius={8} alignItems="center" justifyContent="center" backgroundColor="color-gray-50">
|
|
76
|
+
<AttachmentIcon widthHeight={16} color="color-gray-600"/>
|
|
77
|
+
</View>)}
|
|
78
|
+
<Input flex={1} multiline value={value} onChangeText={(t) => handleInputChange?.(t)} onSubmitEditing={submit} editable={!disableInput && !isLoading} placeholder={inputPlaceholder} placeholderTextColor="color-gray-400" paddingVertical={8} paddingHorizontal={12} borderRadius={18} borderWidth={1} borderStyle="solid" borderColor="color-gray-200" backgroundColor="color-white" color="color-gray-900" maxHeight={100} opacity={disableInput || isLoading ? 0.5 : 1}/>
|
|
79
|
+
{enableContextPicker && (<View onPress={onContextPickerClick} widthHeight={36} borderRadius={8} alignItems="center" justifyContent="center" backgroundColor="color-gray-50">
|
|
80
|
+
<MousePointerIcon widthHeight={16} color="color-gray-600"/>
|
|
81
|
+
</View>)}
|
|
82
|
+
<View onPress={submit} widthHeight={40} borderRadius={999} alignItems="center" justifyContent="center" backgroundColor={canSend ? 'theme-primary' : 'color-gray-300'} opacity={canSend ? 1 : 0.6} {...styles.sendButton}>
|
|
83
|
+
<SendIcon widthHeight={16} color="color-white" filled={false}/>
|
|
84
|
+
</View>
|
|
85
|
+
</Horizontal>
|
|
86
|
+
</Vertical>);
|
|
87
|
+
};
|
|
88
|
+
export default ChatWidgetView;
|
|
89
|
+
//# sourceMappingURL=ChatWidget.view.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatWidget.view.native.js","sourceRoot":"","sources":["../../../../../src/components/ChatWidget/ChatWidget/ChatWidget.view.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EACL,QAAQ,EACR,cAAc,EACd,SAAS,EACT,gBAAgB,GACjB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,UAAU,GAAG,CAAC,EAAS,EAAE,EAAE;IAC/B,IAAI,CAAC;QACH,MAAM,CAAC,GAAG,EAAE,YAAY,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC7D,IAAI,CAAC,CAAC;YAAE,OAAO,EAAE,CAAC;QAClB,OAAO,CAAC,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IAC1E,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,cAAc,GAAkC,CAAC,EACrD,QAAQ,GAAG,EAAE,EACb,gBAAgB,GAAG,mBAAmB,EACtC,YAAY,GAAG,KAAK,EACpB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,cAAc,GAAG,IAAI,EACrB,iBAAiB,GAAG,KAAK,EACzB,mBAAmB,GAAG,KAAK,EAC3B,uBAAuB,GAAG,EAAE,EAC5B,oBAAoB,EACpB,sBAAsB,EACtB,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,YAAY,EAC1B,MAAM,GAAG,EAAE,EACX,SAAS,GAAG,GAAG,EACf,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,kBAAkB,IAAI,EAAE,CAAC;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,OAAO,IAAI,CAAC,YAAY,IAAI,CAAC,SAAS,CAAC;IACvD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAa,IAAI,CAAC,CAAC;IAEjD,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,OAAO;YAAE,YAAY,EAAE,EAAE,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,QAAQ,CACP,eAAe,CAAC,aAAa,CAC7B,YAAY,CAAC,CAAC,EAAE,CAAC,CACjB,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,QAAQ,CAAC,QAAQ,CACjB,IAAK,QAAgB,CAAC,OAAO,CAAC,CAAC,CAC/B,IAAI,MAAM,CAAC,SAAS,CAAC,CACrB,IAAK,KAAa,CAAC,CAEnB;MAAA,CAAC,cAAc,CACf;MAAA,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,SAAS,CAAC,CACf,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CACtE,qBAAqB,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACvC,mBAAmB,CAAC,CAAC,GAAG,EAAE,CACxB,SAAS,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CACrD,CAAC,CAED;QAAA,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CACxC;;UACF,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACf;YAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAgB,EAAE,EAAE;gBACjC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC;gBACvC,OAAO,CACL,CAAC,QAAQ,CACP,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAChB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAC9C,QAAQ,CAAC,KAAK,CACd,GAAG,CAAC,CAAC,CAAC,CAAC,CAEP;kBAAA,CAAC,IAAI,CACH,eAAe,CAAC,CAAC,CAAC,CAAC,CACnB,iBAAiB,CAAC,CAAC,EAAE,CAAC,CACtB,YAAY,CAAC,CAAC,EAAE,CAAC,CACjB,eAAe,CAAC,CACd,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAC7B,CAAC,CAED;oBAAA,CAAC,IAAI,CACH,QAAQ,CAAC,CAAE,WAAmB,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAC,CACvD,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAEjD;sBAAA,CAAC,OAAO,CAAC,OAAO,CAClB;oBAAA,EAAE,IAAI,CACR;kBAAA,EAAE,IAAI,CACN;kBAAA,CAAC,cAAc,IAAI,OAAO,CAAC,SAAS,IAAI,CACtC,CAAC,IAAI,CACH,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,gBAAgB,CACtB,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAE9C;sBAAA,CAAC,UAAU,CAAC,OAAO,CAAC,SAAgB,CAAC,CACvC;oBAAA,EAAE,IAAI,CAAC,CACR,CACH;gBAAA,EAAE,QAAQ,CAAC,CACZ,CAAC;YACJ,CAAC,CAAC,CACF;YAAA,CAAC,SAAS,IAAI,CACZ,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CACxC;gBAAA,CAAC,WAAW,CACd;cAAA,EAAE,IAAI,CAAC,CACR,CACH;UAAA,EAAE,QAAQ,CAAC,CACZ,CACH;MAAA,EAAE,UAAU,CAEZ;;MAAA,CAAC,mBAAmB,CACpB;MAAA,CAAC,uBAAuB,CAAC,MAAM,GAAG,CAAC,IAAI,CACrC,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,QAAQ,CAAC,MAAM,CACf,iBAAiB,CAAC,CAAC,EAAE,CAAC,CACtB,aAAa,CAAC,CAAC,CAAC,CAAC,CAEjB;UAAA,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,OAAY,EAAE,EAAE,CAAC,CAC7C,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAChB,eAAe,CAAC,eAAe,CAC/B,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,YAAY,CAAC,CAAC,GAAG,CAAC,CAClB,eAAe,CAAC,CAAC,CAAC,CAAC,CACnB,iBAAiB,CAAC,CAAC,EAAE,CAAC,CACtB,UAAU,CAAC,QAAQ,CACnB,GAAG,CAAC,CAAC,CAAC,CAAC,CAEP;cAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,CACzD;gBAAA,CAAC,OAAO,CAAC,IAAI,CACf;cAAA,EAAE,IAAI,CACN;cAAA,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,sBAAsB,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CACxD;gBAAA,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,EACpD;cAAA,EAAE,IAAI,CACR;YAAA,EAAE,UAAU,CAAC,CACd,CAAC,CACJ;QAAA,EAAE,UAAU,CAAC,CACd,CAED;;MAAA,CAAC,eAAe,CAChB;MAAA,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,OAAO,CAAC,CAAC,EAAE,CAAC,CACZ,UAAU,CAAC,UAAU,CACrB,cAAc,CAAC,CAAC,CAAC,CAAC,CAClB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,IAAI,MAAM,CAAC,cAAc,CAAC,CAE1B;QAAA,CAAC,iBAAiB,IAAI,CACpB,CAAC,IAAI,CACH,WAAW,CAAC,CAAC,EAAE,CAAC,CAChB,YAAY,CAAC,CAAC,CAAC,CAAC,CAChB,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,eAAe,CAAC,eAAe,CAE/B;YAAA,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,EACzD;UAAA,EAAE,IAAI,CAAC,CACR,CACD;QAAA,CAAC,KAAK,CACJ,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,SAAS,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,CACpD,eAAe,CAAC,CAAC,MAAM,CAAC,CACxB,QAAQ,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,SAAS,CAAC,CACtC,WAAW,CAAC,CAAC,gBAAgB,CAAC,CAC9B,oBAAoB,CAAC,gBAAgB,CACrC,eAAe,CAAC,CAAC,CAAC,CAAC,CACnB,iBAAiB,CAAC,CAAC,EAAE,CAAC,CACtB,YAAY,CAAC,CAAC,EAAE,CAAC,CACjB,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,eAAe,CAAC,aAAa,CAC7B,KAAK,CAAC,gBAAgB,CACtB,SAAS,CAAC,CAAC,GAAG,CAAC,CACf,OAAO,CAAC,CAAC,YAAY,IAAI,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAE/C;QAAA,CAAC,mBAAmB,IAAI,CACtB,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,oBAAoB,CAAC,CAC9B,WAAW,CAAC,CAAC,EAAE,CAAC,CAChB,YAAY,CAAC,CAAC,CAAC,CAAC,CAChB,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,eAAe,CAAC,eAAe,CAE/B;YAAA,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,EAC3D;UAAA,EAAE,IAAI,CAAC,CACR,CACD;QAAA,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,WAAW,CAAC,CAAC,EAAE,CAAC,CAChB,YAAY,CAAC,CAAC,GAAG,CAAC,CAClB,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAC9D,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAC3B,IAAI,MAAM,CAAC,UAAU,CAAC,CAEtB;UAAA,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EAC/D;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,UAAU,CACd;IAAA,EAAE,QAAQ,CAAC,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ChatWidgetWidget (React Native)
|
|
3
|
+
*
|
|
4
|
+
* The web widget uses `position: fixed` (unsupported on RN, so it never
|
|
5
|
+
* floats), `backdropFilter: blur` and DOM element-selection. This native
|
|
6
|
+
* variant is a self-contained floating chat: a circular FAB anchored to the
|
|
7
|
+
* bottom-right of its container that opens/closes a chat panel on press, with
|
|
8
|
+
* a scrollable message list and a text input. No DOM / fixed / blur.
|
|
9
|
+
*/
|
|
10
|
+
import React from 'react';
|
|
11
|
+
import type { Message } from '../ChatWidget/ChatWidget.type';
|
|
12
|
+
interface ChatWidgetWidgetProps {
|
|
13
|
+
initialMessages?: Message[];
|
|
14
|
+
onSendMessage?: (message: string, contextElements: any[]) => void;
|
|
15
|
+
bubbleSize?: 'sm' | 'md' | 'lg';
|
|
16
|
+
}
|
|
17
|
+
export declare const ChatWidgetWidget: React.FC<ChatWidgetWidgetProps>;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ChatWidgetWidget (React Native)
|
|
3
|
+
*
|
|
4
|
+
* The web widget uses `position: fixed` (unsupported on RN, so it never
|
|
5
|
+
* floats), `backdropFilter: blur` and DOM element-selection. This native
|
|
6
|
+
* variant is a self-contained floating chat: a circular FAB anchored to the
|
|
7
|
+
* bottom-right of its container that opens/closes a chat panel on press, with
|
|
8
|
+
* a scrollable message list and a text input. No DOM / fixed / blur.
|
|
9
|
+
*/
|
|
10
|
+
import React, { useRef, useState } from 'react';
|
|
11
|
+
import { ScrollView } from 'react-native';
|
|
12
|
+
import { View, Text, Vertical, Horizontal, Input } from 'app-studio';
|
|
13
|
+
import { PanelIcon, CloseIcon, SendIcon } from '../../Icon/Icon';
|
|
14
|
+
export const ChatWidgetWidget = ({ initialMessages = [], onSendMessage, }) => {
|
|
15
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
16
|
+
const [messages, setMessages] = useState(initialMessages);
|
|
17
|
+
const [draft, setDraft] = useState('');
|
|
18
|
+
const scrollRef = useRef(null);
|
|
19
|
+
const handleSubmit = () => {
|
|
20
|
+
const content = draft.trim();
|
|
21
|
+
if (!content)
|
|
22
|
+
return;
|
|
23
|
+
const userMessage = {
|
|
24
|
+
id: Date.now().toString(),
|
|
25
|
+
role: 'user',
|
|
26
|
+
content,
|
|
27
|
+
timestamp: new Date(),
|
|
28
|
+
};
|
|
29
|
+
setMessages((prev) => [...prev, userMessage]);
|
|
30
|
+
setDraft('');
|
|
31
|
+
onSendMessage?.(content, []);
|
|
32
|
+
// Simulated assistant echo so the demo is interactive.
|
|
33
|
+
setTimeout(() => {
|
|
34
|
+
setMessages((prev) => [
|
|
35
|
+
...prev,
|
|
36
|
+
{
|
|
37
|
+
id: (Date.now() + 1).toString(),
|
|
38
|
+
role: 'assistant',
|
|
39
|
+
content: `You said: "${content}"`,
|
|
40
|
+
timestamp: new Date(),
|
|
41
|
+
},
|
|
42
|
+
]);
|
|
43
|
+
scrollRef.current?.scrollToEnd?.({ animated: true });
|
|
44
|
+
}, 600);
|
|
45
|
+
};
|
|
46
|
+
return (<View position="absolute" bottom={24} right={24} zIndex={9999} alignItems="flex-end">
|
|
47
|
+
{/* Chat panel */}
|
|
48
|
+
{isOpen && (<View width={300} height={420} marginBottom={16} backgroundColor="color-white" borderRadius={20} borderWidth={1} borderStyle="solid" borderColor="color-gray-200" overflow="hidden" shadow={0.25}>
|
|
49
|
+
{/* Header */}
|
|
50
|
+
<Horizontal padding={14} justifyContent="space-between" alignItems="center" borderBottomWidth={1} borderStyle="solid" borderColor="color-gray-100" backgroundColor="color-gray-50">
|
|
51
|
+
<Text fontWeight="700" color="color-gray-800">
|
|
52
|
+
Assistant
|
|
53
|
+
</Text>
|
|
54
|
+
<View onPress={() => setIsOpen(false)} padding={4} borderRadius={999}>
|
|
55
|
+
<CloseIcon widthHeight={18} color="color-gray-500"/>
|
|
56
|
+
</View>
|
|
57
|
+
</Horizontal>
|
|
58
|
+
|
|
59
|
+
{/* Messages */}
|
|
60
|
+
<ScrollView ref={scrollRef} style={{ flex: 1 }} contentContainerStyle={{ padding: 12 }} onContentSizeChange={() => scrollRef.current?.scrollToEnd?.({ animated: true })}>
|
|
61
|
+
<Vertical gap={8}>
|
|
62
|
+
{messages.length === 0 && (<Text color="color-gray-400" fontSize={13}>
|
|
63
|
+
Send a message to start the conversation.
|
|
64
|
+
</Text>)}
|
|
65
|
+
{messages.map((m) => {
|
|
66
|
+
const isUser = m.role === 'user';
|
|
67
|
+
return (<View key={m.id} alignSelf={isUser ? 'flex-end' : 'flex-start'} maxWidth="80%" paddingVertical={8} paddingHorizontal={12} borderRadius={14} backgroundColor={isUser ? 'theme-primary' : 'color-gray-100'}>
|
|
68
|
+
<Text fontSize={14} color={isUser ? 'color-white' : 'color-gray-800'}>
|
|
69
|
+
{m.content}
|
|
70
|
+
</Text>
|
|
71
|
+
</View>);
|
|
72
|
+
})}
|
|
73
|
+
</Vertical>
|
|
74
|
+
</ScrollView>
|
|
75
|
+
|
|
76
|
+
{/* Input row */}
|
|
77
|
+
<Horizontal gap={8} padding={10} alignItems="center" borderTopWidth={1} borderStyle="solid" borderColor="color-gray-100">
|
|
78
|
+
<Input flex={1} value={draft} onChangeText={setDraft} placeholder="Type a message…" placeholderTextColor="color-gray-400" paddingVertical={8} paddingHorizontal={12} borderRadius={999} borderWidth={1} borderStyle="solid" borderColor="color-gray-200" backgroundColor="color-white" color="color-gray-900" onSubmitEditing={handleSubmit} returnKeyType="send"/>
|
|
79
|
+
<View onPress={handleSubmit} widthHeight={40} borderRadius={999} backgroundColor="theme-primary" alignItems="center" justifyContent="center">
|
|
80
|
+
<SendIcon widthHeight={18} color="color-white"/>
|
|
81
|
+
</View>
|
|
82
|
+
</Horizontal>
|
|
83
|
+
</View>)}
|
|
84
|
+
|
|
85
|
+
{/* Floating action button */}
|
|
86
|
+
<View onPress={() => setIsOpen((v) => !v)} widthHeight={56} borderRadius={999} backgroundColor="theme-primary" alignItems="center" justifyContent="center" shadow={0.2}>
|
|
87
|
+
{isOpen ? (<CloseIcon widthHeight={24} color="color-white"/>) : (<PanelIcon widthHeight={24} color="color-white"/>)}
|
|
88
|
+
</View>
|
|
89
|
+
</View>);
|
|
90
|
+
};
|
|
91
|
+
//# sourceMappingURL=ChatWidgetWidget.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatWidgetWidget.native.js","sourceRoot":"","sources":["../../../../../src/components/ChatWidget/Widget/ChatWidgetWidget.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AASjE,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,eAAe,GAAG,EAAE,EACpB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAY,eAAe,CAAC,CAAC;IACrE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7B,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,WAAW,GAAY;YAC3B,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE;YACzB,IAAI,EAAE,MAAM;YACZ,OAAO;YACP,SAAS,EAAE,IAAI,IAAI,EAAE;SACX,CAAC;QACb,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;QAC9C,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAE7B,uDAAuD;QACvD,UAAU,CAAC,GAAG,EAAE;YACd,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;gBACpB,GAAG,IAAI;gBACP;oBACE,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE;oBAC/B,IAAI,EAAE,WAAW;oBACjB,OAAO,EAAE,cAAc,OAAO,GAAG;oBACjC,SAAS,EAAE,IAAI,IAAI,EAAE;iBACX;aACb,CAAC,CAAC;YACH,SAAS,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QACvD,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,QAAQ,CAAC,UAAU,CACnB,MAAM,CAAC,CAAC,EAAE,CAAC,CACX,KAAK,CAAC,CAAC,EAAE,CAAC,CACV,MAAM,CAAC,CAAC,IAAI,CAAC,CACb,UAAU,CAAC,UAAU,CAErB;MAAA,CAAC,gBAAgB,CACjB;MAAA,CAAC,MAAM,IAAI,CACT,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,GAAG,CAAC,CACX,MAAM,CAAC,CAAC,GAAG,CAAC,CACZ,YAAY,CAAC,CAAC,EAAE,CAAC,CACjB,eAAe,CAAC,aAAa,CAC7B,YAAY,CAAC,CAAC,EAAE,CAAC,CACjB,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,QAAQ,CAAC,QAAQ,CACjB,MAAM,CAAC,CAAC,IAAI,CAAC,CAEb;UAAA,CAAC,YAAY,CACb;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,EAAE,CAAC,CACZ,cAAc,CAAC,eAAe,CAC9B,UAAU,CAAC,QAAQ,CACnB,iBAAiB,CAAC,CAAC,CAAC,CAAC,CACrB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,eAAe,CAAC,eAAe,CAE/B;YAAA,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAC3C;;YACF,EAAE,IAAI,CACN;YAAA,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAChC,OAAO,CAAC,CAAC,CAAC,CAAC,CACX,YAAY,CAAC,CAAC,GAAG,CAAC,CAElB;cAAA,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB,EACpD;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,UAAU,CAEZ;;UAAA,CAAC,cAAc,CACf;UAAA,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,SAAS,CAAC,CACf,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CACnB,qBAAqB,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACvC,mBAAmB,CAAC,CAAC,GAAG,EAAE,CACxB,SAAS,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CACrD,CAAC,CAED;YAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACf;cAAA,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CACxB,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CACxC;;gBACF,EAAE,IAAI,CAAC,CACR,CACD;cAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBAClB,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC;gBACjC,OAAO,CACL,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CACV,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAC9C,QAAQ,CAAC,KAAK,CACd,eAAe,CAAC,CAAC,CAAC,CAAC,CACnB,iBAAiB,CAAC,CAAC,EAAE,CAAC,CACtB,YAAY,CAAC,CAAC,EAAE,CAAC,CACjB,eAAe,CAAC,CACd,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAC7B,CAAC,CAED;oBAAA,CAAC,IAAI,CACH,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAEjD;sBAAA,CAAC,CAAC,CAAC,OAAO,CACZ;oBAAA,EAAE,IAAI,CACR;kBAAA,EAAE,IAAI,CAAC,CACR,CAAC;YACJ,CAAC,CAAC,CACJ;YAAA,EAAE,QAAQ,CACZ;UAAA,EAAE,UAAU,CAEZ;;UAAA,CAAC,eAAe,CAChB;UAAA,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,OAAO,CAAC,CAAC,EAAE,CAAC,CACZ,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,CAAC,CAAC,CAAC,CAClB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAE5B;YAAA,CAAC,KAAK,CACJ,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,QAAQ,CAAC,CACvB,WAAW,CAAC,iBAAiB,CAC7B,oBAAoB,CAAC,gBAAgB,CACrC,eAAe,CAAC,CAAC,CAAC,CAAC,CACnB,iBAAiB,CAAC,CAAC,EAAE,CAAC,CACtB,YAAY,CAAC,CAAC,GAAG,CAAC,CAClB,WAAW,CAAC,CAAC,CAAC,CAAC,CACf,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,eAAe,CAAC,aAAa,CAC7B,KAAK,CAAC,gBAAgB,CACtB,eAAe,CAAC,CAAC,YAAY,CAAC,CAC9B,aAAa,CAAC,MAAM,EAEtB;YAAA,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,YAAY,CAAC,CACtB,WAAW,CAAC,CAAC,EAAE,CAAC,CAChB,YAAY,CAAC,CAAC,GAAG,CAAC,CAClB,eAAe,CAAC,eAAe,CAC/B,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CAEvB;cAAA,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,EAChD;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,UAAU,CACd;QAAA,EAAE,IAAI,CAAC,CACR,CAED;;MAAA,CAAC,4BAA4B,CAC7B;MAAA,CAAC,IAAI,CACH,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CACpC,WAAW,CAAC,CAAC,EAAE,CAAC,CAChB,YAAY,CAAC,CAAC,GAAG,CAAC,CAClB,eAAe,CAAC,eAAe,CAC/B,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,MAAM,CAAC,CAAC,GAAG,CAAC,CAEZ;QAAA,CAAC,MAAM,CAAC,CAAC,CAAC,CACR,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,EAAG,CACnD,CAAC,CAAC,CAAC,CACF,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,EAAG,CACnD,CACH;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -61,6 +61,9 @@ export function useContextSelector({ onSelect, onCancel, active, }) {
|
|
|
61
61
|
}
|
|
62
62
|
}, [active, onCancel]);
|
|
63
63
|
useEffect(() => {
|
|
64
|
+
// `document` is web-only; the inspector overlay is a no-op on React Native.
|
|
65
|
+
if (typeof document === 'undefined')
|
|
66
|
+
return;
|
|
64
67
|
if (active) {
|
|
65
68
|
document.addEventListener('mousemove', handleMouseMove);
|
|
66
69
|
document.addEventListener('click', handleClick, true); // Capture phase to prevent default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useContextSelector.js","sourceRoot":"","sources":["../../../../../src/components/ChatWidget/Widget/useContextSelector.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useContextSelector.js","sourceRoot":"","sources":["../../../../../src/components/ChatWidget/Widget/useContextSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAexE,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,MAAM,GACkB;IACxB,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAC/C,QAAQ,CAAwB,IAAI,CAAC,CAAC;IACxC,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,uDAAuD;IACvD,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAa,EAAE,EAAE;QAChB,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CACtC,CAAC,CAAC,OAAO,EACT,CAAC,CAAC,OAAO,CACK,CAAC;QAEjB,uDAAuD;QACvD,IACE,CAAC,MAAM;YACP,MAAM,KAAK,QAAQ,CAAC,IAAI;YACxB,MAAM,CAAC,OAAO,CAAC,iCAAiC,CAAC;YACjD,MAAM,CAAC,OAAO,CAAC,qBAAqB,CAAC,EACrC,CAAC;YACD,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;QAE5C,yBAAyB;QACzB,IAAI,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QACxC,IAAI,MAAM,CAAC,EAAE;YAAE,IAAI,IAAI,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;aAClC,IAAI,MAAM,CAAC,SAAS,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;YAClE,wCAAwC;YACxC,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAClD,IAAI,UAAU;gBAAE,IAAI,IAAI,IAAI,UAAU,EAAE,CAAC;QAC3C,CAAC;QAED,wDAAwD;QACxD,MAAM,IAAI,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5C,IAAI,IAAI;YAAE,IAAI,IAAI,MAAM,IAAI,OAAO,CAAC;QAEpC,qBAAqB,CAAC;YACpB,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,MAAM,IAAI,CAAC,GAAG,EAAE,EAAE;YACnC,IAAI;YACJ,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE;YACrC,IAAI;SACL,CAAC,CAAC;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,yBAAyB;IACzB,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,CAAa,EAAE,EAAE;QAChB,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,yDAAyD;QACzD,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,IAAI,MAAM,CAAC,OAAO,CAAC,iCAAiC,CAAC,EAAE,CAAC;YACtD,OAAO;QACT,CAAC;QAED,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,IAAI,kBAAkB,EAAE,CAAC;YACvB,QAAQ,CAAC,kBAAkB,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,kBAAkB,EAAE,QAAQ,CAAC,CACvC,CAAC;IAEF,0BAA0B;IAC1B,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAgB,EAAE,EAAE;QACnB,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACvB,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,CAAC,CACnB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,4EAA4E;QAC5E,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO;QAC5C,IAAI,MAAM,EAAE,CAAC;YACX,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YACxD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,mCAAmC;YAC1F,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACpD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC5B,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;YACzD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACvD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;QAClC,CAAC;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;YACzD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACvD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1D,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAChC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,GAGR;IACC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,CAAC,GAAG,CACF,EAAE,CAAC,oBAAoB,CACvB,KAAK,CAAC,CAAC;YACL,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG;YACrB,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YACvB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;YACzB,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;YAC3B,MAAM,EAAE,mBAAmB;YAC3B,eAAe,EAAE,yBAAyB;YAC1C,aAAa,EAAE,MAAM;YACrB,MAAM,EAAE,KAAK;YACb,UAAU,EACR,kFAAkF;YACpF,YAAY,EAAE,KAAK;SACpB,CAAC,CAEF;MAAA,CAAC,GAAG,CACF,KAAK,CAAC,CAAC;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,OAAO;YACZ,IAAI,EAAE,GAAG;YACT,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,QAAQ;YACtB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,QAAQ;SACrB,CAAC,CAEF;QAAA,CAAC,OAAO,CAAC,IAAI,CACf;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -19,7 +19,8 @@ export const useColorPickerState = (props) => {
|
|
|
19
19
|
}
|
|
20
20
|
}, [controlledIsOpen]);
|
|
21
21
|
useEffect(() => {
|
|
22
|
-
|
|
22
|
+
// `localStorage` is web-only; on React Native recent colors start empty.
|
|
23
|
+
if (showRecentColors && typeof localStorage !== 'undefined') {
|
|
23
24
|
const stored = localStorage.getItem('colorPicker-recentColors');
|
|
24
25
|
if (stored) {
|
|
25
26
|
try {
|
|
@@ -30,6 +31,11 @@ export const useColorPickerState = (props) => {
|
|
|
30
31
|
}
|
|
31
32
|
}, [showRecentColors]);
|
|
32
33
|
useEffect(() => {
|
|
34
|
+
// `document` is web-only; on native the dropdown closes via selection/toggle.
|
|
35
|
+
if (typeof document === 'undefined' ||
|
|
36
|
+
typeof document.addEventListener !== 'function') {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
33
39
|
const handleClickOutside = (event) => {
|
|
34
40
|
if (isOpen &&
|
|
35
41
|
triggerRef.current &&
|
|
@@ -48,7 +54,9 @@ export const useColorPickerState = (props) => {
|
|
|
48
54
|
setRecentColors((prev) => {
|
|
49
55
|
const filtered = prev.filter((c) => c !== color);
|
|
50
56
|
const newRecent = [color, ...filtered].slice(0, maxRecentColors);
|
|
51
|
-
localStorage
|
|
57
|
+
if (typeof localStorage !== 'undefined') {
|
|
58
|
+
localStorage.setItem('colorPicker-recentColors', JSON.stringify(newRecent));
|
|
59
|
+
}
|
|
52
60
|
return newRecent;
|
|
53
61
|
});
|
|
54
62
|
}, [showRecentColors, maxRecentColors]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.state.js","sourceRoot":"","sources":["../../../../../src/components/ColorPicker/ColorPicker/ColorPicker.state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEjE,iMAAiM;AACjM,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC7D,MAAM,EACJ,KAAK,EACL,YAAY,GAAG,EAAE,EACjB,QAAQ,EACR,gBAAgB,EAChB,MAAM,EAAE,gBAAgB,EACxB,MAAM,EACN,OAAO,EACP,aAAa,GAAG,IAAI,EACpB,eAAe,GAAG,CAAC,EACnB,gBAAgB,GAAG,IAAI,GACxB,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,gBAAgB,IAAI,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,YAAY,CAAC,CAAC;IAC1E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACnC,SAAS,CAAC,gBAAgB,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"ColorPicker.state.js","sourceRoot":"","sources":["../../../../../src/components/ColorPicker/ColorPicker/ColorPicker.state.ts"],"names":[],"mappings":"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"}
|
|
@@ -30,6 +30,11 @@ export const DefaultColorPickerStyles = {
|
|
|
30
30
|
colorGrid: {
|
|
31
31
|
display: 'grid',
|
|
32
32
|
gridTemplateColumns: 'repeat(6, 36px)',
|
|
33
|
+
// Native has no CSS grid; row + wrap of fixed-width swatches reproduces the
|
|
34
|
+
// grid (these flex props are ignored under `display:grid` on web).
|
|
35
|
+
flexDirection: 'row',
|
|
36
|
+
flexWrap: 'wrap',
|
|
37
|
+
justifyContent: 'flex-start',
|
|
33
38
|
gap: '12px',
|
|
34
39
|
marginBottom: '16px',
|
|
35
40
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.style.js","sourceRoot":"","sources":["../../../../../src/components/ColorPicker/ColorPicker/ColorPicker.style.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ColorPicker.style.js","sourceRoot":"","sources":["../../../../../src/components/ColorPicker/ColorPicker/ColorPicker.style.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,10 @@ import { View, Horizontal, Text } from 'app-studio';
|
|
|
3
3
|
import { DefaultColorPickerStyles, Sizes, Shapes, Variants, DefaultColorPalette, } from './ColorPicker.style';
|
|
4
4
|
import { TextField } from '../../Form/TextField/TextField';
|
|
5
5
|
import { ChevronIcon } from '../../Icon/Icon';
|
|
6
|
+
const canRenderBrowserColorInput = typeof navigator !== 'undefined' &&
|
|
7
|
+
navigator.product !== 'ReactNative' &&
|
|
8
|
+
typeof document !== 'undefined' &&
|
|
9
|
+
typeof document.createElement === 'function';
|
|
6
10
|
// Defines the `ColorPickerView` functional component, responsible for rendering the UI of the color picker based on provided props.
|
|
7
11
|
const ColorPickerView = ({ id, name, label, placeholder = 'Select a color', helperText, views = {}, size = 'md', shape = 'default', variant = 'default', error = false, isDisabled = false, isReadOnly = false, predefinedColors = DefaultColorPalette, showCustomInput = true, showRecentColors = true, isOpen, selectedColor, recentColors, customColor, handleToggle, handleColorSelect, handleCustomColorChange, handleCustomColorSubmit, handleClose, triggerRef, dropdownRef, onChange, onChangeComplete, onOpen, onClose, colorFormat, maxRecentColors, closeOnSelect, defaultValue, value, ...props }) => {
|
|
8
12
|
// Merges default container styles with any custom styles provided through props for the main component wrapper.
|
|
@@ -67,23 +71,26 @@ const ColorPickerView = ({ id, name, label, placeholder = 'Select a color', help
|
|
|
67
71
|
</View>
|
|
68
72
|
{showCustomInput && (<View {...DefaultColorPickerStyles.customInput} {...views?.customInput}>
|
|
69
73
|
<Horizontal gap={8} alignItems="center" marginBottom="10px">
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
74
|
+
{/* Native color picker input is web-only (`<input type="color">`).
|
|
75
|
+
On React Native it is omitted; the hex TextField below covers
|
|
76
|
+
custom color entry there. */}
|
|
77
|
+
{canRenderBrowserColorInput && (<input type="color" value={customColor || '#1D4ED8'} onChange={(e) => {
|
|
78
|
+
const color = e.target.value;
|
|
79
|
+
handleCustomColorChange(color);
|
|
80
|
+
handleColorSelect(color);
|
|
81
|
+
}} style={{
|
|
82
|
+
width: '36px',
|
|
83
|
+
height: '36px',
|
|
84
|
+
border: '1px solid #E5E7EB',
|
|
85
|
+
borderRadius: '8px',
|
|
86
|
+
cursor: 'pointer',
|
|
87
|
+
backgroundColor: 'transparent',
|
|
88
|
+
}} title="Pick a color"/>)}
|
|
82
89
|
<Text fontSize="12px" lineHeight="16px" color="color-gray-500">
|
|
83
90
|
HEX
|
|
84
91
|
</Text>
|
|
85
92
|
</Horizontal>
|
|
86
|
-
<TextField placeholder="#1D4ED8" value={customColor} onChange={(e) => handleCustomColorChange(e
|
|
93
|
+
<TextField placeholder="#1D4ED8" value={customColor} onChange={(e) => handleCustomColorChange(typeof e === 'string' ? e : e?.target?.value ?? '')} onKeyPress={(e) => {
|
|
87
94
|
if (e.key === 'Enter') {
|
|
88
95
|
handleCustomColorSubmit();
|
|
89
96
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.view.js","sourceRoot":"","sources":["../../../../../src/components/ColorPicker/ColorPicker/ColorPicker.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAY,IAAI,EAAE,MAAM,YAAY,CAAC;AAE9D,OAAO,EACL,wBAAwB,EACxB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"ColorPicker.view.js","sourceRoot":"","sources":["../../../../../src/components/ColorPicker/ColorPicker/ColorPicker.view.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View, Horizontal, Text } from 'app-studio';
|
|
3
|
+
import { DefaultColorPickerStyles, Sizes, Shapes, Variants, DefaultColorPalette, } from './ColorPicker.style';
|
|
4
|
+
import { TextField } from '../../Form/TextField/TextField';
|
|
5
|
+
import { ChevronIcon } from '../../Icon/Icon';
|
|
6
|
+
import { ActionSheet } from '../../ActionSheet/ActionSheet';
|
|
7
|
+
const nativeNoInitialFocusProps = { focusable: false };
|
|
8
|
+
// React Native ColorPicker: trigger stays inline, the palette opens as a bottom
|
|
9
|
+
// sheet (ActionSheet) — the default native overlay behaviour — instead of an
|
|
10
|
+
// absolutely-positioned dropdown. The web-only `<input type="color">` is omitted;
|
|
11
|
+
// the hex TextField covers custom entry on native.
|
|
12
|
+
const ColorPickerView = ({ id, name, label, placeholder = 'Select a color', helperText, views = {}, size = 'md', shape = 'default', variant = 'default', error = false, isDisabled = false, isReadOnly = false, predefinedColors = DefaultColorPalette, showCustomInput = true, showRecentColors = true, isOpen, selectedColor, recentColors, customColor, handleToggle, handleColorSelect, handleCustomColorChange, handleCustomColorSubmit, handleClose, triggerRef, dropdownRef, onChange, onChangeComplete, onOpen, onClose, colorFormat, maxRecentColors, closeOnSelect, defaultValue, value, ...props }) => {
|
|
13
|
+
const containerStyles = {
|
|
14
|
+
...DefaultColorPickerStyles.container,
|
|
15
|
+
...views?.container,
|
|
16
|
+
};
|
|
17
|
+
const triggerStyles = {
|
|
18
|
+
...DefaultColorPickerStyles.trigger,
|
|
19
|
+
...Sizes[size],
|
|
20
|
+
...Shapes[shape],
|
|
21
|
+
...Variants[variant],
|
|
22
|
+
...(error && { borderColor: 'color-red-500' }),
|
|
23
|
+
...(isDisabled && { opacity: 0.6 }),
|
|
24
|
+
...views?.trigger,
|
|
25
|
+
};
|
|
26
|
+
const colorGridStyles = {
|
|
27
|
+
flexDirection: 'row',
|
|
28
|
+
flexWrap: 'wrap',
|
|
29
|
+
justifyContent: 'flex-start',
|
|
30
|
+
gap: 12,
|
|
31
|
+
paddingBottom: 16,
|
|
32
|
+
...views?.colorGrid,
|
|
33
|
+
};
|
|
34
|
+
const recentColorsStyles = {
|
|
35
|
+
borderTopWidth: 1,
|
|
36
|
+
borderStyle: 'solid',
|
|
37
|
+
borderTopColor: 'color-gray-100',
|
|
38
|
+
paddingTop: 12,
|
|
39
|
+
...views?.recentColors,
|
|
40
|
+
};
|
|
41
|
+
const displayColor = selectedColor || 'color-gray-200';
|
|
42
|
+
const sheetHeader = showCustomInput ? (<View paddingHorizontal={16} paddingBottom={12} {...DefaultColorPickerStyles.customInput} {...views?.customInput}>
|
|
43
|
+
<Horizontal gap={8} alignItems="center" marginBottom="10px">
|
|
44
|
+
<Text fontSize="12px" lineHeight="16px" color="color-gray-500">
|
|
45
|
+
HEX
|
|
46
|
+
</Text>
|
|
47
|
+
</Horizontal>
|
|
48
|
+
<TextField placeholder="#1D4ED8" value={customColor} onChange={(e) => handleCustomColorChange(typeof e === 'string' ? e : e?.target?.value ?? '')} size="sm" isAutoFocus={false} autoFocus={false} right={customColor ? (<View width="18px" height="18px" borderRadius="6px" backgroundColor={customColor} borderWidth="1px" borderStyle="solid" borderColor="color-gray-200" onPress={handleCustomColorSubmit} onClick={handleCustomColorSubmit}/>) : undefined}/>
|
|
49
|
+
</View>) : undefined;
|
|
50
|
+
return (<View {...containerStyles} {...props}>
|
|
51
|
+
{label && (<Text fontSize="12px" lineHeight="16px" fontWeight="500" color="color-gray-600" marginBottom="6px" {...views?.label}>
|
|
52
|
+
{label}
|
|
53
|
+
</Text>)}
|
|
54
|
+
<View ref={triggerRef} onPress={isDisabled || isReadOnly ? undefined : handleToggle} onClick={isDisabled || isReadOnly ? undefined : handleToggle} {...triggerStyles} {...nativeNoInitialFocusProps}>
|
|
55
|
+
<Horizontal alignItems="center" gap={8}>
|
|
56
|
+
<View width="24px" height="24px" borderRadius="8px" backgroundColor={displayColor} borderWidth="1px" borderStyle="solid" borderColor="color-gray-200"/>
|
|
57
|
+
<Text color={selectedColor ? 'color-gray-900' : 'color-gray-500'} fontSize="inherit">
|
|
58
|
+
{selectedColor || placeholder}
|
|
59
|
+
</Text>
|
|
60
|
+
</Horizontal>
|
|
61
|
+
{!isReadOnly && !isDisabled && (<ChevronIcon widthHeight={16} color="color-gray-500" orientation={isOpen ? 'up' : 'down'}/>)}
|
|
62
|
+
</View>
|
|
63
|
+
|
|
64
|
+
<ActionSheet isOpen={isOpen} onClose={handleClose} title={typeof label === 'string' ? label : 'Select a color'} size={size === 'xs' || size === 'sm' ? 'sm' : 'md'} maxHeight="82%" showCancel header={sheetHeader} views={{ sheet: views?.dropdown }}>
|
|
65
|
+
<View ref={dropdownRef} paddingHorizontal={16} paddingBottom={12}>
|
|
66
|
+
<View {...colorGridStyles}>
|
|
67
|
+
{predefinedColors.map((colorOption, index) => (<View key={index} width="44px" height="44px" borderRadius="14px" backgroundColor={colorOption.value} borderWidth={selectedColor === colorOption.value ? '2px' : '1px'} borderStyle="solid" borderColor={selectedColor === colorOption.value
|
|
68
|
+
? 'theme-primary'
|
|
69
|
+
: 'color-gray-200'} onPress={() => handleColorSelect(colorOption.value)} onClick={() => handleColorSelect(colorOption.value)} {...views?.colorSwatch}/>))}
|
|
70
|
+
</View>
|
|
71
|
+
{showRecentColors && recentColors.length > 0 && (<View {...recentColorsStyles}>
|
|
72
|
+
<Text fontSize="11px" lineHeight="16px" fontWeight="500" color="color-gray-500" marginBottom="8px">
|
|
73
|
+
Recent Colors
|
|
74
|
+
</Text>
|
|
75
|
+
<Horizontal gap={8} flexWrap="wrap">
|
|
76
|
+
{recentColors.map((color, index) => (<View key={index} width="32px" height="32px" borderRadius="10px" backgroundColor={color} borderWidth="1px" borderStyle="solid" borderColor="color-gray-200" onPress={() => handleColorSelect(color)} onClick={() => handleColorSelect(color)}/>))}
|
|
77
|
+
</Horizontal>
|
|
78
|
+
</View>)}
|
|
79
|
+
</View>
|
|
80
|
+
</ActionSheet>
|
|
81
|
+
|
|
82
|
+
{helperText && (<Text fontSize="11px" lineHeight="16px" color={error ? 'color-red-500' : 'color-gray-500'} marginTop="4px" {...views?.helperText}>
|
|
83
|
+
{helperText}
|
|
84
|
+
</Text>)}
|
|
85
|
+
</View>);
|
|
86
|
+
};
|
|
87
|
+
export default ColorPickerView;
|
|
88
|
+
//# sourceMappingURL=ColorPicker.view.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorPicker.view.native.js","sourceRoot":"","sources":["../../../../../src/components/ColorPicker/ColorPicker/ColorPicker.view.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -65,15 +65,25 @@ export const useCommandState = ({ open, onOpenChange, groups = [], commands = []
|
|
|
65
65
|
}
|
|
66
66
|
}, [open, filteredCommands, selectedIndex, onOpenChange]);
|
|
67
67
|
useEffect(() => {
|
|
68
|
+
// `document` is web-only; on React Native there is no global event target
|
|
69
|
+
// to listen to, so skip attaching the listener (and creating a cleanup
|
|
70
|
+
// that references it).
|
|
71
|
+
// Hermes/Expo defines a partial `document` without `addEventListener`.
|
|
72
|
+
if (typeof document?.addEventListener !== 'function')
|
|
73
|
+
return;
|
|
68
74
|
document.addEventListener('keydown', handleKeyDown);
|
|
69
75
|
return () => {
|
|
70
76
|
document.removeEventListener('keydown', handleKeyDown);
|
|
71
77
|
};
|
|
72
78
|
}, [handleKeyDown]);
|
|
73
79
|
useEffect(() => {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
80
|
+
// `querySelector`/`scrollIntoView` are DOM-only; on React Native the ref
|
|
81
|
+
// resolves to a component instance without these methods.
|
|
82
|
+
const node = listRef.current;
|
|
83
|
+
if (node && typeof node.querySelector === 'function' && open) {
|
|
84
|
+
const selectedElement = node.querySelector(`[data-index="${selectedIndex}"]`);
|
|
85
|
+
if (selectedElement &&
|
|
86
|
+
typeof selectedElement.scrollIntoView === 'function') {
|
|
77
87
|
selectedElement.scrollIntoView({ block: 'nearest' });
|
|
78
88
|
}
|
|
79
89
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Command.state.js","sourceRoot":"","sources":["../../../../../src/components/Command/Command/Command.state.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Command.state.js","sourceRoot":"","sources":["../../../../../src/components/Command/Command/Command.state.ts"],"names":[],"mappings":"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"}
|