@hitachivantara/app-shell-ui 1.9.1 → 1.10.1

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

@@ -1,4 +1,4 @@
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import withGlobalProvider from "../hoc/withGlobalProvider.js";
 import AppShellRoutes from "../AppShellRoutes/AppShellRoutes.js";
 const AppShell = () => {

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

@@ -1,21 +1,17 @@
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "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 { HvAppShellContext, HvAppShellRuntimeContext, HvAppShellCombinedProvidersContext, CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
 import { themes, HvProvider } from "@hitachivantara/uikit-react-core";
-import { addResourceBundles } from "../../lib/i18n/index.js";
-import useLocalStorage from "../../lib/hooks/useLocalStorage.js";
+import useLocalStorage from "../../hooks/useLocalStorage.js";
+import { addResourceBundles } from "../../i18n/index.js";
 const AppShellProvider = ({
   children,
   config: localConfig,
   configUrl
 }) => {
-  const {
-    i18n
-  } = useContext(I18nContext);
-  const {
-    value: storedColorModeValue
-  } = useLocalStorage("COLOR_MODE");
+  const { i18n } = useContext(I18nContext);
+  const { value: storedColorModeValue } = useLocalStorage("COLOR_MODE");
   const [loadedConfig, setLoadedConfig] = useState(void 0);
   const [hasError, setHasError] = useState(false);
   useEffect(() => {
@@ -23,31 +19,43 @@ const AppShellProvider = ({
       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);
+        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]);
+  const theConfig = useMemo(
+    () => localConfig ?? loadedConfig,
+    [localConfig, loadedConfig]
+  );
   if (hasError) {
     throw Error("It was not possible to obtain the configuration");
   }
   if (theConfig?.translations) {
-    addResourceBundles(i18n, theConfig.translations, CONFIG_TRANSLATIONS_NAMESPACE);
+    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) => {
+      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}`);
@@ -56,28 +64,48 @@ const AppShellProvider = ({
   }, [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) => {
+      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]);
+  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 }) }) }) });
+  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 })
+    }
+  ) }) });
 };
 export {
   AppShellProvider as default

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

@@ -1,14 +1,14 @@
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "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 { RouterProvider, createBrowserRouter, Outlet } from "react-router-dom";
 import { useHvAppShellConfig, useHvAppShellCombinedProviders } from "@hitachivantara/app-shell-shared";
+import { HvContainer } from "@hitachivantara/uikit-react-core";
 import LoadingPage from "../../pages/LoadingPage/LoadingPage.js";
-import { getAppIdFromBundle } from "../../lib/utils/navigationUtil.js";
-import getBasePath from "../../lib/utils/basePathUtils.js";
-import Root from "../../pages/Root/Root.js";
+import getBasePath from "../../utils/basePathUtils.js";
+import { getAppIdFromBundle } from "../../utils/navigationUtil.js";
 import GenericError from "../../pages/GenericError/GenericError.js";
+import Root from "../../pages/Root/Root.js";
 import AppShellViewProvider from "../AppShellViewProvider/AppShellViewProvider.js";
 const NotFound = lazy(() => import("../../pages/NotFound/index.js"));
 function renderNestedRoutes(views) {
@@ -16,9 +16,7 @@ function renderNestedRoutes(views) {
     return void 0;
   }
   return views.map((view) => {
-    const {
-      bundle
-    } = view;
+    const { bundle } = view;
     const appId = getAppIdFromBundle(bundle);
     const RouteComponent = lazy(() => import(
       /* @vite-ignore */
@@ -28,7 +26,14 @@ function renderNestedRoutes(views) {
     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) }),
+      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)
     };
   });
@@ -37,11 +42,7 @@ function renderRoutes(mainPanel) {
   if (mainPanel == null || mainPanel.views == null) {
     return [];
   }
-  const {
-    views,
-    maxWidth = "xl",
-    ...mainContainerProps
-  } = mainPanel;
+  const { views, maxWidth = "xl", ...mainContainerProps } = mainPanel;
   return views.map((view) => {
     const {
       bundle,
@@ -59,35 +60,58 @@ function renderRoutes(mainPanel) {
     return {
       path: route,
       // "Component" used instead of "element" due to lazy loading
-      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) }) }),
+      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 renderErrorRoutes(mainPanel) {
-  const {
-    views,
-    maxWidth = "xl",
-    ...mainContainerProps
-  } = mainPanel ?? {};
-  return [{
-    path: "*",
-    element: /* @__PURE__ */ jsx(HvContainer, { maxWidth, ...mainContainerProps, children: /* @__PURE__ */ jsx(NotFound, {}) })
-  }];
+  const { views, maxWidth = "xl", ...mainContainerProps } = mainPanel ?? {};
+  return [
+    {
+      path: "*",
+      element: /* @__PURE__ */ jsx(HvContainer, { maxWidth, ...mainContainerProps, children: /* @__PURE__ */ jsx(NotFound, {}) })
+    }
+  ];
 }
 const AppShellRoutes = () => {
   const config = useHvAppShellConfig();
-  const {
-    providers
-  } = useHvAppShellCombinedProviders();
-  return /* @__PURE__ */ jsx(RouterProvider, { fallbackElement: /* @__PURE__ */ jsx(LoadingPage, {}), router: createBrowserRouter([{
-    element: /* @__PURE__ */ jsx(Root, { providers }),
-    // All routes live inside `RootRoute`
-    errorElement: /* @__PURE__ */ jsx(GenericError, { fullPage: true }),
-    children: [...renderRoutes(config.mainPanel), ...renderErrorRoutes(config.mainPanel)]
-  }], {
-    basename: getBasePath(config)
-  }) });
+  const { providers } = useHvAppShellCombinedProviders();
+  return /* @__PURE__ */ jsx(
+    RouterProvider,
+    {
+      fallbackElement: /* @__PURE__ */ jsx(LoadingPage, {}),
+      router: createBrowserRouter(
+        [
+          {
+            element: /* @__PURE__ */ jsx(Root, { providers }),
+            // All routes live inside `RootRoute`
+            errorElement: /* @__PURE__ */ jsx(GenericError, { fullPage: true }),
+            children: [
+              ...renderRoutes(config.mainPanel),
+              ...renderErrorRoutes(config.mainPanel)
+            ]
+          }
+        ],
+        { basename: getBasePath(config) }
+      )
+    }
+  );
 };
 export {
   AppShellRoutes as default

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

@@ -1,13 +1,8 @@
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { HvAppShellViewContext } from "@hitachivantara/app-shell-shared";
-const AppShellViewProvider = ({
-  children,
-  id
-}) => {
-  const value = useMemo(() => ({
-    id
-  }), [id]);
+const AppShellViewProvider = ({ children, id }) => {
+  const value = useMemo(() => ({ id }), [id]);
   return /* @__PURE__ */ jsx(HvAppShellViewContext.Provider, { value, children });
 };
 export {

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

@@ -1,5 +1,5 @@
-import useClearLocationState from "../../lib/hooks/useClearLocationState.js";
-import useCustomEventListener from "../../lib/hooks/useCustomEventListener.js";
+import useClearLocationState from "../../hooks/useClearLocationState.js";
+import useCustomEventListener from "../../hooks/useCustomEventListener.js";
 const CustomHooksInitializer = () => {
   useCustomEventListener();
   useClearLocationState();

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

@@ -1,18 +1,16 @@
-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 _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: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const GlobalStyles = () => /* @__PURE__ */ jsx(Global, { styles: _ref });
+import { jsx } from "react/jsx-runtime";
+import { Global, css } from "@emotion/react";
+const GlobalStyles = () => /* @__PURE__ */ jsx(
+  Global,
+  {
+    styles: css`
+      html,
+      body {
+        height: unset;
+      }
+    `
+  }
+);
 export {
   GlobalStyles as default
 };

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

@@ -1,11 +1,9 @@
-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,
-  ...others
-}) => {
-  return /* @__PURE__ */ jsx(HvIconSprite, { spriteUrl: spriteUri, iconName: name, color: "currentcolor", ...others });
+import { jsx } from "react/jsx-runtime";
+import { icons } from "@hitachivantara/uikit-react-icons";
+const IconUiKit = ({ name, ...others }) => {
+  const Icon = icons[name];
+  if (!Icon) return null;
+  return /* @__PURE__ */ jsx(Icon, { ...others });
 };
 export {
   IconUiKit as default

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

@@ -1,6 +1,6 @@
-import React from "react";
+import { memo } from "react";
 import IconUiKit$1 from "./IconUiKit.js";
-const IconUiKit = React.memo(IconUiKit$1);
+const IconUiKit = memo(IconUiKit$1);
 export {
   IconUiKit as default
 };

package/dist/esm/components/SnackbarProvider/SnackbarProvider.js

@@ -1,21 +1,23 @@
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { css } from "@emotion/css";
-import { theme, useTheme, HvSnackbarProvider } from "@hitachivantara/uikit-react-core";
+import { useTheme, HvSnackbarProvider, theme } from "@hitachivantara/uikit-react-core";
 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL1NuYWNrYmFyUHJvdmlkZXIvU25hY2tiYXJQcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU29CIiwiZmlsZSI6Ii9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL1NuYWNrYmFyUHJvdmlkZXIvU25hY2tiYXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQge1xuICBIdlNuYWNrYmFyUHJvcHMsXG4gIEh2U25hY2tiYXJQcm92aWRlcixcbiAgdGhlbWUsXG4gIHVzZVRoZW1lXG59IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuXG5jb25zdCBzbmFja2JhckNsYXNzZXMgPSB7XG4gIGNvbnRhaW5lclJvb3Q6IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAke3RoZW1lLmhlYWRlci5oZWlnaHR9O1xuICBgXG59O1xuXG5pbnRlcmZhY2UgU25hY2tiYXJQcm92aWRlclByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU25hY2tiYXJQcm92aWRlciA9ICh7IGNoaWxkcmVuIH06IFNuYWNrYmFyUHJvdmlkZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IGFjdGl2ZVRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IGlzUGVudGFob1RoZW1lID0gYWN0aXZlVGhlbWU/Lm5hbWUgPT09IFwicGVudGFob1BsdXNcIjtcbiAgY29uc3QgYW5jaG9yT3JpZ2luOiBIdlNuYWNrYmFyUHJvcHNbXCJhbmNob3JPcmlnaW5cIl0gPSBpc1BlbnRhaG9UaGVtZVxuICAgID8geyB2ZXJ0aWNhbDogXCJib3R0b21cIiwgaG9yaXpvbnRhbDogXCJjZW50ZXJcIiB9XG4gICAgOiB1bmRlZmluZWQ7XG5cbiAgcmV0dXJuIChcbiAgICA8SHZTbmFja2JhclByb3ZpZGVyXG4gICAgICBhbmNob3JPcmlnaW49e2FuY2hvck9yaWdpbn1cbiAgICAgIG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZT17YW5jaG9yT3JpZ2luID8gdW5kZWZpbmVkIDogc25hY2tiYXJDbGFzc2VzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0h2U25hY2tiYXJQcm92aWRlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrYmFyUHJvdmlkZXI7XG4iXX0= */")
+  containerRoot: css`
+    margin-top: ${theme.header.height};
+  `
 };
-const SnackbarProvider = ({
-  children
-}) => {
-  const {
-    activeTheme
-  } = useTheme();
+const SnackbarProvider = ({ children }) => {
+  const { activeTheme } = useTheme();
   const isPentahoTheme = activeTheme?.name === "pentahoPlus";
-  const anchorOrigin = isPentahoTheme ? {
-    vertical: "bottom",
-    horizontal: "center"
-  } : void 0;
-  return /* @__PURE__ */ jsx(HvSnackbarProvider, { anchorOrigin, notistackClassesOverride: anchorOrigin ? void 0 : snackbarClasses, children });
+  const anchorOrigin = isPentahoTheme ? { vertical: "bottom", horizontal: "center" } : void 0;
+  return /* @__PURE__ */ jsx(
+    HvSnackbarProvider,
+    {
+      anchorOrigin,
+      notistackClassesOverride: anchorOrigin ? void 0 : snackbarClasses,
+      children
+    }
+  );
 };
 export {
   SnackbarProvider as default

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

@@ -1,7 +1,7 @@
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
 import { ClickAwayListener } from "@mui/material";
-import createAppContainerElement from "../../lib/utils/documentUtil.js";
+import createAppContainerElement from "../../utils/documentUtil.js";
 const withClickAwayListener = (WrappedComponent) => {
   const displayName = WrappedComponent.displayName ?? WrappedComponent.name;
   const panelContainerElement = createAppContainerElement();
@@ -10,7 +10,10 @@ const withClickAwayListener = (WrappedComponent) => {
     ...wrappedProps
   }) => {
     if (onClickAway) {
-      return createPortal(/* @__PURE__ */ jsx(ClickAwayListener, { onClickAway, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(WrappedComponent, { ...wrappedProps }) }) }), panelContainerElement);
+      return createPortal(
+        /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(WrappedComponent, { ...wrappedProps }) }) }),
+        panelContainerElement
+      );
     }
     return /* @__PURE__ */ jsx(WrappedComponent, { ...wrappedProps });
   };

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

@@ -1,25 +1,37 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import { I18nextProvider } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ErrorBoundary } from "react-error-boundary";
 import { HelmetProvider } from "react-helmet-async";
+import { I18nextProvider } from "react-i18next";
 import { HvProvider } from "@hitachivantara/uikit-react-core";
-import { ErrorBoundary } from "react-error-boundary";
-import GlobalStyles from "../GlobalStyles/GlobalStyles.js";
+import createI18Next from "../../i18n/index.js";
+import { LayoutProvider } from "../../providers/LayoutProvider.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";
+import GlobalStyles from "../GlobalStyles/GlobalStyles.js";
 import SnackbarProvider from "../SnackbarProvider/SnackbarProvider.js";
+import GenericError from "../../pages/GenericError/GenericError.js";
 const withGlobalProvider = (WrappedComponent) => {
   const displayName = WrappedComponent.displayName ?? WrappedComponent.name;
-  const {
-    i18n
-  } = createI18Next();
+  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(SnackbarProvider, { children: /* @__PURE__ */ jsx(WrappedComponent, { ...wrappedProps }) }) }) }) }, "general") })
+      /* @__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(SnackbarProvider, { children: /* @__PURE__ */ jsx(WrappedComponent, { ...wrappedProps }) }) })
+            }
+          )
+        },
+        "general"
+      ) })
     ] }) });
   };
   ComponentWithGlobalProvider.displayName = `withGlobalProvider(${displayName})`;

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

@@ -1,15 +1,11 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
+import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
 import Hitachi from "./Logos/Hitachi.js";
 import Lumada from "./Logos/Lumada.js";
 import Pentaho from "./Logos/Pentaho.js";
-const BrandLogo = ({
-  logo
-}) => {
-  const {
-    t: tConfig
-  } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);
+const BrandLogo = ({ logo }) => {
+  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);
   if (!logo) {
     if (logo === null) {
       return null;

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

@@ -1,10 +1,29 @@
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "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" }) });
+  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"
+        }
+      )
+    }
+  );
 };
 export {
   Hitachi as default

package/dist/esm/components/layout/BrandLogo/Logos/Lumada.js

@@ -1,15 +1,47 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { theme } from "@hitachivantara/uikit-react-core";
 const Lumada = ({
   description = "Lumada logo",
   letteringColor
 }) => {
-  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 300.41 69.38", "aria-label": description, children: [
-    /* @__PURE__ */ jsx("path", { fill: "#c00", d: "M55.1 31.44 53.91 27l2.94-3a24.86 24.86 0 0 0-2.06-3.57l-4 1.08-3.26-3.27 1.08-4A24.19 24.19 0 0 0 45 12.2l-2.94 2.94L37.62 14l-1.08-4a24.64 24.64 0 0 0-4.12 0l-1.08 4-4.46 1.19-2.94-2.99a24.8 24.8 0 0 0-3.57 2.05l1.08 4-3.27 3.27-4-1.08A23.58 23.58 0 0 0 12.1 24l2.9 3-1.19 4.46-4 1.08a24.52 24.52 0 0 0 0 4.11l4 1.08L15 42.16l-2.9 2.94a24.27 24.27 0 0 0 2.05 3.57l4-1.07 3.27 3.26-1.08 4A24.46 24.46 0 0 0 23.92 57l2.95-3 4.46 1.2 1 3.78h4.25l1-3.78 4.48-1.2L45 57a25.26 25.26 0 0 0 3.57-2.06l-1.07-4 3.26-3.26 4 1.08a24.19 24.19 0 0 0 2.06-3.57l-3-2.94 1.2-4.46 4-1.08a24.65 24.65 0 0 0 0-4.12ZM52.38 39a18.44 18.44 0 1 1-13.52-22.33A18.44 18.44 0 0 1 52.38 39" }),
-    /* @__PURE__ */ jsx("path", { fill: letteringColor ?? theme.colors.secondary, d: "M38.14 19.59a15.43 15.43 0 1 0 11.32 18.65 15.42 15.42 0 0 0-11.32-18.65m8.33 18.2a12.42 12.42 0 1 1-8.78-15.21 12.44 12.44 0 0 1 8.78 15.21" }),
-    /* @__PURE__ */ jsx("path", { fill: "#c00", d: "M34.68 0a1.49 1.49 0 0 0-1.49 1.48v4.6a1.49 1.49 0 1 0 3 0V1.47A1.48 1.48 0 0 0 34.68 0M34.68 61.81a1.48 1.48 0 0 0-1.49 1.48v4.6a1.49 1.49 0 1 0 3 0v-4.6a1.48 1.48 0 0 0-1.48-1.49M59 10.18a1.48 1.48 0 0 0-2.1 0l-3.27 3.24a1.48 1.48 0 1 0 2.09 2.11L59 12.28a1.48 1.48 0 0 0 0-2.1M15.5 53.27a1.48 1.48 0 0 0-2.1 0l-3.27 3.23a1.48 1.48 0 1 0 2.09 2.11l3.27-3.24a1.48 1.48 0 0 0 0-2.1M68.78 34.53A1.49 1.49 0 0 0 67.3 33h-4.61a1.49 1.49 0 0 0 0 3h4.61a1.48 1.48 0 0 0 1.49-1.48M7.58 34.28a1.5 1.5 0 0 0-1.48-1.5H1.49A1.49 1.49 0 0 0 0 34.24a1.5 1.5 0 0 0 1.48 1.5h4.6a1.48 1.48 0 0 0 1.5-1.47M58.75 58.81a1.48 1.48 0 0 0 0-2.1l-3.24-3.27a1.48 1.48 0 1 0-2.11 2.09l3.24 3.27a1.48 1.48 0 0 0 2.1 0M15.66 15.35a1.49 1.49 0 0 0 0-2.1L12.42 10a1.48 1.48 0 1 0-2.11 2.09l3.25 3.27a1.48 1.48 0 0 0 2.1 0" }),
-    /* @__PURE__ */ jsx("path", { fill: letteringColor ?? theme.colors.secondary, d: "M79.31 15.58h3.45v32H99v3.09H79.31ZM108.89 15.58h3.49v22.8c0 6 3.89 9.68 9.93 9.68s10-3.64 10-9.78v-22.7h3.45v22.85c0 7.78-5.44 12.82-13.37 12.82s-13.47-5-13.47-12.82ZM152.13 15.58h3.59l9.18 20.61c.8 1.79 1.7 4.29 1.7 4.29h.1s.94-2.5 1.74-4.29l9.18-20.61h3.54L184 50.65h-3.45l-1.94-24.54c-.15-1.9-.1-4.89-.1-4.89h-.1s-1.05 3.09-1.85 4.89l-8.23 18h-3.24l-8.23-18c-.8-1.75-1.89-5-1.89-5h-.1s0 3.09-.1 5l-1.95 24.54h-3.44ZM215.32 39.48h-14.11l-4 11.17h-3.64l12.87-35.07h3.69L223 50.65h-3.65Zm-7.08-20.25s-.75 2.89-1.35 4.54l-4.68 12.72h12.07l-4.59-12.72c-.6-1.65-1.35-4.54-1.35-4.54ZM233.73 15.58h11.32c10.52 0 17.61 6.44 17.61 17.51s-7.09 17.56-17.61 17.56h-11.32Zm11 32c8.63 0 14.36-5.09 14.36-14.47s-5.78-14.41-14.36-14.41h-7.53v28.86ZM292.73 39.48h-14.12l-4 11.17H271l12.87-35.07h3.69l12.87 35.07h-3.64Zm-7.08-20.25s-.75 2.89-1.35 4.54l-4.69 12.72h12.07l-4.59-12.72c-.6-1.65-1.34-4.54-1.34-4.54Z" })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 300.41 69.38",
+      "aria-label": description,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#c00",
+            d: "M55.1 31.44 53.91 27l2.94-3a24.86 24.86 0 0 0-2.06-3.57l-4 1.08-3.26-3.27 1.08-4A24.19 24.19 0 0 0 45 12.2l-2.94 2.94L37.62 14l-1.08-4a24.64 24.64 0 0 0-4.12 0l-1.08 4-4.46 1.19-2.94-2.99a24.8 24.8 0 0 0-3.57 2.05l1.08 4-3.27 3.27-4-1.08A23.58 23.58 0 0 0 12.1 24l2.9 3-1.19 4.46-4 1.08a24.52 24.52 0 0 0 0 4.11l4 1.08L15 42.16l-2.9 2.94a24.27 24.27 0 0 0 2.05 3.57l4-1.07 3.27 3.26-1.08 4A24.46 24.46 0 0 0 23.92 57l2.95-3 4.46 1.2 1 3.78h4.25l1-3.78 4.48-1.2L45 57a25.26 25.26 0 0 0 3.57-2.06l-1.07-4 3.26-3.26 4 1.08a24.19 24.19 0 0 0 2.06-3.57l-3-2.94 1.2-4.46 4-1.08a24.65 24.65 0 0 0 0-4.12ZM52.38 39a18.44 18.44 0 1 1-13.52-22.33A18.44 18.44 0 0 1 52.38 39"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: letteringColor ?? theme.colors.secondary,
+            d: "M38.14 19.59a15.43 15.43 0 1 0 11.32 18.65 15.42 15.42 0 0 0-11.32-18.65m8.33 18.2a12.42 12.42 0 1 1-8.78-15.21 12.44 12.44 0 0 1 8.78 15.21"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "#c00",
+            d: "M34.68 0a1.49 1.49 0 0 0-1.49 1.48v4.6a1.49 1.49 0 1 0 3 0V1.47A1.48 1.48 0 0 0 34.68 0M34.68 61.81a1.48 1.48 0 0 0-1.49 1.48v4.6a1.49 1.49 0 1 0 3 0v-4.6a1.48 1.48 0 0 0-1.48-1.49M59 10.18a1.48 1.48 0 0 0-2.1 0l-3.27 3.24a1.48 1.48 0 1 0 2.09 2.11L59 12.28a1.48 1.48 0 0 0 0-2.1M15.5 53.27a1.48 1.48 0 0 0-2.1 0l-3.27 3.23a1.48 1.48 0 1 0 2.09 2.11l3.27-3.24a1.48 1.48 0 0 0 0-2.1M68.78 34.53A1.49 1.49 0 0 0 67.3 33h-4.61a1.49 1.49 0 0 0 0 3h4.61a1.48 1.48 0 0 0 1.49-1.48M7.58 34.28a1.5 1.5 0 0 0-1.48-1.5H1.49A1.49 1.49 0 0 0 0 34.24a1.5 1.5 0 0 0 1.48 1.5h4.6a1.48 1.48 0 0 0 1.5-1.47M58.75 58.81a1.48 1.48 0 0 0 0-2.1l-3.24-3.27a1.48 1.48 0 1 0-2.11 2.09l3.24 3.27a1.48 1.48 0 0 0 2.1 0M15.66 15.35a1.49 1.49 0 0 0 0-2.1L12.42 10a1.48 1.48 0 1 0-2.11 2.09l3.25 3.27a1.48 1.48 0 0 0 2.1 0"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: letteringColor ?? theme.colors.secondary,
+            d: "M79.31 15.58h3.45v32H99v3.09H79.31ZM108.89 15.58h3.49v22.8c0 6 3.89 9.68 9.93 9.68s10-3.64 10-9.78v-22.7h3.45v22.85c0 7.78-5.44 12.82-13.37 12.82s-13.47-5-13.47-12.82ZM152.13 15.58h3.59l9.18 20.61c.8 1.79 1.7 4.29 1.7 4.29h.1s.94-2.5 1.74-4.29l9.18-20.61h3.54L184 50.65h-3.45l-1.94-24.54c-.15-1.9-.1-4.89-.1-4.89h-.1s-1.05 3.09-1.85 4.89l-8.23 18h-3.24l-8.23-18c-.8-1.75-1.89-5-1.89-5h-.1s0 3.09-.1 5l-1.95 24.54h-3.44ZM215.32 39.48h-14.11l-4 11.17h-3.64l12.87-35.07h3.69L223 50.65h-3.65Zm-7.08-20.25s-.75 2.89-1.35 4.54l-4.68 12.72h12.07l-4.59-12.72c-.6-1.65-1.35-4.54-1.35-4.54ZM233.73 15.58h11.32c10.52 0 17.61 6.44 17.61 17.51s-7.09 17.56-17.61 17.56h-11.32Zm11 32c8.63 0 14.36-5.09 14.36-14.47s-5.78-14.41-14.36-14.41h-7.53v28.86ZM292.73 39.48h-14.12l-4 11.17H271l12.87-35.07h3.69l12.87 35.07h-3.64Zm-7.08-20.25s-.75 2.89-1.35 4.54l-4.69 12.72h12.07l-4.59-12.72c-.6-1.65-1.34-4.54-1.34-4.54Z"
+          }
+        )
+      ]
+    }
+  );
 };
 export {
   Lumada as default