@hitachivantara/app-shell-ui 1.5.0 → 1.6.1

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

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

@@ -1,33 +1,41 @@
-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, H = () => {
+import { useContext, useMemo, useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { useHvAppShellConfig, HvAppShellRuntimeContext, CONFIG_TRANSLATIONS_NAMESPACE, useHvMenuItems } from "@hitachivantara/app-shell-shared";
+import { useHvNavigation } from "@hitachivantara/app-shell-navigation";
+import { createNavigationMenuItems } from "../utils/navigationUtil.js";
+const MAX_TOP_MENU_DEPTH = 2;
+const useNavigationMenuItems = () => {
   const {
-    pathname: s
-  } = g(), {
-    navigationMode: m
-  } = v(), {
-    navigate: i
-  } = d(), {
-    i18n: e
-  } = c(M) ?? {}, a = f(() => (e == null ? void 0 : e.getFixedT(e.language, I)) ?? // should not happen, but fallback if the i18n instance is not available
-  ((o) => o), [e]), {
-    items: t,
-    selectedMenuItemId: n,
-    rootMenuItemId: u
-  } = N(), r = l(a, t, m === "ONLY_TOP" ? A : void 0);
-  return p(() => {
-    var o;
-    !n && s === "/" && ((o = t[0]) != null && o.href) && i(t[0].href);
-  }, [s, t, i, n]), {
-    items: r,
-    selectedMenuItemId: n,
-    rootMenuItemId: u
+    pathname
+  } = useLocation();
+  const {
+    navigationMode
+  } = useHvAppShellConfig();
+  const {
+    navigate
+  } = useHvNavigation();
+  const {
+    i18n
+  } = useContext(HvAppShellRuntimeContext) ?? {};
+  const tConfig = useMemo(() => i18n?.getFixedT(i18n.language, CONFIG_TRANSLATIONS_NAMESPACE) ?? // should not happen, but fallback if the i18n instance is not available
+  ((l) => l), [i18n]);
+  const {
+    items,
+    selectedMenuItemId,
+    rootMenuItemId
+  } = useHvMenuItems();
+  const navigationMenuItemsTmp = createNavigationMenuItems(tConfig, items, navigationMode === "ONLY_TOP" ? MAX_TOP_MENU_DEPTH : void 0);
+  useEffect(() => {
+    if (!selectedMenuItemId && pathname === "/" && items[0]?.href) {
+      navigate(items[0].href);
+    }
+  }, [pathname, items, navigate, selectedMenuItemId]);
+  return {
+    items: navigationMenuItemsTmp,
+    selectedMenuItemId,
+    rootMenuItemId
   };
 };
 export {
-  H as default
+  useNavigationMenuItems as default
 };
-//# sourceMappingURL=useNavigationMenuItems.js.map

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

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