@hitachivantara/uikit-react-core 5.21.0 → 5.22.1

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nconst { hoverColor } = theme.header;\n\nexport const MenuItemLi = styled(\n  \"li\",\n  transientOptions\n)(({ $selected, $isMenu }: { $selected: boolean; $isMenu: boolean }) => ({\n  display: \"inline\",\n  \"& span\": {\n    color: theme.header.color,\n  },\n  \"&:hover\": {\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-within\": {\n    backgroundColor: hoverColor,\n  },\n  ...($selected &&\n    $isMenu && {\n      borderTop: `${theme.header.secondLevelSelectedItemBorderTopThickness} solid ${theme.header.secondLevelSelectedItemBorderTopColor}`,\n      borderBottom: `${theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${theme.header.secondLevelSelectedItemBorderBottomColor}`,\n      paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,\n      height: \"100%\",\n      \"& > * > span\": {\n        color: theme.header.secondLevelSelectedItemColor,\n      },\n    }),\n  ...($selected &&\n    !$isMenu && {\n      borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.selectedItemBorderTopColor}`,\n      borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.selectedItemBorderBottomColor}`,\n      paddingTop: theme.header.selectedItemBorderBottomThickness,\n      height: \"100%\",\n      \"& > * > span\": {\n        color: theme.header.selectedItemColor,\n      },\n    }),\n  ...(!$selected &&\n    !$isMenu && {\n      marginTop: theme.header.selectedItemBorderTopThickness,\n      paddingBottom: theme.header.selectedItemBorderBottomThickness,\n      paddingTop: theme.header.selectedItemBorderBottomThickness,\n      height: \"100%\",\n      borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.backgroundColor}`,\n      borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.backgroundColor}`,\n    }),\n  ...(!$selected &&\n    $isMenu && {\n      marginTop: theme.header.secondLevelSelectedItemBorderTopThickness,\n      paddingBottom: theme.header.secondLevelSelectedItemBorderBottomThickness,\n      paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,\n      height: \"100%\",\n      borderTop: `${theme.header.secondLevelSelectedItemBorderTopThickness} solid ${theme.header.secondLevelBackgroundColor}`,\n      borderBottom: `${theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${theme.header.secondLevelBackgroundColor}`,\n      \"&& > * > span\": {\n        color: theme.header.secondLevelItemColor,\n      },\n    }),\n}));\n\nexport const MenuItemLabel = styled(\n  \"div\",\n  transientOptions\n)(({ $isSelected, $isMenu }: { $isSelected?: boolean; $isMenu?: boolean }) => ({\n  border: \"none\",\n  cursor: \"pointer\",\n  padding: `${theme.space.xs} ${theme.space.sm}`,\n  height: \"100%\",\n  display: \"flex\",\n  alignItems: \"center\",\n  color: \"inherit\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n\n  \"&& span\": {\n    display: \"inline-flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    ...($isSelected && {\n      borderRadius: theme.radii.full,\n      padding: theme.space.xs,\n      ...(!$isMenu && {\n        color: theme.header.selectedItemColor,\n        backgroundColor: theme.header.selectedItemBackgroundColor,\n      }),\n      ...($isMenu && {\n        color: theme.header.secondLevelSelectedItemColor,\n        backgroundColor: theme.header.secondLevelSelectedItemBackgroundColor,\n      }),\n    }),\n  },\n  \"& span::after\": {\n    content: \"attr(data-text)\",\n    height: 0,\n    visibility: \"hidden\",\n    overflow: \"hidden\",\n    userSelect: \"none\",\n    pointerEvents: \"none\",\n    fontWeight: theme.fontWeights.semibold,\n\n    \"@media speech\": {\n      display: \"none\",\n    },\n  },\n}));\n\nexport const MenuItemLink = styled(\"a\")(\n  ({ $isSelected, $isMenu }: { $isSelected?: boolean; $isMenu?: boolean }) => ({\n    border: \"none\",\n    cursor: \"pointer\",\n    padding: `${theme.space.xs} ${theme.space.sm}`,\n    height: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    textDecoration: \"none\",\n    \"&:active\": {\n      outline: \"none\",\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n    ...($isSelected && {\n      \"& > div > span\": {\n        ...(!$isMenu && {\n          color: theme.header.selectedItemColor,\n        }),\n        ...($isMenu && {\n          color: theme.header.secondLevelSelectedItemColor,\n        }),\n      },\n    }),\n    \"& span\": {\n      display: \"inline-flex\",\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n    },\n    \"& span::after\": {\n      content: \"attr(data-text)\",\n      height: 0,\n      visibility: \"hidden\",\n      overflow: \"hidden\",\n      userSelect: \"none\",\n      pointerEvents: \"none\",\n      fontWeight: theme.fontWeights.semibold,\n\n      \"@media speech\": {\n        display: \"none\",\n      },\n    },\n  })\n);\n"],"names":["hoverColor","theme","header","MenuItemLi","process","env","NODE_ENV","_extends","target","transientOptions","label","$selected","$isMenu","display","color","backgroundColor","borderTop","secondLevelSelectedItemBorderTopThickness","secondLevelSelectedItemBorderTopColor","borderBottom","secondLevelSelectedItemBorderBottomThickness","secondLevelSelectedItemBorderBottomColor","paddingTop","height","secondLevelSelectedItemColor","selectedItemBorderTopThickness","selectedItemBorderTopColor","selectedItemBorderBottomThickness","selectedItemBorderBottomColor","selectedItemColor","marginTop","paddingBottom","secondLevelBackgroundColor","secondLevelItemColor","MenuItemLabel","$isSelected","border","cursor","padding","space","xs","sm","alignItems","outline","outlineStyles","flexDirection","justifyContent","borderRadius","radii","full","selectedItemBackgroundColor","secondLevelSelectedItemBackgroundColor","content","visibility","overflow","userSelect","pointerEvents","fontWeight","fontWeights","semibold","MenuItemLink","textDecoration"],"mappings":"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"}
+{"version":3,"file":"MenuItem.styles.js","sources":["../../../../../../src/components/Header/Navigation/MenuItem/MenuItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nconst { hoverColor } = theme.header;\n\nexport const MenuItemLi = styled(\n  \"li\",\n  transientOptions\n)(({ $selected, $isMenu }: { $selected: boolean; $isMenu: boolean }) => ({\n  display: \"inline\",\n  \"& span\": {\n    color: theme.header.color,\n  },\n  \"&:hover\": {\n    backgroundColor: hoverColor,\n  },\n  \"&:focus-within\": {\n    backgroundColor: hoverColor,\n  },\n  ...($selected &&\n    $isMenu && {\n      borderTop: `${theme.header.secondLevelSelectedItemBorderTopThickness} solid ${theme.header.secondLevelSelectedItemBorderTopColor}`,\n      borderBottom: `${theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${theme.header.secondLevelSelectedItemBorderBottomColor}`,\n      paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,\n      height: \"100%\",\n      \"&& > * > span\": {\n        color: theme.header.secondLevelSelectedItemColor,\n      },\n    }),\n  ...($selected &&\n    !$isMenu && {\n      borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.selectedItemBorderTopColor}`,\n      borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.selectedItemBorderBottomColor}`,\n      paddingTop: theme.header.selectedItemBorderBottomThickness,\n      height: \"100%\",\n      \"&& > * > span\": {\n        color: theme.header.selectedItemColor,\n      },\n    }),\n  ...(!$selected &&\n    !$isMenu && {\n      marginTop: theme.header.selectedItemBorderTopThickness,\n      paddingBottom: theme.header.selectedItemBorderBottomThickness,\n      paddingTop: theme.header.selectedItemBorderBottomThickness,\n      height: \"100%\",\n      borderTop: `${theme.header.selectedItemBorderTopThickness} solid ${theme.header.backgroundColor}`,\n      borderBottom: `${theme.header.selectedItemBorderBottomThickness} solid ${theme.header.backgroundColor}`,\n    }),\n  ...(!$selected &&\n    $isMenu && {\n      marginTop: theme.header.secondLevelSelectedItemBorderTopThickness,\n      paddingBottom: theme.header.secondLevelSelectedItemBorderBottomThickness,\n      paddingTop: theme.header.secondLevelSelectedItemBorderBottomThickness,\n      height: \"100%\",\n      borderTop: `${theme.header.secondLevelSelectedItemBorderTopThickness} solid ${theme.header.secondLevelBackgroundColor}`,\n      borderBottom: `${theme.header.secondLevelSelectedItemBorderBottomThickness} solid ${theme.header.secondLevelBackgroundColor}`,\n      \"&& > * > span\": {\n        color: theme.header.secondLevelItemColor,\n      },\n    }),\n}));\n\nexport const MenuItemLabel = styled(\n  \"div\",\n  transientOptions\n)(({ $isSelected, $isMenu }: { $isSelected?: boolean; $isMenu?: boolean }) => ({\n  border: \"none\",\n  cursor: \"pointer\",\n  padding: `${theme.space.xs} ${theme.space.sm}`,\n  height: \"100%\",\n  display: \"flex\",\n  alignItems: \"center\",\n  color: \"inherit\",\n  \"&:active\": {\n    outline: \"none\",\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  \"&:focus-visible\": {\n    ...outlineStyles,\n  },\n\n  \"&& span\": {\n    display: \"inline-flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    ...($isSelected && {\n      borderRadius: theme.radii.full,\n      padding: theme.space.xs,\n      ...(!$isMenu && {\n        color: theme.header.selectedItemColor,\n        backgroundColor: theme.header.selectedItemBackgroundColor,\n      }),\n      ...($isMenu && {\n        color: theme.header.secondLevelSelectedItemColor,\n        backgroundColor: theme.header.secondLevelSelectedItemBackgroundColor,\n      }),\n    }),\n  },\n  \"& span::after\": {\n    content: \"attr(data-text)\",\n    height: 0,\n    visibility: \"hidden\",\n    overflow: \"hidden\",\n    userSelect: \"none\",\n    pointerEvents: \"none\",\n    fontWeight: theme.fontWeights.semibold,\n\n    \"@media speech\": {\n      display: \"none\",\n    },\n  },\n}));\n\nexport const MenuItemLink = styled(\"a\")(\n  ({ $isSelected, $isMenu }: { $isSelected?: boolean; $isMenu?: boolean }) => ({\n    border: \"none\",\n    cursor: \"pointer\",\n    padding: `${theme.space.xs} ${theme.space.sm}`,\n    height: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    textDecoration: \"none\",\n    \"&:active\": {\n      outline: \"none\",\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n    ...($isSelected && {\n      \"& > div > span\": {\n        ...(!$isMenu && {\n          color: theme.header.selectedItemColor,\n        }),\n        ...($isMenu && {\n          color: theme.header.secondLevelSelectedItemColor,\n        }),\n      },\n    }),\n    \"& span\": {\n      display: \"inline-flex\",\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n    },\n    \"& span::after\": {\n      content: \"attr(data-text)\",\n      height: 0,\n      visibility: \"hidden\",\n      overflow: \"hidden\",\n      userSelect: \"none\",\n      pointerEvents: \"none\",\n      fontWeight: theme.fontWeights.semibold,\n\n      \"@media speech\": {\n        display: \"none\",\n      },\n    },\n  })\n);\n"],"names":["hoverColor","theme","header","MenuItemLi","process","env","NODE_ENV","_extends","target","transientOptions","label","$selected","$isMenu","display","color","backgroundColor","borderTop","secondLevelSelectedItemBorderTopThickness","secondLevelSelectedItemBorderTopColor","borderBottom","secondLevelSelectedItemBorderBottomThickness","secondLevelSelectedItemBorderBottomColor","paddingTop","height","secondLevelSelectedItemColor","selectedItemBorderTopThickness","selectedItemBorderTopColor","selectedItemBorderBottomThickness","selectedItemBorderBottomColor","selectedItemColor","marginTop","paddingBottom","secondLevelBackgroundColor","secondLevelItemColor","MenuItemLabel","$isSelected","border","cursor","padding","space","xs","sm","alignItems","outline","outlineStyles","flexDirection","justifyContent","borderRadius","radii","full","selectedItemBackgroundColor","secondLevelSelectedItemBackgroundColor","content","visibility","overflow","userSelect","pointerEvents","fontWeight","fontWeights","semibold","MenuItemLink","textDecoration"],"mappings":"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"}

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

@@ -3,9 +3,9 @@ import { StyledNav } from "./Navigation.styles.js";
 import { FocusProvider } from "./utils/FocusContext.js";
 import { SelectionContext } from "./utils/SelectionContext.js";
 import headerNavigationClasses from "./navigationClasses.js";
+import { useSelectionPath } from "./useSelectionPath.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-import { useSelectionPath } from "../../../hooks/useSelectionPath.js";
-import { HvMenuBar } from "./MenuBar/MenuBar.js";
+import { HvHeaderMenuBar } from "./MenuBar/MenuBar.js";
 const HvHeaderNavigation = ({
   data,
   selected,
@@ -26,7 +26,7 @@ const HvHeaderNavigation = ({
       children: /* @__PURE__ */ jsx(StyledNav, {
         className: clsx(className, headerNavigationClasses.root, classes == null ? void 0 : classes.root),
         ...others,
-        children: /* @__PURE__ */ jsx(HvMenuBar, {
+        children: /* @__PURE__ */ jsx(HvHeaderMenuBar, {
           data,
           type: "menubar",
           onClick: handleClick,

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sources":["../../../../../src/components/Header/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { MouseEvent } from \"react\";\nimport { useSelectionPath } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvMenuBar, HvMenuBarProps } from \"./MenuBar\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport { SelectionContext } from \"./utils/SelectionContext\";\nimport headerNavigationClasses, {\n  HvHeaderNavigationClasses,\n} from \"./navigationClasses\";\n\nexport interface HvHeaderNavigationItemProp {\n  id: string;\n  label: string;\n  path?: string;\n  href?: string;\n  target?: string;\n  data?: HvHeaderNavigationItemProp[];\n}\n\nexport interface HvHeaderNavigationProps\n  extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  data: HvHeaderNavigationItemProp[];\n  selected?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n  classes?: HvHeaderNavigationClasses;\n  levels?: 1 | 2;\n}\n\nexport const HvHeaderNavigation = ({\n  data,\n  selected,\n  onClick,\n  className,\n  classes,\n  levels = 2,\n  ...others\n}: HvHeaderNavigationProps) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick: HvMenuBarProps[\"onClick\"] = (event, selection) => {\n    event.preventDefault();\n\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <StyledNav\n          className={clsx(\n            className,\n            headerNavigationClasses.root,\n            classes?.root\n          )}\n          {...others}\n        >\n          <HvMenuBar\n            data={data}\n            type=\"menubar\"\n            onClick={handleClick}\n            levels={levels}\n            currentLevel={1}\n          />\n        </StyledNav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n"],"names":["HvHeaderNavigation","data","selected","onClick","className","classes","levels","others","selectionPath","useSelectionPath","handleClick","event","selection","preventDefault","_jsx","SelectionContext","Provider","value","children","FocusProvider","StyledNav","clsx","headerNavigationClasses","root","HvMenuBar","type","currentLevel"],"mappings":";;;;;;;;AA8BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACT,GAAGC;AACoB,MAAM;AACvBC,QAAAA,gBAAgBC,iBAAiBR,MAAMC,QAAQ;AAE/CQ,QAAAA,cAAyCA,CAACC,OAAOC,cAAc;AACnED,UAAME,eAAe;AAErBV,uCAAUQ,OAAOC;AAAAA,EAAS;AAI1BE,SAAAA,oBAACC,iBAAiBC,UAAQ;AAAA,IAACC,OAAOT;AAAAA,IAAcU,8BAC7CC,eAAa;AAAA,MAAAD,8BACXE,WAAS;AAAA,QACRhB,WAAWiB,KACTjB,WACAkB,wBAAwBC,MACxBlB,mCAASkB,IACX;AAAA,QAAE,GACEhB;AAAAA,QAAMW,8BAETM,WAAS;AAAA,UACRvB;AAAAA,UACAwB,MAAK;AAAA,UACLtB,SAASO;AAAAA,UACTJ;AAAAA,UACAoB,cAAc;AAAA,QAAA,CACf;AAAA,MAAA,CACQ;AAAA,IAAA,CACE;AAAA,EAAA,CACU;AAE/B;"}
+{"version":3,"file":"Navigation.js","sources":["../../../../../src/components/Header/Navigation/Navigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { MouseEvent } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { HvHeaderMenuBar, HvHeaderMenuBarProps } from \"./MenuBar\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport { SelectionContext } from \"./utils/SelectionContext\";\nimport headerNavigationClasses, {\n  HvHeaderNavigationClasses,\n} from \"./navigationClasses\";\nimport {\n  HvHeaderNavigationItemProp,\n  useSelectionPath,\n} from \"./useSelectionPath\";\n\nexport interface HvHeaderNavigationProps\n  extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  data: HvHeaderNavigationItemProp[];\n  selected?: string;\n  onClick?: (event: MouseEvent, selection: HvHeaderNavigationItemProp) => void;\n  classes?: HvHeaderNavigationClasses;\n  levels?: 1 | 2;\n}\n\nexport const HvHeaderNavigation = ({\n  data,\n  selected,\n  onClick,\n  className,\n  classes,\n  levels = 2,\n  ...others\n}: HvHeaderNavigationProps) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick: HvHeaderMenuBarProps[\"onClick\"] = (event, selection) => {\n    event.preventDefault();\n\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <StyledNav\n          className={clsx(\n            className,\n            headerNavigationClasses.root,\n            classes?.root\n          )}\n          {...others}\n        >\n          <HvHeaderMenuBar\n            data={data}\n            type=\"menubar\"\n            onClick={handleClick}\n            levels={levels}\n            currentLevel={1}\n          />\n        </StyledNav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n"],"names":["HvHeaderNavigation","data","selected","onClick","className","classes","levels","others","selectionPath","useSelectionPath","handleClick","event","selection","preventDefault","_jsx","SelectionContext","Provider","value","children","FocusProvider","StyledNav","clsx","headerNavigationClasses","root","HvHeaderMenuBar","type","currentLevel"],"mappings":";;;;;;;;AA2BO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACT,GAAGC;AACoB,MAAM;AACvBC,QAAAA,gBAAgBC,iBAAiBR,MAAMC,QAAQ;AAE/CQ,QAAAA,cAA+CA,CAACC,OAAOC,cAAc;AACzED,UAAME,eAAe;AAErBV,uCAAUQ,OAAOC;AAAAA,EAAS;AAI1BE,SAAAA,oBAACC,iBAAiBC,UAAQ;AAAA,IAACC,OAAOT;AAAAA,IAAcU,8BAC7CC,eAAa;AAAA,MAAAD,8BACXE,WAAS;AAAA,QACRhB,WAAWiB,KACTjB,WACAkB,wBAAwBC,MACxBlB,mCAASkB,IACX;AAAA,QAAE,GACEhB;AAAAA,QAAMW,8BAETM,iBAAe;AAAA,UACdvB;AAAAA,UACAwB,MAAK;AAAA,UACLtB,SAASO;AAAAA,UACTJ;AAAAA,UACAoB,cAAc;AAAA,QAAA,CACf;AAAA,MAAA,CACQ;AAAA,IAAA,CACE;AAAA,EAAA,CACU;AAE/B;"}

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

@@ -1 +1 @@
-{"version":3,"file":"navigationClasses.js","sources":["../../../../../src/components/Header/Navigation/navigationClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvHeaderNavigationClasses {\n  root?: string;\n}\n\nconst classKeys: (keyof HvHeaderNavigationClasses)[] = [\"root\"];\n\nconst headerNavigationClasses = getClasses(classKeys, \"HvHeader-Navigation\");\n\nexport default headerNavigationClasses;\n"],"names":["classKeys","headerNavigationClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAiD,CAAC,MAAM;AAE9D,MAAMC,0BAA0BC,WAAWF,WAAW,qBAAqB;AAE3E,MAAA,4BAAeC;"}
+{"version":3,"file":"navigationClasses.js","sources":["../../../../../src/components/Header/Navigation/navigationClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils/classes\";\n\nexport interface HvHeaderNavigationClasses {\n  root?: string;\n}\n\nconst classKeys: (keyof HvHeaderNavigationClasses)[] = [\"root\"];\n\nconst headerNavigationClasses = getClasses(classKeys, \"HvHeader-Navigation\");\n\nexport default headerNavigationClasses;\n"],"names":["classKeys","headerNavigationClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAiD,CAAC,MAAM;AAE9D,MAAMC,0BAA0BC,WAAWF,WAAW,qBAAqB;AAE3E,MAAA,4BAAeC;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectionPath.js","sources":["../../../../../src/components/Header/Navigation/useSelectionPath.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport interface HvHeaderNavigationItemProp {\n  id: string;\n  label: string;\n  path?: string;\n  href?: string;\n  target?: string;\n  data?: HvHeaderNavigationItemProp[];\n}\n\nconst getSelectionPath = (\n  data: HvHeaderNavigationItemProp[] | undefined,\n  selectedId: string,\n  selection: string[] = [],\n  idx: number = -1,\n  parent: HvHeaderNavigationItemProp[] = []\n): string[] => {\n  data?.forEach((item: HvHeaderNavigationItemProp, i) => {\n    const hasData = item.data && item.data.length;\n    const isSelected = item.id === selectedId;\n\n    if (isSelected)\n      selection.push(...(idx > -1 ? [parent[idx].id] : []), item.id);\n    if (hasData) getSelectionPath(item.data, selectedId, selection, i, data);\n  });\n\n  return selection;\n};\n\nexport const useSelectionPath = (data, selectedId): string[] => {\n  const [selectionPath, setSelectionPath] = useState<string[]>([]);\n\n  useEffect(() => {\n    const path = getSelectionPath(data, selectedId);\n    setSelectionPath(path);\n  }, [data, selectedId]);\n\n  return selectionPath;\n};\n"],"names":["getSelectionPath","data","selectedId","selection","idx","parent","forEach","item","i","hasData","length","isSelected","id","push","useSelectionPath","selectionPath","setSelectionPath","useState","useEffect","path"],"mappings":";AAWA,MAAMA,mBAAmBA,CACvBC,MACAC,YACAC,YAAsB,IACtBC,MAAc,IACdC,SAAuC,OAC1B;AACPC,+BAAAA,QAAQ,CAACC,MAAkCC,MAAM;AACrD,UAAMC,UAAUF,KAAKN,QAAQM,KAAKN,KAAKS;AACjCC,UAAAA,aAAaJ,KAAKK,OAAOV;AAE3BS,QAAAA;AACFR,gBAAUU,KAAK,GAAIT,MAAM,KAAK,CAACC,OAAOD,GAAG,EAAEQ,EAAE,IAAI,CAAE,GAAGL,KAAKK,EAAE;AAC3DH,QAAAA;AAAST,uBAAiBO,KAAKN,MAAMC,YAAYC,WAAWK,GAAGP,IAAI;AAAA,EAAA;AAGlEE,SAAAA;AACT;AAEaW,MAAAA,mBAAmBA,CAACb,MAAMC,eAAyB;AAC9D,QAAM,CAACa,eAAeC,gBAAgB,IAAIC,SAAmB,CAAE,CAAA;AAE/DC,YAAU,MAAM;AACRC,UAAAA,OAAOnB,iBAAiBC,MAAMC,UAAU;AAC9Cc,qBAAiBG,IAAI;AAAA,EAAA,GACpB,CAAClB,MAAMC,UAAU,CAAC;AAEda,SAAAA;AACT;"}

package/dist/esm/components/Header/headerClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerClasses.js","sources":["../../../../src/components/Header/headerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvHeaderClasses {\n  root?: string;\n  header?: string;\n  backgroundColor?: string;\n}\n\nconst classKeys: (keyof HvHeaderClasses)[] = [\n  \"root\",\n  \"header\",\n  \"backgroundColor\",\n];\n\nconst headerClasses = getClasses(classKeys, \"HvHeader\");\n\nexport default headerClasses;\n"],"names":["classKeys","headerClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAuC,CAC3C,QACA,UACA,iBAAiB;AAGnB,MAAMC,gBAAgBC,WAAWF,WAAW,UAAU;AAEtD,MAAA,kBAAeC;"}
+{"version":3,"file":"headerClasses.js","sources":["../../../../src/components/Header/headerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils/classes\";\n\nexport interface HvHeaderClasses {\n  root?: string;\n  header?: string;\n  backgroundColor?: string;\n}\n\nconst classKeys: (keyof HvHeaderClasses)[] = [\n  \"root\",\n  \"header\",\n  \"backgroundColor\",\n];\n\nconst headerClasses = getClasses(classKeys, \"HvHeader\");\n\nexport default headerClasses;\n"],"names":["classKeys","headerClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAuC,CAC3C,QACA,UACA,iBAAiB;AAGnB,MAAMC,gBAAgBC,WAAWF,WAAW,UAAU;AAEtD,MAAA,kBAAeC;"}

package/dist/esm/components/InlineEditor/InlineEditor.js

@@ -1,14 +1,14 @@
 import { useState, useRef, useLayoutEffect } from "react";
 import { Edit } from "@hitachivantara/uikit-react-icons";
+import { useControlled } from "../../hooks/useControlled.js";
+import { useTheme } from "../../hooks/useTheme.js";
+import { isKey } from "../../utils/keyboardUtils.js";
 import { useClasses } from "./InlineEditor.styles.js";
 import { staticClasses } from "./InlineEditor.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-import { useControlled } from "../../hooks/useControlled.js";
-import { useTheme } from "../../hooks/useTheme.js";
-import { HvInput } from "../Input/Input.js";
 import { HvButton } from "../Button/Button.js";
+import { HvInput } from "../Input/Input.js";
 import { HvTypography } from "../Typography/Typography.js";
-import { isKey } from "../../utils/keyboardUtils.js";
 const HvInlineEditor = ({
   className,
   classes: classesProp,

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

@@ -1 +1 @@
-{"version":3,"file":"InlineEditor.js","sources":["../../../../src/components/InlineEditor/InlineEditor.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { useControlled, useTheme } from \"@core/hooks\";\nimport { ExtractNames, isKey } from \"@core/utils\";\nimport {\n  HvButtonProps,\n  HvTypographyVariants,\n  HvTypographyProps,\n  HvInput,\n  HvButton,\n  HvTypography,\n  HvInputProps,\n} from \"@core/components\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\nimport { staticClasses, useClasses } from \"./InlineEditor.styles\";\n\nexport { staticClasses as inlineEditorClasses };\n\nexport type HvInlineEditorClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvInlineEditorProps\n  extends HvBaseProps<HTMLDivElement, \"onBlur\" | \"onChange\"> {\n  /** The value of the form element. */\n  value?: string;\n  /** Whether the Edit icon should always be visible */\n  showIcon?: boolean;\n  /** Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`) */\n  component?: React.ElementType;\n  /** Variant of the HvTypography to display */\n  variant?: HvTypographyVariants;\n  /** Called when the input is blurred. */\n  onBlur?: (\n    event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>,\n    value: string\n  ) => void;\n  /** Called when the input value changes. */\n  onChange?: (event: React.SyntheticEvent, value: string) => void;\n  /** Props passed to the HvButton component */\n  buttonProps?: HvButtonProps;\n  /** Props passed to the HvTypography text component */\n  typographyProps?: HvTypographyProps;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvInlineEditorClasses;\n}\n\n/**\n * An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n */\nexport const HvInlineEditor = ({\n  className,\n  classes: classesProp,\n  value: valueProp,\n  defaultValue,\n  showIcon,\n  component: InputComponent = HvInput,\n  variant = \"body\",\n  placeholder = \"Enter text\",\n  onBlur,\n  onChange,\n  onKeyDown,\n  buttonProps,\n  typographyProps,\n  ...others\n}: HvInlineEditorProps) => {\n  const { classes, cx } = useClasses(classesProp);\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [editMode, setEditMode] = useState(false);\n  const [cachedValue, setCachedValue] = useState(value);\n  const inputRef = useRef<HTMLInputElement>();\n  const { activeTheme } = useTheme();\n\n  const typographyStyles = activeTheme?.typography[variant] || {};\n  const { lineHeight } = typographyStyles;\n\n  useLayoutEffect(() => {\n    const input = inputRef.current;\n    if (editMode && input) {\n      input.focus();\n      input.select();\n    }\n  }, [editMode]);\n\n  const handleClick = () => {\n    setEditMode(true);\n    setCachedValue(value);\n  };\n\n  const handleBlur: HvInputProps[\"onBlur\"] = (event) => {\n    setEditMode(false);\n\n    const newValue = value || cachedValue; // empty values should be ignored\n    setValue(newValue);\n    onBlur?.(event, newValue);\n  };\n\n  const handleKeyDown: HvInputProps[\"onKeyDown\"] = (event) => {\n    if (isKey(event, \"Esc\")) {\n      setEditMode(false);\n      setValue(cachedValue);\n    }\n    onKeyDown?.(event as any);\n  };\n\n  const handleChange: HvInputProps[\"onChange\"] = (event, val) => {\n    setValue(val);\n    onChange?.(event, val);\n  };\n\n  return (\n    <div className={cx(className, classes.root)}>\n      {editMode ? (\n        <InputComponent\n          inputRef={inputRef}\n          classes={{\n            root: classes.inputRoot,\n            input: classes.input,\n            inputBorderContainer: classes.inputBorderContainer,\n          }}\n          inputProps={{\n            style: {\n              ...typographyStyles,\n              height: InputComponent === HvInput ? lineHeight : undefined,\n            },\n          }}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          {...others}\n        />\n      ) : (\n        <HvButton\n          variant=\"secondaryGhost\"\n          overrideIconColors={false}\n          endIcon={\n            <Edit\n              color=\"secondary_60\"\n              role=\"presentation\"\n              className={cx(classes.icon, { [classes.iconVisible]: showIcon })}\n            />\n          }\n          className={cx(classes.button, {\n            [classes.largeText]: parseInt(lineHeight as string, 10) >= 28,\n          })}\n          onClick={handleClick}\n          {...buttonProps}\n        >\n          <HvTypography\n            variant={variant}\n            noWrap\n            className={cx(classes.text, { [classes.textEmpty]: !value })}\n            {...typographyProps}\n          >\n            {value || placeholder}\n          </HvTypography>\n        </HvButton>\n      )}\n    </div>\n  );\n};\n"],"names":["HvInlineEditor","className","classes","classesProp","value","valueProp","defaultValue","showIcon","component","InputComponent","HvInput","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","cx","useClasses","setValue","useControlled","editMode","setEditMode","useState","cachedValue","setCachedValue","inputRef","useRef","activeTheme","useTheme","typographyStyles","typography","lineHeight","useLayoutEffect","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","isKey","handleChange","val","root","children","_jsx","inputRoot","inputBorderContainer","inputProps","style","height","undefined","HvButton","overrideIconColors","endIcon","Edit","color","role","icon","iconVisible","button","largeText","parseInt","onClick","HvTypography","noWrap","text","textEmpty"],"mappings":"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"}
+{"version":3,"file":"InlineEditor.js","sources":["../../../../src/components/InlineEditor/InlineEditor.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\n\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { HvButtonProps, HvButton } from \"@core/components/Button\";\nimport {\n  HvTypographyVariants,\n  HvTypographyProps,\n  HvTypography,\n} from \"@core/components/Typography\";\nimport { HvInput, HvInputProps } from \"@core/components/Input\";\n\nimport { staticClasses, useClasses } from \"./InlineEditor.styles\";\n\nexport { staticClasses as inlineEditorClasses };\n\nexport type HvInlineEditorClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvInlineEditorProps\n  extends HvBaseProps<HTMLDivElement, \"onBlur\" | \"onChange\"> {\n  /** The value of the form element. */\n  value?: string;\n  /** Whether the Edit icon should always be visible */\n  showIcon?: boolean;\n  /** Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`) */\n  component?: React.ElementType;\n  /** Variant of the HvTypography to display */\n  variant?: HvTypographyVariants;\n  /** Called when the input is blurred. */\n  onBlur?: (\n    event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>,\n    value: string\n  ) => void;\n  /** Called when the input value changes. */\n  onChange?: (event: React.SyntheticEvent, value: string) => void;\n  /** Props passed to the HvButton component */\n  buttonProps?: HvButtonProps;\n  /** Props passed to the HvTypography text component */\n  typographyProps?: HvTypographyProps;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvInlineEditorClasses;\n}\n\n/**\n * An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n */\nexport const HvInlineEditor = ({\n  className,\n  classes: classesProp,\n  value: valueProp,\n  defaultValue,\n  showIcon,\n  component: InputComponent = HvInput,\n  variant = \"body\",\n  placeholder = \"Enter text\",\n  onBlur,\n  onChange,\n  onKeyDown,\n  buttonProps,\n  typographyProps,\n  ...others\n}: HvInlineEditorProps) => {\n  const { classes, cx } = useClasses(classesProp);\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [editMode, setEditMode] = useState(false);\n  const [cachedValue, setCachedValue] = useState(value);\n  const inputRef = useRef<HTMLInputElement>();\n  const { activeTheme } = useTheme();\n\n  const typographyStyles = activeTheme?.typography[variant] || {};\n  const { lineHeight } = typographyStyles;\n\n  useLayoutEffect(() => {\n    const input = inputRef.current;\n    if (editMode && input) {\n      input.focus();\n      input.select();\n    }\n  }, [editMode]);\n\n  const handleClick = () => {\n    setEditMode(true);\n    setCachedValue(value);\n  };\n\n  const handleBlur: HvInputProps[\"onBlur\"] = (event) => {\n    setEditMode(false);\n\n    const newValue = value || cachedValue; // empty values should be ignored\n    setValue(newValue);\n    onBlur?.(event, newValue);\n  };\n\n  const handleKeyDown: HvInputProps[\"onKeyDown\"] = (event) => {\n    if (isKey(event, \"Esc\")) {\n      setEditMode(false);\n      setValue(cachedValue);\n    }\n    onKeyDown?.(event as any);\n  };\n\n  const handleChange: HvInputProps[\"onChange\"] = (event, val) => {\n    setValue(val);\n    onChange?.(event, val);\n  };\n\n  return (\n    <div className={cx(className, classes.root)}>\n      {editMode ? (\n        <InputComponent\n          inputRef={inputRef}\n          classes={{\n            root: classes.inputRoot,\n            input: classes.input,\n            inputBorderContainer: classes.inputBorderContainer,\n          }}\n          inputProps={{\n            style: {\n              ...typographyStyles,\n              height: InputComponent === HvInput ? lineHeight : undefined,\n            },\n          }}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          {...others}\n        />\n      ) : (\n        <HvButton\n          variant=\"secondaryGhost\"\n          overrideIconColors={false}\n          endIcon={\n            <Edit\n              color=\"secondary_60\"\n              role=\"presentation\"\n              className={cx(classes.icon, { [classes.iconVisible]: showIcon })}\n            />\n          }\n          className={cx(classes.button, {\n            [classes.largeText]: parseInt(lineHeight as string, 10) >= 28,\n          })}\n          onClick={handleClick}\n          {...buttonProps}\n        >\n          <HvTypography\n            variant={variant}\n            noWrap\n            className={cx(classes.text, { [classes.textEmpty]: !value })}\n            {...typographyProps}\n          >\n            {value || placeholder}\n          </HvTypography>\n        </HvButton>\n      )}\n    </div>\n  );\n};\n"],"names":["HvInlineEditor","className","classes","classesProp","value","valueProp","defaultValue","showIcon","component","InputComponent","HvInput","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","cx","useClasses","setValue","useControlled","editMode","setEditMode","useState","cachedValue","setCachedValue","inputRef","useRef","activeTheme","useTheme","typographyStyles","typography","lineHeight","useLayoutEffect","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","isKey","handleChange","val","root","children","_jsx","inputRoot","inputBorderContainer","inputProps","style","height","undefined","HvButton","overrideIconColors","endIcon","Edit","color","role","icon","iconVisible","button","largeText","parseInt","onClick","HvTypography","noWrap","text","textEmpty"],"mappings":"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"}

package/dist/esm/components/InlineEditor/InlineEditor.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEditor.styles.js","sources":["../../../../src/components/InlineEditor/InlineEditor.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { baseInputClasses, inputClasses } from \"@core/components\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInlineEditor\", {\n  root: {\n    [`& .${baseInputClasses.inputRoot}.${inputClasses.inputRoot}`]: {\n      height: \"100%\",\n      minHeight: \"32px\",\n    },\n  },\n  inputBorderContainer: {\n    top: \"unset\",\n    bottom: 0,\n  },\n  input: {},\n  inputRoot: {},\n  text: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    alignSelf: \"center\",\n  },\n  largeText: {},\n  textEmpty: {\n    color: theme.typography.placeholderText.color,\n  },\n  button: {\n    padding: theme.spacing([\"6px\", \"8px\", \"5px\", \"8px\"]),\n    minHeight: \"32px\",\n\n    boxSizing: \"border-box\",\n    cursor: \"text\",\n    height: \"100%\",\n    width: \"100%\",\n    maxWidth: \"100%\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n\n    backgroundColor: \"transparent\",\n    border: `${theme.inlineEditor.borderWidth} solid transparent`,\n\n    \"&:hover, &:focus\": {\n      border: `${theme.inlineEditor.borderWidth} solid ${theme.inlineEditor.hoverBorderColor}`,\n      backgroundColor: \"transparent\",\n\n      \"& $icon\": {\n        visibility: \"visible\",\n      },\n    },\n\n    \"&:active\": {\n      border: `${theme.inlineEditor.borderWidth} solid ${theme.inlineEditor.activeBorderColor}`,\n      backgroundColor: \"transparent\",\n\n      \"& $icon\": {\n        visibility: \"visible\",\n      },\n    },\n\n    \"& > div\": {\n      width: \"100%\",\n    },\n    \"& > div > span\": {\n      width: \"100%\",\n    },\n  },\n  icon: {\n    cursor: \"pointer\",\n    visibility: \"hidden\",\n    alignSelf: \"center\",\n    height: \"16px\",\n    width: \"32px\",\n    minWidth: \"32px\",\n\n    \"& svg\": {\n      margin: theme.spacing([0, \"8px\"]),\n    },\n  },\n  iconVisible: {\n    visibility: \"visible\",\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","baseInputClasses","inputRoot","inputClasses","height","minHeight","inputBorderContainer","top","bottom","input","text","overflow","textOverflow","whiteSpace","alignSelf","largeText","textEmpty","color","theme","typography","placeholderText","button","padding","spacing","boxSizing","cursor","width","maxWidth","justifyContent","alignItems","backgroundColor","border","inlineEditor","borderWidth","hoverBorderColor","visibility","activeBorderColor","icon","minWidth","margin","iconVisible"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,kBAAkB;AAAA,EAC3EC,MAAM;AAAA,IACJ,CAAE,MAAKC,gBAAiBC,aAAaC,gBAAaD,WAAW,GAAG;AAAA,MAC9DE,QAAQ;AAAA,MACRC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,sBAAsB;AAAA,IACpBC,KAAK;AAAA,IACLC,QAAQ;AAAA,EACV;AAAA,EACAC,OAAO,CAAC;AAAA,EACRP,WAAW,CAAC;AAAA,EACZQ,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,IACZC,WAAW;AAAA,EACb;AAAA,EACAC,WAAW,CAAC;AAAA,EACZC,WAAW;AAAA,IACTC,OAAOC,MAAMC,WAAWC,gBAAgBH;AAAAA,EAC1C;AAAA,EACAI,QAAQ;AAAA,IACNC,SAASJ,MAAMK,QAAQ,CAAC,OAAO,OAAO,OAAO,KAAK,CAAC;AAAA,IACnDlB,WAAW;AAAA,IAEXmB,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRrB,QAAQ;AAAA,IACRsB,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IAEZC,iBAAiB;AAAA,IACjBC,QAAS,GAAEb,MAAMc,aAAaC;AAAAA,IAE9B,oBAAoB;AAAA,MAClBF,QAAS,GAAEb,MAAMc,aAAaC,qBAAqBf,MAAMc,aAAaE;AAAAA,MACtEJ,iBAAiB;AAAA,MAEjB,WAAW;AAAA,QACTK,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACVJ,QAAS,GAAEb,MAAMc,aAAaC,qBAAqBf,MAAMc,aAAaI;AAAAA,MACtEN,iBAAiB;AAAA,MAEjB,WAAW;AAAA,QACTK,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACTT,OAAO;AAAA,IACT;AAAA,IACA,kBAAkB;AAAA,MAChBA,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACAW,MAAM;AAAA,IACJZ,QAAQ;AAAA,IACRU,YAAY;AAAA,IACZrB,WAAW;AAAA,IACXV,QAAQ;AAAA,IACRsB,OAAO;AAAA,IACPY,UAAU;AAAA,IAEV,SAAS;AAAA,MACPC,QAAQrB,MAAMK,QAAQ,CAAC,GAAG,KAAK,CAAC;AAAA,IAClC;AAAA,EACF;AAAA,EACAiB,aAAa;AAAA,IACXL,YAAY;AAAA,EACd;AACF,CAAC;"}
+{"version":3,"file":"InlineEditor.styles.js","sources":["../../../../src/components/InlineEditor/InlineEditor.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\nimport { inputClasses } from \"@core/components/Input\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInlineEditor\", {\n  root: {\n    [`& .${baseInputClasses.inputRoot}.${inputClasses.inputRoot}`]: {\n      height: \"100%\",\n      minHeight: \"32px\",\n    },\n  },\n  inputBorderContainer: {\n    top: \"unset\",\n    bottom: 0,\n  },\n  input: {},\n  inputRoot: {},\n  text: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    alignSelf: \"center\",\n  },\n  largeText: {},\n  textEmpty: {\n    color: theme.typography.placeholderText.color,\n  },\n  button: {\n    padding: theme.spacing([\"6px\", \"8px\", \"5px\", \"8px\"]),\n    minHeight: \"32px\",\n\n    boxSizing: \"border-box\",\n    cursor: \"text\",\n    height: \"100%\",\n    width: \"100%\",\n    maxWidth: \"100%\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n\n    backgroundColor: \"transparent\",\n    border: `${theme.inlineEditor.borderWidth} solid transparent`,\n\n    \"&:hover, &:focus\": {\n      border: `${theme.inlineEditor.borderWidth} solid ${theme.inlineEditor.hoverBorderColor}`,\n      backgroundColor: \"transparent\",\n\n      \"& $icon\": {\n        visibility: \"visible\",\n      },\n    },\n\n    \"&:active\": {\n      border: `${theme.inlineEditor.borderWidth} solid ${theme.inlineEditor.activeBorderColor}`,\n      backgroundColor: \"transparent\",\n\n      \"& $icon\": {\n        visibility: \"visible\",\n      },\n    },\n\n    \"& > div\": {\n      width: \"100%\",\n    },\n    \"& > div > span\": {\n      width: \"100%\",\n    },\n  },\n  icon: {\n    cursor: \"pointer\",\n    visibility: \"hidden\",\n    alignSelf: \"center\",\n    height: \"16px\",\n    width: \"32px\",\n    minWidth: \"32px\",\n\n    \"& svg\": {\n      margin: theme.spacing([0, \"8px\"]),\n    },\n  },\n  iconVisible: {\n    visibility: \"visible\",\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","baseInputClasses","inputRoot","inputClasses","height","minHeight","inputBorderContainer","top","bottom","input","text","overflow","textOverflow","whiteSpace","alignSelf","largeText","textEmpty","color","theme","typography","placeholderText","button","padding","spacing","boxSizing","cursor","width","maxWidth","justifyContent","alignItems","backgroundColor","border","inlineEditor","borderWidth","hoverBorderColor","visibility","activeBorderColor","icon","minWidth","margin","iconVisible"],"mappings":";;;;AAMa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,kBAAkB;AAAA,EAC3EC,MAAM;AAAA,IACJ,CAAE,MAAKC,gBAAiBC,aAAaC,gBAAaD,WAAW,GAAG;AAAA,MAC9DE,QAAQ;AAAA,MACRC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,sBAAsB;AAAA,IACpBC,KAAK;AAAA,IACLC,QAAQ;AAAA,EACV;AAAA,EACAC,OAAO,CAAC;AAAA,EACRP,WAAW,CAAC;AAAA,EACZQ,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,IACZC,WAAW;AAAA,EACb;AAAA,EACAC,WAAW,CAAC;AAAA,EACZC,WAAW;AAAA,IACTC,OAAOC,MAAMC,WAAWC,gBAAgBH;AAAAA,EAC1C;AAAA,EACAI,QAAQ;AAAA,IACNC,SAASJ,MAAMK,QAAQ,CAAC,OAAO,OAAO,OAAO,KAAK,CAAC;AAAA,IACnDlB,WAAW;AAAA,IAEXmB,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRrB,QAAQ;AAAA,IACRsB,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IAEZC,iBAAiB;AAAA,IACjBC,QAAS,GAAEb,MAAMc,aAAaC;AAAAA,IAE9B,oBAAoB;AAAA,MAClBF,QAAS,GAAEb,MAAMc,aAAaC,qBAAqBf,MAAMc,aAAaE;AAAAA,MACtEJ,iBAAiB;AAAA,MAEjB,WAAW;AAAA,QACTK,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACVJ,QAAS,GAAEb,MAAMc,aAAaC,qBAAqBf,MAAMc,aAAaI;AAAAA,MACtEN,iBAAiB;AAAA,MAEjB,WAAW;AAAA,QACTK,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACTT,OAAO;AAAA,IACT;AAAA,IACA,kBAAkB;AAAA,MAChBA,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACAW,MAAM;AAAA,IACJZ,QAAQ;AAAA,IACRU,YAAY;AAAA,IACZrB,WAAW;AAAA,IACXV,QAAQ;AAAA,IACRsB,OAAO;AAAA,IACPY,UAAU;AAAA,IAEV,SAAS;AAAA,MACPC,QAAQrB,MAAMK,QAAQ,CAAC,GAAG,KAAK,CAAC;AAAA,IAClC;AAAA,EACF;AAAA,EACAiB,aAAa;AAAA,IACXL,YAAY;AAAA,EACd;AACF,CAAC;"}

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

@@ -1,27 +1,27 @@
 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";
+import { isBrowser } from "../../utils/browser.js";
+import { isKey } from "../../utils/keyboardUtils.js";
+import { setId } from "../../utils/setId.js";
 import validationState, { isInvalid, isValid } from "../Forms/FormElement/validationStates.js";
 import { DEFAULT_ERROR_MESSAGES, computeValidationType, validateInput, computeValidationState, computeValidationMessage, hasBuiltInValidations } from "../BaseInput/validations.js";
+import { useControlled } from "../../hooks/useControlled.js";
+import { useIsMounted } from "../../hooks/useIsMounted.js";
+import { useUniqueId } from "../../hooks/useUniqueId.js";
+import { useLabels } from "../../hooks/useLabels.js";
+import { useClasses } from "./Input.styles.js";
+import { staticClasses } from "./Input.styles.js";
 import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
-import useUniqueId from "../../hooks/useUniqueId.js";
-import useIsMounted from "../../hooks/useIsMounted.js";
 import { HvAdornment } from "../Forms/Adornment/Adornment.js";
 import { HvBaseInput } from "../BaseInput/BaseInput.js";
 import { HvSuggestions } from "../Forms/Suggestions/Suggestions.js";
-import isBrowser from "../../utils/browser.js";
-import { useLabels } from "../../hooks/useLabels.js";
-import { useControlled } from "../../hooks/useControlled.js";
-import { setId } from "../../utils/setId.js";
 import { HvTooltip } from "../Tooltip/Tooltip.js";
 import { HvTypography } from "../Typography/Typography.js";
 import { HvFormElement } from "../Forms/FormElement/FormElement.js";
 import { HvLabel } from "../Forms/Label/Label.js";
 import { HvInfoMessage } from "../Forms/InfoMessage/InfoMessage.js";
 import { HvWarningText } from "../Forms/WarningText/WarningText.js";
-import { isKey } from "../../utils/keyboardUtils.js";
 const DEFAULT_LABELS = {
   clearButtonLabel: "Clear the text",
   revealPasswordButtonLabel: "Reveal password",

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  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 { ExtractNames, isBrowser, isKey, setId } 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/** Changes a given `input`'s `value`, triggering its `onChange` */\nconst changeInputValue = (input: HTMLInputElement | null, value = \"\") => {\n  const event = new Event(\"input\", { bubbles: true });\n\n  /** Original `input.value` setter (React overrides it). */\n  const setInputValue = Object.getOwnPropertyDescriptor(\n    window.HTMLInputElement.prototype,\n    \"value\"\n  )?.set;\n\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 (isKey(event, \"Esc\")) {\n      suggestionClearHandler();\n      focusInput();\n    } else if (isKey(event, \"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 (isKey(event, \"ArrowDown\") && hasSuggestions) {\n      const li = getSuggestions(0);\n      li?.focus();\n    } else if (isKey(event, \"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","changeInputValue","input","value","Event","bubbles","setInputValue","Object","getOwnPropertyDescriptor","window","HTMLInputElement","prototype","set","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","isKey","onKeyDownHandler","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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"}
+{"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\";\n\nimport {\n  InputBaseComponentProps as MuiInputBaseComponentProps,\n  useForkRef,\n} from \"@mui/material\";\n\nimport {\n  CloseXS,\n  PreviewOff,\n  Preview,\n  Search,\n  Success,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { isBrowser } from \"@core/utils/browser\";\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\nimport {\n  HvInputLabels,\n  HvInputSuggestion,\n  HvValidationMessages,\n} from \"@core/types/forms\";\nimport { HvBaseProps, HvExtraProps } from \"@core/types/generic\";\nimport {\n  HvAdornment,\n  HvAdornmentProps,\n  HvFormElement,\n  HvFormElementProps,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvSuggestion,\n  HvSuggestions,\n  HvSuggestionsProps,\n  HvWarningText,\n  isValid,\n  isInvalid,\n} from \"@core/components/Forms\";\nimport validationStates from \"@core/components/Forms/FormElement/validationStates\";\nimport { HvBaseInput, HvBaseInputProps } from \"@core/components/BaseInput\";\nimport {\n  DEFAULT_ERROR_MESSAGES,\n  computeValidationType,\n  hasBuiltInValidations,\n  validateInput,\n  computeValidationState,\n  computeValidationMessage,\n  HvInputValidity,\n} from \"@core/components/BaseInput/validations\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvTooltip } from \"@core/components/Tooltip\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { useIsMounted } from \"@core/hooks/useIsMounted\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useLabels } from \"@core/hooks/useLabels\";\n\nimport { staticClasses, useClasses } from \"./Input.styles\";\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/** Changes a given `input`'s `value`, triggering its `onChange` */\nconst changeInputValue = (input: HTMLInputElement | null, value = \"\") => {\n  const event = new Event(\"input\", { bubbles: true });\n\n  /** Original `input.value` setter (React overrides it). */\n  const setInputValue = Object.getOwnPropertyDescriptor(\n    window.HTMLInputElement.prototype,\n    \"value\"\n  )?.set;\n\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 (isKey(event, \"Esc\")) {\n      suggestionClearHandler();\n      focusInput();\n    } else if (isKey(event, \"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 (isKey(event, \"ArrowDown\") && hasSuggestions) {\n      const li = getSuggestions(0);\n      li?.focus();\n    } else if (isKey(event, \"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","changeInputValue","input","value","Event","bubbles","setInputValue","Object","getOwnPropertyDescriptor","window","HTMLInputElement","prototype","set","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","isKey","onKeyDownHandler","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/Input/Input.styles.js

@@ -1,6 +1,6 @@
 import { theme } from "@hitachivantara/uikit-styles";
-import suggestionsClasses from "../Forms/Suggestions/suggestionsClasses.js";
 import { createClasses } from "../../utils/classes.js";
+import suggestionsClasses from "../Forms/Suggestions/suggestionsClasses.js";
 const {
   staticClasses,
   useClasses

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

@@ -1 +1 @@
-{"version":3,"file":"Input.styles.js","sources":["../../../../src/components/Input/Input.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { suggestionsClasses } from \"@core/components\";\nimport { createClasses } from \"@core/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInput\", {\n  root: { display: \"block\" },\n  labelContainer: { display: \"flex\", alignItems: \"flex-start\" },\n  label: { paddingBottom: \"6px\", display: \"block\" },\n  description: {},\n  adornmentsBox: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    height: \"30px\",\n    justifyContent: \"center\",\n    marginRight: 1,\n  },\n  icon: { width: \"30px\", height: \"30px\" },\n  adornmentButton: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n    cursor: \"pointer\",\n  },\n  iconClear: { display: \"none\" },\n  hasSuggestions: {},\n  suggestionsContainer: { width: \"100%\", position: \"relative\" },\n  suggestionList: {\n    [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n      width: \"100%\",\n    },\n  },\n  inputExtension: {\n    height: theme.space.xs,\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: `0px 8px 0px ${theme.colors.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  input: {\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n  },\n  inputRoot: {\n    \":hover\": {\n      \"& $iconClear\": {\n        display: \"block\",\n      },\n    },\n    \":focus-within $iconClear\": {\n      display: \"block\",\n    },\n  },\n  inputRootFocused: {\n    \"& $iconClear\": {\n      display: \"block\",\n    },\n  },\n  inputRootDisabled: {\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: { padding: 0 },\n  inputBorderContainer: {\n    \"$hasSuggestions &\": {\n      display: \"none\",\n    },\n  },\n  error: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","labelContainer","alignItems","label","paddingBottom","description","adornmentsBox","flexDirection","height","justifyContent","marginRight","icon","width","adornmentButton","backgroundColor","border","padding","margin","cursor","iconClear","hasSuggestions","suggestionsContainer","position","suggestionList","suggestionsClasses","list","inputExtension","theme","space","xs","colors","atmo1","boxShadow","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","error"],"mappings":";;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,WAAW;AAAA,EACpEC,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAQ;AAAA,EACzBC,gBAAgB;AAAA,IAAED,SAAS;AAAA,IAAQE,YAAY;AAAA,EAAa;AAAA,EAC5DC,OAAO;AAAA,IAAEC,eAAe;AAAA,IAAOJ,SAAS;AAAA,EAAQ;AAAA,EAChDK,aAAa,CAAC;AAAA,EACdC,eAAe;AAAA,IACbN,SAAS;AAAA,IACTO,eAAe;AAAA,IACfC,QAAQ;AAAA,IACRC,gBAAgB;AAAA,IAChBC,aAAa;AAAA,EACf;AAAA,EACAC,MAAM;AAAA,IAAEC,OAAO;AAAA,IAAQJ,QAAQ;AAAA,EAAO;AAAA,EACtCK,iBAAiB;AAAA,IACfC,iBAAiB;AAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,QAAQ;AAAA,EACV;AAAA,EACAC,WAAW;AAAA,IAAEnB,SAAS;AAAA,EAAO;AAAA,EAC7BoB,gBAAgB,CAAC;AAAA,EACjBC,sBAAsB;AAAA,IAAET,OAAO;AAAA,IAAQU,UAAU;AAAA,EAAW;AAAA,EAC5DC,gBAAgB;AAAA,IACd,CAAE,MAAKC,mBAAmBzB,SAASyB,mBAAmBC,QAAQ,GAAG;AAAA,MAC/Db,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACAc,gBAAgB;AAAA,IACdlB,QAAQmB,MAAMC,MAAMC;AAAAA,IACpBf,iBAAiBa,MAAMG,OAAOC;AAAAA,IAC9BC,WAAY,eAAcL,MAAMG,OAAOC;AAAAA,EACzC;AAAA,EACAE,OAAO;AAAA,IACL,gBAAgB;AAAA,MACdjC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAkC,WAAW;AAAA,IACT,UAAU;AAAA,MACR,gBAAgB;AAAA,QACdlC,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,4BAA4B;AAAA,MAC1BA,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAmC,kBAAkB;AAAA,IAChB,gBAAgB;AAAA,MACdnC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAoC,mBAAmB;AAAA,IACjBlB,QAAQ;AAAA,EACV;AAAA,EACAmB,oBAAoB;AAAA,IAAErB,SAAS;AAAA,EAAE;AAAA,EACjCsB,sBAAsB;AAAA,IACpB,qBAAqB;AAAA,MACnBtC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAuC,OAAO,CAAC;AACV,CAAC;"}
+{"version":3,"file":"Input.styles.js","sources":["../../../../src/components/Input/Input.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { suggestionsClasses } from \"@core/components/Forms\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvInput\", {\n  root: { display: \"block\" },\n  labelContainer: { display: \"flex\", alignItems: \"flex-start\" },\n  label: { paddingBottom: \"6px\", display: \"block\" },\n  description: {},\n  adornmentsBox: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    height: \"30px\",\n    justifyContent: \"center\",\n    marginRight: 1,\n  },\n  icon: { width: \"30px\", height: \"30px\" },\n  adornmentButton: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n    cursor: \"pointer\",\n  },\n  iconClear: { display: \"none\" },\n  hasSuggestions: {},\n  suggestionsContainer: { width: \"100%\", position: \"relative\" },\n  suggestionList: {\n    [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n      width: \"100%\",\n    },\n  },\n  inputExtension: {\n    height: theme.space.xs,\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: `0px 8px 0px ${theme.colors.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  input: {\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n  },\n  inputRoot: {\n    \":hover\": {\n      \"& $iconClear\": {\n        display: \"block\",\n      },\n    },\n    \":focus-within $iconClear\": {\n      display: \"block\",\n    },\n  },\n  inputRootFocused: {\n    \"& $iconClear\": {\n      display: \"block\",\n    },\n  },\n  inputRootDisabled: {\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: { padding: 0 },\n  inputBorderContainer: {\n    \"$hasSuggestions &\": {\n      display: \"none\",\n    },\n  },\n  error: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","labelContainer","alignItems","label","paddingBottom","description","adornmentsBox","flexDirection","height","justifyContent","marginRight","icon","width","adornmentButton","backgroundColor","border","padding","margin","cursor","iconClear","hasSuggestions","suggestionsContainer","position","suggestionList","suggestionsClasses","list","inputExtension","theme","space","xs","colors","atmo1","boxShadow","input","inputRoot","inputRootFocused","inputRootDisabled","inputRootMultiline","inputBorderContainer","error"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,WAAW;AAAA,EACpEC,MAAM;AAAA,IAAEC,SAAS;AAAA,EAAQ;AAAA,EACzBC,gBAAgB;AAAA,IAAED,SAAS;AAAA,IAAQE,YAAY;AAAA,EAAa;AAAA,EAC5DC,OAAO;AAAA,IAAEC,eAAe;AAAA,IAAOJ,SAAS;AAAA,EAAQ;AAAA,EAChDK,aAAa,CAAC;AAAA,EACdC,eAAe;AAAA,IACbN,SAAS;AAAA,IACTO,eAAe;AAAA,IACfC,QAAQ;AAAA,IACRC,gBAAgB;AAAA,IAChBC,aAAa;AAAA,EACf;AAAA,EACAC,MAAM;AAAA,IAAEC,OAAO;AAAA,IAAQJ,QAAQ;AAAA,EAAO;AAAA,EACtCK,iBAAiB;AAAA,IACfC,iBAAiB;AAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,QAAQ;AAAA,EACV;AAAA,EACAC,WAAW;AAAA,IAAEnB,SAAS;AAAA,EAAO;AAAA,EAC7BoB,gBAAgB,CAAC;AAAA,EACjBC,sBAAsB;AAAA,IAAET,OAAO;AAAA,IAAQU,UAAU;AAAA,EAAW;AAAA,EAC5DC,gBAAgB;AAAA,IACd,CAAE,MAAKC,mBAAmBzB,SAASyB,mBAAmBC,QAAQ,GAAG;AAAA,MAC/Db,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACAc,gBAAgB;AAAA,IACdlB,QAAQmB,MAAMC,MAAMC;AAAAA,IACpBf,iBAAiBa,MAAMG,OAAOC;AAAAA,IAC9BC,WAAY,eAAcL,MAAMG,OAAOC;AAAAA,EACzC;AAAA,EACAE,OAAO;AAAA,IACL,gBAAgB;AAAA,MACdjC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAkC,WAAW;AAAA,IACT,UAAU;AAAA,MACR,gBAAgB;AAAA,QACdlC,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,4BAA4B;AAAA,MAC1BA,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAmC,kBAAkB;AAAA,IAChB,gBAAgB;AAAA,MACdnC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAoC,mBAAmB;AAAA,IACjBlB,QAAQ;AAAA,EACV;AAAA,EACAmB,oBAAoB;AAAA,IAAErB,SAAS;AAAA,EAAE;AAAA,EACjCsB,sBAAsB;AAAA,IACpB,qBAAqB;AAAA,MACnBtC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAuC,OAAO,CAAC;AACV,CAAC;"}

package/dist/esm/components/Kpi/Kpi.js

@@ -1,8 +1,8 @@
 import { clsx } from "clsx";
+import { useLabels } from "../../hooks/useLabels.js";
 import { StyledRoot, StyledIndicatorsContainer, StyledVisualIndicator, StyledIndicatorText, StyledIndicatorUnit, StyledComparisonComposition, StyledTrendIndicator, StyledComparisonContainer, StyledInternalVisualComparisonTypography, StyledInternalVisualComparisonDiv } from "./Kpi.styles.js";
 import kpiClasses from "./kpiClasses.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { useLabels } from "../../hooks/useLabels.js";
 import { HvTypography } from "../Typography/Typography.js";
 const DEFAULT_LABELS = {
   title: "",

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

@@ -1 +1 @@
-{"version":3,"file":"Kpi.js","sources":["../../../../src/components/Kpi/Kpi.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useLabels } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvTypography } from \"..\";\nimport {\n  StyledComparisonComposition,\n  StyledComparisonContainer,\n  StyledIndicatorsContainer,\n  StyledIndicatorText,\n  StyledIndicatorUnit,\n  StyledInternalVisualComparisonDiv,\n  StyledInternalVisualComparisonTypography,\n  StyledRoot,\n  StyledTrendIndicator,\n  StyledVisualIndicator,\n} from \"./Kpi.styles\";\nimport kpiClasses, { HvKpiClasses } from \"./kpiClasses\";\n\nexport interface HvKpiLabelProps {\n  /**\n   * The text at the top of the kpi.\n   */\n  title?: string;\n  /**\n   * The text in the middle of the kpi.\n   */\n  indicator?: string;\n  /**\n   * The text to the right of the indicator.\n   */\n  unit?: string;\n  /**\n   * The text to the right of the visual comparison.\n   */\n  comparisonIndicatorInfo?: string;\n}\n\nexport interface HvKpiProps extends HvBaseProps<HTMLDivElement, \"children\"> {\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  trendIndicator?: React.ReactNode;\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  visualIndicator?: React.ReactNode;\n  /**\n   * An Element that will be rendered below the kpi indicator text.\n   */\n  visualComparison?: React.ReactNode;\n  /**\n   * The object that contains the different labels inside the kpi.\n   */\n  labels?: HvKpiLabelProps;\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorTextVariant?: \"display\" | \"title1\" | \"title2\";\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorUnitTextVariant?: \"title2\" | \"body\";\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvKpiClasses;\n}\n\nconst DEFAULT_LABELS = {\n  title: \"\",\n  indicator: undefined,\n  unit: undefined,\n  comparisonIndicatorInfo: undefined,\n};\n\n/**\n * Key Performance Indicator is a type of performance measurement. It monitors a business indicator\n * and its success/failure against a given target. KPIs are the first item read on a dashboard.\n * Communicates simple, immediate and vital information for operational decision making.\n */\nexport const HvKpi = ({\n  trendIndicator = null,\n  visualIndicator = null,\n  visualComparison = null,\n  indicatorUnitTextVariant = \"title2\",\n  indicatorTextVariant = \"title1\",\n  labels,\n  classes,\n  className,\n  ...others\n}: HvKpiProps) => {\n  const mergedLabels = useLabels(DEFAULT_LABELS, labels);\n\n  const InternalVisualComparison =\n    typeof visualComparison === \"string\"\n      ? StyledInternalVisualComparisonTypography\n      : StyledInternalVisualComparisonDiv;\n\n  return (\n    <StyledRoot\n      className={clsx(classes?.root, className, kpiClasses.root)}\n      {...others}\n    >\n      <div>\n        <HvTypography variant=\"label\">{mergedLabels?.title}</HvTypography>\n      </div>\n      <StyledIndicatorsContainer\n        className={clsx(\n          kpiClasses.indicatorsContainer,\n          classes?.indicatorsContainer\n        )}\n      >\n        {visualIndicator && (\n          <StyledVisualIndicator\n            className={clsx(\n              kpiClasses.visualIndicatorContainer,\n              kpiClasses.spacingToTheRight,\n              classes?.visualIndicatorContainer,\n              classes?.spacingToTheRight\n            )}\n          >\n            {visualIndicator}\n          </StyledVisualIndicator>\n        )}\n        {mergedLabels?.indicator && (\n          <StyledIndicatorText\n            className={clsx(\n              kpiClasses.spacingToTheRight,\n              kpiClasses.indicatorText,\n              classes?.spacingToTheRight,\n              classes?.indicatorText\n            )}\n            variant={indicatorTextVariant}\n          >\n            {mergedLabels.indicator}\n          </StyledIndicatorText>\n        )}\n        {mergedLabels?.unit && (\n          <StyledIndicatorUnit\n            className={clsx(kpiClasses.indicatorUnit, classes?.indicatorUnit)}\n            variant={indicatorUnitTextVariant}\n          >\n            {mergedLabels.unit}\n          </StyledIndicatorUnit>\n        )}\n      </StyledIndicatorsContainer>\n      {visualComparison && (\n        <StyledComparisonComposition\n          className={clsx(\n            kpiClasses.comparisonComposition,\n            classes?.comparisonComposition\n          )}\n        >\n          {trendIndicator && (\n            <StyledTrendIndicator\n              className={clsx(\n                kpiClasses.trendLine,\n                kpiClasses.spacingToTheRight,\n                classes?.trendLine,\n                classes?.spacingToTheRight\n              )}\n            >\n              {trendIndicator}\n            </StyledTrendIndicator>\n          )}\n          <div>\n            <StyledComparisonContainer\n              className={clsx(\n                kpiClasses.comparisonContainer,\n                classes?.comparisonContainer\n              )}\n            >\n              <InternalVisualComparison\n                className={clsx(\n                  kpiClasses.comparisons,\n                  kpiClasses.spacingToTheRight,\n                  classes?.comparisons,\n                  classes?.spacingToTheRight\n                )}\n                variant=\"label\"\n              >\n                {visualComparison}\n              </InternalVisualComparison>\n            </StyledComparisonContainer>\n            <StyledComparisonContainer\n              className={clsx(\n                kpiClasses.comparisonContainer,\n                classes?.comparisonContainer\n              )}\n            >\n              <HvTypography\n                className={clsx(kpiClasses.comparisons, classes?.comparisons)}\n                variant=\"caption2\"\n              >\n                {mergedLabels?.comparisonIndicatorInfo}\n              </HvTypography>\n            </StyledComparisonContainer>\n          </div>\n        </StyledComparisonComposition>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","trendIndicator","visualIndicator","visualComparison","indicatorUnitTextVariant","indicatorTextVariant","labels","classes","className","others","mergedLabels","useLabels","InternalVisualComparison","StyledInternalVisualComparisonTypography","StyledInternalVisualComparisonDiv","StyledRoot","clsx","root","kpiClasses","children","_jsx","HvTypography","variant","_jsxs","StyledIndicatorsContainer","indicatorsContainer","StyledVisualIndicator","visualIndicatorContainer","spacingToTheRight","StyledIndicatorText","indicatorText","StyledIndicatorUnit","indicatorUnit","StyledComparisonComposition","comparisonComposition","StyledTrendIndicator","trendLine","StyledComparisonContainer","comparisonContainer","comparisons"],"mappings":";;;;;;AAoEA,MAAMA,iBAAiB;AAAA,EACrBC,OAAO;AAAA,EACPC,WAAWC;AAAAA,EACXC,MAAMD;AAAAA,EACNE,yBAAyBF;AAC3B;AAOO,MAAMG,QAAQA,CAAC;AAAA,EACpBC,iBAAiB;AAAA,EACjBC,kBAAkB;AAAA,EAClBC,mBAAmB;AAAA,EACnBC,2BAA2B;AAAA,EAC3BC,uBAAuB;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACO,MAAM;AACVC,QAAAA,eAAeC,UAAUjB,gBAAgBY,MAAM;AAErD,QAAMM,2BACJ,OAAOT,qBAAqB,WACxBU,2CACAC;AAEN,8BACGC,YAAU;AAAA,IACTP,WAAWQ,KAAKT,mCAASU,MAAMT,WAAWU,WAAWD,IAAI;AAAA,IAAE,GACvDR;AAAAA,IAAMU,WAEVC,oBAAA,OAAA;AAAA,MAAAD,8BACGE,cAAY;AAAA,QAACC,SAAQ;AAAA,QAAOH,UAAET,6CAAcf;AAAAA,MAAAA,CAAoB;AAAA,IAAA,CAC9D,GACL4B,qBAACC,2BAAyB;AAAA,MACxBhB,WAAWQ,KACTE,WAAWO,qBACXlB,mCAASkB,mBACX;AAAA,MAAEN,UAEDjB,CAAAA,mBACCkB,oBAACM,uBAAqB;AAAA,QACpBlB,WAAWQ,KACTE,WAAWS,0BACXT,WAAWU,mBACXrB,mCAASoB,0BACTpB,mCAASqB,iBACX;AAAA,QAAET,UAEDjB;AAAAA,MACoB,CAAA,IAExBQ,6CAAcd,kCACZiC,qBAAmB;AAAA,QAClBrB,WAAWQ,KACTE,WAAWU,mBACXV,WAAWY,eACXvB,mCAASqB,mBACTrB,mCAASuB,aACX;AAAA,QACAR,SAASjB;AAAAA,QAAqBc,UAE7BT,aAAad;AAAAA,MACK,CAAA,IAEtBc,6CAAcZ,6BACZiC,qBAAmB;AAAA,QAClBvB,WAAWQ,KAAKE,WAAWc,eAAezB,mCAASyB,aAAa;AAAA,QAChEV,SAASlB;AAAAA,QAAyBe,UAEjCT,aAAaZ;AAAAA,MAAAA,CACK,CACtB;AAAA,IAAA,CACwB,GAC1BK,oBACCoB,qBAACU,6BAA2B;AAAA,MAC1BzB,WAAWQ,KACTE,WAAWgB,uBACX3B,mCAAS2B,qBACX;AAAA,MAAEf,UAEDlB,CAAAA,kBACCmB,oBAACe,sBAAoB;AAAA,QACnB3B,WAAWQ,KACTE,WAAWkB,WACXlB,WAAWU,mBACXrB,mCAAS6B,WACT7B,mCAASqB,iBACX;AAAA,QAAET,UAEDlB;AAAAA,MAAAA,CACmB,GAExBsB,qBAAA,OAAA;AAAA,QAAAJ,UAAA,CACEC,oBAACiB,2BAAyB;AAAA,UACxB7B,WAAWQ,KACTE,WAAWoB,qBACX/B,mCAAS+B,mBACX;AAAA,UAAEnB,8BAEDP,0BAAwB;AAAA,YACvBJ,WAAWQ,KACTE,WAAWqB,aACXrB,WAAWU,mBACXrB,mCAASgC,aACThC,mCAASqB,iBACX;AAAA,YACAN,SAAQ;AAAA,YAAOH,UAEdhB;AAAAA,UAAAA,CACuB;AAAA,QAAA,CACD,GAC3BiB,oBAACiB,2BAAyB;AAAA,UACxB7B,WAAWQ,KACTE,WAAWoB,qBACX/B,mCAAS+B,mBACX;AAAA,UAAEnB,8BAEDE,cAAY;AAAA,YACXb,WAAWQ,KAAKE,WAAWqB,aAAahC,mCAASgC,WAAW;AAAA,YAC5DjB,SAAQ;AAAA,YAAUH,UAEjBT,6CAAcX;AAAAA,UAAAA,CACH;AAAA,QAAA,CACW,CAAC;AAAA,MAAA,CACzB,CAAC;AAAA,IAAA,CACqB,CAC9B;AAAA,EAAA,CACS;AAEhB;"}
+{"version":3,"file":"Kpi.js","sources":["../../../../src/components/Kpi/Kpi.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { useLabels } from \"@core/hooks/useLabels\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport {\n  StyledComparisonComposition,\n  StyledComparisonContainer,\n  StyledIndicatorsContainer,\n  StyledIndicatorText,\n  StyledIndicatorUnit,\n  StyledInternalVisualComparisonDiv,\n  StyledInternalVisualComparisonTypography,\n  StyledRoot,\n  StyledTrendIndicator,\n  StyledVisualIndicator,\n} from \"./Kpi.styles\";\nimport kpiClasses, { HvKpiClasses } from \"./kpiClasses\";\n\nexport interface HvKpiLabelProps {\n  /**\n   * The text at the top of the kpi.\n   */\n  title?: string;\n  /**\n   * The text in the middle of the kpi.\n   */\n  indicator?: string;\n  /**\n   * The text to the right of the indicator.\n   */\n  unit?: string;\n  /**\n   * The text to the right of the visual comparison.\n   */\n  comparisonIndicatorInfo?: string;\n}\n\nexport interface HvKpiProps extends HvBaseProps<HTMLDivElement, \"children\"> {\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  trendIndicator?: React.ReactNode;\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  visualIndicator?: React.ReactNode;\n  /**\n   * An Element that will be rendered below the kpi indicator text.\n   */\n  visualComparison?: React.ReactNode;\n  /**\n   * The object that contains the different labels inside the kpi.\n   */\n  labels?: HvKpiLabelProps;\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorTextVariant?: \"display\" | \"title1\" | \"title2\";\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorUnitTextVariant?: \"title2\" | \"body\";\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvKpiClasses;\n}\n\nconst DEFAULT_LABELS = {\n  title: \"\",\n  indicator: undefined,\n  unit: undefined,\n  comparisonIndicatorInfo: undefined,\n};\n\n/**\n * Key Performance Indicator is a type of performance measurement. It monitors a business indicator\n * and its success/failure against a given target. KPIs are the first item read on a dashboard.\n * Communicates simple, immediate and vital information for operational decision making.\n */\nexport const HvKpi = ({\n  trendIndicator = null,\n  visualIndicator = null,\n  visualComparison = null,\n  indicatorUnitTextVariant = \"title2\",\n  indicatorTextVariant = \"title1\",\n  labels,\n  classes,\n  className,\n  ...others\n}: HvKpiProps) => {\n  const mergedLabels = useLabels(DEFAULT_LABELS, labels);\n\n  const InternalVisualComparison =\n    typeof visualComparison === \"string\"\n      ? StyledInternalVisualComparisonTypography\n      : StyledInternalVisualComparisonDiv;\n\n  return (\n    <StyledRoot\n      className={clsx(classes?.root, className, kpiClasses.root)}\n      {...others}\n    >\n      <div>\n        <HvTypography variant=\"label\">{mergedLabels?.title}</HvTypography>\n      </div>\n      <StyledIndicatorsContainer\n        className={clsx(\n          kpiClasses.indicatorsContainer,\n          classes?.indicatorsContainer\n        )}\n      >\n        {visualIndicator && (\n          <StyledVisualIndicator\n            className={clsx(\n              kpiClasses.visualIndicatorContainer,\n              kpiClasses.spacingToTheRight,\n              classes?.visualIndicatorContainer,\n              classes?.spacingToTheRight\n            )}\n          >\n            {visualIndicator}\n          </StyledVisualIndicator>\n        )}\n        {mergedLabels?.indicator && (\n          <StyledIndicatorText\n            className={clsx(\n              kpiClasses.spacingToTheRight,\n              kpiClasses.indicatorText,\n              classes?.spacingToTheRight,\n              classes?.indicatorText\n            )}\n            variant={indicatorTextVariant}\n          >\n            {mergedLabels.indicator}\n          </StyledIndicatorText>\n        )}\n        {mergedLabels?.unit && (\n          <StyledIndicatorUnit\n            className={clsx(kpiClasses.indicatorUnit, classes?.indicatorUnit)}\n            variant={indicatorUnitTextVariant}\n          >\n            {mergedLabels.unit}\n          </StyledIndicatorUnit>\n        )}\n      </StyledIndicatorsContainer>\n      {visualComparison && (\n        <StyledComparisonComposition\n          className={clsx(\n            kpiClasses.comparisonComposition,\n            classes?.comparisonComposition\n          )}\n        >\n          {trendIndicator && (\n            <StyledTrendIndicator\n              className={clsx(\n                kpiClasses.trendLine,\n                kpiClasses.spacingToTheRight,\n                classes?.trendLine,\n                classes?.spacingToTheRight\n              )}\n            >\n              {trendIndicator}\n            </StyledTrendIndicator>\n          )}\n          <div>\n            <StyledComparisonContainer\n              className={clsx(\n                kpiClasses.comparisonContainer,\n                classes?.comparisonContainer\n              )}\n            >\n              <InternalVisualComparison\n                className={clsx(\n                  kpiClasses.comparisons,\n                  kpiClasses.spacingToTheRight,\n                  classes?.comparisons,\n                  classes?.spacingToTheRight\n                )}\n                variant=\"label\"\n              >\n                {visualComparison}\n              </InternalVisualComparison>\n            </StyledComparisonContainer>\n            <StyledComparisonContainer\n              className={clsx(\n                kpiClasses.comparisonContainer,\n                classes?.comparisonContainer\n              )}\n            >\n              <HvTypography\n                className={clsx(kpiClasses.comparisons, classes?.comparisons)}\n                variant=\"caption2\"\n              >\n                {mergedLabels?.comparisonIndicatorInfo}\n              </HvTypography>\n            </StyledComparisonContainer>\n          </div>\n        </StyledComparisonComposition>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","trendIndicator","visualIndicator","visualComparison","indicatorUnitTextVariant","indicatorTextVariant","labels","classes","className","others","mergedLabels","useLabels","InternalVisualComparison","StyledInternalVisualComparisonTypography","StyledInternalVisualComparisonDiv","StyledRoot","clsx","root","kpiClasses","children","_jsx","HvTypography","variant","_jsxs","StyledIndicatorsContainer","indicatorsContainer","StyledVisualIndicator","visualIndicatorContainer","spacingToTheRight","StyledIndicatorText","indicatorText","StyledIndicatorUnit","indicatorUnit","StyledComparisonComposition","comparisonComposition","StyledTrendIndicator","trendLine","StyledComparisonContainer","comparisonContainer","comparisons"],"mappings":";;;;;;AAsEA,MAAMA,iBAAiB;AAAA,EACrBC,OAAO;AAAA,EACPC,WAAWC;AAAAA,EACXC,MAAMD;AAAAA,EACNE,yBAAyBF;AAC3B;AAOO,MAAMG,QAAQA,CAAC;AAAA,EACpBC,iBAAiB;AAAA,EACjBC,kBAAkB;AAAA,EAClBC,mBAAmB;AAAA,EACnBC,2BAA2B;AAAA,EAC3BC,uBAAuB;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACO,MAAM;AACVC,QAAAA,eAAeC,UAAUjB,gBAAgBY,MAAM;AAErD,QAAMM,2BACJ,OAAOT,qBAAqB,WACxBU,2CACAC;AAEN,8BACGC,YAAU;AAAA,IACTP,WAAWQ,KAAKT,mCAASU,MAAMT,WAAWU,WAAWD,IAAI;AAAA,IAAE,GACvDR;AAAAA,IAAMU,WAEVC,oBAAA,OAAA;AAAA,MAAAD,8BACGE,cAAY;AAAA,QAACC,SAAQ;AAAA,QAAOH,UAAET,6CAAcf;AAAAA,MAAAA,CAAoB;AAAA,IAAA,CAC9D,GACL4B,qBAACC,2BAAyB;AAAA,MACxBhB,WAAWQ,KACTE,WAAWO,qBACXlB,mCAASkB,mBACX;AAAA,MAAEN,UAEDjB,CAAAA,mBACCkB,oBAACM,uBAAqB;AAAA,QACpBlB,WAAWQ,KACTE,WAAWS,0BACXT,WAAWU,mBACXrB,mCAASoB,0BACTpB,mCAASqB,iBACX;AAAA,QAAET,UAEDjB;AAAAA,MACoB,CAAA,IAExBQ,6CAAcd,kCACZiC,qBAAmB;AAAA,QAClBrB,WAAWQ,KACTE,WAAWU,mBACXV,WAAWY,eACXvB,mCAASqB,mBACTrB,mCAASuB,aACX;AAAA,QACAR,SAASjB;AAAAA,QAAqBc,UAE7BT,aAAad;AAAAA,MACK,CAAA,IAEtBc,6CAAcZ,6BACZiC,qBAAmB;AAAA,QAClBvB,WAAWQ,KAAKE,WAAWc,eAAezB,mCAASyB,aAAa;AAAA,QAChEV,SAASlB;AAAAA,QAAyBe,UAEjCT,aAAaZ;AAAAA,MAAAA,CACK,CACtB;AAAA,IAAA,CACwB,GAC1BK,oBACCoB,qBAACU,6BAA2B;AAAA,MAC1BzB,WAAWQ,KACTE,WAAWgB,uBACX3B,mCAAS2B,qBACX;AAAA,MAAEf,UAEDlB,CAAAA,kBACCmB,oBAACe,sBAAoB;AAAA,QACnB3B,WAAWQ,KACTE,WAAWkB,WACXlB,WAAWU,mBACXrB,mCAAS6B,WACT7B,mCAASqB,iBACX;AAAA,QAAET,UAEDlB;AAAAA,MAAAA,CACmB,GAExBsB,qBAAA,OAAA;AAAA,QAAAJ,UAAA,CACEC,oBAACiB,2BAAyB;AAAA,UACxB7B,WAAWQ,KACTE,WAAWoB,qBACX/B,mCAAS+B,mBACX;AAAA,UAAEnB,8BAEDP,0BAAwB;AAAA,YACvBJ,WAAWQ,KACTE,WAAWqB,aACXrB,WAAWU,mBACXrB,mCAASgC,aACThC,mCAASqB,iBACX;AAAA,YACAN,SAAQ;AAAA,YAAOH,UAEdhB;AAAAA,UAAAA,CACuB;AAAA,QAAA,CACD,GAC3BiB,oBAACiB,2BAAyB;AAAA,UACxB7B,WAAWQ,KACTE,WAAWoB,qBACX/B,mCAAS+B,mBACX;AAAA,UAAEnB,8BAEDE,cAAY;AAAA,YACXb,WAAWQ,KAAKE,WAAWqB,aAAahC,mCAASgC,WAAW;AAAA,YAC5DjB,SAAQ;AAAA,YAAUH,UAEjBT,6CAAcX;AAAAA,UAAAA,CACH;AAAA,QAAA,CACW,CAAC;AAAA,MAAA,CACzB,CAAC;AAAA,IAAA,CACqB,CAC9B;AAAA,EAAA,CACS;AAEhB;"}