@hitachivantara/uikit-react-core 5.14.1 → 5.15.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 (736) hide show
  1. package/dist/cjs/components/Accordion/Accordion.cjs.map +1 -1
  2. package/dist/cjs/components/Accordion/Accordion.styles.cjs.map +1 -1
  3. package/dist/cjs/components/ActionBar/ActionBar.cjs.map +1 -1
  4. package/dist/cjs/components/ActionsGeneric/ActionsGeneric.cjs.map +1 -1
  5. package/dist/cjs/components/ActionsGeneric/ActionsGeneric.styles.cjs.map +1 -1
  6. package/dist/cjs/components/AppSwitcher/Action/Action.cjs.map +1 -1
  7. package/dist/cjs/components/AppSwitcher/Action/Action.styles.cjs.map +1 -1
  8. package/dist/cjs/components/AppSwitcher/AppSwitcher.cjs.map +1 -1
  9. package/dist/cjs/components/AppSwitcher/AppSwitcher.styles.cjs.map +1 -1
  10. package/dist/cjs/components/AppSwitcher/TitleWithTooltip.cjs.map +1 -1
  11. package/dist/cjs/components/Avatar/Avatar.cjs.map +1 -1
  12. package/dist/cjs/components/Avatar/Avatar.styles.cjs +36 -41
  13. package/dist/cjs/components/Avatar/Avatar.styles.cjs.map +1 -1
  14. package/dist/cjs/components/Badge/Badge.cjs.map +1 -1
  15. package/dist/cjs/components/Badge/Badge.styles.cjs.map +1 -1
  16. package/dist/cjs/components/Banner/Banner.cjs +35 -43
  17. package/dist/cjs/components/Banner/Banner.cjs.map +1 -1
  18. package/dist/cjs/components/Banner/Banner.styles.cjs +12 -3
  19. package/dist/cjs/components/Banner/Banner.styles.cjs.map +1 -1
  20. package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs.map +1 -1
  21. package/dist/cjs/components/Banner/BannerContent/ActionContainer/actionContainerClasses.cjs.map +1 -1
  22. package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs +48 -49
  23. package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs.map +1 -1
  24. package/dist/cjs/components/Banner/BannerContent/BannerContent.styles.cjs +8 -3
  25. package/dist/cjs/components/Banner/BannerContent/BannerContent.styles.cjs.map +1 -1
  26. package/dist/cjs/components/Banner/BannerContent/MessageContainer/MessageContainer.cjs.map +1 -1
  27. package/dist/cjs/components/Banner/BannerContent/MessageContainer/messageContainerClasses.cjs.map +1 -1
  28. package/dist/cjs/components/BaseCheckBox/BaseCheckBox.cjs.map +1 -1
  29. package/dist/cjs/components/BaseCheckBox/BaseCheckBox.styles.cjs.map +1 -1
  30. package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs +16 -16
  31. package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs.map +1 -1
  32. package/dist/cjs/components/BaseDropdown/BaseDropdown.styles.cjs +33 -51
  33. package/dist/cjs/components/BaseDropdown/BaseDropdown.styles.cjs.map +1 -1
  34. package/dist/cjs/components/BaseInput/BaseInput.cjs +3 -3
  35. package/dist/cjs/components/BaseInput/BaseInput.cjs.map +1 -1
  36. package/dist/cjs/components/BaseInput/validations.cjs.map +1 -1
  37. package/dist/cjs/components/BaseRadio/BaseRadio.cjs.map +1 -1
  38. package/dist/cjs/components/BaseRadio/BaseRadio.styles.cjs.map +1 -1
  39. package/dist/cjs/components/BaseSwitch/BaseSwitch.cjs.map +1 -1
  40. package/dist/cjs/components/BaseSwitch/BaseSwitch.styles.cjs.map +1 -1
  41. package/dist/cjs/components/Box/Box.cjs.map +1 -1
  42. package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs.map +1 -1
  43. package/dist/cjs/components/BreadCrumb/BreadCrumb.styles.cjs.map +1 -1
  44. package/dist/cjs/components/BreadCrumb/Page/Page.cjs.map +1 -1
  45. package/dist/cjs/components/BreadCrumb/PathElement/PathElement.cjs.map +1 -1
  46. package/dist/cjs/components/BreadCrumb/PathElement/PathElement.styles.cjs.map +1 -1
  47. package/dist/cjs/components/BreadCrumb/utils.cjs.map +1 -1
  48. package/dist/cjs/components/BulkActions/BulkActions.cjs.map +1 -1
  49. package/dist/cjs/components/BulkActions/BulkActions.styles.cjs.map +1 -1
  50. package/dist/cjs/components/Button/Button.cjs.map +1 -1
  51. package/dist/cjs/components/Button/Button.styles.cjs.map +1 -1
  52. package/dist/cjs/components/Calendar/Calendar.cjs.map +1 -1
  53. package/dist/cjs/components/Calendar/Calendar.styles.cjs.map +1 -1
  54. package/dist/cjs/components/Calendar/CalendarHeader/CalendarHeader.cjs.map +1 -1
  55. package/dist/cjs/components/Calendar/CalendarHeader/CalendarHeader.styles.cjs.map +1 -1
  56. package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.cjs.map +1 -1
  57. package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.cjs.map +1 -1
  58. package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.cjs.map +1 -1
  59. package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/Navigation.cjs.map +1 -1
  60. package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/Navigation.styles.cjs.map +1 -1
  61. package/dist/cjs/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.cjs.map +1 -1
  62. package/dist/cjs/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.styles.cjs.map +1 -1
  63. package/dist/cjs/components/Calendar/SingleCalendar/CalendarCell.cjs.map +1 -1
  64. package/dist/cjs/components/Calendar/SingleCalendar/SingleCalendar.cjs +1 -1
  65. package/dist/cjs/components/Calendar/SingleCalendar/SingleCalendar.cjs.map +1 -1
  66. package/dist/cjs/components/Calendar/model.cjs.map +1 -1
  67. package/dist/cjs/components/Calendar/utils.cjs.map +1 -1
  68. package/dist/cjs/components/Card/Card.cjs.map +1 -1
  69. package/dist/cjs/components/Card/Content/Content.cjs.map +1 -1
  70. package/dist/cjs/components/Card/Header/Header.cjs.map +1 -1
  71. package/dist/cjs/components/Card/Media/Media.cjs.map +1 -1
  72. package/dist/cjs/components/Carousel/Carousel.cjs.map +1 -1
  73. package/dist/cjs/components/Carousel/Carousel.styles.cjs.map +1 -1
  74. package/dist/cjs/components/Carousel/CarouselSlide/CarouselSlide.cjs.map +1 -1
  75. package/dist/cjs/components/Carousel/CarouselSlide/CarouselSlide.styles.cjs.map +1 -1
  76. package/dist/cjs/components/Carousel/utils.cjs +1 -1
  77. package/dist/cjs/components/Carousel/utils.cjs.map +1 -1
  78. package/dist/cjs/components/CheckBox/CheckBox.cjs.map +1 -1
  79. package/dist/cjs/components/CheckBox/CheckBox.styles.cjs.map +1 -1
  80. package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.cjs.map +1 -1
  81. package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.styles.cjs.map +1 -1
  82. package/dist/cjs/components/ColorPicker/ColorPicker.cjs +9 -13
  83. package/dist/cjs/components/ColorPicker/ColorPicker.cjs.map +1 -1
  84. package/dist/cjs/components/ColorPicker/ColorPicker.styles.cjs +5 -18
  85. package/dist/cjs/components/ColorPicker/ColorPicker.styles.cjs.map +1 -1
  86. package/dist/cjs/components/ColorPicker/Fields/Fields.cjs.map +1 -1
  87. package/dist/cjs/components/ColorPicker/Picker/Picker.cjs.map +1 -1
  88. package/dist/cjs/components/ColorPicker/PresetColors/PresetColors.cjs.map +1 -1
  89. package/dist/cjs/components/ColorPicker/PresetColors/presetColorsClasses.cjs.map +1 -1
  90. package/dist/cjs/components/ColorPicker/SavedColors/SavedColors.cjs.map +1 -1
  91. package/dist/cjs/components/ColorPicker/SavedColors/savedColorsClasses.cjs.map +1 -1
  92. package/dist/cjs/components/Container/Container.cjs.map +1 -1
  93. package/dist/cjs/components/Container/Container.styles.cjs.map +1 -1
  94. package/dist/cjs/components/Controls/Controls.cjs.map +1 -1
  95. package/dist/cjs/components/Controls/Controls.styles.cjs.map +1 -1
  96. package/dist/cjs/components/Controls/LeftControl/LeftControl.cjs.map +1 -1
  97. package/dist/cjs/components/Controls/LeftControl/LeftControl.styles.cjs.map +1 -1
  98. package/dist/cjs/components/Controls/RightControl/RightControl.cjs.map +1 -1
  99. package/dist/cjs/components/Controls/RightControl/RightControl.styles.cjs.map +1 -1
  100. package/dist/cjs/components/DatePicker/DatePicker.cjs.map +1 -1
  101. package/dist/cjs/components/DatePicker/DatePicker.styles.cjs +3 -15
  102. package/dist/cjs/components/DatePicker/DatePicker.styles.cjs.map +1 -1
  103. package/dist/cjs/components/DatePicker/useVisibleDate.cjs.map +1 -1
  104. package/dist/cjs/components/DatePicker/utils.cjs.map +1 -1
  105. package/dist/cjs/components/Dialog/Actions/Actions.cjs.map +1 -1
  106. package/dist/cjs/components/Dialog/Actions/Actions.styles.cjs.map +1 -1
  107. package/dist/cjs/components/Dialog/Content/Content.cjs.map +1 -1
  108. package/dist/cjs/components/Dialog/Content/Content.styles.cjs.map +1 -1
  109. package/dist/cjs/components/Dialog/Dialog.cjs.map +1 -1
  110. package/dist/cjs/components/Dialog/Dialog.styles.cjs.map +1 -1
  111. package/dist/cjs/components/Dialog/Title/Title.cjs.map +1 -1
  112. package/dist/cjs/components/Dialog/Title/Title.styles.cjs.map +1 -1
  113. package/dist/cjs/components/DotPagination/DotPagination.cjs.map +1 -1
  114. package/dist/cjs/components/DotPagination/DotPagination.styles.cjs.map +1 -1
  115. package/dist/cjs/components/DropDownMenu/DropDownMenu.cjs.map +1 -1
  116. package/dist/cjs/components/DropDownMenu/DropDownMenu.styles.cjs +1 -4
  117. package/dist/cjs/components/DropDownMenu/DropDownMenu.styles.cjs.map +1 -1
  118. package/dist/cjs/components/Dropdown/Dropdown.cjs.map +1 -1
  119. package/dist/cjs/components/Dropdown/Dropdown.styles.cjs +6 -16
  120. package/dist/cjs/components/Dropdown/Dropdown.styles.cjs.map +1 -1
  121. package/dist/cjs/components/Dropdown/List/List.cjs.map +1 -1
  122. package/dist/cjs/components/Dropdown/List/List.styles.cjs +15 -9
  123. package/dist/cjs/components/Dropdown/List/List.styles.cjs.map +1 -1
  124. package/dist/cjs/components/EmptyState/EmptyState.cjs.map +1 -1
  125. package/dist/cjs/components/EmptyState/EmptyState.styles.cjs.map +1 -1
  126. package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs.map +1 -1
  127. package/dist/cjs/components/FileUploader/DropZone/DropZone.styles.cjs.map +1 -1
  128. package/dist/cjs/components/FileUploader/File/File.cjs.map +1 -1
  129. package/dist/cjs/components/FileUploader/File/File.styles.cjs.map +1 -1
  130. package/dist/cjs/components/FileUploader/FileList/FileList.cjs.map +1 -1
  131. package/dist/cjs/components/FileUploader/FileUploader.cjs.map +1 -1
  132. package/dist/cjs/components/FileUploader/Preview/Preview.cjs.map +1 -1
  133. package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs.map +1 -1
  134. package/dist/cjs/components/FileUploader/Preview/previewClasses.cjs.map +1 -1
  135. package/dist/cjs/components/FilterGroup/Counter/Counter.cjs.map +1 -1
  136. package/dist/cjs/components/FilterGroup/Counter/Counter.styles.cjs +2 -4
  137. package/dist/cjs/components/FilterGroup/Counter/Counter.styles.cjs.map +1 -1
  138. package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.cjs.map +1 -1
  139. package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.styles.cjs +2 -10
  140. package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.styles.cjs.map +1 -1
  141. package/dist/cjs/components/FilterGroup/FilterGroup.cjs.map +1 -1
  142. package/dist/cjs/components/FilterGroup/FilterGroupContext.cjs.map +1 -1
  143. package/dist/cjs/components/FilterGroup/LeftPanel/LeftPanel.cjs.map +1 -1
  144. package/dist/cjs/components/FilterGroup/LeftPanel/leftPanelClasses.cjs.map +1 -1
  145. package/dist/cjs/components/FilterGroup/RightPanel/RightPanel.cjs.map +1 -1
  146. package/dist/cjs/components/FilterGroup/RightPanel/rightPanelClasses.cjs.map +1 -1
  147. package/dist/cjs/components/Focus/Focus.cjs +1 -1
  148. package/dist/cjs/components/Focus/Focus.cjs.map +1 -1
  149. package/dist/cjs/components/Focus/Focus.styles.cjs.map +1 -1
  150. package/dist/cjs/components/Focus/utils.cjs.map +1 -1
  151. package/dist/cjs/components/Footer/Footer.cjs.map +1 -1
  152. package/dist/cjs/components/Footer/Footer.styles.cjs.map +1 -1
  153. package/dist/cjs/components/Forms/Adornment/Adornment.cjs.map +1 -1
  154. package/dist/cjs/components/Forms/Adornment/Adornment.styles.cjs.map +1 -1
  155. package/dist/cjs/components/Forms/CharCounter/CharCounter.cjs.map +1 -1
  156. package/dist/cjs/components/Forms/CharCounter/CharCounter.styles.cjs.map +1 -1
  157. package/dist/cjs/components/Forms/FormElement/FormElement.cjs.map +1 -1
  158. package/dist/cjs/components/Forms/FormElement/validationStates.cjs.map +1 -1
  159. package/dist/cjs/components/Forms/InfoMessage/InfoMessage.cjs.map +1 -1
  160. package/dist/cjs/components/Forms/InfoMessage/InfoMessage.styles.cjs +2 -1
  161. package/dist/cjs/components/Forms/InfoMessage/InfoMessage.styles.cjs.map +1 -1
  162. package/dist/cjs/components/Forms/Label/Label.cjs.map +1 -1
  163. package/dist/cjs/components/Forms/Label/Label.styles.cjs +2 -1
  164. package/dist/cjs/components/Forms/Label/Label.styles.cjs.map +1 -1
  165. package/dist/cjs/components/Forms/Suggestions/Suggestions.cjs.map +1 -1
  166. package/dist/cjs/components/Forms/Suggestions/Suggestions.styles.cjs.map +1 -1
  167. package/dist/cjs/components/Forms/WarningText/WarningText.cjs.map +1 -1
  168. package/dist/cjs/components/Forms/WarningText/WarningText.styles.cjs.map +1 -1
  169. package/dist/cjs/components/GlobalActions/GlobalActions.cjs.map +1 -1
  170. package/dist/cjs/components/GlobalActions/GlobalActions.styles.cjs.map +1 -1
  171. package/dist/cjs/components/Grid/Grid.cjs.map +1 -1
  172. package/dist/cjs/components/Header/Actions/Actions.cjs.map +1 -1
  173. package/dist/cjs/components/Header/Brand/Brand.cjs.map +1 -1
  174. package/dist/cjs/components/Header/Brand/Brand.styles.cjs.map +1 -1
  175. package/dist/cjs/components/Header/Header.cjs.map +1 -1
  176. package/dist/cjs/components/Header/Header.styles.cjs.map +1 -1
  177. package/dist/cjs/components/Header/Navigation/MenuBar/MenuBar.cjs.map +1 -1
  178. package/dist/cjs/components/Header/Navigation/MenuBar/MenuBar.styles.cjs.map +1 -1
  179. package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs +4 -2
  180. package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs.map +1 -1
  181. package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.styles.cjs +33 -13
  182. package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.styles.cjs.map +1 -1
  183. package/dist/cjs/components/Header/Navigation/Navigation.cjs.map +1 -1
  184. package/dist/cjs/components/Header/Navigation/Navigation.styles.cjs.map +1 -1
  185. package/dist/cjs/components/Header/Navigation/utils/FocusContext.cjs.map +1 -1
  186. package/dist/cjs/components/Header/Navigation/utils/SelectionContext.cjs +1 -1
  187. package/dist/cjs/components/Header/Navigation/utils/SelectionContext.cjs.map +1 -1
  188. package/dist/cjs/components/InlineEditor/InlineEditor.cjs +1 -1
  189. package/dist/cjs/components/InlineEditor/InlineEditor.cjs.map +1 -1
  190. package/dist/cjs/components/Input/Input.cjs.map +1 -1
  191. package/dist/cjs/components/Kpi/Kpi.cjs.map +1 -1
  192. package/dist/cjs/components/Kpi/Kpi.styles.cjs.map +1 -1
  193. package/dist/cjs/components/Link/Link.cjs.map +1 -1
  194. package/dist/cjs/components/List/List.cjs.map +1 -1
  195. package/dist/cjs/components/List/List.styles.cjs.map +1 -1
  196. package/dist/cjs/components/List/useSelectableList.cjs.map +1 -1
  197. package/dist/cjs/components/ListContainer/ListContainer.cjs.map +1 -1
  198. package/dist/cjs/components/ListContainer/ListItem/ListItem.cjs.map +1 -1
  199. package/dist/cjs/components/ListContainer/ListItem/ListItem.styles.cjs.map +1 -1
  200. package/dist/cjs/components/Loading/Loading.cjs.map +1 -1
  201. package/dist/cjs/components/Loading/Loading.styles.cjs.map +1 -1
  202. package/dist/cjs/components/Login/Login.cjs.map +1 -1
  203. package/dist/cjs/components/Login/Login.styles.cjs.map +1 -1
  204. package/dist/cjs/components/MultiButton/MultiButton.cjs.map +1 -1
  205. package/dist/cjs/components/MultiButton/MultiButton.styles.cjs.map +1 -1
  206. package/dist/cjs/components/OverflowTooltip/OverflowTooltip.cjs.map +1 -1
  207. package/dist/cjs/components/OverflowTooltip/OverflowTooltip.styles.cjs.map +1 -1
  208. package/dist/cjs/components/Pagination/ButtonIconTooltip.cjs.map +1 -1
  209. package/dist/cjs/components/Pagination/Pagination.cjs +0 -1
  210. package/dist/cjs/components/Pagination/Pagination.cjs.map +1 -1
  211. package/dist/cjs/components/Pagination/Pagination.styles.cjs.map +1 -1
  212. package/dist/cjs/components/Pagination/Select.cjs +23 -27
  213. package/dist/cjs/components/Pagination/Select.cjs.map +1 -1
  214. package/dist/cjs/components/Pagination/Select.styles.cjs +17 -28
  215. package/dist/cjs/components/Pagination/Select.styles.cjs.map +1 -1
  216. package/dist/cjs/components/Pagination/utils.cjs.map +1 -1
  217. package/dist/cjs/components/Panel/Panel.cjs.map +1 -1
  218. package/dist/cjs/components/ProgressBar/ProgressBar.cjs.map +1 -1
  219. package/dist/cjs/components/ProgressBar/ProgressBar.styles.cjs.map +1 -1
  220. package/dist/cjs/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.cjs.map +1 -1
  221. package/dist/cjs/components/QueryBuilder/QueryBuilder.cjs.map +1 -1
  222. package/dist/cjs/components/QueryBuilder/Rule/Attribute/Attribute.cjs.map +1 -1
  223. package/dist/cjs/components/QueryBuilder/Rule/Operator/Operator.cjs.map +1 -1
  224. package/dist/cjs/components/QueryBuilder/Rule/Rule.cjs.map +1 -1
  225. package/dist/cjs/components/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.cjs.map +1 -1
  226. package/dist/cjs/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.cjs.map +1 -1
  227. package/dist/cjs/components/QueryBuilder/Rule/Value/TextValue/TextValue.cjs.map +1 -1
  228. package/dist/cjs/components/QueryBuilder/Rule/Value/Value.cjs.map +1 -1
  229. package/dist/cjs/components/QueryBuilder/RuleGroup/RuleGroup.cjs.map +1 -1
  230. package/dist/cjs/components/QueryBuilder/utils/index.cjs.map +1 -1
  231. package/dist/cjs/components/QueryBuilder/utils/reducer.cjs.map +1 -1
  232. package/dist/cjs/components/Radio/Radio.cjs.map +1 -1
  233. package/dist/cjs/components/Radio/Radio.styles.cjs.map +1 -1
  234. package/dist/cjs/components/RadioGroup/RadioGroup.cjs.map +1 -1
  235. package/dist/cjs/components/RadioGroup/RadioGroup.styles.cjs.map +1 -1
  236. package/dist/cjs/components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.cjs.map +1 -1
  237. package/dist/cjs/components/ScrollTo/Horizontal/HorizontalScrollListItem/horizontalScrollListItemClasses.cjs.map +1 -1
  238. package/dist/cjs/components/ScrollTo/Horizontal/ScrollToHorizontal.cjs.map +1 -1
  239. package/dist/cjs/components/ScrollTo/Vertical/ScrollToVertical.cjs.map +1 -1
  240. package/dist/cjs/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.cjs.map +1 -1
  241. package/dist/cjs/components/ScrollTo/Vertical/VerticalScrollListItem/verticalScrollListItemClasses.cjs.map +1 -1
  242. package/dist/cjs/components/ScrollTo/useScrollTo.cjs.map +1 -1
  243. package/dist/cjs/components/ScrollTo/withTooltip.cjs +1 -1
  244. package/dist/cjs/components/ScrollTo/withTooltip.cjs.map +1 -1
  245. package/dist/cjs/components/SelectionList/SelectionList.cjs.map +1 -1
  246. package/dist/cjs/components/SelectionList/SelectionList.styles.cjs.map +1 -1
  247. package/dist/cjs/components/SimpleGrid/SimpleGrid.cjs.map +1 -1
  248. package/dist/cjs/components/SimpleGrid/SimpleGrid.styles.cjs.map +1 -1
  249. package/dist/cjs/components/Slider/Slider.cjs.map +1 -1
  250. package/dist/cjs/components/Slider/Slider.styles.cjs.map +1 -1
  251. package/dist/cjs/components/Slider/SliderInput/SliderInput.cjs.map +1 -1
  252. package/dist/cjs/components/Slider/SliderInput/SliderInput.styles.cjs.map +1 -1
  253. package/dist/cjs/components/Slider/utils.cjs.map +1 -1
  254. package/dist/cjs/components/Snackbar/Snackbar.cjs.map +1 -1
  255. package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs.map +1 -1
  256. package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.cjs.map +1 -1
  257. package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs.map +1 -1
  258. package/dist/cjs/components/Stack/Stack.cjs.map +1 -1
  259. package/dist/cjs/components/Stack/Stack.styles.cjs.map +1 -1
  260. package/dist/cjs/components/Switch/Switch.cjs.map +1 -1
  261. package/dist/cjs/components/Switch/Switch.styles.cjs.map +1 -1
  262. package/dist/cjs/components/Tab/Tab.cjs.map +1 -1
  263. package/dist/cjs/components/Table/Table.cjs.map +1 -1
  264. package/dist/cjs/components/Table/TableBody/TableBody.cjs +1 -2
  265. package/dist/cjs/components/Table/TableBody/TableBody.cjs.map +1 -1
  266. package/dist/cjs/components/Table/TableCell/TableCell.cjs.map +1 -1
  267. package/dist/cjs/components/Table/TableContainer/TableContainer.cjs.map +1 -1
  268. package/dist/cjs/components/Table/TableHead/TableHead.cjs.map +1 -1
  269. package/dist/cjs/components/Table/TableHeader/TableHeader.cjs.map +1 -1
  270. package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs.map +1 -1
  271. package/dist/cjs/components/Table/TableHeader/utils.cjs.map +1 -1
  272. package/dist/cjs/components/Table/TableRow/TableRow.cjs.map +1 -1
  273. package/dist/cjs/components/Table/TableRow/TableRow.styles.cjs.map +1 -1
  274. package/dist/cjs/components/Table/hooks/useBulkActions.cjs.map +1 -1
  275. package/dist/cjs/components/Table/hooks/useHeaderGroups.cjs.map +1 -1
  276. package/dist/cjs/components/Table/hooks/usePagination.cjs.map +1 -1
  277. package/dist/cjs/components/Table/hooks/useResizeColumns.cjs.map +1 -1
  278. package/dist/cjs/components/Table/hooks/useRowExpand.cjs.map +1 -1
  279. package/dist/cjs/components/Table/hooks/useRowSelection.cjs.map +1 -1
  280. package/dist/cjs/components/Table/hooks/useSortBy.cjs.map +1 -1
  281. package/dist/cjs/components/Table/hooks/useSticky.cjs.map +1 -1
  282. package/dist/cjs/components/Table/hooks/useTable.cjs.map +1 -1
  283. package/dist/cjs/components/Table/hooks/useTableStyles.cjs.map +1 -1
  284. package/dist/cjs/components/Table/renderers/DateColumnCell/DateColumnCell.cjs +2 -2
  285. package/dist/cjs/components/Table/renderers/DateColumnCell/DateColumnCell.cjs.map +1 -1
  286. package/dist/cjs/components/Table/renderers/DropdownColumnCell/DropdownColumnCell.cjs +3 -3
  287. package/dist/cjs/components/Table/renderers/DropdownColumnCell/DropdownColumnCell.cjs.map +1 -1
  288. package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.cjs +2 -2
  289. package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.cjs.map +1 -1
  290. package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.cjs.map +1 -1
  291. package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.cjs +2 -2
  292. package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.cjs.map +1 -1
  293. package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.cjs.map +1 -1
  294. package/dist/cjs/components/Table/renderers/renderers.cjs.map +1 -1
  295. package/dist/cjs/components/Tabs/Tabs.cjs.map +1 -1
  296. package/dist/cjs/components/Tag/Tag.cjs.map +1 -1
  297. package/dist/cjs/components/Tag/Tag.styles.cjs.map +1 -1
  298. package/dist/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
  299. package/dist/cjs/components/TagsInput/TagsInput.styles.cjs.map +1 -1
  300. package/dist/cjs/components/TextArea/TextArea.cjs.map +1 -1
  301. package/dist/cjs/components/TextArea/TextArea.styles.cjs.map +1 -1
  302. package/dist/cjs/components/TimeAgo/TimeAgo.cjs +3 -5
  303. package/dist/cjs/components/TimeAgo/TimeAgo.cjs.map +1 -1
  304. package/dist/cjs/components/TimeAgo/formatUtils.cjs.map +1 -1
  305. package/dist/cjs/components/ToggleButton/ToggleButton.cjs.map +1 -1
  306. package/dist/cjs/components/Tooltip/Tooltip.cjs.map +1 -1
  307. package/dist/cjs/components/Typography/Typography.cjs.map +1 -1
  308. package/dist/cjs/components/Typography/utils.cjs.map +1 -1
  309. package/dist/cjs/components/VerticalNavigation/Actions/Action.cjs.map +1 -1
  310. package/dist/cjs/components/VerticalNavigation/Actions/Action.styles.cjs.map +1 -1
  311. package/dist/cjs/components/VerticalNavigation/Actions/Actions.cjs.map +1 -1
  312. package/dist/cjs/components/VerticalNavigation/Header/Header.cjs.map +1 -1
  313. package/dist/cjs/components/VerticalNavigation/Header/Header.styles.cjs.map +1 -1
  314. package/dist/cjs/components/VerticalNavigation/Header/headerClasses.cjs.map +1 -1
  315. package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs.map +1 -1
  316. package/dist/cjs/components/VerticalNavigation/Navigation/navigationClasses.cjs.map +1 -1
  317. package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.cjs.map +1 -1
  318. package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.cjs.map +1 -1
  319. package/dist/cjs/components/VerticalNavigation/NavigationSlider/navigationSliderClasses.cjs.map +1 -1
  320. package/dist/cjs/components/VerticalNavigation/NavigationSlider/utils/NavigationSlider.utils.cjs.map +1 -1
  321. package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.cjs.map +1 -1
  322. package/dist/cjs/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.cjs.map +1 -1
  323. package/dist/cjs/components/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.cjs.map +1 -1
  324. package/dist/cjs/components/VerticalNavigation/TreeView/TreeView.cjs.map +1 -1
  325. package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs.map +1 -1
  326. package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.styles.cjs.map +1 -1
  327. package/dist/cjs/components/VerticalNavigation/TreeView/descendants.cjs +2 -2
  328. package/dist/cjs/components/VerticalNavigation/TreeView/descendants.cjs.map +1 -1
  329. package/dist/cjs/components/VerticalNavigation/TreeView/treeViewItemClasses.cjs.map +1 -1
  330. package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs +0 -3
  331. package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs.map +1 -1
  332. package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs.map +1 -1
  333. package/dist/cjs/components/VerticalNavigation/VerticalNavigationContext.cjs.map +1 -1
  334. package/dist/cjs/hocs/withTooltip.cjs.map +1 -1
  335. package/dist/cjs/hooks/useClickOutside.cjs +1 -1
  336. package/dist/cjs/hooks/useClickOutside.cjs.map +1 -1
  337. package/dist/cjs/hooks/useControlled.cjs.map +1 -1
  338. package/dist/cjs/hooks/useCss.cjs +80 -0
  339. package/dist/cjs/hooks/useCss.cjs.map +1 -0
  340. package/dist/cjs/hooks/useEmotionCache.cjs +12 -0
  341. package/dist/cjs/hooks/useEmotionCache.cjs.map +1 -0
  342. package/dist/cjs/hooks/useForkRef.cjs.map +1 -1
  343. package/dist/cjs/hooks/useTheme.cjs +1 -3
  344. package/dist/cjs/hooks/useTheme.cjs.map +1 -1
  345. package/dist/cjs/index.cjs +9 -4
  346. package/dist/cjs/index.cjs.map +1 -1
  347. package/dist/cjs/providers/Provider.cjs +4 -3
  348. package/dist/cjs/providers/Provider.cjs.map +1 -1
  349. package/dist/cjs/providers/ThemeProvider.cjs +22 -1
  350. package/dist/cjs/providers/ThemeProvider.cjs.map +1 -1
  351. package/dist/cjs/utils/browser.cjs +2 -1
  352. package/dist/cjs/utils/browser.cjs.map +1 -1
  353. package/dist/cjs/utils/classes.cjs +43 -0
  354. package/dist/cjs/utils/classes.cjs.map +1 -1
  355. package/dist/cjs/utils/focusableElementFinder.cjs +1 -1
  356. package/dist/cjs/utils/focusableElementFinder.cjs.map +1 -1
  357. package/dist/cjs/utils/iconVariant.cjs.map +1 -1
  358. package/dist/cjs/utils/multiSelectionEventHandler.cjs.map +1 -1
  359. package/dist/cjs/utils/sizes.cjs.map +1 -1
  360. package/dist/cjs/utils/theme.cjs +4 -3
  361. package/dist/cjs/utils/theme.cjs.map +1 -1
  362. package/dist/cjs/utils/useSavedState.cjs.map +1 -1
  363. package/dist/cjs/utils/wrapperTooltip.cjs.map +1 -1
  364. package/dist/esm/components/Accordion/Accordion.js.map +1 -1
  365. package/dist/esm/components/Accordion/Accordion.styles.js.map +1 -1
  366. package/dist/esm/components/ActionBar/ActionBar.js.map +1 -1
  367. package/dist/esm/components/ActionsGeneric/ActionsGeneric.js.map +1 -1
  368. package/dist/esm/components/ActionsGeneric/ActionsGeneric.styles.js.map +1 -1
  369. package/dist/esm/components/AppSwitcher/Action/Action.js.map +1 -1
  370. package/dist/esm/components/AppSwitcher/Action/Action.styles.js.map +1 -1
  371. package/dist/esm/components/AppSwitcher/AppSwitcher.js.map +1 -1
  372. package/dist/esm/components/AppSwitcher/AppSwitcher.styles.js.map +1 -1
  373. package/dist/esm/components/AppSwitcher/TitleWithTooltip.js.map +1 -1
  374. package/dist/esm/components/Avatar/Avatar.js.map +1 -1
  375. package/dist/esm/components/Avatar/Avatar.styles.js +36 -41
  376. package/dist/esm/components/Avatar/Avatar.styles.js.map +1 -1
  377. package/dist/esm/components/Badge/Badge.js.map +1 -1
  378. package/dist/esm/components/Badge/Badge.styles.js.map +1 -1
  379. package/dist/esm/components/Banner/Banner.js +38 -44
  380. package/dist/esm/components/Banner/Banner.js.map +1 -1
  381. package/dist/esm/components/Banner/Banner.styles.js +12 -3
  382. package/dist/esm/components/Banner/Banner.styles.js.map +1 -1
  383. package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.js.map +1 -1
  384. package/dist/esm/components/Banner/BannerContent/ActionContainer/actionContainerClasses.js.map +1 -1
  385. package/dist/esm/components/Banner/BannerContent/BannerContent.js +51 -51
  386. package/dist/esm/components/Banner/BannerContent/BannerContent.js.map +1 -1
  387. package/dist/esm/components/Banner/BannerContent/BannerContent.styles.js +8 -3
  388. package/dist/esm/components/Banner/BannerContent/BannerContent.styles.js.map +1 -1
  389. package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.js.map +1 -1
  390. package/dist/esm/components/Banner/BannerContent/MessageContainer/messageContainerClasses.js.map +1 -1
  391. package/dist/esm/components/BaseCheckBox/BaseCheckBox.js.map +1 -1
  392. package/dist/esm/components/BaseCheckBox/BaseCheckBox.styles.js.map +1 -1
  393. package/dist/esm/components/BaseDropdown/BaseDropdown.js +17 -17
  394. package/dist/esm/components/BaseDropdown/BaseDropdown.js.map +1 -1
  395. package/dist/esm/components/BaseDropdown/BaseDropdown.styles.js +33 -51
  396. package/dist/esm/components/BaseDropdown/BaseDropdown.styles.js.map +1 -1
  397. package/dist/esm/components/BaseInput/BaseInput.js +3 -3
  398. package/dist/esm/components/BaseInput/BaseInput.js.map +1 -1
  399. package/dist/esm/components/BaseInput/validations.js.map +1 -1
  400. package/dist/esm/components/BaseRadio/BaseRadio.js.map +1 -1
  401. package/dist/esm/components/BaseRadio/BaseRadio.styles.js.map +1 -1
  402. package/dist/esm/components/BaseSwitch/BaseSwitch.js.map +1 -1
  403. package/dist/esm/components/BaseSwitch/BaseSwitch.styles.js.map +1 -1
  404. package/dist/esm/components/Box/Box.js.map +1 -1
  405. package/dist/esm/components/BreadCrumb/BreadCrumb.js.map +1 -1
  406. package/dist/esm/components/BreadCrumb/BreadCrumb.styles.js.map +1 -1
  407. package/dist/esm/components/BreadCrumb/Page/Page.js.map +1 -1
  408. package/dist/esm/components/BreadCrumb/PathElement/PathElement.js.map +1 -1
  409. package/dist/esm/components/BreadCrumb/PathElement/PathElement.styles.js.map +1 -1
  410. package/dist/esm/components/BreadCrumb/utils.js.map +1 -1
  411. package/dist/esm/components/BulkActions/BulkActions.js.map +1 -1
  412. package/dist/esm/components/BulkActions/BulkActions.styles.js.map +1 -1
  413. package/dist/esm/components/Button/Button.js.map +1 -1
  414. package/dist/esm/components/Button/Button.styles.js.map +1 -1
  415. package/dist/esm/components/Calendar/Calendar.js.map +1 -1
  416. package/dist/esm/components/Calendar/Calendar.styles.js.map +1 -1
  417. package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
  418. package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.styles.js.map +1 -1
  419. package/dist/esm/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js.map +1 -1
  420. package/dist/esm/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.styles.js.map +1 -1
  421. package/dist/esm/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js.map +1 -1
  422. package/dist/esm/components/Calendar/CalendarNavigation/Navigation/Navigation.js.map +1 -1
  423. package/dist/esm/components/Calendar/CalendarNavigation/Navigation/Navigation.styles.js.map +1 -1
  424. package/dist/esm/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.js.map +1 -1
  425. package/dist/esm/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.styles.js.map +1 -1
  426. package/dist/esm/components/Calendar/SingleCalendar/CalendarCell.js.map +1 -1
  427. package/dist/esm/components/Calendar/SingleCalendar/SingleCalendar.js +1 -1
  428. package/dist/esm/components/Calendar/SingleCalendar/SingleCalendar.js.map +1 -1
  429. package/dist/esm/components/Calendar/model.js.map +1 -1
  430. package/dist/esm/components/Calendar/utils.js.map +1 -1
  431. package/dist/esm/components/Card/Card.js.map +1 -1
  432. package/dist/esm/components/Card/Content/Content.js.map +1 -1
  433. package/dist/esm/components/Card/Header/Header.js.map +1 -1
  434. package/dist/esm/components/Card/Media/Media.js.map +1 -1
  435. package/dist/esm/components/Carousel/Carousel.js.map +1 -1
  436. package/dist/esm/components/Carousel/Carousel.styles.js.map +1 -1
  437. package/dist/esm/components/Carousel/CarouselSlide/CarouselSlide.js.map +1 -1
  438. package/dist/esm/components/Carousel/CarouselSlide/CarouselSlide.styles.js.map +1 -1
  439. package/dist/esm/components/Carousel/utils.js +1 -1
  440. package/dist/esm/components/Carousel/utils.js.map +1 -1
  441. package/dist/esm/components/CheckBox/CheckBox.js.map +1 -1
  442. package/dist/esm/components/CheckBox/CheckBox.styles.js.map +1 -1
  443. package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
  444. package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.styles.js.map +1 -1
  445. package/dist/esm/components/ColorPicker/ColorPicker.js +9 -13
  446. package/dist/esm/components/ColorPicker/ColorPicker.js.map +1 -1
  447. package/dist/esm/components/ColorPicker/ColorPicker.styles.js +5 -18
  448. package/dist/esm/components/ColorPicker/ColorPicker.styles.js.map +1 -1
  449. package/dist/esm/components/ColorPicker/Fields/Fields.js.map +1 -1
  450. package/dist/esm/components/ColorPicker/Picker/Picker.js.map +1 -1
  451. package/dist/esm/components/ColorPicker/PresetColors/PresetColors.js.map +1 -1
  452. package/dist/esm/components/ColorPicker/PresetColors/presetColorsClasses.js.map +1 -1
  453. package/dist/esm/components/ColorPicker/SavedColors/SavedColors.js.map +1 -1
  454. package/dist/esm/components/ColorPicker/SavedColors/savedColorsClasses.js.map +1 -1
  455. package/dist/esm/components/Container/Container.js.map +1 -1
  456. package/dist/esm/components/Container/Container.styles.js.map +1 -1
  457. package/dist/esm/components/Controls/Controls.js.map +1 -1
  458. package/dist/esm/components/Controls/Controls.styles.js.map +1 -1
  459. package/dist/esm/components/Controls/LeftControl/LeftControl.js.map +1 -1
  460. package/dist/esm/components/Controls/LeftControl/LeftControl.styles.js.map +1 -1
  461. package/dist/esm/components/Controls/RightControl/RightControl.js.map +1 -1
  462. package/dist/esm/components/Controls/RightControl/RightControl.styles.js.map +1 -1
  463. package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
  464. package/dist/esm/components/DatePicker/DatePicker.styles.js +3 -15
  465. package/dist/esm/components/DatePicker/DatePicker.styles.js.map +1 -1
  466. package/dist/esm/components/DatePicker/useVisibleDate.js.map +1 -1
  467. package/dist/esm/components/DatePicker/utils.js.map +1 -1
  468. package/dist/esm/components/Dialog/Actions/Actions.js.map +1 -1
  469. package/dist/esm/components/Dialog/Actions/Actions.styles.js.map +1 -1
  470. package/dist/esm/components/Dialog/Content/Content.js.map +1 -1
  471. package/dist/esm/components/Dialog/Content/Content.styles.js.map +1 -1
  472. package/dist/esm/components/Dialog/Dialog.js.map +1 -1
  473. package/dist/esm/components/Dialog/Dialog.styles.js.map +1 -1
  474. package/dist/esm/components/Dialog/Title/Title.js.map +1 -1
  475. package/dist/esm/components/Dialog/Title/Title.styles.js.map +1 -1
  476. package/dist/esm/components/DotPagination/DotPagination.js.map +1 -1
  477. package/dist/esm/components/DotPagination/DotPagination.styles.js.map +1 -1
  478. package/dist/esm/components/DropDownMenu/DropDownMenu.js.map +1 -1
  479. package/dist/esm/components/DropDownMenu/DropDownMenu.styles.js +1 -4
  480. package/dist/esm/components/DropDownMenu/DropDownMenu.styles.js.map +1 -1
  481. package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
  482. package/dist/esm/components/Dropdown/Dropdown.styles.js +6 -16
  483. package/dist/esm/components/Dropdown/Dropdown.styles.js.map +1 -1
  484. package/dist/esm/components/Dropdown/List/List.js.map +1 -1
  485. package/dist/esm/components/Dropdown/List/List.styles.js +15 -9
  486. package/dist/esm/components/Dropdown/List/List.styles.js.map +1 -1
  487. package/dist/esm/components/EmptyState/EmptyState.js.map +1 -1
  488. package/dist/esm/components/EmptyState/EmptyState.styles.js.map +1 -1
  489. package/dist/esm/components/FileUploader/DropZone/DropZone.js.map +1 -1
  490. package/dist/esm/components/FileUploader/DropZone/DropZone.styles.js.map +1 -1
  491. package/dist/esm/components/FileUploader/File/File.js.map +1 -1
  492. package/dist/esm/components/FileUploader/File/File.styles.js.map +1 -1
  493. package/dist/esm/components/FileUploader/FileList/FileList.js.map +1 -1
  494. package/dist/esm/components/FileUploader/FileUploader.js.map +1 -1
  495. package/dist/esm/components/FileUploader/Preview/Preview.js.map +1 -1
  496. package/dist/esm/components/FileUploader/Preview/Preview.styles.js.map +1 -1
  497. package/dist/esm/components/FileUploader/Preview/previewClasses.js.map +1 -1
  498. package/dist/esm/components/FilterGroup/Counter/Counter.js.map +1 -1
  499. package/dist/esm/components/FilterGroup/Counter/Counter.styles.js +2 -4
  500. package/dist/esm/components/FilterGroup/Counter/Counter.styles.js.map +1 -1
  501. package/dist/esm/components/FilterGroup/FilterContent/FilterContent.js.map +1 -1
  502. package/dist/esm/components/FilterGroup/FilterContent/FilterContent.styles.js +2 -10
  503. package/dist/esm/components/FilterGroup/FilterContent/FilterContent.styles.js.map +1 -1
  504. package/dist/esm/components/FilterGroup/FilterGroup.js.map +1 -1
  505. package/dist/esm/components/FilterGroup/FilterGroupContext.js.map +1 -1
  506. package/dist/esm/components/FilterGroup/LeftPanel/LeftPanel.js.map +1 -1
  507. package/dist/esm/components/FilterGroup/LeftPanel/leftPanelClasses.js.map +1 -1
  508. package/dist/esm/components/FilterGroup/RightPanel/RightPanel.js.map +1 -1
  509. package/dist/esm/components/FilterGroup/RightPanel/rightPanelClasses.js.map +1 -1
  510. package/dist/esm/components/Focus/Focus.js +1 -1
  511. package/dist/esm/components/Focus/Focus.js.map +1 -1
  512. package/dist/esm/components/Focus/Focus.styles.js.map +1 -1
  513. package/dist/esm/components/Focus/utils.js.map +1 -1
  514. package/dist/esm/components/Footer/Footer.js.map +1 -1
  515. package/dist/esm/components/Footer/Footer.styles.js.map +1 -1
  516. package/dist/esm/components/Forms/Adornment/Adornment.js.map +1 -1
  517. package/dist/esm/components/Forms/Adornment/Adornment.styles.js.map +1 -1
  518. package/dist/esm/components/Forms/CharCounter/CharCounter.js.map +1 -1
  519. package/dist/esm/components/Forms/CharCounter/CharCounter.styles.js.map +1 -1
  520. package/dist/esm/components/Forms/FormElement/FormElement.js.map +1 -1
  521. package/dist/esm/components/Forms/FormElement/validationStates.js.map +1 -1
  522. package/dist/esm/components/Forms/InfoMessage/InfoMessage.js.map +1 -1
  523. package/dist/esm/components/Forms/InfoMessage/InfoMessage.styles.js +2 -1
  524. package/dist/esm/components/Forms/InfoMessage/InfoMessage.styles.js.map +1 -1
  525. package/dist/esm/components/Forms/Label/Label.js.map +1 -1
  526. package/dist/esm/components/Forms/Label/Label.styles.js +2 -1
  527. package/dist/esm/components/Forms/Label/Label.styles.js.map +1 -1
  528. package/dist/esm/components/Forms/Suggestions/Suggestions.js.map +1 -1
  529. package/dist/esm/components/Forms/Suggestions/Suggestions.styles.js.map +1 -1
  530. package/dist/esm/components/Forms/WarningText/WarningText.js.map +1 -1
  531. package/dist/esm/components/Forms/WarningText/WarningText.styles.js.map +1 -1
  532. package/dist/esm/components/GlobalActions/GlobalActions.js.map +1 -1
  533. package/dist/esm/components/GlobalActions/GlobalActions.styles.js.map +1 -1
  534. package/dist/esm/components/Grid/Grid.js.map +1 -1
  535. package/dist/esm/components/Header/Actions/Actions.js.map +1 -1
  536. package/dist/esm/components/Header/Brand/Brand.js.map +1 -1
  537. package/dist/esm/components/Header/Brand/Brand.styles.js.map +1 -1
  538. package/dist/esm/components/Header/Header.js.map +1 -1
  539. package/dist/esm/components/Header/Header.styles.js.map +1 -1
  540. package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
  541. package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.styles.js.map +1 -1
  542. package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js +4 -2
  543. package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
  544. package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.styles.js +33 -13
  545. package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.styles.js.map +1 -1
  546. package/dist/esm/components/Header/Navigation/Navigation.js.map +1 -1
  547. package/dist/esm/components/Header/Navigation/Navigation.styles.js.map +1 -1
  548. package/dist/esm/components/Header/Navigation/utils/FocusContext.js.map +1 -1
  549. package/dist/esm/components/Header/Navigation/utils/SelectionContext.js +1 -1
  550. package/dist/esm/components/Header/Navigation/utils/SelectionContext.js.map +1 -1
  551. package/dist/esm/components/InlineEditor/InlineEditor.js +1 -1
  552. package/dist/esm/components/InlineEditor/InlineEditor.js.map +1 -1
  553. package/dist/esm/components/Input/Input.js.map +1 -1
  554. package/dist/esm/components/Kpi/Kpi.js.map +1 -1
  555. package/dist/esm/components/Kpi/Kpi.styles.js.map +1 -1
  556. package/dist/esm/components/Link/Link.js.map +1 -1
  557. package/dist/esm/components/List/List.js.map +1 -1
  558. package/dist/esm/components/List/List.styles.js.map +1 -1
  559. package/dist/esm/components/List/useSelectableList.js.map +1 -1
  560. package/dist/esm/components/ListContainer/ListContainer.js.map +1 -1
  561. package/dist/esm/components/ListContainer/ListItem/ListItem.js.map +1 -1
  562. package/dist/esm/components/ListContainer/ListItem/ListItem.styles.js.map +1 -1
  563. package/dist/esm/components/Loading/Loading.js.map +1 -1
  564. package/dist/esm/components/Loading/Loading.styles.js.map +1 -1
  565. package/dist/esm/components/Login/Login.js.map +1 -1
  566. package/dist/esm/components/Login/Login.styles.js.map +1 -1
  567. package/dist/esm/components/MultiButton/MultiButton.js.map +1 -1
  568. package/dist/esm/components/MultiButton/MultiButton.styles.js.map +1 -1
  569. package/dist/esm/components/OverflowTooltip/OverflowTooltip.js.map +1 -1
  570. package/dist/esm/components/OverflowTooltip/OverflowTooltip.styles.js.map +1 -1
  571. package/dist/esm/components/Pagination/ButtonIconTooltip.js.map +1 -1
  572. package/dist/esm/components/Pagination/Pagination.js +0 -1
  573. package/dist/esm/components/Pagination/Pagination.js.map +1 -1
  574. package/dist/esm/components/Pagination/Pagination.styles.js.map +1 -1
  575. package/dist/esm/components/Pagination/Select.js +24 -28
  576. package/dist/esm/components/Pagination/Select.js.map +1 -1
  577. package/dist/esm/components/Pagination/Select.styles.js +17 -26
  578. package/dist/esm/components/Pagination/Select.styles.js.map +1 -1
  579. package/dist/esm/components/Pagination/utils.js.map +1 -1
  580. package/dist/esm/components/Panel/Panel.js.map +1 -1
  581. package/dist/esm/components/ProgressBar/ProgressBar.js.map +1 -1
  582. package/dist/esm/components/ProgressBar/ProgressBar.styles.js.map +1 -1
  583. package/dist/esm/components/QueryBuilder/ConfirmationDialog/ConfirmationDialog.js.map +1 -1
  584. package/dist/esm/components/QueryBuilder/QueryBuilder.js.map +1 -1
  585. package/dist/esm/components/QueryBuilder/Rule/Attribute/Attribute.js.map +1 -1
  586. package/dist/esm/components/QueryBuilder/Rule/Operator/Operator.js.map +1 -1
  587. package/dist/esm/components/QueryBuilder/Rule/Rule.js.map +1 -1
  588. package/dist/esm/components/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js.map +1 -1
  589. package/dist/esm/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map +1 -1
  590. package/dist/esm/components/QueryBuilder/Rule/Value/TextValue/TextValue.js.map +1 -1
  591. package/dist/esm/components/QueryBuilder/Rule/Value/Value.js.map +1 -1
  592. package/dist/esm/components/QueryBuilder/RuleGroup/RuleGroup.js.map +1 -1
  593. package/dist/esm/components/QueryBuilder/utils/index.js.map +1 -1
  594. package/dist/esm/components/QueryBuilder/utils/reducer.js.map +1 -1
  595. package/dist/esm/components/Radio/Radio.js.map +1 -1
  596. package/dist/esm/components/Radio/Radio.styles.js.map +1 -1
  597. package/dist/esm/components/RadioGroup/RadioGroup.js.map +1 -1
  598. package/dist/esm/components/RadioGroup/RadioGroup.styles.js.map +1 -1
  599. package/dist/esm/components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js.map +1 -1
  600. package/dist/esm/components/ScrollTo/Horizontal/HorizontalScrollListItem/horizontalScrollListItemClasses.js.map +1 -1
  601. package/dist/esm/components/ScrollTo/Horizontal/ScrollToHorizontal.js.map +1 -1
  602. package/dist/esm/components/ScrollTo/Vertical/ScrollToVertical.js.map +1 -1
  603. package/dist/esm/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map +1 -1
  604. package/dist/esm/components/ScrollTo/Vertical/VerticalScrollListItem/verticalScrollListItemClasses.js.map +1 -1
  605. package/dist/esm/components/ScrollTo/useScrollTo.js.map +1 -1
  606. package/dist/esm/components/ScrollTo/withTooltip.js +1 -1
  607. package/dist/esm/components/ScrollTo/withTooltip.js.map +1 -1
  608. package/dist/esm/components/SelectionList/SelectionList.js.map +1 -1
  609. package/dist/esm/components/SelectionList/SelectionList.styles.js.map +1 -1
  610. package/dist/esm/components/SimpleGrid/SimpleGrid.js.map +1 -1
  611. package/dist/esm/components/SimpleGrid/SimpleGrid.styles.js.map +1 -1
  612. package/dist/esm/components/Slider/Slider.js.map +1 -1
  613. package/dist/esm/components/Slider/Slider.styles.js.map +1 -1
  614. package/dist/esm/components/Slider/SliderInput/SliderInput.js.map +1 -1
  615. package/dist/esm/components/Slider/SliderInput/SliderInput.styles.js.map +1 -1
  616. package/dist/esm/components/Slider/utils.js.map +1 -1
  617. package/dist/esm/components/Snackbar/Snackbar.js.map +1 -1
  618. package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js.map +1 -1
  619. package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.js.map +1 -1
  620. package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.js.map +1 -1
  621. package/dist/esm/components/Stack/Stack.js.map +1 -1
  622. package/dist/esm/components/Stack/Stack.styles.js.map +1 -1
  623. package/dist/esm/components/Switch/Switch.js.map +1 -1
  624. package/dist/esm/components/Switch/Switch.styles.js.map +1 -1
  625. package/dist/esm/components/Tab/Tab.js.map +1 -1
  626. package/dist/esm/components/Table/Table.js.map +1 -1
  627. package/dist/esm/components/Table/TableBody/TableBody.js +1 -2
  628. package/dist/esm/components/Table/TableBody/TableBody.js.map +1 -1
  629. package/dist/esm/components/Table/TableCell/TableCell.js.map +1 -1
  630. package/dist/esm/components/Table/TableContainer/TableContainer.js.map +1 -1
  631. package/dist/esm/components/Table/TableHead/TableHead.js.map +1 -1
  632. package/dist/esm/components/Table/TableHeader/TableHeader.js.map +1 -1
  633. package/dist/esm/components/Table/TableHeader/TableHeader.styles.js.map +1 -1
  634. package/dist/esm/components/Table/TableHeader/utils.js.map +1 -1
  635. package/dist/esm/components/Table/TableRow/TableRow.js.map +1 -1
  636. package/dist/esm/components/Table/TableRow/TableRow.styles.js.map +1 -1
  637. package/dist/esm/components/Table/hooks/useBulkActions.js.map +1 -1
  638. package/dist/esm/components/Table/hooks/useHeaderGroups.js.map +1 -1
  639. package/dist/esm/components/Table/hooks/usePagination.js.map +1 -1
  640. package/dist/esm/components/Table/hooks/useResizeColumns.js.map +1 -1
  641. package/dist/esm/components/Table/hooks/useRowExpand.js.map +1 -1
  642. package/dist/esm/components/Table/hooks/useRowSelection.js.map +1 -1
  643. package/dist/esm/components/Table/hooks/useSortBy.js.map +1 -1
  644. package/dist/esm/components/Table/hooks/useSticky.js.map +1 -1
  645. package/dist/esm/components/Table/hooks/useTable.js.map +1 -1
  646. package/dist/esm/components/Table/hooks/useTableStyles.js.map +1 -1
  647. package/dist/esm/components/Table/renderers/DateColumnCell/DateColumnCell.js +2 -2
  648. package/dist/esm/components/Table/renderers/DateColumnCell/DateColumnCell.js.map +1 -1
  649. package/dist/esm/components/Table/renderers/DropdownColumnCell/DropdownColumnCell.js +3 -3
  650. package/dist/esm/components/Table/renderers/DropdownColumnCell/DropdownColumnCell.js.map +1 -1
  651. package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js +2 -2
  652. package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js.map +1 -1
  653. package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.js.map +1 -1
  654. package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js +2 -2
  655. package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map +1 -1
  656. package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.js.map +1 -1
  657. package/dist/esm/components/Table/renderers/renderers.js +8 -8
  658. package/dist/esm/components/Table/renderers/renderers.js.map +1 -1
  659. package/dist/esm/components/Tabs/Tabs.js.map +1 -1
  660. package/dist/esm/components/Tag/Tag.js.map +1 -1
  661. package/dist/esm/components/Tag/Tag.styles.js.map +1 -1
  662. package/dist/esm/components/TagsInput/TagsInput.js.map +1 -1
  663. package/dist/esm/components/TagsInput/TagsInput.styles.js.map +1 -1
  664. package/dist/esm/components/TextArea/TextArea.js.map +1 -1
  665. package/dist/esm/components/TextArea/TextArea.styles.js.map +1 -1
  666. package/dist/esm/components/TimeAgo/TimeAgo.js +3 -5
  667. package/dist/esm/components/TimeAgo/TimeAgo.js.map +1 -1
  668. package/dist/esm/components/TimeAgo/formatUtils.js.map +1 -1
  669. package/dist/esm/components/ToggleButton/ToggleButton.js.map +1 -1
  670. package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
  671. package/dist/esm/components/Typography/Typography.js.map +1 -1
  672. package/dist/esm/components/Typography/utils.js.map +1 -1
  673. package/dist/esm/components/VerticalNavigation/Actions/Action.js.map +1 -1
  674. package/dist/esm/components/VerticalNavigation/Actions/Action.styles.js.map +1 -1
  675. package/dist/esm/components/VerticalNavigation/Actions/Actions.js.map +1 -1
  676. package/dist/esm/components/VerticalNavigation/Header/Header.js.map +1 -1
  677. package/dist/esm/components/VerticalNavigation/Header/Header.styles.js.map +1 -1
  678. package/dist/esm/components/VerticalNavigation/Header/headerClasses.js.map +1 -1
  679. package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js.map +1 -1
  680. package/dist/esm/components/VerticalNavigation/Navigation/navigationClasses.js.map +1 -1
  681. package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.js.map +1 -1
  682. package/dist/esm/components/VerticalNavigation/NavigationSlider/NavigationSlider.js.map +1 -1
  683. package/dist/esm/components/VerticalNavigation/NavigationSlider/navigationSliderClasses.js.map +1 -1
  684. package/dist/esm/components/VerticalNavigation/NavigationSlider/utils/NavigationSlider.utils.js.map +1 -1
  685. package/dist/esm/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.js.map +1 -1
  686. package/dist/esm/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.styles.js.map +1 -1
  687. package/dist/esm/components/VerticalNavigation/TreeView/TooltipWrapper/TooltipWrapper.js.map +1 -1
  688. package/dist/esm/components/VerticalNavigation/TreeView/TreeView.js.map +1 -1
  689. package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
  690. package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.styles.js.map +1 -1
  691. package/dist/esm/components/VerticalNavigation/TreeView/descendants.js +2 -2
  692. package/dist/esm/components/VerticalNavigation/TreeView/descendants.js.map +1 -1
  693. package/dist/esm/components/VerticalNavigation/TreeView/treeViewItemClasses.js.map +1 -1
  694. package/dist/esm/components/VerticalNavigation/VerticalNavigation.js +0 -3
  695. package/dist/esm/components/VerticalNavigation/VerticalNavigation.js.map +1 -1
  696. package/dist/esm/components/VerticalNavigation/VerticalNavigation.styles.js.map +1 -1
  697. package/dist/esm/components/VerticalNavigation/VerticalNavigationContext.js.map +1 -1
  698. package/dist/esm/hocs/withTooltip.js.map +1 -1
  699. package/dist/esm/hooks/useClickOutside.js +1 -1
  700. package/dist/esm/hooks/useClickOutside.js.map +1 -1
  701. package/dist/esm/hooks/useControlled.js.map +1 -1
  702. package/dist/esm/hooks/useCss.js +78 -0
  703. package/dist/esm/hooks/useCss.js.map +1 -0
  704. package/dist/esm/hooks/useEmotionCache.js +12 -0
  705. package/dist/esm/hooks/useEmotionCache.js.map +1 -0
  706. package/dist/esm/hooks/useForkRef.js.map +1 -1
  707. package/dist/esm/hooks/useTheme.js +1 -3
  708. package/dist/esm/hooks/useTheme.js.map +1 -1
  709. package/dist/esm/index.js +131 -126
  710. package/dist/esm/providers/Provider.js +5 -4
  711. package/dist/esm/providers/Provider.js.map +1 -1
  712. package/dist/esm/providers/ThemeProvider.js +22 -3
  713. package/dist/esm/providers/ThemeProvider.js.map +1 -1
  714. package/dist/esm/utils/browser.js +2 -1
  715. package/dist/esm/utils/browser.js.map +1 -1
  716. package/dist/esm/utils/classes.js +44 -1
  717. package/dist/esm/utils/classes.js.map +1 -1
  718. package/dist/esm/utils/focusableElementFinder.js +1 -1
  719. package/dist/esm/utils/focusableElementFinder.js.map +1 -1
  720. package/dist/esm/utils/iconVariant.js.map +1 -1
  721. package/dist/esm/utils/multiSelectionEventHandler.js.map +1 -1
  722. package/dist/esm/utils/sizes.js.map +1 -1
  723. package/dist/esm/utils/theme.js +4 -3
  724. package/dist/esm/utils/theme.js.map +1 -1
  725. package/dist/esm/utils/useSavedState.js.map +1 -1
  726. package/dist/esm/utils/wrapperTooltip.js.map +1 -1
  727. package/dist/types/index.d.ts +87 -49
  728. package/package.json +19 -13
  729. package/dist/cjs/components/Banner/BannerContent/bannerContentClasses.cjs +0 -8
  730. package/dist/cjs/components/Banner/BannerContent/bannerContentClasses.cjs.map +0 -1
  731. package/dist/cjs/components/Banner/bannerClasses.cjs +0 -8
  732. package/dist/cjs/components/Banner/bannerClasses.cjs.map +0 -1
  733. package/dist/esm/components/Banner/BannerContent/bannerContentClasses.js +0 -8
  734. package/dist/esm/components/Banner/BannerContent/bannerContentClasses.js.map +0 -1
  735. package/dist/esm/components/Banner/bannerClasses.js +0 -8
  736. package/dist/esm/components/Banner/bannerClasses.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"SnackbarContentWrapper.styles.cjs","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport SnackbarContent, {\n snackbarContentClasses,\n} from \"@mui/material/SnackbarContent\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledSnackbarContent = styled(\n SnackbarContent,\n transientOptions\n)(({ $variant }: { $variant: string }) => ({\n ...($variant === \"success\" && {\n backgroundColor: theme.colors.positive_20,\n }),\n ...($variant === \"error\" && {\n backgroundColor: theme.colors.negative_20,\n }),\n ...($variant === \"default\" && {\n backgroundColor: theme.colors.neutral_20,\n }),\n ...($variant === \"warning\" && {\n backgroundColor: theme.colors.warning_20,\n }),\n [`&.${snackbarContentClasses.root}`]: {\n width: \"310px\",\n minHeight: \"52px\",\n maxHeight: \"92px\",\n padding: theme.space.xs,\n boxShadow: \"none\",\n },\n [`& .${snackbarContentClasses.message}`]: {\n padding: 0,\n width: \"100%\",\n },\n}));\n\nexport const StyledMessageSpan = styled(\"div\")({\n display: \"flex\",\n alignItems: \"center\",\n minHeight: \"32px\",\n});\n\nexport const StyledMessageText = styled(\"div\")({\n ...(theme.typography.body as CSSProperties),\n padding: `0 ${theme.space.xs}`,\n color: theme.colors.base_dark,\n fontFamily: theme.fontFamily.body,\n maxHeight: \"72px\",\n wordBreak: \"break-word\",\n});\n\nexport const StyledAction = styled(\"div\")({\n textAlign: \"right\",\n});\n"],"names":["StyledSnackbarContent","SnackbarContent","process","env","NODE_ENV","_extends","target","transientOptions","label","$variant","backgroundColor","theme","colors","positive_20","negative_20","neutral_20","warning_20","snackbarContentClasses","root","width","minHeight","maxHeight","padding","space","xs","boxShadow","message","StyledMessageSpan","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledMessageText","typography","body","color","base_dark","fontFamily","wordBreak","StyledAction"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,iEACXC,yBAAAA,SAAeC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACfC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA+B,OAAO;AAAA,EACzC,GAAIA,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIJ,aAAa,WAAW;AAAA,IAC1BC,iBAAiBC,YAAAA,MAAMC,OAAOE;AAAAA,EAChC;AAAA,EACA,GAAIL,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,YAAAA,MAAMC,OAAOG;AAAAA,EAChC;AAAA,EACA,GAAIN,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,YAAAA,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EACA,CAAE,KAAIC,uCAAuBC,MAAM,GAAG;AAAA,IACpCC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,SAASX,YAAAA,MAAMY,MAAMC;AAAAA,IACrBC,WAAW;AAAA,EACb;AAAA,EACA,CAAE,MAAKR,uCAAuBS,SAAS,GAAG;AAAA,IACxCJ,SAAS;AAAA,IACTH,OAAO;AAAA,EACT;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ylFAAA;AAEI,MAAMuB,oBAA2BC,iCAAA,QAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAI5C;AAEK,MAAMC,oBAA2BN,iCAAA,QAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7C,GAAIG,YAAAA,MAAMwB,WAAWC;AAAAA,EACrBd,SAAU,KAAIX,YAAAA,MAAMY,MAAMC;AAAAA,EAC1Ba,OAAO1B,YAAAA,MAAMC,OAAO0B;AAAAA,EACpBC,YAAY5B,YAAAA,MAAM4B,WAAWH;AAAAA,EAC7Bf,WAAW;AAAA,EACXmB,WAAW;AACb,GAACtC,QAAAC,IAAAC,aAAC,eAAA,KAAA,ylFAAA;AAEK,MAAMqC,eAAsBb,iCAAA,QAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEvC;;;;;"}
1
+ {"version":3,"file":"SnackbarContentWrapper.styles.cjs","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport SnackbarContent, {\n snackbarContentClasses,\n} from \"@mui/material/SnackbarContent\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledSnackbarContent = styled(\n SnackbarContent,\n transientOptions\n)(({ $variant }: { $variant: string }) => ({\n ...($variant === \"success\" && {\n backgroundColor: theme.colors.positive_20,\n }),\n ...($variant === \"error\" && {\n backgroundColor: theme.colors.negative_20,\n }),\n ...($variant === \"default\" && {\n backgroundColor: theme.colors.neutral_20,\n }),\n ...($variant === \"warning\" && {\n backgroundColor: theme.colors.warning_20,\n }),\n [`&.${snackbarContentClasses.root}`]: {\n width: \"310px\",\n minHeight: \"52px\",\n maxHeight: \"92px\",\n padding: theme.space.xs,\n boxShadow: \"none\",\n },\n [`& .${snackbarContentClasses.message}`]: {\n padding: 0,\n width: \"100%\",\n },\n}));\n\nexport const StyledMessageSpan = styled(\"div\")({\n display: \"flex\",\n alignItems: \"center\",\n minHeight: \"32px\",\n});\n\nexport const StyledMessageText = styled(\"div\")({\n ...(theme.typography.body as CSSProperties),\n padding: `0 ${theme.space.xs}`,\n color: theme.colors.base_dark,\n fontFamily: theme.fontFamily.body,\n maxHeight: \"72px\",\n wordBreak: \"break-word\",\n});\n\nexport const StyledAction = styled(\"div\")({\n textAlign: \"right\",\n});\n"],"names":["StyledSnackbarContent","SnackbarContent","process","env","NODE_ENV","_extends","target","transientOptions","label","$variant","backgroundColor","theme","colors","positive_20","negative_20","neutral_20","warning_20","snackbarContentClasses","root","width","minHeight","maxHeight","padding","space","xs","boxShadow","message","StyledMessageSpan","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledMessageText","typography","body","color","base_dark","fontFamily","wordBreak","StyledAction"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,iEACXC,yBAAAA,SAAeC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACfC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA+B,OAAO;AAAA,EACzC,GAAIA,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EACA,GAAIJ,aAAa,WAAW;AAAA,IAC1BC,iBAAiBC,YAAAA,MAAMC,OAAOE;AAAAA,EAChC;AAAA,EACA,GAAIL,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,YAAAA,MAAMC,OAAOG;AAAAA,EAChC;AAAA,EACA,GAAIN,aAAa,aAAa;AAAA,IAC5BC,iBAAiBC,YAAAA,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EACA,CAAE,KAAIC,uCAAuBC,MAAM,GAAG;AAAA,IACpCC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,SAASX,YAAAA,MAAMY,MAAMC;AAAAA,IACrBC,WAAW;AAAA,EACb;AAAA,EACA,CAAE,MAAKR,uCAAuBS,SAAS,GAAG;AAAA,IACxCJ,SAAS;AAAA,IACTH,OAAO;AAAA,EACT;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ylFAAA;AAEI,MAAMuB,oBAA2BC,iCAAA,QAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAI7C;AAEM,MAAMC,oBAA2BN,iCAAA,QAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7C,GAAIG,YAAAA,MAAMwB,WAAWC;AAAAA,EACrBd,SAAU,KAAIX,YAAAA,MAAMY,MAAMC;AAAAA,EAC1Ba,OAAO1B,YAAAA,MAAMC,OAAO0B;AAAAA,EACpBC,YAAY5B,YAAAA,MAAM4B,WAAWH;AAAAA,EAC7Bf,WAAW;AAAA,EACXmB,WAAW;AACb,GAACtC,QAAAC,IAAAC,aAAC,eAAA,KAAA,ylFAAA;AAEK,MAAMqC,eAAsBb,iCAAA,QAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAExC;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"SnackbarProvider.cjs","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, useCallback, useMemo } from \"react\";\nimport { SnackbarContent, SnackbarProvider, useSnackbar } from \"notistack\";\nimport { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvSnackbarContent } from \"../SnackbarContentWrapper\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { HvSnackbarContentProps } from \"../SnackbarContentWrapper/SnackbarContentWrapper\";\n\nexport interface HvSnackbarProviderProps {\n /** Your component tree. */\n children: React.ReactNode;\n /** Max visible snackbars. */\n maxSnack?: number;\n /** How much time the snackbar remains visible in milliseconds. */\n autoHideDuration?: number;\n /** Where is the snackbar placed. */\n anchorOrigin?: SnackbarOrigin;\n /** Class object used to override notistack classes. */\n notistackClassesOverride?: object;\n}\n\nexport interface HvNotistackSnackMessageProps {\n /** Id to be applied to the root node. */\n id?: string;\n /** Classname to apply on the root node */\n className?: string;\n /** Your component tree. */\n message?: string;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Extra values to pass to the snackbar. */\n snackbarContentProps?: HvSnackbarContentProps;\n}\n\nconst HvNotistackSnackMessage = forwardRef<\n HTMLDivElement,\n HvNotistackSnackMessageProps\n>(({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n return (\n <SnackbarContent ref={ref}>\n <HvSnackbarContent\n id={id}\n variant={variant}\n showIcon\n label={message}\n {...snackbarContentProps}\n />\n </SnackbarContent>\n );\n});\n\nconst StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $notistackClassesOverride }: { $notistackClassesOverride: object }) => ({\n \"& .SnackbarContainer-root\": {\n pointerEvents: \"all\",\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n },\n },\n ...$notistackClassesOverride,\n}));\n\nconst StyledSnackbarProvider = styled(SnackbarProvider)({\n backgroundColor: \"transparent !important\",\n boxShadow: \"none !important\",\n \"&&\": {\n color: \"inherit\",\n padding: \"0\",\n fontSize: \"inherit\",\n boxShadow: \"none\",\n alignItems: \"center\",\n fontFamily: \"inherit\",\n fontWeight: \"inherit\",\n lineHeight: \"inherit\",\n borderRadius: \"0\",\n letterSpacing: \"inherit\",\n backgroundColor: \"inherit\",\n },\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nconst useHvSnackbar = () => {\n const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n useSnackbar();\n const enqueueSnackbar = useCallback(\n (message, options = {}) => {\n const {\n id,\n variant = \"success\",\n snackbarContentProps,\n className,\n ...otherOptions\n }: HvNotistackSnackMessageProps = options;\n\n return enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n { ...otherOptions, className: clsx(className) }\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nconst HvSnackbarProvider = ({\n children,\n notistackClassesOverride = {},\n maxSnack = 5,\n autoHideDuration = 5000,\n anchorOrigin = {\n vertical: \"top\",\n horizontal: \"right\",\n },\n ...others\n}) => {\n return (\n <StyledRoot $notistackClassesOverride={notistackClassesOverride}>\n <StyledSnackbarProvider\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin as SnackbarOrigin}\n {...others}\n >\n {children}\n </StyledSnackbarProvider>\n </StyledRoot>\n );\n};\n\nexport default HvSnackbarProvider;\nexport { useHvSnackbar };\n"],"names":["HvNotistackSnackMessage","forwardRef","id","message","variant","snackbarContentProps","ref","SnackbarContent","children","HvSnackbarContent","showIcon","label","StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","$notistackClassesOverride","pointerEvents","padding","transition","StyledSnackbarProvider","SnackbarProvider","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","useHvSnackbar","enqueueSnackbar","enqueueNotistackSnackbar","closeSnackbar","useSnackbar","useCallback","options","className","otherOptions","clsx","useMemo","HvSnackbarProvider","notistackClassesOverride","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","others"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAMA,0BAA0BC,iBAG9B,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAASC,UAAU;AAAA,EAAWC;AAAqB,GAAGC,QAAQ;AACrE,wCACGC,UAAAA,iBAAe;AAAA,IAACD;AAAAA,IAASE,yCACvBC,gCAAiB;AAAA,MAChBP;AAAAA,MACAE;AAAAA,MACAM,UAAQ;AAAA,MACRC,OAAOR;AAAAA,MAAQ,GACXE;AAAAA,IAAAA,CAAoB;AAAA,EAAA,CAEV;AAEtB,CAAC;AAED,MAAMO,sDACJ,OAAKC,QAAAC,IAAAC,aAAA,eAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAN,OAAA;AAAA,GAAhBO,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAiE,OAAO;AAAA,EAC3E,6BAA6B;AAAA,IAC3BC,eAAe;AAAA,IACf,iBAAiB;AAAA;AAAA,MAEfC,SAAS;AAAA,MACTC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,GAAGH;AACL,IAAEN,QAAAC,IAAAC,aAAC,eAAA,KAAA,6lMAAA;AAEH,MAAMQ,yBAAgCC,iCAAAA,QAAAA,UAAAA,kBAAgBX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAN,OAAA;AAAA,CAAA,EAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAU,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAgBrD;AAGF,MAAMC,gBAAgBA,MAAM;AACpB,QAAA;AAAA,IAAEC,iBAAiBC;AAAAA,IAA0BC;AAAAA,MACjDC,UAAa,YAAA;AACf,QAAMH,kBAAkBI,MACtB,YAAA,CAAChC,SAASiC,UAAU,CAAA,MAAO;AACnB,UAAA;AAAA,MACJlC;AAAAA,MACAE,UAAU;AAAA,MACVC;AAAAA,MACAgC;AAAAA,MACA,GAAGC;AAAAA,IAC6BF,IAAAA;AAE3BJ,WAAAA,wDACJhC,yBAAuB;AAAA,MACtBE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IAAAA,CAA2C,GAE7C;AAAA,MAAE,GAAGiC;AAAAA,MAAcD,WAAWE,UAAKF,SAAS;AAAA,IAAA,CAAG;AAAA,EAAA,GAGnD,CAACL,wBAAwB,CAAC;AAE5B,SAAOQ,cACL,OAAO;AAAA,IACLT;AAAAA,IACAE;AAAAA,EAEF,IAAA,CAACF,iBAAiBE,aAAa,CAAC;AAEpC;AAEA,MAAMQ,qBAAqBA,CAAC;AAAA,EAC1BjC;AAAAA,EACAkC,2BAA2B,CAAC;AAAA,EAC5BC,WAAW;AAAA,EACXC,mBAAmB;AAAA,EACnBC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,wCACGpC,YAAU;AAAA,IAACO,2BAA2BuB;AAAAA,IAAyBlC,yCAC7De,wBAAsB;AAAA,MACrBoB;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MAA6C,GACzCG;AAAAA,MAAMxC;AAAAA,IAAAA,CAED;AAAA,EAAA,CAEA;AAEjB;AAEA,MAAA,uBAAeiC;;;"}
1
+ {"version":3,"file":"SnackbarProvider.cjs","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, useCallback, useMemo } from \"react\";\nimport { SnackbarContent, SnackbarProvider, useSnackbar } from \"notistack\";\nimport { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvSnackbarContent } from \"../SnackbarContentWrapper\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { HvSnackbarContentProps } from \"../SnackbarContentWrapper/SnackbarContentWrapper\";\n\nexport interface HvSnackbarProviderProps {\n /** Your component tree. */\n children: React.ReactNode;\n /** Max visible snackbars. */\n maxSnack?: number;\n /** How much time the snackbar remains visible in milliseconds. */\n autoHideDuration?: number;\n /** Where is the snackbar placed. */\n anchorOrigin?: SnackbarOrigin;\n /** Class object used to override notistack classes. */\n notistackClassesOverride?: object;\n}\n\nexport interface HvNotistackSnackMessageProps {\n /** Id to be applied to the root node. */\n id?: string;\n /** Classname to apply on the root node */\n className?: string;\n /** Your component tree. */\n message?: string;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Extra values to pass to the snackbar. */\n snackbarContentProps?: HvSnackbarContentProps;\n}\n\nconst HvNotistackSnackMessage = forwardRef<\n HTMLDivElement,\n HvNotistackSnackMessageProps\n>(({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n return (\n <SnackbarContent ref={ref}>\n <HvSnackbarContent\n id={id}\n variant={variant}\n showIcon\n label={message}\n {...snackbarContentProps}\n />\n </SnackbarContent>\n );\n});\n\nconst StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $notistackClassesOverride }: { $notistackClassesOverride: object }) => ({\n \"& .SnackbarContainer-root\": {\n pointerEvents: \"all\",\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n },\n },\n ...$notistackClassesOverride,\n}));\n\nconst StyledSnackbarProvider = styled(SnackbarProvider)({\n backgroundColor: \"transparent !important\",\n boxShadow: \"none !important\",\n \"&&\": {\n color: \"inherit\",\n padding: \"0\",\n fontSize: \"inherit\",\n boxShadow: \"none\",\n alignItems: \"center\",\n fontFamily: \"inherit\",\n fontWeight: \"inherit\",\n lineHeight: \"inherit\",\n borderRadius: \"0\",\n letterSpacing: \"inherit\",\n backgroundColor: \"inherit\",\n },\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nconst useHvSnackbar = () => {\n const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n useSnackbar();\n const enqueueSnackbar = useCallback(\n (message, options = {}) => {\n const {\n id,\n variant = \"success\",\n snackbarContentProps,\n className,\n ...otherOptions\n }: HvNotistackSnackMessageProps = options;\n\n return enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n { ...otherOptions, className: clsx(className) }\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nconst HvSnackbarProvider = ({\n children,\n notistackClassesOverride = {},\n maxSnack = 5,\n autoHideDuration = 5000,\n anchorOrigin = {\n vertical: \"top\",\n horizontal: \"right\",\n },\n ...others\n}) => {\n return (\n <StyledRoot $notistackClassesOverride={notistackClassesOverride}>\n <StyledSnackbarProvider\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin as SnackbarOrigin}\n {...others}\n >\n {children}\n </StyledSnackbarProvider>\n </StyledRoot>\n );\n};\n\nexport default HvSnackbarProvider;\nexport { useHvSnackbar };\n"],"names":["HvNotistackSnackMessage","forwardRef","id","message","variant","snackbarContentProps","ref","SnackbarContent","children","HvSnackbarContent","showIcon","label","StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","$notistackClassesOverride","pointerEvents","padding","transition","StyledSnackbarProvider","SnackbarProvider","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","useHvSnackbar","enqueueSnackbar","enqueueNotistackSnackbar","closeSnackbar","useSnackbar","useCallback","options","className","otherOptions","clsx","useMemo","HvSnackbarProvider","notistackClassesOverride","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","others"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAMA,0BAA0BC,iBAG9B,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAASC,UAAU;AAAA,EAAWC;AAAqB,GAAGC,QAAQ;AACrE,wCACGC,UAAAA,iBAAe;AAAA,IAACD;AAAAA,IAASE,yCACvBC,gCAAiB;AAAA,MAChBP;AAAAA,MACAE;AAAAA,MACAM,UAAQ;AAAA,MACRC,OAAOR;AAAAA,MAAQ,GACXE;AAAAA,IAAAA,CACL;AAAA,EAAA,CACc;AAErB,CAAC;AAED,MAAMO,sDACJ,OAAKC,QAAAC,IAAAC,aAAA,eAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAN,OAAA;AAAA,GAAhBO,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEC;AAAiE,OAAO;AAAA,EAC3E,6BAA6B;AAAA,IAC3BC,eAAe;AAAA,IACf,iBAAiB;AAAA;AAAA,MAEfC,SAAS;AAAA,MACTC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,GAAGH;AACL,IAAEN,QAAAC,IAAAC,aAAC,eAAA,KAAA,6lMAAA;AAEH,MAAMQ,yBAAgCC,iCAAAA,QAAAA,UAAAA,kBAAgBX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAN,OAAA;AAAA,CAAA,EAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAU,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAgBtD;AAGD,MAAMC,gBAAgBA,MAAM;AACpB,QAAA;AAAA,IAAEC,iBAAiBC;AAAAA,IAA0BC;AAAAA,MACjDC,UAAY,YAAA;AACd,QAAMH,kBAAkBI,MACtB,YAAA,CAAChC,SAASiC,UAAU,CAAA,MAAO;AACnB,UAAA;AAAA,MACJlC;AAAAA,MACAE,UAAU;AAAA,MACVC;AAAAA,MACAgC;AAAAA,MACA,GAAGC;AAAAA,IAC6BF,IAAAA;AAE3BJ,WAAAA,wDACJhC,yBAAuB;AAAA,MACtBE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IAAAA,CACD,GACD;AAAA,MAAE,GAAGiC;AAAAA,MAAcD,WAAWE,UAAKF,SAAS;AAAA,IAAA,CAC9C;AAAA,EAAA,GAEF,CAACL,wBAAwB,CAC3B;AACA,SAAOQ,cACL,OAAO;AAAA,IACLT;AAAAA,IACAE;AAAAA,EAEF,IAAA,CAACF,iBAAiBE,aAAa,CACjC;AACF;AAEA,MAAMQ,qBAAqBA,CAAC;AAAA,EAC1BjC;AAAAA,EACAkC,2BAA2B,CAAC;AAAA,EAC5BC,WAAW;AAAA,EACXC,mBAAmB;AAAA,EACnBC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,wCACGpC,YAAU;AAAA,IAACO,2BAA2BuB;AAAAA,IAAyBlC,yCAC7De,wBAAsB;AAAA,MACrBoB;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MAA6C,GACzCG;AAAAA,MAAMxC;AAAAA,IAAAA,CAGY;AAAA,EAAA,CACd;AAEhB;AAEA,MAAA,uBAAeiC;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.cjs","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { useMemo, useRef, useCallback } from \"react\";\nimport { useTheme } from \"@mui/material/styles\";\nimport MuiDivider, {\n DividerProps as MuiDividerProps,\n} from \"@mui/material/Divider\";\nimport { clsx } from \"clsx\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport { useWidth } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvFocus } from \"@core/components\";\nimport { HvBreakpoints } from \"@core/types/tokens\";\nimport { StyledRoot } from \"./Stack.styles\";\nimport stackClasses, { HvStackClasses } from \"./stackClasses\";\n\nexport type HvStackDirection = \"column\" | \"row\" | Partial<HvStackBreakpoints>;\nexport interface HvStackBreakpoints extends Record<HvBreakpoints, string> {}\n\nexport interface HvStackProps extends HvBaseProps {\n /** The direction of the stack. Can be either a string or an object that states the direction for each breakpoint. */\n direction?: HvStackDirection;\n /** The spacing between elements of the stack. */\n spacing?: HvBreakpoints;\n /** The divider component to be used between the stack elements.\n * - If `true` the Material-UI Divider component will be used.\n * - If a React node is passed then the custom divider will be used.\n */\n divider?: boolean | React.ReactNode;\n /** The properties to pass on to the Material-UI component. */\n dividerProps?: MuiDividerProps;\n /** Sets whether or not there should be arrow navigation between the stack elements. */\n withNavigation?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvStackClasses;\n}\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n * `direction` property is a string and a valid direction then we\n * use it. If it's an object with multiple directions by breakpoint\n * we use the appropriate one or search for the nearest breakpoint\n * smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n if (isString(direction)) return direction;\n\n for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n if (direction[breakpoints[i]] !== undefined) {\n return direction[breakpoints[i]];\n }\n }\n return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.\n */\nexport const HvStack = ({\n classes,\n className,\n children,\n direction = \"column\",\n spacing = \"sm\",\n divider = false,\n withNavigation = false,\n dividerProps = {},\n ...others\n}: HvStackProps) => {\n const width = useWidth();\n const containerRef = useRef(null);\n const { breakpoints } = useTheme();\n\n const processedDirection = useMemo(\n () => getDirection(direction, width, breakpoints.keys),\n [direction, width, breakpoints]\n );\n\n /**\n * @returns {node} - The divider component to use. If the property `divider` is\n * set to `true` then the Material-UI divider is used, otherwise\n * we use the custom divider the user passed.\n */\n const getDividerComponent = useCallback(() => {\n if (isBoolean(divider) && divider) {\n return (\n <MuiDivider\n orientation={\n processedDirection === \"column\" ? \"horizontal\" : \"vertical\"\n }\n flexItem={processedDirection === \"row\"}\n role=\"separator\"\n {...dividerProps}\n />\n );\n }\n return divider;\n }, [divider, dividerProps, processedDirection]);\n\n return (\n <StyledRoot\n ref={containerRef}\n className={clsx(className, stackClasses.root, classes?.root)}\n $direction={processedDirection}\n $breakpoint={spacing}\n {...others}\n >\n {React.Children.map(children, (child, i) => {\n return (\n <>\n {divider && i !== 0 && getDividerComponent()}\n {withNavigation ? (\n <HvFocus\n rootRef={containerRef}\n focusDisabled={false}\n strategy=\"grid\"\n navigationJump={\n processedDirection === \"column\"\n ? 1\n : React.Children.count(children) || 0\n }\n filterClass=\"child\"\n >\n <div className=\"child\">{child}</div>\n </HvFocus>\n ) : (\n child\n )}\n </>\n );\n })}\n </StyledRoot>\n );\n};\n"],"names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","classes","className","children","spacing","divider","withNavigation","dividerProps","others","useWidth","containerRef","useRef","useTheme","processedDirection","useMemo","keys","getDividerComponent","useCallback","isBoolean","MuiDivider","orientation","flexItem","role","StyledRoot","ref","clsx","stackClasses","root","$direction","$breakpoint","React","Children","map","child","_Fragment","_jsx","HvFocus","rootRef","focusDisabled","strategy","navigationJump","count","filterClass"],"mappings":";;;;;;;;;;;;;;;;;;AA2CA,MAAMA,eAAeA,CAACC,WAAWC,OAAOC,gBAAgB;AACtD,MAAIC,kBAAAA,QAASH,SAAS;AAAUA,WAAAA;AAEvBI,WAAAA,IAAIF,YAAYG,QAAQJ,KAAK,GAAGG,KAAK,GAAGA,KAAK,GAAG;AACvD,QAAIJ,UAAUE,YAAYE,CAAC,CAAC,MAAME,QAAW;AACpCN,aAAAA,UAAUE,YAAYE,CAAC,CAAC;AAAA,IACjC;AAAA,EACF;AACO,SAAA;AACT;AAOO,MAAMG,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAV,YAAY;AAAA,EACZW,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,iBAAiB;AAAA,EACjBC,eAAe,CAAC;AAAA,EAChB,GAAGC;AACS,MAAM;AAClB,QAAMd,QAAQe,SAAAA;AACRC,QAAAA,eAAeC,aAAO,IAAI;AAC1B,QAAA;AAAA,IAAEhB;AAAAA,MAAgBiB,OAAU,SAAA;AAElC,QAAMC,qBAAqBC,MAAAA,QACzB,MAAMtB,aAAaC,WAAWC,OAAOC,YAAYoB,IAAI,GACrD,CAACtB,WAAWC,OAAOC,WAAW,CAAC;AAQ3BqB,QAAAA,sBAAsBC,MAAAA,YAAY,MAAM;AACxCC,QAAAA,mBAAAA,QAAUb,OAAO,KAAKA,SAAS;AACjC,4CACGc,oBAAAA,SAAU;AAAA,QACTC,aACEP,uBAAuB,WAAW,eAAe;AAAA,QAEnDQ,UAAUR,uBAAuB;AAAA,QACjCS,MAAK;AAAA,QAAW,GACZf;AAAAA,MAAAA,CACJ;AAAA,IAEN;AACOF,WAAAA;AAAAA,EACN,GAAA,CAACA,SAASE,cAAcM,kBAAkB,CAAC;AAE9C,wCACGU,aAAAA,YAAU;AAAA,IACTC,KAAKd;AAAAA,IACLR,WAAWuB,KAAKvB,KAAAA,WAAWwB,aAAaC,QAAAA,MAAM1B,mCAAS0B,IAAI;AAAA,IAC3DC,YAAYf;AAAAA,IACZgB,aAAazB;AAAAA,IAAQ,GACjBI;AAAAA,IAAML,UAET2B,eAAMC,QAAAA,SAASC,IAAI7B,UAAU,CAAC8B,OAAOpC,MAAM;AAC1C,6CACEqC,WAAAA,UAAA;AAAA,QAAA/B,UACGE,CAAAA,WAAWR,MAAM,KAAKmB,uBACtBV,iBACC6B,2BAAAA,IAACC,eAAO;AAAA,UACNC,SAAS3B;AAAAA,UACT4B,eAAe;AAAA,UACfC,UAAS;AAAA,UACTC,gBACE3B,uBAAuB,WACnB,IACAiB,uBAAMC,SAASU,MAAMtC,QAAQ,KAAK;AAAA,UAExCuC,aAAY;AAAA,UAAOvC,yCAEnB,OAAA;AAAA,YAAKD,WAAU;AAAA,YAAOC,UAAE8B;AAAAA,UAAAA,CAAK;AAAA,QAAO,CAAA,IAGtCA,KACD;AAAA,MAAA,CACA;AAAA,IAAA,CAEN;AAAA,EAAA,CACU;AAEjB;;"}
1
+ {"version":3,"file":"Stack.cjs","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { useMemo, useRef, useCallback } from \"react\";\nimport { useTheme } from \"@mui/material/styles\";\nimport MuiDivider, {\n DividerProps as MuiDividerProps,\n} from \"@mui/material/Divider\";\nimport { clsx } from \"clsx\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport { useWidth } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvFocus } from \"@core/components\";\nimport { HvBreakpoints } from \"@core/types/tokens\";\nimport { StyledRoot } from \"./Stack.styles\";\nimport stackClasses, { HvStackClasses } from \"./stackClasses\";\n\nexport type HvStackDirection = \"column\" | \"row\" | Partial<HvStackBreakpoints>;\nexport interface HvStackBreakpoints extends Record<HvBreakpoints, string> {}\n\nexport interface HvStackProps extends HvBaseProps {\n /** The direction of the stack. Can be either a string or an object that states the direction for each breakpoint. */\n direction?: HvStackDirection;\n /** The spacing between elements of the stack. */\n spacing?: HvBreakpoints;\n /** The divider component to be used between the stack elements.\n * - If `true` the Material-UI Divider component will be used.\n * - If a React node is passed then the custom divider will be used.\n */\n divider?: boolean | React.ReactNode;\n /** The properties to pass on to the Material-UI component. */\n dividerProps?: MuiDividerProps;\n /** Sets whether or not there should be arrow navigation between the stack elements. */\n withNavigation?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvStackClasses;\n}\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n * `direction` property is a string and a valid direction then we\n * use it. If it's an object with multiple directions by breakpoint\n * we use the appropriate one or search for the nearest breakpoint\n * smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n if (isString(direction)) return direction;\n\n for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n if (direction[breakpoints[i]] !== undefined) {\n return direction[breakpoints[i]];\n }\n }\n return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.\n */\nexport const HvStack = ({\n classes,\n className,\n children,\n direction = \"column\",\n spacing = \"sm\",\n divider = false,\n withNavigation = false,\n dividerProps = {},\n ...others\n}: HvStackProps) => {\n const width = useWidth();\n const containerRef = useRef(null);\n const { breakpoints } = useTheme();\n\n const processedDirection = useMemo(\n () => getDirection(direction, width, breakpoints.keys),\n [direction, width, breakpoints]\n );\n\n /**\n * @returns {node} - The divider component to use. If the property `divider` is\n * set to `true` then the Material-UI divider is used, otherwise\n * we use the custom divider the user passed.\n */\n const getDividerComponent = useCallback(() => {\n if (isBoolean(divider) && divider) {\n return (\n <MuiDivider\n orientation={\n processedDirection === \"column\" ? \"horizontal\" : \"vertical\"\n }\n flexItem={processedDirection === \"row\"}\n role=\"separator\"\n {...dividerProps}\n />\n );\n }\n return divider;\n }, [divider, dividerProps, processedDirection]);\n\n return (\n <StyledRoot\n ref={containerRef}\n className={clsx(className, stackClasses.root, classes?.root)}\n $direction={processedDirection}\n $breakpoint={spacing}\n {...others}\n >\n {React.Children.map(children, (child, i) => {\n return (\n <>\n {divider && i !== 0 && getDividerComponent()}\n {withNavigation ? (\n <HvFocus\n rootRef={containerRef}\n focusDisabled={false}\n strategy=\"grid\"\n navigationJump={\n processedDirection === \"column\"\n ? 1\n : React.Children.count(children) || 0\n }\n filterClass=\"child\"\n >\n <div className=\"child\">{child}</div>\n </HvFocus>\n ) : (\n child\n )}\n </>\n );\n })}\n </StyledRoot>\n );\n};\n"],"names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","classes","className","children","spacing","divider","withNavigation","dividerProps","others","useWidth","containerRef","useRef","useTheme","processedDirection","useMemo","keys","getDividerComponent","useCallback","isBoolean","MuiDivider","orientation","flexItem","role","StyledRoot","ref","clsx","stackClasses","root","$direction","$breakpoint","React","Children","map","child","_Fragment","_jsx","HvFocus","rootRef","focusDisabled","strategy","navigationJump","count","filterClass"],"mappings":";;;;;;;;;;;;;;;;;;AA2CA,MAAMA,eAAeA,CAACC,WAAWC,OAAOC,gBAAgB;AACtD,MAAIC,kBAAAA,QAASH,SAAS;AAAUA,WAAAA;AAEvBI,WAAAA,IAAIF,YAAYG,QAAQJ,KAAK,GAAGG,KAAK,GAAGA,KAAK,GAAG;AACvD,QAAIJ,UAAUE,YAAYE,CAAC,CAAC,MAAME,QAAW;AACpCN,aAAAA,UAAUE,YAAYE,CAAC,CAAC;AAAA,IACjC;AAAA,EACF;AACO,SAAA;AACT;AAOO,MAAMG,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAV,YAAY;AAAA,EACZW,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,iBAAiB;AAAA,EACjBC,eAAe,CAAC;AAAA,EAChB,GAAGC;AACS,MAAM;AAClB,QAAMd,QAAQe,SAAAA;AACRC,QAAAA,eAAeC,aAAO,IAAI;AAC1B,QAAA;AAAA,IAAEhB;AAAAA,MAAgBiB,OAAS,SAAA;AAEjC,QAAMC,qBAAqBC,MAAAA,QACzB,MAAMtB,aAAaC,WAAWC,OAAOC,YAAYoB,IAAI,GACrD,CAACtB,WAAWC,OAAOC,WAAW,CAChC;AAOMqB,QAAAA,sBAAsBC,MAAAA,YAAY,MAAM;AACxCC,QAAAA,mBAAAA,QAAUb,OAAO,KAAKA,SAAS;AACjC,4CACGc,oBAAAA,SAAU;AAAA,QACTC,aACEP,uBAAuB,WAAW,eAAe;AAAA,QAEnDQ,UAAUR,uBAAuB;AAAA,QACjCS,MAAK;AAAA,QAAW,GACZf;AAAAA,MAAAA,CACL;AAAA,IAEL;AACOF,WAAAA;AAAAA,EACN,GAAA,CAACA,SAASE,cAAcM,kBAAkB,CAAC;AAE9C,wCACGU,aAAAA,YAAU;AAAA,IACTC,KAAKd;AAAAA,IACLR,WAAWuB,KAAKvB,KAAAA,WAAWwB,aAAaC,QAAAA,MAAM1B,mCAAS0B,IAAI;AAAA,IAC3DC,YAAYf;AAAAA,IACZgB,aAAazB;AAAAA,IAAQ,GACjBI;AAAAA,IAAML,UAET2B,eAAMC,QAAAA,SAASC,IAAI7B,UAAU,CAAC8B,OAAOpC,MAAM;AAC1C,6CACEqC,WAAAA,UAAA;AAAA,QAAA/B,UACGE,CAAAA,WAAWR,MAAM,KAAKmB,uBACtBV,iBACC6B,2BAAAA,IAACC,eAAO;AAAA,UACNC,SAAS3B;AAAAA,UACT4B,eAAe;AAAA,UACfC,UAAS;AAAA,UACTC,gBACE3B,uBAAuB,WACnB,IACAiB,uBAAMC,SAASU,MAAMtC,QAAQ,KAAK;AAAA,UAExCuC,aAAY;AAAA,UAAOvC,yCAEnB,OAAA;AAAA,YAAKD,WAAU;AAAA,YAAOC,UAAE8B;AAAAA,UAAAA,CAAW;AAAA,QAC5B,CAAA,IAETA,KACD;AAAA,MAAA,CACD;AAAA,IAAA,CAEL;AAAA,EAAA,CACS;AAEhB;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.styles.cjs","sources":["../../../../src/components/Stack/Stack.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(\n ({\n $direction,\n $breakpoint,\n }: {\n $direction: string;\n $breakpoint: string;\n }) => ({\n display: \"flex\",\n ...($direction === \"column\" && {\n flexDirection: \"column\",\n }),\n ...($direction === \"row\" && {\n flexDirection: \"row\",\n }),\n ...($breakpoint === \"xs\" && {\n gap: theme.space.xs,\n }),\n ...($breakpoint === \"sm\" && {\n gap: theme.space.sm,\n }),\n ...($breakpoint === \"md\" && {\n gap: theme.spacing(4),\n }),\n ...($breakpoint === \"lg\" && {\n gap: theme.spacing(6),\n }),\n ...($breakpoint === \"xl\" && {\n gap: theme.spacing(11),\n }),\n })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$direction","$breakpoint","display","flexDirection","gap","theme","space","xs","sm","spacing"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIaA,MAAAA,sDACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACT,GAAIF,eAAe,YAAY;AAAA,IAC7BG,eAAe;AAAA,EACjB;AAAA,EACA,GAAIH,eAAe,SAAS;AAAA,IAC1BG,eAAe;AAAA,EACjB;AAAA,EACA,GAAIF,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,EACnB;AAAA,EACA,GAAIN,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,YAAAA,MAAMC,MAAME;AAAAA,EACnB;AAAA,EACA,GAAIP,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,YAAAA,MAAMI,QAAQ,CAAC;AAAA,EACtB;AAAA,EACA,GAAIR,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,YAAAA,MAAMI,QAAQ,CAAC;AAAA,EACtB;AAAA,EACA,GAAIR,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,YAAAA,MAAMI,QAAQ,EAAE;AAAA,EACvB;AACF,IAAEhB,QAAAC,IAAAC,aACH,eAAA,KAAA,qpDAAA;;"}
1
+ {"version":3,"file":"Stack.styles.cjs","sources":["../../../../src/components/Stack/Stack.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(\n ({\n $direction,\n $breakpoint,\n }: {\n $direction: string;\n $breakpoint: string;\n }) => ({\n display: \"flex\",\n ...($direction === \"column\" && {\n flexDirection: \"column\",\n }),\n ...($direction === \"row\" && {\n flexDirection: \"row\",\n }),\n ...($breakpoint === \"xs\" && {\n gap: theme.space.xs,\n }),\n ...($breakpoint === \"sm\" && {\n gap: theme.space.sm,\n }),\n ...($breakpoint === \"md\" && {\n gap: theme.spacing(4),\n }),\n ...($breakpoint === \"lg\" && {\n gap: theme.spacing(6),\n }),\n ...($breakpoint === \"xl\" && {\n gap: theme.spacing(11),\n }),\n })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$direction","$breakpoint","display","flexDirection","gap","theme","space","xs","sm","spacing"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIaA,MAAAA,sDACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACT,GAAIF,eAAe,YAAY;AAAA,IAC7BG,eAAe;AAAA,EACjB;AAAA,EACA,GAAIH,eAAe,SAAS;AAAA,IAC1BG,eAAe;AAAA,EACjB;AAAA,EACA,GAAIF,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,EACnB;AAAA,EACA,GAAIN,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,YAAAA,MAAMC,MAAME;AAAAA,EACnB;AAAA,EACA,GAAIP,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,YAAAA,MAAMI,QAAQ,CAAC;AAAA,EACtB;AAAA,EACA,GAAIR,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,YAAAA,MAAMI,QAAQ,CAAC;AAAA,EACtB;AAAA,EACA,GAAIR,gBAAgB,QAAQ;AAAA,IAC1BG,KAAKC,YAAAA,MAAMI,QAAQ,EAAE;AAAA,EACvB;AACF,IAAEhB,QAAAC,IAAAC,srDACJ;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { clsx } from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { useControlled, useUniqueId } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\nimport {\n HvWarningText,\n HvBaseSwitch,\n HvLabelProps,\n HvFormStatus,\n} from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n StyledFormElement,\n StyledLabel,\n StyledSwitchContainer,\n} from \"./Switch.styles\";\nimport switchClasses, { HvSwitchClasses } from \"./switchClasses\";\n\nexport interface HvSwitchProps\n extends Omit<MuiSwitchProps, \"onChange\" | \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" | \"color\"> {\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * A Jss Object used to override or extend the styles applied to the switch.\n */\n classes?: HvSwitchClasses;\n /**\n * Id to be applied to the form element root node.\n */\n id?: string;\n /**\n * The form element name.\n */\n name?: string;\n /**\n * The value of the form element.\n *\n * Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n *\n * The default value is \"on\".\n */\n value?: any;\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label?: React.ReactNode;\n /**\n * @ignore\n */\n \"aria-label\"?: string;\n /**\n * @ignore\n */\n \"aria-labelledby\"?: string;\n /**\n * @ignore\n */\n \"aria-describedby\"?: string;\n /**\n * Properties passed on to the label element.\n */\n labelProps?: HvLabelProps;\n /**\n * Indicates that the form element is disabled.\n */\n disabled?: boolean;\n /**\n * Indicates that the form element is not editable.\n */\n readOnly?: boolean;\n /**\n * Indicates that user input is required on the form element.\n */\n required?: boolean;\n /**\n * If `true` the switch is selected, if set to `false` the switch is not selected.\n *\n * When defined the switch state becomes controlled.\n */\n checked?: boolean;\n /**\n * When uncontrolled, defines the initial checked state.\n */\n defaultChecked?: boolean;\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status?: HvFormStatus;\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage?: string;\n /**\n * Identifies the element that provides an error message for the switch.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\"?: string;\n /**\n * The callback fired when the switch is pressed.\n */\n onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n /**\n * Properties passed on to the input element.\n */\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nexport const HvSwitch = (props: HvSwitchProps) => {\n const {\n classes,\n className,\n\n id,\n name,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n labelProps,\n\n checked,\n defaultChecked = false,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n inputProps,\n\n ...others\n } = props;\n\n const elementId = useUniqueId(id, \"hvswitch\");\n\n const [isChecked, setIsChecked] = useControlled(\n checked,\n Boolean(defaultChecked)\n );\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const onLocalChange = useCallback(\n (evt, newChecked) => {\n setIsChecked(() => {\n // this will only run if uncontrolled\n if (required && !newChecked) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newChecked;\n });\n\n onChange?.(evt, newChecked, value);\n },\n [onChange, required, setIsChecked, setValidationState, value]\n );\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId: string | undefined;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <StyledFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, switchClasses.root, classes?.root)}\n >\n {label && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={clsx(switchClasses.label, classes?.label)}\n {...labelProps}\n />\n )}\n <StyledSwitchContainer\n className={clsx(\n switchClasses.switchContainer,\n classes?.switchContainer,\n isStateInvalid &&\n clsx(switchClasses.invalidSwitch, classes?.invalidSwitch)\n )}\n $invalid={isStateInvalid}\n >\n <HvBaseSwitch\n id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n onChange={onLocalChange}\n value={value}\n checked={isChecked}\n inputProps={{\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...inputProps,\n }}\n {...others}\n />\n </StyledSwitchContainer>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n className={clsx(switchClasses.error, classes?.error)}\n disableBorder\n disableAdornment\n hideText\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","useUniqueId","isChecked","setIsChecked","useControlled","Boolean","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","StyledFormElement","clsx","switchClasses","root","children","_jsx","StyledLabel","htmlFor","StyledSwitchContainer","switchContainer","invalidSwitch","$invalid","HvBaseSwitch","HvWarningText","error","disableBorder","disableAdornment","hideText"],"mappings":"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"}
1
+ {"version":3,"file":"Switch.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { clsx } from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { useControlled, useUniqueId } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\nimport {\n HvWarningText,\n HvBaseSwitch,\n HvLabelProps,\n HvFormStatus,\n} from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n StyledFormElement,\n StyledLabel,\n StyledSwitchContainer,\n} from \"./Switch.styles\";\nimport switchClasses, { HvSwitchClasses } from \"./switchClasses\";\n\nexport interface HvSwitchProps\n extends Omit<MuiSwitchProps, \"onChange\" | \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" | \"color\"> {\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * A Jss Object used to override or extend the styles applied to the switch.\n */\n classes?: HvSwitchClasses;\n /**\n * Id to be applied to the form element root node.\n */\n id?: string;\n /**\n * The form element name.\n */\n name?: string;\n /**\n * The value of the form element.\n *\n * Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n *\n * The default value is \"on\".\n */\n value?: any;\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label?: React.ReactNode;\n /**\n * @ignore\n */\n \"aria-label\"?: string;\n /**\n * @ignore\n */\n \"aria-labelledby\"?: string;\n /**\n * @ignore\n */\n \"aria-describedby\"?: string;\n /**\n * Properties passed on to the label element.\n */\n labelProps?: HvLabelProps;\n /**\n * Indicates that the form element is disabled.\n */\n disabled?: boolean;\n /**\n * Indicates that the form element is not editable.\n */\n readOnly?: boolean;\n /**\n * Indicates that user input is required on the form element.\n */\n required?: boolean;\n /**\n * If `true` the switch is selected, if set to `false` the switch is not selected.\n *\n * When defined the switch state becomes controlled.\n */\n checked?: boolean;\n /**\n * When uncontrolled, defines the initial checked state.\n */\n defaultChecked?: boolean;\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status?: HvFormStatus;\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage?: string;\n /**\n * Identifies the element that provides an error message for the switch.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\"?: string;\n /**\n * The callback fired when the switch is pressed.\n */\n onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n /**\n * Properties passed on to the input element.\n */\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nexport const HvSwitch = (props: HvSwitchProps) => {\n const {\n classes,\n className,\n\n id,\n name,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n labelProps,\n\n checked,\n defaultChecked = false,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n inputProps,\n\n ...others\n } = props;\n\n const elementId = useUniqueId(id, \"hvswitch\");\n\n const [isChecked, setIsChecked] = useControlled(\n checked,\n Boolean(defaultChecked)\n );\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const onLocalChange = useCallback(\n (evt, newChecked) => {\n setIsChecked(() => {\n // this will only run if uncontrolled\n if (required && !newChecked) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newChecked;\n });\n\n onChange?.(evt, newChecked, value);\n },\n [onChange, required, setIsChecked, setValidationState, value]\n );\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId: string | undefined;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <StyledFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, switchClasses.root, classes?.root)}\n >\n {label && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={clsx(switchClasses.label, classes?.label)}\n {...labelProps}\n />\n )}\n <StyledSwitchContainer\n className={clsx(\n switchClasses.switchContainer,\n classes?.switchContainer,\n isStateInvalid &&\n clsx(switchClasses.invalidSwitch, classes?.invalidSwitch)\n )}\n $invalid={isStateInvalid}\n >\n <HvBaseSwitch\n id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n onChange={onLocalChange}\n value={value}\n checked={isChecked}\n inputProps={{\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...inputProps,\n }}\n {...others}\n />\n </StyledSwitchContainer>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n className={clsx(switchClasses.error, classes?.error)}\n disableBorder\n disableAdornment\n hideText\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","useUniqueId","isChecked","setIsChecked","useControlled","Boolean","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","StyledFormElement","clsx","switchClasses","root","children","_jsx","StyledLabel","htmlFor","StyledSwitchContainer","switchContainer","invalidSwitch","$invalid","HvBaseSwitch","HvWarningText","error","disableBorder","disableAdornment","hideText"],"mappings":";;;;;;;;;;;;;AAkIaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACA,cAAcC;AAAAA,IACd,mBAAmBC;AAAAA,IACnB,oBAAoBC;AAAAA,IACpBC;AAAAA,IAEAC;AAAAA,IACAC,iBAAiB;AAAA,IAEjBC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACA,qBAAqBC;AAAAA,IAErBC;AAAAA,IAEA,GAAGC;AAAAA,EACDrB,IAAAA;AAEEsB,QAAAA,YAAYC,YAAAA,QAAYpB,IAAI,UAAU;AAEtC,QAAA,CAACqB,WAAWC,YAAY,IAAIC,cAAAA,cAChCZ,SACAa,QAAQZ,cAAc,CACxB;AAEA,QAAM,CAACa,iBAAiBC,kBAAkB,IAAIH,cAAAA,cAC5CT,QACA,SACF;AAEA,QAAM,CAACa,iBAAiB,IAAIJ,cAAAA,cAAcR,eAAe,UAAU;AAEnE,QAAMa,gBAAgBC,MAAAA,YACpB,CAACC,KAAKC,eAAe;AACnBT,iBAAa,MAAM;AAEbnB,UAAAA,YAAY,CAAC4B,YAAY;AAC3BL,2BAAmB,SAAS;AAAA,MAAA,OACvB;AACLA,2BAAmB,OAAO;AAAA,MAC5B;AAEOK,aAAAA;AAAAA,IAAAA,CACR;AAEUD,yCAAAA,KAAKC,YAAY7B;AAAAA,EAAK,GAEnC,CAACW,UAAUV,UAAUmB,cAAcI,oBAAoBxB,KAAK,CAC9D;AAMM8B,QAAAA,eACJhB,oBAAoB,SAClBF,WAAWmB,UAAalB,kBAAkBkB,UACzCnB,WAAWmB,UAAa9B;AAEvB+B,QAAAA,iBAAiBC,2BAAUV,eAAe;AAE5CW,MAAAA;AACJ,MAAIF,gBAAgB;AAClBE,qBAAiBJ,eACbK,MAAAA,MAAMlB,WAAW,OAAO,IACxBH;AAAAA,EACN;AAEA,yCACGsB,cAAAA,mBAAiB;AAAA,IAChBtC;AAAAA,IACAC;AAAAA,IACAa,QAAQW;AAAAA,IACRpB;AAAAA,IACAF;AAAAA,IACAC;AAAAA,IACAL,WAAWwC,KAAKxC,KAAAA,WAAWyC,cAAcC,QAAAA,MAAM3C,mCAAS2C,IAAI;AAAA,IAAEC,UAE7DpC,CAAAA,SACCqC,2BAAAA,IAACC,2BAAW;AAAA,MACV5C,IAAIqC,MAAAA,MAAMlB,WAAW,OAAO;AAAA,MAC5B0B,SAASR,MAAAA,MAAMlB,WAAW,OAAO;AAAA,MACjCb;AAAAA,MACAP,WAAWwC,KAAAA,KAAKC,cAAAA,QAAclC,OAAOR,mCAASQ,KAAK;AAAA,MAAE,GACjDI;AAAAA,IAAAA,CACL,GAEHiC,2BAAAA,IAACG,qCAAqB;AAAA,MACpB/C,WAAWwC,KAAAA,KACTC,cAAAA,QAAcO,iBACdjD,mCAASiD,iBACTb,kBACEK,KAAAA,KAAKC,cAAAA,QAAcQ,eAAelD,mCAASkD,aAAa,CAC5D;AAAA,MACAC,UAAUf;AAAAA,MAAeQ,yCAExBQ,yBAAY;AAAA,QACXlD,IAAIM,QAAQ+B,MAAAA,MAAMlB,WAAW,OAAO,IAAIkB,MAAAA,MAAMrC,IAAI,OAAO;AAAA,QACzDC;AAAAA,QACAI;AAAAA,QACAD;AAAAA,QACAD;AAAAA,QACAU,UAAUe;AAAAA,QACV1B;AAAAA,QACAS,SAASU;AAAAA,QACTJ,YAAY;AAAA,UACV,gBAAgBiB,iBAAiB,OAAOD;AAAAA,UACxC,qBAAqBG;AAAAA,UACrB,cAAc7B;AAAAA,UACd,mBAAmBC;AAAAA,UACnB,oBAAoBC;AAAAA,UACpB,GAAGQ;AAAAA,QACL;AAAA,QAAE,GACEC;AAAAA,MAAAA,CACL;AAAA,IAAA,CACoB,GACtBc,gBACCW,2BAAAA,IAACQ,2BAAa;AAAA,MACZnD,IAAIqC,MAAAA,MAAMlB,WAAW,OAAO;AAAA,MAC5BpB,WAAWwC,KAAAA,KAAKC,cAAAA,QAAcY,OAAOtD,mCAASsD,KAAK;AAAA,MACnDC,eAAa;AAAA,MACbC,kBAAgB;AAAA,MAChBC,UAAQ;AAAA,MAAAb,UAEPf;AAAAA,IAAAA,CACY,CAChB;AAAA,EAAA,CACgB;AAEvB;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.styles.cjs","sources":["../../../../src/components/Switch/Switch.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvLabel, HvFormElement, HvFormElementProps } from \"@core/components\";\n\nexport const StyledFormElement = styled((props: HvFormElementProps) => (\n <HvFormElement {...props} />\n))({\n display: \"inline-flex\",\n flexDirection: \"column\",\n alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n marginBottom: theme.space.xs,\n});\n\nexport const StyledSwitchContainer = styled(\n \"div\",\n transientOptions\n)(({ $invalid }: { $invalid: boolean }) => ({\n height: \"32px\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n borderBottom: \"1px solid transparent\",\n\n ...($invalid && {\n paddingBottom: theme.switch.invalidPaddingBottom,\n borderBottom: `1px solid ${theme.colors.negative}`,\n }),\n}));\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","marginBottom","theme","space","xs","StyledSwitchContainer","_extends","transientOptions","$invalid","height","display","flexDirection","justifyContent","borderBottom","paddingBottom","switch","invalidPaddingBottom","colors","negative"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,oBAAoBC,iCAAAA,QAAO,CAACC,yCACtCC,YAAAA,eAAa;AAAA,EAAA,GAAKD;AAAK,CAAA,GACzBE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIA;AAEK,MAAMC,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCQ,cAAcC,YAAAA,MAAMC,MAAMC;AAC5B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,qtDAAA;AAEWc,MAAAA,iEACX,OAAKhB,QAAAC,IAAAC,4BAAAe,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,GACLe,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBc,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAgC,OAAO;AAAA,EAC1CC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,cAAc;AAAA,EAEd,GAAIL,YAAY;AAAA,IACdM,eAAeZ,YAAAA,MAAMa,OAAOC;AAAAA,IAC5BH,cAAe,aAAYX,YAAAA,MAAMe,OAAOC;AAAAA,EAC1C;AACF,IAAE7B,QAAAC,IAAAC,aAAC,eAAA,KAAA,qtDAAA;;;;"}
1
+ {"version":3,"file":"Switch.styles.cjs","sources":["../../../../src/components/Switch/Switch.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvLabel, HvFormElement, HvFormElementProps } from \"@core/components\";\n\nexport const StyledFormElement = styled((props: HvFormElementProps) => (\n <HvFormElement {...props} />\n))({\n display: \"inline-flex\",\n flexDirection: \"column\",\n alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n marginBottom: theme.space.xs,\n});\n\nexport const StyledSwitchContainer = styled(\n \"div\",\n transientOptions\n)(({ $invalid }: { $invalid: boolean }) => ({\n height: \"32px\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n borderBottom: \"1px solid transparent\",\n\n ...($invalid && {\n paddingBottom: theme.switch.invalidPaddingBottom,\n borderBottom: `1px solid ${theme.colors.negative}`,\n }),\n}));\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","marginBottom","theme","space","xs","StyledSwitchContainer","_extends","transientOptions","$invalid","height","display","flexDirection","justifyContent","borderBottom","paddingBottom","switch","invalidPaddingBottom","colors","negative"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,oBAAoBC,iCAAAA,QAAO,CAACC,yCACtCC,YAAAA,eAAa;AAAA,EAAA,GAAKD;AAAK,CAAG,GAC5BE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAID;AAEM,MAAMC,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCQ,cAAcC,YAAAA,MAAMC,MAAMC;AAC5B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,qtDAAA;AAEWc,MAAAA,iEACX,OAAKhB,QAAAC,IAAAC,4BAAAe,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,GACLe,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBc,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEC;AAAgC,OAAO;AAAA,EAC1CC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,cAAc;AAAA,EAEd,GAAIL,YAAY;AAAA,IACdM,eAAeZ,YAAAA,MAAMa,OAAOC;AAAAA,IAC5BH,cAAe,aAAYX,YAAAA,MAAMe,OAAOC;AAAAA,EAC1C;AACF,IAAE7B,QAAAC,IAAAC,aAAC,eAAA,KAAA,qtDAAA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.cjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { TabProps as MuiTabProps } from \"@mui/material\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledTab } from \"./Tab.styles\";\nimport tabClasses, { HvTabClasses } from \"./tabClasses\";\n\n// Mui Tab props: https://mui.com/material-ui/api/tab/#props\nexport interface HvTabProps\n extends Omit<MuiTabProps, \"children\">,\n HvBaseProps<HTMLDivElement, \"children\"> {\n /** If `true`, the tab will be disabled. */\n disabled?: boolean;\n /** The icon element. */\n icon?: React.ReactElement | string;\n /** The label element. */\n label?: React.ReactNode;\n /** The position of the icon relative to the label. */\n iconPosition?: \"bottom\" | \"end\" | \"start\" | \"top\";\n /** A Jss Object used to override or extend the component styles. */\n classes?: HvTabClasses;\n}\n\nexport const HvTab = ({\n classes,\n iconPosition = \"top\",\n disabled = false,\n ...others\n}: HvTabProps) => {\n return (\n <StyledTab\n classes={{\n root: clsx(tabClasses.root, classes?.root),\n selected: clsx(tabClasses.selected, classes?.selected),\n disabled: clsx(tabClasses.disabled, classes?.disabled),\n }}\n disableRipple\n disableTouchRipple\n // Exposes the global class HvIsFocusVisible as a marker not to\n // be styled directly, but only as helper in specific css queries\n focusVisibleClassName={clsx(\n \"HvIsFocusVisible\",\n clsx(tabClasses.focusVisible, classes?.focusVisible)\n )}\n disabled={disabled}\n iconPosition={iconPosition}\n {...others}\n />\n );\n};\n"],"names":["HvTab","classes","iconPosition","disabled","others","StyledTab","root","clsx","tabClasses","selected","disableRipple","disableTouchRipple","focusVisibleClassName","focusVisible"],"mappings":";;;;;;AAsBO,MAAMA,QAAQA,CAAC;AAAA,EACpBC;AAAAA,EACAC,eAAe;AAAA,EACfC,WAAW;AAAA,EACX,GAAGC;AACO,MAAM;AAChB,wCACGC,WAAAA,WAAS;AAAA,IACRJ,SAAS;AAAA,MACPK,MAAMC,KAAAA,KAAKC,WAAAA,QAAWF,MAAML,mCAASK,IAAI;AAAA,MACzCG,UAAUF,KAAAA,KAAKC,WAAAA,QAAWC,UAAUR,mCAASQ,QAAQ;AAAA,MACrDN,UAAUI,KAAAA,KAAKC,WAAAA,QAAWL,UAAUF,mCAASE,QAAQ;AAAA,IACvD;AAAA,IACAO,eAAa;AAAA,IACbC,oBAAkB;AAAA,IAGlBC,uBAAuBL,KAAAA,KACrB,oBACAA,KAAAA,KAAKC,mBAAWK,cAAcZ,mCAASY,YAAY,CAAC;AAAA,IAEtDV;AAAAA,IACAD;AAAAA,IAA2B,GACvBE;AAAAA,EAAAA,CACJ;AAEN;;"}
1
+ {"version":3,"file":"Tab.cjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { TabProps as MuiTabProps } from \"@mui/material\";\nimport { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledTab } from \"./Tab.styles\";\nimport tabClasses, { HvTabClasses } from \"./tabClasses\";\n\n// Mui Tab props: https://mui.com/material-ui/api/tab/#props\nexport interface HvTabProps\n extends Omit<MuiTabProps, \"children\">,\n HvBaseProps<HTMLDivElement, \"children\"> {\n /** If `true`, the tab will be disabled. */\n disabled?: boolean;\n /** The icon element. */\n icon?: React.ReactElement | string;\n /** The label element. */\n label?: React.ReactNode;\n /** The position of the icon relative to the label. */\n iconPosition?: \"bottom\" | \"end\" | \"start\" | \"top\";\n /** A Jss Object used to override or extend the component styles. */\n classes?: HvTabClasses;\n}\n\nexport const HvTab = ({\n classes,\n iconPosition = \"top\",\n disabled = false,\n ...others\n}: HvTabProps) => {\n return (\n <StyledTab\n classes={{\n root: clsx(tabClasses.root, classes?.root),\n selected: clsx(tabClasses.selected, classes?.selected),\n disabled: clsx(tabClasses.disabled, classes?.disabled),\n }}\n disableRipple\n disableTouchRipple\n // Exposes the global class HvIsFocusVisible as a marker not to\n // be styled directly, but only as helper in specific css queries\n focusVisibleClassName={clsx(\n \"HvIsFocusVisible\",\n clsx(tabClasses.focusVisible, classes?.focusVisible)\n )}\n disabled={disabled}\n iconPosition={iconPosition}\n {...others}\n />\n );\n};\n"],"names":["HvTab","classes","iconPosition","disabled","others","StyledTab","root","clsx","tabClasses","selected","disableRipple","disableTouchRipple","focusVisibleClassName","focusVisible"],"mappings":";;;;;;AAsBO,MAAMA,QAAQA,CAAC;AAAA,EACpBC;AAAAA,EACAC,eAAe;AAAA,EACfC,WAAW;AAAA,EACX,GAAGC;AACO,MAAM;AAChB,wCACGC,WAAAA,WAAS;AAAA,IACRJ,SAAS;AAAA,MACPK,MAAMC,KAAAA,KAAKC,WAAAA,QAAWF,MAAML,mCAASK,IAAI;AAAA,MACzCG,UAAUF,KAAAA,KAAKC,WAAAA,QAAWC,UAAUR,mCAASQ,QAAQ;AAAA,MACrDN,UAAUI,KAAAA,KAAKC,WAAAA,QAAWL,UAAUF,mCAASE,QAAQ;AAAA,IACvD;AAAA,IACAO,eAAa;AAAA,IACbC,oBAAkB;AAAA,IAGlBC,uBAAuBL,KAAAA,KACrB,oBACAA,KAAAA,KAAKC,mBAAWK,cAAcZ,mCAASY,YAAY,CACrD;AAAA,IACAV;AAAAA,IACAD;AAAAA,IAA2B,GACvBE;AAAAA,EAAAA,CACL;AAEL;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Table.cjs","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport {\n CSSProperties,\n forwardRef,\n TableHTMLAttributes,\n useMemo,\n useRef,\n} from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport TableContext from \"./TableContext\";\nimport tableClasses, { HvTableClasses } from \"./tableClasses\";\n\nexport type HvTableVariant = \"listrow\" | \"default\";\nexport type HvTableCellAlign =\n | \"center\"\n | \"inherit\"\n | \"justify\"\n | \"left\"\n | \"right\";\nexport type HvTableCellType = \"body\" | \"footer\" | \"head\";\nexport type HvTableCellVariant =\n | \"checkbox\"\n | \"expand\"\n | \"actions\"\n | \"default\"\n | \"none\";\n\nexport interface HvTableProps extends TableHTMLAttributes<HTMLTableElement> {\n /**\n * The component used for the root node. Either a string to use a HTML element or a component.\n * Defaults to `table`.\n *\n * When using non-table elements, layout is up to the developer using the component.\n */\n component?: React.ElementType;\n /** Content to be rendered */\n children: React.ReactNode;\n /** Whether the `HvTable` has a sticky header row. */\n stickyHeader?: boolean;\n /** Whether the `HvTable` has sticky columns. */\n stickyColumns?: boolean;\n /** Whether the `HvTable` has the list row styles or the default. */\n variant?: HvTableVariant;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableClasses;\n}\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n if (rootComponent === \"table\") {\n return {\n Table: \"table\",\n THead: \"thead\",\n TBody: \"tbody\",\n Tr: \"tr\",\n Th: \"th\",\n Td: \"td\",\n };\n }\n\n return {\n Table: rootComponent,\n THead: rootComponent,\n TBody: rootComponent,\n Tr: rootComponent,\n Th: rootComponent,\n Td: rootComponent,\n };\n};\n\nconst StyledTable = (c: any) =>\n styled(\n c,\n transientOptions\n )(\n ({\n $stickyHeader,\n $stickyColumns,\n $listrow,\n }: {\n $stickyHeader: boolean;\n $stickyColumns: boolean;\n $listrow: boolean;\n }) => ({\n position: \"relative\",\n width: \"100%\",\n\n ...(theme.typography.body as CSSProperties),\n\n \"table&\": {\n borderSpacing: 0,\n },\n\n \"& caption\": {\n ...(theme.typography.body as CSSProperties),\n padding: theme.space.xs,\n textAlign: \"left\",\n captionSide: \"bottom\",\n },\n\n ...($stickyHeader && {}),\n ...($stickyColumns && {\n backgroundColor: theme.colors.atmo2,\n }),\n ...($listrow && {\n \"table&\": {\n borderSpacing: `0 ${theme.space.xs}`,\n },\n }),\n })\n );\n\n/**\n * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.\n *\n * The **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection.\n * See the <a href=\"?id=guides-table-table-hooks--use-hv-hooks&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n */\nexport const HvTable = forwardRef<HTMLElement, HvTableProps>(\n (\n {\n classes,\n className,\n component = defaultComponent,\n stickyHeader = false,\n stickyColumns = false,\n variant = \"default\",\n ...others\n },\n ref\n ) => {\n const containerRef = useRef(ref);\n\n const components = useMemo(\n () => computeTablePartComponents(component),\n [component]\n );\n\n const tableContext = useMemo(\n () => ({ components, variant, containerRef }),\n [components, variant, containerRef]\n );\n\n const Table = useMemo(() => StyledTable(components.Table), [components]);\n\n return (\n <TableContext.Provider value={tableContext}>\n <Table\n ref={ref}\n role={component === defaultComponent ? null : \"table\"}\n className={clsx(\n tableClasses.root,\n classes?.root,\n stickyHeader &&\n clsx(tableClasses.stickyHeader, classes?.stickyHeader),\n stickyColumns &&\n clsx(tableClasses.stickyColumns, classes?.stickyColumns),\n variant === \"listrow\" &&\n clsx(tableClasses.listRow, classes?.listRow),\n className\n )}\n $stickyColumns={stickyColumns}\n $stickyHeader={stickyHeader}\n $listrow={variant === \"listrow\"}\n {...others}\n />\n </TableContext.Provider>\n );\n }\n);\n"],"names":["defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","StyledTable","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","$stickyColumns","$listrow","position","width","theme","typography","body","borderSpacing","padding","space","xs","textAlign","captionSide","backgroundColor","colors","atmo2","HvTable","forwardRef","classes","className","component","stickyHeader","stickyColumns","variant","others","ref","containerRef","useRef","components","useMemo","tableContext","_jsx","TableContext","Provider","value","children","role","clsx","tableClasses","root","listRow"],"mappings":"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"}
1
+ {"version":3,"file":"Table.cjs","sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport {\n CSSProperties,\n forwardRef,\n TableHTMLAttributes,\n useMemo,\n useRef,\n} from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport TableContext from \"./TableContext\";\nimport tableClasses, { HvTableClasses } from \"./tableClasses\";\n\nexport type HvTableVariant = \"listrow\" | \"default\";\nexport type HvTableCellAlign =\n | \"center\"\n | \"inherit\"\n | \"justify\"\n | \"left\"\n | \"right\";\nexport type HvTableCellType = \"body\" | \"footer\" | \"head\";\nexport type HvTableCellVariant =\n | \"checkbox\"\n | \"expand\"\n | \"actions\"\n | \"default\"\n | \"none\";\n\nexport interface HvTableProps extends TableHTMLAttributes<HTMLTableElement> {\n /**\n * The component used for the root node. Either a string to use a HTML element or a component.\n * Defaults to `table`.\n *\n * When using non-table elements, layout is up to the developer using the component.\n */\n component?: React.ElementType;\n /** Content to be rendered */\n children: React.ReactNode;\n /** Whether the `HvTable` has a sticky header row. */\n stickyHeader?: boolean;\n /** Whether the `HvTable` has sticky columns. */\n stickyColumns?: boolean;\n /** Whether the `HvTable` has the list row styles or the default. */\n variant?: HvTableVariant;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableClasses;\n}\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n if (rootComponent === \"table\") {\n return {\n Table: \"table\",\n THead: \"thead\",\n TBody: \"tbody\",\n Tr: \"tr\",\n Th: \"th\",\n Td: \"td\",\n };\n }\n\n return {\n Table: rootComponent,\n THead: rootComponent,\n TBody: rootComponent,\n Tr: rootComponent,\n Th: rootComponent,\n Td: rootComponent,\n };\n};\n\nconst StyledTable = (c: any) =>\n styled(\n c,\n transientOptions\n )(\n ({\n $stickyHeader,\n $stickyColumns,\n $listrow,\n }: {\n $stickyHeader: boolean;\n $stickyColumns: boolean;\n $listrow: boolean;\n }) => ({\n position: \"relative\",\n width: \"100%\",\n\n ...(theme.typography.body as CSSProperties),\n\n \"table&\": {\n borderSpacing: 0,\n },\n\n \"& caption\": {\n ...(theme.typography.body as CSSProperties),\n padding: theme.space.xs,\n textAlign: \"left\",\n captionSide: \"bottom\",\n },\n\n ...($stickyHeader && {}),\n ...($stickyColumns && {\n backgroundColor: theme.colors.atmo2,\n }),\n ...($listrow && {\n \"table&\": {\n borderSpacing: `0 ${theme.space.xs}`,\n },\n }),\n })\n );\n\n/**\n * A table gathers relational data. It displays values arranged to allow quick numerical analysis like comparison and sorting.\n *\n * The **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection.\n * See the <a href=\"?id=guides-table-table-hooks--use-hv-hooks&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n */\nexport const HvTable = forwardRef<HTMLElement, HvTableProps>(\n (\n {\n classes,\n className,\n component = defaultComponent,\n stickyHeader = false,\n stickyColumns = false,\n variant = \"default\",\n ...others\n },\n ref\n ) => {\n const containerRef = useRef(ref);\n\n const components = useMemo(\n () => computeTablePartComponents(component),\n [component]\n );\n\n const tableContext = useMemo(\n () => ({ components, variant, containerRef }),\n [components, variant, containerRef]\n );\n\n const Table = useMemo(() => StyledTable(components.Table), [components]);\n\n return (\n <TableContext.Provider value={tableContext}>\n <Table\n ref={ref}\n role={component === defaultComponent ? null : \"table\"}\n className={clsx(\n tableClasses.root,\n classes?.root,\n stickyHeader &&\n clsx(tableClasses.stickyHeader, classes?.stickyHeader),\n stickyColumns &&\n clsx(tableClasses.stickyColumns, classes?.stickyColumns),\n variant === \"listrow\" &&\n clsx(tableClasses.listRow, classes?.listRow),\n className\n )}\n $stickyColumns={stickyColumns}\n $stickyHeader={stickyHeader}\n $listrow={variant === \"listrow\"}\n {...others}\n />\n </TableContext.Provider>\n );\n }\n);\n"],"names":["defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","StyledTable","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","$stickyColumns","$listrow","position","width","theme","typography","body","borderSpacing","padding","space","xs","textAlign","captionSide","backgroundColor","colors","atmo2","HvTable","forwardRef","classes","className","component","stickyHeader","stickyColumns","variant","others","ref","containerRef","useRef","components","useMemo","tableContext","_jsx","TableContext","Provider","value","children","role","clsx","tableClasses","root","listRow"],"mappings":"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"}
@@ -30,7 +30,7 @@ const StyledTableBody = (c) => /* @__PURE__ */ _styled__default.default(c, proce
30
30
  } : {
31
31
  name: "14jhk00",
32
32
  styles: "background-color:inherit;position:relative;z-index:0",
33
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjbHN4IH0gZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCBSZWFjdCwge1xuICBDaGlsZHJlbixcbiAgZm9yd2FyZFJlZixcbiAgaXNWYWxpZEVsZW1lbnQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG4gIHVzZVJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VGb3JrUmVmIH0gZnJvbSBcIkBjb3JlL2hvb2tzXCI7XG5pbXBvcnQgeyBIdkZvY3VzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB0YWJsZUJvZHlDbGFzc2VzLCB7IEh2VGFibGVCb2R5Q2xhc3NlcyB9IGZyb20gXCIuL3RhYmxlQm9keUNsYXNzZXNcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IFRhYmxlU2VjdGlvbkNvbnRleHQgZnJvbSBcIi4uL1RhYmxlU2VjdGlvbkNvbnRleHRcIjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlRhYmxlQm9keVByb3BzXG4gIGV4dGVuZHMgSHZCYXNlUHJvcHM8SFRNTFRhYmxlU2VjdGlvbkVsZW1lbnQsIFwiY2hpbGRyZW5cIj4ge1xuICAvKipcbiAgICogQ29udGVudCB0byBiZSByZW5kZXJlZFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC5cbiAgICogRGVmYXVsdHMgdG8gdGJvZHkuXG4gICAqL1xuICBjb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTtcbiAgLyoqIFNldHMgd2hldGhlciBvciBub3QgdGhlcmUgc2hvdWxkIGJlIGFycm93IG5hdmlnYXRpb24gYmV0d2VlbiB0aGUgdGFibGUgcm93cyAqL1xuICB3aXRoTmF2aWdhdGlvbj86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQm9keUNsYXNzZXM7XG59XG5cbmNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB7XG4gIHR5cGU6IFwiYm9keVwiLFxuICBmaWx0ZXJDbGFzc05hbWU6IFwiZ3JpZFwiLFxufTtcblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidGJvZHlcIjtcblxuY29uc3QgU3R5bGVkVGFibGVCb2R5ID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKGMpKHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgekluZGV4OiAwLFxuICB9KTtcblxuLyoqXG4gKiBIdlRhYmxlQm9keSBhY3RzIGFzIGEgYHRib2R5YCBlbGVtZW50LlxuICogYEh2VGFibGVDZWxsYCBhbmQgYEh2VGFibGVSb3dgIGVsZW1lbnRzIGluIGl0IGluaGVyaXQgYm9keS1zcGVjaWZpYyBzdHlsZXNcbiAqL1xuZXhwb3J0IGNvbnN0IEh2VGFibGVCb2R5ID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZUJvZHlQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc2VzLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgY2hpbGRyZW4sXG4gICAgICB3aXRoTmF2aWdhdGlvbiA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSxcbiAgICBleHRlcm5hbFJlZlxuICApID0+IHtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG5cbiAgICBjb25zdCBib2R5UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gICAgY29uc3QgaGFuZGxlUmVmID0gdXNlRm9ya1JlZihleHRlcm5hbFJlZiwgYm9keVJlZik7XG5cbiAgICBjb25zdCBDb21wb25lbnQgPVxuICAgICAgY29tcG9uZW50IHx8IHRhYmxlQ29udGV4dD8uY29tcG9uZW50cz8uVEJvZHkgfHwgZGVmYXVsdENvbXBvbmVudDtcblxuICAgIGNvbnN0IFRhYmxlQm9keSA9IHVzZU1lbW8oKCkgPT4gU3R5bGVkVGFibGVCb2R5KENvbXBvbmVudCksIFtDb21wb25lbnRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VGFibGVTZWN0aW9uQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17dGFibGVTZWN0aW9uQ29udGV4dH0+XG4gICAgICAgIDxUYWJsZUJvZHlcbiAgICAgICAgICBjbGFzc05hbWU9e2Nsc3godGFibGVCb2R5Q2xhc3Nlcy5yb290LCBjbGFzc2VzPy5yb290LCBjbGFzc05hbWUpfVxuICAgICAgICAgIHJlZj17aGFuZGxlUmVmfVxuICAgICAgICAgIHJvbGU9e0NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcInJvd2dyb3VwXCJ9XG4gICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgPlxuICAgICAgICAgIHt3aXRoTmF2aWdhdGlvblxuICAgICAgICAgICAgPyBDaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChlbGVtZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGlzVmFsaWRFbGVtZW50KGVsZW1lbnQpKSB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8SHZGb2N1c1xuICAgICAgICAgICAgICAgICAgICAgIGlkPXtgbXktaWQtJHtlbGVtZW50LmtleX1gfVxuICAgICAgICAgICAgICAgICAgICAgIHJvb3RSZWY9e2JvZHlSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAga2V5PXtgcm93LSR7ZWxlbWVudC5rZXl9YH1cbiAgICAgICAgICAgICAgICAgICAgICBzdHJhdGVneT1cImdyaWRcIlxuICAgICAgICAgICAgICAgICAgICAgIHVzZUFycm93c1xuICAgICAgICAgICAgICAgICAgICAgIGZpbHRlckNsYXNzPXt0YWJsZVNlY3Rpb25Db250ZXh0LmZpbHRlckNsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICBuYXZpZ2F0aW9uSnVtcD17MX1cbiAgICAgICAgICAgICAgICAgICAgICBmb2N1c0Rpc2FibGVkPXtmYWxzZX1cbiAgICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZD17ZWxlbWVudC5wcm9wcy5zZWxlY3RlZH1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtlbGVtZW50fVxuICAgICAgICAgICAgICAgICAgICA8L0h2Rm9jdXM+XG4gICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICAgIDwvVGFibGVCb2R5PlxuICAgICAgPC9UYWJsZVNlY3Rpb25Db250ZXh0LlByb3ZpZGVyPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */",
33
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGVCb2R5L1RhYmxlQm9keS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjbHN4IH0gZnJvbSBcImNsc3hcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCBSZWFjdCwge1xuICBDaGlsZHJlbixcbiAgZm9yd2FyZFJlZixcbiAgaXNWYWxpZEVsZW1lbnQsXG4gIHVzZUNvbnRleHQsXG4gIHVzZU1lbW8sXG4gIHVzZVJlZixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VGb3JrUmVmIH0gZnJvbSBcIkBjb3JlL2hvb2tzXCI7XG5pbXBvcnQgeyBIdkZvY3VzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB0YWJsZUJvZHlDbGFzc2VzLCB7IEh2VGFibGVCb2R5Q2xhc3NlcyB9IGZyb20gXCIuL3RhYmxlQm9keUNsYXNzZXNcIjtcbmltcG9ydCBUYWJsZUNvbnRleHQgZnJvbSBcIi4uL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IFRhYmxlU2VjdGlvbkNvbnRleHQgZnJvbSBcIi4uL1RhYmxlU2VjdGlvbkNvbnRleHRcIjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlRhYmxlQm9keVByb3BzXG4gIGV4dGVuZHMgSHZCYXNlUHJvcHM8SFRNTFRhYmxlU2VjdGlvbkVsZW1lbnQsIFwiY2hpbGRyZW5cIj4ge1xuICAvKipcbiAgICogQ29udGVudCB0byBiZSByZW5kZXJlZFxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBjb21wb25lbnQgdXNlZCBmb3IgdGhlIHJvb3Qgbm9kZS4gRWl0aGVyIGEgc3RyaW5nIHRvIHVzZSBhIEhUTUwgZWxlbWVudCBvciBhIGNvbXBvbmVudC5cbiAgICogRGVmYXVsdHMgdG8gdGJvZHkuXG4gICAqL1xuICBjb21wb25lbnQ/OiBSZWFjdC5FbGVtZW50VHlwZTtcbiAgLyoqIFNldHMgd2hldGhlciBvciBub3QgdGhlcmUgc2hvdWxkIGJlIGFycm93IG5hdmlnYXRpb24gYmV0d2VlbiB0aGUgdGFibGUgcm93cyAqL1xuICB3aXRoTmF2aWdhdGlvbj86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gIGNsYXNzZXM/OiBIdlRhYmxlQm9keUNsYXNzZXM7XG59XG5cbmNvbnN0IHRhYmxlU2VjdGlvbkNvbnRleHQgPSB7XG4gIHR5cGU6IFwiYm9keVwiLFxuICBmaWx0ZXJDbGFzc05hbWU6IFwiZ3JpZFwiLFxufTtcblxuY29uc3QgZGVmYXVsdENvbXBvbmVudCA9IFwidGJvZHlcIjtcblxuY29uc3QgU3R5bGVkVGFibGVCb2R5ID0gKGM6IGFueSkgPT5cbiAgc3R5bGVkKGMpKHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiaW5oZXJpdFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgekluZGV4OiAwLFxuICB9KTtcblxuLyoqXG4gKiBIdlRhYmxlQm9keSBhY3RzIGFzIGEgYHRib2R5YCBlbGVtZW50LlxuICogYEh2VGFibGVDZWxsYCBhbmQgYEh2VGFibGVSb3dgIGVsZW1lbnRzIGluIGl0IGluaGVyaXQgYm9keS1zcGVjaWZpYyBzdHlsZXNcbiAqL1xuZXhwb3J0IGNvbnN0IEh2VGFibGVCb2R5ID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgSHZUYWJsZUJvZHlQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc2VzLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgY29tcG9uZW50LFxuICAgICAgY2hpbGRyZW4sXG4gICAgICB3aXRoTmF2aWdhdGlvbiA9IGZhbHNlLFxuICAgICAgLi4ub3RoZXJzXG4gICAgfSxcbiAgICBleHRlcm5hbFJlZlxuICApID0+IHtcbiAgICBjb25zdCB0YWJsZUNvbnRleHQgPSB1c2VDb250ZXh0KFRhYmxlQ29udGV4dCk7XG5cbiAgICBjb25zdCBib2R5UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gICAgY29uc3QgaGFuZGxlUmVmID0gdXNlRm9ya1JlZihleHRlcm5hbFJlZiwgYm9keVJlZik7XG5cbiAgICBjb25zdCBDb21wb25lbnQgPVxuICAgICAgY29tcG9uZW50IHx8IHRhYmxlQ29udGV4dD8uY29tcG9uZW50cz8uVEJvZHkgfHwgZGVmYXVsdENvbXBvbmVudDtcblxuICAgIGNvbnN0IFRhYmxlQm9keSA9IHVzZU1lbW8oKCkgPT4gU3R5bGVkVGFibGVCb2R5KENvbXBvbmVudCksIFtDb21wb25lbnRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VGFibGVTZWN0aW9uQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17dGFibGVTZWN0aW9uQ29udGV4dH0+XG4gICAgICAgIDxUYWJsZUJvZHlcbiAgICAgICAgICBjbGFzc05hbWU9e2Nsc3godGFibGVCb2R5Q2xhc3Nlcy5yb290LCBjbGFzc2VzPy5yb290LCBjbGFzc05hbWUpfVxuICAgICAgICAgIHJlZj17aGFuZGxlUmVmfVxuICAgICAgICAgIHJvbGU9e0NvbXBvbmVudCA9PT0gZGVmYXVsdENvbXBvbmVudCA/IG51bGwgOiBcInJvd2dyb3VwXCJ9XG4gICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgPlxuICAgICAgICAgIHt3aXRoTmF2aWdhdGlvblxuICAgICAgICAgICAgPyBDaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChlbGVtZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGlzVmFsaWRFbGVtZW50KGVsZW1lbnQpKSB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8SHZGb2N1c1xuICAgICAgICAgICAgICAgICAgICAgIGlkPXtgbXktaWQtJHtlbGVtZW50LmtleX1gfVxuICAgICAgICAgICAgICAgICAgICAgIHJvb3RSZWY9e2JvZHlSZWZ9XG4gICAgICAgICAgICAgICAgICAgICAga2V5PXtgcm93LSR7ZWxlbWVudC5rZXl9YH1cbiAgICAgICAgICAgICAgICAgICAgICBzdHJhdGVneT1cImdyaWRcIlxuICAgICAgICAgICAgICAgICAgICAgIGZpbHRlckNsYXNzPXt0YWJsZVNlY3Rpb25Db250ZXh0LmZpbHRlckNsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICBuYXZpZ2F0aW9uSnVtcD17MX1cbiAgICAgICAgICAgICAgICAgICAgICBmb2N1c0Rpc2FibGVkPXtmYWxzZX1cbiAgICAgICAgICAgICAgICAgICAgICBzZWxlY3RlZD17ZWxlbWVudC5wcm9wcy5zZWxlY3RlZH1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtlbGVtZW50fVxuICAgICAgICAgICAgICAgICAgICA8L0h2Rm9jdXM+XG4gICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICAgIDwvVGFibGVCb2R5PlxuICAgICAgPC9UYWJsZVNlY3Rpb25Db250ZXh0LlByb3ZpZGVyPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */",
34
34
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
35
35
  });
36
36
  const HvTableBody = React.forwardRef(({
@@ -60,7 +60,6 @@ const HvTableBody = React.forwardRef(({
60
60
  id: `my-id-${element.key}`,
61
61
  rootRef: bodyRef,
62
62
  strategy: "grid",
63
- useArrows: true,
64
63
  filterClass: tableSectionContext.filterClassName,
65
64
  navigationJump: 1,
66
65
  focusDisabled: false,
@@ -1 +1 @@
1
- {"version":3,"file":"TableBody.cjs","sources":["../../../../../src/components/Table/TableBody/TableBody.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"@core/types\";\nimport React, {\n Children,\n forwardRef,\n isValidElement,\n useContext,\n useMemo,\n useRef,\n} from \"react\";\nimport { useForkRef } from \"@core/hooks\";\nimport { HvFocus } from \"@core/components\";\nimport tableBodyClasses, { HvTableBodyClasses } from \"./tableBodyClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nexport interface HvTableBodyProps\n extends HvBaseProps<HTMLTableSectionElement, \"children\"> {\n /**\n * Content to be rendered\n */\n children: React.ReactNode;\n /**\n * The component used for the root node. Either a string to use a HTML element or a component.\n * Defaults to tbody.\n */\n component?: React.ElementType;\n /** Sets whether or not there should be arrow navigation between the table rows */\n withNavigation?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableBodyClasses;\n}\n\nconst tableSectionContext = {\n type: \"body\",\n filterClassName: \"grid\",\n};\n\nconst defaultComponent = \"tbody\";\n\nconst StyledTableBody = (c: any) =>\n styled(c)({\n backgroundColor: \"inherit\",\n position: \"relative\",\n zIndex: 0,\n });\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nexport const HvTableBody = forwardRef<HTMLElement, HvTableBodyProps>(\n (\n {\n classes,\n className,\n component,\n children,\n withNavigation = false,\n ...others\n },\n externalRef\n ) => {\n const tableContext = useContext(TableContext);\n\n const bodyRef = useRef(null);\n\n const handleRef = useForkRef(externalRef, bodyRef);\n\n const Component =\n component || tableContext?.components?.TBody || defaultComponent;\n\n const TableBody = useMemo(() => StyledTableBody(Component), [Component]);\n\n return (\n <TableSectionContext.Provider value={tableSectionContext}>\n <TableBody\n className={clsx(tableBodyClasses.root, classes?.root, className)}\n ref={handleRef}\n role={Component === defaultComponent ? null : \"rowgroup\"}\n {...others}\n >\n {withNavigation\n ? Children.map(children, (element) => {\n if (isValidElement(element)) {\n return (\n <HvFocus\n id={`my-id-${element.key}`}\n rootRef={bodyRef}\n key={`row-${element.key}`}\n strategy=\"grid\"\n useArrows\n filterClass={tableSectionContext.filterClassName}\n navigationJump={1}\n focusDisabled={false}\n selected={element.props.selected}\n >\n {element}\n </HvFocus>\n );\n }\n })\n : children}\n </TableBody>\n </TableSectionContext.Provider>\n );\n }\n);\n"],"names":["tableSectionContext","type","filterClassName","defaultComponent","StyledTableBody","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableBody","forwardRef","classes","className","component","children","withNavigation","others","externalRef","tableContext","useContext","TableContext","bodyRef","useRef","handleRef","useForkRef","Component","components","TBody","TableBody","useMemo","_jsx","TableSectionContext","Provider","value","clsx","tableBodyClasses","root","ref","role","Children","element","isValidElement","HvFocus","id","key","rootRef","strategy","useArrows","filterClass","navigationJump","focusDisabled","selected","props"],"mappings":";;;;;;;;;;;;;;;;AAkCA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AAAA,EACNC,iBAAiB;AACnB;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MACvBC,yCAAOD,GAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIP;AAMSC,MAAAA,cAAcC,iBACzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjB,GAAGC;AACL,GACAC,gBACG;;AACGC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AAEtCC,QAAAA,UAAUC,aAAO,IAAI;AAErBC,QAAAA,YAAYC,WAAAA,QAAWP,aAAaI,OAAO;AAEjD,QAAMI,YACJZ,eAAaK,kDAAcQ,eAAdR,mBAA0BS,UAAShC;AAE5CiC,QAAAA,YAAYC,MAAAA,QAAQ,MAAMjC,gBAAgB6B,SAAS,GAAG,CAACA,SAAS,CAAC;AAGrEK,SAAAA,2BAAAA,IAACC,4BAAoBC,UAAQ;AAAA,IAACC,OAAOzC;AAAAA,IAAoBsB,yCACtDc,WAAS;AAAA,MACRhB,WAAWsB,KAAKC,KAAAA,iBAAAA,QAAiBC,MAAMzB,mCAASyB,MAAMxB,SAAS;AAAA,MAC/DyB,KAAKd;AAAAA,MACLe,MAAMb,cAAc9B,mBAAmB,OAAO;AAAA,MAAW,GACrDqB;AAAAA,MAAMF,UAETC,iBACGwB,MAASjC,SAAAA,IAAIQ,UAAW0B,CAAY,YAAA;AAC9BC,YAAAA,MAAAA,eAAeD,OAAO,GAAG;AAC3B,gDACGE,MAAAA,SAAO;AAAA,YACNC,IAAK,SAAQH,QAAQI;AAAAA,YACrBC,SAASxB;AAAAA,YAETyB,UAAS;AAAA,YACTC,WAAS;AAAA,YACTC,aAAaxD,oBAAoBE;AAAAA,YACjCuD,gBAAgB;AAAA,YAChBC,eAAe;AAAA,YACfC,UAAUX,QAAQY,MAAMD;AAAAA,YAASrC,UAEhC0B;AAAAA,UAAO,GARF,OAAMA,QAAQI,KAAK;AAAA,QAW/B;AAAA,MACD,CAAA,IACD9B;AAAAA,IAAAA,CAAQ;AAAA,EAAA,CAEe;AAEnC,CAAC;;"}
1
+ {"version":3,"file":"TableBody.cjs","sources":["../../../../../src/components/Table/TableBody/TableBody.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"@core/types\";\nimport React, {\n Children,\n forwardRef,\n isValidElement,\n useContext,\n useMemo,\n useRef,\n} from \"react\";\nimport { useForkRef } from \"@core/hooks\";\nimport { HvFocus } from \"@core/components\";\nimport tableBodyClasses, { HvTableBodyClasses } from \"./tableBodyClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nexport interface HvTableBodyProps\n extends HvBaseProps<HTMLTableSectionElement, \"children\"> {\n /**\n * Content to be rendered\n */\n children: React.ReactNode;\n /**\n * The component used for the root node. Either a string to use a HTML element or a component.\n * Defaults to tbody.\n */\n component?: React.ElementType;\n /** Sets whether or not there should be arrow navigation between the table rows */\n withNavigation?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableBodyClasses;\n}\n\nconst tableSectionContext = {\n type: \"body\",\n filterClassName: \"grid\",\n};\n\nconst defaultComponent = \"tbody\";\n\nconst StyledTableBody = (c: any) =>\n styled(c)({\n backgroundColor: \"inherit\",\n position: \"relative\",\n zIndex: 0,\n });\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nexport const HvTableBody = forwardRef<HTMLElement, HvTableBodyProps>(\n (\n {\n classes,\n className,\n component,\n children,\n withNavigation = false,\n ...others\n },\n externalRef\n ) => {\n const tableContext = useContext(TableContext);\n\n const bodyRef = useRef(null);\n\n const handleRef = useForkRef(externalRef, bodyRef);\n\n const Component =\n component || tableContext?.components?.TBody || defaultComponent;\n\n const TableBody = useMemo(() => StyledTableBody(Component), [Component]);\n\n return (\n <TableSectionContext.Provider value={tableSectionContext}>\n <TableBody\n className={clsx(tableBodyClasses.root, classes?.root, className)}\n ref={handleRef}\n role={Component === defaultComponent ? null : \"rowgroup\"}\n {...others}\n >\n {withNavigation\n ? Children.map(children, (element) => {\n if (isValidElement(element)) {\n return (\n <HvFocus\n id={`my-id-${element.key}`}\n rootRef={bodyRef}\n key={`row-${element.key}`}\n strategy=\"grid\"\n filterClass={tableSectionContext.filterClassName}\n navigationJump={1}\n focusDisabled={false}\n selected={element.props.selected}\n >\n {element}\n </HvFocus>\n );\n }\n })\n : children}\n </TableBody>\n </TableSectionContext.Provider>\n );\n }\n);\n"],"names":["tableSectionContext","type","filterClassName","defaultComponent","StyledTableBody","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableBody","forwardRef","classes","className","component","children","withNavigation","others","externalRef","tableContext","useContext","TableContext","bodyRef","useRef","handleRef","useForkRef","Component","components","TBody","TableBody","useMemo","_jsx","TableSectionContext","Provider","value","clsx","tableBodyClasses","root","ref","role","Children","element","isValidElement","HvFocus","id","key","rootRef","strategy","filterClass","navigationJump","focusDisabled","selected","props"],"mappings":";;;;;;;;;;;;;;;;AAkCA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AAAA,EACNC,iBAAiB;AACnB;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MACvBC,yCAAOD,GAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIR;AAMUC,MAAAA,cAAcC,iBACzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjB,GAAGC;AACL,GACAC,gBACG;;AACGC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AAEtCC,QAAAA,UAAUC,aAAO,IAAI;AAErBC,QAAAA,YAAYC,WAAAA,QAAWP,aAAaI,OAAO;AAEjD,QAAMI,YACJZ,eAAaK,kDAAcQ,eAAdR,mBAA0BS,UAAShC;AAE5CiC,QAAAA,YAAYC,MAAAA,QAAQ,MAAMjC,gBAAgB6B,SAAS,GAAG,CAACA,SAAS,CAAC;AAGrEK,SAAAA,2BAAAA,IAACC,4BAAoBC,UAAQ;AAAA,IAACC,OAAOzC;AAAAA,IAAoBsB,yCACtDc,WAAS;AAAA,MACRhB,WAAWsB,KAAKC,KAAAA,iBAAAA,QAAiBC,MAAMzB,mCAASyB,MAAMxB,SAAS;AAAA,MAC/DyB,KAAKd;AAAAA,MACLe,MAAMb,cAAc9B,mBAAmB,OAAO;AAAA,MAAW,GACrDqB;AAAAA,MAAMF,UAETC,iBACGwB,MAASjC,SAAAA,IAAIQ,UAAW0B,CAAY,YAAA;AAC9BC,YAAAA,MAAAA,eAAeD,OAAO,GAAG;AAC3B,gDACGE,MAAAA,SAAO;AAAA,YACNC,IAAK,SAAQH,QAAQI;AAAAA,YACrBC,SAASxB;AAAAA,YAETyB,UAAS;AAAA,YACTC,aAAavD,oBAAoBE;AAAAA,YACjCsD,gBAAgB;AAAA,YAChBC,eAAe;AAAA,YACfC,UAAUV,QAAQW,MAAMD;AAAAA,YAASpC,UAEhC0B;AAAAA,UAAO,GAPF,OAAMA,QAAQI,KAQb;AAAA,QAEb;AAAA,MACD,CAAA,IACD9B;AAAAA,IAAAA,CACK;AAAA,EAAA,CACiB;AAElC,CACF;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"TableCell.cjs","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ClassNames } from \"@emotion/react\";\nimport capitalize from \"lodash/capitalize\";\nimport {\n CSSProperties,\n forwardRef,\n TdHTMLAttributes,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { checkValidHexColorValue, getVarValue, hexToRgbA } from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n HvTableCellAlign,\n HvTableCellType,\n HvTableCellVariant,\n} from \"../Table\";\nimport tableCellClasses, { HvTableCellClasses } from \"./tableCellClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { styles } from \"./TableCell.styles\";\n\nexport interface HvTableCellProps\n extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n component?: React.ElementType;\n /** Content to be rendered */\n children?: React.ReactNode;\n /** Inline styles to be applied to the root element. */\n style?: CSSProperties;\n /** Set the text-align on the table cell content. */\n align?: HvTableCellAlign;\n /** Sets the cell's variant. */\n variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n type?: HvTableCellType;\n /** Whether or not the cell is part of a sorted column. */\n sorted?: boolean;\n /** The cell is part of a sticky column. */\n stickyColumn?: boolean;\n /** The cell is part of the last sticky to the left column. */\n stickyColumnMostLeft?: boolean;\n /** The cell is part of the first sticky to the right column. */\n stickyColumnLeastRight?: boolean;\n /** The cell is part of the first column in the group. */\n groupColumnMostLeft?: boolean;\n /** The cell is part of the last column in the group. */\n groupColumnMostRight?: boolean;\n /** Whether or not the cell is resizable */\n resizable?: boolean;\n /** Whether or not the cell is being resized */\n resizing?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\ninterface StyledTableCellProps {\n $variantList: boolean;\n $variantListHead: boolean;\n $stickyColumn: boolean;\n $stickyColumnMostLeft: boolean;\n $stickyColumnLeastRight: boolean;\n $groupColumnMostLeft: boolean;\n $groupColumnMostRight: boolean;\n $resizable: boolean;\n $resizing: boolean;\n $align: string;\n $variant: string;\n $type: string;\n $sortedColor: string;\n}\n\nconst StyledTableCell = (c: any) =>\n styled(\n c,\n transientOptions\n )(({ $stickyColumn, $type, $sortedColor }: StyledTableCellProps) => ({\n ...($type === \"body\" && {\n [`&.${tableCellClasses.sorted}`]: {\n backgroundColor: $sortedColor,\n },\n }),\n ...($stickyColumn && {\n [`&.${tableCellClasses.sorted}`]: {\n backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`,\n },\n }),\n }));\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n (\n {\n children,\n component,\n className,\n style,\n classes,\n align = \"inherit\",\n variant = \"default\",\n type: typeProp,\n stickyColumn = false,\n stickyColumnMostLeft = false,\n stickyColumnLeastRight = false,\n groupColumnMostLeft = false,\n groupColumnMostRight = false,\n sorted = false,\n resizable = false,\n resizing = false,\n ...others\n },\n externalRef\n ) => {\n const { activeTheme, selectedMode } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const [sortedColorValue, setSortedColorValue] = useState<\n string | undefined\n >();\n const [sortedColorAlpha, setSortedColorAlpha] = useState<\n string | undefined\n >();\n\n const type = typeProp || tableSectionContext?.type || \"body\";\n\n const Component =\n component || tableContext?.components?.Td || defaultComponent;\n\n const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n let sortedColor =\n checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n : sortedColorValue;\n\n useEffect(() => {\n setSortedColorValue(getVarValue(theme.table.rowSortedColor));\n setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));\n\n sortedColor =\n checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n : sortedColorValue;\n }, [\n activeTheme?.colors?.modes[selectedMode],\n sortedColorValue,\n sortedColorAlpha,\n ]);\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <TableCell\n ref={externalRef}\n role={Component === defaultComponent ? null : \"cell\"}\n style={style}\n className={cx(\n tableCellClasses.root,\n className,\n classes?.root,\n css(styles.root),\n tableCellClasses[type],\n classes?.[type],\n css(styles[type]),\n align !== \"inherit\" &&\n cx(\n tableCellClasses[`align${capitalize(align)}`],\n classes?.[`align${capitalize(align)}`],\n css(styles[`align${capitalize(align)}`])\n ),\n tableContext.variant === \"listrow\" &&\n cx(\n tableCellClasses.variantList,\n classes?.variantList,\n css(styles.variantList)\n ),\n tableContext.variant === \"listrow\" &&\n type !== \"body\" &&\n cx(\n tableCellClasses.variantListHead,\n classes?.variantListHead,\n css(styles.variantListHead)\n ),\n variant !== \"default\" &&\n cx(\n tableCellClasses[`variant${capitalize(variant)}`],\n classes?.[`variant${capitalize(variant)}`],\n css(styles[`variant${capitalize(variant)}`])\n ),\n sorted &&\n cx(\n tableCellClasses.sorted,\n classes?.sorted,\n css(styles.sorted)\n ),\n stickyColumn &&\n cx(\n tableCellClasses.stickyColumn,\n classes?.stickyColumn,\n css(styles.stickyColumn)\n ),\n stickyColumnMostLeft &&\n cx(\n tableCellClasses.stickyColumnMostLeft,\n classes?.stickyColumnMostLeft,\n css(styles.stickyColumnMostLeft)\n ),\n stickyColumnLeastRight &&\n cx(\n tableCellClasses.stickyColumnLeastRight,\n classes?.stickyColumnLeastRight,\n css(styles.stickyColumnLeastRight)\n ),\n groupColumnMostLeft &&\n cx(\n tableCellClasses.groupColumnMostLeft,\n classes?.groupColumnMostLeft,\n css(styles.groupColumnMostLeft)\n ),\n groupColumnMostRight &&\n cx(\n tableCellClasses.groupColumnMostRight,\n classes?.groupColumnMostRight,\n css(styles.groupColumnMostRight)\n ),\n resizable &&\n cx(\n tableCellClasses.resizable,\n classes?.resizable,\n css(styles.resizable)\n ),\n resizing &&\n cx(\n tableCellClasses.resizing,\n classes?.resizing,\n css(styles.resizing)\n )\n )}\n $type={type}\n $stickyColumn={stickyColumn}\n $sortedColor={sortedColor}\n {...others}\n >\n {children}\n </TableCell>\n )}\n </ClassNames>\n );\n }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyColumn","$type","$sortedColor","tableCellClasses","sorted","backgroundColor","backgroundImage","HvTableCell","forwardRef","children","component","className","style","classes","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","sortedColorValue","setSortedColorValue","useState","sortedColorAlpha","setSortedColorAlpha","Component","components","Td","TableCell","useMemo","sortedColor","checkValidHexColorValue","hexToRgbA","parseFloat","useEffect","getVarValue","theme","table","rowSortedColor","rowSortedColorAlpha","colors","modes","ClassNames","css","cx","ref","role","root","styles","capitalize","variantList","variantListHead"],"mappings":"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"}
1
+ {"version":3,"file":"TableCell.cjs","sources":["../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ClassNames } from \"@emotion/react\";\nimport capitalize from \"lodash/capitalize\";\nimport {\n CSSProperties,\n forwardRef,\n TdHTMLAttributes,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { checkValidHexColorValue, getVarValue, hexToRgbA } from \"@core/utils\";\nimport { useTheme } from \"@core/hooks\";\nimport {\n HvTableCellAlign,\n HvTableCellType,\n HvTableCellVariant,\n} from \"../Table\";\nimport tableCellClasses, { HvTableCellClasses } from \"./tableCellClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { styles } from \"./TableCell.styles\";\n\nexport interface HvTableCellProps\n extends Omit<TdHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to td. */\n component?: React.ElementType;\n /** Content to be rendered */\n children?: React.ReactNode;\n /** Inline styles to be applied to the root element. */\n style?: CSSProperties;\n /** Set the text-align on the table cell content. */\n align?: HvTableCellAlign;\n /** Sets the cell's variant. */\n variant?: HvTableCellVariant | \"listcheckbox\" | \"listactions\";\n /** Specify the cell's type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n type?: HvTableCellType;\n /** Whether or not the cell is part of a sorted column. */\n sorted?: boolean;\n /** The cell is part of a sticky column. */\n stickyColumn?: boolean;\n /** The cell is part of the last sticky to the left column. */\n stickyColumnMostLeft?: boolean;\n /** The cell is part of the first sticky to the right column. */\n stickyColumnLeastRight?: boolean;\n /** The cell is part of the first column in the group. */\n groupColumnMostLeft?: boolean;\n /** The cell is part of the last column in the group. */\n groupColumnMostRight?: boolean;\n /** Whether or not the cell is resizable */\n resizable?: boolean;\n /** Whether or not the cell is being resized */\n resizing?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableCellClasses;\n}\n\nconst defaultComponent = \"td\";\n\ninterface StyledTableCellProps {\n $variantList: boolean;\n $variantListHead: boolean;\n $stickyColumn: boolean;\n $stickyColumnMostLeft: boolean;\n $stickyColumnLeastRight: boolean;\n $groupColumnMostLeft: boolean;\n $groupColumnMostRight: boolean;\n $resizable: boolean;\n $resizing: boolean;\n $align: string;\n $variant: string;\n $type: string;\n $sortedColor: string;\n}\n\nconst StyledTableCell = (c: any) =>\n styled(\n c,\n transientOptions\n )(({ $stickyColumn, $type, $sortedColor }: StyledTableCellProps) => ({\n ...($type === \"body\" && {\n [`&.${tableCellClasses.sorted}`]: {\n backgroundColor: $sortedColor,\n },\n }),\n ...($stickyColumn && {\n [`&.${tableCellClasses.sorted}`]: {\n backgroundImage: `linear-gradient(to right, ${$sortedColor}, ${$sortedColor})`,\n },\n }),\n }));\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nexport const HvTableCell = forwardRef<HTMLElement, HvTableCellProps>(\n (\n {\n children,\n component,\n className,\n style,\n classes,\n align = \"inherit\",\n variant = \"default\",\n type: typeProp,\n stickyColumn = false,\n stickyColumnMostLeft = false,\n stickyColumnLeastRight = false,\n groupColumnMostLeft = false,\n groupColumnMostRight = false,\n sorted = false,\n resizable = false,\n resizing = false,\n ...others\n },\n externalRef\n ) => {\n const { activeTheme, selectedMode } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const [sortedColorValue, setSortedColorValue] = useState<\n string | undefined\n >();\n const [sortedColorAlpha, setSortedColorAlpha] = useState<\n string | undefined\n >();\n\n const type = typeProp || tableSectionContext?.type || \"body\";\n\n const Component =\n component || tableContext?.components?.Td || defaultComponent;\n\n const TableCell = useMemo(() => StyledTableCell(Component), [Component]);\n\n let sortedColor =\n checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n : sortedColorValue;\n\n useEffect(() => {\n setSortedColorValue(getVarValue(theme.table.rowSortedColor));\n setSortedColorAlpha(getVarValue(theme.table.rowSortedColorAlpha));\n\n sortedColor =\n checkValidHexColorValue(sortedColorValue) && sortedColorAlpha\n ? hexToRgbA(sortedColorValue, parseFloat(sortedColorAlpha))\n : sortedColorValue;\n }, [\n activeTheme?.colors?.modes[selectedMode],\n sortedColorValue,\n sortedColorAlpha,\n ]);\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <TableCell\n ref={externalRef}\n role={Component === defaultComponent ? null : \"cell\"}\n style={style}\n className={cx(\n tableCellClasses.root,\n className,\n classes?.root,\n css(styles.root),\n tableCellClasses[type],\n classes?.[type],\n css(styles[type]),\n align !== \"inherit\" &&\n cx(\n tableCellClasses[`align${capitalize(align)}`],\n classes?.[`align${capitalize(align)}`],\n css(styles[`align${capitalize(align)}`])\n ),\n tableContext.variant === \"listrow\" &&\n cx(\n tableCellClasses.variantList,\n classes?.variantList,\n css(styles.variantList)\n ),\n tableContext.variant === \"listrow\" &&\n type !== \"body\" &&\n cx(\n tableCellClasses.variantListHead,\n classes?.variantListHead,\n css(styles.variantListHead)\n ),\n variant !== \"default\" &&\n cx(\n tableCellClasses[`variant${capitalize(variant)}`],\n classes?.[`variant${capitalize(variant)}`],\n css(styles[`variant${capitalize(variant)}`])\n ),\n sorted &&\n cx(\n tableCellClasses.sorted,\n classes?.sorted,\n css(styles.sorted)\n ),\n stickyColumn &&\n cx(\n tableCellClasses.stickyColumn,\n classes?.stickyColumn,\n css(styles.stickyColumn)\n ),\n stickyColumnMostLeft &&\n cx(\n tableCellClasses.stickyColumnMostLeft,\n classes?.stickyColumnMostLeft,\n css(styles.stickyColumnMostLeft)\n ),\n stickyColumnLeastRight &&\n cx(\n tableCellClasses.stickyColumnLeastRight,\n classes?.stickyColumnLeastRight,\n css(styles.stickyColumnLeastRight)\n ),\n groupColumnMostLeft &&\n cx(\n tableCellClasses.groupColumnMostLeft,\n classes?.groupColumnMostLeft,\n css(styles.groupColumnMostLeft)\n ),\n groupColumnMostRight &&\n cx(\n tableCellClasses.groupColumnMostRight,\n classes?.groupColumnMostRight,\n css(styles.groupColumnMostRight)\n ),\n resizable &&\n cx(\n tableCellClasses.resizable,\n classes?.resizable,\n css(styles.resizable)\n ),\n resizing &&\n cx(\n tableCellClasses.resizing,\n classes?.resizing,\n css(styles.resizing)\n )\n )}\n $type={type}\n $stickyColumn={stickyColumn}\n $sortedColor={sortedColor}\n {...others}\n >\n {children}\n </TableCell>\n )}\n </ClassNames>\n );\n }\n);\n"],"names":["defaultComponent","StyledTableCell","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyColumn","$type","$sortedColor","tableCellClasses","sorted","backgroundColor","backgroundImage","HvTableCell","forwardRef","children","component","className","style","classes","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","sortedColorValue","setSortedColorValue","useState","sortedColorAlpha","setSortedColorAlpha","Component","components","Td","TableCell","useMemo","sortedColor","checkValidHexColorValue","hexToRgbA","parseFloat","useEffect","getVarValue","theme","table","rowSortedColor","rowSortedColorAlpha","colors","modes","ClassNames","css","cx","ref","role","root","styles","capitalize","variantList","variantListHead"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"TableContainer.cjs","sources":["../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"@core/types\";\nimport { forwardRef, useMemo } from \"react\";\nimport tableContainerClasses, {\n HvTableContainerClasses,\n} from \"./tableContainerClasses\";\n\nexport interface HvTableContainerProps\n extends HvBaseProps<HTMLDivElement, \"children\"> {\n /**\n * Content to be rendered\n */\n children: React.ReactNode;\n /**\n * The component used for the root node. Either a string to use a HTML element or a component.\n * Defaults to tbody.\n */\n component?: React.ElementType;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableContainerClasses;\n}\n\nconst StyledTableContainer = (c: any) =>\n styled(c)({\n width: \"100%\",\n overflow: \"auto\",\n // extra padding to avoid cutting focus rings in the last line\n paddingBottom: 3,\n });\n\n/**\n * HvTableContainer is a container for the HvTable\n */\nexport const HvTableContainer = forwardRef<HTMLElement, HvTableContainerProps>(\n ({ classes, className, component, ...others }, externalRef) => {\n const Component = component || \"div\";\n\n const TableContainer = useMemo(\n () => StyledTableContainer(Component),\n [Component]\n );\n\n return (\n <TableContainer\n ref={externalRef}\n className={clsx(tableContainerClasses.root, classes?.root, className)}\n {...others}\n />\n );\n }\n);\n"],"names":["StyledTableContainer","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableContainer","forwardRef","classes","className","component","others","externalRef","Component","TableContainer","useMemo","ref","clsx","tableContainerClasses","root"],"mappings":";;;;;;;;;;;;AAuBA,MAAMA,uBAAuBA,CAACC,MAC5BC,yCAAOD,GAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKP;AAKSC,MAAAA,mBAAmBC,iBAC9B,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,EAAW,GAAGC;AAAO,GAAGC,gBAAgB;AAC7D,QAAMC,YAAYH,aAAa;AAEzBI,QAAAA,iBAAiBC,MAAAA,QACrB,MAAMtB,qBAAqBoB,SAAS,GACpC,CAACA,SAAS,CAAC;AAGb,wCACGC,gBAAc;AAAA,IACbE,KAAKJ;AAAAA,IACLH,WAAWQ,KAAKC,KAAAA,sBAAAA,QAAsBC,MAAMX,mCAASW,MAAMV,SAAS;AAAA,IAAE,GAClEE;AAAAA,EAAAA,CACJ;AAEN,CAAC;;"}
1
+ {"version":3,"file":"TableContainer.cjs","sources":["../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"@core/types\";\nimport { forwardRef, useMemo } from \"react\";\nimport tableContainerClasses, {\n HvTableContainerClasses,\n} from \"./tableContainerClasses\";\n\nexport interface HvTableContainerProps\n extends HvBaseProps<HTMLDivElement, \"children\"> {\n /**\n * Content to be rendered\n */\n children: React.ReactNode;\n /**\n * The component used for the root node. Either a string to use a HTML element or a component.\n * Defaults to tbody.\n */\n component?: React.ElementType;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableContainerClasses;\n}\n\nconst StyledTableContainer = (c: any) =>\n styled(c)({\n width: \"100%\",\n overflow: \"auto\",\n // extra padding to avoid cutting focus rings in the last line\n paddingBottom: 3,\n });\n\n/**\n * HvTableContainer is a container for the HvTable\n */\nexport const HvTableContainer = forwardRef<HTMLElement, HvTableContainerProps>(\n ({ classes, className, component, ...others }, externalRef) => {\n const Component = component || \"div\";\n\n const TableContainer = useMemo(\n () => StyledTableContainer(Component),\n [Component]\n );\n\n return (\n <TableContainer\n ref={externalRef}\n className={clsx(tableContainerClasses.root, classes?.root, className)}\n {...others}\n />\n );\n }\n);\n"],"names":["StyledTableContainer","c","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableContainer","forwardRef","classes","className","component","others","externalRef","Component","TableContainer","useMemo","ref","clsx","tableContainerClasses","root"],"mappings":";;;;;;;;;;;;AAuBA,MAAMA,uBAAuBA,CAACC,MAC5BC,yCAAOD,GAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAKR;AAKUC,MAAAA,mBAAmBC,iBAC9B,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,EAAW,GAAGC;AAAO,GAAGC,gBAAgB;AAC7D,QAAMC,YAAYH,aAAa;AAEzBI,QAAAA,iBAAiBC,MAAAA,QACrB,MAAMtB,qBAAqBoB,SAAS,GACpC,CAACA,SAAS,CACZ;AAEA,wCACGC,gBAAc;AAAA,IACbE,KAAKJ;AAAAA,IACLH,WAAWQ,KAAKC,KAAAA,sBAAAA,QAAsBC,MAAMX,mCAASW,MAAMV,SAAS;AAAA,IAAE,GAClEE;AAAAA,EAAAA,CACL;AAEL,CACF;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"TableHead.cjs","sources":["../../../../../src/components/Table/TableHead/TableHead.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"@core/types\";\nimport { forwardRef, useContext, useMemo } from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport tableHeadClasses, { HvTableHeadClasses } from \"./tableHeadClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nexport interface HvTableHeadProps\n extends HvBaseProps<HTMLTableSectionElement, \"children\"> {\n /**\n * Content to be rendered\n */\n children: React.ReactNode;\n /**\n * The component used for the root node. Either a string to use a HTML element or a component.\n * Defaults to thead.\n */\n component?: React.ElementType;\n /**\n * The table has sticky headers.\n */\n stickyHeader?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableHeadClasses;\n}\n\nconst tableSectionContext = {\n type: \"head\",\n};\n\nconst defaultComponent = \"thead\";\n\nconst StyledTableHead = (c: any) =>\n styled(\n c,\n transientOptions\n )(({ $stickyHeader }: { $stickyHeader: boolean }) => ({\n ...($stickyHeader && {\n position: \"sticky\",\n zIndex: 3,\n top: 0,\n }),\n }));\n\n/**\n * HvTableHead acts as a `thead` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles\n */\nexport const HvTableHead = forwardRef<HTMLElement, HvTableHeadProps>(\n ({ classes, className, component, stickyHeader, ...others }, externalRef) => {\n const tableContext = useContext(TableContext);\n\n const Component =\n component || tableContext?.components?.THead || defaultComponent;\n\n const TableHead = useMemo(() => StyledTableHead(Component), [Component]);\n\n return (\n <TableSectionContext.Provider value={tableSectionContext}>\n <TableHead\n className={clsx(\n tableHeadClasses.root,\n classes?.root,\n className,\n stickyHeader &&\n clsx(classes?.stickyHeader, tableHeadClasses.stickyHeader)\n )}\n ref={externalRef}\n role={Component === defaultComponent ? null : \"rowgroup\"}\n $stickyHeader={stickyHeader}\n {...others}\n />\n </TableSectionContext.Provider>\n );\n }\n);\n"],"names":["tableSectionContext","type","defaultComponent","StyledTableHead","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","position","zIndex","top","HvTableHead","forwardRef","classes","className","component","stickyHeader","others","externalRef","tableContext","useContext","TableContext","Component","components","THead","TableHead","useMemo","_jsx","TableSectionContext","Provider","value","children","clsx","tableHeadClasses","root","ref","role"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AACR;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MAErBA,iCAAAA,QAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpD,GAAIA,iBAAiB;AAAA,IACnBC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRC,KAAK;AAAA,EACP;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,imHAAA;AAMQS,MAAAA,cAAcC,iBACzB,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,EAAWC;AAAAA,EAAc,GAAGC;AAAO,GAAGC,gBAAgB;;AACrEC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AAE5C,QAAMC,YACJP,eAAaI,kDAAcI,eAAdJ,mBAA0BK,UAAS3B;AAE5C4B,QAAAA,YAAYC,MAAAA,QAAQ,MAAM5B,gBAAgBwB,SAAS,GAAG,CAACA,SAAS,CAAC;AAGrEK,SAAAA,2BAAAA,IAACC,4BAAoBC,UAAQ;AAAA,IAACC,OAAOnC;AAAAA,IAAoBoC,yCACtDN,WAAS;AAAA,MACRX,WAAWkB,KAAAA,KACTC,iBAAAA,QAAiBC,MACjBrB,mCAASqB,MACTpB,WACAE,gBACEgB,KAAKnB,KAAAA,mCAASG,cAAciB,iBAAAA,QAAiBjB,YAAY,CAAC;AAAA,MAE9DmB,KAAKjB;AAAAA,MACLkB,MAAMd,cAAczB,mBAAmB,OAAO;AAAA,MAC9CU,eAAeS;AAAAA,MAAa,GACxBC;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAEiB;AAEnC,CAAC;;"}
1
+ {"version":3,"file":"TableHead.cjs","sources":["../../../../../src/components/Table/TableHead/TableHead.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { HvBaseProps } from \"@core/types\";\nimport { forwardRef, useContext, useMemo } from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport tableHeadClasses, { HvTableHeadClasses } from \"./tableHeadClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nexport interface HvTableHeadProps\n extends HvBaseProps<HTMLTableSectionElement, \"children\"> {\n /**\n * Content to be rendered\n */\n children: React.ReactNode;\n /**\n * The component used for the root node. Either a string to use a HTML element or a component.\n * Defaults to thead.\n */\n component?: React.ElementType;\n /**\n * The table has sticky headers.\n */\n stickyHeader?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableHeadClasses;\n}\n\nconst tableSectionContext = {\n type: \"head\",\n};\n\nconst defaultComponent = \"thead\";\n\nconst StyledTableHead = (c: any) =>\n styled(\n c,\n transientOptions\n )(({ $stickyHeader }: { $stickyHeader: boolean }) => ({\n ...($stickyHeader && {\n position: \"sticky\",\n zIndex: 3,\n top: 0,\n }),\n }));\n\n/**\n * HvTableHead acts as a `thead` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit header-specific styles\n */\nexport const HvTableHead = forwardRef<HTMLElement, HvTableHeadProps>(\n ({ classes, className, component, stickyHeader, ...others }, externalRef) => {\n const tableContext = useContext(TableContext);\n\n const Component =\n component || tableContext?.components?.THead || defaultComponent;\n\n const TableHead = useMemo(() => StyledTableHead(Component), [Component]);\n\n return (\n <TableSectionContext.Provider value={tableSectionContext}>\n <TableHead\n className={clsx(\n tableHeadClasses.root,\n classes?.root,\n className,\n stickyHeader &&\n clsx(classes?.stickyHeader, tableHeadClasses.stickyHeader)\n )}\n ref={externalRef}\n role={Component === defaultComponent ? null : \"rowgroup\"}\n $stickyHeader={stickyHeader}\n {...others}\n />\n </TableSectionContext.Provider>\n );\n }\n);\n"],"names":["tableSectionContext","type","defaultComponent","StyledTableHead","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$stickyHeader","position","zIndex","top","HvTableHead","forwardRef","classes","className","component","stickyHeader","others","externalRef","tableContext","useContext","TableContext","Component","components","THead","TableHead","useMemo","_jsx","TableSectionContext","Provider","value","children","clsx","tableHeadClasses","root","ref","role"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,sBAAsB;AAAA,EAC1BC,MAAM;AACR;AAEA,MAAMC,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,MAErBA,iCAAAA,QAAAA,GAACC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACDC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpD,GAAIA,iBAAiB;AAAA,IACnBC,UAAU;AAAA,IACVC,QAAQ;AAAA,IACRC,KAAK;AAAA,EACP;AACF,IAAEV,QAAAC,IAAAC,aAAC,eAAA,KAAA,imHAAA;AAMQS,MAAAA,cAAcC,iBACzB,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,EAAWC;AAAAA,EAAc,GAAGC;AAAO,GAAGC,gBAAgB;;AACrEC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AAE5C,QAAMC,YACJP,eAAaI,kDAAcI,eAAdJ,mBAA0BK,UAAS3B;AAE5C4B,QAAAA,YAAYC,MAAAA,QAAQ,MAAM5B,gBAAgBwB,SAAS,GAAG,CAACA,SAAS,CAAC;AAGrEK,SAAAA,2BAAAA,IAACC,4BAAoBC,UAAQ;AAAA,IAACC,OAAOnC;AAAAA,IAAoBoC,yCACtDN,WAAS;AAAA,MACRX,WAAWkB,KAAAA,KACTC,iBAAAA,QAAiBC,MACjBrB,mCAASqB,MACTpB,WACAE,gBACEgB,KAAKnB,KAAAA,mCAASG,cAAciB,iBAAAA,QAAiBjB,YAAY,CAC7D;AAAA,MACAmB,KAAKjB;AAAAA,MACLkB,MAAMd,cAAczB,mBAAmB,OAAO;AAAA,MAC9CU,eAAeS;AAAAA,MAAa,GACxBC;AAAAA,IAAAA,CACL;AAAA,EAAA,CAC2B;AAElC,CACF;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"TableHeader.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import {\n CSSProperties,\n forwardRef,\n HTMLAttributes,\n ThHTMLAttributes,\n useContext,\n useMemo,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\nimport styled from \"@emotion/styled\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvTypographyProps } from \"@core/components\";\nimport { useTheme } from \"@core/hooks\";\nimport tableHeaderClasses, { HvTableHeaderClasses } from \"./tableHeaderClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport {\n StyledHeaderContent,\n StyledResizer,\n StyledButton,\n StyledTypography,\n} from \"./TableHeader.styles\";\nimport {\n HvTableCellAlign,\n HvTableCellType,\n HvTableCellVariant,\n} from \"../Table\";\n\nexport interface HvTableHeaderProps\n extends Omit<ThHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */\n component?: React.ElementType;\n /** Content to be rendered */\n children?: React.ReactNode;\n /** The scope of cells that the header element relates to. */\n scope?: \"col\" | \"row\" | \"colgroup\" | \"rowgroup\";\n /** Set the text-align on the table cell content. */\n align?: HvTableCellAlign;\n /** Sets the cell's variant. */\n variant?: HvTableCellVariant;\n /** Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n type?: HvTableCellType;\n /** The cell is part of a sticky column. */\n stickyColumn?: boolean;\n /** The cell is part of the last sticky to the left column. */\n stickyColumnMostLeft?: boolean;\n /** The cell is part of the first sticky to the right column. */\n stickyColumnLeastRight?: boolean;\n /** The cell is part of the first column in the group. */\n groupColumnMostLeft?: boolean;\n /** The cell is part of the last column in the group. */\n groupColumnMostRight?: boolean;\n /** Whether or not the cell is sorted */\n sorted?: boolean;\n /** Whether or not the cell is sortable */\n sortable?: boolean;\n /** Set sort direction icon and aria-sort. */\n sortDirection?: \"ascending\" | \"descending\" | false;\n /** Extra props to be passed onto the text in the header. */\n headerTextProps?: HvTypographyProps;\n /** Whether or not the cell is resizable */\n resizable?: boolean;\n /** Whether or not the cell is being resized */\n resizing?: boolean;\n /** The resize props injected in the resize handler */\n resizerProps?: HTMLAttributes<HTMLDivElement>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableHeaderClasses;\n}\n\nconst defaultComponent = \"th\";\n\ninterface StyledTableHeaderProps {\n $sorted: boolean;\n $resizable: boolean;\n $resizing: boolean;\n $groupColumnMostLeft: boolean;\n $groupColumnMostRight: boolean;\n $stickyColumn: boolean;\n $stickyColumnMostLeft: boolean;\n $stickyColumnLeastRight: boolean;\n $variantList: boolean;\n $align: string;\n $variant: string;\n $type: string;\n $atmo1Color: string;\n}\n\nconst StyledTableHeader = (c: any) =>\n styled(\n c,\n transientOptions\n )(\n ({\n $sorted,\n $resizable,\n $resizing,\n $groupColumnMostLeft,\n $groupColumnMostRight,\n $stickyColumn,\n $stickyColumnMostLeft,\n $stickyColumnLeastRight,\n $variantList,\n $align,\n $variant,\n $type,\n $atmo1Color,\n }: StyledTableHeaderProps) => ({\n // root\n \"--first-row-cell-height\": \"52px\",\n \"--cell-height\": \"32px\",\n height: \"var(--cell-height)\",\n verticalAlign: \"inherit\",\n textAlign: \"left\",\n padding: theme.spacing([0, \"xs\", 0, 32]),\n borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n ...($sorted && {\n [`& .${tableHeaderClasses.sortIcon}`]: {\n visibility: \"visible\",\n },\n }),\n ...($resizable && {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($resizing && {\n borderRight: `solid 2px ${theme.colors.secondary}`,\n }),\n ...($groupColumnMostLeft && {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($groupColumnMostRight && {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n // due to the \":has()\" selector not being supported in browsers,\n // this need to be managed with inline styles\n // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n \"&:last-child\": {\n borderRight: 0,\n },\n [`&+:not(.${tableHeaderClasses.stickyColumn})`]: {\n borderLeft: 0,\n },\n }),\n ...($stickyColumn && {\n position: \"sticky\",\n zIndex: 2,\n\n [`&.${tableHeaderClasses.groupColumnMostRight}+.${tableHeaderClasses.stickyColumn}`]:\n {\n borderLeft: 0,\n },\n }),\n ...($stickyColumnMostLeft && {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($stickyColumnLeastRight && {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n }),\n // align\n ...($align === \"center\" && {\n textAlign: \"center\",\n }),\n ...($align === \"justify\" && {\n textAlign: \"justify\",\n }),\n ...($align === \"left\" && {\n textAlign: \"left\",\n }),\n ...($align === \"right\" && {\n textAlign: \"right\",\n flexDirection: \"row-reverse\",\n }),\n // variant\n ...($variant === \"checkbox\" && {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($variant === \"actions\" && {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($variant === \"none\" && {\n padding: 0,\n }),\n // type\n ...($type === \"head\" && {\n \"*:first-of-type > &\": {\n height: \"var(--first-row-cell-height)\",\n borderTop: $variantList\n ? 0\n : `1px solid ${theme.table.headerBorderTopColor}`,\n },\n\n paddingTop: 8,\n verticalAlign: \"top\",\n\n backgroundColor: $variantList ? \"inherit\" : theme.colors.atmo1,\n borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,\n ...(theme.typography.label as CSSProperties),\n\n transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n [`&.${tableHeaderClasses.sortable}`]: {\n verticalAlign: \"initial\",\n paddingTop: 0,\n paddingLeft: 0,\n cursor: \"pointer\",\n\n \"&:hover\": {\n backgroundColor: theme.table.headerHoverColor,\n\n [`& .${tableHeaderClasses.sortIcon}`]: {\n visibility: \"visible\",\n },\n },\n \"&:focus-within\": {\n backgroundColor: theme.table.headerHoverColor,\n\n [`& .${tableHeaderClasses.sortIcon}`]: {\n visibility: \"visible\",\n },\n },\n },\n }),\n ...($type === \"body\" && {\n backgroundColor: \"inherit\",\n ...(theme.typography.body as CSSProperties),\n\n [`&.${tableHeaderClasses.sortable}:not(.${tableHeaderClasses.variantNone})`]:\n {\n paddingLeft: 32,\n },\n [`&.${tableHeaderClasses.sorted}`]: {\n backgroundColor: alpha(hexToRgb($atmo1Color), 0.4),\n },\n }),\n ...($variantList && {\n backgroundColor: \"inherit\",\n borderBottom: 0,\n height: 16,\n \":first-of-type > &\": {\n borderTop: 0,\n height: 16,\n },\n }),\n })\n );\n\nconst StyledSort = (c: any) =>\n styled(c)({\n display: \"inline-flex\",\n visibility: \"hidden\",\n });\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nexport const HvTableHeader = forwardRef<HTMLElement, HvTableHeaderProps>(\n (\n {\n children,\n component,\n className,\n style,\n classes,\n scope: scopeProp,\n align = \"inherit\",\n variant = \"default\",\n type: typeProp,\n stickyColumn = false,\n stickyColumnMostLeft = false,\n stickyColumnLeastRight = false,\n groupColumnMostLeft = false,\n groupColumnMostRight = false,\n sortDirection = \"none\",\n sorted,\n sortable,\n headerTextProps,\n resizerProps = {},\n resizable = false,\n resizing = false,\n ...others\n },\n externalRef\n ) => {\n const { activeTheme, selectedMode } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const type = typeProp || tableSectionContext?.type || \"body\";\n const isHeadCell = type === \"head\";\n\n const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n const Sort = useMemo(\n () => getSortIcon(sorted && sortDirection),\n [sorted, sortDirection]\n );\n\n const SortComponent = useMemo(() => StyledSort(Sort), [Sort]);\n\n const Component =\n component || tableContext?.components?.Th || defaultComponent;\n\n const role =\n Component === defaultComponent\n ? null\n : isHeadCell\n ? \"columnheader\"\n : \"rowheader\";\n const paragraph = isParagraph(children);\n\n const TableHeader = StyledTableHeader(Component);\n\n return (\n <TableHeader\n ref={externalRef}\n role={role}\n scope={scope}\n style={style}\n className={clsx(\n className,\n tableHeaderClasses.root,\n classes?.root,\n tableHeaderClasses[type],\n classes?.[type],\n groupColumnMostLeft &&\n clsx(\n tableHeaderClasses.groupColumnMostLeft,\n classes?.groupColumnMostLeft\n ),\n groupColumnMostRight &&\n clsx(\n tableHeaderClasses.groupColumnMostRight,\n classes?.groupColumnMostRight\n ),\n sortable && clsx(tableHeaderClasses.sortable, classes?.sortable),\n sorted && clsx(tableHeaderClasses.sorted, classes?.sorted),\n resizable && clsx(tableHeaderClasses.resizable, classes?.resizable),\n resizing && clsx(tableHeaderClasses.resizing, classes?.resizing),\n stickyColumn &&\n clsx(tableHeaderClasses.stickyColumn, classes?.stickyColumn),\n stickyColumnMostLeft &&\n clsx(\n tableHeaderClasses.stickyColumnMostLeft,\n classes?.stickyColumnMostLeft\n ),\n stickyColumnLeastRight &&\n clsx(\n tableHeaderClasses.stickyColumnLeastRight,\n classes?.stickyColumnLeastRight\n ),\n tableContext.variant === \"listrow\" &&\n clsx(tableHeaderClasses.variantList, classes?.variantList),\n align !== \"inherit\" &&\n clsx(\n tableHeaderClasses[`align${capitalize(align)}`],\n classes?.[`align${capitalize(align)}`]\n ),\n variant !== \"default\" &&\n clsx(\n tableHeaderClasses[`variant${capitalize(variant)}`],\n classes?.[`variant${capitalize(variant)}`]\n )\n )}\n aria-sort={sortable ? sortDirection : undefined}\n $sortable={sortable}\n $sorted={sorted}\n $resizable={resizable}\n $resizing={resizing}\n $groupColumnMostLeft={groupColumnMostLeft}\n $groupColumnMostRight={groupColumnMostRight}\n $stickyColumn={stickyColumn}\n $stickyColumnMostLeft={stickyColumnMostLeft}\n $stickyColumnLeastRight={stickyColumnLeastRight}\n $align={align}\n $variant={variant}\n $variantList={tableContext.variant === \"listrow\"}\n $type={type}\n $atmo1Color={\n activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n }\n {...others}\n >\n <StyledHeaderContent\n className={clsx(\n tableHeaderClasses.headerContent,\n classes?.headerContent,\n align !== \"inherit\" &&\n clsx(\n tableHeaderClasses[`alignFlex${capitalize(align)}`],\n classes?.[`alignFlex${capitalize(align)}`]\n )\n )}\n $align={align}\n >\n {isHeadCell && sortable && (\n <StyledButton\n className={clsx(\n tableHeaderClasses.sortButton,\n classes?.sortButton\n )}\n icon\n variant=\"secondaryGhost\"\n overrideIconColors={false}\n >\n <SortComponent\n className={clsx(tableHeaderClasses.sortIcon, classes?.sortIcon)}\n />\n </StyledButton>\n )}\n <StyledTypography\n component=\"div\"\n className={clsx(\n !paragraph &&\n clsx(tableHeaderClasses.headerText, classes?.headerText),\n paragraph &&\n clsx(\n tableHeaderClasses.headerParagraph,\n classes?.headerParagraph\n ),\n sortable &&\n clsx(\n tableHeaderClasses.sortableHeaderText,\n classes?.sortableHeaderText\n )\n )}\n variant=\"label\"\n $headerText={!paragraph}\n $headerParagraph={paragraph}\n $sortableHeaderText={!!sortable}\n {...headerTextProps}\n >\n {children}\n </StyledTypography>\n {resizable && (\n <StyledResizer\n {...resizerProps}\n className={clsx(tableHeaderClasses.resizer, classes?.resizer)}\n />\n )}\n </StyledHeaderContent>\n </TableHeader>\n );\n }\n);\n"],"names":["defaultComponent","StyledTableHeader","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$sorted","$resizable","$resizing","$groupColumnMostLeft","$groupColumnMostRight","$stickyColumn","$stickyColumnMostLeft","$stickyColumnLeastRight","$variantList","$align","$variant","$type","$atmo1Color","height","verticalAlign","textAlign","padding","theme","spacing","borderBottom","colors","atmo4","tableHeaderClasses","sortIcon","visibility","borderRight","secondary","borderLeft","stickyColumn","position","zIndex","groupColumnMostRight","flexDirection","width","maxWidth","borderTop","table","headerBorderTopColor","paddingTop","backgroundColor","atmo1","typography","transition","sortable","paddingLeft","cursor","headerHoverColor","body","variantNone","sorted","alpha","hexToRgb","StyledSort","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableHeader","forwardRef","children","component","className","style","classes","scope","scopeProp","align","variant","type","typeProp","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","sortDirection","headerTextProps","resizerProps","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","useMemo","getSortIcon","SortComponent","Component","components","Th","role","paragraph","isParagraph","TableHeader","ref","clsx","root","variantList","capitalize","undefined","$sortable","modes","StyledHeaderContent","headerContent","StyledButton","sortButton","icon","overrideIconColors","_jsx","StyledTypography","headerText","headerParagraph","sortableHeaderText","$headerText","$headerParagraph","$sortableHeaderText","StyledResizer","resizer"],"mappings":"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"}
1
+ {"version":3,"file":"TableHeader.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import {\n CSSProperties,\n forwardRef,\n HTMLAttributes,\n ThHTMLAttributes,\n useContext,\n useMemo,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\nimport styled from \"@emotion/styled\";\nimport { hexToRgb, alpha } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvTypographyProps } from \"@core/components\";\nimport { useTheme } from \"@core/hooks\";\nimport tableHeaderClasses, { HvTableHeaderClasses } from \"./tableHeaderClasses\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport {\n StyledHeaderContent,\n StyledResizer,\n StyledButton,\n StyledTypography,\n} from \"./TableHeader.styles\";\nimport {\n HvTableCellAlign,\n HvTableCellType,\n HvTableCellVariant,\n} from \"../Table\";\n\nexport interface HvTableHeaderProps\n extends Omit<ThHTMLAttributes<HTMLTableCellElement>, \"align\"> {\n /** The component used for the root node. Either a string to use a HTML element or a component. Defaults to th. */\n component?: React.ElementType;\n /** Content to be rendered */\n children?: React.ReactNode;\n /** The scope of cells that the header element relates to. */\n scope?: \"col\" | \"row\" | \"colgroup\" | \"rowgroup\";\n /** Set the text-align on the table cell content. */\n align?: HvTableCellAlign;\n /** Sets the cell's variant. */\n variant?: HvTableCellVariant;\n /** Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components. */\n type?: HvTableCellType;\n /** The cell is part of a sticky column. */\n stickyColumn?: boolean;\n /** The cell is part of the last sticky to the left column. */\n stickyColumnMostLeft?: boolean;\n /** The cell is part of the first sticky to the right column. */\n stickyColumnLeastRight?: boolean;\n /** The cell is part of the first column in the group. */\n groupColumnMostLeft?: boolean;\n /** The cell is part of the last column in the group. */\n groupColumnMostRight?: boolean;\n /** Whether or not the cell is sorted */\n sorted?: boolean;\n /** Whether or not the cell is sortable */\n sortable?: boolean;\n /** Set sort direction icon and aria-sort. */\n sortDirection?: \"ascending\" | \"descending\" | false;\n /** Extra props to be passed onto the text in the header. */\n headerTextProps?: HvTypographyProps;\n /** Whether or not the cell is resizable */\n resizable?: boolean;\n /** Whether or not the cell is being resized */\n resizing?: boolean;\n /** The resize props injected in the resize handler */\n resizerProps?: HTMLAttributes<HTMLDivElement>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvTableHeaderClasses;\n}\n\nconst defaultComponent = \"th\";\n\ninterface StyledTableHeaderProps {\n $sorted: boolean;\n $resizable: boolean;\n $resizing: boolean;\n $groupColumnMostLeft: boolean;\n $groupColumnMostRight: boolean;\n $stickyColumn: boolean;\n $stickyColumnMostLeft: boolean;\n $stickyColumnLeastRight: boolean;\n $variantList: boolean;\n $align: string;\n $variant: string;\n $type: string;\n $atmo1Color: string;\n}\n\nconst StyledTableHeader = (c: any) =>\n styled(\n c,\n transientOptions\n )(\n ({\n $sorted,\n $resizable,\n $resizing,\n $groupColumnMostLeft,\n $groupColumnMostRight,\n $stickyColumn,\n $stickyColumnMostLeft,\n $stickyColumnLeastRight,\n $variantList,\n $align,\n $variant,\n $type,\n $atmo1Color,\n }: StyledTableHeaderProps) => ({\n // root\n \"--first-row-cell-height\": \"52px\",\n \"--cell-height\": \"32px\",\n height: \"var(--cell-height)\",\n verticalAlign: \"inherit\",\n textAlign: \"left\",\n padding: theme.spacing([0, \"xs\", 0, 32]),\n borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n ...($sorted && {\n [`& .${tableHeaderClasses.sortIcon}`]: {\n visibility: \"visible\",\n },\n }),\n ...($resizable && {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($resizing && {\n borderRight: `solid 2px ${theme.colors.secondary}`,\n }),\n ...($groupColumnMostLeft && {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($groupColumnMostRight && {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n // due to the \":has()\" selector not being supported in browsers,\n // this need to be managed with inline styles\n // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n \"&:last-child\": {\n borderRight: 0,\n },\n [`&+:not(.${tableHeaderClasses.stickyColumn})`]: {\n borderLeft: 0,\n },\n }),\n ...($stickyColumn && {\n position: \"sticky\",\n zIndex: 2,\n\n [`&.${tableHeaderClasses.groupColumnMostRight}+.${tableHeaderClasses.stickyColumn}`]:\n {\n borderLeft: 0,\n },\n }),\n ...($stickyColumnMostLeft && {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($stickyColumnLeastRight && {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n }),\n // align\n ...($align === \"center\" && {\n textAlign: \"center\",\n }),\n ...($align === \"justify\" && {\n textAlign: \"justify\",\n }),\n ...($align === \"left\" && {\n textAlign: \"left\",\n }),\n ...($align === \"right\" && {\n textAlign: \"right\",\n flexDirection: \"row-reverse\",\n }),\n // variant\n ...($variant === \"checkbox\" && {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($variant === \"actions\" && {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n }),\n ...($variant === \"none\" && {\n padding: 0,\n }),\n // type\n ...($type === \"head\" && {\n \"*:first-of-type > &\": {\n height: \"var(--first-row-cell-height)\",\n borderTop: $variantList\n ? 0\n : `1px solid ${theme.table.headerBorderTopColor}`,\n },\n\n paddingTop: 8,\n verticalAlign: \"top\",\n\n backgroundColor: $variantList ? \"inherit\" : theme.colors.atmo1,\n borderBottom: $variantList ? 0 : `1px solid ${theme.colors.atmo4}`,\n ...(theme.typography.label as CSSProperties),\n\n transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n [`&.${tableHeaderClasses.sortable}`]: {\n verticalAlign: \"initial\",\n paddingTop: 0,\n paddingLeft: 0,\n cursor: \"pointer\",\n\n \"&:hover\": {\n backgroundColor: theme.table.headerHoverColor,\n\n [`& .${tableHeaderClasses.sortIcon}`]: {\n visibility: \"visible\",\n },\n },\n \"&:focus-within\": {\n backgroundColor: theme.table.headerHoverColor,\n\n [`& .${tableHeaderClasses.sortIcon}`]: {\n visibility: \"visible\",\n },\n },\n },\n }),\n ...($type === \"body\" && {\n backgroundColor: \"inherit\",\n ...(theme.typography.body as CSSProperties),\n\n [`&.${tableHeaderClasses.sortable}:not(.${tableHeaderClasses.variantNone})`]:\n {\n paddingLeft: 32,\n },\n [`&.${tableHeaderClasses.sorted}`]: {\n backgroundColor: alpha(hexToRgb($atmo1Color), 0.4),\n },\n }),\n ...($variantList && {\n backgroundColor: \"inherit\",\n borderBottom: 0,\n height: 16,\n \":first-of-type > &\": {\n borderTop: 0,\n height: 16,\n },\n }),\n })\n );\n\nconst StyledSort = (c: any) =>\n styled(c)({\n display: \"inline-flex\",\n visibility: \"hidden\",\n });\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nexport const HvTableHeader = forwardRef<HTMLElement, HvTableHeaderProps>(\n (\n {\n children,\n component,\n className,\n style,\n classes,\n scope: scopeProp,\n align = \"inherit\",\n variant = \"default\",\n type: typeProp,\n stickyColumn = false,\n stickyColumnMostLeft = false,\n stickyColumnLeastRight = false,\n groupColumnMostLeft = false,\n groupColumnMostRight = false,\n sortDirection = \"none\",\n sorted,\n sortable,\n headerTextProps,\n resizerProps = {},\n resizable = false,\n resizing = false,\n ...others\n },\n externalRef\n ) => {\n const { activeTheme, selectedMode } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const type = typeProp || tableSectionContext?.type || \"body\";\n const isHeadCell = type === \"head\";\n\n const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n const Sort = useMemo(\n () => getSortIcon(sorted && sortDirection),\n [sorted, sortDirection]\n );\n\n const SortComponent = useMemo(() => StyledSort(Sort), [Sort]);\n\n const Component =\n component || tableContext?.components?.Th || defaultComponent;\n\n const role =\n Component === defaultComponent\n ? null\n : isHeadCell\n ? \"columnheader\"\n : \"rowheader\";\n const paragraph = isParagraph(children);\n\n const TableHeader = StyledTableHeader(Component);\n\n return (\n <TableHeader\n ref={externalRef}\n role={role}\n scope={scope}\n style={style}\n className={clsx(\n className,\n tableHeaderClasses.root,\n classes?.root,\n tableHeaderClasses[type],\n classes?.[type],\n groupColumnMostLeft &&\n clsx(\n tableHeaderClasses.groupColumnMostLeft,\n classes?.groupColumnMostLeft\n ),\n groupColumnMostRight &&\n clsx(\n tableHeaderClasses.groupColumnMostRight,\n classes?.groupColumnMostRight\n ),\n sortable && clsx(tableHeaderClasses.sortable, classes?.sortable),\n sorted && clsx(tableHeaderClasses.sorted, classes?.sorted),\n resizable && clsx(tableHeaderClasses.resizable, classes?.resizable),\n resizing && clsx(tableHeaderClasses.resizing, classes?.resizing),\n stickyColumn &&\n clsx(tableHeaderClasses.stickyColumn, classes?.stickyColumn),\n stickyColumnMostLeft &&\n clsx(\n tableHeaderClasses.stickyColumnMostLeft,\n classes?.stickyColumnMostLeft\n ),\n stickyColumnLeastRight &&\n clsx(\n tableHeaderClasses.stickyColumnLeastRight,\n classes?.stickyColumnLeastRight\n ),\n tableContext.variant === \"listrow\" &&\n clsx(tableHeaderClasses.variantList, classes?.variantList),\n align !== \"inherit\" &&\n clsx(\n tableHeaderClasses[`align${capitalize(align)}`],\n classes?.[`align${capitalize(align)}`]\n ),\n variant !== \"default\" &&\n clsx(\n tableHeaderClasses[`variant${capitalize(variant)}`],\n classes?.[`variant${capitalize(variant)}`]\n )\n )}\n aria-sort={sortable ? sortDirection : undefined}\n $sortable={sortable}\n $sorted={sorted}\n $resizable={resizable}\n $resizing={resizing}\n $groupColumnMostLeft={groupColumnMostLeft}\n $groupColumnMostRight={groupColumnMostRight}\n $stickyColumn={stickyColumn}\n $stickyColumnMostLeft={stickyColumnMostLeft}\n $stickyColumnLeastRight={stickyColumnLeastRight}\n $align={align}\n $variant={variant}\n $variantList={tableContext.variant === \"listrow\"}\n $type={type}\n $atmo1Color={\n activeTheme?.colors?.modes[selectedMode].atmo1 || theme.colors.atmo1\n }\n {...others}\n >\n <StyledHeaderContent\n className={clsx(\n tableHeaderClasses.headerContent,\n classes?.headerContent,\n align !== \"inherit\" &&\n clsx(\n tableHeaderClasses[`alignFlex${capitalize(align)}`],\n classes?.[`alignFlex${capitalize(align)}`]\n )\n )}\n $align={align}\n >\n {isHeadCell && sortable && (\n <StyledButton\n className={clsx(\n tableHeaderClasses.sortButton,\n classes?.sortButton\n )}\n icon\n variant=\"secondaryGhost\"\n overrideIconColors={false}\n >\n <SortComponent\n className={clsx(tableHeaderClasses.sortIcon, classes?.sortIcon)}\n />\n </StyledButton>\n )}\n <StyledTypography\n component=\"div\"\n className={clsx(\n !paragraph &&\n clsx(tableHeaderClasses.headerText, classes?.headerText),\n paragraph &&\n clsx(\n tableHeaderClasses.headerParagraph,\n classes?.headerParagraph\n ),\n sortable &&\n clsx(\n tableHeaderClasses.sortableHeaderText,\n classes?.sortableHeaderText\n )\n )}\n variant=\"label\"\n $headerText={!paragraph}\n $headerParagraph={paragraph}\n $sortableHeaderText={!!sortable}\n {...headerTextProps}\n >\n {children}\n </StyledTypography>\n {resizable && (\n <StyledResizer\n {...resizerProps}\n className={clsx(tableHeaderClasses.resizer, classes?.resizer)}\n />\n )}\n </StyledHeaderContent>\n </TableHeader>\n );\n }\n);\n"],"names":["defaultComponent","StyledTableHeader","c","process","env","NODE_ENV","_extends","target","transientOptions","label","$sorted","$resizable","$resizing","$groupColumnMostLeft","$groupColumnMostRight","$stickyColumn","$stickyColumnMostLeft","$stickyColumnLeastRight","$variantList","$align","$variant","$type","$atmo1Color","height","verticalAlign","textAlign","padding","theme","spacing","borderBottom","colors","atmo4","tableHeaderClasses","sortIcon","visibility","borderRight","secondary","borderLeft","stickyColumn","position","zIndex","groupColumnMostRight","flexDirection","width","maxWidth","borderTop","table","headerBorderTopColor","paddingTop","backgroundColor","atmo1","typography","transition","sortable","paddingLeft","cursor","headerHoverColor","body","variantNone","sorted","alpha","hexToRgb","StyledSort","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvTableHeader","forwardRef","children","component","className","style","classes","scope","scopeProp","align","variant","type","typeProp","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","sortDirection","headerTextProps","resizerProps","resizable","resizing","others","externalRef","activeTheme","selectedMode","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","useMemo","getSortIcon","SortComponent","Component","components","Th","role","paragraph","isParagraph","TableHeader","ref","clsx","root","variantList","capitalize","undefined","$sortable","modes","StyledHeaderContent","headerContent","StyledButton","sortButton","icon","overrideIconColors","_jsx","StyledTypography","headerText","headerParagraph","sortableHeaderText","$headerText","$headerParagraph","$sortableHeaderText","StyledResizer","resizer"],"mappings":"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"}