@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.
Files changed (325) hide show
  1. package/dist/fonts/mulish-subset.woff2 +0 -0
  2. package/dist/illustrations/cross-platform.svg +37 -0
  3. package/dist/index.d.ts +276 -6
  4. package/dist/native/components/Accordion/Accordion/Accordion.view.native.js +72 -8
  5. package/dist/native/components/Accordion/Accordion/Accordion.view.native.js.map +1 -1
  6. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.props.d.ts +36 -0
  7. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.props.js +2 -0
  8. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.props.js.map +1 -0
  9. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.state.d.ts +8 -0
  10. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.state.js +33 -0
  11. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.state.js.map +1 -0
  12. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.style.d.ts +17 -0
  13. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.style.js +39 -0
  14. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.style.js.map +1 -0
  15. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.type.d.ts +37 -0
  16. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.type.js +2 -0
  17. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.type.js.map +1 -0
  18. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.d.ts +4 -0
  19. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.js +122 -0
  20. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.js.map +1 -0
  21. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.native.d.ts +4 -0
  22. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.native.js +173 -0
  23. package/dist/native/components/ActionSheet/ActionSheet/ActionSheet.view.native.js.map +1 -0
  24. package/dist/native/components/ActionSheet/ActionSheet.d.ts +3 -0
  25. package/dist/native/components/ActionSheet/ActionSheet.js +9 -0
  26. package/dist/native/components/ActionSheet/ActionSheet.js.map +1 -0
  27. package/dist/native/components/ActionSheet/index.d.ts +3 -0
  28. package/dist/native/components/ActionSheet/index.js +4 -0
  29. package/dist/native/components/ActionSheet/index.js.map +1 -0
  30. package/dist/native/components/AppRoot/AppRoot.d.ts +17 -0
  31. package/dist/native/components/AppRoot/AppRoot.js +25 -0
  32. package/dist/native/components/AppRoot/AppRoot.js.map +1 -0
  33. package/dist/native/components/AppRoot/AppRoot.native.d.ts +9 -0
  34. package/dist/native/components/AppRoot/AppRoot.native.js +33 -0
  35. package/dist/native/components/AppRoot/AppRoot.native.js.map +1 -0
  36. package/dist/native/components/AppRoot/AppRoot.types.d.ts +22 -0
  37. package/dist/native/components/AppRoot/AppRoot.types.js +2 -0
  38. package/dist/native/components/AppRoot/AppRoot.types.js.map +1 -0
  39. package/dist/native/components/AppRoot/index.d.ts +2 -0
  40. package/dist/native/components/AppRoot/index.js +2 -0
  41. package/dist/native/components/AppRoot/index.js.map +1 -0
  42. package/dist/native/components/AttachmentGroup/AttachmentGroup/AttachmentGroup.js +8 -1
  43. package/dist/native/components/AttachmentGroup/AttachmentGroup/AttachmentGroup.js.map +1 -1
  44. package/dist/native/components/AudioInput/AudioInput/AudioInput.state.d.ts +1 -1
  45. package/dist/native/components/AudioInput/AudioInput/AudioInput.view.js +1 -1
  46. package/dist/native/components/AudioInput/AudioInput/AudioInput.view.js.map +1 -1
  47. package/dist/native/components/AudioInput/useAudioRecording.native.d.ts +25 -0
  48. package/dist/native/components/AudioInput/useAudioRecording.native.js +96 -0
  49. package/dist/native/components/AudioInput/useAudioRecording.native.js.map +1 -0
  50. package/dist/native/components/Background/Background/Background.view.native.js +279 -24
  51. package/dist/native/components/Background/Background/Background.view.native.js.map +1 -1
  52. package/dist/native/components/Badge/Badge/Badge.view.js +4 -0
  53. package/dist/native/components/Badge/Badge/Badge.view.js.map +1 -1
  54. package/dist/native/components/Button/Button/Button.view.js +4 -1
  55. package/dist/native/components/Button/Button/Button.view.js.map +1 -1
  56. package/dist/native/components/Button/Button/Button.view.native.js +13 -4
  57. package/dist/native/components/Button/Button/Button.view.native.js.map +1 -1
  58. package/dist/native/components/Carousel/Carousel/Carousel.view.native.js +32 -5
  59. package/dist/native/components/Carousel/Carousel/Carousel.view.native.js.map +1 -1
  60. package/dist/native/components/Chart/Chart/BarChart.native.d.ts +15 -0
  61. package/dist/native/components/Chart/Chart/BarChart.native.js +47 -0
  62. package/dist/native/components/Chart/Chart/BarChart.native.js.map +1 -0
  63. package/dist/native/components/Chart/Chart/ChartTooltip.js +6 -0
  64. package/dist/native/components/Chart/Chart/ChartTooltip.js.map +1 -1
  65. package/dist/native/components/Chart/Chart/LineChart.native.d.ts +15 -0
  66. package/dist/native/components/Chart/Chart/LineChart.native.js +44 -0
  67. package/dist/native/components/Chart/Chart/LineChart.native.js.map +1 -0
  68. package/dist/native/components/Chart/Chart/PieChart.native.d.ts +15 -0
  69. package/dist/native/components/Chart/Chart/PieChart.native.js +231 -0
  70. package/dist/native/components/Chart/Chart/PieChart.native.js.map +1 -0
  71. package/dist/native/components/ChatInput/EditableInput.native.d.ts +48 -0
  72. package/dist/native/components/ChatInput/EditableInput.native.js +122 -0
  73. package/dist/native/components/ChatInput/EditableInput.native.js.map +1 -0
  74. package/dist/native/components/ChatInput/MessageInput.native.d.ts +46 -0
  75. package/dist/native/components/ChatInput/MessageInput.native.js +55 -0
  76. package/dist/native/components/ChatInput/MessageInput.native.js.map +1 -0
  77. package/dist/native/components/ChatWidget/ChatWidget/ChatWidget.view.native.d.ts +14 -0
  78. package/dist/native/components/ChatWidget/ChatWidget/ChatWidget.view.native.js +89 -0
  79. package/dist/native/components/ChatWidget/ChatWidget/ChatWidget.view.native.js.map +1 -0
  80. package/dist/native/components/ChatWidget/Widget/ChatWidgetWidget.native.d.ts +18 -0
  81. package/dist/native/components/ChatWidget/Widget/ChatWidgetWidget.native.js +91 -0
  82. package/dist/native/components/ChatWidget/Widget/ChatWidgetWidget.native.js.map +1 -0
  83. package/dist/native/components/ChatWidget/Widget/useContextSelector.js +3 -0
  84. package/dist/native/components/ChatWidget/Widget/useContextSelector.js.map +1 -1
  85. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.state.js +10 -2
  86. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.state.js.map +1 -1
  87. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.style.js +5 -0
  88. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.style.js.map +1 -1
  89. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.js +20 -13
  90. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.js.map +1 -1
  91. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.native.d.ts +4 -0
  92. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.native.js +88 -0
  93. package/dist/native/components/ColorPicker/ColorPicker/ColorPicker.view.native.js.map +1 -0
  94. package/dist/native/components/Command/Command/Command.state.js +13 -3
  95. package/dist/native/components/Command/Command/Command.state.js.map +1 -1
  96. package/dist/native/components/Command/Command/Command.view.js +6 -4
  97. package/dist/native/components/Command/Command/Command.view.js.map +1 -1
  98. package/dist/native/components/Command/Command/Command.view.native.d.ts +31 -0
  99. package/dist/native/components/Command/Command/Command.view.native.js +184 -0
  100. package/dist/native/components/Command/Command/Command.view.native.js.map +1 -0
  101. package/dist/native/components/Command/Command/CommandOverlay.d.ts +10 -0
  102. package/dist/native/components/Command/Command/CommandOverlay.js +13 -0
  103. package/dist/native/components/Command/Command/CommandOverlay.js.map +1 -0
  104. package/dist/native/components/Command/Command/CommandOverlay.native.d.ts +12 -0
  105. package/dist/native/components/Command/Command/CommandOverlay.native.js +12 -0
  106. package/dist/native/components/Command/Command/CommandOverlay.native.js.map +1 -0
  107. package/dist/native/components/Command/Command/CommandTextInput.d.ts +8 -0
  108. package/dist/native/components/Command/Command/CommandTextInput.js +7 -0
  109. package/dist/native/components/Command/Command/CommandTextInput.js.map +1 -0
  110. package/dist/native/components/Command/Command/CommandTextInput.native.d.ts +13 -0
  111. package/dist/native/components/Command/Command/CommandTextInput.native.js +27 -0
  112. package/dist/native/components/Command/Command/CommandTextInput.native.js.map +1 -0
  113. package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.props.d.ts +1 -0
  114. package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.state.js +8 -0
  115. package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.state.js.map +1 -1
  116. package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.view.native.d.ts +3 -1
  117. package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.view.native.js +38 -22
  118. package/dist/native/components/ContextMenu/ContextMenu/ContextMenu.view.native.js.map +1 -1
  119. package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.state.js +12 -6
  120. package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.state.js.map +1 -1
  121. package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.style.js +8 -8
  122. package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.style.js.map +1 -1
  123. package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.view.js +1 -1
  124. package/dist/native/components/CookieConsent/CookieConsent/CookieConsent.view.js.map +1 -1
  125. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.js +4 -0
  126. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.js.map +1 -1
  127. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.native.d.ts +18 -0
  128. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.native.js +23 -0
  129. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.state.native.js.map +1 -0
  130. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.view.native.d.ts +17 -0
  131. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.view.native.js +49 -0
  132. package/dist/native/components/DragAndDrop/DragAndDrop/DragAndDrop.view.native.js.map +1 -0
  133. package/dist/native/components/Drawer/Drawer/Drawer.view.native.js +54 -14
  134. package/dist/native/components/Drawer/Drawer/Drawer.view.native.js.map +1 -1
  135. package/dist/native/components/DropZone/DropZone/DropZone.view.native.d.ts +14 -0
  136. package/dist/native/components/DropZone/DropZone/DropZone.view.native.js +33 -0
  137. package/dist/native/components/DropZone/DropZone/DropZone.view.native.js.map +1 -0
  138. package/dist/native/components/DropdownMenu/DropdownMenu/DropdownMenu.state.js +7 -0
  139. package/dist/native/components/DropdownMenu/DropdownMenu/DropdownMenu.state.js.map +1 -1
  140. package/dist/native/components/DropdownMenu/DropdownMenu/DropdownMenu.view.native.js +20 -16
  141. package/dist/native/components/DropdownMenu/DropdownMenu/DropdownMenu.view.native.js.map +1 -1
  142. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.state.js +6 -2
  143. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.state.js.map +1 -1
  144. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.style.js +9 -0
  145. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.style.js.map +1 -1
  146. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.view.native.d.ts +4 -0
  147. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.view.native.js +108 -0
  148. package/dist/native/components/EmojiPicker/EmojiPicker/EmojiPicker.view.native.js.map +1 -0
  149. package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.state.js +11 -4
  150. package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.state.js.map +1 -1
  151. package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.view.native.d.ts +4 -0
  152. package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.view.native.js +92 -0
  153. package/dist/native/components/Form/ColorInput/ColorInput/ColorInput.view.native.js.map +1 -0
  154. package/dist/native/components/Form/ComboBox/ComboBox/ComboBox.view.native.d.ts +13 -0
  155. package/dist/native/components/Form/ComboBox/ComboBox/ComboBox.view.native.js +118 -0
  156. package/dist/native/components/Form/ComboBox/ComboBox/ComboBox.view.native.js.map +1 -0
  157. package/dist/native/components/Form/CountryPicker/CountryPicker/CountryPicker.view.native.d.ts +3 -0
  158. package/dist/native/components/Form/CountryPicker/CountryPicker/CountryPicker.view.native.js +88 -0
  159. package/dist/native/components/Form/CountryPicker/CountryPicker/CountryPicker.view.native.js.map +1 -0
  160. package/dist/native/components/Form/Password/Password/Password.state.d.ts +26 -0
  161. package/dist/native/components/Form/Select/Select/Select.view.native.d.ts +2 -2
  162. package/dist/native/components/Form/Select/Select/Select.view.native.js +19 -33
  163. package/dist/native/components/Form/Select/Select/Select.view.native.js.map +1 -1
  164. package/dist/native/components/Form/Selector/Selector/Selector.view.native.d.ts +12 -0
  165. package/dist/native/components/Form/Selector/Selector/Selector.view.native.js +44 -0
  166. package/dist/native/components/Form/Selector/Selector/Selector.view.native.js.map +1 -0
  167. package/dist/native/components/Form/Switch/Switch/Switch.view.js +2 -2
  168. package/dist/native/components/Form/Switch/Switch/Switch.view.js.map +1 -1
  169. package/dist/native/components/Form/TextArea/TextArea/TextArea.props.d.ts +3 -0
  170. package/dist/native/components/Form/TextArea/TextArea/TextArea.view.js +2 -2
  171. package/dist/native/components/Form/TextArea/TextArea/TextArea.view.js.map +1 -1
  172. package/dist/native/components/Form/TextField/TextField/TextField.props.d.ts +3 -0
  173. package/dist/native/components/Form/TextField/TextField/TextField.view.js +2 -2
  174. package/dist/native/components/Form/TextField/TextField/TextField.view.js.map +1 -1
  175. package/dist/native/components/Formik/Formik.Form.d.ts +4 -10
  176. package/dist/native/components/Formik/Formik.Form.js +6 -3
  177. package/dist/native/components/Formik/Formik.Form.js.map +1 -1
  178. package/dist/native/components/Formik/Formik.Hook.d.ts +5 -1
  179. package/dist/native/components/Formik/Formik.Hook.js +27 -3
  180. package/dist/native/components/Formik/Formik.Hook.js.map +1 -1
  181. package/dist/native/components/Formik/Formik.OTPInput.js +63 -7
  182. package/dist/native/components/Formik/Formik.OTPInput.js.map +1 -1
  183. package/dist/native/components/Formik/Formik.Password.js +1 -1
  184. package/dist/native/components/Formik/Formik.Password.js.map +1 -1
  185. package/dist/native/components/Formik/Formik.TextField.js +1 -1
  186. package/dist/native/components/Formik/Formik.TextField.js.map +1 -1
  187. package/dist/native/components/Gradient/Gradient/Gradient.view.native.js +83 -11
  188. package/dist/native/components/Gradient/Gradient/Gradient.view.native.js.map +1 -1
  189. package/dist/native/components/HoverCard/HoverCard/HoverCard.view.native.js +39 -5
  190. package/dist/native/components/HoverCard/HoverCard/HoverCard.view.native.js.map +1 -1
  191. package/dist/native/components/Icon/Icon.native.js +9 -1
  192. package/dist/native/components/Icon/Icon.native.js.map +1 -1
  193. package/dist/native/components/IconPicker/IconPicker/IconPicker.state.js +4 -0
  194. package/dist/native/components/IconPicker/IconPicker/IconPicker.state.js.map +1 -1
  195. package/dist/native/components/IconPicker/IconPicker/IconPicker.style.js +5 -0
  196. package/dist/native/components/IconPicker/IconPicker/IconPicker.style.js.map +1 -1
  197. package/dist/native/components/IconPicker/IconPicker/IconPicker.view.native.d.ts +4 -0
  198. package/dist/native/components/IconPicker/IconPicker/IconPicker.view.native.js +73 -0
  199. package/dist/native/components/IconPicker/IconPicker/IconPicker.view.native.js.map +1 -0
  200. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.d.ts +12 -0
  201. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.js +17 -0
  202. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.js.map +1 -0
  203. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.native.d.ts +12 -0
  204. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.native.js +24 -0
  205. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.native.js.map +1 -0
  206. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.types.d.ts +24 -0
  207. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.types.js +2 -0
  208. package/dist/native/components/KeyboardAvoidingView/KeyboardAvoidingView.types.js.map +1 -0
  209. package/dist/native/components/KeyboardAvoidingView/index.d.ts +2 -0
  210. package/dist/native/components/KeyboardAvoidingView/index.js +2 -0
  211. package/dist/native/components/KeyboardAvoidingView/index.js.map +1 -0
  212. package/dist/native/components/Menubar/Menubar/Menubar.props.d.ts +4 -1
  213. package/dist/native/components/Menubar/Menubar/Menubar.state.js +6 -0
  214. package/dist/native/components/Menubar/Menubar/Menubar.state.js.map +1 -1
  215. package/dist/native/components/Menubar/Menubar/Menubar.view.native.d.ts +4 -1
  216. package/dist/native/components/Menubar/Menubar/Menubar.view.native.js +29 -23
  217. package/dist/native/components/Menubar/Menubar/Menubar.view.native.js.map +1 -1
  218. package/dist/native/components/Message/Message/Message.layout.native.d.ts +3 -0
  219. package/dist/native/components/Message/Message/Message.layout.native.js +26 -0
  220. package/dist/native/components/Message/Message/Message.layout.native.js.map +1 -0
  221. package/dist/native/components/Modal/Modal/Modal.store.js +0 -1
  222. package/dist/native/components/Modal/Modal/Modal.store.js.map +1 -1
  223. package/dist/native/components/Modal/Modal.d.ts +2 -0
  224. package/dist/native/components/Modal/Modal.js +6 -0
  225. package/dist/native/components/Modal/Modal.js.map +1 -1
  226. package/dist/native/components/OTPInput/OTPInput/OTPInput.state.d.ts +2 -2
  227. package/dist/native/components/OTPInput/OTPInput/OTPInput.state.js +92 -14
  228. package/dist/native/components/OTPInput/OTPInput/OTPInput.state.js.map +1 -1
  229. package/dist/native/components/OTPInput/OTPInput/OTPInput.view.native.js +64 -11
  230. package/dist/native/components/OTPInput/OTPInput/OTPInput.view.native.js.map +1 -1
  231. package/dist/native/components/OTPInput/OTPInput.js +34 -2
  232. package/dist/native/components/OTPInput/OTPInput.js.map +1 -1
  233. package/dist/native/components/PageLayout/PageLayout.d.ts +16 -0
  234. package/dist/native/components/PageLayout/PageLayout.js +49 -0
  235. package/dist/native/components/PageLayout/PageLayout.js.map +1 -0
  236. package/dist/native/components/PageLayout/PageLayout.types.d.ts +30 -0
  237. package/dist/native/components/PageLayout/PageLayout.types.js +2 -0
  238. package/dist/native/components/PageLayout/PageLayout.types.js.map +1 -0
  239. package/dist/native/components/PageLayout/index.d.ts +2 -0
  240. package/dist/native/components/PageLayout/index.js +2 -0
  241. package/dist/native/components/PageLayout/index.js.map +1 -0
  242. package/dist/native/components/Pagination/Pagination/Pagination.view.native.js +12 -1
  243. package/dist/native/components/Pagination/Pagination/Pagination.view.native.js.map +1 -1
  244. package/dist/native/components/ProgressBar/ProgressBar/ProgressBar.view.native.js +48 -1
  245. package/dist/native/components/ProgressBar/ProgressBar/ProgressBar.view.native.js.map +1 -1
  246. package/dist/native/components/Resizable/Resizable/Resizable.state.js +6 -0
  247. package/dist/native/components/Resizable/Resizable/Resizable.state.js.map +1 -1
  248. package/dist/native/components/Router/Router.d.ts +11 -0
  249. package/dist/native/components/Router/Router.js +51 -0
  250. package/dist/native/components/Router/Router.js.map +1 -0
  251. package/dist/native/components/Router/Router.match.d.ts +15 -0
  252. package/dist/native/components/Router/Router.match.js +45 -0
  253. package/dist/native/components/Router/Router.match.js.map +1 -0
  254. package/dist/native/components/Router/Router.native.d.ts +11 -0
  255. package/dist/native/components/Router/Router.native.js +27 -0
  256. package/dist/native/components/Router/Router.native.js.map +1 -0
  257. package/dist/native/components/Router/Router.store.d.ts +28 -0
  258. package/dist/native/components/Router/Router.store.js +38 -0
  259. package/dist/native/components/Router/Router.store.js.map +1 -0
  260. package/dist/native/components/Router/Router.types.d.ts +16 -0
  261. package/dist/native/components/Router/Router.types.js +2 -0
  262. package/dist/native/components/Router/Router.types.js.map +1 -0
  263. package/dist/native/components/Router/index.d.ts +5 -0
  264. package/dist/native/components/Router/index.js +5 -0
  265. package/dist/native/components/Router/index.js.map +1 -0
  266. package/dist/native/components/Router/useHistory.d.ts +21 -0
  267. package/dist/native/components/Router/useHistory.js +34 -0
  268. package/dist/native/components/Router/useHistory.js.map +1 -0
  269. package/dist/native/components/ShareButton/ShareButton/ShareButton.state.native.d.ts +15 -0
  270. package/dist/native/components/ShareButton/ShareButton/ShareButton.state.native.js +55 -0
  271. package/dist/native/components/ShareButton/ShareButton/ShareButton.state.native.js.map +1 -0
  272. package/dist/native/components/Slider/Slider/Slider.state.js +14 -2
  273. package/dist/native/components/Slider/Slider/Slider.state.js.map +1 -1
  274. package/dist/native/components/Slider/Slider/Slider.view.native.js +6 -2
  275. package/dist/native/components/Slider/Slider/Slider.view.native.js.map +1 -1
  276. package/dist/native/components/SplashScreen/SplashScreen.d.ts +14 -0
  277. package/dist/native/components/SplashScreen/SplashScreen.js +49 -0
  278. package/dist/native/components/SplashScreen/SplashScreen.js.map +1 -0
  279. package/dist/native/components/SplashScreen/SplashScreen.store.d.ts +18 -0
  280. package/dist/native/components/SplashScreen/SplashScreen.store.js +13 -0
  281. package/dist/native/components/SplashScreen/SplashScreen.store.js.map +1 -0
  282. package/dist/native/components/SplashScreen/SplashScreen.types.d.ts +23 -0
  283. package/dist/native/components/SplashScreen/SplashScreen.types.js +2 -0
  284. package/dist/native/components/SplashScreen/SplashScreen.types.js.map +1 -0
  285. package/dist/native/components/SplashScreen/index.d.ts +3 -0
  286. package/dist/native/components/SplashScreen/index.js +3 -0
  287. package/dist/native/components/SplashScreen/index.js.map +1 -0
  288. package/dist/native/components/Table/Table/Table.style.js +10 -0
  289. package/dist/native/components/Table/Table/Table.style.js.map +1 -1
  290. package/dist/native/components/Table/Table/Table.view.js +27 -20
  291. package/dist/native/components/Table/Table/Table.view.js.map +1 -1
  292. package/dist/native/components/Table/Table/TableScroll.d.ts +8 -0
  293. package/dist/native/components/Table/Table/TableScroll.js +10 -0
  294. package/dist/native/components/Table/Table/TableScroll.js.map +1 -0
  295. package/dist/native/components/Table/Table/TableScroll.native.d.ts +9 -0
  296. package/dist/native/components/Table/Table/TableScroll.native.js +11 -0
  297. package/dist/native/components/Table/Table/TableScroll.native.js.map +1 -0
  298. package/dist/native/components/TextArea/TextArea.native.d.ts +21 -0
  299. package/dist/native/components/TextArea/TextArea.native.js +15 -0
  300. package/dist/native/components/TextArea/TextArea.native.js.map +1 -0
  301. package/dist/native/components/Toast/Toast/Toast.view.native.js +6 -1
  302. package/dist/native/components/Toast/Toast/Toast.view.native.js.map +1 -1
  303. package/dist/native/components/Toggle/Toggle/Toggle.view.native.js +11 -3
  304. package/dist/native/components/Toggle/Toggle/Toggle.view.native.js.map +1 -1
  305. package/dist/native/components/Tooltip/Tooltip/Tooltip.state.js +3 -0
  306. package/dist/native/components/Tooltip/Tooltip/Tooltip.state.js.map +1 -1
  307. package/dist/native/components/Tooltip/Tooltip/Tooltip.view.native.js +84 -7
  308. package/dist/native/components/Tooltip/Tooltip/Tooltip.view.native.js.map +1 -1
  309. package/dist/native/components/Uploader/Uploader/Uploader.state.d.ts +1 -1
  310. package/dist/native/components/Uploader/Uploader/Uploader.state.js +18 -5
  311. package/dist/native/components/Uploader/Uploader/Uploader.state.js.map +1 -1
  312. package/dist/native/components/index.d.ts +7 -0
  313. package/dist/native/components/index.js +7 -0
  314. package/dist/native/components/index.js.map +1 -1
  315. package/dist/orange.webp +0 -0
  316. package/dist/web.cjs.js +9 -9
  317. package/dist/web.cjs.js.map +1 -1
  318. package/dist/web.esm.js +8266 -7578
  319. package/dist/web.esm.js.map +1 -1
  320. package/dist/web.umd.js +9 -9
  321. package/dist/web.umd.js.map +1 -1
  322. package/docs/LIGHTHOUSE_100_GUIDE.md +277 -0
  323. package/docs/app-studio/Design.md +1 -1
  324. package/docs/app-studio/Theming.md +3 -3
  325. 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":"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"}
@@ -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":"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"}
@@ -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":"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"}
@@ -19,7 +19,8 @@ export const useColorPickerState = (props) => {
19
19
  }
20
20
  }, [controlledIsOpen]);
21
21
  useEffect(() => {
22
- if (showRecentColors) {
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.setItem('colorPicker-recentColors', JSON.stringify(newRecent));
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":"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"}
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
- <input type="color" value={customColor || '#1D4ED8'} onChange={(e) => {
71
- const color = e.target.value;
72
- handleCustomColorChange(color);
73
- handleColorSelect(color);
74
- }} style={{
75
- width: '36px',
76
- height: '36px',
77
- border: '1px solid #E5E7EB',
78
- borderRadius: '8px',
79
- cursor: 'pointer',
80
- backgroundColor: 'transparent',
81
- }} title="Pick a color"/>
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.target.value)} onKeyPress={(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":"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"}
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;AAE9C,MAAM,0BAA0B,GAC9B,OAAO,SAAS,KAAK,WAAW;IAChC,SAAS,CAAC,OAAO,KAAK,aAAa;IACnC,OAAO,QAAQ,KAAK,WAAW;IAC/B,OAAO,QAAQ,CAAC,aAAa,KAAK,UAAU,CAAC;AAE/C,oIAAoI;AACpI,MAAM,eAAe,GAAmC,CAAC,EACvD,EAAE,EACF,IAAI,EACJ,KAAK,EACL,WAAW,GAAG,gBAAgB,EAC9B,UAAU,EACV,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,gBAAgB,GAAG,mBAAmB,EACtC,eAAe,GAAG,IAAI,EACtB,gBAAgB,GAAG,IAAI,EACvB,MAAM,EACN,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,uBAAuB,EACvB,uBAAuB,EACvB,WAAW,EACX,UAAU,EACV,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,WAAW,EACX,eAAe,EACf,aAAa,EACb,YAAY,EACZ,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gHAAgH;IAChH,MAAM,eAAe,GAAG;QACtB,GAAG,wBAAwB,CAAC,SAAS;QACrC,GAAG,KAAK,EAAE,SAAS;KACpB,CAAC;IACF,0IAA0I;IAC1I,MAAM,aAAa,GAAG;QACpB,GAAG,wBAAwB,CAAC,OAAO;QACnC,GAAG,KAAK,CAAC,IAAI,CAAC;QACd,GAAG,MAAM,CAAC,KAAK,CAAC;QAChB,GAAG,QAAQ,CAAC,OAAO,CAAC;QACpB,GAAG,CAAC,KAAK,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC;QAC9C,GAAG,CAAC,UAAU,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;QAC1D,GAAG,CAAC,CAAC,UAAU;YACb,CAAC,UAAU,IAAI;YACb,MAAM,EAAE;gBACN,WAAW,EAAE,gBAAgB;aAC9B;SACF,CAAC;QACJ,GAAG,KAAK,EAAE,OAAO;KAClB,CAAC;IACF,wFAAwF;IACxF,MAAM,cAAc,GAAG;QACrB,GAAG,wBAAwB,CAAC,QAAQ;QACpC,GAAG,KAAK,EAAE,QAAQ;KACnB,CAAC;IACF,8EAA8E;IAC9E,MAAM,eAAe,GAAG;QACtB,GAAG,wBAAwB,CAAC,SAAS;QACrC,GAAG,KAAK,EAAE,SAAS;KACpB,CAAC;IACF,8FAA8F;IAC9F,MAAM,kBAAkB,GAAG;QACzB,GAAG,wBAAwB,CAAC,YAAY;QACxC,GAAG,KAAK,EAAE,YAAY;KACvB,CAAC;IACF,iIAAiI;IACjI,MAAM,YAAY,GAAG,aAAa,IAAI,gBAAgB,CAAC;IACvD,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,CACnC;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,IAAI,CACH,QAAQ,CAAC,MAAM,CACf,UAAU,CAAC,MAAM,CACjB,UAAU,CAAC,KAAK,CAChB,KAAK,CAAC,gBAAgB,CACtB,YAAY,CAAC,KAAK,CAClB,IAAI,KAAK,EAAE,KAAK,CAAC,CAEjB;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,UAAU,CAAC,CAChB,OAAO,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAC7D,IAAI,aAAa,CAAC,CAElB;QAAA,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC;UAAA,CAAC,IAAI,CACH,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,YAAY,CAAC,KAAK,CAClB,eAAe,CAAC,CAAC,YAAY,CAAC,CAC9B,WAAW,CAAC,KAAK,CACjB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,EAE9B;UAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAC3D,QAAQ,CAAC,SAAS,CAElB;YAAA,CAAC,aAAa,IAAI,WAAW,CAC/B;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,UAAU,CACZ;QAAA,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,IAAI,CAC7B,CAAC,WAAW,CACV,WAAW,CAAC,CAAC,EAAE,CAAC,CAChB,KAAK,CAAC,gBAAgB,CACtB,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EACpC,CACH,CACH;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,MAAM,IAAI,CACT,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,cAAc,CAAC,CACzC;UAAA,CAAC,IAAI,CAAC,IAAI,eAAe,CAAC,CACxB;YAAA,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,YAAY,CAAC,KAAK,CAClB,eAAe,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CACnC,WAAW,CAAC,KAAK,CACjB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,CACV,aAAa,KAAK,WAAW,CAAC,KAAK;oBACjC,CAAC,CAAC,eAAe;oBACjB,CAAC,CAAC,aACN,CAAC,CACD,MAAM,CAAC,SAAS,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CACpD,KAAK,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CACxB,MAAM,CAAC,CAAC;oBACN,SAAS,EAAE,aAAa;oBACxB,WAAW,EAAE,gBAAgB;iBAC9B,CAAC,CACF,IAAI,KAAK,EAAE,WAAW,CAAC,EACvB,CACH,CAAC,CACJ;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,eAAe,IAAI,CAClB,CAAC,IAAI,CACH,IAAI,wBAAwB,CAAC,WAAW,CAAC,CACzC,IAAI,KAAK,EAAE,WAAW,CAAC,CAEvB;cAAA,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,CACzD;gBAAA,CAAC;;gDAE+B,CAChC;gBAAA,CAAC,0BAA0B,IAAI,CAC7B,CAAC,KAAK,CACJ,IAAI,CAAC,OAAO,CACZ,KAAK,CAAC,CAAC,WAAW,IAAI,SAAS,CAAC,CAChC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;wBACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;wBAC7B,uBAAuB,CAAC,KAAK,CAAC,CAAC;wBAC/B,iBAAiB,CAAC,KAAK,CAAC,CAAC;oBAC3B,CAAC,CAAC,CACF,KAAK,CAAC,CAAC;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,MAAM,EAAE,mBAAmB;wBAC3B,YAAY,EAAE,KAAK;wBACnB,MAAM,EAAE,SAAS;wBACjB,eAAe,EAAE,aAAa;qBAC/B,CAAC,CACF,KAAK,CAAC,cAAc,EACpB,CACH,CACD;gBAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAC5D;;gBACF,EAAE,IAAI,CACR;cAAA,EAAE,UAAU,CACZ;cAAA,CAAC,SAAS,CACR,WAAW,CAAC,SAAS,CACrB,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,QAAQ,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE,CACnB,uBAAuB,CACrB,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,EAAE,CAEtD,CAAC,CACD,UAAU,CAAC,CAAC,CAAC,CAAwC,EAAE,EAAE;oBACvD,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACtB,uBAAuB,EAAE,CAAC;oBAC5B,CAAC;gBACH,CAAC,CAAC,CACF,IAAI,CAAC,IAAI,CACT,KAAK,CAAC,CACJ,WAAW,IAAI,CACb,CAAC,IAAI,CACH,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,YAAY,CAAC,KAAK,CAClB,eAAe,CAAC,CAAC,WAAW,CAAC,CAC7B,WAAW,CAAC,KAAK,CACjB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,MAAM,CAAC,SAAS,CAChB,OAAO,CAAC,CAAC,uBAAuB,CAAC,EACjC,CAEN,CAAC,EAEL;YAAA,EAAE,IAAI,CAAC,CACR,CACD;UAAA,CAAC,gBAAgB,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9C,CAAC,IAAI,CAAC,IAAI,kBAAkB,CAAC,CAC3B;cAAA,CAAC,IAAI,CACH,QAAQ,CAAC,MAAM,CACf,UAAU,CAAC,MAAM,CACjB,UAAU,CAAC,KAAK,CAChB,KAAK,CAAC,gBAAgB,CACtB,YAAY,CAAC,KAAK,CAElB;;cACF,EAAE,IAAI,CACN;cAAA,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CACjC;gBAAA,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,YAAY,CAAC,KAAK,CAClB,eAAe,CAAC,CAAC,KAAK,CAAC,CACvB,WAAW,CAAC,KAAK,CACjB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,MAAM,CAAC,SAAS,CAChB,UAAU,CAAC,6CAA6C,CACxD,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CACxC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC;wBACN,SAAS,EAAE,aAAa;wBACxB,WAAW,EAAE,gBAAgB;qBAC9B,CAAC,EACF,CACH,CAAC,CACJ;cAAA,EAAE,UAAU,CACd;YAAA,EAAE,IAAI,CAAC,CACR,CACH;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,UAAU,IAAI,CACb,CAAC,IAAI,CACH,QAAQ,CAAC,MAAM,CACf,UAAU,CAAC,MAAM,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAClD,SAAS,CAAC,KAAK,CACf,IAAI,KAAK,EAAE,UAAU,CAAC,CAEtB;UAAA,CAAC,UAAU,CACb;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,eAAe,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { ColorPickerViewProps } from './ColorPicker.props';
3
+ declare const ColorPickerView: React.FC<ColorPickerViewProps>;
4
+ export default ColorPickerView;
@@ -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
- if (listRef.current && open) {
75
- const selectedElement = listRef.current.querySelector(`[data-index="${selectedIndex}"]`);
76
- if (selectedElement) {
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":"AAAA,yJAAyJ;AACzJ,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAS1E,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,IAAiB,EAAE,EAAE;IAC3D,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IACxC,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClE,MAAM,kBAAkB,GACtB,IAAI,CAAC,WAAW,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC;IACjE,MAAM,eAAe,GACnB,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAC9B,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAC5C,IAAI,KAAK,CAAC;IACb,OAAO,WAAW,IAAI,kBAAkB,IAAI,eAAe,CAAC;AAC9D,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,EACb,MAAM,GACY,EAAE,EAAE;IACtB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,IAAI,eAAe,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACpE,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAChE,OAAO,CAAC,GAAG,aAAa,EAAE,GAAG,QAAQ,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvB,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAAE,OAAO,WAAW,CAAC;QACvC,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IACpC,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,MAAM;YAAE,OAAO,MAAM,CAAC;QAC3B,MAAM,QAAQ,GAAG,MAAM,IAAI,eAAe,CAAC;QAC3C,OAAO,MAAM;aACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACX,GAAG,CAAC;YACJ,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;SACxD,CAAC,CAAC;aACF,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC7B,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9B,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAgB,EAAE,EAAE;QACnB,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE,CACxB,IAAI,GAAG,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CACrD,CAAC;gBACF,MAAM;YACR,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;gBACzD,MAAM;YACR,KAAK,OAAO;gBACV,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,gBAAgB,CAAC,aAAa,CAAC,EAAE,CAAC;oBACpC,gBAAgB,CAAC,aAAa,CAAC,CAAC,QAAQ,EAAE,CAAC;oBAC3C,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,SAAS,CAAC,EAAE,CAAC,CAAC;gBAChB,CAAC;gBACD,MAAM;YACR,KAAK,QAAQ;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,SAAS,CAAC,EAAE,CAAC,CAAC;gBACd,MAAM;QACV,CAAC;IACH,CAAC,EACD,CAAC,IAAI,EAAE,gBAAgB,EAAE,aAAa,EAAE,YAAY,CAAC,CACtD,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,OAAO,IAAI,IAAI,EAAE,CAAC;YAC5B,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,CACnD,gBAAgB,aAAa,IAAI,CAClC,CAAC;YACF,IAAI,eAAe,EAAE,CAAC;gBACpB,eAAe,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;YACvD,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,gBAAgB,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,EAAE,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,OAAO;QACL,MAAM;QACN,SAAS;QACT,aAAa;QACb,gBAAgB;QAChB,gBAAgB;QAChB,cAAc;QACd,OAAO;KACR,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Command.state.js","sourceRoot":"","sources":["../../../../../src/components/Command/Command/Command.state.ts"],"names":[],"mappings":"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"}