@hitachivantara/app-shell-ui 1.6.0 → 1.6.2

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

@@ -1,34 +1,36 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { memo as i, lazy as r, Suspense as u } from "react";
-const a = [{
+import { jsx } from "@emotion/react/jsx-runtime";
+import { memo, lazy, Suspense } from "react";
+const internalActions = [{
   bundle: "@hv/theming-client/colorModeSwitcher.js",
-  component: () => import("../ColorModeSwitcher/index.js").then((t) => ({
-    default: t.default
+  component: () => import("../ColorModeSwitcher/index.js").then((module) => ({
+    default: module.default
   }))
 }, {
   bundle: "@hv/help-client/button.js",
-  component: () => import("../HelpButton/index.js").then((t) => ({
-    default: t.default
+  component: () => import("../HelpButton/index.js").then((module) => ({
+    default: module.default
   }))
 }, {
   bundle: "@hv/app-switcher-client/toggle.js",
-  component: () => import("../AppSwitcherToggle/index.js").then((t) => ({
-    default: t.default
+  component: () => import("../AppSwitcherToggle/index.js").then((module) => ({
+    default: module.default
   }))
-}], d = ({
-  bundle: t,
-  ...o
+}];
+const InternalAction = ({
+  bundle,
+  ...others
 }) => {
   const {
-    component: n
-  } = a.find((c) => c.bundle === t) ?? {};
-  if (!n)
+    component
+  } = internalActions.find((internalAction) => internalAction.bundle === bundle) ?? {};
+  if (!component) {
     return null;
-  const l = r(() => n());
-  return /* @__PURE__ */ e(u, { fallback: null, children: /* @__PURE__ */ e(l, { ...o }) });
-}, s = i(d);
+  }
+  const Action = lazy(() => component());
+  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Action, { ...others }) });
+};
+const InternalAction$1 = memo(InternalAction);
 export {
-  s as default,
-  a as internalActions
+  InternalAction$1 as default,
+  internalActions
 };
-//# sourceMappingURL=InternalAction.js.map

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

@@ -1,5 +1,4 @@
-import o from "./HeaderActions.js";
+import HeaderActions from "./HeaderActions.js";
 export {
-  o as default
+  HeaderActions as default
 };
-//# sourceMappingURL=index.js.map

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

@@ -1,8 +1,8 @@
-import e from "@emotion/styled/base";
-function t() {
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   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 c = /* @__PURE__ */ e("div", process.env.NODE_ENV === "production" ? {
+const StyledIconWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1qd1rei0"
 } : {
   target: "e1qd1rei0",
@@ -14,9 +14,9 @@ const c = /* @__PURE__ */ e("div", process.env.NODE_ENV === "production" ? {
   name: "14ee2k6",
   styles: "height:20px;svg{height:inherit;}",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9IZWFkZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQyIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvY29tcG9uZW50cy9sYXlvdXQvSGVhZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5jb25zdCBTdHlsZWRJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMjBweDtcbiAgc3ZnIHtcbiAgICBoZWlnaHQ6IGluaGVyaXQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IFN0eWxlZEljb25XcmFwcGVyO1xuIl19 */",
-  toString: t
-}), a = c;
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledIconWrapper$1 = StyledIconWrapper;
 export {
-  a as default
+  StyledIconWrapper$1 as default
 };
-//# sourceMappingURL=styles.js.map

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

@@ -1,9 +1,11 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { StyledLoading as r } from "./styles.js";
-const a = ({
-  loadingLabel: o
-}) => /* @__PURE__ */ t(r, { label: o }), e = a;
+import { jsx } from "@emotion/react/jsx-runtime";
+import { StyledLoading } from "./styles.js";
+const Loading = ({
+  loadingLabel
+}) => {
+  return /* @__PURE__ */ jsx(StyledLoading, { label: loadingLabel });
+};
+const Loading$1 = Loading;
 export {
-  e as default
+  Loading$1 as default
 };
-//# sourceMappingURL=Loading.js.map

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

@@ -1,9 +1,9 @@
-import c from "@emotion/styled/base";
-import { HvLoading as b } from "@hitachivantara/uikit-react-core";
-function t() {
+import _styled from "@emotion/styled/base";
+import { HvLoading } from "@hitachivantara/uikit-react-core";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   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 a = /* @__PURE__ */ c(b, process.env.NODE_ENV === "production" ? {
+const StyledLoading = /* @__PURE__ */ _styled(HvLoading, process.env.NODE_ENV === "production" ? {
   target: "efactlf1"
 } : {
   target: "efactlf1",
@@ -15,10 +15,22 @@ const a = /* @__PURE__ */ c(b, process.env.NODE_ENV === "production" ? {
   name: "1gelcnl",
   styles: "display:flex;align-items:center;width:100%;height:100%",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9Mb2FkaW5nL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL2NvbXBvbmVudHMvbGF5b3V0L0xvYWRpbmcvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkxvYWRpbmcgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcblxuY29uc3QgU3R5bGVkTG9hZGluZyA9IHN0eWxlZChIdkxvYWRpbmcpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuYDtcblxuY29uc3QgU3R5bGVkTWFpbiA9IHN0eWxlZC5tYWluYFxuICBmbGV4OiAxO1xuYDtcblxuZXhwb3J0IHsgU3R5bGVkTG9hZGluZywgU3R5bGVkTWFpbiB9O1xuIl19 */",
-  toString: t
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+/* @__PURE__ */ _styled("main", process.env.NODE_ENV === "production" ? {
+  target: "efactlf0"
+} : {
+  target: "efactlf0",
+  label: "StyledMain"
+})(process.env.NODE_ENV === "production" ? {
+  name: "82a6rk",
+  styles: "flex:1"
+} : {
+  name: "82a6rk",
+  styles: "flex:1",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9Mb2FkaW5nL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVOEIiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL2NvbXBvbmVudHMvbGF5b3V0L0xvYWRpbmcvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkxvYWRpbmcgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcblxuY29uc3QgU3R5bGVkTG9hZGluZyA9IHN0eWxlZChIdkxvYWRpbmcpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuYDtcblxuY29uc3QgU3R5bGVkTWFpbiA9IHN0eWxlZC5tYWluYFxuICBmbGV4OiAxO1xuYDtcblxuZXhwb3J0IHsgU3R5bGVkTG9hZGluZywgU3R5bGVkTWFpbiB9O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-process.env.NODE_ENV;
 export {
-  a as StyledLoading
+  StyledLoading
 };
-//# sourceMappingURL=styles.js.map

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

@@ -1,27 +1,28 @@
-import { jsxs as d, jsx as i } from "@emotion/react/jsx-runtime";
-import m from "../../../providers/hooks/useNavigationContext.js";
-import { StyledContainer as l, StyledMain as p } from "./styles.js";
-import v from "../../../providers/hooks/useLayoutContext.js";
-import g from "../VerticalNavigation/VerticalNavigation.js";
-const M = ({
-  children: o
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import useNavigationContext from "../../../providers/hooks/useNavigationContext.js";
+import { StyledContainer, StyledMain } from "./styles.js";
+import useLayoutContext from "../../../providers/hooks/useLayoutContext.js";
+import VerticalNavigation from "../VerticalNavigation/VerticalNavigation.js";
+const Main = ({
+  children
 }) => {
   const {
-    hasVerticalNavigation: a,
-    verticalNavigationMode: e,
-    showHeaderSubMenu: n,
-    isCompactMode: t,
-    switchVerticalNavigationMode: r
-  } = m(), {
-    bannerMaxHeight: s,
-    verticalNavigationWidth: c
-  } = v();
-  return /* @__PURE__ */ d(l, { showHeaderSubMenu: n, isCompactMode: t, children: [
-    a && e !== "CLOSED" && /* @__PURE__ */ i(g, { onClickAway: t ? r : void 0 }),
-    /* @__PURE__ */ i(p, { paddingTop: s, verticalNavigationWidth: c, children: o })
+    hasVerticalNavigation,
+    verticalNavigationMode,
+    showHeaderSubMenu,
+    isCompactMode,
+    switchVerticalNavigationMode
+  } = useNavigationContext();
+  const {
+    bannerMaxHeight,
+    verticalNavigationWidth
+  } = useLayoutContext();
+  return /* @__PURE__ */ jsxs(StyledContainer, { showHeaderSubMenu, isCompactMode, children: [
+    hasVerticalNavigation && verticalNavigationMode !== "CLOSED" && /* @__PURE__ */ jsx(VerticalNavigation, { onClickAway: isCompactMode ? switchVerticalNavigationMode : void 0 }),
+    /* @__PURE__ */ jsx(StyledMain, { paddingTop: bannerMaxHeight, verticalNavigationWidth, children })
   ] });
-}, N = M;
+};
+const Main$1 = Main;
 export {
-  N as default
+  Main$1 as default
 };
-//# sourceMappingURL=Main.js.map

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

@@ -1,18 +1,27 @@
-import l from "@emotion/styled/base";
-import { theme as b } from "@hitachivantara/uikit-react-core";
-const Z = /* @__PURE__ */ l("div", process.env.NODE_ENV === "production" ? {
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-react-core";
+const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "ew4l8di1"
 } : {
   target: "ew4l8di1",
   label: "StyledContainer"
-})("display:flex;padding-top:", (c) => c.showHeaderSubMenu && !c.isCompactMode ? `calc(${b.header.height} + ${b.header.secondLevelHeight})` : b.header.height, ";min-height:100vh;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0QiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL2NvbXBvbmVudHMvbGF5b3V0L01haW4vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5cbmludGVyZmFjZSBTdHlsZWRDb250YWluZXJQcm9wcyB7XG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcbiAgaXNDb21wYWN0TW9kZT86IGJvb2xlYW47XG59XG5pbnRlcmZhY2UgU3R5bGVkTWFpblByb3BzIHtcbiAgcGFkZGluZ1RvcD86IG51bWJlcjtcbiAgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGg/OiBudW1iZXI7XG59XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8U3R5bGVkQ29udGFpbmVyUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nLXRvcDogJHtwcm9wcyA9PiB7XG4gICAgaWYgKHByb3BzLnNob3dIZWFkZXJTdWJNZW51ICYmICFwcm9wcy5pc0NvbXBhY3RNb2RlKSB7XG4gICAgICByZXR1cm4gYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0fSlgO1xuICAgIH1cblxuICAgIHJldHVybiB0aGVtZS5oZWFkZXIuaGVpZ2h0O1xuICB9fTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG5gO1xuXG5jb25zdCBTdHlsZWRNYWluID0gc3R5bGVkLm1haW48U3R5bGVkTWFpblByb3BzPmBcbiAgZmxleDogMTtcbiAgcGFkZGluZy10b3A6ICR7cHJvcHMgPT4ge1xuICAgIHJldHVybiBwcm9wcy5wYWRkaW5nVG9wXG4gICAgICA/IGBjYWxjKCR7cHJvcHMucGFkZGluZ1RvcH1weCArICR7dGhlbWUuc3BhY2UueHN9KWBcbiAgICAgIDogdW5kZWZpbmVkO1xuICB9fTtcbiAgd2lkdGg6ICR7cHJvcHMgPT4ge1xuICAgIHJldHVybiBgY2FsYygxMDAlIC0gJHtwcm9wcy52ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weClgO1xuICB9fTtcbmA7XG5cbmV4cG9ydCB7IFN0eWxlZENvbnRhaW5lciwgU3R5bGVkTWFpbiB9O1xuIl19 */")), d = /* @__PURE__ */ l("main", process.env.NODE_ENV === "production" ? {
+})("display:flex;padding-top:", (props) => {
+  if (props.showHeaderSubMenu && !props.isCompactMode) {
+    return `calc(${theme.header.height} + ${theme.header.secondLevelHeight})`;
+  }
+  return theme.header.height;
+}, ";min-height:100vh;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0QiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL2NvbXBvbmVudHMvbGF5b3V0L01haW4vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5cbmludGVyZmFjZSBTdHlsZWRDb250YWluZXJQcm9wcyB7XG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcbiAgaXNDb21wYWN0TW9kZT86IGJvb2xlYW47XG59XG5pbnRlcmZhY2UgU3R5bGVkTWFpblByb3BzIHtcbiAgcGFkZGluZ1RvcD86IG51bWJlcjtcbiAgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGg/OiBudW1iZXI7XG59XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8U3R5bGVkQ29udGFpbmVyUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nLXRvcDogJHtwcm9wcyA9PiB7XG4gICAgaWYgKHByb3BzLnNob3dIZWFkZXJTdWJNZW51ICYmICFwcm9wcy5pc0NvbXBhY3RNb2RlKSB7XG4gICAgICByZXR1cm4gYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0fSlgO1xuICAgIH1cblxuICAgIHJldHVybiB0aGVtZS5oZWFkZXIuaGVpZ2h0O1xuICB9fTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG5gO1xuXG5jb25zdCBTdHlsZWRNYWluID0gc3R5bGVkLm1haW48U3R5bGVkTWFpblByb3BzPmBcbiAgZmxleDogMTtcbiAgcGFkZGluZy10b3A6ICR7cHJvcHMgPT4ge1xuICAgIHJldHVybiBwcm9wcy5wYWRkaW5nVG9wXG4gICAgICA/IGBjYWxjKCR7cHJvcHMucGFkZGluZ1RvcH1weCArICR7dGhlbWUuc3BhY2UueHN9KWBcbiAgICAgIDogdW5kZWZpbmVkO1xuICB9fTtcbiAgd2lkdGg6ICR7cHJvcHMgPT4ge1xuICAgIHJldHVybiBgY2FsYygxMDAlIC0gJHtwcm9wcy52ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weClgO1xuICB9fTtcbmA7XG5cbmV4cG9ydCB7IFN0eWxlZENvbnRhaW5lciwgU3R5bGVkTWFpbiB9O1xuIl19 */"));
+const StyledMain = /* @__PURE__ */ _styled("main", process.env.NODE_ENV === "production" ? {
   target: "ew4l8di0"
 } : {
   target: "ew4l8di0",
   label: "StyledMain"
-})("flex:1;padding-top:", (c) => c.paddingTop ? `calc(${c.paddingTop}px + ${b.space.xs})` : void 0, ";width:", (c) => `calc(100% - ${c.verticalNavigationWidth}px)`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QitDIiwiZmlsZSI6Ii9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuXG5pbnRlcmZhY2UgU3R5bGVkQ29udGFpbmVyUHJvcHMge1xuICBzaG93SGVhZGVyU3ViTWVudT86IGJvb2xlYW47XG4gIGlzQ29tcGFjdE1vZGU/OiBib29sZWFuO1xufVxuaW50ZXJmYWNlIFN0eWxlZE1haW5Qcm9wcyB7XG4gIHBhZGRpbmdUb3A/OiBudW1iZXI7XG4gIHZlcnRpY2FsTmF2aWdhdGlvbldpZHRoPzogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFN0eWxlZENvbnRhaW5lclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6ICR7cHJvcHMgPT4ge1xuICAgIGlmIChwcm9wcy5zaG93SGVhZGVyU3ViTWVudSAmJiAhcHJvcHMuaXNDb21wYWN0TW9kZSkge1xuICAgICAgcmV0dXJuIGBjYWxjKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEhlaWdodH0pYDtcbiAgICB9XG5cbiAgICByZXR1cm4gdGhlbWUuaGVhZGVyLmhlaWdodDtcbiAgfX07XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuYDtcblxuY29uc3QgU3R5bGVkTWFpbiA9IHN0eWxlZC5tYWluPFN0eWxlZE1haW5Qcm9wcz5gXG4gIGZsZXg6IDE7XG4gIHBhZGRpbmctdG9wOiAke3Byb3BzID0+IHtcbiAgICByZXR1cm4gcHJvcHMucGFkZGluZ1RvcFxuICAgICAgPyBgY2FsYygke3Byb3BzLnBhZGRpbmdUb3B9cHggKyAke3RoZW1lLnNwYWNlLnhzfSlgXG4gICAgICA6IHVuZGVmaW5lZDtcbiAgfX07XG4gIHdpZHRoOiAke3Byb3BzID0+IHtcbiAgICByZXR1cm4gYGNhbGMoMTAwJSAtICR7cHJvcHMudmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHgpYDtcbiAgfX07XG5gO1xuXG5leHBvcnQgeyBTdHlsZWRDb250YWluZXIsIFN0eWxlZE1haW4gfTtcbiJdfQ== */"));
+})("flex:1;padding-top:", (props) => {
+  return props.paddingTop ? `calc(${props.paddingTop}px + ${theme.space.xs})` : void 0;
+}, ";width:", (props) => {
+  return `calc(100% - ${props.verticalNavigationWidth}px)`;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QitDIiwiZmlsZSI6Ii9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuXG5pbnRlcmZhY2UgU3R5bGVkQ29udGFpbmVyUHJvcHMge1xuICBzaG93SGVhZGVyU3ViTWVudT86IGJvb2xlYW47XG4gIGlzQ29tcGFjdE1vZGU/OiBib29sZWFuO1xufVxuaW50ZXJmYWNlIFN0eWxlZE1haW5Qcm9wcyB7XG4gIHBhZGRpbmdUb3A/OiBudW1iZXI7XG4gIHZlcnRpY2FsTmF2aWdhdGlvbldpZHRoPzogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFN0eWxlZENvbnRhaW5lclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6ICR7cHJvcHMgPT4ge1xuICAgIGlmIChwcm9wcy5zaG93SGVhZGVyU3ViTWVudSAmJiAhcHJvcHMuaXNDb21wYWN0TW9kZSkge1xuICAgICAgcmV0dXJuIGBjYWxjKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEhlaWdodH0pYDtcbiAgICB9XG5cbiAgICByZXR1cm4gdGhlbWUuaGVhZGVyLmhlaWdodDtcbiAgfX07XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuYDtcblxuY29uc3QgU3R5bGVkTWFpbiA9IHN0eWxlZC5tYWluPFN0eWxlZE1haW5Qcm9wcz5gXG4gIGZsZXg6IDE7XG4gIHBhZGRpbmctdG9wOiAke3Byb3BzID0+IHtcbiAgICByZXR1cm4gcHJvcHMucGFkZGluZ1RvcFxuICAgICAgPyBgY2FsYygke3Byb3BzLnBhZGRpbmdUb3B9cHggKyAke3RoZW1lLnNwYWNlLnhzfSlgXG4gICAgICA6IHVuZGVmaW5lZDtcbiAgfX07XG4gIHdpZHRoOiAke3Byb3BzID0+IHtcbiAgICByZXR1cm4gYGNhbGMoMTAwJSAtICR7cHJvcHMudmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHgpYDtcbiAgfX07XG5gO1xuXG5leHBvcnQgeyBTdHlsZWRDb250YWluZXIsIFN0eWxlZE1haW4gfTtcbiJdfQ== */"));
 export {
-  Z as StyledContainer,
-  d as StyledMain
+  StyledContainer,
+  StyledMain
 };
-//# sourceMappingURL=styles.js.map

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

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

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

@@ -1,34 +1,33 @@
-import { css as c } from "@emotion/css";
-import { theme as b, verticalNavigationTreeClasses as a } from "@hitachivantara/uikit-react-core";
-function l() {
+import { css } from "@emotion/css";
+import { theme, verticalNavigationTreeClasses } from "@hitachivantara/uikit-react-core";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   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,
+const classes = {
+  navigation: /* @__PURE__ */ css({
+    height: `calc(100vh - ${theme.header.height})`,
+    top: theme.header.height,
+    zIndex: theme.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" ? {
+  navigationCompact: /* @__PURE__ */ css(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
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   }),
-  navigationPopup: /* @__PURE__ */ c({
-    maxHeight: `calc(100vh - ${b.header.height})`,
+  navigationPopup: /* @__PURE__ */ css({
+    maxHeight: `calc(100vh - ${theme.header.height})`,
     overflowY: "auto",
-    boxShadow: b.colors.shadow,
-    [`& .${a.popup}`]: {
+    boxShadow: theme.colors.shadow,
+    [`& .${verticalNavigationTreeClasses.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 {
-  G as classes
+  classes
 };
-//# sourceMappingURL=styles.js.map

package/dist/esm/index.js

@@ -1,5 +1,4 @@
-import e from "./components/AppShell/AppShell.js";
+import HvAppShell from "./components/AppShell/AppShell.js";
 export {
-  e as default
+  HvAppShell as default
 };
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,18 +1,23 @@
-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 E = () => {
+import { useEffect } from "react";
+import { HvAppShellEventNotificationTrigger, HvAppShellEventThemeTrigger } from "@hitachivantara/app-shell-events";
+import useNotificationsEventListener from "./useNotificationsEventListener.js";
+import useThemeEventListener from "./useThemeEventListener.js";
+const useCustomEventListener = () => {
   const {
-    handleNotificationEvent: e
-  } = r(), {
-    handleThemeEvent: t
-  } = s();
-  o(() => (globalThis.addEventListener(n, e), globalThis.addEventListener(i, t), () => {
-    globalThis.removeEventListener(n, e), globalThis.removeEventListener(i, t);
-  }), [e, t]);
+    handleNotificationEvent
+  } = useNotificationsEventListener();
+  const {
+    handleThemeEvent
+  } = useThemeEventListener();
+  useEffect(() => {
+    globalThis.addEventListener(HvAppShellEventNotificationTrigger, handleNotificationEvent);
+    globalThis.addEventListener(HvAppShellEventThemeTrigger, handleThemeEvent);
+    return () => {
+      globalThis.removeEventListener(HvAppShellEventNotificationTrigger, handleNotificationEvent);
+      globalThis.removeEventListener(HvAppShellEventThemeTrigger, handleThemeEvent);
+    };
+  }, [handleNotificationEvent, handleThemeEvent]);
 };
 export {
-  E as default
+  useCustomEventListener as default
 };
-//# sourceMappingURL=useCustomEventListener.js.map

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

@@ -1,25 +1,31 @@
-import { useState as l, useEffect as c } from "react";
-const u = {
+import { useState, useEffect } from "react";
+const LOCAL_STORAGE_KEYS = {
   COLOR_MODE: "hv/user-preferences/color-mode",
   NAV_EXPANDED: "hv/app-shell/expanded"
-}, E = (o) => {
-  const e = u[o] || o, [r, s] = l(() => localStorage.getItem(e)), n = (t) => {
-    localStorage.setItem(e, t);
+};
+const useLocalStorage = (storageKey) => {
+  const key = LOCAL_STORAGE_KEYS[storageKey] || storageKey;
+  const [value, setValue] = useState(() => localStorage.getItem(key));
+  const setStoredValue = (newValue) => {
+    localStorage.setItem(key, newValue);
   };
-  return c(() => {
-    const t = (a) => {
-      a.key === e && s(a.newValue);
+  useEffect(() => {
+    const handleStorageChange = (event) => {
+      if (event.key === key) {
+        setValue(event.newValue);
+      }
     };
-    return window.addEventListener("storage", t), () => {
-      window.removeEventListener("storage", t);
+    window.addEventListener("storage", handleStorageChange);
+    return () => {
+      window.removeEventListener("storage", handleStorageChange);
     };
-  }, [e]), {
-    value: r,
-    setStoredValue: n
+  }, [key]);
+  return {
+    value,
+    setStoredValue
   };
 };
 export {
-  u as LOCAL_STORAGE_KEYS,
-  E as default
+  LOCAL_STORAGE_KEYS,
+  useLocalStorage as default
 };
-//# sourceMappingURL=useLocalStorage.js.map