@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":"MenuItem.js","names":["MenuItem","classes","id","item","type","onClick","selectionPath","SelectionContext","FocusContext","dispatch","data","isMenu","isSelected","hasSubLevel","length","actionHandler","event","KeyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","focusWrapper","childrenToWrap","externalReference","isIe","label","root","selectedItem","notSelectedItem","button","propTypes","PropTypes","shape","string","falseFocus","isRequired","arrayOf","func","oneOf","styles","name"],"sources":["../../../../src/Header/Navigation/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { KeyboardCodes, isKeypress } from \"../../../utils/KeyboardUtils\";\nimport HvTypography from \"../../../Typography\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport ConditionalWrapper from \"../../../utils/ConditionalWrapper\";\nimport MenuBar from \"../MenuBar\";\nimport styles from \"./styles\";\nimport isBrowser from \"../../../utils/browser\";\n\nconst MenuItem = ({ classes, id, item, type, onClick }) => {\n const selectionPath = useContext(SelectionContext);\n const { dispatch } = useContext(FocusContext);\n\n const { data } = item;\n const isMenu = type === \"menu\";\n const isSelected = selectionPath[isMenu ? 1 : 0] === item.id;\n const hasSubLevel = data && data.length;\n\n const actionHandler = (event) => {\n if (\n event.type === \"click\" ||\n isKeypress(event, KeyboardCodes.Enter) ||\n isKeypress(event, KeyboardCodes.SpaceBar)\n ) {\n if (event.type === \"click\") {\n event.currentTarget.blur();\n }\n\n onClick?.(event, item);\n }\n };\n\n const handleFocus = (event) => {\n dispatch({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n };\n\n const focusWrapper = (childrenToWrap) => (\n <div className={classes.externalReference}>{childrenToWrap}</div>\n );\n const isIe = isBrowser([\"ie\", \"edge\"]);\n return (\n <li\n id={id}\n key={item.label}\n className={clsx(classes.root, classes[`${type}Item`], {\n [classes.selectedItem]: !isMenu && isSelected,\n [classes.notSelectedItem]: !isMenu && !isSelected,\n })}\n >\n <ConditionalWrapper condition={isIe} wrapper={focusWrapper}>\n <div\n role=\"button\"\n className={clsx(classes.button)}\n onClick={actionHandler}\n onKeyDown={actionHandler}\n tabIndex={0}\n onFocus={handleFocus}\n >\n <HvTypography variant={isSelected ? \"selectedNavText\" : \"normalText\"}>\n {item.label}\n </HvTypography>\n </div>\n </ConditionalWrapper>\n {hasSubLevel && <MenuBar data={data} onClick={onClick} type=\"menu\" />}\n </li>\n );\n};\n\nMenuItem.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Style applied to the first element in the hierarchy.\n */\n root: PropTypes.string,\n /**\n * Style applied to the li element when it is selected.\n */\n selectedItem: PropTypes.string,\n /**\n * Style applied to the li element when it isn't selected.\n */\n notSelectedItem: PropTypes.string,\n /**\n * Style applied to each item button.\n */\n button: PropTypes.string,\n /**\n * Style applied to the reference element used for ie focus.\n */\n externalReference: PropTypes.string,\n /**\n * Style applied to simulated a focus in ie.\n */\n falseFocus: PropTypes.string,\n }).isRequired,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * An object containing the data for each menu item.\n *\n * id - the id to be applied to the root element.\n * label - the label to be rendered on the menu item.\n */\n item: PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n data: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n })\n ),\n }).isRequired,\n /**\n * Callback triggered when item is clicked.\n */\n onClick: PropTypes.func,\n /**\n * The type of menu.\n */\n type: PropTypes.oneOf([\"menubar\", \"menu\"]).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderMenuItem\" })(MenuItem);\n"],"mappings":"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"}
1
+ {"version":3,"file":"MenuItem.js","names":["MenuItem","classes","id","item","type","onClick","selectionPath","useContext","SelectionContext","FocusContext","dispatch","data","isMenu","isSelected","hasSubLevel","length","actionHandler","event","isKeypress","KeyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","focusWrapper","childrenToWrap","externalReference","isIe","isBrowser","label","itemProps","onKeyDown","tabIndex","onFocus","clsx","root","selectedItem","notSelectedItem","href","button","link","target","propTypes","PropTypes","shape","string","falseFocus","isRequired","arrayOf","func","oneOf","withStyles","styles","name"],"sources":["../../../../src/Header/Navigation/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { KeyboardCodes, isKeypress } from \"../../../utils/KeyboardUtils\";\nimport HvTypography from \"../../../Typography\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport ConditionalWrapper from \"../../../utils/ConditionalWrapper\";\nimport MenuBar from \"../MenuBar\";\nimport styles from \"./styles\";\nimport isBrowser from \"../../../utils/browser\";\n\nconst MenuItem = ({ classes, id, item, type, onClick }) => {\n const selectionPath = useContext(SelectionContext);\n const { dispatch } = useContext(FocusContext);\n\n const { data } = item;\n const isMenu = type === \"menu\";\n const isSelected = selectionPath[isMenu ? 1 : 0] === item.id;\n const hasSubLevel = data && data.length;\n\n const actionHandler = (event) => {\n if (\n event.type === \"click\" ||\n isKeypress(event, KeyboardCodes.Enter) ||\n isKeypress(event, KeyboardCodes.SpaceBar)\n ) {\n if (event.type === \"click\") {\n event.currentTarget.blur();\n }\n\n onClick?.(event, item);\n }\n };\n\n const handleFocus = (event) => {\n dispatch({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n };\n\n const focusWrapper = (childrenToWrap) => (\n <div className={classes.externalReference}>{childrenToWrap}</div>\n );\n const isIe = isBrowser([\"ie\", \"edge\"]);\n const label = (\n <HvTypography variant={isSelected ? \"selectedNavText\" : \"normalText\"}>\n {item.label}\n </HvTypography>\n );\n const itemProps = {\n onClick: actionHandler,\n onKeyDown: actionHandler,\n tabIndex: 0,\n onFocus: handleFocus,\n };\n return (\n <li\n id={id}\n key={item.label}\n className={clsx(classes.root, classes[`${type}Item`], {\n [classes.selectedItem]: !isMenu && isSelected,\n [classes.notSelectedItem]: !isMenu && !isSelected,\n })}\n >\n <ConditionalWrapper condition={isIe} wrapper={focusWrapper}>\n {item?.href ? (\n <a\n className={clsx(classes.button, classes.link)}\n href={item?.href}\n target={item?.target}\n {...itemProps}\n >\n {label}\n </a>\n ) : (\n <div className={clsx(classes.button)} role=\"button\" {...itemProps}>\n {label}\n </div>\n )}\n </ConditionalWrapper>\n {hasSubLevel && <MenuBar data={data} onClick={onClick} type=\"menu\" />}\n </li>\n );\n};\n\nMenuItem.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Style applied to the first element in the hierarchy.\n */\n root: PropTypes.string,\n /**\n * Style applied to the li element when it is selected.\n */\n selectedItem: PropTypes.string,\n /**\n * Style applied to the li element when it isn't selected.\n */\n notSelectedItem: PropTypes.string,\n /**\n * Style applied to each item button.\n */\n button: PropTypes.string,\n /**\n * Style applied to each item button when it is behaving as a.\n */\n link: PropTypes.string,\n /**\n * Style applied to the reference element used for ie focus.\n */\n externalReference: PropTypes.string,\n /**\n * Style applied to simulated a focus in ie.\n */\n falseFocus: PropTypes.string,\n }).isRequired,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * An object containing the data for each menu item.\n *\n * id - the id to be applied to the root element.\n * label - the label to be rendered on the menu item.\n */\n item: PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n href: PropTypes.string,\n target: PropTypes.string,\n data: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n })\n ),\n }).isRequired,\n /**\n * Callback triggered when item is clicked.\n */\n onClick: PropTypes.func,\n /**\n * The type of menu.\n */\n type: PropTypes.oneOf([\"menubar\", \"menu\"]).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderMenuItem\" })(MenuItem);\n"],"mappings":"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"}
@@ -90,6 +90,10 @@ var styles = function styles(theme) {
90
90
  },
91
91
  "&.focus-visible": _objectSpread({}, _styles.outlineStyles)
92
92
  },
93
+ link: {
94
+ display: "block",
95
+ textDecoration: "none"
96
+ },
93
97
  externalReference: _objectSpread({}, externalReference),
94
98
  falseFocus: _objectSpread(_objectSpread({}, falseFocus), {}, {
95
99
  top: "4px"
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","names":["externalReference","focusStyles","falseFocus","styles","theme","hoverColor","hv","palette","atmosphere","atmo3","root","display","backgroundColor","selectedItem","borderTop","accent","acce3","paddingTop","notSelectedItem","marginTop","button","border","cursor","padding","hvSpacing","outline","outlineStyles","top"],"sources":["../../../../src/Header/Navigation/MenuItem/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\nimport focusStyles, { outlineStyles } from \"../../../Focus/styles\";\n\nconst { externalReference, falseFocus } = focusStyles;\n\nconst styles = (theme) => {\n const hoverColor = theme.hv.palette.atmosphere.atmo3;\n\n return {\n root: {\n display: \"inline\",\n \"&:hover\": {\n \"& > [role='button']\": {\n backgroundColor: hoverColor,\n },\n \"&:focus-within\": {\n \"& > [role='button']\": {\n backgroundColor: hoverColor,\n },\n },\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within\": {\n \"& > [role='button']\": {\n backgroundColor: hoverColor,\n },\n },\n },\n selectedItem: {\n borderTop: `2px solid ${theme.hv.palette.accent.acce3}`,\n paddingTop: \"2px\",\n },\n notSelectedItem: {\n marginTop: \"4px\",\n },\n button: {\n border: \"none\",\n cursor: \"pointer\",\n padding: theme.hvSpacing(\"8px\", \"sm\"),\n \"&:active\": {\n outline: \"none\",\n },\n \"&:focus\": {\n outline: \"none\",\n backgroundColor: hoverColor,\n },\n \"&.focus-visible\": {\n ...outlineStyles,\n },\n },\n externalReference: {\n ...externalReference,\n },\n falseFocus: {\n ...falseFocus,\n top: \"4px\",\n },\n };\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;AAEA,IAAQA,iBAAR,GAA0CC,eAA1C,CAAQD,iBAAR;AAAA,IAA2BE,UAA3B,GAA0CD,eAA1C,CAA2BC,UAA3B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IAAMC,UAAU,GAAGD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA/C;EAEA,OAAO;IACLC,IAAI,EAAE;MACJC,OAAO,EAAE,QADL;MAEJ,WAAW;QACT,uBAAuB;UACrBC,eAAe,EAAEP;QADI,CADd;QAIT,kBAAkB;UAChB,uBAAuB;YACrBO,eAAe,EAAEP;UADI;QADP;MAJT,CAFP;MAYJ;MACA,kBAAkB;QAChB,uBAAuB;UACrBO,eAAe,EAAEP;QADI;MADP;IAbd,CADD;IAoBLQ,YAAY,EAAE;MACZC,SAAS,sBAAeV,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBQ,MAAjB,CAAwBC,KAAvC,CADG;MAEZC,UAAU,EAAE;IAFA,CApBT;IAwBLC,eAAe,EAAE;MACfC,SAAS,EAAE;IADI,CAxBZ;IA2BLC,MAAM,EAAE;MACNC,MAAM,EAAE,MADF;MAENC,MAAM,EAAE,SAFF;MAGNC,OAAO,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,KAAhB,EAAuB,IAAvB,CAHH;MAIN,YAAY;QACVC,OAAO,EAAE;MADC,CAJN;MAON,WAAW;QACTA,OAAO,EAAE,MADA;QAETb,eAAe,EAAEP;MAFR,CAPL;MAWN,qCACKqB,qBADL;IAXM,CA3BH;IA0CL1B,iBAAiB,oBACZA,iBADY,CA1CZ;IA6CLE,UAAU,kCACLA,UADK;MAERyB,GAAG,EAAE;IAFG;EA7CL,CAAP;AAkDD,CArDD;;eAuDexB,M"}
1
+ {"version":3,"file":"styles.js","names":["externalReference","focusStyles","falseFocus","styles","theme","hoverColor","hv","palette","atmosphere","atmo3","root","display","backgroundColor","selectedItem","borderTop","accent","acce3","paddingTop","notSelectedItem","marginTop","button","border","cursor","padding","hvSpacing","outline","outlineStyles","link","textDecoration","top"],"sources":["../../../../src/Header/Navigation/MenuItem/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\nimport focusStyles, { outlineStyles } from \"../../../Focus/styles\";\n\nconst { externalReference, falseFocus } = focusStyles;\n\nconst styles = (theme) => {\n const hoverColor = theme.hv.palette.atmosphere.atmo3;\n\n return {\n root: {\n display: \"inline\",\n \"&:hover\": {\n \"& > [role='button']\": {\n backgroundColor: hoverColor,\n },\n \"&:focus-within\": {\n \"& > [role='button']\": {\n backgroundColor: hoverColor,\n },\n },\n },\n // IE fallback code (using focus-within-polyfill)\n \"&.focus-within\": {\n \"& > [role='button']\": {\n backgroundColor: hoverColor,\n },\n },\n },\n selectedItem: {\n borderTop: `2px solid ${theme.hv.palette.accent.acce3}`,\n paddingTop: \"2px\",\n },\n notSelectedItem: {\n marginTop: \"4px\",\n },\n button: {\n border: \"none\",\n cursor: \"pointer\",\n padding: theme.hvSpacing(\"8px\", \"sm\"),\n \"&:active\": {\n outline: \"none\",\n },\n \"&:focus\": {\n outline: \"none\",\n backgroundColor: hoverColor,\n },\n \"&.focus-visible\": {\n ...outlineStyles,\n },\n },\n link: {\n display: \"block\",\n textDecoration: \"none\",\n },\n externalReference: {\n ...externalReference,\n },\n falseFocus: {\n ...falseFocus,\n top: \"4px\",\n },\n };\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;AAEA,IAAQA,iBAAR,GAA0CC,eAA1C,CAAQD,iBAAR;AAAA,IAA2BE,UAA3B,GAA0CD,eAA1C,CAA2BC,UAA3B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IAAMC,UAAU,GAAGD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA/C;EAEA,OAAO;IACLC,IAAI,EAAE;MACJC,OAAO,EAAE,QADL;MAEJ,WAAW;QACT,uBAAuB;UACrBC,eAAe,EAAEP;QADI,CADd;QAIT,kBAAkB;UAChB,uBAAuB;YACrBO,eAAe,EAAEP;UADI;QADP;MAJT,CAFP;MAYJ;MACA,kBAAkB;QAChB,uBAAuB;UACrBO,eAAe,EAAEP;QADI;MADP;IAbd,CADD;IAoBLQ,YAAY,EAAE;MACZC,SAAS,sBAAeV,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBQ,MAAjB,CAAwBC,KAAvC,CADG;MAEZC,UAAU,EAAE;IAFA,CApBT;IAwBLC,eAAe,EAAE;MACfC,SAAS,EAAE;IADI,CAxBZ;IA2BLC,MAAM,EAAE;MACNC,MAAM,EAAE,MADF;MAENC,MAAM,EAAE,SAFF;MAGNC,OAAO,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,KAAhB,EAAuB,IAAvB,CAHH;MAIN,YAAY;QACVC,OAAO,EAAE;MADC,CAJN;MAON,WAAW;QACTA,OAAO,EAAE,MADA;QAETb,eAAe,EAAEP;MAFR,CAPL;MAWN,qCACKqB,qBADL;IAXM,CA3BH;IA0CLC,IAAI,EAAE;MACJhB,OAAO,EAAE,OADL;MAEJiB,cAAc,EAAE;IAFZ,CA1CD;IA8CL5B,iBAAiB,oBACZA,iBADY,CA9CZ;IAiDLE,UAAU,kCACLA,UADK;MAER2B,GAAG,EAAE;IAFG;EAjDL,CAAP;AAsDD,CAzDD;;eA2De1B,M"}
@@ -5,6 +5,8 @@ export interface NavigationItemProp {
5
5
  id: string;
6
6
  label: string;
7
7
  path?: string;
8
+ href?: string;
9
+ target?: string;
8
10
  }
9
11
 
10
12
  export type HvHeaderNavigationClassKey = "root";
@@ -20,6 +22,8 @@ export interface HvHeaderNavigationProps
20
22
  *
21
23
  * id - the id to be applied to the root element.
22
24
  * label - the label to be rendered on the menu item.
25
+ * href - the url for navigation.
26
+ * target - the behavior when opening a link.
23
27
  */
24
28
  data: NavigationItemProp[];
25
29
  /**
@@ -76,10 +76,14 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
76
76
  *
77
77
  * id - the id to be applied to the root element.
78
78
  * label - the label to be rendered on the menu item.
79
+ * href - the url used for navigation.
80
+ * target - the behavior when opening an url.
79
81
  */
80
82
  data: _propTypes.default.arrayOf(_propTypes.default.shape({
81
83
  id: _propTypes.default.string.isRequired,
82
- label: _propTypes.default.string.isRequired
84
+ label: _propTypes.default.string.isRequired,
85
+ href: _propTypes.default.string,
86
+ target: _propTypes.default.string
83
87
  })).isRequired,
84
88
 
85
89
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Navigation.js","names":["Navigation","classes","className","data","selected","onClick","others","selectionPath","handleClick","event","selection","root","propTypes","PropTypes","shape","string","isRequired","arrayOf","id","label","func","styles","name"],"sources":["../../../src/Header/Navigation/Navigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport SelectionContext from \"./utils/SelectionContext\";\nimport useSelectionPath from \"./utils/useSelectionPath\";\nimport MenuBar from \"./MenuBar\";\nimport styles from \"./styles\";\n\nconst Navigation = ({ classes, className, data, selected, onClick, ...others }) => {\n const selectionPath = useSelectionPath(data, selected);\n\n const handleClick = (event, selection) => {\n onClick?.(event, selection);\n };\n\n return (\n <SelectionContext.Provider value={selectionPath}>\n <FocusProvider>\n <nav className={clsx(className, classes.root)} {...others}>\n <MenuBar data={data} onClick={handleClick} type=\"menubar\" />\n </nav>\n </FocusProvider>\n </SelectionContext.Provider>\n );\n};\n\nNavigation.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n }).isRequired,\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * An array containing the data for each menu item.\n *\n * id - the id to be applied to the root element.\n * label - the label to be rendered on the menu item.\n */\n data: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n })\n ).isRequired,\n /**\n * Menu item id selected.\n */\n selected: PropTypes.string,\n /**\n * Callback triggered when any item is clicked.\n */\n onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderNavigation\" })(Navigation);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAgE;EAAA,IAA7DC,OAA6D,QAA7DA,OAA6D;EAAA,IAApDC,SAAoD,QAApDA,SAAoD;EAAA,IAAzCC,IAAyC,QAAzCA,IAAyC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACjF,IAAMC,aAAa,GAAG,+BAAiBJ,IAAjB,EAAuBC,QAAvB,CAAtB;;EAEA,IAAMI,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,SAAR,EAAsB;IACxCL,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGI,KAAH,EAAUC,SAAV,CAAP;EACD,CAFD;;EAIA,oBACE,6BAAC,yBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEH;EAAlC,gBACE,6BAAC,2BAAD,qBACE;IAAK,SAAS,EAAE,mBAAKL,SAAL,EAAgBD,OAAO,CAACU,IAAxB;EAAhB,GAAmDL,MAAnD,gBACE,6BAAC,gBAAD;IAAS,IAAI,EAAEH,IAAf;IAAqB,OAAO,EAAEK,WAA9B;IAA2C,IAAI,EAAC;EAAhD,EADF,CADF,CADF,CADF;AASD,CAhBD;;AAkBA,wCAAAR,UAAU,CAACY,SAAX,GAAuB;EACrB;AACF;AACA;EACEX,OAAO,EAAEY,mBAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEE,mBAAUE;EAJO,CAAhB,EAKNC,UATkB;;EAUrB;AACF;AACA;EACEd,SAAS,EAAEW,mBAAUE,MAbA;;EAcrB;AACF;AACA;AACA;AACA;AACA;EACEZ,IAAI,EAAEU,mBAAUI,OAAV,CACJJ,mBAAUC,KAAV,CAAgB;IACdI,EAAE,EAAEL,mBAAUE,MAAV,CAAiBC,UADP;IAEdG,KAAK,EAAEN,mBAAUE,MAAV,CAAiBC;EAFV,CAAhB,CADI,EAKJA,UAzBmB;;EA0BrB;AACF;AACA;EACEZ,QAAQ,EAAES,mBAAUE,MA7BC;;EA8BrB;AACF;AACA;EACEV,OAAO,EAAEQ,mBAAUO;AAjCE,CAAvB;;eAoCe,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmDtB,UAAnD,C"}
1
+ {"version":3,"file":"Navigation.js","names":["Navigation","classes","className","data","selected","onClick","others","selectionPath","useSelectionPath","handleClick","event","selection","clsx","root","propTypes","PropTypes","shape","string","isRequired","arrayOf","id","label","href","target","func","withStyles","styles","name"],"sources":["../../../src/Header/Navigation/Navigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport SelectionContext from \"./utils/SelectionContext\";\nimport useSelectionPath from \"./utils/useSelectionPath\";\nimport MenuBar from \"./MenuBar\";\nimport styles from \"./styles\";\n\nconst Navigation = ({ classes, className, data, selected, onClick, ...others }) => {\n const selectionPath = useSelectionPath(data, selected);\n\n const handleClick = (event, selection) => {\n onClick?.(event, selection);\n };\n\n return (\n <SelectionContext.Provider value={selectionPath}>\n <FocusProvider>\n <nav className={clsx(className, classes.root)} {...others}>\n <MenuBar data={data} onClick={handleClick} type=\"menubar\" />\n </nav>\n </FocusProvider>\n </SelectionContext.Provider>\n );\n};\n\nNavigation.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n }).isRequired,\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * An array containing the data for each menu item.\n *\n * id - the id to be applied to the root element.\n * label - the label to be rendered on the menu item.\n * href - the url used for navigation.\n * target - the behavior when opening an url.\n */\n data: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n href: PropTypes.string,\n target: PropTypes.string,\n })\n ).isRequired,\n /**\n * Menu item id selected.\n */\n selected: PropTypes.string,\n /**\n * Callback triggered when any item is clicked.\n */\n onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderNavigation\" })(Navigation);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAgE;EAAA,IAA7DC,OAA6D,QAA7DA,OAA6D;EAAA,IAApDC,SAAoD,QAApDA,SAAoD;EAAA,IAAzCC,IAAyC,QAAzCA,IAAyC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACjF,IAAMC,aAAa,GAAG,IAAAC,yBAAA,EAAiBL,IAAjB,EAAuBC,QAAvB,CAAtB;;EAEA,IAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,SAAR,EAAsB;IACxCN,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGK,KAAH,EAAUC,SAAV,CAAP;EACD,CAFD;;EAIA,oBACE,6BAAC,yBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEJ;EAAlC,gBACE,6BAAC,2BAAD,qBACE;IAAK,SAAS,EAAE,IAAAK,aAAA,EAAKV,SAAL,EAAgBD,OAAO,CAACY,IAAxB;EAAhB,GAAmDP,MAAnD,gBACE,6BAAC,gBAAD;IAAS,IAAI,EAAEH,IAAf;IAAqB,OAAO,EAAEM,WAA9B;IAA2C,IAAI,EAAC;EAAhD,EADF,CADF,CADF,CADF;AASD,CAhBD;;AAkBA,wCAAAT,UAAU,CAACc,SAAX,GAAuB;EACrB;AACF;AACA;EACEb,OAAO,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAA,CAAUE;EAJO,CAAhB,EAKNC,UATkB;;EAUrB;AACF;AACA;EACEhB,SAAS,EAAEa,kBAAA,CAAUE,MAbA;;EAcrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEd,IAAI,EAAEY,kBAAA,CAAUI,OAAV,CACJJ,kBAAA,CAAUC,KAAV,CAAgB;IACdI,EAAE,EAAEL,kBAAA,CAAUE,MAAV,CAAiBC,UADP;IAEdG,KAAK,EAAEN,kBAAA,CAAUE,MAAV,CAAiBC,UAFV;IAGdI,IAAI,EAAEP,kBAAA,CAAUE,MAHF;IAIdM,MAAM,EAAER,kBAAA,CAAUE;EAJJ,CAAhB,CADI,EAOJC,UA7BmB;;EA8BrB;AACF;AACA;EACEd,QAAQ,EAAEW,kBAAA,CAAUE,MAjCC;;EAkCrB;AACF;AACA;EACEZ,OAAO,EAAEU,kBAAA,CAAUS;AArCE,CAAvB;;eAwCe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmD3B,UAAnD,C"}
@@ -1 +1 @@
1
- {"version":3,"file":"FocusContext.js","names":["reducer","state","action","type","itemFocused","initialState","FocusContext","FocusProvider","props","dispatch","contextValue","children","propTypes","PropTypes","node","isRequired"],"sources":["../../../../src/Header/Navigation/utils/FocusContext.js"],"sourcesContent":["import React, { createContext, useMemo, useReducer } from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst reducer = (state, action) => {\n switch (action.type) {\n case \"setItemFocused\":\n return { itemFocused: action.itemFocused };\n default:\n return state;\n }\n};\n\nconst initialState = { itemFocused: null };\nconst FocusContext = createContext(initialState);\n\nconst FocusProvider = (props) => {\n const [state, dispatch] = useReducer(reducer, initialState);\n const contextValue = useMemo(() => ({ ...state, dispatch }), [state, dispatch]);\n const { children } = props;\n\n return <FocusContext.Provider value={contextValue}>{children}</FocusContext.Provider>;\n};\n\nFocusProvider.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport { FocusContext, FocusProvider };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAQC,MAAR,EAAmB;EACjC,QAAQA,MAAM,CAACC,IAAf;IACE,KAAK,gBAAL;MACE,OAAO;QAAEC,WAAW,EAAEF,MAAM,CAACE;MAAtB,CAAP;;IACF;MACE,OAAOH,KAAP;EAJJ;AAMD,CAPD;;AASA,IAAMI,YAAY,GAAG;EAAED,WAAW,EAAE;AAAf,CAArB;AACA,IAAME,YAAY,gBAAG,0BAAcD,YAAd,CAArB;;;AAEA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,kBAA0B,uBAAWR,OAAX,EAAoBK,YAApB,CAA1B;EAAA;EAAA,IAAOJ,KAAP;EAAA,IAAcQ,QAAd;;EACA,IAAMC,YAAY,GAAG,oBAAQ;IAAA,uCAAYT,KAAZ;MAAmBQ,QAAQ,EAARA;IAAnB;EAAA,CAAR,EAAwC,CAACR,KAAD,EAAQQ,QAAR,CAAxC,CAArB;EACA,IAAQE,QAAR,GAAqBH,KAArB,CAAQG,QAAR;EAEA,oBAAO,6BAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAED;EAA9B,GAA6CC,QAA7C,CAAP;AACD,CAND;;;AAQA,wCAAAJ,aAAa,CAACK,SAAd,GAA0B;EACxBD,QAAQ,EAAEE,mBAAUC,IAAV,CAAeC;AADD,CAA1B"}
1
+ {"version":3,"file":"FocusContext.js","names":["reducer","state","action","type","itemFocused","initialState","FocusContext","createContext","FocusProvider","props","useReducer","dispatch","contextValue","useMemo","children","propTypes","PropTypes","node","isRequired"],"sources":["../../../../src/Header/Navigation/utils/FocusContext.js"],"sourcesContent":["import React, { createContext, useMemo, useReducer } from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst reducer = (state, action) => {\n switch (action.type) {\n case \"setItemFocused\":\n return { itemFocused: action.itemFocused };\n default:\n return state;\n }\n};\n\nconst initialState = { itemFocused: null };\nconst FocusContext = createContext(initialState);\n\nconst FocusProvider = (props) => {\n const [state, dispatch] = useReducer(reducer, initialState);\n const contextValue = useMemo(() => ({ ...state, dispatch }), [state, dispatch]);\n const { children } = props;\n\n return <FocusContext.Provider value={contextValue}>{children}</FocusContext.Provider>;\n};\n\nFocusProvider.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nexport { FocusContext, FocusProvider };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAQC,MAAR,EAAmB;EACjC,QAAQA,MAAM,CAACC,IAAf;IACE,KAAK,gBAAL;MACE,OAAO;QAAEC,WAAW,EAAEF,MAAM,CAACE;MAAtB,CAAP;;IACF;MACE,OAAOH,KAAP;EAJJ;AAMD,CAPD;;AASA,IAAMI,YAAY,GAAG;EAAED,WAAW,EAAE;AAAf,CAArB;AACA,IAAME,YAAY,gBAAG,IAAAC,oBAAA,EAAcF,YAAd,CAArB;;;AAEA,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,kBAA0B,IAAAC,iBAAA,EAAWV,OAAX,EAAoBK,YAApB,CAA1B;EAAA;EAAA,IAAOJ,KAAP;EAAA,IAAcU,QAAd;;EACA,IAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ;IAAA,uCAAYZ,KAAZ;MAAmBU,QAAQ,EAARA;IAAnB;EAAA,CAAR,EAAwC,CAACV,KAAD,EAAQU,QAAR,CAAxC,CAArB;EACA,IAAQG,QAAR,GAAqBL,KAArB,CAAQK,QAAR;EAEA,oBAAO,6BAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAEF;EAA9B,GAA6CE,QAA7C,CAAP;AACD,CAND;;;AAQA,wCAAAN,aAAa,CAACO,SAAd,GAA0B;EACxBD,QAAQ,EAAEE,kBAAA,CAAUC,IAAV,CAAeC;AADD,CAA1B"}
@@ -1 +1 @@
1
- {"version":3,"file":"SelectionContext.js","names":["SelectionContext"],"sources":["../../../../src/Header/Navigation/utils/SelectionContext.js"],"sourcesContent":["import { createContext } from \"react\";\n\nconst SelectionContext = createContext(null);\n\nexport default SelectionContext;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,gBAAgB,gBAAG,0BAAc,IAAd,CAAzB;eAEeA,gB"}
1
+ {"version":3,"file":"SelectionContext.js","names":["SelectionContext","createContext"],"sources":["../../../../src/Header/Navigation/utils/SelectionContext.js"],"sourcesContent":["import { createContext } from \"react\";\n\nconst SelectionContext = createContext(null);\n\nexport default SelectionContext;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,gBAAgB,gBAAG,IAAAC,oBAAA,EAAc,IAAd,CAAzB;eAEeD,gB"}
@@ -1 +1 @@
1
- {"version":3,"file":"useSelectionPath.js","names":["getSelectionPath","data","selectedId","selection","idx","parent","forEach","item","i","hasData","length","isSelected","id","push","useSelectionPath","selectionPath","setSelectionPath","path"],"sources":["../../../../src/Header/Navigation/utils/useSelectionPath.js"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nconst getSelectionPath = (data, selectedId, selection = [], idx = -1, parent = []) => {\n data.forEach((item, i) => {\n const hasData = item.data && item.data.length;\n const isSelected = item.id === selectedId;\n\n if (isSelected) selection.push(...(idx > -1 ? [parent[idx].id] : []), item.id);\n if (hasData) getSelectionPath(item.data, selectedId, selection, i, data);\n });\n\n return selection;\n};\n\nconst useSelectionPath = (data, selectedId) => {\n const [selectionPath, setSelectionPath] = useState(\"\");\n\n useEffect(() => {\n const path = getSelectionPath(data, selectedId);\n setSelectionPath(path);\n }, [data, selectedId]);\n\n return selectionPath;\n};\n\nexport default useSelectionPath;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,IAAD,EAAOC,UAAP,EAA6D;EAAA,IAA1CC,SAA0C,uEAA9B,EAA8B;EAAA,IAA1BC,GAA0B,uEAApB,CAAC,CAAmB;EAAA,IAAhBC,MAAgB,uEAAP,EAAO;EACpFJ,IAAI,CAACK,OAAL,CAAa,UAACC,IAAD,EAAOC,CAAP,EAAa;IACxB,IAAMC,OAAO,GAAGF,IAAI,CAACN,IAAL,IAAaM,IAAI,CAACN,IAAL,CAAUS,MAAvC;IACA,IAAMC,UAAU,GAAGJ,IAAI,CAACK,EAAL,KAAYV,UAA/B;IAEA,IAAIS,UAAJ,EAAgBR,SAAS,CAACU,IAAV,OAAAV,SAAS,mCAAUC,GAAG,GAAG,CAAC,CAAP,GAAW,CAACC,MAAM,CAACD,GAAD,CAAN,CAAYQ,EAAb,CAAX,GAA8B,EAAxC,UAA6CL,IAAI,CAACK,EAAlD,GAAT;IAChB,IAAIH,OAAJ,EAAaT,gBAAgB,CAACO,IAAI,CAACN,IAAN,EAAYC,UAAZ,EAAwBC,SAAxB,EAAmCK,CAAnC,EAAsCP,IAAtC,CAAhB;EACd,CAND;EAQA,OAAOE,SAAP;AACD,CAVD;;AAYA,IAAMW,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACb,IAAD,EAAOC,UAAP,EAAsB;EAC7C,gBAA0C,qBAAS,EAAT,CAA1C;EAAA;EAAA,IAAOa,aAAP;EAAA,IAAsBC,gBAAtB;;EAEA,sBAAU,YAAM;IACd,IAAMC,IAAI,GAAGjB,gBAAgB,CAACC,IAAD,EAAOC,UAAP,CAA7B;IACAc,gBAAgB,CAACC,IAAD,CAAhB;EACD,CAHD,EAGG,CAAChB,IAAD,EAAOC,UAAP,CAHH;EAKA,OAAOa,aAAP;AACD,CATD;;eAWeD,gB"}
1
+ {"version":3,"file":"useSelectionPath.js","names":["getSelectionPath","data","selectedId","selection","idx","parent","forEach","item","i","hasData","length","isSelected","id","push","useSelectionPath","useState","selectionPath","setSelectionPath","useEffect","path"],"sources":["../../../../src/Header/Navigation/utils/useSelectionPath.js"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nconst getSelectionPath = (data, selectedId, selection = [], idx = -1, parent = []) => {\n data.forEach((item, i) => {\n const hasData = item.data && item.data.length;\n const isSelected = item.id === selectedId;\n\n if (isSelected) selection.push(...(idx > -1 ? [parent[idx].id] : []), item.id);\n if (hasData) getSelectionPath(item.data, selectedId, selection, i, data);\n });\n\n return selection;\n};\n\nconst useSelectionPath = (data, selectedId) => {\n const [selectionPath, setSelectionPath] = useState(\"\");\n\n useEffect(() => {\n const path = getSelectionPath(data, selectedId);\n setSelectionPath(path);\n }, [data, selectedId]);\n\n return selectionPath;\n};\n\nexport default useSelectionPath;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,IAAD,EAAOC,UAAP,EAA6D;EAAA,IAA1CC,SAA0C,uEAA9B,EAA8B;EAAA,IAA1BC,GAA0B,uEAApB,CAAC,CAAmB;EAAA,IAAhBC,MAAgB,uEAAP,EAAO;EACpFJ,IAAI,CAACK,OAAL,CAAa,UAACC,IAAD,EAAOC,CAAP,EAAa;IACxB,IAAMC,OAAO,GAAGF,IAAI,CAACN,IAAL,IAAaM,IAAI,CAACN,IAAL,CAAUS,MAAvC;IACA,IAAMC,UAAU,GAAGJ,IAAI,CAACK,EAAL,KAAYV,UAA/B;IAEA,IAAIS,UAAJ,EAAgBR,SAAS,CAACU,IAAV,OAAAV,SAAS,mCAAUC,GAAG,GAAG,CAAC,CAAP,GAAW,CAACC,MAAM,CAACD,GAAD,CAAN,CAAYQ,EAAb,CAAX,GAA8B,EAAxC,UAA6CL,IAAI,CAACK,EAAlD,GAAT;IAChB,IAAIH,OAAJ,EAAaT,gBAAgB,CAACO,IAAI,CAACN,IAAN,EAAYC,UAAZ,EAAwBC,SAAxB,EAAmCK,CAAnC,EAAsCP,IAAtC,CAAhB;EACd,CAND;EAQA,OAAOE,SAAP;AACD,CAVD;;AAYA,IAAMW,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACb,IAAD,EAAOC,UAAP,EAAsB;EAC7C,gBAA0C,IAAAa,eAAA,EAAS,EAAT,CAA1C;EAAA;EAAA,IAAOC,aAAP;EAAA,IAAsBC,gBAAtB;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACd,IAAMC,IAAI,GAAGnB,gBAAgB,CAACC,IAAD,EAAOC,UAAP,CAA7B;IACAe,gBAAgB,CAACE,IAAD,CAAhB;EACD,CAHD,EAGG,CAAClB,IAAD,EAAOC,UAAP,CAHH;EAKA,OAAOc,aAAP;AACD,CATD;;eAWeF,gB"}
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","props","classes","className","id","name","valueProp","value","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labelsProp","labels","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRefProp","inputRef","onBlur","onFocus","onKeyDown","inputProps","others","elementId","React","useState","focused","setFocused","isDirty","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","performValidation","inputValidity","current","canShowError","undefined","isStateInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","materialInputRef","suggestionRef","getElementById","hasLabel","hasDescription","focusInput","focus","isMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","KeyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","adornmentButton","iconClear","handleSearch","searchButton","reallyShowIt","handleRevealPassword","revealPasswordButton","validationIcon","icon","customIconEl","cloneElement","adornments","adornmentsBox","errorMessageId","root","labelContainer","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","ref","autoComplete","inputExtension","suggestionsContainer","suggestionList","parentElement","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","refType","number","styles"],"sources":["../../src/Input/Input.js"],"sourcesContent":["import React, { isValidElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { CloseXS, PreviewOff, Preview, Search, Success } from \"@hitachivantara/uikit-react-icons\";\n\nimport {\n HvTypography,\n HvTooltip,\n HvAdornment,\n HvBaseInput,\n HvFormElement,\n HvLabel,\n HvSuggestions,\n HvWarningText,\n HvInfoMessage,\n useUniqueId,\n useIsMounted,\n} from \"..\";\n\nimport {\n isBrowser,\n isKeypress,\n KeyboardCodes,\n refType,\n setId,\n useControlled,\n useLabels,\n} from \"../utils\";\n\nimport validationStates, { isValid, isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n DEFAULT_ERROR_MESSAGES,\n computeValidationType,\n hasBuiltInValidations,\n validateInput,\n computeValidationState,\n computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n clearButtonLabel: \"Clear the text\",\n\n revealPasswordButtonLabel: \"Reveal password\",\n revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n\n searchButtonLabel: \"Search\",\n};\n\n/**\n * Find the focused element onBlur.\n */\nconst getFocusedElement = (event) =>\n isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n return container != null && container.contains(getFocusedElement(event));\n}\n\n/**\n * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n */\nconst HvInput = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n value: valueProp,\n defaultValue = \"\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onEnter,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n type = \"text\",\n\n placeholder,\n\n autoFocus = false,\n\n labels: labelsProp,\n\n validationMessages,\n\n disableClear = false,\n disableRevealPassword = false,\n disableSearchButton = false,\n\n endAdornment,\n\n maxCharQuantity,\n minCharQuantity,\n validation,\n\n showValidationIcon = false,\n\n suggestionListCallback,\n\n inputRef: inputRefProp,\n onBlur,\n onFocus,\n onKeyDown,\n\n inputProps = {},\n\n ...others\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n const elementId = useUniqueId(id, \"hvinput\");\n\n const inputRef = useRef(inputRefProp || null);\n\n const [focused, setFocused] = React.useState(false);\n\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n\n // value related state\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isEmptyValue = value == null || value === \"\";\n\n // validation related state\n const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n // validationMessages reference tends to change, as users will not memoize/useState for it;\n // dependencies must be more explicit so we set\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n validationMessages?.typeMismatchError,\n ]\n );\n\n const validationType = useMemo(() => computeValidationType(type), [type]);\n\n // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n // and returns the validity state of the input.\n const performValidation = useCallback(() => {\n const inputValidity = validateInput(\n inputRef.current,\n value,\n required,\n minCharQuantity,\n maxCharQuantity,\n validationType,\n validation\n );\n\n // this will only run if status is uncontrolled\n setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n // this will only run if statusMessage is uncontrolled\n setValidationMessage(computeValidationMessage(inputValidity, errorMessages));\n\n return inputValidity;\n }, [\n errorMessages,\n isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n validationType,\n 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 any of the built-in validations are active\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined &&\n hasBuiltInValidations(\n required,\n validationType,\n minCharQuantity,\n maxCharQuantity,\n validation,\n inputProps\n )));\n\n const isStateInvalid = isInvalid(validationState);\n\n // input type related state\n const [revealPassword, setRevealPassword] = useState(false);\n\n const realType = useMemo(() => {\n if (type === \"password\") {\n return revealPassword ? \"text\" : \"password\";\n }\n\n if (type === \"search\") {\n return \"search\";\n }\n\n return \"text\";\n }, [revealPassword, type]);\n\n // suggestions related state\n const [suggestionValues, setSuggestionValues] = useState(null);\n\n const canShowSuggestions = suggestionListCallback != null;\n const hasSuggestions = !!suggestionValues;\n\n const materialInputRef = useRef(null);\n const suggestionRef = useRef({});\n\n useEffect(() => {\n // TODO Replace with ref\n suggestionRef.current = document.getElementById(setId(elementId, \"suggestions\"));\n }, [elementId]);\n\n // miscellaneous state\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n /**\n * Looks for the node that represent the input inside the material tree and focus it.\n */\n const focusInput = () => {\n materialInputRef.current.focus();\n };\n\n const isMounted = useIsMounted();\n\n /**\n * Clears the suggestion array.\n */\n const suggestionClearHandler = () => {\n if (isMounted.current) {\n setSuggestionValues(null);\n }\n };\n\n /**\n * Fills of the suggestion array.\n */\n const suggestionHandler = (val) => {\n const suggestionsArray = suggestionListCallback?.(val);\n if (suggestionsArray?.[0]?.label) {\n setSuggestionValues(suggestionsArray);\n } else {\n suggestionClearHandler();\n }\n };\n\n /**\n * Executes the user callback adds the selection to the state and clears the suggestions.\n */\n const suggestionSelectedHandler = (event, item) => {\n const newValue = item.value || item.label;\n\n // set the input value (only when value is uncontrolled)\n setValue(newValue);\n\n onChange?.(event, newValue);\n\n focusInput();\n suggestionClearHandler();\n\n if (type === \"search\") {\n // trigger the onEnter callback when the user selects an option in a search box\n onEnter?.(event, newValue);\n }\n };\n\n const onChangeHandler = (event, newValue) => {\n isDirty.current = true;\n\n // set the input value (only when value is uncontrolled)\n setValue(newValue);\n\n onChange?.(event, newValue);\n\n if (canShowSuggestions) {\n // an edge case might be a controlled input whose onChange callback\n // doesn't change the value (or sets another): the suggestionListCallback\n // callback will still receive the original rejected value.\n // a refactor is needed so the suggestionListCallback might be called only\n // when the input is uncontrolled, providing a way to externally control\n // the suggestion values.\n suggestionHandler(newValue);\n }\n };\n\n /**\n * Validates the input updating the state and modifying the info text, also executes\n * the user provided onBlur passing the current validation status and value.\n *\n * @returns {undefined}\n */\n const onInputBlurHandler = (event) => {\n // If the blur is executed when choosing an suggestion it should be ignored.\n if (eventTargetIsInsideContainer(suggestionRef?.current, event)) return;\n\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\n };\n\n /**\n * Updates the state putting again the value from the state because the input value is\n * not automatically manage, it also executes the onFocus function from the user passing the value\n */\n const onFocusHandler = (event) => {\n setFocused(true);\n\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n onFocus?.(event, value);\n };\n\n const getSuggestions = (li) => {\n // TODO Replace with ref\n const listEl = document.getElementById(setId(elementId, \"suggestions-list\"));\n return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n };\n\n const onSuggestionKeyDown = (event) => {\n if (isKeypress(event, KeyboardCodes.Esc)) {\n suggestionClearHandler();\n focusInput();\n } else if (isKeypress(event, KeyboardCodes.Tab)) {\n suggestionClearHandler();\n }\n };\n\n /**\n * Focus the suggestion list when the arrow down is pressed.\n *\n * @param {Object} event - The event provided by the material ui input\n */\n const onKeyDownHandler = (event) => {\n if (isKeypress(event, KeyboardCodes.ArrowDown) && hasSuggestions) {\n const li = getSuggestions(0);\n li?.focus();\n } else if (isKeypress(event, KeyboardCodes.Enter)) {\n onEnter?.(event, value);\n }\n\n onKeyDown?.(event, value);\n };\n\n /**\n * Clears the suggestion list on blur.\n *\n * @param {Object} event - The event provided by the material ui input.\n */\n const onContainerBlurHandler = (event) => {\n if (event.relatedTarget) {\n setTimeout(() => {\n const list = getSuggestions();\n if (!list?.contains(document.activeElement)) suggestionClearHandler();\n }, 10);\n }\n };\n\n const hasOnEnter = onEnter != null;\n\n // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n // also, don't show it when the input type is \"search\" and the input is active (standBy)\n const showClear =\n !disabled &&\n !readOnly &&\n !disableClear &&\n !isEmptyValue &&\n (!hasOnEnter ||\n type !== \"search\" ||\n disableSearchButton ||\n validationState !== validationStates.standBy);\n\n const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n const showRevealPasswordButton = type === \"password\" && !disableRevealPassword;\n\n /**\n * Clears the input value from the state and refocus the input.\n */\n const handleClear = useCallback(\n (event) => {\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n // clear the input value (only when value is uncontrolled)\n setValue(\"\");\n\n onChange?.(event, \"\");\n\n // we wan't to focus the input when clicked and not active\n setTimeout(focusInput);\n },\n [onChange, setValidationState, setValue]\n );\n\n const clearButton = useMemo(() => {\n if (!showClear) {\n return null;\n }\n\n return (\n <HvAdornment\n // don't control visibility when the search icon is enabled\n className={clsx(classes.adornmentButton, { [classes.iconClear]: !showSearchIcon })}\n onClick={handleClear}\n aria-label={labels.clearButtonLabel}\n aria-controls={setId(elementId, \"input\")}\n icon={<CloseXS />}\n />\n );\n }, [\n showClear,\n classes.adornmentButton,\n classes.iconClear,\n showSearchIcon,\n handleClear,\n labels.clearButtonLabel,\n elementId,\n ]);\n\n /**\n * Calls the onEnter callback and refocus the input.\n */\n const handleSearch = useCallback(\n (event) => {\n onEnter?.(event, value);\n },\n [onEnter, value]\n );\n\n const searchButton = useMemo(() => {\n // if the search icon is not actionable, only show it when the input is empty or active\n const reallyShowIt =\n showSearchIcon &&\n (isEmptyValue || (hasOnEnter && validationState === validationStates.standBy));\n\n if (!reallyShowIt) {\n return null;\n }\n\n return (\n <HvAdornment\n className={clsx(classes.adornmentButton)}\n onClick={hasOnEnter ? handleSearch : undefined}\n aria-label={labels.searchButtonLabel}\n icon={<Search />}\n />\n );\n }, [\n showSearchIcon,\n isEmptyValue,\n hasOnEnter,\n validationState,\n classes.adornmentButton,\n handleSearch,\n labels.searchButtonLabel,\n ]);\n\n /**\n * Changes input type and refocus the input.\n */\n const handleRevealPassword = useCallback(() => {\n setRevealPassword(!revealPassword);\n }, [revealPassword]);\n\n const revealPasswordButton = useMemo(() => {\n if (!showRevealPasswordButton) {\n return null;\n }\n\n return (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={\n <HvTypography>\n {revealPassword\n ? labels.revealPasswordButtonClickToHideTooltip\n : labels.revealPasswordButtonClickToShowTooltip}\n </HvTypography>\n }\n >\n <HvAdornment\n className={classes.adornmentButton}\n onClick={handleRevealPassword}\n aria-label={labels.revealPasswordButtonLabel}\n aria-controls={setId(elementId, \"input\")}\n icon={revealPassword ? <PreviewOff /> : <Preview />}\n />\n </HvTooltip>\n );\n }, [\n showRevealPasswordButton,\n revealPassword,\n labels.revealPasswordButtonClickToHideTooltip,\n labels.revealPasswordButtonClickToShowTooltip,\n labels.revealPasswordButtonLabel,\n classes.adornmentButton,\n handleRevealPassword,\n elementId,\n ]);\n\n const validationIcon = useMemo(() => {\n if (!showValidationIcon) {\n return null;\n }\n\n if (!isValid(validationState)) {\n return null;\n }\n\n return <Success semantic=\"sema1\" className={classes.icon} />;\n }, [showValidationIcon, validationState, classes.icon]);\n\n // useMemo to avoid repetitive cloning of the custom icon\n const customIconEl = useMemo(\n () =>\n isValidElement(endAdornment) &&\n React.cloneElement(endAdornment, {\n className: clsx(classes.icon, endAdornment.props.className),\n }),\n [classes.icon, endAdornment]\n );\n\n const adornments = useMemo(() => {\n if (!clearButton && !revealPasswordButton && !searchButton && !validationIcon && !customIconEl)\n return null;\n\n // note: specification implies that the custom icon should be hidden when\n // a validation feedback icon is being shown.\n return (\n <div className={classes.adornmentsBox} aria-hidden=\"true\">\n {clearButton}\n {revealPasswordButton}\n {searchButton}\n {validationIcon || customIconEl}\n </div>\n );\n }, [\n classes.adornmentsBox,\n clearButton,\n customIconEl,\n revealPasswordButton,\n searchButton,\n validationIcon,\n ]);\n\n // run initial validation after first render\n // and also when any validation condition changes\n useEffect(() => {\n if (focused || (!isDirty.current && isEmptyValue)) {\n // skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n\n performValidation();\n }, [focused, isEmptyValue, performValidation]);\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(classes.root, className, {\n [classes.hasSuggestions]: hasSuggestions,\n })}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n id={setId(elementId, \"label\")}\n className={classes.label}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n\n <HvBaseInput\n id={\n hasLabel || showClear || showRevealPasswordButton\n ? setId(elementId, \"input\")\n : setId(id, \"input\")\n }\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onKeyDown={onKeyDownHandler}\n onBlur={onInputBlurHandler}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n type={realType}\n classes={{\n input: classes.input,\n inputRoot: classes.inputRoot,\n inputRootFocused: classes.inputRootFocused,\n inputRootDisabled: classes.inputRootDisabled,\n inputRootMultiline: classes.inputRootMultiline,\n inputBorderContainer: classes.inputBorderContainer,\n }}\n invalid={isStateInvalid}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description && setId(elementId, \"description\"),\n \"aria-controls\": canShowSuggestions ? setId(elementId, \"suggestions\") : undefined,\n\n ref: materialInputRef,\n\n // prevent browsers auto-fill/suggestions when we have our own\n autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n ...inputProps,\n }}\n inputRef={inputRefProp || inputRef}\n endAdornment={adornments}\n {...others}\n />\n\n {canShowSuggestions && (\n <>\n {hasSuggestions && <div role=\"presentation\" className={classes.inputExtension} />}\n <HvSuggestions\n id={setId(elementId, \"suggestions\")}\n classes={{\n root: classes.suggestionsContainer,\n list: classes.suggestionList,\n }}\n expanded={hasSuggestions}\n anchorEl={inputRef?.current?.parentElement}\n onClose={suggestionClearHandler}\n onKeyDown={onSuggestionKeyDown}\n onSuggestionSelected={suggestionSelectedHandler}\n suggestionValues={suggestionValues}\n />\n </>\n )}\n\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvInput.propTypes = {\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 applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root container of the input.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the root container when the suggestion list is open.\n */\n hasSuggestions: PropTypes.string,\n\n /**\n * Styles applied to input root which is comprising of everything but the labels and descriptions.\n */\n inputRoot: PropTypes.string,\n /**\n * Styles applied to the base input border element.\n */\n inputBorderContainer: PropTypes.string,\n /**\n * Styles applied to input root when it is focused.\n */\n inputRootFocused: PropTypes.string,\n /**\n * Styles applied to input html element when it is disabled.\n */\n inputRootDisabled: PropTypes.string,\n /**\n * Styles applied to input html element when it is multiline mode.\n */\n inputRootMultiline: PropTypes.string,\n /**\n * Styles applied to input html element.\n */\n input: PropTypes.string,\n\n /**\n * Styles applied to the container of the labels elements.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the icon information text.\n */\n description: PropTypes.string,\n\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n\n /**\n * Styles applied to the div around the adornment.\n */\n adornmentsBox: PropTypes.string,\n /**\n * Styles applied to the the adornment when behaving as a button.\n */\n adornmentButton: PropTypes.string,\n /**\n * Styles applied to the input adornment icons.\n */\n icon: PropTypes.string,\n /**\n * Styles applied to the icon used to clean the input.\n */\n iconClear: PropTypes.string,\n\n /**\n * Styles applied to the input extension shown when the suggestions list is visible.\n */\n inputExtension: PropTypes.string,\n\n /**\n * Styles applied to the container of the suggestions list.\n */\n suggestionsContainer: PropTypes.string,\n /**\n * Styles applied to the suggestions list.\n */\n suggestionList: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The value of the form element.\n */\n value: PropTypes.string,\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: PropTypes.string,\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 * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\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 * 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 `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n /**\n * Identifies the element that provides an error message for the input.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it.\n */\n onChange: PropTypes.func,\n /**\n * Callback called when the user submits the value by pressing Enter/Return.\n *\n * Also called when the search button is clicked (when type is \"search\").\n */\n onEnter: PropTypes.func,\n\n /**\n * The input type.\n */\n type: PropTypes.string,\n\n /**\n * The placeholder value of the input.\n */\n placeholder: PropTypes.string,\n\n /**\n * Internal labels.\n */\n labels: PropTypes.shape({\n /**\n * The label of the clear button.\n */\n clearButtonLabel: PropTypes.string,\n\n /**\n * The label of the reveal password button.\n */\n revealPasswordButtonLabel: PropTypes.string,\n /**\n * The tooltip of the reveal password button when the password is hidden.\n */\n revealPasswordButtonClickToShowTooltip: PropTypes.string,\n /**\n * The tooltip of the reveal password button when the password is revealed.\n */\n revealPasswordButtonClickToHideTooltip: PropTypes.string,\n\n /**\n * The label of the search button.\n */\n searchButtonLabel: PropTypes.string,\n }),\n\n /**\n * An Object containing the various texts associated with the input.\n */\n validationMessages: PropTypes.shape({\n /**\n * The value when a validation fails.\n */\n error: PropTypes.string,\n /**\n * The message that appears when there are too many characters.\n */\n maxCharError: PropTypes.string,\n /**\n * The message that appears when there are too few characters.\n */\n minCharError: PropTypes.string,\n /**\n * The message that appears when the input is empty and required.\n */\n requiredError: PropTypes.string,\n /**\n * The message that appears when the input is value is incompatible with the expected type.\n */\n typeMismatchError: PropTypes.string,\n }),\n\n /**\n * Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n /**\n * Allows passing a ref to the underlying input\n */\n inputRef: refType,\n\n /**\n * The function that will be executed onBlur, allows checking the validation state,\n * it receives the value and the validation state (`invalid`, `valid`).\n */\n onBlur: PropTypes.func,\n /**\n * The function that will be executed onBlur, allows checking the value state,\n * it receives the value.\n */\n onFocus: PropTypes.func,\n /**\n * The function that will be executed onKeyDown, allows checking the value state,\n * it receives the event and value.\n */\n onKeyDown: PropTypes.func,\n\n /**\n * The function that will be executed to received an array of objects that has a label and id to create list of suggestion\n */\n suggestionListCallback: PropTypes.func,\n\n /**\n * The custom validation function, it receives the value and must return\n * either `true` for valid or `false` for invalid, default validations would only\n * occur if this function is null or undefined\n */\n validation: PropTypes.func,\n /**\n * If `true` it should autofocus.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * If `true` the clear button is disabled.\n */\n disableClear: PropTypes.bool,\n /**\n * If `true` the reveal password button is disabled.\n *\n * Valid only when type is \"password\".\n */\n disableRevealPassword: PropTypes.bool,\n /**\n * If `true` the search button is disabled.\n *\n * Valid only when type is \"search\".\n */\n disableSearchButton: PropTypes.bool,\n\n /**\n * If `true` the validation icon adorment is visible. Defaults to `false`.\n *\n * Currently, DS specifications define only a positive feedback icon;\n * errors are signaled through the border style and by displaying the error message.\n */\n showValidationIcon: PropTypes.bool,\n\n /**\n * a custom icon to be added into the input.\n */\n endAdornment: PropTypes.node,\n\n /**\n * The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n */\n maxCharQuantity: PropTypes.number,\n /**\n * The minimum allowed length of the characters, if this value is null no check\n * will be perform.\n */\n minCharQuantity: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvInput\" })(HvInput);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;AAcA;;AAUA;;AACA;;AASA;;;;;;;;;;;;;;AAEA,IAAMA,cAAc,GAAG;EACrBC,gBAAgB,EAAE,gBADG;EAGrBC,yBAAyB,EAAE,iBAHN;EAIrBC,sCAAsC,EAAE,yBAJnB;EAKrBC,sCAAsC,EAAE,yBALnB;EAOrBC,iBAAiB,EAAE;AAPE,CAAvB;AAUA;AACA;AACA;;AACA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;EAAA,OACxB,sBAAU,IAAV,IAAkBC,QAAQ,CAACC,aAA3B,GAA2CF,KAAK,CAACG,aADzB;AAAA,CAA1B;;AAGA,SAASC,4BAAT,CAAsCC,SAAtC,EAAiDL,KAAjD,EAAwD;EACtD,OAAOK,SAAS,IAAI,IAAb,IAAqBA,SAAS,CAACC,QAAV,CAAmBP,iBAAiB,CAACC,KAAD,CAApC,CAA5B;AACD;AAED;AACA;AACA;;;AACA,IAAMO,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EAAA;;EACzB,IACEC,OADF,GA2DID,KA3DJ,CACEC,OADF;EAAA,IAEEC,SAFF,GA2DIF,KA3DJ,CAEEE,SAFF;EAAA,IAIEC,EAJF,GA2DIH,KA3DJ,CAIEG,EAJF;EAAA,IAKEC,IALF,GA2DIJ,KA3DJ,CAKEI,IALF;EAAA,IAOSC,SAPT,GA2DIL,KA3DJ,CAOEM,KAPF;EAAA,0BA2DIN,KA3DJ,CAQEO,YARF;EAAA,IAQEA,YARF,oCAQiB,EARjB;EAAA,sBA2DIP,KA3DJ,CAUEQ,QAVF;EAAA,IAUEA,QAVF,gCAUa,KAVb;EAAA,sBA2DIR,KA3DJ,CAWES,QAXF;EAAA,IAWEA,QAXF,gCAWa,KAXb;EAAA,sBA2DIT,KA3DJ,CAYEU,QAZF;EAAA,IAYEA,QAZF,gCAYa,KAZb;EAAA,IAcEC,KAdF,GA2DIX,KA3DJ,CAcEW,KAdF;EAAA,IAegBC,SAfhB,GA2DIZ,KA3DJ,CAeE,YAfF;EAAA,IAgBqBa,cAhBrB,GA2DIb,KA3DJ,CAgBE,iBAhBF;EAAA,IAiBEc,WAjBF,GA2DId,KA3DJ,CAiBEc,WAjBF;EAAA,IAkBsBC,eAlBtB,GA2DIf,KA3DJ,CAkBE,kBAlBF;EAAA,IAoBEgB,QApBF,GA2DIhB,KA3DJ,CAoBEgB,QApBF;EAAA,IAqBEC,OArBF,GA2DIjB,KA3DJ,CAqBEiB,OArBF;EAAA,IAuBEC,MAvBF,GA2DIlB,KA3DJ,CAuBEkB,MAvBF;EAAA,IAwBEC,aAxBF,GA2DInB,KA3DJ,CAwBEmB,aAxBF;EAAA,IAyBuBC,gBAzBvB,GA2DIpB,KA3DJ,CAyBE,mBAzBF;EAAA,kBA2DIA,KA3DJ,CA2BEqB,IA3BF;EAAA,IA2BEA,IA3BF,4BA2BS,MA3BT;EAAA,IA6BEC,WA7BF,GA2DItB,KA3DJ,CA6BEsB,WA7BF;EAAA,uBA2DItB,KA3DJ,CA+BEuB,SA/BF;EAAA,IA+BEA,SA/BF,iCA+Bc,KA/Bd;EAAA,IAiCUC,UAjCV,GA2DIxB,KA3DJ,CAiCEyB,MAjCF;EAAA,IAmCEC,kBAnCF,GA2DI1B,KA3DJ,CAmCE0B,kBAnCF;EAAA,0BA2DI1B,KA3DJ,CAqCE2B,YArCF;EAAA,IAqCEA,YArCF,oCAqCiB,KArCjB;EAAA,4BA2DI3B,KA3DJ,CAsCE4B,qBAtCF;EAAA,IAsCEA,qBAtCF,sCAsC0B,KAtC1B;EAAA,4BA2DI5B,KA3DJ,CAuCE6B,mBAvCF;EAAA,IAuCEA,mBAvCF,sCAuCwB,KAvCxB;EAAA,IAyCEC,YAzCF,GA2DI9B,KA3DJ,CAyCE8B,YAzCF;EAAA,IA2CEC,eA3CF,GA2DI/B,KA3DJ,CA2CE+B,eA3CF;EAAA,IA4CEC,eA5CF,GA2DIhC,KA3DJ,CA4CEgC,eA5CF;EAAA,IA6CEC,UA7CF,GA2DIjC,KA3DJ,CA6CEiC,UA7CF;EAAA,4BA2DIjC,KA3DJ,CA+CEkC,kBA/CF;EAAA,IA+CEA,kBA/CF,sCA+CuB,KA/CvB;EAAA,IAiDEC,sBAjDF,GA2DInC,KA3DJ,CAiDEmC,sBAjDF;EAAA,IAmDYC,YAnDZ,GA2DIpC,KA3DJ,CAmDEqC,QAnDF;EAAA,IAoDEC,MApDF,GA2DItC,KA3DJ,CAoDEsC,MApDF;EAAA,IAqDEC,OArDF,GA2DIvC,KA3DJ,CAqDEuC,OArDF;EAAA,IAsDEC,SAtDF,GA2DIxC,KA3DJ,CAsDEwC,SAtDF;EAAA,wBA2DIxC,KA3DJ,CAwDEyC,UAxDF;EAAA,IAwDEA,UAxDF,kCAwDe,EAxDf;EAAA,IA0DKC,MA1DL,0CA2DI1C,KA3DJ;EA6DA,IAAMyB,MAAM,GAAG,sBAAUxC,cAAV,EAA0BuC,UAA1B,CAAf;EACA,IAAMmB,SAAS,GAAG,mBAAYxC,EAAZ,EAAgB,SAAhB,CAAlB;EAEA,IAAMkC,QAAQ,GAAG,mBAAOD,YAAY,IAAI,IAAvB,CAAjB;;EAEA,sBAA8BQ,eAAMC,QAAN,CAAe,KAAf,CAA9B;EAAA;EAAA,IAAOC,OAAP;EAAA,IAAgBC,UAAhB,uBAnEyB,CAqEzB;;;EACA,IAAMC,OAAO,GAAG,mBAAO,KAAP,CAAhB,CAtEyB,CAwEzB;;EACA,qBAA0B,0BAAc3C,SAAd,EAAyBE,YAAzB,CAA1B;EAAA;EAAA,IAAOD,KAAP;EAAA,IAAc2C,QAAd;;EAEA,IAAMC,YAAY,GAAG5C,KAAK,IAAI,IAAT,IAAiBA,KAAK,KAAK,EAAhD,CA3EyB,CA6EzB;;EACA,sBAA8C,0BAAcY,MAAd,EAAsBiC,0BAAiBC,OAAvC,CAA9C;EAAA;EAAA,IAAOC,eAAP;EAAA,IAAwBC,kBAAxB;;EAEA,sBAAkD,0BAAcnC,aAAd,EAA6B,EAA7B,CAAlD;EAAA;EAAA,IAAOoC,iBAAP;EAAA,IAA0BC,oBAA1B,sBAhFyB,CAkFzB;EACA;EACA;;;EACA,IAAMC,aAAa,GAAG,oBACpB;IAAA,uCAAYC,mCAAZ,GAAuChC,kBAAvC;EAAA,CADoB,EAEpB;EACA,CACEA,kBADF,aACEA,kBADF,uBACEA,kBAAkB,CAAEiC,KADtB,EAEEjC,kBAFF,aAEEA,kBAFF,uBAEEA,kBAAkB,CAAEkC,aAFtB,EAGElC,kBAHF,aAGEA,kBAHF,uBAGEA,kBAAkB,CAAEmC,YAHtB,EAIEnC,kBAJF,aAIEA,kBAJF,uBAIEA,kBAAkB,CAAEoC,YAJtB,EAKEpC,kBALF,aAKEA,kBALF,uBAKEA,kBAAkB,CAAEqC,iBALtB,CAHoB,CAAtB;EAYA,IAAMC,cAAc,GAAG,oBAAQ;IAAA,OAAM,wCAAsB3C,IAAtB,CAAN;EAAA,CAAR,EAA2C,CAACA,IAAD,CAA3C,CAAvB,CAjGyB,CAmGzB;EACA;;EACA,IAAM4C,iBAAiB,GAAG,wBAAY,YAAM;IAC1C,IAAMC,aAAa,GAAG,gCACpB7B,QAAQ,CAAC8B,OADW,EAEpB7D,KAFoB,EAGpBE,QAHoB,EAIpBwB,eAJoB,EAKpBD,eALoB,EAMpBiC,cANoB,EAOpB/B,UAPoB,CAAtB,CAD0C,CAW1C;;IACAqB,kBAAkB,CAAC,yCAAuBY,aAAvB,EAAsChB,YAAtC,CAAD,CAAlB,CAZ0C,CAc1C;;IACAM,oBAAoB,CAAC,2CAAyBU,aAAzB,EAAwCT,aAAxC,CAAD,CAApB;IAEA,OAAOS,aAAP;EACD,CAlByB,EAkBvB,CACDT,aADC,EAEDP,YAFC,EAGDnB,eAHC,EAIDC,eAJC,EAKDxB,QALC,EAMDgD,oBANC,EAODF,kBAPC,EAQDrB,UARC,EASD+B,cATC,EAUD1D,KAVC,CAlBuB,CAA1B,CArGyB,CAoIzB;EACA;EACA;EACA;;EACA,IAAM8D,YAAY,GAChBhD,gBAAgB,IAAI,IAApB,KACEF,MAAM,KAAKmD,SAAX,IAAwBlD,aAAa,KAAKkD,SAA3C,IACEnD,MAAM,KAAKmD,SAAX,IACC,wCACE7D,QADF,EAEEwD,cAFF,EAGEhC,eAHF,EAIED,eAJF,EAKEE,UALF,EAMEQ,UANF,CAHJ,CADF;EAaA,IAAM6B,cAAc,GAAG,iCAAUjB,eAAV,CAAvB,CArJyB,CAuJzB;;EACA,gBAA4C,qBAAS,KAAT,CAA5C;EAAA;EAAA,IAAOkB,cAAP;EAAA,IAAuBC,iBAAvB;;EAEA,IAAMC,QAAQ,GAAG,oBAAQ,YAAM;IAC7B,IAAIpD,IAAI,KAAK,UAAb,EAAyB;MACvB,OAAOkD,cAAc,GAAG,MAAH,GAAY,UAAjC;IACD;;IAED,IAAIlD,IAAI,KAAK,QAAb,EAAuB;MACrB,OAAO,QAAP;IACD;;IAED,OAAO,MAAP;EACD,CAVgB,EAUd,CAACkD,cAAD,EAAiBlD,IAAjB,CAVc,CAAjB,CA1JyB,CAsKzB;;EACA,iBAAgD,qBAAS,IAAT,CAAhD;EAAA;EAAA,IAAOqD,gBAAP;EAAA,IAAyBC,mBAAzB;;EAEA,IAAMC,kBAAkB,GAAGzC,sBAAsB,IAAI,IAArD;EACA,IAAM0C,cAAc,GAAG,CAAC,CAACH,gBAAzB;EAEA,IAAMI,gBAAgB,GAAG,mBAAO,IAAP,CAAzB;EACA,IAAMC,aAAa,GAAG,mBAAO,EAAP,CAAtB;EAEA,sBAAU,YAAM;IACd;IACAA,aAAa,CAACZ,OAAd,GAAwB1E,QAAQ,CAACuF,cAAT,CAAwB,kBAAMrC,SAAN,EAAiB,aAAjB,CAAxB,CAAxB;EACD,CAHD,EAGG,CAACA,SAAD,CAHH,EA/KyB,CAoLzB;;EACA,IAAMsC,QAAQ,GAAGtE,KAAK,IAAI,IAA1B;EACA,IAAMuE,cAAc,GAAGpE,WAAW,IAAI,IAAtC;EAEA;AACF;AACA;;EACE,IAAMqE,UAAU,GAAG,SAAbA,UAAa,GAAM;IACvBL,gBAAgB,CAACX,OAAjB,CAAyBiB,KAAzB;EACD,CAFD;;EAIA,IAAMC,SAAS,GAAG,qBAAlB;EAEA;AACF;AACA;;EACE,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,GAAM;IACnC,IAAID,SAAS,CAAClB,OAAd,EAAuB;MACrBQ,mBAAmB,CAAC,IAAD,CAAnB;IACD;EACF,CAJD;EAMA;AACF;AACA;;;EACE,IAAMY,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,GAAD,EAAS;IAAA;;IACjC,IAAMC,gBAAgB,GAAGtD,sBAAH,aAAGA,sBAAH,uBAAGA,sBAAsB,CAAGqD,GAAH,CAA/C;;IACA,IAAIC,gBAAJ,aAAIA,gBAAJ,qCAAIA,gBAAgB,CAAG,CAAH,CAApB,+CAAI,mBAAuB9E,KAA3B,EAAkC;MAChCgE,mBAAmB,CAACc,gBAAD,CAAnB;IACD,CAFD,MAEO;MACLH,sBAAsB;IACvB;EACF,CAPD;EASA;AACF;AACA;;;EACE,IAAMI,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAClG,KAAD,EAAQmG,IAAR,EAAiB;IACjD,IAAMC,QAAQ,GAAGD,IAAI,CAACrF,KAAL,IAAcqF,IAAI,CAAChF,KAApC,CADiD,CAGjD;;IACAsC,QAAQ,CAAC2C,QAAD,CAAR;IAEA5E,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGxB,KAAH,EAAUoG,QAAV,CAAR;IAEAT,UAAU;IACVG,sBAAsB;;IAEtB,IAAIjE,IAAI,KAAK,QAAb,EAAuB;MACrB;MACAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGzB,KAAH,EAAUoG,QAAV,CAAP;IACD;EACF,CAfD;;EAiBA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACrG,KAAD,EAAQoG,QAAR,EAAqB;IAC3C5C,OAAO,CAACmB,OAAR,GAAkB,IAAlB,CAD2C,CAG3C;;IACAlB,QAAQ,CAAC2C,QAAD,CAAR;IAEA5E,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGxB,KAAH,EAAUoG,QAAV,CAAR;;IAEA,IAAIhB,kBAAJ,EAAwB;MACtB;MACA;MACA;MACA;MACA;MACA;MACAW,iBAAiB,CAACK,QAAD,CAAjB;IACD;EACF,CAjBD;EAmBA;AACF;AACA;AACA;AACA;AACA;;;EACE,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,CAACtG,KAAD,EAAW;IACpC;IACA,IAAII,4BAA4B,CAACmF,aAAD,aAACA,aAAD,uBAACA,aAAa,CAAEZ,OAAhB,EAAyB3E,KAAzB,CAAhC,EAAiE;IAEjEuD,UAAU,CAAC,KAAD,CAAV;IAEA,IAAMmB,aAAa,GAAGD,iBAAiB,EAAvC;IAEA3B,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAG9C,KAAH,EAAUc,KAAV,EAAiB4D,aAAjB,CAAN;EACD,CATD;EAWA;AACF;AACA;AACA;;;EACE,IAAM6B,cAAc,GAAG,SAAjBA,cAAiB,CAACvG,KAAD,EAAW;IAChCuD,UAAU,CAAC,IAAD,CAAV,CADgC,CAGhC;;IACAO,kBAAkB,CAACH,0BAAiBC,OAAlB,CAAlB;IAEAb,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAG/C,KAAH,EAAUc,KAAV,CAAP;EACD,CAPD;;EASA,IAAM0F,cAAc,GAAG,SAAjBA,cAAiB,CAACC,EAAD,EAAQ;IAAA;;IAC7B;IACA,IAAMC,MAAM,GAAGzG,QAAQ,CAACuF,cAAT,CAAwB,kBAAMrC,SAAN,EAAiB,kBAAjB,CAAxB,CAAf;IACA,OAAOsD,EAAE,IAAI,IAAN,GAAaC,MAAb,aAAaA,MAAb,gDAAaA,MAAM,CAAEC,oBAAR,CAA6B,IAA7B,CAAb,0DAAa,sBAAqCF,EAArC,CAAb,GAAwDC,MAA/D;EACD,CAJD;;EAMA,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAC5G,KAAD,EAAW;IACrC,IAAI,uBAAWA,KAAX,EAAkB6G,qBAAcC,GAAhC,CAAJ,EAA0C;MACxChB,sBAAsB;MACtBH,UAAU;IACX,CAHD,MAGO,IAAI,uBAAW3F,KAAX,EAAkB6G,qBAAcE,GAAhC,CAAJ,EAA0C;MAC/CjB,sBAAsB;IACvB;EACF,CAPD;EASA;AACF;AACA;AACA;AACA;;;EACE,IAAMkB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAChH,KAAD,EAAW;IAClC,IAAI,uBAAWA,KAAX,EAAkB6G,qBAAcI,SAAhC,KAA8C5B,cAAlD,EAAkE;MAChE,IAAMoB,EAAE,GAAGD,cAAc,CAAC,CAAD,CAAzB;MACAC,EAAE,SAAF,IAAAA,EAAE,WAAF,YAAAA,EAAE,CAAEb,KAAJ;IACD,CAHD,MAGO,IAAI,uBAAW5F,KAAX,EAAkB6G,qBAAcK,KAAhC,CAAJ,EAA4C;MACjDzF,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGzB,KAAH,EAAUc,KAAV,CAAP;IACD;;IAEDkC,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAGhD,KAAH,EAAUc,KAAV,CAAT;EACD,CATD;EAWA;AACF;AACA;AACA;AACA;;;EACE,IAAMqG,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACnH,KAAD,EAAW;IACxC,IAAIA,KAAK,CAACG,aAAV,EAAyB;MACvBiH,UAAU,CAAC,YAAM;QACf,IAAMC,IAAI,GAAGb,cAAc,EAA3B;QACA,IAAI,EAACa,IAAD,aAACA,IAAD,eAACA,IAAI,CAAE/G,QAAN,CAAeL,QAAQ,CAACC,aAAxB,CAAD,CAAJ,EAA6C4F,sBAAsB;MACpE,CAHS,EAGP,EAHO,CAAV;IAID;EACF,CAPD;;EASA,IAAMwB,UAAU,GAAG7F,OAAO,IAAI,IAA9B,CAxUyB,CA0UzB;EACA;;EACA,IAAM8F,SAAS,GACb,CAACrG,QAAD,IACA,CAACD,QADD,IAEA,CAACkB,YAFD,IAGA,CAACuB,YAHD,KAIC,CAAC4D,UAAD,IACCzF,IAAI,KAAK,QADV,IAECQ,mBAFD,IAGCwB,eAAe,KAAKF,0BAAiBC,OAPvC,CADF;EAUA,IAAM4D,cAAc,GAAG3F,IAAI,KAAK,QAAT,IAAqB,CAACQ,mBAA7C;EAEA,IAAMoF,wBAAwB,GAAG5F,IAAI,KAAK,UAAT,IAAuB,CAACO,qBAAzD;EAEA;AACF;AACA;;EACE,IAAMsF,WAAW,GAAG,wBAClB,UAAC1H,KAAD,EAAW;IACT;IACA8D,kBAAkB,CAACH,0BAAiBC,OAAlB,CAAlB,CAFS,CAIT;;IACAH,QAAQ,CAAC,EAAD,CAAR;IAEAjC,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGxB,KAAH,EAAU,EAAV,CAAR,CAPS,CAST;;IACAoH,UAAU,CAACzB,UAAD,CAAV;EACD,CAZiB,EAalB,CAACnE,QAAD,EAAWsC,kBAAX,EAA+BL,QAA/B,CAbkB,CAApB;EAgBA,IAAMkE,WAAW,GAAG,oBAAQ,YAAM;IAChC,IAAI,CAACJ,SAAL,EAAgB;MACd,OAAO,IAAP;IACD;;IAED,oBACE,6BAAC,aAAD,CACE;IADF;MAEE,SAAS,EAAE,mBAAK9G,OAAO,CAACmH,eAAb,EAAqD,CAACJ,cAAtD,IAAiC/G,OAAO,CAACoH,SAAzC,CAFb;MAGE,OAAO,EAAEH,WAHX;MAIE,cAAYzF,MAAM,CAACvC,gBAJrB;MAKE,iBAAe,kBAAMyD,SAAN,EAAiB,OAAjB,CALjB;MAME,IAAI,uCAAE,6BAAC,wBAAD,OAAF;IANN,EADF;EAUD,CAfmB,EAejB,CACDoE,SADC,EAED9G,OAAO,CAACmH,eAFP,EAGDnH,OAAO,CAACoH,SAHP,EAIDL,cAJC,EAKDE,WALC,EAMDzF,MAAM,CAACvC,gBANN,EAODyD,SAPC,CAfiB,CAApB;EAyBA;AACF;AACA;;EACE,IAAM2E,YAAY,GAAG,wBACnB,UAAC9H,KAAD,EAAW;IACTyB,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGzB,KAAH,EAAUc,KAAV,CAAP;EACD,CAHkB,EAInB,CAACW,OAAD,EAAUX,KAAV,CAJmB,CAArB;EAOA,IAAMiH,YAAY,GAAG,oBAAQ,YAAM;IACjC;IACA,IAAMC,YAAY,GAChBR,cAAc,KACb9D,YAAY,IAAK4D,UAAU,IAAIzD,eAAe,KAAKF,0BAAiBC,OADvD,CADhB;;IAIA,IAAI,CAACoE,YAAL,EAAmB;MACjB,OAAO,IAAP;IACD;;IAED,oBACE,6BAAC,aAAD;MACE,SAAS,EAAE,mBAAKvH,OAAO,CAACmH,eAAb,CADb;MAEE,OAAO,EAAEN,UAAU,GAAGQ,YAAH,GAAkBjD,SAFvC;MAGE,cAAY5C,MAAM,CAACnC,iBAHrB;MAIE,IAAI,qCAAE,6BAAC,uBAAD,OAAF;IAJN,EADF;EAQD,CAlBoB,EAkBlB,CACD0H,cADC,EAED9D,YAFC,EAGD4D,UAHC,EAIDzD,eAJC,EAKDpD,OAAO,CAACmH,eALP,EAMDE,YANC,EAOD7F,MAAM,CAACnC,iBAPN,CAlBkB,CAArB;EA4BA;AACF;AACA;;EACE,IAAMmI,oBAAoB,GAAG,wBAAY,YAAM;IAC7CjD,iBAAiB,CAAC,CAACD,cAAF,CAAjB;EACD,CAF4B,EAE1B,CAACA,cAAD,CAF0B,CAA7B;EAIA,IAAMmD,oBAAoB,GAAG,oBAAQ,YAAM;IACzC,IAAI,CAACT,wBAAL,EAA+B;MAC7B,OAAO,IAAP;IACD;;IAED,oBACE,6BAAC,WAAD;MACE,oBAAoB,MADtB;MAEE,oBAAoB,MAFtB;MAGE,KAAK,eACH,6BAAC,cAAD,QACG1C,cAAc,GACX9C,MAAM,CAACpC,sCADI,GAEXoC,MAAM,CAACrC,sCAHb;IAJJ,gBAWE,6BAAC,aAAD;MACE,SAAS,EAAEa,OAAO,CAACmH,eADrB;MAEE,OAAO,EAAEK,oBAFX;MAGE,cAAYhG,MAAM,CAACtC,yBAHrB;MAIE,iBAAe,kBAAMwD,SAAN,EAAiB,OAAjB,CAJjB;MAKE,IAAI,EAAE4B,cAAc,8CAAG,6BAAC,2BAAD,OAAH,yCAAoB,6BAAC,wBAAD,OAApB;IALtB,EAXF,CADF;EAqBD,CA1B4B,EA0B1B,CACD0C,wBADC,EAED1C,cAFC,EAGD9C,MAAM,CAACpC,sCAHN,EAIDoC,MAAM,CAACrC,sCAJN,EAKDqC,MAAM,CAACtC,yBALN,EAMDc,OAAO,CAACmH,eANP,EAODK,oBAPC,EAQD9E,SARC,CA1B0B,CAA7B;EAqCA,IAAMgF,cAAc,GAAG,oBAAQ,YAAM;IACnC,IAAI,CAACzF,kBAAL,EAAyB;MACvB,OAAO,IAAP;IACD;;IAED,IAAI,CAAC,+BAAQmB,eAAR,CAAL,EAA+B;MAC7B,OAAO,IAAP;IACD;;IAED,oBAAO,6BAAC,wBAAD;MAAS,QAAQ,EAAC,OAAlB;MAA0B,SAAS,EAAEpD,OAAO,CAAC2H;IAA7C,EAAP;EACD,CAVsB,EAUpB,CAAC1F,kBAAD,EAAqBmB,eAArB,EAAsCpD,OAAO,CAAC2H,IAA9C,CAVoB,CAAvB,CAxdyB,CAoezB;;EACA,IAAMC,YAAY,GAAG,oBACnB;IAAA,OACE,wCAAe/F,YAAf,kBACAc,eAAMkF,YAAN,CAAmBhG,YAAnB,EAAiC;MAC/B5B,SAAS,EAAE,mBAAKD,OAAO,CAAC2H,IAAb,EAAmB9F,YAAY,CAAC9B,KAAb,CAAmBE,SAAtC;IADoB,CAAjC,CAFF;EAAA,CADmB,EAMnB,CAACD,OAAO,CAAC2H,IAAT,EAAe9F,YAAf,CANmB,CAArB;EASA,IAAMiG,UAAU,GAAG,oBAAQ,YAAM;IAC/B,IAAI,CAACZ,WAAD,IAAgB,CAACO,oBAAjB,IAAyC,CAACH,YAA1C,IAA0D,CAACI,cAA3D,IAA6E,CAACE,YAAlF,EACE,OAAO,IAAP,CAF6B,CAI/B;IACA;;IACA,oBACE;MAAK,SAAS,EAAE5H,OAAO,CAAC+H,aAAxB;MAAuC,eAAY;IAAnD,GACGb,WADH,EAEGO,oBAFH,EAGGH,YAHH,EAIGI,cAAc,IAAIE,YAJrB,CADF;EAQD,CAdkB,EAchB,CACD5H,OAAO,CAAC+H,aADP,EAEDb,WAFC,EAGDU,YAHC,EAIDH,oBAJC,EAKDH,YALC,EAMDI,cANC,CAdgB,CAAnB,CA9eyB,CAqgBzB;EACA;;EACA,sBAAU,YAAM;IACd,IAAI7E,OAAO,IAAK,CAACE,OAAO,CAACmB,OAAT,IAAoBjB,YAApC,EAAmD;MACjD;MACA;MACA;IACD;;IAEDe,iBAAiB;EAClB,CARD,EAQG,CAACnB,OAAD,EAAUI,YAAV,EAAwBe,iBAAxB,CARH;EAUA,IAAIgE,cAAJ;;EACA,IAAI3D,cAAJ,EAAoB;IAClB2D,cAAc,GAAG7D,YAAY,GAAG,kBAAMzB,SAAN,EAAiB,OAAjB,CAAH,GAA+BvB,gBAA5D;EACD;;EAED,oBACE,6BAAC,eAAD;IACE,EAAE,EAAEjB,EADN;IAEE,IAAI,EAAEC,IAFR;IAGE,MAAM,EAAEiD,eAHV;IAIE,QAAQ,EAAE3C,QAJZ;IAKE,QAAQ,EAAEF,QALZ;IAME,QAAQ,EAAEC,QANZ;IAOE,SAAS,EAAE,mBAAKR,OAAO,CAACiI,IAAb,EAAmBhI,SAAnB,EACiB2E,cADjB,IACR5E,OAAO,CAAC4E,cADA,CAPb;IAUE,MAAM,EAAE8B;EAVV,GAYG,CAAC1B,QAAQ,IAAIC,cAAb,kBACC;IAAK,SAAS,EAAEjF,OAAO,CAACkI;EAAxB,GACGlD,QAAQ,iBACP,6BAAC,SAAD;IACE,EAAE,EAAE,kBAAMtC,SAAN,EAAiB,OAAjB,CADN;IAEE,SAAS,EAAE1C,OAAO,CAACU,KAFrB;IAGE,OAAO,EAAE,kBAAMgC,SAAN,EAAiB,OAAjB,CAHX;IAIE,KAAK,EAAEhC;EAJT,EAFJ,EAUGuE,cAAc,iBACb,6BAAC,eAAD;IAAe,EAAE,EAAE,kBAAMvC,SAAN,EAAiB,aAAjB,CAAnB;IAAoD,SAAS,EAAE1C,OAAO,CAACa;EAAvE,GACGA,WADH,CAXJ,CAbJ,eA+BE,6BAAC,aAAD;IACE,EAAE,EACAmE,QAAQ,IAAI8B,SAAZ,IAAyBE,wBAAzB,GACI,kBAAMtE,SAAN,EAAiB,OAAjB,CADJ,GAEI,kBAAMxC,EAAN,EAAU,OAAV,CAJR;IAME,IAAI,EAAEC,IANR;IAOE,KAAK,EAAEE,KAPT;IAQE,QAAQ,EAAEE,QARZ;IASE,QAAQ,EAAEC,QATZ;IAUE,QAAQ,EAAEC,QAVZ;IAWE,QAAQ,EAAEmF,eAXZ;IAYE,SAAS,EAAEtE,SAZb;IAaE,SAAS,EAAEiF,gBAbb;IAcE,MAAM,EAAEV,kBAdV;IAeE,OAAO,EAAEC,cAfX;IAgBE,WAAW,EAAEzE,WAhBf;IAiBE,IAAI,EAAEmD,QAjBR;IAkBE,OAAO,EAAE;MACP2D,KAAK,EAAEnI,OAAO,CAACmI,KADR;MAEPC,SAAS,EAAEpI,OAAO,CAACoI,SAFZ;MAGPC,gBAAgB,EAAErI,OAAO,CAACqI,gBAHnB;MAIPC,iBAAiB,EAAEtI,OAAO,CAACsI,iBAJpB;MAKPC,kBAAkB,EAAEvI,OAAO,CAACuI,kBALrB;MAMPC,oBAAoB,EAAExI,OAAO,CAACwI;IANvB,CAlBX;IA0BE,OAAO,EAAEnE,cA1BX;IA2BE,UAAU;MACR,cAAc1D,SADN;MAER,mBAAmBC,cAFX;MAGR,gBAAgByD,cAAc,GAAG,IAAH,GAAUD,SAHhC;MAIR,qBAAqB4D,cAJb;MAKR,oBACElH,eAAe,IAAI,IAAnB,GACIA,eADJ,GAEID,WAAW,IAAI,kBAAM6B,SAAN,EAAiB,aAAjB,CARb;MASR,iBAAiBiC,kBAAkB,GAAG,kBAAMjC,SAAN,EAAiB,aAAjB,CAAH,GAAqC0B,SAThE;MAWRqE,GAAG,EAAE5D,gBAXG;MAaR;MACA6D,YAAY,EAAE/D,kBAAkB,GAAG,KAAH,GAAWP;IAdnC,GAgBL5B,UAhBK,CA3BZ;IA6CE,QAAQ,EAAEL,YAAY,IAAIC,QA7C5B;IA8CE,YAAY,EAAE0F;EA9ChB,GA+CMrF,MA/CN,EA/BF,EAiFGkC,kBAAkB,iBACjB,4DACGC,cAAc,iBAAI;IAAK,IAAI,EAAC,cAAV;IAAyB,SAAS,EAAE5E,OAAO,CAAC2I;EAA5C,EADrB,eAEE,6BAAC,eAAD;IACE,EAAE,EAAE,kBAAMjG,SAAN,EAAiB,aAAjB,CADN;IAEE,OAAO,EAAE;MACPuF,IAAI,EAAEjI,OAAO,CAAC4I,oBADP;MAEPhC,IAAI,EAAE5G,OAAO,CAAC6I;IAFP,CAFX;IAME,QAAQ,EAAEjE,cANZ;IAOE,QAAQ,EAAExC,QAAF,aAAEA,QAAF,4CAAEA,QAAQ,CAAE8B,OAAZ,sDAAE,kBAAmB4E,aAP/B;IAQE,OAAO,EAAEzD,sBARX;IASE,SAAS,EAAEc,mBATb;IAUE,oBAAoB,EAAEV,yBAVxB;IAWE,gBAAgB,EAAEhB;EAXpB,EAFF,CAlFJ,EAoGGN,YAAY,iBACX,6BAAC,eAAD;IAAe,EAAE,EAAE,kBAAMzB,SAAN,EAAiB,OAAjB,CAAnB;IAA8C,aAAa,MAA3D;IAA4D,SAAS,EAAE1C,OAAO,CAAC0D;EAA/E,GACGJ,iBADH,CArGJ,CADF;AA4GD,CAloBD;;AAooBA,wCAAAxD,OAAO,CAACiJ,SAAR,GAAoB;EAClB;AACF;AACA;EACE9I,SAAS,EAAE+I,mBAAUC,MAJH;;EAKlB;AACF;AACA;EACEjJ,OAAO,EAAEgJ,mBAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIjB,IAAI,EAAEe,mBAAUC,MAJO;;IAKvB;AACJ;AACA;IACIrE,cAAc,EAAEoE,mBAAUC,MARH;;IAUvB;AACJ;AACA;IACIb,SAAS,EAAEY,mBAAUC,MAbE;;IAcvB;AACJ;AACA;IACIT,oBAAoB,EAAEQ,mBAAUC,MAjBT;;IAkBvB;AACJ;AACA;IACIZ,gBAAgB,EAAEW,mBAAUC,MArBL;;IAsBvB;AACJ;AACA;IACIX,iBAAiB,EAAEU,mBAAUC,MAzBN;;IA0BvB;AACJ;AACA;IACIV,kBAAkB,EAAES,mBAAUC,MA7BP;;IA8BvB;AACJ;AACA;IACId,KAAK,EAAEa,mBAAUC,MAjCM;;IAmCvB;AACJ;AACA;IACIf,cAAc,EAAEc,mBAAUC,MAtCH;;IAuCvB;AACJ;AACA;IACIvI,KAAK,EAAEsI,mBAAUC,MA1CM;;IA2CvB;AACJ;AACA;IACIpI,WAAW,EAAEmI,mBAAUC,MA9CA;;IAgDvB;AACJ;AACA;IACIvF,KAAK,EAAEsF,mBAAUC,MAnDM;;IAqDvB;AACJ;AACA;IACIlB,aAAa,EAAEiB,mBAAUC,MAxDF;;IAyDvB;AACJ;AACA;IACI9B,eAAe,EAAE6B,mBAAUC,MA5DJ;;IA6DvB;AACJ;AACA;IACItB,IAAI,EAAEqB,mBAAUC,MAhEO;;IAiEvB;AACJ;AACA;IACI7B,SAAS,EAAE4B,mBAAUC,MApEE;;IAsEvB;AACJ;AACA;IACIN,cAAc,EAAEK,mBAAUC,MAzEH;;IA2EvB;AACJ;AACA;IACIL,oBAAoB,EAAEI,mBAAUC,MA9ET;;IA+EvB;AACJ;AACA;IACIJ,cAAc,EAAEG,mBAAUC;EAlFH,CAAhB,EAmFNE,UA3Fe;;EA6FlB;AACF;AACA;EACEjJ,EAAE,EAAE8I,mBAAUC,MAhGI;;EAiGlB;AACF;AACA;EACE9I,IAAI,EAAE6I,mBAAUC,MApGE;;EAsGlB;AACF;AACA;EACE5I,KAAK,EAAE2I,mBAAUC,MAzGC;;EA0GlB;AACF;AACA;EACE3I,YAAY,EAAE0I,mBAAUC,MA7GN;;EA+GlB;AACF;AACA;AACA;AACA;AACA;EACEvI,KAAK,EAAEsI,mBAAUI,IArHC;;EAsHlB;AACF;AACA;EACE,cAAcJ,mBAAUC,MAzHN;;EA0HlB;AACF;AACA;EACE,mBAAmBD,mBAAUC,MA7HX;;EA8HlB;AACF;AACA;EACEpI,WAAW,EAAEmI,mBAAUI,IAjIL;;EAkIlB;AACF;AACA;EACE,oBAAoBJ,mBAAUC,MArIZ;;EAuIlB;AACF;AACA;EACExI,QAAQ,EAAEuI,mBAAUK,IA1IF;;EA2IlB;AACF;AACA;EACE7I,QAAQ,EAAEwI,mBAAUK,IA9IF;;EA+IlB;AACF;AACA;EACE9I,QAAQ,EAAEyI,mBAAUK,IAlJF;;EAoJlB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEpI,MAAM,EAAE+H,mBAAUM,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CA5JU;;EA6JlB;AACF;AACA;EACEpI,aAAa,EAAE8H,mBAAUC,MAhKP;;EAiKlB;AACF;AACA;AACA;AACA;EACE,qBAAqBD,mBAAUC,MAtKb;;EAwKlB;AACF;AACA;AACA;EACElI,QAAQ,EAAEiI,mBAAUO,IA5KF;;EA6KlB;AACF;AACA;AACA;AACA;EACEvI,OAAO,EAAEgI,mBAAUO,IAlLD;;EAoLlB;AACF;AACA;EACEnI,IAAI,EAAE4H,mBAAUC,MAvLE;;EAyLlB;AACF;AACA;EACE5H,WAAW,EAAE2H,mBAAUC,MA5LL;;EA8LlB;AACF;AACA;EACEzH,MAAM,EAAEwH,mBAAUE,KAAV,CAAgB;IACtB;AACJ;AACA;IACIjK,gBAAgB,EAAE+J,mBAAUC,MAJN;;IAMtB;AACJ;AACA;IACI/J,yBAAyB,EAAE8J,mBAAUC,MATf;;IAUtB;AACJ;AACA;IACI9J,sCAAsC,EAAE6J,mBAAUC,MAb5B;;IActB;AACJ;AACA;IACI7J,sCAAsC,EAAE4J,mBAAUC,MAjB5B;;IAmBtB;AACJ;AACA;IACI5J,iBAAiB,EAAE2J,mBAAUC;EAtBP,CAAhB,CAjMU;;EA0NlB;AACF;AACA;EACExH,kBAAkB,EAAEuH,mBAAUE,KAAV,CAAgB;IAClC;AACJ;AACA;IACIxF,KAAK,EAAEsF,mBAAUC,MAJiB;;IAKlC;AACJ;AACA;IACIpF,YAAY,EAAEmF,mBAAUC,MARU;;IASlC;AACJ;AACA;IACIrF,YAAY,EAAEoF,mBAAUC,MAZU;;IAalC;AACJ;AACA;IACItF,aAAa,EAAEqF,mBAAUC,MAhBS;;IAiBlC;AACJ;AACA;IACInF,iBAAiB,EAAEkF,mBAAUC;EApBK,CAAhB,CA7NF;;EAoPlB;AACF;AACA;EACEzG,UAAU,EAAEwG,mBAAUQ,UAAV,CAAqBC,MAArB,CAvPM;;EAwPlB;AACF;AACA;EACErH,QAAQ,EAAEsH,cA3PQ;;EA6PlB;AACF;AACA;AACA;EACErH,MAAM,EAAE2G,mBAAUO,IAjQA;;EAkQlB;AACF;AACA;AACA;EACEjH,OAAO,EAAE0G,mBAAUO,IAtQD;;EAuQlB;AACF;AACA;AACA;EACEhH,SAAS,EAAEyG,mBAAUO,IA3QH;;EA6QlB;AACF;AACA;EACErH,sBAAsB,EAAE8G,mBAAUO,IAhRhB;;EAkRlB;AACF;AACA;AACA;AACA;EACEvH,UAAU,EAAEgH,mBAAUO,IAvRJ;;EAwRlB;AACF;AACA;EACEjI,SAAS,EAAE0H,mBAAUK,IA3RH;;EA6RlB;AACF;AACA;EACE3H,YAAY,EAAEsH,mBAAUK,IAhSN;;EAiSlB;AACF;AACA;AACA;AACA;EACE1H,qBAAqB,EAAEqH,mBAAUK,IAtSf;;EAuSlB;AACF;AACA;AACA;AACA;EACEzH,mBAAmB,EAAEoH,mBAAUK,IA5Sb;;EA8SlB;AACF;AACA;AACA;AACA;AACA;EACEpH,kBAAkB,EAAE+G,mBAAUK,IApTZ;;EAsTlB;AACF;AACA;EACExH,YAAY,EAAEmH,mBAAUI,IAzTN;;EA2TlB;AACF;AACA;AACA;EACEtH,eAAe,EAAEkH,mBAAUW,MA/TT;;EAgUlB;AACF;AACA;AACA;EACE5H,eAAe,EAAEiH,mBAAUW;AApUT,CAApB;;eAuUe,sBAAWC,eAAX,EAAmB;EAAEzJ,IAAI,EAAE;AAAR,CAAnB,EAAwCL,OAAxC,C"}
1
+ {"version":3,"file":"Input.js","names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","props","classes","className","id","name","valueProp","value","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labelsProp","labels","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRefProp","inputRef","onBlur","onFocus","onKeyDown","inputProps","others","useLabels","elementId","useUniqueId","useRef","React","useState","focused","setFocused","isDirty","useControlled","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","useMemo","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","typeMismatchError","validationType","computeValidationType","performValidation","useCallback","inputValidity","validateInput","current","computeValidationState","computeValidationMessage","canShowError","undefined","hasBuiltInValidations","isStateInvalid","isInvalid","revealPassword","setRevealPassword","realType","suggestionValues","setSuggestionValues","canShowSuggestions","hasSuggestions","materialInputRef","suggestionRef","useEffect","getElementById","setId","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementsByTagName","onSuggestionKeyDown","isKeypress","KeyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","clsx","adornmentButton","iconClear","handleSearch","searchButton","reallyShowIt","handleRevealPassword","revealPasswordButton","validationIcon","isValid","icon","customIconEl","isValidElement","cloneElement","adornments","adornmentsBox","errorMessageId","root","labelContainer","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","ref","autoComplete","inputExtension","suggestionsContainer","suggestionList","parentElement","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","refType","number","withStyles","styles"],"sources":["../../src/Input/Input.js"],"sourcesContent":["import React, { isValidElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { CloseXS, PreviewOff, Preview, Search, Success } from \"@hitachivantara/uikit-react-icons\";\n\nimport {\n HvTypography,\n HvTooltip,\n HvAdornment,\n HvBaseInput,\n HvFormElement,\n HvLabel,\n HvSuggestions,\n HvWarningText,\n HvInfoMessage,\n useUniqueId,\n useIsMounted,\n} from \"..\";\n\nimport {\n isBrowser,\n isKeypress,\n KeyboardCodes,\n refType,\n setId,\n useControlled,\n useLabels,\n} from \"../utils\";\n\nimport validationStates, { isValid, isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n DEFAULT_ERROR_MESSAGES,\n computeValidationType,\n hasBuiltInValidations,\n validateInput,\n computeValidationState,\n computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n clearButtonLabel: \"Clear the text\",\n\n revealPasswordButtonLabel: \"Reveal password\",\n revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\n\n searchButtonLabel: \"Search\",\n};\n\n/**\n * Find the focused element onBlur.\n */\nconst getFocusedElement = (event) =>\n isBrowser(\"ie\") ? document.activeElement : event.relatedTarget;\n\nfunction eventTargetIsInsideContainer(container, event) {\n return container != null && container.contains(getFocusedElement(event));\n}\n\n/**\n * A text input box is a graphical control element intended to enable the user to input text information to be used by the software.\n */\nconst HvInput = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n value: valueProp,\n defaultValue = \"\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onEnter,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n type = \"text\",\n\n placeholder,\n\n autoFocus = false,\n\n labels: labelsProp,\n\n validationMessages,\n\n disableClear = false,\n disableRevealPassword = false,\n disableSearchButton = false,\n\n endAdornment,\n\n maxCharQuantity,\n minCharQuantity,\n validation,\n\n showValidationIcon = false,\n\n suggestionListCallback,\n\n inputRef: inputRefProp,\n onBlur,\n onFocus,\n onKeyDown,\n\n inputProps = {},\n\n ...others\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n const elementId = useUniqueId(id, \"hvinput\");\n\n const inputRef = useRef(inputRefProp || null);\n\n const [focused, setFocused] = React.useState(false);\n\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n\n // value related state\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isEmptyValue = value == null || value === \"\";\n\n // validation related state\n const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n // validationMessages reference tends to change, as users will not memoize/useState for it;\n // dependencies must be more explicit so we set\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n validationMessages?.typeMismatchError,\n ]\n );\n\n const validationType = useMemo(() => computeValidationType(type), [type]);\n\n // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n // and returns the validity state of the input.\n const performValidation = useCallback(() => {\n const inputValidity = validateInput(\n inputRef.current,\n value,\n required,\n minCharQuantity,\n maxCharQuantity,\n validationType,\n validation\n );\n\n // this will only run if status is uncontrolled\n setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n // this will only run if statusMessage is uncontrolled\n setValidationMessage(computeValidationMessage(inputValidity, errorMessages));\n\n return inputValidity;\n }, [\n errorMessages,\n isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n validationType,\n 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 any of the built-in validations are active\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined &&\n hasBuiltInValidations(\n required,\n validationType,\n minCharQuantity,\n maxCharQuantity,\n validation,\n inputProps\n )));\n\n const isStateInvalid = isInvalid(validationState);\n\n // input type related state\n const [revealPassword, setRevealPassword] = useState(false);\n\n const realType = useMemo(() => {\n if (type === \"password\") {\n return revealPassword ? \"text\" : \"password\";\n }\n\n if (type === \"search\") {\n return \"search\";\n }\n\n return \"text\";\n }, [revealPassword, type]);\n\n // suggestions related state\n const [suggestionValues, setSuggestionValues] = useState(null);\n\n const canShowSuggestions = suggestionListCallback != null;\n const hasSuggestions = !!suggestionValues;\n\n const materialInputRef = useRef(null);\n const suggestionRef = useRef({});\n\n useEffect(() => {\n // TODO Replace with ref\n suggestionRef.current = document.getElementById(setId(elementId, \"suggestions\"));\n }, [elementId]);\n\n // miscellaneous state\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n /**\n * Looks for the node that represent the input inside the material tree and focus it.\n */\n const focusInput = () => {\n materialInputRef.current.focus();\n };\n\n const isMounted = useIsMounted();\n\n /**\n * Clears the suggestion array.\n */\n const suggestionClearHandler = () => {\n if (isMounted.current) {\n setSuggestionValues(null);\n }\n };\n\n /**\n * Fills of the suggestion array.\n */\n const suggestionHandler = (val) => {\n const suggestionsArray = suggestionListCallback?.(val);\n if (suggestionsArray?.[0]?.label) {\n setSuggestionValues(suggestionsArray);\n } else {\n suggestionClearHandler();\n }\n };\n\n /**\n * Executes the user callback adds the selection to the state and clears the suggestions.\n */\n const suggestionSelectedHandler = (event, item) => {\n const newValue = item.value || item.label;\n\n // set the input value (only when value is uncontrolled)\n setValue(newValue);\n\n onChange?.(event, newValue);\n\n focusInput();\n suggestionClearHandler();\n\n if (type === \"search\") {\n // trigger the onEnter callback when the user selects an option in a search box\n onEnter?.(event, newValue);\n }\n };\n\n const onChangeHandler = (event, newValue) => {\n isDirty.current = true;\n\n // set the input value (only when value is uncontrolled)\n setValue(newValue);\n\n onChange?.(event, newValue);\n\n if (canShowSuggestions) {\n // an edge case might be a controlled input whose onChange callback\n // doesn't change the value (or sets another): the suggestionListCallback\n // callback will still receive the original rejected value.\n // a refactor is needed so the suggestionListCallback might be called only\n // when the input is uncontrolled, providing a way to externally control\n // the suggestion values.\n suggestionHandler(newValue);\n }\n };\n\n /**\n * Validates the input updating the state and modifying the info text, also executes\n * the user provided onBlur passing the current validation status and value.\n *\n * @returns {undefined}\n */\n const onInputBlurHandler = (event) => {\n // If the blur is executed when choosing an suggestion it should be ignored.\n if (eventTargetIsInsideContainer(suggestionRef?.current, event)) return;\n\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\n };\n\n /**\n * Updates the state putting again the value from the state because the input value is\n * not automatically manage, it also executes the onFocus function from the user passing the value\n */\n const onFocusHandler = (event) => {\n setFocused(true);\n\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n onFocus?.(event, value);\n };\n\n const getSuggestions = (li) => {\n // TODO Replace with ref\n const listEl = document.getElementById(setId(elementId, \"suggestions-list\"));\n return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n };\n\n const onSuggestionKeyDown = (event) => {\n if (isKeypress(event, KeyboardCodes.Esc)) {\n suggestionClearHandler();\n focusInput();\n } else if (isKeypress(event, KeyboardCodes.Tab)) {\n suggestionClearHandler();\n }\n };\n\n /**\n * Focus the suggestion list when the arrow down is pressed.\n *\n * @param {Object} event - The event provided by the material ui input\n */\n const onKeyDownHandler = (event) => {\n if (isKeypress(event, KeyboardCodes.ArrowDown) && hasSuggestions) {\n const li = getSuggestions(0);\n li?.focus();\n } else if (isKeypress(event, KeyboardCodes.Enter)) {\n onEnter?.(event, value);\n }\n\n onKeyDown?.(event, value);\n };\n\n /**\n * Clears the suggestion list on blur.\n *\n * @param {Object} event - The event provided by the material ui input.\n */\n const onContainerBlurHandler = (event) => {\n if (event.relatedTarget) {\n setTimeout(() => {\n const list = getSuggestions();\n if (!list?.contains(document.activeElement)) suggestionClearHandler();\n }, 10);\n }\n };\n\n const hasOnEnter = onEnter != null;\n\n // show the clear button only if the input is enabled, not read-only, disableClear is false and the input is not empty\n // also, don't show it when the input type is \"search\" and the input is active (standBy)\n const showClear =\n !disabled &&\n !readOnly &&\n !disableClear &&\n !isEmptyValue &&\n (!hasOnEnter ||\n type !== \"search\" ||\n disableSearchButton ||\n validationState !== validationStates.standBy);\n\n const showSearchIcon = type === \"search\" && !disableSearchButton;\n\n const showRevealPasswordButton = type === \"password\" && !disableRevealPassword;\n\n /**\n * Clears the input value from the state and refocus the input.\n */\n const handleClear = useCallback(\n (event) => {\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n // clear the input value (only when value is uncontrolled)\n setValue(\"\");\n\n onChange?.(event, \"\");\n\n // we wan't to focus the input when clicked and not active\n setTimeout(focusInput);\n },\n [onChange, setValidationState, setValue]\n );\n\n const clearButton = useMemo(() => {\n if (!showClear) {\n return null;\n }\n\n return (\n <HvAdornment\n // don't control visibility when the search icon is enabled\n className={clsx(classes.adornmentButton, { [classes.iconClear]: !showSearchIcon })}\n onClick={handleClear}\n aria-label={labels.clearButtonLabel}\n aria-controls={setId(elementId, \"input\")}\n icon={<CloseXS />}\n />\n );\n }, [\n showClear,\n classes.adornmentButton,\n classes.iconClear,\n showSearchIcon,\n handleClear,\n labels.clearButtonLabel,\n elementId,\n ]);\n\n /**\n * Calls the onEnter callback and refocus the input.\n */\n const handleSearch = useCallback(\n (event) => {\n onEnter?.(event, value);\n },\n [onEnter, value]\n );\n\n const searchButton = useMemo(() => {\n // if the search icon is not actionable, only show it when the input is empty or active\n const reallyShowIt =\n showSearchIcon &&\n (isEmptyValue || (hasOnEnter && validationState === validationStates.standBy));\n\n if (!reallyShowIt) {\n return null;\n }\n\n return (\n <HvAdornment\n className={clsx(classes.adornmentButton)}\n onClick={hasOnEnter ? handleSearch : undefined}\n aria-label={labels.searchButtonLabel}\n icon={<Search />}\n />\n );\n }, [\n showSearchIcon,\n isEmptyValue,\n hasOnEnter,\n validationState,\n classes.adornmentButton,\n handleSearch,\n labels.searchButtonLabel,\n ]);\n\n /**\n * Changes input type and refocus the input.\n */\n const handleRevealPassword = useCallback(() => {\n setRevealPassword(!revealPassword);\n }, [revealPassword]);\n\n const revealPasswordButton = useMemo(() => {\n if (!showRevealPasswordButton) {\n return null;\n }\n\n return (\n <HvTooltip\n disableFocusListener\n disableTouchListener\n title={\n <HvTypography>\n {revealPassword\n ? labels.revealPasswordButtonClickToHideTooltip\n : labels.revealPasswordButtonClickToShowTooltip}\n </HvTypography>\n }\n >\n <HvAdornment\n className={classes.adornmentButton}\n onClick={handleRevealPassword}\n aria-label={labels.revealPasswordButtonLabel}\n aria-controls={setId(elementId, \"input\")}\n icon={revealPassword ? <PreviewOff /> : <Preview />}\n />\n </HvTooltip>\n );\n }, [\n showRevealPasswordButton,\n revealPassword,\n labels.revealPasswordButtonClickToHideTooltip,\n labels.revealPasswordButtonClickToShowTooltip,\n labels.revealPasswordButtonLabel,\n classes.adornmentButton,\n handleRevealPassword,\n elementId,\n ]);\n\n const validationIcon = useMemo(() => {\n if (!showValidationIcon) {\n return null;\n }\n\n if (!isValid(validationState)) {\n return null;\n }\n\n return <Success semantic=\"sema1\" className={classes.icon} />;\n }, [showValidationIcon, validationState, classes.icon]);\n\n // useMemo to avoid repetitive cloning of the custom icon\n const customIconEl = useMemo(\n () =>\n isValidElement(endAdornment) &&\n React.cloneElement(endAdornment, {\n className: clsx(classes.icon, endAdornment.props.className),\n }),\n [classes.icon, endAdornment]\n );\n\n const adornments = useMemo(() => {\n if (!clearButton && !revealPasswordButton && !searchButton && !validationIcon && !customIconEl)\n return null;\n\n // note: specification implies that the custom icon should be hidden when\n // a validation feedback icon is being shown.\n return (\n <div className={classes.adornmentsBox} aria-hidden=\"true\">\n {clearButton}\n {revealPasswordButton}\n {searchButton}\n {validationIcon || customIconEl}\n </div>\n );\n }, [\n classes.adornmentsBox,\n clearButton,\n customIconEl,\n revealPasswordButton,\n searchButton,\n validationIcon,\n ]);\n\n // run initial validation after first render\n // and also when any validation condition changes\n useEffect(() => {\n if (focused || (!isDirty.current && isEmptyValue)) {\n // skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n\n performValidation();\n }, [focused, isEmptyValue, performValidation]);\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(classes.root, className, {\n [classes.hasSuggestions]: hasSuggestions,\n })}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n id={setId(elementId, \"label\")}\n className={classes.label}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n\n <HvBaseInput\n id={\n hasLabel || showClear || showRevealPasswordButton\n ? setId(elementId, \"input\")\n : setId(id, \"input\")\n }\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onKeyDown={onKeyDownHandler}\n onBlur={onInputBlurHandler}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n type={realType}\n classes={{\n input: classes.input,\n inputRoot: classes.inputRoot,\n inputRootFocused: classes.inputRootFocused,\n inputRootDisabled: classes.inputRootDisabled,\n inputRootMultiline: classes.inputRootMultiline,\n inputBorderContainer: classes.inputBorderContainer,\n }}\n invalid={isStateInvalid}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description && setId(elementId, \"description\"),\n \"aria-controls\": canShowSuggestions ? setId(elementId, \"suggestions\") : undefined,\n\n ref: materialInputRef,\n\n // prevent browsers auto-fill/suggestions when we have our own\n autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n ...inputProps,\n }}\n inputRef={inputRefProp || inputRef}\n endAdornment={adornments}\n {...others}\n />\n\n {canShowSuggestions && (\n <>\n {hasSuggestions && <div role=\"presentation\" className={classes.inputExtension} />}\n <HvSuggestions\n id={setId(elementId, \"suggestions\")}\n classes={{\n root: classes.suggestionsContainer,\n list: classes.suggestionList,\n }}\n expanded={hasSuggestions}\n anchorEl={inputRef?.current?.parentElement}\n onClose={suggestionClearHandler}\n onKeyDown={onSuggestionKeyDown}\n onSuggestionSelected={suggestionSelectedHandler}\n suggestionValues={suggestionValues}\n />\n </>\n )}\n\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvInput.propTypes = {\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 applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root container of the input.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the root container when the suggestion list is open.\n */\n hasSuggestions: PropTypes.string,\n\n /**\n * Styles applied to input root which is comprising of everything but the labels and descriptions.\n */\n inputRoot: PropTypes.string,\n /**\n * Styles applied to the base input border element.\n */\n inputBorderContainer: PropTypes.string,\n /**\n * Styles applied to input root when it is focused.\n */\n inputRootFocused: PropTypes.string,\n /**\n * Styles applied to input html element when it is disabled.\n */\n inputRootDisabled: PropTypes.string,\n /**\n * Styles applied to input html element when it is multiline mode.\n */\n inputRootMultiline: PropTypes.string,\n /**\n * Styles applied to input html element.\n */\n input: PropTypes.string,\n\n /**\n * Styles applied to the container of the labels elements.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the icon information text.\n */\n description: PropTypes.string,\n\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n\n /**\n * Styles applied to the div around the adornment.\n */\n adornmentsBox: PropTypes.string,\n /**\n * Styles applied to the the adornment when behaving as a button.\n */\n adornmentButton: PropTypes.string,\n /**\n * Styles applied to the input adornment icons.\n */\n icon: PropTypes.string,\n /**\n * Styles applied to the icon used to clean the input.\n */\n iconClear: PropTypes.string,\n\n /**\n * Styles applied to the input extension shown when the suggestions list is visible.\n */\n inputExtension: PropTypes.string,\n\n /**\n * Styles applied to the container of the suggestions list.\n */\n suggestionsContainer: PropTypes.string,\n /**\n * Styles applied to the suggestions list.\n */\n suggestionList: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The value of the form element.\n */\n value: PropTypes.string,\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: PropTypes.string,\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 * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\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 * 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 `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n /**\n * Identifies the element that provides an error message for the input.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The function that will be executed onChange, allows modification of the input,\n * it receives the value. If a new value should be presented it must returned it.\n */\n onChange: PropTypes.func,\n /**\n * Callback called when the user submits the value by pressing Enter/Return.\n *\n * Also called when the search button is clicked (when type is \"search\").\n */\n onEnter: PropTypes.func,\n\n /**\n * The input type.\n */\n type: PropTypes.string,\n\n /**\n * The placeholder value of the input.\n */\n placeholder: PropTypes.string,\n\n /**\n * Internal labels.\n */\n labels: PropTypes.shape({\n /**\n * The label of the clear button.\n */\n clearButtonLabel: PropTypes.string,\n\n /**\n * The label of the reveal password button.\n */\n revealPasswordButtonLabel: PropTypes.string,\n /**\n * The tooltip of the reveal password button when the password is hidden.\n */\n revealPasswordButtonClickToShowTooltip: PropTypes.string,\n /**\n * The tooltip of the reveal password button when the password is revealed.\n */\n revealPasswordButtonClickToHideTooltip: PropTypes.string,\n\n /**\n * The label of the search button.\n */\n searchButtonLabel: PropTypes.string,\n }),\n\n /**\n * An Object containing the various texts associated with the input.\n */\n validationMessages: PropTypes.shape({\n /**\n * The value when a validation fails.\n */\n error: PropTypes.string,\n /**\n * The message that appears when there are too many characters.\n */\n maxCharError: PropTypes.string,\n /**\n * The message that appears when there are too few characters.\n */\n minCharError: PropTypes.string,\n /**\n * The message that appears when the input is empty and required.\n */\n requiredError: PropTypes.string,\n /**\n * The message that appears when the input is value is incompatible with the expected type.\n */\n typeMismatchError: PropTypes.string,\n }),\n\n /**\n * Attributes applied to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n /**\n * Allows passing a ref to the underlying input\n */\n inputRef: refType,\n\n /**\n * The function that will be executed onBlur, allows checking the validation state,\n * it receives the value and the validation state (`invalid`, `valid`).\n */\n onBlur: PropTypes.func,\n /**\n * The function that will be executed onBlur, allows checking the value state,\n * it receives the value.\n */\n onFocus: PropTypes.func,\n /**\n * The function that will be executed onKeyDown, allows checking the value state,\n * it receives the event and value.\n */\n onKeyDown: PropTypes.func,\n\n /**\n * The function that will be executed to received an array of objects that has a label and id to create list of suggestion\n */\n suggestionListCallback: PropTypes.func,\n\n /**\n * The custom validation function, it receives the value and must return\n * either `true` for valid or `false` for invalid, default validations would only\n * occur if this function is null or undefined\n */\n validation: PropTypes.func,\n /**\n * If `true` it should autofocus.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * If `true` the clear button is disabled.\n */\n disableClear: PropTypes.bool,\n /**\n * If `true` the reveal password button is disabled.\n *\n * Valid only when type is \"password\".\n */\n disableRevealPassword: PropTypes.bool,\n /**\n * If `true` the search button is disabled.\n *\n * Valid only when type is \"search\".\n */\n disableSearchButton: PropTypes.bool,\n\n /**\n * If `true` the validation icon adorment is visible. Defaults to `false`.\n *\n * Currently, DS specifications define only a positive feedback icon;\n * errors are signaled through the border style and by displaying the error message.\n */\n showValidationIcon: PropTypes.bool,\n\n /**\n * a custom icon to be added into the input.\n */\n endAdornment: PropTypes.node,\n\n /**\n * The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n */\n maxCharQuantity: PropTypes.number,\n /**\n * The minimum allowed length of the characters, if this value is null no check\n * will be perform.\n */\n minCharQuantity: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvInput\" })(HvInput);\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Kpi.js","names":["DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","props","classes","className","id","labelsProp","labels","visualIndicator","visualComparison","trendIndicator","indicatorUnitTextVariant","indicatorTextVariant","others","InternalVisualComparison","HvTypography","root","indicatorsContainer","visualIndicatorContainer","spacingToTheRight","indicatorText","indicatorUnit","comparisonComposition","trendLine","comparisonContainer","comparisons","propTypes","PropTypes","string","shape","isRequired","node","oneOf","styles","name"],"sources":["../../src/Kpi/Kpi.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\nimport { useLabels } from \"../utils\";\n\nconst DEFAULT_LABELS = {\n title: \"\",\n indicator: undefined,\n unit: undefined,\n comparisonIndicatorInfo: undefined,\n};\n\n/**\n * Key Performance Indicator is a type of performance measurement. It monitors a business indicator\n * and its success/failure against a given target. KPIs are the first item read on a dashboard.\n * Communicates simple, immediate and vital information for operational decision making.\n */\n\nconst HvKpi = (props) => {\n const {\n classes,\n className,\n id,\n labels: labelsProp,\n visualIndicator = null,\n visualComparison = null,\n trendIndicator = null,\n indicatorUnitTextVariant = \"sTitle\",\n indicatorTextVariant = \"lTitle\",\n ...others\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n const InternalVisualComparison = typeof visualComparison === \"string\" ? HvTypography : \"div\";\n\n return (\n <div id={id} className={clsx(classes.root, className)} {...others}>\n <div>\n <HvTypography variant=\"highlightText\">{labels.title}</HvTypography>\n </div>\n <div className={classes.indicatorsContainer}>\n {visualIndicator != null && (\n <div className={clsx(classes.visualIndicatorContainer, classes.spacingToTheRight)}>\n {visualIndicator}\n </div>\n )}\n {labels.indicator && (\n <HvTypography\n className={clsx(classes.spacingToTheRight, classes.indicatorText)}\n variant={indicatorTextVariant}\n >\n {labels.indicator}\n </HvTypography>\n )}\n {labels.unit && (\n <HvTypography className={classes.indicatorUnit} variant={indicatorUnitTextVariant}>\n {labels.unit}\n </HvTypography>\n )}\n </div>\n {visualComparison != null && (\n <div className={classes.comparisonComposition}>\n {trendIndicator != null && (\n <div className={clsx(classes.trendLine, classes.spacingToTheRight)}>\n {trendIndicator}\n </div>\n )}\n <div>\n <div className={classes.comparisonContainer}>\n <InternalVisualComparison\n className={clsx(classes.comparisons, classes.spacingToTheRight)}\n variant=\"highlightText\"\n >\n {visualComparison}\n </InternalVisualComparison>\n </div>\n <div className={classes.comparisonContainer}>\n <HvTypography className={classes.comparisons} variant=\"vizText\">\n {labels.comparisonIndicatorInfo}\n </HvTypography>\n </div>\n </div>\n </div>\n )}\n </div>\n );\n};\n\nHvKpi.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 applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the component visual indicator.\n */\n visualIndicatorContainer: PropTypes.string,\n /**\n * Styles applied to the component comparison.\n */\n comparisons: PropTypes.string,\n /**\n * Styles applied to the component comparison container.\n */\n comparisonContainer: PropTypes.string,\n /**\n * Styles applied to the component comparison composition wrapper.\n */\n comparisonComposition: PropTypes.string,\n /**\n * Styles applied to the component indicators.\n */\n indicatorsContainer: PropTypes.string,\n /**\n * Styles applied to the component indicators text.\n */\n indicatorText: PropTypes.string,\n /**\n * Styles applied to the component indicators unit.\n */\n indicatorUnit: PropTypes.string,\n /**\n * Styles applied to the component comparison container right spacing.\n */\n spacingToTheRight: PropTypes.string,\n /**\n * Styles applied to the component trend line.\n */\n trendLine: PropTypes.string,\n }).isRequired,\n /**\n * An Element that will be rendered to the left of the kpi indicator text.\n */\n trendIndicator: PropTypes.node,\n /**\n * An Element that will be rendered to the left of the kpi indicator text.\n */\n visualIndicator: PropTypes.node,\n /**\n * An Element that will be rendered below the kpi indicator text.\n */\n visualComparison: PropTypes.node,\n /**\n * The object that contains the different labels inside the kpi.\n */\n labels: PropTypes.shape({\n /**\n * The text at the top of the kpi.\n */\n title: PropTypes.string,\n /**\n * The text in the middle of the kpi.\n */\n indicator: PropTypes.string,\n /**\n * The text to the right of the indicator.\n */\n unit: PropTypes.string,\n /**\n * the text to the right of the visual comparison.\n */\n comparisonIndicatorInfo: PropTypes.string,\n }),\n /**\n * The typography variant used in the main text indicator of the KPI\n */\n indicatorTextVariant: PropTypes.oneOf([\"5xlTitle\", \"xxlTitle\", \"lTitle\", \"sTitle\"]),\n /**\n * The typography variant used in the main text indicator of the KPI\n */\n indicatorUnitTextVariant: PropTypes.oneOf([\"sTitle\", \"normalText\"]),\n};\n\nexport default withStyles(styles, { name: \"HvKpi\" })(HvKpi);\n"],"mappings":"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"}
1
+ {"version":3,"file":"Kpi.js","names":["DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","props","classes","className","id","labelsProp","labels","visualIndicator","visualComparison","trendIndicator","indicatorUnitTextVariant","indicatorTextVariant","others","useLabels","InternalVisualComparison","HvTypography","clsx","root","indicatorsContainer","visualIndicatorContainer","spacingToTheRight","indicatorText","indicatorUnit","comparisonComposition","trendLine","comparisonContainer","comparisons","propTypes","PropTypes","string","shape","isRequired","node","oneOf","withStyles","styles","name"],"sources":["../../src/Kpi/Kpi.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\nimport { useLabels } from \"../utils\";\n\nconst DEFAULT_LABELS = {\n title: \"\",\n indicator: undefined,\n unit: undefined,\n comparisonIndicatorInfo: undefined,\n};\n\n/**\n * Key Performance Indicator is a type of performance measurement. It monitors a business indicator\n * and its success/failure against a given target. KPIs are the first item read on a dashboard.\n * Communicates simple, immediate and vital information for operational decision making.\n */\n\nconst HvKpi = (props) => {\n const {\n classes,\n className,\n id,\n labels: labelsProp,\n visualIndicator = null,\n visualComparison = null,\n trendIndicator = null,\n indicatorUnitTextVariant = \"sTitle\",\n indicatorTextVariant = \"lTitle\",\n ...others\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n const InternalVisualComparison = typeof visualComparison === \"string\" ? HvTypography : \"div\";\n\n return (\n <div id={id} className={clsx(classes.root, className)} {...others}>\n <div>\n <HvTypography variant=\"highlightText\">{labels.title}</HvTypography>\n </div>\n <div className={classes.indicatorsContainer}>\n {visualIndicator != null && (\n <div className={clsx(classes.visualIndicatorContainer, classes.spacingToTheRight)}>\n {visualIndicator}\n </div>\n )}\n {labels.indicator && (\n <HvTypography\n className={clsx(classes.spacingToTheRight, classes.indicatorText)}\n variant={indicatorTextVariant}\n >\n {labels.indicator}\n </HvTypography>\n )}\n {labels.unit && (\n <HvTypography className={classes.indicatorUnit} variant={indicatorUnitTextVariant}>\n {labels.unit}\n </HvTypography>\n )}\n </div>\n {visualComparison != null && (\n <div className={classes.comparisonComposition}>\n {trendIndicator != null && (\n <div className={clsx(classes.trendLine, classes.spacingToTheRight)}>\n {trendIndicator}\n </div>\n )}\n <div>\n <div className={classes.comparisonContainer}>\n <InternalVisualComparison\n className={clsx(classes.comparisons, classes.spacingToTheRight)}\n variant=\"highlightText\"\n >\n {visualComparison}\n </InternalVisualComparison>\n </div>\n <div className={classes.comparisonContainer}>\n <HvTypography className={classes.comparisons} variant=\"vizText\">\n {labels.comparisonIndicatorInfo}\n </HvTypography>\n </div>\n </div>\n </div>\n )}\n </div>\n );\n};\n\nHvKpi.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 applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the component visual indicator.\n */\n visualIndicatorContainer: PropTypes.string,\n /**\n * Styles applied to the component comparison.\n */\n comparisons: PropTypes.string,\n /**\n * Styles applied to the component comparison container.\n */\n comparisonContainer: PropTypes.string,\n /**\n * Styles applied to the component comparison composition wrapper.\n */\n comparisonComposition: PropTypes.string,\n /**\n * Styles applied to the component indicators.\n */\n indicatorsContainer: PropTypes.string,\n /**\n * Styles applied to the component indicators text.\n */\n indicatorText: PropTypes.string,\n /**\n * Styles applied to the component indicators unit.\n */\n indicatorUnit: PropTypes.string,\n /**\n * Styles applied to the component comparison container right spacing.\n */\n spacingToTheRight: PropTypes.string,\n /**\n * Styles applied to the component trend line.\n */\n trendLine: PropTypes.string,\n }).isRequired,\n /**\n * An Element that will be rendered to the left of the kpi indicator text.\n */\n trendIndicator: PropTypes.node,\n /**\n * An Element that will be rendered to the left of the kpi indicator text.\n */\n visualIndicator: PropTypes.node,\n /**\n * An Element that will be rendered below the kpi indicator text.\n */\n visualComparison: PropTypes.node,\n /**\n * The object that contains the different labels inside the kpi.\n */\n labels: PropTypes.shape({\n /**\n * The text at the top of the kpi.\n */\n title: PropTypes.string,\n /**\n * The text in the middle of the kpi.\n */\n indicator: PropTypes.string,\n /**\n * The text to the right of the indicator.\n */\n unit: PropTypes.string,\n /**\n * the text to the right of the visual comparison.\n */\n comparisonIndicatorInfo: PropTypes.string,\n }),\n /**\n * The typography variant used in the main text indicator of the KPI\n */\n indicatorTextVariant: PropTypes.oneOf([\"5xlTitle\", \"xxlTitle\", \"lTitle\", \"sTitle\"]),\n /**\n * The typography variant used in the main text indicator of the KPI\n */\n indicatorUnitTextVariant: PropTypes.oneOf([\"sTitle\", \"normalText\"]),\n};\n\nexport default withStyles(styles, { name: \"HvKpi\" })(HvKpi);\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Link.js","names":["HvLink","props","classes","children","route","Component","onClick","data","tabIndex","others","a","event","propTypes","PropTypes","shape","string","isRequired","node","func","number","instanceOf","Object","elementType","styles","name"],"sources":["../../src/Link/Link.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvLink = (props) => {\n const {\n classes,\n children,\n route,\n Component = \"div\",\n onClick,\n data,\n tabIndex = 0,\n ...others\n } = props;\n\n return onClick ? (\n <Component\n role=\"button\"\n className={classes.a}\n onClick={(event) => onClick?.(event, data)}\n tabIndex={tabIndex}\n {...others}\n >\n {children}\n </Component>\n ) : (\n <a href={route} className={classes.a}>\n {children}\n </a>\n );\n};\n\nHvLink.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component.\n */\n a: PropTypes.string,\n }).isRequired,\n /**\n * Children.\n */\n children: PropTypes.node.isRequired,\n /**\n * Path route.\n */\n route: PropTypes.string.isRequired,\n /**\n * OnClick function.\n */\n onClick: PropTypes.func,\n /**\n * TabIndex.\n */\n tabIndex: PropTypes.number,\n /**\n * Data to be returned in the onClick function.\n */\n data: PropTypes.instanceOf(Object),\n /**\n * The component used for the link node.\n * Either a string to use a DOM element or a component.\n */\n Component: PropTypes.elementType,\n};\n\nexport default withStyles(styles, { name: \"HvLink\" })(HvLink);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IACEC,OADF,GASID,KATJ,CACEC,OADF;EAAA,IAEEC,QAFF,GASIF,KATJ,CAEEE,QAFF;EAAA,IAGEC,KAHF,GASIH,KATJ,CAGEG,KAHF;EAAA,uBASIH,KATJ,CAIEI,SAJF;EAAA,IAIEA,SAJF,iCAIc,KAJd;EAAA,IAKEC,QALF,GASIL,KATJ,CAKEK,OALF;EAAA,IAMEC,IANF,GASIN,KATJ,CAMEM,IANF;EAAA,sBASIN,KATJ,CAOEO,QAPF;EAAA,IAOEA,QAPF,gCAOa,CAPb;EAAA,IAQKC,MARL,0CASIR,KATJ;EAWA,OAAOK,QAAO,gBACZ,6BAAC,SAAD;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEJ,OAAO,CAACQ,CAFrB;IAGE,OAAO,EAAE,iBAACC,KAAD;MAAA,OAAWL,QAAX,aAAWA,QAAX,uBAAWA,QAAO,CAAGK,KAAH,EAAUJ,IAAV,CAAlB;IAAA,CAHX;IAIE,QAAQ,EAAEC;EAJZ,GAKMC,MALN,GAOGN,QAPH,CADY,gBAWZ;IAAG,IAAI,EAAEC,KAAT;IAAgB,SAAS,EAAEF,OAAO,CAACQ;EAAnC,GACGP,QADH,CAXF;AAeD,CA3BD;;AA6BA,wCAAAH,MAAM,CAACY,SAAP,GAAmB;EACjB;AACF;AACA;EACEV,OAAO,EAAEW,mBAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,CAAC,EAAEG,mBAAUE;EAJU,CAAhB,EAKNC,UATc;;EAUjB;AACF;AACA;EACEb,QAAQ,EAAEU,mBAAUI,IAAV,CAAeD,UAbR;;EAcjB;AACF;AACA;EACEZ,KAAK,EAAES,mBAAUE,MAAV,CAAiBC,UAjBP;;EAkBjB;AACF;AACA;EACEV,OAAO,EAAEO,mBAAUK,IArBF;;EAsBjB;AACF;AACA;EACEV,QAAQ,EAAEK,mBAAUM,MAzBH;;EA0BjB;AACF;AACA;EACEZ,IAAI,EAAEM,mBAAUO,UAAV,CAAqBC,MAArB,CA7BW;;EA8BjB;AACF;AACA;AACA;EACEhB,SAAS,EAAEQ,mBAAUS;AAlCJ,CAAnB;;eAqCe,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAuCxB,MAAvC,C"}
1
+ {"version":3,"file":"Link.js","names":["HvLink","props","classes","children","route","Component","onClick","data","tabIndex","others","a","event","propTypes","PropTypes","shape","string","isRequired","node","func","number","instanceOf","Object","elementType","withStyles","styles","name"],"sources":["../../src/Link/Link.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvLink = (props) => {\n const {\n classes,\n children,\n route,\n Component = \"div\",\n onClick,\n data,\n tabIndex = 0,\n ...others\n } = props;\n\n return onClick ? (\n <Component\n role=\"button\"\n className={classes.a}\n onClick={(event) => onClick?.(event, data)}\n tabIndex={tabIndex}\n {...others}\n >\n {children}\n </Component>\n ) : (\n <a href={route} className={classes.a}>\n {children}\n </a>\n );\n};\n\nHvLink.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component.\n */\n a: PropTypes.string,\n }).isRequired,\n /**\n * Children.\n */\n children: PropTypes.node.isRequired,\n /**\n * Path route.\n */\n route: PropTypes.string.isRequired,\n /**\n * OnClick function.\n */\n onClick: PropTypes.func,\n /**\n * TabIndex.\n */\n tabIndex: PropTypes.number,\n /**\n * Data to be returned in the onClick function.\n */\n data: PropTypes.instanceOf(Object),\n /**\n * The component used for the link node.\n * Either a string to use a DOM element or a component.\n */\n Component: PropTypes.elementType,\n};\n\nexport default withStyles(styles, { name: \"HvLink\" })(HvLink);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IACEC,OADF,GASID,KATJ,CACEC,OADF;EAAA,IAEEC,QAFF,GASIF,KATJ,CAEEE,QAFF;EAAA,IAGEC,KAHF,GASIH,KATJ,CAGEG,KAHF;EAAA,uBASIH,KATJ,CAIEI,SAJF;EAAA,IAIEA,SAJF,iCAIc,KAJd;EAAA,IAKEC,QALF,GASIL,KATJ,CAKEK,OALF;EAAA,IAMEC,IANF,GASIN,KATJ,CAMEM,IANF;EAAA,sBASIN,KATJ,CAOEO,QAPF;EAAA,IAOEA,QAPF,gCAOa,CAPb;EAAA,IAQKC,MARL,0CASIR,KATJ;EAWA,OAAOK,QAAO,gBACZ,6BAAC,SAAD;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAEJ,OAAO,CAACQ,CAFrB;IAGE,OAAO,EAAE,iBAACC,KAAD;MAAA,OAAWL,QAAX,aAAWA,QAAX,uBAAWA,QAAO,CAAGK,KAAH,EAAUJ,IAAV,CAAlB;IAAA,CAHX;IAIE,QAAQ,EAAEC;EAJZ,GAKMC,MALN,GAOGN,QAPH,CADY,gBAWZ;IAAG,IAAI,EAAEC,KAAT;IAAgB,SAAS,EAAEF,OAAO,CAACQ;EAAnC,GACGP,QADH,CAXF;AAeD,CA3BD;;AA6BA,wCAAAH,MAAM,CAACY,SAAP,GAAmB;EACjB;AACF;AACA;EACEV,OAAO,EAAEW,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,CAAC,EAAEG,kBAAA,CAAUE;EAJU,CAAhB,EAKNC,UATc;;EAUjB;AACF;AACA;EACEb,QAAQ,EAAEU,kBAAA,CAAUI,IAAV,CAAeD,UAbR;;EAcjB;AACF;AACA;EACEZ,KAAK,EAAES,kBAAA,CAAUE,MAAV,CAAiBC,UAjBP;;EAkBjB;AACF;AACA;EACEV,OAAO,EAAEO,kBAAA,CAAUK,IArBF;;EAsBjB;AACF;AACA;EACEV,QAAQ,EAAEK,kBAAA,CAAUM,MAzBH;;EA0BjB;AACF;AACA;EACEZ,IAAI,EAAEM,kBAAA,CAAUO,UAAV,CAAqBC,MAArB,CA7BW;;EA8BjB;AACF;AACA;AACA;EACEhB,SAAS,EAAEQ,kBAAA,CAAUS;AAlCJ,CAAnB;;eAqCe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAuCzB,MAAvC,C"}
package/dist/List/List.js CHANGED
@@ -286,7 +286,8 @@ var HvList = function HvList(props) {
286
286
  listRef.current.scrollToItem(selectedItemIndex);
287
287
  }
288
288
  }, [listRef, selectedItemIndex]);
289
- var ListItem = /*#__PURE__*/(0, _react.memo)(function (_ref) {
289
+
290
+ var ListItem = function ListItem(_ref) {
290
291
  var index = _ref.index,
291
292
  style = _ref.style;
292
293
  var item = filteredList[index];
@@ -302,15 +303,30 @@ var HvList = function HvList(props) {
302
303
  condensed: condensed,
303
304
  disableGutters: useSelector
304
305
  });
305
- }, _reactWindow.areEqual);
306
+ };
307
+
306
308
  process.env.NODE_ENV !== "production" ? ListItem.propTypes = {
307
- index: _propTypes.default.number.isRequired,
308
309
  style: _propTypes.default.shape({
309
310
  top: _propTypes.default.number.isRequired,
310
311
  left: _propTypes.default.number.isRequired,
311
312
  width: _propTypes.default.number.isRequired
312
313
  }).isRequired
313
314
  } : void 0;
315
+ var renderFixedList = (0, _react.useCallback)(function () {
316
+ return /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
317
+ var rest = (0, _extends2.default)({}, _ref2);
318
+ return /*#__PURE__*/_react.default.createElement(_.HvListContainer, (0, _extends2.default)({
319
+ id: id,
320
+ className: (0, _clsx.default)(className, classes.root),
321
+ role: selectable ? "listbox" : "menu",
322
+ interactive: true,
323
+ condensed: condensed,
324
+ disableGutters: useSelector,
325
+ "aria-multiselectable": selectable && multiSelect || undefined,
326
+ ref: ref
327
+ }, rest));
328
+ });
329
+ }, [id, useSelector, className, classes, condensed, selectable, multiSelect]);
314
330
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, multiSelect && useSelector && showSelectAll && renderSelectAll(), filteredList.length > 0 && !virtualized && /*#__PURE__*/_react.default.createElement(_.HvListContainer, (0, _extends2.default)({
315
331
  id: id,
316
332
  className: (0, _clsx.default)(className, classes.root),
@@ -328,19 +344,7 @@ var HvList = function HvList(props) {
328
344
  width: "100%",
329
345
  itemCount: filteredList.length,
330
346
  itemSize: condensed ? 32 : 40,
331
- innerElementType: /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
332
- var rest = (0, _extends2.default)({}, _ref2);
333
- return /*#__PURE__*/_react.default.createElement(_.HvListContainer, (0, _extends2.default)({
334
- id: id,
335
- className: (0, _clsx.default)(className, classes.root),
336
- role: selectable ? "listbox" : "menu",
337
- interactive: true,
338
- condensed: condensed,
339
- disableGutters: useSelector,
340
- "aria-multiselectable": selectable && multiSelect || undefined,
341
- ref: ref
342
- }, rest));
343
- })
347
+ innerElementType: renderFixedList
344
348
  }, others), ListItem));
345
349
  };
346
350