@hitachivantara/app-shell-ui 1.5.0 → 1.6.1

package/dist/esm/components/AppShell/AppShell.js

@@ -1,8 +1,10 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import r from "../hoc/withGlobalProvider.js";
-import p from "../AppShellRoutes/AppShellRoutes.js";
-const t = () => /* @__PURE__ */ o(p, {}), i = r(t);
+import { jsx } from "@emotion/react/jsx-runtime";
+import withGlobalProvider from "../hoc/withGlobalProvider.js";
+import AppShellRoutes from "../AppShellRoutes/AppShellRoutes.js";
+const AppShell = () => {
+  return /* @__PURE__ */ jsx(AppShellRoutes, {});
+};
+const HvAppShell = withGlobalProvider(AppShell);
 export {
-  i as default
+  HvAppShell as default
 };
-//# sourceMappingURL=AppShell.js.map

package/dist/esm/components/AppShellProvider/AppShellProvider.js

@@ -1,61 +1,85 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import { useContext as O, useState as d, useEffect as p, useMemo as h } from "react";
-import { HvAppShellContext as R, HvAppShellRuntimeContext as w, HvAppShellCombinedProvidersContext as N, CONFIG_TRANSLATIONS_NAMESPACE as T } from "@hitachivantara/app-shell-shared";
-import { I18nContext as _ } from "react-i18next";
-import { themes as j, HvProvider as C } from "@hitachivantara/uikit-react-core";
-import { addResourceBundles as B } from "../../lib/i18n/index.js";
-import D from "../../lib/hooks/useLocalStorage.js";
-const F = ({
-  children: A,
-  config: n,
-  configUrl: i
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useContext, useState, useEffect, useMemo } from "react";
+import { HvAppShellContext, HvAppShellRuntimeContext, HvAppShellCombinedProvidersContext, CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
+import { I18nContext } from "react-i18next";
+import { themes, HvProvider } from "@hitachivantara/uikit-react-core";
+import { addResourceBundles } from "../../lib/i18n/index.js";
+import useLocalStorage from "../../lib/hooks/useLocalStorage.js";
+const AppShellProvider = ({
+  children,
+  config: localConfig,
+  configUrl
 }) => {
-  var f, P, x, S;
   const {
-    i18n: l
-  } = O(_), {
-    value: I
-  } = D("COLOR_MODE"), [c, v] = d(void 0), [$, E] = d(!1);
-  p(() => {
-    !n && i && fetch(new URL(i)).then((r) => r.json()).then((r) => v(r)).catch((r) => {
-      console.error(`It was not possible to obtain the context from: ${i}`, r), v(void 0), E(!0);
-    });
-  }, [n, i]);
-  const e = h(() => n ?? c, [n, c]);
-  if ($)
+    i18n
+  } = useContext(I18nContext);
+  const {
+    value: storedColorModeValue
+  } = useLocalStorage("COLOR_MODE");
+  const [loadedConfig, setLoadedConfig] = useState(void 0);
+  const [hasError, setHasError] = useState(false);
+  useEffect(() => {
+    if (!localConfig && configUrl) {
+      fetch(new URL(configUrl)).then((result) => {
+        return result.json();
+      }).then((data) => setLoadedConfig(data)).catch((e) => {
+        console.error(`It was not possible to obtain the context from: ${configUrl}`, e);
+        setLoadedConfig(void 0);
+        setHasError(true);
+      });
+    }
+  }, [localConfig, configUrl]);
+  const theConfig = useMemo(() => localConfig ?? loadedConfig, [localConfig, loadedConfig]);
+  if (hasError) {
     throw Error("It was not possible to obtain the configuration");
-  e != null && e.translations && B(l, e.translations, T);
-  const [u, b] = d(void 0), [a, M] = d(void 0);
-  p(() => {
-    var r, o;
-    (r = e == null ? void 0 : e.theming) != null && r.themes && Promise.all((o = e.theming.themes) == null ? void 0 : o.map((t) => j[t] ?? import(
-      /* @vite-ignore */
-      t
-    ).then((s) => s.default).catch((s) => {
-      console.error(`Import of theme bundle ${t} failed! ${s}`);
-    }))).then((t) => {
-      b(t.filter((s) => !!s));
-    }).catch((t) => {
-      console.error(`Import of themes failed! ${t}`);
-    });
-  }, [(f = e == null ? void 0 : e.theming) == null ? void 0 : f.themes]), p(() => {
-    e != null && e.providers && Promise.all(e.providers.map((r) => import(
-      /* @vite-ignore */
-      r.bundle
-    ).then((o) => o.default).catch((o) => {
-      console.error(`Import of provider '${r.bundle}' failed! ${o}`);
-    }))).then((r) => M(r.filter((o) => !!o))).catch((r) => {
-      console.error("Import of providers failed!", r);
-    });
-  }, [e == null ? void 0 : e.providers]);
-  const H = h(() => ({
-    i18n: l
-  }), [l]), L = h(() => ({
-    providers: a
-  }), [a]);
-  return !e || (P = e.theming) != null && P.themes && !u || e.providers != null && a === void 0 ? null : /* @__PURE__ */ m(R.Provider, { value: e, children: /* @__PURE__ */ m(w.Provider, { value: H, children: /* @__PURE__ */ m(C, { themes: u, theme: (x = e.theming) == null ? void 0 : x.theme, colorMode: I ?? ((S = e.theming) == null ? void 0 : S.colorMode), children: /* @__PURE__ */ m(N.Provider, { value: L, children: A }) }) }) });
-}, K = F;
+  }
+  if (theConfig?.translations) {
+    addResourceBundles(i18n, theConfig.translations, CONFIG_TRANSLATIONS_NAMESPACE);
+  }
+  const [themes$1, setThemes] = useState(void 0);
+  const [providers, setProviders] = useState(void 0);
+  useEffect(() => {
+    if (theConfig?.theming?.themes) {
+      Promise.all(theConfig.theming.themes?.map((bundle) => {
+        return themes[bundle] ?? import(
+          /* @vite-ignore */
+          bundle
+        ).then((module) => module.default).catch((e) => {
+          console.error(`Import of theme bundle ${bundle} failed! ${e}`);
+        });
+      })).then((loadedThemes) => {
+        setThemes(loadedThemes.filter((theme) => !!theme));
+      }).catch((e) => {
+        console.error(`Import of themes failed! ${e}`);
+      });
+    }
+  }, [theConfig?.theming?.themes]);
+  useEffect(() => {
+    if (theConfig?.providers) {
+      Promise.all(theConfig.providers.map((provider) => {
+        return import(
+          /* @vite-ignore */
+          provider.bundle
+        ).then((module) => module.default).catch((e) => {
+          console.error(`Import of provider '${provider.bundle}' failed! ${e}`);
+        });
+      })).then((loadedProviders) => setProviders(loadedProviders.filter((provider) => !!provider))).catch((e) => {
+        console.error(`Import of providers failed!`, e);
+      });
+    }
+  }, [theConfig?.providers]);
+  const runtimeContext = useMemo(() => ({
+    i18n
+  }), [i18n]);
+  const providersContext = useMemo(() => ({
+    providers
+  }), [providers]);
+  if (!theConfig || theConfig.theming?.themes && !themes$1 || theConfig.providers != null && providers === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(HvAppShellContext.Provider, { value: theConfig, children: /* @__PURE__ */ jsx(HvAppShellRuntimeContext.Provider, { value: runtimeContext, children: /* @__PURE__ */ jsx(HvProvider, { themes: themes$1, theme: theConfig.theming?.theme, colorMode: storedColorModeValue ?? theConfig.theming?.colorMode, children: /* @__PURE__ */ jsx(HvAppShellCombinedProvidersContext.Provider, { value: providersContext, children }) }) }) });
+};
+const AppShellProvider$1 = AppShellProvider;
 export {
-  K as default
+  AppShellProvider$1 as default
 };
-//# sourceMappingURL=AppShellProvider.js.map

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

@@ -1,86 +1,95 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { lazy as p } from "react";
-import { RouterProvider as b, createBrowserRouter as A, Outlet as s } from "react-router-dom";
-import { ErrorBoundary as d } from "react-error-boundary";
-import { HvContainer as c } from "@hitachivantara/uikit-react-core";
-import { useHvAppShellConfig as w, useHvAppShellCombinedProviders as E } from "@hitachivantara/app-shell-shared";
-import S from "../../pages/LoadingPage/LoadingPage.js";
-import { getAppIdFromBundle as f } from "../../lib/utils/navigationUtil.js";
-import W from "../../lib/utils/basePathUtils.js";
-import B from "../../pages/Root/Root.js";
-import m from "../../pages/GenericError/GenericError.js";
-import h from "../AppShellViewProvider/AppShellViewProvider.js";
-const k = p(() => import("../../pages/NotFound/index.js"));
-function g(r) {
-  if (r)
-    return r.map((o) => {
-      const {
-        bundle: t
-      } = o, n = f(t), i = p(() => import(
-        /* @vite-ignore */
-        t
-      ));
-      return {
-        path: o.route.replace(/^\//, ""),
-        // "Component" used instead of "element" due to lazy loading
-        Component: () => /* @__PURE__ */ e(h, { id: n, children: /* @__PURE__ */ e(d, { fallback: /* @__PURE__ */ e(m, { fullPage: !1 }), children: /* @__PURE__ */ e(i, { ...o.config, children: o.views != null ? /* @__PURE__ */ e(s, {}) : null }) }, o.route) }),
-        children: g(o.views)
-      };
-    });
+import { jsx } from "@emotion/react/jsx-runtime";
+import { lazy } from "react";
+import { RouterProvider, createBrowserRouter, Outlet } from "react-router-dom";
+import { ErrorBoundary } from "react-error-boundary";
+import { HvContainer } from "@hitachivantara/uikit-react-core";
+import { useHvAppShellConfig, useHvAppShellCombinedProviders } from "@hitachivantara/app-shell-shared";
+import LoadingPage from "../../pages/LoadingPage/LoadingPage.js";
+import { getAppIdFromBundle } from "../../lib/utils/navigationUtil.js";
+import getBasePath from "../../lib/utils/basePathUtils.js";
+import RootRoute from "../../pages/Root/Root.js";
+import GenericError from "../../pages/GenericError/GenericError.js";
+import AppShellViewProvider from "../AppShellViewProvider/AppShellViewProvider.js";
+const NotFound = lazy(() => import("../../pages/NotFound/index.js"));
+function renderNestedRoutes(views) {
+  if (!views) {
+    return void 0;
+  }
+  return views.map((view) => {
+    const {
+      bundle
+    } = view;
+    const appId = getAppIdFromBundle(bundle);
+    const RouteComponent = lazy(() => import(
+      /* @vite-ignore */
+      bundle
+    ));
+    const path = view.route.replace(/^\//, "");
+    return {
+      path,
+      // "Component" used instead of "element" due to lazy loading
+      Component: () => /* @__PURE__ */ jsx(AppShellViewProvider, { id: appId, children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(GenericError, { fullPage: false }), children: /* @__PURE__ */ jsx(RouteComponent, { ...view.config, children: view.views != null ? /* @__PURE__ */ jsx(Outlet, {}) : null }) }, view.route) }),
+      children: renderNestedRoutes(view.views)
+    };
+  });
 }
-function H(r) {
-  if (r == null || r.views == null)
+function renderRoutes(mainPanel) {
+  if (mainPanel == null || mainPanel.views == null) {
     return [];
+  }
   const {
-    views: o,
-    maxWidth: t = "xl",
-    ...n
-  } = r;
-  return o.map((i) => {
+    views,
+    maxWidth = "xl",
+    ...mainContainerProps
+  } = mainPanel;
+  return views.map((view) => {
     const {
-      bundle: l,
-      route: u,
-      config: P,
-      views: a,
-      maxWidth: R,
-      ...v
-    } = i, C = f(l), x = p(() => import(
+      bundle,
+      route,
+      config,
+      views: nestedViews,
+      maxWidth: viewMaxWidth,
+      ...viewContainerProps
+    } = view;
+    const appId = getAppIdFromBundle(bundle);
+    const RouteComponent = lazy(() => import(
       /* @vite-ignore */
-      l
+      bundle
     ));
     return {
-      path: u,
+      path: route,
       // "Component" used instead of "element" due to lazy loading
-      Component: () => /* @__PURE__ */ e(c, { maxWidth: R ?? t, ...n, ...v, children: /* @__PURE__ */ e(h, { id: C, children: /* @__PURE__ */ e(d, { fallback: /* @__PURE__ */ e(m, { fullPage: !1 }), children: /* @__PURE__ */ e(x, { ...P, children: a != null ? /* @__PURE__ */ e(s, {}) : null }) }, u) }) }),
-      children: g(a)
+      Component: () => /* @__PURE__ */ jsx(HvContainer, { maxWidth: viewMaxWidth ?? maxWidth, ...mainContainerProps, ...viewContainerProps, children: /* @__PURE__ */ jsx(AppShellViewProvider, { id: appId, children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(GenericError, { fullPage: false }), children: /* @__PURE__ */ jsx(RouteComponent, { ...config, children: nestedViews != null ? /* @__PURE__ */ jsx(Outlet, {}) : null }) }, route) }) }),
+      children: renderNestedRoutes(nestedViews)
     };
   });
 }
-function I(r) {
+function renderErrorRoutes(mainPanel) {
   const {
-    views: o,
-    maxWidth: t = "xl",
-    ...n
-  } = r ?? {};
+    views,
+    maxWidth = "xl",
+    ...mainContainerProps
+  } = mainPanel ?? {};
   return [{
     path: "*",
-    element: /* @__PURE__ */ e(c, { maxWidth: t, ...n, children: /* @__PURE__ */ e(k, {}) })
+    element: /* @__PURE__ */ jsx(HvContainer, { maxWidth, ...mainContainerProps, children: /* @__PURE__ */ jsx(NotFound, {}) })
   }];
 }
-const y = () => {
-  const r = w(), {
-    providers: o
-  } = E();
-  return /* @__PURE__ */ e(b, { fallbackElement: /* @__PURE__ */ e(S, {}), router: A([{
-    element: /* @__PURE__ */ e(B, { providers: o }),
+const AppShellRoutes = () => {
+  const config = useHvAppShellConfig();
+  const {
+    providers
+  } = useHvAppShellCombinedProviders();
+  return /* @__PURE__ */ jsx(RouterProvider, { fallbackElement: /* @__PURE__ */ jsx(LoadingPage, {}), router: createBrowserRouter([{
+    element: /* @__PURE__ */ jsx(RootRoute, { providers }),
     // All routes live inside `RootRoute`
-    errorElement: /* @__PURE__ */ e(m, { fullPage: !0 }),
-    children: [...H(r.mainPanel), ...I(r.mainPanel)]
+    errorElement: /* @__PURE__ */ jsx(GenericError, { fullPage: true }),
+    children: [...renderRoutes(config.mainPanel), ...renderErrorRoutes(config.mainPanel)]
   }], {
-    basename: W(r)
+    basename: getBasePath(config)
   }) });
-}, J = y;
+};
+const AppShellRoutes$1 = AppShellRoutes;
 export {
-  J as default
+  AppShellRoutes$1 as default
 };
-//# sourceMappingURL=AppShellRoutes.js.map

package/dist/esm/components/AppShellViewProvider/AppShellViewProvider.js

@@ -1,16 +1,16 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { useMemo as p } from "react";
-import { HvAppShellViewContext as i } from "@hitachivantara/app-shell-shared";
-const l = ({
-  children: o,
-  id: e
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useMemo } from "react";
+import { HvAppShellViewContext } from "@hitachivantara/app-shell-shared";
+const AppShellViewProvider = ({
+  children,
+  id
 }) => {
-  const r = p(() => ({
-    id: e
-  }), [e]);
-  return /* @__PURE__ */ t(i.Provider, { value: r, children: o });
-}, v = l;
+  const value = useMemo(() => ({
+    id
+  }), [id]);
+  return /* @__PURE__ */ jsx(HvAppShellViewContext.Provider, { value, children });
+};
+const AppShellViewProvider$1 = AppShellViewProvider;
 export {
-  v as default
+  AppShellViewProvider$1 as default
 };
-//# sourceMappingURL=AppShellViewProvider.js.map

package/dist/esm/components/CustomHooksInitializer/CustomHooksInitializer.js

@@ -1,7 +1,11 @@
-import t from "../../lib/hooks/useClearLocationState.js";
-import o from "../../lib/hooks/useCustomEventListener.js";
-const e = () => (o(), t(), null), i = e;
+import useClearLocationState from "../../lib/hooks/useClearLocationState.js";
+import useCustomEventListener from "../../lib/hooks/useCustomEventListener.js";
+const CustomHooksInitializer = () => {
+  useCustomEventListener();
+  useClearLocationState();
+  return null;
+};
+const CustomHooksInitializer$1 = CustomHooksInitializer;
 export {
-  i as default
+  CustomHooksInitializer$1 as default
 };
-//# sourceMappingURL=CustomHooksInitializer.js.map

package/dist/esm/components/GlobalStyles/GlobalStyles.js

@@ -1,19 +1,19 @@
-import { jsx as b } from "@emotion/react/jsx-runtime";
-import { Global as l } from "@emotion/react";
-function s() {
+import { jsx } from "@emotion/react/jsx-runtime";
+import { Global } from "@emotion/react";
+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).";
 }
-var c = process.env.NODE_ENV === "production" ? {
+var _ref = process.env.NODE_ENV === "production" ? {
   name: "1ay3zcm",
   styles: "html,body{height:unset;}"
 } : {
   name: "1xkfqfu-GlobalStyles",
   styles: "html,body{height:unset;};label:GlobalStyles;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL0dsb2JhbFN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVlIiwiZmlsZSI6Ii9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL0dsb2JhbFN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuLyoqXG4gKiBUaGlzIGNvbXBvbmVudCBjYW4gYmUgdXNlZCB0byBzZXQgfCBhZGQgfCBtb2RpZnkgZ2xvYmFsIGNzcy4gSXQgY2FuIGFsc28gb3ZlcnJpZGUgcHJvcGVydGllcyBkZWZpbmVkIGluIFVJLUtJVC5cbiAqXG4gKiBXZSBuZWVkIHRvIGhhdmUgdGhpcyBjb21wb25lbnQgYmVjYXVzZSB0aGUgVUktS0lUIGlzIGZvcmNpbmcgdGhlIGhlaWdodCB0byAxMDAlIGFuZCB0aGlzIGNhdXNlZCBBcHAgU2hlbGwgdG8gc2hvd1xuICogYSB2ZXJ0aWNhbCBzY3JvbGwgYmFyIHdoZW4gaXQgc2hvdWxkbid0IGR1ZSB0byB0aGUgaGVhZGVyIGhlaWdodC5cbiAqL1xuY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4gKFxuICA8R2xvYmFsXG4gICAgc3R5bGVzPXtjc3NgXG4gICAgICBodG1sLFxuICAgICAgYm9keSB7XG4gICAgICAgIGhlaWdodDogdW5zZXQ7XG4gICAgICB9XG4gICAgYH1cbiAgLz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEdsb2JhbFN0eWxlcztcbiJdfQ== */",
-  toString: s
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-const G = () => /* @__PURE__ */ b(l, { styles: c }), o = G;
+const GlobalStyles = () => /* @__PURE__ */ jsx(Global, { styles: _ref });
+const GlobalStyles$1 = GlobalStyles;
 export {
-  o as default
+  GlobalStyles$1 as default
 };
-//# sourceMappingURL=GlobalStyles.js.map

package/dist/esm/components/GlobalStyles/index.js

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

package/dist/esm/components/IconUiKit/IconUiKit.js

@@ -1,10 +1,12 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { HvIconSprite as s } from "@hitachivantara/uikit-react-icons";
-var i, o;
-const e = (o = (i = import.meta).resolve) == null ? void 0 : o.call(i, "@hv/uikit-icons/icons.svg"), n = ({
-  name: t
-}) => /* @__PURE__ */ r(s, { spriteUrl: e, iconName: t }), p = n;
+import { jsx } from "@emotion/react/jsx-runtime";
+import { HvIconSprite } from "@hitachivantara/uikit-react-icons";
+const spriteUri = import.meta.resolve?.("@hv/uikit-icons/icons.svg");
+const IconUiKit = ({
+  name
+}) => {
+  return /* @__PURE__ */ jsx(HvIconSprite, { spriteUrl: spriteUri, iconName: name });
+};
+const IconUiKit$1 = IconUiKit;
 export {
-  p as default
+  IconUiKit$1 as default
 };
-//# sourceMappingURL=IconUiKit.js.map

package/dist/esm/components/IconUiKit/index.js

@@ -1,7 +1,6 @@
-import o from "react";
-import t from "./IconUiKit.js";
-const r = o.memo(t);
+import React from "react";
+import IconUiKit$1 from "./IconUiKit.js";
+const IconUiKit = React.memo(IconUiKit$1);
 export {
-  r as default
+  IconUiKit as default
 };
-//# sourceMappingURL=index.js.map

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

@@ -1,15 +1,22 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-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 ? 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;
+import { jsx } from "@emotion/react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { ClickAwayListener } from "@mui/material";
+import createAppContainerElement from "../../lib/utils/documentUtil.js";
+const withClickAwayListener = (WrappedComponent) => {
+  const displayName = WrappedComponent.displayName ?? WrappedComponent.name;
+  const panelContainerElement = createAppContainerElement();
+  const ComponentWithClickAwayListener = ({
+    onClickAway,
+    ...wrappedProps
+  }) => {
+    if (onClickAway) {
+      return createPortal(/* @__PURE__ */ jsx(ClickAwayListener, { onClickAway, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(WrappedComponent, { ...wrappedProps }) }) }), panelContainerElement);
+    }
+    return /* @__PURE__ */ jsx(WrappedComponent, { ...wrappedProps });
+  };
+  ComponentWithClickAwayListener.displayName = `withClickAwayListener(${displayName})`;
+  return ComponentWithClickAwayListener;
 };
 export {
-  u as default
+  withClickAwayListener as default
 };
-//# sourceMappingURL=withClickAwayListener.js.map

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

@@ -1,28 +1,33 @@
-import { jsx as I, jsxs as m } from "@emotion/react/jsx-runtime";
-import { css as i } from "@emotion/css";
-import { I18nextProvider as G } from "react-i18next";
-import { HelmetProvider as A } from "react-helmet-async";
-import { theme as X, HvProvider as d, HvSnackbarProvider as t } from "@hitachivantara/uikit-react-core";
-import { ErrorBoundary as Z } from "react-error-boundary";
-import o from "../GlobalStyles/GlobalStyles.js";
-import B from "../AppShellProvider/AppShellProvider.js";
-import e from "../../lib/i18n/index.js";
-import r from "../../providers/LayoutProvider.js";
-import V from "../../pages/GenericError/GenericError.js";
-const h = {
-  containerRoot: /* @__PURE__ */ i("margin-top:", X.header.height, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2hvYy93aXRoR2xvYmFsUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCb0IiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL2NvbXBvbmVudHMvaG9jL3dpdGhHbG9iYWxQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyBJMThuZXh0UHJvdmlkZXIgfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHsgSGVsbWV0UHJvdmlkZXIgfSBmcm9tIFwicmVhY3QtaGVsbWV0LWFzeW5jXCI7XG5cbmltcG9ydCB7XG4gIEh2UHJvdmlkZXIsXG4gIEh2U25hY2tiYXJQcm92aWRlcixcbiAgdGhlbWVcbn0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEVycm9yQm91bmRhcnkgfSBmcm9tIFwicmVhY3QtZXJyb3ItYm91bmRhcnlcIjtcblxuaW1wb3J0IEdsb2JhbFN0eWxlcyBmcm9tIFwiLi4vR2xvYmFsU3R5bGVzXCI7XG5pbXBvcnQgQXBwU2hlbGxQcm92aWRlciBmcm9tIFwiLi4vQXBwU2hlbGxQcm92aWRlci9BcHBTaGVsbFByb3ZpZGVyXCI7XG5pbXBvcnQgY3JlYXRlSTE4TmV4dCBmcm9tIFwiLi4vLi4vbGliL2kxOG5cIjtcbmltcG9ydCBMYXlvdXRQcm92aWRlciBmcm9tIFwiLi4vLi4vcHJvdmlkZXJzL0xheW91dFByb3ZpZGVyXCI7XG5pbXBvcnQgR2VuZXJpY0Vycm9yIGZyb20gXCIuLi8uLi9wYWdlcy9HZW5lcmljRXJyb3JcIjtcblxudHlwZSBXcmFwcGVkQ29tcG9uZW50UHJvcHM8VCBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlPiA9IFJlYWN0LkNvbXBvbmVudFR5cGU8XG4gIFJlYWN0LkNvbXBvbmVudFByb3BzPFQ+XG4+O1xuXG5jb25zdCBzbmFja2JhckNsYXNzZXMgPSB7XG4gIGNvbnRhaW5lclJvb3Q6IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAke3RoZW1lLmhlYWRlci5oZWlnaHR9O1xuICBgXG59O1xuXG5jb25zdCB3aXRoR2xvYmFsUHJvdmlkZXIgPSA8VCBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlPihcbiAgV3JhcHBlZENvbXBvbmVudDogV3JhcHBlZENvbXBvbmVudFByb3BzPFQ+XG4pID0+IHtcbiAgY29uc3QgZGlzcGxheU5hbWUgPSBXcmFwcGVkQ29tcG9uZW50LmRpc3BsYXlOYW1lID8/IFdyYXBwZWRDb21wb25lbnQubmFtZTtcblxuICBjb25zdCB7IGkxOG4gfSA9IGNyZWF0ZUkxOE5leHQoKTtcblxuICBjb25zdCBDb21wb25lbnRXaXRoR2xvYmFsUHJvdmlkZXIgPSAoe1xuICAgIC4uLndyYXBwZWRQcm9wc1xuICB9OiBSZWFjdC5Db21wb25lbnRQcm9wczxUPikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8SGVsbWV0UHJvdmlkZXI+XG4gICAgICAgIDxIdlByb3ZpZGVyPlxuICAgICAgICAgIDxHbG9iYWxTdHlsZXMgLz5cbiAgICAgICAgICA8STE4bmV4dFByb3ZpZGVyIGkxOG49e2kxOG59PlxuICAgICAgICAgICAgPEVycm9yQm91bmRhcnlcbiAgICAgICAgICAgICAga2V5PVwiZ2VuZXJhbFwiXG4gICAgICAgICAgICAgIGZhbGxiYWNrPXs8R2VuZXJpY0Vycm9yIGZ1bGxQYWdlIGluY2x1ZGVGb290ZXI9e2ZhbHNlfSAvPn0+XG4gICAgICAgICAgICAgIDxBcHBTaGVsbFByb3ZpZGVyXG4gICAgICAgICAgICAgICAgY29uZmlnPXt3cmFwcGVkUHJvcHMuY29uZmlnfVxuICAgICAgICAgICAgICAgIGNvbmZpZ1VybD17d3JhcHBlZFByb3BzLmNvbmZpZ1VybH0+XG4gICAgICAgICAgICAgICAgPExheW91dFByb3ZpZGVyPlxuICAgICAgICAgICAgICAgICAgPEh2U25hY2tiYXJQcm92aWRlclxuICAgICAgICAgICAgICAgICAgICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGU9e3NuYWNrYmFyQ2xhc3Nlc30+XG4gICAgICAgICAgICAgICAgICAgIDxXcmFwcGVkQ29tcG9uZW50IHsuLi53cmFwcGVkUHJvcHN9IC8+XG4gICAgICAgICAgICAgICAgICA8L0h2U25hY2tiYXJQcm92aWRlcj5cbiAgICAgICAgICAgICAgICA8L0xheW91dFByb3ZpZGVyPlxuICAgICAgICAgICAgICA8L0FwcFNoZWxsUHJvdmlkZXI+XG4gICAgICAgICAgICA8L0Vycm9yQm91bmRhcnk+XG4gICAgICAgICAgPC9JMThuZXh0UHJvdmlkZXI+XG4gICAgICAgIDwvSHZQcm92aWRlcj5cbiAgICAgIDwvSGVsbWV0UHJvdmlkZXI+XG4gICAgKTtcbiAgfTtcblxuICBDb21wb25lbnRXaXRoR2xvYmFsUHJvdmlkZXIuZGlzcGxheU5hbWUgPSBgd2l0aEdsb2JhbFByb3ZpZGVyKCR7ZGlzcGxheU5hbWV9KWA7XG5cbiAgcmV0dXJuIENvbXBvbmVudFdpdGhHbG9iYWxQcm92aWRlcjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhHbG9iYWxQcm92aWRlcjtcbiJdfQ== */")
-}, R = (c) => {
-  const l = c.displayName ?? c.name, {
-    i18n: C
-  } = e(), g = ({
-    ...b
-  }) => /* @__PURE__ */ I(A, { children: /* @__PURE__ */ m(d, { children: [
-    /* @__PURE__ */ I(o, {}),
-    /* @__PURE__ */ I(G, { i18n: C, children: /* @__PURE__ */ I(Z, { fallback: /* @__PURE__ */ I(V, { fullPage: !0, includeFooter: !1 }), children: /* @__PURE__ */ I(B, { config: b.config, configUrl: b.configUrl, children: /* @__PURE__ */ I(r, { children: /* @__PURE__ */ I(t, { notistackClassesOverride: h, children: /* @__PURE__ */ I(c, { ...b }) }) }) }) }, "general") })
-  ] }) });
-  return g.displayName = `withGlobalProvider(${l})`, g;
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { css } from "@emotion/css";
+import { I18nextProvider } from "react-i18next";
+import { HelmetProvider } from "react-helmet-async";
+import { theme, HvProvider, HvSnackbarProvider } from "@hitachivantara/uikit-react-core";
+import { ErrorBoundary } from "react-error-boundary";
+import GlobalStyles from "../GlobalStyles/GlobalStyles.js";
+import AppShellProvider from "../AppShellProvider/AppShellProvider.js";
+import createI18Next from "../../lib/i18n/index.js";
+import LayoutProvider from "../../providers/LayoutProvider.js";
+import GenericError from "../../pages/GenericError/GenericError.js";
+const snackbarClasses = {
+  containerRoot: /* @__PURE__ */ css("margin-top:", theme.header.height, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2hvYy93aXRoR2xvYmFsUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCb0IiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL2NvbXBvbmVudHMvaG9jL3dpdGhHbG9iYWxQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyBJMThuZXh0UHJvdmlkZXIgfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHsgSGVsbWV0UHJvdmlkZXIgfSBmcm9tIFwicmVhY3QtaGVsbWV0LWFzeW5jXCI7XG5cbmltcG9ydCB7XG4gIEh2UHJvdmlkZXIsXG4gIEh2U25hY2tiYXJQcm92aWRlcixcbiAgdGhlbWVcbn0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEVycm9yQm91bmRhcnkgfSBmcm9tIFwicmVhY3QtZXJyb3ItYm91bmRhcnlcIjtcblxuaW1wb3J0IEdsb2JhbFN0eWxlcyBmcm9tIFwiLi4vR2xvYmFsU3R5bGVzXCI7XG5pbXBvcnQgQXBwU2hlbGxQcm92aWRlciBmcm9tIFwiLi4vQXBwU2hlbGxQcm92aWRlci9BcHBTaGVsbFByb3ZpZGVyXCI7XG5pbXBvcnQgY3JlYXRlSTE4TmV4dCBmcm9tIFwiLi4vLi4vbGliL2kxOG5cIjtcbmltcG9ydCBMYXlvdXRQcm92aWRlciBmcm9tIFwiLi4vLi4vcHJvdmlkZXJzL0xheW91dFByb3ZpZGVyXCI7XG5pbXBvcnQgR2VuZXJpY0Vycm9yIGZyb20gXCIuLi8uLi9wYWdlcy9HZW5lcmljRXJyb3JcIjtcblxudHlwZSBXcmFwcGVkQ29tcG9uZW50UHJvcHM8VCBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlPiA9IFJlYWN0LkNvbXBvbmVudFR5cGU8XG4gIFJlYWN0LkNvbXBvbmVudFByb3BzPFQ+XG4+O1xuXG5jb25zdCBzbmFja2JhckNsYXNzZXMgPSB7XG4gIGNvbnRhaW5lclJvb3Q6IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAke3RoZW1lLmhlYWRlci5oZWlnaHR9O1xuICBgXG59O1xuXG5jb25zdCB3aXRoR2xvYmFsUHJvdmlkZXIgPSA8VCBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlPihcbiAgV3JhcHBlZENvbXBvbmVudDogV3JhcHBlZENvbXBvbmVudFByb3BzPFQ+XG4pID0+IHtcbiAgY29uc3QgZGlzcGxheU5hbWUgPSBXcmFwcGVkQ29tcG9uZW50LmRpc3BsYXlOYW1lID8/IFdyYXBwZWRDb21wb25lbnQubmFtZTtcblxuICBjb25zdCB7IGkxOG4gfSA9IGNyZWF0ZUkxOE5leHQoKTtcblxuICBjb25zdCBDb21wb25lbnRXaXRoR2xvYmFsUHJvdmlkZXIgPSAoe1xuICAgIC4uLndyYXBwZWRQcm9wc1xuICB9OiBSZWFjdC5Db21wb25lbnRQcm9wczxUPikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8SGVsbWV0UHJvdmlkZXI+XG4gICAgICAgIDxIdlByb3ZpZGVyPlxuICAgICAgICAgIDxHbG9iYWxTdHlsZXMgLz5cbiAgICAgICAgICA8STE4bmV4dFByb3ZpZGVyIGkxOG49e2kxOG59PlxuICAgICAgICAgICAgPEVycm9yQm91bmRhcnlcbiAgICAgICAgICAgICAga2V5PVwiZ2VuZXJhbFwiXG4gICAgICAgICAgICAgIGZhbGxiYWNrPXs8R2VuZXJpY0Vycm9yIGZ1bGxQYWdlIGluY2x1ZGVGb290ZXI9e2ZhbHNlfSAvPn0+XG4gICAgICAgICAgICAgIDxBcHBTaGVsbFByb3ZpZGVyXG4gICAgICAgICAgICAgICAgY29uZmlnPXt3cmFwcGVkUHJvcHMuY29uZmlnfVxuICAgICAgICAgICAgICAgIGNvbmZpZ1VybD17d3JhcHBlZFByb3BzLmNvbmZpZ1VybH0+XG4gICAgICAgICAgICAgICAgPExheW91dFByb3ZpZGVyPlxuICAgICAgICAgICAgICAgICAgPEh2U25hY2tiYXJQcm92aWRlclxuICAgICAgICAgICAgICAgICAgICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGU9e3NuYWNrYmFyQ2xhc3Nlc30+XG4gICAgICAgICAgICAgICAgICAgIDxXcmFwcGVkQ29tcG9uZW50IHsuLi53cmFwcGVkUHJvcHN9IC8+XG4gICAgICAgICAgICAgICAgICA8L0h2U25hY2tiYXJQcm92aWRlcj5cbiAgICAgICAgICAgICAgICA8L0xheW91dFByb3ZpZGVyPlxuICAgICAgICAgICAgICA8L0FwcFNoZWxsUHJvdmlkZXI+XG4gICAgICAgICAgICA8L0Vycm9yQm91bmRhcnk+XG4gICAgICAgICAgPC9JMThuZXh0UHJvdmlkZXI+XG4gICAgICAgIDwvSHZQcm92aWRlcj5cbiAgICAgIDwvSGVsbWV0UHJvdmlkZXI+XG4gICAgKTtcbiAgfTtcblxuICBDb21wb25lbnRXaXRoR2xvYmFsUHJvdmlkZXIuZGlzcGxheU5hbWUgPSBgd2l0aEdsb2JhbFByb3ZpZGVyKCR7ZGlzcGxheU5hbWV9KWA7XG5cbiAgcmV0dXJuIENvbXBvbmVudFdpdGhHbG9iYWxQcm92aWRlcjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhHbG9iYWxQcm92aWRlcjtcbiJdfQ== */")
+};
+const withGlobalProvider = (WrappedComponent) => {
+  const displayName = WrappedComponent.displayName ?? WrappedComponent.name;
+  const {
+    i18n
+  } = createI18Next();
+  const ComponentWithGlobalProvider = ({
+    ...wrappedProps
+  }) => {
+    return /* @__PURE__ */ jsx(HelmetProvider, { children: /* @__PURE__ */ jsxs(HvProvider, { children: [
+      /* @__PURE__ */ jsx(GlobalStyles, {}),
+      /* @__PURE__ */ jsx(I18nextProvider, { i18n, children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(GenericError, { fullPage: true, includeFooter: false }), children: /* @__PURE__ */ jsx(AppShellProvider, { config: wrappedProps.config, configUrl: wrappedProps.configUrl, children: /* @__PURE__ */ jsx(LayoutProvider, { children: /* @__PURE__ */ jsx(HvSnackbarProvider, { notistackClassesOverride: snackbarClasses, children: /* @__PURE__ */ jsx(WrappedComponent, { ...wrappedProps }) }) }) }) }, "general") })
+    ] }) });
+  };
+  ComponentWithGlobalProvider.displayName = `withGlobalProvider(${displayName})`;
+  return ComponentWithGlobalProvider;
 };
 export {
-  R as default
+  withGlobalProvider as default
 };
-//# sourceMappingURL=withGlobalProvider.js.map

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

@@ -1,20 +1,31 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { CONFIG_TRANSLATIONS_NAMESPACE as m } from "@hitachivantara/app-shell-shared";
-import { useTranslation as s } from "react-i18next";
-import i from "./Logos/Hitachi/Hitachi.js";
-import a from "./Logos/Lumada/Lumada.js";
-const e = ({
-  logo: r
+import { jsx } from "@emotion/react/jsx-runtime";
+import { CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
+import { useTranslation } from "react-i18next";
+import Hitachi from "./Logos/Hitachi.js";
+import Lumada from "./Logos/Lumada.js";
+import Pentaho from "./Logos/Pentaho.js";
+const BrandLogo = ({
+  logo
 }) => {
   const {
-    t: n
-  } = s(m);
-  if (!r)
-    return /* @__PURE__ */ t(i, {});
-  const o = r.description != null ? n(r.description) : void 0;
-  return r.name === "LUMADA" ? /* @__PURE__ */ t(a, { description: o }) : /* @__PURE__ */ t(i, { description: o });
-}, A = e;
+    t: tConfig
+  } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);
+  if (!logo) {
+    if (logo === null) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(Hitachi, {});
+  }
+  const description = logo.description != null ? tConfig(logo.description) : void 0;
+  if (logo.name === "LUMADA") {
+    return /* @__PURE__ */ jsx(Lumada, { description });
+  }
+  if (logo.name === "PENTAHO+") {
+    return /* @__PURE__ */ jsx(Pentaho, { description });
+  }
+  return /* @__PURE__ */ jsx(Hitachi, { description });
+};
+const BrandLogo$1 = BrandLogo;
 export {
-  A as default
+  BrandLogo$1 as default
 };
-//# sourceMappingURL=BrandLogo.js.map

package/dist/esm/components/layout/Header/BrandLogo/Logos/Hitachi.js

@@ -0,0 +1,12 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { theme } from "@hitachivantara/uikit-react-core";
+const Hitachi = ({
+  description = "Hitachi logo",
+  letteringColor
+}) => {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", x: 0, y: 0, width: "72px", height: "20px", viewBox: "0 0 80.5 16.9", xmlSpace: "preserve", "aria-label": description, children: /* @__PURE__ */ jsx("path", { fill: letteringColor ?? theme.colors.secondary, d: "M63.6 2.5v4.7H70V2.5h3.1v11.9H70V9.2h-6.3v5.2h-3.1V2.5h3zM33.9 2.5v2h-4.8v9.8H26V4.5h-4.8v-2h12.7zM46 14.3h-3.5l-1-2.6h-5.9l-1 2.6h-3.5l5.5-11.9h3.8L46 14.3zm-7.4-9.8-2.2 5.4h4.4l-2.2-5.4M75.6 2.5h3.1v11.9h-3.1zM4.9 2.5v4.7h6.3V2.5h3.1v11.9h-3.1V9.2H4.9v5.2H1.7V2.5h3.2zM16.9 2.5H20v11.9h-3.1zM45.9 11c-.3-.8-.4-1.6-.4-2.5 0-1.2.2-2.4.8-3.4.6-1 1.5-1.8 2.7-2.2 1.1-.4 2.2-.6 3.5-.6 1.4 0 2.7.3 4 .8 1.1.5 2 1.5 2.2 2.7.1.3.1.5.1.8h-3.3c0-.3-.1-.6-.2-.9-.3-.6-.8-1.2-1.5-1.4-.4-.1-.9-.2-1.4-.2-.5 0-1.1.1-1.5.3-.8.3-1.4.9-1.7 1.7-.3.8-.4 1.6-.4 2.5 0 .7.1 1.4.3 2.1.2.9.9 1.6 1.7 1.9.5.2 1.1.3 1.7.3.5 0 1-.1 1.5-.2.6-.2 1.1-.6 1.4-1.2.2-.4.3-.8.3-1.3H59c0 .4-.1.8-.2 1.1-.3 1.2-1.1 2.2-2.2 2.6-1.2.5-2.6.8-4 .8-1.1 0-2.2-.2-3.2-.5-1.6-.6-2.9-1.7-3.5-3.2z" }) });
+};
+const Hitachi$1 = Hitachi;
+export {
+  Hitachi$1 as default
+};