@hitachivantara/app-shell-ui 1.9.1 → 1.10.1

package/dist/esm/{lib/hooks → hooks}/useThemeEventListener.js

@@ -1,31 +1,20 @@
 import { useTheme } from "@hitachivantara/uikit-react-core";
 import useLocalStorage from "./useLocalStorage.js";
 const useThemeEventListener = () => {
-  const {
-    selectedTheme,
-    changeTheme,
-    selectedMode,
-    colorModes
-  } = useTheme();
-  const {
-    setStoredValue
-  } = useLocalStorage("COLOR_MODE");
+  const { selectedTheme, changeTheme, selectedMode, colorModes } = useTheme();
+  const { setStoredValue } = useLocalStorage("COLOR_MODE");
   const getNextColorMode = () => {
     const index = colorModes.indexOf(selectedMode);
     const nextIndex = (index + 1) % colorModes.length;
     return colorModes[nextIndex];
   };
   const handleThemeEvent = (event) => {
-    const {
-      colorMode
-    } = event.detail;
+    const { colorMode } = event.detail;
     const newColorMode = !colorMode || colorModes.indexOf(colorMode) === -1 ? getNextColorMode() : colorMode;
     changeTheme(selectedTheme, newColorMode);
     setStoredValue(newColorMode);
   };
-  return {
-    handleThemeEvent
-  };
+  return { handleThemeEvent };
 };
 export {
   useThemeEventListener as default

package/dist/esm/{lib/i18n → i18n}/index.js

@@ -1,5 +1,5 @@
-import i18next from "i18next";
 import { initReactI18next } from "react-i18next";
+import { createInstance } from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
 import en from "./localization/en.json.js";
 import pt from "./localization/pt.json.js";
@@ -7,17 +7,19 @@ const APP_SHELL_NAMESPACE = "appShell";
 const addResourceBundles = (i18nInstance, bundles, namespace) => {
   Object.entries(bundles).forEach((entry) => {
     const [key, value] = entry;
-    i18nInstance.addResourceBundle(key, namespace ?? APP_SHELL_NAMESPACE, value);
+    i18nInstance.addResourceBundle(
+      key,
+      namespace ?? APP_SHELL_NAMESPACE,
+      value
+    );
   });
 };
 const createI18Next = () => {
-  const newInstance = i18next.createInstance();
+  const newInstance = createInstance();
   newInstance.use(LanguageDetector).use(initReactI18next).init({
     defaultNS: APP_SHELL_NAMESPACE,
     fallbackLng: "en",
-    detection: {
-      order: ["navigator"]
-    },
+    detection: { order: ["navigator"] },
     resources: {}
   });
   newInstance.addResourceBundle("en", APP_SHELL_NAMESPACE, en);

package/dist/esm/i18n/localization/en.json.js

@@ -0,0 +1,17 @@
+const errors = { "missing": { "configuration": "Missing or incomplete configuration." }, "notFound": { "code": "404", "title": "Oops! Seems like the page is lost in space.", "image_description": "404 Page not found" }, "genericError": { "code": "500", "title": "Shoot! We have a problem! Be back soon.", "image_description": "500 Generic error" }, "footer": "Click <navigate>here</navigate> to go back to the {{label}} page." };
+const header = { "helpUrl": { "documentationLink": "Documentation link" }, "appSwitcher": { "title": "Apps", "ariaLabel": "App Switcher Panel" }, "navigation": { "openNavigationPanel": "Open navigation panel", "closeNavigationPanel": "Close navigation panel" }, "colorModeSwitcher": { "ariaLabel": "Switch color mode" } };
+const verticalNavigation = { "ariaLabelNavigationTree": "Vertical navigation", "ariaLabelCollapse": "Collapse vertical navigation", "ariaLabelExpand": "Expand vertical navigation", "title": "Menu", "ariaLabelSliderForwardButton": "Navigate to submenu", "ariaLabelHeaderBackButton": "Back", "collapseAction": "Collapse Menu" };
+const notifications = { "banner": { "close": "Close banner" } };
+const en = {
+  errors,
+  header,
+  verticalNavigation,
+  notifications
+};
+export {
+  en as default,
+  errors,
+  header,
+  notifications,
+  verticalNavigation
+};

package/dist/esm/i18n/localization/pt.json.js

@@ -0,0 +1,17 @@
+const errors = { "missing": { "configuration": "Configuração em falta ou incompleta." }, "notFound": { "code": "404", "title": "Oops! Parece que a página está perdida no espaço.", "image_description": "404 Página não encontrada" }, "genericError": { "code": "500", "title": "Bolas! Temos um problema! Estaremos de volta em breve.", "image_description": "500 Erro genérico" }, "footer": "Carregue <navigate>aqui</navigate> para voltar à página {{label}}." };
+const header = { "helpUrl": { "documentationLink": "Link de documentação" }, "appSwitcher": { "title": "Aplicações", "ariaLabel": "Painel do App Switcher" }, "navigation": { "openNavigationPanel": "Abrir painel de navegação", "closeNavigationPanel": "Fechar painel de navegação" }, "colorModeSwitcher": { "ariaLabel": "Alternar modo de cor" } };
+const verticalNavigation = { "ariaLabelNavigationTree": "Navegação vertical", "ariaLabelCollapse": "Recolher navegação vertical", "ariaLabelExpand": "Expandir navegação vertical", "title": "Menu", "ariaLabelSliderForwardButton": "Navegar para submenu", "ariaLabelHeaderBackButton": "Voltar", "collapseAction": "Fechar" };
+const notifications = { "banner": { "close": "Fechar barra de notificação" } };
+const pt = {
+  errors,
+  header,
+  verticalNavigation,
+  notifications
+};
+export {
+  pt as default,
+  errors,
+  header,
+  notifications,
+  verticalNavigation
+};

package/dist/esm/pages/ErrorPage/ErrorPage.js

@@ -1,8 +1,8 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { HvTypography } from "@hitachivantara/uikit-react-core";
-import useNavigationContext from "../../providers/hooks/useNavigationContext.js";
+import { useNavigationContext } from "../../providers/NavigationProvider.js";
+import { Footer } from "./Footer.js";
 import { StyledErrorPage, StyledTitleWrapper, StyledImageWrapper } from "./styles.js";
-import Footer from "./Footer/Footer.js";
 const ErrorPage = ({
   code = void 0,
   title,
@@ -11,20 +11,30 @@ const ErrorPage = ({
   fullPage = false,
   includeFooter = true
 }) => {
-  const {
-    isCompactMode,
-    showHeaderSubMenu
-  } = useNavigationContext();
-  return /* @__PURE__ */ jsxs(StyledErrorPage, { showHeaderSubMenu, isCompactMode, fullPage, children: [
-    /* @__PURE__ */ jsxs(StyledTitleWrapper, { children: [
-      code && /* @__PURE__ */ jsx(HvTypography, { variant: "title1", children: code }),
-      /* @__PURE__ */ jsx(HvTypography, { variant: isCompactMode ? "xsTitle" : "display", children: title })
-    ] }),
-    /* @__PURE__ */ jsx(StyledImageWrapper, { style: {
-      backgroundImage: background
-    }, role: "img", "aria-label": backgroundLabel }),
-    includeFooter && /* @__PURE__ */ jsx(Footer, {})
-  ] });
+  const { isCompactMode, showHeaderSubMenu } = useNavigationContext();
+  return /* @__PURE__ */ jsxs(
+    StyledErrorPage,
+    {
+      showHeaderSubMenu,
+      isCompactMode,
+      fullPage,
+      children: [
+        /* @__PURE__ */ jsxs(StyledTitleWrapper, { children: [
+          code && /* @__PURE__ */ jsx(HvTypography, { variant: "title1", children: code }),
+          /* @__PURE__ */ jsx(HvTypography, { variant: isCompactMode ? "xsTitle" : "display", children: title })
+        ] }),
+        /* @__PURE__ */ jsx(
+          StyledImageWrapper,
+          {
+            style: { backgroundImage: background },
+            role: "img",
+            "aria-label": backgroundLabel
+          }
+        ),
+        includeFooter && /* @__PURE__ */ jsx(Footer, {})
+      ]
+    }
+  );
 };
 export {
   ErrorPage as default

package/dist/esm/pages/ErrorPage/Footer.js

@@ -0,0 +1,60 @@
+import { jsx } from "react/jsx-runtime";
+import { useErrorBoundary } from "react-error-boundary";
+import { useTranslation, Trans } from "react-i18next";
+import styled from "@emotion/styled";
+import { useHvNavigation } from "@hitachivantara/app-shell-navigation";
+import { useHvAppShellConfig } from "@hitachivantara/app-shell-shared";
+import { HvTypography } from "@hitachivantara/uikit-react-core";
+import { useNavigationContext } from "../../providers/NavigationProvider.js";
+const StyledFooterWrapper = styled("div")({
+  textAlign: "center"
+});
+const Footer = () => {
+  const { t } = useTranslation();
+  const { navigate } = useHvNavigation();
+  const { navigationMode } = useHvAppShellConfig();
+  const { resetBoundary } = useErrorBoundary();
+  const { items, verticalNavigationItems, isCompactMode } = useNavigationContext();
+  const getFirstMenuItem = () => {
+    if (!isCompactMode && navigationMode !== "ONLY_LEFT") {
+      return items.length > 0 ? items[0] : null;
+    }
+    return verticalNavigationItems.length > 0 ? verticalNavigationItems[0] : null;
+  };
+  const firstMenuItem = getFirstMenuItem();
+  const handleClick = (event) => {
+    event.preventDefault();
+    if (firstMenuItem?.href) {
+      resetBoundary();
+      let path = firstMenuItem.href;
+      if (path.startsWith(".")) {
+        path = path.substring(1);
+      }
+      navigate(path);
+    }
+  };
+  return firstMenuItem && /* @__PURE__ */ jsx(StyledFooterWrapper, { children: /* @__PURE__ */ jsx(HvTypography, { variant: "body", children: /* @__PURE__ */ jsx(
+    Trans,
+    {
+      t,
+      i18nKey: "errors.footer",
+      values: { label: firstMenuItem.label },
+      components: {
+        navigate: /* @__PURE__ */ jsx(
+          HvTypography,
+          {
+            link: true,
+            component: "a",
+            href: firstMenuItem.href,
+            variant: "label",
+            onClick: handleClick,
+            children: firstMenuItem.label
+          }
+        )
+      }
+    }
+  ) }) });
+};
+export {
+  Footer
+};

package/dist/esm/pages/ErrorPage/styles.js

@@ -1,8 +1,5 @@
-import _styled from "@emotion/styled/base";
+import styled from "@emotion/styled";
 import { theme } from "@hitachivantara/uikit-react-core";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
 const calcHeight = ({
   showHeaderSubMenu,
   isCompactMode,
@@ -16,46 +13,26 @@ const calcHeight = ({
   }
   return `calc(100vh - (${theme.header.height} + ${theme.space.lg} + ${theme.space.lg}))`;
 };
-const StyledErrorPage = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e18ahwyt2"
-} : {
-  target: "e18ahwyt2",
-  label: "StyledErrorPage"
-})({
+const StyledErrorPage = styled("div")(
+  {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column",
+    marginTop: theme.space.lg
+  },
+  (props) => ({ height: calcHeight(props) })
+);
+const StyledImageWrapper = styled("div")({
   flex: 1,
   display: "flex",
+  backgroundSize: "contain",
+  backgroundPosition: "center center",
+  backgroundRepeat: "no-repeat",
   flexDirection: "column",
-  marginTop: theme.space.lg
-}, (props) => ({
-  height: calcHeight(props)
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCK0IiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkRXJyb3JQYWdlUHJvcHMge1xyXG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcclxuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcclxuICBmdWxsUGFnZT86IGJvb2xlYW47XHJcbn1cclxuLyoqXHJcbiAqIENhbGN1bGF0ZXMgdGhlIGhlaWdodCBvZiB0aGUgaW1hZ2Ugd3JhcHBlciBiYXNlZCBvbiB0aGUgaGVhZGVyIHN1YiBtZW51IGFuZCBjb21wYWN0IG1vZGUuXHJcbiAqL1xyXG5jb25zdCBjYWxjSGVpZ2h0ID0gKHtcclxuICBzaG93SGVhZGVyU3ViTWVudSxcclxuICBpc0NvbXBhY3RNb2RlLFxyXG4gIGZ1bGxQYWdlXHJcbn06IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiB7XHJcbiAgaWYgKGZ1bGxQYWdlKSB7XHJcbiAgICByZXR1cm4gYDEwMHZoYDtcclxuICB9XHJcbiAgaWYgKHNob3dIZWFkZXJTdWJNZW51ICYmICFpc0NvbXBhY3RNb2RlKSB7XHJcbiAgICByZXR1cm4gYGNhbGMoMTAwdmggLSAoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0fXB4ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxuICB9XHJcbiAgcmV0dXJuIGBjYWxjKDEwMHZoIC0gKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke3RoZW1lLnNwYWNlLmxnfSArICR7dGhlbWUuc3BhY2UubGd9KSlgO1xyXG59O1xyXG5cclxuZXhwb3J0IGNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZChcImRpdlwiKTxTdHlsZWRFcnJvclBhZ2VQcm9wcz4oXHJcbiAge1xyXG4gICAgZmxleDogMSxcclxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxyXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2UubGdcclxuICB9LFxyXG4gIHByb3BzID0+ICh7IGhlaWdodDogY2FsY0hlaWdodChwcm9wcykgfSlcclxuKTtcclxuXHJcbmV4cG9ydCBjb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xyXG4gIGZsZXg6IDEsXHJcbiAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgYmFja2dyb3VuZFNpemU6IFwiY29udGFpblwiLFxyXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXIgY2VudGVyXCIsXHJcbiAgYmFja2dyb3VuZFJlcGVhdDogXCJuby1yZXBlYXRcIixcclxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxyXG4gIGhlaWdodDogXCIxMDAlXCJcclxufSk7XHJcblxyXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGVXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcclxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCJcclxufSk7XHJcbiJdfQ== */");
-const StyledImageWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e18ahwyt1"
-} : {
-  target: "e18ahwyt1",
-  label: "StyledImageWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "i7bb86",
-  styles: "flex:1;display:flex;background-size:contain;background-position:center center;background-repeat:no-repeat;flex-direction:column;height:100%"
-} : {
-  name: "i7bb86",
-  styles: "flex:1;display:flex;background-size:contain;background-position:center center;background-repeat:no-repeat;flex-direction:column;height:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Da0MiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkRXJyb3JQYWdlUHJvcHMge1xyXG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcclxuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcclxuICBmdWxsUGFnZT86IGJvb2xlYW47XHJcbn1cclxuLyoqXHJcbiAqIENhbGN1bGF0ZXMgdGhlIGhlaWdodCBvZiB0aGUgaW1hZ2Ugd3JhcHBlciBiYXNlZCBvbiB0aGUgaGVhZGVyIHN1YiBtZW51IGFuZCBjb21wYWN0IG1vZGUuXHJcbiAqL1xyXG5jb25zdCBjYWxjSGVpZ2h0ID0gKHtcclxuICBzaG93SGVhZGVyU3ViTWVudSxcclxuICBpc0NvbXBhY3RNb2RlLFxyXG4gIGZ1bGxQYWdlXHJcbn06IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiB7XHJcbiAgaWYgKGZ1bGxQYWdlKSB7XHJcbiAgICByZXR1cm4gYDEwMHZoYDtcclxuICB9XHJcbiAgaWYgKHNob3dIZWFkZXJTdWJNZW51ICYmICFpc0NvbXBhY3RNb2RlKSB7XHJcbiAgICByZXR1cm4gYGNhbGMoMTAwdmggLSAoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0fXB4ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxuICB9XHJcbiAgcmV0dXJuIGBjYWxjKDEwMHZoIC0gKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke3RoZW1lLnNwYWNlLmxnfSArICR7dGhlbWUuc3BhY2UubGd9KSlgO1xyXG59O1xyXG5cclxuZXhwb3J0IGNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZChcImRpdlwiKTxTdHlsZWRFcnJvclBhZ2VQcm9wcz4oXHJcbiAge1xyXG4gICAgZmxleDogMSxcclxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxyXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2UubGdcclxuICB9LFxyXG4gIHByb3BzID0+ICh7IGhlaWdodDogY2FsY0hlaWdodChwcm9wcykgfSlcclxuKTtcclxuXHJcbmV4cG9ydCBjb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xyXG4gIGZsZXg6IDEsXHJcbiAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgYmFja2dyb3VuZFNpemU6IFwiY29udGFpblwiLFxyXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXIgY2VudGVyXCIsXHJcbiAgYmFja2dyb3VuZFJlcGVhdDogXCJuby1yZXBlYXRcIixcclxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxyXG4gIGhlaWdodDogXCIxMDAlXCJcclxufSk7XHJcblxyXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGVXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcclxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCJcclxufSk7XHJcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  height: "100%"
 });
-const StyledTitleWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e18ahwyt0"
-} : {
-  target: "e18ahwyt0",
-  label: "StyledTitleWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1azakc",
-  styles: "text-align:center"
-} : {
-  name: "1azakc",
-  styles: "text-align:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDa0MiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkRXJyb3JQYWdlUHJvcHMge1xyXG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcclxuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcclxuICBmdWxsUGFnZT86IGJvb2xlYW47XHJcbn1cclxuLyoqXHJcbiAqIENhbGN1bGF0ZXMgdGhlIGhlaWdodCBvZiB0aGUgaW1hZ2Ugd3JhcHBlciBiYXNlZCBvbiB0aGUgaGVhZGVyIHN1YiBtZW51IGFuZCBjb21wYWN0IG1vZGUuXHJcbiAqL1xyXG5jb25zdCBjYWxjSGVpZ2h0ID0gKHtcclxuICBzaG93SGVhZGVyU3ViTWVudSxcclxuICBpc0NvbXBhY3RNb2RlLFxyXG4gIGZ1bGxQYWdlXHJcbn06IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiB7XHJcbiAgaWYgKGZ1bGxQYWdlKSB7XHJcbiAgICByZXR1cm4gYDEwMHZoYDtcclxuICB9XHJcbiAgaWYgKHNob3dIZWFkZXJTdWJNZW51ICYmICFpc0NvbXBhY3RNb2RlKSB7XHJcbiAgICByZXR1cm4gYGNhbGMoMTAwdmggLSAoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0fXB4ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxuICB9XHJcbiAgcmV0dXJuIGBjYWxjKDEwMHZoIC0gKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke3RoZW1lLnNwYWNlLmxnfSArICR7dGhlbWUuc3BhY2UubGd9KSlgO1xyXG59O1xyXG5cclxuZXhwb3J0IGNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZChcImRpdlwiKTxTdHlsZWRFcnJvclBhZ2VQcm9wcz4oXHJcbiAge1xyXG4gICAgZmxleDogMSxcclxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxyXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcclxuICAgIG1hcmdpblRvcDogdGhlbWUuc3BhY2UubGdcclxuICB9LFxyXG4gIHByb3BzID0+ICh7IGhlaWdodDogY2FsY0hlaWdodChwcm9wcykgfSlcclxuKTtcclxuXHJcbmV4cG9ydCBjb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xyXG4gIGZsZXg6IDEsXHJcbiAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgYmFja2dyb3VuZFNpemU6IFwiY29udGFpblwiLFxyXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXIgY2VudGVyXCIsXHJcbiAgYmFja2dyb3VuZFJlcGVhdDogXCJuby1yZXBlYXRcIixcclxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxyXG4gIGhlaWdodDogXCIxMDAlXCJcclxufSk7XHJcblxyXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGVXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcclxuICB0ZXh0QWxpZ246IFwiY2VudGVyXCJcclxufSk7XHJcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const StyledTitleWrapper = styled("div")({
+  textAlign: "center"
 });
 export {
   StyledErrorPage,

package/dist/esm/pages/GenericError/GenericError.js

@@ -1,17 +1,20 @@
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import BlackCat from "./500.svg.js";
 import ErrorPage from "../ErrorPage/ErrorPage.js";
-const GenericError = ({
-  fullPage = false,
-  includeFooter = true
-}) => {
-  const {
-    t
-  } = useTranslation(void 0, {
-    keyPrefix: "errors.genericError"
-  });
-  return /* @__PURE__ */ jsx(ErrorPage, { code: t("code"), title: t("title"), backgroundLabel: t("image_description"), fullPage, includeFooter, background: `url(${BlackCat})` });
+const GenericError = ({ fullPage = false, includeFooter = true }) => {
+  const { t } = useTranslation(void 0, { keyPrefix: "errors.genericError" });
+  return /* @__PURE__ */ jsx(
+    ErrorPage,
+    {
+      code: t("code"),
+      title: t("title"),
+      backgroundLabel: t("image_description"),
+      fullPage,
+      includeFooter,
+      background: `url(${BlackCat})`
+    }
+  );
 };
 export {
   GenericError as default

package/dist/esm/pages/LoadingPage/LoadingPage.js

@@ -1,13 +1,17 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import useNavigationContext from "../../providers/hooks/useNavigationContext.js";
+import { jsx } from "react/jsx-runtime";
 import Loading from "../../components/layout/Loading/Loading.js";
+import { useNavigationContext } from "../../providers/NavigationProvider.js";
 import StyledLoadingPage from "./styles.js";
 const LoadingPage = () => {
-  const {
-    isCompactMode,
-    showHeaderSubMenu
-  } = useNavigationContext();
-  return /* @__PURE__ */ jsx(StyledLoadingPage, { showHeaderSubMenu, isCompactMode, children: /* @__PURE__ */ jsx(Loading, {}) });
+  const { isCompactMode, showHeaderSubMenu } = useNavigationContext();
+  return /* @__PURE__ */ jsx(
+    StyledLoadingPage,
+    {
+      showHeaderSubMenu,
+      isCompactMode,
+      children: /* @__PURE__ */ jsx(Loading, {})
+    }
+  );
 };
 export {
   LoadingPage as default

package/dist/esm/pages/LoadingPage/styles.js

@@ -1,4 +1,4 @@
-import _styled from "@emotion/styled/base";
+import styled from "@emotion/styled";
 import { theme } from "@hitachivantara/uikit-react-core";
 const calcHeight = ({
   showHeaderSubMenu,
@@ -9,19 +9,15 @@ const calcHeight = ({
   }
   return `calc(100vh - (${theme.header.height} + ${theme.space.lg} + ${theme.space.lg}))`;
 };
-const StyledLoadingPage = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1y8bo8h0"
-} : {
-  target: "e1y8bo8h0",
-  label: "StyledLoadingPage"
-})({
-  flex: 1,
-  display: "flex",
-  flexDirection: "column",
-  marginTop: theme.space.lg
-}, (props) => ({
-  height: calcHeight(props)
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9Mb2FkaW5nUGFnZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0IwQiIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvcGFnZXMvTG9hZGluZ1BhZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XHJcblxyXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xyXG5cclxuaW50ZXJmYWNlIFN0eWxlZExvYWRpbmdQYWdlUHJvcHMge1xyXG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcclxuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcclxufVxyXG5cclxuLyoqXHJcbiAqIENhbGN1bGF0ZXMgdGhlIGhlaWdodCBvZiB0aGUgaW1hZ2Ugd3JhcHBlciBiYXNlZCBvbiB0aGUgaGVhZGVyIHN1YiBtZW51IGFuZCBjb21wYWN0IG1vZGUuXHJcbiAqL1xyXG5jb25zdCBjYWxjSGVpZ2h0ID0gKHtcclxuICBzaG93SGVhZGVyU3ViTWVudSxcclxuICBpc0NvbXBhY3RNb2RlXHJcbn06IFN0eWxlZExvYWRpbmdQYWdlUHJvcHMpID0+IHtcclxuICBpZiAoc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGUpIHtcclxuICAgIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxIZWlnaHR9cHggKyAke3RoZW1lLnNwYWNlLmxnfSArICR7dGhlbWUuc3BhY2UubGd9KSlgO1xyXG4gIH1cclxuICByZXR1cm4gYGNhbGMoMTAwdmggLSAoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbn07XHJcblxyXG5jb25zdCBTdHlsZWRMb2FkaW5nUGFnZSA9IHN0eWxlZChcImRpdlwiKTxTdHlsZWRMb2FkaW5nUGFnZVByb3BzPihcclxuICB7XHJcbiAgICBmbGV4OiAxLFxyXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXHJcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxyXG4gICAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZS5sZ1xyXG4gIH0sXHJcbiAgcHJvcHMgPT4gKHsgaGVpZ2h0OiBjYWxjSGVpZ2h0KHByb3BzKSB9KVxyXG4pO1xyXG5cclxuZXhwb3J0IGRlZmF1bHQgU3R5bGVkTG9hZGluZ1BhZ2U7XHJcbiJdfQ== */");
+const StyledLoadingPage = styled("div")(
+  {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column",
+    marginTop: theme.space.lg
+  },
+  (props) => ({ height: calcHeight(props) })
+);
 export {
   StyledLoadingPage as default
 };

package/dist/esm/pages/NotFound/NotFound.js

@@ -1,14 +1,18 @@
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import DogeSpace from "./404.svg.js";
 import ErrorPage from "../ErrorPage/ErrorPage.js";
 const NotFound = () => {
-  const {
-    t
-  } = useTranslation(void 0, {
-    keyPrefix: "errors.notFound"
-  });
-  return /* @__PURE__ */ jsx(ErrorPage, { code: t("code"), title: t("title"), backgroundLabel: t("image_description"), background: `url(${DogeSpace})` });
+  const { t } = useTranslation(void 0, { keyPrefix: "errors.notFound" });
+  return /* @__PURE__ */ jsx(
+    ErrorPage,
+    {
+      code: t("code"),
+      title: t("title"),
+      backgroundLabel: t("image_description"),
+      background: `url(${DogeSpace})`
+    }
+  );
 };
 export {
   NotFound as default

package/dist/esm/pages/Root/Root.js

@@ -1,18 +1,16 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Suspense } from "react";
-import { Outlet } from "react-router-dom";
 import { ErrorBoundary } from "react-error-boundary";
-import CombinedProviders from "../../lib/utils/CombinedProviders.js";
-import BannerProvider from "../../providers/BannerProvider.js";
-import NavigationProvider from "../../providers/NavigationProvider.js";
+import { Outlet } from "react-router-dom";
+import { BannerProvider } from "../../providers/BannerProvider.js";
+import { NavigationProvider } from "../../providers/NavigationProvider.js";
+import CombinedProviders from "../../utils/CombinedProviders.js";
 import LoadingPage from "../LoadingPage/LoadingPage.js";
-import GenericError from "../GenericError/GenericError.js";
 import CustomHooksInitializer from "../../components/CustomHooksInitializer/CustomHooksInitializer.js";
 import Header from "../../components/layout/Header/Header.js";
 import Main from "../../components/layout/Main/Main.js";
-const Root = ({
-  providers
-}) => /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(GenericError, { fullPage: true }), children: /* @__PURE__ */ jsx(CombinedProviders, { providers, children: /* @__PURE__ */ jsx(NavigationProvider, { children: /* @__PURE__ */ jsxs(BannerProvider, { children: [
+import GenericError from "../GenericError/GenericError.js";
+const Root = ({ providers }) => /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(GenericError, { fullPage: true }), children: /* @__PURE__ */ jsx(CombinedProviders, { providers, children: /* @__PURE__ */ jsx(NavigationProvider, { children: /* @__PURE__ */ jsxs(BannerProvider, { children: [
   /* @__PURE__ */ jsx(CustomHooksInitializer, {}),
   /* @__PURE__ */ jsx(Header, {}),
   /* @__PURE__ */ jsx(Main, { children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingPage, {}), children: /* @__PURE__ */ jsx(Outlet, {}) }) })