@hitachivantara/app-shell-ui 1.2.0 → 1.2.1

package/dist/esm/components/hoc/withClickAwayListener.js

@@ -1,15 +1,15 @@
 import { jsx as e } from "@emotion/react/jsx-runtime";
-import { createPortal as s } from "react-dom";
-import { ClickAwayListener as c } from "@mui/material";
-import m from "../../lib/utils/documentUtil.js";
-const o = (t) => {
-  const a = t.displayName ?? t.name, l = m(), i = ({
+import { createPortal as m } from "react-dom";
+import { ClickAwayListener as s } from "@mui/material";
+import c from "../../lib/utils/documentUtil.js";
+const u = (t) => {
+  const a = t.displayName ?? t.name, l = c(), i = ({
     onClickAway: r,
     ...n
-  }) => r ? s(/* @__PURE__ */ e(c, { onClickAway: r, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { ...n }) }) }), l) : /* @__PURE__ */ e(t, { ...n });
+  }) => r ? m(/* @__PURE__ */ e(s, { onClickAway: r, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { ...n }) }) }), l) : /* @__PURE__ */ e(t, { ...n });
   return i.displayName = `withClickAwayListener(${a})`, i;
-}, A = o;
+};
 export {
-  A as default
+  u as default
 };
 //# sourceMappingURL=withClickAwayListener.js.map

package/dist/esm/components/hoc/withClickAwayListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"withClickAwayListener.js","sources":["../../../../src/components/hoc/withClickAwayListener.tsx"],"sourcesContent":["import { createPortal } from \"react-dom\";\nimport { ClickAwayListener } from \"@mui/material\";\nimport createAppContainerElement from \"../../lib/utils/documentUtil\";\n\ninterface WithClickAwayListenerProps {\n  onClickAway?: () => void;\n}\n\ntype WrappedComponentProps<T extends React.ElementType> = React.ComponentType<\n  WithClickAwayListenerProps & React.ComponentProps<T>\n>;\n\nconst withClickAwayListener = <T extends React.ElementType>(\n  WrappedComponent: WrappedComponentProps<T>\n) => {\n  const displayName = WrappedComponent.displayName ?? WrappedComponent.name;\n\n  const panelContainerElement = createAppContainerElement();\n\n  const ComponentWithClickAwayListener = ({\n    onClickAway,\n    ...wrappedProps\n  }: WithClickAwayListenerProps & React.ComponentProps<T>) => {\n    if (onClickAway) {\n      return createPortal(\n        <ClickAwayListener onClickAway={onClickAway}>\n          <div>\n            <WrappedComponent {...(wrappedProps as React.ComponentProps<T>)} />\n          </div>\n        </ClickAwayListener>,\n        panelContainerElement\n      );\n    }\n\n    return <WrappedComponent {...(wrappedProps as React.ComponentProps<T>)} />;\n  };\n\n  ComponentWithClickAwayListener.displayName = `withClickAwayListener(${displayName})`;\n\n  return ComponentWithClickAwayListener;\n};\n\nexport default withClickAwayListener;\n"],"names":["withClickAwayListener","WrappedComponent","displayName","name","panelContainerElement","createAppContainerElement","ComponentWithClickAwayListener","onClickAway","wrappedProps","createPortal","jsx","ClickAwayListener","withClickAwayListener$1"],"mappings":";;;;AAYA,MAAMA,IAAwB,CAC5BC,MACG;AACGC,QAAAA,IAAcD,EAAiBC,eAAeD,EAAiBE,MAE/DC,IAAwBC,KAExBC,IAAiCA,CAAC;AAAA,IACtCC,aAAAA;AAAAA,IACA,GAAGC;AAAAA,EAAAA,MAECD,IACKE,EACL,gBAAAC,EAACC,GAAkB,EAAA,aAAAJ,GACjB,UAAC,gBAAAG,EAAA,OAAA,EACC,UAAC,gBAAAA,EAAAT,GAAA,EAAiB,GAAKO,EAAAA,CAAyC,EAClE,CAAA,EACF,CAAA,GACAJ,CACF,IAGK,gBAAAM,EAACT,GAAiB,EAAA,GAAKO,EAA4C,CAAA;AAG7CN,SAAAA,EAAAA,cAAe,yBAAwBA,CAAY,KAE3EI;AACT,GAEAM,IAAeZ;"}
+{"version":3,"file":"withClickAwayListener.js","sources":["../../../../src/components/hoc/withClickAwayListener.tsx"],"sourcesContent":["import { createPortal } from \"react-dom\";\nimport { ClickAwayListener } from \"@mui/material\";\nimport createAppContainerElement from \"../../lib/utils/documentUtil\";\n\ninterface WithClickAwayListenerProps {\n  onClickAway?: () => void;\n}\n\ntype WrappedComponentProps<T extends React.ElementType> = React.ComponentType<\n  WithClickAwayListenerProps & React.ComponentProps<T>\n>;\n\nconst withClickAwayListener = <T extends React.ElementType>(\n  WrappedComponent: WrappedComponentProps<T>\n) => {\n  const displayName = WrappedComponent.displayName ?? WrappedComponent.name;\n\n  const panelContainerElement = createAppContainerElement();\n\n  const ComponentWithClickAwayListener = ({\n    onClickAway,\n    ...wrappedProps\n  }: WithClickAwayListenerProps & React.ComponentProps<T>) => {\n    if (onClickAway) {\n      return createPortal(\n        <ClickAwayListener onClickAway={onClickAway}>\n          <div>\n            <WrappedComponent {...(wrappedProps as React.ComponentProps<T>)} />\n          </div>\n        </ClickAwayListener>,\n        panelContainerElement\n      );\n    }\n\n    return <WrappedComponent {...(wrappedProps as React.ComponentProps<T>)} />;\n  };\n\n  ComponentWithClickAwayListener.displayName = `withClickAwayListener(${displayName})`;\n\n  return ComponentWithClickAwayListener;\n};\n\nexport default withClickAwayListener;\n"],"names":["withClickAwayListener","WrappedComponent","displayName","name","panelContainerElement","createAppContainerElement","ComponentWithClickAwayListener","onClickAway","wrappedProps","createPortal","jsx","ClickAwayListener"],"mappings":";;;;AAYMA,MAAAA,IAAwB,CAC5BC,MACG;AACGC,QAAAA,IAAcD,EAAiBC,eAAeD,EAAiBE,MAE/DC,IAAwBC,KAExBC,IAAiCA,CAAC;AAAA,IACtCC,aAAAA;AAAAA,IACA,GAAGC;AAAAA,EAAAA,MAECD,IACKE,EACL,gBAAAC,EAACC,GAAkB,EAAA,aAAAJ,GACjB,UAAC,gBAAAG,EAAA,OAAA,EACC,UAAC,gBAAAA,EAAAT,GAAA,EAAiB,GAAKO,EAAAA,CAAyC,EAClE,CAAA,EACF,CAAA,GACAJ,CACF,IAGK,gBAAAM,EAACT,GAAiB,EAAA,GAAKO,EAA4C,CAAA;AAG7CN,SAAAA,EAAAA,cAAe,yBAAwBA,CAAY,KAE3EI;AACT;"}

package/dist/esm/components/hoc/withGlobalProvider.js

@@ -2,33 +2,33 @@ import { jsx as I, jsxs as b } from "@emotion/react/jsx-runtime";
 import { css as G } from "@emotion/css";
 import { I18nextProvider as X } from "react-i18next";
 import { HelmetProvider as d } from "react-helmet-async";
-import { theme as t, HvProvider as a, HvSnackbarProvider as Z } from "@hitachivantara/uikit-react-core";
+import { theme as Z, HvProvider as a, HvSnackbarProvider as t } from "@hitachivantara/uikit-react-core";
 import { ErrorBoundary as m } from "react-error-boundary";
 import v from "../GlobalStyles/GlobalStyles.js";
 import r from "../AppShellProvider/AppShellProvider.js";
 import h from "../../providers/NavigationProvider.js";
-import o from "../../lib/i18n/index.js";
-import V from "../../providers/BannerProvider.js";
+import V from "../../lib/i18n/index.js";
+import o from "../../providers/BannerProvider.js";
 import W from "../../providers/LayoutProvider.js";
 import A from "../../pages/GenericError/GenericError.js";
-import e from "../CustomHooksInitializer/CustomHooksInitializer.js";
-const n = {
-  containerRoot: /* @__PURE__ */ G("margin-top:", t.header.height, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2hvYy93aXRoR2xvYmFsUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0IiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL2NvbXBvbmVudHMvaG9jL3dpdGhHbG9iYWxQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyBJMThuZXh0UHJvdmlkZXIgfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHsgSGVsbWV0UHJvdmlkZXIgfSBmcm9tIFwicmVhY3QtaGVsbWV0LWFzeW5jXCI7XG5cbmltcG9ydCB7XG4gIEh2UHJvdmlkZXIsXG4gIEh2U25hY2tiYXJQcm92aWRlcixcbiAgdGhlbWVcbn0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEVycm9yQm91bmRhcnkgfSBmcm9tIFwicmVhY3QtZXJyb3ItYm91bmRhcnlcIjtcblxuaW1wb3J0IEdsb2JhbFN0eWxlcyBmcm9tIFwiLi4vR2xvYmFsU3R5bGVzXCI7XG5pbXBvcnQgQXBwU2hlbGxQcm92aWRlciBmcm9tIFwiLi4vQXBwU2hlbGxQcm92aWRlci9BcHBTaGVsbFByb3ZpZGVyXCI7XG5pbXBvcnQgTmF2aWdhdGlvblByb3ZpZGVyIGZyb20gXCIuLi8uLi9wcm92aWRlcnMvTmF2aWdhdGlvblByb3ZpZGVyXCI7XG5pbXBvcnQgY3JlYXRlSTE4TmV4dCBmcm9tIFwiLi4vLi4vbGliL2kxOG5cIjtcbmltcG9ydCBCYW5uZXJQcm92aWRlciBmcm9tIFwiLi4vLi4vcHJvdmlkZXJzL0Jhbm5lclByb3ZpZGVyXCI7XG5pbXBvcnQgTGF5b3V0UHJvdmlkZXIgZnJvbSBcIi4uLy4uL3Byb3ZpZGVycy9MYXlvdXRQcm92aWRlclwiO1xuaW1wb3J0IEdlbmVyaWNFcnJvciBmcm9tIFwiLi4vLi4vcGFnZXMvR2VuZXJpY0Vycm9yXCI7XG5pbXBvcnQgQ3VzdG9tSG9va3NJbml0aWFsaXplciBmcm9tIFwiLi4vQ3VzdG9tSG9va3NJbml0aWFsaXplclwiO1xuXG50eXBlIFdyYXBwZWRDb21wb25lbnRQcm9wczxUIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGU+ID0gUmVhY3QuQ29tcG9uZW50VHlwZTxcbiAgUmVhY3QuQ29tcG9uZW50UHJvcHM8VD5cbj47XG5cbmNvbnN0IHNuYWNrYmFyQ2xhc3NlcyA9IHtcbiAgY29udGFpbmVyUm9vdDogY3NzYFxuICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuaGVhZGVyLmhlaWdodH07XG4gIGBcbn07XG5cbmNvbnN0IHdpdGhHbG9iYWxQcm92aWRlciA9IDxUIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGU+KFxuICBXcmFwcGVkQ29tcG9uZW50OiBXcmFwcGVkQ29tcG9uZW50UHJvcHM8VD5cbikgPT4ge1xuICBjb25zdCBkaXNwbGF5TmFtZSA9IFdyYXBwZWRDb21wb25lbnQuZGlzcGxheU5hbWUgPz8gV3JhcHBlZENvbXBvbmVudC5uYW1lO1xuXG4gIGNvbnN0IHsgaTE4biB9ID0gY3JlYXRlSTE4TmV4dCgpO1xuXG4gIGNvbnN0IENvbXBvbmVudFdpdGhHbG9iYWxQcm92aWRlciA9ICh7XG4gICAgLi4ud3JhcHBlZFByb3BzXG4gIH06IFJlYWN0LkNvbXBvbmVudFByb3BzPFQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxIZWxtZXRQcm92aWRlcj5cbiAgICAgICAgPEh2UHJvdmlkZXI+XG4gICAgICAgICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgICAgICAgIDxJMThuZXh0UHJvdmlkZXIgaTE4bj17aTE4bn0+XG4gICAgICAgICAgICA8RXJyb3JCb3VuZGFyeVxuICAgICAgICAgICAgICBrZXk9XCJnZW5lcmFsXCJcbiAgICAgICAgICAgICAgZmFsbGJhY2s9ezxHZW5lcmljRXJyb3IgZnVsbFBhZ2UgaW5jbHVkZUZvb3Rlcj17ZmFsc2V9IC8+fT5cbiAgICAgICAgICAgICAgPEFwcFNoZWxsUHJvdmlkZXJcbiAgICAgICAgICAgICAgICBjb25maWc9e3dyYXBwZWRQcm9wcy5jb25maWd9XG4gICAgICAgICAgICAgICAgY29uZmlnVXJsPXt3cmFwcGVkUHJvcHMuY29uZmlnVXJsfT5cbiAgICAgICAgICAgICAgICA8TGF5b3V0UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICA8SHZTbmFja2JhclByb3ZpZGVyXG4gICAgICAgICAgICAgICAgICAgIG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZT17c25hY2tiYXJDbGFzc2VzfT5cbiAgICAgICAgICAgICAgICAgICAgPEVycm9yQm91bmRhcnkgZmFsbGJhY2s9ezxHZW5lcmljRXJyb3IgZnVsbFBhZ2UgLz59PlxuICAgICAgICAgICAgICAgICAgICAgIDxOYXZpZ2F0aW9uUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QmFubmVyUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxDdXN0b21Ib29rc0luaXRpYWxpemVyIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxXcmFwcGVkQ29tcG9uZW50IHsuLi53cmFwcGVkUHJvcHN9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0Jhbm5lclByb3ZpZGVyPlxuICAgICAgICAgICAgICAgICAgICAgIDwvTmF2aWdhdGlvblByb3ZpZGVyPlxuICAgICAgICAgICAgICAgICAgICA8L0Vycm9yQm91bmRhcnk+XG4gICAgICAgICAgICAgICAgICA8L0h2U25hY2tiYXJQcm92aWRlcj5cbiAgICAgICAgICAgICAgICA8L0xheW91dFByb3ZpZGVyPlxuICAgICAgICAgICAgICA8L0FwcFNoZWxsUHJvdmlkZXI+XG4gICAgICAgICAgICA8L0Vycm9yQm91bmRhcnk+XG4gICAgICAgICAgPC9JMThuZXh0UHJvdmlkZXI+XG4gICAgICAgIDwvSHZQcm92aWRlcj5cbiAgICAgIDwvSGVsbWV0UHJvdmlkZXI+XG4gICAgKTtcbiAgfTtcblxuICBDb21wb25lbnRXaXRoR2xvYmFsUHJvdmlkZXIuZGlzcGxheU5hbWUgPSBgd2l0aEdsb2JhbFByb3ZpZGVyKCR7ZGlzcGxheU5hbWV9KWA7XG5cbiAgcmV0dXJuIENvbXBvbmVudFdpdGhHbG9iYWxQcm92aWRlcjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhHbG9iYWxQcm92aWRlcjtcbiJdfQ== */")
-}, u = (g) => {
+import u from "../CustomHooksInitializer/CustomHooksInitializer.js";
+const e = {
+  containerRoot: /* @__PURE__ */ G("margin-top:", Z.header.height, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2hvYy93aXRoR2xvYmFsUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0IiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL2NvbXBvbmVudHMvaG9jL3dpdGhHbG9iYWxQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyBJMThuZXh0UHJvdmlkZXIgfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHsgSGVsbWV0UHJvdmlkZXIgfSBmcm9tIFwicmVhY3QtaGVsbWV0LWFzeW5jXCI7XG5cbmltcG9ydCB7XG4gIEh2UHJvdmlkZXIsXG4gIEh2U25hY2tiYXJQcm92aWRlcixcbiAgdGhlbWVcbn0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEVycm9yQm91bmRhcnkgfSBmcm9tIFwicmVhY3QtZXJyb3ItYm91bmRhcnlcIjtcblxuaW1wb3J0IEdsb2JhbFN0eWxlcyBmcm9tIFwiLi4vR2xvYmFsU3R5bGVzXCI7XG5pbXBvcnQgQXBwU2hlbGxQcm92aWRlciBmcm9tIFwiLi4vQXBwU2hlbGxQcm92aWRlci9BcHBTaGVsbFByb3ZpZGVyXCI7XG5pbXBvcnQgTmF2aWdhdGlvblByb3ZpZGVyIGZyb20gXCIuLi8uLi9wcm92aWRlcnMvTmF2aWdhdGlvblByb3ZpZGVyXCI7XG5pbXBvcnQgY3JlYXRlSTE4TmV4dCBmcm9tIFwiLi4vLi4vbGliL2kxOG5cIjtcbmltcG9ydCBCYW5uZXJQcm92aWRlciBmcm9tIFwiLi4vLi4vcHJvdmlkZXJzL0Jhbm5lclByb3ZpZGVyXCI7XG5pbXBvcnQgTGF5b3V0UHJvdmlkZXIgZnJvbSBcIi4uLy4uL3Byb3ZpZGVycy9MYXlvdXRQcm92aWRlclwiO1xuaW1wb3J0IEdlbmVyaWNFcnJvciBmcm9tIFwiLi4vLi4vcGFnZXMvR2VuZXJpY0Vycm9yXCI7XG5pbXBvcnQgQ3VzdG9tSG9va3NJbml0aWFsaXplciBmcm9tIFwiLi4vQ3VzdG9tSG9va3NJbml0aWFsaXplclwiO1xuXG50eXBlIFdyYXBwZWRDb21wb25lbnRQcm9wczxUIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGU+ID0gUmVhY3QuQ29tcG9uZW50VHlwZTxcbiAgUmVhY3QuQ29tcG9uZW50UHJvcHM8VD5cbj47XG5cbmNvbnN0IHNuYWNrYmFyQ2xhc3NlcyA9IHtcbiAgY29udGFpbmVyUm9vdDogY3NzYFxuICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuaGVhZGVyLmhlaWdodH07XG4gIGBcbn07XG5cbmNvbnN0IHdpdGhHbG9iYWxQcm92aWRlciA9IDxUIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGU+KFxuICBXcmFwcGVkQ29tcG9uZW50OiBXcmFwcGVkQ29tcG9uZW50UHJvcHM8VD5cbikgPT4ge1xuICBjb25zdCBkaXNwbGF5TmFtZSA9IFdyYXBwZWRDb21wb25lbnQuZGlzcGxheU5hbWUgPz8gV3JhcHBlZENvbXBvbmVudC5uYW1lO1xuXG4gIGNvbnN0IHsgaTE4biB9ID0gY3JlYXRlSTE4TmV4dCgpO1xuXG4gIGNvbnN0IENvbXBvbmVudFdpdGhHbG9iYWxQcm92aWRlciA9ICh7XG4gICAgLi4ud3JhcHBlZFByb3BzXG4gIH06IFJlYWN0LkNvbXBvbmVudFByb3BzPFQ+KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxIZWxtZXRQcm92aWRlcj5cbiAgICAgICAgPEh2UHJvdmlkZXI+XG4gICAgICAgICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgICAgICAgIDxJMThuZXh0UHJvdmlkZXIgaTE4bj17aTE4bn0+XG4gICAgICAgICAgICA8RXJyb3JCb3VuZGFyeVxuICAgICAgICAgICAgICBrZXk9XCJnZW5lcmFsXCJcbiAgICAgICAgICAgICAgZmFsbGJhY2s9ezxHZW5lcmljRXJyb3IgZnVsbFBhZ2UgaW5jbHVkZUZvb3Rlcj17ZmFsc2V9IC8+fT5cbiAgICAgICAgICAgICAgPEFwcFNoZWxsUHJvdmlkZXJcbiAgICAgICAgICAgICAgICBjb25maWc9e3dyYXBwZWRQcm9wcy5jb25maWd9XG4gICAgICAgICAgICAgICAgY29uZmlnVXJsPXt3cmFwcGVkUHJvcHMuY29uZmlnVXJsfT5cbiAgICAgICAgICAgICAgICA8TGF5b3V0UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICA8SHZTbmFja2JhclByb3ZpZGVyXG4gICAgICAgICAgICAgICAgICAgIG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZT17c25hY2tiYXJDbGFzc2VzfT5cbiAgICAgICAgICAgICAgICAgICAgPEVycm9yQm91bmRhcnkgZmFsbGJhY2s9ezxHZW5lcmljRXJyb3IgZnVsbFBhZ2UgLz59PlxuICAgICAgICAgICAgICAgICAgICAgIDxOYXZpZ2F0aW9uUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QmFubmVyUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxDdXN0b21Ib29rc0luaXRpYWxpemVyIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxXcmFwcGVkQ29tcG9uZW50IHsuLi53cmFwcGVkUHJvcHN9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0Jhbm5lclByb3ZpZGVyPlxuICAgICAgICAgICAgICAgICAgICAgIDwvTmF2aWdhdGlvblByb3ZpZGVyPlxuICAgICAgICAgICAgICAgICAgICA8L0Vycm9yQm91bmRhcnk+XG4gICAgICAgICAgICAgICAgICA8L0h2U25hY2tiYXJQcm92aWRlcj5cbiAgICAgICAgICAgICAgICA8L0xheW91dFByb3ZpZGVyPlxuICAgICAgICAgICAgICA8L0FwcFNoZWxsUHJvdmlkZXI+XG4gICAgICAgICAgICA8L0Vycm9yQm91bmRhcnk+XG4gICAgICAgICAgPC9JMThuZXh0UHJvdmlkZXI+XG4gICAgICAgIDwvSHZQcm92aWRlcj5cbiAgICAgIDwvSGVsbWV0UHJvdmlkZXI+XG4gICAgKTtcbiAgfTtcblxuICBDb21wb25lbnRXaXRoR2xvYmFsUHJvdmlkZXIuZGlzcGxheU5hbWUgPSBgd2l0aEdsb2JhbFByb3ZpZGVyKCR7ZGlzcGxheU5hbWV9KWA7XG5cbiAgcmV0dXJuIENvbXBvbmVudFdpdGhHbG9iYWxQcm92aWRlcjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhHbG9iYWxQcm92aWRlcjtcbiJdfQ== */")
+}, U = (g) => {
   const l = g.displayName ?? g.name, {
     i18n: i
-  } = o(), C = ({
+  } = V(), C = ({
     ...c
   }) => /* @__PURE__ */ I(d, { children: /* @__PURE__ */ b(a, { children: [
     /* @__PURE__ */ I(v, {}),
-    /* @__PURE__ */ I(X, { i18n: i, children: /* @__PURE__ */ I(m, { fallback: /* @__PURE__ */ I(A, { fullPage: !0, includeFooter: !1 }), children: /* @__PURE__ */ I(r, { config: c.config, configUrl: c.configUrl, children: /* @__PURE__ */ I(W, { children: /* @__PURE__ */ I(Z, { notistackClassesOverride: n, children: /* @__PURE__ */ I(m, { fallback: /* @__PURE__ */ I(A, { fullPage: !0 }), children: /* @__PURE__ */ I(h, { children: /* @__PURE__ */ b(V, { children: [
-      /* @__PURE__ */ I(e, {}),
+    /* @__PURE__ */ I(X, { i18n: i, children: /* @__PURE__ */ I(m, { fallback: /* @__PURE__ */ I(A, { fullPage: !0, includeFooter: !1 }), children: /* @__PURE__ */ I(r, { config: c.config, configUrl: c.configUrl, children: /* @__PURE__ */ I(W, { children: /* @__PURE__ */ I(t, { notistackClassesOverride: e, children: /* @__PURE__ */ I(m, { fallback: /* @__PURE__ */ I(A, { fullPage: !0 }), children: /* @__PURE__ */ I(h, { children: /* @__PURE__ */ b(o, { children: [
+      /* @__PURE__ */ I(u, {}),
       /* @__PURE__ */ I(g, { ...c })
     ] }) }) }) }) }) }) }, "general") })
   ] }) });
   return C.displayName = `withGlobalProvider(${l})`, C;
-}, L = u;
+};
 export {
-  L as default
+  U as default
 };
 //# sourceMappingURL=withGlobalProvider.js.map

package/dist/esm/components/hoc/withGlobalProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"withGlobalProvider.js","sources":["../../../../src/components/hoc/withGlobalProvider.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { I18nextProvider } from \"react-i18next\";\nimport { HelmetProvider } from \"react-helmet-async\";\n\nimport {\n  HvProvider,\n  HvSnackbarProvider,\n  theme\n} from \"@hitachivantara/uikit-react-core\";\n\nimport React from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\n\nimport GlobalStyles from \"../GlobalStyles\";\nimport AppShellProvider from \"../AppShellProvider/AppShellProvider\";\nimport NavigationProvider from \"../../providers/NavigationProvider\";\nimport createI18Next from \"../../lib/i18n\";\nimport BannerProvider from \"../../providers/BannerProvider\";\nimport LayoutProvider from \"../../providers/LayoutProvider\";\nimport GenericError from \"../../pages/GenericError\";\nimport CustomHooksInitializer from \"../CustomHooksInitializer\";\n\ntype WrappedComponentProps<T extends React.ElementType> = React.ComponentType<\n  React.ComponentProps<T>\n>;\n\nconst snackbarClasses = {\n  containerRoot: css`\n    margin-top: ${theme.header.height};\n  `\n};\n\nconst withGlobalProvider = <T extends React.ElementType>(\n  WrappedComponent: WrappedComponentProps<T>\n) => {\n  const displayName = WrappedComponent.displayName ?? WrappedComponent.name;\n\n  const { i18n } = createI18Next();\n\n  const ComponentWithGlobalProvider = ({\n    ...wrappedProps\n  }: React.ComponentProps<T>) => {\n    return (\n      <HelmetProvider>\n        <HvProvider>\n          <GlobalStyles />\n          <I18nextProvider i18n={i18n}>\n            <ErrorBoundary\n              key=\"general\"\n              fallback={<GenericError fullPage includeFooter={false} />}>\n              <AppShellProvider\n                config={wrappedProps.config}\n                configUrl={wrappedProps.configUrl}>\n                <LayoutProvider>\n                  <HvSnackbarProvider\n                    notistackClassesOverride={snackbarClasses}>\n                    <ErrorBoundary fallback={<GenericError fullPage />}>\n                      <NavigationProvider>\n                        <BannerProvider>\n                          <CustomHooksInitializer />\n                          <WrappedComponent {...wrappedProps} />\n                        </BannerProvider>\n                      </NavigationProvider>\n                    </ErrorBoundary>\n                  </HvSnackbarProvider>\n                </LayoutProvider>\n              </AppShellProvider>\n            </ErrorBoundary>\n          </I18nextProvider>\n        </HvProvider>\n      </HelmetProvider>\n    );\n  };\n\n  ComponentWithGlobalProvider.displayName = `withGlobalProvider(${displayName})`;\n\n  return ComponentWithGlobalProvider;\n};\n\nexport default withGlobalProvider;\n"],"names":["snackbarClasses","containerRoot","css","theme","header","height","process","env","NODE_ENV","withGlobalProvider","WrappedComponent","displayName","name","i18n","createI18Next","ComponentWithGlobalProvider","wrappedProps","jsx","HelmetProvider","jsxs","HvProvider","GlobalStyles","I18nextProvider","ErrorBoundary","GenericError","AppShellProvider","config","configUrl","LayoutProvider","HvSnackbarProvider","NavigationProvider","BannerProvider","CustomHooksInitializer","withGlobalProvider$1"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAMA,IAAkB;AAAA,EACtBC,eAAkB,gBAAAC,EAAA,eACFC,EAAMC,OAAOC,QAAM,OAAAC,QAAAC,IAAAC,aAAA,eAAA,KAAA,0BAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,y/HAAA;AAErC,GAEMC,IAAqB,CACzBC,MACG;AACGC,QAAAA,IAAcD,EAAiBC,eAAeD,EAAiBE,MAE/D;AAAA,IAAEC,MAAAA;AAAAA,MAASC,EAAc,GAEzBC,IAA8BA,CAAC;AAAA,IACnC,GAAGC;AAAAA,EAAAA,MAGD,gBAAAC,EAACC,GACC,EAAA,UAAA,gBAAAC,EAACC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAY,EAAA;AAAA,sBACZC,GAAgB,EAAA,MAAAT,GACf,UAAC,gBAAAI,EAAAM,GAAA,EAEC,UAAW,gBAAAN,EAAAO,GAAA,EAAa,UAAQ,IAAC,eAAe,GAAM,CAAA,GACtD,4BAACC,GACC,EAAA,QAAQT,EAAaU,QACrB,WAAWV,EAAaW,WACxB,4BAACC,GACC,EAAA,UAAA,gBAAAX,EAACY,GACC,EAAA,0BAA0B7B,GAC1B,UAAC,gBAAAiB,EAAAM,GAAA,EAAc,UAAU,gBAAAN,EAACO,KAAa,UAAQ,GAAA,CAAA,GAC7C,UAAC,gBAAAP,EAAAa,GAAA,EACC,4BAACC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAd,EAACe,GAAsB,EAAA;AAAA,MACvB,gBAAAf,EAACP,GAAiB,EAAA,GAAIM,GAAa;AAAA,IAAA,GACrC,GACF,EACF,CAAA,EACF,CAAA,EACF,CAAA,GACF,EAAA,GAlBI,SAmBN,GACF;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAIwBL,SAAAA,EAAAA,cAAe,sBAAqBA,CAAY,KAErEI;AACT,GAEAkB,IAAexB;"}
+{"version":3,"file":"withGlobalProvider.js","sources":["../../../../src/components/hoc/withGlobalProvider.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { I18nextProvider } from \"react-i18next\";\nimport { HelmetProvider } from \"react-helmet-async\";\n\nimport {\n  HvProvider,\n  HvSnackbarProvider,\n  theme\n} from \"@hitachivantara/uikit-react-core\";\n\nimport React from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\n\nimport GlobalStyles from \"../GlobalStyles\";\nimport AppShellProvider from \"../AppShellProvider/AppShellProvider\";\nimport NavigationProvider from \"../../providers/NavigationProvider\";\nimport createI18Next from \"../../lib/i18n\";\nimport BannerProvider from \"../../providers/BannerProvider\";\nimport LayoutProvider from \"../../providers/LayoutProvider\";\nimport GenericError from \"../../pages/GenericError\";\nimport CustomHooksInitializer from \"../CustomHooksInitializer\";\n\ntype WrappedComponentProps<T extends React.ElementType> = React.ComponentType<\n  React.ComponentProps<T>\n>;\n\nconst snackbarClasses = {\n  containerRoot: css`\n    margin-top: ${theme.header.height};\n  `\n};\n\nconst withGlobalProvider = <T extends React.ElementType>(\n  WrappedComponent: WrappedComponentProps<T>\n) => {\n  const displayName = WrappedComponent.displayName ?? WrappedComponent.name;\n\n  const { i18n } = createI18Next();\n\n  const ComponentWithGlobalProvider = ({\n    ...wrappedProps\n  }: React.ComponentProps<T>) => {\n    return (\n      <HelmetProvider>\n        <HvProvider>\n          <GlobalStyles />\n          <I18nextProvider i18n={i18n}>\n            <ErrorBoundary\n              key=\"general\"\n              fallback={<GenericError fullPage includeFooter={false} />}>\n              <AppShellProvider\n                config={wrappedProps.config}\n                configUrl={wrappedProps.configUrl}>\n                <LayoutProvider>\n                  <HvSnackbarProvider\n                    notistackClassesOverride={snackbarClasses}>\n                    <ErrorBoundary fallback={<GenericError fullPage />}>\n                      <NavigationProvider>\n                        <BannerProvider>\n                          <CustomHooksInitializer />\n                          <WrappedComponent {...wrappedProps} />\n                        </BannerProvider>\n                      </NavigationProvider>\n                    </ErrorBoundary>\n                  </HvSnackbarProvider>\n                </LayoutProvider>\n              </AppShellProvider>\n            </ErrorBoundary>\n          </I18nextProvider>\n        </HvProvider>\n      </HelmetProvider>\n    );\n  };\n\n  ComponentWithGlobalProvider.displayName = `withGlobalProvider(${displayName})`;\n\n  return ComponentWithGlobalProvider;\n};\n\nexport default withGlobalProvider;\n"],"names":["snackbarClasses","containerRoot","css","theme","header","height","process","env","NODE_ENV","withGlobalProvider","WrappedComponent","displayName","name","i18n","createI18Next","ComponentWithGlobalProvider","wrappedProps","jsx","HelmetProvider","jsxs","HvProvider","GlobalStyles","I18nextProvider","ErrorBoundary","GenericError","AppShellProvider","config","configUrl","LayoutProvider","HvSnackbarProvider","NavigationProvider","BannerProvider","CustomHooksInitializer"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAMA,IAAkB;AAAA,EACtBC,eAAkB,gBAAAC,EAAA,eACFC,EAAMC,OAAOC,QAAM,OAAAC,QAAAC,IAAAC,aAAA,eAAA,KAAA,0BAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,y/HAAA;AAErC,GAEMC,IAAqB,CACzBC,MACG;AACGC,QAAAA,IAAcD,EAAiBC,eAAeD,EAAiBE,MAE/D;AAAA,IAAEC,MAAAA;AAAAA,MAASC,EAAc,GAEzBC,IAA8BA,CAAC;AAAA,IACnC,GAAGC;AAAAA,EAAAA,MAGD,gBAAAC,EAACC,GACC,EAAA,UAAA,gBAAAC,EAACC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAY,EAAA;AAAA,sBACZC,GAAgB,EAAA,MAAAT,GACf,UAAC,gBAAAI,EAAAM,GAAA,EAEC,UAAW,gBAAAN,EAAAO,GAAA,EAAa,UAAQ,IAAC,eAAe,GAAM,CAAA,GACtD,4BAACC,GACC,EAAA,QAAQT,EAAaU,QACrB,WAAWV,EAAaW,WACxB,4BAACC,GACC,EAAA,UAAA,gBAAAX,EAACY,GACC,EAAA,0BAA0B7B,GAC1B,UAAC,gBAAAiB,EAAAM,GAAA,EAAc,UAAU,gBAAAN,EAACO,KAAa,UAAQ,GAAA,CAAA,GAC7C,UAAC,gBAAAP,EAAAa,GAAA,EACC,4BAACC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAd,EAACe,GAAsB,EAAA;AAAA,MACvB,gBAAAf,EAACP,GAAiB,EAAA,GAAIM,GAAa;AAAA,IAAA,GACrC,GACF,EACF,CAAA,EACF,CAAA,EACF,CAAA,GACF,EAAA,GAlBI,SAmBN,GACF;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAIwBL,SAAAA,EAAAA,cAAe,sBAAqBA,CAAY,KAErEI;AACT;"}

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

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

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\";\n\nimport {\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 { navigationPopupStyles, StyledHvVerticalNavigation } 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  const closePanelHandler = () => {\n    switchVerticalNavigationMode();\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      <StyledHvVerticalNavigation\n        isCompactMode={isCompactMode}\n        open={isVerticalNavigationExpanded}\n        useIcons\n        slider={isCompactMode}>\n        <HvVerticalNavigationHeader\n          title={t(\"verticalNavigation.title\") ?? \"\"}\n          onCollapseButtonClick={!isCompactMode ? closePanelHandler : undefined}\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: navigationPopupStyles }}\n          sliderForwardButtonAriaLabel={\n            t(\"verticalNavigation.ariaLabelSliderForwardButton\") ?? \"\"\n          }\n        />\n\n        <HvVerticalNavigationActions />\n      </StyledHvVerticalNavigation>\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","closePanelHandler","useEffect","current","firstChild","childNodes","offsetWidth","collapseButtonAriaLabel","jsx","jsxs","StyledHvVerticalNavigation","HvVerticalNavigationHeader","undefined","HvVerticalNavigationTree","navigationPopup","navigationPopupStyles","HvVerticalNavigationActions","withClickAwayListener"],"mappings":";;;;;;;;;AAkBA,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,GAGIiB,IAAoBA,MAAM;AACD,IAAAjB;EAAA;AAG/BkB,EAAAA,EAAU,MAAM;AACR,UAAA;AAAA,MAAEC,SAAAA;AAAAA,IAAYb,IAAAA,GACdc,IAAaD,KAAAA,gBAAAA,EAASE,WAAW;AACnCD,WACFlB,EADEkB,KAAc,CAACtB,IACUsB,EAAWE,cAEX,CAFsB,GAK5C,MAAMpB,EAA2B,CAAC;AAAA,EACxC,GAAA,CAACH,GAAwBD,GAAeI,CAA0B,CAAC;AAEtE,QAAMqB,IACF9B,EAD4Be,IAC1B,yCACA,oCADsC;AAG5C,SACG,gBAAAgB,EAAA,OAAA,EAAI,KAAKlB,GACR,UAAC,gBAAAmB,EAAAC,GAAA,EACC,eAAA5B,GACA,MAAMU,GACN,UAAQ,IACR,QAAQV,GACR,UAAA;AAAA,IAAC,gBAAA0B,EAAAG,GAAA,EACC,OAAOlC,EAAE,0BAA0B,KAAK,IACxC,uBAAwBK,IAAoC8B,SAApBX,GACxC,qBAAqB;AAAA,MACnB,cAAcM;AAAAA,MACd,iBAAiBf;AAAAA,OAEnB,iBAAiB;AAAA,MACf,cACEf,EAAE,8CAA8C,KAAK;AAAA,IAAA,GACvD;AAAA,sBAGHoC,GAEC,EAAA,MAAK,cACL,aAAW,IACX,cAAYpC,EAAE,4CAA4C,KAAK,IAC/D,UAAUE,KAAsB,IAChC,UAAUc,GACV,MAAMZ,GACN,SAAS;AAAA,MAAEiC,iBAAiBC;AAAAA,IAAAA,GAC5B,8BACEtC,EAAE,iDAAiD,KAAK,MATrDG,CAUJ;AAAA,sBAGFoC,GAA2B,EAAA;AAAA,EAAA,EAC9B,CAAA,EACF,CAAA;AAEJ,GAEeC,IAAAA,EAAsBzC,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();\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  const closePanelHandler = () => {\n    switchVerticalNavigationMode();\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={!isCompactMode ? closePanelHandler : undefined}\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","closePanelHandler","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,GAGIiB,IAAoBA,MAAM;AACD,IAAAjB;EAAA;AAG/BkB,EAAAA,EAAU,MAAM;AACR,UAAA;AAAA,MAAEC,SAAAA;AAAAA,IAAYb,IAAAA,GACdc,IAAaD,KAAAA,gBAAAA,EAASE,WAAW;AACnCD,WACFlB,EADEkB,KAAc,CAACtB,IACUsB,EAAWE,cAEX,CAFsB,GAK5C,MAAMpB,EAA2B,CAAC;AAAA,EACxC,GAAA,CAACH,GAAwBD,GAAeI,CAA0B,CAAC;AAEtE,QAAMqB,IACF9B,EAD4Be,IAC1B,yCACA,oCADsC;AAI1C,SAAA,gBAAAgB,EAAC,SAAI,KAAKlB,GACR,4BAACmB,GACC,EAAA,WAAWC,EAAGC,EAAQC,YAAY;AAAA,IAChC,CAACD,EAAQE,iBAAiB,GAAG/B;AAAAA,EAAAA,CAC9B,GACD,MAAMU,GACN,UAAQ,IACR,QAAQV,GACR,UAAA;AAAA,IAAC,gBAAA0B,EAAAM,GAAA,EACC,OAAOrC,EAAE,0BAA0B,KAAK,IACxC,uBAAwBK,IAAoCiC,SAApBd,GACxC,qBAAqB;AAAA,MACnB,cAAcM;AAAAA,MACd,iBAAiBf;AAAAA,OAEnB,iBAAiB;AAAA,MACf,cACEf,EAAE,8CAA8C,KAAK;AAAA,IAAA,GACvD;AAAA,sBAGHuC,GAEC,EAAA,MAAK,cACL,aAAW,IACX,cAAYvC,EAAE,4CAA4C,KAAK,IAC/D,UAAUE,KAAsB,IAChC,UAAUc,GACV,MAAMZ,GACN,SAAS;AAAA,MAAEoC,iBAAiBN,EAAQM;AAAAA,IAAAA,GACpC,8BACExC,EAAE,iDAAiD,KAAK,MATrDG,CAUJ;AAAA,sBAGFsC,GAA2B,EAAA;AAAA,EAAA,EAC9B,CAAA,EACF,CAAA;AAEJ,GAEeC,IAAAA,EAAsB3C,CAAkB;"}

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

@@ -1,21 +1,34 @@
-import l from "@emotion/styled/base";
-import { css as G } from "@emotion/css";
-import { HvVerticalNavigation as W, theme as b, verticalNavigationTreeClasses as d } from "@hitachivantara/uikit-react-core";
-const h = /* @__PURE__ */ l(W, process.env.NODE_ENV === "production" ? {
-  target: "ec8s0yn0"
-} : {
-  target: "ec8s0yn0",
-  label: "StyledHvVerticalNavigation"
-})("height:calc(100vh - ", b.header.height, ");top:", b.header.height, ";z-index:", b.zIndices.overlay, ";position:", (c) => c.isCompactMode ? "fixed" : "sticky", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9WZXJ0aWNhbE5hdmlnYXRpb24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVrQyIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvY29tcG9uZW50cy9sYXlvdXQvVmVydGljYWxOYXZpZ2F0aW9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQge1xuICBIdlZlcnRpY2FsTmF2aWdhdGlvbixcbiAgdGhlbWUsXG4gIHZlcnRpY2FsTmF2aWdhdGlvblRyZWVDbGFzc2VzXG59IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuXG5pbnRlcmZhY2UgU3R5bGVkSHZWZXJ0aWNhbE5hdmlnYXRpb25Qcm9wcyB7XG4gIGlzQ29tcGFjdE1vZGU6IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEh2VmVydGljYWxOYXZpZ2F0aW9uID0gc3R5bGVkKFxuICBIdlZlcnRpY2FsTmF2aWdhdGlvblxuKTxTdHlsZWRIdlZlcnRpY2FsTmF2aWdhdGlvblByb3BzPmBcbiAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSk7XG4gIHRvcDogJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fTtcbiAgei1pbmRleDogJHt0aGVtZS56SW5kaWNlcy5vdmVybGF5fTtcblxuICBwb3NpdGlvbjogJHtwcm9wcyA9PiB7XG4gICAgaWYgKHByb3BzLmlzQ29tcGFjdE1vZGUpIHtcbiAgICAgIHJldHVybiBcImZpeGVkXCI7XG4gICAgfVxuXG4gICAgcmV0dXJuIFwic3RpY2t5XCI7XG4gIH19O1xuYDtcblxuY29uc3QgbmF2aWdhdGlvblBvcHVwU3R5bGVzID0gY3NzKHtcbiAgbWF4SGVpZ2h0OiBgY2FsYygxMDB2aCAtICR7dGhlbWUuaGVhZGVyLmhlaWdodH0pYCxcbiAgb3ZlcmZsb3dZOiBcImF1dG9cIixcbiAgYm94U2hhZG93OiB0aGVtZS5jb2xvcnMuc2hhZG93LFxuICBbYCYgLiR7dmVydGljYWxOYXZpZ2F0aW9uVHJlZUNsYXNzZXMucG9wdXB9YF06IHsgYm94U2hhZG93OiBcIm5vbmVcIiB9XG59KTtcblxuZXhwb3J0IHsgU3R5bGVkSHZWZXJ0aWNhbE5hdmlnYXRpb24sIG5hdmlnYXRpb25Qb3B1cFN0eWxlcyB9O1xuIl19 */")), I = /* @__PURE__ */ G({
-  maxHeight: `calc(100vh - ${b.header.height})`,
-  overflowY: "auto",
-  boxShadow: b.colors.shadow,
-  [`& .${d.popup}`]: {
-    boxShadow: "none"
-  }
-}, process.env.NODE_ENV === "production" ? "" : ";label:navigationPopupStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9WZXJ0aWNhbE5hdmlnYXRpb24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCOEIiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL2NvbXBvbmVudHMvbGF5b3V0L1ZlcnRpY2FsTmF2aWdhdGlvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHtcbiAgSHZWZXJ0aWNhbE5hdmlnYXRpb24sXG4gIHRoZW1lLFxuICB2ZXJ0aWNhbE5hdmlnYXRpb25UcmVlQ2xhc3Nlc1xufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcblxuaW50ZXJmYWNlIFN0eWxlZEh2VmVydGljYWxOYXZpZ2F0aW9uUHJvcHMge1xuICBpc0NvbXBhY3RNb2RlOiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRIdlZlcnRpY2FsTmF2aWdhdGlvbiA9IHN0eWxlZChcbiAgSHZWZXJ0aWNhbE5hdmlnYXRpb25cbik8U3R5bGVkSHZWZXJ0aWNhbE5hdmlnYXRpb25Qcm9wcz5gXG4gIGhlaWdodDogY2FsYygxMDB2aCAtICR7dGhlbWUuaGVhZGVyLmhlaWdodH0pO1xuICB0b3A6ICR7dGhlbWUuaGVhZGVyLmhlaWdodH07XG4gIHotaW5kZXg6ICR7dGhlbWUuekluZGljZXMub3ZlcmxheX07XG5cbiAgcG9zaXRpb246ICR7cHJvcHMgPT4ge1xuICAgIGlmIChwcm9wcy5pc0NvbXBhY3RNb2RlKSB7XG4gICAgICByZXR1cm4gXCJmaXhlZFwiO1xuICAgIH1cblxuICAgIHJldHVybiBcInN0aWNreVwiO1xuICB9fTtcbmA7XG5cbmNvbnN0IG5hdmlnYXRpb25Qb3B1cFN0eWxlcyA9IGNzcyh7XG4gIG1heEhlaWdodDogYGNhbGMoMTAwdmggLSAke3RoZW1lLmhlYWRlci5oZWlnaHR9KWAsXG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgW2AmIC4ke3ZlcnRpY2FsTmF2aWdhdGlvblRyZWVDbGFzc2VzLnBvcHVwfWBdOiB7IGJveFNoYWRvdzogXCJub25lXCIgfVxufSk7XG5cbmV4cG9ydCB7IFN0eWxlZEh2VmVydGljYWxOYXZpZ2F0aW9uLCBuYXZpZ2F0aW9uUG9wdXBTdHlsZXMgfTtcbiJdfQ== */");
+import { css as c } from "@emotion/css";
+import { theme as b, verticalNavigationTreeClasses as a } from "@hitachivantara/uikit-react-core";
+function l() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const G = {
+  navigation: /* @__PURE__ */ c({
+    height: `calc(100vh - ${b.header.height})`,
+    top: b.header.height,
+    zIndex: b.zIndices.overlay,
+    position: "sticky"
+  }, process.env.NODE_ENV === "production" ? "" : ";label:navigation;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9WZXJ0aWNhbE5hdmlnYXRpb24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9jIiwiZmlsZSI6Ii9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9WZXJ0aWNhbE5hdmlnYXRpb24vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHtcbiAgdGhlbWUsXG4gIHZlcnRpY2FsTmF2aWdhdGlvblRyZWVDbGFzc2VzXG59IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuXG5leHBvcnQgY29uc3QgY2xhc3NlcyA9IHtcbiAgbmF2aWdhdGlvbjogY3NzKHtcbiAgICBoZWlnaHQ6IGBjYWxjKDEwMHZoIC0gJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSlgLFxuICAgIHRvcDogdGhlbWUuaGVhZGVyLmhlaWdodCxcbiAgICB6SW5kZXg6IHRoZW1lLnpJbmRpY2VzLm92ZXJsYXksXG4gICAgcG9zaXRpb246IFwic3RpY2t5XCJcbiAgfSksXG4gIG5hdmlnYXRpb25Db21wYWN0OiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcImZpeGVkXCJcbiAgfSksXG4gIG5hdmlnYXRpb25Qb3B1cDogY3NzKHtcbiAgICBtYXhIZWlnaHQ6IGBjYWxjKDEwMHZoIC0gJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSlgLFxuICAgIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gICAgYm94U2hhZG93OiB0aGVtZS5jb2xvcnMuc2hhZG93LFxuICAgIFtgJiAuJHt2ZXJ0aWNhbE5hdmlnYXRpb25UcmVlQ2xhc3Nlcy5wb3B1cH1gXTogeyBib3hTaGFkb3c6IFwibm9uZVwiIH1cbiAgfSlcbn07XG4iXX0= */"),
+  navigationCompact: /* @__PURE__ */ c(process.env.NODE_ENV === "production" ? {
+    name: "duudsh",
+    styles: "position:fixed"
+  } : {
+    name: "vmndjy-navigationCompact",
+    styles: "position:fixed;label:navigationCompact;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9WZXJ0aWNhbE5hdmlnYXRpb24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvY29tcG9uZW50cy9sYXlvdXQvVmVydGljYWxOYXZpZ2F0aW9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7XG4gIHRoZW1lLFxuICB2ZXJ0aWNhbE5hdmlnYXRpb25UcmVlQ2xhc3Nlc1xufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcblxuZXhwb3J0IGNvbnN0IGNsYXNzZXMgPSB7XG4gIG5hdmlnYXRpb246IGNzcyh7XG4gICAgaGVpZ2h0OiBgY2FsYygxMDB2aCAtICR7dGhlbWUuaGVhZGVyLmhlaWdodH0pYCxcbiAgICB0b3A6IHRoZW1lLmhlYWRlci5oZWlnaHQsXG4gICAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5vdmVybGF5LFxuICAgIHBvc2l0aW9uOiBcInN0aWNreVwiXG4gIH0pLFxuICBuYXZpZ2F0aW9uQ29tcGFjdDogY3NzKHtcbiAgICBwb3NpdGlvbjogXCJmaXhlZFwiXG4gIH0pLFxuICBuYXZpZ2F0aW9uUG9wdXA6IGNzcyh7XG4gICAgbWF4SGVpZ2h0OiBgY2FsYygxMDB2aCAtICR7dGhlbWUuaGVhZGVyLmhlaWdodH0pYCxcbiAgICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICAgIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgICBbYCYgLiR7dmVydGljYWxOYXZpZ2F0aW9uVHJlZUNsYXNzZXMucG9wdXB9YF06IHsgYm94U2hhZG93OiBcIm5vbmVcIiB9XG4gIH0pXG59O1xuIl19 */",
+    toString: l
+  }),
+  navigationPopup: /* @__PURE__ */ c({
+    maxHeight: `calc(100vh - ${b.header.height})`,
+    overflowY: "auto",
+    boxShadow: b.colors.shadow,
+    [`& .${a.popup}`]: {
+      boxShadow: "none"
+    }
+  }, process.env.NODE_ENV === "production" ? "" : ";label:navigationPopup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9WZXJ0aWNhbE5hdmlnYXRpb24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCbUIiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL2NvbXBvbmVudHMvbGF5b3V0L1ZlcnRpY2FsTmF2aWdhdGlvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQge1xuICB0aGVtZSxcbiAgdmVydGljYWxOYXZpZ2F0aW9uVHJlZUNsYXNzZXNcbn0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5cbmV4cG9ydCBjb25zdCBjbGFzc2VzID0ge1xuICBuYXZpZ2F0aW9uOiBjc3Moe1xuICAgIGhlaWdodDogYGNhbGMoMTAwdmggLSAke3RoZW1lLmhlYWRlci5oZWlnaHR9KWAsXG4gICAgdG9wOiB0aGVtZS5oZWFkZXIuaGVpZ2h0LFxuICAgIHpJbmRleDogdGhlbWUuekluZGljZXMub3ZlcmxheSxcbiAgICBwb3NpdGlvbjogXCJzdGlja3lcIlxuICB9KSxcbiAgbmF2aWdhdGlvbkNvbXBhY3Q6IGNzcyh7XG4gICAgcG9zaXRpb246IFwiZml4ZWRcIlxuICB9KSxcbiAgbmF2aWdhdGlvblBvcHVwOiBjc3Moe1xuICAgIG1heEhlaWdodDogYGNhbGMoMTAwdmggLSAke3RoZW1lLmhlYWRlci5oZWlnaHR9KWAsXG4gICAgb3ZlcmZsb3dZOiBcImF1dG9cIixcbiAgICBib3hTaGFkb3c6IHRoZW1lLmNvbG9ycy5zaGFkb3csXG4gICAgW2AmIC4ke3ZlcnRpY2FsTmF2aWdhdGlvblRyZWVDbGFzc2VzLnBvcHVwfWBdOiB7IGJveFNoYWRvdzogXCJub25lXCIgfVxuICB9KVxufTtcbiJdfQ== */")
+};
 export {
-  h as StyledHvVerticalNavigation,
-  I as navigationPopupStyles
+  G as classes
 };
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/layout/VerticalNavigation/styles.ts"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport styled from \"@emotion/styled\";\n\nimport {\n  HvVerticalNavigation,\n  theme,\n  verticalNavigationTreeClasses\n} from \"@hitachivantara/uikit-react-core\";\n\ninterface StyledHvVerticalNavigationProps {\n  isCompactMode: boolean;\n}\n\nconst StyledHvVerticalNavigation = styled(\n  HvVerticalNavigation\n)<StyledHvVerticalNavigationProps>`\n  height: calc(100vh - ${theme.header.height});\n  top: ${theme.header.height};\n  z-index: ${theme.zIndices.overlay};\n\n  position: ${props => {\n    if (props.isCompactMode) {\n      return \"fixed\";\n    }\n\n    return \"sticky\";\n  }};\n`;\n\nconst navigationPopupStyles = css({\n  maxHeight: `calc(100vh - ${theme.header.height})`,\n  overflowY: \"auto\",\n  boxShadow: theme.colors.shadow,\n  [`& .${verticalNavigationTreeClasses.popup}`]: { boxShadow: \"none\" }\n});\n\nexport { StyledHvVerticalNavigation, navigationPopupStyles };\n"],"names":["StyledHvVerticalNavigation","HvVerticalNavigation","process","env","NODE_ENV","target","label","theme","header","height","zIndices","overlay","props","isCompactMode","navigationPopupStyles","css","maxHeight","overflowY","boxShadow","colors","shadow","verticalNavigationTreeClasses","popup"],"mappings":";;;AAaA,MAAMA,IACJC,gBAAAA,EAAAA,GAAoBC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CACtB,0BACyBC,EAAMC,OAAOC,kBAC7BF,EAAMC,OAAOC,qBACTF,EAAMG,SAASC,SAEdC,cAAAA,CAASA,MACfA,EAAMC,gBACD,UAGF,iBACRX,QAAAC,IAAAC,aACF,eAAA,KAAA,ksDAAA,GAEKU,IAA4B,gBAAAC,EAAA;AAAA,EAChCC,WAAY,gBAAeT,EAAMC,OAAOC,MAAO;AAAA,EAC/CQ,WAAW;AAAA,EACXC,WAAWX,EAAMY,OAAOC;AAAAA,EACxB,CAAE,MAAKC,EAA8BC,KAAM,EAAC,GAAG;AAAA,IAAEJ,WAAW;AAAA,EAAO;AACrE,GAAChB,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,iCAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,qsDAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/layout/VerticalNavigation/styles.ts"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport {\n  theme,\n  verticalNavigationTreeClasses\n} from \"@hitachivantara/uikit-react-core\";\n\nexport const classes = {\n  navigation: css({\n    height: `calc(100vh - ${theme.header.height})`,\n    top: theme.header.height,\n    zIndex: theme.zIndices.overlay,\n    position: \"sticky\"\n  }),\n  navigationCompact: css({\n    position: \"fixed\"\n  }),\n  navigationPopup: css({\n    maxHeight: `calc(100vh - ${theme.header.height})`,\n    overflowY: \"auto\",\n    boxShadow: theme.colors.shadow,\n    [`& .${verticalNavigationTreeClasses.popup}`]: { boxShadow: \"none\" }\n  })\n};\n"],"names":["classes","navigation","css","height","theme","header","top","zIndex","zIndices","overlay","position","process","env","NODE_ENV","navigationCompact","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","navigationPopup","maxHeight","overflowY","boxShadow","colors","shadow","verticalNavigationTreeClasses","popup"],"mappings":";;;;;AAMO,MAAMA,IAAU;AAAA,EACrBC,YAAgB,gBAAAC,EAAA;AAAA,IACdC,QAAS,gBAAeC,EAAMC,OAAOF,MAAO;AAAA,IAC5CG,KAAKF,EAAMC,OAAOF;AAAAA,IAClBI,QAAQH,EAAMI,SAASC;AAAAA,IACvBC,UAAU;AAAA,EACXC,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,sBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,6yCAAA;AAAA,EACFC,mBAAmBZ,gBAAAA,EAAGS,QAAAC,IAAAC,aAAA,eAAA;AAAA,IAAAE,MAAA;AAAA,IAAAC,QAAA;AAAA,EAAA,IAAA;AAAA,IAAAD,MAAA;AAAA,IAAAC,QAAA;AAAA,IAAAC,KAAA;AAAA,IAAAC,UAAAC;AAAAA,EAAAA,CAErB;AAAA,EACDC,iBAAqB,gBAAAlB,EAAA;AAAA,IACnBmB,WAAY,gBAAejB,EAAMC,OAAOF,MAAO;AAAA,IAC/CmB,WAAW;AAAA,IACXC,WAAWnB,EAAMoB,OAAOC;AAAAA,IACxB,CAAE,MAAKC,EAA8BC,KAAM,EAAC,GAAG;AAAA,MAAEJ,WAAW;AAAA,IAAO;AAAA,EACpEZ,GAAAA,QAAAC,IAAAC,aAAA,eAAA,KAAA,2BAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,izCAAA;AACH;"}

package/dist/esm/lib/hooks/useClearLocationState.js

@@ -1,10 +1,10 @@
 import { useCallback as a } from "react";
 import { useLocation as e, useBeforeUnload as r } from "react-router-dom";
-import { useHvNavigation as n } from "@hitachivantara/app-shell-navigation";
-const s = () => {
+import { useHvNavigation as i } from "@hitachivantara/app-shell-navigation";
+const l = () => {
   const o = e(), {
     navigate: t
-  } = n();
+  } = i();
   r(a(() => {
     t({
       ...o
@@ -12,8 +12,8 @@ const s = () => {
       replace: !0
     });
   }, [o, t]));
-}, u = s;
+};
 export {
-  u as default
+  l as default
 };
 //# sourceMappingURL=useClearLocationState.js.map

package/dist/esm/lib/hooks/useClearLocationState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClearLocationState.js","sources":["../../../../src/lib/hooks/useClearLocationState.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useBeforeUnload, useLocation } from \"react-router-dom\";\n\nimport { useHvNavigation } from \"@hitachivantara/app-shell-navigation\";\n\nconst useClearLocationState = () => {\n  const location = useLocation();\n  const { navigate } = useHvNavigation();\n\n  // This will only be called when the user reloads the page or navigates away from the app and is required when\n  // the configuration changes (refresh is mandatory) so that useLocation `state` property is reset.\n  useBeforeUnload(\n    useCallback(() => {\n      navigate({ ...location }, { replace: true });\n    }, [location, navigate])\n  );\n};\n\nexport default useClearLocationState;\n"],"names":["useClearLocationState","location","useLocation","navigate","useHvNavigation","useBeforeUnload","useCallback","replace","useClearLocationState$1"],"mappings":";;;AAKA,MAAMA,IAAwBA,MAAM;AAClC,QAAMC,IAAWC,KACX;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAgB;AAIrCC,EAAAA,EACEC,EAAY,MAAM;AACP,IAAAH,EAAA;AAAA,MAAE,GAAGF;AAAAA,IAAAA,GAAY;AAAA,MAAEM,SAAS;AAAA,IAAA,CAAM;AAAA,EAC1C,GAAA,CAACN,GAAUE,CAAQ,CAAC,CACzB;AACF,GAEAK,IAAeR;"}
+{"version":3,"file":"useClearLocationState.js","sources":["../../../../src/lib/hooks/useClearLocationState.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useBeforeUnload, useLocation } from \"react-router-dom\";\n\nimport { useHvNavigation } from \"@hitachivantara/app-shell-navigation\";\n\nconst useClearLocationState = () => {\n  const location = useLocation();\n  const { navigate } = useHvNavigation();\n\n  // This will only be called when the user reloads the page or navigates away from the app and is required when\n  // the configuration changes (refresh is mandatory) so that useLocation `state` property is reset.\n  useBeforeUnload(\n    useCallback(() => {\n      navigate({ ...location }, { replace: true });\n    }, [location, navigate])\n  );\n};\n\nexport default useClearLocationState;\n"],"names":["useClearLocationState","location","useLocation","navigate","useHvNavigation","useBeforeUnload","useCallback","replace"],"mappings":";;;AAKA,MAAMA,IAAwBA,MAAM;AAClC,QAAMC,IAAWC,KACX;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAgB;AAIrCC,EAAAA,EACEC,EAAY,MAAM;AACP,IAAAH,EAAA;AAAA,MAAE,GAAGF;AAAAA,IAAAA,GAAY;AAAA,MAAEM,SAAS;AAAA,IAAA,CAAM;AAAA,EAC1C,GAAA,CAACN,GAAUE,CAAQ,CAAC,CACzB;AACF;"}

package/dist/esm/lib/hooks/useCustomEventListener.js

@@ -2,7 +2,7 @@ import { useEffect as o } from "react";
 import { HvAppShellEventNotificationTrigger as n, HvAppShellEventThemeTrigger as i } from "@hitachivantara/app-shell-events";
 import r from "./useNotificationsEventListener.js";
 import s from "./useThemeEventListener.js";
-const v = () => {
+const E = () => {
   const {
     handleNotificationEvent: e
   } = r(), {
@@ -11,8 +11,8 @@ const v = () => {
   o(() => (globalThis.addEventListener(n, e), globalThis.addEventListener(i, t), () => {
     globalThis.removeEventListener(n, e), globalThis.removeEventListener(i, t);
   }), [e, t]);
-}, h = v;
+};
 export {
-  h as default
+  E as default
 };
 //# sourceMappingURL=useCustomEventListener.js.map

package/dist/esm/lib/hooks/useCustomEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomEventListener.js","sources":["../../../../src/lib/hooks/useCustomEventListener.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport {\n  HvAppShellEventThemeTrigger,\n  HvAppShellEventNotificationTrigger\n} from \"@hitachivantara/app-shell-events\";\nimport useNotificationsEventListener from \"./useNotificationsEventListener\";\nimport useThemeEventListener from \"./useThemeEventListener\";\n\nconst useCustomEventListener = () => {\n  const { handleNotificationEvent } = useNotificationsEventListener();\n  const { handleThemeEvent } = useThemeEventListener();\n\n  useEffect(() => {\n    globalThis.addEventListener(\n      HvAppShellEventNotificationTrigger,\n      handleNotificationEvent as EventListener\n    );\n    globalThis.addEventListener(\n      HvAppShellEventThemeTrigger,\n      handleThemeEvent as EventListener\n    );\n\n    return () => {\n      globalThis.removeEventListener(\n        HvAppShellEventNotificationTrigger,\n        handleNotificationEvent as EventListener\n      );\n      globalThis.removeEventListener(\n        HvAppShellEventThemeTrigger,\n        handleThemeEvent as EventListener\n      );\n    };\n  }, [handleNotificationEvent, handleThemeEvent]);\n};\n\nexport default useCustomEventListener;\n"],"names":["useCustomEventListener","handleNotificationEvent","useNotificationsEventListener","handleThemeEvent","useThemeEventListener","useEffect","addEventListener","HvAppShellEventNotificationTrigger","HvAppShellEventThemeTrigger","removeEventListener","useCustomEventListener$1"],"mappings":";;;;AAQA,MAAMA,IAAyBA,MAAM;AAC7B,QAAA;AAAA,IAAEC,yBAAAA;AAAAA,MAA4BC,EAA8B,GAC5D;AAAA,IAAEC,kBAAAA;AAAAA,MAAqBC,EAAsB;AAEnDC,EAAAA,EAAU,OACGC,WAAAA,iBACTC,GACAN,CACF,GACWK,WAAAA,iBACTE,GACAL,CACF,GAEO,MAAM;AACAM,eAAAA,oBACTF,GACAN,CACF,GACWQ,WAAAA,oBACTD,GACAL,CACF;AAAA,EAAA,IAED,CAACF,GAAyBE,CAAgB,CAAC;AAChD,GAEAO,IAAeV;"}
+{"version":3,"file":"useCustomEventListener.js","sources":["../../../../src/lib/hooks/useCustomEventListener.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport {\n  HvAppShellEventThemeTrigger,\n  HvAppShellEventNotificationTrigger\n} from \"@hitachivantara/app-shell-events\";\nimport useNotificationsEventListener from \"./useNotificationsEventListener\";\nimport useThemeEventListener from \"./useThemeEventListener\";\n\nconst useCustomEventListener = () => {\n  const { handleNotificationEvent } = useNotificationsEventListener();\n  const { handleThemeEvent } = useThemeEventListener();\n\n  useEffect(() => {\n    globalThis.addEventListener(\n      HvAppShellEventNotificationTrigger,\n      handleNotificationEvent as EventListener\n    );\n    globalThis.addEventListener(\n      HvAppShellEventThemeTrigger,\n      handleThemeEvent as EventListener\n    );\n\n    return () => {\n      globalThis.removeEventListener(\n        HvAppShellEventNotificationTrigger,\n        handleNotificationEvent as EventListener\n      );\n      globalThis.removeEventListener(\n        HvAppShellEventThemeTrigger,\n        handleThemeEvent as EventListener\n      );\n    };\n  }, [handleNotificationEvent, handleThemeEvent]);\n};\n\nexport default useCustomEventListener;\n"],"names":["useCustomEventListener","handleNotificationEvent","useNotificationsEventListener","handleThemeEvent","useThemeEventListener","useEffect","addEventListener","HvAppShellEventNotificationTrigger","HvAppShellEventThemeTrigger","removeEventListener"],"mappings":";;;;AAQA,MAAMA,IAAyBA,MAAM;AAC7B,QAAA;AAAA,IAAEC,yBAAAA;AAAAA,MAA4BC,EAA8B,GAC5D;AAAA,IAAEC,kBAAAA;AAAAA,MAAqBC,EAAsB;AAEnDC,EAAAA,EAAU,OACGC,WAAAA,iBACTC,GACAN,CACF,GACWK,WAAAA,iBACTE,GACAL,CACF,GAEO,MAAM;AACAM,eAAAA,oBACTF,GACAN,CACF,GACWQ,WAAAA,oBACTD,GACAL,CACF;AAAA,EAAA,IAED,CAACF,GAAyBE,CAAgB,CAAC;AAChD;"}

package/dist/esm/lib/hooks/useLocalStorage.js

@@ -1,11 +1,11 @@
-import { useState as n, useEffect as c } from "react";
-const g = {
+import { useState as n, useEffect as l } from "react";
+const u = {
   COLOR_MODE: "hv/user-preferences/color-mode"
-}, l = (e) => {
+}, d = (e) => {
   const [r, a] = n(() => localStorage.getItem(e)), s = (t) => {
     localStorage.setItem(e, t);
   };
-  return c(() => {
+  return l(() => {
     const t = (o) => {
       o.key === e && a(o.newValue);
     };
@@ -16,9 +16,9 @@ const g = {
     value: r,
     setStoredValue: s
   };
-}, S = l;
+};
 export {
-  g as LOCAL_STORAGE_KEYS,
-  S as default
+  u as LOCAL_STORAGE_KEYS,
+  d as default
 };
 //# sourceMappingURL=useLocalStorage.js.map

package/dist/esm/lib/hooks/useLocalStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorage.js","sources":["../../../../src/lib/hooks/useLocalStorage.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const LOCAL_STORAGE_KEYS = {\n  COLOR_MODE: \"hv/user-preferences/color-mode\"\n};\n\nconst useLocalStorage = (key: string) => {\n  const [value, setValue] = useState(() => localStorage.getItem(key));\n\n  const setStoredValue = (newValue: string) => {\n    localStorage.setItem(key, newValue);\n  };\n\n  useEffect(() => {\n    const handleStorageChange = (event: StorageEvent) => {\n      if (event.key === key) {\n        setValue(event.newValue);\n      }\n    };\n\n    window.addEventListener(\"storage\", handleStorageChange);\n\n    return () => {\n      window.removeEventListener(\"storage\", handleStorageChange);\n    };\n  }, [key]);\n\n  return { value, setStoredValue };\n};\n\nexport default useLocalStorage;\n"],"names":["LOCAL_STORAGE_KEYS","COLOR_MODE","useLocalStorage","key","value","setValue","useState","localStorage","getItem","setStoredValue","newValue","setItem","useEffect","handleStorageChange","event","addEventListener","removeEventListener","useLocalStorage$1"],"mappings":";AAEO,MAAMA,IAAqB;AAAA,EAChCC,YAAY;AACd,GAEMC,IAAkBA,CAACC,MAAgB;AACjC,QAAA,CAACC,GAAOC,CAAQ,IAAIC,EAAS,MAAMC,aAAaC,QAAQL,CAAG,CAAC,GAE5DM,IAAiBA,CAACC,MAAqB;AAC9BC,iBAAAA,QAAQR,GAAKO,CAAQ;AAAA,EAAA;AAGpCE,SAAAA,EAAU,MAAM;AACRC,UAAAA,IAAsBA,CAACC,MAAwB;AAC/CA,MAAAA,EAAMX,QAAQA,KAChBE,EAASS,EAAMJ,QAAQ;AAAA,IACzB;AAGKK,kBAAAA,iBAAiB,WAAWF,CAAmB,GAE/C,MAAM;AACJG,aAAAA,oBAAoB,WAAWH,CAAmB;AAAA,IAAA;AAAA,EAC3D,GACC,CAACV,CAAG,CAAC,GAED;AAAA,IAAEC,OAAAA;AAAAA,IAAOK,gBAAAA;AAAAA,EAAAA;AAClB,GAEAQ,IAAef;"}
+{"version":3,"file":"useLocalStorage.js","sources":["../../../../src/lib/hooks/useLocalStorage.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const LOCAL_STORAGE_KEYS = {\n  COLOR_MODE: \"hv/user-preferences/color-mode\"\n};\n\nconst useLocalStorage = (key: string) => {\n  const [value, setValue] = useState(() => localStorage.getItem(key));\n\n  const setStoredValue = (newValue: string) => {\n    localStorage.setItem(key, newValue);\n  };\n\n  useEffect(() => {\n    const handleStorageChange = (event: StorageEvent) => {\n      if (event.key === key) {\n        setValue(event.newValue);\n      }\n    };\n\n    window.addEventListener(\"storage\", handleStorageChange);\n\n    return () => {\n      window.removeEventListener(\"storage\", handleStorageChange);\n    };\n  }, [key]);\n\n  return { value, setStoredValue };\n};\n\nexport default useLocalStorage;\n"],"names":["LOCAL_STORAGE_KEYS","COLOR_MODE","useLocalStorage","key","value","setValue","useState","localStorage","getItem","setStoredValue","newValue","setItem","useEffect","handleStorageChange","event","addEventListener","removeEventListener"],"mappings":";AAEO,MAAMA,IAAqB;AAAA,EAChCC,YAAY;AACd,GAEMC,IAAkBA,CAACC,MAAgB;AACjC,QAAA,CAACC,GAAOC,CAAQ,IAAIC,EAAS,MAAMC,aAAaC,QAAQL,CAAG,CAAC,GAE5DM,IAAiBA,CAACC,MAAqB;AAC9BC,iBAAAA,QAAQR,GAAKO,CAAQ;AAAA,EAAA;AAGpCE,SAAAA,EAAU,MAAM;AACRC,UAAAA,IAAsBA,CAACC,MAAwB;AAC/CA,MAAAA,EAAMX,QAAQA,KAChBE,EAASS,EAAMJ,QAAQ;AAAA,IACzB;AAGKK,kBAAAA,iBAAiB,WAAWF,CAAmB,GAE/C,MAAM;AACJG,aAAAA,oBAAoB,WAAWH,CAAmB;AAAA,IAAA;AAAA,EAC3D,GACC,CAACV,CAAG,CAAC,GAED;AAAA,IAAEC,OAAAA;AAAAA,IAAOK,gBAAAA;AAAAA,EAAAA;AAClB;"}

package/dist/esm/lib/hooks/useNavigationMenuItems.js

@@ -1,12 +1,12 @@
-import { useContext as c, useMemo as f, useEffect as g } from "react";
-import { useLocation as p } from "react-router-dom";
+import { useContext as c, useMemo as f, useEffect as p } from "react";
+import { useLocation as g } from "react-router-dom";
 import { useHvAppShellConfig as v, HvAppShellRuntimeContext as M, CONFIG_TRANSLATIONS_NAMESPACE as I, useHvMenuItems as N } from "@hitachivantara/app-shell-shared";
 import { useHvNavigation as d } from "@hitachivantara/app-shell-navigation";
 import { createNavigationMenuItems as l } from "../utils/navigationUtil.js";
-const A = 2, T = () => {
+const A = 2, H = () => {
   const {
     pathname: s
-  } = p(), {
+  } = g(), {
     navigationMode: m
   } = v(), {
     navigate: i
@@ -18,7 +18,7 @@ const A = 2, T = () => {
     selectedMenuItemId: n,
     rootMenuItemId: u
   } = N(), r = l(a, t, m === "ONLY_TOP" ? A : void 0);
-  return g(() => {
+  return p(() => {
     var o;
     !n && s === "/" && ((o = t[0]) != null && o.href) && i(t[0].href);
   }, [s, t, i, n]), {
@@ -26,8 +26,8 @@ const A = 2, T = () => {
     selectedMenuItemId: n,
     rootMenuItemId: u
   };
-}, O = T;
+};
 export {
-  O as default
+  H as default
 };
 //# sourceMappingURL=useNavigationMenuItems.js.map

package/dist/esm/lib/hooks/useNavigationMenuItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNavigationMenuItems.js","sources":["../../../../src/lib/hooks/useNavigationMenuItems.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nimport {\n  CONFIG_TRANSLATIONS_NAMESPACE,\n  HvAppShellRuntimeContext,\n  useHvAppShellConfig,\n  useHvMenuItems\n} from \"@hitachivantara/app-shell-shared\";\nimport { useHvNavigation } from \"@hitachivantara/app-shell-navigation\";\n\nimport { createNavigationMenuItems } from \"../utils/navigationUtil\";\nimport { MenuItemsContext } from \"../types\";\n\nconst MAX_TOP_MENU_DEPTH = 2;\n\nconst useNavigationMenuItems = (): MenuItemsContext => {\n  // use the i18n instance from the app shell runtime context to ensure we're using\n  // the app shell instance of i18n and not the one from the embedded app\n  const { pathname } = useLocation();\n  const { navigationMode } = useHvAppShellConfig();\n  const { navigate } = useHvNavigation();\n  const { i18n } = useContext(HvAppShellRuntimeContext) ?? {};\n  const tConfig = useMemo(\n    () =>\n      i18n?.getFixedT(i18n.language, CONFIG_TRANSLATIONS_NAMESPACE) ??\n      // should not happen, but fallback if the i18n instance is not available\n      ((l: string) => l),\n    [i18n]\n  );\n\n  const { items, selectedMenuItemId, rootMenuItemId } = useHvMenuItems();\n  const navigationMenuItemsTmp = createNavigationMenuItems(\n    tConfig,\n    items,\n    navigationMode === \"ONLY_TOP\" ? MAX_TOP_MENU_DEPTH : undefined\n  );\n  useEffect(() => {\n    // First render (or a refresh) without written user url, then navigate to the first menu item\n    if (!selectedMenuItemId && pathname === \"/\" && items[0]?.href) {\n      navigate(items[0].href);\n    }\n  }, [pathname, items, navigate, selectedMenuItemId]);\n  return {\n    items: navigationMenuItemsTmp,\n    selectedMenuItemId,\n    rootMenuItemId\n  };\n};\n\nexport default useNavigationMenuItems;\n"],"names":["MAX_TOP_MENU_DEPTH","useNavigationMenuItems","pathname","useLocation","navigationMode","useHvAppShellConfig","navigate","useHvNavigation","i18n","useContext","HvAppShellRuntimeContext","tConfig","useMemo","getFixedT","language","CONFIG_TRANSLATIONS_NAMESPACE","l","items","selectedMenuItemId","rootMenuItemId","useHvMenuItems","navigationMenuItemsTmp","createNavigationMenuItems","undefined","useEffect","href","useNavigationMenuItems$1"],"mappings":";;;;;AAcA,MAAMA,IAAqB,GAErBC,IAAyBA,MAAwB;AAG/C,QAAA;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAY,GAC3B;AAAA,IAAEC,gBAAAA;AAAAA,MAAmBC,EAAoB,GACzC;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAgB,GAC/B;AAAA,IAAEC,MAAAA;AAAAA,EAAAA,IAASC,EAAWC,CAAwB,KAAK,IACnDC,IAAUC,EACd,OACEJ,KAAAA,gBAAAA,EAAMK,UAAUL,EAAKM,UAAUC;AAAAA,GAE9B,CAACC,MAAcA,IAClB,CAACR,CAAI,CACP,GAEM;AAAA,IAAES,OAAAA;AAAAA,IAAOC,oBAAAA;AAAAA,IAAoBC,gBAAAA;AAAAA,MAAmBC,EAAe,GAC/DC,IAAyBC,EAC7BX,GACAM,GACAb,MAAmB,aAAaJ,IAAqBuB,MACvD;AACAC,SAAAA,EAAU,MAAM;;AAEd,IAAI,CAACN,KAAsBhB,MAAa,SAAOe,IAAAA,EAAM,CAAC,MAAPA,QAAAA,EAAUQ,SAC9CR,EAAAA,EAAM,CAAC,EAAEQ,IAAI;AAAA,KAEvB,CAACvB,GAAUe,GAAOX,GAAUY,CAAkB,CAAC,GAC3C;AAAA,IACLD,OAAOI;AAAAA,IACPH,oBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EAAAA;AAEJ,GAEAO,IAAezB;"}
+{"version":3,"file":"useNavigationMenuItems.js","sources":["../../../../src/lib/hooks/useNavigationMenuItems.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nimport {\n  CONFIG_TRANSLATIONS_NAMESPACE,\n  HvAppShellRuntimeContext,\n  useHvAppShellConfig,\n  useHvMenuItems\n} from \"@hitachivantara/app-shell-shared\";\nimport { useHvNavigation } from \"@hitachivantara/app-shell-navigation\";\n\nimport { createNavigationMenuItems } from \"../utils/navigationUtil\";\nimport { MenuItemsContext } from \"../types\";\n\nconst MAX_TOP_MENU_DEPTH = 2;\n\nconst useNavigationMenuItems = (): MenuItemsContext => {\n  // use the i18n instance from the app shell runtime context to ensure we're using\n  // the app shell instance of i18n and not the one from the embedded app\n  const { pathname } = useLocation();\n  const { navigationMode } = useHvAppShellConfig();\n  const { navigate } = useHvNavigation();\n  const { i18n } = useContext(HvAppShellRuntimeContext) ?? {};\n  const tConfig = useMemo(\n    () =>\n      i18n?.getFixedT(i18n.language, CONFIG_TRANSLATIONS_NAMESPACE) ??\n      // should not happen, but fallback if the i18n instance is not available\n      ((l: string) => l),\n    [i18n]\n  );\n\n  const { items, selectedMenuItemId, rootMenuItemId } = useHvMenuItems();\n  const navigationMenuItemsTmp = createNavigationMenuItems(\n    tConfig,\n    items,\n    navigationMode === \"ONLY_TOP\" ? MAX_TOP_MENU_DEPTH : undefined\n  );\n  useEffect(() => {\n    // First render (or a refresh) without written user url, then navigate to the first menu item\n    if (!selectedMenuItemId && pathname === \"/\" && items[0]?.href) {\n      navigate(items[0].href);\n    }\n  }, [pathname, items, navigate, selectedMenuItemId]);\n  return {\n    items: navigationMenuItemsTmp,\n    selectedMenuItemId,\n    rootMenuItemId\n  };\n};\n\nexport default useNavigationMenuItems;\n"],"names":["MAX_TOP_MENU_DEPTH","useNavigationMenuItems","pathname","useLocation","navigationMode","useHvAppShellConfig","navigate","useHvNavigation","i18n","useContext","HvAppShellRuntimeContext","tConfig","useMemo","getFixedT","language","CONFIG_TRANSLATIONS_NAMESPACE","l","items","selectedMenuItemId","rootMenuItemId","useHvMenuItems","navigationMenuItemsTmp","createNavigationMenuItems","undefined","useEffect","href"],"mappings":";;;;;AAcA,MAAMA,IAAqB,GAErBC,IAAyBA,MAAwB;AAG/C,QAAA;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAY,GAC3B;AAAA,IAAEC,gBAAAA;AAAAA,MAAmBC,EAAoB,GACzC;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAgB,GAC/B;AAAA,IAAEC,MAAAA;AAAAA,EAAAA,IAASC,EAAWC,CAAwB,KAAK,IACnDC,IAAUC,EACd,OACEJ,KAAAA,gBAAAA,EAAMK,UAAUL,EAAKM,UAAUC;AAAAA,GAE9B,CAACC,MAAcA,IAClB,CAACR,CAAI,CACP,GAEM;AAAA,IAAES,OAAAA;AAAAA,IAAOC,oBAAAA;AAAAA,IAAoBC,gBAAAA;AAAAA,MAAmBC,EAAe,GAC/DC,IAAyBC,EAC7BX,GACAM,GACAb,MAAmB,aAAaJ,IAAqBuB,MACvD;AACAC,SAAAA,EAAU,MAAM;;AAEd,IAAI,CAACN,KAAsBhB,MAAa,SAAOe,IAAAA,EAAM,CAAC,MAAPA,QAAAA,EAAUQ,SAC9CR,EAAAA,EAAM,CAAC,EAAEQ,IAAI;AAAA,KAEvB,CAACvB,GAAUe,GAAOX,GAAUY,CAAkB,CAAC,GAC3C;AAAA,IACLD,OAAOI;AAAAA,IACPH,oBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EAAAA;AAEJ;"}

package/dist/esm/lib/hooks/useNotificationsEventListener.js

@@ -1,31 +1,31 @@
 import { useHvSnackbar as f } from "@hitachivantara/uikit-react-core";
 import u from "../../providers/hooks/useBannerContext.js";
-const v = () => {
+const k = () => {
   const {
     enqueueSnackbar: o
   } = f(), {
     show: s
-  } = u(), i = (t) => {
+  } = u(), i = (a) => {
     const {
       message: n,
       variant: r,
-      actions: a,
+      actions: t,
       actionsCallback: l
-    } = t;
+    } = a;
     let e;
-    a && (e = {
-      action: Array.isArray(a) ? a[0] : a,
+    t && (e = {
+      action: Array.isArray(t) ? t[0] : t,
       actionCallback: l
     }), n && o(n, {
       variant: r ?? "default",
       snackbarContentProps: e
     });
-  }, c = (t) => {
-    t.message && s(t);
+  }, c = (a) => {
+    a.message && s(a);
   };
   return {
-    handleNotificationEvent: (t) => {
-      const n = t.detail;
+    handleNotificationEvent: (a) => {
+      const n = a.detail;
       switch (n.type) {
         case "snackbar":
           i(n);
@@ -38,8 +38,8 @@ const v = () => {
       }
     }
   };
-}, m = v;
+};
 export {
-  m as default
+  k as default
 };
 //# sourceMappingURL=useNotificationsEventListener.js.map

package/dist/esm/lib/hooks/useNotificationsEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationsEventListener.js","sources":["../../../../src/lib/hooks/useNotificationsEventListener.ts"],"sourcesContent":["import { useHvSnackbar } from \"@hitachivantara/uikit-react-core\";\nimport { HvAppShellEventNotification } from \"@hitachivantara/app-shell-events\";\n\nimport useBannerContext from \"../../providers/hooks/useBannerContext\";\n\nconst useNotificationsEventListener = () => {\n  const { enqueueSnackbar } = useHvSnackbar();\n  const { show } = useBannerContext();\n\n  const handleCustomEventSnackbar = (\n    notification: HvAppShellEventNotification\n  ) => {\n    const { message, variant, actions, actionsCallback } = notification;\n\n    let snackbarContentProps;\n    if (actions) {\n      snackbarContentProps = {\n        action: Array.isArray(actions) ? actions[0] : actions,\n        actionCallback: actionsCallback\n      };\n    }\n\n    if (message) {\n      enqueueSnackbar(message, {\n        variant: variant ?? \"default\",\n\n        snackbarContentProps\n      });\n    }\n  };\n\n  const handleCustomEventBanner = (\n    notification: HvAppShellEventNotification\n  ) => {\n    if (notification.message) {\n      show(notification);\n    }\n  };\n\n  const handleNotificationEvent = (\n    event: CustomEvent<HvAppShellEventNotification>\n  ) => {\n    const notificationEvent = event.detail;\n    switch (notificationEvent.type) {\n      case \"snackbar\":\n        handleCustomEventSnackbar(notificationEvent);\n        break;\n      case \"banner\":\n        handleCustomEventBanner(notificationEvent);\n        break;\n      default:\n        console.warn(\"Invalid notification type\", notificationEvent.type);\n    }\n  };\n\n  return { handleNotificationEvent };\n};\n\nexport default useNotificationsEventListener;\n"],"names":["useNotificationsEventListener","enqueueSnackbar","useHvSnackbar","show","useBannerContext","handleCustomEventSnackbar","notification","message","variant","actions","actionsCallback","snackbarContentProps","action","Array","isArray","actionCallback","handleCustomEventBanner","handleNotificationEvent","event","notificationEvent","detail","type","warn","useNotificationsEventListener$1"],"mappings":";;AAKA,MAAMA,IAAgCA,MAAM;AACpC,QAAA;AAAA,IAAEC,iBAAAA;AAAAA,MAAoBC,EAAc,GACpC;AAAA,IAAEC,MAAAA;AAAAA,MAASC,EAAiB,GAE5BC,IAA4BA,CAChCC,MACG;AACG,UAAA;AAAA,MAAEC,SAAAA;AAAAA,MAASC,SAAAA;AAAAA,MAASC,SAAAA;AAAAA,MAASC,iBAAAA;AAAAA,IAAoBJ,IAAAA;AAEnDK,QAAAA;AACJ,IAAIF,MACqBE,IAAA;AAAA,MACrBC,QAAQC,MAAMC,QAAQL,CAAO,IAAIA,EAAQ,CAAC,IAAIA;AAAAA,MAC9CM,gBAAgBL;AAAAA,IAAAA,IAIhBH,KACFN,EAAgBM,GAAS;AAAA,MACvBC,SAASA,KAAW;AAAA,MAEpBG,sBAAAA;AAAAA,IAAAA,CACD;AAAA,EACH,GAGIK,IAA0BA,CAC9BV,MACG;AACH,IAAIA,EAAaC,WACfJ,EAAKG,CAAY;AAAA,EACnB;AAmBK,SAAA;AAAA,IAAEW,yBAhBuBA,CAC9BC,MACG;AACH,YAAMC,IAAoBD,EAAME;AAChC,cAAQD,EAAkBE,MAAI;AAAA,QAC5B,KAAK;AACHhB,UAAAA,EAA0Bc,CAAiB;AAC3C;AAAA,QACF,KAAK;AACHH,UAAAA,EAAwBG,CAAiB;AACzC;AAAA,QACF;AACUG,kBAAAA,KAAK,6BAA6BH,EAAkBE,IAAI;AAAA,MACpE;AAAA,IAAA;AAAA,EAGOJ;AACX,GAEAM,IAAevB;"}
+{"version":3,"file":"useNotificationsEventListener.js","sources":["../../../../src/lib/hooks/useNotificationsEventListener.ts"],"sourcesContent":["import { useHvSnackbar } from \"@hitachivantara/uikit-react-core\";\nimport { HvAppShellEventNotification } from \"@hitachivantara/app-shell-events\";\n\nimport useBannerContext from \"../../providers/hooks/useBannerContext\";\n\nconst useNotificationsEventListener = () => {\n  const { enqueueSnackbar } = useHvSnackbar();\n  const { show } = useBannerContext();\n\n  const handleCustomEventSnackbar = (\n    notification: HvAppShellEventNotification\n  ) => {\n    const { message, variant, actions, actionsCallback } = notification;\n\n    let snackbarContentProps;\n    if (actions) {\n      snackbarContentProps = {\n        action: Array.isArray(actions) ? actions[0] : actions,\n        actionCallback: actionsCallback\n      };\n    }\n\n    if (message) {\n      enqueueSnackbar(message, {\n        variant: variant ?? \"default\",\n\n        snackbarContentProps\n      });\n    }\n  };\n\n  const handleCustomEventBanner = (\n    notification: HvAppShellEventNotification\n  ) => {\n    if (notification.message) {\n      show(notification);\n    }\n  };\n\n  const handleNotificationEvent = (\n    event: CustomEvent<HvAppShellEventNotification>\n  ) => {\n    const notificationEvent = event.detail;\n    switch (notificationEvent.type) {\n      case \"snackbar\":\n        handleCustomEventSnackbar(notificationEvent);\n        break;\n      case \"banner\":\n        handleCustomEventBanner(notificationEvent);\n        break;\n      default:\n        console.warn(\"Invalid notification type\", notificationEvent.type);\n    }\n  };\n\n  return { handleNotificationEvent };\n};\n\nexport default useNotificationsEventListener;\n"],"names":["useNotificationsEventListener","enqueueSnackbar","useHvSnackbar","show","useBannerContext","handleCustomEventSnackbar","notification","message","variant","actions","actionsCallback","snackbarContentProps","action","Array","isArray","actionCallback","handleCustomEventBanner","handleNotificationEvent","event","notificationEvent","detail","type","warn"],"mappings":";;AAKA,MAAMA,IAAgCA,MAAM;AACpC,QAAA;AAAA,IAAEC,iBAAAA;AAAAA,MAAoBC,EAAc,GACpC;AAAA,IAAEC,MAAAA;AAAAA,MAASC,EAAiB,GAE5BC,IAA4BA,CAChCC,MACG;AACG,UAAA;AAAA,MAAEC,SAAAA;AAAAA,MAASC,SAAAA;AAAAA,MAASC,SAAAA;AAAAA,MAASC,iBAAAA;AAAAA,IAAoBJ,IAAAA;AAEnDK,QAAAA;AACJ,IAAIF,MACqBE,IAAA;AAAA,MACrBC,QAAQC,MAAMC,QAAQL,CAAO,IAAIA,EAAQ,CAAC,IAAIA;AAAAA,MAC9CM,gBAAgBL;AAAAA,IAAAA,IAIhBH,KACFN,EAAgBM,GAAS;AAAA,MACvBC,SAASA,KAAW;AAAA,MAEpBG,sBAAAA;AAAAA,IAAAA,CACD;AAAA,EACH,GAGIK,IAA0BA,CAC9BV,MACG;AACH,IAAIA,EAAaC,WACfJ,EAAKG,CAAY;AAAA,EACnB;AAmBK,SAAA;AAAA,IAAEW,yBAhBuBA,CAC9BC,MACG;AACH,YAAMC,IAAoBD,EAAME;AAChC,cAAQD,EAAkBE,MAAI;AAAA,QAC5B,KAAK;AACHhB,UAAAA,EAA0Bc,CAAiB;AAC3C;AAAA,QACF,KAAK;AACHH,UAAAA,EAAwBG,CAAiB;AACzC;AAAA,QACF;AACUG,kBAAAA,KAAK,6BAA6BH,EAAkBE,IAAI;AAAA,MACpE;AAAA,IAAA;AAAA,EAGOJ;AACX;"}

package/dist/esm/lib/hooks/useThemeEventListener.js

@@ -1,27 +1,27 @@
 import { useTheme as h } from "@hitachivantara/uikit-react-core";
 import m, { LOCAL_STORAGE_KEYS as a } from "./useLocalStorage.js";
-const i = () => {
+const O = () => {
   const {
     selectedTheme: s,
     changeTheme: d,
     selectedMode: r,
-    colorModes: t
+    colorModes: o
   } = h(), {
     setStoredValue: c
   } = m(a.COLOR_MODE), l = () => {
-    const e = (t.indexOf(r) + 1) % t.length;
-    return t[e];
+    const e = (o.indexOf(r) + 1) % o.length;
+    return o[e];
   };
   return {
-    handleThemeEvent: (o) => {
+    handleThemeEvent: (t) => {
       const {
         colorMode: e
-      } = o.detail, n = !e || t.indexOf(e) === -1 ? l() : e;
+      } = t.detail, n = !e || o.indexOf(e) === -1 ? l() : e;
       d(s, n), c(n);
     }
   };
-}, E = i;
+};
 export {
-  E as default
+  O as default
 };
 //# sourceMappingURL=useThemeEventListener.js.map

package/dist/esm/lib/hooks/useThemeEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThemeEventListener.js","sources":["../../../../src/lib/hooks/useThemeEventListener.ts"],"sourcesContent":["import { useTheme } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvAppShellEventTheme } from \"@hitachivantara/app-shell-events\";\nimport useLocalStorage, { LOCAL_STORAGE_KEYS } from \"./useLocalStorage\";\n\nconst useThemeEventListener = () => {\n  const { selectedTheme, changeTheme, selectedMode, colorModes } = useTheme();\n  const { setStoredValue } = useLocalStorage(LOCAL_STORAGE_KEYS.COLOR_MODE);\n\n  const getNextColorMode = () => {\n    const index = colorModes.indexOf(selectedMode);\n\n    const nextIndex = (index + 1) % colorModes.length;\n    return colorModes[nextIndex];\n  };\n\n  const handleThemeEvent = (event: CustomEvent<HvAppShellEventTheme>) => {\n    const { colorMode } = event.detail;\n    const newColorMode =\n      !colorMode || colorModes.indexOf(colorMode) === -1\n        ? getNextColorMode()\n        : colorMode;\n\n    // For now we only want to change the colorMode\n    changeTheme(selectedTheme, newColorMode);\n    setStoredValue(newColorMode);\n  };\n\n  return { handleThemeEvent };\n};\n\nexport default useThemeEventListener;\n"],"names":["useThemeEventListener","selectedTheme","changeTheme","selectedMode","colorModes","useTheme","setStoredValue","useLocalStorage","LOCAL_STORAGE_KEYS","COLOR_MODE","getNextColorMode","nextIndex","indexOf","length","handleThemeEvent","event","colorMode","detail","newColorMode","useThemeEventListener$1"],"mappings":";;AAKA,MAAMA,IAAwBA,MAAM;AAC5B,QAAA;AAAA,IAAEC,eAAAA;AAAAA,IAAeC,aAAAA;AAAAA,IAAaC,cAAAA;AAAAA,IAAcC,YAAAA;AAAAA,MAAeC,EAAS,GACpE;AAAA,IAAEC,gBAAAA;AAAAA,EAAAA,IAAmBC,EAAgBC,EAAmBC,UAAU,GAElEC,IAAmBA,MAAM;AAGvBC,UAAAA,KAFQP,EAAWQ,QAAQT,CAAY,IAElB,KAAKC,EAAWS;AAC3C,WAAOT,EAAWO,CAAS;AAAA,EAAA;AAetB,SAAA;AAAA,IAAEG,kBAZgBA,CAACC,MAA6C;AAC/D,YAAA;AAAA,QAAEC,WAAAA;AAAAA,MAAAA,IAAcD,EAAME,QACtBC,IACJ,CAACF,KAAaZ,EAAWQ,QAAQI,CAAS,MAAM,KAC5CN,EACAM,IAAAA;AAGNd,MAAAA,EAAYD,GAAeiB,CAAY,GACvCZ,EAAeY,CAAY;AAAA,IAAA;AAAA,EAGpBJ;AACX,GAEAK,IAAenB;"}
+{"version":3,"file":"useThemeEventListener.js","sources":["../../../../src/lib/hooks/useThemeEventListener.ts"],"sourcesContent":["import { useTheme } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvAppShellEventTheme } from \"@hitachivantara/app-shell-events\";\nimport useLocalStorage, { LOCAL_STORAGE_KEYS } from \"./useLocalStorage\";\n\nconst useThemeEventListener = () => {\n  const { selectedTheme, changeTheme, selectedMode, colorModes } = useTheme();\n  const { setStoredValue } = useLocalStorage(LOCAL_STORAGE_KEYS.COLOR_MODE);\n\n  const getNextColorMode = () => {\n    const index = colorModes.indexOf(selectedMode);\n\n    const nextIndex = (index + 1) % colorModes.length;\n    return colorModes[nextIndex];\n  };\n\n  const handleThemeEvent = (event: CustomEvent<HvAppShellEventTheme>) => {\n    const { colorMode } = event.detail;\n    const newColorMode =\n      !colorMode || colorModes.indexOf(colorMode) === -1\n        ? getNextColorMode()\n        : colorMode;\n\n    // For now we only want to change the colorMode\n    changeTheme(selectedTheme, newColorMode);\n    setStoredValue(newColorMode);\n  };\n\n  return { handleThemeEvent };\n};\n\nexport default useThemeEventListener;\n"],"names":["useThemeEventListener","selectedTheme","changeTheme","selectedMode","colorModes","useTheme","setStoredValue","useLocalStorage","LOCAL_STORAGE_KEYS","COLOR_MODE","getNextColorMode","nextIndex","indexOf","length","handleThemeEvent","event","colorMode","detail","newColorMode"],"mappings":";;AAKA,MAAMA,IAAwBA,MAAM;AAC5B,QAAA;AAAA,IAAEC,eAAAA;AAAAA,IAAeC,aAAAA;AAAAA,IAAaC,cAAAA;AAAAA,IAAcC,YAAAA;AAAAA,MAAeC,EAAS,GACpE;AAAA,IAAEC,gBAAAA;AAAAA,EAAAA,IAAmBC,EAAgBC,EAAmBC,UAAU,GAElEC,IAAmBA,MAAM;AAGvBC,UAAAA,KAFQP,EAAWQ,QAAQT,CAAY,IAElB,KAAKC,EAAWS;AAC3C,WAAOT,EAAWO,CAAS;AAAA,EAAA;AAetB,SAAA;AAAA,IAAEG,kBAZgBA,CAACC,MAA6C;AAC/D,YAAA;AAAA,QAAEC,WAAAA;AAAAA,MAAAA,IAAcD,EAAME,QACtBC,IACJ,CAACF,KAAaZ,EAAWQ,QAAQI,CAAS,MAAM,KAC5CN,EACAM,IAAAA;AAGNd,MAAAA,EAAYD,GAAeiB,CAAY,GACvCZ,EAAeY,CAAY;AAAA,IAAA;AAAA,EAGpBJ;AACX;"}

package/dist/esm/lib/i18n/index.js

@@ -3,12 +3,12 @@ import { initReactI18next as d } from "react-i18next";
 import u from "i18next-browser-languagedetector";
 import i from "./localization/en.json.js";
 import l from "./localization/pt.json.js";
-const t = "appShell", g = (e, n, r) => {
+const t = "appShell", x = (e, n, r) => {
   Object.entries(n).forEach((o) => {
     const [a, c] = o;
     e.addResourceBundle(a, r ?? t, c);
   });
-}, m = () => {
+}, B = () => {
   const e = s.createInstance();
   return e.use(u).use(d).init({
     defaultNS: t,
@@ -20,10 +20,10 @@ const t = "appShell", g = (e, n, r) => {
   }), e.addResourceBundle("en", t, i), e.addResourceBundle("pt", t, l), {
     i18n: e
   };
-}, B = m;
+};
 export {
   t as APP_SHELL_NAMESPACE,
-  g as addResourceBundles,
+  x as addResourceBundles,
   B as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/lib/i18n/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/lib/i18n/index.ts"],"sourcesContent":["import i18next, { i18n } from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\nimport en from \"./localization/en.json\";\nimport pt from \"./localization/pt.json\";\n\nexport const APP_SHELL_NAMESPACE = \"appShell\";\nexport const addResourceBundles = (\n  i18nInstance: i18n,\n  bundles: Record<string, object>,\n  namespace?: string\n) => {\n  Object.entries(bundles).forEach(entry => {\n    const [key, value] = entry;\n    i18nInstance.addResourceBundle(\n      key,\n      namespace ?? APP_SHELL_NAMESPACE,\n      value\n    );\n  });\n};\n\nconst createI18Next = () => {\n  const newInstance = i18next.createInstance();\n  newInstance\n    .use(LanguageDetector)\n    .use(initReactI18next)\n    .init({\n      defaultNS: APP_SHELL_NAMESPACE,\n      fallbackLng: \"en\",\n      detection: { order: [\"navigator\"] },\n      resources: {}\n    });\n\n  newInstance.addResourceBundle(\"en\", APP_SHELL_NAMESPACE, en);\n  newInstance.addResourceBundle(\"pt\", APP_SHELL_NAMESPACE, pt);\n\n  return {\n    i18n: newInstance\n  };\n};\n\nexport default createI18Next;\n"],"names":["APP_SHELL_NAMESPACE","addResourceBundles","i18nInstance","bundles","namespace","Object","entries","forEach","entry","key","value","addResourceBundle","createI18Next","newInstance","i18next","createInstance","use","LanguageDetector","initReactI18next","init","defaultNS","fallbackLng","detection","order","resources","en","pt","i18n","createI18Next$1"],"mappings":";;;;;AAMO,MAAMA,IAAsB,YACtBC,IAAqBA,CAChCC,GACAC,GACAC,MACG;AACHC,SAAOC,QAAQH,CAAO,EAAEI,QAAQC,CAASA,MAAA;AACjC,UAAA,CAACC,GAAKC,CAAK,IAAIF;AACrBN,IAAAA,EAAaS,kBACXF,GACAL,KAAaJ,GACbU,CACF;AAAA,EAAA,CACD;AACH,GAEME,IAAgBA,MAAM;AACpBC,QAAAA,IAAcC,EAAQC;AAC5BF,SAAAA,EACGG,IAAIC,CAAgB,EACpBD,IAAIE,CAAgB,EACpBC,KAAK;AAAA,IACJC,WAAWpB;AAAAA,IACXqB,aAAa;AAAA,IACbC,WAAW;AAAA,MAAEC,OAAO,CAAC,WAAW;AAAA,IAAE;AAAA,IAClCC,WAAW,CAAC;AAAA,EAAA,CACb,GAESb,EAAAA,kBAAkB,MAAMX,GAAqByB,CAAE,GAC/Cd,EAAAA,kBAAkB,MAAMX,GAAqB0B,CAAE,GAEpD;AAAA,IACLC,MAAMd;AAAAA,EAAAA;AAEV,GAEAe,IAAehB;"}
+{"version":3,"file":"index.js","sources":["../../../../src/lib/i18n/index.ts"],"sourcesContent":["import i18next, { i18n } from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\nimport en from \"./localization/en.json\";\nimport pt from \"./localization/pt.json\";\n\nexport const APP_SHELL_NAMESPACE = \"appShell\";\nexport const addResourceBundles = (\n  i18nInstance: i18n,\n  bundles: Record<string, object>,\n  namespace?: string\n) => {\n  Object.entries(bundles).forEach(entry => {\n    const [key, value] = entry;\n    i18nInstance.addResourceBundle(\n      key,\n      namespace ?? APP_SHELL_NAMESPACE,\n      value\n    );\n  });\n};\n\nconst createI18Next = () => {\n  const newInstance = i18next.createInstance();\n  newInstance\n    .use(LanguageDetector)\n    .use(initReactI18next)\n    .init({\n      defaultNS: APP_SHELL_NAMESPACE,\n      fallbackLng: \"en\",\n      detection: { order: [\"navigator\"] },\n      resources: {}\n    });\n\n  newInstance.addResourceBundle(\"en\", APP_SHELL_NAMESPACE, en);\n  newInstance.addResourceBundle(\"pt\", APP_SHELL_NAMESPACE, pt);\n\n  return {\n    i18n: newInstance\n  };\n};\n\nexport default createI18Next;\n"],"names":["APP_SHELL_NAMESPACE","addResourceBundles","i18nInstance","bundles","namespace","Object","entries","forEach","entry","key","value","addResourceBundle","createI18Next","newInstance","i18next","createInstance","use","LanguageDetector","initReactI18next","init","defaultNS","fallbackLng","detection","order","resources","en","pt","i18n"],"mappings":";;;;;AAMO,MAAMA,IAAsB,YACtBC,IAAqBA,CAChCC,GACAC,GACAC,MACG;AACHC,SAAOC,QAAQH,CAAO,EAAEI,QAAQC,CAASA,MAAA;AACjC,UAAA,CAACC,GAAKC,CAAK,IAAIF;AACrBN,IAAAA,EAAaS,kBACXF,GACAL,KAAaJ,GACbU,CACF;AAAA,EAAA,CACD;AACH,GAEME,IAAgBA,MAAM;AACpBC,QAAAA,IAAcC,EAAQC;AAC5BF,SAAAA,EACGG,IAAIC,CAAgB,EACpBD,IAAIE,CAAgB,EACpBC,KAAK;AAAA,IACJC,WAAWpB;AAAAA,IACXqB,aAAa;AAAA,IACbC,WAAW;AAAA,MAAEC,OAAO,CAAC,WAAW;AAAA,IAAE;AAAA,IAClCC,WAAW,CAAC;AAAA,EAAA,CACb,GAESb,EAAAA,kBAAkB,MAAMX,GAAqByB,CAAE,GAC/Cd,EAAAA,kBAAkB,MAAMX,GAAqB0B,CAAE,GAEpD;AAAA,IACLC,MAAMd;AAAAA,EAAAA;AAEV;"}

package/dist/esm/lib/utils/basePathUtils.js

@@ -1,5 +1,5 @@
-const e = (t) => (t == null ? void 0 : t.baseUrl) ?? "/", a = e;
+const t = (e) => (e == null ? void 0 : e.baseUrl) ?? "/";
 export {
-  a as default
+  t as default
 };
 //# sourceMappingURL=basePathUtils.js.map

package/dist/esm/lib/utils/basePathUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"basePathUtils.js","sources":["../../../../src/lib/utils/basePathUtils.ts"],"sourcesContent":["import { HvAppShellConfig } from \"@hitachivantara/app-shell-shared\";\n\n/**\n * Returns the app base path.\n * - The path is calculated by returning the sub-path value for the main app.\n * - Main app is the first app that baseUrl matches window.location\n * - App baseUrl don't have case restrictions\n * - If the main app is not discovered, returns \"/\"\n *\n * @return The main app baseUrl, or \"/\" otherwise. Value is always returned in lowercase.\n * @param config The app configuration definition\n */\nconst getBasePath = (config: HvAppShellConfig) => {\n  return config?.baseUrl ?? \"/\";\n};\n\nexport default getBasePath;\n"],"names":["getBasePath","config","baseUrl","getBasePath$1"],"mappings":"AAYA,MAAMA,IAAcA,CAACC,OACZA,KAAAA,gBAAAA,EAAQC,YAAW,KAG5BC,IAAeH;"}
+{"version":3,"file":"basePathUtils.js","sources":["../../../../src/lib/utils/basePathUtils.ts"],"sourcesContent":["import { HvAppShellConfig } from \"@hitachivantara/app-shell-shared\";\n\n/**\n * Returns the app base path.\n * - The path is calculated by returning the sub-path value for the main app.\n * - Main app is the first app that baseUrl matches window.location\n * - App baseUrl don't have case restrictions\n * - If the main app is not discovered, returns \"/\"\n *\n * @return The main app baseUrl, or \"/\" otherwise. Value is always returned in lowercase.\n * @param config The app configuration definition\n */\nconst getBasePath = (config: HvAppShellConfig) => {\n  return config?.baseUrl ?? \"/\";\n};\n\nexport default getBasePath;\n"],"names":["getBasePath","config","baseUrl"],"mappings":"AAYMA,MAAAA,IAAcA,CAACC,OACZA,KAAAA,gBAAAA,EAAQC,YAAW;"}

package/dist/esm/lib/utils/documentUtil.js

@@ -2,8 +2,8 @@ const a = (t) => {
   const n = "app-shell-panel-container";
   let e = document.getElementById(t ?? n);
   return e || (e = document.createElement("div"), e.id = n, document.body.appendChild(e)), e;
-}, l = a;
+};
 export {
-  l as default
+  a as default
 };
 //# sourceMappingURL=documentUtil.js.map

package/dist/esm/lib/utils/documentUtil.js.map

@@ -1 +1 @@
-{"version":3,"file":"documentUtil.js","sources":["../../../../src/lib/utils/documentUtil.ts"],"sourcesContent":["const createAppContainerElement = (id?: string): HTMLElement => {\n  const panelContainerId = \"app-shell-panel-container\";\n  let panelContainerElement = document.getElementById(id ?? panelContainerId);\n\n  if (!panelContainerElement) {\n    panelContainerElement = document.createElement(\"div\");\n    panelContainerElement.id = panelContainerId;\n    document.body.appendChild(panelContainerElement);\n  }\n\n  return panelContainerElement;\n};\n\nexport default createAppContainerElement;\n"],"names":["createAppContainerElement","id","panelContainerId","panelContainerElement","document","getElementById","createElement","body","appendChild","createAppContainerElement$1"],"mappings":"AAAA,MAAMA,IAA4BA,CAACC,MAA6B;AAC9D,QAAMC,IAAmB;AACzB,MAAIC,IAAwBC,SAASC,eAAeJ,KAAMC,CAAgB;AAE1E,SAAKC,MACqBC,IAAAA,SAASE,cAAc,KAAK,GACpDH,EAAsBF,KAAKC,GAClBK,SAAAA,KAAKC,YAAYL,CAAqB,IAG1CA;AACT,GAEAM,IAAeT;"}
+{"version":3,"file":"documentUtil.js","sources":["../../../../src/lib/utils/documentUtil.ts"],"sourcesContent":["const createAppContainerElement = (id?: string): HTMLElement => {\n  const panelContainerId = \"app-shell-panel-container\";\n  let panelContainerElement = document.getElementById(id ?? panelContainerId);\n\n  if (!panelContainerElement) {\n    panelContainerElement = document.createElement(\"div\");\n    panelContainerElement.id = panelContainerId;\n    document.body.appendChild(panelContainerElement);\n  }\n\n  return panelContainerElement;\n};\n\nexport default createAppContainerElement;\n"],"names":["createAppContainerElement","id","panelContainerId","panelContainerElement","document","getElementById","createElement","body","appendChild"],"mappings":"AAAMA,MAAAA,IAA4BA,CAACC,MAA6B;AAC9D,QAAMC,IAAmB;AACzB,MAAIC,IAAwBC,SAASC,eAAeJ,KAAMC,CAAgB;AAE1E,SAAKC,MACqBC,IAAAA,SAASE,cAAc,KAAK,GACpDH,EAAsBF,KAAKC,GAClBK,SAAAA,KAAKC,YAAYL,CAAqB,IAG1CA;AACT;"}

package/dist/esm/lib/utils/textUtil.js

@@ -1,5 +1,5 @@
-const e = (n, t) => n.includes(t), s = e;
+const t = (e, n) => e.includes(n);
 export {
-  s as default
+  t as default
 };
 //# sourceMappingURL=textUtil.js.map

package/dist/esm/lib/utils/textUtil.js.map

@@ -1 +1 @@
-{"version":3,"file":"textUtil.js","sources":["../../../../src/lib/utils/textUtil.ts"],"sourcesContent":["/**\n * Checks if a search string (can be a single character or a string sequence) may be found within the given value string.\n * @param value The string to be checked if contains the search value\n * @param searchParam The string\n */\nconst includesString = (value: string, searchParam: string): boolean => {\n  return value.includes(searchParam);\n};\n\nexport default includesString;\n"],"names":["includesString","value","searchParam","includes","includesString$1"],"mappings":"AAKA,MAAMA,IAAiBA,CAACC,GAAeC,MAC9BD,EAAME,SAASD,CAAW,GAGnCE,IAAeJ;"}
+{"version":3,"file":"textUtil.js","sources":["../../../../src/lib/utils/textUtil.ts"],"sourcesContent":["/**\n * Checks if a search string (can be a single character or a string sequence) may be found within the given value string.\n * @param value The string to be checked if contains the search value\n * @param searchParam The string\n */\nconst includesString = (value: string, searchParam: string): boolean => {\n  return value.includes(searchParam);\n};\n\nexport default includesString;\n"],"names":["includesString","value","searchParam","includes"],"mappings":"AAKMA,MAAAA,IAAiBA,CAACC,GAAeC,MAC9BD,EAAME,SAASD,CAAW;"}

package/dist/esm/providers/hooks/useBannerContext.js

@@ -1,10 +1,10 @@
-import { useContext as e } from "react";
-import { BannerContext as o } from "../BannerProvider.js";
-const n = () => {
-  const t = e(o);
-  return t === void 0 && console.error("BannerContext was used outside of its Provider"), t;
-}, a = n;
+import { useContext as t } from "react";
+import { BannerContext as e } from "../BannerProvider.js";
+const s = () => {
+  const o = t(e);
+  return o === void 0 && console.error("BannerContext was used outside of its Provider"), o;
+};
 export {
-  a as default
+  s as default
 };
 //# sourceMappingURL=useBannerContext.js.map

package/dist/esm/providers/hooks/useBannerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBannerContext.js","sources":["../../../../src/providers/hooks/useBannerContext.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { BannerContext } from \"../BannerProvider\";\n\nconst useBannerContext = () => {\n  const context = useContext(BannerContext);\n\n  if (context === undefined) {\n    console.error(\"BannerContext was used outside of its Provider\");\n  }\n\n  return context;\n};\n\nexport default useBannerContext;\n"],"names":["useBannerContext","context","useContext","BannerContext","undefined","console","error","useBannerContext$1"],"mappings":";;AAIA,MAAMA,IAAmBA,MAAM;AACvBC,QAAAA,IAAUC,EAAWC,CAAa;AAExC,SAAIF,MAAYG,UACdC,QAAQC,MAAM,gDAAgD,GAGzDL;AACT,GAEAM,IAAeP;"}
+{"version":3,"file":"useBannerContext.js","sources":["../../../../src/providers/hooks/useBannerContext.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { BannerContext } from \"../BannerProvider\";\n\nconst useBannerContext = () => {\n  const context = useContext(BannerContext);\n\n  if (context === undefined) {\n    console.error(\"BannerContext was used outside of its Provider\");\n  }\n\n  return context;\n};\n\nexport default useBannerContext;\n"],"names":["useBannerContext","context","useContext","BannerContext","undefined","console","error"],"mappings":";;AAIA,MAAMA,IAAmBA,MAAM;AACvBC,QAAAA,IAAUC,EAAWC,CAAa;AAExC,SAAIF,MAAYG,UACdC,QAAQC,MAAM,gDAAgD,GAGzDL;AACT;"}

package/dist/esm/providers/hooks/useLayoutContext.js

@@ -1,10 +1,10 @@
-import { useContext as o } from "react";
+import { useContext as t } from "react";
 import { LayoutContext as e } from "../LayoutProvider.js";
-const r = () => {
-  const t = o(e);
-  return t === void 0 && console.error("LayoutContext was used outside of its Provider"), t;
-}, u = r;
+const n = () => {
+  const o = t(e);
+  return o === void 0 && console.error("LayoutContext was used outside of its Provider"), o;
+};
 export {
-  u as default
+  n as default
 };
 //# sourceMappingURL=useLayoutContext.js.map

package/dist/esm/providers/hooks/useLayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutContext.js","sources":["../../../../src/providers/hooks/useLayoutContext.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { LayoutContext } from \"../LayoutProvider\";\n\nconst useLayoutContext = () => {\n  const context = useContext(LayoutContext);\n\n  if (context === undefined) {\n    console.error(\"LayoutContext was used outside of its Provider\");\n  }\n\n  return context;\n};\n\nexport default useLayoutContext;\n"],"names":["useLayoutContext","context","useContext","LayoutContext","undefined","console","error","useLayoutContext$1"],"mappings":";;AAGA,MAAMA,IAAmBA,MAAM;AACvBC,QAAAA,IAAUC,EAAWC,CAAa;AAExC,SAAIF,MAAYG,UACdC,QAAQC,MAAM,gDAAgD,GAGzDL;AACT,GAEAM,IAAeP;"}
+{"version":3,"file":"useLayoutContext.js","sources":["../../../../src/providers/hooks/useLayoutContext.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { LayoutContext } from \"../LayoutProvider\";\n\nconst useLayoutContext = () => {\n  const context = useContext(LayoutContext);\n\n  if (context === undefined) {\n    console.error(\"LayoutContext was used outside of its Provider\");\n  }\n\n  return context;\n};\n\nexport default useLayoutContext;\n"],"names":["useLayoutContext","context","useContext","LayoutContext","undefined","console","error"],"mappings":";;AAGA,MAAMA,IAAmBA,MAAM;AACvBC,QAAAA,IAAUC,EAAWC,CAAa;AAExC,SAAIF,MAAYG,UACdC,QAAQC,MAAM,gDAAgD,GAGzDL;AACT;"}

package/dist/esm/providers/hooks/useNavigationContext.js

@@ -1,10 +1,10 @@
-import { useContext as o } from "react";
+import { useContext as t } from "react";
 import { NavigationContext as e } from "../NavigationProvider.js";
-const i = () => {
-  const t = o(e);
-  return t === void 0 && console.error("NavigationContext was used outside of its Provider"), t;
-}, s = i;
+const r = () => {
+  const o = t(e);
+  return o === void 0 && console.error("NavigationContext was used outside of its Provider"), o;
+};
 export {
-  s as default
+  r as default
 };
 //# sourceMappingURL=useNavigationContext.js.map

package/dist/esm/providers/hooks/useNavigationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNavigationContext.js","sources":["../../../../src/providers/hooks/useNavigationContext.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { NavigationContext } from \"../NavigationProvider\";\n\nconst useNavigationContext = () => {\n  const context = useContext(NavigationContext);\n\n  if (context === undefined) {\n    console.error(\"NavigationContext was used outside of its Provider\");\n  }\n\n  return context;\n};\n\nexport default useNavigationContext;\n"],"names":["useNavigationContext","context","useContext","NavigationContext","undefined","console","error","useNavigationContext$1"],"mappings":";;AAIA,MAAMA,IAAuBA,MAAM;AAC3BC,QAAAA,IAAUC,EAAWC,CAAiB;AAE5C,SAAIF,MAAYG,UACdC,QAAQC,MAAM,oDAAoD,GAG7DL;AACT,GAEAM,IAAeP;"}
+{"version":3,"file":"useNavigationContext.js","sources":["../../../../src/providers/hooks/useNavigationContext.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { NavigationContext } from \"../NavigationProvider\";\n\nconst useNavigationContext = () => {\n  const context = useContext(NavigationContext);\n\n  if (context === undefined) {\n    console.error(\"NavigationContext was used outside of its Provider\");\n  }\n\n  return context;\n};\n\nexport default useNavigationContext;\n"],"names":["useNavigationContext","context","useContext","NavigationContext","undefined","console","error"],"mappings":";;AAIA,MAAMA,IAAuBA,MAAM;AAC3BC,QAAAA,IAAUC,EAAWC,CAAiB;AAE5C,SAAIF,MAAYG,UACdC,QAAQC,MAAM,oDAAoD,GAG7DL;AACT;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/app-shell-ui",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "AppShell Component",
   "author": "Hitachi Vantara - Boba Fett Team",
   "license": "Apache-2.0",
@@ -39,10 +39,10 @@
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@hitachivantara/app-shell-events": "1.0.0",
-    "@hitachivantara/app-shell-navigation": "1.2.1",
+    "@hitachivantara/app-shell-navigation": "1.2.2",
     "@hitachivantara/app-shell-shared": "1.2.0",
-    "@hitachivantara/uikit-react-core": "^5.31.0",
-    "@hitachivantara/uikit-react-icons": "^5.6.8",
+    "@hitachivantara/uikit-react-core": "^5.59.0",
+    "@hitachivantara/uikit-react-icons": "^5.9.2",
     "@mui/material": "^5.12.3",
     "i18next": "^23.7.7",
     "i18next-browser-languagedetector": "^7.0.1",
@@ -68,5 +68,5 @@
     "vite-plugin-dts": "^3.6.4",
     "vite-tsconfig-paths": "^4.0.5"
   },
-  "gitHead": "f32c45a8012716dd25df32f98efe5bb2c4457209"
+  "gitHead": "7fedf9071766a5488abbc05366a248645218e383"
 }