@oneplatformdev/ui 0.1.99-beta.29 → 0.1.99-beta.291

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 (289) hide show
  1. package/Accordion/Accordion.d.ts +1 -1
  2. package/Accordion/Accordion.d.ts.map +1 -1
  3. package/Accordion/Accordion.js +48 -26
  4. package/Accordion/Accordion.js.map +1 -1
  5. package/AlertDialog/AlertDialog.stories.js +67 -23
  6. package/AlertDialog/AlertDialog.stories.js.map +1 -1
  7. package/AlertDialog/AlertDialogRoot.d.ts.map +1 -1
  8. package/AlertDialog/AlertDialogRoot.js +20 -18
  9. package/AlertDialog/AlertDialogRoot.js.map +1 -1
  10. package/Button/Button.d.ts.map +1 -1
  11. package/Button/Button.js +43 -43
  12. package/Button/Button.js.map +1 -1
  13. package/Button/Button.stories.js +15 -12
  14. package/Button/Button.stories.js.map +1 -1
  15. package/Button/Button.utils.d.ts +3 -0
  16. package/Button/Button.utils.d.ts.map +1 -0
  17. package/Button/Button.utils.js +14 -0
  18. package/Button/Button.utils.js.map +1 -0
  19. package/Button/buttonVariants.d.ts +2 -2
  20. package/Button/buttonVariants.d.ts.map +1 -1
  21. package/Button/buttonVariants.js +37 -5
  22. package/Button/buttonVariants.js.map +1 -1
  23. package/Button/index.d.ts +1 -0
  24. package/Button/index.d.ts.map +1 -1
  25. package/Button/index.js +8 -6
  26. package/Button/index.js.map +1 -1
  27. package/ButtonIcon/ButtonIcon.d.ts.map +1 -1
  28. package/ButtonIcon/ButtonIcon.js +41 -39
  29. package/ButtonIcon/ButtonIcon.js.map +1 -1
  30. package/ButtonIcon/ButtonIcon.stories.js +35 -33
  31. package/ButtonIcon/ButtonIcon.stories.js.map +1 -1
  32. package/ButtonIcon/buttonIconVariants.d.ts +1 -1
  33. package/ButtonIcon/buttonIconVariants.d.ts.map +1 -1
  34. package/ButtonIcon/buttonIconVariants.js +2 -1
  35. package/ButtonIcon/buttonIconVariants.js.map +1 -1
  36. package/CHANGELOG.md +1581 -0
  37. package/Calendar/Calendar.js +5 -4
  38. package/Calendar/Calendar.js.map +1 -1
  39. package/Card/Card.d.ts.map +1 -1
  40. package/Card/Card.js +22 -21
  41. package/Card/Card.js.map +1 -1
  42. package/Checkbox/Checkbox.d.ts.map +1 -1
  43. package/Checkbox/Checkbox.js +36 -34
  44. package/Checkbox/Checkbox.js.map +1 -1
  45. package/Checkbox/Checkbox.stories.js +108 -0
  46. package/Checkbox/Checkbox.stories.js.map +1 -0
  47. package/Checkbox/Checkbox.types.d.ts +2 -1
  48. package/Checkbox/Checkbox.types.d.ts.map +1 -1
  49. package/Combobox/Combobox.d.ts +4 -2
  50. package/Combobox/Combobox.d.ts.map +1 -1
  51. package/Combobox/Combobox.js +222 -194
  52. package/Combobox/Combobox.js.map +1 -1
  53. package/Combobox/Combobox.stories.js +240 -85
  54. package/Combobox/Combobox.stories.js.map +1 -1
  55. package/Combobox/Combobox.types.d.ts +88 -24
  56. package/Combobox/Combobox.types.d.ts.map +1 -1
  57. package/Combobox/Combobox.types.js +4 -1
  58. package/Combobox/Combobox.types.js.map +1 -1
  59. package/Combobox/ComboboxOptionItem.d.ts +5 -3
  60. package/Combobox/ComboboxOptionItem.d.ts.map +1 -1
  61. package/Combobox/ComboboxOptionItem.js +81 -23
  62. package/Combobox/ComboboxOptionItem.js.map +1 -1
  63. package/Combobox/ComboboxRenderContent.d.ts +28 -0
  64. package/Combobox/ComboboxRenderContent.d.ts.map +1 -0
  65. package/Combobox/ComboboxRenderContent.js +143 -0
  66. package/Combobox/ComboboxRenderContent.js.map +1 -0
  67. package/Combobox/ComboboxRenderOptions.d.ts +4 -0
  68. package/Combobox/ComboboxRenderOptions.d.ts.map +1 -0
  69. package/Combobox/ComboboxRenderOptions.js +53 -0
  70. package/Combobox/ComboboxRenderOptions.js.map +1 -0
  71. package/Combobox/ComboboxRenderTrigger.d.ts +18 -0
  72. package/Combobox/ComboboxRenderTrigger.d.ts.map +1 -0
  73. package/Combobox/ComboboxRenderTrigger.js +120 -0
  74. package/Combobox/ComboboxRenderTrigger.js.map +1 -0
  75. package/Command/Command.d.ts +6 -1
  76. package/Command/Command.d.ts.map +1 -1
  77. package/Command/Command.js +61 -43
  78. package/Command/Command.js.map +1 -1
  79. package/ContextPopover/ContextDropdownMenu.d.ts +12 -0
  80. package/ContextPopover/ContextDropdownMenu.d.ts.map +1 -0
  81. package/ContextPopover/ContextDropdownMenu.js +41 -0
  82. package/ContextPopover/ContextDropdownMenu.js.map +1 -0
  83. package/ContextPopover/ContextPopover.d.ts +12 -0
  84. package/ContextPopover/ContextPopover.d.ts.map +1 -0
  85. package/ContextPopover/ContextPopover.js +34 -0
  86. package/ContextPopover/ContextPopover.js.map +1 -0
  87. package/ContextPopover/index.d.ts +4 -0
  88. package/ContextPopover/index.d.ts.map +1 -0
  89. package/ContextPopover/index.js +9 -0
  90. package/ContextPopover/index.js.map +1 -0
  91. package/ContextPopover/useContextPopoverHandler.d.ts +14 -0
  92. package/ContextPopover/useContextPopoverHandler.d.ts.map +1 -0
  93. package/ContextPopover/useContextPopoverHandler.js +21 -0
  94. package/ContextPopover/useContextPopoverHandler.js.map +1 -0
  95. package/DataTable/DataTable.js +16 -15
  96. package/DataTable/DataTable.js.map +1 -1
  97. package/DatePicker/DatePicker.d.ts.map +1 -1
  98. package/DatePicker/DatePicker.js +31 -29
  99. package/DatePicker/DatePicker.js.map +1 -1
  100. package/Dialog/Dialog.d.ts +4 -1
  101. package/Dialog/Dialog.d.ts.map +1 -1
  102. package/Dialog/Dialog.js +83 -40
  103. package/Dialog/Dialog.js.map +1 -1
  104. package/Dialog/Dialog.stories.js +109 -0
  105. package/Dialog/Dialog.stories.js.map +1 -0
  106. package/Dialog/Dialog.types.d.ts +4 -0
  107. package/Dialog/Dialog.types.d.ts.map +1 -0
  108. package/Dialog/Dialog.types.js +2 -0
  109. package/Dialog/Dialog.types.js.map +1 -0
  110. package/Dialog/index.d.ts +1 -0
  111. package/Dialog/index.d.ts.map +1 -1
  112. package/Dialog/useDialogClosePosition.d.ts +11 -0
  113. package/Dialog/useDialogClosePosition.d.ts.map +1 -0
  114. package/Dialog/useDialogClosePosition.js +50 -0
  115. package/Dialog/useDialogClosePosition.js.map +1 -0
  116. package/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  117. package/DropdownMenu/DropdownMenu.js +33 -20
  118. package/DropdownMenu/DropdownMenu.js.map +1 -1
  119. package/Dropzone/Dropzone.d.ts.map +1 -1
  120. package/Dropzone/Dropzone.js +470 -132
  121. package/Dropzone/Dropzone.js.map +1 -1
  122. package/Dropzone/Dropzone.stories.js +366 -0
  123. package/Dropzone/Dropzone.stories.js.map +1 -0
  124. package/Dropzone/Dropzone.types.d.ts +28 -1
  125. package/Dropzone/Dropzone.types.d.ts.map +1 -1
  126. package/Dropzone/Dropzone.types.js +20 -8
  127. package/Dropzone/Dropzone.types.js.map +1 -1
  128. package/Dropzone/DropzoneFilePreview.d.ts.map +1 -1
  129. package/Dropzone/DropzoneFilePreview.js +46 -26
  130. package/Dropzone/DropzoneFilePreview.js.map +1 -1
  131. package/Dropzone/DropzoneSinglePickPreview.d.ts +10 -2
  132. package/Dropzone/DropzoneSinglePickPreview.d.ts.map +1 -1
  133. package/Dropzone/DropzoneSinglePickPreview.js +207 -22
  134. package/Dropzone/DropzoneSinglePickPreview.js.map +1 -1
  135. package/Dropzone/DropzoneUtils.d.ts +1 -0
  136. package/Dropzone/DropzoneUtils.d.ts.map +1 -1
  137. package/Dropzone/DropzoneUtils.js +17 -6
  138. package/Dropzone/DropzoneUtils.js.map +1 -1
  139. package/Dropzone/icons/file-csv.svg.js +5 -0
  140. package/Dropzone/icons/file-csv.svg.js.map +1 -0
  141. package/Dropzone/icons/file-doc.svg.js +5 -0
  142. package/Dropzone/icons/file-doc.svg.js.map +1 -0
  143. package/Dropzone/icons/file-docx.svg.js +5 -0
  144. package/Dropzone/icons/file-docx.svg.js.map +1 -0
  145. package/Dropzone/icons/file-jpg.svg.js +5 -0
  146. package/Dropzone/icons/file-jpg.svg.js.map +1 -0
  147. package/Dropzone/icons/file-pdf.svg.js +5 -0
  148. package/Dropzone/icons/file-pdf.svg.js.map +1 -0
  149. package/Dropzone/icons/file-png.svg.js +5 -0
  150. package/Dropzone/icons/file-png.svg.js.map +1 -0
  151. package/Dropzone/icons/file-ppt.svg.js +5 -0
  152. package/Dropzone/icons/file-ppt.svg.js.map +1 -0
  153. package/Dropzone/icons/file-pptx.svg.js +5 -0
  154. package/Dropzone/icons/file-pptx.svg.js.map +1 -0
  155. package/Dropzone/icons/file-rar.svg.js +5 -0
  156. package/Dropzone/icons/file-rar.svg.js.map +1 -0
  157. package/Dropzone/icons/file-svg.svg.js +5 -0
  158. package/Dropzone/icons/file-svg.svg.js.map +1 -0
  159. package/Dropzone/icons/file-webp.svg.js +5 -0
  160. package/Dropzone/icons/file-webp.svg.js.map +1 -0
  161. package/Dropzone/icons/file-xls.svg.js +5 -0
  162. package/Dropzone/icons/file-xls.svg.js.map +1 -0
  163. package/Dropzone/icons/file-xlsx.svg.js +5 -0
  164. package/Dropzone/icons/file-xlsx.svg.js.map +1 -0
  165. package/Dropzone/icons/file-zip.svg.js +5 -0
  166. package/Dropzone/icons/file-zip.svg.js.map +1 -0
  167. package/Dropzone/index.js +7 -5
  168. package/Form/Form.js +14 -14
  169. package/Form/Form.js.map +1 -1
  170. package/Form/FormRenderControl.d.ts +1 -1
  171. package/Form/FormRenderControl.d.ts.map +1 -1
  172. package/Form/FormRenderControl.js +55 -14
  173. package/Form/FormRenderControl.js.map +1 -1
  174. package/Form/FormRenderControl.types.d.ts +6 -2
  175. package/Form/FormRenderControl.types.d.ts.map +1 -1
  176. package/FormCombobox/FormCombobox.d.ts +4 -2
  177. package/FormCombobox/FormCombobox.d.ts.map +1 -1
  178. package/FormCombobox/FormCombobox.js +30 -17
  179. package/FormCombobox/FormCombobox.js.map +1 -1
  180. package/FormCombobox/FormCombobox.types.d.ts +6 -2
  181. package/FormCombobox/FormCombobox.types.d.ts.map +1 -1
  182. package/FormDatePicker/FormDatePicker.d.ts.map +1 -1
  183. package/FormDatePicker/FormDatePicker.js +18 -16
  184. package/FormDatePicker/FormDatePicker.js.map +1 -1
  185. package/FormDropzone/FormDropzone.d.ts.map +1 -1
  186. package/FormDropzone/FormDropzone.js +11 -9
  187. package/FormDropzone/FormDropzone.js.map +1 -1
  188. package/FormInput/FormInput.d.ts.map +1 -1
  189. package/FormInput/FormInput.js +47 -27
  190. package/FormInput/FormInput.js.map +1 -1
  191. package/FormInput/FormInput.stories.js +80 -0
  192. package/FormInput/FormInput.stories.js.map +1 -0
  193. package/FormInput/FormInput.types.d.ts +1 -0
  194. package/FormInput/FormInput.types.d.ts.map +1 -1
  195. package/FormSelect/FormSelect.d.ts.map +1 -1
  196. package/FormSelect/FormSelect.js +21 -17
  197. package/FormSelect/FormSelect.js.map +1 -1
  198. package/FormTextarea/FormTextarea.d.ts.map +1 -1
  199. package/FormTextarea/FormTextarea.js +15 -12
  200. package/FormTextarea/FormTextarea.js.map +1 -1
  201. package/InfoBlock/InfoBlock.d.ts +7 -0
  202. package/InfoBlock/InfoBlock.d.ts.map +1 -0
  203. package/InfoBlock/InfoBlock.js +28 -0
  204. package/InfoBlock/InfoBlock.js.map +1 -0
  205. package/InfoBlock/InfoBlock.stories.js +50 -0
  206. package/InfoBlock/InfoBlock.stories.js.map +1 -0
  207. package/InfoBlock/InfoBlock.types.d.ts +9 -0
  208. package/InfoBlock/InfoBlock.types.d.ts.map +1 -0
  209. package/InfoBlock/InfoBlock.types.js +2 -0
  210. package/InfoBlock/InfoBlock.types.js.map +1 -0
  211. package/InfoBlock/index.d.ts +3 -0
  212. package/InfoBlock/index.d.ts.map +1 -0
  213. package/InfoBlock/index.js +5 -0
  214. package/InfoBlock/index.js.map +1 -0
  215. package/InfoBlock/infoBlockVariants.d.ts +6 -0
  216. package/InfoBlock/infoBlockVariants.d.ts.map +1 -0
  217. package/InfoBlock/infoBlockVariants.js +27 -0
  218. package/InfoBlock/infoBlockVariants.js.map +1 -0
  219. package/Input/Input.d.ts.map +1 -1
  220. package/Input/Input.js +104 -53
  221. package/Input/Input.js.map +1 -1
  222. package/Input/Input.stories.js +225 -0
  223. package/Input/Input.stories.js.map +1 -0
  224. package/Input/Input.types.d.ts +5 -0
  225. package/Input/Input.types.d.ts.map +1 -1
  226. package/LoadingMask/LoadingMask.d.ts +1 -2
  227. package/LoadingMask/LoadingMask.d.ts.map +1 -1
  228. package/LoadingMask/LoadingMask.js +8 -8
  229. package/LoadingMask/LoadingMask.js.map +1 -1
  230. package/LoadingMask/LoadingMask.types.d.ts +1 -0
  231. package/LoadingMask/LoadingMask.types.d.ts.map +1 -1
  232. package/Popover/Popover.d.ts +3 -1
  233. package/Popover/Popover.d.ts.map +1 -1
  234. package/Popover/Popover.js +15 -10
  235. package/Popover/Popover.js.map +1 -1
  236. package/ScrollArea/ScrollArea.d.ts +5 -1
  237. package/ScrollArea/ScrollArea.d.ts.map +1 -1
  238. package/ScrollArea/ScrollArea.js +23 -17
  239. package/ScrollArea/ScrollArea.js.map +1 -1
  240. package/Search/Search.d.ts.map +1 -1
  241. package/Search/Search.js +40 -31
  242. package/Search/Search.js.map +1 -1
  243. package/Select/Select.d.ts.map +1 -1
  244. package/Select/Select.js +53 -48
  245. package/Select/Select.js.map +1 -1
  246. package/Select/Select.types.d.ts +4 -0
  247. package/Select/Select.types.d.ts.map +1 -1
  248. package/Select/SelectRoot.d.ts.map +1 -1
  249. package/Select/SelectRoot.js +79 -66
  250. package/Select/SelectRoot.js.map +1 -1
  251. package/Switch/Switch.d.ts +1 -1
  252. package/Switch/Switch.d.ts.map +1 -1
  253. package/Switch/Switch.js +19 -9
  254. package/Switch/Switch.js.map +1 -1
  255. package/Switch/Switch.stories.js +62 -0
  256. package/Switch/Switch.stories.js.map +1 -0
  257. package/TablePagination/TablePagination.js +9 -8
  258. package/TablePagination/TablePagination.js.map +1 -1
  259. package/Textarea/Textarea.d.ts.map +1 -1
  260. package/Textarea/Textarea.js +50 -45
  261. package/Textarea/Textarea.js.map +1 -1
  262. package/Textarea/Textarea.types.d.ts +3 -1
  263. package/Textarea/Textarea.types.d.ts.map +1 -1
  264. package/Toast/Toast.d.ts +1 -1
  265. package/Toast/toastVariants.d.ts +1 -1
  266. package/Tooltip/QuestionMarkIcon.svg.js +6 -0
  267. package/Tooltip/QuestionMarkIcon.svg.js.map +1 -0
  268. package/Tooltip/Tooltip.d.ts.map +1 -1
  269. package/Tooltip/Tooltip.js +52 -32
  270. package/Tooltip/Tooltip.js.map +1 -1
  271. package/Tooltip/Tooltip.types.d.ts +10 -0
  272. package/Tooltip/Tooltip.types.d.ts.map +1 -1
  273. package/Tooltip/tooltipVariants.d.ts +4 -0
  274. package/Tooltip/tooltipVariants.d.ts.map +1 -0
  275. package/Tooltip/tooltipVariants.js +23 -0
  276. package/Tooltip/tooltipVariants.js.map +1 -0
  277. package/index.d.ts +2 -0
  278. package/index.d.ts.map +1 -1
  279. package/index.js +352 -340
  280. package/index.js.map +1 -1
  281. package/package.json +10 -6
  282. package/styles.css +1 -0
  283. package/vite-env.d.js +2 -0
  284. package/vite-env.d.js.map +1 -0
  285. package/vite-env.d.ts +7 -0
  286. package/Combobox/ComboboxOptions.d.ts +0 -4
  287. package/Combobox/ComboboxOptions.d.ts.map +0 -1
  288. package/Combobox/ComboboxOptions.js +0 -65
  289. package/Combobox/ComboboxOptions.js.map +0 -1
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oneplatformdev/ui",
3
- "version": "0.1.99-beta.29",
3
+ "version": "0.1.99-beta.291",
4
4
  "description": "UI component library for OnePlatform",
5
5
  "author": "One Platform Development Team",
6
6
  "keywords": [
@@ -39,7 +39,8 @@
39
39
  }
40
40
  },
41
41
  "publishConfig": {
42
- "directory": "dist"
42
+ "directory": "dist",
43
+ "access": "public"
43
44
  },
44
45
  "files": [
45
46
  "**/*",
@@ -49,6 +50,7 @@
49
50
  "peerDependencies": {
50
51
  "react": ">=19",
51
52
  "react-dom": ">=19",
53
+ "@vidstack/react": "^1.12.13",
52
54
  "tailwindcss": ">=4.0.0",
53
55
  "tw-animate-css": "^1.3.8",
54
56
  "react-hook-form": "^7.54.2",
@@ -66,7 +68,8 @@
66
68
  }
67
69
  },
68
70
  "devDependencies": {
69
- "@tailwindcss/vite": "^4.1.13"
71
+ "@tailwindcss/vite": "^4.1.13",
72
+ "@vidstack/react": "^1.12.13"
70
73
  },
71
74
  "dependencies": {
72
75
  "@radix-ui/react-accordion": "^1.2.12",
@@ -101,13 +104,14 @@
101
104
  "next-themes": "^0.4.6",
102
105
  "react-day-picker": "9.10.0",
103
106
  "react-dropzone": "^14.3.8",
107
+ "react-intersection-observer": "^10.0.2",
104
108
  "react-resizable-panels": "^3.0.6",
105
109
  "recharts": "^3.2.0",
106
110
  "sonner": "^2.0.7",
107
111
  "vaul": "^1.1.2",
108
- "@oneplatformdev/tokens": "^0.1.99-beta.29",
109
- "@oneplatformdev/utils": "^0.1.99-beta.29",
110
- "@oneplatformdev/hooks": "^0.1.99-beta.29"
112
+ "@oneplatformdev/utils": "^0.1.99-beta.291",
113
+ "@oneplatformdev/tokens": "^0.1.99-beta.291",
114
+ "@oneplatformdev/hooks": "^0.1.99-beta.291"
111
115
  },
112
116
  "scripts": {
113
117
  "chromatic": "chromatic"
package/styles.css ADDED
@@ -0,0 +1 @@
1
+ .dropzone-youtube-player:not([data-fullscreen]) .vds-play-button,.dropzone-youtube-player[data-fullscreen=false] .vds-play-button{display:none!important}.dropzone-youtube-player:not([data-fullscreen]) .vds-buffering-indicator,.dropzone-youtube-player[data-fullscreen=false] .vds-buffering-indicator,.dropzone-youtube-player:not([data-fullscreen]) .vds-loading-indicator,.dropzone-youtube-player[data-fullscreen=false] .vds-loading-indicator,.dropzone-youtube-player:not([data-fullscreen]) .vds-spinner,.dropzone-youtube-player[data-fullscreen=false] .vds-spinner{display:none!important}
package/vite-env.d.js ADDED
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=vite-env.d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vite-env.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/vite-env.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ declare module '*.svg?react' {
2
+ import type { FC, SVGProps } from 'react';
3
+
4
+ const ReactComponent: FC<SVGProps<SVGSVGElement>>;
5
+
6
+ export default ReactComponent;
7
+ }
@@ -1,4 +0,0 @@
1
- import { IComboboxOptionsNodeProps, IComboboxOptionsProps } from './Combobox.types';
2
- export declare const ComboboxOptionsNode: import('react').ForwardRefExoticComponent<IComboboxOptionsNodeProps & import('react').RefAttributes<HTMLDivElement>>;
3
- export declare const ComboboxOptions: import('react').ForwardRefExoticComponent<IComboboxOptionsProps & import('react').RefAttributes<HTMLDivElement>>;
4
- //# sourceMappingURL=ComboboxOptions.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ComboboxOptions.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACtB,MAAM,kBAAkB,CAAC;AAY1B,eAAO,MAAM,mBAAmB,sHAiE9B,CAAC;AAEH,eAAO,MAAM,eAAe,kHAY1B,CAAC"}
@@ -1,65 +0,0 @@
1
- import { jsx as e, jsxs as f } from "react/jsx-runtime";
2
- import { forwardRef as m, useState as b } from "react";
3
- import { Collapsible as u, CollapsibleTrigger as g, CollapsibleContent as h } from "../Collapsible/Collapsible.js";
4
- import { ComboboxOptionItem as c } from "./ComboboxOptionItem.js";
5
- import { ChevronDownIcon as v } from "lucide-react";
6
- import { cn as i } from "@oneplatformdev/utils";
7
- import { ButtonIcon as C } from "../ButtonIcon/ButtonIcon.js";
8
- import "../ButtonIcon/buttonIconVariants.js";
9
- const p = m((o, n) => {
10
- const { option: a, deep: s = 0 } = o, [t, l] = b(!0);
11
- return a?.items?.length ? /* @__PURE__ */ f(
12
- u,
13
- {
14
- ref: n,
15
- open: t,
16
- onOpenChange: l,
17
- "data-opened": t,
18
- className: i("group/collapsible"),
19
- children: [
20
- /* @__PURE__ */ e(c, { ...o, children: /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "aspect-square size-6 relative", children: /* @__PURE__ */ e(
21
- C,
22
- {
23
- onClick: (r) => {
24
- r?.preventDefault(), r?.stopPropagation(), l((d) => !d);
25
- },
26
- type: "button",
27
- variant: "ghost",
28
- color: "secondary",
29
- size: "md",
30
- className: i(
31
- "absolute -top-1.5 -left-2 size-9",
32
- "bg-transparent hover:bg-transparent active:bg-transparent focus:bg-transparent"
33
- ),
34
- icon: /* @__PURE__ */ e(
35
- v,
36
- {
37
- className: i(
38
- "transition-transform",
39
- t && "rotate-180"
40
- )
41
- }
42
- )
43
- }
44
- ) }) }) }),
45
- /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: a?.items.map((r) => /* @__PURE__ */ e(
46
- p,
47
- {
48
- ...o,
49
- deep: s + 1,
50
- option: r
51
- },
52
- r.value
53
- )) }) })
54
- ]
55
- }
56
- ) : /* @__PURE__ */ e(c, { ...o, ref: n });
57
- }), D = m((o, n) => {
58
- const { options: a = [], ...s } = o;
59
- return /* @__PURE__ */ e("div", { ref: n, className: "flex flex-col gap-0", children: a.map((t) => /* @__PURE__ */ e(p, { ...s, option: t }, t.value)) });
60
- });
61
- export {
62
- D as ComboboxOptions,
63
- p as ComboboxOptionsNode
64
- };
65
- //# sourceMappingURL=ComboboxOptions.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ComboboxOptions.js","sources":["../../src/Combobox/ComboboxOptions.tsx"],"sourcesContent":["import {\n IComboboxOptionsNodeProps,\n IComboboxOptionsProps,\n} from './Combobox.types';\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';\nimport { ButtonIcon } from \"../ButtonIcon\";\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 <div className='aspect-square size-6 relative'>\n <ButtonIcon\n onClick={(e) => {\n e?.preventDefault();\n e?.stopPropagation();\n onOpenChange((prev) => !prev);\n }}\n type=\"button\"\n variant=\"ghost\"\n color='secondary'\n size=\"md\"\n className={cn(\n 'absolute -top-1.5 -left-2 size-9',\n 'bg-transparent hover:bg-transparent active:bg-transparent focus:bg-transparent'\n )}\n icon={(\n <ChevronDownIcon\n className={cn(\n 'transition-transform',\n open && 'rotate-180'\n )}\n />\n )}\n />\n </div>\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","ButtonIcon","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,GAAA,EAAoB,GAAGX,GACtB,UAAA,gBAAAU,EAACE,GAAA,EAAmB,SAAO,IACzB,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,iCACb,UAAA,gBAAAA;AAAA,UAACG;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,OAAM;AAAA,YACN,MAAK;AAAA,YACL,WAAWN;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAEF,MACE,gBAAAC;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,WAAWP;AAAA,kBACT;AAAA,kBACAL,KAAQ;AAAA,gBAAA;AAAA,cACV;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,EAEJ,CACF,GACF,GACF;AAAA,QAEA,gBAAAM,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,IArDK,gBAAAR,EAACC,GAAA,EAAoB,GAAGX,GAAO,KAAAC,EAAA,CAAU;AAwDpD,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;"}