@hitachivantara/uikit-react-core 3.68.1 → 3.68.4

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 (282) hide show
  1. package/dist/Accordion/Accordion.js.map +1 -1
  2. package/dist/ActionBar/ActionBar.js.map +1 -1
  3. package/dist/ActionsGeneric/ActionsGeneric.js.map +1 -1
  4. package/dist/AppSwitcher/Action/Action.js.map +1 -1
  5. package/dist/AppSwitcher/AppSwitcher.js.map +1 -1
  6. package/dist/AppSwitcher/TitleWithTooltip.js.map +1 -1
  7. package/dist/AssetInventory/AssetInventory.js.map +1 -1
  8. package/dist/AssetInventory/CardView/CardView.js.map +1 -1
  9. package/dist/AssetInventory/ListView/ListView.js.map +1 -1
  10. package/dist/AssetInventory/ListView/ListViewCell/ListViewCell.js.map +1 -1
  11. package/dist/AssetInventory/ListView/ListViewCell/styles.js.map +1 -1
  12. package/dist/AssetInventory/ListView/ListViewContext/ListViewContext.js.map +1 -1
  13. package/dist/AssetInventory/ListView/ListViewHeaderRow/ListViewHeaderRow.js.map +1 -1
  14. package/dist/AssetInventory/ListView/ListViewRow/ListViewRow.js.map +1 -1
  15. package/dist/AssetInventory/Multibutton/Multibutton.js.map +1 -1
  16. package/dist/AssetInventory/Search/Search.js.map +1 -1
  17. package/dist/AssetInventory/Sort/Sort.js.map +1 -1
  18. package/dist/AssetInventory/setActionsId.js.map +1 -1
  19. package/dist/Avatar/Avatar.js.map +1 -1
  20. package/dist/Badge/Badge.js.map +1 -1
  21. package/dist/Banner/Banner.js.map +1 -1
  22. package/dist/Banner/BannerWrapper/ActionContainer/ActionContainer.js.map +1 -1
  23. package/dist/Banner/BannerWrapper/ActionContainer/styles.js.map +1 -1
  24. package/dist/Banner/BannerWrapper/BannerContentWrapper.js.map +1 -1
  25. package/dist/Banner/BannerWrapper/MessageContainer/MessageContainer.js.map +1 -1
  26. package/dist/BaseCheckBox/BaseCheckBox.js.map +1 -1
  27. package/dist/BaseDropdown/BaseDropdown.js.map +1 -1
  28. package/dist/BaseDropdown/BaseDropdownContext/BaseDropdownContext.js.map +1 -1
  29. package/dist/BaseInput/BaseInput.js.map +1 -1
  30. package/dist/BaseInput/validations.js.map +1 -1
  31. package/dist/BaseRadio/BaseRadio.js.map +1 -1
  32. package/dist/BaseSwitch/BaseSwitch.js.map +1 -1
  33. package/dist/BreadCrumb/BreadCrumb.js.map +1 -1
  34. package/dist/BreadCrumb/utils.js.map +1 -1
  35. package/dist/BulkActions/BulkActions.js.map +1 -1
  36. package/dist/BulkActions/styles.js.map +1 -1
  37. package/dist/Button/Button.js.map +1 -1
  38. package/dist/Button/materialConfigurarion.js.map +1 -1
  39. package/dist/Button/styles.js.map +1 -1
  40. package/dist/Calendar/Calendar.js.map +1 -1
  41. package/dist/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
  42. package/dist/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js.map +1 -1
  43. package/dist/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js.map +1 -1
  44. package/dist/Calendar/CalendarNavigation/Navigation/Navigation.js.map +1 -1
  45. package/dist/Calendar/CalendarWeekLabels/CalendarWeekLabels.js.map +1 -1
  46. package/dist/Calendar/SingleCalendar/CalendarCell.js.map +1 -1
  47. package/dist/Calendar/SingleCalendar/SingleCalendar.js.map +1 -1
  48. package/dist/Calendar/model.js.map +1 -1
  49. package/dist/Calendar/utils.js.map +1 -1
  50. package/dist/Card/Card.js.map +1 -1
  51. package/dist/Card/Content/Content.js.map +1 -1
  52. package/dist/Card/Header/Header.js.map +1 -1
  53. package/dist/Card/Media/Media.js.map +1 -1
  54. package/dist/Card/styles.js.map +1 -1
  55. package/dist/CheckBox/CheckBox.js.map +1 -1
  56. package/dist/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
  57. package/dist/Container/Container.js.map +1 -1
  58. package/dist/DatePicker/DatePicker.js.map +1 -1
  59. package/dist/DatePicker/useVisibleDate.js.map +1 -1
  60. package/dist/DatePicker/utils.js.map +1 -1
  61. package/dist/Dialog/Dialog.js.map +1 -1
  62. package/dist/Dialog/DialogActions/DialogActions.js.map +1 -1
  63. package/dist/Dialog/DialogContent/DialogContent.js.map +1 -1
  64. package/dist/Dialog/DialogTitle/DialogTitle.js.map +1 -1
  65. package/dist/Dialog/styles.js.map +1 -1
  66. package/dist/DropDownMenu/DropDownMenu.js.map +1 -1
  67. package/dist/Dropdown/Dropdown.js.map +1 -1
  68. package/dist/Dropdown/List/List.js.map +1 -1
  69. package/dist/EmptyState/EmptyState.js.map +1 -1
  70. package/dist/FileUploader/DropZone/DropZone.js.map +1 -1
  71. package/dist/FileUploader/File/File.js.map +1 -1
  72. package/dist/FileUploader/FileList/FileList.js.map +1 -1
  73. package/dist/FileUploader/FileUploader.js.map +1 -1
  74. package/dist/FileUploader/Preview/Preview.js.map +1 -1
  75. package/dist/FilterGroup/Counter/Counter.js.map +1 -1
  76. package/dist/FilterGroup/Counter/styles.js.map +1 -1
  77. package/dist/FilterGroup/FilterContent/FilterContent.js.map +1 -1
  78. package/dist/FilterGroup/FilterContent/styles.js.map +1 -1
  79. package/dist/FilterGroup/FilterGroup.js.map +1 -1
  80. package/dist/FilterGroup/FilterGroupContext.js.map +1 -1
  81. package/dist/FilterGroup/LeftPanel/LeftPanel.js.map +1 -1
  82. package/dist/FilterGroup/LeftPanel/styles.js.map +1 -1
  83. package/dist/FilterGroup/RightPanel/RightPanel.js.map +1 -1
  84. package/dist/FilterGroup/RightPanel/styles.js.map +1 -1
  85. package/dist/FilterGroup/styles.js.map +1 -1
  86. package/dist/Focus/Focus.js.map +1 -1
  87. package/dist/Focus/utils.js.map +1 -1
  88. package/dist/Footer/Footer.js.map +1 -1
  89. package/dist/Forms/Adornment/Adornment.js.map +1 -1
  90. package/dist/Forms/CharCounter/CharCounter.js.map +1 -1
  91. package/dist/Forms/FormElement/FormElement.js.map +1 -1
  92. package/dist/Forms/FormElement/context/FormElementContext.js.map +1 -1
  93. package/dist/Forms/FormElement/context/FormElementDescriptorsContext.js.map +1 -1
  94. package/dist/Forms/FormElement/context/FormElementValueContext.js.map +1 -1
  95. package/dist/Forms/FormElement/utils/FormUtils.js.map +1 -1
  96. package/dist/Forms/InfoMessage/InfoMessage.js.map +1 -1
  97. package/dist/Forms/Label/Label.js.map +1 -1
  98. package/dist/Forms/Suggestions/Suggestions.js.map +1 -1
  99. package/dist/Forms/WarningText/WarningText.js.map +1 -1
  100. package/dist/GlobalActions/GlobalActions.js.map +1 -1
  101. package/dist/Grid/Grid.js.map +1 -1
  102. package/dist/Header/Actions/Actions.js.map +1 -1
  103. package/dist/Header/Brand/Brand.js.map +1 -1
  104. package/dist/Header/Header.js.map +1 -1
  105. package/dist/Header/Navigation/MenuBar/MenuBar.js +5 -1
  106. package/dist/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
  107. package/dist/Header/Navigation/MenuItem/MenuItem.js +29 -9
  108. package/dist/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
  109. package/dist/Header/Navigation/MenuItem/styles.js +4 -0
  110. package/dist/Header/Navigation/MenuItem/styles.js.map +1 -1
  111. package/dist/Header/Navigation/Navigation.d.ts +4 -0
  112. package/dist/Header/Navigation/Navigation.js +5 -1
  113. package/dist/Header/Navigation/Navigation.js.map +1 -1
  114. package/dist/Header/Navigation/utils/FocusContext.js.map +1 -1
  115. package/dist/Header/Navigation/utils/SelectionContext.js.map +1 -1
  116. package/dist/Header/Navigation/utils/useSelectionPath.js.map +1 -1
  117. package/dist/Input/Input.js.map +1 -1
  118. package/dist/Kpi/Kpi.js.map +1 -1
  119. package/dist/Link/Link.js.map +1 -1
  120. package/dist/List/List.js +20 -16
  121. package/dist/List/List.js.map +1 -1
  122. package/dist/List/useSelectableList.js.map +1 -1
  123. package/dist/List/utils.js.map +1 -1
  124. package/dist/ListContainer/ListContainer.js.map +1 -1
  125. package/dist/ListContainer/ListContext/ListContext.js.map +1 -1
  126. package/dist/ListContainer/ListItem/ListItem.js.map +1 -1
  127. package/dist/Loading/Loading.js.map +1 -1
  128. package/dist/Login/Login.js.map +1 -1
  129. package/dist/Login/styles.js.map +1 -1
  130. package/dist/MultiButton/MultiButton.js.map +1 -1
  131. package/dist/OverflowTooltip/OverflowTooltip.js.map +1 -1
  132. package/dist/Pagination/Pagination.js.map +1 -1
  133. package/dist/Pagination/Select.js.map +1 -1
  134. package/dist/Pagination/utils.js.map +1 -1
  135. package/dist/Panel/Panel.js.map +1 -1
  136. package/dist/Provider/Provider.js.map +1 -1
  137. package/dist/Provider/context.js.map +1 -1
  138. package/dist/Provider/useLocale.js.map +1 -1
  139. package/dist/Radio/Radio.js.map +1 -1
  140. package/dist/RadioGroup/RadioGroup.js.map +1 -1
  141. package/dist/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js.map +1 -1
  142. package/dist/ScrollTo/Horizontal/ScrollToHorizontal.js.map +1 -1
  143. package/dist/ScrollTo/Horizontal/styles.js.map +1 -1
  144. package/dist/ScrollTo/Vertical/ScrollToVertical.js.map +1 -1
  145. package/dist/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map +1 -1
  146. package/dist/ScrollTo/Vertical/styles.js.map +1 -1
  147. package/dist/ScrollTo/useScrollTo.js.map +1 -1
  148. package/dist/ScrollTo/withTooltip.js.map +1 -1
  149. package/dist/SelectionList/SelectionList.js.map +1 -1
  150. package/dist/SimpleGrid/SimpleGrid.js.map +1 -1
  151. package/dist/SimpleGrid/styles.js.map +1 -1
  152. package/dist/Slider/Slider.js.map +1 -1
  153. package/dist/Slider/SliderInput/SliderInput.js.map +1 -1
  154. package/dist/Slider/utils.js.map +1 -1
  155. package/dist/Snackbar/Snackbar.js.map +1 -1
  156. package/dist/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js.map +1 -1
  157. package/dist/Snackbar/SnackbarProvider/SnackbarProvider.js.map +1 -1
  158. package/dist/Stack/Stack.js.map +1 -1
  159. package/dist/Switch/Switch.js.map +1 -1
  160. package/dist/Tab/Tab.js.map +1 -1
  161. package/dist/Table/CellWithTooltip/index.js.map +1 -1
  162. package/dist/Table/Header/Header.js.map +1 -1
  163. package/dist/Table/NoData/index.js.map +1 -1
  164. package/dist/Table/NoData/styles.js.map +1 -1
  165. package/dist/Table/Table.js +19 -22
  166. package/dist/Table/Table.js.map +1 -1
  167. package/dist/Table/columnUtils.js.map +1 -1
  168. package/dist/Table/selectTable.js.map +1 -1
  169. package/dist/Table/styles.js.map +1 -1
  170. package/dist/Tabs/Tabs.js.map +1 -1
  171. package/dist/Tag/Tag.js.map +1 -1
  172. package/dist/Tag/styles.js.map +1 -1
  173. package/dist/TagsInput/TagsInput.js.map +1 -1
  174. package/dist/TextArea/TextArea.js.map +1 -1
  175. package/dist/TimePicker/PeriodPicker/PeriodPicker.js.map +1 -1
  176. package/dist/TimePicker/PeriodPicker/index.js.map +1 -1
  177. package/dist/TimePicker/TimePicker.js.map +1 -1
  178. package/dist/TimePicker/UnitTimePicker/UnitTimePicker.js.map +1 -1
  179. package/dist/TimePicker/UnitTimePicker/index.js.map +1 -1
  180. package/dist/TimePicker/timePickerConverter.js.map +1 -1
  181. package/dist/TimePicker/timePickerFormatter.js.map +1 -1
  182. package/dist/TimePicker/timePickerUtils.js.map +1 -1
  183. package/dist/ToggleButton/ToggleButton.js.map +1 -1
  184. package/dist/Tooltip/Tooltip.js.map +1 -1
  185. package/dist/Typography/Typography.js.map +1 -1
  186. package/dist/UserPreferences/Action/Action.js.map +1 -1
  187. package/dist/UserPreferences/Action/styles.js.map +1 -1
  188. package/dist/UserPreferences/Actions/Actions.js.map +1 -1
  189. package/dist/UserPreferences/Options/Group/Group.js.map +1 -1
  190. package/dist/UserPreferences/Options/Label/Label.js.map +1 -1
  191. package/dist/UserPreferences/Options/Option.js.map +1 -1
  192. package/dist/UserPreferences/Options/Options.js.map +1 -1
  193. package/dist/UserPreferences/Options/OptionsContext.js.map +1 -1
  194. package/dist/UserPreferences/Options/styles.js.map +1 -1
  195. package/dist/UserPreferences/UserPreferences.js.map +1 -1
  196. package/dist/VerticalNavigation/Actions/Action.js.map +1 -1
  197. package/dist/VerticalNavigation/Actions/Actions.js.map +1 -1
  198. package/dist/VerticalNavigation/Navigation/Navigation.d.ts +8 -0
  199. package/dist/VerticalNavigation/Navigation/Navigation.js +10 -3
  200. package/dist/VerticalNavigation/Navigation/Navigation.js.map +1 -1
  201. package/dist/VerticalNavigation/TreeView/TreeView.js.map +1 -1
  202. package/dist/VerticalNavigation/TreeView/TreeViewContexts.js.map +1 -1
  203. package/dist/VerticalNavigation/TreeView/TreeViewItem.d.ts +8 -0
  204. package/dist/VerticalNavigation/TreeView/TreeViewItem.js +25 -4
  205. package/dist/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
  206. package/dist/VerticalNavigation/TreeView/descendants.js.map +1 -1
  207. package/dist/VerticalNavigation/TreeView/styles.js +3 -0
  208. package/dist/VerticalNavigation/TreeView/styles.js.map +1 -1
  209. package/dist/VerticalNavigation/VerticalContainer/VerticalContainer.js.map +1 -1
  210. package/dist/VerticalNavigation/VerticalNavigation.js.map +1 -1
  211. package/dist/legacy/Header/Navigation/MenuBar/MenuBar.js +5 -1
  212. package/dist/legacy/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
  213. package/dist/legacy/Header/Navigation/MenuItem/MenuItem.js +25 -9
  214. package/dist/legacy/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
  215. package/dist/legacy/Header/Navigation/MenuItem/styles.js +4 -0
  216. package/dist/legacy/Header/Navigation/MenuItem/styles.js.map +1 -1
  217. package/dist/legacy/Header/Navigation/Navigation.d.ts +4 -0
  218. package/dist/legacy/Header/Navigation/Navigation.js +5 -1
  219. package/dist/legacy/Header/Navigation/Navigation.js.map +1 -1
  220. package/dist/legacy/List/List.js +23 -19
  221. package/dist/legacy/List/List.js.map +1 -1
  222. package/dist/legacy/Table/Table.js +20 -23
  223. package/dist/legacy/Table/Table.js.map +1 -1
  224. package/dist/legacy/VerticalNavigation/Navigation/Navigation.d.ts +8 -0
  225. package/dist/legacy/VerticalNavigation/Navigation/Navigation.js +10 -3
  226. package/dist/legacy/VerticalNavigation/Navigation/Navigation.js.map +1 -1
  227. package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.d.ts +8 -0
  228. package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.js +24 -4
  229. package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
  230. package/dist/legacy/VerticalNavigation/TreeView/styles.js +3 -0
  231. package/dist/legacy/VerticalNavigation/TreeView/styles.js.map +1 -1
  232. package/dist/legacy/utils/ConditionalRenderer.js +1 -0
  233. package/dist/legacy/utils/ConditionalRenderer.js.map +1 -1
  234. package/dist/modern/Header/Navigation/MenuBar/MenuBar.js +5 -1
  235. package/dist/modern/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
  236. package/dist/modern/Header/Navigation/MenuItem/MenuItem.js +24 -9
  237. package/dist/modern/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
  238. package/dist/modern/Header/Navigation/MenuItem/styles.js +4 -0
  239. package/dist/modern/Header/Navigation/MenuItem/styles.js.map +1 -1
  240. package/dist/modern/Header/Navigation/Navigation.d.ts +4 -0
  241. package/dist/modern/Header/Navigation/Navigation.js +5 -1
  242. package/dist/modern/Header/Navigation/Navigation.js.map +1 -1
  243. package/dist/modern/List/List.js +25 -24
  244. package/dist/modern/List/List.js.map +1 -1
  245. package/dist/modern/Table/Table.js +20 -23
  246. package/dist/modern/Table/Table.js.map +1 -1
  247. package/dist/modern/VerticalNavigation/Navigation/Navigation.d.ts +8 -0
  248. package/dist/modern/VerticalNavigation/Navigation/Navigation.js +10 -2
  249. package/dist/modern/VerticalNavigation/Navigation/Navigation.js.map +1 -1
  250. package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.d.ts +8 -0
  251. package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.js +23 -4
  252. package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
  253. package/dist/modern/VerticalNavigation/TreeView/styles.js +3 -0
  254. package/dist/modern/VerticalNavigation/TreeView/styles.js.map +1 -1
  255. package/dist/modern/utils/ConditionalRenderer.js +1 -0
  256. package/dist/modern/utils/ConditionalRenderer.js.map +1 -1
  257. package/dist/theme/CssBaseline.js.map +1 -1
  258. package/dist/theme/ScopedCssBaseline.js.map +1 -1
  259. package/dist/theme/createGenerateClassName.js.map +1 -1
  260. package/dist/theme/index.js.map +1 -1
  261. package/dist/theme/overrides/muiButton.js.map +1 -1
  262. package/dist/theme/palette.js.map +1 -1
  263. package/dist/theme/typography.js.map +1 -1
  264. package/dist/useUniqueId.js.map +1 -1
  265. package/dist/utils/ConditionalRenderer.js +1 -0
  266. package/dist/utils/ConditionalRenderer.js.map +1 -1
  267. package/dist/utils/browser.js.map +1 -1
  268. package/dist/utils/hexToRgbA.js.map +1 -1
  269. package/dist/utils/refType.js.map +1 -1
  270. package/dist/utils/setId.js.map +1 -1
  271. package/dist/utils/useComputation.js.map +1 -1
  272. package/dist/utils/useDeprecated.js.map +1 -1
  273. package/dist/utils/useImageLoaded.js.map +1 -1
  274. package/dist/utils/useIsMounted.js.map +1 -1
  275. package/dist/utils/useLabels.js.map +1 -1
  276. package/dist/utils/usePropAsRef.js.map +1 -1
  277. package/dist/utils/useSavedState.js.map +1 -1
  278. package/dist/utils/useUpdated.js.map +1 -1
  279. package/dist/utils/useWidth.js.map +1 -1
  280. package/dist/withId.js.map +1 -1
  281. package/dist/withTooltip.js.map +1 -1
  282. package/package.json +6 -6
@@ -1 +1 @@
1
- {"version":3,"file":"Snackbar.js","names":["transLeft","props","transRight","transUp","transDown","snackBarDirComponent","direction","HvSnackbar","classes","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","propTypes","PropTypes","string","shape","anchorOriginTopRight","anchorOriginTopLeft","anchorOriginTopCenter","anchorOriginBottomCenter","anchorOriginBottomLeft","anchorOriginBottomRight","isRequired","bool","func","node","number","oneOf","icon","disabled","instanceOf","Object","styles","name"],"sources":["../../src/Snackbar/Snackbar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport capitalize from \"lodash/capitalize\";\nimport { Slide, Snackbar, withStyles } from \"@material-ui/core\";\nimport HvSnackBarContentWrapper from \"./SnackbarContentWrapper\";\nimport styles from \"./styles\";\nimport { setId } from \"../utils\";\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n switch (direction) {\n default:\n case \"left\":\n return transLeft;\n case \"right\":\n return transRight;\n case \"up\":\n return transUp;\n case \"down\":\n return transDown;\n }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nconst HvSnackbar = ({\n classes,\n className,\n id,\n open = false,\n onClose,\n label = \"\",\n anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n autoHideDuration = 5000,\n variant = \"default\",\n showIcon = false,\n customIcon = null,\n action = null,\n actionCallback,\n transitionDuration = 300,\n transitionDirection = \"left\",\n offset = 60,\n snackbarContentProps,\n ...others\n}) => {\n const anchorOriginOffset = {\n anchorOriginTop: {\n top: `${offset}px`,\n },\n anchorOriginBottom: {\n bottom: `${offset}px`,\n },\n };\n\n return (\n <Snackbar\n style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]}\n classes={classes}\n className={className}\n id={id}\n anchorOrigin={anchorOrigin}\n open={open}\n onClose={onClose}\n autoHideDuration={autoHideDuration}\n transitionDuration={transitionDuration}\n TransitionComponent={snackBarDirComponent(transitionDirection)}\n {...others}\n >\n <HvSnackBarContentWrapper\n id={setId(id, \"content\")}\n label={label}\n variant={variant}\n customIcon={customIcon}\n showIcon={showIcon}\n action={action}\n actionCallback={actionCallback}\n {...snackbarContentProps}\n />\n </Snackbar>\n );\n};\n\nHvSnackbar.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component when define as top right.\n */\n anchorOriginTopRight: PropTypes.string,\n /**\n * Styles applied to the component when define as top left.\n */\n anchorOriginTopLeft: PropTypes.string,\n /**\n * Styles applied to the component when define as top center.\n */\n anchorOriginTopCenter: PropTypes.string,\n /**\n * Styles applied to the component when define as bottom center.\n */\n anchorOriginBottomCenter: PropTypes.string,\n /**\n * Styles applied to the component when define as bottom left.\n */\n anchorOriginBottomLeft: PropTypes.string,\n /**\n * Styles applied to the component when define as bottom right.\n */\n anchorOriginBottomRight: PropTypes.string,\n }).isRequired,\n /**\n * If true, Snackbar is open.\n */\n open: PropTypes.bool,\n /**\n * Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway.\n */\n onClose: PropTypes.func,\n /**\n * The message to display.\n */\n label: PropTypes.node,\n /**\n * The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation\n */\n anchorOrigin: PropTypes.shape({\n vertical: PropTypes.string,\n horizontal: PropTypes.string,\n }),\n /**\n * The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar\n */\n autoHideDuration: PropTypes.number,\n /**\n * Variant of the snackbar.\n */\n variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]),\n /**\n * Custom icon to replace the variant default.\n */\n customIcon: PropTypes.node,\n /**\n * Controls if the associated icon to the variant should be shown.\n */\n showIcon: PropTypes.bool,\n /**\n * Action to display.\n */\n action: oneOfType([\n PropTypes.node,\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n }),\n ]),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionCallback: PropTypes.func,\n /**\n * Duration of transition in milliseconds.\n */\n transitionDuration: PropTypes.number,\n /**\n * Direction of slide transition.\n */\n transitionDirection: PropTypes.oneOf([\"up\", \"down\", \"left\", \"right\"]),\n /**\n * Custom offset from top/bottom of the page, in px.\n */\n offset: PropTypes.number,\n /**\n * Others applied to the content of the snackbar.\n */\n snackbarContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSnackbar\" })(HvSnackbar);\n"],"mappings":"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"}
1
+ {"version":3,"file":"Snackbar.js","names":["transLeft","props","transRight","transUp","transDown","snackBarDirComponent","direction","HvSnackbar","classes","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","capitalize","setId","propTypes","PropTypes","string","shape","anchorOriginTopRight","anchorOriginTopLeft","anchorOriginTopCenter","anchorOriginBottomCenter","anchorOriginBottomLeft","anchorOriginBottomRight","isRequired","bool","func","node","number","oneOf","oneOfType","icon","disabled","instanceOf","Object","withStyles","styles","name"],"sources":["../../src/Snackbar/Snackbar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport capitalize from \"lodash/capitalize\";\nimport { Slide, Snackbar, withStyles } from \"@material-ui/core\";\nimport HvSnackBarContentWrapper from \"./SnackbarContentWrapper\";\nimport styles from \"./styles\";\nimport { setId } from \"../utils\";\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n switch (direction) {\n default:\n case \"left\":\n return transLeft;\n case \"right\":\n return transRight;\n case \"up\":\n return transUp;\n case \"down\":\n return transDown;\n }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nconst HvSnackbar = ({\n classes,\n className,\n id,\n open = false,\n onClose,\n label = \"\",\n anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n autoHideDuration = 5000,\n variant = \"default\",\n showIcon = false,\n customIcon = null,\n action = null,\n actionCallback,\n transitionDuration = 300,\n transitionDirection = \"left\",\n offset = 60,\n snackbarContentProps,\n ...others\n}) => {\n const anchorOriginOffset = {\n anchorOriginTop: {\n top: `${offset}px`,\n },\n anchorOriginBottom: {\n bottom: `${offset}px`,\n },\n };\n\n return (\n <Snackbar\n style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]}\n classes={classes}\n className={className}\n id={id}\n anchorOrigin={anchorOrigin}\n open={open}\n onClose={onClose}\n autoHideDuration={autoHideDuration}\n transitionDuration={transitionDuration}\n TransitionComponent={snackBarDirComponent(transitionDirection)}\n {...others}\n >\n <HvSnackBarContentWrapper\n id={setId(id, \"content\")}\n label={label}\n variant={variant}\n customIcon={customIcon}\n showIcon={showIcon}\n action={action}\n actionCallback={actionCallback}\n {...snackbarContentProps}\n />\n </Snackbar>\n );\n};\n\nHvSnackbar.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component when define as top right.\n */\n anchorOriginTopRight: PropTypes.string,\n /**\n * Styles applied to the component when define as top left.\n */\n anchorOriginTopLeft: PropTypes.string,\n /**\n * Styles applied to the component when define as top center.\n */\n anchorOriginTopCenter: PropTypes.string,\n /**\n * Styles applied to the component when define as bottom center.\n */\n anchorOriginBottomCenter: PropTypes.string,\n /**\n * Styles applied to the component when define as bottom left.\n */\n anchorOriginBottomLeft: PropTypes.string,\n /**\n * Styles applied to the component when define as bottom right.\n */\n anchorOriginBottomRight: PropTypes.string,\n }).isRequired,\n /**\n * If true, Snackbar is open.\n */\n open: PropTypes.bool,\n /**\n * Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway.\n */\n onClose: PropTypes.func,\n /**\n * The message to display.\n */\n label: PropTypes.node,\n /**\n * The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation\n */\n anchorOrigin: PropTypes.shape({\n vertical: PropTypes.string,\n horizontal: PropTypes.string,\n }),\n /**\n * The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar\n */\n autoHideDuration: PropTypes.number,\n /**\n * Variant of the snackbar.\n */\n variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]),\n /**\n * Custom icon to replace the variant default.\n */\n customIcon: PropTypes.node,\n /**\n * Controls if the associated icon to the variant should be shown.\n */\n showIcon: PropTypes.bool,\n /**\n * Action to display.\n */\n action: oneOfType([\n PropTypes.node,\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n }),\n ]),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionCallback: PropTypes.func,\n /**\n * Duration of transition in milliseconds.\n */\n transitionDuration: PropTypes.number,\n /**\n * Direction of slide transition.\n */\n transitionDirection: PropTypes.oneOf([\"up\", \"down\", \"left\", \"right\"]),\n /**\n * Custom offset from top/bottom of the page, in px.\n */\n offset: PropTypes.number,\n /**\n * Others applied to the content of the snackbar.\n */\n snackbarContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSnackbar\" })(HvSnackbar);\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"SnackbarContentWrapper.js","names":["HvSnackbarContentWrapper","React","forwardRef","props","ref","id","classes","label","showIcon","customIcon","variant","action","actionCallback","others","icon","innerAction","isValidElement","root","message","messageSpan","iconVariant","messageText","propTypes","PropTypes","instanceOf","Object","isRequired","string","node","oneOf","bool","shape","func","disabled","styles","name"],"sources":["../../../src/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { SnackbarContent, withStyles } from \"@material-ui/core\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport { setId } from \"../../utils\";\nimport ActionsGeneric from \"../../ActionsGeneric\";\nimport styles from \"./styles\";\n\nconst HvSnackbarContentWrapper = React.forwardRef((props, ref) => {\n const { id, classes, label, showIcon, customIcon, variant, action, actionCallback, ...others } =\n props;\n const icon = customIcon || (showIcon && iconVariant(variant, \"base2\"));\n const innerAction = React.isValidElement(action) ? action : [action];\n\n return (\n <SnackbarContent\n ref={ref}\n id={id}\n classes={{ root: classes.root, message: classes.message }}\n className={classes[variant]}\n message={\n <div id={setId(id, \"message\")} className={classes.messageSpan}>\n {icon && <div className={classes.iconVariant}>{icon}</div>}\n <div className={classes.messageText}>{label}</div>\n {action && (\n <div id={setId(id, \"action\")} className={classes.action}>\n <ActionsGeneric\n id={id}\n category=\"semantic\"\n actions={innerAction}\n actionsCallback={actionCallback}\n />\n </div>\n )}\n </div>\n }\n {...others}\n />\n );\n});\n\nHvSnackbarContentWrapper.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied to the HvSnackbarContent.\n */\n classes: PropTypes.instanceOf(Object).isRequired,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * The message to display.\n */\n label: PropTypes.node,\n /**\n * Variant of the snackbar.\n */\n variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]).isRequired,\n /**\n * Controls if the associated icon to the variant should be shown.\n */\n showIcon: PropTypes.bool,\n /**\n * Custom icon to replace the variant default.\n */\n customIcon: PropTypes.node,\n /**\n * Action to display.\n */\n action: oneOfType([\n PropTypes.node,\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n }),\n ]),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvSnackbarContentWrapper\" })(HvSnackbarContentWrapper);\n"],"mappings":"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"}
1
+ {"version":3,"file":"SnackbarContentWrapper.js","names":["HvSnackbarContentWrapper","React","forwardRef","props","ref","id","classes","label","showIcon","customIcon","variant","action","actionCallback","others","icon","iconVariant","innerAction","isValidElement","root","message","setId","messageSpan","messageText","propTypes","PropTypes","instanceOf","Object","isRequired","string","node","oneOf","bool","oneOfType","shape","func","disabled","withStyles","styles","name"],"sources":["../../../src/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { SnackbarContent, withStyles } from \"@material-ui/core\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport { setId } from \"../../utils\";\nimport ActionsGeneric from \"../../ActionsGeneric\";\nimport styles from \"./styles\";\n\nconst HvSnackbarContentWrapper = React.forwardRef((props, ref) => {\n const { id, classes, label, showIcon, customIcon, variant, action, actionCallback, ...others } =\n props;\n const icon = customIcon || (showIcon && iconVariant(variant, \"base2\"));\n const innerAction = React.isValidElement(action) ? action : [action];\n\n return (\n <SnackbarContent\n ref={ref}\n id={id}\n classes={{ root: classes.root, message: classes.message }}\n className={classes[variant]}\n message={\n <div id={setId(id, \"message\")} className={classes.messageSpan}>\n {icon && <div className={classes.iconVariant}>{icon}</div>}\n <div className={classes.messageText}>{label}</div>\n {action && (\n <div id={setId(id, \"action\")} className={classes.action}>\n <ActionsGeneric\n id={id}\n category=\"semantic\"\n actions={innerAction}\n actionsCallback={actionCallback}\n />\n </div>\n )}\n </div>\n }\n {...others}\n />\n );\n});\n\nHvSnackbarContentWrapper.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied to the HvSnackbarContent.\n */\n classes: PropTypes.instanceOf(Object).isRequired,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * The message to display.\n */\n label: PropTypes.node,\n /**\n * Variant of the snackbar.\n */\n variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]).isRequired,\n /**\n * Controls if the associated icon to the variant should be shown.\n */\n showIcon: PropTypes.bool,\n /**\n * Custom icon to replace the variant default.\n */\n customIcon: PropTypes.node,\n /**\n * Action to display.\n */\n action: oneOfType([\n PropTypes.node,\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n }),\n ]),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvSnackbarContentWrapper\" })(HvSnackbarContentWrapper);\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"SnackbarProvider.js","names":["HvNotistackSnackMessage","ref","id","message","variant","snackbarContentProps","useHvSnackbar","enqueueNotistackSnackbar","enqueueSnackbar","closeSnackbar","options","otherOptions","useStyles","notistackClassesOverride","containerRoot","pointerEvents","padding","transition","color","fontSize","boxShadow","alignItems","fontFamily","fontWeight","lineHeight","borderRadius","letterSpacing","backgroundColor","HvSnackbarProvider","children","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","others","classes","propTypes","PropTypes","node","isRequired","number","shape","oneOf","instanceOf","Object","string"],"sources":["../../../src/Snackbar/SnackbarProvider/SnackbarProvider.js"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { makeStyles } from \"@material-ui/core\";\nimport PropTypes from \"prop-types\";\nimport { SnackbarProvider, SnackbarContent, useSnackbar } from \"notistack\";\n\nimport HvSnackbarContentWrapper from \"../SnackbarContentWrapper\";\n\nconst HvNotistackSnackMessage = forwardRef(\n ({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n return (\n <SnackbarContent ref={ref}>\n <HvSnackbarContentWrapper\n id={id}\n variant={variant}\n showIcon\n label={message}\n {...snackbarContentProps}\n />\n </SnackbarContent>\n );\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 } = useSnackbar();\n const enqueueSnackbar = useCallback(\n (message, options) => {\n const { id, variant = \"success\", snackbarContentProps, ...otherOptions } = options;\n\n enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n otherOptions\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nconst useStyles = (notistackClassesOverride) =>\n makeStyles(() => ({\n containerRoot: {\n pointerEvents: \"all\",\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n \"& > div > div > div\": {\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 ...notistackClassesOverride,\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 const classes = useStyles(notistackClassesOverride);\n\n return (\n <SnackbarProvider\n classes={{\n ...classes,\n }}\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin}\n {...others}\n >\n {children}\n </SnackbarProvider>\n );\n};\n\nHvSnackbarProvider.propTypes = {\n /**\n * Your component tree.\n */\n children: PropTypes.node.isRequired,\n /**\n * Max visible snackbars.\n */\n maxSnack: PropTypes.number,\n /**\n * How much time the snackbar remains visible in milliseconds.\n */\n autoHideDuration: PropTypes.number,\n /**\n * Where is the snackbar placed.\n */\n anchorOrigin: PropTypes.shape({\n vertical: PropTypes.oneOf([\"top\", \"bottom\"]),\n horizontal: PropTypes.oneOf([\"right\", \"left\"]),\n }),\n /**\n * Class object used to override notistack classes.\n */\n notistackClassesOverride: PropTypes.instanceOf(Object),\n};\n\nHvNotistackSnackMessage.propTypes = {\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * Your component tree.\n */\n message: PropTypes.string,\n /**\n * Variant of the snackbar.\n */\n variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]),\n /**\n * Extra values to pass to the snackbar.\n */\n snackbarContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default HvSnackbarProvider;\nexport { useHvSnackbar };\n"],"mappings":"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"}
1
+ {"version":3,"file":"SnackbarProvider.js","names":["HvNotistackSnackMessage","forwardRef","ref","id","message","variant","snackbarContentProps","useHvSnackbar","useSnackbar","enqueueNotistackSnackbar","enqueueSnackbar","closeSnackbar","useCallback","options","otherOptions","useMemo","useStyles","notistackClassesOverride","makeStyles","containerRoot","pointerEvents","padding","transition","color","fontSize","boxShadow","alignItems","fontFamily","fontWeight","lineHeight","borderRadius","letterSpacing","backgroundColor","HvSnackbarProvider","children","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","others","classes","propTypes","PropTypes","node","isRequired","number","shape","oneOf","instanceOf","Object","string"],"sources":["../../../src/Snackbar/SnackbarProvider/SnackbarProvider.js"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { makeStyles } from \"@material-ui/core\";\nimport PropTypes from \"prop-types\";\nimport { SnackbarProvider, SnackbarContent, useSnackbar } from \"notistack\";\n\nimport HvSnackbarContentWrapper from \"../SnackbarContentWrapper\";\n\nconst HvNotistackSnackMessage = forwardRef(\n ({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n return (\n <SnackbarContent ref={ref}>\n <HvSnackbarContentWrapper\n id={id}\n variant={variant}\n showIcon\n label={message}\n {...snackbarContentProps}\n />\n </SnackbarContent>\n );\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 } = useSnackbar();\n const enqueueSnackbar = useCallback(\n (message, options) => {\n const { id, variant = \"success\", snackbarContentProps, ...otherOptions } = options;\n\n enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n otherOptions\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nconst useStyles = (notistackClassesOverride) =>\n makeStyles(() => ({\n containerRoot: {\n pointerEvents: \"all\",\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n \"& > div > div > div\": {\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 ...notistackClassesOverride,\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 const classes = useStyles(notistackClassesOverride);\n\n return (\n <SnackbarProvider\n classes={{\n ...classes,\n }}\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin}\n {...others}\n >\n {children}\n </SnackbarProvider>\n );\n};\n\nHvSnackbarProvider.propTypes = {\n /**\n * Your component tree.\n */\n children: PropTypes.node.isRequired,\n /**\n * Max visible snackbars.\n */\n maxSnack: PropTypes.number,\n /**\n * How much time the snackbar remains visible in milliseconds.\n */\n autoHideDuration: PropTypes.number,\n /**\n * Where is the snackbar placed.\n */\n anchorOrigin: PropTypes.shape({\n vertical: PropTypes.oneOf([\"top\", \"bottom\"]),\n horizontal: PropTypes.oneOf([\"right\", \"left\"]),\n }),\n /**\n * Class object used to override notistack classes.\n */\n notistackClassesOverride: PropTypes.instanceOf(Object),\n};\n\nHvNotistackSnackMessage.propTypes = {\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * Your component tree.\n */\n message: PropTypes.string,\n /**\n * Variant of the snackbar.\n */\n variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]),\n /**\n * Extra values to pass to the snackbar.\n */\n snackbarContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default HvSnackbarProvider;\nexport { useHvSnackbar };\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.js","names":["getDirection","direction","width","breakpoints","i","indexOf","undefined","HvStack","classes","children","spacing","divider","withNavigation","dividerProps","others","theme","containerRef","keys","processedDirection","getDividerComponent","root","React","Children","map","child","length","propTypes","PropTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","styles","name"],"sources":["../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, Divider, useTheme } from \"@material-ui/core\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\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 adition of a divider between the elements.\n */\nconst HvStack = ({\n classes,\n children,\n direction = \"column\",\n spacing = \"sm\",\n divider = false,\n withNavigation = false,\n dividerProps = {},\n ...others\n}) => {\n const width = useWidth();\n const theme = useTheme();\n const containerRef = useRef(null);\n\n const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n const processedDirection = useMemo(\n () => getDirection(direction, width, breakpoints),\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 <Divider\n orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n flexItem={processedDirection === \"row\"}\n role=\"separator\"\n {...dividerProps}\n />\n );\n }\n return divider;\n }, [divider, dividerProps, processedDirection]);\n\n return (\n <div\n ref={containerRef}\n className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n {...others}\n >\n {React.Children.map(children, (child, i) => {\n return (\n <>\n {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n {withNavigation ? (\n <Focus\n rootRef={containerRef}\n focusDisabled={false}\n strategy=\"grid\"\n navigationJump={processedDirection === \"column\" ? 1 : children.length}\n filterClass=\"child\"\n >\n <div className=\"child\">{child}</div>\n </Focus>\n ) : (\n child\n )}\n </>\n );\n })}\n </div>\n );\n};\n\nHvStack.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied to the radio button.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component.\n */\n root: PropTypes.string,\n }).isRequired,\n /**\n * Children of the stack component.\n */\n children: PropTypes.node,\n /**\n * The direction of the stack.\n * Can be either a string or an object that states the direction for each breakpoint.\n */\n direction: PropTypes.oneOfType([\n PropTypes.oneOf([\"column\", \"row\"]),\n PropTypes.shape({\n xs: PropTypes.string,\n sm: PropTypes.string,\n md: PropTypes.string,\n lg: PropTypes.string,\n xl: PropTypes.string,\n }),\n ]),\n /**\n * The spacing between elements of the stack.\n */\n spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n /**\n * The divider component to be used between the stack elements.\n *\n * - If `true` the Material-UI Divider component will be used.\n *\n * - If a React node is passed then the custom divider will be used.\n */\n divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n /**\n * The properties to pass on to the Material-UI component.\n */\n dividerProps: PropTypes.object,\n /**\n * Sets whether or not there should be arrow navigation between the stack elements\n */\n withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":"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"}
1
+ {"version":3,"file":"Stack.js","names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","classes","children","spacing","divider","withNavigation","dividerProps","others","useWidth","theme","useTheme","containerRef","useRef","useMemo","keys","processedDirection","getDividerComponent","useCallback","isBoolean","clsx","root","React","Children","map","child","length","propTypes","PropTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","withStyles","styles","name"],"sources":["../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, Divider, useTheme } from \"@material-ui/core\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\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 adition of a divider between the elements.\n */\nconst HvStack = ({\n classes,\n children,\n direction = \"column\",\n spacing = \"sm\",\n divider = false,\n withNavigation = false,\n dividerProps = {},\n ...others\n}) => {\n const width = useWidth();\n const theme = useTheme();\n const containerRef = useRef(null);\n\n const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n const processedDirection = useMemo(\n () => getDirection(direction, width, breakpoints),\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 <Divider\n orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n flexItem={processedDirection === \"row\"}\n role=\"separator\"\n {...dividerProps}\n />\n );\n }\n return divider;\n }, [divider, dividerProps, processedDirection]);\n\n return (\n <div\n ref={containerRef}\n className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n {...others}\n >\n {React.Children.map(children, (child, i) => {\n return (\n <>\n {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n {withNavigation ? (\n <Focus\n rootRef={containerRef}\n focusDisabled={false}\n strategy=\"grid\"\n navigationJump={processedDirection === \"column\" ? 1 : children.length}\n filterClass=\"child\"\n >\n <div className=\"child\">{child}</div>\n </Focus>\n ) : (\n child\n )}\n </>\n );\n })}\n </div>\n );\n};\n\nHvStack.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied to the radio button.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component.\n */\n root: PropTypes.string,\n }).isRequired,\n /**\n * Children of the stack component.\n */\n children: PropTypes.node,\n /**\n * The direction of the stack.\n * Can be either a string or an object that states the direction for each breakpoint.\n */\n direction: PropTypes.oneOfType([\n PropTypes.oneOf([\"column\", \"row\"]),\n PropTypes.shape({\n xs: PropTypes.string,\n sm: PropTypes.string,\n md: PropTypes.string,\n lg: PropTypes.string,\n xl: PropTypes.string,\n }),\n ]),\n /**\n * The spacing between elements of the stack.\n */\n spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n /**\n * The divider component to be used between the stack elements.\n *\n * - If `true` the Material-UI Divider component will be used.\n *\n * - If a React node is passed then the custom divider will be used.\n */\n divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n /**\n * The properties to pass on to the Material-UI component.\n */\n dividerProps: PropTypes.object,\n /**\n * Sets whether or not there should be arrow navigation between the stack elements\n */\n withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.js","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","Boolean","isChecked","setIsChecked","validationState","setValidationState","validationMessage","onLocalChange","evt","newChecked","canShowError","undefined","isStateInvalid","errorMessageId","root","switchContainer","invalidSwitch","error","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","styles"],"sources":["../../src/Switch/Switch.js"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseSwitch from \"../BaseSwitch\";\n\nimport styles from \"./styles\";\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 */\nconst HvSwitch = (props) => {\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(checked, Boolean(defaultChecked));\n\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\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) || (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, classes.root)}\n >\n {label && (\n <HvLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={clsx(classes.label)}\n {...labelProps}\n />\n )}\n <div className={clsx(classes.switchContainer, { [classes.invalidSwitch]: isStateInvalid })}>\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 </div>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n className={clsx(classes.error)}\n disableBorder\n disableAdornment\n hideText\n >\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvSwitch.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied to the switch.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the label.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n /**\n * Styles applied to the switch container.\n */\n switchContainer: PropTypes.string,\n /**\n * Styles applied to the switch container when the validations status is invalid.\n */\n invalidSwitch: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.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 // eslint-disable-next-line react/forbid-prop-types\n value: PropTypes.any,\n\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: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n /**\n * Properties passed on to the label element.\n */\n labelProps: PropTypes.instanceOf(Object),\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\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: PropTypes.bool,\n /**\n * When uncontrolled, defines the initial checked state.\n */\n defaultChecked: PropTypes.bool,\n\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: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\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: PropTypes.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\": PropTypes.string,\n\n /**\n * The callback fired when the switch is pressed.\n */\n onChange: PropTypes.func,\n\n /**\n * Properties passed on to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSwitch\" })(HvSwitch);\n"],"mappings":"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"}
1
+ {"version":3,"file":"Switch.js","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","useControlled","Boolean","isChecked","setIsChecked","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","clsx","root","switchContainer","invalidSwitch","error","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","withStyles","styles"],"sources":["../../src/Switch/Switch.js"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseSwitch from \"../BaseSwitch\";\n\nimport styles from \"./styles\";\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 */\nconst HvSwitch = (props) => {\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(checked, Boolean(defaultChecked));\n\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\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) || (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, classes.root)}\n >\n {label && (\n <HvLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={clsx(classes.label)}\n {...labelProps}\n />\n )}\n <div className={clsx(classes.switchContainer, { [classes.invalidSwitch]: isStateInvalid })}>\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 </div>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n className={clsx(classes.error)}\n disableBorder\n disableAdornment\n hideText\n >\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvSwitch.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied to the switch.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the label.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n /**\n * Styles applied to the switch container.\n */\n switchContainer: PropTypes.string,\n /**\n * Styles applied to the switch container when the validations status is invalid.\n */\n invalidSwitch: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.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 // eslint-disable-next-line react/forbid-prop-types\n value: PropTypes.any,\n\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: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n /**\n * Properties passed on to the label element.\n */\n labelProps: PropTypes.instanceOf(Object),\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\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: PropTypes.bool,\n /**\n * When uncontrolled, defines the initial checked state.\n */\n defaultChecked: PropTypes.bool,\n\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: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\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: PropTypes.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\": PropTypes.string,\n\n /**\n * The callback fired when the switch is pressed.\n */\n onChange: PropTypes.func,\n\n /**\n * Properties passed on to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSwitch\" })(HvSwitch);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA;;AAEA;;AACA;;AAEA;;AAEA;;AAEA;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;EAC1B,IACEC,OADF,GA6BID,KA7BJ,CACEC,OADF;EAAA,IAEEC,SAFF,GA6BIF,KA7BJ,CAEEE,SAFF;EAAA,IAIEC,EAJF,GA6BIH,KA7BJ,CAIEG,EAJF;EAAA,IAKEC,IALF,GA6BIJ,KA7BJ,CAKEI,IALF;EAAA,mBA6BIJ,KA7BJ,CAMEK,KANF;EAAA,IAMEA,KANF,6BAMU,IANV;EAAA,sBA6BIL,KA7BJ,CAOEM,QAPF;EAAA,IAOEA,QAPF,gCAOa,KAPb;EAAA,sBA6BIN,KA7BJ,CAQEO,QARF;EAAA,IAQEA,QARF,gCAQa,KARb;EAAA,sBA6BIP,KA7BJ,CASEQ,QATF;EAAA,IASEA,QATF,gCASa,KATb;EAAA,IAWEC,KAXF,GA6BIT,KA7BJ,CAWES,KAXF;EAAA,IAYgBC,SAZhB,GA6BIV,KA7BJ,CAYE,YAZF;EAAA,IAaqBW,cAbrB,GA6BIX,KA7BJ,CAaE,iBAbF;EAAA,IAcsBY,eAdtB,GA6BIZ,KA7BJ,CAcE,kBAdF;EAAA,IAeEa,UAfF,GA6BIb,KA7BJ,CAeEa,UAfF;EAAA,IAiBEC,OAjBF,GA6BId,KA7BJ,CAiBEc,OAjBF;EAAA,4BA6BId,KA7BJ,CAkBEe,cAlBF;EAAA,IAkBEA,cAlBF,sCAkBmB,KAlBnB;EAAA,IAoBEC,QApBF,GA6BIhB,KA7BJ,CAoBEgB,QApBF;EAAA,IAsBEC,MAtBF,GA6BIjB,KA7BJ,CAsBEiB,MAtBF;EAAA,IAuBEC,aAvBF,GA6BIlB,KA7BJ,CAuBEkB,aAvBF;EAAA,IAwBuBC,gBAxBvB,GA6BInB,KA7BJ,CAwBE,mBAxBF;EAAA,IA0BEoB,UA1BF,GA6BIpB,KA7BJ,CA0BEoB,UA1BF;EAAA,IA4BKC,MA5BL,0CA6BIrB,KA7BJ;EA+BA,IAAMsB,SAAS,GAAG,IAAAC,aAAA,EAAYpB,EAAZ,EAAgB,UAAhB,CAAlB;;EAEA,qBAAkC,IAAAqB,oBAAA,EAAcV,OAAd,EAAuBW,OAAO,CAACV,cAAD,CAA9B,CAAlC;EAAA;EAAA,IAAOW,SAAP;EAAA,IAAkBC,YAAlB;;EAEA,sBAA8C,IAAAH,oBAAA,EAAcP,MAAd,EAAsB,SAAtB,CAA9C;EAAA;EAAA,IAAOW,eAAP;EAAA,IAAwBC,kBAAxB;;EAEA,sBAA4B,IAAAL,oBAAA,EAAcN,aAAd,EAA6B,UAA7B,CAA5B;EAAA;EAAA,IAAOY,iBAAP;;EAEA,IAAMC,aAAa,GAAG,IAAAC,kBAAA,EACpB,UAACC,GAAD,EAAMC,UAAN,EAAqB;IACnBP,YAAY,CAAC,YAAM;MACjB;MACA,IAAIrB,QAAQ,IAAI,CAAC4B,UAAjB,EAA6B;QAC3BL,kBAAkB,CAAC,SAAD,CAAlB;MACD,CAFD,MAEO;QACLA,kBAAkB,CAAC,OAAD,CAAlB;MACD;;MAED,OAAOK,UAAP;IACD,CATW,CAAZ;IAWAlB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGiB,GAAH,EAAQC,UAAR,EAAoB7B,KAApB,CAAR;EACD,CAdmB,EAepB,CAACW,QAAD,EAAWV,QAAX,EAAqBqB,YAArB,EAAmCE,kBAAnC,EAAuDxB,KAAvD,CAfoB,CAAtB,CAxC0B,CA0D1B;EACA;EACA;EACA;;EACA,IAAM8B,YAAY,GAChBhB,gBAAgB,IAAI,IAApB,KACEF,MAAM,KAAKmB,SAAX,IAAwBlB,aAAa,KAAKkB,SAA3C,IAA0DnB,MAAM,KAAKmB,SAAX,IAAwB9B,QADnF,CADF;EAIA,IAAM+B,cAAc,GAAG,IAAAC,2BAAA,EAAUV,eAAV,CAAvB;EAEA,IAAIW,cAAJ;;EACA,IAAIF,cAAJ,EAAoB;IAClBE,cAAc,GAAGJ,YAAY,GAAG,IAAAK,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CAAH,GAA+BH,gBAA5D;EACD;;EAED,oBACE,6BAAC,eAAD;IACE,EAAE,EAAEhB,EADN;IAEE,IAAI,EAAEC,IAFR;IAGE,MAAM,EAAEwB,eAHV;IAIE,QAAQ,EAAEpB,QAJZ;IAKE,QAAQ,EAAEF,QALZ;IAME,QAAQ,EAAEC,QANZ;IAOE,SAAS,EAAE,IAAAkC,aAAA,EAAKvC,SAAL,EAAgBD,OAAO,CAACyC,IAAxB;EAPb,GASGjC,KAAK,iBACJ,6BAAC,SAAD;IACE,EAAE,EAAE,IAAA+B,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CADN;IAEE,OAAO,EAAE,IAAAkB,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CAFX;IAGE,KAAK,EAAEb,KAHT;IAIE,SAAS,EAAE,IAAAgC,aAAA,EAAKxC,OAAO,CAACQ,KAAb;EAJb,GAKMI,UALN,EAVJ,eAkBE;IAAK,SAAS,EAAE,IAAA4B,aAAA,EAAKxC,OAAO,CAAC0C,eAAb,EAAyDN,cAAzD,IAAiCpC,OAAO,CAAC2C,aAAzC;EAAhB,gBACE,6BAAC,mBAAD;IACE,EAAE,EAAEnC,KAAK,GAAG,IAAA+B,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CAAH,GAA+B,IAAAkB,YAAA,EAAMrC,EAAN,EAAU,OAAV,CAD1C;IAEE,IAAI,EAAEC,IAFR;IAGE,QAAQ,EAAEI,QAHZ;IAIE,QAAQ,EAAED,QAJZ;IAKE,QAAQ,EAAED,QALZ;IAME,QAAQ,EAAEyB,aANZ;IAOE,KAAK,EAAE1B,KAPT;IAQE,OAAO,EAAEqB,SARX;IASE,UAAU;MACR,gBAAgBW,cAAc,GAAG,IAAH,GAAUD,SADhC;MAER,qBAAqBG,cAFb;MAGR,cAAc7B,SAHN;MAIR,mBAAmBC,cAJX;MAKR,oBAAoBC;IALZ,GAMLQ,UANK;EATZ,GAiBMC,MAjBN,EADF,CAlBF,EAuCGc,YAAY,iBACX,6BAAC,eAAD;IACE,EAAE,EAAE,IAAAK,YAAA,EAAMlB,SAAN,EAAiB,OAAjB,CADN;IAEE,SAAS,EAAE,IAAAmB,aAAA,EAAKxC,OAAO,CAAC4C,KAAb,CAFb;IAGE,aAAa,MAHf;IAIE,gBAAgB,MAJlB;IAKE,QAAQ;EALV,GAOGf,iBAPH,CAxCJ,CADF;AAqDD,CA9HD;;AAgIA,wCAAA/B,QAAQ,CAAC+C,SAAT,GAAqB;EACnB;AACF;AACA;EACE5C,SAAS,EAAE6C,kBAAA,CAAUC,MAJF;;EAKnB;AACF;AACA;EACE/C,OAAO,EAAE8C,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,IAAI,EAAEK,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIvC,KAAK,EAAEsC,kBAAA,CAAUC,MARM;;IASvB;AACJ;AACA;IACIH,KAAK,EAAEE,kBAAA,CAAUC,MAZM;;IAavB;AACJ;AACA;IACIL,eAAe,EAAEI,kBAAA,CAAUC,MAhBJ;;IAiBvB;AACJ;AACA;IACIJ,aAAa,EAAEG,kBAAA,CAAUC;EApBF,CAAhB,EAqBNE,UA7BgB;;EA+BnB;AACF;AACA;EACE/C,EAAE,EAAE4C,kBAAA,CAAUC,MAlCK;;EAoCnB;AACF;AACA;EACE5C,IAAI,EAAE2C,kBAAA,CAAUC,MAvCG;;EAwCnB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE;EACA3C,KAAK,EAAE0C,kBAAA,CAAUI,GAjDE;;EAmDnB;AACF;AACA;AACA;AACA;AACA;EACE1C,KAAK,EAAEsC,kBAAA,CAAUK,IAzDE;;EA0DnB;AACF;AACA;EACE,cAAcL,kBAAA,CAAUC,MA7DL;;EA8DnB;AACF;AACA;EACE,mBAAmBD,kBAAA,CAAUC,MAjEV;;EAkEnB;AACF;AACA;EACE,oBAAoBD,kBAAA,CAAUC,MArEX;;EAsEnB;AACF;AACA;EACEnC,UAAU,EAAEkC,kBAAA,CAAUM,UAAV,CAAqBC,MAArB,CAzEO;;EA0EnB;AACF;AACA;EACE9C,QAAQ,EAAEuC,kBAAA,CAAUQ,IA7ED;;EA8EnB;AACF;AACA;EACEhD,QAAQ,EAAEwC,kBAAA,CAAUQ,IAjFD;;EAkFnB;AACF;AACA;EACEjD,QAAQ,EAAEyC,kBAAA,CAAUQ,IArFD;;EAuFnB;AACF;AACA;AACA;AACA;EACEzC,OAAO,EAAEiC,kBAAA,CAAUQ,IA5FA;;EA6FnB;AACF;AACA;EACExC,cAAc,EAAEgC,kBAAA,CAAUQ,IAhGP;;EAkGnB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEtC,MAAM,EAAE8B,kBAAA,CAAUS,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CA1GW;;EA2GnB;AACF;AACA;AACA;AACA;EACEtC,aAAa,EAAE6B,kBAAA,CAAUC,MAhHN;;EAiHnB;AACF;AACA;AACA;AACA;EACE,qBAAqBD,kBAAA,CAAUC,MAtHZ;;EAwHnB;AACF;AACA;EACEhC,QAAQ,EAAE+B,kBAAA,CAAUU,IA3HD;;EA6HnB;AACF;AACA;EACErC,UAAU,EAAE2B,kBAAA,CAAUM,UAAV,CAAqBC,MAArB;AAhIO,CAArB;;eAmIe,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAEvD,IAAI,EAAE;AAAR,CAAnB,EAAyCL,QAAzC,C"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.js","names":["HvTab","props","classes","others","root","selected","disabled","focusVisible","propTypes","id","PropTypes","string","className","shape","labelContainer","isRequired","bool","icon","node","label","defaultProps","styles","name"],"sources":["../../src/Tab/Tab.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Tab, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvTab = (props) => {\n const { classes, ...others } = props;\n\n return (\n <Tab\n classes={{\n root: classes.root,\n selected: classes.selected,\n disabled: classes.disabled,\n }}\n disableRipple\n disableTouchRipple\n // expose the global class HvIsFocusVisible as a marker\n // not to be styled directly, only as helper in specific css queries\n focusVisibleClassName={clsx(\"HvIsFocusVisible\", classes.focusVisible)}\n {...others}\n />\n );\n};\n\nHvTab.propTypes = {\n /**\n * Identifier.\n */\n id: PropTypes.string,\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root element.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the label container element if `label` is provided.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the root element if `selected={true}` (controlled by the Tabs component).\n */\n selected: PropTypes.string,\n /**\n * Styles applied to the root element if `disabled={true}` (controlled by the Tabs component).\n */\n disabled: PropTypes.string,\n /**\n * Styles applied to the root element if keyboard focused.\n */\n focusVisible: PropTypes.string,\n }).isRequired,\n /**\n * If `true`, the tab will be disabled.\n */\n disabled: PropTypes.bool,\n /**\n * The icon element.\n */\n icon: PropTypes.node,\n /**\n * The label element.\n */\n label: PropTypes.node,\n};\n\nHvTab.defaultProps = {\n disabled: false,\n icon: null,\n label: null,\n};\n\nexport default withStyles(styles, { name: \"HvTab\" })(HvTab);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;EACvB,IAAQC,OAAR,GAA+BD,KAA/B,CAAQC,OAAR;EAAA,IAAoBC,MAApB,0CAA+BF,KAA/B;EAEA,oBACE,6BAAC,SAAD;IACE,OAAO,EAAE;MACPG,IAAI,EAAEF,OAAO,CAACE,IADP;MAEPC,QAAQ,EAAEH,OAAO,CAACG,QAFX;MAGPC,QAAQ,EAAEJ,OAAO,CAACI;IAHX,CADX;IAME,aAAa,MANf;IAOE,kBAAkB,MAPpB,CAQE;IACA;IATF;IAUE,qBAAqB,EAAE,mBAAK,kBAAL,EAAyBJ,OAAO,CAACK,YAAjC;EAVzB,GAWMJ,MAXN,EADF;AAeD,CAlBD;;AAoBA,wCAAAH,KAAK,CAACQ,SAAN,GAAkB;EAChB;AACF;AACA;EACEC,EAAE,EAAEC,mBAAUC,MAJE;;EAKhB;AACF;AACA;EACEC,SAAS,EAAEF,mBAAUC,MARL;;EAShB;AACF;AACA;EACET,OAAO,EAAEQ,mBAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIT,IAAI,EAAEM,mBAAUC,MAJO;;IAKvB;AACJ;AACA;IACIG,cAAc,EAAEJ,mBAAUC,MARH;;IASvB;AACJ;AACA;IACIN,QAAQ,EAAEK,mBAAUC,MAZG;;IAavB;AACJ;AACA;IACIL,QAAQ,EAAEI,mBAAUC,MAhBG;;IAiBvB;AACJ;AACA;IACIJ,YAAY,EAAEG,mBAAUC;EApBD,CAAhB,EAqBNI,UAjCa;;EAkChB;AACF;AACA;EACET,QAAQ,EAAEI,mBAAUM,IArCJ;;EAsChB;AACF;AACA;EACEC,IAAI,EAAEP,mBAAUQ,IAzCA;;EA0ChB;AACF;AACA;EACEC,KAAK,EAAET,mBAAUQ;AA7CD,CAAlB;AAgDAlB,KAAK,CAACoB,YAAN,GAAqB;EACnBd,QAAQ,EAAE,KADS;EAEnBW,IAAI,EAAE,IAFa;EAGnBE,KAAK,EAAE;AAHY,CAArB;;eAMe,sBAAWE,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAsCtB,KAAtC,C"}
1
+ {"version":3,"file":"Tab.js","names":["HvTab","props","classes","others","root","selected","disabled","clsx","focusVisible","propTypes","id","PropTypes","string","className","shape","labelContainer","isRequired","bool","icon","node","label","defaultProps","withStyles","styles","name"],"sources":["../../src/Tab/Tab.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Tab, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvTab = (props) => {\n const { classes, ...others } = props;\n\n return (\n <Tab\n classes={{\n root: classes.root,\n selected: classes.selected,\n disabled: classes.disabled,\n }}\n disableRipple\n disableTouchRipple\n // expose the global class HvIsFocusVisible as a marker\n // not to be styled directly, only as helper in specific css queries\n focusVisibleClassName={clsx(\"HvIsFocusVisible\", classes.focusVisible)}\n {...others}\n />\n );\n};\n\nHvTab.propTypes = {\n /**\n * Identifier.\n */\n id: PropTypes.string,\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root element.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the label container element if `label` is provided.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the root element if `selected={true}` (controlled by the Tabs component).\n */\n selected: PropTypes.string,\n /**\n * Styles applied to the root element if `disabled={true}` (controlled by the Tabs component).\n */\n disabled: PropTypes.string,\n /**\n * Styles applied to the root element if keyboard focused.\n */\n focusVisible: PropTypes.string,\n }).isRequired,\n /**\n * If `true`, the tab will be disabled.\n */\n disabled: PropTypes.bool,\n /**\n * The icon element.\n */\n icon: PropTypes.node,\n /**\n * The label element.\n */\n label: PropTypes.node,\n};\n\nHvTab.defaultProps = {\n disabled: false,\n icon: null,\n label: null,\n};\n\nexport default withStyles(styles, { name: \"HvTab\" })(HvTab);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;EACvB,IAAQC,OAAR,GAA+BD,KAA/B,CAAQC,OAAR;EAAA,IAAoBC,MAApB,0CAA+BF,KAA/B;EAEA,oBACE,6BAAC,SAAD;IACE,OAAO,EAAE;MACPG,IAAI,EAAEF,OAAO,CAACE,IADP;MAEPC,QAAQ,EAAEH,OAAO,CAACG,QAFX;MAGPC,QAAQ,EAAEJ,OAAO,CAACI;IAHX,CADX;IAME,aAAa,MANf;IAOE,kBAAkB,MAPpB,CAQE;IACA;IATF;IAUE,qBAAqB,EAAE,IAAAC,aAAA,EAAK,kBAAL,EAAyBL,OAAO,CAACM,YAAjC;EAVzB,GAWML,MAXN,EADF;AAeD,CAlBD;;AAoBA,wCAAAH,KAAK,CAACS,SAAN,GAAkB;EAChB;AACF;AACA;EACEC,EAAE,EAAEC,kBAAA,CAAUC,MAJE;;EAKhB;AACF;AACA;EACEC,SAAS,EAAEF,kBAAA,CAAUC,MARL;;EAShB;AACF;AACA;EACEV,OAAO,EAAES,kBAAA,CAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAEO,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIG,cAAc,EAAEJ,kBAAA,CAAUC,MARH;;IASvB;AACJ;AACA;IACIP,QAAQ,EAAEM,kBAAA,CAAUC,MAZG;;IAavB;AACJ;AACA;IACIN,QAAQ,EAAEK,kBAAA,CAAUC,MAhBG;;IAiBvB;AACJ;AACA;IACIJ,YAAY,EAAEG,kBAAA,CAAUC;EApBD,CAAhB,EAqBNI,UAjCa;;EAkChB;AACF;AACA;EACEV,QAAQ,EAAEK,kBAAA,CAAUM,IArCJ;;EAsChB;AACF;AACA;EACEC,IAAI,EAAEP,kBAAA,CAAUQ,IAzCA;;EA0ChB;AACF;AACA;EACEC,KAAK,EAAET,kBAAA,CAAUQ;AA7CD,CAAlB;AAgDAnB,KAAK,CAACqB,YAAN,GAAqB;EACnBf,QAAQ,EAAE,KADS;EAEnBY,IAAI,EAAE,IAFa;EAGnBE,KAAK,EAAE;AAHY,CAArB;;eAMe,IAAAE,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAsCxB,KAAtC,C"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["Index","classes","data","isOverflowed","setIsOverflowed","textRef","onResize","current","scrollWidth","clientWidth","scrollHeight","clientHeight","targetRef","tooltipAnchor","textContainer","styles","name","React","memo"],"sources":["../../../src/Table/CellWithTooltip/index.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { HvTooltip, HvTypography } from \"../..\";\nimport { styles } from \"../styles\";\n\nconst Index = ({ classes, data }) => {\n const [isOverflowed, setIsOverflowed] = useState(false);\n const textRef = useRef();\n\n const onResize = useCallback(() => {\n setIsOverflowed(\n textRef.current != null &&\n (textRef.current.scrollWidth > textRef.current.clientWidth ||\n textRef.current.scrollHeight > textRef.current.clientHeight)\n );\n }, []);\n\n useResizeDetector({ onResize, targetRef: textRef });\n\n return (\n <HvTooltip\n disableHoverListener={!isOverflowed}\n placement=\"top-start\"\n title={<HvTypography>{data}</HvTypography>}\n >\n <div ref={textRef} className={clsx(classes.tooltipAnchor, classes.textContainer)}>\n {data}\n </div>\n </HvTooltip>\n );\n};\nexport default withStyles(styles, {\n name: \"OverflowTooltip\",\n})(React.memo(Index));\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;;;;;AATA;AAWA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAAuB;EAAA,IAApBC,OAAoB,QAApBA,OAAoB;EAAA,IAAXC,IAAW,QAAXA,IAAW;;EACnC,gBAAwC,qBAAS,KAAT,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,IAAMC,OAAO,GAAG,oBAAhB;EAEA,IAAMC,QAAQ,GAAG,wBAAY,YAAM;IACjCF,eAAe,CACbC,OAAO,CAACE,OAAR,IAAmB,IAAnB,KACGF,OAAO,CAACE,OAAR,CAAgBC,WAAhB,GAA8BH,OAAO,CAACE,OAAR,CAAgBE,WAA9C,IACCJ,OAAO,CAACE,OAAR,CAAgBG,YAAhB,GAA+BL,OAAO,CAACE,OAAR,CAAgBI,YAFnD,CADa,CAAf;EAKD,CANgB,EAMd,EANc,CAAjB;EAQA,4CAAkB;IAAEL,QAAQ,EAARA,QAAF;IAAYM,SAAS,EAAEP;EAAvB,CAAlB;EAEA,oBACE,6BAAC,WAAD;IACE,oBAAoB,EAAE,CAACF,YADzB;IAEE,SAAS,EAAC,WAFZ;IAGE,KAAK,eAAE,6BAAC,cAAD,QAAeD,IAAf;EAHT,gBAKE;IAAK,GAAG,EAAEG,OAAV;IAAmB,SAAS,EAAE,mBAAKJ,OAAO,CAACY,aAAb,EAA4BZ,OAAO,CAACa,aAApC;EAA9B,GACGZ,IADH,CALF,CADF;AAWD,CAzBD;;eA0Be,sBAAWa,cAAX,EAAmB;EAChCC,IAAI,EAAE;AAD0B,CAAnB,gBAEZC,eAAMC,IAAN,CAAWlB,KAAX,CAFY,C"}
1
+ {"version":3,"file":"index.js","names":["Index","classes","data","useState","isOverflowed","setIsOverflowed","textRef","useRef","onResize","useCallback","current","scrollWidth","clientWidth","scrollHeight","clientHeight","useResizeDetector","targetRef","clsx","tooltipAnchor","textContainer","withStyles","styles","name","React","memo"],"sources":["../../../src/Table/CellWithTooltip/index.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { HvTooltip, HvTypography } from \"../..\";\nimport { styles } from \"../styles\";\n\nconst Index = ({ classes, data }) => {\n const [isOverflowed, setIsOverflowed] = useState(false);\n const textRef = useRef();\n\n const onResize = useCallback(() => {\n setIsOverflowed(\n textRef.current != null &&\n (textRef.current.scrollWidth > textRef.current.clientWidth ||\n textRef.current.scrollHeight > textRef.current.clientHeight)\n );\n }, []);\n\n useResizeDetector({ onResize, targetRef: textRef });\n\n return (\n <HvTooltip\n disableHoverListener={!isOverflowed}\n placement=\"top-start\"\n title={<HvTypography>{data}</HvTypography>}\n >\n <div ref={textRef} className={clsx(classes.tooltipAnchor, classes.textContainer)}>\n {data}\n </div>\n </HvTooltip>\n );\n};\nexport default withStyles(styles, {\n name: \"OverflowTooltip\",\n})(React.memo(Index));\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AAEA;;AAEA;;AACA;;;;;;AATA;AAWA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAAuB;EAAA,IAApBC,OAAoB,QAApBA,OAAoB;EAAA,IAAXC,IAAW,QAAXA,IAAW;;EACnC,gBAAwC,IAAAC,eAAA,EAAS,KAAT,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,IAAMC,OAAO,GAAG,IAAAC,aAAA,GAAhB;EAEA,IAAMC,QAAQ,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACjCJ,eAAe,CACbC,OAAO,CAACI,OAAR,IAAmB,IAAnB,KACGJ,OAAO,CAACI,OAAR,CAAgBC,WAAhB,GAA8BL,OAAO,CAACI,OAAR,CAAgBE,WAA9C,IACCN,OAAO,CAACI,OAAR,CAAgBG,YAAhB,GAA+BP,OAAO,CAACI,OAAR,CAAgBI,YAFnD,CADa,CAAf;EAKD,CANgB,EAMd,EANc,CAAjB;EAQA,IAAAC,sCAAA,EAAkB;IAAEP,QAAQ,EAARA,QAAF;IAAYQ,SAAS,EAAEV;EAAvB,CAAlB;EAEA,oBACE,6BAAC,WAAD;IACE,oBAAoB,EAAE,CAACF,YADzB;IAEE,SAAS,EAAC,WAFZ;IAGE,KAAK,eAAE,6BAAC,cAAD,QAAeF,IAAf;EAHT,gBAKE;IAAK,GAAG,EAAEI,OAAV;IAAmB,SAAS,EAAE,IAAAW,aAAA,EAAKhB,OAAO,CAACiB,aAAb,EAA4BjB,OAAO,CAACkB,aAApC;EAA9B,GACGjB,IADH,CALF,CADF;AAWD,CAzBD;;eA0Be,IAAAkB,gBAAA,EAAWC,cAAX,EAAmB;EAChCC,IAAI,EAAE;AAD0B,CAAnB,gBAEZC,cAAA,CAAMC,IAAN,CAAWxB,KAAX,CAFY,C"}
@@ -1 +1 @@
1
- {"version":3,"file":"Header.js","names":["renderSort","sortType","columnSortable","getSortType","id","sort","sortInfo","filter","item","length","desc","undefined","Header","classes","column","tableSortable","onSortChange","colId","sortable","cellType","headerText","headerContainer","rtSortIcon","rtSortIconNumeric","headerTextContainer","headerSortable","headerNotSortable","headerProps","headerAlphaNumeric","headerNumeric","styles","name"],"sources":["../../../src/Table/Header/Header.js"],"sourcesContent":["/* eslint-disable */\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport {\n SortXS as Sort,\n SortAscendingXS as SortAsc,\n SortDescendingXS as SortDesc,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Returns the corresponding icon for the type of sorting (ascending or descending).\n */\nconst renderSort = (sortType, columnSortable) => {\n if (sortType) {\n return sortType === \"descending\" ? <SortDesc /> : <SortAsc />;\n }\n\n if (columnSortable) {\n return <Sort />;\n }\n\n return null;\n};\n\nconst getSortType = (id, sort) => {\n const sortInfo = sort.filter((item) => item.id === id);\n if (sortInfo.length) {\n return sortInfo[0].desc === true ? \"descending\" : \"ascending\";\n }\n\n return undefined;\n};\n\nconst Header = ({ id, classes, column, tableSortable, sort, onSortChange }) => {\n const { id: colId, sortable, cellType, headerText } = column;\n\n const columnSortable = (sortable == null && tableSortable) || sortable;\n const sortType = getSortType(colId, sort);\n\n return (\n <div className={clsx(classes.headerContainer)}>\n {columnSortable && (\n <div\n id={setId(id, \"column\", colId, \"sort-button\")}\n className={clsx(classes.rtSortIcon, {\n [classes.rtSortIconNumeric]: cellType === \"numeric\",\n })}\n aria-label={setId(id, \"column\", colId, \"sort-button\")}\n role=\"button\"\n tabIndex=\"0\"\n >\n {renderSort(sortType, columnSortable)}\n </div>\n )}\n {/* Setter of the styles for the header */}\n <div\n className={clsx(classes.headerTextContainer, {\n [classes.headerSortable]: columnSortable,\n [classes.headerNotSortable]: !columnSortable,\n })}\n >\n <HvTypography\n id={setId(id, \"column\", colId, \"label\")}\n variant=\"highlightText\"\n className={clsx(classes.headerProps, {\n [classes.headerAlphaNumeric]: cellType === \"alpha-numeric\" || cellType === \"link\",\n [classes.headerNumeric]: cellType === \"numeric\",\n })}\n >\n {headerText}\n </HvTypography>\n </div>\n </div>\n );\n};\n\nexport default withStyles(styles, { name: \"HvTableHeader\" })(Header);\n"],"mappings":"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"}
1
+ {"version":3,"file":"Header.js","names":["renderSort","sortType","columnSortable","getSortType","id","sort","sortInfo","filter","item","length","desc","undefined","Header","classes","column","tableSortable","onSortChange","colId","sortable","cellType","headerText","clsx","headerContainer","setId","rtSortIcon","rtSortIconNumeric","headerTextContainer","headerSortable","headerNotSortable","headerProps","headerAlphaNumeric","headerNumeric","withStyles","styles","name"],"sources":["../../../src/Table/Header/Header.js"],"sourcesContent":["/* eslint-disable */\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport {\n SortXS as Sort,\n SortAscendingXS as SortAsc,\n SortDescendingXS as SortDesc,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Returns the corresponding icon for the type of sorting (ascending or descending).\n */\nconst renderSort = (sortType, columnSortable) => {\n if (sortType) {\n return sortType === \"descending\" ? <SortDesc /> : <SortAsc />;\n }\n\n if (columnSortable) {\n return <Sort />;\n }\n\n return null;\n};\n\nconst getSortType = (id, sort) => {\n const sortInfo = sort.filter((item) => item.id === id);\n if (sortInfo.length) {\n return sortInfo[0].desc === true ? \"descending\" : \"ascending\";\n }\n\n return undefined;\n};\n\nconst Header = ({ id, classes, column, tableSortable, sort, onSortChange }) => {\n const { id: colId, sortable, cellType, headerText } = column;\n\n const columnSortable = (sortable == null && tableSortable) || sortable;\n const sortType = getSortType(colId, sort);\n\n return (\n <div className={clsx(classes.headerContainer)}>\n {columnSortable && (\n <div\n id={setId(id, \"column\", colId, \"sort-button\")}\n className={clsx(classes.rtSortIcon, {\n [classes.rtSortIconNumeric]: cellType === \"numeric\",\n })}\n aria-label={setId(id, \"column\", colId, \"sort-button\")}\n role=\"button\"\n tabIndex=\"0\"\n >\n {renderSort(sortType, columnSortable)}\n </div>\n )}\n {/* Setter of the styles for the header */}\n <div\n className={clsx(classes.headerTextContainer, {\n [classes.headerSortable]: columnSortable,\n [classes.headerNotSortable]: !columnSortable,\n })}\n >\n <HvTypography\n id={setId(id, \"column\", colId, \"label\")}\n variant=\"highlightText\"\n className={clsx(classes.headerProps, {\n [classes.headerAlphaNumeric]: cellType === \"alpha-numeric\" || cellType === \"link\",\n [classes.headerNumeric]: cellType === \"numeric\",\n })}\n >\n {headerText}\n </HvTypography>\n </div>\n </div>\n );\n};\n\nexport default withStyles(styles, { name: \"HvTableHeader\" })(Header);\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["NoData","noDataMessage","children","classes","root","default"],"sources":["../../../src/Table/NoData/index.js"],"sourcesContent":["import { Ban } from \"@hitachivantara/uikit-react-icons\";\nimport React from \"react\";\nimport HvEmptyState from \"../../EmptyState\";\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nconst NoData = ({ noDataMessage = \" No data to display.\", children }) => {\n const classes = useStyles();\n return (\n <div className={classes.root}>\n {children || (\n <HvEmptyState className={classes.default} message={noDataMessage} icon={<Ban />} />\n )}\n </div>\n );\n};\n\nexport default NoData;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA;AACA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAA0D;EAAA,8BAAvDC,aAAuD;EAAA,IAAvDA,aAAuD,mCAAvC,sBAAuC;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACvE,IAAMC,OAAO,GAAG,sBAAhB;EACA,oBACE;IAAK,SAAS,EAAEA,OAAO,CAACC;EAAxB,GACGF,QAAQ,iBACP,6BAAC,mBAAD;IAAc,SAAS,EAAEC,OAAO,CAACE,OAAjC;IAA0C,OAAO,EAAEJ,aAAnD;IAAkE,IAAI,+BAAE,6BAAC,oBAAD,OAAF;EAAtE,EAFJ,CADF;AAOD,CATD;;eAWeD,M"}
1
+ {"version":3,"file":"index.js","names":["NoData","noDataMessage","children","classes","useStyles","root","default"],"sources":["../../../src/Table/NoData/index.js"],"sourcesContent":["import { Ban } from \"@hitachivantara/uikit-react-icons\";\nimport React from \"react\";\nimport HvEmptyState from \"../../EmptyState\";\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nconst NoData = ({ noDataMessage = \" No data to display.\", children }) => {\n const classes = useStyles();\n return (\n <div className={classes.root}>\n {children || (\n <HvEmptyState className={classes.default} message={noDataMessage} icon={<Ban />} />\n )}\n </div>\n );\n};\n\nexport default NoData;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA;AACA,IAAMA,MAAM,GAAG,SAATA,MAAS,OAA0D;EAAA,8BAAvDC,aAAuD;EAAA,IAAvDA,aAAuD,mCAAvC,sBAAuC;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACvE,IAAMC,OAAO,GAAG,IAAAC,eAAA,GAAhB;EACA,oBACE;IAAK,SAAS,EAAED,OAAO,CAACE;EAAxB,GACGH,QAAQ,iBACP,6BAAC,mBAAD;IAAc,SAAS,EAAEC,OAAO,CAACG,OAAjC;IAA0C,OAAO,EAAEL,aAAnD;IAAkE,IAAI,+BAAE,6BAAC,oBAAD,OAAF;EAAtE,EAFJ,CADF;AAOD,CATD;;eAWeD,M"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","names":["useStyles","root","display","position","left","top","transform","transition","zIndex","pointerEvents","default","padding","noTextMessage","lineHeight"],"sources":["../../../src/Table/NoData/styles.js"],"sourcesContent":["import { createStyles, makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles(() =>\n createStyles({\n root: {\n display: \"flex\",\n position: \"absolute\",\n left: \"50%\",\n top: \"54px\",\n transform: \"translate(-50%,0)\",\n transition: \"all .3s ease\",\n zIndex: 1,\n pointerEvents: \"none\",\n },\n default: {\n padding: \"32px\",\n },\n noTextMessage: {\n lineHeight: \"32px\",\n },\n })\n);\n\nexport default useStyles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,SAAS,GAAG,sBAAW;EAAA,OAC3B,wBAAa;IACXC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,QAAQ,EAAE,UAFN;MAGJC,IAAI,EAAE,KAHF;MAIJC,GAAG,EAAE,MAJD;MAKJC,SAAS,EAAE,mBALP;MAMJC,UAAU,EAAE,cANR;MAOJC,MAAM,EAAE,CAPJ;MAQJC,aAAa,EAAE;IARX,CADK;IAWXC,OAAO,EAAE;MACPC,OAAO,EAAE;IADF,CAXE;IAcXC,aAAa,EAAE;MACbC,UAAU,EAAE;IADC;EAdJ,CAAb,CAD2B;AAAA,CAAX,CAAlB;eAqBeb,S"}
1
+ {"version":3,"file":"styles.js","names":["useStyles","makeStyles","createStyles","root","display","position","left","top","transform","transition","zIndex","pointerEvents","default","padding","noTextMessage","lineHeight"],"sources":["../../../src/Table/NoData/styles.js"],"sourcesContent":["import { createStyles, makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles(() =>\n createStyles({\n root: {\n display: \"flex\",\n position: \"absolute\",\n left: \"50%\",\n top: \"54px\",\n transform: \"translate(-50%,0)\",\n transition: \"all .3s ease\",\n zIndex: 1,\n pointerEvents: \"none\",\n },\n default: {\n padding: \"32px\",\n },\n noTextMessage: {\n lineHeight: \"32px\",\n },\n })\n);\n\nexport default useStyles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,SAAS,GAAG,IAAAC,gBAAA,EAAW;EAAA,OAC3B,IAAAC,kBAAA,EAAa;IACXC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,QAAQ,EAAE,UAFN;MAGJC,IAAI,EAAE,KAHF;MAIJC,GAAG,EAAE,MAJD;MAKJC,SAAS,EAAE,mBALP;MAMJC,UAAU,EAAE,cANR;MAOJC,MAAM,EAAE,CAPJ;MAQJC,aAAa,EAAE;IARX,CADK;IAWXC,OAAO,EAAE;MACPC,OAAO,EAAE;IADF,CAXE;IAcXC,aAAa,EAAE;MACbC,UAAU,EAAE;IADC;EAdJ,CAAb,CAD2B;AAAA,CAAX,CAAlB;eAqBef,S"}
@@ -281,27 +281,26 @@ var HvTable = function HvTable(props) {
281
281
  return newEntry;
282
282
  });
283
283
  };
284
+
285
+ var PaginationComponent = (0, _react.useCallback)(function (tablePaginationProps) {
286
+ return /*#__PURE__*/_react.default.createElement(_.HvPagination, (0, _extends2.default)({
287
+ id: (0, _utils.setId)(id, "pagination"),
288
+ labels: paginationLabels,
289
+ pageSize: tablePaginationProps.pageSize,
290
+ pages: tablePaginationProps.pages,
291
+ page: tablePaginationProps.page,
292
+ canPrevious: tablePaginationProps.canPrevious,
293
+ canNext: tablePaginationProps.canNext,
294
+ onPageChange: tablePaginationProps.onPageChange,
295
+ onPageSizeChange: tablePaginationProps.onPageSizeChange,
296
+ showPageSizeOptions: tablePaginationProps.showPageSizeOptions
297
+ }, paginationProps));
298
+ }, [id, paginationLabels, paginationProps]);
284
299
  /**
285
300
  * Pagination customizations.
286
301
  */
287
302
 
288
-
289
303
  var getPaginationProps = function getPaginationProps() {
290
- var PaginationComponent = function PaginationComponent(tablePaginationProps) {
291
- return /*#__PURE__*/_react.default.createElement(_.HvPagination, (0, _extends2.default)({
292
- id: (0, _utils.setId)(id, "pagination"),
293
- labels: paginationLabels,
294
- pageSize: tablePaginationProps.pageSize,
295
- pages: tablePaginationProps.pages,
296
- page: tablePaginationProps.page,
297
- canPrevious: tablePaginationProps.canPrevious,
298
- canNext: tablePaginationProps.canNext,
299
- onPageChange: tablePaginationProps.onPageChange,
300
- onPageSizeChange: tablePaginationProps.onPageSizeChange,
301
- showPageSizeOptions: tablePaginationProps.showPageSizeOptions
302
- }, paginationProps));
303
- };
304
-
305
304
  return _objectSpread(_objectSpread({
306
305
  showPagination: data.length > 0 && showPagination,
307
306
  showPageSizeOptions: showPageSize
@@ -368,18 +367,17 @@ var HvTable = function HvTable(props) {
368
367
  */
369
368
 
370
369
 
371
- var onSortChange = function onSortChange(sortedColumn) {
370
+ var onSortChange = (0, _react.useCallback)(function (sortedColumn) {
372
371
  setSorted(sortedColumn);
373
372
  setCurrentPage(0);
374
373
  setExpanded({});
375
- };
374
+ }, []);
376
375
  /**
377
376
  * Sort properties override to set onSortedChange
378
377
  *
379
378
  * @returns {{sortable: boolean, onSortedChange: onSortChange}}
380
379
  */
381
380
 
382
-
383
381
  var getSortProps = function getSortProps() {
384
382
  return _objectSpread(_objectSpread({
385
383
  sortable: sortable
@@ -692,7 +690,7 @@ var HvTable = function HvTable(props) {
692
690
 
693
691
  _reactTable.ReactTableDefaults.expanderDefaults.show = false; // eslint-disable-next-line react/prop-types
694
692
 
695
- _reactTable.ReactTableDefaults.column.Header = function (_ref) {
693
+ _reactTable.ReactTableDefaults.column.Header = (0, _react.useCallback)(function (_ref) {
696
694
  var column = _ref.column;
697
695
  return /*#__PURE__*/_react.default.createElement(_Header.default, {
698
696
  id: id // eslint-disable-next-line react/prop-types
@@ -703,8 +701,7 @@ var HvTable = function HvTable(props) {
703
701
  tableSortable: sortable,
704
702
  onSortChange: onSortChange
705
703
  });
706
- }; // add expander button
707
-
704
+ }, [id, onSortChange, sorted, sortable]); // add expander button
708
705
 
709
706
  var expanderColumn = (0, _columnUtils.createExpanderButton)(columns, subElementTemplate, classes, toggleExpand); // add expander
710
707