@hitachivantara/uikit-react-core 5.32.0 → 5.34.0

package/dist/esm/components/Typography/Typography.js

@@ -49,7 +49,7 @@ const HvTypography = forwardRef((props, ref) => {
   const {
     activeTheme
   } = useTheme();
-  const variant = mapVariant(variantProp, activeTheme == null ? void 0 : activeTheme.name);
+  const variant = mapVariant(variantProp, activeTheme?.name);
   const Component = ComponentProp || paragraph && "p" || HvTypographyMap[variant] || "span";
   return /* @__PURE__ */ jsx(Component, { ref, className: cx(classes.root, classes[variant], {
     [classes.isLink]: link,

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { PolymorphicComponentRef, PolymorphicRef } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  HvTypographyLegacyVariants,\n  HvTypographyVariants,\n  mapVariant,\n} from \"./utils\";\nimport { staticClasses, useClasses } from \"./Typography.styles\";\n\nexport { staticClasses as typographyClasses };\n\nexport type HvTypographyClasses = ExtractNames<typeof useClasses>;\n\nconst HvTypographyMap = {\n  display: \"h1\",\n  title1: \"h1\",\n  title2: \"h2\",\n  title3: \"h3\",\n  title4: \"h4\",\n  body: \"p\",\n  label: \"span\",\n  caption1: \"p\",\n  caption2: \"p\",\n  // LEGACY\n  \"5xlTitle\": \"h1\",\n  \"4xlTitle\": \"h1\",\n  xxlTitle: \"h1\",\n  lTitle: \"h2\",\n  sTitle: \"h4\",\n  xxsTitle: \"h6\",\n  sectionTitle: \"p\",\n  placeholderText: \"p\",\n  link: \"p\",\n  disabledText: \"p\",\n  selectedNavText: \"p\",\n  vizTextDisabled: \"p\",\n  xsInlineLink: \"p\",\n} as const;\n\nexport type HvTypographyProps<C extends React.ElementType = \"p\"> =\n  PolymorphicComponentRef<\n    C,\n    {\n      /** Use the variant prop to change the visual style of the Typography. */\n      variant?: HvTypographyVariants | HvTypographyLegacyVariants;\n      /** If `true` the typography will display the look of a link. */\n      link?: boolean;\n      /** If `true` the typography will display the look of a disabled state. */\n      disabled?: boolean;\n      /** If `true`, the text will have a bottom margin. */\n      paragraph?: boolean;\n      /**\n       * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n       *\n       * Note that text overflow can only happen with block or inline-block level elements\n       * (the element needs to have a width in order to overflow).\n       */\n      noWrap?: boolean;\n      /** A Jss Object used to override or extend the styles applied to the component. */\n      classes?: HvTypographyClasses;\n    }\n  >;\n\n/**\n * Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography: <C extends React.ElementType = \"p\">(\n  props: HvTypographyProps<C>\n) => React.ReactElement | null = forwardRef(\n  <C extends React.ElementType = \"p\">(\n    props: HvTypographyProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const {\n      className,\n      component: ComponentProp,\n      classes: classesProp,\n      variant: variantProp = \"body\",\n      link = false,\n      disabled = false,\n      noWrap = false,\n      paragraph = false,\n      ...others\n    } = useDefaultProps(\"HvTypography\", props);\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n\n    const variant = mapVariant(variantProp, activeTheme?.name);\n\n    const Component =\n      ComponentProp || (paragraph && \"p\") || HvTypographyMap[variant] || \"span\";\n\n    return (\n      <Component\n        ref={ref}\n        className={cx(\n          classes.root,\n          classes[variant],\n          {\n            [classes.isLink]: link,\n            [classes.noWrap]: noWrap,\n            [classes.disabled]: disabled,\n          },\n          className\n        )}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvTypographyMap","display","title1","title2","title3","title4","body","label","caption1","caption2","xxlTitle","lTitle","sTitle","xxsTitle","sectionTitle","placeholderText","link","disabledText","selectedNavText","vizTextDisabled","xsInlineLink","HvTypography","forwardRef","props","ref","className","component","ComponentProp","classes","classesProp","variant","variantProp","disabled","noWrap","paragraph","others","useDefaultProps","cx","useClasses","activeTheme","useTheme","mapVariant","name","Component","root","isLink"],"mappings":";;;;;;;AAkBA,MAAMA,kBAAkB;AAAA,EACtBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,UAAU;AAAA;AAAA,EAEV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,iBAAiB;AAAA,EACjBC,cAAc;AAChB;AA6BO,MAAMC,eAEoBC,WAC/B,CACEC,OACAC,QACG;AACG,QAAA;AAAA,IACJC;AAAAA,IACAC,WAAWC;AAAAA,IACXC,SAASC;AAAAA,IACTC,SAASC,cAAc;AAAA,IACvBf,OAAO;AAAA,IACPgB,WAAW;AAAA,IACXC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZ,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAgBb,KAAK;AACnC,QAAA;AAAA,IAAEK;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,WAAWT,WAAW;AACxC,QAAA;AAAA,IAAEU;AAAAA,MAAgBC,SAAS;AAEjC,QAAMV,UAAUW,WAAWV,aAAaQ,2CAAaG,IAAI;AAEzD,QAAMC,YACJhB,iBAAkBO,aAAa,OAAQlC,gBAAgB8B,OAAO,KAAK;AAGnE,SAAA,oBAAC,aACC,KACA,WAAWO,GACTT,QAAQgB,MACRhB,QAAQE,OAAO,GACf;AAAA,IACE,CAACF,QAAQiB,MAAM,GAAG7B;AAAAA,IAClB,CAACY,QAAQK,MAAM,GAAGA;AAAAA,IAClB,CAACL,QAAQI,QAAQ,GAAGA;AAAAA,EAEtBP,GAAAA,SACF,GACIU,GAAAA,OACJ,CAAA;AAEN,CACF;"}
+{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { PolymorphicComponentRef, PolymorphicRef } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  HvTypographyLegacyVariants,\n  HvTypographyVariants,\n  mapVariant,\n} from \"./utils\";\nimport { staticClasses, useClasses } from \"./Typography.styles\";\n\nexport { staticClasses as typographyClasses };\n\nexport type HvTypographyClasses = ExtractNames<typeof useClasses>;\n\nconst HvTypographyMap = {\n  display: \"h1\",\n  title1: \"h1\",\n  title2: \"h2\",\n  title3: \"h3\",\n  title4: \"h4\",\n  body: \"p\",\n  label: \"span\",\n  caption1: \"p\",\n  caption2: \"p\",\n  // LEGACY\n  \"5xlTitle\": \"h1\",\n  \"4xlTitle\": \"h1\",\n  xxlTitle: \"h1\",\n  lTitle: \"h2\",\n  sTitle: \"h4\",\n  xxsTitle: \"h6\",\n  sectionTitle: \"p\",\n  placeholderText: \"p\",\n  link: \"p\",\n  disabledText: \"p\",\n  selectedNavText: \"p\",\n  vizTextDisabled: \"p\",\n  xsInlineLink: \"p\",\n} as const;\n\nexport type HvTypographyProps<C extends React.ElementType = \"p\"> =\n  PolymorphicComponentRef<\n    C,\n    {\n      /** Use the variant prop to change the visual style of the Typography. */\n      variant?: HvTypographyVariants | HvTypographyLegacyVariants;\n      /** If `true` the typography will display the look of a link. */\n      link?: boolean;\n      /** If `true` the typography will display the look of a disabled state. */\n      disabled?: boolean;\n      /** If `true`, the text will have a bottom margin. */\n      paragraph?: boolean;\n      /**\n       * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n       *\n       * Note that text overflow can only happen with block or inline-block level elements\n       * (the element needs to have a width in order to overflow).\n       */\n      noWrap?: boolean;\n      /** A Jss Object used to override or extend the styles applied to the component. */\n      classes?: HvTypographyClasses;\n    }\n  >;\n\n/**\n * Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography: <C extends React.ElementType = \"p\">(\n  props: HvTypographyProps<C>\n) => React.ReactElement | null = forwardRef(\n  <C extends React.ElementType = \"p\">(\n    props: HvTypographyProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const {\n      className,\n      component: ComponentProp,\n      classes: classesProp,\n      variant: variantProp = \"body\",\n      link = false,\n      disabled = false,\n      noWrap = false,\n      paragraph = false,\n      ...others\n    } = useDefaultProps(\"HvTypography\", props);\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n\n    const variant = mapVariant(variantProp, activeTheme?.name);\n\n    const Component =\n      ComponentProp || (paragraph && \"p\") || HvTypographyMap[variant] || \"span\";\n\n    return (\n      <Component\n        ref={ref}\n        className={cx(\n          classes.root,\n          classes[variant],\n          {\n            [classes.isLink]: link,\n            [classes.noWrap]: noWrap,\n            [classes.disabled]: disabled,\n          },\n          className\n        )}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvTypographyMap","display","title1","title2","title3","title4","body","label","caption1","caption2","xxlTitle","lTitle","sTitle","xxsTitle","sectionTitle","placeholderText","link","disabledText","selectedNavText","vizTextDisabled","xsInlineLink","HvTypography","forwardRef","props","ref","className","component","ComponentProp","classes","classesProp","variant","variantProp","disabled","noWrap","paragraph","others","useDefaultProps","cx","useClasses","activeTheme","useTheme","mapVariant","name","Component","root","isLink"],"mappings":";;;;;;;AAkBA,MAAMA,kBAAkB;AAAA,EACtBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,UAAU;AAAA;AAAA,EAEV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,iBAAiB;AAAA,EACjBC,cAAc;AAChB;AA6BO,MAAMC,eAEoBC,WAC/B,CACEC,OACAC,QACG;AACG,QAAA;AAAA,IACJC;AAAAA,IACAC,WAAWC;AAAAA,IACXC,SAASC;AAAAA,IACTC,SAASC,cAAc;AAAA,IACvBf,OAAO;AAAA,IACPgB,WAAW;AAAA,IACXC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZ,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAgBb,KAAK;AACnC,QAAA;AAAA,IAAEK;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,WAAWT,WAAW;AACxC,QAAA;AAAA,IAAEU;AAAAA,MAAgBC,SAAS;AAEjC,QAAMV,UAAUW,WAAWV,aAAaQ,aAAaG,IAAI;AAEzD,QAAMC,YACJhB,iBAAkBO,aAAa,OAAQlC,gBAAgB8B,OAAO,KAAK;AAGnE,SAAA,oBAAC,aACC,KACA,WAAWO,GACTT,QAAQgB,MACRhB,QAAQE,OAAO,GACf;AAAA,IACE,CAACF,QAAQiB,MAAM,GAAG7B;AAAAA,IAClB,CAACY,QAAQK,MAAM,GAAGA;AAAAA,IAClB,CAACL,QAAQI,QAAQ,GAAGA;AAAAA,EAEtBP,GAAAA,SACF,GACIU,GAAAA,OACJ,CAAA;AAEN,CACF;"}

package/dist/esm/components/VerticalNavigation/Actions/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.tsx"],"sourcesContent":["import { MouseEventHandler, useCallback, useContext } from \"react\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Action.styles\";\n\nexport { staticClasses as actionClasses };\n\nexport type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationActionProps {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionClasses;\n  /**\n   * Id to be applied to the action.\n   */\n  id?: string;\n  /**\n   * Visual label.\n   */\n  label?: string;\n  /**\n   * Icon.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Callback called when clicked.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationAction = ({\n  className,\n  classes: classesProp,\n  id,\n  label = \"\",\n  icon,\n  onClick,\n  ...others\n}: HvVerticalNavigationActionProps) => {\n  const { isOpen } = useContext(VerticalNavigationContext);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKey(event, \"Enter\") && !isKey(event, \"Space\"))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <HvTypography\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={cx(\n        classes.action,\n        {\n          [classes.noIcon]: !icon,\n          [classes.minimized]: !isOpen,\n        },\n        className\n      )}\n      tabIndex={0}\n      {...(!isOpen && { \"aria-label\": label })}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {isOpen && label}\n    </HvTypography>\n  );\n};\n"],"names":["HvVerticalNavigationAction","className","classes","classesProp","id","label","icon","onClick","others","isOpen","useContext","VerticalNavigationContext","cx","useClasses","handleKeyDown","useCallback","event","isKey","setId","action","noIcon","minimized"],"mappings":";;;;;;;;AAyCO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC,QAAQ;AAAA,EACRC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAWC,WAAWC,yBAAyB;AAEjD,QAAA;AAAA,IAAET;AAAAA,IAASU;AAAAA,EAAAA,IAAOC,WAAWV,WAAW;AAExCW,QAAAA,gBAAgBC,YACnBC,CAAU,UAAA;AAEPT,QAAAA,WAAW,QACV,CAACU,MAAMD,OAAO,OAAO,KAAK,CAACC,MAAMD,OAAO,OAAO,GAChD;AACA;AAAA,IACF;AAEAT,YAAQS,KAAK;AAAA,EAAA,GAEf,CAACT,OAAO,CACV;AAEA,SACG,qBAAA,cAAA,EACC,IAAIW,MAAMd,IAAI,QAAQ,GACtB,WAAU,OACV,MAAK,UACL,WAAWQ,GACTV,QAAQiB,QACR;AAAA,IACE,CAACjB,QAAQkB,MAAM,GAAG,CAACd;AAAAA,IACnB,CAACJ,QAAQmB,SAAS,GAAG,CAACZ;AAAAA,KAExBR,SACF,GACA,UAAU,GACL,GAAA,CAACQ,UAAU;AAAA,IAAE,cAAcJ;AAAAA,EAChC,GAAA,WAAWS,eACX,SACA,GAAIN,QAEHF,UAAAA;AAAAA,IAAAA;AAAAA,IACAG,UAAUJ;AAAAA,EACb,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"Action.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.tsx"],"sourcesContent":["import { MouseEventHandler, useCallback, useContext } from \"react\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Action.styles\";\n\nexport { staticClasses as actionClasses };\n\nexport type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationActionProps {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionClasses;\n  /**\n   * Id to be applied to the action.\n   */\n  id?: string;\n  /**\n   * Visual label.\n   */\n  label?: string;\n  /**\n   * Icon.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Callback called when clicked.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationAction = ({\n  className,\n  classes: classesProp,\n  id,\n  label = \"\",\n  icon,\n  onClick,\n  ...others\n}: HvVerticalNavigationActionProps) => {\n  const { isOpen } = useContext(VerticalNavigationContext);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKey(event, \"Enter\") && !isKey(event, \"Space\"))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <HvTypography\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={cx(\n        classes.action,\n        {\n          [classes.noIcon]: !icon,\n          [classes.minimized]: !isOpen,\n        },\n        className\n      )}\n      tabIndex={0}\n      {...(!isOpen && { \"aria-label\": label })}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {isOpen && label}\n    </HvTypography>\n  );\n};\n"],"names":["HvVerticalNavigationAction","className","classes","classesProp","id","label","icon","onClick","others","isOpen","useContext","VerticalNavigationContext","cx","useClasses","handleKeyDown","useCallback","event","isKey","setId","action","noIcon","minimized"],"mappings":";;;;;;;;AA0CO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC,QAAQ;AAAA,EACRC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAWC,WAAWC,yBAAyB;AAEjD,QAAA;AAAA,IAAET;AAAAA,IAASU;AAAAA,EAAAA,IAAOC,WAAWV,WAAW;AAExCW,QAAAA,gBAAgBC,YACnBC,CAAU,UAAA;AAEPT,QAAAA,WAAW,QACV,CAACU,MAAMD,OAAO,OAAO,KAAK,CAACC,MAAMD,OAAO,OAAO,GAChD;AACA;AAAA,IACF;AAEAT,YAAQS,KAAK;AAAA,EAAA,GAEf,CAACT,OAAO,CACV;AAEA,SACG,qBAAA,cAAA,EACC,IAAIW,MAAMd,IAAI,QAAQ,GACtB,WAAU,OACV,MAAK,UACL,WAAWQ,GACTV,QAAQiB,QACR;AAAA,IACE,CAACjB,QAAQkB,MAAM,GAAG,CAACd;AAAAA,IACnB,CAACJ,QAAQmB,SAAS,GAAG,CAACZ;AAAAA,KAExBR,SACF,GACA,UAAU,GACL,GAAA,CAACQ,UAAU;AAAA,IAAE,cAAcJ;AAAAA,EAChC,GAAA,WAAWS,eACX,SACA,GAAIN,QAEHF,UAAAA;AAAAA,IAAAA;AAAAA,IACAG,UAAUJ;AAAAA,EACb,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/VerticalNavigation/Actions/Action.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.styles.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nconst hover = () => ({\n  background: theme.colors.containerBackgroundHover,\n});\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationAction\",\n  {\n    action: {\n      width: \"100%\",\n      display: \"flex\",\n      justifyContent: \"flex-start\",\n      alignItems: \"center\",\n      height: \"32px\",\n      color: theme.colors.secondary,\n\n      // hover\n      \"&:hover\": hover(),\n\n      \"&:focus\": {\n        outline: \"none\",\n        ...hover(),\n      },\n\n      \"&:focus-visible\": {\n        ...outlineStyles,\n      },\n\n      // cursor\n      cursor: \"pointer\",\n      \"& *\": {\n        cursor: \"pointer\",\n      },\n    },\n    noIcon: {\n      paddingLeft: theme.space.xs,\n    },\n    minimized: {\n      justifyContent: \"center\",\n      paddingRight: 0,\n    },\n  }\n);\n"],"names":["hover","background","theme","colors","containerBackgroundHover","staticClasses","useClasses","createClasses","action","width","display","justifyContent","alignItems","height","color","secondary","outline","outlineStyles","cursor","noIcon","paddingLeft","space","xs","minimized","paddingRight"],"mappings":";;;AAIA,MAAMA,QAAQA,OAAO;AAAA,EACnBC,YAAYC,MAAMC,OAAOC;AAC3B;AAEa,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,8BACA;AAAA,EACEC,QAAQ;AAAA,IACNC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,OAAOZ,MAAMC,OAAOY;AAAAA;AAAAA,IAGpB,WAAWf,MAAM;AAAA,IAEjB,WAAW;AAAA,MACTgB,SAAS;AAAA,MACT,GAAGhB,MAAM;AAAA,IACX;AAAA,IAEA,mBAAmB;AAAA,MACjB,GAAGiB;AAAAA,IACL;AAAA;AAAA,IAGAC,QAAQ;AAAA,IACR,OAAO;AAAA,MACLA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,QAAQ;AAAA,IACNC,aAAalB,MAAMmB,MAAMC;AAAAA,EAC3B;AAAA,EACAC,WAAW;AAAA,IACTZ,gBAAgB;AAAA,IAChBa,cAAc;AAAA,EAChB;AACF,CACF;"}
+{"version":3,"file":"Action.styles.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nconst hover = () => ({\n  background: theme.colors.containerBackgroundHover,\n});\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationAction\",\n  {\n    action: {\n      width: \"100%\",\n      display: \"flex\",\n      justifyContent: \"flex-start\",\n      alignItems: \"center\",\n      height: \"32px\",\n      color: theme.colors.secondary,\n\n      // hover\n      \"&:hover\": hover(),\n\n      \"&:focus\": {\n        outline: \"none\",\n        ...hover(),\n      },\n\n      \"&:focus-visible\": {\n        ...outlineStyles,\n      },\n\n      // cursor\n      cursor: \"pointer\",\n      \"& *\": {\n        cursor: \"pointer\",\n      },\n    },\n    noIcon: {\n      paddingLeft: theme.space.xs,\n    },\n    minimized: {\n      justifyContent: \"center\",\n      paddingRight: 0,\n    },\n  }\n);\n"],"names":["hover","background","theme","colors","containerBackgroundHover","staticClasses","useClasses","createClasses","action","width","display","justifyContent","alignItems","height","color","secondary","outline","outlineStyles","cursor","noIcon","paddingLeft","space","xs","minimized","paddingRight"],"mappings":";;;AAKA,MAAMA,QAAQA,OAAO;AAAA,EACnBC,YAAYC,MAAMC,OAAOC;AAC3B;AAEa,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,8BACA;AAAA,EACEC,QAAQ;AAAA,IACNC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,OAAOZ,MAAMC,OAAOY;AAAAA;AAAAA,IAGpB,WAAWf,MAAM;AAAA,IAEjB,WAAW;AAAA,MACTgB,SAAS;AAAA,MACT,GAAGhB,MAAM;AAAA,IACX;AAAA,IAEA,mBAAmB;AAAA,MACjB,GAAGiB;AAAAA,IACL;AAAA;AAAA,IAGAC,QAAQ;AAAA,IACR,OAAO;AAAA,MACLA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,QAAQ;AAAA,IACNC,aAAalB,MAAMmB,MAAMC;AAAAA,EAC3B;AAAA,EACAC,WAAW;AAAA,IACTZ,gBAAgB;AAAA,IAChBa,cAAc;AAAA,EAChB;AACF,CACF;"}

package/dist/esm/components/VerticalNavigation/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.tsx"],"sourcesContent":["import { ExtractNames } from \"@core/utils/classes\";\n\nimport { useContext } from \"react\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Actions.styles\";\n\nexport { staticClasses as actionsClasses };\n\nexport type HvVerticalNavigationActionsClasses = ExtractNames<\n  typeof useClasses\n>;\n\nexport interface HvVerticalNavigationActionsProps {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionsClasses;\n  /**\n   * Id to be applied to the actions container.\n   */\n  id?: string;\n  /**\n   * Node to be rendered\n   */\n  children?: React.ReactNode;\n}\n\nexport const HvVerticalNavigationActions = ({\n  className,\n  classes: classesProp,\n  id,\n  children,\n  ...others\n}: HvVerticalNavigationActionsProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const { isOpen, useIcons } = useContext(VerticalNavigationContext);\n\n  return (\n    <div\n      id={id}\n      className={cx(\n        classes.root,\n        {\n          [classes.hide]: !isOpen && !useIcons,\n        },\n        className\n      )}\n      {...others}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["HvVerticalNavigationActions","className","classes","classesProp","id","children","others","cx","useClasses","isOpen","useIcons","useContext","VerticalNavigationContext","root","hide"],"mappings":";;;;;AAgCO,MAAMA,8BAA8BA,CAAC;AAAA,EAC1CC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC6B,MAAM;AAChC,QAAA;AAAA,IAAEJ;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,WAAWL,WAAW;AAExC,QAAA;AAAA,IAAEM;AAAAA,IAAQC;AAAAA,EAAAA,IAAaC,WAAWC,yBAAyB;AAEjE,6BACG,OACC,EAAA,IACA,WAAWL,GACTL,QAAQW,MACR;AAAA,IACE,CAACX,QAAQY,IAAI,GAAG,CAACL,UAAU,CAACC;AAAAA,EAE9BT,GAAAA,SACF,GACA,GAAIK,QAEHD,SACH,CAAA;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Actions.styles\";\n\nexport { staticClasses as actionsClasses };\n\nexport type HvVerticalNavigationActionsClasses = ExtractNames<\n  typeof useClasses\n>;\n\nexport interface HvVerticalNavigationActionsProps {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionsClasses;\n  /**\n   * Id to be applied to the actions container.\n   */\n  id?: string;\n  /**\n   * Node to be rendered\n   */\n  children?: React.ReactNode;\n}\n\nexport const HvVerticalNavigationActions = ({\n  className,\n  classes: classesProp,\n  id,\n  children,\n  ...others\n}: HvVerticalNavigationActionsProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const { isOpen, useIcons } = useContext(VerticalNavigationContext);\n\n  return (\n    <div\n      id={id}\n      className={cx(\n        classes.root,\n        {\n          [classes.hide]: !isOpen && !useIcons,\n        },\n        className\n      )}\n      {...others}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["HvVerticalNavigationActions","className","classes","classesProp","id","children","others","cx","useClasses","isOpen","useIcons","useContext","VerticalNavigationContext","root","hide"],"mappings":";;;;;AAgCO,MAAMA,8BAA8BA,CAAC;AAAA,EAC1CC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC6B,MAAM;AAChC,QAAA;AAAA,IAAEJ;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,WAAWL,WAAW;AAExC,QAAA;AAAA,IAAEM;AAAAA,IAAQC;AAAAA,EAAAA,IAAaC,WAAWC,yBAAyB;AAEjE,6BACG,OACC,EAAA,IACA,WAAWL,GACTL,QAAQW,MACR;AAAA,IACE,CAACX,QAAQY,IAAI,GAAG,CAACL,UAAU,CAACC;AAAAA,EAE9BT,GAAAA,SACF,GACA,GAAIK,QAEHD,SACH,CAAA;AAEJ;"}

package/dist/esm/components/VerticalNavigation/Actions/Actions.styles.js

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

package/dist/esm/components/VerticalNavigation/Actions/Actions.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationActions\",\n  {\n    root: {\n      display: \"block\",\n      background: theme.colors.atmo1,\n      marginTop: \"auto\",\n\n      \"& :not(:last-child)\": {\n        marginBottom: \"8px\",\n      },\n    },\n    hide: {\n      display: \"none\",\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","background","theme","colors","atmo1","marginTop","marginBottom","hide"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,+BACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAYC,MAAMC,OAAOC;AAAAA,IACzBC,WAAW;AAAA,IAEX,uBAAuB;AAAA,MACrBC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJP,SAAS;AAAA,EACX;AACF,CACF;"}
+{"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationActions\",\n  {\n    root: {\n      display: \"block\",\n      background: theme.colors.atmo1,\n      marginTop: \"auto\",\n\n      \"& :not(:last-child)\": {\n        marginBottom: \"8px\",\n      },\n    },\n    hide: {\n      display: \"none\",\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","background","theme","colors","atmo1","marginTop","marginBottom","hide"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,+BACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAYC,MAAMC,OAAOC;AAAAA,IACzBC,WAAW;AAAA,IAEX,uBAAuB;AAAA,MACrBC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJP,SAAS;AAAA,EACX;AACF,CACF;"}

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { Backwards, Forwards, Menu } from "@hitachivantara/uikit-react-icons";
 import { useContext, useMemo } from "react";
+import { Backwards, Forwards, Menu } from "@hitachivantara/uikit-react-icons";
 import { VerticalNavigationContext } from "../VerticalNavigationContext.js";
 import { useClasses } from "./Header.styles.js";
 import { staticClasses } from "./Header.styles.js";

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../src/components/VerticalNavigation/Header/Header.tsx"],"sourcesContent":["import { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\n\nimport { MouseEventHandler, useContext, useMemo } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Header.styles\";\n\nexport { staticClasses as verticalNavigationHeaderClasses };\n\nexport type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationHeaderProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The title text to show on Header.\n   */\n  title?: string;\n  /**\n   * Icon to show when Vertical Navigation is collapsed.\n   */\n  openIcon?: React.ReactNode;\n  /**\n   * Icon to show when Vertical Navigation is expanded.\n   */\n  closeIcon?: React.ReactNode;\n  /**\n   * Props for the collapse button.\n   */\n  collapseButtonProps?: HvButtonProps;\n  /**\n   * Props for the back button.\n   */\n  backButtonProps?: HvButtonProps;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationHeaderClasses;\n  /**\n   * Handler for the collapse button.\n   */\n  onCollapseButtonClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationHeader = ({\n  title,\n  openIcon = <Forwards />,\n  closeIcon = <Backwards />,\n  collapseButtonProps,\n  backButtonProps,\n  className,\n  classes: classesProp,\n  onCollapseButtonClick,\n  ...others\n}: HvVerticalNavigationHeaderProps) => {\n  const {\n    isOpen,\n    useIcons,\n    headerTitle,\n    slider,\n    navigateToParentHandler,\n    parentItem,\n  } = useContext(VerticalNavigationContext);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  openIcon = !useIcons ? <Menu /> : openIcon;\n\n  const backButtonClickHandler = () => {\n    if (navigateToParentHandler) navigateToParentHandler();\n  };\n\n  // whenever we're in a sublevel, the parentItem is always a single item.\n  // In the first level it's always an array with the first level elements.\n  const shouldShowTitle = useMemo(\n    () => !slider || (slider && !Array.isArray(parentItem)),\n    [parentItem, slider]\n  );\n\n  return shouldShowTitle ? (\n    <div\n      className={cx(classes.root, { [classes.minimized]: !isOpen }, className)}\n      {...others}\n    >\n      {isOpen && headerTitle && slider && (\n        <HvButton\n          icon\n          onClick={backButtonClickHandler}\n          aria-label=\"Back\"\n          {...backButtonProps}\n        >\n          <Backwards iconSize=\"XS\" />\n        </HvButton>\n      )}\n      {isOpen && (\n        <HvTypography variant={slider ? \"label\" : \"title3\"}>\n          {headerTitle && slider ? headerTitle : title}\n        </HvTypography>\n      )}\n      {onCollapseButtonClick && (\n        <HvButton\n          icon\n          onClick={onCollapseButtonClick}\n          className={classes.collapseButton}\n          classes={{\n            root: isOpen ? \"\" : classes.minimized,\n          }}\n          {...collapseButtonProps}\n        >\n          {isOpen ? closeIcon : openIcon}\n        </HvButton>\n      )}\n    </div>\n  ) : null;\n};\n"],"names":["HvVerticalNavigationHeader","title","openIcon","closeIcon","collapseButtonProps","backButtonProps","className","classes","classesProp","onCollapseButtonClick","others","isOpen","useIcons","headerTitle","slider","navigateToParentHandler","parentItem","useContext","VerticalNavigationContext","cx","useClasses","backButtonClickHandler","shouldShowTitle","useMemo","Array","isArray","root","minimized","collapseButton"],"mappings":";;;;;;;;AAqDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,+BAAY,UAAW,EAAA;AAAA,EACvBC,gCAAa,WAAY,EAAA;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,WAAWC,yBAAyB;AAElC,QAAA;AAAA,IAAEX;AAAAA,IAASY;AAAAA,EAAAA,IAAOC,WAAWZ,WAAW;AAE9CN,aAAW,CAACU,WAAY,oBAAA,MAAA,CAAA,CAAI,IAAMV;AAElC,QAAMmB,yBAAyBA,MAAM;AAC/BN,QAAAA;AAAiD;EAAA;AAKvD,QAAMO,kBAAkBC,QACtB,MAAM,CAACT,UAAWA,UAAU,CAACU,MAAMC,QAAQT,UAAU,GACrD,CAACA,YAAYF,MAAM,CACrB;AAEA,SAAOQ,kBACJ,qBAAA,OAAA,EACC,WAAWH,GAAGZ,QAAQmB,MAAM;AAAA,IAAE,CAACnB,QAAQoB,SAAS,GAAG,CAAChB;AAAAA,EAAUL,GAAAA,SAAS,GACvE,GAAII,QAEHC,UAAAA;AAAAA,IAAAA,UAAUE,eAAeC,UACxB,oBAAC,UACC,EAAA,MAAI,MACJ,SAASO,wBACT,cAAW,QACPhB,GAAAA,iBAEJ,UAAA,oBAAC,WAAU,EAAA,UAAS,KAAI,CAAA,GAC1B;AAAA,IAEDM,UACE,oBAAA,cAAA,EAAa,SAASG,SAAS,UAAU,UACvCD,UAAAA,eAAeC,SAASD,cAAcZ,MACzC,CAAA;AAAA,IAEDQ,yBACE,oBAAA,UAAA,EACC,MAAI,MACJ,SAASA,uBACT,WAAWF,QAAQqB,gBACnB,SAAS;AAAA,MACPF,MAAMf,SAAS,KAAKJ,QAAQoB;AAAAA,IAAAA,GAE1BvB,GAAAA,qBAEHO,UAAAA,SAASR,YAAYD,SACxB,CAAA;AAAA,EAAA,EAEJ,CAAA,IACE;AACN;"}
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/VerticalNavigation/Header/Header.tsx"],"sourcesContent":["import { MouseEventHandler, useContext, useMemo } from \"react\";\nimport { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Header.styles\";\n\nexport { staticClasses as verticalNavigationHeaderClasses };\n\nexport type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationHeaderProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The title text to show on Header.\n   */\n  title?: string;\n  /**\n   * Icon to show when Vertical Navigation is collapsed.\n   */\n  openIcon?: React.ReactNode;\n  /**\n   * Icon to show when Vertical Navigation is expanded.\n   */\n  closeIcon?: React.ReactNode;\n  /**\n   * Props for the collapse button.\n   */\n  collapseButtonProps?: HvButtonProps;\n  /**\n   * Props for the back button.\n   */\n  backButtonProps?: HvButtonProps;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationHeaderClasses;\n  /**\n   * Handler for the collapse button.\n   */\n  onCollapseButtonClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationHeader = ({\n  title,\n  openIcon = <Forwards />,\n  closeIcon = <Backwards />,\n  collapseButtonProps,\n  backButtonProps,\n  className,\n  classes: classesProp,\n  onCollapseButtonClick,\n  ...others\n}: HvVerticalNavigationHeaderProps) => {\n  const {\n    isOpen,\n    useIcons,\n    headerTitle,\n    slider,\n    navigateToParentHandler,\n    parentItem,\n  } = useContext(VerticalNavigationContext);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  openIcon = !useIcons ? <Menu /> : openIcon;\n\n  const backButtonClickHandler = () => {\n    if (navigateToParentHandler) navigateToParentHandler();\n  };\n\n  // whenever we're in a sublevel, the parentItem is always a single item.\n  // In the first level it's always an array with the first level elements.\n  const shouldShowTitle = useMemo(\n    () => !slider || (slider && !Array.isArray(parentItem)),\n    [parentItem, slider]\n  );\n\n  return shouldShowTitle ? (\n    <div\n      className={cx(classes.root, { [classes.minimized]: !isOpen }, className)}\n      {...others}\n    >\n      {isOpen && headerTitle && slider && (\n        <HvButton\n          icon\n          onClick={backButtonClickHandler}\n          aria-label=\"Back\"\n          {...backButtonProps}\n        >\n          <Backwards iconSize=\"XS\" />\n        </HvButton>\n      )}\n      {isOpen && (\n        <HvTypography variant={slider ? \"label\" : \"title3\"}>\n          {headerTitle && slider ? headerTitle : title}\n        </HvTypography>\n      )}\n      {onCollapseButtonClick && (\n        <HvButton\n          icon\n          onClick={onCollapseButtonClick}\n          className={classes.collapseButton}\n          classes={{\n            root: isOpen ? \"\" : classes.minimized,\n          }}\n          {...collapseButtonProps}\n        >\n          {isOpen ? closeIcon : openIcon}\n        </HvButton>\n      )}\n    </div>\n  ) : null;\n};\n"],"names":["HvVerticalNavigationHeader","title","openIcon","closeIcon","collapseButtonProps","backButtonProps","className","classes","classesProp","onCollapseButtonClick","others","isOpen","useIcons","headerTitle","slider","navigateToParentHandler","parentItem","useContext","VerticalNavigationContext","cx","useClasses","backButtonClickHandler","shouldShowTitle","useMemo","Array","isArray","root","minimized","collapseButton"],"mappings":";;;;;;;;AAqDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,+BAAY,UAAW,EAAA;AAAA,EACvBC,gCAAa,WAAY,EAAA;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,WAAWC,yBAAyB;AAElC,QAAA;AAAA,IAAEX;AAAAA,IAASY;AAAAA,EAAAA,IAAOC,WAAWZ,WAAW;AAE9CN,aAAW,CAACU,WAAY,oBAAA,MAAA,CAAA,CAAI,IAAMV;AAElC,QAAMmB,yBAAyBA,MAAM;AAC/BN,QAAAA;AAAiD;EAAA;AAKvD,QAAMO,kBAAkBC,QACtB,MAAM,CAACT,UAAWA,UAAU,CAACU,MAAMC,QAAQT,UAAU,GACrD,CAACA,YAAYF,MAAM,CACrB;AAEA,SAAOQ,kBACJ,qBAAA,OAAA,EACC,WAAWH,GAAGZ,QAAQmB,MAAM;AAAA,IAAE,CAACnB,QAAQoB,SAAS,GAAG,CAAChB;AAAAA,EAAUL,GAAAA,SAAS,GACvE,GAAII,QAEHC,UAAAA;AAAAA,IAAAA,UAAUE,eAAeC,UACxB,oBAAC,UACC,EAAA,MAAI,MACJ,SAASO,wBACT,cAAW,QACPhB,GAAAA,iBAEJ,UAAA,oBAAC,WAAU,EAAA,UAAS,KAAI,CAAA,GAC1B;AAAA,IAEDM,UACE,oBAAA,cAAA,EAAa,SAASG,SAAS,UAAU,UACvCD,UAAAA,eAAeC,SAASD,cAAcZ,MACzC,CAAA;AAAA,IAEDQ,yBACE,oBAAA,UAAA,EACC,MAAI,MACJ,SAASA,uBACT,WAAWF,QAAQqB,gBACnB,SAAS;AAAA,MACPF,MAAMf,SAAS,KAAKJ,QAAQoB;AAAAA,IAAAA,GAE1BvB,GAAAA,qBAEHO,UAAAA,SAASR,YAAYD,SACxB,CAAA;AAAA,EAAA,EAEJ,CAAA,IACE;AACN;"}

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

@@ -25,9 +25,9 @@ const createListHierarchy = (items, id, classes, mouseEnterHandler, disableToolt
   } = item;
   const ItemText = wrapperTooltip(true, itemLabel, itemLabel);
   const itemMouseEnterHandler = (event) => {
-    mouseEnterHandler == null ? void 0 : mouseEnterHandler(event, item);
+    mouseEnterHandler?.(event, item);
   };
-  return /* @__PURE__ */ jsx(HvVerticalNavigationTreeViewItem, { id: setId(id, itemId), className: classes == null ? void 0 : classes.listItem, href, target, nodeId: itemId, label: /* @__PURE__ */ jsx(ItemText, {}), icon, payload: item, selectable, disabled, onMouseEnter: itemMouseEnterHandler, disableTooltip, children: children ? createListHierarchy(children, id, classes, mouseEnterHandler, disableTooltip) : void 0 }, itemId);
+  return /* @__PURE__ */ jsx(HvVerticalNavigationTreeViewItem, { id: setId(id, itemId), className: classes?.listItem, href, target, nodeId: itemId, label: /* @__PURE__ */ jsx(ItemText, {}), icon, payload: item, selectable, disabled, onMouseEnter: itemMouseEnterHandler, disableTooltip, children: children ? createListHierarchy(children, id, classes, mouseEnterHandler, disableTooltip) : void 0 }, itemId);
 });
 const getAllParents = (items) => {
   const parents = items.filter((item) => item.data != null && item.data.length > 0);
@@ -106,7 +106,7 @@ const HvVerticalNavigationTree = ({
     if (useIcons && !isOpen && selectedItem.data) {
       const currentEventTarget = event.currentTarget;
       setNavigationPopup((prevState) => {
-        return (prevState == null ? void 0 : prevState.anchorEl) === currentEventTarget ? null : {
+        return prevState?.anchorEl === currentEventTarget ? null : {
           uniqueKey: uniqueId(),
           anchorEl: currentEventTarget,
           fixedMode: true,
@@ -130,15 +130,15 @@ const HvVerticalNavigationTree = ({
   }, [onChange, setSelected, setExpanded, isOpen, useIcons, data]);
   const treeViewItemMouseEnterHandler = useCallback((event, item) => {
     const isCollapsed = useIcons && !isOpen;
-    if (isCollapsed && item.data && !(navigationPopup == null ? void 0 : navigationPopup.fixedMode)) {
+    if (isCollapsed && item.data && !navigationPopup?.fixedMode) {
       const currentEventTarget = event.currentTarget;
-      setNavigationPopup == null ? void 0 : setNavigationPopup({
+      setNavigationPopup?.({
         uniqueKey: uniqueId(),
         anchorEl: currentEventTarget,
         fixedMode: false,
         data: item.data
       });
-    } else if (isCollapsed && !item.data && !(navigationPopup == null ? void 0 : navigationPopup.fixedMode)) {
+    } else if (isCollapsed && !item.data && !navigationPopup?.fixedMode) {
       setNavigationPopup(null);
     }
   }, [isOpen, useIcons, navigationPopup]);
@@ -148,10 +148,10 @@ const HvVerticalNavigationTree = ({
       onToggle(event, newExpanded);
     }
   }, [onToggle, setExpanded]);
-  const children = useMemo(() => data && createListHierarchy(data, id, classes, treeViewItemMouseEnterHandler, navigationPopup == null ? void 0 : navigationPopup.fixedMode), [classes, data, id, navigationPopup, treeViewItemMouseEnterHandler]);
+  const children = useMemo(() => data && createListHierarchy(data, id, classes, treeViewItemMouseEnterHandler, navigationPopup?.fixedMode), [classes, data, id, navigationPopup, treeViewItemMouseEnterHandler]);
   useEffect(() => {
     if (!isOpen) {
-      setNavigationPopup == null ? void 0 : setNavigationPopup(null);
+      setNavigationPopup?.(null);
     }
   }, [isOpen]);
   useEffect(() => {
@@ -174,12 +174,12 @@ const HvVerticalNavigationTree = ({
     setNavigationPopup(null);
   };
   const handleStyledNavMouseLeave = () => {
-    if (useIcons && !isOpen && !(navigationPopup == null ? void 0 : navigationPopup.fixedMode)) {
+    if (useIcons && !isOpen && !navigationPopup?.fixedMode) {
       setNavigationPopup(null);
     }
   };
   const handleNavigationPopupMouseLeave = () => {
-    if (!(navigationPopup == null ? void 0 : navigationPopup.fixedMode)) {
+    if (!navigationPopup?.fixedMode) {
       handleNavigationPopupClose();
     }
   };

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import { useCallback, useMemo, useContext, useEffect, useState } from \"react\";\n\nimport uniqueId from \"lodash/uniqueId\";\n\nimport { wrapperTooltip } from \"@core/utils/wrapperTooltip\";\nimport { setId } from \"@core/utils/setId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport {\n  HvVerticalNavigationTreeView,\n  HvVerticalNavigationTreeViewItem,\n  NavigationMode,\n} from \"../TreeView\";\nimport { staticClasses, useClasses } from \"./Navigation.styles\";\nimport { HvVerticalNavigationSlider } from \"../NavigationSlider\";\nimport {\n  VerticalNavigationContext,\n  NavigationData,\n} from \"../VerticalNavigationContext\";\nimport { getParentItemById } from \"../NavigationSlider/utils/NavigationSlider.utils\";\nimport { NavigationPopupContainer } from \"../NavigationPopup/NavigationPopupContainer\";\n\nexport { staticClasses as verticalNavigationTreeClasses };\n\nexport type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationTreeProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvVerticalNavigationTreeClasses;\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode?: NavigationMode;\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible?: boolean;\n  /**\n   * The ID of the selected page.\n   */\n  selected?: string;\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected?: string;\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange?: (event, page) => void;\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded?: string[];\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded?: string[] | boolean;\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle?: (event, nodeIds) => void;\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data?: NavigationData[];\n  /** Aria label to apply to the navigate to submenu button on the navigation slider list items. */\n  sliderForwardButtonAriaLabel?: string;\n}\n\nconst createListHierarchy = (\n  items,\n  id,\n  classes?: HvVerticalNavigationTreeClasses,\n  mouseEnterHandler?: (event, item) => void,\n  disableTooltip = false\n) =>\n  items.map((item) => {\n    const {\n      id: itemId,\n      label: itemLabel,\n      icon,\n      data: children,\n      selectable,\n      disabled,\n      href,\n      target,\n    } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    const itemMouseEnterHandler = (event) => {\n      mouseEnterHandler?.(event, item);\n    };\n\n    return (\n      <HvVerticalNavigationTreeViewItem\n        id={setId(id, itemId)}\n        className={classes?.listItem}\n        href={href}\n        target={target}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n        disabled={disabled}\n        onMouseEnter={itemMouseEnterHandler}\n        disableTooltip={disableTooltip}\n      >\n        {children\n          ? createListHierarchy(\n              children,\n              id,\n              classes,\n              mouseEnterHandler,\n              disableTooltip\n            )\n          : undefined}\n      </HvVerticalNavigationTreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter(\n    (item) => item.data != null && item.data.length > 0\n  );\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path: string[] = [];\n\n  if (data != null && data.length > 0) {\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nexport const HvVerticalNavigationTree = ({\n  id,\n\n  className,\n  classes: classesProp,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  sliderForwardButtonAriaLabel = \"Navigate to submenu\",\n\n  ...others\n}: HvVerticalNavigationTreeProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const {\n    isOpen,\n    useIcons,\n    slider,\n\n    parentItem,\n    setParentItem,\n    withParentData,\n    navigateToChildHandler,\n\n    setParentData,\n    setParentSelected,\n  } = useContext(VerticalNavigationContext);\n\n  const [navigationPopup, setNavigationPopup] = useState<{\n    // This value is needed to guarantee that the NavigationPopup is fully re-rendered with keeping any previous values\n    uniqueKey: string;\n    anchorEl: HTMLButtonElement | null;\n    fixedMode: boolean;\n    data: NavigationData[];\n  } | null>(null);\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      if (useIcons && !isOpen && selectedItem.data) {\n        const currentEventTarget = event.currentTarget;\n        setNavigationPopup((prevState) => {\n          // We want to close the popup in case the clicked element is the same as the previous one\n          return prevState?.anchorEl === currentEventTarget\n            ? null\n            : {\n                uniqueKey: uniqueId(),\n                anchorEl: currentEventTarget,\n                fixedMode: true,\n                data: selectedItem.data,\n              };\n        });\n\n        // We need this stopPropagation or else the Popup will close due to the clickaway being triggered\n        event.stopPropagation();\n      } else {\n        setSelected(selectedId);\n        setExpanded((prevState) => {\n          if (!isOpen) {\n            return [...prevState, ...pathToElement(data, selectedId)];\n          }\n          return [...prevState];\n        });\n        setNavigationPopup(null);\n        if (onChange) {\n          onChange(event, selectedItem);\n        }\n      }\n    },\n    [onChange, setSelected, setExpanded, isOpen, useIcons, data]\n  );\n\n  const treeViewItemMouseEnterHandler = useCallback(\n    (event, item) => {\n      const isCollapsed = useIcons && !isOpen;\n\n      if (isCollapsed && item.data && !navigationPopup?.fixedMode) {\n        const currentEventTarget = event.currentTarget;\n\n        setNavigationPopup?.({\n          uniqueKey: uniqueId(),\n          anchorEl: currentEventTarget,\n          fixedMode: false,\n          data: item.data,\n        });\n      } else if (isCollapsed && !item.data && !navigationPopup?.fixedMode) {\n        setNavigationPopup(null);\n      }\n    },\n    [isOpen, useIcons, navigationPopup]\n  );\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n    },\n    [onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () =>\n      data &&\n      createListHierarchy(\n        data,\n        id,\n        classes,\n        treeViewItemMouseEnterHandler,\n        navigationPopup?.fixedMode\n      ),\n    [classes, data, id, navigationPopup, treeViewItemMouseEnterHandler]\n  );\n\n  useEffect(() => {\n    if (!isOpen) {\n      setNavigationPopup?.(null);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (setParentSelected) setParentSelected(selected);\n  }, [selected, setSelected, setParentSelected]);\n\n  useEffect(() => {\n    if (setParentData) setParentData(data);\n  }, [data, setParentData]);\n\n  useEffect(() => {\n    if (\n      withParentData &&\n      selected &&\n      setParentItem &&\n      getParentItemById(withParentData, selected)\n    ) {\n      setParentItem(getParentItemById(withParentData, selected));\n    }\n  }, [withParentData, selected, setParentItem]);\n\n  // navigation slider\n  const navigateToTargetHandler = (event, selectedItem) => {\n    handleChange(event, selectedItem.id, selectedItem);\n  };\n\n  const handleNavigationPopupClose = () => {\n    setNavigationPopup(null);\n  };\n\n  const handleStyledNavMouseLeave = () => {\n    if (useIcons && !isOpen && !navigationPopup?.fixedMode) {\n      setNavigationPopup(null);\n    }\n  };\n\n  const handleNavigationPopupMouseLeave = () => {\n    if (!navigationPopup?.fixedMode) {\n      handleNavigationPopupClose();\n    }\n  };\n\n  const handleNavigationPopupChange = (event, selectedItem) => {\n    handleChange(event, selectedItem.id, selectedItem);\n  };\n\n  return (\n    <nav\n      id={id}\n      className={cx(\n        classes.root,\n        { [classes.collapsed]: !isOpen && !useIcons },\n        className\n      )}\n      onMouseLeave={handleStyledNavMouseLeave}\n      {...others}\n    >\n      {slider ? (\n        <HvVerticalNavigationSlider\n          data={parentItem.data || withParentData}\n          selected={selected}\n          onNavigateToTarget={navigateToTargetHandler}\n          onNavigateToChild={navigateToChildHandler}\n          forwardButtonAriaLabel={sliderForwardButtonAriaLabel}\n        />\n      ) : (\n        <HvVerticalNavigationTreeView\n          id={setId(id, \"tree\")}\n          className={classes.list}\n          selectable\n          mode={mode}\n          collapsible={collapsible}\n          selected={selected}\n          onChange={handleChange}\n          expanded={expanded}\n          onToggle={handleToggle}\n        >\n          {useIcons && !isOpen && navigationPopup && (\n            <NavigationPopupContainer\n              anchorEl={navigationPopup.anchorEl}\n              onClose={handleNavigationPopupClose}\n              key={navigationPopup.uniqueKey}\n              className={classes.navigationPopup}\n            >\n              <HvVerticalNavigationTree\n                className={classes.popup}\n                id={setId(id, \"navigation-popup-tree\")}\n                collapsible\n                defaultExpanded\n                selected={selected}\n                data={navigationPopup.data}\n                onChange={handleNavigationPopupChange}\n                onMouseLeave={handleNavigationPopupMouseLeave}\n              />\n            </NavigationPopupContainer>\n          )}\n          {children}\n        </HvVerticalNavigationTreeView>\n      )}\n    </nav>\n  );\n};\n"],"names":["createListHierarchy","items","id","classes","mouseEnterHandler","disableTooltip","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","href","target","ItemText","wrapperTooltip","itemMouseEnterHandler","event","setId","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","HvVerticalNavigationTree","className","classesProp","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","sliderForwardButtonAriaLabel","others","cx","useClasses","setSelected","useControlled","setExpanded","slice","isOpen","useIcons","slider","parentItem","setParentItem","withParentData","navigateToChildHandler","setParentData","setParentSelected","useContext","VerticalNavigationContext","navigationPopup","setNavigationPopup","useState","handleChange","useCallback","selectedId","selectedItem","currentEventTarget","currentTarget","prevState","anchorEl","uniqueKey","uniqueId","fixedMode","stopPropagation","treeViewItemMouseEnterHandler","isCollapsed","handleToggle","newExpanded","useMemo","useEffect","getParentItemById","navigateToTargetHandler","handleNavigationPopupClose","handleStyledNavMouseLeave","handleNavigationPopupMouseLeave","handleNavigationPopupChange","root","collapsed","list","popup"],"mappings":"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"}
+{"version":3,"file":"Navigation.js","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import { useCallback, useMemo, useContext, useEffect, useState } from \"react\";\n\nimport uniqueId from \"lodash/uniqueId\";\n\nimport { wrapperTooltip } from \"@core/utils/wrapperTooltip\";\nimport { setId } from \"@core/utils/setId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport {\n  HvVerticalNavigationTreeView,\n  HvVerticalNavigationTreeViewItem,\n  NavigationMode,\n} from \"../TreeView\";\nimport { staticClasses, useClasses } from \"./Navigation.styles\";\nimport { HvVerticalNavigationSlider } from \"../NavigationSlider\";\nimport {\n  VerticalNavigationContext,\n  NavigationData,\n} from \"../VerticalNavigationContext\";\nimport { getParentItemById } from \"../NavigationSlider/utils/NavigationSlider.utils\";\nimport { NavigationPopupContainer } from \"../NavigationPopup/NavigationPopupContainer\";\n\nexport { staticClasses as verticalNavigationTreeClasses };\n\nexport type HvVerticalNavigationTreeClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationTreeProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvVerticalNavigationTreeClasses;\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode?: NavigationMode;\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible?: boolean;\n  /**\n   * The ID of the selected page.\n   */\n  selected?: string;\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected?: string;\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange?: (event, page) => void;\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded?: string[];\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded?: string[] | boolean;\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle?: (event, nodeIds) => void;\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data?: NavigationData[];\n  /** Aria label to apply to the navigate to submenu button on the navigation slider list items. */\n  sliderForwardButtonAriaLabel?: string;\n}\n\nconst createListHierarchy = (\n  items,\n  id,\n  classes?: HvVerticalNavigationTreeClasses,\n  mouseEnterHandler?: (event, item) => void,\n  disableTooltip = false\n) =>\n  items.map((item) => {\n    const {\n      id: itemId,\n      label: itemLabel,\n      icon,\n      data: children,\n      selectable,\n      disabled,\n      href,\n      target,\n    } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    const itemMouseEnterHandler = (event) => {\n      mouseEnterHandler?.(event, item);\n    };\n\n    return (\n      <HvVerticalNavigationTreeViewItem\n        id={setId(id, itemId)}\n        className={classes?.listItem}\n        href={href}\n        target={target}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n        disabled={disabled}\n        onMouseEnter={itemMouseEnterHandler}\n        disableTooltip={disableTooltip}\n      >\n        {children\n          ? createListHierarchy(\n              children,\n              id,\n              classes,\n              mouseEnterHandler,\n              disableTooltip\n            )\n          : undefined}\n      </HvVerticalNavigationTreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter(\n    (item) => item.data != null && item.data.length > 0\n  );\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path: string[] = [];\n\n  if (data != null && data.length > 0) {\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nexport const HvVerticalNavigationTree = ({\n  id,\n\n  className,\n  classes: classesProp,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  sliderForwardButtonAriaLabel = \"Navigate to submenu\",\n\n  ...others\n}: HvVerticalNavigationTreeProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const {\n    isOpen,\n    useIcons,\n    slider,\n\n    parentItem,\n    setParentItem,\n    withParentData,\n    navigateToChildHandler,\n\n    setParentData,\n    setParentSelected,\n  } = useContext(VerticalNavigationContext);\n\n  const [navigationPopup, setNavigationPopup] = useState<{\n    // This value is needed to guarantee that the NavigationPopup is fully re-rendered with keeping any previous values\n    uniqueKey: string;\n    anchorEl: HTMLButtonElement | null;\n    fixedMode: boolean;\n    data: NavigationData[];\n  } | null>(null);\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      if (useIcons && !isOpen && selectedItem.data) {\n        const currentEventTarget = event.currentTarget;\n        setNavigationPopup((prevState) => {\n          // We want to close the popup in case the clicked element is the same as the previous one\n          return prevState?.anchorEl === currentEventTarget\n            ? null\n            : {\n                uniqueKey: uniqueId(),\n                anchorEl: currentEventTarget,\n                fixedMode: true,\n                data: selectedItem.data,\n              };\n        });\n\n        // We need this stopPropagation or else the Popup will close due to the clickaway being triggered\n        event.stopPropagation();\n      } else {\n        setSelected(selectedId);\n        setExpanded((prevState) => {\n          if (!isOpen) {\n            return [...prevState, ...pathToElement(data, selectedId)];\n          }\n          return [...prevState];\n        });\n        setNavigationPopup(null);\n        if (onChange) {\n          onChange(event, selectedItem);\n        }\n      }\n    },\n    [onChange, setSelected, setExpanded, isOpen, useIcons, data]\n  );\n\n  const treeViewItemMouseEnterHandler = useCallback(\n    (event, item) => {\n      const isCollapsed = useIcons && !isOpen;\n\n      if (isCollapsed && item.data && !navigationPopup?.fixedMode) {\n        const currentEventTarget = event.currentTarget;\n\n        setNavigationPopup?.({\n          uniqueKey: uniqueId(),\n          anchorEl: currentEventTarget,\n          fixedMode: false,\n          data: item.data,\n        });\n      } else if (isCollapsed && !item.data && !navigationPopup?.fixedMode) {\n        setNavigationPopup(null);\n      }\n    },\n    [isOpen, useIcons, navigationPopup]\n  );\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n    },\n    [onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () =>\n      data &&\n      createListHierarchy(\n        data,\n        id,\n        classes,\n        treeViewItemMouseEnterHandler,\n        navigationPopup?.fixedMode\n      ),\n    [classes, data, id, navigationPopup, treeViewItemMouseEnterHandler]\n  );\n\n  useEffect(() => {\n    if (!isOpen) {\n      setNavigationPopup?.(null);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (setParentSelected) setParentSelected(selected);\n  }, [selected, setSelected, setParentSelected]);\n\n  useEffect(() => {\n    if (setParentData) setParentData(data);\n  }, [data, setParentData]);\n\n  useEffect(() => {\n    if (\n      withParentData &&\n      selected &&\n      setParentItem &&\n      getParentItemById(withParentData, selected)\n    ) {\n      setParentItem(getParentItemById(withParentData, selected));\n    }\n  }, [withParentData, selected, setParentItem]);\n\n  // navigation slider\n  const navigateToTargetHandler = (event, selectedItem) => {\n    handleChange(event, selectedItem.id, selectedItem);\n  };\n\n  const handleNavigationPopupClose = () => {\n    setNavigationPopup(null);\n  };\n\n  const handleStyledNavMouseLeave = () => {\n    if (useIcons && !isOpen && !navigationPopup?.fixedMode) {\n      setNavigationPopup(null);\n    }\n  };\n\n  const handleNavigationPopupMouseLeave = () => {\n    if (!navigationPopup?.fixedMode) {\n      handleNavigationPopupClose();\n    }\n  };\n\n  const handleNavigationPopupChange = (event, selectedItem) => {\n    handleChange(event, selectedItem.id, selectedItem);\n  };\n\n  return (\n    <nav\n      id={id}\n      className={cx(\n        classes.root,\n        { [classes.collapsed]: !isOpen && !useIcons },\n        className\n      )}\n      onMouseLeave={handleStyledNavMouseLeave}\n      {...others}\n    >\n      {slider ? (\n        <HvVerticalNavigationSlider\n          data={parentItem.data || withParentData}\n          selected={selected}\n          onNavigateToTarget={navigateToTargetHandler}\n          onNavigateToChild={navigateToChildHandler}\n          forwardButtonAriaLabel={sliderForwardButtonAriaLabel}\n        />\n      ) : (\n        <HvVerticalNavigationTreeView\n          id={setId(id, \"tree\")}\n          className={classes.list}\n          selectable\n          mode={mode}\n          collapsible={collapsible}\n          selected={selected}\n          onChange={handleChange}\n          expanded={expanded}\n          onToggle={handleToggle}\n        >\n          {useIcons && !isOpen && navigationPopup && (\n            <NavigationPopupContainer\n              anchorEl={navigationPopup.anchorEl}\n              onClose={handleNavigationPopupClose}\n              key={navigationPopup.uniqueKey}\n              className={classes.navigationPopup}\n            >\n              <HvVerticalNavigationTree\n                className={classes.popup}\n                id={setId(id, \"navigation-popup-tree\")}\n                collapsible\n                defaultExpanded\n                selected={selected}\n                data={navigationPopup.data}\n                onChange={handleNavigationPopupChange}\n                onMouseLeave={handleNavigationPopupMouseLeave}\n              />\n            </NavigationPopupContainer>\n          )}\n          {children}\n        </HvVerticalNavigationTreeView>\n      )}\n    </nav>\n  );\n};\n"],"names":["createListHierarchy","items","id","classes","mouseEnterHandler","disableTooltip","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","href","target","ItemText","wrapperTooltip","itemMouseEnterHandler","event","setId","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","HvVerticalNavigationTree","className","classesProp","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","sliderForwardButtonAriaLabel","others","cx","useClasses","setSelected","useControlled","setExpanded","slice","isOpen","useIcons","slider","parentItem","setParentItem","withParentData","navigateToChildHandler","setParentData","setParentSelected","useContext","VerticalNavigationContext","navigationPopup","setNavigationPopup","useState","handleChange","useCallback","selectedId","selectedItem","currentEventTarget","currentTarget","prevState","anchorEl","uniqueKey","uniqueId","fixedMode","stopPropagation","treeViewItemMouseEnterHandler","isCollapsed","handleToggle","newExpanded","useMemo","useEffect","getParentItemById","navigateToTargetHandler","handleNavigationPopupClose","handleStyledNavMouseLeave","handleNavigationPopupMouseLeave","handleNavigationPopupChange","root","collapsed","list","popup"],"mappings":"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"}

package/dist/esm/components/VerticalNavigation/Navigation/Navigation.styles.js

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

package/dist/esm/components/VerticalNavigation/Navigation/Navigation.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.styles.js","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationTree\",\n  {\n    root: {\n      display: \"block\",\n      background: theme.colors.atmo1,\n\n      overflowY: \"auto\",\n    },\n    list: {},\n    listItem: {},\n    collapsed: {\n      display: \"none\",\n    },\n    popup: {\n      boxShadow: \"inset 5px 0 5px -3px rgb(65 65 65 / 12%)\",\n    },\n    navigationPopup: {\n      boxShadow: \"inset 5px 0 5px -3px rgb(65 65 65 / 12%)\",\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","background","theme","colors","atmo1","overflowY","list","listItem","collapsed","popup","boxShadow","navigationPopup"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,4BACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAYC,MAAMC,OAAOC;AAAAA,IAEzBC,WAAW;AAAA,EACb;AAAA,EACAC,MAAM,CAAC;AAAA,EACPC,UAAU,CAAC;AAAA,EACXC,WAAW;AAAA,IACTR,SAAS;AAAA,EACX;AAAA,EACAS,OAAO;AAAA,IACLC,WAAW;AAAA,EACb;AAAA,EACAC,iBAAiB;AAAA,IACfD,WAAW;AAAA,EACb;AACF,CACF;"}
+{"version":3,"file":"Navigation.styles.js","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationTree\",\n  {\n    root: {\n      display: \"block\",\n      background: theme.colors.atmo1,\n\n      overflowY: \"auto\",\n    },\n    list: {},\n    listItem: {},\n    collapsed: {\n      display: \"none\",\n    },\n    popup: {\n      boxShadow: \"inset 5px 0 5px -3px rgb(65 65 65 / 12%)\",\n    },\n    navigationPopup: {\n      boxShadow: \"inset 5px 0 5px -3px rgb(65 65 65 / 12%)\",\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","background","theme","colors","atmo1","overflowY","list","listItem","collapsed","popup","boxShadow","navigationPopup"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,4BACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAYC,MAAMC,OAAOC;AAAAA,IAEzBC,WAAW;AAAA,EACb;AAAA,EACAC,MAAM,CAAC;AAAA,EACPC,UAAU,CAAC;AAAA,EACXC,WAAW;AAAA,IACTR,SAAS;AAAA,EACX;AAAA,EACAS,OAAO;AAAA,IACLC,WAAW;AAAA,EACb;AAAA,EACAC,iBAAiB;AAAA,IACfD,WAAW;AAAA,EACb;AACF,CACF;"}

package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.js

@@ -1,7 +1,7 @@
 import _styled from "@emotion/styled/base";
-import { createClasses } from "../../../utils/classes.js";
 import { theme } from "@hitachivantara/uikit-styles";
 import { Popper } from "@mui/base";
+import { createClasses } from "../../../utils/classes.js";
 const StyledPopper = /* @__PURE__ */ _styled(Popper, process.env.NODE_ENV === "production" ? {
   target: "es2o9lp0"
 } : {
@@ -9,7 +9,7 @@ const StyledPopper = /* @__PURE__ */ _styled(Popper, process.env.NODE_ENV === "p
   label: "StyledPopper"
 })({
   zIndex: theme.zIndices.popover
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL05hdmlnYXRpb25Qb3B1cC9OYXZpZ2F0aW9uUG9wdXAuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNcUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vTmF2aWdhdGlvblBvcHVwL05hdmlnYXRpb25Qb3B1cC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3JlYXRlQ2xhc3NlcyB9IGZyb20gXCJAY29yZS91dGlscy9jbGFzc2VzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgUG9wcGVyIH0gZnJvbSBcIkBtdWkvYmFzZVwiO1xuXG5jb25zdCBTdHlsZWRQb3BwZXIgPSBzdHlsZWQoUG9wcGVyKSh7XG4gIHpJbmRleDogdGhlbWUuekluZGljZXMucG9wb3Zlcixcbn0pO1xuXG5leHBvcnQgeyBTdHlsZWRQb3BwZXIgfTtcblxuZXhwb3J0IGNvbnN0IHsgc3RhdGljQ2xhc3NlcywgdXNlQ2xhc3NlcyB9ID0gY3JlYXRlQ2xhc3NlcyhcbiAgXCJIdlZlcnRpY2FsTmF2aWdhdGlvblBvcHVwXCIsXG4gIHtcbiAgICBwb3B1cDoge30sXG4gICAgY29udGFpbmVyOiB7XG4gICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjaW5nKFwieHNcIiksXG4gICAgfSxcbiAgICBwb3BwZXI6IHtcbiAgICAgIHpJbmRleDogdGhlbWUuekluZGljZXMucG9wb3ZlcixcbiAgICB9LFxuICB9XG4pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL05hdmlnYXRpb25Qb3B1cC9OYXZpZ2F0aW9uUG9wdXAuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPcUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vTmF2aWdhdGlvblBvcHVwL05hdmlnYXRpb25Qb3B1cC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IFBvcHBlciB9IGZyb20gXCJAbXVpL2Jhc2VcIjtcblxuaW1wb3J0IHsgY3JlYXRlQ2xhc3NlcyB9IGZyb20gXCJAY29yZS91dGlscy9jbGFzc2VzXCI7XG5cbmNvbnN0IFN0eWxlZFBvcHBlciA9IHN0eWxlZChQb3BwZXIpKHtcbiAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5wb3BvdmVyLFxufSk7XG5cbmV4cG9ydCB7IFN0eWxlZFBvcHBlciB9O1xuXG5leHBvcnQgY29uc3QgeyBzdGF0aWNDbGFzc2VzLCB1c2VDbGFzc2VzIH0gPSBjcmVhdGVDbGFzc2VzKFxuICBcIkh2VmVydGljYWxOYXZpZ2F0aW9uUG9wdXBcIixcbiAge1xuICAgIHBvcHVwOiB7fSxcbiAgICBjb250YWluZXI6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNpbmcoXCJ4c1wiKSxcbiAgICB9LFxuICAgIHBvcHBlcjoge1xuICAgICAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5wb3BvdmVyLFxuICAgIH0sXG4gIH1cbik7XG4iXX0= */");
 const {
   staticClasses,
   useClasses

package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationPopup.styles.js","sources":["../../../../../src/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Popper } from \"@mui/base\";\n\nconst StyledPopper = styled(Popper)({\n  zIndex: theme.zIndices.popover,\n});\n\nexport { StyledPopper };\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationPopup\",\n  {\n    popup: {},\n    container: {\n      marginLeft: theme.spacing(\"xs\"),\n    },\n    popper: {\n      zIndex: theme.zIndices.popover,\n    },\n  }\n);\n"],"names":["StyledPopper","Popper","process","env","NODE_ENV","target","label","zIndex","theme","zIndices","popover","staticClasses","useClasses","createClasses","popup","container","marginLeft","spacing","popper"],"mappings":";;;;AAMA,MAAMA,eAAsBC,wBAAAA,QAAMC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAClCC,QAAQC,MAAMC,SAASC;AACzB,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,yxCAAA;AAIW,MAAA;AAAA,EAAEO;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,6BACA;AAAA,EACEC,OAAO,CAAC;AAAA,EACRC,WAAW;AAAA,IACTC,YAAYR,MAAMS,QAAQ,IAAI;AAAA,EAChC;AAAA,EACAC,QAAQ;AAAA,IACNX,QAAQC,MAAMC,SAASC;AAAAA,EACzB;AACF,CACF;"}
+{"version":3,"file":"NavigationPopup.styles.js","sources":["../../../../../src/components/VerticalNavigation/NavigationPopup/NavigationPopup.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Popper } from \"@mui/base\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nconst StyledPopper = styled(Popper)({\n  zIndex: theme.zIndices.popover,\n});\n\nexport { StyledPopper };\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationPopup\",\n  {\n    popup: {},\n    container: {\n      marginLeft: theme.spacing(\"xs\"),\n    },\n    popper: {\n      zIndex: theme.zIndices.popover,\n    },\n  }\n);\n"],"names":["StyledPopper","Popper","process","env","NODE_ENV","target","label","zIndex","theme","zIndices","popover","staticClasses","useClasses","createClasses","popup","container","marginLeft","spacing","popper"],"mappings":";;;;AAOA,MAAMA,eAAsBC,wBAAAA,QAAMC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAClCC,QAAQC,MAAMC,SAASC;AACzB,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,6xCAAA;AAIW,MAAA;AAAA,EAAEO;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,6BACA;AAAA,EACEC,OAAO,CAAC;AAAA,EACRC,WAAW;AAAA,IACTC,YAAYR,MAAMS,QAAQ,IAAI;AAAA,EAChC;AAAA,EACAC,QAAQ;AAAA,IACNX,QAAQC,MAAMC,SAASC;AAAAA,EACzB;AACF,CACF;"}

package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopupContainer.js

@@ -14,7 +14,7 @@ const NavigationPopupContainer = ({
     classes
   } = useClasses(classesProp);
   const handleClickAway = () => {
-    onClose == null ? void 0 : onClose();
+    onClose?.();
   };
   return /* @__PURE__ */ jsx(StyledPopper, { open: true, anchorEl, placement: "right-start", ...others, children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: handleClickAway, children: /* @__PURE__ */ jsx("div", { className: classes.container, children: /* @__PURE__ */ jsx(HvVerticalNavigation, { open: true, useIcons: true, children }) }) }) });
 };

package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopupContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationPopupContainer.js","sources":["../../../../../src/components/VerticalNavigation/NavigationPopup/NavigationPopupContainer.tsx"],"sourcesContent":["import { ClickAwayListener } from \"@mui/material\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvVerticalNavigation } from \"../VerticalNavigation\";\n\nimport {\n  StyledPopper,\n  staticClasses,\n  useClasses,\n} from \"./NavigationPopup.styles\";\n\nexport { staticClasses as verticalNavigationPopupClasses };\n\nexport type HvVerticalNavigationPopupClasses = ExtractNames<typeof useClasses>;\n\nexport interface NavigationPopupContainerProps extends HvBaseProps {\n  anchorEl?: HTMLElement | null;\n  onClose?: () => void;\n  classes?: HvVerticalNavigationPopupClasses;\n}\n\nexport const NavigationPopupContainer = ({\n  anchorEl,\n  onClose,\n  children,\n  classes: classesProp,\n  ...others\n}: NavigationPopupContainerProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const handleClickAway = () => {\n    onClose?.();\n  };\n\n  return (\n    <StyledPopper open anchorEl={anchorEl} placement=\"right-start\" {...others}>\n      <ClickAwayListener onClickAway={handleClickAway}>\n        <div className={classes.container}>\n          <HvVerticalNavigation open useIcons>\n            {children}\n          </HvVerticalNavigation>\n        </div>\n      </ClickAwayListener>\n    </StyledPopper>\n  );\n};\n"],"names":["NavigationPopupContainer","anchorEl","onClose","children","classes","classesProp","others","useClasses","handleClickAway","container"],"mappings":";;;;;AAuBO,MAAMA,2BAA2BA,CAAC;AAAA,EACvCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACT,GAAGC;AAC0B,MAAM;AAC7B,QAAA;AAAA,IAAEF;AAAAA,EAAAA,IAAYG,WAAWF,WAAW;AAE1C,QAAMG,kBAAkBA,MAAM;AAClB;AAAA,EAAA;AAIV,SAAA,oBAAC,cAAa,EAAA,MAAI,MAAC,UAAoB,WAAU,eAAc,GAAIF,QACjE,UAAC,oBAAA,mBAAA,EAAkB,aAAaE,iBAC9B,UAAC,oBAAA,OAAA,EAAI,WAAWJ,QAAQK,WACtB,UAAA,oBAAC,sBAAqB,EAAA,MAAI,MAAC,UAAQ,MAChCN,SAAAA,CACH,EACF,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"NavigationPopupContainer.js","sources":["../../../../../src/components/VerticalNavigation/NavigationPopup/NavigationPopupContainer.tsx"],"sourcesContent":["import { ClickAwayListener } from \"@mui/material\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { HvVerticalNavigation } from \"../VerticalNavigation\";\n\nimport {\n  StyledPopper,\n  staticClasses,\n  useClasses,\n} from \"./NavigationPopup.styles\";\n\nexport { staticClasses as verticalNavigationPopupClasses };\n\nexport type HvVerticalNavigationPopupClasses = ExtractNames<typeof useClasses>;\n\nexport interface NavigationPopupContainerProps extends HvBaseProps {\n  anchorEl?: HTMLElement | null;\n  onClose?: () => void;\n  classes?: HvVerticalNavigationPopupClasses;\n}\n\nexport const NavigationPopupContainer = ({\n  anchorEl,\n  onClose,\n  children,\n  classes: classesProp,\n  ...others\n}: NavigationPopupContainerProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const handleClickAway = () => {\n    onClose?.();\n  };\n\n  return (\n    <StyledPopper open anchorEl={anchorEl} placement=\"right-start\" {...others}>\n      <ClickAwayListener onClickAway={handleClickAway}>\n        <div className={classes.container}>\n          <HvVerticalNavigation open useIcons>\n            {children}\n          </HvVerticalNavigation>\n        </div>\n      </ClickAwayListener>\n    </StyledPopper>\n  );\n};\n"],"names":["NavigationPopupContainer","anchorEl","onClose","children","classes","classesProp","others","useClasses","handleClickAway","container"],"mappings":";;;;;AAwBO,MAAMA,2BAA2BA,CAAC;AAAA,EACvCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACT,GAAGC;AAC0B,MAAM;AAC7B,QAAA;AAAA,IAAEF;AAAAA,EAAAA,IAAYG,WAAWF,WAAW;AAE1C,QAAMG,kBAAkBA,MAAM;AAClB;EAAA;AAIV,SAAA,oBAAC,cAAa,EAAA,MAAI,MAAC,UAAoB,WAAU,eAAc,GAAIF,QACjE,UAAC,oBAAA,mBAAA,EAAkB,aAAaE,iBAC9B,UAAC,oBAAA,OAAA,EAAI,WAAWJ,QAAQK,WACtB,UAAA,oBAAC,sBAAqB,EAAA,MAAI,MAAC,UAAQ,MAChCN,SAAAA,CACH,EACF,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/esm/components/VerticalNavigation/NavigationSlider/NavigationSlider.js

@@ -25,9 +25,9 @@ const HvVerticalNavigationSlider = (props) => {
     selected: classes.listItemSelected,
     focus: classes.listItemFocus
   }, onClick: (event) => {
-    onNavigateToTarget == null ? void 0 : onNavigateToTarget(event, item);
+    onNavigateToTarget?.(event, item);
   }, "aria-label": item.label, "aria-current": selected === item.id ? item.href ? "page" : true : void 0, selected: selected === item.id, startAdornment: item.icon ? /* @__PURE__ */ jsx("div", { children: item.icon }) : void 0, endAdornment: item.data && item.data.length > 0 ? /* @__PURE__ */ jsx(HvButton, { icon: true, onClick: (event) => {
-    onNavigateToChild == null ? void 0 : onNavigateToChild(event, item);
+    onNavigateToChild?.(event, item);
   }, "aria-label": forwardButtonAriaLabel, children: /* @__PURE__ */ jsx(DropRightXS, {}) }) : void 0, children: /* @__PURE__ */ jsx(HvOverflowTooltip, { data: item.label }) }, item.id)) });
 };
 export {

package/dist/esm/components/VerticalNavigation/NavigationSlider/NavigationSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationSlider.js","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"@core/components/Button\";\nimport { HvListContainer, HvListItem } from \"@core/components/ListContainer\";\nimport { HvOverflowTooltip } from \"@core/components/OverflowTooltip\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks\";\nimport { NavigationData } from \"../VerticalNavigationContext\";\n\nimport { staticClasses, useClasses } from \"./NavigationSlider.styles\";\n\nexport { staticClasses as verticalNavigationSliderClasses };\n\nexport type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationSliderProps {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvVerticalNavigationSliderClasses;\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * icon - the icon react element\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data?: NavigationData[];\n  /**\n   * The selected item id.\n   */\n  selected?: string;\n  /**\n   * Triggered when the item is clicked.\n   */\n  onNavigateToTarget?: (\n    event: React.MouseEvent<HTMLLIElement>,\n    item: NavigationData\n  ) => void;\n  /**\n   * Triggered when the navigate to child button is clicked.\n   */\n  onNavigateToChild?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    item: NavigationData\n  ) => void;\n  /** Aria label to apply to the navigate to submenu button on the list items. */\n  forwardButtonAriaLabel?: string;\n}\n\nexport const HvVerticalNavigationSlider = (\n  props: HvVerticalNavigationSliderProps\n) => {\n  const {\n    id,\n    classes: classesProp,\n    data,\n    selected,\n    onNavigateToTarget,\n    onNavigateToChild,\n    forwardButtonAriaLabel = \"Navigate to submenu\",\n  } = useDefaultProps(\"HvVerticalNavigationSlider\", props);\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <HvListContainer interactive id={id}>\n      {data &&\n        data.map((item) => (\n          <HvListItem\n            key={item.id}\n            classes={{\n              root: classes.root,\n              selected: classes.listItemSelected,\n              focus: classes.listItemFocus,\n            }}\n            onClick={(event) => {\n              onNavigateToTarget?.(event, item);\n            }}\n            aria-label={item.label}\n            aria-current={\n              selected === item.id ? (item.href ? \"page\" : true) : undefined\n            }\n            selected={selected === item.id}\n            startAdornment={item.icon ? <div>{item.icon}</div> : undefined}\n            endAdornment={\n              item.data && item.data.length > 0 ? (\n                <HvButton\n                  icon\n                  onClick={(event) => {\n                    onNavigateToChild?.(event, item);\n                  }}\n                  aria-label={forwardButtonAriaLabel}\n                >\n                  <DropRightXS />\n                </HvButton>\n              ) : undefined\n            }\n          >\n            <HvOverflowTooltip data={item.label} />\n          </HvListItem>\n        ))}\n    </HvListContainer>\n  );\n};\n"],"names":["HvVerticalNavigationSlider","props","id","classes","classesProp","data","selected","onNavigateToTarget","onNavigateToChild","forwardButtonAriaLabel","useDefaultProps","useClasses","map","item","root","listItemSelected","focus","listItemFocus","event","label","href","undefined","icon","length"],"mappings":";;;;;;;;;AA0DaA,MAAAA,6BAA6BA,CACxCC,UACG;AACG,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,yBAAyB;AAAA,EAAA,IACvBC,gBAAgB,8BAA8BT,KAAK;AACjD,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYQ,WAAWP,WAAW;AAGxC,SAAA,oBAAC,iBAAgB,EAAA,aAAW,MAAC,IAC1BC,UACCA,QAAAA,KAAKO,IAAKC,CAAAA,SACP,oBAAA,YAAA,EAEC,SAAS;AAAA,IACPC,MAAMX,QAAQW;AAAAA,IACdR,UAAUH,QAAQY;AAAAA,IAClBC,OAAOb,QAAQc;AAAAA,EAAAA,GAEjB,SAAUC,CAAU,UAAA;AAClBX,6DAAqBW,OAAOL;AAAAA,EAAI,GAElC,cAAYA,KAAKM,OACjB,gBACEb,aAAaO,KAAKX,KAAMW,KAAKO,OAAO,SAAS,OAAQC,QAEvD,UAAUf,aAAaO,KAAKX,IAC5B,gBAAgBW,KAAKS,OAAO,oBAAC,SAAKT,UAAKS,KAAAA,KAAK,CAAA,IAASD,QACrD,cACER,KAAKR,QAAQQ,KAAKR,KAAKkB,SAAS,IAC9B,oBAAC,YACC,MAAI,MACJ,SAAUL,CAAU,UAAA;AAClBV,2DAAoBU,OAAOL;AAAAA,EAAI,GAEjC,cAAYJ,wBAEZ,UAAC,oBAAA,aAAA,CAAA,CAAW,EACd,CAAA,IACEY,QAGN,UAAC,oBAAA,mBAAA,EAAkB,MAAMR,KAAKM,MAAAA,CAAM,KA7B/BN,KAAKX,EA8BZ,CACD,EACL,CAAA;AAEJ;"}
+{"version":3,"file":"NavigationSlider.js","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"@core/components/Button\";\nimport { HvListContainer, HvListItem } from \"@core/components/ListContainer\";\nimport { HvOverflowTooltip } from \"@core/components/OverflowTooltip\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks\";\n\nimport { NavigationData } from \"../VerticalNavigationContext\";\n\nimport { staticClasses, useClasses } from \"./NavigationSlider.styles\";\n\nexport { staticClasses as verticalNavigationSliderClasses };\n\nexport type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationSliderProps {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvVerticalNavigationSliderClasses;\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * icon - the icon react element\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data?: NavigationData[];\n  /**\n   * The selected item id.\n   */\n  selected?: string;\n  /**\n   * Triggered when the item is clicked.\n   */\n  onNavigateToTarget?: (\n    event: React.MouseEvent<HTMLLIElement>,\n    item: NavigationData\n  ) => void;\n  /**\n   * Triggered when the navigate to child button is clicked.\n   */\n  onNavigateToChild?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    item: NavigationData\n  ) => void;\n  /** Aria label to apply to the navigate to submenu button on the list items. */\n  forwardButtonAriaLabel?: string;\n}\n\nexport const HvVerticalNavigationSlider = (\n  props: HvVerticalNavigationSliderProps\n) => {\n  const {\n    id,\n    classes: classesProp,\n    data,\n    selected,\n    onNavigateToTarget,\n    onNavigateToChild,\n    forwardButtonAriaLabel = \"Navigate to submenu\",\n  } = useDefaultProps(\"HvVerticalNavigationSlider\", props);\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <HvListContainer interactive id={id}>\n      {data &&\n        data.map((item) => (\n          <HvListItem\n            key={item.id}\n            classes={{\n              root: classes.root,\n              selected: classes.listItemSelected,\n              focus: classes.listItemFocus,\n            }}\n            onClick={(event) => {\n              onNavigateToTarget?.(event, item);\n            }}\n            aria-label={item.label}\n            aria-current={\n              selected === item.id ? (item.href ? \"page\" : true) : undefined\n            }\n            selected={selected === item.id}\n            startAdornment={item.icon ? <div>{item.icon}</div> : undefined}\n            endAdornment={\n              item.data && item.data.length > 0 ? (\n                <HvButton\n                  icon\n                  onClick={(event) => {\n                    onNavigateToChild?.(event, item);\n                  }}\n                  aria-label={forwardButtonAriaLabel}\n                >\n                  <DropRightXS />\n                </HvButton>\n              ) : undefined\n            }\n          >\n            <HvOverflowTooltip data={item.label} />\n          </HvListItem>\n        ))}\n    </HvListContainer>\n  );\n};\n"],"names":["HvVerticalNavigationSlider","props","id","classes","classesProp","data","selected","onNavigateToTarget","onNavigateToChild","forwardButtonAriaLabel","useDefaultProps","useClasses","map","item","root","listItemSelected","focus","listItemFocus","event","label","href","undefined","icon","length"],"mappings":";;;;;;;;;AA2DaA,MAAAA,6BAA6BA,CACxCC,UACG;AACG,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,yBAAyB;AAAA,EAAA,IACvBC,gBAAgB,8BAA8BT,KAAK;AACjD,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYQ,WAAWP,WAAW;AAGxC,SAAA,oBAAC,iBAAgB,EAAA,aAAW,MAAC,IAC1BC,UACCA,QAAAA,KAAKO,IAAKC,CAAAA,SACP,oBAAA,YAAA,EAEC,SAAS;AAAA,IACPC,MAAMX,QAAQW;AAAAA,IACdR,UAAUH,QAAQY;AAAAA,IAClBC,OAAOb,QAAQc;AAAAA,EAAAA,GAEjB,SAAUC,CAAU,UAAA;AAClBX,yBAAqBW,OAAOL,IAAI;AAAA,EAAA,GAElC,cAAYA,KAAKM,OACjB,gBACEb,aAAaO,KAAKX,KAAMW,KAAKO,OAAO,SAAS,OAAQC,QAEvD,UAAUf,aAAaO,KAAKX,IAC5B,gBAAgBW,KAAKS,OAAO,oBAAC,SAAKT,UAAKS,KAAAA,KAAK,CAAA,IAASD,QACrD,cACER,KAAKR,QAAQQ,KAAKR,KAAKkB,SAAS,IAC9B,oBAAC,YACC,MAAI,MACJ,SAAUL,CAAU,UAAA;AAClBV,wBAAoBU,OAAOL,IAAI;AAAA,EAAA,GAEjC,cAAYJ,wBAEZ,UAAC,oBAAA,aAAA,CAAA,CAAW,EACd,CAAA,IACEY,QAGN,UAAC,oBAAA,mBAAA,EAAkB,MAAMR,KAAKM,MAAAA,CAAM,KA7B/BN,KAAKX,EA8BZ,CACD,EACL,CAAA;AAEJ;"}

package/dist/esm/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationSlider.styles.js","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationSlider\",\n  {\n    root: {\n      display: \"flex\",\n      alignItems: \"center\",\n      borderLeft: `4px solid transparent`,\n      minHeight: \"48px\",\n      marginBottom: \"8px\",\n      \"& > button\": {\n        marginLeft: \"auto\",\n      },\n    },\n    listItemSelected: {\n      background: theme.colors.atmo3,\n      borderLeft: `4px solid ${theme.colors.secondary}`,\n      \"& *\": {\n        background: theme.colors.atmo3,\n      },\n    },\n    listItemFocus: {\n      background: theme.colors.atmo3,\n      \"& *\": {\n        background: theme.colors.atmo3,\n      },\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","borderLeft","minHeight","marginBottom","marginLeft","listItemSelected","background","theme","colors","atmo3","secondary","listItemFocus"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,8BACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,YAAa;AAAA,IACbC,WAAW;AAAA,IACXC,cAAc;AAAA,IACd,cAAc;AAAA,MACZC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBC,YAAYC,MAAMC,OAAOC;AAAAA,IACzBR,YAAa,aAAYM,MAAMC,OAAOE,SAAU;AAAA,IAChD,OAAO;AAAA,MACLJ,YAAYC,MAAMC,OAAOC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAE,eAAe;AAAA,IACbL,YAAYC,MAAMC,OAAOC;AAAAA,IACzB,OAAO;AAAA,MACLH,YAAYC,MAAMC,OAAOC;AAAAA,IAC3B;AAAA,EACF;AACF,CACF;"}
+{"version":3,"file":"NavigationSlider.styles.js","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationSlider\",\n  {\n    root: {\n      display: \"flex\",\n      alignItems: \"center\",\n      borderLeft: `4px solid transparent`,\n      minHeight: \"48px\",\n      marginBottom: \"8px\",\n      \"& > button\": {\n        marginLeft: \"auto\",\n      },\n    },\n    listItemSelected: {\n      background: theme.colors.atmo3,\n      borderLeft: `4px solid ${theme.colors.secondary}`,\n      \"& *\": {\n        background: theme.colors.atmo3,\n      },\n    },\n    listItemFocus: {\n      background: theme.colors.atmo3,\n      \"& *\": {\n        background: theme.colors.atmo3,\n      },\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","borderLeft","minHeight","marginBottom","marginLeft","listItemSelected","background","theme","colors","atmo3","secondary","listItemFocus"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,8BACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,YAAa;AAAA,IACbC,WAAW;AAAA,IACXC,cAAc;AAAA,IACd,cAAc;AAAA,MACZC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBC,YAAYC,MAAMC,OAAOC;AAAAA,IACzBR,YAAa,aAAYM,MAAMC,OAAOE,SAAU;AAAA,IAChD,OAAO;AAAA,MACLJ,YAAYC,MAAMC,OAAOC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAE,eAAe;AAAA,IACbL,YAAYC,MAAMC,OAAOC;AAAAA,IACzB,OAAO;AAAA,MACLH,YAAYC,MAAMC,OAAOC;AAAAA,IAC3B;AAAA,EACF;AACF,CACF;"}

package/dist/esm/components/VerticalNavigation/NavigationSlider/utils/NavigationSlider.utils.js

@@ -13,14 +13,12 @@ const getNavigationItemById = (navigationItems, navigationItemId) => {
   return searchInCollection(navigationItems, "data", "id", navigationItemId);
 };
 const getParentItemById = (navigationItems, navigationItemId) => {
-  var _a;
-  const parentId = (_a = getNavigationItemById(navigationItems, navigationItemId)) == null ? void 0 : _a.parent;
+  const parentId = getNavigationItemById(navigationItems, navigationItemId)?.parent;
   return getNavigationItemById(navigationItems, parentId);
 };
 const fillDataWithParentId = (navigationItems, parentItemId) => {
   return navigationItems.map((item) => {
-    var _a;
-    if (((_a = item == null ? void 0 : item.data) == null ? void 0 : _a.length) > 0) {
+    if (item?.data?.length > 0) {
       return {
         ...item,
         parent: parentItemId,

package/dist/esm/components/VerticalNavigation/NavigationSlider/utils/NavigationSlider.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationSlider.utils.js","sources":["../../../../../../src/components/VerticalNavigation/NavigationSlider/utils/NavigationSlider.utils.tsx"],"sourcesContent":["/**\n * Recursively searches in a collection the first element where the property matches the specified value.\n *\n * @param collection - Collection where the search will be performed\n * @param childrenPropName - The children property name where the recursive search will be performed\n * @param propName - The name of the property to be used on the search\n * @param propValue - The value of the property to be used on the search\n * @returns The element that matches the requirement or null if none is found\n */\nconst searchInCollection = (\n  collection,\n  childrenPropName,\n  propName,\n  propValue\n) => {\n  if (collection[propName] === propValue) {\n    return collection;\n  }\n\n  const items = collection[childrenPropName] || collection;\n\n  let foundItem = null;\n  for (let index = 0; foundItem === null && index < items.length; index += 1) {\n    foundItem = searchInCollection(\n      items[index],\n      childrenPropName,\n      propName,\n      propValue\n    );\n  }\n  return foundItem;\n};\n\n/**\n * Returns the navigation item with the specified id.\n *\n * @param navigationItems - The collection of navigation items.\n * @param navigationItemId - The id to be used on the search\n * @returns The navigation item with the specified id.\n */\nconst getNavigationItemById = (navigationItems, navigationItemId) => {\n  return searchInCollection(navigationItems, \"data\", \"id\", navigationItemId);\n};\n\n/**\n * Returns the parent item for the received item id.\n *\n * @param navigationItems - The collection of navigation items.\n * @param navigationItemId - The id to be used on the search\n * @returns The parent navigation item.\n */\nconst getParentItemById = (navigationItems, navigationItemId) => {\n  const parentId = getNavigationItemById(\n    navigationItems,\n    navigationItemId\n  )?.parent;\n  return getNavigationItemById(navigationItems, parentId);\n};\n\n/**\n * Fills the data structure with the parent id on each one of the nodes.\n *\n * @param navigationItems - The collection of navigation items.\n * @param parentItemId - The parent id to be added.\n * @returns The structure now filled with the parent id.\n */\nconst fillDataWithParentId = (navigationItems, parentItemId?) => {\n  return navigationItems.map((item) => {\n    if (item?.data?.length > 0) {\n      return {\n        ...item,\n        parent: parentItemId,\n        data: fillDataWithParentId(item.data, item.id),\n      };\n    }\n    return { ...item, parent: parentItemId };\n  });\n};\n\nexport { getNavigationItemById, getParentItemById, fillDataWithParentId };\n"],"names":["searchInCollection","collection","childrenPropName","propName","propValue","items","foundItem","index","length","getNavigationItemById","navigationItems","navigationItemId","getParentItemById","parentId","parent","fillDataWithParentId","parentItemId","map","item","data","id"],"mappings":"AASA,MAAMA,qBAAqBA,CACzBC,YACAC,kBACAC,UACAC,cACG;AACCH,MAAAA,WAAWE,QAAQ,MAAMC,WAAW;AAC/BH,WAAAA;AAAAA,EACT;AAEMI,QAAAA,QAAQJ,WAAWC,gBAAgB,KAAKD;AAE9C,MAAIK,YAAY;AACPC,WAAAA,QAAQ,GAAGD,cAAc,QAAQC,QAAQF,MAAMG,QAAQD,SAAS,GAAG;AAC1ED,gBAAYN,mBACVK,MAAME,KAAK,GACXL,kBACAC,UACAC,SACF;AAAA,EACF;AACOE,SAAAA;AACT;AASMG,MAAAA,wBAAwBA,CAACC,iBAAiBC,qBAAqB;AACnE,SAAOX,mBAAmBU,iBAAiB,QAAQ,MAAMC,gBAAgB;AAC3E;AASMC,MAAAA,oBAAoBA,CAACF,iBAAiBC,qBAAqB;AA1CjE;AA2CE,QAAME,YAAWJ,2BACfC,iBACAC,gBACF,MAHiBF,mBAGdK;AACIL,SAAAA,sBAAsBC,iBAAiBG,QAAQ;AACxD;AASME,MAAAA,uBAAuBA,CAACL,iBAAiBM,iBAAkB;AACxDN,SAAAA,gBAAgBO,IAAKC,CAAS,SAAA;AA1DvC;AA2DQA,UAAAA,kCAAMC,SAAND,mBAAYV,UAAS,GAAG;AACnB,aAAA;AAAA,QACL,GAAGU;AAAAA,QACHJ,QAAQE;AAAAA,QACRG,MAAMJ,qBAAqBG,KAAKC,MAAMD,KAAKE,EAAE;AAAA,MAAA;AAAA,IAEjD;AACO,WAAA;AAAA,MAAE,GAAGF;AAAAA,MAAMJ,QAAQE;AAAAA,IAAAA;AAAAA,EAAa,CACxC;AACH;"}
+{"version":3,"file":"NavigationSlider.utils.js","sources":["../../../../../../src/components/VerticalNavigation/NavigationSlider/utils/NavigationSlider.utils.tsx"],"sourcesContent":["/**\n * Recursively searches in a collection the first element where the property matches the specified value.\n *\n * @param collection - Collection where the search will be performed\n * @param childrenPropName - The children property name where the recursive search will be performed\n * @param propName - The name of the property to be used on the search\n * @param propValue - The value of the property to be used on the search\n * @returns The element that matches the requirement or null if none is found\n */\nconst searchInCollection = (\n  collection,\n  childrenPropName,\n  propName,\n  propValue\n) => {\n  if (collection[propName] === propValue) {\n    return collection;\n  }\n\n  const items = collection[childrenPropName] || collection;\n\n  let foundItem = null;\n  for (let index = 0; foundItem === null && index < items.length; index += 1) {\n    foundItem = searchInCollection(\n      items[index],\n      childrenPropName,\n      propName,\n      propValue\n    );\n  }\n  return foundItem;\n};\n\n/**\n * Returns the navigation item with the specified id.\n *\n * @param navigationItems - The collection of navigation items.\n * @param navigationItemId - The id to be used on the search\n * @returns The navigation item with the specified id.\n */\nconst getNavigationItemById = (navigationItems, navigationItemId) => {\n  return searchInCollection(navigationItems, \"data\", \"id\", navigationItemId);\n};\n\n/**\n * Returns the parent item for the received item id.\n *\n * @param navigationItems - The collection of navigation items.\n * @param navigationItemId - The id to be used on the search\n * @returns The parent navigation item.\n */\nconst getParentItemById = (navigationItems, navigationItemId) => {\n  const parentId = getNavigationItemById(\n    navigationItems,\n    navigationItemId\n  )?.parent;\n  return getNavigationItemById(navigationItems, parentId);\n};\n\n/**\n * Fills the data structure with the parent id on each one of the nodes.\n *\n * @param navigationItems - The collection of navigation items.\n * @param parentItemId - The parent id to be added.\n * @returns The structure now filled with the parent id.\n */\nconst fillDataWithParentId = (navigationItems, parentItemId?) => {\n  return navigationItems.map((item) => {\n    if (item?.data?.length > 0) {\n      return {\n        ...item,\n        parent: parentItemId,\n        data: fillDataWithParentId(item.data, item.id),\n      };\n    }\n    return { ...item, parent: parentItemId };\n  });\n};\n\nexport { getNavigationItemById, getParentItemById, fillDataWithParentId };\n"],"names":["searchInCollection","collection","childrenPropName","propName","propValue","items","foundItem","index","length","getNavigationItemById","navigationItems","navigationItemId","getParentItemById","parentId","parent","fillDataWithParentId","parentItemId","map","item","data","id"],"mappings":"AASA,MAAMA,qBAAqBA,CACzBC,YACAC,kBACAC,UACAC,cACG;AACCH,MAAAA,WAAWE,QAAQ,MAAMC,WAAW;AAC/BH,WAAAA;AAAAA,EACT;AAEMI,QAAAA,QAAQJ,WAAWC,gBAAgB,KAAKD;AAE9C,MAAIK,YAAY;AACPC,WAAAA,QAAQ,GAAGD,cAAc,QAAQC,QAAQF,MAAMG,QAAQD,SAAS,GAAG;AAC1ED,gBAAYN,mBACVK,MAAME,KAAK,GACXL,kBACAC,UACAC,SACF;AAAA,EACF;AACOE,SAAAA;AACT;AASMG,MAAAA,wBAAwBA,CAACC,iBAAiBC,qBAAqB;AACnE,SAAOX,mBAAmBU,iBAAiB,QAAQ,MAAMC,gBAAgB;AAC3E;AASMC,MAAAA,oBAAoBA,CAACF,iBAAiBC,qBAAqB;AAC/D,QAAME,WAAWJ,sBACfC,iBACAC,gBACF,GAAGG;AACIL,SAAAA,sBAAsBC,iBAAiBG,QAAQ;AACxD;AASME,MAAAA,uBAAuBA,CAACL,iBAAiBM,iBAAkB;AACxDN,SAAAA,gBAAgBO,IAAKC,CAAS,SAAA;AAC/BA,QAAAA,MAAMC,MAAMX,SAAS,GAAG;AACnB,aAAA;AAAA,QACL,GAAGU;AAAAA,QACHJ,QAAQE;AAAAA,QACRG,MAAMJ,qBAAqBG,KAAKC,MAAMD,KAAKE,EAAE;AAAA,MAAA;AAAA,IAEjD;AACO,WAAA;AAAA,MAAE,GAAGF;AAAAA,MAAMJ,QAAQE;AAAAA,IAAAA;AAAAA,EAAa,CACxC;AACH;"}

package/dist/esm/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import { Forwards } from "@hitachivantara/uikit-react-icons";
 import { useContext } from "react";
+import { Forwards } from "@hitachivantara/uikit-react-icons";
 import { VerticalNavigationContext } from "../../VerticalNavigationContext.js";
 import { StyledIconsContainer, SpacerDiv } from "./IconWrapper.styles.js";
 import { TooltipWrapper } from "../TooltipWrapper/TooltipWrapper.js";

package/dist/esm/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWrapper.js","sources":["../../../../../../src/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.tsx"],"sourcesContent":["import { Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useContext } from \"react\";\n\nimport { HvAvatar } from \"@core/components/Avatar\";\n\nimport { VerticalNavigationContext } from \"../../VerticalNavigationContext\";\nimport { TooltipWrapper } from \"../TooltipWrapper\";\nimport { SpacerDiv, StyledIconsContainer } from \"./IconWrapper.styles\";\n\nexport const IconWrapper = ({\n  icon,\n  label,\n  hasChildren,\n  showAvatar,\n  isOpen,\n  disableTooltip,\n}) => {\n  const { hasAnyChildWithData } = useContext(VerticalNavigationContext);\n  return (\n    <TooltipWrapper\n      showTooltip={!hasChildren && !isOpen && !disableTooltip}\n      label={label}\n    >\n      <StyledIconsContainer hasAnyChildWithData={hasAnyChildWithData}>\n        {showAvatar ? (\n          <HvAvatar\n            variant=\"square\"\n            size=\"xs\"\n            backgroundColor=\"secondary_80\"\n            style={{ fontSize: \"15px\" }}\n          >\n            {label.substring(0, 1)}\n          </HvAvatar>\n        ) : (\n          icon\n        )}\n\n        {hasChildren && !isOpen ? (\n          <Forwards iconSize=\"XS\" />\n        ) : (\n          hasAnyChildWithData && !isOpen && <SpacerDiv />\n        )}\n      </StyledIconsContainer>\n    </TooltipWrapper>\n  );\n};\n"],"names":["IconWrapper","icon","label","hasChildren","showAvatar","isOpen","disableTooltip","hasAnyChildWithData","useContext","VerticalNavigationContext","fontSize","substring"],"mappings":";;;;;;;AAUO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACF,MAAM;AACE,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAwBC,WAAWC,yBAAyB;AACpE,SACG,oBAAA,gBAAA,EACC,aAAa,CAACN,eAAe,CAACE,UAAU,CAACC,gBACzC,OAEA,UAAC,qBAAA,sBAAA,EAAqB,qBACnBF,UAAAA;AAAAA,IACC,aAAA,oBAAC,YACC,SAAQ,UACR,MAAK,MACL,iBAAgB,gBAChB,OAAO;AAAA,MAAEM,UAAU;AAAA,IAAA,GAElBR,UAAMS,MAAAA,UAAU,GAAG,CAAC,EACvB,CAAA,IAEAV;AAAAA,IAGDE,eAAe,CAACE,SACf,oBAAC,UAAS,EAAA,UAAS,MAAI,IAEvBE,uBAAuB,CAACF,UAAU,oBAAC,WACpC,CAAA,CAAA;AAAA,EAAA,EACH,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"IconWrapper.js","sources":["../../../../../../src/components/VerticalNavigation/TreeView/IconWrapper/IconWrapper.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvAvatar } from \"@core/components/Avatar\";\n\nimport { VerticalNavigationContext } from \"../../VerticalNavigationContext\";\nimport { TooltipWrapper } from \"../TooltipWrapper\";\nimport { SpacerDiv, StyledIconsContainer } from \"./IconWrapper.styles\";\n\nexport const IconWrapper = ({\n  icon,\n  label,\n  hasChildren,\n  showAvatar,\n  isOpen,\n  disableTooltip,\n}) => {\n  const { hasAnyChildWithData } = useContext(VerticalNavigationContext);\n  return (\n    <TooltipWrapper\n      showTooltip={!hasChildren && !isOpen && !disableTooltip}\n      label={label}\n    >\n      <StyledIconsContainer hasAnyChildWithData={hasAnyChildWithData}>\n        {showAvatar ? (\n          <HvAvatar\n            variant=\"square\"\n            size=\"xs\"\n            backgroundColor=\"secondary_80\"\n            style={{ fontSize: \"15px\" }}\n          >\n            {label.substring(0, 1)}\n          </HvAvatar>\n        ) : (\n          icon\n        )}\n\n        {hasChildren && !isOpen ? (\n          <Forwards iconSize=\"XS\" />\n        ) : (\n          hasAnyChildWithData && !isOpen && <SpacerDiv />\n        )}\n      </StyledIconsContainer>\n    </TooltipWrapper>\n  );\n};\n"],"names":["IconWrapper","icon","label","hasChildren","showAvatar","isOpen","disableTooltip","hasAnyChildWithData","useContext","VerticalNavigationContext","fontSize","substring"],"mappings":";;;;;;;AASO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACF,MAAM;AACE,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAwBC,WAAWC,yBAAyB;AACpE,SACG,oBAAA,gBAAA,EACC,aAAa,CAACN,eAAe,CAACE,UAAU,CAACC,gBACzC,OAEA,UAAC,qBAAA,sBAAA,EAAqB,qBACnBF,UAAAA;AAAAA,IACC,aAAA,oBAAC,YACC,SAAQ,UACR,MAAK,MACL,iBAAgB,gBAChB,OAAO;AAAA,MAAEM,UAAU;AAAA,IAAA,GAElBR,UAAMS,MAAAA,UAAU,GAAG,CAAC,EACvB,CAAA,IAEAV;AAAAA,IAGDE,eAAe,CAACE,SACf,oBAAC,UAAS,EAAA,UAAS,MAAI,IAEvBE,uBAAuB,CAACF,UAAU,oBAAC,WACpC,CAAA,CAAA;AAAA,EAAA,EACH,CAAA,EACF,CAAA;AAEJ;"}

package/dist/esm/components/VerticalNavigation/TreeView/TreeView.js

@@ -186,10 +186,9 @@ const HvVerticalNavigationTreeView = forwardRef((props, ref) => {
     return [];
   }, [findOrderInTremauxTree, getNextNode]);
   const focus = (event, id) => {
-    var _a;
     if (id) {
       setFocusedNodeId(id);
-      if ((_a = nodeMap.current[id]) == null ? void 0 : _a.onFocus) {
+      if (nodeMap.current[id]?.onFocus) {
         nodeMap.current[id].onFocus(event);
       }
     }
@@ -282,10 +281,7 @@ const HvVerticalNavigationTreeView = forwardRef((props, ref) => {
       currentRangeSelection.current.push(current, next);
     }
     if (onChange) {
-      onChange(event, base, base.map((id) => {
-        var _a;
-        return (_a = nodeMap.current[id]) == null ? void 0 : _a.payload;
-      }));
+      onChange(event, base, base.map((id) => nodeMap.current[id]?.payload));
     }
     setSelectedState(base);
   }, [onChange, selected, setSelectedState]);
@@ -304,10 +300,7 @@ const HvVerticalNavigationTreeView = forwardRef((props, ref) => {
     let newSelected = base.concat(range);
     newSelected = newSelected.filter((id, i) => newSelected.indexOf(id) === i);
     if (onChange) {
-      onChange(event, newSelected, newSelected.map((id) => {
-        var _a;
-        return (_a = nodeMap.current[id]) == null ? void 0 : _a.payload;
-      }));
+      onChange(event, newSelected, newSelected.map((id) => nodeMap.current[id]?.payload));
     }
     setSelectedState(newSelected);
   }, [getNodesInRange, isDisabled, onChange, selected, setSelectedState]);
@@ -319,18 +312,14 @@ const HvVerticalNavigationTreeView = forwardRef((props, ref) => {
       newSelected = [value].concat(selected);
     }
     if (onChange) {
-      onChange(event, newSelected, newSelected.map((id) => {
-        var _a;
-        return (_a = nodeMap.current[id]) == null ? void 0 : _a.payload;
-      }));
+      onChange(event, newSelected, newSelected.map((id) => nodeMap.current[id]?.payload));
     }
     setSelectedState(newSelected);
   }, [onChange, selected, setSelectedState]);
   const handleSingleSelect = useCallback((event, value) => {
-    var _a;
     const newSelected = multiSelect ? [value] : value;
     if (onChange) {
-      const nodeValue = (_a = nodeMap.current[newSelected]) == null ? void 0 : _a.payload;
+      const nodeValue = nodeMap.current[newSelected]?.payload;
       onChange(event, newSelected, multiSelect ? [nodeValue] : nodeValue);
     }
     setSelectedState(newSelected);