@hitachivantara/uikit-react-core 5.18.0 → 5.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (156) hide show
  1. package/dist/cjs/components/Accordion/Accordion.cjs +1 -1
  2. package/dist/cjs/components/Accordion/Accordion.cjs.map +1 -1
  3. package/dist/cjs/components/AppSwitcher/AppSwitcher.cjs +2 -5
  4. package/dist/cjs/components/AppSwitcher/AppSwitcher.cjs.map +1 -1
  5. package/dist/cjs/components/BaseInput/BaseInput.cjs +1 -1
  6. package/dist/cjs/components/BaseInput/BaseInput.cjs.map +1 -1
  7. package/dist/cjs/components/Box/Box.cjs +2 -2
  8. package/dist/cjs/components/Box/Box.cjs.map +1 -1
  9. package/dist/cjs/components/Carousel/Carousel.cjs +8 -8
  10. package/dist/cjs/components/Carousel/Carousel.cjs.map +1 -1
  11. package/dist/cjs/components/ColorPicker/Fields/Fields.cjs +8 -8
  12. package/dist/cjs/components/ColorPicker/Fields/Fields.cjs.map +1 -1
  13. package/dist/cjs/components/ColorPicker/Picker/Picker.cjs +2 -2
  14. package/dist/cjs/components/ColorPicker/Picker/Picker.cjs.map +1 -1
  15. package/dist/cjs/components/DatePicker/DatePicker.cjs +2 -2
  16. package/dist/cjs/components/DatePicker/DatePicker.cjs.map +1 -1
  17. package/dist/cjs/components/Dialog/Dialog.cjs +1 -1
  18. package/dist/cjs/components/Dialog/Dialog.cjs.map +1 -1
  19. package/dist/cjs/components/Dropdown/List/List.cjs +1 -1
  20. package/dist/cjs/components/Dropdown/List/List.cjs.map +1 -1
  21. package/dist/cjs/components/FilterGroup/RightPanel/RightPanel.cjs +1 -1
  22. package/dist/cjs/components/FilterGroup/RightPanel/RightPanel.cjs.map +1 -1
  23. package/dist/cjs/components/Forms/Suggestions/Suggestions.cjs +16 -13
  24. package/dist/cjs/components/Forms/Suggestions/Suggestions.cjs.map +1 -1
  25. package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs +26 -15
  26. package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs.map +1 -1
  27. package/dist/cjs/components/Input/Input.cjs +83 -75
  28. package/dist/cjs/components/Input/Input.cjs.map +1 -1
  29. package/dist/cjs/components/ListContainer/ListItem/ListItem.cjs +2 -2
  30. package/dist/cjs/components/ListContainer/ListItem/ListItem.cjs.map +1 -1
  31. package/dist/cjs/components/MultiButton/MultiButton.styles.cjs +10 -10
  32. package/dist/cjs/components/MultiButton/MultiButton.styles.cjs.map +1 -1
  33. package/dist/cjs/components/Pagination/Pagination.cjs.map +1 -1
  34. package/dist/cjs/components/Pagination/Pagination.styles.cjs +1 -3
  35. package/dist/cjs/components/Pagination/Pagination.styles.cjs.map +1 -1
  36. package/dist/cjs/components/ScrollTo/useScrollTo.cjs.map +1 -1
  37. package/dist/cjs/components/Slider/Slider.cjs +1 -1
  38. package/dist/cjs/components/Slider/Slider.cjs.map +1 -1
  39. package/dist/cjs/components/Snackbar/Snackbar.cjs +9 -14
  40. package/dist/cjs/components/Snackbar/Snackbar.cjs.map +1 -1
  41. package/dist/cjs/components/Snackbar/Snackbar.styles.cjs +38 -29
  42. package/dist/cjs/components/Snackbar/Snackbar.styles.cjs.map +1 -1
  43. package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs +22 -18
  44. package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs.map +1 -1
  45. package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.cjs +37 -89
  46. package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.cjs.map +1 -1
  47. package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs +34 -64
  48. package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs.map +1 -1
  49. package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.styles.cjs +28 -0
  50. package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.styles.cjs.map +1 -0
  51. package/dist/cjs/components/Table/TableCell/TableCell.cjs +6 -3
  52. package/dist/cjs/components/Table/TableCell/TableCell.cjs.map +1 -1
  53. package/dist/cjs/components/Table/TableRow/TableRow.cjs +9 -6
  54. package/dist/cjs/components/Table/TableRow/TableRow.cjs.map +1 -1
  55. package/dist/cjs/components/TagsInput/TagsInput.cjs +1 -1
  56. package/dist/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
  57. package/dist/cjs/components/TextArea/TextArea.cjs +45 -43
  58. package/dist/cjs/components/TextArea/TextArea.cjs.map +1 -1
  59. package/dist/cjs/components/VerticalNavigation/Header/Header.cjs +1 -1
  60. package/dist/cjs/components/VerticalNavigation/Header/Header.cjs.map +1 -1
  61. package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs +7 -7
  62. package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs.map +1 -1
  63. package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs +5 -5
  64. package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs.map +1 -1
  65. package/dist/cjs/components/VerticalNavigation/TreeView/descendants.cjs +1 -4
  66. package/dist/cjs/components/VerticalNavigation/TreeView/descendants.cjs.map +1 -1
  67. package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs +5 -5
  68. package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs.map +1 -1
  69. package/dist/cjs/hooks/useWidth.cjs.map +1 -1
  70. package/dist/cjs/index.cjs +8 -6
  71. package/dist/cjs/index.cjs.map +1 -1
  72. package/dist/cjs/providers/ThemeProvider.cjs +20 -18
  73. package/dist/cjs/providers/ThemeProvider.cjs.map +1 -1
  74. package/dist/esm/components/Accordion/Accordion.js +1 -1
  75. package/dist/esm/components/Accordion/Accordion.js.map +1 -1
  76. package/dist/esm/components/AppSwitcher/AppSwitcher.js +2 -5
  77. package/dist/esm/components/AppSwitcher/AppSwitcher.js.map +1 -1
  78. package/dist/esm/components/BaseInput/BaseInput.js +1 -1
  79. package/dist/esm/components/BaseInput/BaseInput.js.map +1 -1
  80. package/dist/esm/components/Box/Box.js +2 -2
  81. package/dist/esm/components/Box/Box.js.map +1 -1
  82. package/dist/esm/components/Carousel/Carousel.js +9 -9
  83. package/dist/esm/components/Carousel/Carousel.js.map +1 -1
  84. package/dist/esm/components/ColorPicker/Fields/Fields.js +8 -8
  85. package/dist/esm/components/ColorPicker/Fields/Fields.js.map +1 -1
  86. package/dist/esm/components/ColorPicker/Picker/Picker.js +2 -2
  87. package/dist/esm/components/ColorPicker/Picker/Picker.js.map +1 -1
  88. package/dist/esm/components/DatePicker/DatePicker.js +2 -2
  89. package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
  90. package/dist/esm/components/Dialog/Dialog.js +1 -1
  91. package/dist/esm/components/Dialog/Dialog.js.map +1 -1
  92. package/dist/esm/components/Dropdown/List/List.js +1 -1
  93. package/dist/esm/components/Dropdown/List/List.js.map +1 -1
  94. package/dist/esm/components/FilterGroup/RightPanel/RightPanel.js +1 -1
  95. package/dist/esm/components/FilterGroup/RightPanel/RightPanel.js.map +1 -1
  96. package/dist/esm/components/Forms/Suggestions/Suggestions.js +17 -14
  97. package/dist/esm/components/Forms/Suggestions/Suggestions.js.map +1 -1
  98. package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js +26 -15
  99. package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
  100. package/dist/esm/components/Input/Input.js +84 -76
  101. package/dist/esm/components/Input/Input.js.map +1 -1
  102. package/dist/esm/components/ListContainer/ListItem/ListItem.js +2 -2
  103. package/dist/esm/components/ListContainer/ListItem/ListItem.js.map +1 -1
  104. package/dist/esm/components/MultiButton/MultiButton.styles.js +10 -10
  105. package/dist/esm/components/MultiButton/MultiButton.styles.js.map +1 -1
  106. package/dist/esm/components/Pagination/Pagination.js.map +1 -1
  107. package/dist/esm/components/Pagination/Pagination.styles.js +1 -3
  108. package/dist/esm/components/Pagination/Pagination.styles.js.map +1 -1
  109. package/dist/esm/components/ScrollTo/useScrollTo.js.map +1 -1
  110. package/dist/esm/components/Slider/Slider.js +2 -2
  111. package/dist/esm/components/Slider/Slider.js.map +1 -1
  112. package/dist/esm/components/Snackbar/Snackbar.js +12 -16
  113. package/dist/esm/components/Snackbar/Snackbar.js.map +1 -1
  114. package/dist/esm/components/Snackbar/Snackbar.styles.js +38 -26
  115. package/dist/esm/components/Snackbar/Snackbar.styles.js.map +1 -1
  116. package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js +21 -18
  117. package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js.map +1 -1
  118. package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.js +37 -86
  119. package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.js.map +1 -1
  120. package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.js +35 -62
  121. package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.js.map +1 -1
  122. package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.styles.js +28 -0
  123. package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.styles.js.map +1 -0
  124. package/dist/esm/components/Table/TableCell/TableCell.js +6 -3
  125. package/dist/esm/components/Table/TableCell/TableCell.js.map +1 -1
  126. package/dist/esm/components/Table/TableRow/TableRow.js +9 -6
  127. package/dist/esm/components/Table/TableRow/TableRow.js.map +1 -1
  128. package/dist/esm/components/TagsInput/TagsInput.js +1 -1
  129. package/dist/esm/components/TagsInput/TagsInput.js.map +1 -1
  130. package/dist/esm/components/TextArea/TextArea.js +46 -44
  131. package/dist/esm/components/TextArea/TextArea.js.map +1 -1
  132. package/dist/esm/components/VerticalNavigation/Header/Header.js +1 -1
  133. package/dist/esm/components/VerticalNavigation/Header/Header.js.map +1 -1
  134. package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js +7 -7
  135. package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js.map +1 -1
  136. package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.js +5 -5
  137. package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
  138. package/dist/esm/components/VerticalNavigation/TreeView/descendants.js +1 -4
  139. package/dist/esm/components/VerticalNavigation/TreeView/descendants.js.map +1 -1
  140. package/dist/esm/components/VerticalNavigation/VerticalNavigation.js +6 -6
  141. package/dist/esm/components/VerticalNavigation/VerticalNavigation.js.map +1 -1
  142. package/dist/esm/hooks/useWidth.js.map +1 -1
  143. package/dist/esm/index.js +128 -126
  144. package/dist/esm/index.js.map +1 -1
  145. package/dist/esm/providers/ThemeProvider.js +21 -19
  146. package/dist/esm/providers/ThemeProvider.js.map +1 -1
  147. package/dist/types/index.d.ts +156 -120
  148. package/package.json +3 -3
  149. package/dist/cjs/components/Snackbar/SnackbarContentWrapper/snackbarContentWrapperClasses.cjs +0 -8
  150. package/dist/cjs/components/Snackbar/SnackbarContentWrapper/snackbarContentWrapperClasses.cjs.map +0 -1
  151. package/dist/cjs/components/Snackbar/snackbarClasses.cjs +0 -8
  152. package/dist/cjs/components/Snackbar/snackbarClasses.cjs.map +0 -1
  153. package/dist/esm/components/Snackbar/SnackbarContentWrapper/snackbarContentWrapperClasses.js +0 -8
  154. package/dist/esm/components/Snackbar/SnackbarContentWrapper/snackbarContentWrapperClasses.js.map +0 -1
  155. package/dist/esm/components/Snackbar/snackbarClasses.js +0 -8
  156. package/dist/esm/components/Snackbar/snackbarClasses.js.map +0 -1
package/dist/esm/index.js CHANGED
@@ -156,105 +156,106 @@ import { staticClasses as staticClasses11 } from "./components/Banner/Banner.sty
156
156
  import { HvBanner } from "./components/Banner/Banner.js";
157
157
  import { staticClasses as staticClasses12 } from "./components/Banner/BannerContent/BannerContent.styles.js";
158
158
  import { HvBannerContent } from "./components/Banner/BannerContent/BannerContent.js";
159
- import { default as default65 } from "./components/Snackbar/snackbarClasses.js";
159
+ import { staticClasses as staticClasses13 } from "./components/Snackbar/Snackbar.styles.js";
160
160
  import { HvSnackbar } from "./components/Snackbar/Snackbar.js";
161
- import { default as default66, useHvSnackbar } from "./components/Snackbar/SnackbarProvider/SnackbarProvider.js";
162
- import { default as default67 } from "./components/Snackbar/SnackbarContentWrapper/snackbarContentWrapperClasses.js";
163
- import { default as default68 } from "./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js";
164
- import { default as default69 } from "./components/BulkActions/bulkActionsClasses.js";
161
+ import { staticClasses as staticClasses14 } from "./components/Snackbar/SnackbarProvider/SnackbarProvider.styles.js";
162
+ import { HvSnackbarProvider, useHvSnackbar } from "./components/Snackbar/SnackbarProvider/SnackbarProvider.js";
163
+ import { staticClasses as staticClasses15 } from "./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.js";
164
+ import { HvSnackbarContent } from "./components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js";
165
+ import { default as default65 } from "./components/BulkActions/bulkActionsClasses.js";
165
166
  import { HvBulkActions } from "./components/BulkActions/BulkActions.js";
166
- import { default as default70 } from "./components/GlobalActions/globalActionsClasses.js";
167
+ import { default as default66 } from "./components/GlobalActions/globalActionsClasses.js";
167
168
  import { HvGlobalActions } from "./components/GlobalActions/GlobalActions.js";
168
- import { default as default71 } from "./components/Dropdown/dropdownClasses.js";
169
+ import { default as default67 } from "./components/Dropdown/dropdownClasses.js";
169
170
  import { HvDropdown } from "./components/Dropdown/Dropdown.js";
170
- import { default as default72 } from "./components/Table/tableClasses.js";
171
+ import { default as default68 } from "./components/Table/tableClasses.js";
171
172
  import { HvTable } from "./components/Table/Table.js";
172
- import { default as default73 } from "./components/Table/TableContainer/tableContainerClasses.js";
173
+ import { default as default69 } from "./components/Table/TableContainer/tableContainerClasses.js";
173
174
  import { HvTableContainer } from "./components/Table/TableContainer/TableContainer.js";
174
- import { default as default74 } from "./components/Table/TableBody/tableBodyClasses.js";
175
+ import { default as default70 } from "./components/Table/TableBody/tableBodyClasses.js";
175
176
  import { HvTableBody } from "./components/Table/TableBody/TableBody.js";
176
- import { default as default75 } from "./components/Table/TableHead/tableHeadClasses.js";
177
+ import { default as default71 } from "./components/Table/TableHead/tableHeadClasses.js";
177
178
  import { HvTableHead } from "./components/Table/TableHead/TableHead.js";
178
- import { default as default76 } from "./components/Table/TableHeader/tableHeaderClasses.js";
179
+ import { default as default72 } from "./components/Table/TableHeader/tableHeaderClasses.js";
179
180
  import { HvTableHeader } from "./components/Table/TableHeader/TableHeader.js";
180
- import { staticClasses as staticClasses13 } from "./components/Table/TableRow/TableRow.styles.js";
181
+ import { staticClasses as staticClasses16 } from "./components/Table/TableRow/TableRow.styles.js";
181
182
  import { HvTableRow } from "./components/Table/TableRow/TableRow.js";
182
- import { staticClasses as staticClasses14 } from "./components/Table/TableCell/TableCell.styles.js";
183
+ import { staticClasses as staticClasses17 } from "./components/Table/TableCell/TableCell.styles.js";
183
184
  import { HvTableCell } from "./components/Table/TableCell/TableCell.js";
184
- import { getHeaderFooterPropsHook, default as default77 } from "./components/Table/hooks/useTableStyles.js";
185
- import { default as default78 } from "./components/Table/hooks/useSortBy.js";
186
- import { getHeaderGroupPropsHook, getTableHeadPropsHook, default as default79 } from "./components/Table/hooks/useSticky.js";
187
- import { defaultGetHvPaginationProps, default as default80 } from "./components/Table/hooks/usePagination.js";
188
- import { CellWithCheckBox, defaultGetToggleAllPageRowsSelectedProps, defaultGetToggleAllRowsSelectedProps, defaultGetToggleRowSelectedProps, prepareRow, reducer, default as default81, useInstance } from "./components/Table/hooks/useRowSelection.js";
189
- import { defaultgetHvBulkActionsProps, default as default82 } from "./components/Table/hooks/useBulkActions.js";
190
- import { CellWithExpandButton, default as default83 } from "./components/Table/hooks/useRowExpand.js";
191
- import { default as default84 } from "./components/Table/hooks/useHeaderGroups.js";
192
- import { default as default85 } from "./components/Table/hooks/useResizeColumns.js";
185
+ import { getHeaderFooterPropsHook, default as default73 } from "./components/Table/hooks/useTableStyles.js";
186
+ import { default as default74 } from "./components/Table/hooks/useSortBy.js";
187
+ import { getHeaderGroupPropsHook, getTableHeadPropsHook, default as default75 } from "./components/Table/hooks/useSticky.js";
188
+ import { defaultGetHvPaginationProps, default as default76 } from "./components/Table/hooks/usePagination.js";
189
+ import { CellWithCheckBox, defaultGetToggleAllPageRowsSelectedProps, defaultGetToggleAllRowsSelectedProps, defaultGetToggleRowSelectedProps, prepareRow, reducer, default as default77, useInstance } from "./components/Table/hooks/useRowSelection.js";
190
+ import { defaultgetHvBulkActionsProps, default as default78 } from "./components/Table/hooks/useBulkActions.js";
191
+ import { CellWithExpandButton, default as default79 } from "./components/Table/hooks/useRowExpand.js";
192
+ import { default as default80 } from "./components/Table/hooks/useHeaderGroups.js";
193
+ import { default as default81 } from "./components/Table/hooks/useResizeColumns.js";
193
194
  import { PluginHook, useFilters, useGlobalFilter } from "react-table";
194
195
  import { hvDateColumn, hvDropdownColumn, hvExpandColumn, hvNumberColumn, hvProgressColumn, hvSwitchColumn, hvTagColumn, hvTextColumn } from "./components/Table/renderers/renderers.js";
195
- import { default as default86 } from "./components/Table/renderers/DateColumnCell/DateColumnCell.js";
196
- import { default as default87 } from "./components/Table/renderers/DropdownColumnCell/DropdownColumnCell.js";
197
- import { default as default88, normalizeProgressBar } from "./components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js";
198
- import { default as default89 } from "./components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js";
196
+ import { default as default82 } from "./components/Table/renderers/DateColumnCell/DateColumnCell.js";
197
+ import { default as default83 } from "./components/Table/renderers/DropdownColumnCell/DropdownColumnCell.js";
198
+ import { default as default84, normalizeProgressBar } from "./components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js";
199
+ import { default as default85 } from "./components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js";
199
200
  import { hvNodeFallback, hvNumberFallback, hvStringFallback } from "./components/Table/utils/fallbacks.js";
200
201
  import { getBorderStyles } from "./components/Table/utils/utils.js";
201
- import { default as default90 } from "./components/Login/loginClasses.js";
202
+ import { default as default86 } from "./components/Login/loginClasses.js";
202
203
  import { HvLogin } from "./components/Login/Login.js";
203
- import { default as default91 } from "./components/Controls/controlClasses.js";
204
+ import { default as default87 } from "./components/Controls/controlClasses.js";
204
205
  import { HvControls } from "./components/Controls/Controls.js";
205
- import { default as default92 } from "./components/Controls/LeftControl/leftControlClasses.js";
206
+ import { default as default88 } from "./components/Controls/LeftControl/leftControlClasses.js";
206
207
  import { HvLeftControl } from "./components/Controls/LeftControl/LeftControl.js";
207
- import { default as default93 } from "./components/Controls/RightControl/rightControlClasses.js";
208
+ import { default as default89 } from "./components/Controls/RightControl/rightControlClasses.js";
208
209
  import { HvRightControl } from "./components/Controls/RightControl/RightControl.js";
209
- import { default as default94 } from "./components/Calendar/calendarClasses.js";
210
+ import { default as default90 } from "./components/Calendar/calendarClasses.js";
210
211
  import { HvCalendar } from "./components/Calendar/Calendar.js";
211
- import { default as default95 } from "./components/Calendar/CalendarHeader/calendarHeaderClasses.js";
212
+ import { default as default91 } from "./components/Calendar/CalendarHeader/calendarHeaderClasses.js";
212
213
  import { HvCalendarHeader } from "./components/Calendar/CalendarHeader/CalendarHeader.js";
213
- import { default as default96 } from "./components/VerticalNavigation/verticalNavigationClasses.js";
214
+ import { default as default92 } from "./components/VerticalNavigation/verticalNavigationClasses.js";
214
215
  import { HvVerticalNavigation } from "./components/VerticalNavigation/VerticalNavigation.js";
215
- import { default as default97 } from "./components/VerticalNavigation/Header/headerClasses.js";
216
+ import { default as default93 } from "./components/VerticalNavigation/Header/headerClasses.js";
216
217
  import { HvVerticalNavigationHeader } from "./components/VerticalNavigation/Header/Header.js";
217
- import { default as default98 } from "./components/VerticalNavigation/Actions/actionClasses.js";
218
- import { default as default99 } from "./components/VerticalNavigation/Actions/actionsClasses.js";
218
+ import { default as default94 } from "./components/VerticalNavigation/Actions/actionClasses.js";
219
+ import { default as default95 } from "./components/VerticalNavigation/Actions/actionsClasses.js";
219
220
  import { HvVerticalNavigationActions } from "./components/VerticalNavigation/Actions/Actions.js";
220
221
  import { HvVerticalNavigationAction } from "./components/VerticalNavigation/Actions/Action.js";
221
- import { default as default100 } from "./components/VerticalNavigation/Navigation/navigationClasses.js";
222
+ import { default as default96 } from "./components/VerticalNavigation/Navigation/navigationClasses.js";
222
223
  import { HvVerticalNavigationTree } from "./components/VerticalNavigation/Navigation/Navigation.js";
223
- import { default as default101 } from "./components/VerticalNavigation/NavigationSlider/navigationSliderClasses.js";
224
+ import { default as default97 } from "./components/VerticalNavigation/NavigationSlider/navigationSliderClasses.js";
224
225
  import { HvVerticalNavigationSlider } from "./components/VerticalNavigation/NavigationSlider/NavigationSlider.js";
225
- import { default as default102 } from "./components/VerticalNavigation/TreeView/treeViewClasses.js";
226
- import { default as default103 } from "./components/VerticalNavigation/TreeView/treeViewItemClasses.js";
226
+ import { default as default98 } from "./components/VerticalNavigation/TreeView/treeViewClasses.js";
227
+ import { default as default99 } from "./components/VerticalNavigation/TreeView/treeViewItemClasses.js";
227
228
  import { HvVerticalNavigationTreeView } from "./components/VerticalNavigation/TreeView/TreeView.js";
228
229
  import { HvVerticalNavigationTreeViewItem } from "./components/VerticalNavigation/TreeView/TreeViewItem.js";
229
230
  import { VerticalNavigationContext } from "./components/VerticalNavigation/VerticalNavigationContext.js";
230
- import { default as default104 } from "./components/Slider/sliderClasses.js";
231
+ import { default as default100 } from "./components/Slider/sliderClasses.js";
231
232
  import { HvSlider } from "./components/Slider/Slider.js";
232
- import { staticClasses as staticClasses15 } from "./components/FilterGroup/FilterGroup.styles.js";
233
+ import { staticClasses as staticClasses18 } from "./components/FilterGroup/FilterGroup.styles.js";
233
234
  import { HvFilterGroup } from "./components/FilterGroup/FilterGroup.js";
234
- import { staticClasses as staticClasses16 } from "./components/DatePicker/DatePicker.styles.js";
235
+ import { staticClasses as staticClasses19 } from "./components/DatePicker/DatePicker.styles.js";
235
236
  import { HvDatePicker } from "./components/DatePicker/DatePicker.js";
236
- import { staticClasses as staticClasses17 } from "./components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.js";
237
- import { staticClasses as staticClasses18 } from "./components/ScrollTo/Vertical/ScrollToVertical.styles.js";
237
+ import { staticClasses as staticClasses20 } from "./components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.styles.js";
238
+ import { staticClasses as staticClasses21 } from "./components/ScrollTo/Vertical/ScrollToVertical.styles.js";
238
239
  import { HvScrollToVertical } from "./components/ScrollTo/Vertical/ScrollToVertical.js";
239
- import { staticClasses as staticClasses19 } from "./components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.js";
240
- import { staticClasses as staticClasses20 } from "./components/ScrollTo/Horizontal/ScrollToHorizontal.styles.js";
240
+ import { staticClasses as staticClasses22 } from "./components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.styles.js";
241
+ import { staticClasses as staticClasses23 } from "./components/ScrollTo/Horizontal/ScrollToHorizontal.styles.js";
241
242
  import { HvScrollToHorizontal } from "./components/ScrollTo/Horizontal/ScrollToHorizontal.js";
242
243
  import { useScrollTo } from "./components/ScrollTo/useScrollTo.js";
243
- import { staticClasses as staticClasses21 } from "./components/InlineEditor/InlineEditor.styles.js";
244
+ import { staticClasses as staticClasses24 } from "./components/InlineEditor/InlineEditor.styles.js";
244
245
  import { HvInlineEditor } from "./components/InlineEditor/InlineEditor.js";
245
- import { default as default105 } from "./components/TimeAgo/timeAgoClasses.js";
246
+ import { default as default101 } from "./components/TimeAgo/timeAgoClasses.js";
246
247
  import { HvTimeAgo } from "./components/TimeAgo/TimeAgo.js";
247
- import { staticClasses as staticClasses22 } from "./components/QueryBuilder/QueryBuilder.styles.js";
248
+ import { staticClasses as staticClasses25 } from "./components/QueryBuilder/QueryBuilder.styles.js";
248
249
  import { HvQueryBuilder } from "./components/QueryBuilder/QueryBuilder.js";
249
- import { staticClasses as staticClasses23 } from "./components/ColorPicker/ColorPicker.styles.js";
250
+ import { staticClasses as staticClasses26 } from "./components/ColorPicker/ColorPicker.styles.js";
250
251
  import { HvColorPicker } from "./components/ColorPicker/ColorPicker.js";
251
- import { staticClasses as staticClasses24 } from "./components/Carousel/Carousel.styles.js";
252
+ import { staticClasses as staticClasses27 } from "./components/Carousel/Carousel.styles.js";
252
253
  import { HvCarousel } from "./components/Carousel/Carousel.js";
253
254
  import { HvCarouselSlide } from "./components/Carousel/CarouselSlide/CarouselSlide.js";
254
- import { staticClasses as staticClasses25 } from "./components/TimePicker/TimePicker.styles.js";
255
+ import { staticClasses as staticClasses28 } from "./components/TimePicker/TimePicker.styles.js";
255
256
  import { HvTimePicker } from "./components/TimePicker/TimePicker.js";
256
- import { default as default106 } from "./hooks/useUniqueId.js";
257
- import { default as default107 } from "./hooks/useIsMounted.js";
257
+ import { default as default102 } from "./hooks/useUniqueId.js";
258
+ import { default as default103 } from "./hooks/useIsMounted.js";
258
259
  import { useClickOutside } from "./hooks/useClickOutside.js";
259
260
  import { useControlled } from "./hooks/useControlled.js";
260
261
  import { useImageLoaded } from "./hooks/useImageLoaded.js";
@@ -266,12 +267,12 @@ import { useEnhancedEffect } from "./hooks/useEnhancedEffect.js";
266
267
  import { HvProvider } from "./providers/Provider.js";
267
268
  import { HvThemeContext } from "@hitachivantara/uikit-react-shared";
268
269
  import { EmotionContext, HvThemeProvider, defaultCacheKey, defaultEmotionCache } from "./providers/ThemeProvider.js";
269
- import { default as default108 } from "./utils/iconVariant.js";
270
- import { default as default109 } from "./utils/hexToRgbA.js";
271
- import { default as default110 } from "./utils/browser.js";
272
- import { default as default111 } from "./utils/multiSelectionEventHandler.js";
273
- import { default as default112 } from "./utils/getComponentName.js";
274
- import { default as default113 } from "./utils/checkValidHexColorValue.js";
270
+ import { default as default104 } from "./utils/iconVariant.js";
271
+ import { default as default105 } from "./utils/hexToRgbA.js";
272
+ import { default as default106 } from "./utils/browser.js";
273
+ import { default as default107 } from "./utils/multiSelectionEventHandler.js";
274
+ import { default as default108 } from "./utils/getComponentName.js";
275
+ import { default as default109 } from "./utils/checkValidHexColorValue.js";
275
276
  import { outlineStyles } from "./utils/focusUtils.js";
276
277
  import { keyboardCodes } from "./utils/keyboardUtils/keyboardCodes.js";
277
278
  import { getKeyCodeFromEvent, isKeycode, isKeypress } from "./utils/keyboardUtils/keyCheck.js";
@@ -282,7 +283,7 @@ import { createClasses, getClasses, replace$ } from "./utils/classes.js";
282
283
  import { getFirstAndLastFocus, getFocusableList, getPrevNextFocus } from "./utils/focusableElementFinder.js";
283
284
  import { wrapperTooltip } from "./utils/wrapperTooltip.js";
284
285
  import { useSavedState } from "./utils/useSavedState.js";
285
- import { default as default114 } from "./hocs/withTooltip.js";
286
+ import { default as default110 } from "./hocs/withTooltip.js";
286
287
  export {
287
288
  CellWithCheckBox,
288
289
  CellWithExpandButton,
@@ -320,7 +321,7 @@ export {
320
321
  HvColorPicker,
321
322
  HvContainer,
322
323
  HvControls,
323
- default86 as HvDateColumnCell,
324
+ default82 as HvDateColumnCell,
324
325
  HvDatePicker,
325
326
  HvDialog,
326
327
  HvDialogActions,
@@ -329,7 +330,7 @@ export {
329
330
  HvDotPagination,
330
331
  HvDropDownMenu,
331
332
  HvDropdown,
332
- default87 as HvDropdownColumnCell,
333
+ default83 as HvDropdownColumnCell,
333
334
  HvEmptyState,
334
335
  HvFile,
335
336
  HvFileUploader,
@@ -372,7 +373,7 @@ export {
372
373
  HvPagination,
373
374
  HvPanel,
374
375
  HvProgressBar,
375
- default88 as HvProgressColumnCell,
376
+ default84 as HvProgressColumnCell,
376
377
  HvProvider,
377
378
  HvQueryBuilder,
378
379
  HvRadio,
@@ -384,12 +385,12 @@ export {
384
385
  HvSimpleGrid,
385
386
  HvSlider,
386
387
  HvSnackbar,
387
- default68 as HvSnackbarContent,
388
- default66 as HvSnackbarProvider,
388
+ HvSnackbarContent,
389
+ HvSnackbarProvider,
389
390
  HvStack,
390
391
  HvSuggestions,
391
392
  HvSwitch,
392
- default89 as HvSwitchColumnCell,
393
+ default85 as HvSwitchColumnCell,
393
394
  HvTab,
394
395
  HvTable,
395
396
  HvTableBody,
@@ -423,8 +424,8 @@ export {
423
424
  VerticalNavigationContext,
424
425
  default20 as accordionClasses,
425
426
  staticClasses2 as actionBarClasses,
426
- default98 as actionClasses,
427
- default99 as actionsClasses,
427
+ default94 as actionClasses,
428
+ default95 as actionsClasses,
428
429
  default62 as actionsGenericClasses,
429
430
  default12 as adornmentClasses,
430
431
  default50 as appSwitcherActionClasses,
@@ -441,25 +442,25 @@ export {
441
442
  default63 as breadCrumbClasses,
442
443
  buildAriaPropsFromContext,
443
444
  buildFormElementPropsFromContext,
444
- default69 as bulkActionsClasses,
445
+ default65 as bulkActionsClasses,
445
446
  default23 as buttonClasses,
446
- default94 as calendarClasses,
447
- default95 as calendarHeaderClasses,
447
+ default90 as calendarClasses,
448
+ default91 as calendarHeaderClasses,
448
449
  staticClasses3 as cardClasses,
449
450
  staticClasses5 as cardContentClasses,
450
451
  staticClasses4 as cardHeaderClasses,
451
452
  staticClasses6 as cardMediaClasses,
452
- staticClasses24 as carouselClasses,
453
+ staticClasses27 as carouselClasses,
453
454
  default11 as charCounterClasses,
454
455
  default52 as checkBoxClasses,
455
456
  default57 as checkBoxGroupClasses,
456
- default113 as checkValidHexColorValue,
457
- staticClasses23 as colorPickerClasses,
457
+ default109 as checkValidHexColorValue,
458
+ staticClasses26 as colorPickerClasses,
458
459
  default24 as containerClasses,
459
- default91 as controlsClasses,
460
+ default87 as controlsClasses,
460
461
  createClasses,
461
462
  createTheme,
462
- staticClasses16 as datePickerClasses,
463
+ staticClasses19 as datePickerClasses,
463
464
  decreaseSize,
464
465
  defaultCacheKey,
465
466
  defaultEmotionCache,
@@ -474,20 +475,20 @@ export {
474
475
  default25 as dialogTitleClasses,
475
476
  default64 as dotPaginationClasses,
476
477
  staticClasses9 as dropDownMenuClasses,
477
- default71 as dropdownClasses,
478
+ default67 as dropdownClasses,
478
479
  ds3,
479
480
  ds5,
480
481
  default28 as emptyStateClasses,
481
482
  default61 as fileClasses,
482
483
  default60 as fileUploaderPreviewClasses,
483
- staticClasses15 as filterGroupClasses,
484
+ staticClasses18 as filterGroupClasses,
484
485
  findDescriptors,
485
486
  default8 as focusClasses,
486
487
  default29 as footerClasses,
487
488
  default13 as formElementClasses,
488
489
  getBorderStyles,
489
490
  getClasses,
490
- default112 as getComponentName,
491
+ default108 as getComponentName,
491
492
  getFirstAndLastFocus,
492
493
  getFocusableList,
493
494
  getHeaderFooterPropsHook,
@@ -499,14 +500,14 @@ export {
499
500
  getSelectorIcons,
500
501
  getTableHeadPropsHook,
501
502
  getVarValue,
502
- default70 as globalActionsClasses,
503
+ default66 as globalActionsClasses,
503
504
  default30 as gridClasses,
504
505
  default32 as headerActionsClasses,
505
506
  default33 as headerBrandClasses,
506
507
  default31 as headerClasses,
507
508
  default34 as headerNavigationClasses,
508
- default109 as hexToRgbA,
509
- staticClasses19 as horizontalScrollListItemClasses,
509
+ default105 as hexToRgbA,
510
+ staticClasses22 as horizontalScrollListItemClasses,
510
511
  hvDateColumn,
511
512
  hvDropdownColumn,
512
513
  hvExpandColumn,
@@ -518,12 +519,12 @@ export {
518
519
  hvSwitchColumn,
519
520
  hvTagColumn,
520
521
  hvTextColumn,
521
- default108 as iconVariant,
522
+ default104 as iconVariant,
522
523
  increaseSize,
523
524
  default15 as infoMessageClasses,
524
- staticClasses21 as inlineEditorClasses,
525
+ staticClasses24 as inlineEditorClasses,
525
526
  staticClasses8 as inputClasses,
526
- default110 as isBrowser,
527
+ default106 as isBrowser,
527
528
  isInvalid,
528
529
  isKeycode,
529
530
  isKeypress,
@@ -531,15 +532,15 @@ export {
531
532
  keyboardCodes,
532
533
  default35 as kpiClasses,
533
534
  default14 as labelClasses,
534
- default92 as leftControlClasses,
535
+ default88 as leftControlClasses,
535
536
  default36 as linkClasses,
536
537
  default58 as listClasses,
537
538
  default9 as listContainerClasses,
538
539
  default10 as listItemClasses,
539
540
  default37 as loadingClasses,
540
- default90 as loginClasses,
541
+ default86 as loginClasses,
541
542
  default38 as multiButtonClasses,
542
- default111 as multiSelectionEventHandler,
543
+ default107 as multiSelectionEventHandler,
543
544
  normalizeProgressBar,
544
545
  outlineStyles,
545
546
  default46 as overflowTooltipClasses,
@@ -548,80 +549,81 @@ export {
548
549
  prepareRow,
549
550
  processThemes,
550
551
  default40 as progressBarClasses,
551
- staticClasses22 as queryBuilderClasses,
552
+ staticClasses25 as queryBuilderClasses,
552
553
  default54 as radioClasses,
553
554
  default59 as radioGroupClasses,
554
555
  reducer,
555
556
  replace$,
556
- default93 as rightControlClasses,
557
- staticClasses20 as scrollToHorizontalClasses,
558
- staticClasses18 as scrollToVerticalClasses,
557
+ default89 as rightControlClasses,
558
+ staticClasses23 as scrollToHorizontalClasses,
559
+ staticClasses21 as scrollToVerticalClasses,
559
560
  default17 as selectionListClasses,
560
561
  setElementAttrs,
561
562
  setId,
562
563
  setUid,
563
- default104 as sliderClasses,
564
- default65 as snackbarClasses,
565
- default67 as snackbarContentClasses,
564
+ default100 as sliderClasses,
565
+ staticClasses13 as snackbarClasses,
566
+ staticClasses15 as snackbarContentClasses,
567
+ staticClasses14 as snackbarProviderClasses,
566
568
  default41 as stackClasses,
567
569
  default18 as suggestionsClasses,
568
570
  default53 as switchClasses,
569
571
  default42 as tabClasses,
570
- default74 as tableBodyClasses,
571
- staticClasses14 as tableCellClasses,
572
- default72 as tableClasses,
573
- default73 as tableContainerClasses,
574
- default75 as tableHeadClasses,
575
- default76 as tableHeaderClasses,
576
- staticClasses13 as tableRowClasses,
572
+ default70 as tableBodyClasses,
573
+ staticClasses17 as tableCellClasses,
574
+ default68 as tableClasses,
575
+ default69 as tableContainerClasses,
576
+ default71 as tableHeadClasses,
577
+ default72 as tableHeaderClasses,
578
+ staticClasses16 as tableRowClasses,
577
579
  default43 as tabsClasses,
578
580
  default44 as tagClasses,
579
581
  default56 as tagsInputClasses,
580
582
  default55 as textAreaClasses,
581
583
  theme,
582
584
  themes,
583
- default105 as timeAgoClasses,
584
- staticClasses25 as timePickerClasses,
585
+ default101 as timeAgoClasses,
586
+ staticClasses28 as timePickerClasses,
585
587
  default45 as tooltipClasses,
586
- default102 as treeViewClasses,
587
- default103 as treeViewItemClasses,
588
+ default98 as treeViewClasses,
589
+ default99 as treeViewItemClasses,
588
590
  default7 as typographyClasses,
589
591
  useClickOutside,
590
592
  default5 as useComputation,
591
593
  useControlled,
592
594
  useEnhancedEffect,
593
595
  default4 as useForkRef,
594
- default82 as useHvBulkActions,
596
+ default78 as useHvBulkActions,
595
597
  default2 as useHvData,
596
598
  useFilters as useHvFilters,
597
599
  useGlobalFilter as useHvGlobalFilter,
598
- default84 as useHvHeaderGroups,
599
- default80 as useHvPagination,
600
- default85 as useHvResizeColumns,
601
- default83 as useHvRowExpand,
602
- default81 as useHvRowSelection,
600
+ default80 as useHvHeaderGroups,
601
+ default76 as useHvPagination,
602
+ default81 as useHvResizeColumns,
603
+ default79 as useHvRowExpand,
604
+ default77 as useHvRowSelection,
603
605
  useHvSnackbar,
604
- default78 as useHvSortBy,
606
+ default74 as useHvSortBy,
605
607
  default3 as useHvTable,
606
- default79 as useHvTableSticky,
607
- default77 as useHvTableStyles,
608
+ default75 as useHvTableSticky,
609
+ default73 as useHvTableStyles,
608
610
  useImageLoaded,
609
611
  useInstance,
610
- default107 as useIsMounted,
612
+ default103 as useIsMounted,
611
613
  useLabels,
612
614
  useSavedState,
613
615
  useScrollTo,
614
616
  useSelectionPath,
615
617
  useTheme,
616
- default106 as useUniqueId,
618
+ default102 as useUniqueId,
617
619
  useWidth,
618
- default96 as verticalNavigationClasses,
619
- default97 as verticalNavigationHeaderClasses,
620
- default101 as verticalNavigationSliderClasses,
621
- default100 as verticalNavigationTreeClasses,
622
- staticClasses17 as verticalScrollListItemClasses,
620
+ default92 as verticalNavigationClasses,
621
+ default93 as verticalNavigationHeaderClasses,
622
+ default97 as verticalNavigationSliderClasses,
623
+ default96 as verticalNavigationTreeClasses,
624
+ staticClasses20 as verticalScrollListItemClasses,
623
625
  default16 as warningTextClasses,
624
- default114 as withTooltip,
626
+ default110 as withTooltip,
625
627
  wrapperTooltip
626
628
  };
627
629
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- import { createContext, useState, useEffect, useMemo } from "react";
1
+ import { createContext, useState, useEffect, useCallback, useMemo } from "react";
2
2
  import { parseTheme } from "@hitachivantara/uikit-styles";
3
3
  import { HvThemeContext } from "@hitachivantara/uikit-react-shared";
4
4
  import { HvThemeContext as HvThemeContext2 } from "@hitachivantara/uikit-react-shared";
@@ -20,29 +20,31 @@ const HvThemeProvider = ({
20
20
  theme,
21
21
  emotionCache,
22
22
  colorMode,
23
- themeRootId
23
+ themeRootId: rootId
24
24
  }) => {
25
- let pTheme = parseTheme(themesList, theme, colorMode);
26
- const [rootId] = useState(themeRootId);
27
- const [activeTheme, setActiveTheme] = useState(pTheme.theme);
28
- const [selectedTheme, setSelectedTheme] = useState(pTheme.selectedTheme);
29
- const [selectedMode, setThemeMode] = useState(pTheme.selectedMode);
30
- const [colorModes, setColorModes] = useState(pTheme.colorModes);
25
+ const initTheme = parseTheme(themesList, theme, colorMode);
26
+ const [parsedTheme, setParsedTheme] = useState(initTheme);
27
+ const [activeTheme, setActiveTheme] = useState(parsedTheme.theme);
28
+ const [selectedTheme, setSelectedTheme] = useState(parsedTheme.selectedTheme);
29
+ const [selectedMode, setThemeMode] = useState(parsedTheme.selectedMode);
30
+ const [colorModes, setColorModes] = useState(parsedTheme.colorModes);
31
31
  const [themes, setThemes] = useState(themesList.map((t) => t.name));
32
32
  useEffect(() => {
33
+ const pTheme = parseTheme(themesList, theme, colorMode);
33
34
  setThemes(themesList.map((t) => t.name));
34
- }, [themesList]);
35
- const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {
36
- pTheme = parseTheme(themesList, newTheme, newMode);
37
- setActiveTheme(pTheme.theme);
38
- setSelectedTheme(pTheme.selectedTheme);
39
- setThemeMode(pTheme.selectedMode);
40
- setColorModes(pTheme.colorModes);
41
- setElementAttrs(pTheme.selectedTheme, pTheme.selectedMode, pTheme.colorScheme, rootId);
42
- };
35
+ setParsedTheme(pTheme);
36
+ }, [themesList, theme, colorMode]);
43
37
  useEffect(() => {
44
- changeTheme(theme, colorMode);
45
- }, [theme, colorMode]);
38
+ setActiveTheme(parsedTheme.theme);
39
+ setSelectedTheme(parsedTheme.selectedTheme);
40
+ setThemeMode(parsedTheme.selectedMode);
41
+ setColorModes(parsedTheme.colorModes);
42
+ setElementAttrs(parsedTheme.selectedTheme, parsedTheme.selectedMode, parsedTheme.colorScheme, rootId);
43
+ }, [parsedTheme, rootId]);
44
+ const changeTheme = useCallback((newTheme = selectedTheme, newMode = selectedMode) => {
45
+ const pTheme = parseTheme(themesList, newTheme, newMode);
46
+ setParsedTheme(pTheme);
47
+ }, [selectedMode, selectedTheme, themesList]);
46
48
  const value = useMemo(() => ({
47
49
  themes,
48
50
  colorModes,
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.js","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { createContext, useEffect, useMemo, useState } from \"react\";\nimport { parseTheme, HvThemeStructure } from \"@hitachivantara/uikit-styles\";\nimport { HvThemeContext } from \"@hitachivantara/uikit-react-shared\";\nimport type { HvThemeContextValue } from \"@hitachivantara/uikit-react-shared\";\nimport {\n createTheme,\n ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport createCache, { EmotionCache } from \"@emotion/cache\";\nimport { setElementAttrs } from \"@core/utils\";\nimport { HvTheme } from \"@core/types\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\nexport const defaultCacheKey = \"hv\";\n\nexport const defaultEmotionCache = createCache({\n key: defaultCacheKey,\n prepend: true,\n});\n\nexport const EmotionContext = createContext<{ cache: EmotionCache }>({\n cache: defaultEmotionCache,\n});\n\ninterface HvThemeProviderProps {\n children: React.ReactNode;\n themes: (HvTheme | HvThemeStructure)[];\n theme: string;\n emotionCache: EmotionCache;\n colorMode: string;\n themeRootId?: string;\n}\n\nexport const HvThemeProvider = ({\n children,\n themes: themesList,\n theme,\n emotionCache,\n colorMode,\n themeRootId,\n}: HvThemeProviderProps) => {\n let pTheme = parseTheme(themesList, theme, colorMode);\n\n const [rootId] = useState<string | undefined>(themeRootId);\n const [activeTheme, setActiveTheme] = useState<HvTheme | HvThemeStructure>(\n pTheme.theme\n );\n const [selectedTheme, setSelectedTheme] = useState<string>(\n pTheme.selectedTheme\n );\n const [selectedMode, setThemeMode] = useState<string>(pTheme.selectedMode);\n const [colorModes, setColorModes] = useState<string[]>(pTheme.colorModes);\n const [themes, setThemes] = useState<string[]>(themesList.map((t) => t.name));\n\n useEffect(() => {\n setThemes(themesList.map((t) => t.name));\n }, [themesList]);\n\n const changeTheme = (newTheme = selectedTheme, newMode = selectedMode) => {\n pTheme = parseTheme(themesList, newTheme, newMode);\n\n setActiveTheme(pTheme.theme);\n setSelectedTheme(pTheme.selectedTheme);\n setThemeMode(pTheme.selectedMode);\n setColorModes(pTheme.colorModes);\n\n setElementAttrs(\n pTheme.selectedTheme,\n pTheme.selectedMode,\n pTheme.colorScheme,\n rootId\n );\n };\n\n useEffect(() => {\n changeTheme(theme, colorMode);\n }, [theme, colorMode]);\n\n const value = useMemo<HvThemeContextValue>(\n () => ({\n themes,\n colorModes,\n activeTheme: activeTheme as HvTheme,\n selectedTheme,\n selectedMode,\n changeTheme,\n rootId,\n }),\n [\n themes,\n colorModes,\n activeTheme,\n selectedTheme,\n selectedMode,\n changeTheme,\n rootId,\n ]\n );\n\n const MuiTheme = createTheme({\n breakpoints: {\n values: {\n ...activeTheme.breakpoints.values,\n },\n },\n });\n\n const emotionCacheValue = useMemo(\n () => ({ cache: emotionCache }),\n [emotionCache]\n );\n\n return (\n <MuiThemeProvider theme={MuiTheme}>\n <HvThemeContext.Provider value={value}>\n <EmotionContext.Provider value={emotionCacheValue}>\n {children}\n </EmotionContext.Provider>\n </HvThemeContext.Provider>\n </MuiThemeProvider>\n );\n};\n"],"names":["defaultCacheKey","defaultEmotionCache","createCache","key","prepend","EmotionContext","createContext","cache","HvThemeProvider","children","themes","themesList","theme","emotionCache","colorMode","themeRootId","pTheme","parseTheme","rootId","useState","activeTheme","setActiveTheme","selectedTheme","setSelectedTheme","selectedMode","setThemeMode","colorModes","setColorModes","setThemes","map","t","name","useEffect","changeTheme","newTheme","newMode","setElementAttrs","colorScheme","value","useMemo","MuiTheme","createTheme","breakpoints","values","emotionCacheValue","MuiThemeProvider","HvThemeContext","Provider"],"mappings":";;;;;;;;AAeO,MAAMA,kBAAkB;AAExB,MAAMC,sBAAsBC,YAAY;AAAA,EAC7CC,KAAKH;AAAAA,EACLI,SAAS;AACX,CAAC;AAEM,MAAMC,iBAAiBC,cAAuC;AAAA,EACnEC,OAAON;AACT,CAAC;AAWM,MAAMO,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACoB,MAAM;AAC1B,MAAIC,SAASC,WAAWN,YAAYC,OAAOE,SAAS;AAEpD,QAAM,CAACI,MAAM,IAAIC,SAA6BJ,WAAW;AACzD,QAAM,CAACK,aAAaC,cAAc,IAAIF,SACpCH,OAAOJ,KACT;AACA,QAAM,CAACU,eAAeC,gBAAgB,IAAIJ,SACxCH,OAAOM,aACT;AACA,QAAM,CAACE,cAAcC,YAAY,IAAIN,SAAiBH,OAAOQ,YAAY;AACzE,QAAM,CAACE,YAAYC,aAAa,IAAIR,SAAmBH,OAAOU,UAAU;AAClE,QAAA,CAAChB,QAAQkB,SAAS,IAAIT,SAAmBR,WAAWkB,IAAKC,CAAAA,MAAMA,EAAEC,IAAI,CAAC;AAE5EC,YAAU,MAAM;AACdJ,cAAUjB,WAAWkB,IAAKC,CAAMA,MAAAA,EAAEC,IAAI,CAAC;AAAA,EAAA,GACtC,CAACpB,UAAU,CAAC;AAEf,QAAMsB,cAAcA,CAACC,WAAWZ,eAAea,UAAUX,iBAAiB;AAC/DP,aAAAA,WAAWN,YAAYuB,UAAUC,OAAO;AAEjDd,mBAAeL,OAAOJ,KAAK;AAC3BW,qBAAiBP,OAAOM,aAAa;AACrCG,iBAAaT,OAAOQ,YAAY;AAChCG,kBAAcX,OAAOU,UAAU;AAE/BU,oBACEpB,OAAOM,eACPN,OAAOQ,cACPR,OAAOqB,aACPnB,MACF;AAAA,EAAA;AAGFc,YAAU,MAAM;AACdC,gBAAYrB,OAAOE,SAAS;AAAA,EAAA,GAC3B,CAACF,OAAOE,SAAS,CAAC;AAEfwB,QAAAA,QAAQC,QACZ,OAAO;AAAA,IACL7B;AAAAA,IACAgB;AAAAA,IACAN;AAAAA,IACAE;AAAAA,IACAE;AAAAA,IACAS;AAAAA,IACAf;AAAAA,EAAAA,IAEF,CACER,QACAgB,YACAN,aACAE,eACAE,cACAS,aACAf,MAAM,CAEV;AAEA,QAAMsB,WAAWC,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGvB,YAAYsB,YAAYC;AAAAA,MAC7B;AAAA,IACF;AAAA,EAAA,CACD;AAEKC,QAAAA,oBAAoBL,QACxB,OAAO;AAAA,IAAEhC,OAAOM;AAAAA,EAAAA,IAChB,CAACA,YAAY,CACf;AAEA,6BACGgC,eAAgB;AAAA,IAACjC,OAAO4B;AAAAA,IAAS/B,UAC/BqC,oBAAAA,eAAeC,UAAQ;AAAA,MAACT;AAAAA,MAAa7B,UACnCJ,oBAAAA,eAAe0C,UAAQ;AAAA,QAACT,OAAOM;AAAAA,QAAkBnC;AAAAA,MAAAA,CAEzB;AAAA,IAAA,CACF;AAAA,EAAA,CACT;AAEtB;"}
1
+ {"version":3,"file":"ThemeProvider.js","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import {\n createContext,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { parseTheme, HvThemeStructure } from \"@hitachivantara/uikit-styles\";\nimport { HvThemeContext } from \"@hitachivantara/uikit-react-shared\";\nimport type { HvThemeContextValue } from \"@hitachivantara/uikit-react-shared\";\nimport {\n createTheme,\n ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport createCache, { EmotionCache } from \"@emotion/cache\";\nimport { setElementAttrs } from \"@core/utils\";\nimport { HvTheme } from \"@core/types\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\nexport const defaultCacheKey = \"hv\";\n\nexport const defaultEmotionCache = createCache({\n key: defaultCacheKey,\n prepend: true,\n});\n\nexport const EmotionContext = createContext<{ cache: EmotionCache }>({\n cache: defaultEmotionCache,\n});\n\ninterface HvThemeProviderProps {\n children: React.ReactNode;\n themes: (HvTheme | HvThemeStructure)[];\n theme: string;\n emotionCache: EmotionCache;\n colorMode: string;\n themeRootId?: string;\n}\n\nexport const HvThemeProvider = ({\n children,\n themes: themesList,\n theme,\n emotionCache,\n colorMode,\n themeRootId: rootId,\n}: HvThemeProviderProps) => {\n const initTheme = parseTheme(themesList, theme, colorMode);\n\n const [parsedTheme, setParsedTheme] = useState(initTheme);\n const [activeTheme, setActiveTheme] = useState(parsedTheme.theme);\n const [selectedTheme, setSelectedTheme] = useState(parsedTheme.selectedTheme);\n const [selectedMode, setThemeMode] = useState(parsedTheme.selectedMode);\n const [colorModes, setColorModes] = useState(parsedTheme.colorModes);\n const [themes, setThemes] = useState(themesList.map((t) => t.name));\n\n useEffect(() => {\n const pTheme = parseTheme(themesList, theme, colorMode);\n setThemes(themesList.map((t) => t.name));\n setParsedTheme(pTheme);\n }, [themesList, theme, colorMode]);\n\n useEffect(() => {\n setActiveTheme(parsedTheme.theme);\n setSelectedTheme(parsedTheme.selectedTheme);\n setThemeMode(parsedTheme.selectedMode);\n setColorModes(parsedTheme.colorModes);\n\n setElementAttrs(\n parsedTheme.selectedTheme,\n parsedTheme.selectedMode,\n parsedTheme.colorScheme,\n rootId\n );\n }, [parsedTheme, rootId]);\n\n const changeTheme = useCallback(\n (newTheme = selectedTheme, newMode = selectedMode) => {\n const pTheme = parseTheme(themesList, newTheme, newMode);\n setParsedTheme(pTheme);\n },\n [selectedMode, selectedTheme, themesList]\n );\n\n const value = useMemo<HvThemeContextValue>(\n () => ({\n themes,\n colorModes,\n activeTheme: activeTheme as HvTheme,\n selectedTheme,\n selectedMode,\n changeTheme,\n rootId,\n }),\n [\n themes,\n colorModes,\n activeTheme,\n selectedTheme,\n selectedMode,\n changeTheme,\n rootId,\n ]\n );\n\n const MuiTheme = createTheme({\n breakpoints: {\n values: {\n ...activeTheme.breakpoints.values,\n },\n },\n });\n\n const emotionCacheValue = useMemo(\n () => ({ cache: emotionCache }),\n [emotionCache]\n );\n\n return (\n <MuiThemeProvider theme={MuiTheme}>\n <HvThemeContext.Provider value={value}>\n <EmotionContext.Provider value={emotionCacheValue}>\n {children}\n </EmotionContext.Provider>\n </HvThemeContext.Provider>\n </MuiThemeProvider>\n );\n};\n"],"names":["defaultCacheKey","defaultEmotionCache","createCache","key","prepend","EmotionContext","createContext","cache","HvThemeProvider","children","themes","themesList","theme","emotionCache","colorMode","themeRootId","rootId","initTheme","parseTheme","parsedTheme","setParsedTheme","useState","activeTheme","setActiveTheme","selectedTheme","setSelectedTheme","selectedMode","setThemeMode","colorModes","setColorModes","setThemes","map","t","name","useEffect","pTheme","setElementAttrs","colorScheme","changeTheme","useCallback","newTheme","newMode","value","useMemo","MuiTheme","createTheme","breakpoints","values","emotionCacheValue","MuiThemeProvider","HvThemeContext","Provider"],"mappings":";;;;;;;;AAqBO,MAAMA,kBAAkB;AAExB,MAAMC,sBAAsBC,YAAY;AAAA,EAC7CC,KAAKH;AAAAA,EACLI,SAAS;AACX,CAAC;AAEM,MAAMC,iBAAiBC,cAAuC;AAAA,EACnEC,OAAON;AACT,CAAC;AAWM,MAAMO,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAaC;AACO,MAAM;AAC1B,QAAMC,YAAYC,WAAWP,YAAYC,OAAOE,SAAS;AAEzD,QAAM,CAACK,aAAaC,cAAc,IAAIC,SAASJ,SAAS;AACxD,QAAM,CAACK,aAAaC,cAAc,IAAIF,SAASF,YAAYP,KAAK;AAChE,QAAM,CAACY,eAAeC,gBAAgB,IAAIJ,SAASF,YAAYK,aAAa;AAC5E,QAAM,CAACE,cAAcC,YAAY,IAAIN,SAASF,YAAYO,YAAY;AACtE,QAAM,CAACE,YAAYC,aAAa,IAAIR,SAASF,YAAYS,UAAU;AAC7D,QAAA,CAAClB,QAAQoB,SAAS,IAAIT,SAASV,WAAWoB,IAAKC,CAAAA,MAAMA,EAAEC,IAAI,CAAC;AAElEC,YAAU,MAAM;AACd,UAAMC,SAASjB,WAAWP,YAAYC,OAAOE,SAAS;AACtDgB,cAAUnB,WAAWoB,IAAKC,CAAMA,MAAAA,EAAEC,IAAI,CAAC;AACvCb,mBAAee,MAAM;AAAA,EACpB,GAAA,CAACxB,YAAYC,OAAOE,SAAS,CAAC;AAEjCoB,YAAU,MAAM;AACdX,mBAAeJ,YAAYP,KAAK;AAChCa,qBAAiBN,YAAYK,aAAa;AAC1CG,iBAAaR,YAAYO,YAAY;AACrCG,kBAAcV,YAAYS,UAAU;AAEpCQ,oBACEjB,YAAYK,eACZL,YAAYO,cACZP,YAAYkB,aACZrB,MACF;AAAA,EAAA,GACC,CAACG,aAAaH,MAAM,CAAC;AAExB,QAAMsB,cAAcC,YAClB,CAACC,WAAWhB,eAAeiB,UAAUf,iBAAiB;AACpD,UAAMS,SAASjB,WAAWP,YAAY6B,UAAUC,OAAO;AACvDrB,mBAAee,MAAM;AAAA,EAEvB,GAAA,CAACT,cAAcF,eAAeb,UAAU,CAC1C;AAEM+B,QAAAA,QAAQC,QACZ,OAAO;AAAA,IACLjC;AAAAA,IACAkB;AAAAA,IACAN;AAAAA,IACAE;AAAAA,IACAE;AAAAA,IACAY;AAAAA,IACAtB;AAAAA,EAAAA,IAEF,CACEN,QACAkB,YACAN,aACAE,eACAE,cACAY,aACAtB,MAAM,CAEV;AAEA,QAAM4B,WAAWC,YAAY;AAAA,IAC3BC,aAAa;AAAA,MACXC,QAAQ;AAAA,QACN,GAAGzB,YAAYwB,YAAYC;AAAAA,MAC7B;AAAA,IACF;AAAA,EAAA,CACD;AAEKC,QAAAA,oBAAoBL,QACxB,OAAO;AAAA,IAAEpC,OAAOM;AAAAA,EAAAA,IAChB,CAACA,YAAY,CACf;AAEA,6BACGoC,eAAgB;AAAA,IAACrC,OAAOgC;AAAAA,IAASnC,UAC/ByC,oBAAAA,eAAeC,UAAQ;AAAA,MAACT;AAAAA,MAAajC,UACnCJ,oBAAAA,eAAe8C,UAAQ;AAAA,QAACT,OAAOM;AAAAA,QAAkBvC;AAAAA,MAAAA,CAEzB;AAAA,IAAA,CACF;AAAA,EAAA,CACT;AAEtB;"}