@hitachivantara/uikit-react-core 6.8.1 → 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 -47
  17. package/dist/Badge/Badge.styles.js +50 -44
  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 -62
  238. package/dist/QueryBuilder/Rule/Operator.js +53 -57
  239. package/dist/QueryBuilder/Rule/Rule.js +70 -96
  240. package/dist/QueryBuilder/Rule/Rule.styles.js +49 -54
  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,443 +1,317 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { useMemo, useCallback } from "react";
3
- import { actions, ensurePluginOrder, useGetLatest, useMountedLayoutEffect, makePropGetter } from "react-table";
4
1
  import { useLabels } from "../../hooks/useLabels.js";
5
2
  import { HvCheckBox } from "../../CheckBox/CheckBox.js";
3
+ import { useCallback, useMemo } from "react";
4
+ import { jsx } from "react/jsx-runtime";
5
+ import { actions, ensurePluginOrder, makePropGetter, useGetLatest, useMountedLayoutEffect } from "react-table";
6
+ //#region src/Table/hooks/useHvRowSelection.tsx
6
7
  actions.resetSelectedRows = "resetSelectedRows";
7
8
  actions.toggleAllRowsSelected = "toggleAllRowsSelected";
8
9
  actions.toggleRowSelected = "toggleRowSelected";
9
10
  actions.toggleAllPageRowsSelected = "toggleAllPageRowsSelected";
10
11
  actions.resetLockedSelectionRows = "resetLockedSelectionRows";
11
12
  actions.toggleRowLockedSelection = "toggleRowLockedSelection";
12
- const DEFAULT_LABELS = {
13
- selectRowCheckBoxAriaLabel: "Select this row"
13
+ var DEFAULT_LABELS = { selectRowCheckBoxAriaLabel: "Select this row" };
14
+ var hideHeaderVariants = ["checkbox", "actions"];
15
+ var CellWithCheckBox = ({ row, labels: labelsProp }) => {
16
+ const labels = useLabels(DEFAULT_LABELS, labelsProp);
17
+ const { onChange, checked, disabled, indeterminate } = row.getToggleRowSelectedProps();
18
+ return /* @__PURE__ */ jsx(HvCheckBox, {
19
+ onChange,
20
+ checked,
21
+ disabled,
22
+ indeterminate,
23
+ "aria-label": labels.selectRowCheckBoxAriaLabel
24
+ });
14
25
  };
15
- const hideHeaderVariants = ["checkbox", "actions"];
16
- const CellWithCheckBox = ({ row, labels: labelsProp }) => {
17
- const labels = useLabels(DEFAULT_LABELS, labelsProp);
18
- const { onChange, checked, disabled, indeterminate } = row.getToggleRowSelectedProps();
19
- return /* @__PURE__ */ jsx(
20
- HvCheckBox,
21
- {
22
- onChange,
23
- checked,
24
- disabled,
25
- indeterminate,
26
- "aria-label": labels.selectRowCheckBoxAriaLabel
27
- }
28
- );
26
+ var visibleColumnsHook = (columns) => {
27
+ return [{
28
+ id: "_hv_selection",
29
+ variant: "checkbox",
30
+ width: 32,
31
+ sticky: "left",
32
+ disableGlobalFilter: true,
33
+ Cell: CellWithCheckBox
34
+ }, ...columns];
29
35
  };
30
- const visibleColumnsHook = (columns) => {
31
- const selectionColumn = {
32
- id: "_hv_selection",
33
- variant: "checkbox",
34
- width: 32,
35
- // this will only work when using useHvTableSticky
36
- // but ensures it stays left of any sticky column
37
- sticky: "left",
38
- disableGlobalFilter: true,
39
- Cell: CellWithCheckBox
40
- };
41
- return [selectionColumn, ...columns];
36
+ var getHeaderPropsHook = (props, { column }) => {
37
+ const nextProps = {};
38
+ if (hideHeaderVariants.includes(column.variant)) nextProps["aria-hidden"] = true;
39
+ return [props, nextProps];
42
40
  };
43
- const getHeaderPropsHook = (props, { column }) => {
44
- const nextProps = {};
45
- if (hideHeaderVariants.includes(column.variant)) {
46
- nextProps["aria-hidden"] = true;
47
- }
48
- return [props, nextProps];
41
+ var getRowPropsHook = (props, { row }) => {
42
+ return [props, { selected: row.isSelected }];
49
43
  };
50
- const getRowPropsHook = (props, { row }) => {
51
- const nextProps = {
52
- selected: row.isSelected
53
- };
54
- return [props, nextProps];
44
+ var defaultGetToggleRowSelectedProps = (props, meta) => {
45
+ const { instance, row } = meta;
46
+ const { manualRowSelectedKey = "isSelected" } = instance;
47
+ let checked = false;
48
+ if (row.original?.[manualRowSelectedKey]) checked = true;
49
+ else checked = row.isSelected;
50
+ return [props, {
51
+ onChange: (e, check) => {
52
+ row.toggleRowSelected(check ?? e?.target?.checked);
53
+ },
54
+ disabled: row.isSelectionLocked,
55
+ checked,
56
+ indeterminate: row.isSomeSelected
57
+ }];
55
58
  };
56
- const defaultGetToggleRowSelectedProps = (props, meta) => {
57
- const { instance, row } = meta;
58
- const { manualRowSelectedKey = "isSelected" } = instance;
59
- let checked = false;
60
- if (row.original?.[manualRowSelectedKey]) {
61
- checked = true;
62
- } else {
63
- checked = row.isSelected;
64
- }
65
- return [
66
- props,
67
- {
68
- onChange: (e, check) => {
69
- row.toggleRowSelected(check ?? e?.target?.checked);
70
- },
71
- disabled: row.isSelectionLocked,
72
- checked,
73
- indeterminate: row.isSomeSelected
74
- }
75
- ];
76
- };
77
- const defaultGetToggleAllRowsSelectedProps = (props, { instance }) => [
78
- props,
79
- {
80
- onChange: (e) => {
81
- instance.toggleAllRowsSelected(e.target.checked);
82
- },
83
- checked: instance.isAllRowsSelected,
84
- indeterminate: Boolean(
85
- !instance.isAllRowsSelected && Object.keys(instance.state.selectedRowIds).length
86
- )
87
- }
88
- ];
89
- const defaultGetToggleAllPageRowsSelectedProps = (props, { instance }) => [
90
- props,
91
- {
92
- onChange(e) {
93
- instance.toggleAllPageRowsSelected(e.target.checked);
94
- },
95
- checked: instance.isAllPageRowsSelected,
96
- indeterminate: Boolean(
97
- !instance.isAllPageRowsSelected && instance.page.some(({ id }) => instance.state.selectedRowIds[id])
98
- )
99
- }
100
- ];
59
+ var defaultGetToggleAllRowsSelectedProps = (props, { instance }) => [props, {
60
+ onChange: (e) => {
61
+ instance.toggleAllRowsSelected(e.target.checked);
62
+ },
63
+ checked: instance.isAllRowsSelected,
64
+ indeterminate: Boolean(!instance.isAllRowsSelected && Object.keys(instance.state.selectedRowIds).length)
65
+ }];
66
+ var defaultGetToggleAllPageRowsSelectedProps = (props, { instance }) => [props, {
67
+ onChange(e) {
68
+ instance.toggleAllPageRowsSelected(e.target.checked);
69
+ },
70
+ checked: instance.isAllPageRowsSelected,
71
+ indeterminate: Boolean(!instance.isAllPageRowsSelected && instance.page.some(({ id }) => instance.state.selectedRowIds[id]))
72
+ }];
101
73
  function reducer(state, action, previousState, instance) {
102
- if (action.type === actions.init) {
103
- return {
104
- selectedRowIds: {},
105
- lockedSelectionRowIds: {},
106
- ...state
107
- };
108
- }
109
- if (action.type === actions.resetSelectedRows) {
110
- return {
111
- ...state,
112
- selectedRowIds: instance.initialState.selectedRowIds || {}
113
- };
114
- }
115
- if (action.type === actions.toggleAllRowsSelected) {
116
- const { value: setSelected } = action;
117
- const {
118
- isAllRowsSelected,
119
- rowsById,
120
- initialRowsById,
121
- nonGroupedRowsById = rowsById,
122
- applyToggleAllRowsSelectedToPrefilteredRows
123
- } = instance;
124
- const rowsToSelect = applyToggleAllRowsSelectedToPrefilteredRows ? initialRowsById : nonGroupedRowsById;
125
- const selectAll = setSelected ?? !isAllRowsSelected;
126
- const selectedRowIds = { ...state.selectedRowIds };
127
- if (selectAll) {
128
- Object.keys(rowsToSelect).forEach((rowId) => {
129
- const isSelectionLocked = state.lockedSelectionRowIds[rowId];
130
- if (!isSelectionLocked) {
131
- selectedRowIds[rowId] = true;
132
- }
133
- });
134
- } else {
135
- Object.keys(rowsToSelect).forEach((rowId) => {
136
- const isSelectionLocked = state.lockedSelectionRowIds[rowId];
137
- if (!isSelectionLocked) {
138
- delete selectedRowIds[rowId];
139
- }
140
- });
141
- }
142
- return {
143
- ...state,
144
- selectedRowIds
145
- };
146
- }
147
- if (action.type === actions.toggleRowSelected) {
148
- const { id, value: setSelected } = action;
149
- const isSelectionLocked = state.lockedSelectionRowIds[id];
150
- if (isSelectionLocked) {
151
- return state;
152
- }
153
- const { rowsById, selectSubRows = true, getSubRows } = instance;
154
- const isSelected = state.selectedRowIds[id];
155
- const shouldExist = setSelected ?? !isSelected;
156
- if (isSelected === shouldExist) {
157
- return state;
158
- }
159
- const newSelectedRowIds = { ...state.selectedRowIds };
160
- const handleRowById = (rowId) => {
161
- const row = rowsById[rowId];
162
- if (!row.isGrouped) {
163
- if (shouldExist) {
164
- newSelectedRowIds[rowId] = true;
165
- } else {
166
- delete newSelectedRowIds[rowId];
167
- }
168
- }
169
- if (selectSubRows && getSubRows(row)) {
170
- getSubRows(row).forEach((subrow) => {
171
- handleRowById(subrow.id);
172
- });
173
- }
174
- };
175
- handleRowById(id);
176
- return {
177
- ...state,
178
- selectedRowIds: newSelectedRowIds
179
- };
180
- }
181
- if (action.type === actions.toggleAllPageRowsSelected) {
182
- const { value: setSelected } = action;
183
- const {
184
- page,
185
- rowsById,
186
- selectSubRows = true,
187
- isAllPageRowsSelected,
188
- getSubRows
189
- } = instance;
190
- const selectAll = setSelected ?? !isAllPageRowsSelected;
191
- const newSelectedRowIds = { ...state.selectedRowIds };
192
- const handleRowById = (rowId) => {
193
- const row = rowsById[rowId];
194
- const isSelectionLocked = state.lockedSelectionRowIds[rowId];
195
- if (!isSelectionLocked && !row.isGrouped) {
196
- if (selectAll) {
197
- newSelectedRowIds[rowId] = true;
198
- } else {
199
- delete newSelectedRowIds[rowId];
200
- }
201
- }
202
- if (selectSubRows && getSubRows(row)) {
203
- getSubRows(row).forEach((subrow) => {
204
- handleRowById(subrow.id);
205
- });
206
- }
207
- };
208
- page.forEach((row) => handleRowById(row.id));
209
- return {
210
- ...state,
211
- selectedRowIds: newSelectedRowIds
212
- };
213
- }
214
- if (action.type === actions.resetLockedSelectionRows) {
215
- return {
216
- ...state,
217
- lockedSelectionRowIds: instance.initialState.lockedSelectionRowIds || {}
218
- };
219
- }
220
- if (action.type === actions.toggleRowLockedSelection) {
221
- const { id, value: setLockedSelection } = action;
222
- const { rowsById, selectSubRows = true, getSubRows } = instance;
223
- const isLockedSelection = state.lockedSelectionRowIds[id];
224
- const shouldExist = setLockedSelection ?? !isLockedSelection;
225
- if (isLockedSelection === shouldExist) {
226
- return state;
227
- }
228
- const newLockedSelectionRowIds = { ...state.lockedSelectionRowIds };
229
- const handleRowById = (rowId) => {
230
- const row = rowsById[rowId];
231
- if (!row.isGrouped) {
232
- if (shouldExist) {
233
- newLockedSelectionRowIds[rowId] = true;
234
- } else {
235
- delete newLockedSelectionRowIds[rowId];
236
- }
237
- }
238
- if (selectSubRows && getSubRows(row)) {
239
- getSubRows(row).forEach((subrow) => {
240
- handleRowById(subrow.id);
241
- });
242
- }
243
- };
244
- handleRowById(id);
245
- return {
246
- ...state,
247
- lockedSelectionRowIds: newLockedSelectionRowIds
248
- };
249
- }
250
- return state;
74
+ if (action.type === actions.init) return {
75
+ selectedRowIds: {},
76
+ lockedSelectionRowIds: {},
77
+ ...state
78
+ };
79
+ if (action.type === actions.resetSelectedRows) return {
80
+ ...state,
81
+ selectedRowIds: instance.initialState.selectedRowIds || {}
82
+ };
83
+ if (action.type === actions.toggleAllRowsSelected) {
84
+ const { value: setSelected } = action;
85
+ const { isAllRowsSelected, rowsById, initialRowsById, nonGroupedRowsById = rowsById, applyToggleAllRowsSelectedToPrefilteredRows } = instance;
86
+ const rowsToSelect = applyToggleAllRowsSelectedToPrefilteredRows ? initialRowsById : nonGroupedRowsById;
87
+ const selectAll = setSelected ?? !isAllRowsSelected;
88
+ const selectedRowIds = { ...state.selectedRowIds };
89
+ if (selectAll) Object.keys(rowsToSelect).forEach((rowId) => {
90
+ if (!state.lockedSelectionRowIds[rowId]) selectedRowIds[rowId] = true;
91
+ });
92
+ else Object.keys(rowsToSelect).forEach((rowId) => {
93
+ if (!state.lockedSelectionRowIds[rowId]) delete selectedRowIds[rowId];
94
+ });
95
+ return {
96
+ ...state,
97
+ selectedRowIds
98
+ };
99
+ }
100
+ if (action.type === actions.toggleRowSelected) {
101
+ const { id, value: setSelected } = action;
102
+ if (state.lockedSelectionRowIds[id]) return state;
103
+ const { rowsById, selectSubRows = true, getSubRows } = instance;
104
+ const isSelected = state.selectedRowIds[id];
105
+ const shouldExist = setSelected ?? !isSelected;
106
+ if (isSelected === shouldExist) return state;
107
+ const newSelectedRowIds = { ...state.selectedRowIds };
108
+ const handleRowById = (rowId) => {
109
+ const row = rowsById[rowId];
110
+ if (!row.isGrouped) if (shouldExist) newSelectedRowIds[rowId] = true;
111
+ else delete newSelectedRowIds[rowId];
112
+ if (selectSubRows && getSubRows(row)) getSubRows(row).forEach((subrow) => {
113
+ handleRowById(subrow.id);
114
+ });
115
+ };
116
+ handleRowById(id);
117
+ return {
118
+ ...state,
119
+ selectedRowIds: newSelectedRowIds
120
+ };
121
+ }
122
+ if (action.type === actions.toggleAllPageRowsSelected) {
123
+ const { value: setSelected } = action;
124
+ const { page, rowsById, selectSubRows = true, isAllPageRowsSelected, getSubRows } = instance;
125
+ const selectAll = setSelected ?? !isAllPageRowsSelected;
126
+ const newSelectedRowIds = { ...state.selectedRowIds };
127
+ const handleRowById = (rowId) => {
128
+ const row = rowsById[rowId];
129
+ if (!state.lockedSelectionRowIds[rowId] && !row.isGrouped) if (selectAll) newSelectedRowIds[rowId] = true;
130
+ else delete newSelectedRowIds[rowId];
131
+ if (selectSubRows && getSubRows(row)) getSubRows(row).forEach((subrow) => {
132
+ handleRowById(subrow.id);
133
+ });
134
+ };
135
+ page.forEach((row) => handleRowById(row.id));
136
+ return {
137
+ ...state,
138
+ selectedRowIds: newSelectedRowIds
139
+ };
140
+ }
141
+ if (action.type === actions.resetLockedSelectionRows) return {
142
+ ...state,
143
+ lockedSelectionRowIds: instance.initialState.lockedSelectionRowIds || {}
144
+ };
145
+ if (action.type === actions.toggleRowLockedSelection) {
146
+ const { id, value: setLockedSelection } = action;
147
+ const { rowsById, selectSubRows = true, getSubRows } = instance;
148
+ const isLockedSelection = state.lockedSelectionRowIds[id];
149
+ const shouldExist = setLockedSelection ?? !isLockedSelection;
150
+ if (isLockedSelection === shouldExist) return state;
151
+ const newLockedSelectionRowIds = { ...state.lockedSelectionRowIds };
152
+ const handleRowById = (rowId) => {
153
+ const row = rowsById[rowId];
154
+ if (!row.isGrouped) if (shouldExist) newLockedSelectionRowIds[rowId] = true;
155
+ else delete newLockedSelectionRowIds[rowId];
156
+ if (selectSubRows && getSubRows(row)) getSubRows(row).forEach((subrow) => {
157
+ handleRowById(subrow.id);
158
+ });
159
+ };
160
+ handleRowById(id);
161
+ return {
162
+ ...state,
163
+ lockedSelectionRowIds: newLockedSelectionRowIds
164
+ };
165
+ }
166
+ return state;
251
167
  }
252
168
  function getRowIsSelected(row, selectedRowIds, getSubRows) {
253
- if (selectedRowIds[row.id]) {
254
- return true;
255
- }
256
- const subRows = getSubRows(row);
257
- if (subRows?.length) {
258
- let allChildrenSelected = true;
259
- let someSelected = false;
260
- subRows.forEach((subRow) => {
261
- if (someSelected && !allChildrenSelected) {
262
- return;
263
- }
264
- if (getRowIsSelected(subRow, selectedRowIds, getSubRows)) {
265
- someSelected = true;
266
- } else {
267
- allChildrenSelected = false;
268
- }
269
- });
270
- if (allChildrenSelected) {
271
- return true;
272
- }
273
- if (someSelected) {
274
- return null;
275
- }
276
- }
277
- return false;
169
+ if (selectedRowIds[row.id]) return true;
170
+ const subRows = getSubRows(row);
171
+ if (subRows?.length) {
172
+ let allChildrenSelected = true;
173
+ let someSelected = false;
174
+ subRows.forEach((subRow) => {
175
+ if (someSelected && !allChildrenSelected) return;
176
+ if (getRowIsSelected(subRow, selectedRowIds, getSubRows)) someSelected = true;
177
+ else allChildrenSelected = false;
178
+ });
179
+ if (allChildrenSelected) return true;
180
+ if (someSelected) return null;
181
+ }
182
+ return false;
278
183
  }
279
184
  function useInstance(instance) {
280
- const {
281
- data,
282
- rows,
283
- getHooks,
284
- plugins,
285
- rowsById,
286
- initialRowsById,
287
- nonGroupedRowsById = rowsById,
288
- autoResetSelectedRows = true,
289
- autoResetLockedSelectionRows = true,
290
- state: { selectedRowIds, lockedSelectionRowIds },
291
- selectSubRows = true,
292
- dispatch,
293
- page,
294
- getSubRows,
295
- applyToggleAllRowsSelectedToPrefilteredRows
296
- } = instance;
297
- ensurePluginOrder(
298
- plugins,
299
- ["useFilters", "useGroupBy", "useSortBy", "useExpanded", "usePagination"],
300
- "useHvRowSelection"
301
- );
302
- const rowsToSelect = applyToggleAllRowsSelectedToPrefilteredRows ? initialRowsById : nonGroupedRowsById;
303
- const selectedFlatRows = useMemo(() => {
304
- const selectedRows = [];
305
- rows.forEach((row) => {
306
- const isSelected = selectSubRows ? getRowIsSelected(row, selectedRowIds, getSubRows) : !!selectedRowIds[row.id];
307
- row.isSelected = !!isSelected;
308
- row.isSomeSelected = isSelected === null;
309
- if (isSelected) {
310
- selectedRows.push(row);
311
- }
312
- });
313
- return selectedRows;
314
- }, [rows, selectSubRows, selectedRowIds, getSubRows]);
315
- const existsLockedRows = !!Object.keys(lockedSelectionRowIds).length;
316
- const isNoRowsSelected = !(Object.keys(rowsToSelect).length && selectedFlatRows.length);
317
- let isNoPageRowsSelected;
318
- let isAllRowsSelected;
319
- let isAllPageRowsSelected;
320
- let isAllSelectableRowsUnselected;
321
- let isAllSelectablePageRowsUnselected;
322
- let isAllSelectableRowsSelected;
323
- let isAllSelectablePageRowsSelected;
324
- if (isNoRowsSelected) {
325
- isAllRowsSelected = false;
326
- isAllPageRowsSelected = false;
327
- isAllSelectableRowsSelected = existsLockedRows && !Object.keys(rowsToSelect).some((id) => !lockedSelectionRowIds[id]);
328
- isAllSelectablePageRowsSelected = isAllSelectableRowsSelected;
329
- isAllSelectableRowsUnselected = isAllSelectableRowsSelected;
330
- isAllSelectablePageRowsUnselected = isAllSelectableRowsSelected;
331
- isNoPageRowsSelected = true;
332
- } else {
333
- isAllRowsSelected = !Object.keys(rowsToSelect).some(
334
- (id) => !selectedRowIds[id]
335
- );
336
- if (isAllRowsSelected) {
337
- isAllSelectableRowsSelected = true;
338
- isAllSelectablePageRowsSelected = true;
339
- isAllSelectableRowsUnselected = existsLockedRows && Object.keys(rowsToSelect).filter((id) => !lockedSelectionRowIds[id]).length === 0;
340
- isAllSelectablePageRowsUnselected = isAllSelectableRowsUnselected;
341
- isNoPageRowsSelected = false;
342
- isAllPageRowsSelected = true;
343
- } else {
344
- isAllSelectableRowsSelected = existsLockedRows && !Object.keys(rowsToSelect).filter((id) => !lockedSelectionRowIds[id]).some((id) => !selectedRowIds[id]);
345
- isAllSelectableRowsUnselected = !existsLockedRows || !Object.keys(rowsToSelect).filter((id) => !lockedSelectionRowIds[id]).some((id) => selectedRowIds[id]);
346
- isAllPageRowsSelected = !(page?.length && page.some(({ id }) => !selectedRowIds[id]));
347
- if (isAllPageRowsSelected) {
348
- isAllSelectablePageRowsSelected = true;
349
- isAllSelectablePageRowsUnselected = existsLockedRows && page && page.length && page.filter(({ id }) => !lockedSelectionRowIds[id]).length === 0;
350
- isNoPageRowsSelected = false;
351
- } else {
352
- isAllSelectablePageRowsSelected = existsLockedRows && !(page?.length && page.filter(({ id }) => !lockedSelectionRowIds[id]).some(({ id }) => !selectedRowIds[id]));
353
- isAllSelectablePageRowsUnselected = !existsLockedRows || !(page?.length && page.filter(({ id }) => !lockedSelectionRowIds[id]).some(({ id }) => selectedRowIds[id]));
354
- isNoPageRowsSelected = !(page?.length && page.some(({ id }) => selectedRowIds[id]));
355
- }
356
- }
357
- }
358
- const getAutoResetSelectedRows = useGetLatest(autoResetSelectedRows);
359
- const getAutoResetLockedSelectionRows = useGetLatest(
360
- autoResetLockedSelectionRows
361
- );
362
- useMountedLayoutEffect(() => {
363
- if (getAutoResetSelectedRows()) {
364
- dispatch({ type: actions.resetSelectedRows });
365
- }
366
- if (getAutoResetLockedSelectionRows()) {
367
- dispatch({ type: actions.resetLockedSelectionRows });
368
- }
369
- }, [dispatch, data]);
370
- const toggleAllRowsSelected = useCallback(
371
- (value) => dispatch({ type: actions.toggleAllRowsSelected, value }),
372
- [dispatch]
373
- );
374
- const toggleAllPageRowsSelected = useCallback(
375
- (value) => dispatch({ type: actions.toggleAllPageRowsSelected, value }),
376
- [dispatch]
377
- );
378
- const toggleRowSelected = useCallback(
379
- (id, value) => dispatch({ type: actions.toggleRowSelected, id, value }),
380
- [dispatch]
381
- );
382
- const getInstance = useGetLatest(instance);
383
- const getToggleAllRowsSelectedProps = makePropGetter(
384
- getHooks().getToggleAllRowsSelectedProps,
385
- {
386
- instance: getInstance()
387
- }
388
- );
389
- const getToggleAllPageRowsSelectedProps = makePropGetter(
390
- getHooks().getToggleAllPageRowsSelectedProps,
391
- { instance: getInstance() }
392
- );
393
- const toggleRowLockedSelection = useCallback(
394
- (id, value) => dispatch({ type: actions.toggleRowLockedSelection, id, value }),
395
- [dispatch]
396
- );
397
- Object.assign(instance, {
398
- selectedFlatRows,
399
- isNoRowsSelected,
400
- isNoPageRowsSelected,
401
- isAllRowsSelected,
402
- isAllPageRowsSelected,
403
- isAllSelectableRowsSelected,
404
- isAllSelectablePageRowsSelected,
405
- isAllSelectableRowsUnselected,
406
- isAllSelectablePageRowsUnselected,
407
- toggleRowSelected,
408
- toggleAllRowsSelected,
409
- getToggleAllRowsSelectedProps,
410
- getToggleAllPageRowsSelectedProps,
411
- toggleAllPageRowsSelected,
412
- toggleRowLockedSelection
413
- });
185
+ const { data, rows, getHooks, plugins, rowsById, initialRowsById, nonGroupedRowsById = rowsById, autoResetSelectedRows = true, autoResetLockedSelectionRows = true, state: { selectedRowIds, lockedSelectionRowIds }, selectSubRows = true, dispatch, page, getSubRows, applyToggleAllRowsSelectedToPrefilteredRows } = instance;
186
+ ensurePluginOrder(plugins, [
187
+ "useFilters",
188
+ "useGroupBy",
189
+ "useSortBy",
190
+ "useExpanded",
191
+ "usePagination"
192
+ ], "useHvRowSelection");
193
+ const rowsToSelect = applyToggleAllRowsSelectedToPrefilteredRows ? initialRowsById : nonGroupedRowsById;
194
+ const selectedFlatRows = useMemo(() => {
195
+ const selectedRows = [];
196
+ rows.forEach((row) => {
197
+ const isSelected = selectSubRows ? getRowIsSelected(row, selectedRowIds, getSubRows) : !!selectedRowIds[row.id];
198
+ row.isSelected = !!isSelected;
199
+ row.isSomeSelected = isSelected === null;
200
+ if (isSelected) selectedRows.push(row);
201
+ });
202
+ return selectedRows;
203
+ }, [
204
+ rows,
205
+ selectSubRows,
206
+ selectedRowIds,
207
+ getSubRows
208
+ ]);
209
+ const existsLockedRows = !!Object.keys(lockedSelectionRowIds).length;
210
+ const isNoRowsSelected = !(Object.keys(rowsToSelect).length && selectedFlatRows.length);
211
+ let isNoPageRowsSelected;
212
+ let isAllRowsSelected;
213
+ let isAllPageRowsSelected;
214
+ let isAllSelectableRowsUnselected;
215
+ let isAllSelectablePageRowsUnselected;
216
+ let isAllSelectableRowsSelected;
217
+ let isAllSelectablePageRowsSelected;
218
+ if (isNoRowsSelected) {
219
+ isAllRowsSelected = false;
220
+ isAllPageRowsSelected = false;
221
+ isAllSelectableRowsSelected = existsLockedRows && !Object.keys(rowsToSelect).some((id) => !lockedSelectionRowIds[id]);
222
+ isAllSelectablePageRowsSelected = isAllSelectableRowsSelected;
223
+ isAllSelectableRowsUnselected = isAllSelectableRowsSelected;
224
+ isAllSelectablePageRowsUnselected = isAllSelectableRowsSelected;
225
+ isNoPageRowsSelected = true;
226
+ } else {
227
+ isAllRowsSelected = !Object.keys(rowsToSelect).some((id) => !selectedRowIds[id]);
228
+ if (isAllRowsSelected) {
229
+ isAllSelectableRowsSelected = true;
230
+ isAllSelectablePageRowsSelected = true;
231
+ isAllSelectableRowsUnselected = existsLockedRows && Object.keys(rowsToSelect).filter((id) => !lockedSelectionRowIds[id]).length === 0;
232
+ isAllSelectablePageRowsUnselected = isAllSelectableRowsUnselected;
233
+ isNoPageRowsSelected = false;
234
+ isAllPageRowsSelected = true;
235
+ } else {
236
+ isAllSelectableRowsSelected = existsLockedRows && !Object.keys(rowsToSelect).filter((id) => !lockedSelectionRowIds[id]).some((id) => !selectedRowIds[id]);
237
+ isAllSelectableRowsUnselected = !existsLockedRows || !Object.keys(rowsToSelect).filter((id) => !lockedSelectionRowIds[id]).some((id) => selectedRowIds[id]);
238
+ isAllPageRowsSelected = !(page?.length && page.some(({ id }) => !selectedRowIds[id]));
239
+ if (isAllPageRowsSelected) {
240
+ isAllSelectablePageRowsSelected = true;
241
+ isAllSelectablePageRowsUnselected = existsLockedRows && page && page.length && page.filter(({ id }) => !lockedSelectionRowIds[id]).length === 0;
242
+ isNoPageRowsSelected = false;
243
+ } else {
244
+ isAllSelectablePageRowsSelected = existsLockedRows && !(page?.length && page.filter(({ id }) => !lockedSelectionRowIds[id]).some(({ id }) => !selectedRowIds[id]));
245
+ isAllSelectablePageRowsUnselected = !existsLockedRows || !(page?.length && page.filter(({ id }) => !lockedSelectionRowIds[id]).some(({ id }) => selectedRowIds[id]));
246
+ isNoPageRowsSelected = !(page?.length && page.some(({ id }) => selectedRowIds[id]));
247
+ }
248
+ }
249
+ }
250
+ const getAutoResetSelectedRows = useGetLatest(autoResetSelectedRows);
251
+ const getAutoResetLockedSelectionRows = useGetLatest(autoResetLockedSelectionRows);
252
+ useMountedLayoutEffect(() => {
253
+ if (getAutoResetSelectedRows()) dispatch({ type: actions.resetSelectedRows });
254
+ if (getAutoResetLockedSelectionRows()) dispatch({ type: actions.resetLockedSelectionRows });
255
+ }, [dispatch, data]);
256
+ const toggleAllRowsSelected = useCallback((value) => dispatch({
257
+ type: actions.toggleAllRowsSelected,
258
+ value
259
+ }), [dispatch]);
260
+ const toggleAllPageRowsSelected = useCallback((value) => dispatch({
261
+ type: actions.toggleAllPageRowsSelected,
262
+ value
263
+ }), [dispatch]);
264
+ const toggleRowSelected = useCallback((id, value) => dispatch({
265
+ type: actions.toggleRowSelected,
266
+ id,
267
+ value
268
+ }), [dispatch]);
269
+ const getInstance = useGetLatest(instance);
270
+ const getToggleAllRowsSelectedProps = makePropGetter(getHooks().getToggleAllRowsSelectedProps, { instance: getInstance() });
271
+ const getToggleAllPageRowsSelectedProps = makePropGetter(getHooks().getToggleAllPageRowsSelectedProps, { instance: getInstance() });
272
+ const toggleRowLockedSelection = useCallback((id, value) => dispatch({
273
+ type: actions.toggleRowLockedSelection,
274
+ id,
275
+ value
276
+ }), [dispatch]);
277
+ Object.assign(instance, {
278
+ selectedFlatRows,
279
+ isNoRowsSelected,
280
+ isNoPageRowsSelected,
281
+ isAllRowsSelected,
282
+ isAllPageRowsSelected,
283
+ isAllSelectableRowsSelected,
284
+ isAllSelectablePageRowsSelected,
285
+ isAllSelectableRowsUnselected,
286
+ isAllSelectablePageRowsUnselected,
287
+ toggleRowSelected,
288
+ toggleAllRowsSelected,
289
+ getToggleAllRowsSelectedProps,
290
+ getToggleAllPageRowsSelectedProps,
291
+ toggleAllPageRowsSelected,
292
+ toggleRowLockedSelection
293
+ });
414
294
  }
415
295
  function prepareRow(row, { instance }) {
416
- row.toggleRowSelected = (set) => instance.toggleRowSelected(row.id, set);
417
- row.getToggleRowSelectedProps = makePropGetter(
418
- instance.getHooks().getToggleRowSelectedProps,
419
- {
420
- instance,
421
- row
422
- }
423
- );
424
- row.toggleRowLockedSelection = (set) => instance.toggleRowLockedSelection(row.id, set);
425
- row.isSelectionLocked = instance.state?.lockedSelectionRowIds?.[row.id] || false;
296
+ row.toggleRowSelected = (set) => instance.toggleRowSelected(row.id, set);
297
+ row.getToggleRowSelectedProps = makePropGetter(instance.getHooks().getToggleRowSelectedProps, {
298
+ instance,
299
+ row
300
+ });
301
+ row.toggleRowLockedSelection = (set) => instance.toggleRowLockedSelection(row.id, set);
302
+ row.isSelectionLocked = instance.state?.lockedSelectionRowIds?.[row.id] || false;
426
303
  }
427
- const useHvRowSelection = (hooks) => {
428
- hooks.visibleColumns.push(visibleColumnsHook);
429
- hooks.getRowProps.push(getRowPropsHook);
430
- hooks.getHeaderProps.push(getHeaderPropsHook);
431
- hooks.getToggleRowSelectedProps = [defaultGetToggleRowSelectedProps];
432
- hooks.getToggleAllRowsSelectedProps = [defaultGetToggleAllRowsSelectedProps];
433
- hooks.getToggleAllPageRowsSelectedProps = [
434
- defaultGetToggleAllPageRowsSelectedProps
435
- ];
436
- hooks.stateReducers.push(reducer);
437
- hooks.useInstance.push(useInstance);
438
- hooks.prepareRow.push(prepareRow);
304
+ var useHvRowSelection = (hooks) => {
305
+ hooks.visibleColumns.push(visibleColumnsHook);
306
+ hooks.getRowProps.push(getRowPropsHook);
307
+ hooks.getHeaderProps.push(getHeaderPropsHook);
308
+ hooks.getToggleRowSelectedProps = [defaultGetToggleRowSelectedProps];
309
+ hooks.getToggleAllRowsSelectedProps = [defaultGetToggleAllRowsSelectedProps];
310
+ hooks.getToggleAllPageRowsSelectedProps = [defaultGetToggleAllPageRowsSelectedProps];
311
+ hooks.stateReducers.push(reducer);
312
+ hooks.useInstance.push(useInstance);
313
+ hooks.prepareRow.push(prepareRow);
439
314
  };
440
315
  useHvRowSelection.pluginName = "useHvRowSelection";
441
- export {
442
- useHvRowSelection
443
- };
316
+ //#endregion
317
+ export { useHvRowSelection };