@hitachivantara/uikit-react-core 5.18.0 → 5.18.1

package/dist/esm/components/Forms/Suggestions/Suggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.js","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useContext, useEffect, useRef, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\nimport {\n  StyledRoot,\n  StyledSelectionList,\n  StyledPopper,\n} from \"./Suggestions.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvListItem } from \"../../ListContainer/ListItem\";\nimport { HvClickOutsideEvent, useClickOutside } from \"../../../hooks\";\nimport suggestionsClasses, { HvSuggestionsClasses } from \"./suggestionsClasses\";\n\nexport interface HvSuggestion {\n  id?: string;\n  label: React.ReactNode;\n  value?: string;\n  disabled?: boolean;\n}\n\nexport interface HvSuggestionsProps extends HvBaseProps {\n  /** Whether suggestions is visible. */\n  expanded?: boolean;\n  /** The HTML element Suggestions attaches to. */\n  anchorEl?: HTMLElement | null;\n  /** Array of { id, label, ...others } values to display in the suggestion list */\n  suggestionValues?: HvSuggestion[] | null;\n  /** Function called when a suggestion is selected */\n  onSuggestionSelected?: (event: React.MouseEvent, value: HvSuggestion) => void;\n  /** Function called when suggestion list is closed */\n  onClose?: (event: HvClickOutsideEvent) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSuggestionsClasses;\n}\n\nexport const HvSuggestions = ({\n  id,\n  className,\n  classes,\n  expanded = false,\n  anchorEl,\n  suggestionValues = [],\n  onClose,\n  onSuggestionSelected,\n  ...others\n}: HvSuggestionsProps) => {\n  const { elementId } = useContext(HvFormElementContext);\n  const localId = id ?? setId(elementId, \"suggestions\");\n\n  const ref = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState<boolean>(expanded);\n\n  useClickOutside(ref, (event: HvClickOutsideEvent) => {\n    setIsOpen(false);\n    onClose?.(event);\n  });\n\n  useEffect(() => {\n    setIsOpen(expanded);\n  }, [expanded]);\n\n  return (\n    <StyledRoot\n      id={localId}\n      ref={ref}\n      className={clsx(className, suggestionsClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledPopper\n        open={isOpen}\n        disablePortal\n        anchorEl={anchorEl}\n        className={clsx(suggestionsClasses.popper, classes?.popper)}\n      >\n        <StyledSelectionList\n          className={clsx(suggestionsClasses.list, classes?.list)}\n          id={setId(localId, \"list\")}\n          onChange={onSuggestionSelected}\n        >\n          {suggestionValues?.map((item, i) => {\n            const itemKey = item.id || setId(\"item\", i);\n\n            return (\n              <HvListItem\n                key={itemKey}\n                value={item}\n                disabled={item.disabled || undefined}\n              >\n                {item.label}\n              </HvListItem>\n            );\n          })}\n        </StyledSelectionList>\n      </StyledPopper>\n    </StyledRoot>\n  );\n};\n"],"names":["HvSuggestions","id","className","classes","expanded","anchorEl","suggestionValues","onClose","onSuggestionSelected","others","elementId","useContext","HvFormElementContext","localId","setId","ref","useRef","isOpen","setIsOpen","useState","event","useEffect","StyledRoot","clsx","suggestionsClasses","root","children","StyledPopper","open","disablePortal","popper","StyledSelectionList","list","onChange","map","item","i","itemKey","HvListItem","value","disabled","undefined","label"],"mappings":";;;;;;;;;AAoCO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC,mBAAmB,CAAE;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAcC,WAAWC,oBAAoB;AACrD,QAAMC,UAAUZ,MAAMa,MAAMJ,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,OAAuB,IAAI;AACvC,QAAM,CAACC,QAAQC,SAAS,IAAIC,SAAkBf,QAAQ;AAEtCW,kBAAAA,KAAK,CAACK,UAA+B;AACnDF,cAAU,KAAK;AACfX,uCAAUa;AAAAA,EAAK,CAChB;AAEDC,YAAU,MAAM;AACdH,cAAUd,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAEb,6BACGkB,YAAU;AAAA,IACTrB,IAAIY;AAAAA,IACJE;AAAAA,IACAb,WAAWqB,KAAKrB,WAAWsB,mBAAmBC,MAAMtB,mCAASsB,IAAI;AAAA,IAAE,GAC/DhB;AAAAA,IAAMiB,8BAETC,cAAY;AAAA,MACXC,MAAMX;AAAAA,MACNY,eAAa;AAAA,MACbxB;AAAAA,MACAH,WAAWqB,KAAKC,mBAAmBM,QAAQ3B,mCAAS2B,MAAM;AAAA,MAAEJ,8BAE3DK,qBAAmB;AAAA,QAClB7B,WAAWqB,KAAKC,mBAAmBQ,MAAM7B,mCAAS6B,IAAI;AAAA,QACtD/B,IAAIa,MAAMD,SAAS,MAAM;AAAA,QACzBoB,UAAUzB;AAAAA,QAAqBkB,UAE9BpB,qDAAkB4B,IAAI,CAACC,MAAMC,MAAM;AAClC,gBAAMC,UAAUF,KAAKlC,MAAMa,MAAM,QAAQsB,CAAC;AAE1C,qCACGE,YAAU;AAAA,YAETC,OAAOJ;AAAAA,YACPK,UAAUL,KAAKK,YAAYC;AAAAA,YAAUf,UAEpCS,KAAKO;AAAAA,aAJDL,OAKK;AAAA,QAAA;AAAA,MAEf,CACkB;AAAA,IAAA,CACT;AAAA,EAAA,CACJ;AAEhB;"}
+{"version":3,"file":"Suggestions.js","sources":["../../../../../src/components/Forms/Suggestions/Suggestions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, {\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useForkRef } from \"@mui/material\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\nimport {\n  StyledRoot,\n  StyledSelectionList,\n  StyledPopper,\n} from \"./Suggestions.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvListItem } from \"../../ListContainer/ListItem\";\nimport { HvClickOutsideEvent, useClickOutside } from \"../../../hooks\";\nimport suggestionsClasses, { HvSuggestionsClasses } from \"./suggestionsClasses\";\n\nexport interface HvSuggestion {\n  id?: string;\n  label: React.ReactNode;\n  value?: string;\n  disabled?: boolean;\n}\n\nexport interface HvSuggestionsProps extends HvBaseProps {\n  /** Whether suggestions is visible. */\n  expanded?: boolean;\n  /** The HTML element Suggestions attaches to. */\n  anchorEl?: HTMLElement | null;\n  /** Array of { id, label, ...others } values to display in the suggestion list */\n  suggestionValues?: HvSuggestion[] | null;\n  /** Function called when a suggestion is selected */\n  onSuggestionSelected?: (event: React.MouseEvent, value: HvSuggestion) => void;\n  /** Function called when suggestion list is closed */\n  onClose?: (event: HvClickOutsideEvent) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSuggestionsClasses;\n}\n\nexport const HvSuggestions = forwardRef((props: HvSuggestionsProps, extRef) => {\n  const {\n    id,\n    className,\n    classes,\n    expanded = false,\n    anchorEl,\n    suggestionValues = [],\n    onClose,\n    onSuggestionSelected,\n    ...others\n  } = props;\n  const { elementId } = useContext(HvFormElementContext);\n  const localId = id ?? setId(elementId, \"suggestions\");\n\n  const ref = useRef<HTMLDivElement>(null);\n  const forkedRef = useForkRef(ref, extRef);\n\n  const [isOpen, setIsOpen] = useState(expanded);\n\n  useClickOutside(ref, (event) => {\n    setIsOpen(false);\n    onClose?.(event);\n  });\n\n  useEffect(() => {\n    setIsOpen(expanded);\n  }, [expanded]);\n\n  return (\n    <StyledRoot\n      id={localId}\n      ref={forkedRef}\n      className={clsx(className, suggestionsClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledPopper\n        open={isOpen}\n        disablePortal\n        anchorEl={anchorEl}\n        className={clsx(suggestionsClasses.popper, classes?.popper)}\n      >\n        <StyledSelectionList\n          className={clsx(suggestionsClasses.list, classes?.list)}\n          id={setId(localId, \"list\")}\n          onChange={onSuggestionSelected}\n        >\n          {suggestionValues?.map((item, i) => {\n            const itemKey = item.id || setId(\"item\", i);\n\n            return (\n              <HvListItem\n                key={itemKey}\n                value={item}\n                disabled={item.disabled || undefined}\n              >\n                {item.label}\n              </HvListItem>\n            );\n          })}\n        </StyledSelectionList>\n      </StyledPopper>\n    </StyledRoot>\n  );\n});\n"],"names":["HvSuggestions","forwardRef","props","extRef","id","className","classes","expanded","anchorEl","suggestionValues","onClose","onSuggestionSelected","others","elementId","useContext","HvFormElementContext","localId","setId","ref","useRef","forkedRef","useForkRef","isOpen","setIsOpen","useState","useClickOutside","event","useEffect","StyledRoot","clsx","suggestionsClasses","root","children","StyledPopper","open","disablePortal","popper","StyledSelectionList","list","onChange","map","item","i","itemKey","HvListItem","value","disabled","undefined","label"],"mappings":";;;;;;;;;;AA2CO,MAAMA,gBAAgBC,WAAW,CAACC,OAA2BC,WAAW;AACvE,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,WAAW;AAAA,IACXC;AAAAA,IACAC,mBAAmB,CAAE;AAAA,IACrBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDV,IAAAA;AACE,QAAA;AAAA,IAAEW;AAAAA,EAAAA,IAAcC,WAAWC,oBAAoB;AACrD,QAAMC,UAAUZ,MAAMa,MAAMJ,WAAW,aAAa;AAE9CK,QAAAA,MAAMC,OAAuB,IAAI;AACjCC,QAAAA,YAAYC,WAAWH,KAAKf,MAAM;AAExC,QAAM,CAACmB,QAAQC,SAAS,IAAIC,SAASjB,QAAQ;AAE7CkB,kBAAgBP,KAAMQ,CAAU,UAAA;AAC9BH,cAAU,KAAK;AACfb,uCAAUgB;AAAAA,EAAK,CAChB;AAEDC,YAAU,MAAM;AACdJ,cAAUhB,QAAQ;AAAA,EAAA,GACjB,CAACA,QAAQ,CAAC;AAEb,6BACGqB,YAAU;AAAA,IACTxB,IAAIY;AAAAA,IACJE,KAAKE;AAAAA,IACLf,WAAWwB,KAAKxB,WAAWyB,mBAAmBC,MAAMzB,mCAASyB,IAAI;AAAA,IAAE,GAC/DnB;AAAAA,IAAMoB,8BAETC,cAAY;AAAA,MACXC,MAAMZ;AAAAA,MACNa,eAAa;AAAA,MACb3B;AAAAA,MACAH,WAAWwB,KAAKC,mBAAmBM,QAAQ9B,mCAAS8B,MAAM;AAAA,MAAEJ,8BAE3DK,qBAAmB;AAAA,QAClBhC,WAAWwB,KAAKC,mBAAmBQ,MAAMhC,mCAASgC,IAAI;AAAA,QACtDlC,IAAIa,MAAMD,SAAS,MAAM;AAAA,QACzBuB,UAAU5B;AAAAA,QAAqBqB,UAE9BvB,qDAAkB+B,IAAI,CAACC,MAAMC,MAAM;AAClC,gBAAMC,UAAUF,KAAKrC,MAAMa,MAAM,QAAQyB,CAAC;AAE1C,qCACGE,YAAU;AAAA,YAETC,OAAOJ;AAAAA,YACPK,UAAUL,KAAKK,YAAYC;AAAAA,YAAUf,UAEpCS,KAAKO;AAAAA,aAJDL,OAKK;AAAA,QAAA;AAAA,MAEf,CACkB;AAAA,IAAA,CACT;AAAA,EAAA,CACJ;AAEhB,CAAC;"}

package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js

@@ -7,6 +7,25 @@ import { HvMenuBar } from "../MenuBar/MenuBar.js";
 import { HvTypography } from "../../../Typography/Typography.js";
 import { isKeypress } from "../../../../utils/keyboardUtils/keyCheck.js";
 import { keyboardCodes } from "../../../../utils/keyboardUtils/keyboardCodes.js";
+const traverseItem = (node) => {
+  var _a;
+  let href;
+  let target;
+  if (node == null ? void 0 : node.href) {
+    href = node == null ? void 0 : node.href;
+    target = node == null ? void 0 : node.target;
+  } else if ((node == null ? void 0 : node.data) != null && ((_a = node == null ? void 0 : node.data) == null ? void 0 : _a.length) > 0) {
+    let i = 0;
+    while (href == null && i < node.data.length) {
+      traverseItem(node == null ? void 0 : node.data[i]);
+      i += 1;
+    }
+  }
+  return {
+    href,
+    target
+  };
+};
 const HvMenuItem = ({
   id,
   item,
@@ -51,21 +70,13 @@ const HvMenuItem = ({
   });
   let itemHref = item == null ? void 0 : item.href;
   let itemTarget = item == null ? void 0 : item.target;
-  if (itemHref == null) {
-    let traversePreOrder = function(node) {
-      var _a;
-      if (node == null ? void 0 : node.href) {
-        itemHref = node == null ? void 0 : node.href;
-        itemTarget = node == null ? void 0 : node.target;
-      } else if ((node == null ? void 0 : node.data) != null && ((_a = node == null ? void 0 : node.data) == null ? void 0 : _a.length) > 0) {
-        let i = 0;
-        while (itemHref == null && i < node.data.length) {
-          traversePreOrder(node == null ? void 0 : node.data[i]);
-          i += 1;
-        }
-      }
-    };
-    traversePreOrder(item);
+  if ((item == null ? void 0 : item.href) == null) {
+    const {
+      href,
+      target
+    } = traverseItem(item);
+    itemHref = href;
+    itemTarget = target;
   }
   return /* @__PURE__ */ jsxs(MenuItemLi, {
     id,

package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isKeypress, keyboardCodes } from \"@core/utils\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport interface MenuItemProps extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  item: HvHeaderNavigationItemProp;\n  type?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n}\n\nexport const HvMenuItem = ({ id, item, type, onClick }: MenuItemProps) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const hasSubLevel = data && data.length;\n  const isMenu = type === \"menu\";\n  const isSelected = selectionPath?.[isMenu ? 1 : 0] === item.id;\n  const isCurrent = isSelected\n    ? selectionPath?.length > (isMenu ? 2 : 1)\n      ? true\n      : \"page\"\n    : undefined;\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      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent) => {\n    dispatch?.({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography\n      component=\"span\"\n      variant={isSelected ? \"label\" : \"body\"}\n      data-text={item.label}\n    >\n      {item.label}\n    </HvTypography>\n  );\n\n  let itemHref = item?.href;\n  let itemTarget = item?.target;\n  if (itemHref == null) {\n    // apps should configure the href even on parent items without content\n    // so the fallback logic is theirs, but if not we'll do our best to find a link\n    // eslint-disable-next-line no-inner-declarations\n    function traversePreOrder(node: HvHeaderNavigationItemProp) {\n      if (node?.href) {\n        itemHref = node?.href;\n        itemTarget = node?.target;\n      } else if (node?.data != null && node?.data?.length > 0) {\n        let i = 0;\n        while (itemHref == null && i < node.data.length) {\n          traversePreOrder(node?.data[i]);\n          i += 1;\n        }\n      }\n    }\n\n    traversePreOrder(item);\n  }\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      $selected={!!isSelected}\n      $isMenu={isMenu}\n    >\n      {itemHref ? (\n        <MenuItemLink\n          href={itemHref}\n          target={itemTarget}\n          {...itemProps}\n          $isSelected={isSelected}\n          $isMenu={isMenu}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLink>\n      ) : (\n        // keeping this code path for backwards compatibility, but\n        // shouldn't really be used as it's not accessible\n        <MenuItemLabel\n          role=\"button\"\n          {...itemProps}\n          tabIndex={0}\n          $isSelected={isSelected}\n          $isMenu={isMenu}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLabel>\n      )}\n      {hasSubLevel && <HvMenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </MenuItemLi>\n  );\n};\n"],"names":["HvMenuItem","id","item","type","onClick","selectionPath","useContext","SelectionContext","dispatch","FocusContext","data","hasSubLevel","length","isMenu","isSelected","isCurrent","undefined","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","onFocus","label","HvTypography","component","variant","children","itemHref","href","itemTarget","target","traversePreOrder","node","i","MenuItemLi","$selected","$isMenu","_jsx","MenuItemLink","$isSelected","MenuItemLabel","role","tabIndex","HvMenuBar"],"mappings":";;;;;;;;;AAeO,MAAMA,aAAaA,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAMC;AAAAA,EAAMC;AAAuB,MAAM;AAClEC,QAAAA,gBAAgBC,WAAWC,gBAAgB;AAC3C,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAaF,WAAWG,YAAY;AAEtC,QAAA;AAAA,IAAEC;AAAAA,EAASR,IAAAA;AACXS,QAAAA,cAAcD,QAAQA,KAAKE;AACjC,QAAMC,SAASV,SAAS;AACxB,QAAMW,cAAaT,+CAAgBQ,SAAS,IAAI,QAAOX,KAAKD;AACtDc,QAAAA,YAAYD,cACdT,+CAAeO,WAAUC,SAAS,IAAI,KACpC,OACA,SACFG;AAEJ,QAAMC,gBAAiBC,CAAU,UAAA;AAC/B,QACEA,MAAMf,SAAS,WACfgB,WAAWD,OAAOE,cAAcC,KAAK,KACrCF,WAAWD,OAAOE,cAAcE,QAAQ,GACxC;AACIJ,UAAAA,MAAMf,SAAS,SAAS;AAC1Be,cAAMK,cAAcC;MACtB;AACApB,yCAAUc,OAAOhB;AAAAA,IACnB;AAAA,EAAA;AAGIuB,QAAAA,cAAcA,CAACP,UAA4B;AACpC,yCAAA;AAAA,MAAEf,MAAM;AAAA,MAAkBuB,aAAaR,MAAMK;AAAAA,IAAAA;AAAAA,EAAe;AAGzE,QAAMI,YAAY;AAAA,IAChBvB,SAASa;AAAAA,IACTW,WAAWX;AAAAA,IACXY,SAASJ;AAAAA,EAAAA;AAGLK,QAAAA,4BACHC,cAAY;AAAA,IACXC,WAAU;AAAA,IACVC,SAASnB,aAAa,UAAU;AAAA,IAChC,aAAWZ,KAAK4B;AAAAA,IAAMI,UAErBhC,KAAK4B;AAAAA,EAAAA,CACM;AAGhB,MAAIK,WAAWjC,6BAAMkC;AACrB,MAAIC,aAAanC,6BAAMoC;AACvB,MAAIH,YAAY,MAAM;AAIXI,QAAAA,mBAAT,SAA0BC,MAAkC;;AAC1D,UAAIA,6BAAMJ,MAAM;AACdD,mBAAWK,6BAAMJ;AACjBC,qBAAaG,6BAAMF;AAAAA,MAAAA,YACVE,6BAAM9B,SAAQ,UAAQ8B,kCAAM9B,SAAN8B,mBAAY5B,UAAS,GAAG;AACvD,YAAI6B,IAAI;AACR,eAAON,YAAY,QAAQM,IAAID,KAAK9B,KAAKE,QAAQ;AAC9B4B,2BAAAA,6BAAM9B,KAAK+B,EAAE;AACzB,eAAA;AAAA,QACP;AAAA,MACF;AAAA,IAAA;AAGFF,qBAAiBrC,IAAI;AAAA,EACvB;AAEA,8BACGwC,YAAU;AAAA,IACTzC;AAAAA,IAEA0C,WAAW,CAAC,CAAC7B;AAAAA,IACb8B,SAAS/B;AAAAA,IAAOqB,UAEfC,CAAAA,WACCU,oBAACC,cAAY;AAAA,MACXV,MAAMD;AAAAA,MACNG,QAAQD;AAAAA,MAAW,GACfV;AAAAA,MACJoB,aAAajC;AAAAA,MACb8B,SAAS/B;AAAAA,MACT,gBAAcE;AAAAA,MAAUmB,UAEvBJ;AAAAA,IAAAA,CACW;AAAA;AAAA;AAAA,0BAIbkB,eAAa;AAAA,QACZC,MAAK;AAAA,QAAQ,GACTtB;AAAAA,QACJuB,UAAU;AAAA,QACVH,aAAajC;AAAAA,QACb8B,SAAS/B;AAAAA,QACT,gBAAcE;AAAAA,QAAUmB,UAEvBJ;AAAAA,MAAAA,CACY;AAAA,OAEhBnB,mCAAgBwC,WAAS;AAAA,MAACzC;AAAAA,MAAYN;AAAAA,MAAkBD,MAAK;AAAA,IAAA,CAAQ,CAAC;AAAA,EAAA,GA7BlED,KAAK4B,KA8BA;AAEhB;"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { HvHeaderNavigationItemProp, HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isKeypress, keyboardCodes } from \"@core/utils\";\nimport { HvMenuBar } from \"../MenuBar\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport { SelectionContext } from \"../utils/SelectionContext\";\nimport { MenuItemLabel, MenuItemLi, MenuItemLink } from \"./MenuItem.styles\";\n\nexport interface MenuItemProps extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  item: HvHeaderNavigationItemProp;\n  type?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n}\n\n// Traverse the tree of items and return the first href it finds\nconst traverseItem = (node: HvHeaderNavigationItemProp) => {\n  let href;\n  let target;\n\n  if (node?.href) {\n    href = node?.href;\n    target = node?.target;\n  } else if (node?.data != null && node?.data?.length > 0) {\n    let i = 0;\n    while (href == null && i < node.data.length) {\n      traverseItem(node?.data[i]);\n      i += 1;\n    }\n  }\n\n  return { href, target };\n};\n\nexport const HvMenuItem = ({ id, item, type, onClick }: MenuItemProps) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const hasSubLevel = data && data.length;\n  const isMenu = type === \"menu\";\n  const isSelected = selectionPath?.[isMenu ? 1 : 0] === item.id;\n  const isCurrent = isSelected\n    ? selectionPath?.length > (isMenu ? 2 : 1)\n      ? true\n      : \"page\"\n    : undefined;\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      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent) => {\n    dispatch?.({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    onFocus: handleFocus,\n  };\n\n  const label = (\n    <HvTypography\n      component=\"span\"\n      variant={isSelected ? \"label\" : \"body\"}\n      data-text={item.label}\n    >\n      {item.label}\n    </HvTypography>\n  );\n\n  let itemHref = item?.href;\n  let itemTarget = item?.target;\n\n  // apps should configure the href even on parent items without content\n  // so the fallback logic is theirs, but if not we'll do our best to find a link\n  if (item?.href == null) {\n    const { href, target } = traverseItem(item);\n    itemHref = href;\n    itemTarget = target;\n  }\n\n  return (\n    <MenuItemLi\n      id={id}\n      key={item.label}\n      $selected={!!isSelected}\n      $isMenu={isMenu}\n    >\n      {itemHref ? (\n        <MenuItemLink\n          href={itemHref}\n          target={itemTarget}\n          {...itemProps}\n          $isSelected={isSelected}\n          $isMenu={isMenu}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLink>\n      ) : (\n        // keeping this code path for backwards compatibility, but\n        // shouldn't really be used as it's not accessible\n        <MenuItemLabel\n          role=\"button\"\n          {...itemProps}\n          tabIndex={0}\n          $isSelected={isSelected}\n          $isMenu={isMenu}\n          aria-current={isCurrent}\n        >\n          {label}\n        </MenuItemLabel>\n      )}\n      {hasSubLevel && <HvMenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </MenuItemLi>\n  );\n};\n"],"names":["traverseItem","node","href","target","data","length","i","HvMenuItem","id","item","type","onClick","selectionPath","useContext","SelectionContext","dispatch","FocusContext","hasSubLevel","isMenu","isSelected","isCurrent","undefined","actionHandler","event","isKeypress","keyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","itemProps","onKeyDown","onFocus","label","HvTypography","component","variant","children","itemHref","itemTarget","MenuItemLi","$selected","$isMenu","_jsx","MenuItemLink","$isSelected","MenuItemLabel","role","tabIndex","HvMenuBar"],"mappings":"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"}

package/dist/esm/components/Input/Input.js

@@ -1,4 +1,6 @@
-import React__default, { useRef, useState, useMemo, useCallback, useEffect, isValidElement } from "react";
+var _a;
+import React__default, { forwardRef, useRef, useState, useMemo, useCallback, isValidElement, useEffect } from "react";
+import { useForkRef } from "@mui/material";
 import { CloseXS, Search, PreviewOff, Preview, Success } from "@hitachivantara/uikit-react-icons";
 import { useClasses } from "./Input.styles.js";
 import { staticClasses } from "./Input.styles.js";
@@ -33,65 +35,80 @@ const getFocusedElement = (event) => isBrowser("ie") ? document.activeElement :
 function eventTargetIsInsideContainer(container, event) {
   return container != null && container.contains(getFocusedElement(event));
 }
-const HvInput = ({
-  classes: classesProp,
-  className,
-  id,
-  name,
-  value: valueProp,
-  defaultValue = "",
-  required = false,
-  readOnly = false,
-  disabled = false,
-  label,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  description,
-  "aria-describedby": ariaDescribedBy,
-  onChange,
-  onEnter,
-  status,
-  statusMessage,
-  "aria-errormessage": ariaErrorMessage,
-  type = "text",
-  placeholder,
-  autoFocus = false,
-  labels: labelsProp,
-  validationMessages,
-  disableClear = false,
-  disableRevealPassword = false,
-  disableSearchButton = false,
-  endAdornment,
-  maxCharQuantity,
-  minCharQuantity,
-  validation,
-  showValidationIcon = false,
-  suggestionListCallback,
-  inputRef: inputRefProp,
-  onBlur,
-  onFocus,
-  onKeyDown,
-  inputProps = {},
-  ...others
-}) => {
-  var _a;
+const setInputValue = (_a = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : _a.set;
+const changeInputValue = (input, value = "") => {
+  const event = new Event("input", {
+    bubbles: true
+  });
+  setInputValue == null ? void 0 : setInputValue.call(input, value);
+  input == null ? void 0 : input.dispatchEvent(event);
+};
+const HvInput = forwardRef((props, ref) => {
+  var _a2;
+  const {
+    classes: classesProp,
+    className,
+    id,
+    name,
+    value: valueProp,
+    defaultValue = "",
+    required = false,
+    readOnly = false,
+    disabled = false,
+    label,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    description,
+    "aria-describedby": ariaDescribedBy,
+    onChange,
+    onEnter,
+    status,
+    statusMessage,
+    "aria-errormessage": ariaErrorMessage,
+    type = "text",
+    placeholder,
+    autoFocus = false,
+    labels: labelsProp,
+    validationMessages,
+    disableClear = false,
+    disableRevealPassword = false,
+    disableSearchButton = false,
+    endAdornment,
+    maxCharQuantity,
+    minCharQuantity,
+    validation,
+    showValidationIcon = false,
+    suggestionListCallback,
+    inputRef: inputRefProp,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    inputProps = {},
+    ...others
+  } = props;
   const {
     classes,
     cx
   } = useClasses(classesProp);
   const labels = useLabels(DEFAULT_LABELS, labelsProp);
   const elementId = useUniqueId(id, "hvinput");
-  const inputRef = useRef(inputRefProp || null);
+  const inputRef = useRef(null);
+  const forkedRef = useForkRef(ref, inputRef, inputRefProp);
+  const suggestionsRef = useRef(null);
   const [focused, setFocused] = useState(false);
   const isDirty = useRef(false);
   const [value, setValue] = useControlled(valueProp, defaultValue);
   const isEmptyValue = value == null || value === "";
   const [validationState$1, setValidationState] = useControlled(status, validationState.standBy);
   const [validationMessage, setValidationMessage] = useControlled(statusMessage, "");
-  const errorMessages = useMemo(() => ({
-    ...DEFAULT_ERROR_MESSAGES,
-    ...validationMessages
-  }), [validationMessages == null ? void 0 : validationMessages.error, validationMessages == null ? void 0 : validationMessages.requiredError, validationMessages == null ? void 0 : validationMessages.minCharError, validationMessages == null ? void 0 : validationMessages.maxCharError, validationMessages == null ? void 0 : validationMessages.typeMismatchError]);
+  const errorMessages = useMemo(
+    () => ({
+      ...DEFAULT_ERROR_MESSAGES,
+      ...validationMessages
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [validationMessages == null ? void 0 : validationMessages.error, validationMessages == null ? void 0 : validationMessages.requiredError, validationMessages == null ? void 0 : validationMessages.minCharError, validationMessages == null ? void 0 : validationMessages.maxCharError, validationMessages == null ? void 0 : validationMessages.typeMismatchError]
+  );
   const validationType = useMemo(() => computeValidationType(type), [type]);
   const performValidation = useCallback(() => {
     const inputValidity = validateInput(inputRef.current, value, required, minCharQuantity, maxCharQuantity, validationType, validation);
@@ -114,16 +131,11 @@ const HvInput = ({
   const [suggestionValues, setSuggestionValues] = useState(null);
   const canShowSuggestions = suggestionListCallback != null;
   const hasSuggestions = !!suggestionValues;
-  const materialInputRef = useRef(null);
-  const suggestionRef = useRef(null);
-  useEffect(() => {
-    suggestionRef.current = document.getElementById(setId(elementId, "suggestions") || "");
-  }, [elementId]);
   const hasLabel = label != null;
   const hasDescription = description != null;
   const focusInput = () => {
-    var _a2;
-    (_a2 = materialInputRef.current) == null ? void 0 : _a2.focus();
+    var _a3;
+    (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
   };
   const isMounted = useIsMounted();
   const suggestionClearHandler = () => {
@@ -132,9 +144,9 @@ const HvInput = ({
     }
   };
   const suggestionHandler = (val) => {
-    var _a2;
+    var _a3;
     const suggestionsArray = suggestionListCallback == null ? void 0 : suggestionListCallback(val);
-    if ((_a2 = suggestionsArray == null ? void 0 : suggestionsArray[0]) == null ? void 0 : _a2.label) {
+    if ((_a3 = suggestionsArray == null ? void 0 : suggestionsArray[0]) == null ? void 0 : _a3.label) {
       setSuggestionValues(suggestionsArray);
     } else {
       suggestionClearHandler();
@@ -142,8 +154,7 @@ const HvInput = ({
   };
   const suggestionSelectedHandler = (event, item) => {
     const newValue = item.value || item.label;
-    setValue(newValue);
-    onChange == null ? void 0 : onChange(event, newValue);
+    changeInputValue(inputRef.current, newValue);
     focusInput();
     suggestionClearHandler();
     if (type === "search") {
@@ -159,7 +170,7 @@ const HvInput = ({
     }
   };
   const onInputBlurHandler = (event) => {
-    if (eventTargetIsInsideContainer(suggestionRef == null ? void 0 : suggestionRef.current, event))
+    if (eventTargetIsInsideContainer(suggestionsRef.current, event))
       return;
     setFocused(false);
     const inputValidity = performValidation();
@@ -171,9 +182,9 @@ const HvInput = ({
     onFocus == null ? void 0 : onFocus(event, value);
   };
   const getSuggestions = (li) => {
-    var _a2;
+    var _a3;
     const listEl = document.getElementById(setId(elementId, "suggestions-list") || "");
-    return li != null ? (_a2 = listEl == null ? void 0 : listEl.getElementsByTagName("li")) == null ? void 0 : _a2[li] : listEl;
+    return li != null ? (_a3 = listEl == null ? void 0 : listEl.getElementsByTagName("li")) == null ? void 0 : _a3[li] : listEl;
   };
   const onSuggestionKeyDown = (event) => {
     if (isKeypress(event, keyboardCodes.Esc)) {
@@ -205,12 +216,11 @@ const HvInput = ({
   const showClear = !disabled && !readOnly && !disableClear && !isEmptyValue && (!hasOnEnter || type !== "search" || disableSearchButton || validationState$1 !== validationState.standBy);
   const showSearchIcon = type === "search" && !disableSearchButton;
   const showRevealPasswordButton = type === "password" && !disableRevealPassword;
-  const handleClear = useCallback((event) => {
+  const handleClear = useCallback(() => {
     setValidationState(validationState.standBy);
-    setValue("");
-    onChange == null ? void 0 : onChange(event, "");
+    changeInputValue(inputRef.current, "");
     setTimeout(focusInput);
-  }, [onChange, setValidationState, setValue]);
+  }, [setValidationState]);
   const clearButton = useMemo(() => {
     if (!showClear) {
       return null;
@@ -227,7 +237,7 @@ const HvInput = ({
         icon: /* @__PURE__ */ jsx(CloseXS, {})
       }
     );
-  }, [showClear, classes.adornmentButton, classes.iconClear, showSearchIcon, handleClear, labels == null ? void 0 : labels.clearButtonLabel, elementId]);
+  }, [showClear, classes.adornmentButton, classes.iconClear, showSearchIcon, handleClear, labels == null ? void 0 : labels.clearButtonLabel, elementId, cx]);
   const handleSearch = useCallback((event) => {
     onEnter == null ? void 0 : onEnter(event, value);
   }, [onEnter, value]);
@@ -279,7 +289,7 @@ const HvInput = ({
   }, [showValidationIcon, validationState$1, classes.icon]);
   const customIconEl = useMemo(() => isValidElement(endAdornment) && React__default.cloneElement(endAdornment, {
     className: cx(endAdornment.props.className, classes.icon)
-  }), [classes.icon, endAdornment]);
+  }), [classes.icon, endAdornment, cx]);
   const adornments = useMemo(() => {
     if (!clearButton && !revealPasswordButton && !searchButton && !validationIcon && !customIconEl)
       return null;
@@ -295,10 +305,7 @@ const HvInput = ({
     }
     performValidation();
   }, [focused, isEmptyValue, performValidation]);
-  let errorMessageId;
-  if (isStateInvalid) {
-    errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
-  }
+  const errorMessageId = isStateInvalid ? canShowError ? setId(elementId, "error") : ariaErrorMessage : void 0;
   return /* @__PURE__ */ jsxs(HvFormElement, {
     id,
     name,
@@ -352,12 +359,12 @@ const HvInput = ({
         "aria-errormessage": errorMessageId,
         "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description ? setId(elementId, "description") : void 0,
         "aria-controls": canShowSuggestions ? setId(elementId, "suggestions") : void 0,
-        ref: materialInputRef,
+        ref: inputRef,
         // prevent browsers auto-fill/suggestions when we have our own
         autoComplete: canShowSuggestions ? "off" : void 0,
         ...inputProps
       },
-      inputRef: inputRefProp || inputRef,
+      inputRef: forkedRef,
       endAdornment: adornments,
       ...others
     }), canShowSuggestions && /* @__PURE__ */ jsxs(Fragment, {
@@ -365,13 +372,14 @@ const HvInput = ({
         role: "presentation",
         className: classes.inputExtension
       }), /* @__PURE__ */ jsx(HvSuggestions, {
+        ref: suggestionsRef,
         id: setId(elementId, "suggestions"),
         classes: {
           root: classes.suggestionsContainer,
           list: classes.suggestionList
         },
         expanded: hasSuggestions,
-        anchorEl: (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.parentElement,
+        anchorEl: (_a2 = inputRef.current) == null ? void 0 : _a2.parentElement,
         onClose: suggestionClearHandler,
         onKeyDown: onSuggestionKeyDown,
         onSuggestionSelected: suggestionSelectedHandler,
@@ -384,7 +392,7 @@ const HvInput = ({
       children: validationMessage
     })]
   });
-};
+});
 export {
   HvInput,
   staticClasses as inputClasses

package/dist/esm/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  HTMLInputTypeAttribute,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { InputBaseComponentProps as MuiInputBaseComponentProps } from \"@mui/material\";\nimport {\n  CloseXS,\n  PreviewOff,\n  Preview,\n  Search,\n  Success,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  ExtractNames,\n  isBrowser,\n  isKeypress,\n  keyboardCodes,\n  setId,\n} from \"@core/utils\";\nimport {\n  HvBaseProps,\n  HvExtraProps,\n  HvInputLabels,\n  HvInputSuggestion,\n  HvValidationMessages,\n} from \"@core/types\";\nimport {\n  HvAdornment,\n  HvBaseInput,\n  HvFormElement,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvSuggestion,\n  HvSuggestions,\n  HvTooltip,\n  HvTypography,\n  HvWarningText,\n} from \"@core/components\";\nimport {\n  useControlled,\n  useIsMounted,\n  useLabels,\n  useUniqueId,\n} from \"@core/hooks\";\nimport { staticClasses, useClasses } from \"./Input.styles\";\nimport validationStates, {\n  isValid,\n  isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  computeValidationType,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n  HvInputValidity,\n} from \"../BaseInput/validations\";\n\nexport { staticClasses as inputClasses };\n\nexport type HvInputClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvInputProps\n  extends HvBaseProps<\n    HTMLElement,\n    \"onChange\" | \"onBlur\" | \"onFocus\" | \"onKeyDown\" | \"color\"\n  > {\n  /** The form element name. */\n  name?: string;\n  /** The value of the form element. */\n  value?: string;\n  /** When uncontrolled, defines the initial input value. */\n  defaultValue?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\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?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => void;\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?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state.\n   */\n  onBlur?: (\n    event: React.FocusEvent<HTMLInputElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (\n    event: React.FocusEventHandler<HTMLInputElement>,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onKeyDown, allows checking the value state,\n   * it receives the event and value.\n   */\n  onKeyDown?: (\n    event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /** The input type. */\n  type?: HTMLInputTypeAttribute;\n  /** The placeholder value of the input. */\n  placeholder?: string;\n  /** Internal labels?. */\n  labels?: HvInputLabels & HvExtraProps;\n  /** An Object containing the various texts associated with the input. */\n  validationMessages?: HvValidationMessages;\n  /** Attributes applied to the input element. */\n  inputProps?: MuiInputBaseComponentProps;\n  /** Allows passing a ref to the underlying input */\n  inputRef?: any;\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  suggestionListCallback?: (value: string) => HvInputSuggestion[] | null;\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?: (value: string) => boolean;\n  /** If `true` it should autofocus. */\n  autoFocus?: boolean;\n  /** If `true` the clear button is disabled. */\n  disableClear?: boolean;\n  /** If `true` the reveal password button is disabled. Valid only when type is \"password\". */\n  disableRevealPassword?: boolean;\n  /** If `true` the search button is disabled. Valid only when type is \"search\". */\n  disableSearchButton?: boolean;\n  /**\n   * If `true` the validation icon adornment 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?: boolean;\n  /** A custom icon to be added into the input. */\n  endAdornment?: React.ReactNode;\n  /** The maximum allowed length of the characters, if this value is null no check will be performed. */\n  maxCharQuantity?: number;\n  /** The minimum allowed length of the characters, if this value is null no check will be perform. */\n  minCharQuantity?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInputClasses;\n}\n\nconst DEFAULT_LABELS = {\n  clearButtonLabel: \"Clear the text\",\n  revealPasswordButtonLabel: \"Reveal password\",\n  revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n  revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\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 */\nexport const HvInput = ({\n  classes: classesProp,\n  className,\n  id,\n  name,\n  value: valueProp,\n  defaultValue = \"\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n  onChange,\n  onEnter,\n  status,\n  statusMessage,\n  \"aria-errormessage\": ariaErrorMessage,\n  type = \"text\",\n  placeholder,\n  autoFocus = false,\n  labels: labelsProp,\n  validationMessages,\n  disableClear = false,\n  disableRevealPassword = false,\n  disableSearchButton = false,\n  endAdornment,\n  maxCharQuantity,\n  minCharQuantity,\n  validation,\n  showValidationIcon = false,\n  suggestionListCallback,\n  inputRef: inputRefProp,\n  onBlur,\n  onFocus,\n  onKeyDown,\n  inputProps = {},\n  ...others\n}: HvInputProps) => {\n  const { classes, cx } = useClasses(classesProp);\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] = 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(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\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  const errorMessages = useMemo(\n    () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\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(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\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<\n    HvSuggestion[] | null\n  >(null);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\n\n  const materialInputRef = useRef<HTMLElement | null>(null);\n  const suggestionRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    // TODO Replace with ref\n    suggestionRef.current = document.getElementById(\n      setId(elementId, \"suggestions\") || \"\"\n    );\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: string) => {\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: string = 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(\n      setId(elementId, \"suggestions-list\") || \"\"\n    );\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(null);\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 =\n    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={cx(classes.adornmentButton, {\n          [classes.iconClear]: !showSearchIcon,\n        })}\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 ||\n        (hasOnEnter && validationState === validationStates.standBy));\n\n    if (!reallyShowIt) {\n      return null;\n    }\n\n    return (\n      <HvAdornment\n        className={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=\"positive\" 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 as React.ReactElement, {\n        className: cx(endAdornment.props.className, classes.icon),\n      }),\n    [classes.icon, endAdornment]\n  );\n\n  const adornments = useMemo(() => {\n    if (\n      !clearButton &&\n      !revealPasswordButton &&\n      !searchButton &&\n      !validationIcon &&\n      !customIconEl\n    )\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\n      ? setId(elementId, \"error\")\n      : 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={cx(className, classes.root, {\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\n              id={setId(elementId, \"description\")}\n              className={classes.description}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\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\n              ? setId(elementId, \"description\")\n              : undefined,\n          \"aria-controls\": canShowSuggestions\n            ? setId(elementId, \"suggestions\")\n            : 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      {canShowSuggestions && (\n        <>\n          {hasSuggestions && (\n            <div role=\"presentation\" className={classes.inputExtension} />\n          )}\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      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={classes.error}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","HvInput","classes","classesProp","className","id","name","value","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","cx","useClasses","useLabels","elementId","useUniqueId","useRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","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","_jsx","HvAdornment","adornmentButton","iconClear","onClick","icon","CloseXS","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","children","PreviewOff","Preview","validationIcon","isValid","Success","semantic","customIconEl","isValidElement","React","cloneElement","props","adornments","adornmentsBox","errorMessageId","HvFormElement","root","labelContainer","HvLabel","htmlFor","HvInfoMessage","HvBaseInput","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","ref","autoComplete","_jsxs","_Fragment","role","inputExtension","HvSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n  HTMLInputTypeAttribute,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  InputBaseComponentProps as MuiInputBaseComponentProps,\n  useForkRef,\n} from \"@mui/material\";\nimport {\n  CloseXS,\n  PreviewOff,\n  Preview,\n  Search,\n  Success,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  ExtractNames,\n  isBrowser,\n  isKeypress,\n  keyboardCodes,\n  setId,\n} from \"@core/utils\";\nimport {\n  HvBaseProps,\n  HvExtraProps,\n  HvInputLabels,\n  HvInputSuggestion,\n  HvValidationMessages,\n} from \"@core/types\";\nimport {\n  HvAdornment,\n  HvAdornmentProps,\n  HvBaseInput,\n  HvBaseInputProps,\n  HvFormElement,\n  HvFormElementProps,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvSuggestion,\n  HvSuggestions,\n  HvSuggestionsProps,\n  HvTooltip,\n  HvTypography,\n  HvWarningText,\n} from \"@core/components\";\nimport {\n  useControlled,\n  useIsMounted,\n  useLabels,\n  useUniqueId,\n} from \"@core/hooks\";\nimport { staticClasses, useClasses } from \"./Input.styles\";\nimport validationStates, {\n  isValid,\n  isInvalid,\n} from \"../Forms/FormElement/validationStates\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  computeValidationType,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n  HvInputValidity,\n} from \"../BaseInput/validations\";\n\nexport { staticClasses as inputClasses };\n\nexport type HvInputClasses = ExtractNames<typeof useClasses>;\n\ntype InputElement = HTMLInputElement | HTMLTextAreaElement;\n\nexport interface HvInputProps\n  extends HvBaseProps<\n    HTMLElement,\n    \"onChange\" | \"onBlur\" | \"onFocus\" | \"onKeyDown\" | \"color\"\n  > {\n  /** The form element name. */\n  name?: string;\n  /** The value of the form element. */\n  value?: string;\n  /** When uncontrolled, defines the initial input value. */\n  defaultValue?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /** Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that the form element is not editable. */\n  readOnly?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status?: HvFormStatus;\n  /** The error message to show when `status` is \"invalid\". */\n  statusMessage?: string;\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?: HvBaseInputProps[\"onChange\"];\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?: (\n    event: React.KeyboardEvent<InputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the validation state,\n   * it receives the value and the validation state.\n   */\n  onBlur?: (\n    event: React.FocusEvent<InputElement>,\n    value: string,\n    validationState: HvInputValidity\n  ) => void;\n  /**\n   * The function that will be executed onBlur, allows checking the value state,\n   * it receives the value.\n   */\n  onFocus?: (event: React.FocusEvent<InputElement>, value: string) => void;\n  /**\n   * The function that will be executed onKeyDown, allows checking the value state,\n   * it receives the event and value.\n   */\n  onKeyDown?: (\n    event: React.KeyboardEvent<InputElement> | React.MouseEvent,\n    value: string\n  ) => void;\n  /** The input type. */\n  type?: HTMLInputTypeAttribute;\n  /** The placeholder value of the input. */\n  placeholder?: string;\n  /** Internal labels?. */\n  labels?: HvInputLabels & HvExtraProps;\n  /** An Object containing the various texts associated with the input. */\n  validationMessages?: HvValidationMessages;\n  /** Attributes applied to the input element. */\n  inputProps?: MuiInputBaseComponentProps;\n  /**\n   * Allows passing a ref to the underlying input\n   * @deprecated Use `ref` directly instead\n   * */\n  inputRef?: HvBaseInputProps[\"inputRef\"];\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  suggestionListCallback?: (value: string) => HvInputSuggestion[] | null;\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?: (value: string) => boolean;\n  /** If `true` it should autofocus. */\n  autoFocus?: boolean;\n  /** If `true` the clear button is disabled. */\n  disableClear?: boolean;\n  /** If `true` the reveal password button is disabled. Valid only when type is \"password\". */\n  disableRevealPassword?: boolean;\n  /** If `true` the search button is disabled. Valid only when type is \"search\". */\n  disableSearchButton?: boolean;\n  /**\n   * If `true` the validation icon adornment 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?: boolean;\n  /** A custom icon to be added into the input. */\n  endAdornment?: React.ReactNode;\n  /** The maximum allowed length of the characters, if this value is null no check will be performed. */\n  maxCharQuantity?: number;\n  /** The minimum allowed length of the characters, if this value is null no check will be perform. */\n  minCharQuantity?: number;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvInputClasses;\n}\n\nconst DEFAULT_LABELS = {\n  clearButtonLabel: \"Clear the text\",\n  revealPasswordButtonLabel: \"Reveal password\",\n  revealPasswordButtonClickToShowTooltip: \"Click to show password.\",\n  revealPasswordButtonClickToHideTooltip: \"Click to hide password.\",\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/** Original `input.value` setter (React overrides it). */\nconst setInputValue = Object.getOwnPropertyDescriptor(\n  window.HTMLInputElement.prototype,\n  \"value\"\n)?.set;\n\n/** Changes a given `input`'s `value`, triggering its `onChange` */\nconst changeInputValue = (input: HTMLInputElement | null, value = \"\") => {\n  const event = new Event(\"input\", { bubbles: true });\n  setInputValue?.call(input, value);\n  input?.dispatchEvent(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 */\nexport const HvInput = forwardRef<InputElement, HvInputProps>((props, ref) => {\n  const {\n    classes: classesProp,\n    className,\n    id,\n    name,\n    value: valueProp,\n    defaultValue = \"\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n    onChange,\n    onEnter,\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n    type = \"text\",\n    placeholder,\n    autoFocus = false,\n    labels: labelsProp,\n    validationMessages,\n    disableClear = false,\n    disableRevealPassword = false,\n    disableSearchButton = false,\n    endAdornment,\n    maxCharQuantity,\n    minCharQuantity,\n    validation,\n    showValidationIcon = false,\n    suggestionListCallback,\n    inputRef: inputRefProp,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    inputProps = {},\n    ...others\n  } = props;\n  const { classes, cx } = useClasses(classesProp);\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const elementId = useUniqueId(id, \"hvinput\");\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const forkedRef = useForkRef(ref, inputRef, inputRefProp);\n  const suggestionsRef = useRef<HTMLElement>(null);\n\n  const [focused, setFocused] = 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(\n    status,\n    validationStates.standBy\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\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  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(\n      computeValidationMessage(inputValidity, errorMessages)\n    );\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<\n    HvSuggestion[] | null\n  >(null);\n\n  const canShowSuggestions = suggestionListCallback != null;\n  const hasSuggestions = !!suggestionValues;\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    inputRef.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: string) => {\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    changeInputValue(inputRef.current, 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: HvBaseInputProps[\"onChange\"] = (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  const onInputBlurHandler: HvBaseInputProps[\"onBlur\"] = (event) => {\n    // If the blur is executed when choosing an suggestion it should be ignored.\n    if (eventTargetIsInsideContainer(suggestionsRef.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: HvBaseInputProps[\"onFocus\"] = (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: number | null) => {\n    // TODO Replace with ref\n    const listEl = document.getElementById(\n      setId(elementId, \"suggestions-list\") || \"\"\n    );\n    return li != null ? listEl?.getElementsByTagName(\"li\")?.[li] : listEl;\n  };\n\n  const onSuggestionKeyDown: HvSuggestionsProps[\"onKeyDown\"] = (event) => {\n    if (isKeypress(event, keyboardCodes.Esc)) {\n      suggestionClearHandler();\n      focusInput();\n    } else if (isKeypress(event, keyboardCodes.Tab)) {\n      suggestionClearHandler();\n    }\n  };\n\n  /** Focus the suggestion list when the arrow down is pressed. */\n  const onKeyDownHandler: HvBaseInputProps[\"onKeyDown\"] = (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  /** Clears the suggestion list on blur. */\n  const onContainerBlurHandler: HvFormElementProps[\"onBlur\"] = (event) => {\n    if (event.relatedTarget) {\n      setTimeout(() => {\n        const list = getSuggestions(null);\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 =\n    type === \"password\" && !disableRevealPassword;\n\n  /**\n   * Clears the input value from the state and refocus the input.\n   */\n  const handleClear = useCallback(() => {\n    // reset validation status to standBy (only when status is uncontrolled)\n    setValidationState(validationStates.standBy);\n\n    changeInputValue(inputRef.current, \"\");\n\n    // we want to focus the input when clicked and not active\n    setTimeout(focusInput);\n  }, [setValidationState]);\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={cx(classes.adornmentButton, {\n          [classes.iconClear]: !showSearchIcon,\n        })}\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    cx,\n  ]);\n\n  /**\n   * Calls the onEnter callback and refocus the input.\n   */\n  const handleSearch = useCallback<NonNullable<HvAdornmentProps[\"onClick\"]>>(\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 ||\n        (hasOnEnter && validationState === validationStates.standBy));\n\n    if (!reallyShowIt) {\n      return null;\n    }\n\n    return (\n      <HvAdornment\n        className={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=\"positive\" 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 as React.ReactElement, {\n        className: cx(endAdornment.props.className, classes.icon),\n      }),\n    [classes.icon, endAdornment, cx]\n  );\n\n  const adornments = useMemo(() => {\n    if (\n      !clearButton &&\n      !revealPasswordButton &&\n      !searchButton &&\n      !validationIcon &&\n      !customIconEl\n    )\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  const errorMessageId = isStateInvalid\n    ? canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage\n    : undefined;\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={cx(className, classes.root, {\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\n              id={setId(elementId, \"description\")}\n              className={classes.description}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\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\n              ? setId(elementId, \"description\")\n              : undefined,\n          \"aria-controls\": canShowSuggestions\n            ? setId(elementId, \"suggestions\")\n            : undefined,\n\n          ref: inputRef,\n\n          // prevent browsers auto-fill/suggestions when we have our own\n          autoComplete: canShowSuggestions ? \"off\" : undefined,\n\n          ...inputProps,\n        }}\n        inputRef={forkedRef}\n        endAdornment={adornments}\n        {...others}\n      />\n      {canShowSuggestions && (\n        <>\n          {hasSuggestions && (\n            <div role=\"presentation\" className={classes.inputExtension} />\n          )}\n          <HvSuggestions\n            ref={suggestionsRef}\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      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={classes.error}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n});\n"],"names":["DEFAULT_LABELS","clearButtonLabel","revealPasswordButtonLabel","revealPasswordButtonClickToShowTooltip","revealPasswordButtonClickToHideTooltip","searchButtonLabel","getFocusedElement","event","isBrowser","document","activeElement","relatedTarget","eventTargetIsInsideContainer","container","contains","setInputValue","Object","getOwnPropertyDescriptor","window","HTMLInputElement","prototype","set","changeInputValue","input","value","Event","bubbles","call","dispatchEvent","HvInput","forwardRef","props","ref","classes","classesProp","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onEnter","status","statusMessage","ariaErrorMessage","type","placeholder","autoFocus","labels","labelsProp","validationMessages","disableClear","disableRevealPassword","disableSearchButton","endAdornment","maxCharQuantity","minCharQuantity","validation","showValidationIcon","suggestionListCallback","inputRef","inputRefProp","onBlur","onFocus","onKeyDown","inputProps","others","cx","useClasses","useLabels","elementId","useUniqueId","useRef","forkedRef","useForkRef","suggestionsRef","focused","setFocused","useState","isDirty","setValue","useControlled","isEmptyValue","validationState","setValidationState","validationStates","standBy","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","hasLabel","hasDescription","focusInput","focus","isMounted","useIsMounted","suggestionClearHandler","suggestionHandler","val","suggestionsArray","suggestionSelectedHandler","item","newValue","onChangeHandler","onInputBlurHandler","onFocusHandler","getSuggestions","li","listEl","getElementById","setId","getElementsByTagName","onSuggestionKeyDown","isKeypress","keyboardCodes","Esc","Tab","onKeyDownHandler","ArrowDown","Enter","onContainerBlurHandler","setTimeout","list","hasOnEnter","showClear","showSearchIcon","showRevealPasswordButton","handleClear","clearButton","_jsx","HvAdornment","adornmentButton","iconClear","onClick","icon","CloseXS","handleSearch","searchButton","reallyShowIt","Search","handleRevealPassword","revealPasswordButton","HvTooltip","disableFocusListener","disableTouchListener","title","HvTypography","children","PreviewOff","Preview","validationIcon","isValid","Success","semantic","customIconEl","isValidElement","React","cloneElement","adornments","adornmentsBox","useEffect","errorMessageId","HvFormElement","root","labelContainer","HvLabel","htmlFor","HvInfoMessage","HvBaseInput","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","invalid","autoComplete","_jsxs","_Fragment","role","inputExtension","HvSuggestions","suggestionsContainer","suggestionList","expanded","anchorEl","parentElement","onClose","onSuggestionSelected","HvWarningText","disableBorder"],"mappings":"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"}

package/dist/esm/components/ListContainer/ListItem/ListItem.js

@@ -57,8 +57,8 @@ const HvListItem = ({
       onClick == null ? void 0 : onClick(evt);
     }
   }, [disabled, onClick]);
-  const clonedStartAdornment = useMemo(() => applyClassNameAndStateToElement(startAdornment, selected, disabled, handleOnClick, clsx(listItemClasses.startAdornment, disabled && listItemClasses.disabled), clsx(classes == null ? void 0 : classes.startAdornment, disabled && (classes == null ? void 0 : classes.disabled))), [classes == null ? void 0 : classes.startAdornment, disabled, handleOnClick, selected, startAdornment]);
-  const clonedEndAdornment = useMemo(() => applyClassNameToElement(endAdornment, clsx(listItemClasses.endAdornment, disabled && listItemClasses.disabled), clsx(classes == null ? void 0 : classes.endAdornment, disabled && (classes == null ? void 0 : classes.disabled))), [classes == null ? void 0 : classes.endAdornment, endAdornment]);
+  const clonedStartAdornment = useMemo(() => applyClassNameAndStateToElement(startAdornment, selected, disabled, handleOnClick, clsx(listItemClasses.startAdornment, disabled && listItemClasses.disabled), clsx(classes == null ? void 0 : classes.startAdornment, disabled && (classes == null ? void 0 : classes.disabled))), [classes == null ? void 0 : classes.startAdornment, classes == null ? void 0 : classes.disabled, disabled, handleOnClick, selected, startAdornment]);
+  const clonedEndAdornment = useMemo(() => applyClassNameToElement(endAdornment, clsx(listItemClasses.endAdornment, disabled && listItemClasses.disabled), clsx(classes == null ? void 0 : classes.endAdornment, disabled && (classes == null ? void 0 : classes.disabled))), [classes == null ? void 0 : classes.endAdornment, classes == null ? void 0 : classes.disabled, disabled, endAdornment]);
   const roleOptionAriaProps = role === "option" || role === "menuitem" ? {
     "aria-disabled": disabled || void 0,
     "aria-selected": selected