@oneplatformdev/ui 0.1.10-8 → 0.1.10-81

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 (476) hide show
  1. package/Accordion/Accordion.d.ts +7 -7
  2. package/Accordion/Accordion.d.ts.map +1 -1
  3. package/Accordion/Accordion.js +62 -45
  4. package/Accordion/Accordion.js.map +1 -0
  5. package/Accordion/index.js +1 -0
  6. package/Accordion/index.js.map +1 -0
  7. package/Alert/Alert.js +1 -0
  8. package/Alert/Alert.js.map +1 -0
  9. package/Alert/alertVariants.js +1 -0
  10. package/Alert/alertVariants.js.map +1 -0
  11. package/Alert/index.js +1 -0
  12. package/Alert/index.js.map +1 -0
  13. package/AlertDialog/AlertDialog.d.ts.map +1 -1
  14. package/AlertDialog/AlertDialog.js +23 -29
  15. package/AlertDialog/AlertDialog.js.map +1 -0
  16. package/AlertDialog/AlertDialog.stories.js +1 -0
  17. package/AlertDialog/AlertDialog.stories.js.map +1 -0
  18. package/AlertDialog/AlertDialog.types.js +1 -0
  19. package/AlertDialog/AlertDialog.types.js.map +1 -0
  20. package/AlertDialog/AlertDialogRoot.d.ts +12 -18
  21. package/AlertDialog/AlertDialogRoot.d.ts.map +1 -1
  22. package/AlertDialog/AlertDialogRoot.js +119 -106
  23. package/AlertDialog/AlertDialogRoot.js.map +1 -0
  24. package/AlertDialog/index.js +1 -0
  25. package/AlertDialog/index.js.map +1 -0
  26. package/AreaChart/AreaChart.js +1 -0
  27. package/AreaChart/AreaChart.js.map +1 -0
  28. package/AreaChart/AreaChart.types.js +1 -0
  29. package/AreaChart/AreaChart.types.js.map +1 -0
  30. package/AreaChart/index.js +1 -0
  31. package/AreaChart/index.js.map +1 -0
  32. package/Aside/Aside.js +1 -0
  33. package/Aside/Aside.js.map +1 -0
  34. package/Aside/Aside.types.js +1 -0
  35. package/Aside/Aside.types.js.map +1 -0
  36. package/Aside/AsideSidebar.js +1 -0
  37. package/Aside/AsideSidebar.js.map +1 -0
  38. package/Aside/index.js +1 -0
  39. package/Aside/index.js.map +1 -0
  40. package/AspectRatio/AspectRatio.js +1 -0
  41. package/AspectRatio/AspectRatio.js.map +1 -0
  42. package/AspectRatio/index.js +1 -0
  43. package/AspectRatio/index.js.map +1 -0
  44. package/Avatar/Avatar.js +1 -0
  45. package/Avatar/Avatar.js.map +1 -0
  46. package/Avatar/index.js +1 -0
  47. package/Avatar/index.js.map +1 -0
  48. package/Badge/Badge.d.ts +3 -4
  49. package/Badge/Badge.d.ts.map +1 -1
  50. package/Badge/Badge.js +21 -7
  51. package/Badge/Badge.js.map +1 -0
  52. package/Badge/Badge.types.d.ts +2 -1
  53. package/Badge/Badge.types.d.ts.map +1 -1
  54. package/Badge/Badge.types.js +1 -0
  55. package/Badge/Badge.types.js.map +1 -0
  56. package/Badge/badgeVariants.d.ts.map +1 -1
  57. package/Badge/badgeVariants.js +6 -5
  58. package/Badge/badgeVariants.js.map +1 -0
  59. package/Badge/index.js +1 -0
  60. package/Badge/index.js.map +1 -0
  61. package/Breadcrumb/Breadcrumb.js +1 -0
  62. package/Breadcrumb/Breadcrumb.js.map +1 -0
  63. package/Breadcrumb/index.js +1 -0
  64. package/Breadcrumb/index.js.map +1 -0
  65. package/Button/Button.d.ts.map +1 -1
  66. package/Button/Button.js +52 -27
  67. package/Button/Button.js.map +1 -0
  68. package/Button/Button.stories.js +1 -0
  69. package/Button/Button.stories.js.map +1 -0
  70. package/Button/Button.types.d.ts +4 -1
  71. package/Button/Button.types.d.ts.map +1 -1
  72. package/Button/Button.types.js +1 -0
  73. package/Button/Button.types.js.map +1 -0
  74. package/Button/buttonVariants.d.ts +1 -1
  75. package/Button/buttonVariants.d.ts.map +1 -1
  76. package/Button/buttonVariants.js +6 -3
  77. package/Button/buttonVariants.js.map +1 -0
  78. package/Button/index.js +1 -0
  79. package/Button/index.js.map +1 -0
  80. package/ButtonIcon/ButtonIcon.js +4 -2
  81. package/ButtonIcon/ButtonIcon.js.map +1 -0
  82. package/ButtonIcon/ButtonIcon.stories.js +1 -0
  83. package/ButtonIcon/ButtonIcon.stories.js.map +1 -0
  84. package/ButtonIcon/ButtonIcon.types.js +1 -0
  85. package/ButtonIcon/ButtonIcon.types.js.map +1 -0
  86. package/ButtonIcon/buttonIconVariants.js +1 -0
  87. package/ButtonIcon/buttonIconVariants.js.map +1 -0
  88. package/ButtonIcon/index.js +1 -0
  89. package/ButtonIcon/index.js.map +1 -0
  90. package/CHANGELOG.md +604 -0
  91. package/Calendar/Calendar.js +1 -0
  92. package/Calendar/Calendar.js.map +1 -0
  93. package/Calendar/index.js +1 -0
  94. package/Calendar/index.js.map +1 -0
  95. package/Card/Card.js +1 -0
  96. package/Card/Card.js.map +1 -0
  97. package/Card/index.js +1 -0
  98. package/Card/index.js.map +1 -0
  99. package/Carousel/Carousel.js +1 -0
  100. package/Carousel/Carousel.js.map +1 -0
  101. package/Carousel/index.js +1 -0
  102. package/Carousel/index.js.map +1 -0
  103. package/Chart/Chart.js +1 -0
  104. package/Chart/Chart.js.map +1 -0
  105. package/Chart/index.js +1 -0
  106. package/Chart/index.js.map +1 -0
  107. package/Checkbox/Checkbox.js +1 -0
  108. package/Checkbox/Checkbox.js.map +1 -0
  109. package/Checkbox/Checkbox.types.js +1 -0
  110. package/Checkbox/Checkbox.types.js.map +1 -0
  111. package/Checkbox/index.js +1 -0
  112. package/Checkbox/index.js.map +1 -0
  113. package/Collapsible/Collapsible.js +1 -0
  114. package/Collapsible/Collapsible.js.map +1 -0
  115. package/Collapsible/index.js +1 -0
  116. package/Collapsible/index.js.map +1 -0
  117. package/Combobox/Combobox.d.ts +1 -2
  118. package/Combobox/Combobox.d.ts.map +1 -1
  119. package/Combobox/Combobox.js +123 -109
  120. package/Combobox/Combobox.js.map +1 -0
  121. package/Combobox/Combobox.types.js +1 -0
  122. package/Combobox/Combobox.types.js.map +1 -0
  123. package/Combobox/ComboboxOptionItem.js +1 -0
  124. package/Combobox/ComboboxOptionItem.js.map +1 -0
  125. package/Combobox/ComboboxOptions.js +1 -0
  126. package/Combobox/ComboboxOptions.js.map +1 -0
  127. package/Combobox/index.js +1 -0
  128. package/Combobox/index.js.map +1 -0
  129. package/Command/Command.d.ts +18 -80
  130. package/Command/Command.d.ts.map +1 -1
  131. package/Command/Command.js +166 -109
  132. package/Command/Command.js.map +1 -0
  133. package/Command/index.js +5 -2
  134. package/Command/index.js.map +1 -0
  135. package/DataTable/DataTable.js +1 -0
  136. package/DataTable/DataTable.js.map +1 -0
  137. package/DataTable/DataTable.types.js +1 -0
  138. package/DataTable/DataTable.types.js.map +1 -0
  139. package/DataTable/DataTableColumnFilter.js +1 -0
  140. package/DataTable/DataTableColumnFilter.js.map +1 -0
  141. package/DataTable/index.js +1 -0
  142. package/DataTable/index.js.map +1 -0
  143. package/DataTable/useDataTable.d.ts +1 -1
  144. package/DataTable/useDataTable.js +1 -0
  145. package/DataTable/useDataTable.js.map +1 -0
  146. package/DatePicker/DatePicker.js +1 -0
  147. package/DatePicker/DatePicker.js.map +1 -0
  148. package/DatePicker/DatePicker.types.js +1 -0
  149. package/DatePicker/DatePicker.types.js.map +1 -0
  150. package/DatePicker/index.js +1 -0
  151. package/DatePicker/index.js.map +1 -0
  152. package/Dialog/Dialog.d.ts +14 -21
  153. package/Dialog/Dialog.d.ts.map +1 -1
  154. package/Dialog/Dialog.js +148 -142
  155. package/Dialog/Dialog.js.map +1 -0
  156. package/Dialog/DialogOverlayScope.js +1 -0
  157. package/Dialog/DialogOverlayScope.js.map +1 -0
  158. package/Dialog/index.js +16 -13
  159. package/Dialog/index.js.map +1 -0
  160. package/Drawer/Drawer.js +1 -0
  161. package/Drawer/Drawer.js.map +1 -0
  162. package/Drawer/index.js +1 -0
  163. package/Drawer/index.js.map +1 -0
  164. package/DropdownMenu/DropdownMenu.d.ts +20 -22
  165. package/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  166. package/DropdownMenu/DropdownMenu.js +230 -141
  167. package/DropdownMenu/DropdownMenu.js.map +1 -0
  168. package/DropdownMenu/index.js +17 -14
  169. package/DropdownMenu/index.js.map +1 -0
  170. package/Dropzone/Dropzone.js +1 -0
  171. package/Dropzone/Dropzone.js.map +1 -0
  172. package/Dropzone/Dropzone.types.js +1 -0
  173. package/Dropzone/Dropzone.types.js.map +1 -0
  174. package/Dropzone/DropzoneFilePreview.js +1 -0
  175. package/Dropzone/DropzoneFilePreview.js.map +1 -0
  176. package/Dropzone/DropzoneSinglePickPreview.js +1 -0
  177. package/Dropzone/DropzoneSinglePickPreview.js.map +1 -0
  178. package/Dropzone/DropzoneUtils.js +1 -0
  179. package/Dropzone/DropzoneUtils.js.map +1 -0
  180. package/Dropzone/index.js +1 -0
  181. package/Dropzone/index.js.map +1 -0
  182. package/Form/Form.d.ts +8 -7
  183. package/Form/Form.d.ts.map +1 -1
  184. package/Form/Form.js +74 -69
  185. package/Form/Form.js.map +1 -0
  186. package/Form/FormRenderControl.d.ts +1 -1
  187. package/Form/FormRenderControl.d.ts.map +1 -1
  188. package/Form/FormRenderControl.js +1 -0
  189. package/Form/FormRenderControl.js.map +1 -0
  190. package/Form/FormRenderControl.types.d.ts +5 -5
  191. package/Form/FormRenderControl.types.d.ts.map +1 -1
  192. package/Form/FormRenderControl.types.js +1 -0
  193. package/Form/FormRenderControl.types.js.map +1 -0
  194. package/Form/Form_old.d.ts +24 -0
  195. package/Form/Form_old.d.ts.map +1 -0
  196. package/Form/Form_old.js +99 -0
  197. package/Form/Form_old.js.map +1 -0
  198. package/Form/index.js +1 -0
  199. package/Form/index.js.map +1 -0
  200. package/FormCheckbox/FormCheckbox.js +1 -0
  201. package/FormCheckbox/FormCheckbox.js.map +1 -0
  202. package/FormCheckbox/FormCheckbox.types.js +1 -0
  203. package/FormCheckbox/FormCheckbox.types.js.map +1 -0
  204. package/FormCheckbox/index.js +1 -0
  205. package/FormCheckbox/index.js.map +1 -0
  206. package/FormCombobox/FormCombobox.js +1 -0
  207. package/FormCombobox/FormCombobox.js.map +1 -0
  208. package/FormCombobox/FormCombobox.types.js +1 -0
  209. package/FormCombobox/FormCombobox.types.js.map +1 -0
  210. package/FormCombobox/index.js +1 -0
  211. package/FormCombobox/index.js.map +1 -0
  212. package/FormDatePicker/FormDatePicker.js +1 -0
  213. package/FormDatePicker/FormDatePicker.js.map +1 -0
  214. package/FormDatePicker/FormDatePicker.types.js +1 -0
  215. package/FormDatePicker/FormDatePicker.types.js.map +1 -0
  216. package/FormDatePicker/index.js +1 -0
  217. package/FormDatePicker/index.js.map +1 -0
  218. package/FormDropzone/FormDropzone.js +1 -0
  219. package/FormDropzone/FormDropzone.js.map +1 -0
  220. package/FormDropzone/FormDropzone.types.js +1 -0
  221. package/FormDropzone/FormDropzone.types.js.map +1 -0
  222. package/FormDropzone/index.js +1 -0
  223. package/FormDropzone/index.js.map +1 -0
  224. package/FormInput/FormInput.js +1 -0
  225. package/FormInput/FormInput.js.map +1 -0
  226. package/FormInput/FormInput.types.js +1 -0
  227. package/FormInput/FormInput.types.js.map +1 -0
  228. package/FormInput/index.js +1 -0
  229. package/FormInput/index.js.map +1 -0
  230. package/FormRadio/FormRadio.js +1 -0
  231. package/FormRadio/FormRadio.js.map +1 -0
  232. package/FormRadio/FormRadio.types.js +1 -0
  233. package/FormRadio/FormRadio.types.js.map +1 -0
  234. package/FormRadio/index.js +1 -0
  235. package/FormRadio/index.js.map +1 -0
  236. package/FormSelect/FormSelect.js +6 -3
  237. package/FormSelect/FormSelect.js.map +1 -0
  238. package/FormSelect/FormSelect.types.js +1 -0
  239. package/FormSelect/FormSelect.types.js.map +1 -0
  240. package/FormSelect/index.js +1 -0
  241. package/FormSelect/index.js.map +1 -0
  242. package/FormTextarea/FormTextarea.js +1 -0
  243. package/FormTextarea/FormTextarea.js.map +1 -0
  244. package/FormTextarea/FormTextarea.types.js +1 -0
  245. package/FormTextarea/FormTextarea.types.js.map +1 -0
  246. package/FormTextarea/index.js +1 -0
  247. package/FormTextarea/index.js.map +1 -0
  248. package/Header/Header.js +1 -0
  249. package/Header/Header.js.map +1 -0
  250. package/Header/Header.types.js +1 -0
  251. package/Header/Header.types.js.map +1 -0
  252. package/Header/index.js +1 -0
  253. package/Header/index.js.map +1 -0
  254. package/HoverCard/HoverCard.js +1 -0
  255. package/HoverCard/HoverCard.js.map +1 -0
  256. package/HoverCard/index.js +1 -0
  257. package/HoverCard/index.js.map +1 -0
  258. package/Input/Input.js +1 -0
  259. package/Input/Input.js.map +1 -0
  260. package/Input/Input.types.js +1 -0
  261. package/Input/Input.types.js.map +1 -0
  262. package/Input/index.js +1 -0
  263. package/Input/index.js.map +1 -0
  264. package/Input/inputVariants.js +1 -0
  265. package/Input/inputVariants.js.map +1 -0
  266. package/InputOTP/InputOTP.js +1 -0
  267. package/InputOTP/InputOTP.js.map +1 -0
  268. package/InputOTP/index.js +1 -0
  269. package/InputOTP/index.js.map +1 -0
  270. package/Label/Label.d.ts +5 -5
  271. package/Label/Label.d.ts.map +1 -1
  272. package/Label/Label.js +21 -15
  273. package/Label/Label.js.map +1 -0
  274. package/Label/index.js +7 -4
  275. package/Label/index.js.map +1 -0
  276. package/Label/labelVariants.d.ts.map +1 -1
  277. package/Label/labelVariants.js +5 -3
  278. package/Label/labelVariants.js.map +1 -0
  279. package/LazyLoader/LazyLoader.js +1 -0
  280. package/LazyLoader/LazyLoader.js.map +1 -0
  281. package/LazyLoader/index.js +1 -0
  282. package/LazyLoader/index.js.map +1 -0
  283. package/LoadedIcon/LoadedIcon.js +1 -0
  284. package/LoadedIcon/LoadedIcon.js.map +1 -0
  285. package/LoadedIcon/index.js +1 -0
  286. package/LoadedIcon/index.js.map +1 -0
  287. package/LoadingMask/LoadingMask.js +1 -0
  288. package/LoadingMask/LoadingMask.js.map +1 -0
  289. package/LoadingMask/LoadingMask.types.js +1 -0
  290. package/LoadingMask/LoadingMask.types.js.map +1 -0
  291. package/LoadingMask/RenderLoadingMask.js +1 -0
  292. package/LoadingMask/RenderLoadingMask.js.map +1 -0
  293. package/LoadingMask/index.js +1 -0
  294. package/LoadingMask/index.js.map +1 -0
  295. package/LoadingProgress/LoadingProgress.js +1 -0
  296. package/LoadingProgress/LoadingProgress.js.map +1 -0
  297. package/LoadingProgress/LoadingProgress.types.js +1 -0
  298. package/LoadingProgress/LoadingProgress.types.js.map +1 -0
  299. package/LoadingProgress/index.js +1 -0
  300. package/LoadingProgress/index.js.map +1 -0
  301. package/LoadingProgress/loadingProgressVariants.js +1 -0
  302. package/LoadingProgress/loadingProgressVariants.js.map +1 -0
  303. package/Menubar/Menubar.js +1 -0
  304. package/Menubar/Menubar.js.map +1 -0
  305. package/Menubar/index.js +1 -0
  306. package/Menubar/index.js.map +1 -0
  307. package/NavigationMenu/NavigationMenu.js +1 -0
  308. package/NavigationMenu/NavigationMenu.js.map +1 -0
  309. package/NavigationMenu/index.js +1 -0
  310. package/NavigationMenu/index.js.map +1 -0
  311. package/NavigationMenu/navigationMenuVariants.js +1 -0
  312. package/NavigationMenu/navigationMenuVariants.js.map +1 -0
  313. package/Pagination/Pagination.js +1 -0
  314. package/Pagination/Pagination.js.map +1 -0
  315. package/Pagination/index.js +1 -0
  316. package/Pagination/index.js.map +1 -0
  317. package/Popover/Popover.d.ts +7 -7
  318. package/Popover/Popover.d.ts.map +1 -1
  319. package/Popover/Popover.js +44 -28
  320. package/Popover/Popover.js.map +1 -0
  321. package/Popover/index.js +6 -3
  322. package/Popover/index.js.map +1 -0
  323. package/Progress/Progress.d.ts +2 -2
  324. package/Progress/Progress.d.ts.map +1 -1
  325. package/Progress/Progress.js +28 -24
  326. package/Progress/Progress.js.map +1 -0
  327. package/Progress/index.js +5 -2
  328. package/Progress/index.js.map +1 -0
  329. package/Radio/Radio.js +1 -0
  330. package/Radio/Radio.js.map +1 -0
  331. package/Radio/Radio.types.js +1 -0
  332. package/Radio/Radio.types.js.map +1 -0
  333. package/Radio/index.js +1 -0
  334. package/Radio/index.js.map +1 -0
  335. package/RadioGroup/RadioGroup.js +1 -0
  336. package/RadioGroup/RadioGroup.js.map +1 -0
  337. package/RadioGroup/index.js +1 -0
  338. package/RadioGroup/index.js.map +1 -0
  339. package/Resizable/Resizable.js +1 -0
  340. package/Resizable/Resizable.js.map +1 -0
  341. package/Resizable/index.js +1 -0
  342. package/Resizable/index.js.map +1 -0
  343. package/ScrollArea/ScrollArea.d.ts +5 -5
  344. package/ScrollArea/ScrollArea.d.ts.map +1 -1
  345. package/ScrollArea/ScrollArea.js +60 -49
  346. package/ScrollArea/ScrollArea.js.map +1 -0
  347. package/ScrollArea/index.js +5 -2
  348. package/ScrollArea/index.js.map +1 -0
  349. package/Search/Search.js +1 -0
  350. package/Search/Search.js.map +1 -0
  351. package/Search/Search.types.js +1 -0
  352. package/Search/Search.types.js.map +1 -0
  353. package/Search/index.js +1 -0
  354. package/Search/index.js.map +1 -0
  355. package/Select/Select.d.ts.map +1 -1
  356. package/Select/Select.js +60 -65
  357. package/Select/Select.js.map +1 -0
  358. package/Select/Select.stories.js +1 -0
  359. package/Select/Select.stories.js.map +1 -0
  360. package/Select/Select.types.d.ts +5 -2
  361. package/Select/Select.types.d.ts.map +1 -1
  362. package/Select/Select.types.js +1 -0
  363. package/Select/Select.types.js.map +1 -0
  364. package/Select/SelectRoot.d.ts +15 -13
  365. package/Select/SelectRoot.d.ts.map +1 -1
  366. package/Select/SelectRoot.js +172 -120
  367. package/Select/SelectRoot.js.map +1 -0
  368. package/Select/index.js +14 -11
  369. package/Select/index.js.map +1 -0
  370. package/Separator/Separator.d.ts +1 -1
  371. package/Separator/Separator.d.ts.map +1 -1
  372. package/Separator/Separator.js +20 -16
  373. package/Separator/Separator.js.map +1 -0
  374. package/Separator/index.js +1 -0
  375. package/Separator/index.js.map +1 -0
  376. package/Sheet/Sheet.d.ts +1 -1
  377. package/Sheet/Sheet.js +1 -0
  378. package/Sheet/Sheet.js.map +1 -0
  379. package/Sheet/index.js +1 -0
  380. package/Sheet/index.js.map +1 -0
  381. package/Sidebar/Sidebar.d.ts +1 -1
  382. package/Sidebar/Sidebar.d.ts.map +1 -1
  383. package/Sidebar/Sidebar.js +133 -128
  384. package/Sidebar/Sidebar.js.map +1 -0
  385. package/Sidebar/index.js +1 -0
  386. package/Sidebar/index.js.map +1 -0
  387. package/Skeleton/Skeleton.js +1 -0
  388. package/Skeleton/Skeleton.js.map +1 -0
  389. package/Skeleton/index.js +1 -0
  390. package/Skeleton/index.js.map +1 -0
  391. package/Slider/Slider.js +1 -0
  392. package/Slider/Slider.js.map +1 -0
  393. package/Slider/index.js +1 -0
  394. package/Slider/index.js.map +1 -0
  395. package/Sonner/Sonner.js +1 -0
  396. package/Sonner/Sonner.js.map +1 -0
  397. package/Sonner/index.js +1 -0
  398. package/Sonner/index.js.map +1 -0
  399. package/Switch/Switch.d.ts +2 -2
  400. package/Switch/Switch.d.ts.map +1 -1
  401. package/Switch/Switch.js +30 -25
  402. package/Switch/Switch.js.map +1 -0
  403. package/Switch/index.js +1 -0
  404. package/Switch/index.js.map +1 -0
  405. package/Table/Table.js +1 -0
  406. package/Table/Table.js.map +1 -0
  407. package/Table/index.js +1 -0
  408. package/Table/index.js.map +1 -0
  409. package/TablePagination/TablePagination.js +16 -13
  410. package/TablePagination/TablePagination.js.map +1 -0
  411. package/TablePagination/index.js +1 -0
  412. package/TablePagination/index.js.map +1 -0
  413. package/Tabs/Tabs.js +1 -0
  414. package/Tabs/Tabs.js.map +1 -0
  415. package/Tabs/Tabs.types.js +1 -0
  416. package/Tabs/Tabs.types.js.map +1 -0
  417. package/Tabs/TabsRoot.js +1 -0
  418. package/Tabs/TabsRoot.js.map +1 -0
  419. package/Tabs/index.js +1 -0
  420. package/Tabs/index.js.map +1 -0
  421. package/Textarea/Textarea.js +1 -0
  422. package/Textarea/Textarea.js.map +1 -0
  423. package/Textarea/Textarea.types.js +1 -0
  424. package/Textarea/Textarea.types.js.map +1 -0
  425. package/Textarea/index.js +1 -0
  426. package/Textarea/index.js.map +1 -0
  427. package/Textarea/useAutosizeTextArea.js +1 -0
  428. package/Textarea/useAutosizeTextArea.js.map +1 -0
  429. package/Theme/ThemeModeToggle.js +1 -0
  430. package/Theme/ThemeModeToggle.js.map +1 -0
  431. package/Theme/ThemeProvider.js +1 -0
  432. package/Theme/ThemeProvider.js.map +1 -0
  433. package/Theme/index.js +1 -0
  434. package/Theme/index.js.map +1 -0
  435. package/Toast/Toast.js +1 -0
  436. package/Toast/Toast.js.map +1 -0
  437. package/Toast/Toast.types.js +1 -0
  438. package/Toast/Toast.types.js.map +1 -0
  439. package/Toast/index.js +1 -0
  440. package/Toast/index.js.map +1 -0
  441. package/Toast/toast.constants.js +1 -0
  442. package/Toast/toast.constants.js.map +1 -0
  443. package/Toast/toastVariants.js +1 -0
  444. package/Toast/toastVariants.js.map +1 -0
  445. package/Toast/useToast.js +1 -0
  446. package/Toast/useToast.js.map +1 -0
  447. package/Toaster/Toaster.js +1 -0
  448. package/Toaster/Toaster.js.map +1 -0
  449. package/Toaster/index.js +1 -0
  450. package/Toaster/index.js.map +1 -0
  451. package/Toggle/Toggle.js +1 -0
  452. package/Toggle/Toggle.js.map +1 -0
  453. package/Toggle/index.js +1 -0
  454. package/Toggle/index.js.map +1 -0
  455. package/ToggleGroup/ToggleGroup.js +1 -0
  456. package/ToggleGroup/ToggleGroup.js.map +1 -0
  457. package/ToggleGroup/index.js +1 -0
  458. package/ToggleGroup/index.js.map +1 -0
  459. package/Tooltip/Tooltip.d.ts +3 -2
  460. package/Tooltip/Tooltip.d.ts.map +1 -1
  461. package/Tooltip/Tooltip.js +57 -9
  462. package/Tooltip/Tooltip.js.map +1 -0
  463. package/Tooltip/Tooltip.types.d.ts +5 -3
  464. package/Tooltip/Tooltip.types.d.ts.map +1 -1
  465. package/Tooltip/Tooltip.types.js +1 -0
  466. package/Tooltip/Tooltip.types.js.map +1 -0
  467. package/Tooltip/TooltipRoot.d.ts +4 -2
  468. package/Tooltip/TooltipRoot.d.ts.map +1 -1
  469. package/Tooltip/TooltipRoot.js +24 -26
  470. package/Tooltip/TooltipRoot.js.map +1 -0
  471. package/Tooltip/index.js +9 -5
  472. package/Tooltip/index.js.map +1 -0
  473. package/index.js +391 -371
  474. package/index.js.map +1 -0
  475. package/package.json +16 -18
  476. package/hooks/dist/useIsMobile/useIsMobile.js +0 -16
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
package/Chart/Chart.js CHANGED
@@ -206,3 +206,4 @@ export {
206
206
  O as ChartTooltip,
207
207
  E as ChartTooltipContent
208
208
  };
209
+ //# sourceMappingURL=Chart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chart.js","sources":["../../src/Chart/Chart.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as RechartsPrimitive from \"recharts\"\n\nimport { cn } from \"@oneplatformdev/utils\";\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: \"\", dark: \".dark\" } as const\n\nexport type ChartConfig = {\n [k in string]: {\n label?: React.ReactNode\n icon?: React.ComponentType\n } & (\n | { color?: string; theme?: never }\n | { color?: never; theme: Record<keyof typeof THEMES, string> }\n )\n}\n\ntype ChartContextProps = {\n config: ChartConfig\n}\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null)\n\nfunction useChart() {\n const context = React.useContext(ChartContext)\n\n if (!context) {\n throw new Error(\"useChart must be used within a <ChartContainer />\")\n }\n\n return context\n}\n\nconst ChartContainer = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n config: ChartConfig\n children: React.ComponentProps<\n typeof RechartsPrimitive.ResponsiveContainer\n >[\"children\"]\n }\n>(({ id, className, children, config, ...props }, ref) => {\n const uniqueId = React.useId()\n const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`\n\n return (\n <ChartContext.Provider value={{ config }}>\n <div\n data-chart={chartId}\n ref={ref}\n className={cn(\n \"flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden\",\n className\n )}\n {...props}\n >\n <ChartStyle id={chartId} config={config} />\n <RechartsPrimitive.ResponsiveContainer>\n {children}\n </RechartsPrimitive.ResponsiveContainer>\n </div>\n </ChartContext.Provider>\n )\n})\nChartContainer.displayName = \"Chart\"\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n const colorConfig = Object.entries(config).filter(\n ([, config]) => config.theme || config.color\n )\n\n if (!colorConfig.length) {\n return null\n }\n\n return (\n <style\n dangerouslySetInnerHTML={{\n __html: Object.entries(THEMES)\n .map(\n ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n .map(([key, itemConfig]) => {\n const color =\n itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||\n itemConfig.color\n return color ? ` --color-${key}: ${color};` : null\n })\n .join(\"\\n\")}\n}\n`\n )\n .join(\"\\n\"),\n }}\n />\n )\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip\n\nconst ChartTooltipContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<typeof RechartsPrimitive.Tooltip> &\n React.ComponentProps<\"div\"> & {\n hideLabel?: boolean\n hideIndicator?: boolean\n indicator?: \"line\" | \"dot\" | \"dashed\"\n nameKey?: string\n labelKey?: string\n }\n>(\n (\n {\n active,\n payload,\n className,\n indicator = \"dot\",\n hideLabel = false,\n hideIndicator = false,\n label,\n labelFormatter,\n labelClassName,\n formatter,\n color,\n nameKey,\n labelKey,\n },\n ref\n ) => {\n const { config } = useChart()\n\n const tooltipLabel = React.useMemo(() => {\n if (hideLabel || !payload?.length) {\n return null\n }\n\n const [item] = payload\n const key = `${labelKey || item.dataKey || item.name || \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const value =\n !labelKey && typeof label === \"string\"\n ? config[label as keyof typeof config]?.label || label\n : itemConfig?.label\n\n if (labelFormatter) {\n return (\n <div className={cn(\"font-medium\", labelClassName)}>\n {labelFormatter(value, payload)}\n </div>\n )\n }\n\n if (!value) {\n return null\n }\n\n return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>\n }, [\n label,\n labelFormatter,\n payload,\n hideLabel,\n labelClassName,\n config,\n labelKey,\n ])\n\n if (!active || !payload?.length) {\n return null\n }\n\n const nestLabel = payload.length === 1 && indicator !== \"dot\"\n\n return (\n <div\n ref={ref}\n className={cn(\n \"grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl\",\n className\n )}\n >\n {!nestLabel ? tooltipLabel : null}\n <div className=\"grid gap-1.5\">\n {payload.map((item, index) => {\n const key = `${nameKey || item.name || item.dataKey || \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const indicatorColor = color || item.payload.fill || item.color\n\n return (\n <div\n key={item.dataKey}\n className={cn(\n \"flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground\",\n indicator === \"dot\" && \"items-center\"\n )}\n >\n {formatter && item?.value !== undefined && item.name ? (\n formatter(item.value, item.name, item, index, item.payload)\n ) : (\n <>\n {itemConfig?.icon ? (\n <itemConfig.icon />\n ) : (\n !hideIndicator && (\n <div\n className={cn(\n \"shrink-0 rounded-[2px] border-border bg-(--color-bg)\",\n {\n \"h-2.5 w-2.5\": indicator === \"dot\",\n \"w-1\": indicator === \"line\",\n \"w-0 border-[1.5px] border-dashed bg-transparent\":\n indicator === \"dashed\",\n \"my-0.5\": nestLabel && indicator === \"dashed\",\n }\n )}\n style={\n {\n \"--color-bg\": indicatorColor,\n \"--color-border\": indicatorColor,\n } as React.CSSProperties\n }\n />\n )\n )}\n <div\n className={cn(\n \"flex flex-1 justify-between leading-none\",\n nestLabel ? \"items-end\" : \"items-center\"\n )}\n >\n <div className=\"grid gap-1.5\">\n {nestLabel ? tooltipLabel : null}\n <span className=\"text-muted-foreground\">\n {itemConfig?.label || item.name}\n </span>\n </div>\n {item.value && (\n <span className=\"font-mono font-medium tabular-nums text-foreground\">\n {item.value.toLocaleString()}\n </span>\n )}\n </div>\n </>\n )}\n </div>\n )\n })}\n </div>\n </div>\n )\n }\n)\nChartTooltipContent.displayName = \"ChartTooltip\"\n\nconst ChartLegend = RechartsPrimitive.Legend\n\nconst ChartLegendContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> &\n Pick<RechartsPrimitive.LegendProps, \"payload\" | \"verticalAlign\"> & {\n hideIcon?: boolean\n nameKey?: string\n }\n>(\n (\n { className, hideIcon = false, payload, verticalAlign = \"bottom\", nameKey },\n ref\n ) => {\n const { config } = useChart()\n\n if (!payload?.length) {\n return null\n }\n\n return (\n <div\n ref={ref}\n className={cn(\n \"flex items-center justify-center gap-4\",\n verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n className\n )}\n >\n {payload.map((item) => {\n const key = `${nameKey || item.dataKey || \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n\n return (\n <div\n key={item.value}\n className={cn(\n \"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground\"\n )}\n >\n {itemConfig?.icon && !hideIcon ? (\n <itemConfig.icon />\n ) : (\n <div\n className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n style={{\n backgroundColor: item.color,\n }}\n />\n )}\n {itemConfig?.label}\n </div>\n )\n })}\n </div>\n )\n }\n)\nChartLegendContent.displayName = \"ChartLegend\"\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n config: ChartConfig,\n payload: unknown,\n key: string\n) {\n if (typeof payload !== \"object\" || payload === null) {\n return undefined\n }\n\n const payloadPayload =\n \"payload\" in payload &&\n typeof payload.payload === \"object\" &&\n payload.payload !== null\n ? payload.payload\n : undefined\n\n let configLabelKey: string = key\n\n if (\n key in payload &&\n typeof payload[key as keyof typeof payload] === \"string\"\n ) {\n configLabelKey = payload[key as keyof typeof payload] as string\n } else if (\n payloadPayload &&\n key in payloadPayload &&\n typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n ) {\n configLabelKey = payloadPayload[\n key as keyof typeof payloadPayload\n ] as string\n }\n\n return configLabelKey in config\n ? config[configLabelKey]\n : config[key as keyof typeof config]\n}\n\nexport {\n ChartContainer,\n ChartTooltip,\n ChartTooltipContent,\n ChartLegend,\n ChartLegendContent,\n ChartStyle,\n}\n"],"names":["THEMES","ChartContext","React","useChart","context","ChartContainer","id","className","children","config","props","ref","uniqueId","chartId","jsxs","cn","jsx","ChartStyle","RechartsPrimitive","colorConfig","theme","prefix","key","itemConfig","color","ChartTooltip","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","Fragment","ChartLegend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":"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"}
package/Chart/index.js CHANGED
@@ -7,3 +7,4 @@ export {
7
7
  a as ChartTooltip,
8
8
  h as ChartTooltipContent
9
9
  };
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -52,3 +52,4 @@ export {
52
52
  n as Checkbox,
53
53
  u as CheckboxLabel
54
54
  };
55
+ //# sourceMappingURL=Checkbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.js","sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon, MinusIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '@oneplatformdev/utils';\nimport type { CheckboxLabelProps, CheckboxProps } from './Checkbox.types';\n\nimport { Label } from '../Label';\n\n// TODO: move to @oneplatformdev/ui/Checkbox\nconst Checkbox = React.forwardRef<\n\tReact.ElementRef<typeof CheckboxPrimitive.Root>,\n\tCheckboxProps\n>(({ className, checked, indeterminate, ...props }, ref) => {\n\tconst Icon = indeterminate ? MinusIcon : CheckIcon;\n\treturn (\n\t\t<CheckboxPrimitive.Root\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow-sm focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t\tchecked={checked ?? indeterminate}\n\t\t>\n\t\t\t<CheckboxPrimitive.Indicator\n\t\t\t\tclassName={cn(\"flex items-center justify-center text-current\")}\n\t\t\t>\n\t\t\t\t<Icon className=\"h-4 w-4\"/>\n\t\t\t</CheckboxPrimitive.Indicator>\n\t\t</CheckboxPrimitive.Root>\n\t);\n});\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nconst CheckboxLabel = React.forwardRef<\n\tHTMLLabelElement,\n\tCheckboxLabelProps\n>(({ label = '', children, labelProps, ...rest }, ref) => {\n\treturn (\n\t\t<Label\n\t\t\tref={ref}\n\t\t\t{...labelProps}\n\t\t\tclassName={cn(\n\t\t\t\t'flex w-full items-start gap-3 font-normal py-3 cursor-pointer',\n\t\t\t\tlabelProps?.className,\n\t\t\t)}\n\t\t\tstyle={labelProps?.style}\n\t\t>\n\t\t\t<Checkbox {...rest}/>\n\t\t\t<div className='flex flex-col w-full gap-3'>\n\t\t\t\t<span className='flex flex-col justify-start leading-[16px]'>{label}</span>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</Label>\n\t);\n});\nCheckboxLabel.displayName = 'CheckboxLabel';\n\nexport { Checkbox, CheckboxLabel };\n"],"names":["Checkbox","React","className","checked","indeterminate","props","ref","Icon","MinusIcon","CheckIcon","jsx","CheckboxPrimitive","cn","CheckboxLabel","label","children","labelProps","rest","jsxs","Label"],"mappings":";;;;;;;AAYA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,GAAe,GAAGC,EAAA,GAASC,MAAQ;AAC3D,QAAMC,IAAOH,IAAgBI,IAAYC;AACzC,SACC,gBAAAC;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACA,KAAAL;AAAA,MACA,WAAWM;AAAA,QACV;AAAA,QACAV;AAAA,MAAA;AAAA,MAEA,GAAGG;AAAA,MACJ,SAASF,KAAWC;AAAA,MAEpB,UAAA,gBAAAM;AAAA,QAACC,EAAkB;AAAA,QAAlB;AAAA,UACA,WAAWC,EAAG,+CAA+C;AAAA,UAE7D,UAAA,gBAAAF,EAACH,GAAA,EAAK,WAAU,UAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAAA;AAGH,CAAC;AACDP,EAAS,cAAcW,EAAkB,KAAK;AAE9C,MAAME,IAAgBZ,EAAM,WAG1B,CAAC,EAAE,OAAAa,IAAQ,IAAI,UAAAC,GAAU,YAAAC,GAAY,GAAGC,EAAA,GAAQX,MAEhD,gBAAAY;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,KAAAb;AAAA,IACC,GAAGU;AAAA,IACJ,WAAWJ;AAAA,MACV;AAAA,MACAI,GAAY;AAAA,IAAA;AAAA,IAEb,OAAOA,GAAY;AAAA,IAEnB,UAAA;AAAA,MAAA,gBAAAN,EAACV,GAAA,EAAU,GAAGiB,GAAK;AAAA,MACnB,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BACd,UAAA;AAAA,QAAA,gBAAAR,EAAC,QAAA,EAAK,WAAU,8CAA8C,UAAAI,GAAM;AAAA,QACnEC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAAA,CAGF;AACDF,EAAc,cAAc;"}
@@ -1 +1,2 @@
1
1
 
2
+ //# sourceMappingURL=Checkbox.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/Checkbox/index.js CHANGED
@@ -3,3 +3,4 @@ export {
3
3
  b as Checkbox,
4
4
  x as CheckboxLabel
5
5
  };
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -5,3 +5,4 @@ export {
5
5
  i as CollapsibleContent,
6
6
  e as CollapsibleTrigger
7
7
  };
8
+ //# sourceMappingURL=Collapsible.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Collapsible.js","sources":["../../src/Collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\"\n\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\n\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"],"names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";AAIA,MAAMA,IAAcC,EAAqB,MAEnCC,IAAqBD,EAAqB,oBAE1CE,IAAqBF,EAAqB;"}
@@ -4,3 +4,4 @@ export {
4
4
  i as CollapsibleContent,
5
5
  p as CollapsibleTrigger
6
6
  };
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,4 +1,3 @@
1
- import { default as React } from 'react';
2
1
  import { ComboboxProps } from './Combobox.types';
3
- export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;
2
+ export declare const Combobox: import('react').ForwardRefExoticComponent<ComboboxProps & import('react').RefAttributes<HTMLDivElement>>;
4
3
  //# sourceMappingURL=Combobox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAef,OAAO,EAGL,aAAa,EACd,MAAM,kBAAkB,CAAC;AAI1B,eAAO,MAAM,QAAQ,sFAgOpB,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAGL,aAAa,EACd,MAAM,kBAAkB,CAAC;AAI1B,eAAO,MAAM,QAAQ,0GAuPpB,CAAC"}
@@ -1,163 +1,176 @@
1
- import { jsx as e, jsxs as l, Fragment as j } from "react/jsx-runtime";
2
- import { forwardRef as W, useRef as X, useState as c, useEffect as _, useCallback as p, useMemo as O, useLayoutEffect as J } from "react";
3
- import { LoadingMask as K } from "../LoadingMask/LoadingMask.js";
1
+ import { jsx as t, jsxs as l, Fragment as F } from "react/jsx-runtime";
2
+ import { forwardRef as $, useRef as ee, useState as c, useCallback as p, useEffect as te, useMemo as k, useLayoutEffect as oe } from "react";
3
+ import { LoadingMask as ne } from "../LoadingMask/LoadingMask.js";
4
4
  import "../LoadingMask/RenderLoadingMask.js";
5
- import { Popover as Q, PopoverTrigger as Y, PopoverContent as Z } from "../Popover/Popover.js";
6
- import { Button as $ } from "../Button/Button.js";
5
+ import { Popover as re, PopoverTrigger as ae, PopoverContent as se } from "../Popover/Popover.js";
6
+ import { Button as ie } from "../Button/Button.js";
7
7
  import "../Button/buttonVariants.js";
8
- import { Command as ee, CommandInput as oe, CommandList as te, CommandGroup as ne, CommandEmpty as B, CommandItem as re } from "../Command/Command.js";
9
- import { cn as L } from "@oneplatformdev/utils";
10
- import { useDebounceCallback as ae } from "@oneplatformdev/hooks";
11
- import { X as se, ChevronsUpDown as le } from "lucide-react";
12
- import { ComboboxOptions as ie } from "./ComboboxOptions.js";
13
- const xe = W(
14
- (D, T) => {
8
+ import { Command as le, CommandInput as ce, CommandList as pe, CommandGroup as me, CommandEmpty as I, CommandItem as de } from "../Command/Command.js";
9
+ import { cn as P } from "@oneplatformdev/utils";
10
+ import { useDebounceCallback as ue } from "@oneplatformdev/hooks";
11
+ import { X as he, ChevronsUpDown as fe } from "lucide-react";
12
+ import { ComboboxOptions as ge } from "./ComboboxOptions.js";
13
+ const Ee = $(
14
+ (z, G) => {
15
15
  const {
16
- value: m,
17
- onChange: A,
18
- placeholder: I,
19
- disabled: z,
20
- searchLabel: F = "Type to search...",
21
- fetchOptions: G,
22
- options: u,
23
- emptyLabel: S = "No options",
24
- emptyAction: d,
25
- commandInputAction: f,
26
- listHeadAction: h,
27
- onMount: g
28
- } = D, b = X(!1), [a, y] = c(!1), [r, C] = c(""), [t, v] = c([]), [x, w] = c(), [n, s] = c(!1);
29
- _(() => {
30
- u?.length && v(u);
31
- }, [u]);
32
- const R = async () => {
33
- a || (P(), C(""));
34
- }, P = p(async (o) => {
35
- s(!0);
16
+ value: u,
17
+ onChange: R,
18
+ placeholder: U,
19
+ disabled: _,
20
+ searchLabel: q = "Type to search...",
21
+ fetchOptions: H,
22
+ options: y,
23
+ emptyLabel: E = "No options",
24
+ emptyAction: h,
25
+ commandInputAction: C,
26
+ listHeadAction: f,
27
+ onMount: x
28
+ } = z, v = ee(!1), [s, w] = c(!1), [r, O] = c(""), [N, L] = c(), [o, i] = c(!1), [n, V] = c([]), [W, X] = c([]), S = p((e) => {
29
+ const d = (g) => {
30
+ const a = [], T = (A) => {
31
+ if (A)
32
+ for (const b of A)
33
+ a.push(b), b.items && b.items.length && T(b.items);
34
+ };
35
+ T(g), X(a);
36
+ };
37
+ V((g) => {
38
+ let a = g;
39
+ return typeof e == "function" ? a = e(g) : a = e, d(a), a;
40
+ });
41
+ }, []);
42
+ te(() => {
43
+ y?.length && S(y);
44
+ }, [y]);
45
+ const J = async () => {
46
+ s || (M(), O(""));
47
+ }, M = p(async (e) => {
48
+ i(!0);
36
49
  try {
37
- const N = await G(o);
38
- v(N);
39
- } catch (N) {
40
- console.error("Unexpected error while get option:", N);
50
+ const d = await H(e);
51
+ S(d);
52
+ } catch (d) {
53
+ console.error("Unexpected error while get option:", d);
41
54
  } finally {
42
- s(!1);
55
+ i(!1);
43
56
  }
44
- }, []), U = ae(P, 1e3, {
57
+ }, []), K = ue(M, 1e3, {
45
58
  leading: !1,
46
59
  trailing: !0
47
- }), q = p((o) => {
48
- s(!0), C(o), U(o);
49
- }, []), k = p((o) => {
50
- A(o.value), w(o), s(!1);
51
- }, []), H = p(() => {
52
- k({ value: "", label: "" }), w(void 0), s(!1);
53
- }, []), E = O(() => !!r && !t.length && !n, [n, t.length, r]), M = O(() => !t.length && !n, [n, t.length, r]), i = O(() => ({
54
- options: t,
55
- setOptions: v,
56
- selectedOption: x,
57
- setSelectedOption: w,
60
+ }), Q = p((e) => {
61
+ i(!0), O(e), K(e);
62
+ }, []), j = p((e) => {
63
+ R(e.value), L(e), i(!1);
64
+ }, []), Y = p(() => {
65
+ j({ value: "", label: "" }), L(void 0), i(!1);
66
+ }, []), B = k(() => !!r && !n.length && !o, [o, n.length, r]), D = k(() => !n.length && !o, [o, n.length, r]), m = k(() => ({
67
+ options: n,
68
+ setOptions: S,
69
+ selectedOption: N,
70
+ setSelectedOption: L,
58
71
  search: r || "",
59
- setSearch: C,
60
- open: a,
61
- setOpen: y,
62
- loading: n,
63
- setLoading: s,
64
- isEmptyList: M,
65
- isSearchedEmptyList: E
66
- }), [n, a, t, r, x, M, E]), V = p(() => {
67
- if (!g) {
68
- b.current = !0;
72
+ setSearch: O,
73
+ open: s,
74
+ setOpen: w,
75
+ loading: o,
76
+ setLoading: i,
77
+ isEmptyList: D,
78
+ isSearchedEmptyList: B
79
+ }), [o, s, n, r, N, D, B]), Z = p(() => {
80
+ if (!x) {
81
+ v.current = !0;
69
82
  return;
70
83
  }
71
- g(i).finally(() => {
72
- b.current = !0;
84
+ x(m).finally(() => {
85
+ v.current = !0;
73
86
  });
74
- }, [i, g]);
75
- return J(() => (V(), () => {
76
- b.current = !1;
77
- }), []), /* @__PURE__ */ e("div", { className: "w-full", ref: T, children: /* @__PURE__ */ l(
78
- Q,
87
+ }, [m, x]);
88
+ return oe(() => (Z(), () => {
89
+ v.current = !1;
90
+ }), []), /* @__PURE__ */ t("div", { className: "w-full", ref: G, children: /* @__PURE__ */ l(
91
+ re,
79
92
  {
80
- open: a,
81
- onOpenChange: (o) => {
82
- y(o), o && R();
93
+ open: s,
94
+ onOpenChange: (e) => {
95
+ w(e), e && J();
83
96
  },
84
97
  children: [
85
- /* @__PURE__ */ e(Y, { asChild: !0, className: "border-input", children: /* @__PURE__ */ l(
86
- $,
98
+ /* @__PURE__ */ t(ae, { asChild: !0, className: "border-input", children: /* @__PURE__ */ l(
99
+ ie,
87
100
  {
88
101
  variant: "outline",
89
102
  role: "combobox",
90
103
  size: "lg",
91
- "aria-expanded": a,
92
- className: L(
104
+ "aria-expanded": s,
105
+ className: P(
93
106
  "w-full justify-between font-normal text-sm bg-transparent relative p-3",
94
107
  "border border-border",
95
- a && "border-2 outline-hidden ring-1 ring-ring",
108
+ s && "border-2 outline-hidden ring-1 ring-ring",
96
109
  "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring"
97
110
  ),
98
- disabled: z,
111
+ disabled: _,
99
112
  children: [
100
- /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: m ? t.find((o) => o.value === m)?.label || x?.label : /* @__PURE__ */ e("span", { className: "text-gray-400", children: I }) }),
101
- m ? /* @__PURE__ */ e(
113
+ /* @__PURE__ */ t("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: u ? W.find((e) => e.value === u)?.label || N?.label : /* @__PURE__ */ t("span", { className: "text-gray-400", children: U }) }),
114
+ u ? /* @__PURE__ */ t(
102
115
  "div",
103
116
  {
104
- className: L(
117
+ className: P(
105
118
  "absolute top-0 right-1",
106
119
  "flex items-center justify-center",
107
120
  "w-9 aspect-square [&_svg]:size-5",
108
121
  "opacity-50 cursor-pointer hover:opacity-100"
109
122
  ),
110
- onClick: (o) => {
111
- o.stopPropagation(), H();
123
+ onClick: (e) => {
124
+ e.stopPropagation(), Y();
112
125
  },
113
- children: /* @__PURE__ */ e(se, {})
126
+ children: /* @__PURE__ */ t(he, {})
114
127
  }
115
- ) : /* @__PURE__ */ e(le, { className: "opacity-50 w-4 h-4" })
128
+ ) : /* @__PURE__ */ t(fe, { className: "opacity-50 w-4 h-4" })
116
129
  ]
117
130
  }
118
131
  ) }),
119
- /* @__PURE__ */ e(
120
- Z,
132
+ /* @__PURE__ */ t(
133
+ se,
121
134
  {
122
135
  className: "w-(--radix-popper-anchor-width) max-w-none p-0",
123
136
  align: "start",
124
- children: /* @__PURE__ */ l(ee, { shouldFilter: !1, children: [
125
- /* @__PURE__ */ e(
126
- oe,
137
+ children: /* @__PURE__ */ l(le, { shouldFilter: !1, children: [
138
+ /* @__PURE__ */ t(
139
+ ce,
127
140
  {
128
- placeholder: F,
141
+ placeholder: q,
129
142
  value: r,
130
- onValueChange: q
143
+ onValueChange: Q
131
144
  }
132
145
  ),
133
- typeof f == "function" ? f(i) : f,
134
- /* @__PURE__ */ e(te, { children: /* @__PURE__ */ l(
135
- ne,
146
+ typeof C == "function" ? C(m) : C,
147
+ /* @__PURE__ */ t(pe, { children: /* @__PURE__ */ l(
148
+ me,
136
149
  {
137
- className: L(!t.length && "p-0 shadow-none"),
150
+ className: P(!n.length && "p-0 shadow-none"),
138
151
  children: [
139
- n && /* @__PURE__ */ e(K, { fullWidth: !0 }),
140
- !n && !!r && /* @__PURE__ */ e(j, { children: d ? /* @__PURE__ */ l(B, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
141
- /* @__PURE__ */ e("span", { children: S }),
142
- typeof d == "function" ? d(i) : d
143
- ] }) : /* @__PURE__ */ e(B, { children: S }) }),
144
- !n && /* @__PURE__ */ l(j, { children: [
145
- !!t.length && h && /* @__PURE__ */ e(
146
- re,
152
+ o && /* @__PURE__ */ t(ne, { fullWidth: !0 }),
153
+ !o && !!r && /* @__PURE__ */ t(F, { children: h ? /* @__PURE__ */ l(I, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
154
+ /* @__PURE__ */ t("span", { children: E }),
155
+ typeof h == "function" ? h(m) : h
156
+ ] }) : /* @__PURE__ */ t(I, { children: E }) }),
157
+ !o && /* @__PURE__ */ l(F, { children: [
158
+ !!n.length && f && /* @__PURE__ */ t(
159
+ de,
147
160
  {
148
161
  asChild: !0,
149
162
  className: "w-full",
150
- children: typeof h == "function" ? h(i) : h
163
+ children: typeof f == "function" ? f(m) : f
151
164
  },
152
165
  "combobox-list-head-action"
153
166
  ),
154
- /* @__PURE__ */ e(
155
- ie,
167
+ /* @__PURE__ */ t(
168
+ ge,
156
169
  {
157
- value: m,
158
- options: t,
159
- onChangeOption: k,
160
- setOpen: y
170
+ value: u,
171
+ options: n,
172
+ onChangeOption: j,
173
+ setOpen: w
161
174
  }
162
175
  )
163
176
  ] })
@@ -173,5 +186,6 @@ const xe = W(
173
186
  }
174
187
  );
175
188
  export {
176
- xe as Combobox
189
+ Ee as Combobox
177
190
  };
191
+ //# sourceMappingURL=Combobox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import {\n Dispatch,\n forwardRef, SetStateAction,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { LoadingMask } from '../LoadingMask';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover';\nimport { Button } from '../Button';\nimport {\n Command,\n CommandEmpty,\n CommandGroup,\n CommandInput,\n CommandItem,\n CommandList,\n} from '../Command';\nimport { cn } from '@oneplatformdev/utils';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { ChevronsUpDown, X } from 'lucide-react';\nimport {\n ComboboxCallbackStateParams,\n ComboboxOption,\n ComboboxProps,\n} from './Combobox.types';\nimport { ComboboxOptions } from './ComboboxOptions'; // TODO: refactor next component | nlt code\n\n// TODO: refactor next component | nlt code\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\n (props, ref) => {\n const {\n value,\n onChange,\n placeholder,\n disabled,\n searchLabel = 'Type to search...',\n fetchOptions,\n options: itemOptions,\n emptyLabel = 'No options',\n emptyAction,\n commandInputAction,\n listHeadAction,\n onMount,\n } = props;\n const isMounted = useRef(false);\n const [open, setOpen] = useState(false);\n const [searchTerm, setSearchTerm] = useState('');\n const [selectedOption, setSelectedOption] = useState<ComboboxOption>();\n const [loading, setLoading] = useState(false);\n\n const [options, _setOptions] = useState<ComboboxOption[]>([]);\n const [flattenOptions, setFlattenOptions] = useState<ComboboxOption[]>([]);\n const setOptions: Dispatch<SetStateAction<ComboboxOption[]>> = useCallback((stater) => {\n const flatten = (next: ComboboxOption[]) => {\n const res: ComboboxOption[] = [];\n const walk = (nodes?: ComboboxOption[]) => {\n if (!nodes) return;\n for (const node of nodes) {\n res.push(node);\n if (node.items && node.items.length) walk(node.items);\n }\n };\n walk(next);\n setFlattenOptions(res);\n }\n _setOptions((prev) => {\n let next: ComboboxOption[] = prev;\n if(typeof stater === 'function') next = stater(prev)\n else next = stater;\n flatten(next);\n return next;\n });\n }, [])\n\n useEffect(() => {\n itemOptions?.length && setOptions(itemOptions);\n }, [itemOptions]);\n\n const handlePopoverOpen = async () => {\n if (!open) {\n getData();\n setSearchTerm('');\n }\n };\n\n const getData = useCallback(async (search?: string) => {\n setLoading(true);\n try {\n const fetchedOptions = await fetchOptions(search);\n setOptions(fetchedOptions);\n } catch (error) {\n console.error('Unexpected error while get option:', error);\n } finally {\n setLoading(false);\n }\n }, []);\n\n const debouncedGetData = useDebounceCallback(getData, 1000, {\n leading: false,\n trailing: true,\n });\n\n const handleSearchChange = useCallback((value: string) => {\n setLoading(true);\n setSearchTerm(value);\n debouncedGetData(value);\n }, []);\n\n const onChangeOption = useCallback((option: ComboboxOption) => {\n onChange(option.value);\n setSelectedOption(option);\n setLoading(false);\n }, []);\n\n const handleClearSelection = useCallback(() => {\n onChangeOption({ value: '', label: '' });\n setSelectedOption(undefined);\n setLoading(false);\n }, []);\n\n const isSearchedEmptyList = useMemo(() => {\n return Boolean(searchTerm) && !options.length && !loading;\n }, [loading, options.length, searchTerm])\n\n const isEmptyList = useMemo(() => {\n return !options.length && !loading;\n }, [loading, options.length, searchTerm])\n\n const comboboxCallbackStateParams =\n useMemo((): ComboboxCallbackStateParams => {\n return {\n options,\n setOptions,\n selectedOption,\n setSelectedOption,\n search: searchTerm || '',\n setSearch: setSearchTerm,\n open,\n setOpen,\n loading,\n setLoading,\n isEmptyList,\n isSearchedEmptyList,\n };\n }, [loading, open, options, searchTerm, selectedOption, isEmptyList, isSearchedEmptyList]);\n\n const runOnMount = useCallback(() => {\n if (!onMount) {\n isMounted.current = true;\n return;\n }\n onMount(comboboxCallbackStateParams).finally(() => {\n isMounted.current = true;\n });\n }, [comboboxCallbackStateParams, onMount]);\n\n useLayoutEffect(() => {\n runOnMount();\n return () => {\n isMounted.current = false;\n };\n }, []);\n\n return (\n <div className=\"w-full\" ref={ref}>\n <Popover\n open={open}\n onOpenChange={(newOpen) => {\n setOpen(newOpen);\n if (newOpen) handlePopoverOpen();\n }}\n >\n <PopoverTrigger asChild className=\"border-input\">\n <Button\n variant=\"outline\"\n role=\"combobox\"\n size=\"lg\"\n aria-expanded={open}\n className={cn(\n 'w-full justify-between font-normal text-sm bg-transparent relative p-3',\n 'border border-border',\n open && 'border-2 outline-hidden ring-1 ring-ring',\n 'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring'\n )}\n disabled={disabled}\n >\n <span className=\"truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap\">\n {value ? (\n flattenOptions.find((option) => option.value === value)?.label ||\n selectedOption?.label\n ) : (\n <span className=\"text-gray-400\">{placeholder}</span>\n )}\n </span>\n {value ? (\n <div\n className={cn(\n 'absolute top-0 right-1',\n 'flex items-center justify-center',\n 'w-9 aspect-square [&_svg]:size-5',\n 'opacity-50 cursor-pointer hover:opacity-100'\n )}\n onClick={(e) => {\n e.stopPropagation();\n handleClearSelection();\n }}\n >\n <X />\n </div>\n ) : (\n <ChevronsUpDown className=\"opacity-50 w-4 h-4\" />\n )}\n </Button>\n </PopoverTrigger>\n <PopoverContent\n className=\"w-(--radix-popper-anchor-width) max-w-none p-0\"\n align=\"start\"\n >\n <Command shouldFilter={false}>\n <CommandInput\n placeholder={searchLabel}\n value={searchTerm}\n onValueChange={handleSearchChange}\n />\n {typeof commandInputAction === 'function'\n ? commandInputAction(comboboxCallbackStateParams)\n : commandInputAction}\n <CommandList>\n <CommandGroup\n className={cn(!options.length && 'p-0 shadow-none')}\n >\n {loading && <LoadingMask fullWidth />}\n {!loading && Boolean(searchTerm) && (\n <>\n {emptyAction ? (\n <CommandEmpty className=\"flex flex-col gap-3 py-5 px-3 items-center\">\n <span>{emptyLabel}</span>\n {typeof emptyAction === 'function'\n ? emptyAction(comboboxCallbackStateParams)\n : emptyAction}\n </CommandEmpty>\n ) : (\n <CommandEmpty>{emptyLabel}</CommandEmpty>\n )}\n </>\n )}\n {!loading && (\n <>\n {Boolean(options.length) && listHeadAction && (\n <CommandItem\n key='combobox-list-head-action'\n asChild\n className='w-full'\n >\n {typeof listHeadAction === 'function'\n ? listHeadAction(comboboxCallbackStateParams)\n : listHeadAction}\n </CommandItem>\n )}\n <ComboboxOptions\n value={value}\n options={options}\n onChangeOption={onChangeOption}\n setOpen={setOpen}\n />\n </>\n )}\n </CommandGroup>\n </CommandList>\n </Command>\n </PopoverContent>\n </Popover>\n </div>\n );\n }\n);\n"],"names":["Combobox","forwardRef","props","ref","value","onChange","placeholder","disabled","searchLabel","fetchOptions","itemOptions","emptyLabel","emptyAction","commandInputAction","listHeadAction","onMount","isMounted","useRef","open","setOpen","useState","searchTerm","setSearchTerm","selectedOption","setSelectedOption","loading","setLoading","options","_setOptions","flattenOptions","setFlattenOptions","setOptions","useCallback","stater","flatten","next","res","walk","nodes","node","prev","useEffect","handlePopoverOpen","getData","search","fetchedOptions","error","debouncedGetData","useDebounceCallback","handleSearchChange","onChangeOption","option","handleClearSelection","isSearchedEmptyList","useMemo","isEmptyList","comboboxCallbackStateParams","runOnMount","useLayoutEffect","jsx","jsxs","Popover","newOpen","PopoverTrigger","Button","cn","X","ChevronsUpDown","PopoverContent","Command","CommandInput","CommandList","CommandGroup","LoadingMask","CommandEmpty","Fragment","CommandItem","ComboboxOptions"],"mappings":";;;;;;;;;;;;AAgCO,MAAMA,KAAWC;AAAA,EACtB,CAACC,GAAOC,MAAQ;AACd,UAAM;AAAA,MACJ,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC,IAAc;AAAA,MACd,cAAAC;AAAA,MACA,SAASC;AAAA,MACT,YAAAC,IAAa;AAAA,MACb,aAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,SAAAC;AAAA,IAAA,IACEb,GACEc,IAAYC,GAAO,EAAK,GACxB,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChC,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAE,GACzC,CAACG,GAAgBC,CAAiB,IAAIJ,EAAA,GACtC,CAACK,GAASC,CAAU,IAAIN,EAAS,EAAK,GAEtC,CAACO,GAASC,CAAW,IAAIR,EAA2B,CAAA,CAAE,GACtD,CAACS,GAAgBC,CAAiB,IAAIV,EAA2B,CAAA,CAAE,GACnEW,IAAyDC,EAAY,CAACC,MAAW;AACrF,YAAMC,IAAU,CAACC,MAA2B;AAC1C,cAAMC,IAAwB,CAAA,GACxBC,IAAO,CAACC,MAA6B;AACzC,cAAKA;AACL,uBAAWC,KAAQD;AACjB,cAAAF,EAAI,KAAKG,CAAI,GACTA,EAAK,SAASA,EAAK,MAAM,UAAQF,EAAKE,EAAK,KAAK;AAAA,QAExD;AACA,QAAAF,EAAKF,CAAI,GACTL,EAAkBM,CAAG;AAAA,MACvB;AACA,MAAAR,EAAY,CAACY,MAAS;AACpB,YAAIL,IAAyBK;AAC7B,eAAG,OAAOP,KAAW,aAAYE,IAAOF,EAAOO,CAAI,IAC9CL,IAAOF,GACZC,EAAQC,CAAI,GACLA;AAAA,MACT,CAAC;AAAA,IACH,GAAG,CAAA,CAAE;AAEL,IAAAM,GAAU,MAAM;AACd,MAAA/B,GAAa,UAAUqB,EAAWrB,CAAW;AAAA,IAC/C,GAAG,CAACA,CAAW,CAAC;AAEhB,UAAMgC,IAAoB,YAAY;AACpC,MAAKxB,MACHyB,EAAA,GACArB,EAAc,EAAE;AAAA,IAEpB,GAEMqB,IAAUX,EAAY,OAAOY,MAAoB;AACrD,MAAAlB,EAAW,EAAI;AACf,UAAI;AACF,cAAMmB,IAAiB,MAAMpC,EAAamC,CAAM;AAChD,QAAAb,EAAWc,CAAc;AAAA,MAC3B,SAASC,GAAO;AACd,gBAAQ,MAAM,sCAAsCA,CAAK;AAAA,MAC3D,UAAA;AACE,QAAApB,EAAW,EAAK;AAAA,MAClB;AAAA,IACF,GAAG,CAAA,CAAE,GAECqB,IAAmBC,GAAoBL,GAAS,KAAM;AAAA,MAC1D,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,GAEKM,IAAqBjB,EAAY,CAAC5B,MAAkB;AACxD,MAAAsB,EAAW,EAAI,GACfJ,EAAclB,CAAK,GACnB2C,EAAiB3C,CAAK;AAAA,IACxB,GAAG,CAAA,CAAE,GAEC8C,IAAiBlB,EAAY,CAACmB,MAA2B;AAC7D,MAAA9C,EAAS8C,EAAO,KAAK,GACrB3B,EAAkB2B,CAAM,GACxBzB,EAAW,EAAK;AAAA,IAClB,GAAG,CAAA,CAAE,GAEC0B,IAAuBpB,EAAY,MAAM;AAC7C,MAAAkB,EAAe,EAAE,OAAO,IAAI,OAAO,IAAI,GACvC1B,EAAkB,MAAS,GAC3BE,EAAW,EAAK;AAAA,IAClB,GAAG,CAAA,CAAE,GAEC2B,IAAsBC,EAAQ,MAC3B,EAAQjC,KAAe,CAACM,EAAQ,UAAU,CAACF,GACjD,CAACA,GAASE,EAAQ,QAAQN,CAAU,CAAC,GAElCkC,IAAcD,EAAQ,MACnB,CAAC3B,EAAQ,UAAU,CAACF,GAC1B,CAACA,GAASE,EAAQ,QAAQN,CAAU,CAAC,GAElCmC,IACJF,EAAQ,OACC;AAAA,MACL,SAAA3B;AAAA,MACA,YAAAI;AAAA,MACA,gBAAAR;AAAA,MACA,mBAAAC;AAAA,MACA,QAAQH,KAAc;AAAA,MACtB,WAAWC;AAAA,MACX,MAAAJ;AAAA,MACA,SAAAC;AAAA,MACA,SAAAM;AAAA,MACA,YAAAC;AAAA,MACA,aAAA6B;AAAA,MACA,qBAAAF;AAAA,IAAA,IAED,CAAC5B,GAASP,GAAMS,GAASN,GAAYE,GAAgBgC,GAAaF,CAAmB,CAAC,GAErFI,IAAazB,EAAY,MAAM;AACnC,UAAI,CAACjB,GAAS;AACZ,QAAAC,EAAU,UAAU;AACpB;AAAA,MACF;AACA,MAAAD,EAAQyC,CAA2B,EAAE,QAAQ,MAAM;AACjD,QAAAxC,EAAU,UAAU;AAAA,MACtB,CAAC;AAAA,IACH,GAAG,CAACwC,GAA6BzC,CAAO,CAAC;AAEzC,WAAA2C,GAAgB,OACdD,EAAA,GACO,MAAM;AACX,MAAAzC,EAAU,UAAU;AAAA,IACtB,IACC,CAAA,CAAE,GAGH,gBAAA2C,EAAC,OAAA,EAAI,WAAU,UAAS,KAAAxD,GACtB,UAAA,gBAAAyD;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAA3C;AAAA,QACA,cAAc,CAAC4C,MAAY;AACzB,UAAA3C,EAAQ2C,CAAO,GACXA,KAASpB,EAAA;AAAA,QACf;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAiB,EAACI,IAAA,EAAe,SAAO,IAAC,WAAU,gBAChC,UAAA,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,MAAK;AAAA,cACL,iBAAe9C;AAAA,cACf,WAAW+C;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA/C,KAAQ;AAAA,gBACR;AAAA,cAAA;AAAA,cAEF,UAAAX;AAAA,cAEA,UAAA;AAAA,gBAAA,gBAAAoD,EAAC,QAAA,EAAK,WAAU,wEACb,UAAAvD,IACCyB,EAAe,KAAK,CAACsB,MAAWA,EAAO,UAAU/C,CAAK,GAAG,SACzDmB,GAAgB,QAEhB,gBAAAoC,EAAC,UAAK,WAAU,iBAAiB,aAAY,EAAA,CAEjD;AAAA,gBACCvD,IACC,gBAAAuD;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAWM;AAAA,sBACT;AAAA,sBACA;AAAA,sBACA;AAAA,sBACA;AAAA,oBAAA;AAAA,oBAEF,SAAS,CAAC,MAAM;AACd,wBAAE,gBAAA,GACFb,EAAA;AAAA,oBACF;AAAA,oBAEA,4BAACc,IAAA,CAAA,CAAE;AAAA,kBAAA;AAAA,gBAAA,IAGL,gBAAAP,EAACQ,IAAA,EAAe,WAAU,qBAAA,CAAqB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,GAGrD;AAAA,UACA,gBAAAR;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAM;AAAA,cAEN,UAAA,gBAAAR,EAACS,IAAA,EAAQ,cAAc,IACrB,UAAA;AAAA,gBAAA,gBAAAV;AAAA,kBAACW;AAAA,kBAAA;AAAA,oBACC,aAAa9D;AAAA,oBACb,OAAOa;AAAA,oBACP,eAAe4B;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEhB,OAAOpC,KAAuB,aAC3BA,EAAmB2C,CAA2B,IAC9C3C;AAAA,kCACH0D,IAAA,EACC,UAAA,gBAAAX;AAAA,kBAACY;AAAA,kBAAA;AAAA,oBACC,WAAWP,EAAG,CAACtC,EAAQ,UAAU,iBAAiB;AAAA,oBAEjD,UAAA;AAAA,sBAAAF,KAAW,gBAAAkC,EAACc,IAAA,EAAY,WAAS,GAAA,CAAC;AAAA,sBAClC,CAAChD,KAAW,EAAQJ,4BAEhB,UAAAT,IACC,gBAAAgD,EAACc,GAAA,EAAa,WAAU,8CACtB,UAAA;AAAA,wBAAA,gBAAAf,EAAC,UAAM,UAAAhD,EAAA,CAAW;AAAA,wBACjB,OAAOC,KAAgB,aACpBA,EAAY4C,CAA2B,IACvC5C;AAAA,sBAAA,EAAA,CACN,IAEA,gBAAA+C,EAACe,GAAA,EAAc,UAAA/D,EAAA,CAAW,GAE9B;AAAA,sBAED,CAACc,KACA,gBAAAmC,EAAAe,GAAA,EACG,UAAA;AAAA,wBAAA,EAAQhD,EAAQ,UAAWb,KAC1B,gBAAA6C;AAAA,0BAACiB;AAAA,0BAAA;AAAA,4BAEC,SAAO;AAAA,4BACP,WAAU;AAAA,4BAET,UAAA,OAAO9D,KAAmB,aACvBA,EAAe0C,CAA2B,IAC1C1C;AAAA,0BAAA;AAAA,0BANA;AAAA,wBAAA;AAAA,wBASR,gBAAA6C;AAAA,0BAACkB;AAAA,0BAAA;AAAA,4BACC,OAAAzE;AAAA,4BACA,SAAAuB;AAAA,4BACA,gBAAAuB;AAAA,4BACA,SAAA/B;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACF,EAAA,CACF;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAAA,EAEJ,CACF;AAAA,cAAA,EAAA,CACF;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;"}
@@ -1 +1,2 @@
1
1
 
2
+ //# sourceMappingURL=Combobox.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Combobox.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -44,3 +44,4 @@ const u = 8, C = c((i, n) => {
44
44
  export {
45
45
  C as ComboboxOptionItem
46
46
  };
47
+ //# sourceMappingURL=ComboboxOptionItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ComboboxOptionItem.js","sources":["../../src/Combobox/ComboboxOptionItem.tsx"],"sourcesContent":["import { forwardRef, PropsWithChildren } from 'react';\nimport { CommandItem } from '../Command';\nimport { IComboboxOptionsNodeProps } from './Combobox.types';\nimport { Check } from 'lucide-react';\nimport { cn } from '@oneplatformdev/utils';\n\nconst DEEP_OFFSET = 8;\n\nexport const ComboboxOptionItem = forwardRef<\n HTMLDivElement,\n PropsWithChildren<IComboboxOptionsNodeProps>\n>((props, ref) => {\n const { children, setOpen, option, onChangeOption, value = '', deep = 0 } = props;\n return (\n <CommandItem\n ref={ref}\n key={option.value}\n value={option.value}\n onSelect={() => {\n if (value === option.value) {\n onChangeOption?.({ value: '', label: '' });\n } else {\n onChangeOption?.(option);\n }\n setOpen(false);\n }}\n style={{\n paddingLeft: (deep + 1) * DEEP_OFFSET,\n }}\n >\n {children}\n <span\n className={cn(\n 'overflow-hidden whitespace-wrap text-ellipsis line-clamp-2'\n )}\n >\n {option.label}\n </span>\n <Check\n className={cn(\n 'ml-auto',\n value === option.value ? 'opacity-100' : 'opacity-0'\n )}\n />\n </CommandItem>\n );\n});\n"],"names":["DEEP_OFFSET","ComboboxOptionItem","forwardRef","props","ref","children","setOpen","option","onChangeOption","value","deep","jsxs","CommandItem","jsx","cn","Check"],"mappings":";;;;;AAMA,MAAMA,IAAc,GAEPC,IAAqBC,EAGhC,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,QAAAC,GAAQ,gBAAAC,GAAgB,OAAAC,IAAQ,IAAI,MAAAC,IAAO,EAAA,IAAMP;AAC5E,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MAEA,OAAOG,EAAO;AAAA,MACd,UAAU,MAAM;AACd,QAAIE,MAAUF,EAAO,QACnBC,IAAiB,EAAE,OAAO,IAAI,OAAO,IAAI,IAEzCA,IAAiBD,CAAM,GAEzBD,EAAQ,EAAK;AAAA,MACf;AAAA,MACA,OAAO;AAAA,QACL,cAAcI,IAAO,KAAKV;AAAA,MAAA;AAAA,MAG3B,UAAA;AAAA,QAAAK;AAAA,QACD,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,YAAA;AAAA,YAGD,UAAAP,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEV,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAL,MAAUF,EAAO,QAAQ,gBAAgB;AAAA,YAAA;AAAA,UAC3C;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IA3BKA,EAAO;AAAA,EAAA;AA8BlB,CAAC;"}
@@ -62,3 +62,4 @@ export {
62
62
  I as ComboboxOptions,
63
63
  d as ComboboxOptionsNode
64
64
  };
65
+ //# sourceMappingURL=ComboboxOptions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ComboboxOptions.js","sources":["../../src/Combobox/ComboboxOptions.tsx"],"sourcesContent":["import {\n IComboboxOptionsNodeProps,\n IComboboxOptionsProps,\n} from './Combobox.types';\nimport { Button } from '../Button';\nimport { forwardRef, useState } from 'react';\nimport {\n Collapsible,\n CollapsibleContent,\n CollapsibleTrigger,\n} from '../Collapsible';\nimport { ComboboxOptionItem } from './ComboboxOptionItem';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { cn } from '@oneplatformdev/utils';\n\nexport const ComboboxOptionsNode = forwardRef<\n HTMLDivElement,\n IComboboxOptionsNodeProps\n>((props, ref) => {\n const { option, deep = 0 } = props;\n\n const [open, onOpenChange] = useState(true);\n\n if (!option?.items?.length) {\n return <ComboboxOptionItem {...props} ref={ref} />;\n }\n return (\n <Collapsible\n ref={ref}\n open={open}\n onOpenChange={onOpenChange}\n data-opened={open}\n className={cn('group/collapsible')}\n >\n <ComboboxOptionItem {...props}>\n <CollapsibleTrigger asChild>\n <Button\n onClick={(e) => {\n e?.preventDefault();\n e?.stopPropagation();\n onOpenChange((prev) => !prev);\n }}\n type=\"button\"\n variant=\"ghost\"\n size=\"sm\"\n className={cn('aspect-square size-6', 'transition-transform')}\n >\n <ChevronDownIcon\n className={cn(\n 'size-5!',\n 'transition-transform',\n open && 'rotate-180'\n )}\n />\n <span className=\"sr-only\">Toggle</span>\n </Button>\n </CollapsibleTrigger>\n </ComboboxOptionItem>\n\n <CollapsibleContent>\n <div className=\"flex flex-col gap-0\">\n {option?.items.map((opt) => {\n return (\n <ComboboxOptionsNode\n key={opt.value}\n {...props}\n deep={deep + 1}\n option={opt}\n />\n );\n })}\n </div>\n </CollapsibleContent>\n </Collapsible>\n );\n});\n\nexport const ComboboxOptions = forwardRef<\n HTMLDivElement,\n IComboboxOptionsProps\n>((props, ref) => {\n const { options = [], ...rest } = props;\n return (\n <div ref={ref} className=\"flex flex-col gap-0\">\n {options.map((option) => (\n <ComboboxOptionsNode key={option.value} {...rest} option={option} />\n ))}\n </div>\n );\n});\n"],"names":["ComboboxOptionsNode","forwardRef","props","ref","option","deep","open","onOpenChange","useState","jsxs","Collapsible","cn","jsx","ComboboxOptionItem","CollapsibleTrigger","Button","e","prev","ChevronDownIcon","CollapsibleContent","opt","ComboboxOptions","options","rest"],"mappings":";;;;;;;;AAeO,MAAMA,IAAsBC,EAGjC,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,QAAAC,GAAQ,MAAAC,IAAO,EAAA,IAAMH,GAEvB,CAACI,GAAMC,CAAY,IAAIC,EAAS,EAAI;AAE1C,SAAKJ,GAAQ,OAAO,SAIlB,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAP;AAAA,MACA,MAAAG;AAAA,MACA,cAAAC;AAAA,MACA,eAAaD;AAAA,MACb,WAAWK,EAAG,mBAAmB;AAAA,MAEjC,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAoB,GAAGX,GACtB,UAAA,gBAAAU,EAACE,GAAA,EAAmB,SAAO,IACzB,UAAA,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAAS,CAACC,MAAM;AACd,cAAAA,GAAG,eAAA,GACHA,GAAG,gBAAA,GACHT,EAAa,CAACU,MAAS,CAACA,CAAI;AAAA,YAC9B;AAAA,YACA,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAWN,EAAG,wBAAwB,sBAAsB;AAAA,YAE5D,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,WAAWP;AAAA,oBACT;AAAA,oBACA;AAAA,oBACAL,KAAQ;AAAA,kBAAA;AAAA,gBACV;AAAA,cAAA;AAAA,cAEF,gBAAAM,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,SAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEpC,EAAA,CACF;AAAA,QAEA,gBAAAA,EAACO,GAAA,EACC,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAU,uBACZ,UAAAR,GAAQ,MAAM,IAAI,CAACgB,MAEhB,gBAAAR;AAAA,UAACZ;AAAA,UAAA;AAAA,YAEE,GAAGE;AAAA,YACJ,MAAMG,IAAO;AAAA,YACb,QAAQe;AAAA,UAAA;AAAA,UAHHA,EAAI;AAAA,QAAA,CAMd,GACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAhDK,gBAAAR,EAACC,GAAA,EAAoB,GAAGX,GAAO,KAAAC,EAAA,CAAU;AAmDpD,CAAC,GAEYkB,IAAkBpB,EAG7B,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,SAAAmB,IAAU,CAAA,GAAI,GAAGC,MAASrB;AAClC,2BACG,OAAA,EAAI,KAAAC,GAAU,WAAU,uBACtB,YAAQ,IAAI,CAACC,MACZ,gBAAAQ,EAACZ,KAAwC,GAAGuB,GAAM,QAAAnB,KAAxBA,EAAO,KAAiC,CACnE,GACH;AAEJ,CAAC;"}
package/Combobox/index.js CHANGED
@@ -2,3 +2,4 @@ import { Combobox as m } from "./Combobox.js";
2
2
  export {
3
3
  m as Combobox
4
4
  };
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}