@smwb/ui-react 2.6.3 → 2.7.0

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 (416) hide show
  1. package/AI_LESS_OVERRIDES.md +4 -2
  2. package/AI_THEMING.md +17 -1
  3. package/README.md +84 -35
  4. package/dist/assets/styles/less/components/accordion/accordion.entry.css +1 -1
  5. package/dist/assets/styles/less/components/avatar/avatar.entry.css +1 -1
  6. package/dist/assets/styles/less/components/chart/chart.entry.css +1 -0
  7. package/dist/assets/styles/less/components/descriptionList/descriptionList.entry.css +1 -0
  8. package/dist/assets/styles/less/components/emptyState/emptyState.entry.css +1 -0
  9. package/dist/assets/styles/less/components/kanban/kanban.entry.css +1 -0
  10. package/dist/assets/styles/less/components/meter/meter.entry.css +1 -0
  11. package/dist/assets/styles/less/components/personChip/personChip.entry.css +1 -0
  12. package/dist/assets/styles/less/components/progressIndicator/progressIndicator.entry.css +1 -1
  13. package/dist/assets/styles/less/components/sectionHeader/sectionHeader.entry.css +1 -0
  14. package/dist/assets/styles/less/components/selectField/selectField.entry.css +1 -1
  15. package/dist/assets/styles/less/components/stat/stat.entry.css +1 -0
  16. package/dist/assets/styles/less/components/stepper/stepper.entry.css +1 -1
  17. package/dist/assets/styles/less/components/table/table.entry.css +1 -1
  18. package/dist/assets/styles/less/components/tabs/tab/tab.entry.css +1 -1
  19. package/dist/assets/styles/less/components/tabs/tabs.entry.css +1 -1
  20. package/dist/assets/styles/less/components/textField/textField.entry.css +1 -1
  21. package/dist/assets/styles/less/components/timeline/timeline.entry.css +1 -0
  22. package/dist/assets/styles/less/components/tooltip/tooltip.entry.css +1 -1
  23. package/dist/assets/styles/less/components/typography/typography.entry.css +1 -1
  24. package/dist/assets/styles/less/connects/rt/table.entry.css +1 -0
  25. package/dist/assets/styles/less/tokens.entry.css +1 -0
  26. package/dist/chart.d.ts +2 -0
  27. package/dist/chart.js +8 -0
  28. package/dist/chart.js.map +1 -0
  29. package/dist/components/base/icon/icon.js +8 -7
  30. package/dist/components/base/icon/icon.js.map +1 -1
  31. package/dist/components/base/ripple/ripple.js +11 -10
  32. package/dist/components/base/ripple/ripple.js.map +1 -1
  33. package/dist/components/dataDisplay/accordion/accordion.d.ts +18 -1
  34. package/dist/components/dataDisplay/accordion/accordion.js +77 -54
  35. package/dist/components/dataDisplay/accordion/accordion.js.map +1 -1
  36. package/dist/components/dataDisplay/assetGrid/assetGrid.js +15 -14
  37. package/dist/components/dataDisplay/assetGrid/assetGrid.js.map +1 -1
  38. package/dist/components/dataDisplay/avatar/avatar.d.ts +4 -0
  39. package/dist/components/dataDisplay/avatar/avatar.js +45 -30
  40. package/dist/components/dataDisplay/avatar/avatar.js.map +1 -1
  41. package/dist/components/dataDisplay/badge/badge.js +11 -10
  42. package/dist/components/dataDisplay/badge/badge.js.map +1 -1
  43. package/dist/components/dataDisplay/card/card.js +16 -15
  44. package/dist/components/dataDisplay/card/card.js.map +1 -1
  45. package/dist/components/dataDisplay/carousel/carousel.js +23 -22
  46. package/dist/components/dataDisplay/carousel/carousel.js.map +1 -1
  47. package/dist/components/dataDisplay/chart/chart.d.ts +65 -0
  48. package/dist/components/dataDisplay/chart/chart.js +133 -0
  49. package/dist/components/dataDisplay/chart/chart.js.map +1 -0
  50. package/dist/components/dataDisplay/chart/chartTheme.d.ts +35 -0
  51. package/dist/components/dataDisplay/chart/chartTheme.js +74 -0
  52. package/dist/components/dataDisplay/chart/chartTheme.js.map +1 -0
  53. package/dist/components/dataDisplay/chart/index.d.ts +4 -0
  54. package/dist/components/dataDisplay/chat/chat.js +5 -4
  55. package/dist/components/dataDisplay/chat/chat.js.map +1 -1
  56. package/dist/components/dataDisplay/chip/chip.js +5 -4
  57. package/dist/components/dataDisplay/chip/chip.js.map +1 -1
  58. package/dist/components/dataDisplay/chipGroup/chipGroup.js +10 -9
  59. package/dist/components/dataDisplay/chipGroup/chipGroup.js.map +1 -1
  60. package/dist/components/dataDisplay/descriptionList/descriptionList.d.ts +37 -0
  61. package/dist/components/dataDisplay/descriptionList/descriptionList.js +43 -0
  62. package/dist/components/dataDisplay/descriptionList/descriptionList.js.map +1 -0
  63. package/dist/components/dataDisplay/descriptionList/index.d.ts +2 -0
  64. package/dist/components/dataDisplay/expansionPanel/expansionPanel.js +5 -4
  65. package/dist/components/dataDisplay/expansionPanel/expansionPanel.js.map +1 -1
  66. package/dist/components/dataDisplay/imagesList/imagesList.js +11 -10
  67. package/dist/components/dataDisplay/imagesList/imagesList.js.map +1 -1
  68. package/dist/components/dataDisplay/imagesList/imagesListItem/imagesListItem.js +31 -24
  69. package/dist/components/dataDisplay/imagesList/imagesListItem/imagesListItem.js.map +1 -1
  70. package/dist/components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.d.ts +1 -1
  71. package/dist/components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.js +16 -13
  72. package/dist/components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.js.map +1 -1
  73. package/dist/components/dataDisplay/kanban/index.d.ts +2 -0
  74. package/dist/components/dataDisplay/kanban/kanban.d.ts +47 -0
  75. package/dist/components/dataDisplay/kanban/kanban.js +63 -0
  76. package/dist/components/dataDisplay/kanban/kanban.js.map +1 -0
  77. package/dist/components/dataDisplay/lazyImage/lazyImage.js +9 -8
  78. package/dist/components/dataDisplay/lazyImage/lazyImage.js.map +1 -1
  79. package/dist/components/dataDisplay/list/list.js +11 -10
  80. package/dist/components/dataDisplay/list/list.js.map +1 -1
  81. package/dist/components/dataDisplay/meter/index.d.ts +2 -0
  82. package/dist/components/dataDisplay/meter/meter.d.ts +33 -0
  83. package/dist/components/dataDisplay/meter/meter.js +62 -0
  84. package/dist/components/dataDisplay/meter/meter.js.map +1 -0
  85. package/dist/components/dataDisplay/personChip/index.d.ts +2 -0
  86. package/dist/components/dataDisplay/personChip/personChip.d.ts +31 -0
  87. package/dist/components/dataDisplay/personChip/personChip.js +61 -0
  88. package/dist/components/dataDisplay/personChip/personChip.js.map +1 -0
  89. package/dist/components/dataDisplay/stat/index.d.ts +2 -0
  90. package/dist/components/dataDisplay/stat/stat.d.ts +36 -0
  91. package/dist/components/dataDisplay/stat/stat.js +48 -0
  92. package/dist/components/dataDisplay/stat/stat.js.map +1 -0
  93. package/dist/components/dataDisplay/table/table.d.ts +7 -0
  94. package/dist/components/dataDisplay/table/table.js +21 -15
  95. package/dist/components/dataDisplay/table/table.js.map +1 -1
  96. package/dist/components/dataDisplay/table/tableCell.d.ts +3 -1
  97. package/dist/components/dataDisplay/table/tableCell.js +11 -2
  98. package/dist/components/dataDisplay/table/tableCell.js.map +1 -1
  99. package/dist/components/dataDisplay/table/tableHeadCell.d.ts +11 -1
  100. package/dist/components/dataDisplay/table/tableHeadCell.js +54 -24
  101. package/dist/components/dataDisplay/table/tableHeadCell.js.map +1 -1
  102. package/dist/components/dataDisplay/table/tablePagination/tablePagination.js +10 -9
  103. package/dist/components/dataDisplay/table/tablePagination/tablePagination.js.map +1 -1
  104. package/dist/components/dataDisplay/thumbCard/thumbCard.js +10 -9
  105. package/dist/components/dataDisplay/thumbCard/thumbCard.js.map +1 -1
  106. package/dist/components/dataDisplay/timeline/index.d.ts +2 -0
  107. package/dist/components/dataDisplay/timeline/timeline.d.ts +43 -0
  108. package/dist/components/dataDisplay/timeline/timeline.js +44 -0
  109. package/dist/components/dataDisplay/timeline/timeline.js.map +1 -0
  110. package/dist/components/dataDisplay/treeView/treeView.js +5 -4
  111. package/dist/components/dataDisplay/treeView/treeView.js.map +1 -1
  112. package/dist/components/dataDisplay/typography/typography.d.ts +4 -0
  113. package/dist/components/dataDisplay/typography/typography.js +41 -23
  114. package/dist/components/dataDisplay/typography/typography.js.map +1 -1
  115. package/dist/components/feedBack/confirmDialog/confirmDialog.js +14 -13
  116. package/dist/components/feedBack/confirmDialog/confirmDialog.js.map +1 -1
  117. package/dist/components/feedBack/emptyState/emptyState.d.ts +26 -0
  118. package/dist/components/feedBack/emptyState/emptyState.js +27 -0
  119. package/dist/components/feedBack/emptyState/emptyState.js.map +1 -0
  120. package/dist/components/feedBack/emptyState/index.d.ts +2 -0
  121. package/dist/components/feedBack/message/message.js +8 -7
  122. package/dist/components/feedBack/message/message.js.map +1 -1
  123. package/dist/components/feedBack/modal/modal.js +5 -4
  124. package/dist/components/feedBack/modal/modal.js.map +1 -1
  125. package/dist/components/feedBack/progressIndicator/progressIndicator.d.ts +14 -1
  126. package/dist/components/feedBack/progressIndicator/progressIndicator.js +72 -40
  127. package/dist/components/feedBack/progressIndicator/progressIndicator.js.map +1 -1
  128. package/dist/components/feedBack/saveAssetDialog/saveAssetDialog.js +32 -31
  129. package/dist/components/feedBack/saveAssetDialog/saveAssetDialog.js.map +1 -1
  130. package/dist/components/feedBack/skeleton/skeleton.js +17 -16
  131. package/dist/components/feedBack/skeleton/skeleton.js.map +1 -1
  132. package/dist/components/feedBack/snackbar/snackbar.js +6 -5
  133. package/dist/components/feedBack/snackbar/snackbar.js.map +1 -1
  134. package/dist/components/feedBack/tooltip/tooltip.js +57 -49
  135. package/dist/components/feedBack/tooltip/tooltip.js.map +1 -1
  136. package/dist/components/inputs/button/button.js +16 -15
  137. package/dist/components/inputs/button/button.js.map +1 -1
  138. package/dist/components/inputs/buttonGroups/buttonGroup.js +5 -4
  139. package/dist/components/inputs/buttonGroups/buttonGroup.js.map +1 -1
  140. package/dist/components/inputs/checkbox/checkbox.js +10 -9
  141. package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
  142. package/dist/components/inputs/datePicker/datePicker.js +123 -120
  143. package/dist/components/inputs/datePicker/datePicker.js.map +1 -1
  144. package/dist/components/inputs/dateTimePicker/dateTimePicker.js +121 -119
  145. package/dist/components/inputs/dateTimePicker/dateTimePicker.js.map +1 -1
  146. package/dist/components/inputs/fileDrop/fileDrop.js +13 -12
  147. package/dist/components/inputs/fileDrop/fileDrop.js.map +1 -1
  148. package/dist/components/inputs/fileInput/fileInput.js +4 -3
  149. package/dist/components/inputs/fileInput/fileInput.js.map +1 -1
  150. package/dist/components/inputs/floatingButton/floatingButton.js +17 -16
  151. package/dist/components/inputs/floatingButton/floatingButton.js.map +1 -1
  152. package/dist/components/inputs/radioButton/radioButton.js +11 -10
  153. package/dist/components/inputs/radioButton/radioButton.js.map +1 -1
  154. package/dist/components/inputs/rating/rating.js +18 -17
  155. package/dist/components/inputs/rating/rating.js.map +1 -1
  156. package/dist/components/inputs/selectField/dropdownMenu.d.ts +1 -1
  157. package/dist/components/inputs/selectField/dropdownMenu.js +72 -69
  158. package/dist/components/inputs/selectField/dropdownMenu.js.map +1 -1
  159. package/dist/components/inputs/selectField/selectField.d.ts +2 -0
  160. package/dist/components/inputs/selectField/selectField.js +128 -117
  161. package/dist/components/inputs/selectField/selectField.js.map +1 -1
  162. package/dist/components/inputs/slider/slider.js +4 -3
  163. package/dist/components/inputs/slider/slider.js.map +1 -1
  164. package/dist/components/inputs/textField/textField.js +16 -15
  165. package/dist/components/inputs/textField/textField.js.map +1 -1
  166. package/dist/components/inputs/textField/utils.d.ts +1 -1
  167. package/dist/components/inputs/timePicker/timePicker.js +66 -63
  168. package/dist/components/inputs/timePicker/timePicker.js.map +1 -1
  169. package/dist/components/inputs/toggle/toggle.js +14 -13
  170. package/dist/components/inputs/toggle/toggle.js.map +1 -1
  171. package/dist/components/inputs/valueSlider/valueSlider.js +9 -8
  172. package/dist/components/inputs/valueSlider/valueSlider.js.map +1 -1
  173. package/dist/components/layout/appLayout/appLayout.js +20 -19
  174. package/dist/components/layout/appLayout/appLayout.js.map +1 -1
  175. package/dist/components/layout/divider/divider.js +9 -8
  176. package/dist/components/layout/divider/divider.js.map +1 -1
  177. package/dist/components/layout/floatingWindow/floatingWindow.js +4 -3
  178. package/dist/components/layout/floatingWindow/floatingWindow.js.map +1 -1
  179. package/dist/components/layout/grid/grid.js +17 -16
  180. package/dist/components/layout/grid/grid.js.map +1 -1
  181. package/dist/components/layout/page/page.js +9 -8
  182. package/dist/components/layout/page/page.js.map +1 -1
  183. package/dist/components/layout/pageHeader/pageHeader.js +10 -9
  184. package/dist/components/layout/pageHeader/pageHeader.js.map +1 -1
  185. package/dist/components/layout/screenDivider/screenDivider.js +19 -18
  186. package/dist/components/layout/screenDivider/screenDivider.js.map +1 -1
  187. package/dist/components/layout/sectionHeader/index.d.ts +2 -0
  188. package/dist/components/layout/sectionHeader/sectionHeader.d.ts +31 -0
  189. package/dist/components/layout/sectionHeader/sectionHeader.js +67 -0
  190. package/dist/components/layout/sectionHeader/sectionHeader.js.map +1 -0
  191. package/dist/components/layout/sheet/sheet.js +5 -4
  192. package/dist/components/layout/sheet/sheet.js.map +1 -1
  193. package/dist/components/layout/stack/stack.js +10 -9
  194. package/dist/components/layout/stack/stack.js.map +1 -1
  195. package/dist/components/navigation/appBar/appBar.js +18 -17
  196. package/dist/components/navigation/appBar/appBar.js.map +1 -1
  197. package/dist/components/navigation/bottomBar/bottomBar.js +5 -4
  198. package/dist/components/navigation/bottomBar/bottomBar.js.map +1 -1
  199. package/dist/components/navigation/breadcrumbs/breadcrumbs.js +5 -4
  200. package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
  201. package/dist/components/navigation/menu/menu.js +6 -5
  202. package/dist/components/navigation/menu/menu.js.map +1 -1
  203. package/dist/components/navigation/overflowMenu/overflowMenu.js +16 -15
  204. package/dist/components/navigation/overflowMenu/overflowMenu.js.map +1 -1
  205. package/dist/components/navigation/pagination/pagination.js +5 -4
  206. package/dist/components/navigation/pagination/pagination.js.map +1 -1
  207. package/dist/components/navigation/sidebar/sidebar.js +13 -12
  208. package/dist/components/navigation/sidebar/sidebar.js.map +1 -1
  209. package/dist/components/navigation/stepper/stepper.d.ts +10 -2
  210. package/dist/components/navigation/stepper/stepper.js +33 -30
  211. package/dist/components/navigation/stepper/stepper.js.map +1 -1
  212. package/dist/components/navigation/tabs/tab/tab.d.ts +2 -0
  213. package/dist/components/navigation/tabs/tab/tab.js +14 -13
  214. package/dist/components/navigation/tabs/tab/tab.js.map +1 -1
  215. package/dist/components/navigation/tabs/tabs.d.ts +12 -0
  216. package/dist/components/navigation/tabs/tabs.js +138 -83
  217. package/dist/components/navigation/tabs/tabs.js.map +1 -1
  218. package/dist/connects/rt/table/draggableHeader.d.ts +1 -1
  219. package/dist/connects/rt/table/draggableHeader.js.map +1 -0
  220. package/dist/connects/rt/table/headerCellRenderer.d.ts +6 -0
  221. package/dist/connects/rt/table/headerCellRenderer.js +21 -0
  222. package/dist/connects/rt/table/headerCellRenderer.js.map +1 -0
  223. package/dist/connects/rt/table/table.d.ts +2 -0
  224. package/dist/connects/rt/table/table.js +200 -0
  225. package/dist/connects/rt/table/table.js.map +1 -0
  226. package/dist/connects/rt/table/utils.js.map +1 -0
  227. package/dist/headless/components/dataDisplay/accordion/accordion.js +76 -54
  228. package/dist/headless/components/dataDisplay/accordion/accordion.js.map +1 -1
  229. package/dist/headless/components/dataDisplay/avatar/avatar.js +45 -31
  230. package/dist/headless/components/dataDisplay/avatar/avatar.js.map +1 -1
  231. package/dist/headless/components/dataDisplay/descriptionList/descriptionList.js +41 -0
  232. package/dist/headless/components/dataDisplay/descriptionList/descriptionList.js.map +1 -0
  233. package/dist/headless/components/dataDisplay/imagesList/imagesListItem/imagesListItem.js +29 -23
  234. package/dist/headless/components/dataDisplay/imagesList/imagesListItem/imagesListItem.js.map +1 -1
  235. package/dist/headless/components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.js +16 -13
  236. package/dist/headless/components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.js.map +1 -1
  237. package/dist/headless/components/dataDisplay/kanban/kanban.js +61 -0
  238. package/dist/headless/components/dataDisplay/kanban/kanban.js.map +1 -0
  239. package/dist/headless/components/dataDisplay/meter/meter.js +60 -0
  240. package/dist/headless/components/dataDisplay/meter/meter.js.map +1 -0
  241. package/dist/headless/components/dataDisplay/personChip/personChip.js +59 -0
  242. package/dist/headless/components/dataDisplay/personChip/personChip.js.map +1 -0
  243. package/dist/headless/components/dataDisplay/stat/stat.js +46 -0
  244. package/dist/headless/components/dataDisplay/stat/stat.js.map +1 -0
  245. package/dist/headless/components/dataDisplay/table/table.js +16 -11
  246. package/dist/headless/components/dataDisplay/table/table.js.map +1 -1
  247. package/dist/headless/components/dataDisplay/table/tableCell.js +11 -2
  248. package/dist/headless/components/dataDisplay/table/tableCell.js.map +1 -1
  249. package/dist/headless/components/dataDisplay/table/tableHeadCell.js +54 -24
  250. package/dist/headless/components/dataDisplay/table/tableHeadCell.js.map +1 -1
  251. package/dist/headless/components/dataDisplay/timeline/timeline.js +42 -0
  252. package/dist/headless/components/dataDisplay/timeline/timeline.js.map +1 -0
  253. package/dist/headless/components/dataDisplay/typography/typography.js +39 -22
  254. package/dist/headless/components/dataDisplay/typography/typography.js.map +1 -1
  255. package/dist/headless/components/feedBack/emptyState/emptyState.js +25 -0
  256. package/dist/headless/components/feedBack/emptyState/emptyState.js.map +1 -0
  257. package/dist/headless/components/feedBack/progressIndicator/progressIndicator.js +70 -39
  258. package/dist/headless/components/feedBack/progressIndicator/progressIndicator.js.map +1 -1
  259. package/dist/headless/components/feedBack/saveAssetDialog/saveAssetDialog.js +30 -30
  260. package/dist/headless/components/feedBack/saveAssetDialog/saveAssetDialog.js.map +1 -1
  261. package/dist/headless/components/feedBack/tooltip/tooltip.js +53 -46
  262. package/dist/headless/components/feedBack/tooltip/tooltip.js.map +1 -1
  263. package/dist/headless/components/inputs/datePicker/datePicker.js +112 -110
  264. package/dist/headless/components/inputs/datePicker/datePicker.js.map +1 -1
  265. package/dist/headless/components/inputs/dateTimePicker/dateTimePicker.js +121 -119
  266. package/dist/headless/components/inputs/dateTimePicker/dateTimePicker.js.map +1 -1
  267. package/dist/headless/components/inputs/selectField/dropdownMenu.js +72 -69
  268. package/dist/headless/components/inputs/selectField/dropdownMenu.js.map +1 -1
  269. package/dist/headless/components/inputs/selectField/selectField.js +109 -99
  270. package/dist/headless/components/inputs/selectField/selectField.js.map +1 -1
  271. package/dist/headless/components/inputs/timePicker/timePicker.js +65 -63
  272. package/dist/headless/components/inputs/timePicker/timePicker.js.map +1 -1
  273. package/dist/headless/components/layout/sectionHeader/sectionHeader.js +65 -0
  274. package/dist/headless/components/layout/sectionHeader/sectionHeader.js.map +1 -0
  275. package/dist/headless/components/navigation/stepper/stepper.js +31 -29
  276. package/dist/headless/components/navigation/stepper/stepper.js.map +1 -1
  277. package/dist/headless/components/navigation/tabs/tab/tab.js.map +1 -1
  278. package/dist/headless/components/navigation/tabs/tabs.js +129 -75
  279. package/dist/headless/components/navigation/tabs/tabs.js.map +1 -1
  280. package/dist/headless/hooks/useSafeLayoutEffect.js +4 -2
  281. package/dist/headless/hooks/useSafeLayoutEffect.js.map +1 -1
  282. package/dist/headless/icons/catalog.js +78 -1
  283. package/dist/headless/icons/catalog.js.map +1 -1
  284. package/dist/headless/icons/index.js +596 -574
  285. package/dist/headless/icons/index.js.map +1 -1
  286. package/dist/headless/icons/svg/accountTree.js +9 -0
  287. package/dist/headless/icons/svg/accountTree.js.map +1 -0
  288. package/dist/headless/icons/svg/callSplit.js +9 -0
  289. package/dist/headless/icons/svg/callSplit.js.map +1 -0
  290. package/dist/headless/icons/svg/deviceHub.js +8 -0
  291. package/dist/headless/icons/svg/deviceHub.js.map +1 -0
  292. package/dist/headless/icons/svg/editNote.js +9 -0
  293. package/dist/headless/icons/svg/editNote.js.map +1 -0
  294. package/dist/headless/icons/svg/filterList.js +9 -0
  295. package/dist/headless/icons/svg/filterList.js.map +1 -0
  296. package/dist/headless/icons/svg/forkRight.js +8 -0
  297. package/dist/headless/icons/svg/forkRight.js.map +1 -0
  298. package/dist/headless/icons/svg/groups.js +9 -0
  299. package/dist/headless/icons/svg/groups.js.map +1 -0
  300. package/dist/headless/icons/svg/hub.js +8 -0
  301. package/dist/headless/icons/svg/hub.js.map +1 -0
  302. package/dist/headless/icons/svg/index.js +598 -576
  303. package/dist/headless/icons/svg/index.js.map +1 -1
  304. package/dist/headless/icons/svg/lan.js +9 -0
  305. package/dist/headless/icons/svg/lan.js.map +1 -0
  306. package/dist/headless/icons/svg/personOff.js +9 -0
  307. package/dist/headless/icons/svg/personOff.js.map +1 -0
  308. package/dist/headless/icons/svg/schema.js +9 -0
  309. package/dist/headless/icons/svg/schema.js.map +1 -0
  310. package/dist/headless/index.js +209 -183
  311. package/dist/headless/index.js.map +1 -1
  312. package/dist/hooks/useSafeLayoutEffect.d.ts +7 -1
  313. package/dist/hooks/useSafeLayoutEffect.js +4 -2
  314. package/dist/hooks/useSafeLayoutEffect.js.map +1 -1
  315. package/dist/icons/catalog.d.ts +1 -1
  316. package/dist/icons/catalog.js +78 -1
  317. package/dist/icons/catalog.js.map +1 -1
  318. package/dist/icons/index.js +596 -574
  319. package/dist/icons/index.js.map +1 -1
  320. package/dist/icons/svg/accountTree.d.ts +4 -0
  321. package/dist/icons/svg/accountTree.js +9 -0
  322. package/dist/icons/svg/accountTree.js.map +1 -0
  323. package/dist/icons/svg/callSplit.d.ts +4 -0
  324. package/dist/icons/svg/callSplit.js +9 -0
  325. package/dist/icons/svg/callSplit.js.map +1 -0
  326. package/dist/icons/svg/deviceHub.d.ts +4 -0
  327. package/dist/icons/svg/deviceHub.js +8 -0
  328. package/dist/icons/svg/deviceHub.js.map +1 -0
  329. package/dist/icons/svg/editNote.d.ts +4 -0
  330. package/dist/icons/svg/editNote.js +9 -0
  331. package/dist/icons/svg/editNote.js.map +1 -0
  332. package/dist/icons/svg/filterList.d.ts +4 -0
  333. package/dist/icons/svg/filterList.js +9 -0
  334. package/dist/icons/svg/filterList.js.map +1 -0
  335. package/dist/icons/svg/forkRight.d.ts +4 -0
  336. package/dist/icons/svg/forkRight.js +8 -0
  337. package/dist/icons/svg/forkRight.js.map +1 -0
  338. package/dist/icons/svg/groups.d.ts +4 -0
  339. package/dist/icons/svg/groups.js +9 -0
  340. package/dist/icons/svg/groups.js.map +1 -0
  341. package/dist/icons/svg/hub.d.ts +4 -0
  342. package/dist/icons/svg/hub.js +8 -0
  343. package/dist/icons/svg/hub.js.map +1 -0
  344. package/dist/icons/svg/index.d.ts +11 -0
  345. package/dist/icons/svg/index.js +598 -576
  346. package/dist/icons/svg/index.js.map +1 -1
  347. package/dist/icons/svg/lan.d.ts +4 -0
  348. package/dist/icons/svg/lan.js +9 -0
  349. package/dist/icons/svg/lan.js.map +1 -0
  350. package/dist/icons/svg/personOff.d.ts +4 -0
  351. package/dist/icons/svg/personOff.js +9 -0
  352. package/dist/icons/svg/personOff.js.map +1 -0
  353. package/dist/icons/svg/schema.d.ts +4 -0
  354. package/dist/icons/svg/schema.js +9 -0
  355. package/dist/icons/svg/schema.js.map +1 -0
  356. package/dist/icons.cjs +1 -1
  357. package/dist/icons.cjs.map +1 -1
  358. package/dist/index.cjs +2 -2
  359. package/dist/index.cjs.map +1 -1
  360. package/dist/index.d.ts +16 -0
  361. package/dist/index.js +209 -183
  362. package/dist/index.js.map +1 -1
  363. package/package.json +18 -7
  364. package/dist/react-table/components/base/icon/icon.js +0 -60
  365. package/dist/react-table/components/base/icon/icon.js.map +0 -1
  366. package/dist/react-table/components/base/icon/iconProvider.js +0 -15
  367. package/dist/react-table/components/base/icon/iconProvider.js.map +0 -1
  368. package/dist/react-table/components/dataDisplay/table/table.js +0 -37
  369. package/dist/react-table/components/dataDisplay/table/table.js.map +0 -1
  370. package/dist/react-table/components/dataDisplay/table/tableBody.js +0 -7
  371. package/dist/react-table/components/dataDisplay/table/tableBody.js.map +0 -1
  372. package/dist/react-table/components/dataDisplay/table/tableCell.js +0 -7
  373. package/dist/react-table/components/dataDisplay/table/tableCell.js.map +0 -1
  374. package/dist/react-table/components/dataDisplay/table/tableHead.js +0 -7
  375. package/dist/react-table/components/dataDisplay/table/tableHead.js.map +0 -1
  376. package/dist/react-table/components/dataDisplay/table/tableHeadCell.js +0 -48
  377. package/dist/react-table/components/dataDisplay/table/tableHeadCell.js.map +0 -1
  378. package/dist/react-table/components/dataDisplay/table/tablePagination/tablePagination.js +0 -40
  379. package/dist/react-table/components/dataDisplay/table/tablePagination/tablePagination.js.map +0 -1
  380. package/dist/react-table/components/dataDisplay/table/tableRow.js +0 -20
  381. package/dist/react-table/components/dataDisplay/table/tableRow.js.map +0 -1
  382. package/dist/react-table/components/feedBack/message/message.js +0 -31
  383. package/dist/react-table/components/feedBack/message/message.js.map +0 -1
  384. package/dist/react-table/components/feedBack/progressIndicator/progressIndicator.js +0 -51
  385. package/dist/react-table/components/feedBack/progressIndicator/progressIndicator.js.map +0 -1
  386. package/dist/react-table/components/inputs/textField/textField.js +0 -125
  387. package/dist/react-table/components/inputs/textField/textField.js.map +0 -1
  388. package/dist/react-table/components/inputs/textField/textFieldAdornment.js +0 -25
  389. package/dist/react-table/components/inputs/textField/textFieldAdornment.js.map +0 -1
  390. package/dist/react-table/components/inputs/textField/textFieldWrapper.js +0 -50
  391. package/dist/react-table/components/inputs/textField/textFieldWrapper.js.map +0 -1
  392. package/dist/react-table/components/inputs/textField/utils.js +0 -11
  393. package/dist/react-table/components/inputs/textField/utils.js.map +0 -1
  394. package/dist/react-table/connects/rt/table/draggableHeader.js.map +0 -1
  395. package/dist/react-table/connects/rt/table/headerCellRenderer.js +0 -14
  396. package/dist/react-table/connects/rt/table/headerCellRenderer.js.map +0 -1
  397. package/dist/react-table/connects/rt/table/table.js +0 -180
  398. package/dist/react-table/connects/rt/table/table.js.map +0 -1
  399. package/dist/react-table/connects/rt/table/utils.js.map +0 -1
  400. package/dist/react-table/hooks/useForkRef.js +0 -13
  401. package/dist/react-table/hooks/useForkRef.js.map +0 -1
  402. package/dist/react-table/hooks/useSafeLayoutEffect.js +0 -6
  403. package/dist/react-table/hooks/useSafeLayoutEffect.js.map +0 -1
  404. package/dist/react-table/icons/config.js +0 -9
  405. package/dist/react-table/icons/config.js.map +0 -1
  406. package/dist/react-table/icons/registry.js +0 -12
  407. package/dist/react-table/icons/registry.js.map +0 -1
  408. package/dist/react-table/icons/store.js +0 -10
  409. package/dist/react-table/icons/store.js.map +0 -1
  410. package/dist/react-table/utils/setRef.js +0 -7
  411. package/dist/react-table/utils/setRef.js.map +0 -1
  412. package/dist/storybook/storyPlay.d.ts +0 -28
  413. /package/dist/{react-table/connects → connects}/rt/table/draggableHeader.js +0 -0
  414. /package/dist/{react-table/connects → connects}/rt/table/utils.js +0 -0
  415. /package/dist/{react-table/react-table.js → react-table.js} +0 -0
  416. /package/dist/{react-table/react-table.js.map → react-table.js.map} +0 -0
@@ -1,125 +0,0 @@
1
- import { jsx as k } from "react/jsx-runtime";
2
- import t from "react";
3
- import C from "clsx";
4
- import { useSafeLayoutEffect as J } from "../../../hooks/useSafeLayoutEffect.js";
5
- import { useForkRef as K } from "../../../hooks/useForkRef.js";
6
- import { isFilled as Q } from "./utils.js";
7
- import { TextFieldWrapper as U } from "./textFieldWrapper.js";
8
- const ie = t.forwardRef(function(a, S) {
9
- const {
10
- label: F,
11
- helperText: T,
12
- variant: v = "outlined",
13
- size: _ = "medium",
14
- required: h,
15
- className: y,
16
- disabled: i,
17
- value: s,
18
- defaultValue: B,
19
- onChange: u,
20
- onFocus: f,
21
- onBlur: c,
22
- error: b,
23
- name: D,
24
- type: E = "text",
25
- readOnly: N,
26
- placeholder: q,
27
- fullWidth: z,
28
- id: w,
29
- startAdornment: d,
30
- endAdornment: R,
31
- inline: m,
32
- autoComplete: A,
33
- inputMode: I,
34
- ...M
35
- } = a, [p, x] = t.useState(!1), [W, j] = t.useState(!1), { current: o } = t.useRef(s != null), n = t.useRef(null), H = K(S, n), L = (e) => {
36
- if (i) {
37
- e.stopPropagation();
38
- return;
39
- }
40
- f == null || f(e), x(!0);
41
- }, O = (e) => {
42
- if (!o) {
43
- const r = e.target || n.current;
44
- l({
45
- value: r.value
46
- });
47
- }
48
- c == null || c(e, a), x(!1);
49
- }, l = t.useCallback((e) => {
50
- const r = !!Q(e);
51
- j((g) => g === r ? g : r);
52
- }, []), V = (e) => {
53
- if (!o) {
54
- const r = e.target || n.current;
55
- l({
56
- value: r.value
57
- });
58
- }
59
- u == null || u(e, a);
60
- }, $ = (e) => {
61
- n.current && e.currentTarget === e.target && (e.preventDefault(), n.current.focus());
62
- };
63
- t.useEffect(() => {
64
- i && p && x(!1);
65
- }, [i, p]), t.useEffect(() => {
66
- o || l(n.current);
67
- }), J(() => {
68
- o && l({ value: s });
69
- }, [s, o, l]);
70
- const G = C(
71
- "smwb-text-field__input",
72
- (!F || m) && "smwb-text-field__input--show-placeholder",
73
- d && "smwb-text-field__input--adornment-start",
74
- R && "smwb-text-field__input--adornment-end",
75
- m && "smwb-text-field__input--inline"
76
- );
77
- return /* @__PURE__ */ k(
78
- U,
79
- {
80
- label: F,
81
- helperText: T,
82
- variant: v,
83
- disabled: i,
84
- className: C(y, _ !== "medium" && `smwb-text-field_size-${_}`),
85
- error: b,
86
- fullWidth: z,
87
- isFilledState: W,
88
- isFocused: p,
89
- htmlFor: w,
90
- shrink: !!d,
91
- onHolderMouseDown: $,
92
- startAdornment: d,
93
- endAdornment: R,
94
- inline: m,
95
- ...M,
96
- children: /* @__PURE__ */ k(
97
- "input",
98
- {
99
- type: E,
100
- defaultValue: B,
101
- name: D,
102
- readOnly: N,
103
- required: h,
104
- "aria-invalid": b || void 0,
105
- "aria-required": h || void 0,
106
- placeholder: q,
107
- disabled: i,
108
- value: s,
109
- className: G,
110
- ref: H,
111
- onChange: V,
112
- onFocus: L,
113
- onBlur: O,
114
- id: w,
115
- autoComplete: A,
116
- inputMode: I
117
- }
118
- )
119
- }
120
- );
121
- });
122
- export {
123
- ie as TextField
124
- };
125
- //# sourceMappingURL=textField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"textField.js","sources":["../../../../../src/components/inputs/textField/textField.tsx"],"sourcesContent":["import React, { ChangeEventHandler } from \"react\";\nimport cn from \"clsx\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { isFilled } from \"./utils\";\nimport { TextFieldWrapper } from \"./textFieldWrapper\";\n\nexport interface TextFieldProps extends Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n \"onChange\" | \"onBlur\" | \"size\"\n> {\n label?: string;\n helperText?: React.ReactNode;\n variant?: \"outlined\" | \"filled\";\n size?: \"small\" | \"medium\" | \"large\";\n required?: boolean;\n disabled?: boolean;\n value?: string | number;\n className?: string;\n placeholder?: string;\n defaultValue?: string;\n error?: boolean;\n name?: string;\n type?: string;\n readOnly?: boolean;\n fullWidth?: boolean;\n onBlur?: (event: React.FocusEvent<HTMLInputElement>, data: TextFieldProps) => void;\n onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: TextFieldProps) => void;\n startAdornment?: React.ReactNode;\n endAdornment?: React.ReactNode;\n id?: string;\n inline?: boolean;\n autoComplete?: string;\n}\n\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(function TextField(props, ref) {\n const {\n label,\n helperText,\n variant = \"outlined\",\n size = \"medium\",\n required,\n className,\n disabled,\n value,\n defaultValue,\n onChange: onChangeProp,\n onFocus: onFocusProp,\n onBlur: onBlurProp,\n error,\n name,\n type = \"text\",\n readOnly,\n placeholder,\n fullWidth,\n id,\n startAdornment,\n endAdornment,\n inline,\n autoComplete,\n inputMode,\n ...rest\n } = props;\n const [isFocused, setIsFocused] = React.useState<boolean>(false);\n const [isFilledState, setIsFilledState] = React.useState<boolean>(false);\n\n const { current: isControlled } = React.useRef<boolean>(value != null);\n const inputRef = React.useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef<HTMLInputElement>(ref, inputRef);\n\n const onFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n if (disabled) {\n event.stopPropagation();\n return;\n }\n\n onFocusProp?.(event);\n\n setIsFocused(true);\n };\n\n const onBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n if (!isControlled) {\n const element = event.target || inputRef.current;\n\n checkDirty({\n value: element.value,\n });\n }\n onBlurProp?.(event, props);\n setIsFocused(false);\n };\n\n const checkDirty = React.useCallback((obj: Parameters<typeof isFilled>[0]) => {\n const filled = Boolean(isFilled(obj));\n setIsFilledState((prev) => (prev === filled ? prev : filled));\n }, []);\n\n const onChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n if (!isControlled) {\n const element = event.target || inputRef.current;\n\n checkDirty({\n value: element.value,\n });\n }\n onChangeProp?.(event, props);\n };\n\n const onHolderMouseDown: React.MouseEventHandler<HTMLDivElement> = (event) => {\n if (inputRef.current && event.currentTarget === event.target) {\n event.preventDefault();\n inputRef.current.focus();\n }\n };\n\n React.useEffect(() => {\n if (disabled && isFocused) {\n setIsFocused(false);\n }\n }, [disabled, isFocused]);\n\n // Uncontrolled inputs can receive a value imperatively — e.g. react-hook-form's\n // `register` sets the DOM value on `reset(...)` without firing onChange. Re-derive\n // the filled state from the DOM on every render (the form re-renders on reset) so\n // the floating label still rises. `checkDirty` is a no-op when nothing changed.\n React.useEffect(() => {\n if (!isControlled) {\n checkDirty(inputRef.current);\n }\n });\n\n useSafeLayoutEffect(() => {\n if (isControlled) {\n checkDirty({ value });\n }\n }, [value, isControlled, checkDirty]);\n\n const inputClasses = cn(\n \"smwb-text-field__input\",\n (!label || inline) && \"smwb-text-field__input--show-placeholder\",\n startAdornment && \"smwb-text-field__input--adornment-start\",\n endAdornment && \"smwb-text-field__input--adornment-end\",\n inline && \"smwb-text-field__input--inline\"\n );\n\n return (\n <TextFieldWrapper\n label={label}\n helperText={helperText}\n variant={variant}\n disabled={disabled}\n className={cn(className, size !== \"medium\" && `smwb-text-field_size-${size}`)}\n error={error}\n fullWidth={fullWidth}\n isFilledState={isFilledState}\n isFocused={isFocused}\n htmlFor={id}\n shrink={Boolean(startAdornment)}\n onHolderMouseDown={onHolderMouseDown}\n startAdornment={startAdornment}\n endAdornment={endAdornment}\n inline={inline}\n {...rest}\n >\n <input\n type={type}\n defaultValue={defaultValue}\n name={name}\n readOnly={readOnly}\n required={required}\n aria-invalid={error || undefined}\n aria-required={required || undefined}\n placeholder={placeholder}\n disabled={disabled}\n value={value}\n className={inputClasses}\n ref={inputForkRef}\n onChange={onChange}\n onFocus={onFocus}\n onBlur={onBlur}\n id={id}\n autoComplete={autoComplete}\n inputMode={inputMode}\n />\n </TextFieldWrapper>\n );\n});\n"],"names":["TextField","React","props","ref","label","helperText","variant","size","required","className","disabled","value","defaultValue","onChangeProp","onFocusProp","onBlurProp","error","name","type","readOnly","placeholder","fullWidth","id","startAdornment","endAdornment","inline","autoComplete","inputMode","rest","isFocused","setIsFocused","isFilledState","setIsFilledState","isControlled","inputRef","inputForkRef","useForkRef","onFocus","event","onBlur","element","checkDirty","obj","filled","isFilled","prev","onChange","onHolderMouseDown","useSafeLayoutEffect","inputClasses","cn","jsx","TextFieldWrapper"],"mappings":"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"}
@@ -1,25 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import a from "clsx";
3
- function i({
4
- position: t,
5
- variant: n,
6
- children: e,
7
- className: d,
8
- disablePointerEvents: m,
9
- inline: r
10
- }) {
11
- const s = a(
12
- "smwb-text-field__adornment",
13
- d,
14
- t === "start" && "smwb-text-field__adornment--start",
15
- t === "end" && "smwb-text-field__adornment--end",
16
- m && "smwb-text-field__adornment--disable-pointer",
17
- !r && n === "filled" && "smwb-text-field__adornment--filled",
18
- typeof e == "string" && "smwb-text-field__adornment--text"
19
- );
20
- return /* @__PURE__ */ o("span", { className: s, children: e });
21
- }
22
- export {
23
- i as TextFieldAdornment
24
- };
25
- //# sourceMappingURL=textFieldAdornment.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"textFieldAdornment.js","sources":["../../../../../src/components/inputs/textField/textFieldAdornment.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { TextFieldProps } from \"./textField\";\n\nexport interface TextFieldAdornmentProps extends Pick<JSX.IntrinsicElements[\"span\"], \"children\" | \"className\"> {\n position?: \"start\" | \"end\";\n disablePointerEvents?: boolean;\n variant?: TextFieldProps[\"variant\"];\n inline?: boolean;\n}\n\nexport function TextFieldAdornment({\n position,\n variant,\n children,\n className,\n disablePointerEvents,\n inline,\n}: TextFieldAdornmentProps) {\n const classes = cn(\n \"smwb-text-field__adornment\",\n className,\n position === \"start\" && \"smwb-text-field__adornment--start\",\n position === \"end\" && \"smwb-text-field__adornment--end\",\n disablePointerEvents && \"smwb-text-field__adornment--disable-pointer\",\n !inline && variant === \"filled\" && \"smwb-text-field__adornment--filled\",\n typeof children === \"string\" && \"smwb-text-field__adornment--text\"\n );\n\n return <span className={classes}>{children}</span>;\n}\n"],"names":["TextFieldAdornment","position","variant","children","className","disablePointerEvents","inline","classes","cn","jsx"],"mappings":";;AAWO,SAASA,EAAmB;AAAA,EACjC,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,QAAAC;AACF,GAA4B;AAC1B,QAAMC,IAAUC;AAAA,IACd;AAAA,IACAJ;AAAA,IACAH,MAAa,WAAW;AAAA,IACxBA,MAAa,SAAS;AAAA,IACtBI,KAAwB;AAAA,IACxB,CAACC,KAAUJ,MAAY,YAAY;AAAA,IACnC,OAAOC,KAAa,YAAY;AAAA,EAAA;AAGlC,SAAO,gBAAAM,EAAC,QAAA,EAAK,WAAWF,GAAU,UAAAJ,EAAA,CAAS;AAC7C;"}
@@ -1,50 +0,0 @@
1
- import { jsxs as r, jsx as e, Fragment as k } from "react/jsx-runtime";
2
- import d from "clsx";
3
- import { TextFieldAdornment as a } from "./textFieldAdornment.js";
4
- function T({
5
- label: s,
6
- helperText: i = /* @__PURE__ */ e(k, { children: " " }),
7
- variant: l,
8
- disabled: f,
9
- className: h,
10
- error: x,
11
- fullWidth: w,
12
- isFilledState: b,
13
- isFocused: c,
14
- htmlFor: _,
15
- shrink: p,
16
- children: N,
17
- onHolderMouseDown: u,
18
- startAdornment: o,
19
- endAdornment: m,
20
- inline: t,
21
- ...F
22
- }) {
23
- const g = l === "filled", n = s && (b || c || p), j = d(h, "smwb-text-field", {
24
- "smwb-text-field--filled": !t && g,
25
- "smwb-text-field--inline": t,
26
- "smwb-text-field--focused": !t && c,
27
- "smwb-text-field--error": x,
28
- "smwb-text-field--disabled": f,
29
- "smwb-text-field--full-width": w
30
- }), v = d("smwb-text-field__label", {
31
- "smwb-text-field__label--shrink": n
32
- }), C = d("smwb-text-field__notched", {
33
- "smwb-text-field__notched--with-label": s,
34
- "smwb-text-field__notched--active": n
35
- });
36
- return /* @__PURE__ */ r("div", { className: j, ...F, "data-testid": "text-field", children: [
37
- !t && s && /* @__PURE__ */ e("label", { className: v, htmlFor: _ || "", children: s }),
38
- /* @__PURE__ */ r("div", { className: "smwb-text-field__input-holder", onMouseDown: u, children: [
39
- o && /* @__PURE__ */ e(a, { variant: l, inline: !!t, position: "start", children: o }),
40
- N,
41
- m && /* @__PURE__ */ e(a, { position: "end", children: m }),
42
- !t && l === "outlined" && /* @__PURE__ */ e("fieldset", { className: C, children: /* @__PURE__ */ e("legend", { children: s ? /* @__PURE__ */ e("span", { children: s }) : /* @__PURE__ */ e("span", { className: "smwb-notranslate", children: "​" }) }) })
43
- ] }),
44
- !t && i && /* @__PURE__ */ e("p", { className: "smwb-text-field__helper-line", children: /* @__PURE__ */ e("span", { className: "smwb-text-field__helper-text", children: i }) })
45
- ] });
46
- }
47
- export {
48
- T as TextFieldWrapper
49
- };
50
- //# sourceMappingURL=textFieldWrapper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"textFieldWrapper.js","sources":["../../../../../src/components/inputs/textField/textFieldWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { TextFieldAdornment } from \"./textFieldAdornment\";\n\nexport interface TextFieldWrapperProps extends React.HTMLAttributes<HTMLDivElement> {\n label?: string;\n helperText?: React.ReactNode;\n variant?: \"outlined\" | \"filled\";\n disabled?: boolean;\n className?: string;\n error?: boolean;\n fullWidth?: boolean;\n isFilledState?: boolean;\n isFocused?: boolean;\n children: React.ReactNode;\n htmlFor?: string;\n shrink?: boolean;\n onHolderMouseDown?: React.MouseEventHandler<HTMLDivElement>;\n startAdornment?: React.ReactNode;\n endAdornment?: React.ReactNode;\n inline?: boolean;\n}\n\nexport function TextFieldWrapper({\n label,\n helperText = <>&nbsp;</>,\n variant,\n disabled,\n className,\n error,\n fullWidth,\n isFilledState,\n isFocused,\n htmlFor,\n shrink,\n children,\n onHolderMouseDown,\n startAdornment,\n endAdornment,\n inline,\n ...rest\n}: TextFieldWrapperProps) {\n const isFilledVariant = variant === \"filled\";\n const isNotchedActive = label && (isFilledState || isFocused || shrink);\n\n const classes = cn(className, \"smwb-text-field\", {\n \"smwb-text-field--filled\": !inline && isFilledVariant,\n \"smwb-text-field--inline\": inline,\n \"smwb-text-field--focused\": !inline && isFocused,\n \"smwb-text-field--error\": error,\n \"smwb-text-field--disabled\": disabled,\n \"smwb-text-field--full-width\": fullWidth,\n });\n const labelClasses = cn(\"smwb-text-field__label\", {\n \"smwb-text-field__label--shrink\": isNotchedActive,\n });\n const notchedClasses = cn(\"smwb-text-field__notched\", {\n \"smwb-text-field__notched--with-label\": label,\n \"smwb-text-field__notched--active\": isNotchedActive,\n });\n\n return (\n <div className={classes} {...rest} data-testid=\"text-field\">\n {!inline && label && (\n <label className={labelClasses} htmlFor={htmlFor || \"\"}>\n {label}\n </label>\n )}\n <div className=\"smwb-text-field__input-holder\" onMouseDown={onHolderMouseDown}>\n {startAdornment && (\n <TextFieldAdornment variant={variant} inline={Boolean(inline)} position=\"start\">\n {startAdornment}\n </TextFieldAdornment>\n )}\n {children}\n {endAdornment && <TextFieldAdornment position=\"end\">{endAdornment}</TextFieldAdornment>}\n {!inline && variant === \"outlined\" && (\n <fieldset className={notchedClasses}>\n <legend>{label ? <span>{label}</span> : <span className=\"smwb-notranslate\">&#8203;</span>}</legend>\n </fieldset>\n )}\n </div>\n {!inline && helperText && (\n <p className=\"smwb-text-field__helper-line\">\n <span className=\"smwb-text-field__helper-text\">{helperText}</span>\n </p>\n )}\n </div>\n );\n}\n"],"names":["TextFieldWrapper","label","helperText","variant","disabled","className","error","fullWidth","isFilledState","isFocused","htmlFor","shrink","children","onHolderMouseDown","startAdornment","endAdornment","inline","rest","isFilledVariant","isNotchedActive","classes","cn","labelClasses","notchedClasses","jsx","jsxs","TextFieldAdornment"],"mappings":";;;AAuBO,SAASA,EAAiB;AAAA,EAC/B,OAAAC;AAAA,EACA,YAAAC,2BAAe,UAAA,IAAA,CAAM;AAAA,EACrB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAkBf,MAAY,UAC9BgB,IAAkBlB,MAAUO,KAAiBC,KAAaE,IAE1DS,IAAUC,EAAGhB,GAAW,mBAAmB;AAAA,IAC/C,2BAA2B,CAACW,KAAUE;AAAA,IACtC,2BAA2BF;AAAA,IAC3B,4BAA4B,CAACA,KAAUP;AAAA,IACvC,0BAA0BH;AAAA,IAC1B,6BAA6BF;AAAA,IAC7B,+BAA+BG;AAAA,EAAA,CAChC,GACKe,IAAeD,EAAG,0BAA0B;AAAA,IAChD,kCAAkCF;AAAA,EAAA,CACnC,GACKI,IAAiBF,EAAG,4BAA4B;AAAA,IACpD,wCAAwCpB;AAAA,IACxC,oCAAoCkB;AAAA,EAAA,CACrC;AAED,2BACG,OAAA,EAAI,WAAWC,GAAU,GAAGH,GAAM,eAAY,cAC5C,UAAA;AAAA,IAAA,CAACD,KAAUf,KACV,gBAAAuB,EAAC,SAAA,EAAM,WAAWF,GAAc,SAASZ,KAAW,IACjD,UAAAT,EAAA,CACH;AAAA,IAEF,gBAAAwB,EAAC,OAAA,EAAI,WAAU,iCAAgC,aAAaZ,GACzD,UAAA;AAAA,MAAAC,KACC,gBAAAU,EAACE,KAAmB,SAAAvB,GAAkB,QAAQ,EAAQa,GAAS,UAAS,SACrE,UAAAF,EAAA,CACH;AAAA,MAEDF;AAAA,MACAG,KAAgB,gBAAAS,EAACE,GAAA,EAAmB,UAAS,OAAO,UAAAX,GAAa;AAAA,MACjE,CAACC,KAAUb,MAAY,gCACrB,YAAA,EAAS,WAAWoB,GACnB,UAAA,gBAAAC,EAAC,UAAA,EAAQ,cAAQ,gBAAAA,EAAC,QAAA,EAAM,aAAM,IAAU,gBAAAA,EAAC,UAAK,WAAU,oBAAmB,UAAA,IAAA,CAAO,EAAA,CAAQ,EAAA,CAC5F;AAAA,IAAA,GAEJ;AAAA,IACC,CAACR,KAAUd,KACV,gBAAAsB,EAAC,KAAA,EAAE,WAAU,gCACX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,gCAAgC,UAAAtB,EAAA,CAAW,EAAA,CAC7D;AAAA,EAAA,GAEJ;AAEJ;"}
@@ -1,11 +0,0 @@
1
- function l(e) {
2
- return e != null && !(Array.isArray(e) && e.length === 0);
3
- }
4
- function u(e) {
5
- return e && (l(e.value) && e.value !== "" || l(e.defaultValue) && e.defaultValue !== "");
6
- }
7
- export {
8
- l as hasValue,
9
- u as isFilled
10
- };
11
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../../src/components/inputs/textField/utils.ts"],"sourcesContent":["import { ElementType } from \"react\";\n\nexport function hasValue(value: unknown) {\n return value != null && !(Array.isArray(value) && value.length === 0);\n}\n\nexport function isFilled(\n obj?: {\n value?: unknown;\n defaultValue?: unknown;\n } | null\n) {\n return obj && ((hasValue(obj.value) && obj.value !== \"\") || (hasValue(obj.defaultValue) && obj.defaultValue !== \"\"));\n}\n\nexport function isHostComponent(element: ElementType) {\n return typeof element === \"string\";\n}\n"],"names":["hasValue","value","isFilled","obj"],"mappings":"AAEO,SAASA,EAASC,GAAgB;AACvC,SAAOA,KAAS,QAAQ,EAAE,MAAM,QAAQA,CAAK,KAAKA,EAAM,WAAW;AACrE;AAEO,SAASC,EACdC,GAIA;AACA,SAAOA,MAASH,EAASG,EAAI,KAAK,KAAKA,EAAI,UAAU,MAAQH,EAASG,EAAI,YAAY,KAAKA,EAAI,iBAAiB;AAClH;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"draggableHeader.js","sources":["../../../../../src/connects/rt/table/draggableHeader.tsx"],"sourcesContent":["import { Table, Header, Column, ColumnOrderState } from \"@tanstack/react-table\";\n\nimport { useDrag, useDrop } from \"react-dnd\";\nimport { ReactNode } from \"react\";\n\nexport interface DraggableColumnHeaderProps<T> {\n onColumnOrderChange?: (oldValue: ColumnOrderState, newValue: ColumnOrderState) => void;\n header: Header<T, unknown>;\n table: Table<T>;\n children: ReactNode;\n}\n\nconst reorderColumn = (draggedColumnId: string, targetColumnId: string, columnOrder: string[]): ColumnOrderState => {\n columnOrder.splice(\n columnOrder.indexOf(targetColumnId),\n 0,\n columnOrder.splice(columnOrder.indexOf(draggedColumnId), 1)[0]\n );\n return [...columnOrder];\n};\nexport function DraggableColumnHeader<T>({\n header,\n table,\n children,\n onColumnOrderChange,\n}: DraggableColumnHeaderProps<T>) {\n const { getState, setColumnOrder } = table;\n const { columnOrder } = getState();\n const { column } = header;\n\n const [, dropRef] = useDrop({\n accept: \"column\",\n drop: (draggedColumn: Column<T>) => {\n const newColumnOrder = reorderColumn(draggedColumn.id, column.id, columnOrder);\n setColumnOrder(newColumnOrder);\n setTimeout(() => {\n onColumnOrderChange?.(columnOrder, newColumnOrder);\n });\n },\n });\n\n const [{ isDragging }, dragRef, previewRef] = useDrag({\n collect: (monitor) => ({\n isDragging: monitor.isDragging(),\n }),\n item: () => column,\n type: \"column\",\n });\n\n return (\n <div ref={dropRef} style={{ opacity: isDragging ? 0.3 : 1 }}>\n <span ref={previewRef}>\n <span ref={dragRef}>{children}</span>\n </span>\n </div>\n );\n}\n\nexport type DraggableColumnHeaderWrapperProps<T> = DraggableColumnHeaderProps<T> & {\n draggableColumn?: boolean | null;\n};\nexport function DraggableColumnHeaderWrapper<T>({\n onColumnOrderChange,\n header,\n table,\n children,\n draggableColumn,\n}: DraggableColumnHeaderWrapperProps<T>) {\n if (!draggableColumn) {\n return children;\n }\n return (\n <DraggableColumnHeader header={header} table={table} onColumnOrderChange={onColumnOrderChange}>\n {children}\n </DraggableColumnHeader>\n );\n}\n"],"names":["reorderColumn","draggedColumnId","targetColumnId","columnOrder","DraggableColumnHeader","header","table","children","onColumnOrderChange","getState","setColumnOrder","column","dropRef","useDrop","draggedColumn","newColumnOrder","isDragging","dragRef","previewRef","useDrag","monitor","jsx","DraggableColumnHeaderWrapper","draggableColumn"],"mappings":";;AAYA,MAAMA,IAAgB,CAACC,GAAyBC,GAAwBC,OACtEA,EAAY;AAAA,EACVA,EAAY,QAAQD,CAAc;AAAA,EAClC;AAAA,EACAC,EAAY,OAAOA,EAAY,QAAQF,CAAe,GAAG,CAAC,EAAE,CAAC;AAAA,GAExD,CAAC,GAAGE,CAAW;AAEjB,SAASC,EAAyB;AAAA,EACvC,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,qBAAAC;AACF,GAAkC;AAChC,QAAM,EAAE,UAAAC,GAAU,gBAAAC,EAAA,IAAmBJ,GAC/B,EAAE,aAAAH,EAAA,IAAgBM,EAAA,GAClB,EAAE,QAAAE,MAAWN,GAEb,CAAA,EAAGO,CAAO,IAAIC,EAAQ;AAAA,IAC1B,QAAQ;AAAA,IACR,MAAM,CAACC,MAA6B;AAClC,YAAMC,IAAiBf,EAAcc,EAAc,IAAIH,EAAO,IAAIR,CAAW;AAC7E,MAAAO,EAAeK,CAAc,GAC7B,WAAW,MAAM;AACf,QAAAP,KAAA,QAAAA,EAAsBL,GAAaY;AAAA,MACrC,CAAC;AAAA,IACH;AAAA,EAAA,CACD,GAEK,CAAC,EAAE,YAAAC,EAAA,GAAcC,GAASC,CAAU,IAAIC,EAAQ;AAAA,IACpD,SAAS,CAACC,OAAa;AAAA,MACrB,YAAYA,EAAQ,WAAA;AAAA,IAAW;AAAA,IAEjC,MAAM,MAAMT;AAAA,IACZ,MAAM;AAAA,EAAA,CACP;AAED,SACE,gBAAAU,EAAC,SAAI,KAAKT,GAAS,OAAO,EAAE,SAASI,IAAa,MAAM,EAAA,GACtD,UAAA,gBAAAK,EAAC,QAAA,EAAK,KAAKH,GACT,UAAA,gBAAAG,EAAC,UAAK,KAAKJ,GAAU,UAAAV,GAAS,EAAA,CAChC,EAAA,CACF;AAEJ;AAKO,SAASe,EAAgC;AAAA,EAC9C,qBAAAd;AAAA,EACA,QAAAH;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAgB;AACF,GAAyC;AACvC,SAAKA,IAIH,gBAAAF,EAACjB,GAAA,EAAsB,QAAAC,GAAgB,OAAAC,GAAc,qBAAAE,GAClD,UAAAD,GACH,IALOA;AAOX;"}
@@ -1,14 +0,0 @@
1
- import { jsx as e, Fragment as f } from "react/jsx-runtime";
2
- import { useState as u } from "react";
3
- import { TextField as a } from "../../../components/inputs/textField/textField.js";
4
- const x = ({ header: t, onChange: l }) => {
5
- var n;
6
- const [i, m] = u(((n = t == null ? void 0 : t.column.columnDef.header) == null ? void 0 : n.toString()) || ""), [s, r] = u(!1), c = (o) => {
7
- t && (m(o.target.value), l == null || l(o, t));
8
- };
9
- return t ? /* @__PURE__ */ e("div", { onClick: () => r(!0), children: s ? /* @__PURE__ */ e(a, { value: i, onChange: c, inline: !0, onBlur: () => r(!1) }) : t.column.columnDef.header }) : /* @__PURE__ */ e(f, {});
10
- };
11
- export {
12
- x as default
13
- };
14
- //# sourceMappingURL=headerCellRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"headerCellRenderer.js","sources":["../../../../../src/connects/rt/table/headerCellRenderer.tsx"],"sourcesContent":["import { Header } from \"@tanstack/react-table\";\nimport React, { useState } from \"react\";\nimport { TextField } from \"../../../components/inputs/textField\";\n\nexport interface HeaderCellRendererProps<T extends object> {\n header?: Header<T, unknown>;\n onChange?: (e: React.ChangeEvent<HTMLInputElement>, header: Header<T, unknown>) => void;\n}\n\nconst HeaderCellRenderer = <T extends object>({ header, onChange }: HeaderCellRendererProps<T>) => {\n const [value, setValue] = useState<string>(header?.column.columnDef.header?.toString() || \"\");\n const [editable, setEditable] = useState(false);\n\n const handleChangeCell = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (!header) return;\n setValue(e.target.value);\n onChange?.(e, header);\n };\n\n if (!header) return <></>;\n\n return (\n <div onClick={() => setEditable(true)}>\n {editable ? (\n <TextField value={value} onChange={handleChangeCell} inline onBlur={() => setEditable(false)} />\n ) : (\n (header.column.columnDef.header as string)\n )}\n </div>\n );\n};\n\nexport default HeaderCellRenderer;\n"],"names":["HeaderCellRenderer","header","onChange","value","setValue","useState","_a","editable","setEditable","handleChangeCell","e","jsx","TextField","Fragment"],"mappings":";;;AASA,MAAMA,IAAqB,CAAmB,EAAE,QAAAC,GAAQ,UAAAC,QAA2C;;AACjG,QAAM,CAACC,GAAOC,CAAQ,IAAIC,IAAiBC,IAAAL,KAAA,gBAAAA,EAAQ,OAAO,UAAU,WAAzB,gBAAAK,EAAiC,eAAc,EAAE,GACtF,CAACC,GAAUC,CAAW,IAAIH,EAAS,EAAK,GAExCI,IAAmB,CAACC,MAA2C;AACnE,IAAKT,MACLG,EAASM,EAAE,OAAO,KAAK,GACvBR,KAAA,QAAAA,EAAWQ,GAAGT;AAAA,EAChB;AAEA,SAAKA,IAGH,gBAAAU,EAAC,OAAA,EAAI,SAAS,MAAMH,EAAY,EAAI,GACjC,UAAAD,IACC,gBAAAI,EAACC,GAAA,EAAU,OAAAT,GAAc,UAAUM,GAAkB,QAAM,IAAC,QAAQ,MAAMD,EAAY,EAAK,GAAG,IAE7FP,EAAO,OAAO,UAAU,OAAA,CAE7B,IATkB,gBAAAU,EAAAE,GAAA,CAAA,CAAE;AAWxB;"}
@@ -1,180 +0,0 @@
1
- import { jsxs as _, jsx as o, Fragment as le } from "react/jsx-runtime";
2
- import I, { useState as S, useEffect as se } from "react";
3
- import { getCoreRowModel as ae, getPaginationRowModel as re, getSortedRowModel as ge, getExpandedRowModel as me, useReactTable as ce, flexRender as $ } from "@tanstack/react-table";
4
- import { getColumnName as c, getDefaultColumnSizingState as de, columnSizingStateReducer as fe } from "./utils.js";
5
- import { ProgressIndicator as ue } from "../../../components/feedBack/progressIndicator/progressIndicator.js";
6
- import pe from "../../../components/feedBack/message/message.js";
7
- import { DraggableColumnHeaderWrapper as Se } from "./draggableHeader.js";
8
- import ze from "../../../components/dataDisplay/table/table.js";
9
- import be from "../../../components/dataDisplay/table/tableHead.js";
10
- import f from "../../../components/dataDisplay/table/tableRow.js";
11
- import he from "../../../components/dataDisplay/table/tableHeadCell.js";
12
- import Ce from "../../../components/dataDisplay/table/tableBody.js";
13
- import z from "../../../components/dataDisplay/table/tableCell.js";
14
- const We = ({
15
- data: b,
16
- columns: i,
17
- withPagination: T,
18
- isInfinite: M,
19
- limit: D = 5,
20
- limitOptions: q = [5, 10, 15],
21
- dense: A,
22
- sortable: w,
23
- expandable: G,
24
- draggableColumns: J,
25
- columnResizeMode: K = "onChange",
26
- enableColumnResizing: L,
27
- onColumnSizingChange: N,
28
- onColumnOrderChange: Q,
29
- getRowCanExpand: U,
30
- renderSubComponent: v,
31
- cellAlign: E,
32
- isLoading: O = !1,
33
- onNextPage: h,
34
- onPrevPage: C,
35
- error: y,
36
- onHeadCellClick: R,
37
- headerCellInnerRenderer: W,
38
- onBodyRowClick: u,
39
- ...V
40
- }) => {
41
- const [X, Y] = S([]), [Z, j] = I.useState(
42
- i.map((t) => c(t))
43
- ), [d, B] = S(null), [r, H] = S(de(i)), [P, k] = S({
44
- startOffset: null,
45
- startSize: null,
46
- deltaOffset: null,
47
- deltaPercentage: null,
48
- isResizingColumn: !1,
49
- columnSizingStart: []
50
- });
51
- se(() => {
52
- if (d) {
53
- const t = (d == null ? void 0 : d.offsetWidth) || 0, e = i.filter((n) => n.size), s = t - i.reduce((n, p) => n + (p.size || 0), 0), l = i.length - e.length, a = l ? s / l : 10;
54
- H(
55
- i.map((n) => ({
56
- size: n.size ? n.size : a,
57
- // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
58
- name: c(n)
59
- })).reduce(fe, {})
60
- ), j(i.map((n) => c(n)));
61
- }
62
- }, [d, i]);
63
- const g = {
64
- data: b,
65
- columns: i,
66
- state: { sorting: X, columnSizing: r, columnSizingInfo: P, columnOrder: Z },
67
- initialState: { pagination: { pageIndex: 0, pageSize: D } },
68
- manualPagination: M,
69
- columnResizeMode: K,
70
- onColumnOrderChange: j,
71
- getCoreRowModel: ae(),
72
- onColumnSizingChange: (t) => {
73
- const e = typeof t == "function" ? t(r) : t, s = {};
74
- Object.keys(e).forEach((n) => {
75
- e[n] !== r[n] && (s[n] = e[n]);
76
- });
77
- const l = Object.keys(s)[0], a = i.findIndex((n) => c(n) === l);
78
- if (a >= 0 && a < i.length - 1) {
79
- const n = c(i[a + 1]);
80
- e[n] = r[n] - (e[l] - r[l]);
81
- } else if (a === i.length - 1) {
82
- const n = c(i[a - 1]);
83
- e[n] = r[n] - (e[l] - r[l]);
84
- }
85
- H(e), N && setTimeout(() => N(r, e));
86
- },
87
- onColumnSizingInfoChange: (t) => {
88
- k(typeof t == "function" ? t(P) : t);
89
- }
90
- };
91
- g.enableColumnResizing = !!L, T && (g.getPaginationRowModel = re()), w && (g.getSortedRowModel = ge(), g.onSortingChange = Y), G && (g.getRowCanExpand = U, g.getExpandedRowModel = me());
92
- const m = ce({
93
- ...g
94
- }), ee = () => {
95
- m.nextPage(), h == null || h();
96
- }, te = () => {
97
- m.previousPage(), C == null || C();
98
- }, ne = (t) => (e) => {
99
- u == null || u(t, e);
100
- }, {
101
- pagination: { pageIndex: oe, pageSize: ie }
102
- } = m.getState();
103
- let F;
104
- return T && (F = {
105
- limit: ie,
106
- page: oe + 1,
107
- limitOptions: q,
108
- onNext: ee,
109
- onPrev: te,
110
- onLimitChange: m.setPageSize,
111
- ...M ? { hasNextPage: b.length >= D } : { totalCount: b.length }
112
- }), /* @__PURE__ */ _(
113
- ze,
114
- {
115
- paginationSettings: F,
116
- dense: A,
117
- isLoading: O,
118
- hovered: !!u,
119
- ...V,
120
- ref: B,
121
- children: [
122
- /* @__PURE__ */ o(be, { children: m.getHeaderGroups().map((t) => /* @__PURE__ */ o(f, { children: t.headers.map((e) => {
123
- var p;
124
- const s = e.column.getIsSorted() && e.column.getIsSorted() === "asc", l = e.column.getIsSorted() && e.column.getIsSorted() === "desc", a = e.column.getCanSort() && w, n = e.getResizeHandler();
125
- return /* @__PURE__ */ o(
126
- he,
127
- {
128
- cellAlign: E,
129
- onClick: () => {
130
- R == null || R(e.column.columnDef), e.column.getToggleSortingHandler();
131
- },
132
- isSortedByAsc: s,
133
- isSortedByDesc: l,
134
- style: {
135
- cursor: a ? "pointer" : "default",
136
- width: e.getSize()
137
- },
138
- children: /* @__PURE__ */ o(
139
- Se,
140
- {
141
- draggableColumn: J && ((p = e.column.columnDef.meta) == null ? void 0 : p.draggableColumn),
142
- table: m,
143
- onColumnOrderChange: Q,
144
- header: e,
145
- children: /* @__PURE__ */ _(le, { children: [
146
- /* @__PURE__ */ o("div", { children: e.isPlaceholder ? null : W ? I.cloneElement(W, { header: e }) : $(e.column.columnDef.header, e.getContext()) }),
147
- e.column.getCanResize() && /* @__PURE__ */ o(
148
- "div",
149
- {
150
- onMouseDown: (x) => {
151
- x.preventDefault(), x.stopPropagation(), n(x);
152
- },
153
- onTouchStart: e.getResizeHandler(),
154
- className: `smwb-rt-table--resizer ${e.column.getIsResizing() ? "smwb-rt-table--isResizing" : ""}`
155
- }
156
- )
157
- ] })
158
- },
159
- e.id
160
- )
161
- },
162
- e.id
163
- );
164
- }) }, t.id)) }),
165
- /* @__PURE__ */ o(Ce, { children: O ? /* @__PURE__ */ o(f, { className: "smwb-table__loader__row", children: /* @__PURE__ */ o(z, { className: "smwb-table__loader", children: /* @__PURE__ */ o(ue, { variant: "circular", type: "indeterminate" }) }) }) : y ? /* @__PURE__ */ o(f, { className: "smwb-table__loader__row", children: /* @__PURE__ */ o(z, { className: "smwb-table__loader", children: /* @__PURE__ */ o(pe, { variant: "filled", type: "error", children: y }) }) }) : m.getRowModel().rows.map((t) => /* @__PURE__ */ _(I.Fragment, { children: [
166
- /* @__PURE__ */ o(f, { onClick: ne(t), children: t.getVisibleCells().map((e) => {
167
- var s;
168
- return /* @__PURE__ */ o(z, { cellAlign: E, ...(s = e.column.columnDef.meta) == null ? void 0 : s.cellProps, children: $(e.column.columnDef.cell, e.getContext()) }, e.id);
169
- }) }, t.id),
170
- t.getIsExpanded() && v && /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(z, { colSpan: t.getVisibleCells().length, children: v({ row: t }) }) }, `${t.id}_expand`)
171
- ] }, t.id)) })
172
- ]
173
- }
174
- );
175
- };
176
- export {
177
- We as TableWrapper,
178
- We as default
179
- };
180
- //# sourceMappingURL=table.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"table.js","sources":["../../../../../src/connects/rt/table/table.tsx"],"sourcesContent":["import React, { TdHTMLAttributes, useState, useEffect } from \"react\";\nimport {\n flexRender,\n getCoreRowModel,\n useReactTable,\n ColumnDef,\n getPaginationRowModel,\n getExpandedRowModel,\n TableOptions,\n SortingState,\n getSortedRowModel,\n RowData,\n Row,\n ColumnResizeMode,\n ColumnSizingState,\n ColumnSizingInfoState,\n ColumnOrderState,\n} from \"@tanstack/react-table\";\n\nimport { getColumnName, getDefaultColumnSizingState, columnSizingStateReducer } from \"./utils\";\n\ndeclare module \"@tanstack/table-core\" {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface ColumnMeta<TData extends RowData, TValue> {\n cellProps?: TdHTMLAttributes<HTMLTableCellElement>;\n draggableColumn?: boolean;\n }\n}\n\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeadCell,\n TableRow,\n TableProps as SMWBTableProps,\n} from \"../../../components/dataDisplay/table\";\nimport { TablePaginationProps } from \"../../../components/dataDisplay/table\";\nimport ProgressIndicator from \"../../../components/feedBack/progressIndicator/progressIndicator\";\nimport Message from \"../../../components/feedBack/message/message\";\nimport { DraggableColumnHeaderWrapper } from \"./draggableHeader\";\n\nexport type TableProps<TData extends RowData, TValue = unknown> = SMWBTableProps & {\n withPagination?: boolean;\n isInfinite?: boolean;\n dense?: boolean;\n limit?: number;\n limitOptions?: number[];\n sortable?: boolean;\n expandable?: boolean;\n draggableColumns?: boolean;\n enableColumnResizing?: boolean;\n onColumnSizingChange?: (oldValue: ColumnSizingState, newValue: ColumnSizingState) => void;\n onColumnOrderChange?: (oldValue: ColumnOrderState, newValue: ColumnOrderState) => void;\n getRowCanExpand?: (row: Row<TData>) => boolean;\n renderSubComponent?: (props: { row: Row<TData> }) => React.ReactElement;\n cellAlign?: \"left\" | \"right\" | \"center\";\n isLoading?: boolean;\n onNextPage?: () => void;\n onPrevPage?: () => void;\n error?: string;\n onHeadCellClick?: (colDef?: ColumnDef<TData, TValue>) => void;\n headerCellInnerRenderer?: React.ReactElement;\n onBodyRowClick?: (row: Row<TData>, event: React.MouseEvent<HTMLTableRowElement>) => void;\n data: TData[];\n columns: ColumnDef<TData, TValue>[];\n columnResizeMode?: ColumnResizeMode;\n};\n\nexport const TableWrapper = <TData extends RowData, TValue = unknown>({\n data,\n columns,\n withPagination,\n isInfinite,\n limit = 5,\n limitOptions = [5, 10, 15],\n dense,\n sortable,\n expandable,\n draggableColumns,\n columnResizeMode = \"onChange\",\n enableColumnResizing,\n onColumnSizingChange,\n onColumnOrderChange,\n getRowCanExpand,\n renderSubComponent,\n cellAlign,\n isLoading = false,\n onNextPage,\n onPrevPage,\n error,\n onHeadCellClick,\n headerCellInnerRenderer,\n onBodyRowClick,\n ...props\n}: TableProps<TData, TValue>) => {\n const [sorting, setSorting] = useState<SortingState>([]);\n const [columnOrder, setColumnOrder] = React.useState<ColumnOrderState>(\n columns.map((column) => getColumnName(column))\n );\n const [tableRef, setTableRef] = useState<HTMLDivElement | null>(null);\n const [columnSizing, setColumnSizing] = useState<ColumnSizingState>(getDefaultColumnSizingState(columns));\n const [columnSizingInfo, setColumnSizingInfo] = useState<ColumnSizingInfoState>({\n startOffset: null,\n startSize: null,\n deltaOffset: null,\n deltaPercentage: null,\n isResizingColumn: false,\n columnSizingStart: [],\n });\n useEffect(() => {\n if (tableRef) {\n const totalSize: number = tableRef?.offsetWidth || 0;\n const columnWithSize = columns.filter((el) => el.size);\n const totalSizeWithoutConst = totalSize - columns.reduce((sum, el) => sum + (el.size || 0), 0);\n const columnCountWithoutConstSize = columns.length - columnWithSize.length;\n const avgSize = columnCountWithoutConstSize ? totalSizeWithoutConst / columnCountWithoutConstSize : 10;\n setColumnSizing(\n columns\n .map((el) => ({\n size: el.size ? el.size : avgSize,\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n name: getColumnName(el),\n }))\n .reduce(columnSizingStateReducer, {})\n );\n setColumnOrder(columns.map((column) => getColumnName(column)));\n }\n }, [tableRef, columns]);\n\n const options: TableOptions<TData> = {\n data,\n columns,\n state: { sorting, columnSizing, columnSizingInfo, columnOrder },\n initialState: { pagination: { pageIndex: 0, pageSize: limit } },\n manualPagination: isInfinite,\n columnResizeMode,\n onColumnOrderChange: setColumnOrder,\n getCoreRowModel: getCoreRowModel(),\n onColumnSizingChange: (updater) => {\n const newValue = typeof updater === \"function\" ? updater(columnSizing) : updater;\n const diff: ColumnSizingState = {};\n Object.keys(newValue).forEach((newValueColumn) => {\n if (newValue[newValueColumn] !== columnSizing[newValueColumn]) {\n diff[newValueColumn] = newValue[newValueColumn];\n }\n });\n // Алгоритм не учитывает, что колонки могут меняться местами и что может измениться сразу несколько колонок\n // двигаем соседнюю колонку на столько же, на сколько изменили ширину текущей\n const diffColumnName = Object.keys(diff)[0];\n const columnIndex = columns.findIndex((el) => getColumnName(el) === diffColumnName);\n if (columnIndex >= 0 && columnIndex < columns.length - 1) {\n const rightColumnName = getColumnName(columns[columnIndex + 1]);\n newValue[rightColumnName] =\n columnSizing[rightColumnName] - (newValue[diffColumnName] - columnSizing[diffColumnName]);\n } else if (columnIndex === columns.length - 1) {\n const leftColumnName = getColumnName(columns[columnIndex - 1]);\n newValue[leftColumnName] =\n columnSizing[leftColumnName] - (newValue[diffColumnName] - columnSizing[diffColumnName]);\n }\n setColumnSizing(newValue);\n if (onColumnSizingChange) {\n setTimeout(() => onColumnSizingChange(columnSizing, newValue));\n }\n },\n onColumnSizingInfoChange: (updater) => {\n setColumnSizingInfo(typeof updater === \"function\" ? updater(columnSizingInfo) : updater);\n },\n };\n\n options.enableColumnResizing = !!enableColumnResizing;\n\n if (withPagination) {\n options.getPaginationRowModel = getPaginationRowModel();\n }\n if (sortable) {\n options.getSortedRowModel = getSortedRowModel();\n options.onSortingChange = setSorting;\n }\n if (expandable) {\n options.getRowCanExpand = getRowCanExpand;\n options.getExpandedRowModel = getExpandedRowModel();\n }\n\n const table = useReactTable({\n ...options,\n });\n\n const handleNextPage = () => {\n table.nextPage();\n onNextPage?.();\n };\n\n const handlePrevPage = () => {\n table.previousPage();\n onPrevPage?.();\n };\n\n const handleBodyRowClick = (row: Row<TData>) => (event: React.MouseEvent<HTMLTableRowElement>) => {\n onBodyRowClick?.(row, event);\n };\n\n const {\n pagination: { pageIndex: page, pageSize },\n } = table.getState();\n\n let paginationSettings: TablePaginationProps | undefined = undefined;\n if (withPagination) {\n paginationSettings = {\n limit: pageSize,\n page: page + 1,\n limitOptions,\n onNext: handleNextPage,\n onPrev: handlePrevPage,\n onLimitChange: table.setPageSize,\n ...(isInfinite ? { hasNextPage: data.length >= limit } : { totalCount: data.length }),\n };\n }\n\n return (\n <Table\n paginationSettings={paginationSettings}\n dense={dense}\n isLoading={isLoading}\n hovered={!!onBodyRowClick}\n {...props}\n ref={setTableRef}\n >\n <TableHead>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n const isSortedByAsc = header.column.getIsSorted() && header.column.getIsSorted() === \"asc\";\n const isSortedByDesc = header.column.getIsSorted() && header.column.getIsSorted() === \"desc\";\n const canSort = header.column.getCanSort() && sortable;\n const resizeHandler = header.getResizeHandler();\n return (\n <TableHeadCell\n key={header.id}\n cellAlign={cellAlign}\n onClick={() => {\n onHeadCellClick?.(header.column.columnDef);\n header.column.getToggleSortingHandler();\n }}\n isSortedByAsc={isSortedByAsc}\n isSortedByDesc={isSortedByDesc}\n style={{\n cursor: canSort ? \"pointer\" : \"default\",\n width: header.getSize(),\n }}\n >\n <DraggableColumnHeaderWrapper<TData>\n key={header.id}\n draggableColumn={draggableColumns && header.column.columnDef.meta?.draggableColumn}\n table={table}\n onColumnOrderChange={onColumnOrderChange}\n // https://github.com/TanStack/table/issues/4241\n header={header}\n >\n <>\n <div>\n {header.isPlaceholder\n ? null\n : headerCellInnerRenderer\n ? React.cloneElement(headerCellInnerRenderer, { header })\n : flexRender(header.column.columnDef.header, header.getContext())}\n </div>\n {header.column.getCanResize() && (\n <div\n {...{\n onMouseDown: (e) => {\n e.preventDefault();\n e.stopPropagation();\n resizeHandler(e);\n },\n onTouchStart: header.getResizeHandler(),\n className: `smwb-rt-table--resizer ${\n header.column.getIsResizing() ? \"smwb-rt-table--isResizing\" : \"\"\n }`,\n }}\n />\n )}\n </>\n </DraggableColumnHeaderWrapper>\n </TableHeadCell>\n );\n })}\n </TableRow>\n ))}\n </TableHead>\n <TableBody>\n {isLoading ? (\n <TableRow className=\"smwb-table__loader__row\">\n <TableCell className=\"smwb-table__loader\">\n <ProgressIndicator variant=\"circular\" type=\"indeterminate\" />\n </TableCell>\n </TableRow>\n ) : error ? (\n <TableRow className=\"smwb-table__loader__row\">\n <TableCell className=\"smwb-table__loader\">\n <Message variant=\"filled\" type=\"error\">\n {error}\n </Message>\n </TableCell>\n </TableRow>\n ) : (\n table.getRowModel().rows.map((row) => (\n <React.Fragment key={row.id}>\n <TableRow key={row.id} onClick={handleBodyRowClick(row)}>\n {row.getVisibleCells().map((cell) => {\n return (\n <TableCell key={cell.id} cellAlign={cellAlign} {...cell.column.columnDef.meta?.cellProps}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </TableCell>\n );\n })}\n </TableRow>\n {row.getIsExpanded() && renderSubComponent && (\n <TableRow key={`${row.id}_expand`}>\n <TableCell colSpan={row.getVisibleCells().length}>{renderSubComponent({ row })}</TableCell>\n </TableRow>\n )}\n </React.Fragment>\n ))\n )}\n </TableBody>\n </Table>\n );\n};\n\nexport default TableWrapper;\n"],"names":["TableWrapper","data","columns","withPagination","isInfinite","limit","limitOptions","dense","sortable","expandable","draggableColumns","columnResizeMode","enableColumnResizing","onColumnSizingChange","onColumnOrderChange","getRowCanExpand","renderSubComponent","cellAlign","isLoading","onNextPage","onPrevPage","error","onHeadCellClick","headerCellInnerRenderer","onBodyRowClick","props","sorting","setSorting","useState","columnOrder","setColumnOrder","React","column","getColumnName","tableRef","setTableRef","columnSizing","setColumnSizing","getDefaultColumnSizingState","columnSizingInfo","setColumnSizingInfo","useEffect","totalSize","columnWithSize","el","totalSizeWithoutConst","sum","columnCountWithoutConstSize","avgSize","columnSizingStateReducer","options","getCoreRowModel","updater","newValue","diff","newValueColumn","diffColumnName","columnIndex","rightColumnName","leftColumnName","getPaginationRowModel","getSortedRowModel","getExpandedRowModel","table","useReactTable","handleNextPage","handlePrevPage","handleBodyRowClick","row","event","page","pageSize","paginationSettings","jsxs","Table","jsx","TableHead","headerGroup","TableRow","header","isSortedByAsc","isSortedByDesc","canSort","resizeHandler","TableHeadCell","DraggableColumnHeaderWrapper","_a","Fragment","flexRender","e","TableBody","TableCell","ProgressIndicator","Message","cell"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../../src/connects/rt/table/utils.ts"],"sourcesContent":["import { AccessorKeyColumnDef, ColumnDef, ColumnSizingState } from \"@tanstack/react-table\";\n\nexport function columnSizingStateReducer(\n sum: ColumnSizingState,\n el: { name: string; size?: number }\n): ColumnSizingState {\n sum[el.name] = el.size || 0;\n return sum;\n}\n\nexport function getDefaultColumnSizingState<T, K>(columnDef: ColumnDef<T, K>[]): ColumnSizingState {\n return columnDef\n .map((el) => ({\n size: el.size,\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n name: typeof el.header === \"string\" ? el.header : el.id!,\n }))\n .filter((el) => !!el.size)\n .reduce<ColumnSizingState>(columnSizingStateReducer, {});\n}\n\nexport function getColumnName<T, K>(column: ColumnDef<T, K>): string {\n return (\n (column as AccessorKeyColumnDef<T>).accessorKey\n ? (column as AccessorKeyColumnDef<T>).accessorKey\n : typeof column.header === \"string\"\n ? column.header\n : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n column.id!\n ).toString();\n}\n"],"names":["columnSizingStateReducer","sum","el","getDefaultColumnSizingState","columnDef","getColumnName","column"],"mappings":"AAEO,SAASA,EACdC,GACAC,GACmB;AACnB,SAAAD,EAAIC,EAAG,IAAI,IAAIA,EAAG,QAAQ,GACnBD;AACT;AAEO,SAASE,EAAkCC,GAAiD;AACjG,SAAOA,EACJ,IAAI,CAACF,OAAQ;AAAA,IACZ,MAAMA,EAAG;AAAA;AAAA,IAET,MAAM,OAAOA,EAAG,UAAW,WAAWA,EAAG,SAASA,EAAG;AAAA,EAAA,EACrD,EACD,OAAO,CAACA,MAAO,CAAC,CAACA,EAAG,IAAI,EACxB,OAA0BF,GAA0B,EAAE;AAC3D;AAEO,SAASK,EAAoBC,GAAiC;AACnE,UACGA,EAAmC,cAC/BA,EAAmC,cACpC,OAAOA,EAAO,UAAW,WACvBA,EAAO;AAAA;AAAA,IAEPA,EAAO;AAAA,KACb,SAAA;AACJ;"}
@@ -1,13 +0,0 @@
1
- import t from "react";
2
- import { setRef as u } from "../utils/setRef.js";
3
- function m(...r) {
4
- return t.useMemo(() => r.every((e) => e == null) ? null : (e) => {
5
- r.forEach((o) => {
6
- u(o, e);
7
- });
8
- }, r);
9
- }
10
- export {
11
- m as useForkRef
12
- };
13
- //# sourceMappingURL=useForkRef.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useForkRef.js","sources":["../../../src/hooks/useForkRef.ts"],"sourcesContent":["import React from \"react\";\nimport { setRef } from \"../utils/setRef\";\n\nexport function useForkRef<Instance>(\n ...refs: Array<React.Ref<Instance> | undefined>\n): React.RefCallback<Instance> | null {\n /**\n * This will create a new function if the refs passed to this hook change and are all defined.\n * This means react will call the old forkRef with `null` and the new forkRef\n * with the ref. Cleanup naturally emerges from this behavior.\n */\n return React.useMemo(() => {\n if (refs.every((ref) => ref == null)) {\n return null;\n }\n\n return (instance) => {\n refs.forEach((ref) => {\n setRef(ref, instance);\n });\n };\n // TODO need qualification\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, refs);\n}\n"],"names":["useForkRef","refs","React","ref","instance","setRef"],"mappings":";;AAGO,SAASA,KACXC,GACiC;AAMpC,SAAOC,EAAM,QAAQ,MACfD,EAAK,MAAM,CAACE,MAAQA,KAAO,IAAI,IAC1B,OAGF,CAACC,MAAa;AACnB,IAAAH,EAAK,QAAQ,CAACE,MAAQ;AACpB,MAAAE,EAAOF,GAAKC,CAAQ;AAAA,IACtB,CAAC;AAAA,EACH,GAGCH,CAAI;AACT;"}
@@ -1,6 +0,0 @@
1
- import e from "react";
2
- const t = typeof window == "undefined" ? e.useEffect : e.useLayoutEffect;
3
- export {
4
- t as useSafeLayoutEffect
5
- };
6
- //# sourceMappingURL=useSafeLayoutEffect.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSafeLayoutEffect.js","sources":["../../../src/hooks/useSafeLayoutEffect.ts"],"sourcesContent":["import React from \"react\";\n\nexport const useSafeLayoutEffect = typeof window === \"undefined\" ? React.useEffect : React.useLayoutEffect;\n"],"names":["useSafeLayoutEffect","React"],"mappings":";AAEO,MAAMA,IAAsB,OAAO,UAAW,cAAcC,EAAM,YAAYA,EAAM;"}
@@ -1,9 +0,0 @@
1
- const n = { source: "auto", warnOnMissing: !0 };
2
- let o = { ...n };
3
- function t() {
4
- return o;
5
- }
6
- export {
7
- t as getIconConfig
8
- };
9
- //# sourceMappingURL=config.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"config.js","sources":["../../../src/icons/config.ts"],"sourcesContent":["import type { IconSource } from \"./types\";\nimport { notifyIconChange } from \"./store\";\n\nexport interface IconConfig {\n /** Artwork used by every `<Icon>` that does not override it. Default `\"auto\"`. */\n source: IconSource;\n /**\n * Warn (once per name, dev only) when `source: \"smwb\"` cannot resolve a name.\n * Default `true`.\n */\n warnOnMissing: boolean;\n}\n\nconst DEFAULTS: IconConfig = { source: \"auto\", warnOnMissing: true };\n\nlet config: IconConfig = { ...DEFAULTS };\n\n/**\n * Sets the app-wide icon defaults. Call it once at startup — `<IconProvider>`\n * overrides it for a subtree, and the `source` prop overrides both.\n */\nexport function configureIcons(next: Partial<IconConfig>): void {\n const merged = { ...config, ...next };\n if (merged.source === config.source && merged.warnOnMissing === config.warnOnMissing) return;\n config = merged;\n notifyIconChange();\n}\n\nexport function getIconConfig(): Readonly<IconConfig> {\n return config;\n}\n\n/** Restores the shipped defaults — mostly useful between tests. */\nexport function resetIconConfig(): void {\n configureIcons(DEFAULTS);\n}\n"],"names":["DEFAULTS","config","getIconConfig"],"mappings":"AAaA,MAAMA,IAAuB,EAAE,QAAQ,QAAQ,eAAe,GAAA;AAE9D,IAAIC,IAAqB,EAAE,GAAGD,EAAA;AAavB,SAASE,IAAsC;AACpD,SAAOD;AACT;"}
@@ -1,12 +0,0 @@
1
- const r = /* @__PURE__ */ new Map();
2
- function n(e) {
3
- return e.trim().replace(/([a-z0-9])([A-Z])/g, "$1_$2").replace(/[\s.-]+/g, "_").toLowerCase();
4
- }
5
- function t(e) {
6
- return r.get(n(e));
7
- }
8
- export {
9
- t as getIcon,
10
- n as normalizeIconName
11
- };
12
- //# sourceMappingURL=registry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"registry.js","sources":["../../../src/icons/registry.ts"],"sourcesContent":["import type { IconDefinition } from \"./types\";\nimport { notifyIconChange } from \"./store\";\n\n/**\n * Accepted by {@link registerIcons}: one icon, a list, or any object whose\n * values are icons — including a namespace import\n * (`import * as icons from \"@smwb/ui-react/icons\"`).\n */\nexport type IconInput = IconDefinition | readonly IconDefinition[] | Readonly<Record<string, unknown>>;\n\nconst registry = new Map<string, IconDefinition>();\n\nconst isDefinition = (value: unknown): value is IconDefinition =>\n typeof value === \"object\" &&\n value !== null &&\n typeof (value as IconDefinition).name === \"string\" &&\n typeof (value as IconDefinition).body === \"string\";\n\n/**\n * Makes lookups forgiving: `arrowRightAlt`, `arrow-right-alt`, `Arrow Right Alt`\n * and `arrow_right_alt` all resolve to the same icon, so a codebase can keep the\n * naming convention it already uses.\n */\nexport function normalizeIconName(name: string): string {\n return name\n .trim()\n .replace(/([a-z0-9])([A-Z])/g, \"$1_$2\")\n .replace(/[\\s.-]+/g, \"_\")\n .toLowerCase();\n}\n\nfunction toDefinitions(icons: IconInput): IconDefinition[] {\n if (isDefinition(icons)) return [icons];\n if (Array.isArray(icons)) return icons.filter(isDefinition);\n if (typeof icons === \"object\" && icons !== null) return Object.values(icons).filter(isDefinition);\n return [];\n}\n\n/**\n * Adds icons to the global registry, keyed by name and by every alias.\n * Registering a name twice wins for the later call, which is how an app\n * overrides a shipped icon with its own artwork.\n */\nexport function registerIcons(icons: IconInput): void {\n const definitions = toDefinitions(icons);\n if (definitions.length === 0) return;\n for (const icon of definitions) {\n registry.set(normalizeIconName(icon.name), icon);\n for (const alias of icon.aliases ?? []) registry.set(normalizeIconName(alias), icon);\n }\n notifyIconChange();\n}\n\n/** Removes icons by name or alias. */\nexport function unregisterIcons(names: string | readonly string[]): void {\n const list = typeof names === \"string\" ? [names] : names;\n let changed = false;\n for (const name of list) changed = registry.delete(normalizeIconName(name)) || changed;\n if (changed) notifyIconChange();\n}\n\n/** Empties the registry — mostly useful between tests. */\nexport function clearIcons(): void {\n if (registry.size === 0) return;\n registry.clear();\n notifyIconChange();\n}\n\n/** Resolves a name or alias to its icon, or `undefined` when unregistered. */\nexport function getIcon(name: string): IconDefinition | undefined {\n return registry.get(normalizeIconName(name));\n}\n\nexport function hasIcon(name: string): boolean {\n return registry.has(normalizeIconName(name));\n}\n\n/** Canonical names of every registered icon, sorted; aliases are not repeated. */\nexport function listIcons(): string[] {\n return [...new Set([...registry.values()].map((icon) => icon.name))].sort();\n}\n"],"names":["registry","normalizeIconName","name","getIcon"],"mappings":"AAUA,MAAMA,wBAAe,IAAA;AAad,SAASC,EAAkBC,GAAsB;AACtD,SAAOA,EACJ,OACA,QAAQ,sBAAsB,OAAO,EACrC,QAAQ,YAAY,GAAG,EACvB,YAAA;AACL;AAwCO,SAASC,EAAQD,GAA0C;AAChE,SAAOF,EAAS,IAAIC,EAAkBC,CAAI,CAAC;AAC7C;"}
@@ -1,10 +0,0 @@
1
- const n = /* @__PURE__ */ new Set();
2
- function t(e) {
3
- return n.add(e), () => {
4
- n.delete(e);
5
- };
6
- }
7
- export {
8
- t as subscribeIcons
9
- };
10
- //# sourceMappingURL=store.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"store.js","sources":["../../../src/icons/store.ts"],"sourcesContent":["// Minimal observable shared by the icon registry and the icon config. Icons are\n// usually registered before the first render, but lazy chunks\n// (`import(\"...\").then(registerIcons)`) and Storybook HMR register late — this\n// lets mounted <Icon>s pick that up instead of staying blank.\n\ntype Listener = () => void;\n\nconst listeners = new Set<Listener>();\nlet version = 0;\n\n/** Subscribes to registry/config changes. Returns an unsubscribe function. */\nexport function subscribeIcons(listener: Listener): () => void {\n listeners.add(listener);\n return () => {\n listeners.delete(listener);\n };\n}\n\n/** Monotonic counter bumped on every registry or config change. */\nexport function getIconVersion(): number {\n return version;\n}\n\nexport function notifyIconChange(): void {\n version += 1;\n for (const listener of [...listeners]) listener();\n}\n"],"names":["listeners","subscribeIcons","listener"],"mappings":"AAOA,MAAMA,wBAAgB,IAAA;AAIf,SAASC,EAAeC,GAAgC;AAC7D,SAAAF,EAAU,IAAIE,CAAQ,GACf,MAAM;AACX,IAAAF,EAAU,OAAOE,CAAQ;AAAA,EAC3B;AACF;"}
@@ -1,7 +0,0 @@
1
- function i(t, n) {
2
- typeof t == "function" ? t(n) : t && (t.current = n);
3
- }
4
- export {
5
- i as setRef
6
- };
7
- //# sourceMappingURL=setRef.js.map