@hitachivantara/app-shell-ui 1.4.0 → 1.4.1

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

@@ -1,30 +1,32 @@
 import { jsxs as u, jsx as o } from "@emotion/react/jsx-runtime";
 import { Helmet as M } from "react-helmet-async";
 import { useTranslation as d } from "react-i18next";
-import { HvHeader as I, HvButton as O, HvHeaderBrand as S, HvHeaderNavigation as x } from "@hitachivantara/uikit-react-core";
+import { HvHeader as I, HvButton as x, HvHeaderBrand as O, HvHeaderNavigation as S } from "@hitachivantara/uikit-react-core";
 import { CONFIG_TRANSLATIONS_NAMESPACE as A, useHvAppShellConfig as L } from "@hitachivantara/app-shell-shared";
 import { useHvNavigation as T } from "@hitachivantara/app-shell-navigation";
-import B from "./styles.js";
-import E from "../../../providers/hooks/useNavigationContext.js";
-import P from "../../IconUiKit/index.js";
+import P from "./styles.js";
+import B from "../../../providers/hooks/useNavigationContext.js";
+import E from "../../IconUiKit/index.js";
 import _ from "./HeaderActions/HeaderActions.js";
-import w from "./BrandLogo/BrandLogo.js";
-const V = () => {
+import k from "./BrandLogo/BrandLogo.js";
+const w = () => {
   const {
     t: n
-  } = d(), {
+  } = d(void 0, {
+    keyPrefix: "header.navigation"
+  }), {
     t: c
   } = d(A), e = L(), {
     navigate: m
   } = T(), {
     items: a,
-    selectedMenuItemId: g,
-    rootMenuItemId: v,
+    selectedMenuItemId: v,
+    rootMenuItemId: g,
     isCompactMode: r,
     switchVerticalNavigationMode: p,
     verticalNavigationMode: f,
-    verticalNavigationItems: h
-  } = E(), l = e.navigationMode === "ONLY_TOP", N = !r && e.navigationMode !== "ONLY_LEFT" && a.length > 0, t = f === "CLOSED", C = r && h.length > 0, H = (j, i) => {
+    verticalNavigationItems: N
+  } = B(), l = e.navigationMode === "ONLY_TOP", h = !r && e.navigationMode !== "ONLY_LEFT" && a.length > 0, t = f === "CLOSED", C = r && N.length > 0, H = (y, i) => {
     i.href && m(i.href, {
       state: {
         selectedItemId: i.id
@@ -33,12 +35,12 @@ const V = () => {
   }, s = e.name ? c(e.name) : "";
   return /* @__PURE__ */ u(I, { position: "fixed", children: [
     /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o("title", { children: s }) }),
-    C && /* @__PURE__ */ o(O, { icon: !0, "aria-label": n(t ? "header.navigation.openNavigationPanel" : "header.navigation.closeNavigationPanel"), "aria-expanded": !t, onClick: p, children: /* @__PURE__ */ o(P, { name: t ? "Menu" : "Close" }) }),
-    /* @__PURE__ */ o(S, { logo: /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(w, { logo: e.logo }) }), name: s }),
-    N && /* @__PURE__ */ o(x, { data: a, selected: l ? g : v, onClick: H, levels: l ? 2 : 1 }),
+    C && /* @__PURE__ */ o(x, { icon: !0, "aria-label": n(t ? "openNavigationPanel" : "closeNavigationPanel"), "aria-expanded": !t, onClick: p, children: /* @__PURE__ */ o(E, { name: t ? "Menu" : "Close" }) }),
+    /* @__PURE__ */ o(O, { logo: /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(k, { logo: e.logo }) }), name: s }),
+    h && /* @__PURE__ */ o(S, { data: a, selected: l ? v : g, onClick: H, levels: l ? 2 : 1 }),
     /* @__PURE__ */ o(_, {})
   ] });
-}, $ = V;
+}, $ = w;
 export {
   $ as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../src/components/layout/Header/Header.tsx"],"sourcesContent":["import { Helmet } from \"react-helmet-async\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  HvButton,\n  HvHeader,\n  HvHeaderBrand,\n  HvHeaderNavigation,\n  HvHeaderNavigationProps\n} from \"@hitachivantara/uikit-react-core\";\n\nimport {\n  CONFIG_TRANSLATIONS_NAMESPACE,\n  useHvAppShellConfig\n} from \"@hitachivantara/app-shell-shared\";\nimport { useHvNavigation } from \"@hitachivantara/app-shell-navigation\";\n\nimport BrandLogo from \"./BrandLogo\";\nimport StyledIconWrapper from \"./styles\";\n\nimport useNavigationContext from \"../../../providers/hooks/useNavigationContext\";\nimport IconUiKit from \"../../IconUiKit\";\nimport HeaderActions from \"./HeaderActions\";\n\nconst Header = () => {\n  const { t } = useTranslation();\n  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);\n  const appShellConfig = useHvAppShellConfig();\n  const { navigate } = useHvNavigation();\n\n  const {\n    items,\n    selectedMenuItemId,\n    rootMenuItemId,\n    isCompactMode,\n    switchVerticalNavigationMode,\n    verticalNavigationMode,\n    verticalNavigationItems\n  } = useNavigationContext();\n\n  const isOnlyTopMode = appShellConfig.navigationMode === \"ONLY_TOP\";\n  const showNavigation =\n    !isCompactMode &&\n    appShellConfig.navigationMode !== \"ONLY_LEFT\" &&\n    items.length > 0;\n  const isVerticalNavigationClosed = verticalNavigationMode === \"CLOSED\";\n  const showVerticalNavigationButton =\n    isCompactMode && verticalNavigationItems.length > 0;\n\n  const handleNavigationChange: HvHeaderNavigationProps[\"onClick\"] = (\n    event,\n    selectedItem\n  ) => {\n    if (selectedItem.href) {\n      navigate(selectedItem.href, {\n        state: { selectedItemId: selectedItem.id }\n      });\n    }\n  };\n\n  const name = appShellConfig.name ? tConfig(appShellConfig.name) : \"\";\n\n  return (\n    <HvHeader position=\"fixed\">\n      <Helmet>\n        <title>{name}</title>\n      </Helmet>\n\n      {showVerticalNavigationButton && (\n        <HvButton\n          icon\n          aria-label={\n            isVerticalNavigationClosed\n              ? t(\"header.navigation.openNavigationPanel\")\n              : t(\"header.navigation.closeNavigationPanel\")\n          }\n          aria-expanded={!isVerticalNavigationClosed}\n          onClick={switchVerticalNavigationMode}>\n          <IconUiKit name={isVerticalNavigationClosed ? \"Menu\" : \"Close\"} />\n        </HvButton>\n      )}\n\n      <HvHeaderBrand\n        logo={\n          <StyledIconWrapper>\n            <BrandLogo logo={appShellConfig.logo} />\n          </StyledIconWrapper>\n        }\n        name={name}\n      />\n      {showNavigation && (\n        <HvHeaderNavigation\n          data={items}\n          selected={isOnlyTopMode ? selectedMenuItemId : rootMenuItemId}\n          onClick={handleNavigationChange}\n          levels={isOnlyTopMode ? 2 : 1}\n        />\n      )}\n\n      <HeaderActions />\n    </HvHeader>\n  );\n};\n\nexport default Header;\n"],"names":["Header","t","useTranslation","tConfig","CONFIG_TRANSLATIONS_NAMESPACE","appShellConfig","useHvAppShellConfig","navigate","useHvNavigation","items","selectedMenuItemId","rootMenuItemId","isCompactMode","switchVerticalNavigationMode","verticalNavigationMode","verticalNavigationItems","useNavigationContext","isOnlyTopMode","navigationMode","showNavigation","length","isVerticalNavigationClosed","showVerticalNavigationButton","handleNavigationChange","event","selectedItem","href","state","selectedItemId","id","name","jsxs","HvHeader","jsx","Helmet","HvButton","IconUiKit","HvHeaderBrand","StyledIconWrapper","BrandLogo","logo","HvHeaderNavigation","HeaderActions","Header$1"],"mappings":";;;;;;;;;;;AAwBA,MAAMA,IAASA,MAAM;AACb,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAED,GAAGE;AAAAA,EAAAA,IAAYD,EAAeE,CAA6B,GAC7DC,IAAiBC,KACjB;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAgB,GAE/B;AAAA,IACJC,OAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,8BAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,yBAAAA;AAAAA,MACEC,EAAqB,GAEnBC,IAAgBZ,EAAea,mBAAmB,YAClDC,IACJ,CAACP,KACDP,EAAea,mBAAmB,eAClCT,EAAMW,SAAS,GACXC,IAA6BP,MAA2B,UACxDQ,IACJV,KAAiBG,EAAwBK,SAAS,GAE9CG,IAA6DA,CACjEC,GACAC,MACG;AACH,IAAIA,EAAaC,QACfnB,EAASkB,EAAaC,MAAM;AAAA,MAC1BC,OAAO;AAAA,QAAEC,gBAAgBH,EAAaI;AAAAA,MAAG;AAAA,IAAA,CAC1C;AAAA,EACH,GAGIC,IAAOzB,EAAeyB,OAAO3B,EAAQE,EAAeyB,IAAI,IAAI;AAGhE,SAAA,gBAAAC,EAACC,GAAS,EAAA,UAAS,SACjB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GACC,EAAA,UAAA,gBAAAD,EAAC,SAAOH,EAAAA,UAAAA,EAAK,CAAA,GACf;AAAA,IAECR,KACE,gBAAAW,EAAAE,GAAA,EACC,MAAI,IACJ,cAEMlC,EADJoB,IACM,0CACA,wCADuC,GAG/C,iBAAe,CAACA,GAChB,SAASR,GACT,UAAA,gBAAAoB,EAACG,KAAU,MAAMf,IAA6B,SAAS,QAAA,CAAQ,EACjE,CAAA;AAAA,IAGD,gBAAAY,EAAAI,GAAA,EACC,MACE,gBAAAJ,EAACK,GACC,EAAA,UAAA,gBAAAL,EAACM,GAAU,EAAA,MAAMlC,EAAemC,KAAK,CAAA,EACvC,CAAA,GAEF,MAAAV,GAAW;AAAA,IAEZX,KACC,gBAAAc,EAACQ,GACC,EAAA,MAAMhC,GACN,UAAUQ,IAAgBP,IAAqBC,GAC/C,SAASY,GACT,QAAQN,IAAgB,IAAI,GAE/B;AAAA,sBAEAyB,GAAa,EAAA;AAAA,EAChB,EAAA,CAAA;AAEJ,GAEAC,IAAe3C;"}
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/layout/Header/Header.tsx"],"sourcesContent":["import { Helmet } from \"react-helmet-async\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  HvButton,\n  HvHeader,\n  HvHeaderBrand,\n  HvHeaderNavigation,\n  HvHeaderNavigationProps\n} from \"@hitachivantara/uikit-react-core\";\n\nimport {\n  CONFIG_TRANSLATIONS_NAMESPACE,\n  useHvAppShellConfig\n} from \"@hitachivantara/app-shell-shared\";\nimport { useHvNavigation } from \"@hitachivantara/app-shell-navigation\";\n\nimport BrandLogo from \"./BrandLogo\";\nimport StyledIconWrapper from \"./styles\";\n\nimport useNavigationContext from \"../../../providers/hooks/useNavigationContext\";\nimport IconUiKit from \"../../IconUiKit\";\nimport HeaderActions from \"./HeaderActions\";\n\nconst Header = () => {\n  const { t } = useTranslation(undefined, { keyPrefix: \"header.navigation\" });\n  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);\n  const appShellConfig = useHvAppShellConfig();\n  const { navigate } = useHvNavigation();\n\n  const {\n    items,\n    selectedMenuItemId,\n    rootMenuItemId,\n    isCompactMode,\n    switchVerticalNavigationMode,\n    verticalNavigationMode,\n    verticalNavigationItems\n  } = useNavigationContext();\n\n  const isOnlyTopMode = appShellConfig.navigationMode === \"ONLY_TOP\";\n  const showNavigation =\n    !isCompactMode &&\n    appShellConfig.navigationMode !== \"ONLY_LEFT\" &&\n    items.length > 0;\n  const isVerticalNavigationClosed = verticalNavigationMode === \"CLOSED\";\n  const showVerticalNavigationButton =\n    isCompactMode && verticalNavigationItems.length > 0;\n\n  const handleNavigationChange: HvHeaderNavigationProps[\"onClick\"] = (\n    event,\n    selectedItem\n  ) => {\n    if (selectedItem.href) {\n      navigate(selectedItem.href, {\n        state: { selectedItemId: selectedItem.id }\n      });\n    }\n  };\n\n  const name = appShellConfig.name ? tConfig(appShellConfig.name) : \"\";\n\n  return (\n    <HvHeader position=\"fixed\">\n      <Helmet>\n        <title>{name}</title>\n      </Helmet>\n\n      {showVerticalNavigationButton && (\n        <HvButton\n          icon\n          aria-label={\n            isVerticalNavigationClosed\n              ? t(\"openNavigationPanel\")\n              : t(\"closeNavigationPanel\")\n          }\n          aria-expanded={!isVerticalNavigationClosed}\n          onClick={switchVerticalNavigationMode}>\n          <IconUiKit name={isVerticalNavigationClosed ? \"Menu\" : \"Close\"} />\n        </HvButton>\n      )}\n\n      <HvHeaderBrand\n        logo={\n          <StyledIconWrapper>\n            <BrandLogo logo={appShellConfig.logo} />\n          </StyledIconWrapper>\n        }\n        name={name}\n      />\n      {showNavigation && (\n        <HvHeaderNavigation\n          data={items}\n          selected={isOnlyTopMode ? selectedMenuItemId : rootMenuItemId}\n          onClick={handleNavigationChange}\n          levels={isOnlyTopMode ? 2 : 1}\n        />\n      )}\n\n      <HeaderActions />\n    </HvHeader>\n  );\n};\n\nexport default Header;\n"],"names":["Header","t","useTranslation","undefined","keyPrefix","tConfig","CONFIG_TRANSLATIONS_NAMESPACE","appShellConfig","useHvAppShellConfig","navigate","useHvNavigation","items","selectedMenuItemId","rootMenuItemId","isCompactMode","switchVerticalNavigationMode","verticalNavigationMode","verticalNavigationItems","useNavigationContext","isOnlyTopMode","navigationMode","showNavigation","length","isVerticalNavigationClosed","showVerticalNavigationButton","handleNavigationChange","event","selectedItem","href","state","selectedItemId","id","name","jsxs","HvHeader","jsx","Helmet","HvButton","IconUiKit","HvHeaderBrand","StyledIconWrapper","BrandLogo","logo","HvHeaderNavigation","HeaderActions","Header$1"],"mappings":";;;;;;;;;;;AAwBA,MAAMA,IAASA,MAAM;AACb,QAAA;AAAA,IAAEC,GAAAA;AAAAA,EAAAA,IAAMC,EAAeC,QAAW;AAAA,IAAEC,WAAW;AAAA,EAAA,CAAqB,GACpE;AAAA,IAAEH,GAAGI;AAAAA,EAAAA,IAAYH,EAAeI,CAA6B,GAC7DC,IAAiBC,KACjB;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAgB,GAE/B;AAAA,IACJC,OAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,8BAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,yBAAAA;AAAAA,MACEC,EAAqB,GAEnBC,IAAgBZ,EAAea,mBAAmB,YAClDC,IACJ,CAACP,KACDP,EAAea,mBAAmB,eAClCT,EAAMW,SAAS,GACXC,IAA6BP,MAA2B,UACxDQ,IACJV,KAAiBG,EAAwBK,SAAS,GAE9CG,IAA6DA,CACjEC,GACAC,MACG;AACH,IAAIA,EAAaC,QACfnB,EAASkB,EAAaC,MAAM;AAAA,MAC1BC,OAAO;AAAA,QAAEC,gBAAgBH,EAAaI;AAAAA,MAAG;AAAA,IAAA,CAC1C;AAAA,EACH,GAGIC,IAAOzB,EAAeyB,OAAO3B,EAAQE,EAAeyB,IAAI,IAAI;AAGhE,SAAA,gBAAAC,EAACC,GAAS,EAAA,UAAS,SACjB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GACC,EAAA,UAAA,gBAAAD,EAAC,SAAOH,EAAAA,UAAAA,EAAK,CAAA,GACf;AAAA,IAECR,KACE,gBAAAW,EAAAE,GAAA,EACC,MAAI,IACJ,cAEMpC,EADJsB,IACM,wBACA,sBADqB,GAG7B,iBAAe,CAACA,GAChB,SAASR,GACT,UAAA,gBAAAoB,EAACG,KAAU,MAAMf,IAA6B,SAAS,QAAA,CAAQ,EACjE,CAAA;AAAA,IAGD,gBAAAY,EAAAI,GAAA,EACC,MACE,gBAAAJ,EAACK,GACC,EAAA,UAAA,gBAAAL,EAACM,GAAU,EAAA,MAAMlC,EAAemC,KAAK,CAAA,EACvC,CAAA,GAEF,MAAAV,GAAW;AAAA,IAEZX,KACC,gBAAAc,EAACQ,GACC,EAAA,MAAMhC,GACN,UAAUQ,IAAgBP,IAAqBC,GAC/C,SAASY,GACT,QAAQN,IAAgB,IAAI,GAE/B;AAAA,sBAEAyB,GAAa,EAAA;AAAA,EAChB,EAAA,CAAA;AAEJ,GAEAC,IAAe7C;"}

package/dist/esm/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/AppSwitcherToggle.js

@@ -3,44 +3,46 @@ import { useState as u, useId as g } from "react";
 import { useTranslation as p } from "react-i18next";
 import { createPortal as w } from "react-dom";
 import { ClickAwayListener as C } from "@mui/material";
-import { HvIconButton as k, HvAppSwitcher as I, HvTypography as P } from "@hitachivantara/uikit-react-core";
-import { CONFIG_TRANSLATIONS_NAMESPACE as b } from "@hitachivantara/app-shell-shared";
-import y from "./styles.js";
+import { HvIconButton as k, HvAppSwitcher as P, HvTypography as y } from "@hitachivantara/uikit-react-core";
+import { CONFIG_TRANSLATIONS_NAMESPACE as I } from "@hitachivantara/app-shell-shared";
+import b from "./styles.js";
 import d from "../../../../../IconUiKit/index.js";
-import T from "../../../../../../lib/utils/textUtil.js";
-import v from "../../../../../../lib/utils/documentUtil.js";
+import v from "../../../../../../lib/utils/textUtil.js";
+import T from "../../../../../../lib/utils/documentUtil.js";
 const x = ({
   title: l,
   apps: r
 }) => {
   const {
     t: a
-  } = p(), {
+  } = p(void 0, {
+    keyPrefix: "header.appSwitcher"
+  }), {
     t: i
-  } = p(b), [n, c] = u(!1), s = g(), h = () => r ? r.map((e) => ({
+  } = p(I), [n, c] = u(!1), s = g(), h = () => r ? r.map((e) => ({
     name: i(e.label),
     description: e.description ? i(e.description).toString() : void 0,
-    url: T(e.url, ":") ? e.url : i(e.url).toString(),
+    url: v(e.url, ":") ? e.url : i(e.url).toString(),
     target: e.target === "NEW" ? "_blank" : "_top",
     iconElement: e.icon && /* @__PURE__ */ t(d, { name: e.icon.name })
   })) : [], m = () => {
     c(!1);
-  }, S = () => {
-    m();
   }, f = () => {
+    m();
+  }, S = () => {
     c(!n);
   };
   if (!r || r.length === 0)
     return null;
-  const o = l ? i(l) : a("header.appSwitcher.title");
+  const o = l ? i(l) : a("title");
   return /* @__PURE__ */ t(C, { onClickAway: m, children: /* @__PURE__ */ A("div", { style: {
     display: "flex",
     margin: 0
   }, children: [
-    /* @__PURE__ */ t(k, { title: o, "aria-label": o, "aria-expanded": n, onClick: f, ...n && {
+    /* @__PURE__ */ t(k, { title: o, "aria-label": o, "aria-expanded": n, onClick: S, ...n && {
       "aria-controls": s
     }, children: /* @__PURE__ */ t(d, { name: "AppSwitcher" }) }),
-    n && w(/* @__PURE__ */ t(y, { id: s, role: "region", "aria-label": a("header.appSwitcher.ariaLabel") ?? "", children: /* @__PURE__ */ t(I, { applications: h(), onActionClickedCallback: S, header: /* @__PURE__ */ t(P, { variant: "label", children: o }) }) }), v())
+    n && w(/* @__PURE__ */ t(b, { id: s, role: "region", "aria-label": a("ariaLabel"), children: /* @__PURE__ */ t(P, { applications: h(), onActionClickedCallback: f, header: /* @__PURE__ */ t(y, { variant: "label", children: o }) }) }), T())
   ] }) });
 }, K = x;
 export {

package/dist/esm/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/AppSwitcherToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcherToggle.js","sources":["../../../../../../../../src/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/AppSwitcherToggle.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { createPortal } from \"react-dom\";\nimport { ClickAwayListener } from \"@mui/material\";\n\nimport {\n  HvAppSwitcherActionApplication,\n  HvAppSwitcher,\n  HvTypography,\n  HvIconButton\n} from \"@hitachivantara/uikit-react-core\";\n\nimport {\n  CONFIG_TRANSLATIONS_NAMESPACE,\n  HvAppShellAppSwitcherConfig,\n  HvAppShellAppSwitcherItemConfig\n} from \"@hitachivantara/app-shell-shared\";\n\nimport StyledAppShellPanelWrapper from \"./styles\";\nimport IconUiKit from \"../../../../../IconUiKit\";\nimport includesString from \"../../../../../../lib/utils/textUtil\";\nimport createAppContainerElement from \"../../../../../../lib/utils/documentUtil\";\n\nconst AppSwitcherToggle: React.FC<HvAppShellAppSwitcherConfig> = ({\n  title,\n  apps\n}) => {\n  const { t } = useTranslation();\n  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);\n  const [isPanelOpen, setIsPanelOpen] = useState(false);\n  const appSwitcherPanelId = useId();\n\n  /**\n   * Creates the apps list to be sent to the HvAppSwitcherPanel.\n   *\n   * @memberof AppSwitcherToggle\n   */\n  const createAppsList = (): HvAppSwitcherActionApplication[] => {\n    return apps\n      ? apps.map((app: HvAppShellAppSwitcherItemConfig) => ({\n          name: tConfig(app.label),\n          description: app.description\n            ? tConfig(app.description).toString()\n            : undefined,\n          url: includesString(app.url, \":\")\n            ? app.url\n            : tConfig(app.url).toString(),\n          target: app.target === \"NEW\" ? \"_blank\" : \"_top\",\n          iconElement: app.icon && <IconUiKit name={app.icon.name} />\n        }))\n      : [];\n  };\n\n  /**\n   * Closes the apps panel.\n   *\n   * @memberof AppSwitcherToggle\n   */\n  const closeAppSwitcherPanel = () => {\n    setIsPanelOpen(false);\n  };\n\n  /**\n   * Handles action clicked event from the AppSwitcherPanel items\n   *\n   * @memberof AppSwitcherToggle\n   */\n  const handleAppSwitcherPanelItemClicked = () => {\n    closeAppSwitcherPanel();\n  };\n\n  /**\n   * Handles the click on the AppSwitcher button.\n   *\n   * @memberof AppSwitcherToggle\n   */\n  const handleAppSwitcherButtonClick = () => {\n    setIsPanelOpen(!isPanelOpen);\n  };\n\n  if (!apps || apps.length === 0) {\n    return null;\n  }\n\n  const finalTitle: string = title\n    ? tConfig(title)\n    : t(\"header.appSwitcher.title\");\n\n  return (\n    <ClickAwayListener onClickAway={closeAppSwitcherPanel}>\n      <div style={{ display: \"flex\", margin: 0 }}>\n        <HvIconButton\n          title={finalTitle}\n          aria-label={finalTitle}\n          aria-expanded={isPanelOpen}\n          onClick={handleAppSwitcherButtonClick}\n          {...(isPanelOpen && { \"aria-controls\": appSwitcherPanelId })}>\n          <IconUiKit name=\"AppSwitcher\" />\n        </HvIconButton>\n        {isPanelOpen &&\n          createPortal(\n            <StyledAppShellPanelWrapper\n              id={appSwitcherPanelId}\n              role=\"region\"\n              aria-label={t(\"header.appSwitcher.ariaLabel\") ?? \"\"}>\n              <HvAppSwitcher\n                applications={createAppsList()}\n                onActionClickedCallback={handleAppSwitcherPanelItemClicked}\n                header={\n                  <HvTypography variant=\"label\">{finalTitle}</HvTypography>\n                }\n              />\n            </StyledAppShellPanelWrapper>,\n            createAppContainerElement()\n          )}\n      </div>\n    </ClickAwayListener>\n  );\n};\n\nexport default AppSwitcherToggle;\n"],"names":["AppSwitcherToggle","title","apps","t","useTranslation","tConfig","CONFIG_TRANSLATIONS_NAMESPACE","isPanelOpen","setIsPanelOpen","useState","appSwitcherPanelId","useId","createAppsList","map","app","name","label","description","toString","undefined","url","includesString","target","iconElement","icon","jsx","IconUiKit","closeAppSwitcherPanel","handleAppSwitcherPanelItemClicked","handleAppSwitcherButtonClick","length","finalTitle","ClickAwayListener","jsxs","display","margin","HvIconButton","createPortal","StyledAppShellPanelWrapper","HvAppSwitcher","HvTypography","createAppContainerElement","AppSwitcherToggle$1"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,IAA2DA,CAAC;AAAA,EAChEC,OAAAA;AAAAA,EACAC,MAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAED,GAAGE;AAAAA,EAAAA,IAAYD,EAAeE,CAA6B,GAC7D,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAAqBC,KAOrBC,IAAiBA,MACdV,IACHA,EAAKW,IAAI,CAACC,OAA0C;AAAA,IAClDC,MAAMV,EAAQS,EAAIE,KAAK;AAAA,IACvBC,aAAaH,EAAIG,cACbZ,EAAQS,EAAIG,WAAW,EAAEC,SACzBC,IAAAA;AAAAA,IACJC,KAAKC,EAAeP,EAAIM,KAAK,GAAG,IAC5BN,EAAIM,MACJf,EAAQS,EAAIM,GAAG,EAAEF,SAAS;AAAA,IAC9BI,QAAQR,EAAIQ,WAAW,QAAQ,WAAW;AAAA,IAC1CC,aAAaT,EAAIU,QAAQ,gBAAAC,EAACC,KAAU,MAAMZ,EAAIU,KAAKT,MAAK;AAAA,EAAA,EACxD,IACF,CAAA,GAQAY,IAAwBA,MAAM;AAClCnB,IAAAA,EAAe,EAAK;AAAA,EAAA,GAQhBoB,IAAoCA,MAAM;AACxB,IAAAD;EAAA,GAQlBE,IAA+BA,MAAM;AACzCrB,IAAAA,EAAe,CAACD,CAAW;AAAA,EAAA;AAG7B,MAAI,CAACL,KAAQA,EAAK4B,WAAW;AACpB,WAAA;AAGT,QAAMC,IAAqB9B,IACvBI,EAAQJ,CAAK,IACbE,EAAE,0BAA0B;AAEhC,2BACG6B,GAAkB,EAAA,aAAaL,GAC9B,UAAA,gBAAAM,EAAC,SAAI,OAAO;AAAA,IAAEC,SAAS;AAAA,IAAQC,QAAQ;AAAA,EACrC,GAAA,UAAA;AAAA,IAAC,gBAAAV,EAAAW,GAAA,EACC,OAAOL,GACP,cAAYA,GACZ,iBAAexB,GACf,SAASsB,GACT,GAAKtB,KAAe;AAAA,MAAE,iBAAiBG;AAAAA,IAAAA,GACvC,UAAA,gBAAAe,EAACC,GAAU,EAAA,MAAK,cAAa,CAAA,GAC/B;AAAA,IACCnB,KACC8B,EACG,gBAAAZ,EAAAa,GAAA,EACC,IAAI5B,GACJ,MAAK,UACL,cAAYP,EAAE,8BAA8B,KAAK,IACjD,UAAC,gBAAAsB,EAAAc,GAAA,EACC,cAAc3B,EACd,GAAA,yBAAyBgB,GACzB,QACG,gBAAAH,EAAAe,GAAA,EAAa,SAAQ,SAAST,UAAWA,EAAA,CAAA,EAC3C,CAAA,EAEL,CAAA,GACAU,GACF;AAAA,EAAA,EACJ,CAAA,EACF,CAAA;AAEJ,GAEAC,IAAe1C;"}
+{"version":3,"file":"AppSwitcherToggle.js","sources":["../../../../../../../../src/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/AppSwitcherToggle.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { createPortal } from \"react-dom\";\nimport { ClickAwayListener } from \"@mui/material\";\n\nimport {\n  HvAppSwitcherActionApplication,\n  HvAppSwitcher,\n  HvTypography,\n  HvIconButton\n} from \"@hitachivantara/uikit-react-core\";\n\nimport {\n  CONFIG_TRANSLATIONS_NAMESPACE,\n  HvAppShellAppSwitcherConfig,\n  HvAppShellAppSwitcherItemConfig\n} from \"@hitachivantara/app-shell-shared\";\n\nimport StyledAppShellPanelWrapper from \"./styles\";\nimport IconUiKit from \"../../../../../IconUiKit\";\nimport includesString from \"../../../../../../lib/utils/textUtil\";\nimport createAppContainerElement from \"../../../../../../lib/utils/documentUtil\";\n\nconst AppSwitcherToggle: React.FC<HvAppShellAppSwitcherConfig> = ({\n  title,\n  apps\n}) => {\n  const { t } = useTranslation(undefined, { keyPrefix: \"header.appSwitcher\" });\n  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);\n  const [isPanelOpen, setIsPanelOpen] = useState(false);\n  const appSwitcherPanelId = useId();\n\n  /**\n   * Creates the apps list to be sent to the HvAppSwitcherPanel.\n   *\n   * @memberof AppSwitcherToggle\n   */\n  const createAppsList = (): HvAppSwitcherActionApplication[] => {\n    return apps\n      ? apps.map((app: HvAppShellAppSwitcherItemConfig) => ({\n          name: tConfig(app.label),\n          description: app.description\n            ? tConfig(app.description).toString()\n            : undefined,\n          url: includesString(app.url, \":\")\n            ? app.url\n            : tConfig(app.url).toString(),\n          target: app.target === \"NEW\" ? \"_blank\" : \"_top\",\n          iconElement: app.icon && <IconUiKit name={app.icon.name} />\n        }))\n      : [];\n  };\n\n  /**\n   * Closes the apps panel.\n   *\n   * @memberof AppSwitcherToggle\n   */\n  const closeAppSwitcherPanel = () => {\n    setIsPanelOpen(false);\n  };\n\n  /**\n   * Handles action clicked event from the AppSwitcherPanel items\n   *\n   * @memberof AppSwitcherToggle\n   */\n  const handleAppSwitcherPanelItemClicked = () => {\n    closeAppSwitcherPanel();\n  };\n\n  /**\n   * Handles the click on the AppSwitcher button.\n   *\n   * @memberof AppSwitcherToggle\n   */\n  const handleAppSwitcherButtonClick = () => {\n    setIsPanelOpen(!isPanelOpen);\n  };\n\n  if (!apps || apps.length === 0) {\n    return null;\n  }\n\n  const finalTitle: string = title ? tConfig(title) : t(\"title\");\n\n  return (\n    <ClickAwayListener onClickAway={closeAppSwitcherPanel}>\n      <div style={{ display: \"flex\", margin: 0 }}>\n        <HvIconButton\n          title={finalTitle}\n          aria-label={finalTitle}\n          aria-expanded={isPanelOpen}\n          onClick={handleAppSwitcherButtonClick}\n          {...(isPanelOpen && { \"aria-controls\": appSwitcherPanelId })}>\n          <IconUiKit name=\"AppSwitcher\" />\n        </HvIconButton>\n        {isPanelOpen &&\n          createPortal(\n            <StyledAppShellPanelWrapper\n              id={appSwitcherPanelId}\n              role=\"region\"\n              aria-label={t(\"ariaLabel\")}>\n              <HvAppSwitcher\n                applications={createAppsList()}\n                onActionClickedCallback={handleAppSwitcherPanelItemClicked}\n                header={\n                  <HvTypography variant=\"label\">{finalTitle}</HvTypography>\n                }\n              />\n            </StyledAppShellPanelWrapper>,\n            createAppContainerElement()\n          )}\n      </div>\n    </ClickAwayListener>\n  );\n};\n\nexport default AppSwitcherToggle;\n"],"names":["AppSwitcherToggle","title","apps","t","useTranslation","undefined","keyPrefix","tConfig","CONFIG_TRANSLATIONS_NAMESPACE","isPanelOpen","setIsPanelOpen","useState","appSwitcherPanelId","useId","createAppsList","map","app","name","label","description","toString","url","includesString","target","iconElement","icon","jsx","IconUiKit","closeAppSwitcherPanel","handleAppSwitcherPanelItemClicked","handleAppSwitcherButtonClick","length","finalTitle","ClickAwayListener","jsxs","display","margin","HvIconButton","createPortal","StyledAppShellPanelWrapper","HvAppSwitcher","HvTypography","createAppContainerElement","AppSwitcherToggle$1"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,IAA2DA,CAAC;AAAA,EAChEC,OAAAA;AAAAA,EACAC,MAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,GAAAA;AAAAA,EAAAA,IAAMC,EAAeC,QAAW;AAAA,IAAEC,WAAW;AAAA,EAAA,CAAsB,GACrE;AAAA,IAAEH,GAAGI;AAAAA,EAAAA,IAAYH,EAAeI,CAA6B,GAC7D,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAAqBC,KAOrBC,IAAiBA,MACdZ,IACHA,EAAKa,IAAI,CAACC,OAA0C;AAAA,IAClDC,MAAMV,EAAQS,EAAIE,KAAK;AAAA,IACvBC,aAAaH,EAAIG,cACbZ,EAAQS,EAAIG,WAAW,EAAEC,SACzBf,IAAAA;AAAAA,IACJgB,KAAKC,EAAeN,EAAIK,KAAK,GAAG,IAC5BL,EAAIK,MACJd,EAAQS,EAAIK,GAAG,EAAED,SAAS;AAAA,IAC9BG,QAAQP,EAAIO,WAAW,QAAQ,WAAW;AAAA,IAC1CC,aAAaR,EAAIS,QAAQ,gBAAAC,EAACC,KAAU,MAAMX,EAAIS,KAAKR,MAAK;AAAA,EAAA,EACxD,IACF,CAAA,GAQAW,IAAwBA,MAAM;AAClClB,IAAAA,EAAe,EAAK;AAAA,EAAA,GAQhBmB,IAAoCA,MAAM;AACxB,IAAAD;EAAA,GAQlBE,IAA+BA,MAAM;AACzCpB,IAAAA,EAAe,CAACD,CAAW;AAAA,EAAA;AAG7B,MAAI,CAACP,KAAQA,EAAK6B,WAAW;AACpB,WAAA;AAGT,QAAMC,IAAqB/B,IAAQM,EAAQN,CAAK,IAAIE,EAAE,OAAO;AAE7D,2BACG8B,GAAkB,EAAA,aAAaL,GAC9B,UAAA,gBAAAM,EAAC,SAAI,OAAO;AAAA,IAAEC,SAAS;AAAA,IAAQC,QAAQ;AAAA,EACrC,GAAA,UAAA;AAAA,IAAC,gBAAAV,EAAAW,GAAA,EACC,OAAOL,GACP,cAAYA,GACZ,iBAAevB,GACf,SAASqB,GACT,GAAKrB,KAAe;AAAA,MAAE,iBAAiBG;AAAAA,IAAAA,GACvC,UAAA,gBAAAc,EAACC,GAAU,EAAA,MAAK,cAAa,CAAA,GAC/B;AAAA,IACClB,KACC6B,EACG,gBAAAZ,EAAAa,GAAA,EACC,IAAI3B,GACJ,MAAK,UACL,cAAYT,EAAE,WAAW,GACzB,UAAC,gBAAAuB,EAAAc,GAAA,EACC,cAAc1B,EAAAA,GACd,yBAAyBe,GACzB,QACG,gBAAAH,EAAAe,GAAA,EAAa,SAAQ,SAAST,UAAWA,EAAA,CAAA,EAC3C,CAAA,EAEL,CAAA,GACAU,GACF;AAAA,EAAA,EACJ,CAAA,EACF,CAAA;AAEJ,GAEAC,IAAe3C;"}

package/dist/esm/components/layout/Header/HeaderActions/InternalActions/ColorModeSwitcher/ColorModeSwitcher.js

@@ -6,7 +6,9 @@ import s from "../../../../../IconUiKit/index.js";
 const a = () => {
   const {
     t: e
-  } = i(), {
+  } = i(void 0, {
+    keyPrefix: "header.colorModeSwitcher"
+  }), {
     colorModes: t
   } = l(), r = () => {
     const n = new CustomEvent(m, {
@@ -16,7 +18,7 @@ const a = () => {
     });
     globalThis.dispatchEvent(n);
   };
-  return t.length > 1 && /* @__PURE__ */ o(c, { onClick: r, title: e("header.colorModeSwitcher.ariaLabel"), children: /* @__PURE__ */ o(s, { name: "ThemeSwitcher" }) }) || null;
+  return t.length > 1 ? /* @__PURE__ */ o(c, { onClick: r, title: e("ariaLabel"), children: /* @__PURE__ */ o(s, { name: "ThemeSwitcher" }) }) : null;
 }, f = a;
 export {
   f as default

package/dist/esm/components/layout/Header/HeaderActions/InternalActions/ColorModeSwitcher/ColorModeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorModeSwitcher.js","sources":["../../../../../../../../src/components/layout/Header/HeaderActions/InternalActions/ColorModeSwitcher/ColorModeSwitcher.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport { HvIconButton, useTheme } from \"@hitachivantara/uikit-react-core\";\nimport {\n  HvAppShellEventThemeTrigger,\n  HvAppShellEventTheme\n} from \"@hitachivantara/app-shell-events\";\n\nimport IconUiKit from \"../../../../../IconUiKit\";\n\nconst ColorModeSwitcher: React.FC = () => {\n  const { t } = useTranslation();\n  const { colorModes } = useTheme();\n\n  const changeColorModeHandler = () => {\n    const customEvent = new CustomEvent<HvAppShellEventTheme>(\n      HvAppShellEventThemeTrigger,\n      {\n        detail: {\n          colorMode: undefined\n        }\n      }\n    );\n    globalThis.dispatchEvent(customEvent);\n  };\n\n  return (\n    (colorModes.length > 1 && (\n      <HvIconButton\n        onClick={changeColorModeHandler}\n        title={t(\"header.colorModeSwitcher.ariaLabel\")}>\n        <IconUiKit name=\"ThemeSwitcher\" />\n      </HvIconButton>\n    )) ||\n    null\n  );\n};\n\nexport default ColorModeSwitcher;\n"],"names":["ColorModeSwitcher","t","useTranslation","colorModes","useTheme","changeColorModeHandler","customEvent","CustomEvent","HvAppShellEventThemeTrigger","detail","colorMode","undefined","globalThis","dispatchEvent","length","jsx","HvIconButton","IconUiKit","ColorModeSwitcher$1"],"mappings":";;;;;AAUA,MAAMA,IAA8BA,MAAM;AAClC,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,YAAAA;AAAAA,MAAeC,EAAS,GAE1BC,IAAyBA,MAAM;AAC7BC,UAAAA,IAAc,IAAIC,YACtBC,GACA;AAAA,MACEC,QAAQ;AAAA,QACNC,WAAWC;AAAAA,MACb;AAAA,IAAA,CAEJ;AACAC,eAAWC,cAAcP,CAAW;AAAA,EAAA;AAGtC,SACGH,EAAWW,SAAS,KAClB,gBAAAC,EAAAC,GAAA,EACC,SAASX,GACT,OAAOJ,EAAE,oCAAoC,GAC7C,UAAC,gBAAAc,EAAAE,GAAA,EAAU,MAAK,gBAAe,CAAA,GACjC,KAEF;AAEJ,GAEAC,IAAelB;"}
+{"version":3,"file":"ColorModeSwitcher.js","sources":["../../../../../../../../src/components/layout/Header/HeaderActions/InternalActions/ColorModeSwitcher/ColorModeSwitcher.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport { HvIconButton, useTheme } from \"@hitachivantara/uikit-react-core\";\nimport {\n  HvAppShellEventThemeTrigger,\n  HvAppShellEventTheme\n} from \"@hitachivantara/app-shell-events\";\n\nimport IconUiKit from \"../../../../../IconUiKit\";\n\nconst ColorModeSwitcher: React.FC = () => {\n  const { t } = useTranslation(undefined, {\n    keyPrefix: \"header.colorModeSwitcher\"\n  });\n  const { colorModes } = useTheme();\n\n  const changeColorModeHandler = () => {\n    const customEvent = new CustomEvent<HvAppShellEventTheme>(\n      HvAppShellEventThemeTrigger,\n      {\n        detail: {\n          colorMode: undefined\n        }\n      }\n    );\n    globalThis.dispatchEvent(customEvent);\n  };\n\n  return colorModes.length > 1 ? (\n    <HvIconButton onClick={changeColorModeHandler} title={t(\"ariaLabel\")}>\n      <IconUiKit name=\"ThemeSwitcher\" />\n    </HvIconButton>\n  ) : null;\n};\n\nexport default ColorModeSwitcher;\n"],"names":["ColorModeSwitcher","t","useTranslation","undefined","keyPrefix","colorModes","useTheme","changeColorModeHandler","customEvent","CustomEvent","HvAppShellEventThemeTrigger","detail","colorMode","globalThis","dispatchEvent","length","jsx","HvIconButton","IconUiKit","ColorModeSwitcher$1"],"mappings":";;;;;AAUA,MAAMA,IAA8BA,MAAM;AAClC,QAAA;AAAA,IAAEC,GAAAA;AAAAA,EAAAA,IAAMC,EAAeC,QAAW;AAAA,IACtCC,WAAW;AAAA,EAAA,CACZ,GACK;AAAA,IAAEC,YAAAA;AAAAA,MAAeC,EAAS,GAE1BC,IAAyBA,MAAM;AAC7BC,UAAAA,IAAc,IAAIC,YACtBC,GACA;AAAA,MACEC,QAAQ;AAAA,QACNC,WAAWT;AAAAA,MACb;AAAA,IAAA,CAEJ;AACAU,eAAWC,cAAcN,CAAW;AAAA,EAAA;AAGtC,SAAOH,EAAWU,SAAS,IACxB,gBAAAC,EAAAC,GAAA,EAAa,SAASV,GAAwB,OAAON,EAAE,WAAW,GACjE,UAAC,gBAAAe,EAAAE,GAAA,EAAU,MAAK,gBAAe,CAAA,GACjC,IACE;AACN,GAEAC,IAAenB;"}

package/dist/esm/components/layout/Header/HeaderActions/InternalActions/HelpButton/HelpButton.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
 import { useTranslation as e } from "react-i18next";
-import { HvIconButton as f } from "@hitachivantara/uikit-react-core";
+import { HvIconButton as l } from "@hitachivantara/uikit-react-core";
 import { CONFIG_TRANSLATIONS_NAMESPACE as p } from "@hitachivantara/app-shell-shared";
 import a from "../../../../../../lib/utils/textUtil.js";
 import c from "../../../../../IconUiKit/index.js";
@@ -10,13 +10,15 @@ const s = ({
 }) => {
   const {
     t: i
-  } = e(), {
+  } = e(void 0, {
+    keyPrefix: "header.helpUrl"
+  }), {
     t: n
   } = e(p);
   if (!t)
     return null;
-  const m = a(t, ":") ? t : n(t), l = o ? n(o) : i("header.helpUrl.documentationLink");
-  return /* @__PURE__ */ r(f, { component: "a", href: m, target: "_blank", title: l, rel: "noopener,noreferrer", children: /* @__PURE__ */ r(c, { name: "Help" }) });
+  const m = a(t, ":") ? t : n(t), f = o ? n(o) : i("documentationLink");
+  return /* @__PURE__ */ r(l, { component: "a", href: m, target: "_blank", title: f, rel: "noopener,noreferrer", children: /* @__PURE__ */ r(c, { name: "Help" }) });
 }, N = s;
 export {
   N as default

package/dist/esm/components/layout/Header/HeaderActions/InternalActions/HelpButton/HelpButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpButton.js","sources":["../../../../../../../../src/components/layout/Header/HeaderActions/InternalActions/HelpButton/HelpButton.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport { HvIconButton } from \"@hitachivantara/uikit-react-core\";\nimport {\n  CONFIG_TRANSLATIONS_NAMESPACE,\n  HvAppShellHelp\n} from \"@hitachivantara/app-shell-shared\";\n\nimport includesString from \"../../../../../../lib/utils/textUtil\";\nimport IconUiKit from \"../../../../../IconUiKit\";\n\nconst HelpButton: React.FC<HvAppShellHelp> = ({ url, description }) => {\n  const { t } = useTranslation();\n  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);\n\n  if (!url) {\n    return null;\n  }\n\n  const finalUrl = includesString(url, \":\") ? url : tConfig(url);\n\n  const finalDescription = description\n    ? tConfig(description)\n    : t(\"header.helpUrl.documentationLink\");\n\n  return (\n    <HvIconButton\n      component=\"a\"\n      href={finalUrl}\n      target=\"_blank\"\n      title={finalDescription}\n      rel=\"noopener,noreferrer\">\n      <IconUiKit name=\"Help\" />\n    </HvIconButton>\n  );\n};\n\nexport default HelpButton;\n"],"names":["HelpButton","url","description","t","useTranslation","tConfig","CONFIG_TRANSLATIONS_NAMESPACE","finalUrl","includesString","finalDescription","HvIconButton","jsx","IconUiKit","HelpButton$1"],"mappings":";;;;;;AAWA,MAAMA,IAAuCA,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAKC,aAAAA;AAAY,MAAM;AAC/D,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAED,GAAGE;AAAAA,EAAAA,IAAYD,EAAeE,CAA6B;AAEnE,MAAI,CAACL;AACI,WAAA;AAGT,QAAMM,IAAWC,EAAeP,GAAK,GAAG,IAAIA,IAAMI,EAAQJ,CAAG,GAEvDQ,IAAmBP,IACrBG,EAAQH,CAAW,IACnBC,EAAE,kCAAkC;AAExC,2BACGO,GACC,EAAA,WAAU,KACV,MAAMH,GACN,QAAO,UACP,OAAOE,GACP,KAAI,uBACJ,UAAA,gBAAAE,EAACC,GAAU,EAAA,MAAK,QAAM,EACxB,CAAA;AAEJ,GAEAC,IAAeb;"}
+{"version":3,"file":"HelpButton.js","sources":["../../../../../../../../src/components/layout/Header/HeaderActions/InternalActions/HelpButton/HelpButton.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport { HvIconButton } from \"@hitachivantara/uikit-react-core\";\nimport {\n  CONFIG_TRANSLATIONS_NAMESPACE,\n  HvAppShellHelp\n} from \"@hitachivantara/app-shell-shared\";\n\nimport includesString from \"../../../../../../lib/utils/textUtil\";\nimport IconUiKit from \"../../../../../IconUiKit\";\n\nconst HelpButton: React.FC<HvAppShellHelp> = ({ url, description }) => {\n  const { t } = useTranslation(undefined, { keyPrefix: \"header.helpUrl\" });\n  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);\n\n  if (!url) {\n    return null;\n  }\n\n  const finalUrl = includesString(url, \":\") ? url : tConfig(url);\n\n  const finalDescription = description\n    ? tConfig(description)\n    : t(\"documentationLink\");\n\n  return (\n    <HvIconButton\n      component=\"a\"\n      href={finalUrl}\n      target=\"_blank\"\n      title={finalDescription}\n      rel=\"noopener,noreferrer\">\n      <IconUiKit name=\"Help\" />\n    </HvIconButton>\n  );\n};\n\nexport default HelpButton;\n"],"names":["HelpButton","url","description","t","useTranslation","undefined","keyPrefix","tConfig","CONFIG_TRANSLATIONS_NAMESPACE","finalUrl","includesString","finalDescription","HvIconButton","jsx","IconUiKit","HelpButton$1"],"mappings":";;;;;;AAWA,MAAMA,IAAuCA,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAKC,aAAAA;AAAY,MAAM;AAC/D,QAAA;AAAA,IAAEC,GAAAA;AAAAA,EAAAA,IAAMC,EAAeC,QAAW;AAAA,IAAEC,WAAW;AAAA,EAAA,CAAkB,GACjE;AAAA,IAAEH,GAAGI;AAAAA,EAAAA,IAAYH,EAAeI,CAA6B;AAEnE,MAAI,CAACP;AACI,WAAA;AAGT,QAAMQ,IAAWC,EAAeT,GAAK,GAAG,IAAIA,IAAMM,EAAQN,CAAG,GAEvDU,IAAmBT,IACrBK,EAAQL,CAAW,IACnBC,EAAE,mBAAmB;AAEzB,2BACGS,GACC,EAAA,WAAU,KACV,MAAMH,GACN,QAAO,UACP,OAAOE,GACP,KAAI,uBACJ,UAAA,gBAAAE,EAACC,GAAU,EAAA,MAAK,QAAM,EACxB,CAAA;AAEJ,GAEAC,IAAef;"}

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

@@ -1,56 +1,58 @@
 import { jsx as r, jsxs as N } from "@emotion/react/jsx-runtime";
 import { useRef as b, useEffect as h } from "react";
-import { useTranslation as C } from "react-i18next";
-import { cx as x } from "@emotion/css";
+import { useTranslation as x } from "react-i18next";
+import { cx as C } from "@emotion/css";
 import { HvVerticalNavigation as L, HvVerticalNavigationHeader as V, HvVerticalNavigationTree as B, HvVerticalNavigationActions as H } from "@hitachivantara/uikit-react-core";
 import { useHvNavigation as I } from "@hitachivantara/app-shell-navigation";
-import w from "../../../providers/hooks/useNavigationContext.js";
+import P from "../../../providers/hooks/useNavigationContext.js";
 import { classes as l } from "./styles.js";
-import A from "../../hoc/withClickAwayListener.js";
-import E from "../../../providers/hooks/useLayoutContext.js";
-const M = () => {
+import k from "../../hoc/withClickAwayListener.js";
+import w from "../../../providers/hooks/useLayoutContext.js";
+const A = () => {
   const {
     t: a
-  } = C(), {
+  } = x(void 0, {
+    keyPrefix: "verticalNavigation"
+  }), {
     selectedMenuItemId: d,
-    rootMenuItemId: g,
-    verticalNavigationItems: p,
-    isCompactMode: i,
+    rootMenuItemId: p,
+    verticalNavigationItems: f,
+    isCompactMode: t,
     verticalNavigationMode: s,
     switchVerticalNavigationMode: c
-  } = w(), {
+  } = P(), {
     setVerticalNavigationWidth: o
-  } = E(), {
+  } = w(), {
     navigate: m
-  } = I(), v = b(null), n = s === "EXPANDED", f = (e, t) => {
-    e.preventDefault(), t.href && (m(t.href, {
+  } = I(), v = b(null), n = s === "EXPANDED", u = (e, i) => {
+    e.preventDefault(), i.href && (m(i.href, {
       state: {
-        selectedItemId: t.id
+        selectedItemId: i.id
       }
-    }), i && c());
+    }), t && c());
   };
   h(() => {
     const {
       current: e
-    } = v, t = e == null ? void 0 : e.childNodes[0];
-    return o(t && !i ? t.offsetWidth : 0), () => o(0);
-  }, [s, i, o]);
-  const u = a(n ? "verticalNavigation.ariaLabelCollapse" : "verticalNavigation.ariaLabelExpand");
-  return /* @__PURE__ */ r("div", { ref: v, children: /* @__PURE__ */ N(L, { className: x(l.navigation, {
-    [l.navigationCompact]: i
-  }), open: n, useIcons: !0, slider: i, children: [
-    /* @__PURE__ */ r(V, { title: a("verticalNavigation.title") ?? "", onCollapseButtonClick: i ? void 0 : c, collapseButtonProps: {
-      "aria-label": u,
+    } = v, i = e == null ? void 0 : e.childNodes[0];
+    return o(i && !t ? i.offsetWidth : 0), () => o(0);
+  }, [s, t, o]);
+  const g = a(n ? "ariaLabelCollapse" : "ariaLabelExpand");
+  return /* @__PURE__ */ r("div", { ref: v, children: /* @__PURE__ */ N(L, { className: C(l.navigation, {
+    [l.navigationCompact]: t
+  }), open: n, useIcons: !0, slider: t, children: [
+    /* @__PURE__ */ r(V, { title: a("title"), onCollapseButtonClick: t ? void 0 : c, collapseButtonProps: {
+      "aria-label": g,
       "aria-expanded": n
     }, backButtonProps: {
-      "aria-label": a("verticalNavigation.ariaLabelHeaderBackButton") ?? ""
+      "aria-label": a("ariaLabelHeaderBackButton")
     } }),
-    /* @__PURE__ */ r(B, { mode: "navigation", collapsible: !0, "aria-label": a("verticalNavigation.ariaLabelNavigationTree") ?? "", selected: d ?? "", onChange: f, data: p, classes: {
+    /* @__PURE__ */ r(B, { mode: "navigation", collapsible: !0, "aria-label": a("ariaLabelNavigationTree"), selected: d, onChange: u, data: f, classes: {
       navigationPopup: l.navigationPopup
-    }, sliderForwardButtonAriaLabel: a("verticalNavigation.ariaLabelSliderForwardButton") ?? "" }, g),
+    }, sliderForwardButtonAriaLabel: a("ariaLabelSliderForwardButton") }, p),
     /* @__PURE__ */ r(H, {})
   ] }) });
-}, X = A(M);
+}, X = k(A);
 export {
   X as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.js","sources":["../../../../../src/components/layout/VerticalNavigation/VerticalNavigation.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cx } from \"@emotion/css\";\nimport {\n  HvVerticalNavigation,\n  HvVerticalNavigationActions,\n  HvVerticalNavigationHeader,\n  HvVerticalNavigationTree\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { useHvNavigation } from \"@hitachivantara/app-shell-navigation\";\n\nimport { NavigationMenuItem } from \"../../../lib/types\";\nimport useNavigationContext from \"../../../providers/hooks/useNavigationContext\";\nimport { classes } from \"./styles\";\n\nimport withClickAwayListener from \"../../hoc/withClickAwayListener\";\nimport useLayoutContext from \"../../../providers/hooks/useLayoutContext\";\n\nconst VerticalNavigation = () => {\n  const { t } = useTranslation();\n  const {\n    selectedMenuItemId,\n    rootMenuItemId,\n    verticalNavigationItems,\n    isCompactMode,\n    verticalNavigationMode,\n    switchVerticalNavigationMode\n  } = useNavigationContext();\n  const { setVerticalNavigationWidth } = useLayoutContext();\n  const { navigate } = useHvNavigation();\n  const verticalNavigationRef = useRef<HTMLDivElement>(null);\n  const isVerticalNavigationExpanded = verticalNavigationMode === \"EXPANDED\";\n\n  const changeHandler = (\n    event: React.SyntheticEvent<Element, Event>,\n    selectedItem: NavigationMenuItem\n  ) => {\n    // Due to the change from buttons to links on the navigation tree, we need to prevent the default behaviour of\n    // the event to avoid full refreshes when clicking on the links.\n    event.preventDefault();\n\n    if (selectedItem.href) {\n      navigate(selectedItem.href, {\n        state: { selectedItemId: selectedItem.id }\n      });\n\n      if (isCompactMode) {\n        switchVerticalNavigationMode();\n      }\n    }\n  };\n\n  useEffect(() => {\n    const { current } = verticalNavigationRef;\n    const firstChild = current?.childNodes[0] as HTMLElement;\n    if (firstChild && !isCompactMode) {\n      setVerticalNavigationWidth(firstChild.offsetWidth);\n    } else {\n      setVerticalNavigationWidth(0);\n    }\n\n    return () => setVerticalNavigationWidth(0);\n  }, [verticalNavigationMode, isCompactMode, setVerticalNavigationWidth]);\n\n  const collapseButtonAriaLabel = isVerticalNavigationExpanded\n    ? t(\"verticalNavigation.ariaLabelCollapse\")\n    : t(\"verticalNavigation.ariaLabelExpand\");\n\n  return (\n    <div ref={verticalNavigationRef}>\n      <HvVerticalNavigation\n        className={cx(classes.navigation, {\n          [classes.navigationCompact]: isCompactMode\n        })}\n        open={isVerticalNavigationExpanded}\n        useIcons\n        slider={isCompactMode}>\n        <HvVerticalNavigationHeader\n          title={t(\"verticalNavigation.title\") ?? \"\"}\n          onCollapseButtonClick={\n            !isCompactMode ? switchVerticalNavigationMode : undefined\n          }\n          collapseButtonProps={{\n            \"aria-label\": collapseButtonAriaLabel,\n            \"aria-expanded\": isVerticalNavigationExpanded\n          }}\n          backButtonProps={{\n            \"aria-label\":\n              t(\"verticalNavigation.ariaLabelHeaderBackButton\") ?? \"\"\n          }}\n        />\n\n        <HvVerticalNavigationTree\n          key={rootMenuItemId}\n          mode=\"navigation\"\n          collapsible\n          aria-label={t(\"verticalNavigation.ariaLabelNavigationTree\") ?? \"\"}\n          selected={selectedMenuItemId ?? \"\"}\n          onChange={changeHandler}\n          data={verticalNavigationItems}\n          classes={{ navigationPopup: classes.navigationPopup }}\n          sliderForwardButtonAriaLabel={\n            t(\"verticalNavigation.ariaLabelSliderForwardButton\") ?? \"\"\n          }\n        />\n\n        <HvVerticalNavigationActions />\n      </HvVerticalNavigation>\n    </div>\n  );\n};\n\nexport default withClickAwayListener(VerticalNavigation);\n"],"names":["VerticalNavigation","t","useTranslation","selectedMenuItemId","rootMenuItemId","verticalNavigationItems","isCompactMode","verticalNavigationMode","switchVerticalNavigationMode","useNavigationContext","setVerticalNavigationWidth","useLayoutContext","navigate","useHvNavigation","verticalNavigationRef","useRef","isVerticalNavigationExpanded","changeHandler","event","selectedItem","preventDefault","href","state","selectedItemId","id","useEffect","current","firstChild","childNodes","offsetWidth","collapseButtonAriaLabel","jsx","HvVerticalNavigation","cx","classes","navigation","navigationCompact","HvVerticalNavigationHeader","undefined","HvVerticalNavigationTree","navigationPopup","HvVerticalNavigationActions","withClickAwayListener"],"mappings":";;;;;;;;;;AAmBA,MAAMA,IAAqBA,MAAM;AACzB,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB;AAAA,IACJC,oBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,yBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,8BAAAA;AAAAA,MACEC,EAAqB,GACnB;AAAA,IAAEC,4BAAAA;AAAAA,MAA+BC,EAAiB,GAClD;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAgB,GAC/BC,IAAwBC,EAAuB,IAAI,GACnDC,IAA+BT,MAA2B,YAE1DU,IAAgBA,CACpBC,GACAC,MACG;AAGHD,IAAAA,EAAME,eAAe,GAEjBD,EAAaE,SACfT,EAASO,EAAaE,MAAM;AAAA,MAC1BC,OAAO;AAAA,QAAEC,gBAAgBJ,EAAaK;AAAAA,MAAG;AAAA,IAAA,CAC1C,GAEGlB,KAC2BE;EAEjC;AAGFiB,EAAAA,EAAU,MAAM;AACR,UAAA;AAAA,MAAEC,SAAAA;AAAAA,IAAYZ,IAAAA,GACda,IAAaD,KAAAA,gBAAAA,EAASE,WAAW;AACnCD,WACFjB,EADEiB,KAAc,CAACrB,IACUqB,EAAWE,cAEX,CAFsB,GAK5C,MAAMnB,EAA2B,CAAC;AAAA,EACxC,GAAA,CAACH,GAAwBD,GAAeI,CAA0B,CAAC;AAEtE,QAAMoB,IACF7B,EAD4Be,IAC1B,yCACA,oCADsC;AAI1C,SAAA,gBAAAe,EAAC,SAAI,KAAKjB,GACR,4BAACkB,GACC,EAAA,WAAWC,EAAGC,EAAQC,YAAY;AAAA,IAChC,CAACD,EAAQE,iBAAiB,GAAG9B;AAAAA,EAAAA,CAC9B,GACD,MAAMU,GACN,UAAQ,IACR,QAAQV,GACR,UAAA;AAAA,IAAC,gBAAAyB,EAAAM,GAAA,EACC,OAAOpC,EAAE,0BAA0B,KAAK,IACxC,uBACGK,IAA+CgC,SAA/B9B,GAEnB,qBAAqB;AAAA,MACnB,cAAcsB;AAAAA,MACd,iBAAiBd;AAAAA,OAEnB,iBAAiB;AAAA,MACf,cACEf,EAAE,8CAA8C,KAAK;AAAA,IAAA,GACvD;AAAA,sBAGHsC,GAEC,EAAA,MAAK,cACL,aAAW,IACX,cAAYtC,EAAE,4CAA4C,KAAK,IAC/D,UAAUE,KAAsB,IAChC,UAAUc,GACV,MAAMZ,GACN,SAAS;AAAA,MAAEmC,iBAAiBN,EAAQM;AAAAA,IAAAA,GACpC,8BACEvC,EAAE,iDAAiD,KAAK,MATrDG,CAUJ;AAAA,sBAGFqC,GAA2B,EAAA;AAAA,EAAA,EAC9B,CAAA,EACF,CAAA;AAEJ,GAEeC,IAAAA,EAAsB1C,CAAkB;"}
+{"version":3,"file":"VerticalNavigation.js","sources":["../../../../../src/components/layout/VerticalNavigation/VerticalNavigation.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cx } from \"@emotion/css\";\nimport {\n  HvVerticalNavigation,\n  HvVerticalNavigationActions,\n  HvVerticalNavigationHeader,\n  HvVerticalNavigationTree\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { useHvNavigation } from \"@hitachivantara/app-shell-navigation\";\n\nimport { NavigationMenuItem } from \"../../../lib/types\";\nimport useNavigationContext from \"../../../providers/hooks/useNavigationContext\";\nimport { classes } from \"./styles\";\n\nimport withClickAwayListener from \"../../hoc/withClickAwayListener\";\nimport useLayoutContext from \"../../../providers/hooks/useLayoutContext\";\n\nconst VerticalNavigation = () => {\n  const { t } = useTranslation(undefined, { keyPrefix: \"verticalNavigation\" });\n  const {\n    selectedMenuItemId,\n    rootMenuItemId,\n    verticalNavigationItems,\n    isCompactMode,\n    verticalNavigationMode,\n    switchVerticalNavigationMode\n  } = useNavigationContext();\n  const { setVerticalNavigationWidth } = useLayoutContext();\n  const { navigate } = useHvNavigation();\n  const verticalNavigationRef = useRef<HTMLDivElement>(null);\n  const isVerticalNavigationExpanded = verticalNavigationMode === \"EXPANDED\";\n\n  const changeHandler = (\n    event: React.SyntheticEvent<Element, Event>,\n    selectedItem: NavigationMenuItem\n  ) => {\n    // Due to the change from buttons to links on the navigation tree, we need to prevent the default behaviour of\n    // the event to avoid full refreshes when clicking on the links.\n    event.preventDefault();\n\n    if (selectedItem.href) {\n      navigate(selectedItem.href, {\n        state: { selectedItemId: selectedItem.id }\n      });\n\n      if (isCompactMode) {\n        switchVerticalNavigationMode();\n      }\n    }\n  };\n\n  useEffect(() => {\n    const { current } = verticalNavigationRef;\n    const firstChild = current?.childNodes[0] as HTMLElement;\n    if (firstChild && !isCompactMode) {\n      setVerticalNavigationWidth(firstChild.offsetWidth);\n    } else {\n      setVerticalNavigationWidth(0);\n    }\n\n    return () => setVerticalNavigationWidth(0);\n  }, [verticalNavigationMode, isCompactMode, setVerticalNavigationWidth]);\n\n  const collapseButtonAriaLabel = isVerticalNavigationExpanded\n    ? t(\"ariaLabelCollapse\")\n    : t(\"ariaLabelExpand\");\n\n  return (\n    <div ref={verticalNavigationRef}>\n      <HvVerticalNavigation\n        className={cx(classes.navigation, {\n          [classes.navigationCompact]: isCompactMode\n        })}\n        open={isVerticalNavigationExpanded}\n        useIcons\n        slider={isCompactMode}>\n        <HvVerticalNavigationHeader\n          title={t(\"title\")}\n          onCollapseButtonClick={\n            !isCompactMode ? switchVerticalNavigationMode : undefined\n          }\n          collapseButtonProps={{\n            \"aria-label\": collapseButtonAriaLabel,\n            \"aria-expanded\": isVerticalNavigationExpanded\n          }}\n          backButtonProps={{\n            \"aria-label\": t(\"ariaLabelHeaderBackButton\")\n          }}\n        />\n\n        <HvVerticalNavigationTree\n          key={rootMenuItemId}\n          mode=\"navigation\"\n          collapsible\n          aria-label={t(\"ariaLabelNavigationTree\")}\n          selected={selectedMenuItemId}\n          onChange={changeHandler}\n          data={verticalNavigationItems}\n          classes={{ navigationPopup: classes.navigationPopup }}\n          sliderForwardButtonAriaLabel={t(\"ariaLabelSliderForwardButton\")}\n        />\n\n        <HvVerticalNavigationActions />\n      </HvVerticalNavigation>\n    </div>\n  );\n};\n\nexport default withClickAwayListener(VerticalNavigation);\n"],"names":["VerticalNavigation","t","useTranslation","undefined","keyPrefix","selectedMenuItemId","rootMenuItemId","verticalNavigationItems","isCompactMode","verticalNavigationMode","switchVerticalNavigationMode","useNavigationContext","setVerticalNavigationWidth","useLayoutContext","navigate","useHvNavigation","verticalNavigationRef","useRef","isVerticalNavigationExpanded","changeHandler","event","selectedItem","preventDefault","href","state","selectedItemId","id","useEffect","current","firstChild","childNodes","offsetWidth","collapseButtonAriaLabel","jsx","HvVerticalNavigation","cx","classes","navigation","navigationCompact","HvVerticalNavigationHeader","HvVerticalNavigationTree","navigationPopup","HvVerticalNavigationActions","withClickAwayListener"],"mappings":";;;;;;;;;;AAmBA,MAAMA,IAAqBA,MAAM;AACzB,QAAA;AAAA,IAAEC,GAAAA;AAAAA,EAAAA,IAAMC,EAAeC,QAAW;AAAA,IAAEC,WAAW;AAAA,EAAA,CAAsB,GACrE;AAAA,IACJC,oBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,yBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,8BAAAA;AAAAA,MACEC,EAAqB,GACnB;AAAA,IAAEC,4BAAAA;AAAAA,MAA+BC,EAAiB,GAClD;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAgB,GAC/BC,IAAwBC,EAAuB,IAAI,GACnDC,IAA+BT,MAA2B,YAE1DU,IAAgBA,CACpBC,GACAC,MACG;AAGHD,IAAAA,EAAME,eAAe,GAEjBD,EAAaE,SACfT,EAASO,EAAaE,MAAM;AAAA,MAC1BC,OAAO;AAAA,QAAEC,gBAAgBJ,EAAaK;AAAAA,MAAG;AAAA,IAAA,CAC1C,GAEGlB,KAC2BE;EAEjC;AAGFiB,EAAAA,EAAU,MAAM;AACR,UAAA;AAAA,MAAEC,SAAAA;AAAAA,IAAYZ,IAAAA,GACda,IAAaD,KAAAA,gBAAAA,EAASE,WAAW;AACnCD,WACFjB,EADEiB,KAAc,CAACrB,IACUqB,EAAWE,cAEX,CAFsB,GAK5C,MAAMnB,EAA2B,CAAC;AAAA,EACxC,GAAA,CAACH,GAAwBD,GAAeI,CAA0B,CAAC;AAEtE,QAAMoB,IACF/B,EAD4BiB,IAC1B,sBACA,iBADmB;AAIvB,SAAA,gBAAAe,EAAC,SAAI,KAAKjB,GACR,4BAACkB,GACC,EAAA,WAAWC,EAAGC,EAAQC,YAAY;AAAA,IAChC,CAACD,EAAQE,iBAAiB,GAAG9B;AAAAA,EAAAA,CAC9B,GACD,MAAMU,GACN,UAAQ,IACR,QAAQV,GACR,UAAA;AAAA,IAAC,gBAAAyB,EAAAM,GAAA,EACC,OAAOtC,EAAE,OAAO,GAChB,uBACGO,IAA+CL,SAA/BO,GAEnB,qBAAqB;AAAA,MACnB,cAAcsB;AAAAA,MACd,iBAAiBd;AAAAA,OAEnB,iBAAiB;AAAA,MACf,cAAcjB,EAAE,2BAA2B;AAAA,IAAA,GAC3C;AAAA,sBAGHuC,GAEC,EAAA,MAAK,cACL,aAAW,IACX,cAAYvC,EAAE,yBAAyB,GACvC,UAAUI,GACV,UAAUc,GACV,MAAMZ,GACN,SAAS;AAAA,MAAEkC,iBAAiBL,EAAQK;AAAAA,IACpC,GAAA,8BAA8BxC,EAAE,8BAA8B,KARzDK,CAQ2D;AAAA,sBAGjEoC,GAA2B,EAAA;AAAA,EAAA,EAC9B,CAAA,EACF,CAAA;AAEJ,GAEeC,IAAAA,EAAsB3C,CAAkB;"}

package/dist/esm/pages/GenericError/GenericError.js

@@ -1,17 +1,19 @@
 import { jsx as t } from "@emotion/react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
-import c from "./500.svg.js";
-import n from "../ErrorPage/ErrorPage.js";
-const a = ({
-  fullPage: e = !1,
-  includeFooter: o = !0
+import a from "./500.svg.js";
+import c from "../ErrorPage/ErrorPage.js";
+const n = ({
+  fullPage: o = !1,
+  includeFooter: e = !0
 }) => {
   const {
     t: r
-  } = i();
-  return /* @__PURE__ */ t(n, { code: r("errors.genericError.code"), title: r("errors.genericError.title"), backgroundLabel: r("errors.genericError.image_description"), fullPage: e, includeFooter: o, background: `url(${c})` });
-}, u = a;
+  } = i(void 0, {
+    keyPrefix: "errors.genericError"
+  });
+  return /* @__PURE__ */ t(c, { code: r("code"), title: r("title"), backgroundLabel: r("image_description"), fullPage: o, includeFooter: e, background: `url(${a})` });
+}, f = n;
 export {
-  u as default
+  f as default
 };
 //# sourceMappingURL=GenericError.js.map

package/dist/esm/pages/GenericError/GenericError.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericError.js","sources":["../../../../src/pages/GenericError/GenericError.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport ErrorPage from \"../ErrorPage\";\nimport BlackCat from \"./500.svg\";\n\nconst GenericError = ({ fullPage = false, includeFooter = true }) => {\n  const { t } = useTranslation();\n  return (\n    <ErrorPage\n      code={t(\"errors.genericError.code\")}\n      title={t(\"errors.genericError.title\")}\n      backgroundLabel={t(\"errors.genericError.image_description\")}\n      fullPage={fullPage}\n      includeFooter={includeFooter}\n      background={`url(${BlackCat})`}\n    />\n  );\n};\n\nexport default GenericError;\n"],"names":["GenericError","fullPage","includeFooter","t","useTranslation","ErrorPage","BlackCat","GenericError$1"],"mappings":";;;;AAIA,MAAMA,IAAeA,CAAC;AAAA,EAAEC,UAAAA,IAAW;AAAA,EAAOC,eAAAA,IAAgB;AAAK,MAAM;AAC7D,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe;AAC7B,2BACGC,GACC,EAAA,MAAMF,EAAE,0BAA0B,GAClC,OAAOA,EAAE,2BAA2B,GACpC,iBAAiBA,EAAE,uCAAuC,GAC1D,UAAAF,GACA,eAAAC,GACA,YAAa,OAAMI,CAAS,IAC5B,CAAA;AAEN,GAEAC,IAAeP;"}
+{"version":3,"file":"GenericError.js","sources":["../../../../src/pages/GenericError/GenericError.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport ErrorPage from \"../ErrorPage\";\nimport BlackCat from \"./500.svg\";\n\nconst GenericError = ({ fullPage = false, includeFooter = true }) => {\n  const { t } = useTranslation(undefined, { keyPrefix: \"errors.genericError\" });\n  return (\n    <ErrorPage\n      code={t(\"code\")}\n      title={t(\"title\")}\n      backgroundLabel={t(\"image_description\")}\n      fullPage={fullPage}\n      includeFooter={includeFooter}\n      background={`url(${BlackCat})`}\n    />\n  );\n};\n\nexport default GenericError;\n"],"names":["GenericError","fullPage","includeFooter","t","useTranslation","undefined","keyPrefix","ErrorPage","BlackCat","GenericError$1"],"mappings":";;;;AAIA,MAAMA,IAAeA,CAAC;AAAA,EAAEC,UAAAA,IAAW;AAAA,EAAOC,eAAAA,IAAgB;AAAK,MAAM;AAC7D,QAAA;AAAA,IAAEC,GAAAA;AAAAA,EAAAA,IAAMC,EAAeC,QAAW;AAAA,IAAEC,WAAW;AAAA,EAAA,CAAuB;AAC5E,2BACGC,GACC,EAAA,MAAMJ,EAAE,MAAM,GACd,OAAOA,EAAE,OAAO,GAChB,iBAAiBA,EAAE,mBAAmB,GACtC,UAAAF,GACA,eAAAC,GACA,YAAa,OAAMM,CAAS,IAC5B,CAAA;AAEN,GAEAC,IAAeT;"}

package/dist/esm/pages/NotFound/NotFound.js

@@ -1,14 +1,16 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { useTranslation as s } from "react-i18next";
-import c from "./404.svg.js";
-import d from "../ErrorPage/ErrorPage.js";
-const u = () => {
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useTranslation as t } from "react-i18next";
+import e from "./404.svg.js";
+import n from "../ErrorPage/ErrorPage.js";
+const i = () => {
   const {
     t: o
-  } = s(), r = o("errors.notFound.code"), t = o("errors.notFound.title"), n = o("errors.notFound.image_description");
-  return /* @__PURE__ */ e(d, { code: r, title: t, backgroundLabel: n, background: `url(${c})` });
-}, l = u;
+  } = t(void 0, {
+    keyPrefix: "errors.notFound"
+  });
+  return /* @__PURE__ */ r(n, { code: o("code"), title: o("title"), backgroundLabel: o("image_description"), background: `url(${e})` });
+}, s = i;
 export {
-  l as default
+  s as default
 };
 //# sourceMappingURL=NotFound.js.map

package/dist/esm/pages/NotFound/NotFound.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotFound.js","sources":["../../../../src/pages/NotFound/NotFound.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport ErrorPage from \"../ErrorPage\";\nimport DogeSpace from \"./404.svg\";\n\nconst NotFound = () => {\n  const { t } = useTranslation();\n\n  const code = t(\"errors.notFound.code\");\n  const title = t(\"errors.notFound.title\");\n  const backgroundLabel = t(\"errors.notFound.image_description\");\n  return (\n    <ErrorPage\n      code={code}\n      title={title}\n      backgroundLabel={backgroundLabel}\n      background={`url(${DogeSpace})`}\n    />\n  );\n};\n\nexport default NotFound;\n"],"names":["NotFound","t","useTranslation","code","title","backgroundLabel","jsx","ErrorPage","DogeSpace","NotFound$1"],"mappings":";;;;AAKA,MAAMA,IAAWA,MAAM;AACf,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAEvBC,IAAOF,EAAE,sBAAsB,GAC/BG,IAAQH,EAAE,uBAAuB,GACjCI,IAAkBJ,EAAE,mCAAmC;AAE3D,SAAA,gBAAAK,EAACC,KACC,MAAAJ,GACA,OAAAC,GACA,iBAAAC,GACA,YAAa,OAAMG,CAAU,IAC7B,CAAA;AAEN,GAEAC,IAAeT;"}
+{"version":3,"file":"NotFound.js","sources":["../../../../src/pages/NotFound/NotFound.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport ErrorPage from \"../ErrorPage\";\nimport DogeSpace from \"./404.svg\";\n\nconst NotFound = () => {\n  const { t } = useTranslation(undefined, { keyPrefix: \"errors.notFound\" });\n\n  return (\n    <ErrorPage\n      code={t(\"code\")}\n      title={t(\"title\")}\n      backgroundLabel={t(\"image_description\")}\n      background={`url(${DogeSpace})`}\n    />\n  );\n};\n\nexport default NotFound;\n"],"names":["NotFound","t","useTranslation","undefined","keyPrefix","ErrorPage","DogeSpace","NotFound$1"],"mappings":";;;;AAKA,MAAMA,IAAWA,MAAM;AACf,QAAA;AAAA,IAAEC,GAAAA;AAAAA,EAAAA,IAAMC,EAAeC,QAAW;AAAA,IAAEC,WAAW;AAAA,EAAA,CAAmB;AAExE,2BACGC,GACC,EAAA,MAAMJ,EAAE,MAAM,GACd,OAAOA,EAAE,OAAO,GAChB,iBAAiBA,EAAE,mBAAmB,GACtC,YAAa,OAAMK,CAAU,IAC7B,CAAA;AAEN,GAEAC,IAAeP;"}

package/dist/esm/providers/BannerProvider.js

@@ -1,12 +1,12 @@
-import { jsxs as n, jsx as h } from "@emotion/react/jsx-runtime";
-import { createContext as s, useState as o, useMemo as a, useEffect as Y } from "react";
-import { css as B } from "@emotion/css";
-import { v4 as N } from "uuid";
-import { theme as g, HvBanner as p } from "@hitachivantara/uikit-react-core";
-import { useTranslation as y } from "react-i18next";
+import { jsxs as h, jsx as n } from "@emotion/react/jsx-runtime";
+import { createContext as s, useState as o, useMemo as u, useEffect as B } from "react";
+import { css as p } from "@emotion/css";
+import { v4 as V } from "uuid";
+import { theme as g, HvBanner as Y } from "@hitachivantara/uikit-react-core";
+import { useTranslation as H } from "react-i18next";
 import F from "./hooks/useNavigationContext.js";
-import H from "./hooks/useLayoutContext.js";
-const v = s({
+import J from "./hooks/useLayoutContext.js";
+const N = s({
   show: () => {
   },
   dismiss: () => {
@@ -15,57 +15,59 @@ const v = s({
   children: t
 }) => {
   const {
-    t: W
-  } = y(), {
-    showHeaderSubMenu: G,
+    t: i
+  } = H(void 0, {
+    keyPrefix: "notifications.banner"
+  }), {
+    showHeaderSubMenu: d,
     isCompactMode: A
   } = F(), {
-    verticalNavigationWidth: m,
-    setBannerMaxHeight: X
-  } = H(), [C, Z] = o([]), u = (I) => {
+    verticalNavigationWidth: G,
+    setBannerMaxHeight: m
+  } = J(), [b, X] = o([]), a = (I) => {
     const c = {
-      id: N(),
+      id: V(),
       ...I,
       variant: I.variant ?? "default"
     };
-    Z((l) => [...l, c]);
-  }, i = (I) => {
-    Z((b) => b.filter((c) => c.id !== I));
-  }, V = a(() => ({
-    show: u,
-    dismiss: i
+    X((l) => [...l, c]);
+  }, Z = (I) => {
+    X((C) => C.filter((c) => c.id !== I));
+  }, W = u(() => ({
+    show: a,
+    dismiss: Z
   }), []);
-  Y(() => {
-    if (C.length > 0) {
-      const I = C.map((c) => {
+  B(() => {
+    if (b.length > 0) {
+      const I = b.map((c) => {
         const l = document.getElementById(c.id);
         return l ? l.clientHeight : 0;
-      }), b = Math.max(...I);
-      X(b);
+      }), C = Math.max(...I);
+      m(C);
     } else
-      X(0);
-  }, [C, X]);
-  const d = a(() => /* @__PURE__ */ B({
-    marginTop: G && !A ? `calc(${g.header.height} + ${g.header.secondLevelHeight} + ${g.space.sm})` : `calc(${g.header.height} + ${g.space.sm})`,
-    left: `calc(${m}px + ${g.space.sm})`,
-    width: `calc(100% - (${m}px + ${g.space.sm}) - ${g.space.sm})`,
+      m(0);
+  }, [b, m]);
+  const e = u(() => /* @__PURE__ */ p({
+    marginTop: d && !A ? `calc(${g.header.height} + ${g.header.secondLevelHeight} + ${g.space.sm})` : `calc(${g.header.height} + ${g.space.sm})`,
+    left: `calc(${G}px + ${g.space.sm})`,
+    width: `calc(100% - (${G}px + ${g.space.sm}) - ${g.space.sm})`,
     transform: "unset",
     minWidth: "unset",
     zIndex: g.zIndices.banner
-  }, process.env.NODE_ENV === "production" ? "" : ";label:styles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wcm92aWRlcnMvQmFubmVyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlGTSIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvcHJvdmlkZXJzL0Jhbm5lclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IHY0IGFzIHV1aWQgfSBmcm9tIFwidXVpZFwiO1xuXG5pbXBvcnQgeyBIdkJhbm5lciwgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcbmltcG9ydCB7IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbiB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvYXBwLXNoZWxsLWV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHVzZU5hdmlnYXRpb25Db250ZXh0IGZyb20gXCIuL2hvb2tzL3VzZU5hdmlnYXRpb25Db250ZXh0XCI7XG5pbXBvcnQgdXNlTGF5b3V0Q29udGV4dCBmcm9tIFwiLi9ob29rcy91c2VMYXlvdXRDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclByb3ZpZGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lciBleHRlbmRzIE9taXQ8SHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uLCBcInR5cGVcIj4ge1xuICBpZDogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lckNvbnRleHRWYWx1ZSB7XG4gIHNob3c6IChub3RpZmljYXRpb246IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbikgPT4gdm9pZDtcbiAgZGlzbWlzczogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxCYW5uZXJDb250ZXh0VmFsdWU+KHtcbiAgc2hvdzogKCkgPT4ge1xuICAgIC8vIEVtcHR5IGZ1bmN0aW9uXG4gIH0sXG4gIGRpc21pc3M6ICgpID0+IHtcbiAgICAvLyBFbXB0eSBmdW5jdGlvblxuICB9XG59KTtcblxuY29uc3QgQmFubmVyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBCYW5uZXJQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgeyBzaG93SGVhZGVyU3ViTWVudSwgaXNDb21wYWN0TW9kZSB9ID0gdXNlTmF2aWdhdGlvbkNvbnRleHQoKTtcbiAgY29uc3QgeyB2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aCwgc2V0QmFubmVyTWF4SGVpZ2h0IH0gPSB1c2VMYXlvdXRDb250ZXh0KCk7XG4gIGNvbnN0IFtiYW5uZXJzLCBzZXRCYW5uZXJzXSA9IHVzZVN0YXRlPEJhbm5lcltdPihbXSk7XG5cbiAgY29uc3Qgc2hvdyA9IChub3RpZmljYXRpb246IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbikgPT4ge1xuICAgIGNvbnN0IGlkID0gdXVpZCgpO1xuXG4gICAgY29uc3QgbmV3QmFubmVyOiBCYW5uZXIgPSB7XG4gICAgICBpZCxcbiAgICAgIC4uLm5vdGlmaWNhdGlvbixcbiAgICAgIHZhcmlhbnQ6IG5vdGlmaWNhdGlvbi52YXJpYW50ID8/IFwiZGVmYXVsdFwiXG4gICAgfTtcbiAgICBzZXRCYW5uZXJzKHByZXZCYW5uZXJzID0+IFsuLi5wcmV2QmFubmVycywgbmV3QmFubmVyXSk7XG4gIH07XG5cbiAgY29uc3QgZGlzbWlzcyA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0QmFubmVycyhwcmV2QmFubmVycyA9PiBwcmV2QmFubmVycy5maWx0ZXIoYmFubmVyID0+IGJhbm5lci5pZCAhPT0gaWQpKTtcbiAgfTtcblxuICBjb25zdCB2YWx1ZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIHNob3csXG4gICAgICBkaXNtaXNzXG4gICAgfSksXG4gICAgW11cbiAgKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChiYW5uZXJzLmxlbmd0aCA+IDApIHtcbiAgICAgIC8vIEdldCBhbGwgaGVpZ2h0cyBmcm9tIHRoZSByZW5kZXJlZCBiYW5uZXJzXG4gICAgICBjb25zdCBiYW5uZXJIZWlnaHRzID0gYmFubmVycy5tYXAoaXRlbSA9PiB7XG4gICAgICAgIGNvbnN0IGJhbm5lckVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChpdGVtLmlkKTtcbiAgICAgICAgcmV0dXJuIGJhbm5lckVsZW1lbnQgPyBiYW5uZXJFbGVtZW50LmNsaWVudEhlaWdodCA6IDA7XG4gICAgICB9KTtcblxuICAgICAgLy8gRmluZCB0aGUgJ3RhbGxlc3QnIGJhbm5lclxuICAgICAgY29uc3QgbWF4QmFubmVySGVpZ2h0ID0gTWF0aC5tYXgoLi4uYmFubmVySGVpZ2h0cyk7XG5cbiAgICAgIC8vIFVwZGF0ZSBwYWRkaW5nIHZhbHVlXG4gICAgICBzZXRCYW5uZXJNYXhIZWlnaHQobWF4QmFubmVySGVpZ2h0KTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0QmFubmVyTWF4SGVpZ2h0KDApO1xuICAgIH1cbiAgfSwgW2Jhbm5lcnMsIHNldEJhbm5lck1heEhlaWdodF0pO1xuXG4gIGNvbnN0IHN0eWxlcyA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIGNzcyh7XG4gICAgICAgIG1hcmdpblRvcDpcbiAgICAgICAgICBzaG93SGVhZGVyU3ViTWVudSAmJiAhaXNDb21wYWN0TW9kZVxuICAgICAgICAgICAgPyBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxIZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5zbX0pYFxuICAgICAgICAgICAgOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICAgICAgbGVmdDogYGNhbGMoJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weCArICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gKCR7dmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHggKyAke3RoZW1lLnNwYWNlLnNtfSkgLSAke3RoZW1lLnNwYWNlLnNtfSlgLFxuICAgICAgICB0cmFuc2Zvcm06IFwidW5zZXRcIixcbiAgICAgICAgbWluV2lkdGg6IFwidW5zZXRcIixcbiAgICAgICAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5iYW5uZXJcbiAgICAgIH0pLFxuICAgIFtpc0NvbXBhY3RNb2RlLCBzaG93SGVhZGVyU3ViTWVudSwgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGhdXG4gICk7XG5cbiAgY29uc3QgY2xvc2VCYW5uZXJMYWJlbCA9IHQoXCJub3RpZmljYXRpb25zLmJhbm5lci5jbG9zZVwiKTtcblxuICByZXR1cm4gKFxuICAgIDxCYW5uZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0+XG4gICAgICB7YmFubmVycy5tYXAoYmFubmVyID0+IChcbiAgICAgICAgPEh2QmFubmVyXG4gICAgICAgICAgY2xhc3Nlcz17e1xuICAgICAgICAgICAgYW5jaG9yT3JpZ2luVG9wQ2VudGVyOiBzdHlsZXNcbiAgICAgICAgICB9fVxuICAgICAgICAgIGlkPXtiYW5uZXIuaWR9XG4gICAgICAgICAga2V5PXtiYW5uZXIuaWR9XG4gICAgICAgICAgb2Zmc2V0PXswfVxuICAgICAgICAgIG9wZW5cbiAgICAgICAgICBvbkNsb3NlPXsoKSA9PiBkaXNtaXNzKGJhbm5lci5pZCl9XG4gICAgICAgICAgdmFyaWFudD17YmFubmVyLnZhcmlhbnR9XG4gICAgICAgICAgbGFiZWw9e2Jhbm5lci5tZXNzYWdlfVxuICAgICAgICAgIHNob3dJY29uXG4gICAgICAgICAgYWN0aW9ucz17YmFubmVyLmFjdGlvbnN9XG4gICAgICAgICAgYWN0aW9uc0NhbGxiYWNrPXtiYW5uZXIuYWN0aW9uc0NhbGxiYWNrfVxuICAgICAgICAgIGJhbm5lckNvbnRlbnRQcm9wcz17e1xuICAgICAgICAgICAgYWN0aW9uUHJvcHM6IHsgXCJhcmlhLWxhYmVsXCI6IGNsb3NlQmFubmVyTGFiZWwgfVxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICApKX1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0Jhbm5lckNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCYW5uZXJQcm92aWRlcjtcbiJdfQ== */"), [A, G, m]), e = W("notifications.banner.close");
-  return /* @__PURE__ */ n(v.Provider, { value: V, children: [
-    C.map((I) => /* @__PURE__ */ h(p, { classes: {
-      anchorOriginTopCenter: d
-    }, id: I.id, offset: 0, open: !0, onClose: () => i(I.id), variant: I.variant, label: I.message, showIcon: !0, actions: I.actions, actionsCallback: I.actionsCallback, bannerContentProps: {
+  }, process.env.NODE_ENV === "production" ? "" : ";label:styles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wcm92aWRlcnMvQmFubmVyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1GTSIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvcHJvdmlkZXJzL0Jhbm5lclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IHY0IGFzIHV1aWQgfSBmcm9tIFwidXVpZFwiO1xuXG5pbXBvcnQgeyBIdkJhbm5lciwgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcbmltcG9ydCB7IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbiB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvYXBwLXNoZWxsLWV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHVzZU5hdmlnYXRpb25Db250ZXh0IGZyb20gXCIuL2hvb2tzL3VzZU5hdmlnYXRpb25Db250ZXh0XCI7XG5pbXBvcnQgdXNlTGF5b3V0Q29udGV4dCBmcm9tIFwiLi9ob29rcy91c2VMYXlvdXRDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclByb3ZpZGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lciBleHRlbmRzIE9taXQ8SHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uLCBcInR5cGVcIj4ge1xuICBpZDogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lckNvbnRleHRWYWx1ZSB7XG4gIHNob3c6IChub3RpZmljYXRpb246IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbikgPT4gdm9pZDtcbiAgZGlzbWlzczogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxCYW5uZXJDb250ZXh0VmFsdWU+KHtcbiAgc2hvdzogKCkgPT4ge1xuICAgIC8vIEVtcHR5IGZ1bmN0aW9uXG4gIH0sXG4gIGRpc21pc3M6ICgpID0+IHtcbiAgICAvLyBFbXB0eSBmdW5jdGlvblxuICB9XG59KTtcblxuY29uc3QgQmFubmVyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBCYW5uZXJQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24odW5kZWZpbmVkLCB7XG4gICAga2V5UHJlZml4OiBcIm5vdGlmaWNhdGlvbnMuYmFubmVyXCJcbiAgfSk7XG4gIGNvbnN0IHsgc2hvd0hlYWRlclN1Yk1lbnUsIGlzQ29tcGFjdE1vZGUgfSA9IHVzZU5hdmlnYXRpb25Db250ZXh0KCk7XG4gIGNvbnN0IHsgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGgsIHNldEJhbm5lck1heEhlaWdodCB9ID0gdXNlTGF5b3V0Q29udGV4dCgpO1xuICBjb25zdCBbYmFubmVycywgc2V0QmFubmVyc10gPSB1c2VTdGF0ZTxCYW5uZXJbXT4oW10pO1xuXG4gIGNvbnN0IHNob3cgPSAobm90aWZpY2F0aW9uOiBIdkFwcFNoZWxsRXZlbnROb3RpZmljYXRpb24pID0+IHtcbiAgICBjb25zdCBpZCA9IHV1aWQoKTtcblxuICAgIGNvbnN0IG5ld0Jhbm5lcjogQmFubmVyID0ge1xuICAgICAgaWQsXG4gICAgICAuLi5ub3RpZmljYXRpb24sXG4gICAgICB2YXJpYW50OiBub3RpZmljYXRpb24udmFyaWFudCA/PyBcImRlZmF1bHRcIlxuICAgIH07XG4gICAgc2V0QmFubmVycyhwcmV2QmFubmVycyA9PiBbLi4ucHJldkJhbm5lcnMsIG5ld0Jhbm5lcl0pO1xuICB9O1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIHNldEJhbm5lcnMocHJldkJhbm5lcnMgPT4gcHJldkJhbm5lcnMuZmlsdGVyKGJhbm5lciA9PiBiYW5uZXIuaWQgIT09IGlkKSk7XG4gIH07XG5cbiAgY29uc3QgdmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBzaG93LFxuICAgICAgZGlzbWlzc1xuICAgIH0pLFxuICAgIFtdXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoYmFubmVycy5sZW5ndGggPiAwKSB7XG4gICAgICAvLyBHZXQgYWxsIGhlaWdodHMgZnJvbSB0aGUgcmVuZGVyZWQgYmFubmVyc1xuICAgICAgY29uc3QgYmFubmVySGVpZ2h0cyA9IGJhbm5lcnMubWFwKGl0ZW0gPT4ge1xuICAgICAgICBjb25zdCBiYW5uZXJFbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoaXRlbS5pZCk7XG4gICAgICAgIHJldHVybiBiYW5uZXJFbGVtZW50ID8gYmFubmVyRWxlbWVudC5jbGllbnRIZWlnaHQgOiAwO1xuICAgICAgfSk7XG5cbiAgICAgIC8vIEZpbmQgdGhlICd0YWxsZXN0JyBiYW5uZXJcbiAgICAgIGNvbnN0IG1heEJhbm5lckhlaWdodCA9IE1hdGgubWF4KC4uLmJhbm5lckhlaWdodHMpO1xuXG4gICAgICAvLyBVcGRhdGUgcGFkZGluZyB2YWx1ZVxuICAgICAgc2V0QmFubmVyTWF4SGVpZ2h0KG1heEJhbm5lckhlaWdodCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEJhbm5lck1heEhlaWdodCgwKTtcbiAgICB9XG4gIH0sIFtiYW5uZXJzLCBzZXRCYW5uZXJNYXhIZWlnaHRdKTtcblxuICBjb25zdCBzdHlsZXMgPSB1c2VNZW1vKFxuICAgICgpID0+XG4gICAgICBjc3Moe1xuICAgICAgICBtYXJnaW5Ub3A6XG4gICAgICAgICAgc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGVcbiAgICAgICAgICAgID8gYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0fSArICR7dGhlbWUuc3BhY2Uuc219KWBcbiAgICAgICAgICAgIDogYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgICAgIGxlZnQ6IGBjYWxjKCR7dmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHggKyAke3RoZW1lLnNwYWNlLnNtfSlgLFxuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtICgke3ZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4ICsgJHt0aGVtZS5zcGFjZS5zbX0pIC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICAgICAgdHJhbnNmb3JtOiBcInVuc2V0XCIsXG4gICAgICAgIG1pbldpZHRoOiBcInVuc2V0XCIsXG4gICAgICAgIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFubmVyXG4gICAgICB9KSxcbiAgICBbaXNDb21wYWN0TW9kZSwgc2hvd0hlYWRlclN1Yk1lbnUsIHZlcnRpY2FsTmF2aWdhdGlvbldpZHRoXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtiYW5uZXJzLm1hcChiYW5uZXIgPT4gKFxuICAgICAgICA8SHZCYW5uZXJcbiAgICAgICAgICBjbGFzc2VzPXt7XG4gICAgICAgICAgICBhbmNob3JPcmlnaW5Ub3BDZW50ZXI6IHN0eWxlc1xuICAgICAgICAgIH19XG4gICAgICAgICAgaWQ9e2Jhbm5lci5pZH1cbiAgICAgICAgICBrZXk9e2Jhbm5lci5pZH1cbiAgICAgICAgICBvZmZzZXQ9ezB9XG4gICAgICAgICAgb3BlblxuICAgICAgICAgIG9uQ2xvc2U9eygpID0+IGRpc21pc3MoYmFubmVyLmlkKX1cbiAgICAgICAgICB2YXJpYW50PXtiYW5uZXIudmFyaWFudH1cbiAgICAgICAgICBsYWJlbD17YmFubmVyLm1lc3NhZ2V9XG4gICAgICAgICAgc2hvd0ljb25cbiAgICAgICAgICBhY3Rpb25zPXtiYW5uZXIuYWN0aW9uc31cbiAgICAgICAgICBhY3Rpb25zQ2FsbGJhY2s9e2Jhbm5lci5hY3Rpb25zQ2FsbGJhY2t9XG4gICAgICAgICAgYmFubmVyQ29udGVudFByb3BzPXt7XG4gICAgICAgICAgICBhY3Rpb25Qcm9wczogeyBcImFyaWEtbGFiZWxcIjogdChcImNsb3NlXCIpIH1cbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9CYW5uZXJDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmFubmVyUHJvdmlkZXI7XG4iXX0= */"), [A, d, G]);
+  return /* @__PURE__ */ h(N.Provider, { value: W, children: [
+    b.map((I) => /* @__PURE__ */ n(Y, { classes: {
+      anchorOriginTopCenter: e
+    }, id: I.id, offset: 0, open: !0, onClose: () => Z(I.id), variant: I.variant, label: I.message, showIcon: !0, actions: I.actions, actionsCallback: I.actionsCallback, bannerContentProps: {
       actionProps: {
-        "aria-label": e
+        "aria-label": i("close")
       }
     } }, I.id)),
     t
   ] });
-}, L = x;
+}, j = x;
 export {
-  v as BannerContext,
-  L as default
+  N as BannerContext,
+  j as default
 };
 //# sourceMappingURL=BannerProvider.js.map

package/dist/esm/providers/BannerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerProvider.js","sources":["../../../src/providers/BannerProvider.tsx"],"sourcesContent":["import { createContext, useEffect, useMemo, useState } from \"react\";\nimport { css } from \"@emotion/css\";\nimport { v4 as uuid } from \"uuid\";\n\nimport { HvBanner, theme } from \"@hitachivantara/uikit-react-core\";\nimport { HvAppShellEventNotification } from \"@hitachivantara/app-shell-events\";\nimport { useTranslation } from \"react-i18next\";\nimport useNavigationContext from \"./hooks/useNavigationContext\";\nimport useLayoutContext from \"./hooks/useLayoutContext\";\n\nexport type BannerProviderProps = {\n  children: React.ReactNode;\n};\n\nexport interface Banner extends Omit<HvAppShellEventNotification, \"type\"> {\n  id: string;\n}\n\nexport interface BannerContextValue {\n  show: (notification: HvAppShellEventNotification) => void;\n  dismiss: (id: string) => void;\n}\n\nexport const BannerContext = createContext<BannerContextValue>({\n  show: () => {\n    // Empty function\n  },\n  dismiss: () => {\n    // Empty function\n  }\n});\n\nconst BannerProvider = ({ children }: BannerProviderProps) => {\n  const { t } = useTranslation();\n  const { showHeaderSubMenu, isCompactMode } = useNavigationContext();\n  const { verticalNavigationWidth, setBannerMaxHeight } = useLayoutContext();\n  const [banners, setBanners] = useState<Banner[]>([]);\n\n  const show = (notification: HvAppShellEventNotification) => {\n    const id = uuid();\n\n    const newBanner: Banner = {\n      id,\n      ...notification,\n      variant: notification.variant ?? \"default\"\n    };\n    setBanners(prevBanners => [...prevBanners, newBanner]);\n  };\n\n  const dismiss = (id: string) => {\n    setBanners(prevBanners => prevBanners.filter(banner => banner.id !== id));\n  };\n\n  const value = useMemo(\n    () => ({\n      show,\n      dismiss\n    }),\n    []\n  );\n\n  useEffect(() => {\n    if (banners.length > 0) {\n      // Get all heights from the rendered banners\n      const bannerHeights = banners.map(item => {\n        const bannerElement = document.getElementById(item.id);\n        return bannerElement ? bannerElement.clientHeight : 0;\n      });\n\n      // Find the 'tallest' banner\n      const maxBannerHeight = Math.max(...bannerHeights);\n\n      // Update padding value\n      setBannerMaxHeight(maxBannerHeight);\n    } else {\n      setBannerMaxHeight(0);\n    }\n  }, [banners, setBannerMaxHeight]);\n\n  const styles = useMemo(\n    () =>\n      css({\n        marginTop:\n          showHeaderSubMenu && !isCompactMode\n            ? `calc(${theme.header.height} + ${theme.header.secondLevelHeight} + ${theme.space.sm})`\n            : `calc(${theme.header.height} + ${theme.space.sm})`,\n        left: `calc(${verticalNavigationWidth}px + ${theme.space.sm})`,\n        width: `calc(100% - (${verticalNavigationWidth}px + ${theme.space.sm}) - ${theme.space.sm})`,\n        transform: \"unset\",\n        minWidth: \"unset\",\n        zIndex: theme.zIndices.banner\n      }),\n    [isCompactMode, showHeaderSubMenu, verticalNavigationWidth]\n  );\n\n  const closeBannerLabel = t(\"notifications.banner.close\");\n\n  return (\n    <BannerContext.Provider value={value}>\n      {banners.map(banner => (\n        <HvBanner\n          classes={{\n            anchorOriginTopCenter: styles\n          }}\n          id={banner.id}\n          key={banner.id}\n          offset={0}\n          open\n          onClose={() => dismiss(banner.id)}\n          variant={banner.variant}\n          label={banner.message}\n          showIcon\n          actions={banner.actions}\n          actionsCallback={banner.actionsCallback}\n          bannerContentProps={{\n            actionProps: { \"aria-label\": closeBannerLabel }\n          }}\n        />\n      ))}\n      {children}\n    </BannerContext.Provider>\n  );\n};\n\nexport default BannerProvider;\n"],"names":["BannerContext","createContext","show","dismiss","BannerProvider","children","t","useTranslation","showHeaderSubMenu","isCompactMode","useNavigationContext","verticalNavigationWidth","setBannerMaxHeight","useLayoutContext","banners","setBanners","useState","notification","newBanner","id","uuid","variant","prevBanners","filter","banner","value","useMemo","useEffect","length","bannerHeights","map","item","bannerElement","document","getElementById","clientHeight","maxBannerHeight","Math","max","styles","css","marginTop","theme","header","height","secondLevelHeight","space","sm","left","width","transform","minWidth","zIndex","zIndices","process","env","NODE_ENV","closeBannerLabel","jsxs","jsx","HvBanner","anchorOriginTopCenter","message","actions","actionsCallback","actionProps","BannerProvider$1"],"mappings":"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"}
+{"version":3,"file":"BannerProvider.js","sources":["../../../src/providers/BannerProvider.tsx"],"sourcesContent":["import { createContext, useEffect, useMemo, useState } from \"react\";\nimport { css } from \"@emotion/css\";\nimport { v4 as uuid } from \"uuid\";\n\nimport { HvBanner, theme } from \"@hitachivantara/uikit-react-core\";\nimport { HvAppShellEventNotification } from \"@hitachivantara/app-shell-events\";\nimport { useTranslation } from \"react-i18next\";\nimport useNavigationContext from \"./hooks/useNavigationContext\";\nimport useLayoutContext from \"./hooks/useLayoutContext\";\n\nexport type BannerProviderProps = {\n  children: React.ReactNode;\n};\n\nexport interface Banner extends Omit<HvAppShellEventNotification, \"type\"> {\n  id: string;\n}\n\nexport interface BannerContextValue {\n  show: (notification: HvAppShellEventNotification) => void;\n  dismiss: (id: string) => void;\n}\n\nexport const BannerContext = createContext<BannerContextValue>({\n  show: () => {\n    // Empty function\n  },\n  dismiss: () => {\n    // Empty function\n  }\n});\n\nconst BannerProvider = ({ children }: BannerProviderProps) => {\n  const { t } = useTranslation(undefined, {\n    keyPrefix: \"notifications.banner\"\n  });\n  const { showHeaderSubMenu, isCompactMode } = useNavigationContext();\n  const { verticalNavigationWidth, setBannerMaxHeight } = useLayoutContext();\n  const [banners, setBanners] = useState<Banner[]>([]);\n\n  const show = (notification: HvAppShellEventNotification) => {\n    const id = uuid();\n\n    const newBanner: Banner = {\n      id,\n      ...notification,\n      variant: notification.variant ?? \"default\"\n    };\n    setBanners(prevBanners => [...prevBanners, newBanner]);\n  };\n\n  const dismiss = (id: string) => {\n    setBanners(prevBanners => prevBanners.filter(banner => banner.id !== id));\n  };\n\n  const value = useMemo(\n    () => ({\n      show,\n      dismiss\n    }),\n    []\n  );\n\n  useEffect(() => {\n    if (banners.length > 0) {\n      // Get all heights from the rendered banners\n      const bannerHeights = banners.map(item => {\n        const bannerElement = document.getElementById(item.id);\n        return bannerElement ? bannerElement.clientHeight : 0;\n      });\n\n      // Find the 'tallest' banner\n      const maxBannerHeight = Math.max(...bannerHeights);\n\n      // Update padding value\n      setBannerMaxHeight(maxBannerHeight);\n    } else {\n      setBannerMaxHeight(0);\n    }\n  }, [banners, setBannerMaxHeight]);\n\n  const styles = useMemo(\n    () =>\n      css({\n        marginTop:\n          showHeaderSubMenu && !isCompactMode\n            ? `calc(${theme.header.height} + ${theme.header.secondLevelHeight} + ${theme.space.sm})`\n            : `calc(${theme.header.height} + ${theme.space.sm})`,\n        left: `calc(${verticalNavigationWidth}px + ${theme.space.sm})`,\n        width: `calc(100% - (${verticalNavigationWidth}px + ${theme.space.sm}) - ${theme.space.sm})`,\n        transform: \"unset\",\n        minWidth: \"unset\",\n        zIndex: theme.zIndices.banner\n      }),\n    [isCompactMode, showHeaderSubMenu, verticalNavigationWidth]\n  );\n\n  return (\n    <BannerContext.Provider value={value}>\n      {banners.map(banner => (\n        <HvBanner\n          classes={{\n            anchorOriginTopCenter: styles\n          }}\n          id={banner.id}\n          key={banner.id}\n          offset={0}\n          open\n          onClose={() => dismiss(banner.id)}\n          variant={banner.variant}\n          label={banner.message}\n          showIcon\n          actions={banner.actions}\n          actionsCallback={banner.actionsCallback}\n          bannerContentProps={{\n            actionProps: { \"aria-label\": t(\"close\") }\n          }}\n        />\n      ))}\n      {children}\n    </BannerContext.Provider>\n  );\n};\n\nexport default BannerProvider;\n"],"names":["BannerContext","createContext","show","dismiss","BannerProvider","children","t","useTranslation","undefined","keyPrefix","showHeaderSubMenu","isCompactMode","useNavigationContext","verticalNavigationWidth","setBannerMaxHeight","useLayoutContext","banners","setBanners","useState","notification","newBanner","id","uuid","variant","prevBanners","filter","banner","value","useMemo","useEffect","length","bannerHeights","map","item","bannerElement","document","getElementById","clientHeight","maxBannerHeight","Math","max","styles","css","marginTop","theme","header","height","secondLevelHeight","space","sm","left","width","transform","minWidth","zIndex","zIndices","process","env","NODE_ENV","jsxs","jsx","HvBanner","anchorOriginTopCenter","message","actions","actionsCallback","actionProps","BannerProvider$1"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/app-shell-ui",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "AppShell Component",
   "author": "Hitachi Vantara - Boba Fett Team",
   "license": "Apache-2.0",
@@ -68,5 +68,5 @@
     "vite-plugin-dts": "^3.6.4",
     "vite-tsconfig-paths": "^4.0.5"
   },
-  "gitHead": "21d20a365cf4718324c6e0c628cf28cffd2cf444"
+  "gitHead": "d8f6ac33c04ba580ecd275a0f94d367f8d186ef8"
 }