@hitachivantara/app-shell-ui 1.9.1 → 1.10.1

package/dist/esm/providers/BannerProvider.js

@@ -1,36 +1,24 @@
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import { createContext, useState, useMemo, useEffect } from "react";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useMemo, useEffect, createContext, useContext } from "react";
+import { useTranslation } from "react-i18next";
 import { css } from "@emotion/css";
 import { uid } from "uid";
 import { useTheme, theme, HvBanner } from "@hitachivantara/uikit-react-core";
-import { useTranslation } from "react-i18next";
-import useNavigationContext from "./hooks/useNavigationContext.js";
-import useLayoutContext from "./hooks/useLayoutContext.js";
+import { useLayoutContext } from "./LayoutProvider.js";
+import { useNavigationContext } from "./NavigationProvider.js";
 const BannerContext = createContext({
   show: () => {
   },
   dismiss: () => {
   }
 });
-const BannerProvider = ({
-  children
-}) => {
-  const {
-    t
-  } = useTranslation(void 0, {
+const BannerProvider = ({ children }) => {
+  const { t } = useTranslation(void 0, {
     keyPrefix: "notifications.banner"
   });
-  const {
-    activeTheme
-  } = useTheme();
-  const {
-    showHeaderSubMenu,
-    isCompactMode
-  } = useNavigationContext();
-  const {
-    verticalNavigationWidth,
-    setBannerMaxHeight
-  } = useLayoutContext();
+  const { activeTheme } = useTheme();
+  const { showHeaderSubMenu, isCompactMode } = useNavigationContext();
+  const { verticalNavigationWidth, setBannerMaxHeight } = useLayoutContext();
   const [banners, setBanners] = useState([]);
   const isPentahoTheme = activeTheme?.name === "pentahoPlus";
   const show = (notification) => {
@@ -43,12 +31,17 @@ const BannerProvider = ({
     setBanners((prevBanners) => [...prevBanners, newBanner]);
   };
   const dismiss = (id) => {
-    setBanners((prevBanners) => prevBanners.filter((banner) => banner.id !== id));
+    setBanners(
+      (prevBanners) => prevBanners.filter((banner) => banner.id !== id)
+    );
   };
-  const value = useMemo(() => ({
-    show,
-    dismiss
-  }), []);
+  const value = useMemo(
+    () => ({
+      show,
+      dismiss
+    }),
+    []
+  );
   useEffect(() => {
     if (banners.length > 0) {
       const bannerHeights = banners.map((item) => {
@@ -61,15 +54,11 @@ const BannerProvider = ({
       setBannerMaxHeight(0);
     }
   }, [banners, setBannerMaxHeight]);
-  const {
-    root,
-    topCenter,
-    bottomCenter
-  } = useMemo(() => {
+  const { root, topCenter, bottomCenter } = useMemo(() => {
     const paddingY = theme.space.xs;
     const paddingX = theme.space.sm;
     return {
-      root: /* @__PURE__ */ css({
+      root: css({
         left: `calc(${verticalNavigationWidth}px + ${paddingX})`,
         width: `calc(100% - (${verticalNavigationWidth}px + ${paddingX}) - ${paddingX})`,
         transform: "unset",
@@ -80,29 +69,58 @@ const BannerProvider = ({
           left: `calc(${verticalNavigationWidth}px + (100% - ${verticalNavigationWidth}px) / 2)`,
           transform: `translateX(-50%)`
         }
-      }, process.env.NODE_ENV === "production" ? "" : ";label:root;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wcm92aWRlcnMvQmFubmVyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGWSIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvcHJvdmlkZXJzL0Jhbm5lclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IHVpZCB9IGZyb20gXCJ1aWRcIjtcblxuaW1wb3J0IHsgSHZCYW5uZXIsIHRoZW1lLCB1c2VUaGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuaW1wb3J0IHsgSHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS9hcHAtc2hlbGwtZXZlbnRzXCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgdXNlTmF2aWdhdGlvbkNvbnRleHQgZnJvbSBcIi4vaG9va3MvdXNlTmF2aWdhdGlvbkNvbnRleHRcIjtcbmltcG9ydCB1c2VMYXlvdXRDb250ZXh0IGZyb20gXCIuL2hvb2tzL3VzZUxheW91dENvbnRleHRcIjtcblxuZXhwb3J0IHR5cGUgQmFubmVyUHJvdmlkZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyIGV4dGVuZHMgT21pdDxIdkFwcFNoZWxsRXZlbnROb3RpZmljYXRpb24sIFwidHlwZVwiPiB7XG4gIGlkOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyQ29udGV4dFZhbHVlIHtcbiAgc2hvdzogKG5vdGlmaWNhdGlvbjogSHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uKSA9PiB2b2lkO1xuICBkaXNtaXNzOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IEJhbm5lckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PEJhbm5lckNvbnRleHRWYWx1ZT4oe1xuICBzaG93OiAoKSA9PiB7XG4gICAgLy8gRW1wdHkgZnVuY3Rpb25cbiAgfSxcbiAgZGlzbWlzczogKCkgPT4ge1xuICAgIC8vIEVtcHR5IGZ1bmN0aW9uXG4gIH1cbn0pO1xuXG5jb25zdCBCYW5uZXJQcm92aWRlciA9ICh7IGNoaWxkcmVuIH06IEJhbm5lclByb3ZpZGVyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbih1bmRlZmluZWQsIHtcbiAgICBrZXlQcmVmaXg6IFwibm90aWZpY2F0aW9ucy5iYW5uZXJcIlxuICB9KTtcbiAgY29uc3QgeyBhY3RpdmVUaGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgeyBzaG93SGVhZGVyU3ViTWVudSwgaXNDb21wYWN0TW9kZSB9ID0gdXNlTmF2aWdhdGlvbkNvbnRleHQoKTtcbiAgY29uc3QgeyB2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aCwgc2V0QmFubmVyTWF4SGVpZ2h0IH0gPSB1c2VMYXlvdXRDb250ZXh0KCk7XG4gIGNvbnN0IFtiYW5uZXJzLCBzZXRCYW5uZXJzXSA9IHVzZVN0YXRlPEJhbm5lcltdPihbXSk7XG5cbiAgY29uc3QgaXNQZW50YWhvVGhlbWUgPSBhY3RpdmVUaGVtZT8ubmFtZSA9PT0gXCJwZW50YWhvUGx1c1wiO1xuXG4gIGNvbnN0IHNob3cgPSAobm90aWZpY2F0aW9uOiBIdkFwcFNoZWxsRXZlbnROb3RpZmljYXRpb24pID0+IHtcbiAgICBjb25zdCBpZCA9IHVpZCgpO1xuXG4gICAgY29uc3QgbmV3QmFubmVyOiBCYW5uZXIgPSB7XG4gICAgICBpZCxcbiAgICAgIC4uLm5vdGlmaWNhdGlvbixcbiAgICAgIHZhcmlhbnQ6IG5vdGlmaWNhdGlvbi52YXJpYW50ID8/IFwiZGVmYXVsdFwiXG4gICAgfTtcbiAgICBzZXRCYW5uZXJzKHByZXZCYW5uZXJzID0+IFsuLi5wcmV2QmFubmVycywgbmV3QmFubmVyXSk7XG4gIH07XG5cbiAgY29uc3QgZGlzbWlzcyA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0QmFubmVycyhwcmV2QmFubmVycyA9PiBwcmV2QmFubmVycy5maWx0ZXIoYmFubmVyID0+IGJhbm5lci5pZCAhPT0gaWQpKTtcbiAgfTtcblxuICBjb25zdCB2YWx1ZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIHNob3csXG4gICAgICBkaXNtaXNzXG4gICAgfSksXG4gICAgW11cbiAgKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChiYW5uZXJzLmxlbmd0aCA+IDApIHtcbiAgICAgIC8vIEdldCBhbGwgaGVpZ2h0cyBmcm9tIHRoZSByZW5kZXJlZCBiYW5uZXJzXG4gICAgICBjb25zdCBiYW5uZXJIZWlnaHRzID0gYmFubmVycy5tYXAoaXRlbSA9PiB7XG4gICAgICAgIGNvbnN0IGJhbm5lckVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChpdGVtLmlkKTtcbiAgICAgICAgcmV0dXJuIGJhbm5lckVsZW1lbnQgPyBiYW5uZXJFbGVtZW50LmNsaWVudEhlaWdodCA6IDA7XG4gICAgICB9KTtcblxuICAgICAgLy8gRmluZCB0aGUgJ3RhbGxlc3QnIGJhbm5lclxuICAgICAgY29uc3QgbWF4QmFubmVySGVpZ2h0ID0gTWF0aC5tYXgoLi4uYmFubmVySGVpZ2h0cyk7XG5cbiAgICAgIC8vIFVwZGF0ZSBwYWRkaW5nIHZhbHVlXG4gICAgICBzZXRCYW5uZXJNYXhIZWlnaHQobWF4QmFubmVySGVpZ2h0KTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0QmFubmVyTWF4SGVpZ2h0KDApO1xuICAgIH1cbiAgfSwgW2Jhbm5lcnMsIHNldEJhbm5lck1heEhlaWdodF0pO1xuXG4gIGNvbnN0IHsgcm9vdCwgdG9wQ2VudGVyLCBib3R0b21DZW50ZXIgfSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHBhZGRpbmdZID0gdGhlbWUuc3BhY2UueHM7IC8vIHNob3VsZCBiZSBhbGlnbmVkIHdpdGggYE1haW5gJ3MgcGFkZGluZ1RvcFxuICAgIGNvbnN0IHBhZGRpbmdYID0gdGhlbWUuc3BhY2Uuc207XG5cbiAgICByZXR1cm4ge1xuICAgICAgcm9vdDogY3NzKHtcbiAgICAgICAgbGVmdDogYGNhbGMoJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weCArICR7cGFkZGluZ1h9KWAsXG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gKCR7dmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHggKyAke3BhZGRpbmdYfSkgLSAke3BhZGRpbmdYfSlgLFxuICAgICAgICB0cmFuc2Zvcm06IFwidW5zZXRcIixcbiAgICAgICAgbWluV2lkdGg6IFwidW5zZXRcIixcbiAgICAgICAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5iYW5uZXIsXG4gICAgICAgIC4uLihpc1BlbnRhaG9UaGVtZSAmJiB7XG4gICAgICAgICAgbWF4V2lkdGg6IDU0MCxcbiAgICAgICAgICBsZWZ0OiBgY2FsYygke3ZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4ICsgKDEwMCUgLSAke3ZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4KSAvIDIpYCxcbiAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKC01MCUpYFxuICAgICAgICB9KVxuICAgICAgfSksXG4gICAgICB0b3BDZW50ZXI6IGNzcyh7XG4gICAgICAgIG1hcmdpblRvcDpcbiAgICAgICAgICBzaG93SGVhZGVyU3ViTWVudSAmJiAhaXNDb21wYWN0TW9kZVxuICAgICAgICAgICAgPyBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxIZWlnaHR9ICsgJHtwYWRkaW5nWX0pYFxuICAgICAgICAgICAgOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHtwYWRkaW5nWX0pYFxuICAgICAgfSksXG4gICAgICBib3R0b21DZW50ZXI6IGNzcyh7XG4gICAgICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UubWRcbiAgICAgIH0pXG4gICAgfTtcbiAgfSwgW1xuICAgIGlzQ29tcGFjdE1vZGUsXG4gICAgaXNQZW50YWhvVGhlbWUsXG4gICAgc2hvd0hlYWRlclN1Yk1lbnUsXG4gICAgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGhcbiAgXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8QmFubmVyQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17dmFsdWV9PlxuICAgICAge2Jhbm5lcnMubWFwKGJhbm5lciA9PiAoXG4gICAgICAgIDxIdkJhbm5lclxuICAgICAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgICAgIHJvb3QsXG4gICAgICAgICAgICBhbmNob3JPcmlnaW5Cb3R0b21DZW50ZXI6IGJvdHRvbUNlbnRlcixcbiAgICAgICAgICAgIGFuY2hvck9yaWdpblRvcENlbnRlcjogdG9wQ2VudGVyXG4gICAgICAgICAgfX1cbiAgICAgICAgICBpZD17YmFubmVyLmlkfVxuICAgICAgICAgIGtleT17YmFubmVyLmlkfVxuICAgICAgICAgIG9mZnNldD17MH1cbiAgICAgICAgICBvcGVuXG4gICAgICAgICAgb25DbG9zZT17KCkgPT4gZGlzbWlzcyhiYW5uZXIuaWQpfVxuICAgICAgICAgIHZhcmlhbnQ9e2Jhbm5lci52YXJpYW50fVxuICAgICAgICAgIGxhYmVsPXtiYW5uZXIubWVzc2FnZX1cbiAgICAgICAgICBzaG93SWNvblxuICAgICAgICAgIGFjdGlvbnM9e2Jhbm5lci5hY3Rpb25zfVxuICAgICAgICAgIGFjdGlvbnNDYWxsYmFjaz17YmFubmVyLmFjdGlvbnNDYWxsYmFja31cbiAgICAgICAgICBiYW5uZXJDb250ZW50UHJvcHM9e3tcbiAgICAgICAgICAgIGFjdGlvblByb3BzOiB7IFwiYXJpYS1sYWJlbFwiOiB0KFwiY2xvc2VcIikgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgYW5jaG9yT3JpZ2luPXtpc1BlbnRhaG9UaGVtZSA/IFwiYm90dG9tXCIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgdHJhbnNpdGlvbkRpcmVjdGlvbj17aXNQZW50YWhvVGhlbWUgPyBcInVwXCIgOiB1bmRlZmluZWR9XG4gICAgICAgIC8+XG4gICAgICApKX1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0Jhbm5lckNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCYW5uZXJQcm92aWRlcjtcbiJdfQ== */"),
-      topCenter: /* @__PURE__ */ css({
+      }),
+      topCenter: css({
         marginTop: showHeaderSubMenu && !isCompactMode ? `calc(${theme.header.height} + ${theme.header.secondLevelHeight} + ${paddingY})` : `calc(${theme.header.height} + ${paddingY})`
-      }, process.env.NODE_ENV === "production" ? "" : ";label:topCenter;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wcm92aWRlcnMvQmFubmVyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHaUIiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3Byb3ZpZGVycy9CYW5uZXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVDb250ZXh0LCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyB1aWQgfSBmcm9tIFwidWlkXCI7XG5cbmltcG9ydCB7IEh2QmFubmVyLCB0aGVtZSwgdXNlVGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcbmltcG9ydCB7IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbiB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvYXBwLXNoZWxsLWV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHVzZU5hdmlnYXRpb25Db250ZXh0IGZyb20gXCIuL2hvb2tzL3VzZU5hdmlnYXRpb25Db250ZXh0XCI7XG5pbXBvcnQgdXNlTGF5b3V0Q29udGV4dCBmcm9tIFwiLi9ob29rcy91c2VMYXlvdXRDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclByb3ZpZGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lciBleHRlbmRzIE9taXQ8SHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uLCBcInR5cGVcIj4ge1xuICBpZDogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lckNvbnRleHRWYWx1ZSB7XG4gIHNob3c6IChub3RpZmljYXRpb246IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbikgPT4gdm9pZDtcbiAgZGlzbWlzczogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxCYW5uZXJDb250ZXh0VmFsdWU+KHtcbiAgc2hvdzogKCkgPT4ge1xuICAgIC8vIEVtcHR5IGZ1bmN0aW9uXG4gIH0sXG4gIGRpc21pc3M6ICgpID0+IHtcbiAgICAvLyBFbXB0eSBmdW5jdGlvblxuICB9XG59KTtcblxuY29uc3QgQmFubmVyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBCYW5uZXJQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24odW5kZWZpbmVkLCB7XG4gICAga2V5UHJlZml4OiBcIm5vdGlmaWNhdGlvbnMuYmFubmVyXCJcbiAgfSk7XG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgc2hvd0hlYWRlclN1Yk1lbnUsIGlzQ29tcGFjdE1vZGUgfSA9IHVzZU5hdmlnYXRpb25Db250ZXh0KCk7XG4gIGNvbnN0IHsgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGgsIHNldEJhbm5lck1heEhlaWdodCB9ID0gdXNlTGF5b3V0Q29udGV4dCgpO1xuICBjb25zdCBbYmFubmVycywgc2V0QmFubmVyc10gPSB1c2VTdGF0ZTxCYW5uZXJbXT4oW10pO1xuXG4gIGNvbnN0IGlzUGVudGFob1RoZW1lID0gYWN0aXZlVGhlbWU/Lm5hbWUgPT09IFwicGVudGFob1BsdXNcIjtcblxuICBjb25zdCBzaG93ID0gKG5vdGlmaWNhdGlvbjogSHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uKSA9PiB7XG4gICAgY29uc3QgaWQgPSB1aWQoKTtcblxuICAgIGNvbnN0IG5ld0Jhbm5lcjogQmFubmVyID0ge1xuICAgICAgaWQsXG4gICAgICAuLi5ub3RpZmljYXRpb24sXG4gICAgICB2YXJpYW50OiBub3RpZmljYXRpb24udmFyaWFudCA/PyBcImRlZmF1bHRcIlxuICAgIH07XG4gICAgc2V0QmFubmVycyhwcmV2QmFubmVycyA9PiBbLi4ucHJldkJhbm5lcnMsIG5ld0Jhbm5lcl0pO1xuICB9O1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIHNldEJhbm5lcnMocHJldkJhbm5lcnMgPT4gcHJldkJhbm5lcnMuZmlsdGVyKGJhbm5lciA9PiBiYW5uZXIuaWQgIT09IGlkKSk7XG4gIH07XG5cbiAgY29uc3QgdmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBzaG93LFxuICAgICAgZGlzbWlzc1xuICAgIH0pLFxuICAgIFtdXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoYmFubmVycy5sZW5ndGggPiAwKSB7XG4gICAgICAvLyBHZXQgYWxsIGhlaWdodHMgZnJvbSB0aGUgcmVuZGVyZWQgYmFubmVyc1xuICAgICAgY29uc3QgYmFubmVySGVpZ2h0cyA9IGJhbm5lcnMubWFwKGl0ZW0gPT4ge1xuICAgICAgICBjb25zdCBiYW5uZXJFbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoaXRlbS5pZCk7XG4gICAgICAgIHJldHVybiBiYW5uZXJFbGVtZW50ID8gYmFubmVyRWxlbWVudC5jbGllbnRIZWlnaHQgOiAwO1xuICAgICAgfSk7XG5cbiAgICAgIC8vIEZpbmQgdGhlICd0YWxsZXN0JyBiYW5uZXJcbiAgICAgIGNvbnN0IG1heEJhbm5lckhlaWdodCA9IE1hdGgubWF4KC4uLmJhbm5lckhlaWdodHMpO1xuXG4gICAgICAvLyBVcGRhdGUgcGFkZGluZyB2YWx1ZVxuICAgICAgc2V0QmFubmVyTWF4SGVpZ2h0KG1heEJhbm5lckhlaWdodCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEJhbm5lck1heEhlaWdodCgwKTtcbiAgICB9XG4gIH0sIFtiYW5uZXJzLCBzZXRCYW5uZXJNYXhIZWlnaHRdKTtcblxuICBjb25zdCB7IHJvb3QsIHRvcENlbnRlciwgYm90dG9tQ2VudGVyIH0gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBwYWRkaW5nWSA9IHRoZW1lLnNwYWNlLnhzOyAvLyBzaG91bGQgYmUgYWxpZ25lZCB3aXRoIGBNYWluYCdzIHBhZGRpbmdUb3BcbiAgICBjb25zdCBwYWRkaW5nWCA9IHRoZW1lLnNwYWNlLnNtO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHJvb3Q6IGNzcyh7XG4gICAgICAgIGxlZnQ6IGBjYWxjKCR7dmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHggKyAke3BhZGRpbmdYfSlgLFxuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtICgke3ZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4ICsgJHtwYWRkaW5nWH0pIC0gJHtwYWRkaW5nWH0pYCxcbiAgICAgICAgdHJhbnNmb3JtOiBcInVuc2V0XCIsXG4gICAgICAgIG1pbldpZHRoOiBcInVuc2V0XCIsXG4gICAgICAgIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFubmVyLFxuICAgICAgICAuLi4oaXNQZW50YWhvVGhlbWUgJiYge1xuICAgICAgICAgIG1heFdpZHRoOiA1NDAsXG4gICAgICAgICAgbGVmdDogYGNhbGMoJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weCArICgxMDAlIC0gJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weCkgLyAyKWAsXG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgtNTAlKWBcbiAgICAgICAgfSlcbiAgICAgIH0pLFxuICAgICAgdG9wQ2VudGVyOiBjc3Moe1xuICAgICAgICBtYXJnaW5Ub3A6XG4gICAgICAgICAgc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGVcbiAgICAgICAgICAgID8gYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0fSArICR7cGFkZGluZ1l9KWBcbiAgICAgICAgICAgIDogYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7cGFkZGluZ1l9KWBcbiAgICAgIH0pLFxuICAgICAgYm90dG9tQ2VudGVyOiBjc3Moe1xuICAgICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLm1kXG4gICAgICB9KVxuICAgIH07XG4gIH0sIFtcbiAgICBpc0NvbXBhY3RNb2RlLFxuICAgIGlzUGVudGFob1RoZW1lLFxuICAgIHNob3dIZWFkZXJTdWJNZW51LFxuICAgIHZlcnRpY2FsTmF2aWdhdGlvbldpZHRoXG4gIF0pO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtiYW5uZXJzLm1hcChiYW5uZXIgPT4gKFxuICAgICAgICA8SHZCYW5uZXJcbiAgICAgICAgICBjbGFzc2VzPXt7XG4gICAgICAgICAgICByb290LFxuICAgICAgICAgICAgYW5jaG9yT3JpZ2luQm90dG9tQ2VudGVyOiBib3R0b21DZW50ZXIsXG4gICAgICAgICAgICBhbmNob3JPcmlnaW5Ub3BDZW50ZXI6IHRvcENlbnRlclxuICAgICAgICAgIH19XG4gICAgICAgICAgaWQ9e2Jhbm5lci5pZH1cbiAgICAgICAgICBrZXk9e2Jhbm5lci5pZH1cbiAgICAgICAgICBvZmZzZXQ9ezB9XG4gICAgICAgICAgb3BlblxuICAgICAgICAgIG9uQ2xvc2U9eygpID0+IGRpc21pc3MoYmFubmVyLmlkKX1cbiAgICAgICAgICB2YXJpYW50PXtiYW5uZXIudmFyaWFudH1cbiAgICAgICAgICBsYWJlbD17YmFubmVyLm1lc3NhZ2V9XG4gICAgICAgICAgc2hvd0ljb25cbiAgICAgICAgICBhY3Rpb25zPXtiYW5uZXIuYWN0aW9uc31cbiAgICAgICAgICBhY3Rpb25zQ2FsbGJhY2s9e2Jhbm5lci5hY3Rpb25zQ2FsbGJhY2t9XG4gICAgICAgICAgYmFubmVyQ29udGVudFByb3BzPXt7XG4gICAgICAgICAgICBhY3Rpb25Qcm9wczogeyBcImFyaWEtbGFiZWxcIjogdChcImNsb3NlXCIpIH1cbiAgICAgICAgICB9fVxuICAgICAgICAgIGFuY2hvck9yaWdpbj17aXNQZW50YWhvVGhlbWUgPyBcImJvdHRvbVwiIDogdW5kZWZpbmVkfVxuICAgICAgICAgIHRyYW5zaXRpb25EaXJlY3Rpb249e2lzUGVudGFob1RoZW1lID8gXCJ1cFwiIDogdW5kZWZpbmVkfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9CYW5uZXJDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmFubmVyUHJvdmlkZXI7XG4iXX0= */"),
-      bottomCenter: /* @__PURE__ */ css({
+      }),
+      bottomCenter: css({
         marginBottom: theme.space.md
-      }, process.env.NODE_ENV === "production" ? "" : ";label:bottomCenter;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wcm92aWRlcnMvQmFubmVyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJHb0IiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3Byb3ZpZGVycy9CYW5uZXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVDb250ZXh0LCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyB1aWQgfSBmcm9tIFwidWlkXCI7XG5cbmltcG9ydCB7IEh2QmFubmVyLCB0aGVtZSwgdXNlVGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcbmltcG9ydCB7IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbiB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvYXBwLXNoZWxsLWV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHVzZU5hdmlnYXRpb25Db250ZXh0IGZyb20gXCIuL2hvb2tzL3VzZU5hdmlnYXRpb25Db250ZXh0XCI7XG5pbXBvcnQgdXNlTGF5b3V0Q29udGV4dCBmcm9tIFwiLi9ob29rcy91c2VMYXlvdXRDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclByb3ZpZGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lciBleHRlbmRzIE9taXQ8SHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uLCBcInR5cGVcIj4ge1xuICBpZDogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lckNvbnRleHRWYWx1ZSB7XG4gIHNob3c6IChub3RpZmljYXRpb246IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbikgPT4gdm9pZDtcbiAgZGlzbWlzczogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxCYW5uZXJDb250ZXh0VmFsdWU+KHtcbiAgc2hvdzogKCkgPT4ge1xuICAgIC8vIEVtcHR5IGZ1bmN0aW9uXG4gIH0sXG4gIGRpc21pc3M6ICgpID0+IHtcbiAgICAvLyBFbXB0eSBmdW5jdGlvblxuICB9XG59KTtcblxuY29uc3QgQmFubmVyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBCYW5uZXJQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24odW5kZWZpbmVkLCB7XG4gICAga2V5UHJlZml4OiBcIm5vdGlmaWNhdGlvbnMuYmFubmVyXCJcbiAgfSk7XG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgc2hvd0hlYWRlclN1Yk1lbnUsIGlzQ29tcGFjdE1vZGUgfSA9IHVzZU5hdmlnYXRpb25Db250ZXh0KCk7XG4gIGNvbnN0IHsgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGgsIHNldEJhbm5lck1heEhlaWdodCB9ID0gdXNlTGF5b3V0Q29udGV4dCgpO1xuICBjb25zdCBbYmFubmVycywgc2V0QmFubmVyc10gPSB1c2VTdGF0ZTxCYW5uZXJbXT4oW10pO1xuXG4gIGNvbnN0IGlzUGVudGFob1RoZW1lID0gYWN0aXZlVGhlbWU/Lm5hbWUgPT09IFwicGVudGFob1BsdXNcIjtcblxuICBjb25zdCBzaG93ID0gKG5vdGlmaWNhdGlvbjogSHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uKSA9PiB7XG4gICAgY29uc3QgaWQgPSB1aWQoKTtcblxuICAgIGNvbnN0IG5ld0Jhbm5lcjogQmFubmVyID0ge1xuICAgICAgaWQsXG4gICAgICAuLi5ub3RpZmljYXRpb24sXG4gICAgICB2YXJpYW50OiBub3RpZmljYXRpb24udmFyaWFudCA/PyBcImRlZmF1bHRcIlxuICAgIH07XG4gICAgc2V0QmFubmVycyhwcmV2QmFubmVycyA9PiBbLi4ucHJldkJhbm5lcnMsIG5ld0Jhbm5lcl0pO1xuICB9O1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIHNldEJhbm5lcnMocHJldkJhbm5lcnMgPT4gcHJldkJhbm5lcnMuZmlsdGVyKGJhbm5lciA9PiBiYW5uZXIuaWQgIT09IGlkKSk7XG4gIH07XG5cbiAgY29uc3QgdmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBzaG93LFxuICAgICAgZGlzbWlzc1xuICAgIH0pLFxuICAgIFtdXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoYmFubmVycy5sZW5ndGggPiAwKSB7XG4gICAgICAvLyBHZXQgYWxsIGhlaWdodHMgZnJvbSB0aGUgcmVuZGVyZWQgYmFubmVyc1xuICAgICAgY29uc3QgYmFubmVySGVpZ2h0cyA9IGJhbm5lcnMubWFwKGl0ZW0gPT4ge1xuICAgICAgICBjb25zdCBiYW5uZXJFbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoaXRlbS5pZCk7XG4gICAgICAgIHJldHVybiBiYW5uZXJFbGVtZW50ID8gYmFubmVyRWxlbWVudC5jbGllbnRIZWlnaHQgOiAwO1xuICAgICAgfSk7XG5cbiAgICAgIC8vIEZpbmQgdGhlICd0YWxsZXN0JyBiYW5uZXJcbiAgICAgIGNvbnN0IG1heEJhbm5lckhlaWdodCA9IE1hdGgubWF4KC4uLmJhbm5lckhlaWdodHMpO1xuXG4gICAgICAvLyBVcGRhdGUgcGFkZGluZyB2YWx1ZVxuICAgICAgc2V0QmFubmVyTWF4SGVpZ2h0KG1heEJhbm5lckhlaWdodCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEJhbm5lck1heEhlaWdodCgwKTtcbiAgICB9XG4gIH0sIFtiYW5uZXJzLCBzZXRCYW5uZXJNYXhIZWlnaHRdKTtcblxuICBjb25zdCB7IHJvb3QsIHRvcENlbnRlciwgYm90dG9tQ2VudGVyIH0gPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBwYWRkaW5nWSA9IHRoZW1lLnNwYWNlLnhzOyAvLyBzaG91bGQgYmUgYWxpZ25lZCB3aXRoIGBNYWluYCdzIHBhZGRpbmdUb3BcbiAgICBjb25zdCBwYWRkaW5nWCA9IHRoZW1lLnNwYWNlLnNtO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHJvb3Q6IGNzcyh7XG4gICAgICAgIGxlZnQ6IGBjYWxjKCR7dmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHggKyAke3BhZGRpbmdYfSlgLFxuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtICgke3ZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4ICsgJHtwYWRkaW5nWH0pIC0gJHtwYWRkaW5nWH0pYCxcbiAgICAgICAgdHJhbnNmb3JtOiBcInVuc2V0XCIsXG4gICAgICAgIG1pbldpZHRoOiBcInVuc2V0XCIsXG4gICAgICAgIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFubmVyLFxuICAgICAgICAuLi4oaXNQZW50YWhvVGhlbWUgJiYge1xuICAgICAgICAgIG1heFdpZHRoOiA1NDAsXG4gICAgICAgICAgbGVmdDogYGNhbGMoJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weCArICgxMDAlIC0gJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weCkgLyAyKWAsXG4gICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWCgtNTAlKWBcbiAgICAgICAgfSlcbiAgICAgIH0pLFxuICAgICAgdG9wQ2VudGVyOiBjc3Moe1xuICAgICAgICBtYXJnaW5Ub3A6XG4gICAgICAgICAgc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGVcbiAgICAgICAgICAgID8gYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0fSArICR7cGFkZGluZ1l9KWBcbiAgICAgICAgICAgIDogYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7cGFkZGluZ1l9KWBcbiAgICAgIH0pLFxuICAgICAgYm90dG9tQ2VudGVyOiBjc3Moe1xuICAgICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLm1kXG4gICAgICB9KVxuICAgIH07XG4gIH0sIFtcbiAgICBpc0NvbXBhY3RNb2RlLFxuICAgIGlzUGVudGFob1RoZW1lLFxuICAgIHNob3dIZWFkZXJTdWJNZW51LFxuICAgIHZlcnRpY2FsTmF2aWdhdGlvbldpZHRoXG4gIF0pO1xuXG4gIHJldHVybiAoXG4gICAgPEJhbm5lckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtiYW5uZXJzLm1hcChiYW5uZXIgPT4gKFxuICAgICAgICA8SHZCYW5uZXJcbiAgICAgICAgICBjbGFzc2VzPXt7XG4gICAgICAgICAgICByb290LFxuICAgICAgICAgICAgYW5jaG9yT3JpZ2luQm90dG9tQ2VudGVyOiBib3R0b21DZW50ZXIsXG4gICAgICAgICAgICBhbmNob3JPcmlnaW5Ub3BDZW50ZXI6IHRvcENlbnRlclxuICAgICAgICAgIH19XG4gICAgICAgICAgaWQ9e2Jhbm5lci5pZH1cbiAgICAgICAgICBrZXk9e2Jhbm5lci5pZH1cbiAgICAgICAgICBvZmZzZXQ9ezB9XG4gICAgICAgICAgb3BlblxuICAgICAgICAgIG9uQ2xvc2U9eygpID0+IGRpc21pc3MoYmFubmVyLmlkKX1cbiAgICAgICAgICB2YXJpYW50PXtiYW5uZXIudmFyaWFudH1cbiAgICAgICAgICBsYWJlbD17YmFubmVyLm1lc3NhZ2V9XG4gICAgICAgICAgc2hvd0ljb25cbiAgICAgICAgICBhY3Rpb25zPXtiYW5uZXIuYWN0aW9uc31cbiAgICAgICAgICBhY3Rpb25zQ2FsbGJhY2s9e2Jhbm5lci5hY3Rpb25zQ2FsbGJhY2t9XG4gICAgICAgICAgYmFubmVyQ29udGVudFByb3BzPXt7XG4gICAgICAgICAgICBhY3Rpb25Qcm9wczogeyBcImFyaWEtbGFiZWxcIjogdChcImNsb3NlXCIpIH1cbiAgICAgICAgICB9fVxuICAgICAgICAgIGFuY2hvck9yaWdpbj17aXNQZW50YWhvVGhlbWUgPyBcImJvdHRvbVwiIDogdW5kZWZpbmVkfVxuICAgICAgICAgIHRyYW5zaXRpb25EaXJlY3Rpb249e2lzUGVudGFob1RoZW1lID8gXCJ1cFwiIDogdW5kZWZpbmVkfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9CYW5uZXJDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmFubmVyUHJvdmlkZXI7XG4iXX0= */")
+      })
     };
-  }, [isCompactMode, isPentahoTheme, showHeaderSubMenu, verticalNavigationWidth]);
+  }, [
+    isCompactMode,
+    isPentahoTheme,
+    showHeaderSubMenu,
+    verticalNavigationWidth
+  ]);
   return /* @__PURE__ */ jsxs(BannerContext.Provider, { value, children: [
-    banners.map((banner) => /* @__PURE__ */ jsx(HvBanner, { classes: {
-      root,
-      anchorOriginBottomCenter: bottomCenter,
-      anchorOriginTopCenter: topCenter
-    }, id: banner.id, offset: 0, open: true, onClose: () => dismiss(banner.id), variant: banner.variant, label: banner.message, showIcon: true, actions: banner.actions, actionsCallback: banner.actionsCallback, bannerContentProps: {
-      actionProps: {
-        "aria-label": t("close")
-      }
-    }, anchorOrigin: isPentahoTheme ? "bottom" : void 0, transitionDirection: isPentahoTheme ? "up" : void 0 }, banner.id)),
+    banners.map((banner) => /* @__PURE__ */ jsx(
+      HvBanner,
+      {
+        classes: {
+          root,
+          anchorOriginBottomCenter: bottomCenter,
+          anchorOriginTopCenter: topCenter
+        },
+        id: banner.id,
+        offset: 0,
+        open: true,
+        onClose: () => dismiss(banner.id),
+        variant: banner.variant,
+        label: banner.message,
+        showIcon: true,
+        actions: banner.actions,
+        actionsCallback: banner.actionsCallback,
+        bannerContentProps: {
+          actionProps: { "aria-label": t("close") }
+        },
+        anchorOrigin: isPentahoTheme ? "bottom" : void 0,
+        transitionDirection: isPentahoTheme ? "up" : void 0
+      },
+      banner.id
+    )),
     children
   ] });
 };
+const useBannerContext = () => {
+  const context = useContext(BannerContext);
+  if (!context) {
+    console.error("BannerContext was used outside of its Provider");
+  }
+  return context;
+};
 export {
   BannerContext,
-  BannerProvider as default
+  BannerProvider,
+  useBannerContext
 };

package/dist/esm/providers/LayoutProvider.js

@@ -1,5 +1,5 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { createContext, useState, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useState, useMemo, createContext, useContext } from "react";
 const LayoutContext = createContext({
   bannerMaxHeight: 0,
   setBannerMaxHeight: () => {
@@ -8,20 +8,29 @@ const LayoutContext = createContext({
   setVerticalNavigationWidth: () => {
   }
 });
-const LayoutProvider = ({
-  children
-}) => {
+const LayoutProvider = ({ children }) => {
   const [bannerMaxHeight, setBannerMaxHeight] = useState(0);
   const [verticalNavigationWidth, setVerticalNavigationWidth] = useState(0);
-  const value = useMemo(() => ({
-    bannerMaxHeight,
-    setBannerMaxHeight,
-    verticalNavigationWidth,
-    setVerticalNavigationWidth
-  }), [bannerMaxHeight, verticalNavigationWidth]);
+  const value = useMemo(
+    () => ({
+      bannerMaxHeight,
+      setBannerMaxHeight,
+      verticalNavigationWidth,
+      setVerticalNavigationWidth
+    }),
+    [bannerMaxHeight, verticalNavigationWidth]
+  );
   return /* @__PURE__ */ jsx(LayoutContext.Provider, { value, children });
 };
+const useLayoutContext = () => {
+  const context = useContext(LayoutContext);
+  if (!context) {
+    console.error("LayoutContext was used outside of its Provider");
+  }
+  return context;
+};
 export {
   LayoutContext,
-  LayoutProvider as default
+  LayoutProvider,
+  useLayoutContext
 };

package/dist/esm/providers/NavigationProvider.js

@@ -1,10 +1,10 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import { createContext, useState, useMemo, useEffect, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext, createContext, useState, useMemo, useEffect, useCallback } from "react";
 import { useTheme, useMediaQuery } from "@mui/material";
 import { useHvAppShellConfig } from "@hitachivantara/app-shell-shared";
-import { removeHrefFromMenuItemsWithChildren, findItemById } from "../lib/utils/navigationUtil.js";
-import useNavigationMenuItems from "../lib/hooks/useNavigationMenuItems.js";
-import useLocalStorage from "../lib/hooks/useLocalStorage.js";
+import useLocalStorage from "../hooks/useLocalStorage.js";
+import useNavigationMenuItems from "../hooks/useNavigationMenuItems.js";
+import { removeHrefFromMenuItemsWithChildren, findItemById } from "../utils/navigationUtil.js";
 const NavigationContext = createContext({
   selectedMenuItemId: void 0,
   rootMenuItemId: void 0,
@@ -17,24 +17,15 @@ const NavigationContext = createContext({
   switchVerticalNavigationMode: () => {
   }
 });
-const NavigationProvider = ({
-  children
-}) => {
-  const {
-    navigationMode
-  } = useHvAppShellConfig();
-  const {
-    items,
-    selectedMenuItemId,
-    rootMenuItemId
-  } = useNavigationMenuItems();
+const NavigationProvider = ({ children }) => {
+  const { navigationMode } = useHvAppShellConfig();
+  const { items, selectedMenuItemId, rootMenuItemId } = useNavigationMenuItems();
   const muiTheme = useTheme();
   const isCompactMode = useMediaQuery(muiTheme.breakpoints.down("md"));
-  const {
-    value: storedExpanded,
-    setStoredValue: setStoreExpanded
-  } = useLocalStorage("NAV_EXPANDED");
-  const [isExpanded, setIsExpanded] = useState(storedExpanded == null ? true : storedExpanded === "true");
+  const { value: storedExpanded, setStoredValue: setStoreExpanded } = useLocalStorage("NAV_EXPANDED");
+  const [isExpanded, setIsExpanded] = useState(
+    storedExpanded == null ? true : storedExpanded === "true"
+  );
   const [isClosed, setIsClosed] = useState(isCompactMode);
   const [showHeaderSubMenu, setShowHeaderSubMenu] = useState(false);
   const verticalNavigationMode = useMemo(() => {
@@ -69,7 +60,9 @@ const NavigationProvider = ({
     setIsClosed(isCompactMode);
   }, [isCompactMode]);
   useEffect(() => {
-    setShowHeaderSubMenu(navigationMode === "ONLY_TOP" && items.some((item) => item.data && item.data.length > 0));
+    setShowHeaderSubMenu(
+      navigationMode === "ONLY_TOP" && items.some((item) => item.data && item.data.length > 0)
+    );
   }, [navigationMode, items]);
   const switchVerticalNavigationMode = useCallback(() => {
     if (isCompactMode) {
@@ -78,20 +71,41 @@ const NavigationProvider = ({
       setIsExpanded((prevState) => !prevState);
     }
   }, [isCompactMode]);
-  const value = useMemo(() => ({
-    selectedMenuItemId,
-    rootMenuItemId,
-    items,
-    verticalNavigationItems,
-    hasVerticalNavigation,
-    showHeaderSubMenu,
-    isCompactMode,
-    verticalNavigationMode,
-    switchVerticalNavigationMode
-  }), [selectedMenuItemId, rootMenuItemId, items, verticalNavigationItems, hasVerticalNavigation, showHeaderSubMenu, isCompactMode, verticalNavigationMode, switchVerticalNavigationMode]);
+  const value = useMemo(
+    () => ({
+      selectedMenuItemId,
+      rootMenuItemId,
+      items,
+      verticalNavigationItems,
+      hasVerticalNavigation,
+      showHeaderSubMenu,
+      isCompactMode,
+      verticalNavigationMode,
+      switchVerticalNavigationMode
+    }),
+    [
+      selectedMenuItemId,
+      rootMenuItemId,
+      items,
+      verticalNavigationItems,
+      hasVerticalNavigation,
+      showHeaderSubMenu,
+      isCompactMode,
+      verticalNavigationMode,
+      switchVerticalNavigationMode
+    ]
+  );
   return /* @__PURE__ */ jsx(NavigationContext.Provider, { value, children });
 };
+const useNavigationContext = () => {
+  const context = useContext(NavigationContext);
+  if (!context) {
+    console.error("NavigationContext was used outside of its Provider");
+  }
+  return context;
+};
 export {
   NavigationContext,
-  NavigationProvider as default
+  NavigationProvider,
+  useNavigationContext
 };

package/dist/esm/utils/CombinedProviders.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+const CombinedProviders = ({
+  providers,
+  children: mainChildren
+}) => {
+  const Combined = useCallback(
+    ({ children }) => {
+      let result = children;
+      if (providers && providers.length > 0) {
+        result = providers.reduceRight((Acc, Curr) => {
+          return /* @__PURE__ */ jsx(Curr, { children: Acc });
+        }, children);
+      }
+      return result;
+    },
+    [providers]
+  );
+  return /* @__PURE__ */ jsx(Combined, { children: mainChildren });
+};
+export {
+  CombinedProviders as default
+};

package/dist/esm/{lib/utils → utils}/navigationUtil.js

@@ -1,5 +1,5 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import IconUiKit from "../../components/IconUiKit/index.js";
+import { jsx } from "react/jsx-runtime";
+import IconUiKit from "../components/IconUiKit/index.js";
 const createNavigationMenuItems = (t, menuItems, maxDepth) => {
   if (maxDepth !== void 0 && maxDepth <= 0) {
     return [];
@@ -18,10 +18,7 @@ const createNavigationMenuItems = (t, menuItems, maxDepth) => {
 const findItemById = (data, itemId) => {
   let foundItem = null;
   data.some((obj) => {
-    const {
-      id: objId,
-      data: childData
-    } = obj;
+    const { id: objId, data: childData } = obj;
     if (objId === itemId) {
       foundItem = obj;
       return true;
@@ -46,16 +43,9 @@ const getAppIdFromBundle = (bundle) => {
 };
 const removeHrefFromMenuItemsWithChildren = (items) => {
   return items.map((item) => {
-    const {
-      href,
-      data,
-      ...rest
-    } = item;
+    const { href, data, ...rest } = item;
     if (data && data.length > 0) {
-      return {
-        ...rest,
-        data: removeHrefFromMenuItemsWithChildren(data)
-      };
+      return { ...rest, data: removeHrefFromMenuItemsWithChildren(data) };
     }
     return item;
   });

package/dist/types/index.d.ts

@@ -0,0 +1,27 @@
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+
+declare const _default: {
+    ({ ...wrappedProps }: any): JSX_2.Element;
+    displayName: string;
+};
+export default _default;
+
+export { }
+
+declare namespace _default {
+    function process(sourceText: any, sourcePath: any): {
+        code: string;
+    };
+}
+
+declare namespace _default {
+    function process(sourceText: any, sourcePath: any): {
+        code: string;
+    };
+}
+
+declare namespace _default {
+    function process(sourceText: any, sourcePath: any): {
+        code: string;
+    };
+}

package/package.json

@@ -1,54 +1,34 @@
 {
   "name": "@hitachivantara/app-shell-ui",
-  "version": "1.9.1",
-  "description": "AppShell Component",
-  "author": "Hitachi Vantara - Boba Fett Team",
-  "license": "Apache-2.0",
+  "version": "1.10.1",
   "type": "module",
+  "private": false,
+  "author": "Hitachi Vantara UI Kit Team",
+  "description": "AppShell Component",
+  "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "sideEffects": false,
-  "module": "dist/esm/index.js",
-  "typings": "./dist/dts/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/dts/index.d.ts",
-      "import": "./dist/esm/index.js",
-      "default": "./dist/esm/index.js"
-    },
-    "./package.json": "./package.json"
-  },
-  "files": [
-    "dist"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "build": "npm-run-all clean build:*",
-    "build:js": "tsc -p tsconfig.prod.json && vite build",
-    "clean": "npx rimraf ./dist *.tgz tsconfig.tsbuildinfo",
-    "dev": "vite build --watch",
-    "lint-check": "npx eslint --ext .js,.jsx,.ts,.tsx src --color",
-    "lint": "npm-run-all --parallel lint:*",
-    "lint:eslint": "npm run lint-check -- --cache --fix",
-    "lint:prettier": "npx prettier --write \"src/**/*.{html,css,js,jsx,ts,tsx}\"",
-    "test": "vitest run",
-    "coverage": "vitest run --coverage"
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lumada-design/hv-uikit-react.git",
+    "directory": "packages/app-shell-ui"
   },
+  "bugs": "https://github.com/lumada-design/hv-uikit-react/issues",
   "dependencies": {
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@hitachivantara/app-shell-events": "1.0.4",
-    "@hitachivantara/app-shell-navigation": "1.2.8",
-    "@hitachivantara/app-shell-shared": "1.4.2",
-    "@hitachivantara/uikit-react-core": "^5.72.0",
-    "@hitachivantara/uikit-react-icons": "^5.11.0",
-    "@mui/material": "^5.12.3",
-    "i18next": "^23.7.7",
-    "i18next-browser-languagedetector": "^7.0.1",
+    "@hitachivantara/app-shell-events": "^1.1.0",
+    "@hitachivantara/app-shell-navigation": "^1.3.1",
+    "@hitachivantara/app-shell-shared": "^1.5.1",
+    "@hitachivantara/uikit-react-core": "^5.93.1",
+    "@hitachivantara/uikit-react-icons": "^5.15.1",
+    "@mui/material": "^5.16.14",
+    "i18next": "^24.2.2",
+    "i18next-browser-languagedetector": "^8.0.3",
     "react-error-boundary": "^4.0.10",
     "react-helmet-async": "^2.0.1",
-    "react-i18next": "^13.5.0",
+    "react-i18next": "^15.4.0",
     "uid": "^2.0.2"
   },
   "peerDependencies": {
@@ -56,13 +36,22 @@
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.9.0"
   },
-  "devDependencies": {
-    "@types/react": "^18.0.28",
-    "@types/uuid": "^9.0.1",
-    "@vitejs/plugin-react": "^4.2.0",
-    "npm-run-all": "^4.1.5",
-    "rimraf": "^5.0.5",
-    "vite": "^5.0.4"
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "directory": "package"
+  },
+  "gitHead": "b05a15b41bfa20c2c4e8bc248429a4a01b23784f",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "default": "./dist/esm/index.js"
+    },
+    "./package.json": "./package.json"
   },
-  "gitHead": "6ed403e0c81fc85f5f7fdd7cbb0233df855f416c"
+  "types": "./dist/types/index.d.ts",
+  "module": "dist/esm/index.js"
 }