@hitachivantara/app-shell-ui 2.3.1 → 2.3.3

package/dist/pages/NotFound/NotFound.js

@@ -1,24 +1,21 @@
-import { jsx } from "react/jsx-runtime";
+import { ErrorPage } from "../ErrorPage/ErrorPage.js";
 import { lazy } from "react";
 import { useTranslation } from "react-i18next";
 import { useHvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
-import { ErrorPage } from "../ErrorPage/ErrorPage.js";
-const DogeSpace = lazy(() => import("./DogeSpace.js"));
-const NotFound = () => {
-  const { i18n } = useHvAppShellRuntimeContext();
-  const { t } = useTranslation(void 0, {
-    i18n,
-    keyPrefix: "errors.notFound"
-  });
-  return /* @__PURE__ */ jsx(
-    ErrorPage,
-    {
-      code: t("code"),
-      title: t("title"),
-      image: /* @__PURE__ */ jsx(DogeSpace, { title: t("image_description") })
-    }
-  );
-};
-export {
-  NotFound as default
+import { jsx } from "react/jsx-runtime";
+//#region src/pages/NotFound/NotFound.tsx
+var DogeSpace = lazy(() => import("./DogeSpace.js"));
+var NotFound = () => {
+	const { i18n } = useHvAppShellRuntimeContext();
+	const { t } = useTranslation(void 0, {
+		i18n,
+		keyPrefix: "errors.notFound"
+	});
+	return /* @__PURE__ */ jsx(ErrorPage, {
+		code: t("code"),
+		title: t("title"),
+		image: /* @__PURE__ */ jsx(DogeSpace, { title: t("image_description") })
+	});
 };
+//#endregion
+export { NotFound as default };

package/dist/pages/NotFound/index.js

@@ -1,4 +1,2 @@
-import { default as default2 } from "./NotFound.js";
-export {
-  default2 as default
-};
+import NotFound from "./NotFound.js";
+export { NotFound as default };

package/dist/pages/RootRoute.js

@@ -1,24 +1,37 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { NavigationProvider } from "../providers/NavigationProvider.js";
+import GenericError from "./GenericError/GenericError.js";
+import CombinedProviders from "../utils/CombinedProviders.js";
+import LoadingPage_default from "./LoadingPage/index.js";
+import { BannerProvider } from "../providers/BannerProvider.js";
+import CustomHooksInitializer from "../components/CustomHooksInitializer/CustomHooksInitializer.js";
+import { HvAppShellLayout } from "../components/layout/AppShellLayout.js";
 import { Suspense } from "react";
 import { ErrorBoundary } from "react-error-boundary";
+import { useHvAppShellCombinedProviders, useHvAppShellModel } from "@hitachivantara/app-shell-shared";
 import { Outlet } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
 import ServiceManagerProvider from "@hitachivantara/app-shell-services";
-import { useHvAppShellModel, useHvAppShellCombinedProviders } from "@hitachivantara/app-shell-shared";
-import { HvAppShellLayout } from "../components/layout/AppShellLayout.js";
-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 CustomHooksInitializer from "../components/CustomHooksInitializer/CustomHooksInitializer.js";
-import GenericError from "./GenericError/GenericError.js";
-const RootRoute = () => {
-  const { services } = useHvAppShellModel();
-  const { providers } = useHvAppShellCombinedProviders();
-  return /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(GenericError, {}), children: /* @__PURE__ */ jsx(ServiceManagerProvider, { config: { services }, children: /* @__PURE__ */ jsx(CombinedProviders, { providers, children: /* @__PURE__ */ jsx(NavigationProvider, { children: /* @__PURE__ */ jsxs(BannerProvider, { children: [
-    /* @__PURE__ */ jsx(CustomHooksInitializer, {}),
-    /* @__PURE__ */ jsx(HvAppShellLayout, { children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingPage, {}), children: /* @__PURE__ */ jsx(Outlet, {}) }) })
-  ] }) }) }) }) });
-};
-export {
-  RootRoute
+//#region src/pages/RootRoute.tsx
+/**
+* Root route component for provides & visual layout that needs router provider context.
+* When its not necessary, use `HvAppShellContainer` instead
+*/
+var RootRoute = () => {
+	const { services } = useHvAppShellModel();
+	const { providers } = useHvAppShellCombinedProviders();
+	return /* @__PURE__ */ jsx(ErrorBoundary, {
+		fallback: /* @__PURE__ */ jsx(GenericError, {}),
+		children: /* @__PURE__ */ jsx(ServiceManagerProvider, {
+			config: { services },
+			children: /* @__PURE__ */ jsx(CombinedProviders, {
+				providers,
+				children: /* @__PURE__ */ jsx(NavigationProvider, { children: /* @__PURE__ */ jsxs(BannerProvider, { children: [/* @__PURE__ */ jsx(CustomHooksInitializer, {}), /* @__PURE__ */ jsx(HvAppShellLayout, { children: /* @__PURE__ */ jsx(Suspense, {
+					fallback: /* @__PURE__ */ jsx(LoadingPage_default, {}),
+					children: /* @__PURE__ */ jsx(Outlet, {})
+				}) })] }) })
+			})
+		})
+	});
 };
+//#endregion
+export { RootRoute };

package/dist/providers/BannerProvider.js

@@ -1,129 +1,104 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useMemo, useEffect, createContext, useContext } from "react";
+import { useNavigationContext } from "./NavigationProvider.js";
+import { useLayoutContext } from "./LayoutProvider.js";
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { HvBanner, theme, useTheme } from "@hitachivantara/uikit-react-core";
+import { useHvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { css } from "@emotion/css";
 import { uid } from "uid";
-import { useHvAppShellRuntimeContext } from "@hitachivantara/app-shell-shared";
-import { useTheme, theme, HvBanner } from "@hitachivantara/uikit-react-core";
-import { useLayoutContext } from "./LayoutProvider.js";
-import { useNavigationContext } from "./NavigationProvider.js";
-const BannerContext = createContext({
-  show: () => {
-  },
-  dismiss: () => {
-  }
+//#region src/providers/BannerProvider.tsx
+var BannerContext = createContext({
+	show: () => {},
+	dismiss: () => {}
 });
-const BannerProvider = ({ children }) => {
-  const { i18n } = useHvAppShellRuntimeContext();
-  const { t } = useTranslation(void 0, {
-    i18n,
-    keyPrefix: "notifications.banner"
-  });
-  const { activeTheme } = useTheme();
-  const { showHeaderSubMenu, isCompactMode } = useNavigationContext();
-  const { verticalNavigationWidth, setBannerMaxHeight } = useLayoutContext();
-  const [banners, setBanners] = useState([]);
-  const isPentahoTheme = activeTheme?.name === "pentahoPlus";
-  const show = (notification) => {
-    const id = uid();
-    const newBanner = {
-      id,
-      ...notification,
-      variant: notification.variant ?? "default"
-    };
-    setBanners((prevBanners) => [...prevBanners, newBanner]);
-  };
-  const dismiss = (id) => {
-    setBanners(
-      (prevBanners) => prevBanners.filter((banner) => banner.id !== id)
-    );
-  };
-  const value = useMemo(
-    () => ({
-      show,
-      dismiss
-    }),
-    []
-  );
-  useEffect(() => {
-    if (banners.length > 0) {
-      const bannerHeights = banners.map((item) => {
-        const bannerElement = document.getElementById(item.id);
-        return bannerElement ? bannerElement.clientHeight : 0;
-      });
-      const maxBannerHeight = Math.max(...bannerHeights);
-      setBannerMaxHeight(maxBannerHeight);
-    } else {
-      setBannerMaxHeight(0);
-    }
-  }, [banners, setBannerMaxHeight]);
-  const { root, topCenter, bottomCenter } = useMemo(() => {
-    const paddingY = theme.space.xs;
-    const paddingX = theme.space.sm;
-    return {
-      root: css({
-        left: `calc(${verticalNavigationWidth}px + ${paddingX})`,
-        width: `calc(100% - (${verticalNavigationWidth}px + ${paddingX}) - ${paddingX})`,
-        transform: "unset",
-        minWidth: "unset",
-        zIndex: theme.zIndices.banner,
-        ...isPentahoTheme && {
-          maxWidth: 540,
-          left: `calc(${verticalNavigationWidth}px + (100% - ${verticalNavigationWidth}px) / 2)`,
-          transform: `translateX(-50%)`
-        }
-      }),
-      topCenter: css({
-        marginTop: showHeaderSubMenu && !isCompactMode ? `calc(${theme.header.height} + ${theme.header.secondLevelHeight} + ${paddingY})` : `calc(${theme.header.height} + ${paddingY})`
-      }),
-      bottomCenter: css({
-        marginBottom: theme.space.md
-      })
-    };
-  }, [
-    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,
-        onAction: banner.onAction,
-        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;
+var BannerProvider = ({ children }) => {
+	const { i18n } = useHvAppShellRuntimeContext();
+	const { t } = useTranslation(void 0, {
+		i18n,
+		keyPrefix: "notifications.banner"
+	});
+	const { activeTheme } = useTheme();
+	const { showHeaderSubMenu, isCompactMode } = useNavigationContext();
+	const { verticalNavigationWidth, setBannerMaxHeight } = useLayoutContext();
+	const [banners, setBanners] = useState([]);
+	const isPentahoTheme = activeTheme?.name === "pentahoPlus";
+	const show = (notification) => {
+		const newBanner = {
+			id: uid(),
+			...notification,
+			variant: notification.variant ?? "default"
+		};
+		setBanners((prevBanners) => [...prevBanners, newBanner]);
+	};
+	const dismiss = (id) => {
+		setBanners((prevBanners) => prevBanners.filter((banner) => banner.id !== id));
+	};
+	const value = useMemo(() => ({
+		show,
+		dismiss
+	}), []);
+	useEffect(() => {
+		if (banners.length > 0) {
+			const bannerHeights = banners.map((item) => {
+				const bannerElement = document.getElementById(item.id);
+				return bannerElement ? bannerElement.clientHeight : 0;
+			});
+			setBannerMaxHeight(Math.max(...bannerHeights));
+		} else setBannerMaxHeight(0);
+	}, [banners, setBannerMaxHeight]);
+	const { root, topCenter, bottomCenter } = useMemo(() => {
+		const paddingY = theme.space.xs;
+		const paddingX = theme.space.sm;
+		return {
+			root: css({
+				left: `calc(${verticalNavigationWidth}px + ${paddingX})`,
+				width: `calc(100% - (${verticalNavigationWidth}px + ${paddingX}) - ${paddingX})`,
+				transform: "unset",
+				minWidth: "unset",
+				zIndex: theme.zIndices.banner,
+				...isPentahoTheme && {
+					maxWidth: 540,
+					left: `calc(${verticalNavigationWidth}px + (100% - ${verticalNavigationWidth}px) / 2)`,
+					transform: `translateX(-50%)`
+				}
+			}),
+			topCenter: css({ marginTop: showHeaderSubMenu && !isCompactMode ? `calc(${theme.header.height} + ${theme.header.secondLevelHeight} + ${paddingY})` : `calc(${theme.header.height} + ${paddingY})` }),
+			bottomCenter: css({ marginBottom: theme.space.md })
+		};
+	}, [
+		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,
+			onAction: banner.onAction,
+			bannerContentProps: { actionProps: { "aria-label": t("close") } },
+			anchorOrigin: isPentahoTheme ? "bottom" : void 0,
+			transitionDirection: isPentahoTheme ? "up" : void 0
+		}, banner.id)), children]
+	});
 };
-export {
-  BannerContext,
-  BannerProvider,
-  useBannerContext
+var useBannerContext = () => {
+	const context = useContext(BannerContext);
+	if (!context) console.error("BannerContext was used outside of its Provider");
+	return context;
 };
+//#endregion
+export { BannerProvider, useBannerContext };

package/dist/providers/LayoutProvider.js

@@ -1,36 +1,30 @@
+import { createContext, useContext, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useState, useMemo, createContext, useContext } from "react";
-const LayoutContext = createContext({
-  bannerMaxHeight: 0,
-  setBannerMaxHeight: () => {
-  },
-  verticalNavigationWidth: 0,
-  setVerticalNavigationWidth: () => {
-  }
+//#region src/providers/LayoutProvider.tsx
+var LayoutContext = createContext({
+	bannerMaxHeight: 0,
+	setBannerMaxHeight: () => {},
+	verticalNavigationWidth: 0,
+	setVerticalNavigationWidth: () => {}
 });
-const LayoutProvider = ({ children }) => {
-  const [bannerMaxHeight, setBannerMaxHeight] = useState(0);
-  const [verticalNavigationWidth, setVerticalNavigationWidth] = useState(0);
-  const value = useMemo(
-    () => ({
-      bannerMaxHeight,
-      setBannerMaxHeight,
-      verticalNavigationWidth,
-      setVerticalNavigationWidth
-    }),
-    [bannerMaxHeight, verticalNavigationWidth]
-  );
-  return /* @__PURE__ */ jsx(LayoutContext.Provider, { value, children });
+var LayoutProvider = ({ children }) => {
+	const [bannerMaxHeight, setBannerMaxHeight] = useState(0);
+	const [verticalNavigationWidth, setVerticalNavigationWidth] = useState(0);
+	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,
-  useLayoutContext
+var useLayoutContext = () => {
+	const context = useContext(LayoutContext);
+	if (!context) console.error("LayoutContext was used outside of its Provider");
+	return context;
 };
+//#endregion
+export { LayoutProvider, useLayoutContext };

package/dist/providers/NavigationProvider.js

@@ -1,112 +1,101 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useMemo, useEffect, useCallback, useContext, createContext } from "react";
-import { useTheme } from "@mui/material/styles";
-import useMediaQuery from "@mui/material/useMediaQuery";
-import { useHvAppShellConfig } from "@hitachivantara/app-shell-shared";
 import useLocalStorage from "../hooks/useLocalStorage.js";
+import { findItemById, removeHrefFromMenuItemsWithChildren } from "../utils/navigationUtil.js";
 import useNavigationMenuItems from "../hooks/useNavigationMenuItems.js";
-import { removeHrefFromMenuItemsWithChildren, findItemById } from "../utils/navigationUtil.js";
-const NavigationContext = createContext({
-  selectedMenuItemId: void 0,
-  rootMenuItemId: void 0,
-  items: [],
-  verticalNavigationItems: [],
-  hasVerticalNavigation: false,
-  showHeaderSubMenu: false,
-  isCompactMode: false,
-  verticalNavigationMode: "EXPANDED",
-  switchVerticalNavigationMode: () => {
-  }
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { useHvAppShellConfig } from "@hitachivantara/app-shell-shared";
+import { useTheme } from "@mui/material/styles";
+import useMediaQuery from "@mui/material/useMediaQuery";
+import { jsx } from "react/jsx-runtime";
+//#region src/providers/NavigationProvider.tsx
+var NavigationContext = createContext({
+	selectedMenuItemId: void 0,
+	rootMenuItemId: void 0,
+	items: [],
+	verticalNavigationItems: [],
+	hasVerticalNavigation: false,
+	showHeaderSubMenu: false,
+	isCompactMode: false,
+	verticalNavigationMode: "EXPANDED",
+	switchVerticalNavigationMode: () => {}
 });
-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 [isClosed, setIsClosed] = useState(isCompactMode);
-  const [showHeaderSubMenu, setShowHeaderSubMenu] = useState(false);
-  const verticalNavigationMode = useMemo(() => {
-    if (isCompactMode) {
-      return isClosed ? "CLOSED" : "EXPANDED";
-    }
-    return isExpanded ? "EXPANDED" : "COLLAPSED";
-  }, [isClosed, isCompactMode, isExpanded]);
-  const verticalNavigationItems = useMemo(() => {
-    if (isCompactMode) {
-      return items;
-    }
-    if (navigationMode === "ONLY_LEFT") {
-      return removeHrefFromMenuItemsWithChildren(items);
-    }
-    const itemsToReturn = rootMenuItemId && findItemById(items, rootMenuItemId)?.data || [];
-    return removeHrefFromMenuItemsWithChildren(itemsToReturn);
-  }, [items, navigationMode, rootMenuItemId, isCompactMode]);
-  const hasVerticalNavigation = useMemo(() => {
-    if (isCompactMode) {
-      return true;
-    }
-    if (navigationMode === "ONLY_TOP") {
-      return false;
-    }
-    return verticalNavigationItems && verticalNavigationItems.length > 0;
-  }, [navigationMode, verticalNavigationItems, isCompactMode]);
-  useEffect(() => {
-    setStoreExpanded(String(isExpanded));
-  }, [isExpanded, setStoreExpanded]);
-  useEffect(() => {
-    setIsClosed(isCompactMode);
-  }, [isCompactMode]);
-  useEffect(() => {
-    setShowHeaderSubMenu(
-      navigationMode === "ONLY_TOP" && items.some((item) => item.data && item.data.length > 0)
-    );
-  }, [navigationMode, items]);
-  const switchVerticalNavigationMode = useCallback(() => {
-    if (isCompactMode) {
-      setIsClosed((prevState) => !prevState);
-    } else {
-      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
-    ]
-  );
-  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;
+var NavigationProvider = ({ children }) => {
+	const { navigationMode } = useHvAppShellConfig();
+	const { items, selectedMenuItemId, rootMenuItemId } = useNavigationMenuItems();
+	const isCompactMode = useMediaQuery(useTheme().breakpoints.down("md"));
+	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(() => {
+		if (isCompactMode) return isClosed ? "CLOSED" : "EXPANDED";
+		return isExpanded ? "EXPANDED" : "COLLAPSED";
+	}, [
+		isClosed,
+		isCompactMode,
+		isExpanded
+	]);
+	const verticalNavigationItems = useMemo(() => {
+		if (isCompactMode) return items;
+		if (navigationMode === "ONLY_LEFT") return removeHrefFromMenuItemsWithChildren(items);
+		return removeHrefFromMenuItemsWithChildren(rootMenuItemId && findItemById(items, rootMenuItemId)?.data || []);
+	}, [
+		items,
+		navigationMode,
+		rootMenuItemId,
+		isCompactMode
+	]);
+	const hasVerticalNavigation = useMemo(() => {
+		if (isCompactMode) return true;
+		if (navigationMode === "ONLY_TOP") return false;
+		return verticalNavigationItems && verticalNavigationItems.length > 0;
+	}, [
+		navigationMode,
+		verticalNavigationItems,
+		isCompactMode
+	]);
+	useEffect(() => {
+		setStoreExpanded(String(isExpanded));
+	}, [isExpanded, setStoreExpanded]);
+	useEffect(() => {
+		setIsClosed(isCompactMode);
+	}, [isCompactMode]);
+	useEffect(() => {
+		setShowHeaderSubMenu(navigationMode === "ONLY_TOP" && items.some((item) => item.data && item.data.length > 0));
+	}, [navigationMode, items]);
+	const switchVerticalNavigationMode = useCallback(() => {
+		if (isCompactMode) setIsClosed((prevState) => !prevState);
+		else 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
+	]);
+	return /* @__PURE__ */ jsx(NavigationContext.Provider, {
+		value,
+		children
+	});
 };
-export {
-  NavigationContext,
-  NavigationProvider,
-  useNavigationContext
+var useNavigationContext = () => {
+	const context = useContext(NavigationContext);
+	if (!context) console.error("NavigationContext was used outside of its Provider");
+	return context;
 };
+//#endregion
+export { NavigationProvider, useNavigationContext };

package/dist/utils/CombinedProviders.js

@@ -1,20 +1,14 @@
-import { jsx, Fragment } from "react/jsx-runtime";
 import { useMemo } from "react";
-const CombinedProviders = ({
-  children: mainChildren,
-  providers
-}) => {
-  const combined = useMemo(() => {
-    if (!providers || providers.length === 0) {
-      return mainChildren;
-    }
-    return providers.reduceRight(
-      (Acc, { component: Curr, config, key }) => /* @__PURE__ */ jsx(Curr, { ...config, children: Acc }, key),
-      mainChildren
-    );
-  }, [providers, mainChildren]);
-  return /* @__PURE__ */ jsx(Fragment, { children: combined });
-};
-export {
-  CombinedProviders as default
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+//#region src/utils/CombinedProviders.tsx
+var CombinedProviders = ({ children: mainChildren, providers }) => {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: useMemo(() => {
+		if (!providers || providers.length === 0) return mainChildren;
+		return providers.reduceRight((Acc, { component: Curr, config, key }) => /* @__PURE__ */ jsx(Curr, {
+			...config,
+			children: Acc
+		}, key), mainChildren);
+	}, [providers, mainChildren]) });
 };
+//#endregion
+export { CombinedProviders as default };