pixelize-design-library 2.2.198 → 2.3.1-beta.1

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 (385) hide show
  1. package/.claude/settings.local.json +24 -0
  2. package/coverage/clover.xml +638 -0
  3. package/coverage/coverage-final.json +20 -0
  4. package/coverage/lcov-report/Table/CompactSelect.tsx.html +379 -0
  5. package/coverage/lcov-report/Table/Components/ActiveFilters.tsx.html +514 -0
  6. package/coverage/lcov-report/Table/Components/HeaderActions.tsx.html +373 -0
  7. package/coverage/lcov-report/Table/Components/Pagination.tsx.html +574 -0
  8. package/coverage/lcov-report/Table/Components/TableActions.tsx.html +574 -0
  9. package/coverage/lcov-report/Table/Components/TableBody.tsx.html +1027 -0
  10. package/coverage/lcov-report/Table/Components/TableFilters.tsx.html +397 -0
  11. package/coverage/lcov-report/Table/Components/TableHeader.tsx.html +1060 -0
  12. package/coverage/lcov-report/Table/Components/TableLoading.tsx.html +361 -0
  13. package/coverage/lcov-report/Table/Components/TableSearch.tsx.html +337 -0
  14. package/coverage/lcov-report/Table/Components/index.html +266 -0
  15. package/coverage/lcov-report/Table/Components/useDebounce.ts.html +178 -0
  16. package/coverage/lcov-report/Table/Components/useTable.ts.html +778 -0
  17. package/coverage/lcov-report/Table/LeftFilterPane.tsx.html +1810 -0
  18. package/coverage/lcov-report/Table/SelectOperationControls.tsx.html +178 -0
  19. package/coverage/lcov-report/Table/Table.tsx.html +1567 -0
  20. package/coverage/lcov-report/Table/TableProps.tsx.html +658 -0
  21. package/coverage/lcov-report/Table/TableSettings/ManageColumns.tsx.html +619 -0
  22. package/coverage/lcov-report/Table/TableSettings/TableFilters.tsx.html +229 -0
  23. package/coverage/lcov-report/Table/TableSettings/TableSettings.tsx.html +532 -0
  24. package/coverage/lcov-report/Table/TableSettings/index.html +146 -0
  25. package/coverage/lcov-report/Table/TableToDo.tsx.html +973 -0
  26. package/coverage/lcov-report/Table/TextOperationControls.tsx.html +271 -0
  27. package/coverage/lcov-report/Table/filterTypes.ts.html +97 -0
  28. package/coverage/lcov-report/Table/index.html +176 -0
  29. package/coverage/lcov-report/base.css +224 -0
  30. package/coverage/lcov-report/block-navigation.js +87 -0
  31. package/coverage/lcov-report/favicon.png +0 -0
  32. package/coverage/lcov-report/index.html +146 -0
  33. package/coverage/lcov-report/prettify.css +1 -0
  34. package/coverage/lcov-report/prettify.js +2 -0
  35. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  36. package/coverage/lcov-report/sorter.js +210 -0
  37. package/coverage/lcov.info +1836 -0
  38. package/dist/App.d.ts +4 -0
  39. package/dist/App.js +131 -0
  40. package/dist/Assets/defaultLogo.tsx +31 -0
  41. package/dist/Components/Button/Button.styles.js +44 -3
  42. package/dist/Components/Button/ButtonProps.d.ts +1 -1
  43. package/dist/Components/ButtonGroupIcon/ButtonGoupIconProps.d.ts +2 -2
  44. package/dist/Components/ButtonGroupIcon/ButtonGroupIcon.js +50 -38
  45. package/dist/Components/Checkbox/Checkbox.js +2 -2
  46. package/dist/Components/Checkbox/Checkbox.styles.js +2 -0
  47. package/dist/Components/Common/FormLabel.d.ts +2 -1
  48. package/dist/Components/Common/FormLabel.js +8 -9
  49. package/dist/Components/Common/fieldStyles.d.ts +22 -0
  50. package/dist/Components/Common/fieldStyles.js +42 -0
  51. package/dist/Components/DatePicker/CalendarPanel.d.ts +2 -0
  52. package/dist/Components/DatePicker/CalendarPanel.js +104 -65
  53. package/dist/Components/DatePicker/RangeDatePicker.js +37 -16
  54. package/dist/Components/DatePicker/SingleDatePicker.js +16 -16
  55. package/dist/Components/DatePicker/TimePicker.js +4 -4
  56. package/dist/Components/Input/Input/Input.d.ts +1 -1
  57. package/dist/Components/Input/Input/Input.js +5 -4
  58. package/dist/Components/Input/Input/InputProps.d.ts +2 -0
  59. package/dist/Components/Input/TextInput.styles.js +2 -1
  60. package/dist/Components/InputTextArea/InputTextArea.style.js +2 -1
  61. package/dist/Components/MultiSelect/MultiSelect.js +11 -12
  62. package/dist/Components/NavigationBar/NavigationBar.d.ts +1 -1
  63. package/dist/Components/NavigationBar/NavigationBar.js +54 -27
  64. package/dist/Components/NavigationBar/NavigationBarProps.d.ts +1 -0
  65. package/dist/Components/NoteTextArea/NoteTextArea.js +44 -40
  66. package/dist/Components/NumberInput/NumberInput.styles.js +2 -1
  67. package/dist/Components/PinInput/PinInput.d.ts +1 -1
  68. package/dist/Components/PinInput/PinInput.js +3 -2
  69. package/dist/Components/PinInput/PinInputProps.d.ts +4 -0
  70. package/dist/Components/RadioButton/RadioButton.js +1 -1
  71. package/dist/Components/SearchSelect/SearchSelect.d.ts +1 -1
  72. package/dist/Components/SearchSelect/SearchSelect.js +3 -3
  73. package/dist/Components/SearchSelect/SearchSelectProps.d.ts +2 -0
  74. package/dist/Components/Select/Select.styles.js +2 -1
  75. package/dist/Components/SelectSearch/SelectSearch.js +7 -4
  76. package/dist/Components/SideBar/SecondaryBar.js +20 -18
  77. package/dist/Components/SideBar/SideBar.d.ts +1 -1
  78. package/dist/Components/SideBar/SideBar.js +58 -43
  79. package/dist/Components/SideBar/SideBarProps.d.ts +14 -3
  80. package/dist/Components/SideBar/components/MenuItemBox.js +28 -24
  81. package/dist/Components/SideBar/components/MenuItems.js +16 -2
  82. package/dist/Components/SideBar/components/MenuPopoverContent.js +16 -16
  83. package/dist/Components/SideBar/components/OtherApps.js +16 -14
  84. package/dist/Components/Table/Components/TableBody.d.ts +5 -1
  85. package/dist/Components/Table/Components/TableBody.js +133 -31
  86. package/dist/Components/Table/Components/TableGroupRow.d.ts +15 -0
  87. package/dist/Components/Table/Components/TableGroupRow.js +27 -0
  88. package/dist/Components/Table/Components/TableHeader.js +23 -9
  89. package/dist/Components/Table/Table.d.ts +1 -1
  90. package/dist/Components/Table/Table.js +119 -38
  91. package/dist/Components/Table/TableProps.d.ts +34 -2
  92. package/dist/Components/Table/filters/ActiveFilters.d.ts +9 -0
  93. package/dist/Components/Table/filters/ActiveFilters.js +132 -0
  94. package/dist/Components/Table/filters/CompactSelect.d.ts +15 -0
  95. package/dist/Components/Table/filters/CompactSelect.js +69 -0
  96. package/dist/Components/Table/filters/LeftFilterPane.d.ts +36 -0
  97. package/dist/Components/Table/filters/LeftFilterPane.js +273 -0
  98. package/dist/Components/Table/filters/SelectOperationControls.d.ts +8 -0
  99. package/dist/Components/Table/filters/SelectOperationControls.js +15 -0
  100. package/dist/Components/Table/filters/TableFilters.d.ts +7 -0
  101. package/dist/Components/Table/filters/TableFilters.js +89 -0
  102. package/dist/Components/Table/filters/TextOperationControls.d.ts +12 -0
  103. package/dist/Components/Table/filters/TextOperationControls.js +29 -0
  104. package/dist/Components/Table/hooks/useDebounce.d.ts +2 -0
  105. package/dist/Components/Table/hooks/useDebounce.js +28 -0
  106. package/dist/Components/Table/hooks/useTable.d.ts +47 -0
  107. package/dist/Components/Table/hooks/useTable.js +219 -0
  108. package/dist/Components/Table/settings/ManageColumns.d.ts +12 -0
  109. package/dist/Components/Table/settings/ManageColumns.js +166 -0
  110. package/dist/Components/Table/settings/ManageColumns.test.d.ts +1 -0
  111. package/dist/Components/Table/settings/ManageColumns.test.js +146 -0
  112. package/dist/Components/Table/settings/TableSettings.d.ts +10 -0
  113. package/dist/Components/Table/settings/TableSettings.js +141 -0
  114. package/dist/Layout.d.ts +3 -0
  115. package/dist/Layout.js +292 -0
  116. package/dist/Pages/TInput.d.ts +3 -0
  117. package/dist/Pages/TInput.js +56 -0
  118. package/dist/Pages/accordion.d.ts +3 -0
  119. package/dist/Pages/accordion.js +42 -0
  120. package/dist/Pages/alertdialog.d.ts +3 -0
  121. package/dist/Pages/alertdialog.js +54 -0
  122. package/dist/Pages/button.d.ts +3 -0
  123. package/dist/Pages/button.js +46 -0
  124. package/dist/Pages/card.d.ts +3 -0
  125. package/dist/Pages/card.js +117 -0
  126. package/dist/Pages/chart.d.ts +4 -0
  127. package/dist/Pages/chart.js +40 -0
  128. package/dist/Pages/checkbox.d.ts +3 -0
  129. package/dist/Pages/checkbox.js +12 -0
  130. package/dist/Pages/contactForm.d.ts +3 -0
  131. package/dist/Pages/contactForm.js +16 -0
  132. package/dist/Pages/datePick.d.ts +3 -0
  133. package/dist/Pages/datePick.js +88 -0
  134. package/dist/Pages/drawer.d.ts +3 -0
  135. package/dist/Pages/drawer.js +58 -0
  136. package/dist/Pages/dropdown.d.ts +3 -0
  137. package/dist/Pages/dropdown.js +24 -0
  138. package/dist/Pages/editor.d.ts +3 -0
  139. package/dist/Pages/editor.js +14 -0
  140. package/dist/Pages/feedback.d.ts +2 -0
  141. package/dist/Pages/feedback.js +15 -0
  142. package/dist/Pages/fileUpload.d.ts +2 -0
  143. package/dist/Pages/fileUpload.js +82 -0
  144. package/dist/Pages/input.d.ts +3 -0
  145. package/dist/Pages/input.js +92 -0
  146. package/dist/Pages/kanbanboard.d.ts +3 -0
  147. package/dist/Pages/kanbanboard.js +224 -0
  148. package/dist/Pages/modal.d.ts +3 -0
  149. package/dist/Pages/modal.js +65 -0
  150. package/dist/Pages/multiSelect.d.ts +3 -0
  151. package/dist/Pages/multiSelect.js +55 -0
  152. package/dist/Pages/noteArea.d.ts +3 -0
  153. package/dist/Pages/noteArea.js +59 -0
  154. package/dist/Pages/notification.d.ts +3 -0
  155. package/dist/Pages/notification.js +25 -0
  156. package/dist/Pages/numberInput.d.ts +3 -0
  157. package/dist/Pages/numberInput.js +49 -0
  158. package/dist/Pages/photoViewer.d.ts +3 -0
  159. package/dist/Pages/photoViewer.js +12 -0
  160. package/dist/Pages/pinInputs.d.ts +3 -0
  161. package/dist/Pages/pinInputs.js +12 -0
  162. package/dist/Pages/productCaard.d.ts +3 -0
  163. package/dist/Pages/productCaard.js +311 -0
  164. package/dist/Pages/productDetailCard.d.ts +3 -0
  165. package/dist/Pages/productDetailCard.js +78 -0
  166. package/dist/Pages/productFilter.d.ts +3 -0
  167. package/dist/Pages/productFilter.js +202 -0
  168. package/dist/Pages/progressbar.d.ts +3 -0
  169. package/dist/Pages/progressbar.js +12 -0
  170. package/dist/Pages/radioButton.d.ts +3 -0
  171. package/dist/Pages/radioButton.js +54 -0
  172. package/dist/Pages/search.d.ts +3 -0
  173. package/dist/Pages/search.js +54 -0
  174. package/dist/Pages/searchSelect.d.ts +3 -0
  175. package/dist/Pages/searchSelect.js +133 -0
  176. package/dist/Pages/select.d.ts +3 -0
  177. package/dist/Pages/select.js +53 -0
  178. package/dist/Pages/selectSearch.d.ts +3 -0
  179. package/dist/Pages/selectSearch.js +103 -0
  180. package/dist/Pages/skeleton.d.ts +3 -0
  181. package/dist/Pages/skeleton.js +22 -0
  182. package/dist/Pages/switch.d.ts +3 -0
  183. package/dist/Pages/switch.js +50 -0
  184. package/dist/Pages/table.d.ts +3 -0
  185. package/dist/Pages/table.js +174 -0
  186. package/dist/Pages/textArea.d.ts +3 -0
  187. package/dist/Pages/textArea.js +15 -0
  188. package/dist/Pages/timeline.d.ts +3 -0
  189. package/dist/Pages/timeline.js +74 -0
  190. package/dist/Pages/tooltip.d.ts +3 -0
  191. package/dist/Pages/tooltip.js +12 -0
  192. package/dist/Pages/toster.d.ts +3 -0
  193. package/dist/Pages/toster.js +68 -0
  194. package/dist/Pages/verifyEmail.d.ts +3 -0
  195. package/dist/Pages/verifyEmail.js +18 -0
  196. package/dist/Theme/Dark/palette.d.ts +370 -0
  197. package/dist/Theme/Dark/palette.js +372 -0
  198. package/dist/Theme/Default/palette.d.ts +4 -0
  199. package/dist/Theme/Default/palette.js +3 -0
  200. package/dist/Theme/Emerald/palette.d.ts +4 -0
  201. package/dist/Theme/Emerald/palette.js +2 -1
  202. package/dist/Theme/Meadow/palette.d.ts +4 -0
  203. package/dist/Theme/Meadow/palette.js +2 -1
  204. package/dist/Theme/Radiant/palette.d.ts +4 -0
  205. package/dist/Theme/Radiant/palette.js +2 -1
  206. package/dist/Theme/Rosewood/palette.d.ts +4 -0
  207. package/dist/Theme/Rosewood/palette.js +2 -1
  208. package/dist/Theme/Skyline/palette.d.ts +4 -0
  209. package/dist/Theme/Skyline/palette.js +2 -1
  210. package/dist/Theme/Slate/palette.d.ts +4 -0
  211. package/dist/Theme/Slate/palette.js +2 -1
  212. package/dist/Theme/themeProps.d.ts +4 -0
  213. package/dist/Utils/table.d.ts +21 -0
  214. package/dist/Utils/table.js +98 -14
  215. package/dist/bootstrap.d.ts +1 -0
  216. package/dist/bootstrap.js +14 -0
  217. package/dist/components-v2/AlertDialog/AlertDialog.d.ts +23 -0
  218. package/dist/components-v2/AlertDialog/AlertDialog.js +98 -0
  219. package/dist/components-v2/Breadcrumbs/Breadcrumbs.d.ts +14 -0
  220. package/dist/components-v2/Breadcrumbs/Breadcrumbs.js +66 -0
  221. package/dist/components-v2/Charts/AreaChart.d.ts +23 -0
  222. package/dist/components-v2/Charts/AreaChart.js +63 -0
  223. package/dist/components-v2/Charts/BarChart.d.ts +25 -0
  224. package/dist/components-v2/Charts/BarChart.js +57 -0
  225. package/dist/components-v2/Charts/LineChart.d.ts +23 -0
  226. package/dist/components-v2/Charts/LineChart.js +55 -0
  227. package/dist/components-v2/Charts/PieChart.d.ts +15 -0
  228. package/dist/components-v2/Charts/PieChart.js +54 -0
  229. package/dist/components-v2/Charts/PolarChart.d.ts +14 -0
  230. package/dist/components-v2/Charts/PolarChart.js +54 -0
  231. package/dist/components-v2/Charts/chartOptions.d.ts +7 -0
  232. package/dist/components-v2/Charts/chartOptions.js +41 -0
  233. package/dist/components-v2/Charts/useChartTheme.d.ts +22 -0
  234. package/dist/components-v2/Charts/useChartTheme.js +106 -0
  235. package/dist/components-v2/ContactForm/ContactForm.d.ts +25 -0
  236. package/dist/components-v2/ContactForm/ContactForm.js +116 -0
  237. package/dist/components-v2/DatePicker/Calendar.d.ts +19 -0
  238. package/dist/components-v2/DatePicker/Calendar.js +212 -0
  239. package/dist/components-v2/DatePicker/DatePicker.d.ts +46 -0
  240. package/dist/components-v2/DatePicker/DatePicker.js +189 -0
  241. package/dist/components-v2/DatePicker/TimePicker.d.ts +12 -0
  242. package/dist/components-v2/DatePicker/TimePicker.js +105 -0
  243. package/dist/components-v2/DatePicker/utils.d.ts +31 -0
  244. package/dist/components-v2/DatePicker/utils.js +109 -0
  245. package/dist/components-v2/Drawer/Drawer.d.ts +27 -0
  246. package/dist/components-v2/Drawer/Drawer.js +132 -0
  247. package/dist/components-v2/FeedbackForm/FeedbackForm.d.ts +26 -0
  248. package/dist/components-v2/FeedbackForm/FeedbackForm.js +112 -0
  249. package/dist/components-v2/FileUploader/FileUploader.d.ts +28 -0
  250. package/dist/components-v2/FileUploader/FileUploader.js +127 -0
  251. package/dist/components-v2/Input/TextInput.d.ts +41 -0
  252. package/dist/components-v2/Input/TextInput.js +169 -0
  253. package/dist/components-v2/KanbanBoard/KanbanBoard.d.ts +39 -0
  254. package/dist/components-v2/KanbanBoard/KanbanBoard.js +101 -0
  255. package/dist/components-v2/Layout/AppLayout.d.ts +22 -0
  256. package/dist/components-v2/Layout/AppLayout.js +53 -0
  257. package/dist/components-v2/Loading/Loading.d.ts +19 -0
  258. package/dist/components-v2/Loading/Loading.js +55 -0
  259. package/dist/components-v2/Modal/Modal.d.ts +30 -0
  260. package/dist/components-v2/Modal/Modal.js +82 -0
  261. package/dist/components-v2/NavigationBar/NavigationBar.d.ts +47 -0
  262. package/dist/components-v2/NavigationBar/NavigationBar.js +148 -0
  263. package/dist/components-v2/Notification/Notification.d.ts +22 -0
  264. package/dist/components-v2/Notification/Notification.js +113 -0
  265. package/dist/components-v2/NumberInput/NumberInput.d.ts +37 -0
  266. package/dist/components-v2/NumberInput/NumberInput.js +210 -0
  267. package/dist/components-v2/PinInput/PinInput.d.ts +26 -0
  268. package/dist/components-v2/PinInput/PinInput.js +138 -0
  269. package/dist/components-v2/ProfilePhotoViewer/ProfilePhotoViewer.d.ts +18 -0
  270. package/dist/components-v2/ProfilePhotoViewer/ProfilePhotoViewer.js +91 -0
  271. package/dist/components-v2/Select/Select.d.ts +41 -0
  272. package/dist/components-v2/Select/Select.js +284 -0
  273. package/dist/components-v2/Sidebar/Sidebar.d.ts +41 -0
  274. package/dist/components-v2/Sidebar/Sidebar.js +182 -0
  275. package/dist/components-v2/Slider/Slider.d.ts +18 -0
  276. package/dist/components-v2/Slider/Slider.js +101 -0
  277. package/dist/components-v2/Table/Table.d.ts +7 -0
  278. package/dist/components-v2/Table/Table.js +172 -0
  279. package/dist/components-v2/Table/TableProps.d.ts +139 -0
  280. package/dist/components-v2/Table/TableProps.js +9 -0
  281. package/dist/components-v2/Table/components/ActiveFilters.d.ts +10 -0
  282. package/dist/components-v2/Table/components/ActiveFilters.js +70 -0
  283. package/dist/components-v2/Table/components/BulkActionBar.d.ts +11 -0
  284. package/dist/components-v2/Table/components/BulkActionBar.js +92 -0
  285. package/dist/components-v2/Table/components/ColumnResizeHandle.d.ts +7 -0
  286. package/dist/components-v2/Table/components/ColumnResizeHandle.js +41 -0
  287. package/dist/components-v2/Table/components/Pagination.d.ts +11 -0
  288. package/dist/components-v2/Table/components/Pagination.js +92 -0
  289. package/dist/components-v2/Table/components/TableBody.d.ts +23 -0
  290. package/dist/components-v2/Table/components/TableBody.js +69 -0
  291. package/dist/components-v2/Table/components/TableCell.d.ts +14 -0
  292. package/dist/components-v2/Table/components/TableCell.js +63 -0
  293. package/dist/components-v2/Table/components/TableEmptyState.d.ts +12 -0
  294. package/dist/components-v2/Table/components/TableEmptyState.js +55 -0
  295. package/dist/components-v2/Table/components/TableErrorState.d.ts +6 -0
  296. package/dist/components-v2/Table/components/TableErrorState.js +52 -0
  297. package/dist/components-v2/Table/components/TableHeader.d.ts +21 -0
  298. package/dist/components-v2/Table/components/TableHeader.js +94 -0
  299. package/dist/components-v2/Table/components/TableRow.d.ts +20 -0
  300. package/dist/components-v2/Table/components/TableRow.js +64 -0
  301. package/dist/components-v2/Table/components/TableSearch.d.ts +8 -0
  302. package/dist/components-v2/Table/components/TableSearch.js +47 -0
  303. package/dist/components-v2/Table/filters/FilterChips.d.ts +6 -0
  304. package/dist/components-v2/Table/filters/FilterChips.js +9 -0
  305. package/dist/components-v2/Table/filters/LeftFilterPane.d.ts +17 -0
  306. package/dist/components-v2/Table/filters/LeftFilterPane.js +105 -0
  307. package/dist/components-v2/Table/filters/TableFilters.d.ts +12 -0
  308. package/dist/components-v2/Table/filters/TableFilters.js +127 -0
  309. package/dist/components-v2/Table/hooks/useColumnResize.d.ts +15 -0
  310. package/dist/components-v2/Table/hooks/useColumnResize.js +104 -0
  311. package/dist/components-v2/Table/hooks/useTable.d.ts +58 -0
  312. package/dist/components-v2/Table/hooks/useTable.js +254 -0
  313. package/dist/components-v2/Table/hooks/useTableKeyboard.d.ts +25 -0
  314. package/dist/components-v2/Table/hooks/useTableKeyboard.js +112 -0
  315. package/dist/components-v2/Table/hooks/useVirtualScroll.d.ts +29 -0
  316. package/dist/components-v2/Table/hooks/useVirtualScroll.js +83 -0
  317. package/dist/components-v2/Table/settings/ManageColumns.d.ts +12 -0
  318. package/dist/components-v2/Table/settings/ManageColumns.js +59 -0
  319. package/dist/components-v2/Table/settings/TableSettings.d.ts +12 -0
  320. package/dist/components-v2/Table/settings/TableSettings.js +57 -0
  321. package/dist/components-v2/Table/utils/filterUtils.d.ts +7 -0
  322. package/dist/components-v2/Table/utils/filterUtils.js +149 -0
  323. package/dist/components-v2/Table/utils/sortUtils.d.ts +6 -0
  324. package/dist/components-v2/Table/utils/sortUtils.js +65 -0
  325. package/dist/components-v2/Tag/Tag.d.ts +15 -0
  326. package/dist/components-v2/Tag/Tag.js +87 -0
  327. package/dist/components-v2/Timeline/Timeline.d.ts +18 -0
  328. package/dist/components-v2/Timeline/Timeline.js +76 -0
  329. package/dist/components-v2/Toaster/Toaster.d.ts +61 -0
  330. package/dist/components-v2/Toaster/Toaster.js +63 -0
  331. package/dist/components-v2/Toggle/Toggle.d.ts +28 -0
  332. package/dist/components-v2/Toggle/Toggle.js +90 -0
  333. package/dist/components-v2/ui/accordion.d.ts +12 -0
  334. package/dist/components-v2/ui/accordion.js +104 -0
  335. package/dist/components-v2/ui/alert.d.ts +18 -0
  336. package/dist/components-v2/ui/alert.js +99 -0
  337. package/dist/components-v2/ui/avatar.d.ts +12 -0
  338. package/dist/components-v2/ui/avatar.js +80 -0
  339. package/dist/components-v2/ui/badge.d.ts +10 -0
  340. package/dist/components-v2/ui/badge.js +76 -0
  341. package/dist/components-v2/ui/button.d.ts +18 -0
  342. package/dist/components-v2/ui/button.js +97 -0
  343. package/dist/components-v2/ui/checkbox.d.ts +15 -0
  344. package/dist/components-v2/ui/checkbox.js +86 -0
  345. package/dist/components-v2/ui/dialog.d.ts +30 -0
  346. package/dist/components-v2/ui/dialog.js +115 -0
  347. package/dist/components-v2/ui/dropdown-menu.d.ts +26 -0
  348. package/dist/components-v2/ui/dropdown-menu.js +121 -0
  349. package/dist/components-v2/ui/field.d.ts +32 -0
  350. package/dist/components-v2/ui/field.js +62 -0
  351. package/dist/components-v2/ui/form-field.d.ts +25 -0
  352. package/dist/components-v2/ui/form-field.js +96 -0
  353. package/dist/components-v2/ui/input.d.ts +9 -0
  354. package/dist/components-v2/ui/input.js +73 -0
  355. package/dist/components-v2/ui/label.d.ts +10 -0
  356. package/dist/components-v2/ui/label.js +70 -0
  357. package/dist/components-v2/ui/popover.d.ts +9 -0
  358. package/dist/components-v2/ui/popover.js +60 -0
  359. package/dist/components-v2/ui/progress.d.ts +12 -0
  360. package/dist/components-v2/ui/progress.js +75 -0
  361. package/dist/components-v2/ui/radio-group.d.ts +17 -0
  362. package/dist/components-v2/ui/radio-group.js +91 -0
  363. package/dist/components-v2/ui/select.d.ts +24 -0
  364. package/dist/components-v2/ui/select.js +122 -0
  365. package/dist/components-v2/ui/separator.d.ts +5 -0
  366. package/dist/components-v2/ui/separator.js +55 -0
  367. package/dist/components-v2/ui/skeleton.d.ts +9 -0
  368. package/dist/components-v2/ui/skeleton.js +68 -0
  369. package/dist/components-v2/ui/spinner.d.ts +16 -0
  370. package/dist/components-v2/ui/spinner.js +64 -0
  371. package/dist/components-v2/ui/switch.d.ts +10 -0
  372. package/dist/components-v2/ui/switch.js +81 -0
  373. package/dist/components-v2/ui/tabs.d.ts +13 -0
  374. package/dist/components-v2/ui/tabs.js +95 -0
  375. package/dist/components-v2/ui/textarea.d.ts +10 -0
  376. package/dist/components-v2/ui/textarea.js +96 -0
  377. package/dist/components-v2/ui/tooltip.d.ts +17 -0
  378. package/dist/components-v2/ui/tooltip.js +75 -0
  379. package/dist/lib/utils.d.ts +2 -0
  380. package/dist/lib/utils.js +8 -0
  381. package/dist/theme-v2/ThemeProvider.d.ts +19 -0
  382. package/dist/theme-v2/ThemeProvider.js +149 -0
  383. package/dist/theme-v2/dark.css +47 -0
  384. package/dist/theme-v2/tokens.css +72 -0
  385. package/package.json +2 -2
package/coverage/lcov-report/Table/CompactSelect.tsx.html ADDED
@@ -0,0 +1,379 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for Table/CompactSelect.tsx</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../prettify.css" />
9
+ <link rel="stylesheet" href="../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../index.html">All files</a> / <a href="index.html">Table</a> CompactSelect.tsx</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">94.44% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>17/18</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">73.68% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>14/19</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">88.88% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>8/9</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">93.33% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>14/15</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line high'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a>
73
+ <a name='L8'></a><a href='#L8'>8</a>
74
+ <a name='L9'></a><a href='#L9'>9</a>
75
+ <a name='L10'></a><a href='#L10'>10</a>
76
+ <a name='L11'></a><a href='#L11'>11</a>
77
+ <a name='L12'></a><a href='#L12'>12</a>
78
+ <a name='L13'></a><a href='#L13'>13</a>
79
+ <a name='L14'></a><a href='#L14'>14</a>
80
+ <a name='L15'></a><a href='#L15'>15</a>
81
+ <a name='L16'></a><a href='#L16'>16</a>
82
+ <a name='L17'></a><a href='#L17'>17</a>
83
+ <a name='L18'></a><a href='#L18'>18</a>
84
+ <a name='L19'></a><a href='#L19'>19</a>
85
+ <a name='L20'></a><a href='#L20'>20</a>
86
+ <a name='L21'></a><a href='#L21'>21</a>
87
+ <a name='L22'></a><a href='#L22'>22</a>
88
+ <a name='L23'></a><a href='#L23'>23</a>
89
+ <a name='L24'></a><a href='#L24'>24</a>
90
+ <a name='L25'></a><a href='#L25'>25</a>
91
+ <a name='L26'></a><a href='#L26'>26</a>
92
+ <a name='L27'></a><a href='#L27'>27</a>
93
+ <a name='L28'></a><a href='#L28'>28</a>
94
+ <a name='L29'></a><a href='#L29'>29</a>
95
+ <a name='L30'></a><a href='#L30'>30</a>
96
+ <a name='L31'></a><a href='#L31'>31</a>
97
+ <a name='L32'></a><a href='#L32'>32</a>
98
+ <a name='L33'></a><a href='#L33'>33</a>
99
+ <a name='L34'></a><a href='#L34'>34</a>
100
+ <a name='L35'></a><a href='#L35'>35</a>
101
+ <a name='L36'></a><a href='#L36'>36</a>
102
+ <a name='L37'></a><a href='#L37'>37</a>
103
+ <a name='L38'></a><a href='#L38'>38</a>
104
+ <a name='L39'></a><a href='#L39'>39</a>
105
+ <a name='L40'></a><a href='#L40'>40</a>
106
+ <a name='L41'></a><a href='#L41'>41</a>
107
+ <a name='L42'></a><a href='#L42'>42</a>
108
+ <a name='L43'></a><a href='#L43'>43</a>
109
+ <a name='L44'></a><a href='#L44'>44</a>
110
+ <a name='L45'></a><a href='#L45'>45</a>
111
+ <a name='L46'></a><a href='#L46'>46</a>
112
+ <a name='L47'></a><a href='#L47'>47</a>
113
+ <a name='L48'></a><a href='#L48'>48</a>
114
+ <a name='L49'></a><a href='#L49'>49</a>
115
+ <a name='L50'></a><a href='#L50'>50</a>
116
+ <a name='L51'></a><a href='#L51'>51</a>
117
+ <a name='L52'></a><a href='#L52'>52</a>
118
+ <a name='L53'></a><a href='#L53'>53</a>
119
+ <a name='L54'></a><a href='#L54'>54</a>
120
+ <a name='L55'></a><a href='#L55'>55</a>
121
+ <a name='L56'></a><a href='#L56'>56</a>
122
+ <a name='L57'></a><a href='#L57'>57</a>
123
+ <a name='L58'></a><a href='#L58'>58</a>
124
+ <a name='L59'></a><a href='#L59'>59</a>
125
+ <a name='L60'></a><a href='#L60'>60</a>
126
+ <a name='L61'></a><a href='#L61'>61</a>
127
+ <a name='L62'></a><a href='#L62'>62</a>
128
+ <a name='L63'></a><a href='#L63'>63</a>
129
+ <a name='L64'></a><a href='#L64'>64</a>
130
+ <a name='L65'></a><a href='#L65'>65</a>
131
+ <a name='L66'></a><a href='#L66'>66</a>
132
+ <a name='L67'></a><a href='#L67'>67</a>
133
+ <a name='L68'></a><a href='#L68'>68</a>
134
+ <a name='L69'></a><a href='#L69'>69</a>
135
+ <a name='L70'></a><a href='#L70'>70</a>
136
+ <a name='L71'></a><a href='#L71'>71</a>
137
+ <a name='L72'></a><a href='#L72'>72</a>
138
+ <a name='L73'></a><a href='#L73'>73</a>
139
+ <a name='L74'></a><a href='#L74'>74</a>
140
+ <a name='L75'></a><a href='#L75'>75</a>
141
+ <a name='L76'></a><a href='#L76'>76</a>
142
+ <a name='L77'></a><a href='#L77'>77</a>
143
+ <a name='L78'></a><a href='#L78'>78</a>
144
+ <a name='L79'></a><a href='#L79'>79</a>
145
+ <a name='L80'></a><a href='#L80'>80</a>
146
+ <a name='L81'></a><a href='#L81'>81</a>
147
+ <a name='L82'></a><a href='#L82'>82</a>
148
+ <a name='L83'></a><a href='#L83'>83</a>
149
+ <a name='L84'></a><a href='#L84'>84</a>
150
+ <a name='L85'></a><a href='#L85'>85</a>
151
+ <a name='L86'></a><a href='#L86'>86</a>
152
+ <a name='L87'></a><a href='#L87'>87</a>
153
+ <a name='L88'></a><a href='#L88'>88</a>
154
+ <a name='L89'></a><a href='#L89'>89</a>
155
+ <a name='L90'></a><a href='#L90'>90</a>
156
+ <a name='L91'></a><a href='#L91'>91</a>
157
+ <a name='L92'></a><a href='#L92'>92</a>
158
+ <a name='L93'></a><a href='#L93'>93</a>
159
+ <a name='L94'></a><a href='#L94'>94</a>
160
+ <a name='L95'></a><a href='#L95'>95</a>
161
+ <a name='L96'></a><a href='#L96'>96</a>
162
+ <a name='L97'></a><a href='#L97'>97</a>
163
+ <a name='L98'></a><a href='#L98'>98</a>
164
+ <a name='L99'></a><a href='#L99'>99</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
165
+ <span class="cline-any cline-neutral">&nbsp;</span>
166
+ <span class="cline-any cline-neutral">&nbsp;</span>
167
+ <span class="cline-any cline-neutral">&nbsp;</span>
168
+ <span class="cline-any cline-neutral">&nbsp;</span>
169
+ <span class="cline-any cline-neutral">&nbsp;</span>
170
+ <span class="cline-any cline-neutral">&nbsp;</span>
171
+ <span class="cline-any cline-neutral">&nbsp;</span>
172
+ <span class="cline-any cline-neutral">&nbsp;</span>
173
+ <span class="cline-any cline-neutral">&nbsp;</span>
174
+ <span class="cline-any cline-neutral">&nbsp;</span>
175
+ <span class="cline-any cline-neutral">&nbsp;</span>
176
+ <span class="cline-any cline-neutral">&nbsp;</span>
177
+ <span class="cline-any cline-neutral">&nbsp;</span>
178
+ <span class="cline-any cline-neutral">&nbsp;</span>
179
+ <span class="cline-any cline-yes">3x</span>
180
+ <span class="cline-any cline-yes">4x</span>
181
+ <span class="cline-any cline-yes">4x</span>
182
+ <span class="cline-any cline-yes">4x</span>
183
+ <span class="cline-any cline-yes">3x</span>
184
+ <span class="cline-any cline-yes">3x</span>
185
+ <span class="cline-any cline-yes">2x</span>
186
+ <span class="cline-any cline-neutral">&nbsp;</span>
187
+ <span class="cline-any cline-neutral">&nbsp;</span>
188
+ <span class="cline-any cline-yes">4x</span>
189
+ <span class="cline-any cline-no">&nbsp;</span>
190
+ <span class="cline-any cline-neutral">&nbsp;</span>
191
+ <span class="cline-any cline-neutral">&nbsp;</span>
192
+ <span class="cline-any cline-neutral">&nbsp;</span>
193
+ <span class="cline-any cline-neutral">&nbsp;</span>
194
+ <span class="cline-any cline-neutral">&nbsp;</span>
195
+ <span class="cline-any cline-neutral">&nbsp;</span>
196
+ <span class="cline-any cline-neutral">&nbsp;</span>
197
+ <span class="cline-any cline-neutral">&nbsp;</span>
198
+ <span class="cline-any cline-neutral">&nbsp;</span>
199
+ <span class="cline-any cline-neutral">&nbsp;</span>
200
+ <span class="cline-any cline-neutral">&nbsp;</span>
201
+ <span class="cline-any cline-neutral">&nbsp;</span>
202
+ <span class="cline-any cline-neutral">&nbsp;</span>
203
+ <span class="cline-any cline-neutral">&nbsp;</span>
204
+ <span class="cline-any cline-neutral">&nbsp;</span>
205
+ <span class="cline-any cline-yes">1x</span>
206
+ <span class="cline-any cline-neutral">&nbsp;</span>
207
+ <span class="cline-any cline-neutral">&nbsp;</span>
208
+ <span class="cline-any cline-neutral">&nbsp;</span>
209
+ <span class="cline-any cline-neutral">&nbsp;</span>
210
+ <span class="cline-any cline-neutral">&nbsp;</span>
211
+ <span class="cline-any cline-neutral">&nbsp;</span>
212
+ <span class="cline-any cline-neutral">&nbsp;</span>
213
+ <span class="cline-any cline-neutral">&nbsp;</span>
214
+ <span class="cline-any cline-neutral">&nbsp;</span>
215
+ <span class="cline-any cline-neutral">&nbsp;</span>
216
+ <span class="cline-any cline-neutral">&nbsp;</span>
217
+ <span class="cline-any cline-neutral">&nbsp;</span>
218
+ <span class="cline-any cline-neutral">&nbsp;</span>
219
+ <span class="cline-any cline-neutral">&nbsp;</span>
220
+ <span class="cline-any cline-neutral">&nbsp;</span>
221
+ <span class="cline-any cline-neutral">&nbsp;</span>
222
+ <span class="cline-any cline-neutral">&nbsp;</span>
223
+ <span class="cline-any cline-neutral">&nbsp;</span>
224
+ <span class="cline-any cline-neutral">&nbsp;</span>
225
+ <span class="cline-any cline-neutral">&nbsp;</span>
226
+ <span class="cline-any cline-yes">1x</span>
227
+ <span class="cline-any cline-neutral">&nbsp;</span>
228
+ <span class="cline-any cline-neutral">&nbsp;</span>
229
+ <span class="cline-any cline-neutral">&nbsp;</span>
230
+ <span class="cline-any cline-neutral">&nbsp;</span>
231
+ <span class="cline-any cline-yes">7x</span>
232
+ <span class="cline-any cline-neutral">&nbsp;</span>
233
+ <span class="cline-any cline-neutral">&nbsp;</span>
234
+ <span class="cline-any cline-neutral">&nbsp;</span>
235
+ <span class="cline-any cline-neutral">&nbsp;</span>
236
+ <span class="cline-any cline-neutral">&nbsp;</span>
237
+ <span class="cline-any cline-neutral">&nbsp;</span>
238
+ <span class="cline-any cline-neutral">&nbsp;</span>
239
+ <span class="cline-any cline-yes">1x</span>
240
+ <span class="cline-any cline-yes">1x</span>
241
+ <span class="cline-any cline-yes">1x</span>
242
+ <span class="cline-any cline-neutral">&nbsp;</span>
243
+ <span class="cline-any cline-neutral">&nbsp;</span>
244
+ <span class="cline-any cline-neutral">&nbsp;</span>
245
+ <span class="cline-any cline-neutral">&nbsp;</span>
246
+ <span class="cline-any cline-neutral">&nbsp;</span>
247
+ <span class="cline-any cline-neutral">&nbsp;</span>
248
+ <span class="cline-any cline-neutral">&nbsp;</span>
249
+ <span class="cline-any cline-neutral">&nbsp;</span>
250
+ <span class="cline-any cline-neutral">&nbsp;</span>
251
+ <span class="cline-any cline-neutral">&nbsp;</span>
252
+ <span class="cline-any cline-neutral">&nbsp;</span>
253
+ <span class="cline-any cline-neutral">&nbsp;</span>
254
+ <span class="cline-any cline-neutral">&nbsp;</span>
255
+ <span class="cline-any cline-neutral">&nbsp;</span>
256
+ <span class="cline-any cline-neutral">&nbsp;</span>
257
+ <span class="cline-any cline-neutral">&nbsp;</span>
258
+ <span class="cline-any cline-neutral">&nbsp;</span>
259
+ <span class="cline-any cline-neutral">&nbsp;</span>
260
+ <span class="cline-any cline-neutral">&nbsp;</span>
261
+ <span class="cline-any cline-neutral">&nbsp;</span>
262
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useMemo, useState } from "react";
263
+ import { Box, Text, Input, Popover, PopoverTrigger, PopoverContent, PopoverBody, VStack, Portal } from "@chakra-ui/react";
264
+ import { ChevronDown, ChevronUp } from "lucide-react";
265
+ &nbsp;
266
+ export type Options = { id: string | number; label: string };
267
+ &nbsp;
268
+ type Props = {
269
+ options: Options[];
270
+ value?: Options;
271
+ placeholder?: string;
272
+ height?: string | number;
273
+ onSelect?: (option: Options) =&gt; void;
274
+ size?: "xs" | "sm";
275
+ };
276
+ &nbsp;
277
+ const CompactSelect: React.FC&lt;Props&gt; = ({ options, value, placeholder = "Select", height = "22px", onSelect, size = "xs" }) =&gt; {
278
+ const [isOpen, setIsOpen] = useState(false);
279
+ const [query, setQuery] = useState("");
280
+ const filtered = useMemo(() =&gt; {
281
+ const q = query.trim().toLowerCase();
282
+ if (!q) return options;
283
+ return options.filter((o) =&gt; (o.label || <span class="branch-1 cbranch-no" title="branch not covered" >"")</span>.toLowerCase().includes(q));
284
+ }, [query, options]);
285
+ &nbsp;
286
+ return (
287
+ &lt;Popover isOpen={isOpen} onClose={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setIsOpen(false)}</span> placement="bottom-start"&gt;
288
+ &lt;PopoverTrigger&gt;
289
+ &lt;Box
290
+ as="button"
291
+ type="button"
292
+ w="100%"
293
+ h={typeof height === "number" ? <span class="branch-0 cbranch-no" title="branch not covered" >`${height}px` </span>: height}
294
+ display="flex"
295
+ alignItems="center"
296
+ justifyContent="space-between"
297
+ gap={2}
298
+ px={2}
299
+ border="0.063rem solid"
300
+ borderColor="gray.300"
301
+ bg="white"
302
+ borderRadius="0.25rem"
303
+ onClick={() =&gt; setIsOpen((prev) =&gt; !prev)}
304
+ &gt;
305
+ &lt;Text
306
+ fontSize={size === "xs" ? "0.75rem" : <span class="branch-1 cbranch-no" title="branch not covered" >"0.875rem"}</span>
307
+ color="gray.800"
308
+ noOfLines={1}
309
+ textAlign="left"
310
+ &gt;
311
+ {value?.label || placeholder}
312
+ &lt;/Text&gt;
313
+ {isOpen ? &lt;ChevronUp size={12} /&gt; : &lt;ChevronDown size={12} /&gt;}
314
+ &lt;/Box&gt;
315
+ &lt;/PopoverTrigger&gt;
316
+ &lt;Portal&gt;
317
+ &lt;PopoverContent w="100%" maxW="14rem" p={0} zIndex={1600}&gt;
318
+ &lt;PopoverBody p={2}&gt;
319
+ &lt;VStack spacing={2} align="stretch"&gt;
320
+ &lt;Input
321
+ size={size}
322
+ placeholder="Search"
323
+ value={query}
324
+ onChange={(e) =&gt; setQuery(e.target.value)}
325
+ sx={{ fontSize: "0.75rem", height: "22px" }}
326
+ /&gt;
327
+ &lt;Box maxH="12rem" overflowY="auto" borderTop="1px solid" borderColor="gray.100"&gt;
328
+ {filtered.map((opt) =&gt; (
329
+ &lt;Box
330
+ key={opt.id}
331
+ px={2}
332
+ py={1}
333
+ cursor="pointer"
334
+ _hover={{ bg: "gray.50" }}
335
+ bg={value?.id === opt.id ? <span class="branch-0 cbranch-no" title="branch not covered" >"gray.100" </span>: "transparent"}
336
+ onClick={() =&gt; {
337
+ onSelect?.(opt);
338
+ setIsOpen(false);
339
+ setQuery("");
340
+ }}
341
+ &gt;
342
+ &lt;Text fontSize="0.75rem"&gt;{opt.label}&lt;/Text&gt;
343
+ &lt;/Box&gt;
344
+ ))}
345
+ {filtered.length === 0 &amp;&amp; (
346
+ <span class="branch-1 cbranch-no" title="branch not covered" > &lt;Box px={2} py={2}&gt;</span>
347
+ &lt;Text fontSize="0.75rem" color="gray.500"&gt;No results&lt;/Text&gt;
348
+ &lt;/Box&gt;
349
+ )}
350
+ &lt;/Box&gt;
351
+ &lt;/VStack&gt;
352
+ &lt;/PopoverBody&gt;
353
+ &lt;/PopoverContent&gt;
354
+ &lt;/Portal&gt;
355
+ &lt;/Popover&gt;
356
+ );
357
+ };
358
+ &nbsp;
359
+ export default CompactSelect;
360
+ &nbsp;</pre></td></tr></table></pre>
361
+
362
+ <div class='push'></div><!-- for sticky footer -->
363
+ </div><!-- /wrapper -->
364
+ <div class='footer quiet pad2 space-top1 center small'>
365
+ Code coverage generated by
366
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
367
+ at 2026-04-25T11:11:29.488Z
368
+ </div>
369
+ <script src="../prettify.js"></script>
370
+ <script>
371
+ window.onload = function () {
372
+ prettyPrint();
373
+ };
374
+ </script>
375
+ <script src="../sorter.js"></script>
376
+ <script src="../block-navigation.js"></script>
377
+ </body>
378
+ </html>
379
+