@hitachivantara/uikit-react-core 6.8.2 → 6.9.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 (441) hide show
  1. package/dist/Accordion/Accordion.js +69 -80
  2. package/dist/Accordion/Accordion.styles.js +21 -16
  3. package/dist/ActionBar/ActionBar.js +18 -17
  4. package/dist/ActionBar/ActionBar.styles.js +12 -15
  5. package/dist/ActionsGeneric/ActionsGeneric.js +72 -98
  6. package/dist/ActionsGeneric/ActionsGeneric.styles.js +17 -14
  7. package/dist/AppSwitcher/Action/Action.js +96 -111
  8. package/dist/AppSwitcher/Action/Action.styles.js +44 -48
  9. package/dist/AppSwitcher/AppSwitcher.js +70 -98
  10. package/dist/AppSwitcher/AppSwitcher.styles.js +50 -53
  11. package/dist/Avatar/Avatar.js +66 -111
  12. package/dist/Avatar/Avatar.styles.js +62 -52
  13. package/dist/AvatarGroup/AvatarGroup.js +49 -78
  14. package/dist/AvatarGroup/AvatarGroup.styles.js +40 -60
  15. package/dist/AvatarGroup/AvatarGroupContext.js +13 -16
  16. package/dist/Badge/Badge.js +40 -49
  17. package/dist/Badge/Badge.styles.js +50 -50
  18. package/dist/Banner/Banner.js +51 -83
  19. package/dist/Banner/Banner.styles.js +13 -22
  20. package/dist/Banner/BannerContent/BannerContent.js +35 -56
  21. package/dist/Banner/BannerContent/BannerContent.styles.js +31 -36
  22. package/dist/BaseCheckBox/BaseCheckBox.js +71 -88
  23. package/dist/BaseCheckBox/BaseCheckBox.styles.js +24 -31
  24. package/dist/BaseCheckBox/CheckBoxIcon.js +57 -73
  25. package/dist/BaseDropdown/BaseDropdown.js +147 -189
  26. package/dist/BaseDropdown/BaseDropdown.styles.js +72 -84
  27. package/dist/BaseDropdown/BaseDropdownPanel.js +69 -86
  28. package/dist/BaseDropdown/utils.js +77 -76
  29. package/dist/BaseInput/BaseInput.js +53 -89
  30. package/dist/BaseInput/BaseInput.styles.js +85 -105
  31. package/dist/BaseInput/validations.js +72 -69
  32. package/dist/BaseRadio/BaseRadio.js +61 -85
  33. package/dist/BaseRadio/BaseRadio.styles.js +26 -31
  34. package/dist/BaseRadio/RadioIcon.js +43 -48
  35. package/dist/BaseSwitch/BaseSwitch.js +70 -108
  36. package/dist/BaseSwitch/BaseSwitch.styles.js +94 -113
  37. package/dist/BreadCrumb/BreadCrumb.js +84 -106
  38. package/dist/BreadCrumb/BreadCrumb.styles.js +20 -17
  39. package/dist/BreadCrumb/Page/Page.js +24 -34
  40. package/dist/BreadCrumb/Page/Page.styles.js +20 -25
  41. package/dist/BreadCrumb/PathElement/PathElement.js +17 -17
  42. package/dist/BreadCrumb/PathElement/PathElement.styles.js +9 -7
  43. package/dist/BreadCrumb/utils.js +19 -27
  44. package/dist/BulkActions/BulkActions.js +57 -96
  45. package/dist/BulkActions/BulkActions.styles.js +37 -45
  46. package/dist/Button/Button.js +67 -95
  47. package/dist/Button/Button.styles.js +107 -124
  48. package/dist/ButtonBase/ButtonBase.js +32 -51
  49. package/dist/ButtonBase/ButtonBase.styles.js +21 -30
  50. package/dist/Calendar/Calendar.js +73 -101
  51. package/dist/Calendar/Calendar.styles.js +14 -32
  52. package/dist/Calendar/CalendarHeader/CalendarHeader.js +91 -118
  53. package/dist/Calendar/CalendarHeader/CalendarHeader.styles.js +11 -16
  54. package/dist/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js +36 -50
  55. package/dist/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.js +12 -18
  56. package/dist/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js +23 -43
  57. package/dist/Calendar/CalendarNavigation/MonthSelector/MonthSelector.styles.js +21 -24
  58. package/dist/Calendar/CalendarNavigation/Navigation/Navigation.js +43 -59
  59. package/dist/Calendar/CalendarNavigation/Navigation/Navigation.styles.js +21 -24
  60. package/dist/Calendar/SingleCalendar/CalendarCell.js +60 -84
  61. package/dist/Calendar/SingleCalendar/CalendarCell.styles.js +39 -56
  62. package/dist/Calendar/SingleCalendar/SingleCalendar.js +121 -154
  63. package/dist/Calendar/SingleCalendar/SingleCalendar.styles.js +53 -68
  64. package/dist/Calendar/model.js +45 -62
  65. package/dist/Calendar/utils.js +233 -128
  66. package/dist/Card/Card.js +35 -53
  67. package/dist/Card/Card.styles.js +37 -50
  68. package/dist/Card/Content/Content.js +15 -27
  69. package/dist/Card/Content/Content.styles.js +5 -10
  70. package/dist/Card/Header/Header.js +22 -35
  71. package/dist/Card/Header/Header.styles.js +22 -25
  72. package/dist/Card/Media/Media.js +16 -26
  73. package/dist/Card/Media/Media.styles.js +6 -7
  74. package/dist/Carousel/Carousel.js +179 -207
  75. package/dist/Carousel/Carousel.styles.js +141 -166
  76. package/dist/Carousel/CarouselControls.js +48 -62
  77. package/dist/Carousel/CarouselSlide/CarouselSlide.js +19 -25
  78. package/dist/Carousel/CarouselSlide/CarouselSlide.styles.js +10 -11
  79. package/dist/Carousel/CarouselThumbnails.js +29 -36
  80. package/dist/CheckBox/CheckBox.js +112 -182
  81. package/dist/CheckBox/CheckBox.styles.js +48 -57
  82. package/dist/CheckBoxGroup/CheckBoxGroup.js +154 -245
  83. package/dist/CheckBoxGroup/CheckBoxGroup.styles.js +29 -35
  84. package/dist/ColorPicker/ColorPicker.js +146 -222
  85. package/dist/ColorPicker/ColorPicker.styles.js +40 -45
  86. package/dist/ColorPicker/Picker/Fields.js +125 -141
  87. package/dist/ColorPicker/Picker/Picker.js +51 -50
  88. package/dist/ColorPicker/Picker/Picker.styles.js +42 -42
  89. package/dist/ColorPicker/PresetColors/PresetColors.js +25 -28
  90. package/dist/ColorPicker/PresetColors/PresetColors.styles.js +17 -17
  91. package/dist/ColorPicker/SavedColors/SavedColors.js +37 -41
  92. package/dist/ColorPicker/SavedColors/SavedColors.styles.js +27 -29
  93. package/dist/ColorPicker/Swatch.js +22 -37
  94. package/dist/Container/Container.js +37 -58
  95. package/dist/Container/Container.styles.js +12 -13
  96. package/dist/Controls/Controls.js +50 -74
  97. package/dist/Controls/Controls.styles.js +16 -13
  98. package/dist/Controls/LeftControl/LeftControl.js +25 -38
  99. package/dist/Controls/LeftControl/LeftControl.styles.js +7 -7
  100. package/dist/Controls/RightControl/RightControl.js +31 -46
  101. package/dist/Controls/RightControl/RightControl.styles.js +9 -7
  102. package/dist/Controls/context/ControlsContext.js +5 -6
  103. package/dist/DatePicker/DatePicker.js +286 -339
  104. package/dist/DatePicker/DatePicker.styles.js +25 -40
  105. package/dist/DatePicker/useVisibleDate.js +142 -126
  106. package/dist/DatePicker/utils.js +17 -26
  107. package/dist/Dialog/Actions/Actions.js +19 -29
  108. package/dist/Dialog/Actions/Actions.styles.js +20 -20
  109. package/dist/Dialog/Content/Content.js +29 -46
  110. package/dist/Dialog/Content/Content.styles.js +14 -15
  111. package/dist/Dialog/Dialog.js +49 -69
  112. package/dist/Dialog/Dialog.styles.js +33 -46
  113. package/dist/Dialog/Title/Title.js +20 -42
  114. package/dist/Dialog/Title/Title.styles.js +14 -16
  115. package/dist/Dialog/context.js +5 -6
  116. package/dist/DotPagination/DotPagination.js +44 -59
  117. package/dist/DotPagination/DotPagination.styles.js +44 -47
  118. package/dist/Drawer/Drawer.js +37 -64
  119. package/dist/Drawer/Drawer.styles.js +18 -21
  120. package/dist/DropDownMenu/DropDownMenu.js +88 -124
  121. package/dist/DropDownMenu/DropDownMenu.styles.js +12 -21
  122. package/dist/Dropdown/Dropdown.js +221 -310
  123. package/dist/Dropdown/Dropdown.styles.js +39 -48
  124. package/dist/Dropdown/List/List.js +194 -176
  125. package/dist/Dropdown/List/List.styles.js +23 -24
  126. package/dist/Dropdown/utils.js +15 -16
  127. package/dist/DropdownButton/DropdownButton.js +42 -46
  128. package/dist/DropdownButton/DropdownButton.styles.js +37 -47
  129. package/dist/EmptyState/EmptyState.js +48 -61
  130. package/dist/EmptyState/EmptyState.styles.js +31 -31
  131. package/dist/FileUploader/DropZone/DropZone.js +141 -179
  132. package/dist/FileUploader/DropZone/DropZone.styles.js +55 -68
  133. package/dist/FileUploader/File/File.js +85 -75
  134. package/dist/FileUploader/File/File.styles.js +55 -60
  135. package/dist/FileUploader/FileList/FileList.js +19 -28
  136. package/dist/FileUploader/FileList/FileList.styles.js +15 -16
  137. package/dist/FileUploader/FileUploader.js +35 -55
  138. package/dist/FileUploader/FileUploader.styles.js +4 -7
  139. package/dist/FileUploader/Preview/Preview.js +37 -52
  140. package/dist/FileUploader/Preview/Preview.styles.js +22 -28
  141. package/dist/FileUploader/utils.js +24 -11
  142. package/dist/FilterGroup/Counter/Counter.js +31 -43
  143. package/dist/FilterGroup/Counter/Counter.styles.js +12 -15
  144. package/dist/FilterGroup/FilterContent/FilterContent.js +138 -177
  145. package/dist/FilterGroup/FilterContent/FilterContent.styles.js +46 -53
  146. package/dist/FilterGroup/FilterContent/HeaderButton.js +77 -100
  147. package/dist/FilterGroup/FilterGroup.js +87 -136
  148. package/dist/FilterGroup/FilterGroup.styles.js +9 -10
  149. package/dist/FilterGroup/FilterGroupContext.js +68 -73
  150. package/dist/FilterGroup/LeftPanel/LeftPanel.js +28 -31
  151. package/dist/FilterGroup/LeftPanel/LeftPanel.styles.js +6 -11
  152. package/dist/FilterGroup/RightPanel/RightPanel.js +118 -151
  153. package/dist/FilterGroup/RightPanel/RightPanel.styles.js +17 -27
  154. package/dist/Focus/Focus.js +248 -344
  155. package/dist/Focus/Focus.styles.js +28 -39
  156. package/dist/Focus/utils.js +14 -20
  157. package/dist/Footer/Footer.js +36 -38
  158. package/dist/Footer/Footer.styles.js +40 -43
  159. package/dist/FormElement/Adornment/Adornment.js +38 -49
  160. package/dist/FormElement/Adornment/Adornment.styles.js +14 -15
  161. package/dist/FormElement/CharCounter/CharCounter.js +51 -73
  162. package/dist/FormElement/CharCounter/CharCounter.styles.js +12 -10
  163. package/dist/FormElement/FormElement.js +53 -31
  164. package/dist/FormElement/FormElement.styles.js +4 -7
  165. package/dist/FormElement/InfoMessage/InfoMessage.js +26 -41
  166. package/dist/FormElement/InfoMessage/InfoMessage.styles.js +11 -9
  167. package/dist/FormElement/Label/Label.js +33 -56
  168. package/dist/FormElement/Label/Label.styles.js +11 -9
  169. package/dist/FormElement/LabelContainer.js +46 -55
  170. package/dist/FormElement/Suggestions/Suggestions.js +46 -71
  171. package/dist/FormElement/Suggestions/Suggestions.styles.js +9 -16
  172. package/dist/FormElement/WarningText/WarningText.js +41 -62
  173. package/dist/FormElement/WarningText/WarningText.styles.js +25 -28
  174. package/dist/FormElement/context.js +6 -10
  175. package/dist/FormElement/utils.js +54 -58
  176. package/dist/GlobalActions/GlobalActions.js +53 -59
  177. package/dist/GlobalActions/GlobalActions.styles.js +67 -76
  178. package/dist/Grid/Grid.js +82 -112
  179. package/dist/Grid/Grid.styles.js +37 -38
  180. package/dist/Header/Actions/Actions.js +15 -17
  181. package/dist/Header/Actions/Actions.styles.js +12 -15
  182. package/dist/Header/Brand/Brand.js +27 -23
  183. package/dist/Header/Brand/Brand.styles.js +16 -14
  184. package/dist/Header/Header.js +22 -31
  185. package/dist/Header/Header.styles.js +32 -30
  186. package/dist/Header/Navigation/MenuBar/Bar.js +23 -36
  187. package/dist/Header/Navigation/MenuBar/Bar.styles.js +54 -61
  188. package/dist/Header/Navigation/MenuBar/MenuBar.js +20 -26
  189. package/dist/Header/Navigation/MenuItem/MenuItem.js +104 -120
  190. package/dist/Header/Navigation/MenuItem/MenuItem.styles.js +48 -63
  191. package/dist/Header/Navigation/Navigation.js +32 -37
  192. package/dist/Header/Navigation/Navigation.styles.js +11 -17
  193. package/dist/Header/Navigation/useSelectionPath.js +17 -20
  194. package/dist/Header/Navigation/utils/FocusContext.js +23 -20
  195. package/dist/Header/Navigation/utils/SelectionContext.js +4 -4
  196. package/dist/IconButton/IconButton.js +25 -32
  197. package/dist/IconContainer/IconContainer.js +55 -76
  198. package/dist/InlineEditor/InlineEditor.js +105 -131
  199. package/dist/InlineEditor/InlineEditor.styles.js +44 -53
  200. package/dist/Input/Input.js +385 -461
  201. package/dist/Input/Input.styles.js +34 -47
  202. package/dist/Input/icons.js +16 -21
  203. package/dist/Input/utils.js +8 -11
  204. package/dist/List/List.js +196 -247
  205. package/dist/List/List.styles.js +44 -49
  206. package/dist/List/useSelectableList.js +11 -8
  207. package/dist/List/utils.js +24 -33
  208. package/dist/ListContainer/ListContainer.js +52 -65
  209. package/dist/ListContainer/ListContainer.styles.js +7 -10
  210. package/dist/ListContainer/ListContext/ListContext.js +4 -4
  211. package/dist/ListContainer/ListItem/ListItem.js +79 -117
  212. package/dist/ListContainer/ListItem/ListItem.styles.js +57 -78
  213. package/dist/Loading/Loading.js +31 -46
  214. package/dist/Loading/Loading.styles.js +41 -48
  215. package/dist/LoadingContainer/LoadingContainer.js +34 -40
  216. package/dist/LoadingContainer/LoadingContainer.styles.js +17 -18
  217. package/dist/Login/Login.js +22 -29
  218. package/dist/Login/Login.styles.js +20 -21
  219. package/dist/MultiButton/MultiButton.js +41 -59
  220. package/dist/MultiButton/MultiButton.styles.js +117 -137
  221. package/dist/NumberInput/NumberInput.js +51 -50
  222. package/dist/NumberInput/NumberInput.styles.js +5 -10
  223. package/dist/OverflowTooltip/OverflowTooltip.js +55 -75
  224. package/dist/OverflowTooltip/OverflowTooltip.styles.js +19 -23
  225. package/dist/Pagination/Pagination.js +176 -164
  226. package/dist/Pagination/Pagination.styles.js +86 -90
  227. package/dist/Pagination/Select.js +51 -60
  228. package/dist/Pagination/Select.styles.js +13 -19
  229. package/dist/Panel/Panel.js +19 -20
  230. package/dist/Panel/Panel.styles.js +12 -15
  231. package/dist/ProgressBar/ProgressBar.js +40 -53
  232. package/dist/ProgressBar/ProgressBar.styles.js +28 -40
  233. package/dist/QueryBuilder/ConfirmationDialog.js +35 -28
  234. package/dist/QueryBuilder/Context.js +308 -322
  235. package/dist/QueryBuilder/QueryBuilder.js +108 -137
  236. package/dist/QueryBuilder/QueryBuilder.styles.js +117 -108
  237. package/dist/QueryBuilder/Rule/Attribute.js +56 -63
  238. package/dist/QueryBuilder/Rule/Operator.js +53 -58
  239. package/dist/QueryBuilder/Rule/Rule.js +70 -88
  240. package/dist/QueryBuilder/Rule/Rule.styles.js +49 -56
  241. package/dist/QueryBuilder/RuleGroup.js +160 -206
  242. package/dist/QueryBuilder/Value/BooleanValue.js +38 -37
  243. package/dist/QueryBuilder/Value/DateTimeValue.js +233 -299
  244. package/dist/QueryBuilder/Value/EmptyValue.js +14 -14
  245. package/dist/QueryBuilder/Value/NumericValue.js +152 -204
  246. package/dist/QueryBuilder/Value/TextValue.js +38 -54
  247. package/dist/QueryBuilder/Value/Value.js +42 -67
  248. package/dist/QueryBuilder/types.js +4 -4
  249. package/dist/QueryBuilder/utils/index.js +40 -74
  250. package/dist/QueryBuilder/utils/reducer.js +86 -92
  251. package/dist/Radio/Radio.js +96 -145
  252. package/dist/Radio/Radio.styles.js +47 -55
  253. package/dist/RadioGroup/RadioGroup.js +98 -159
  254. package/dist/RadioGroup/RadioGroup.styles.js +28 -34
  255. package/dist/ScrollToHorizontal/HorizontalScrollListItem/HorizontalScrollListItem.js +34 -51
  256. package/dist/ScrollToHorizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.js +39 -48
  257. package/dist/ScrollToHorizontal/ScrollToHorizontal.js +56 -91
  258. package/dist/ScrollToHorizontal/ScrollToHorizontal.styles.js +28 -32
  259. package/dist/ScrollToVertical/ScrollToVertical.js +45 -77
  260. package/dist/ScrollToVertical/ScrollToVertical.styles.js +31 -38
  261. package/dist/ScrollToVertical/VerticalScrollListItem/VerticalScrollListItem.js +30 -39
  262. package/dist/ScrollToVertical/VerticalScrollListItem/VerticalScrollListItem.styles.js +44 -51
  263. package/dist/SearchInput/SearchInput.js +27 -25
  264. package/dist/SearchInput/SearchInput.styles.js +6 -7
  265. package/dist/Section/Section.js +69 -104
  266. package/dist/Section/Section.styles.js +53 -57
  267. package/dist/Select/Option.js +29 -46
  268. package/dist/Select/OptionGroup.js +18 -30
  269. package/dist/Select/Select.js +163 -219
  270. package/dist/Select/Select.styles.js +26 -32
  271. package/dist/SelectionList/SelectionList.js +162 -216
  272. package/dist/SelectionList/SelectionList.styles.js +36 -36
  273. package/dist/SimpleGrid/SimpleGrid.js +16 -27
  274. package/dist/SimpleGrid/SimpleGrid.styles.js +28 -39
  275. package/dist/Skeleton/Skeleton.js +26 -44
  276. package/dist/Skeleton/Skeleton.styles.js +43 -66
  277. package/dist/Slider/Slider.js +316 -431
  278. package/dist/Slider/Slider.styles.js +183 -216
  279. package/dist/Slider/SliderInput/SliderInput.js +38 -57
  280. package/dist/Slider/SliderInput/SliderInput.styles.js +13 -14
  281. package/dist/Slider/base.js +221 -243
  282. package/dist/Slider/utils.js +247 -233
  283. package/dist/Snackbar/Snackbar.js +59 -88
  284. package/dist/Snackbar/Snackbar.styles.js +25 -42
  285. package/dist/Snackbar/SnackbarContent/SnackbarContent.js +31 -50
  286. package/dist/Snackbar/SnackbarContent/SnackbarContent.styles.js +27 -30
  287. package/dist/SnackbarProvider/SnackbarProvider.js +73 -105
  288. package/dist/SnackbarProvider/SnackbarProvider.styles.js +20 -26
  289. package/dist/Stack/Stack.js +74 -84
  290. package/dist/Stack/Stack.styles.js +14 -33
  291. package/dist/StatusIcon/StatusIcon.js +78 -102
  292. package/dist/StatusIcon/StatusIcon.styles.js +42 -52
  293. package/dist/Switch/Switch.js +91 -138
  294. package/dist/Switch/Switch.styles.js +49 -60
  295. package/dist/Table/Table.js +62 -66
  296. package/dist/Table/Table.styles.js +23 -28
  297. package/dist/Table/TableBody/TableBody.js +45 -56
  298. package/dist/Table/TableBody/TableBody.styles.js +8 -7
  299. package/dist/Table/TableCell/TableCell.js +37 -66
  300. package/dist/Table/TableCell/TableCell.styles.js +125 -162
  301. package/dist/Table/TableContainer/TableContainer.js +18 -28
  302. package/dist/Table/TableContainer/TableContainer.styles.js +8 -12
  303. package/dist/Table/TableContext.js +4 -4
  304. package/dist/Table/TableHead/TableHead.js +27 -39
  305. package/dist/Table/TableHead/TableHead.styles.js +10 -7
  306. package/dist/Table/TableHeader/TableHeader.js +73 -124
  307. package/dist/Table/TableHeader/TableHeader.styles.js +135 -150
  308. package/dist/Table/TableHeader/utils.js +11 -15
  309. package/dist/Table/TableRow/TableRow.js +32 -51
  310. package/dist/Table/TableRow/TableRow.styles.js +64 -84
  311. package/dist/Table/TableSection/TableSection.js +21 -20
  312. package/dist/Table/TableSection/TableSection.styles.js +63 -96
  313. package/dist/Table/TableSectionContext.js +4 -4
  314. package/dist/Table/hooks/useHvBulkActions.js +54 -89
  315. package/dist/Table/hooks/useHvFilters.js +4 -4
  316. package/dist/Table/hooks/useHvGlobalFilter.js +4 -4
  317. package/dist/Table/hooks/useHvHeaderGroups.js +73 -82
  318. package/dist/Table/hooks/useHvPagination.js +31 -51
  319. package/dist/Table/hooks/useHvResizeColumns.js +25 -31
  320. package/dist/Table/hooks/useHvRowExpand.js +54 -69
  321. package/dist/Table/hooks/useHvRowSelection.js +294 -420
  322. package/dist/Table/hooks/useHvRowState.js +4 -4
  323. package/dist/Table/hooks/useHvSortBy.js +23 -30
  324. package/dist/Table/hooks/useHvSticky.js +114 -154
  325. package/dist/Table/hooks/useHvTable.js +40 -64
  326. package/dist/Table/hooks/useHvTableStyles.js +51 -82
  327. package/dist/Table/renderers/DateColumnCell.js +12 -13
  328. package/dist/Table/renderers/DefaultCell.js +13 -20
  329. package/dist/Table/renderers/DropdownColumnCell.js +4 -4
  330. package/dist/Table/renderers/ProgressColumnCell.js +43 -47
  331. package/dist/Table/renderers/SwitchColumnCell.js +37 -50
  332. package/dist/Table/renderers/renderers.js +146 -183
  333. package/dist/Tabs/Tab/Tab.js +21 -31
  334. package/dist/Tabs/Tab/Tab.styles.js +44 -54
  335. package/dist/Tabs/Tabs.js +23 -28
  336. package/dist/Tabs/Tabs.styles.js +9 -14
  337. package/dist/Tag/Tag.js +86 -129
  338. package/dist/Tag/Tag.styles.js +63 -88
  339. package/dist/TagsInput/TagsInput.js +349 -417
  340. package/dist/TagsInput/TagsInput.styles.js +77 -90
  341. package/dist/TextArea/TextArea.js +207 -274
  342. package/dist/TextArea/TextArea.styles.js +25 -20
  343. package/dist/TimeAgo/TimeAgo.js +24 -30
  344. package/dist/TimeAgo/TimeAgo.styles.js +4 -7
  345. package/dist/TimeAgo/formatUtils.js +57 -65
  346. package/dist/TimeAgo/useTimeAgo.js +18 -18
  347. package/dist/TimeAgo/useTimeout.js +14 -14
  348. package/dist/TimePicker/Placeholder.js +46 -52
  349. package/dist/TimePicker/TimePicker.js +164 -214
  350. package/dist/TimePicker/TimePicker.styles.js +30 -39
  351. package/dist/TimePicker/Unit/Unit.js +63 -49
  352. package/dist/TimePicker/Unit/Unit.styles.js +41 -46
  353. package/dist/ToggleButton/ToggleButton.js +25 -34
  354. package/dist/Tooltip/Tooltip.js +41 -51
  355. package/dist/Tooltip/Tooltip.styles.js +25 -26
  356. package/dist/TreeView/TreeItem/DefaultContent.js +51 -72
  357. package/dist/TreeView/TreeItem/TreeItem.js +102 -140
  358. package/dist/TreeView/TreeItem/TreeItem.styles.js +56 -70
  359. package/dist/TreeView/TreeItem/useHvTreeItem.js +38 -53
  360. package/dist/TreeView/TreeView.js +65 -62
  361. package/dist/TreeView/TreeView.styles.js +11 -13
  362. package/dist/TreeView/internals/DescendantProvider.js +120 -120
  363. package/dist/TreeView/internals/TreeViewProvider.js +32 -26
  364. package/dist/TreeView/internals/corePlugins.js +8 -4
  365. package/dist/TreeView/internals/hooks/plugins/defaultPlugins.js +10 -10
  366. package/dist/TreeView/internals/hooks/plugins/useTreeViewContextValueBuilder.js +20 -22
  367. package/dist/TreeView/internals/hooks/plugins/useTreeViewExpansion.js +39 -61
  368. package/dist/TreeView/internals/hooks/plugins/useTreeViewFocus.js +56 -80
  369. package/dist/TreeView/internals/hooks/plugins/useTreeViewKeyboardNavigation.js +149 -211
  370. package/dist/TreeView/internals/hooks/plugins/useTreeViewNodes.js +42 -68
  371. package/dist/TreeView/internals/hooks/plugins/useTreeViewSelection.js +162 -195
  372. package/dist/TreeView/internals/hooks/useInstanceEventHandler.js +52 -74
  373. package/dist/TreeView/internals/hooks/useTreeView.js +54 -69
  374. package/dist/TreeView/internals/hooks/useTreeViewInstanceEvents.js +28 -33
  375. package/dist/TreeView/internals/hooks/useTreeViewModels.js +34 -43
  376. package/dist/TreeView/internals/hooks/utils.js +28 -42
  377. package/dist/TreeView/internals/utils/EventManager.js +49 -58
  378. package/dist/TreeView/internals/utils/FinalizationRegistryBasedCleanupTracking.js +14 -18
  379. package/dist/TreeView/internals/utils/TimerBasedCleanupTracking.js +33 -37
  380. package/dist/TreeView/internals/utils/publishTreeViewEvent.js +5 -5
  381. package/dist/Typography/Typography.js +34 -51
  382. package/dist/Typography/Typography.styles.js +20 -23
  383. package/dist/VerticalNavigation/Actions/Action.js +23 -42
  384. package/dist/VerticalNavigation/Actions/Action.styles.js +21 -28
  385. package/dist/VerticalNavigation/Actions/Actions.js +15 -31
  386. package/dist/VerticalNavigation/Actions/Actions.styles.js +13 -19
  387. package/dist/VerticalNavigation/Header/Header.js +51 -91
  388. package/dist/VerticalNavigation/Header/Header.styles.js +22 -32
  389. package/dist/VerticalNavigation/Navigation/Navigation.js +183 -267
  390. package/dist/VerticalNavigation/Navigation/Navigation.styles.js +14 -24
  391. package/dist/VerticalNavigation/NavigationPopup/NavigationPopup.styles.js +9 -17
  392. package/dist/VerticalNavigation/NavigationPopup/NavigationPopupContainer.js +30 -32
  393. package/dist/VerticalNavigation/NavigationSlider/NavigationSlider.js +45 -63
  394. package/dist/VerticalNavigation/NavigationSlider/NavigationSlider.styles.js +23 -33
  395. package/dist/VerticalNavigation/NavigationSlider/utils.js +56 -39
  396. package/dist/VerticalNavigation/TreeView/TreeView.js +515 -664
  397. package/dist/VerticalNavigation/TreeView/TreeView.styles.js +10 -16
  398. package/dist/VerticalNavigation/TreeView/TreeViewContext.js +5 -6
  399. package/dist/VerticalNavigation/TreeView/TreeViewItem.js +319 -414
  400. package/dist/VerticalNavigation/TreeView/TreeViewItem.styles.js +91 -143
  401. package/dist/VerticalNavigation/VerticalNavigation.js +70 -97
  402. package/dist/VerticalNavigation/VerticalNavigation.styles.js +31 -45
  403. package/dist/VerticalNavigation/VerticalNavigationContext.js +8 -10
  404. package/dist/hooks/useClickOutside.js +21 -23
  405. package/dist/hooks/useComputation.js +13 -13
  406. package/dist/hooks/useControlled.js +10 -17
  407. package/dist/hooks/useEnhancedEffect.js +5 -5
  408. package/dist/hooks/useExpandable.js +24 -31
  409. package/dist/hooks/useFocus.js +31 -34
  410. package/dist/hooks/useForkRef.js +19 -19
  411. package/dist/hooks/useImageLoaded.js +26 -26
  412. package/dist/hooks/useIsMounted.js +13 -13
  413. package/dist/hooks/useLabels.js +7 -7
  414. package/dist/hooks/useScrollTo.js +101 -130
  415. package/dist/hooks/useUniqueId.js +6 -6
  416. package/dist/hooks/useWidth.js +10 -13
  417. package/dist/icons.js +77 -88
  418. package/dist/index.d.ts +8 -8
  419. package/dist/index.js +226 -554
  420. package/dist/providers/Provider.js +44 -75
  421. package/dist/providers/ThemeProvider.js +79 -71
  422. package/dist/providers/utils.js +40 -47
  423. package/dist/themes/index.js +6 -5
  424. package/dist/themes/next.js +132 -271
  425. package/dist/themes/pentaho.js +832 -1173
  426. package/dist/types/generic.js +5 -4
  427. package/dist/utils/Callout.js +123 -171
  428. package/dist/utils/CounterLabel.js +14 -15
  429. package/dist/utils/deepMerge.js +13 -15
  430. package/dist/utils/document.js +8 -8
  431. package/dist/utils/focusUtils.js +6 -7
  432. package/dist/utils/focusableElementFinder.js +23 -26
  433. package/dist/utils/helpers.js +15 -23
  434. package/dist/utils/iconVariant.js +15 -12
  435. package/dist/utils/keyboardUtils.js +28 -28
  436. package/dist/utils/multiSelectionEventHandler.js +37 -52
  437. package/dist/utils/scroll.js +50 -76
  438. package/dist/utils/setId.js +4 -4
  439. package/dist/utils/theme.js +11 -8
  440. package/dist/utils/useSavedState.js +19 -16
  441. package/package.json +5 -5
@@ -1,245 +1,259 @@
1
- import { theme } from "@hitachivantara/uikit-styles";
2
1
  import { sliderStyles } from "./Slider.styles.js";
3
- const knobsPositionToScaledValue = (sliderValue, minPointValue, stepValue) => minPointValue + stepValue * sliderValue;
4
- const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => typeof scaledValue === "number" ? Math.floor((scaledValue - minPointValue) * inverseStepValue) : Number.NaN;
5
- const knobsValuesToKnobsPositions = (values, inverseStepValue, minPointValue) => {
6
- const knobsPositions = [];
7
- values.forEach((value, index) => {
8
- knobsPositions[index] = scaledValueToKnobsPositionValue(
9
- value,
10
- minPointValue,
11
- inverseStepValue
12
- );
13
- });
14
- return knobsPositions;
15
- };
16
- const knobsPositionsToKnobsValues = (knobPositions, stepValue, minPointValue) => {
17
- const knobsValues = [];
18
- knobPositions.forEach((value, index) => {
19
- knobsValues[index] = knobsPositionToScaledValue(
20
- value,
21
- minPointValue,
22
- stepValue
23
- );
24
- });
25
- return knobsValues;
2
+ import { theme } from "@hitachivantara/uikit-styles";
3
+ //#region src/Slider/utils.ts
4
+ /**
5
+ * Transform the scaled values into knobs positions.
6
+ *
7
+ * @param {*} sliderValue - he value of the slider to be scaled
8
+ * @param {*} minPointVlue - The value of the first point in the slider from left to right.
9
+ * @param {*} stepVlue - The calculated separation between the values of the slider.
10
+ */
11
+ var knobsPositionToScaledValue = (sliderValue, minPointValue, stepValue) => minPointValue + stepValue * sliderValue;
12
+ /**
13
+ * Transform the scaled values into knobs positions.
14
+ *
15
+ * @param {*} scaledValue - The value of the slider to be scaled
16
+ * @param {*} minPointValue - The value of the first point in
17
+ * the slider from left to right.
18
+ * @param {*} inverseStepValue - The inverse of calculated separation between
19
+ * the value of the points that compose the slider.
20
+ */
21
+ var scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => typeof scaledValue === "number" ? Math.floor((scaledValue - minPointValue) * inverseStepValue) : NaN;
22
+ /**
23
+ * Transform the received knobs values into knob positions
24
+ *
25
+ * @param {Object} values - The values of the slider.
26
+ * @param {Number} inverseStepValue - The inverse of calculated separation between
27
+ * the value of the points that compose the slider.
28
+ * @param {Integer} minPointValue - The value of the first point in the slider from
29
+ * left to right.
30
+ * @returns {Array} - The position of the knobs.
31
+ */
32
+ var knobsValuesToKnobsPositions = (values, inverseStepValue, minPointValue) => {
33
+ const knobsPositions = [];
34
+ values.forEach((value, index) => {
35
+ knobsPositions[index] = scaledValueToKnobsPositionValue(value, minPointValue, inverseStepValue);
36
+ });
37
+ return knobsPositions;
26
38
  };
27
- const calculateStepValue = (maxPointValue, minPointValue, divisionQuantity) => Math.abs(maxPointValue - minPointValue) / divisionQuantity;
28
- const createMark = (markProperties, markStep, divisionQuantity, minPointValue, maxPointValue, stepValue, markDigits, disabled, formatMark = (mark) => mark) => {
29
- const marks = {};
30
- const values = [];
31
- if (markProperties.length > 0) {
32
- markProperties.forEach((markProperty) => {
33
- if (typeof markProperty.position === "number") {
34
- marks[markProperty.position] = disabled ? {
35
- label: `${markProperty.label}`,
36
- style: {
37
- ...sliderStyles.disabledMark
38
- }
39
- } : {
40
- label: `${markProperty.label}`,
41
- style: {
42
- ...sliderStyles.mark
43
- }
44
- };
45
- }
46
- });
47
- } else {
48
- const roundedMarkStep = Math.max(1, Math.floor(markStep));
49
- for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {
50
- let labelValue = knobsPositionToScaledValue(
51
- index,
52
- minPointValue,
53
- stepValue
54
- ).toFixed(Math.max(0, Math.min(8, markDigits)));
55
- values.push(labelValue);
56
- labelValue = formatMark?.(labelValue) || labelValue;
57
- marks[index] = disabled ? {
58
- label: `${labelValue}`,
59
- style: {
60
- ...sliderStyles.disabledMark
61
- }
62
- } : {
63
- label: `${labelValue}`,
64
- style: {
65
- ...sliderStyles.mark
66
- }
67
- };
68
- }
69
- if (!values.includes(maxPointValue.toString())) {
70
- const lastMarkPosition = knobsValuesToKnobsPositions(
71
- [maxPointValue],
72
- 1 / stepValue,
73
- minPointValue
74
- );
75
- const lastMarkLabel = formatMark?.(maxPointValue.toFixed(markDigits));
76
- marks[lastMarkPosition[0]] = disabled ? {
77
- label: `${lastMarkLabel}`,
78
- style: {
79
- ...sliderStyles.disabledMark
80
- }
81
- } : {
82
- label: `${lastMarkLabel}`,
83
- style: {
84
- ...sliderStyles.mark
85
- }
86
- };
87
- }
88
- }
89
- return marks;
39
+ /**
40
+ * Transform the received knobs positions into knob values
41
+ *
42
+ * @param {Object} knobPositions - The values of the slider.
43
+ * @param {Number} stepValue - The calculated separation between
44
+ * the value of the points that compose the slider.
45
+ * @param {Integer} minPointValue - The value of the first point in the slider from
46
+ * left to right.
47
+ * @returns {Array} - The position of the knobs.
48
+ */
49
+ var knobsPositionsToKnobsValues = (knobPositions, stepValue, minPointValue) => {
50
+ const knobsValues = [];
51
+ knobPositions.forEach((value, index) => {
52
+ knobsValues[index] = knobsPositionToScaledValue(value, minPointValue, stepValue);
53
+ });
54
+ return knobsValues;
90
55
  };
91
- const createTrackStyles = (knobProperties) => {
92
- const trackStyles = [];
93
- if (knobProperties.length > 0) {
94
- knobProperties.forEach((knobProperty, index) => {
95
- trackStyles[index] = { ...sliderStyles.track };
96
- if (knobProperty.color) {
97
- trackStyles[index].backgroundColor = knobProperty.trackColor;
98
- }
99
- });
100
- }
101
- return trackStyles;
56
+ /**
57
+ * Calculates the separation between each value in the slider.
58
+ *
59
+ * @param {*} maxPointValue - The value of the last point in the slider from left to right.
60
+ * @param {*} minPointValue - The value of the first point in the slider from left to right.
61
+ * @param {*} divisionQuantity - How many subdivisions there are in the slider.
62
+ */
63
+ var calculateStepValue = (maxPointValue, minPointValue, divisionQuantity) => Math.abs(maxPointValue - minPointValue) / divisionQuantity;
64
+ /**
65
+ * Generates the inline styles used for the track of each knob, applying colors if necessary.
66
+ *
67
+ * @param {Object} markProperties - The object provided by the user with
68
+ * the desired configuration for the marks.
69
+ * @param {Integer} markStep - The separation between marks.
70
+ * @param {Integer} divisionQuantity - How many subdivisions there are in the slider.
71
+ * @param {Integer} minPointValue - The value of the first point in the slider from
72
+ * left to right.
73
+ * @param {Integer} stepValue - The calculated separation between the values of the slider.
74
+ * @param {Integer} markDigits - How many decimals the mark will show.
75
+ * @param {Function} formatMark - A function provided by the user that is going to
76
+ * be executed to format the mark text.
77
+ * @param {Object} styles - the default styles for the marks.
78
+ * @returns {Object} - An object with the for the marks.
79
+ * @memberof HvSlider
80
+ */
81
+ var createMark = (markProperties, markStep, divisionQuantity, minPointValue, maxPointValue, stepValue, markDigits, disabled, formatMark = (mark) => mark) => {
82
+ const marks = {};
83
+ const values = [];
84
+ if (markProperties.length > 0) markProperties.forEach((markProperty) => {
85
+ if (typeof markProperty.position === "number") marks[markProperty.position] = disabled ? {
86
+ label: `${markProperty.label}`,
87
+ style: { ...sliderStyles.disabledMark }
88
+ } : {
89
+ label: `${markProperty.label}`,
90
+ style: { ...sliderStyles.mark }
91
+ };
92
+ });
93
+ else {
94
+ const roundedMarkStep = Math.max(1, Math.floor(markStep));
95
+ for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {
96
+ let labelValue = knobsPositionToScaledValue(index, minPointValue, stepValue).toFixed(Math.max(0, Math.min(8, markDigits)));
97
+ values.push(labelValue);
98
+ labelValue = formatMark?.(labelValue) || labelValue;
99
+ marks[index] = disabled ? {
100
+ label: `${labelValue}`,
101
+ style: { ...sliderStyles.disabledMark }
102
+ } : {
103
+ label: `${labelValue}`,
104
+ style: { ...sliderStyles.mark }
105
+ };
106
+ }
107
+ if (!values.includes(maxPointValue.toString())) {
108
+ const lastMarkPosition = knobsValuesToKnobsPositions([maxPointValue], 1 / stepValue, minPointValue);
109
+ const lastMarkLabel = formatMark?.(maxPointValue.toFixed(markDigits));
110
+ marks[lastMarkPosition[0]] = disabled ? {
111
+ label: `${lastMarkLabel}`,
112
+ style: { ...sliderStyles.disabledMark }
113
+ } : {
114
+ label: `${lastMarkLabel}`,
115
+ style: { ...sliderStyles.mark }
116
+ };
117
+ }
118
+ }
119
+ return marks;
102
120
  };
103
- const createKnobStyles = (knobProperties) => {
104
- const knobInner = [];
105
- const knobOuterStyle = [];
106
- const lastItem = knobProperties.length - 1;
107
- if (knobProperties.length > 0) {
108
- knobProperties.forEach((knobProperty, index) => {
109
- knobInner[index] = { ...sliderStyles.knobInner };
110
- knobOuterStyle[index] = { ...sliderStyles.knobOuter };
111
- if (knobProperty.color) {
112
- knobInner[index].backgroundColor = knobProperty.color;
113
- knobOuterStyle[index].backgroundColor = "transparent";
114
- }
115
- if (knobProperty.hidden) {
116
- knobInner[index] = sliderStyles.knobHidden;
117
- if (index === lastItem) {
118
- knobInner[index] = { ...sliderStyles.knobHiddenLast };
119
- knobInner[index].backgroundColor = knobProperty.color;
120
- knobOuterStyle[index] = { ...sliderStyles.knobHidden };
121
- knobOuterStyle[index].backgroundColor = knobProperty.color;
122
- }
123
- }
124
- });
125
- }
126
- return {
127
- knobInner,
128
- knobOuterStyle
129
- };
121
+ /**
122
+ * Generates the inline styles used for the track of each knob, applying colors if necessary.
123
+ *
124
+ * @param {Object} knobProperties - The object provided by the user with
125
+ * the desired configuration for the knobs.
126
+ * @param {Object} styles - the default styles for the tracks.
127
+ * @returns {Object} - An object with the style for each track.
128
+ * @memberof HvSlider
129
+ */
130
+ var createTrackStyles = (knobProperties) => {
131
+ const trackStyles = [];
132
+ if (knobProperties.length > 0) knobProperties.forEach((knobProperty, index) => {
133
+ trackStyles[index] = { ...sliderStyles.track };
134
+ if (knobProperty.color) trackStyles[index].backgroundColor = knobProperty.trackColor;
135
+ });
136
+ return trackStyles;
130
137
  };
131
- const isSingleSlider = (values, defaultValues) => {
132
- if (!(values?.length > 1)) {
133
- return defaultValues.length === 1;
134
- }
135
- return values.length === 1;
138
+ /**
139
+ * Generates the inline styles used for each knob, applying colors if specified.
140
+ *
141
+ * @param {Object} knobProperties - The object provided by the user with
142
+ * the desired configuration for the knobs.
143
+ * @param {Object} styles - the default styles for the knobs.
144
+ * @returns {Object} - An object with both the inner and outer styles for the knob.
145
+ * @memberof HvSlider
146
+ */
147
+ var createKnobStyles = (knobProperties) => {
148
+ const knobInner = [];
149
+ const knobOuterStyle = [];
150
+ const lastItem = knobProperties.length - 1;
151
+ if (knobProperties.length > 0) knobProperties.forEach((knobProperty, index) => {
152
+ knobInner[index] = { ...sliderStyles.knobInner };
153
+ knobOuterStyle[index] = { ...sliderStyles.knobOuter };
154
+ if (knobProperty.color) {
155
+ knobInner[index].backgroundColor = knobProperty.color;
156
+ knobOuterStyle[index].backgroundColor = "transparent";
157
+ }
158
+ if (knobProperty.hidden) {
159
+ knobInner[index] = sliderStyles.knobHidden;
160
+ if (index === lastItem) {
161
+ knobInner[index] = { ...sliderStyles.knobHiddenLast };
162
+ knobInner[index].backgroundColor = knobProperty.color;
163
+ knobOuterStyle[index] = { ...sliderStyles.knobHidden };
164
+ knobOuterStyle[index].backgroundColor = knobProperty.color;
165
+ }
166
+ }
167
+ });
168
+ return {
169
+ knobInner,
170
+ knobOuterStyle
171
+ };
136
172
  };
137
- const generateDefaultKnobProperties = (numberOfKnobs = 1, disabled = false, knobPropertiesProp) => {
138
- let knobProperties = knobPropertiesProp || [];
139
- const defaultKnobStyles = {
140
- color: theme.colors.text,
141
- hoverColor: theme.colors.text,
142
- trackColor: theme.colors.text,
143
- dragColor: theme.colors.text,
144
- knobRingColor: theme.colors.textDimmed
145
- };
146
- const disabledKnobStyles = {
147
- color: theme.colors.textDisabled,
148
- hoverColor: theme.colors.textDisabled,
149
- trackColor: theme.colors.textDisabled,
150
- dragColor: theme.colors.textDisabled,
151
- knobRingColor: theme.colors.textDisabled
152
- };
153
- if (knobProperties.length > 0) {
154
- knobProperties = knobProperties.slice(0, numberOfKnobs);
155
- knobProperties = knobProperties.map((knobProperty) => {
156
- if (!disabled) {
157
- return {
158
- ...disabledKnobStyles,
159
- ...knobProperty
160
- };
161
- }
162
- return {
163
- ...defaultKnobStyles,
164
- ...knobProperty
165
- };
166
- });
167
- } else {
168
- for (let i = 0; i < numberOfKnobs; i += 1) {
169
- if (!disabled) knobProperties.push(defaultKnobStyles);
170
- if (disabled) knobProperties.push(disabledKnobStyles);
171
- }
172
- }
173
- return knobProperties;
173
+ /**
174
+ * Analyzes both the values and the default values to determine whether the slider is working in single mode.
175
+ *
176
+ * @param {Array} values - the values where the knobs are positioned when controlled.
177
+ * @param {Array} defaultValues - the values where the knobs start when uncontrolled.
178
+ * @returns {Boolean} - if true the slider should work as single slider
179
+ */
180
+ var isSingleSlider = (values, defaultValues) => {
181
+ if (!(values?.length > 1)) return defaultValues.length === 1;
182
+ return values.length === 1;
174
183
  };
175
- const pushSlider = (index, inputIndex, inputValue) => {
176
- const difference = index - inputIndex;
177
- return inputValue + difference;
184
+ /**
185
+ * Generates the default knob styles for each knob
186
+ *
187
+ * @param {Object} knobProperties - The object provided by the user with
188
+ * the desired configuration for the knobs.
189
+ * @param {Integer} numberOfKnobs - the default styles for the knobs.
190
+ * @param {Object} theme - The theme to extract the colors.
191
+ *
192
+ * @returns {Object} - An object with both the inner and outer styles for the knob.
193
+ * @memberof HvSlider
194
+ */
195
+ var generateDefaultKnobProperties = (numberOfKnobs = 1, disabled = false, knobPropertiesProp) => {
196
+ let knobProperties = knobPropertiesProp || [];
197
+ const defaultKnobStyles = {
198
+ color: theme.colors.text,
199
+ hoverColor: theme.colors.text,
200
+ trackColor: theme.colors.text,
201
+ dragColor: theme.colors.text,
202
+ knobRingColor: theme.colors.textDimmed
203
+ };
204
+ const disabledKnobStyles = {
205
+ color: theme.colors.textDisabled,
206
+ hoverColor: theme.colors.textDisabled,
207
+ trackColor: theme.colors.textDisabled,
208
+ dragColor: theme.colors.textDisabled,
209
+ knobRingColor: theme.colors.textDisabled
210
+ };
211
+ if (knobProperties.length > 0) {
212
+ knobProperties = knobProperties.slice(0, numberOfKnobs);
213
+ knobProperties = knobProperties.map((knobProperty) => {
214
+ if (!disabled) return {
215
+ ...disabledKnobStyles,
216
+ ...knobProperty
217
+ };
218
+ return {
219
+ ...defaultKnobStyles,
220
+ ...knobProperty
221
+ };
222
+ });
223
+ } else for (let i = 0; i < numberOfKnobs; i += 1) {
224
+ if (!disabled) knobProperties.push(defaultKnobStyles);
225
+ if (disabled) knobProperties.push(disabledKnobStyles);
226
+ }
227
+ return knobProperties;
178
228
  };
179
- const ensureValuesConsistency = (knobPositions, inputIndex) => {
180
- const newKnobsPosition = [...knobPositions];
181
- newKnobsPosition.forEach((value, index) => {
182
- if (Number.isNaN(value) || value == null) {
183
- newKnobsPosition[index] = pushSlider(
184
- index,
185
- inputIndex,
186
- newKnobsPosition[inputIndex]
187
- );
188
- } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {
189
- newKnobsPosition[index] = pushSlider(
190
- index,
191
- inputIndex,
192
- newKnobsPosition[inputIndex]
193
- );
194
- } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {
195
- newKnobsPosition[index] = pushSlider(
196
- index,
197
- inputIndex,
198
- newKnobsPosition[inputIndex]
199
- );
200
- }
201
- });
202
- return newKnobsPosition;
229
+ var pushSlider = (index, inputIndex, inputValue) => {
230
+ return inputValue + (index - inputIndex);
203
231
  };
204
- const convertStatusToArray = (length, status) => {
205
- const result = {
206
- arrayDefaultStatus: Array.from({ length }, () => "standBy")
207
- };
208
- if (status == null) {
209
- return result;
210
- }
211
- if (!Array.isArray(status)) {
212
- result.arrayStatus = Array.from({ length }, () => status);
213
- return result;
214
- }
215
- result.arrayStatus = status;
216
- return result;
232
+ var ensureValuesConsistency = (knobPositions, inputIndex) => {
233
+ const newKnobsPosition = [...knobPositions];
234
+ newKnobsPosition.forEach((value, index) => {
235
+ if (Number.isNaN(value) || value == null) newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
236
+ else if (index < inputIndex && value > newKnobsPosition[inputIndex]) newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
237
+ else if (index > inputIndex && value < newKnobsPosition[inputIndex]) newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
238
+ });
239
+ return newKnobsPosition;
217
240
  };
218
- const statusArrayToFormStatus = (arrayStatus) => {
219
- const invalid = arrayStatus.some((status) => status === "invalid");
220
- if (invalid) return "invalid";
221
- const valid = arrayStatus.some((status) => status === "valid");
222
- if (valid) return "valid";
223
- return "standBy";
241
+ var convertStatusToArray = (length, status) => {
242
+ const result = { arrayDefaultStatus: Array.from({ length }, () => "standBy") };
243
+ if (status == null) return result;
244
+ if (!Array.isArray(status)) {
245
+ result.arrayStatus = Array.from({ length }, () => status);
246
+ return result;
247
+ }
248
+ result.arrayStatus = status;
249
+ return result;
224
250
  };
225
- const knobsValuesToString = (knobsValues, markDigits) => knobsValues.map(
226
- (knobValue) => Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits)
227
- );
228
- const stringValuesToKnobs = (inputsValues) => inputsValues.map((inputValue) => Number.parseFloat(inputValue));
229
- export {
230
- calculateStepValue,
231
- convertStatusToArray,
232
- createKnobStyles,
233
- createMark,
234
- createTrackStyles,
235
- ensureValuesConsistency,
236
- generateDefaultKnobProperties,
237
- isSingleSlider,
238
- knobsPositionToScaledValue,
239
- knobsPositionsToKnobsValues,
240
- knobsValuesToKnobsPositions,
241
- knobsValuesToString,
242
- scaledValueToKnobsPositionValue,
243
- statusArrayToFormStatus,
244
- stringValuesToKnobs
251
+ var statusArrayToFormStatus = (arrayStatus) => {
252
+ if (arrayStatus.some((status) => status === "invalid")) return "invalid";
253
+ if (arrayStatus.some((status) => status === "valid")) return "valid";
254
+ return "standBy";
245
255
  };
256
+ var knobsValuesToString = (knobsValues, markDigits) => knobsValues.map((knobValue) => Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits));
257
+ var stringValuesToKnobs = (inputsValues) => inputsValues.map((inputValue) => Number.parseFloat(inputValue));
258
+ //#endregion
259
+ export { calculateStepValue, convertStatusToArray, createKnobStyles, createMark, createTrackStyles, ensureValuesConsistency, generateDefaultKnobProperties, isSingleSlider, knobsPositionToScaledValue, knobsPositionsToKnobsValues, knobsValuesToKnobsPositions, knobsValuesToString, scaledValueToKnobsPositionValue, statusArrayToFormStatus, stringValuesToKnobs };
@@ -1,92 +1,63 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { forwardRef, useCallback } from "react";
3
- import Slide from "@mui/material/Slide";
4
- import Snackbar from "@mui/material/Snackbar";
5
- import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
6
1
  import { capitalize } from "../utils/helpers.js";
7
2
  import { useClasses } from "./Snackbar.styles.js";
8
- import { staticClasses } from "./Snackbar.styles.js";
9
3
  import { HvSnackbarContent } from "./SnackbarContent/SnackbarContent.js";
10
- const HvSnackbar = forwardRef(function HvSnackbar2(props, ref) {
11
- const {
12
- classes: classesProp,
13
- className,
14
- id,
15
- title,
16
- open = false,
17
- onClose,
18
- label,
19
- anchorOrigin = { vertical: "top", horizontal: "right" },
20
- autoHideDuration = 5e3,
21
- variant,
22
- showIcon,
23
- showClose,
24
- customIcon,
25
- action,
26
- onAction,
27
- transitionDuration = 300,
28
- transitionDirection = "left",
29
- container,
30
- offset = 60,
31
- snackbarContentProps,
32
- size,
33
- ...others
34
- } = useDefaultProps("HvSnackbar", props);
35
- const { classes } = useClasses(classesProp);
36
- const anchorOriginOffset = {
37
- anchorOriginTop: {
38
- top: `${offset}px`
39
- },
40
- anchorOriginBottom: {
41
- bottom: `${offset}px`
42
- }
43
- };
44
- const SlideTransition = useCallback(
45
- (properties) => /* @__PURE__ */ jsx(
46
- Slide,
47
- {
48
- ...properties,
49
- container,
50
- direction: transitionDirection
51
- }
52
- ),
53
- [container, transitionDirection]
54
- );
55
- return /* @__PURE__ */ jsx(
56
- Snackbar,
57
- {
58
- ref,
59
- style: anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`],
60
- classes,
61
- className,
62
- id,
63
- anchorOrigin,
64
- open,
65
- onClose,
66
- autoHideDuration,
67
- transitionDuration,
68
- TransitionComponent: SlideTransition,
69
- ...others,
70
- children: /* @__PURE__ */ jsx(
71
- HvSnackbarContent,
72
- {
73
- title,
74
- label,
75
- variant,
76
- customIcon,
77
- showIcon,
78
- showClose,
79
- action,
80
- onAction,
81
- onClose,
82
- size,
83
- ...snackbarContentProps
84
- }
85
- )
86
- }
87
- );
4
+ import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
5
+ import { forwardRef, useCallback } from "react";
6
+ import { jsx } from "react/jsx-runtime";
7
+ import Slide from "@mui/material/Slide";
8
+ import MuiSnackbar from "@mui/material/Snackbar";
9
+ //#region src/Snackbar/Snackbar.tsx
10
+ /**
11
+ * A Snackbar displays brief messages about app processes and dismisses automatically after a set time.
12
+ *
13
+ * You can build a Snackbar using:
14
+ *
15
+ * - `HvSnackbar` – handles positioning, transitions, auto-hide, and more.
16
+ * - `HvSnackbarContent` – offers fine-grained control over the content and appearance.
17
+ *
18
+ */
19
+ var HvSnackbar = forwardRef(function HvSnackbar(props, ref) {
20
+ const { classes: classesProp, className, id, title, open = false, onClose, label, anchorOrigin = {
21
+ vertical: "top",
22
+ horizontal: "right"
23
+ }, autoHideDuration = 5e3, variant, showIcon, showClose, customIcon, action, onAction, transitionDuration = 300, transitionDirection = "left", container, offset = 60, snackbarContentProps, size, ...others } = useDefaultProps("HvSnackbar", props);
24
+ const { classes } = useClasses(classesProp);
25
+ const anchorOriginOffset = {
26
+ anchorOriginTop: { top: `${offset}px` },
27
+ anchorOriginBottom: { bottom: `${offset}px` }
28
+ };
29
+ const SlideTransition = useCallback((properties) => /* @__PURE__ */ jsx(Slide, {
30
+ ...properties,
31
+ container,
32
+ direction: transitionDirection
33
+ }), [container, transitionDirection]);
34
+ return /* @__PURE__ */ jsx(MuiSnackbar, {
35
+ ref,
36
+ style: anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`],
37
+ classes,
38
+ className,
39
+ id,
40
+ anchorOrigin,
41
+ open,
42
+ onClose,
43
+ autoHideDuration,
44
+ transitionDuration,
45
+ TransitionComponent: SlideTransition,
46
+ ...others,
47
+ children: /* @__PURE__ */ jsx(HvSnackbarContent, {
48
+ title,
49
+ label,
50
+ variant,
51
+ customIcon,
52
+ showIcon,
53
+ showClose,
54
+ action,
55
+ onAction,
56
+ onClose,
57
+ size,
58
+ ...snackbarContentProps
59
+ })
60
+ });
88
61
  });
89
- export {
90
- HvSnackbar,
91
- staticClasses as snackbarClasses
92
- };
62
+ //#endregion
63
+ export { HvSnackbar };