@hitachivantara/app-shell-ui 1.1.0 → 1.2.1

package/dist/esm/components/AppShellRoutes/AppShellRoutes.js

@@ -1,34 +1,66 @@
-import { jsx as o, jsxs as i } from "@emotion/react/jsx-runtime";
-import { lazy as l, Suspense as d } from "react";
-import { Routes as f, Route as n, Outlet as a } from "react-router-dom";
-import { ErrorBoundary as h } from "react-error-boundary";
-import { useHvAppShellConfig as g } from "@hitachivantara/app-shell-shared";
-import R from "../../pages/LoadingPage/LoadingPage.js";
-import { getAppIdFromBundle as A } from "../../lib/utils/navigationUtil.js";
-import S from "../AppShellViewProvider/AppShellViewProvider.js";
-import b from "../../pages/GenericError/GenericError.js";
-const x = l(() => import("../../pages/NotFound/index.js"));
-function p(e, u = !1) {
-  return e.map((r) => {
+import { jsx as r, jsxs as S } from "@emotion/react/jsx-runtime";
+import { lazy as p, Suspense as W } from "react";
+import { Routes as k, Route as d, Outlet as s } from "react-router-dom";
+import { ErrorBoundary as c } from "react-error-boundary";
+import { HvContainer as a } from "@hitachivantara/uikit-react-core";
+import { useHvAppShellConfig as E } from "@hitachivantara/app-shell-shared";
+import F from "../../pages/LoadingPage/LoadingPage.js";
+import { getAppIdFromBundle as f } from "../../lib/utils/navigationUtil.js";
+import h from "../AppShellViewProvider/AppShellViewProvider.js";
+import x from "../../pages/GenericError/GenericError.js";
+const I = p(() => import("../../pages/NotFound/index.js"));
+function R(e) {
+  return e == null ? void 0 : e.map((o) => {
     const {
-      bundle: t
-    } = r, s = A(t), m = l(() => import(
+      bundle: n
+    } = o, t = f(n), i = p(() => import(
       /* @vite-ignore */
-      t
-    )), c = u ? r.route.replace(/^\//, "") : r.route;
-    return /* @__PURE__ */ o(n, { path: c, element: /* @__PURE__ */ o(S, { id: s, children: /* @__PURE__ */ o(h, { fallback: /* @__PURE__ */ o(b, { fullPage: !1 }), children: /* @__PURE__ */ o(m, { ...r.config, children: r.views != null ? /* @__PURE__ */ o(a, {}) : null }) }, r.route) }), children: r.views != null ? p(r.views, !0) : void 0 }, r.route);
+      n
+    )), l = o.route.replace(/^\//, "");
+    return /* @__PURE__ */ r(d, { path: l, element: /* @__PURE__ */ r(h, { id: t, children: /* @__PURE__ */ r(c, { fallback: /* @__PURE__ */ r(x, { fullPage: !1 }), children: /* @__PURE__ */ r(i, { ...o.config, children: o.views != null ? /* @__PURE__ */ r(s, {}) : null }) }, o.route) }), children: R(o.views) }, o.route);
   });
 }
-const F = () => {
+function j(e) {
+  if (e == null || e.views == null)
+    return;
+  const {
+    views: o,
+    maxWidth: n = "xl",
+    ...t
+  } = e;
+  return o.map((i) => {
+    const {
+      bundle: l,
+      route: u,
+      config: g,
+      views: m,
+      maxWidth: C,
+      ...P
+    } = i, b = f(l), A = p(() => import(
+      /* @vite-ignore */
+      l
+    ));
+    return /* @__PURE__ */ r(d, { path: u, element: /* @__PURE__ */ r(a, { maxWidth: C ?? n, ...t, ...P, children: /* @__PURE__ */ r(h, { id: b, children: /* @__PURE__ */ r(c, { fallback: /* @__PURE__ */ r(x, { fullPage: !1 }), children: /* @__PURE__ */ r(A, { ...g, children: m != null ? /* @__PURE__ */ r(s, {}) : null }) }, u) }) }), children: R(m) }, u);
+  });
+}
+function v(e) {
+  const {
+    views: o,
+    maxWidth: n = "xl",
+    ...t
+  } = e ?? {};
+  return /* @__PURE__ */ r(d, { path: "*", element: /* @__PURE__ */ r(a, { maxWidth: n, ...t, children: /* @__PURE__ */ r(I, {}) }) }, "notFound");
+}
+const y = () => {
   const {
     mainPanel: e
-  } = g();
-  return /* @__PURE__ */ o(d, { fallback: /* @__PURE__ */ o(R, {}), children: /* @__PURE__ */ i(f, { children: [
-    (e == null ? void 0 : e.views) != null ? p(e == null ? void 0 : e.views) : null,
-    /* @__PURE__ */ o(n, { path: "*", element: /* @__PURE__ */ o(x, {}) }, "notFound")
+  } = E();
+  return /* @__PURE__ */ r(W, { fallback: /* @__PURE__ */ r(F, {}), children: /* @__PURE__ */ S(k, { children: [
+    j(e),
+    v(e)
   ] }) });
-}, H = F;
+}, q = y;
 export {
-  H as default
+  q as default
 };
 //# sourceMappingURL=AppShellRoutes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppShellRoutes.js","sources":["../../../../src/components/AppShellRoutes/AppShellRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\nimport { Outlet, Route, Routes } from \"react-router-dom\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport {\n  HvAppShellViewsConfig,\n  useHvAppShellConfig\n} from \"@hitachivantara/app-shell-shared\";\n\nimport AppShellViewProvider from \"../AppShellViewProvider\";\nimport GenericError from \"../../pages/GenericError\";\nimport LoadingPage from \"../../pages/LoadingPage\";\nimport { getAppIdFromBundle } from \"../../lib/utils/navigationUtil\";\n\nconst NotFound = lazy(() => import(\"../../pages/NotFound\"));\n\nfunction renderRoutes(views: HvAppShellViewsConfig[], isNestedView = false) {\n  return views.map(view => {\n    const { bundle } = view;\n    const appId = getAppIdFromBundle(bundle);\n\n    const RouteComponent = lazy(() => import(/* @vite-ignore */ bundle));\n\n    const path = isNestedView ? view.route.replace(/^\\//, \"\") : view.route;\n\n    return (\n      <Route\n        key={view.route}\n        path={path}\n        element={\n          <AppShellViewProvider id={appId}>\n            <ErrorBoundary\n              key={view.route}\n              fallback={<GenericError fullPage={false} />}>\n              <RouteComponent {...view.config}>\n                {view.views != null ? <Outlet /> : null}\n              </RouteComponent>\n            </ErrorBoundary>\n          </AppShellViewProvider>\n        }>\n        {view.views != null ? renderRoutes(view.views, true) : undefined}\n      </Route>\n    );\n  });\n}\n\nconst AppShellRoutes = () => {\n  const { mainPanel } = useHvAppShellConfig();\n  return (\n    <Suspense fallback={<LoadingPage />}>\n      <Routes>\n        {mainPanel?.views != null ? renderRoutes(mainPanel?.views) : null}\n        <Route path=\"*\" key=\"notFound\" element={<NotFound />} />\n      </Routes>\n    </Suspense>\n  );\n};\n\nexport default AppShellRoutes;\n"],"names":["NotFound","lazy","renderRoutes","views","isNestedView","map","view","bundle","appId","getAppIdFromBundle","RouteComponent","path","route","replace","Route","jsx","AppShellViewProvider","ErrorBoundary","GenericError","config","Outlet","undefined","AppShellRoutes","mainPanel","useHvAppShellConfig","Suspense","LoadingPage","Routes","AppShellRoutes$1"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAWC,EAAK,MAAM,OAAO,+BAAsB,CAAC;AAE1D,SAASC,EAAaC,GAAgCC,IAAe,IAAO;AACnED,SAAAA,EAAME,IAAIC,CAAQA,MAAA;AACjB,UAAA;AAAA,MAAEC,QAAAA;AAAAA,IAAWD,IAAAA,GACbE,IAAQC,EAAmBF,CAAM,GAEjCG,IAAiBT,EAAK,MAAM;AAAA;AAAA,MAA0BM;AAAAA,KAAO,GAE7DI,IAAOP,IAAeE,EAAKM,MAAMC,QAAQ,OAAO,EAAE,IAAIP,EAAKM;AAEjE,6BACGE,GAEC,EAAA,MAAAH,GACA,SACG,gBAAAI,EAAAC,GAAA,EAAqB,IAAIR,GACxB,UAAA,gBAAAO,EAACE,KAEC,UAAU,gBAAAF,EAACG,KAAa,UAAU,GAAA,CAAM,GACxC,UAAC,gBAAAH,EAAAL,GAAA,KAAmBJ,EAAKa,QACtBb,YAAKH,SAAS,yBAAQiB,GAAS,CAAA,CAAA,IAAG,KACrC,CAAA,EAJKd,GAAAA,EAAKM,KAKZ,EACF,CAAA,GAEDN,YAAKH,SAAS,OAAOD,EAAaI,EAAKH,OAAO,EAAI,IAAIkB,OAAAA,GAblDf,EAAKM,KAcZ;AAAA,EAAA,CAEH;AACH;AAEA,MAAMU,IAAiBA,MAAM;AACrB,QAAA;AAAA,IAAEC,WAAAA;AAAAA,MAAcC,EAAoB;AAC1C,2BACGC,GAAS,EAAA,4BAAWC,GAAW,CAAA,CAAA,GAC9B,4BAACC,GACEJ,EAAAA,UAAAA;AAAAA,KAAAA,KAAAA,gBAAAA,EAAWpB,UAAS,OAAOD,EAAaqB,KAAAA,gBAAAA,EAAWpB,KAAK,IAAI;AAAA,IAC7D,gBAAAY,EAACD,KAAM,MAAK,KAAmB,SAAU,gBAAAC,EAAAf,GAAA,CAAA,MAArB,UAAiC;AAAA,EAAA,EACvD,CAAA,EACF,CAAA;AAEJ,GAEA4B,IAAeN;"}
+{"version":3,"file":"AppShellRoutes.js","sources":["../../../../src/components/AppShellRoutes/AppShellRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\nimport { Outlet, Route, Routes } from \"react-router-dom\";\nimport { ErrorBoundary } from \"react-error-boundary\";\n\nimport { HvContainer } from \"@hitachivantara/uikit-react-core\";\nimport {\n  type HvAppShellMainPanelConfig,\n  type HvAppShellViewsConfig,\n  useHvAppShellConfig\n} from \"@hitachivantara/app-shell-shared\";\n\nimport AppShellViewProvider from \"../AppShellViewProvider\";\nimport GenericError from \"../../pages/GenericError\";\nimport LoadingPage from \"../../pages/LoadingPage\";\nimport { getAppIdFromBundle } from \"../../lib/utils/navigationUtil\";\n\nconst NotFound = lazy(() => import(\"../../pages/NotFound\"));\n\nfunction renderNestedRoutes(views: HvAppShellViewsConfig[] | undefined) {\n  return views?.map(view => {\n    const { bundle } = view;\n    const appId = getAppIdFromBundle(bundle);\n\n    const RouteComponent = lazy(() => import(/* @vite-ignore */ bundle));\n\n    const path = view.route.replace(/^\\//, \"\");\n\n    return (\n      <Route\n        key={view.route}\n        path={path}\n        element={\n          <AppShellViewProvider id={appId}>\n            <ErrorBoundary\n              key={view.route}\n              fallback={<GenericError fullPage={false} />}>\n              <RouteComponent {...view.config}>\n                {view.views != null ? <Outlet /> : null}\n              </RouteComponent>\n            </ErrorBoundary>\n          </AppShellViewProvider>\n        }>\n        {renderNestedRoutes(view.views)}\n      </Route>\n    );\n  });\n}\n\nfunction renderRoutes(mainPanel: HvAppShellMainPanelConfig | undefined) {\n  if (mainPanel == null || mainPanel.views == null) {\n    return undefined;\n  }\n\n  const { views, maxWidth = \"xl\", ...mainContainerProps } = mainPanel;\n\n  return views.map(view => {\n    const {\n      bundle,\n      route,\n      config,\n      views: nestedViews,\n      maxWidth: viewMaxWidth,\n      ...viewContainerProps\n    } = view;\n\n    const appId = getAppIdFromBundle(bundle);\n\n    const RouteComponent = lazy(() => import(/* @vite-ignore */ bundle));\n\n    return (\n      <Route\n        key={route}\n        path={route}\n        element={\n          <HvContainer\n            maxWidth={viewMaxWidth ?? maxWidth}\n            {...mainContainerProps}\n            {...viewContainerProps}>\n            <AppShellViewProvider id={appId}>\n              <ErrorBoundary\n                key={route}\n                fallback={<GenericError fullPage={false} />}>\n                <RouteComponent {...config}>\n                  {nestedViews != null ? <Outlet /> : null}\n                </RouteComponent>\n              </ErrorBoundary>\n            </AppShellViewProvider>\n          </HvContainer>\n        }>\n        {renderNestedRoutes(nestedViews)}\n      </Route>\n    );\n  });\n}\n\nfunction renderErrorRoutes(mainPanel: HvAppShellMainPanelConfig | undefined) {\n  const { views, maxWidth = \"xl\", ...mainContainerProps } = mainPanel ?? {};\n\n  return (\n    <Route\n      path=\"*\"\n      key=\"notFound\"\n      element={\n        <HvContainer maxWidth={maxWidth} {...mainContainerProps}>\n          <NotFound />\n        </HvContainer>\n      }\n    />\n  );\n}\n\nconst AppShellRoutes = () => {\n  const { mainPanel } = useHvAppShellConfig();\n\n  return (\n    <Suspense fallback={<LoadingPage />}>\n      <Routes>\n        {renderRoutes(mainPanel)}\n        {renderErrorRoutes(mainPanel)}\n      </Routes>\n    </Suspense>\n  );\n};\n\nexport default AppShellRoutes;\n"],"names":["NotFound","lazy","renderNestedRoutes","views","map","view","bundle","appId","getAppIdFromBundle","RouteComponent","path","route","replace","Route","jsx","AppShellViewProvider","ErrorBoundary","GenericError","config","Outlet","renderRoutes","mainPanel","undefined","maxWidth","mainContainerProps","nestedViews","viewMaxWidth","viewContainerProps","HvContainer","renderErrorRoutes","AppShellRoutes","useHvAppShellConfig","Suspense","LoadingPage","Routes","AppShellRoutes$1"],"mappings":";;;;;;;;;;AAgBA,MAAMA,IAAWC,EAAK,MAAM,OAAO,+BAAsB,CAAC;AAE1D,SAASC,EAAmBC,GAA4C;AAC/DA,SAAAA,KAAAA,gBAAAA,EAAOC,IAAIC,CAAQA,MAAA;AAClB,UAAA;AAAA,MAAEC,QAAAA;AAAAA,IAAWD,IAAAA,GACbE,IAAQC,EAAmBF,CAAM,GAEjCG,IAAiBR,EAAK,MAAM;AAAA;AAAA,MAA0BK;AAAAA,KAAO,GAE7DI,IAAOL,EAAKM,MAAMC,QAAQ,OAAO,EAAE;AAEzC,6BACGC,GAEC,EAAA,MAAAH,GACA,SACE,gBAAAI,EAACC,KAAqB,IAAIR,GACxB,UAAC,gBAAAO,EAAAE,GAAA,EAEC,UAAW,gBAAAF,EAAAG,GAAA,EAAa,UAAU,GAAM,CAAA,GACxC,4BAACR,QAAmBJ,EAAKa,QACtBb,YAAKF,SAAS,OAAQ,gBAAAW,EAAAK,GAAA,CAAA,CAAS,IAAG,MACrC,EAAA,GAJKd,EAAKM,KAKZ,GACF,GAEDT,UAAAA,EAAmBG,EAAKF,KAAK,EAAA,GAbzBE,EAAKM,KAcZ;AAAA,EAAA;AAGN;AAEA,SAASS,EAAaC,GAAkD;AACtE,MAAIA,KAAa,QAAQA,EAAUlB,SAAS;AACnCmB;AAGH,QAAA;AAAA,IAAEnB,OAAAA;AAAAA,IAAOoB,UAAAA,IAAW;AAAA,IAAM,GAAGC;AAAAA,EAAuBH,IAAAA;AAEnDlB,SAAAA,EAAMC,IAAIC,CAAQA,MAAA;AACjB,UAAA;AAAA,MACJC,QAAAA;AAAAA,MACAK,OAAAA;AAAAA,MACAO,QAAAA;AAAAA,MACAf,OAAOsB;AAAAA,MACPF,UAAUG;AAAAA,MACV,GAAGC;AAAAA,IACDtB,IAAAA,GAEEE,IAAQC,EAAmBF,CAAM,GAEjCG,IAAiBR,EAAK,MAAM;AAAA;AAAA,MAA0BK;AAAAA,KAAO;AAGjE,WAAA,gBAAAQ,EAACD,KAEC,MAAMF,GACN,SACG,gBAAAG,EAAAc,GAAA,EACC,UAAUF,KAAgBH,MACtBC,GACJ,GAAIG,GACJ,UAAC,gBAAAb,EAAAC,GAAA,EAAqB,IAAIR,GACxB,UAAA,gBAAAO,EAACE,KAEC,UAAU,gBAAAF,EAACG,KAAa,UAAU,GAAA,CAAM,GACxC,UAAC,gBAAAH,EAAAL,GAAA,EAAe,GAAIS,GACjBO,UAAAA,KAAe,OAAQ,gBAAAX,EAAAK,GAAA,CAAS,CAAA,IAAG,KACtC,CAAA,KAJKR,CAKP,EACF,CAAA,EAAA,CACF,GAEDT,UAAmBuB,EAAAA,CAAW,KAlB1Bd,CAmBP;AAAA,EAAA,CAEH;AACH;AAEA,SAASkB,EAAkBR,GAAkD;AACrE,QAAA;AAAA,IAAElB,OAAAA;AAAAA,IAAOoB,UAAAA,IAAW;AAAA,IAAM,GAAGC;AAAAA,EAAAA,IAAuBH,KAAa,CAAA;AAEvE,SACG,gBAAAP,EAAAD,GAAA,EACC,MAAK,KAEL,SACG,gBAAAC,EAAAc,GAAA,EAAY,UAAAL,GAAwBC,GAAAA,GACnC,UAAA,gBAAAV,EAACd,GAAQ,CAAA,CAAA,GACX,KAJE,UAMJ;AAEN;AAEA,MAAM8B,IAAiBA,MAAM;AACrB,QAAA;AAAA,IAAET,WAAAA;AAAAA,MAAcU,EAAoB;AAE1C,2BACGC,GAAS,EAAA,4BAAWC,GAAW,CAAA,CAAA,GAC9B,4BAACC,GACEd,EAAAA,UAAAA;AAAAA,IAAAA,EAAaC,CAAS;AAAA,IACtBQ,EAAkBR,CAAS;AAAA,EAAA,EAC9B,CAAA,EACF,CAAA;AAEJ,GAEAc,IAAeL;"}

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/Main/Main.js

@@ -1,31 +1,27 @@
 import { jsxs as d, jsx as i } from "@emotion/react/jsx-runtime";
-import { HvContainer as l } from "@hitachivantara/uikit-react-core";
-import { useHvAppShellConfig as p } from "@hitachivantara/app-shell-shared";
-import v from "../../../providers/hooks/useNavigationContext.js";
-import { StyledContainer as h, StyledMain as f } from "./styles.js";
-import g from "../../../providers/hooks/useLayoutContext.js";
-import x from "../VerticalNavigation/VerticalNavigation.js";
-const u = ({
-  children: a
+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
 }) => {
   const {
-    hasVerticalNavigation: r,
+    hasVerticalNavigation: a,
     verticalNavigationMode: e,
     showHeaderSubMenu: n,
-    isCompactMode: o,
-    switchVerticalNavigationMode: m
-  } = v(), {
+    isCompactMode: t,
+    switchVerticalNavigationMode: r
+  } = m(), {
     bannerMaxHeight: s,
     verticalNavigationWidth: c
-  } = g(), {
-    mainPanel: t
-  } = p();
-  return /* @__PURE__ */ d(h, { showHeaderSubMenu: n, isCompactMode: o, children: [
-    r && e !== "CLOSED" && /* @__PURE__ */ i(x, { onClickAway: o ? m : void 0 }),
-    /* @__PURE__ */ i(f, { paddingTop: s, verticalNavigationWidth: c, children: /* @__PURE__ */ i(l, { maxWidth: (t == null ? void 0 : t.maxWidth) ?? "xl", children: a }) })
+  } = 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 })
   ] });
-}, V = u;
+}, N = M;
 export {
-  V as default
+  N as default
 };
 //# sourceMappingURL=Main.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Main.js","sources":["../../../../../src/components/layout/Main/Main.tsx"],"sourcesContent":["import { HvContainer } from \"@hitachivantara/uikit-react-core\";\n\nimport { useHvAppShellConfig } from \"@hitachivantara/app-shell-shared\";\n\nimport useNavigationContext from \"../../../providers/hooks/useNavigationContext\";\nimport VerticalNavigation from \"../VerticalNavigation\";\n\nimport { StyledMain, StyledContainer } from \"./styles\";\nimport useLayoutContext from \"../../../providers/hooks/useLayoutContext\";\n\nexport type MainProps = {\n  children: React.ReactNode;\n};\n\nconst Main = ({ children }: MainProps) => {\n  const {\n    hasVerticalNavigation,\n    verticalNavigationMode,\n    showHeaderSubMenu,\n    isCompactMode,\n    switchVerticalNavigationMode\n  } = useNavigationContext();\n  const { bannerMaxHeight, verticalNavigationWidth } = useLayoutContext();\n  const { mainPanel } = useHvAppShellConfig();\n\n  return (\n    <StyledContainer\n      showHeaderSubMenu={showHeaderSubMenu}\n      isCompactMode={isCompactMode}>\n      {hasVerticalNavigation && verticalNavigationMode !== \"CLOSED\" && (\n        <VerticalNavigation\n          onClickAway={isCompactMode ? switchVerticalNavigationMode : undefined}\n        />\n      )}\n\n      <StyledMain\n        paddingTop={bannerMaxHeight}\n        verticalNavigationWidth={verticalNavigationWidth}>\n        <HvContainer maxWidth={mainPanel?.maxWidth ?? \"xl\"}>\n          {children}\n        </HvContainer>\n      </StyledMain>\n    </StyledContainer>\n  );\n};\n\nexport default Main;\n"],"names":["Main","children","hasVerticalNavigation","verticalNavigationMode","showHeaderSubMenu","isCompactMode","switchVerticalNavigationMode","useNavigationContext","bannerMaxHeight","verticalNavigationWidth","useLayoutContext","mainPanel","useHvAppShellConfig","jsxs","StyledContainer","jsx","VerticalNavigation","undefined","StyledMain","HvContainer","maxWidth","Main$1"],"mappings":";;;;;;;AAcA,MAAMA,IAAOA,CAAC;AAAA,EAAEC,UAAAA;AAAoB,MAAM;AAClC,QAAA;AAAA,IACJC,uBAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,8BAAAA;AAAAA,MACEC,EAAqB,GACnB;AAAA,IAAEC,iBAAAA;AAAAA,IAAiBC,yBAAAA;AAAAA,MAA4BC,EAAiB,GAChE;AAAA,IAAEC,WAAAA;AAAAA,MAAcC,EAAoB;AAGxC,SAAA,gBAAAC,EAACC,GACC,EAAA,mBAAAV,GACA,eAAAC,GACCH,UAAAA;AAAAA,IAAAA,KAAyBC,MAA2B,YACnD,gBAAAY,EAACC,KACC,aAAaX,IAAgBC,IAA+BW,QAE/D;AAAA,IAEA,gBAAAF,EAAAG,GAAA,EACC,YAAYV,GACZ,yBAAAC,GACA,UAAA,gBAAAM,EAACI,GAAY,EAAA,WAAUR,KAAAA,gBAAAA,EAAWS,aAAY,MAC3CnB,UAAAA,EACH,CAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAoB,IAAerB;"}
+{"version":3,"file":"Main.js","sources":["../../../../../src/components/layout/Main/Main.tsx"],"sourcesContent":["import useNavigationContext from \"../../../providers/hooks/useNavigationContext\";\nimport VerticalNavigation from \"../VerticalNavigation\";\n\nimport { StyledMain, StyledContainer } from \"./styles\";\nimport useLayoutContext from \"../../../providers/hooks/useLayoutContext\";\n\nexport type MainProps = {\n  children: React.ReactNode;\n};\n\nconst Main = ({ children }: MainProps) => {\n  const {\n    hasVerticalNavigation,\n    verticalNavigationMode,\n    showHeaderSubMenu,\n    isCompactMode,\n    switchVerticalNavigationMode\n  } = useNavigationContext();\n  const { bannerMaxHeight, verticalNavigationWidth } = useLayoutContext();\n\n  return (\n    <StyledContainer\n      showHeaderSubMenu={showHeaderSubMenu}\n      isCompactMode={isCompactMode}>\n      {hasVerticalNavigation && verticalNavigationMode !== \"CLOSED\" && (\n        <VerticalNavigation\n          onClickAway={isCompactMode ? switchVerticalNavigationMode : undefined}\n        />\n      )}\n\n      <StyledMain\n        paddingTop={bannerMaxHeight}\n        verticalNavigationWidth={verticalNavigationWidth}>\n        {children}\n      </StyledMain>\n    </StyledContainer>\n  );\n};\n\nexport default Main;\n"],"names":["Main","children","hasVerticalNavigation","verticalNavigationMode","showHeaderSubMenu","isCompactMode","switchVerticalNavigationMode","useNavigationContext","bannerMaxHeight","verticalNavigationWidth","useLayoutContext","jsxs","StyledContainer","jsx","VerticalNavigation","undefined","StyledMain","Main$1"],"mappings":";;;;;AAUA,MAAMA,IAAOA,CAAC;AAAA,EAAEC,UAAAA;AAAoB,MAAM;AAClC,QAAA;AAAA,IACJC,uBAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,8BAAAA;AAAAA,MACEC,EAAqB,GACnB;AAAA,IAAEC,iBAAAA;AAAAA,IAAiBC,yBAAAA;AAAAA,MAA4BC,EAAiB;AAGpE,SAAA,gBAAAC,EAACC,GACC,EAAA,mBAAAR,GACA,eAAAC,GACCH,UAAAA;AAAAA,IAAAA,KAAyBC,MAA2B,YACnD,gBAAAU,EAACC,KACC,aAAaT,IAAgBC,IAA+BS,QAE/D;AAAA,IAEA,gBAAAF,EAAAG,GAAA,EACC,YAAYR,GACZ,yBAAAC,GACCR,UAAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAgB,IAAejB;"}

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

@@ -1,19 +1,18 @@
-import b from "@emotion/styled/base";
-import { theme as l } from "@hitachivantara/uikit-react-core";
-const G = 68, g = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
+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" ? {
   target: "ew4l8di1"
 } : {
   target: "ew4l8di1",
   label: "StyledContainer"
-})("display:flex;margin-top:", (c) => c.showHeaderSubMenu && !c.isCompactMode ? `calc(${l.header.height} + ${G}px)` : l.header.height, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQndEIiwiZmlsZSI6Ii9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuXG4vKipcbiAqIFRoZSB2YWx1ZSBvZiB0aGUgc3ViIGhlYWRlciBzaG91bGQgYmUgY29taW5nIGZyb20gVUktS0lULCBhdCB0aGlzIHRpbWUgaXQgaXMgbm90LCBzbyB3ZSBhcmUgaGFyZGNvZGluZyB0aGUgdmFsdWVcbiAqIGhlcmUuIDY0cHggZm9yIHRoZSBoZWlnaHQgYW5kIGFuIGV4dHJhIDRweCBmb3IgdGhlIHRvcCBwYWRkaW5nLlxuICovXG5leHBvcnQgY29uc3QgU1VCX0hFQURFUl9IRUlHSFQgPSA2ODtcblxuaW50ZXJmYWNlIFN0eWxlZENvbnRhaW5lclByb3BzIHtcbiAgc2hvd0hlYWRlclN1Yk1lbnU/OiBib29sZWFuO1xuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcbn1cbmludGVyZmFjZSBTdHlsZWRNYWluUHJvcHMge1xuICBwYWRkaW5nVG9wPzogbnVtYmVyO1xuICB2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aD86IG51bWJlcjtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdHlsZWRDb250YWluZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbi10b3A6ICR7cHJvcHMgPT4ge1xuICAgIGlmIChwcm9wcy5zaG93SGVhZGVyU3ViTWVudSAmJiAhcHJvcHMuaXNDb21wYWN0TW9kZSkge1xuICAgICAgcmV0dXJuIGBjYWxjKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke1NVQl9IRUFERVJfSEVJR0hUfXB4KWA7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoZW1lLmhlYWRlci5oZWlnaHQ7XG4gIH19O1xuYDtcblxuY29uc3QgU3R5bGVkTWFpbiA9IHN0eWxlZC5tYWluPFN0eWxlZE1haW5Qcm9wcz5gXG4gIGZsZXg6IDE7XG4gIHBhZGRpbmctdG9wOiAke3Byb3BzID0+IHtcbiAgICByZXR1cm4gYCR7cHJvcHMucGFkZGluZ1RvcH1weGA7XG4gIH19O1xuICB3aWR0aDogJHtwcm9wcyA9PiB7XG4gICAgcmV0dXJuIGBjYWxjKDEwMCUgLSAke3Byb3BzLnZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4KWA7XG4gIH19O1xuYDtcblxuZXhwb3J0IHsgU3R5bGVkQ29udGFpbmVyLCBTdHlsZWRNYWluIH07XG4iXX0= */")), X = /* @__PURE__ */ b("main", process.env.NODE_ENV === "production" ? {
+})("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" ? {
   target: "ew4l8di0"
 } : {
   target: "ew4l8di0",
   label: "StyledMain"
-})("flex:1;padding-top:", (c) => `${c.paddingTop}px`, ";width:", (c) => `calc(100% - ${c.verticalNavigationWidth}px)`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QitDIiwiZmlsZSI6Ii9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuXG4vKipcbiAqIFRoZSB2YWx1ZSBvZiB0aGUgc3ViIGhlYWRlciBzaG91bGQgYmUgY29taW5nIGZyb20gVUktS0lULCBhdCB0aGlzIHRpbWUgaXQgaXMgbm90LCBzbyB3ZSBhcmUgaGFyZGNvZGluZyB0aGUgdmFsdWVcbiAqIGhlcmUuIDY0cHggZm9yIHRoZSBoZWlnaHQgYW5kIGFuIGV4dHJhIDRweCBmb3IgdGhlIHRvcCBwYWRkaW5nLlxuICovXG5leHBvcnQgY29uc3QgU1VCX0hFQURFUl9IRUlHSFQgPSA2ODtcblxuaW50ZXJmYWNlIFN0eWxlZENvbnRhaW5lclByb3BzIHtcbiAgc2hvd0hlYWRlclN1Yk1lbnU/OiBib29sZWFuO1xuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcbn1cbmludGVyZmFjZSBTdHlsZWRNYWluUHJvcHMge1xuICBwYWRkaW5nVG9wPzogbnVtYmVyO1xuICB2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aD86IG51bWJlcjtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdHlsZWRDb250YWluZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbi10b3A6ICR7cHJvcHMgPT4ge1xuICAgIGlmIChwcm9wcy5zaG93SGVhZGVyU3ViTWVudSAmJiAhcHJvcHMuaXNDb21wYWN0TW9kZSkge1xuICAgICAgcmV0dXJuIGBjYWxjKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke1NVQl9IRUFERVJfSEVJR0hUfXB4KWA7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoZW1lLmhlYWRlci5oZWlnaHQ7XG4gIH19O1xuYDtcblxuY29uc3QgU3R5bGVkTWFpbiA9IHN0eWxlZC5tYWluPFN0eWxlZE1haW5Qcm9wcz5gXG4gIGZsZXg6IDE7XG4gIHBhZGRpbmctdG9wOiAke3Byb3BzID0+IHtcbiAgICByZXR1cm4gYCR7cHJvcHMucGFkZGluZ1RvcH1weGA7XG4gIH19O1xuICB3aWR0aDogJHtwcm9wcyA9PiB7XG4gICAgcmV0dXJuIGBjYWxjKDEwMCUgLSAke3Byb3BzLnZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4KWA7XG4gIH19O1xuYDtcblxuZXhwb3J0IHsgU3R5bGVkQ29udGFpbmVyLCBTdHlsZWRNYWluIH07XG4iXX0= */"));
+})("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== */"));
 export {
-  G as SUB_HEADER_HEIGHT,
-  g as StyledContainer,
-  X as StyledMain
+  Z as StyledContainer,
+  d as StyledMain
 };
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/layout/Main/styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-react-core\";\n\n/**\n * The value of the sub header should be coming from UI-KIT, at this time it is not, so we are hardcoding the value\n * here. 64px for the height and an extra 4px for the top padding.\n */\nexport const SUB_HEADER_HEIGHT = 68;\n\ninterface StyledContainerProps {\n  showHeaderSubMenu?: boolean;\n  isCompactMode?: boolean;\n}\ninterface StyledMainProps {\n  paddingTop?: number;\n  verticalNavigationWidth?: number;\n}\n\nconst StyledContainer = styled.div<StyledContainerProps>`\n  display: flex;\n  margin-top: ${props => {\n    if (props.showHeaderSubMenu && !props.isCompactMode) {\n      return `calc(${theme.header.height} + ${SUB_HEADER_HEIGHT}px)`;\n    }\n\n    return theme.header.height;\n  }};\n`;\n\nconst StyledMain = styled.main<StyledMainProps>`\n  flex: 1;\n  padding-top: ${props => {\n    return `${props.paddingTop}px`;\n  }};\n  width: ${props => {\n    return `calc(100% - ${props.verticalNavigationWidth}px)`;\n  }};\n`;\n\nexport { StyledContainer, StyledMain };\n"],"names":["SUB_HEADER_HEIGHT","StyledContainer","_styled","process","env","NODE_ENV","target","label","props","showHeaderSubMenu","isCompactMode","theme","header","height","StyledMain","paddingTop","verticalNavigationWidth"],"mappings":";;AAQO,MAAMA,IAAoB,IAW3BC,IAAe,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,4BAELC,CAASA,MACjBA,EAAMC,qBAAqB,CAACD,EAAME,gBAC5B,QAAOC,EAAMC,OAAOC,MAAO,MAAKb,CAAkB,QAGrDW,EAAMC,OAAOC,eACrBV,QAAAC,IAAAC,aACF,eAAA,KAAA,03DAAA,GAEKS,IAAU,gBAAAZ,EAAA,QAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,uBAECC,CAASA,MACd,GAAEA,EAAMO,UAAW,MAC5B,WACQP,CAASA,MACR,eAAcA,EAAMQ,uBAAwB,cACrDb,QAAAC,IAAAC,aACF,eAAA,KAAA,03DAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/layout/Main/styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-react-core\";\n\ninterface StyledContainerProps {\n  showHeaderSubMenu?: boolean;\n  isCompactMode?: boolean;\n}\ninterface StyledMainProps {\n  paddingTop?: number;\n  verticalNavigationWidth?: number;\n}\n\nconst StyledContainer = styled.div<StyledContainerProps>`\n  display: flex;\n  padding-top: ${props => {\n    if (props.showHeaderSubMenu && !props.isCompactMode) {\n      return `calc(${theme.header.height} + ${theme.header.secondLevelHeight})`;\n    }\n\n    return theme.header.height;\n  }};\n  min-height: 100vh;\n`;\n\nconst StyledMain = styled.main<StyledMainProps>`\n  flex: 1;\n  padding-top: ${props => {\n    return props.paddingTop\n      ? `calc(${props.paddingTop}px + ${theme.space.xs})`\n      : undefined;\n  }};\n  width: ${props => {\n    return `calc(100% - ${props.verticalNavigationWidth}px)`;\n  }};\n`;\n\nexport { StyledContainer, StyledMain };\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","props","showHeaderSubMenu","isCompactMode","theme","header","height","secondLevelHeight","StyledMain","paddingTop","space","xs","undefined","verticalNavigationWidth"],"mappings":";;AAaA,MAAMA,IAAe,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,6BAEJC,CAASA,MAClBA,EAAMC,qBAAqB,CAACD,EAAME,gBAC5B,QAAOC,EAAMC,OAAOC,MAAO,MAAKF,EAAMC,OAAOE,iBAAkB,MAGlEH,EAAMC,OAAOC,gCACrBV,QAAAC,IAAAC,aAEF,eAAA,KAAA,0sDAAA,GAEKU,IAAU,gBAAAb,EAAA,QAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,uBAECC,CAASA,MACfA,EAAMQ,aACR,QAAOR,EAAMQ,UAAW,QAAOL,EAAMM,MAAMC,EAAG,MAC/CC,QACL,WACQX,CAASA,MACR,eAAcA,EAAMY,uBAAwB,cACrDjB,QAAAC,IAAAC,aACF,eAAA,KAAA,8sDAAA;"}

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