@hitachivantara/app-shell-ui 1.10.0 → 1.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/dist/esm/components/AppShell/{AppShell.mjs → AppShell.js} +2 -2
  2. package/dist/esm/components/AppShellProvider/{AppShellProvider.mjs → AppShellProvider.js} +2 -2
  3. package/dist/esm/components/AppShellRoutes/{AppShellRoutes.mjs → AppShellRoutes.js} +7 -7
  4. package/dist/esm/components/CustomHooksInitializer/{CustomHooksInitializer.mjs → CustomHooksInitializer.js} +2 -2
  5. package/dist/esm/components/GlobalStyles/index.js +4 -0
  6. package/dist/esm/components/IconUiKit/{index.mjs → index.js} +1 -1
  7. package/dist/esm/components/hoc/{withClickAwayListener.mjs → withClickAwayListener.js} +1 -1
  8. package/dist/esm/components/hoc/{withGlobalProvider.mjs → withGlobalProvider.js} +6 -6
  9. package/dist/esm/components/layout/BrandLogo/{BrandLogo.mjs → BrandLogo.js} +3 -3
  10. package/dist/esm/components/layout/Header/{Header.mjs → Header.js} +6 -6
  11. package/dist/esm/components/layout/Header/HeaderActions/{HeaderActions.mjs → HeaderActions.js} +2 -2
  12. package/dist/esm/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/{AppSwitcherToggle.mjs → AppSwitcherToggle.js} +5 -5
  13. package/dist/esm/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/index.js +4 -0
  14. package/dist/esm/components/layout/Header/HeaderActions/InternalActions/{ColorModeSwitcher.mjs → ColorModeSwitcher.js} +1 -1
  15. package/dist/esm/components/layout/Header/HeaderActions/InternalActions/HelpButton/{HelpButton.mjs → HelpButton.js} +1 -1
  16. package/dist/esm/components/layout/Header/HeaderActions/InternalActions/HelpButton/index.js +4 -0
  17. package/dist/esm/components/layout/Header/HeaderActions/InternalActions/InternalAction/{InternalAction.mjs → InternalAction.js} +3 -3
  18. package/dist/esm/components/layout/Header/HeaderActions/index.js +4 -0
  19. package/dist/esm/components/layout/Loading/{Loading.mjs → Loading.js} +1 -1
  20. package/dist/esm/components/layout/Main/{Main.mjs → Main.js} +4 -4
  21. package/dist/esm/components/layout/VerticalNavigation/{NavigationCollapse.mjs → NavigationCollapse.js} +1 -1
  22. package/dist/esm/components/layout/VerticalNavigation/{NavigationHeader.mjs → NavigationHeader.js} +2 -2
  23. package/dist/esm/components/layout/VerticalNavigation/{VerticalNavigation.mjs → VerticalNavigation.js} +7 -7
  24. package/dist/esm/hooks/{useCustomEventListener.mjs → useCustomEventListener.js} +2 -2
  25. package/dist/esm/hooks/{useNavigationMenuItems.mjs → useNavigationMenuItems.js} +1 -1
  26. package/dist/esm/hooks/{useNotificationsEventListener.mjs → useNotificationsEventListener.js} +1 -1
  27. package/dist/esm/hooks/{useThemeEventListener.mjs → useThemeEventListener.js} +1 -1
  28. package/dist/esm/i18n/{index.mjs → index.js} +2 -2
  29. package/dist/esm/index.js +4 -0
  30. package/dist/esm/pages/ErrorPage/{ErrorPage.mjs → ErrorPage.js} +3 -3
  31. package/dist/esm/pages/ErrorPage/{Footer.mjs → Footer.js} +1 -1
  32. package/dist/esm/pages/GenericError/{GenericError.mjs → GenericError.js} +2 -2
  33. package/dist/esm/pages/LoadingPage/{LoadingPage.mjs → LoadingPage.js} +3 -3
  34. package/dist/esm/pages/LoadingPage/index.js +4 -0
  35. package/dist/esm/pages/NotFound/{NotFound.mjs → NotFound.js} +2 -2
  36. package/dist/esm/pages/NotFound/index.js +4 -0
  37. package/dist/esm/pages/Root/{Root.mjs → Root.js} +8 -8
  38. package/dist/esm/providers/{BannerProvider.mjs → BannerProvider.js} +2 -2
  39. package/dist/esm/providers/{NavigationProvider.mjs → NavigationProvider.js} +3 -3
  40. package/dist/esm/utils/{navigationUtil.mjs → navigationUtil.js} +1 -1
  41. package/package.json +6 -6
  42. package/dist/esm/components/GlobalStyles/index.mjs +0 -4
  43. package/dist/esm/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/index.mjs +0 -4
  44. package/dist/esm/components/layout/Header/HeaderActions/InternalActions/HelpButton/index.mjs +0 -4
  45. package/dist/esm/components/layout/Header/HeaderActions/index.mjs +0 -4
  46. package/dist/esm/index.mjs +0 -4
  47. package/dist/esm/pages/LoadingPage/index.mjs +0 -4
  48. package/dist/esm/pages/NotFound/index.mjs +0 -4
  49. /package/dist/esm/components/AppShellViewProvider/{AppShellViewProvider.mjs → AppShellViewProvider.js} +0 -0
  50. /package/dist/esm/components/GlobalStyles/{GlobalStyles.mjs → GlobalStyles.js} +0 -0
  51. /package/dist/esm/components/IconUiKit/{IconUiKit.mjs → IconUiKit.js} +0 -0
  52. /package/dist/esm/components/SnackbarProvider/{SnackbarProvider.mjs → SnackbarProvider.js} +0 -0
  53. /package/dist/esm/components/layout/BrandLogo/Logos/{Hitachi.mjs → Hitachi.js} +0 -0
  54. /package/dist/esm/components/layout/BrandLogo/Logos/{Lumada.mjs → Lumada.js} +0 -0
  55. /package/dist/esm/components/layout/BrandLogo/Logos/{Pentaho.mjs → Pentaho.js} +0 -0
  56. /package/dist/esm/components/layout/Header/HeaderActions/{DynamicAction.mjs → DynamicAction.js} +0 -0
  57. /package/dist/esm/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/{styles.mjs → styles.js} +0 -0
  58. /package/dist/esm/components/layout/Header/{styles.mjs → styles.js} +0 -0
  59. /package/dist/esm/components/layout/Loading/{styles.mjs → styles.js} +0 -0
  60. /package/dist/esm/components/layout/Main/{styles.mjs → styles.js} +0 -0
  61. /package/dist/esm/components/layout/VerticalNavigation/{styles.mjs → styles.js} +0 -0
  62. /package/dist/esm/hooks/{useClearLocationState.mjs → useClearLocationState.js} +0 -0
  63. /package/dist/esm/hooks/{useLocalStorage.mjs → useLocalStorage.js} +0 -0
  64. /package/dist/esm/hooks/{useResizeObserver.mjs → useResizeObserver.js} +0 -0
  65. /package/dist/esm/i18n/localization/{en.json.mjs → en.json.js} +0 -0
  66. /package/dist/esm/i18n/localization/{pt.json.mjs → pt.json.js} +0 -0
  67. /package/dist/esm/pages/ErrorPage/{styles.mjs → styles.js} +0 -0
  68. /package/dist/esm/pages/GenericError/{500.svg.mjs → 500.svg.js} +0 -0
  69. /package/dist/esm/pages/LoadingPage/{styles.mjs → styles.js} +0 -0
  70. /package/dist/esm/pages/NotFound/{404.svg.mjs → 404.svg.js} +0 -0
  71. /package/dist/esm/providers/{LayoutProvider.mjs → LayoutProvider.js} +0 -0
  72. /package/dist/esm/utils/{CombinedProviders.mjs → CombinedProviders.js} +0 -0
  73. /package/dist/esm/utils/{basePathUtils.mjs → basePathUtils.js} +0 -0
  74. /package/dist/esm/utils/{documentUtil.mjs → documentUtil.js} +0 -0
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import withGlobalProvider from "../hoc/withGlobalProvider.mjs";
3
- import AppShellRoutes from "../AppShellRoutes/AppShellRoutes.mjs";
2
+ import withGlobalProvider from "../hoc/withGlobalProvider.js";
3
+ import AppShellRoutes from "../AppShellRoutes/AppShellRoutes.js";
4
4
  const AppShell = () => {
5
5
  return /* @__PURE__ */ jsx(AppShellRoutes, {});
6
6
  };
@@ -3,8 +3,8 @@ import { useContext, useState, useEffect, useMemo } from "react";
3
3
  import { I18nContext } from "react-i18next";
4
4
  import { HvAppShellContext, HvAppShellRuntimeContext, HvAppShellCombinedProvidersContext, CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
5
5
  import { themes, HvProvider } from "@hitachivantara/uikit-react-core";
6
- import useLocalStorage from "../../hooks/useLocalStorage.mjs";
7
- import { addResourceBundles } from "../../i18n/index.mjs";
6
+ import useLocalStorage from "../../hooks/useLocalStorage.js";
7
+ import { addResourceBundles } from "../../i18n/index.js";
8
8
  const AppShellProvider = ({
9
9
  children,
10
10
  config: localConfig,
@@ -4,13 +4,13 @@ import { ErrorBoundary } from "react-error-boundary";
4
4
  import { RouterProvider, createBrowserRouter, Outlet } from "react-router-dom";
5
5
  import { useHvAppShellConfig, useHvAppShellCombinedProviders } from "@hitachivantara/app-shell-shared";
6
6
  import { HvContainer } from "@hitachivantara/uikit-react-core";
7
- import LoadingPage from "../../pages/LoadingPage/LoadingPage.mjs";
8
- import getBasePath from "../../utils/basePathUtils.mjs";
9
- import { getAppIdFromBundle } from "../../utils/navigationUtil.mjs";
10
- import GenericError from "../../pages/GenericError/GenericError.mjs";
11
- import Root from "../../pages/Root/Root.mjs";
12
- import AppShellViewProvider from "../AppShellViewProvider/AppShellViewProvider.mjs";
13
- const NotFound = lazy(() => import("../../pages/NotFound/index.mjs"));
7
+ import LoadingPage from "../../pages/LoadingPage/LoadingPage.js";
8
+ import getBasePath from "../../utils/basePathUtils.js";
9
+ import { getAppIdFromBundle } from "../../utils/navigationUtil.js";
10
+ import GenericError from "../../pages/GenericError/GenericError.js";
11
+ import Root from "../../pages/Root/Root.js";
12
+ import AppShellViewProvider from "../AppShellViewProvider/AppShellViewProvider.js";
13
+ const NotFound = lazy(() => import("../../pages/NotFound/index.js"));
14
14
  function renderNestedRoutes(views) {
15
15
  if (!views) {
16
16
  return void 0;
@@ -1,5 +1,5 @@
1
- import useClearLocationState from "../../hooks/useClearLocationState.mjs";
2
- import useCustomEventListener from "../../hooks/useCustomEventListener.mjs";
1
+ import useClearLocationState from "../../hooks/useClearLocationState.js";
2
+ import useCustomEventListener from "../../hooks/useCustomEventListener.js";
3
3
  const CustomHooksInitializer = () => {
4
4
  useCustomEventListener();
5
5
  useClearLocationState();
@@ -0,0 +1,4 @@
1
+ import GlobalStyles from "./GlobalStyles.js";
2
+ export {
3
+ GlobalStyles as default
4
+ };
@@ -1,5 +1,5 @@
1
1
  import { memo } from "react";
2
- import IconUiKit$1 from "./IconUiKit.mjs";
2
+ import IconUiKit$1 from "./IconUiKit.js";
3
3
  const IconUiKit = memo(IconUiKit$1);
4
4
  export {
5
5
  IconUiKit as default
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { createPortal } from "react-dom";
3
3
  import { ClickAwayListener } from "@mui/material";
4
- import createAppContainerElement from "../../utils/documentUtil.mjs";
4
+ import createAppContainerElement from "../../utils/documentUtil.js";
5
5
  const withClickAwayListener = (WrappedComponent) => {
6
6
  const displayName = WrappedComponent.displayName ?? WrappedComponent.name;
7
7
  const panelContainerElement = createAppContainerElement();
@@ -3,12 +3,12 @@ import { ErrorBoundary } from "react-error-boundary";
3
3
  import { HelmetProvider } from "react-helmet-async";
4
4
  import { I18nextProvider } from "react-i18next";
5
5
  import { HvProvider } from "@hitachivantara/uikit-react-core";
6
- import createI18Next from "../../i18n/index.mjs";
7
- import { LayoutProvider } from "../../providers/LayoutProvider.mjs";
8
- import AppShellProvider from "../AppShellProvider/AppShellProvider.mjs";
9
- import GlobalStyles from "../GlobalStyles/GlobalStyles.mjs";
10
- import SnackbarProvider from "../SnackbarProvider/SnackbarProvider.mjs";
11
- import GenericError from "../../pages/GenericError/GenericError.mjs";
6
+ import createI18Next from "../../i18n/index.js";
7
+ import { LayoutProvider } from "../../providers/LayoutProvider.js";
8
+ import AppShellProvider from "../AppShellProvider/AppShellProvider.js";
9
+ import GlobalStyles from "../GlobalStyles/GlobalStyles.js";
10
+ import SnackbarProvider from "../SnackbarProvider/SnackbarProvider.js";
11
+ import GenericError from "../../pages/GenericError/GenericError.js";
12
12
  const withGlobalProvider = (WrappedComponent) => {
13
13
  const displayName = WrappedComponent.displayName ?? WrappedComponent.name;
14
14
  const { i18n } = createI18Next();
@@ -1,9 +1,9 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useTranslation } from "react-i18next";
3
3
  import { CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
4
- import Hitachi from "./Logos/Hitachi.mjs";
5
- import Lumada from "./Logos/Lumada.mjs";
6
- import Pentaho from "./Logos/Pentaho.mjs";
4
+ import Hitachi from "./Logos/Hitachi.js";
5
+ import Lumada from "./Logos/Lumada.js";
6
+ import Pentaho from "./Logos/Pentaho.js";
7
7
  const BrandLogo = ({ logo }) => {
8
8
  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);
9
9
  if (!logo) {
@@ -5,12 +5,12 @@ import { css } from "@emotion/css";
5
5
  import { useHvNavigation } from "@hitachivantara/app-shell-navigation";
6
6
  import { CONFIG_TRANSLATIONS_NAMESPACE, useHvAppShellConfig } from "@hitachivantara/app-shell-shared";
7
7
  import { useTheme, HvHeader, HvButton, HvHeaderBrand, HvHeaderNavigation } from "@hitachivantara/uikit-react-core";
8
- import { useLayoutContext } from "../../../providers/LayoutProvider.mjs";
9
- import { useNavigationContext } from "../../../providers/NavigationProvider.mjs";
10
- import IconUiKit from "../../IconUiKit/index.mjs";
11
- import HeaderActions from "./HeaderActions/HeaderActions.mjs";
12
- import StyledIconWrapper from "./styles.mjs";
13
- import BrandLogo from "../BrandLogo/BrandLogo.mjs";
8
+ import { useLayoutContext } from "../../../providers/LayoutProvider.js";
9
+ import { useNavigationContext } from "../../../providers/NavigationProvider.js";
10
+ import IconUiKit from "../../IconUiKit/index.js";
11
+ import HeaderActions from "./HeaderActions/HeaderActions.js";
12
+ import StyledIconWrapper from "./styles.js";
13
+ import BrandLogo from "../BrandLogo/BrandLogo.js";
14
14
  const Header = () => {
15
15
  const { t } = useTranslation(void 0, { keyPrefix: "header.navigation" });
16
16
  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);
@@ -1,8 +1,8 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useHvAppShellConfig } from "@hitachivantara/app-shell-shared";
3
3
  import { HvHeaderActions } from "@hitachivantara/uikit-react-core";
4
- import DynamicAction from "./DynamicAction.mjs";
5
- import InternalAction, { internalActions } from "./InternalActions/InternalAction/InternalAction.mjs";
4
+ import DynamicAction from "./DynamicAction.js";
5
+ import InternalAction, { internalActions } from "./InternalActions/InternalAction/InternalAction.js";
6
6
  const HeaderActions = () => {
7
7
  const { header } = useHvAppShellConfig();
8
8
  return /* @__PURE__ */ jsx(HvHeaderActions, { children: header?.actions.map((action, index) => {
@@ -5,11 +5,11 @@ import { useTranslation } from "react-i18next";
5
5
  import { ClickAwayListener } from "@mui/material";
6
6
  import { CONFIG_TRANSLATIONS_NAMESPACE, useHvAppShellConfig } from "@hitachivantara/app-shell-shared";
7
7
  import { HvIconButton, theme, HvAppSwitcher, HvTypography } from "@hitachivantara/uikit-react-core";
8
- import createAppContainerElement from "../../../../../../utils/documentUtil.mjs";
9
- import IconUiKit from "../../../../../IconUiKit/index.mjs";
10
- import StyledIconWrapper from "../../../styles.mjs";
11
- import StyledAppShellPanelWrapper from "./styles.mjs";
12
- import BrandLogo from "../../../../BrandLogo/BrandLogo.mjs";
8
+ import createAppContainerElement from "../../../../../../utils/documentUtil.js";
9
+ import IconUiKit from "../../../../../IconUiKit/index.js";
10
+ import StyledIconWrapper from "../../../styles.js";
11
+ import StyledAppShellPanelWrapper from "./styles.js";
12
+ import BrandLogo from "../../../../BrandLogo/BrandLogo.js";
13
13
  const AppSwitcherToggle = ({
14
14
  title,
15
15
  apps,
@@ -0,0 +1,4 @@
1
+ import AppSwitcherToggle from "./AppSwitcherToggle.js";
2
+ export {
3
+ AppSwitcherToggle as default
4
+ };
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { useTranslation } from "react-i18next";
3
3
  import { HvAppShellEventThemeTrigger } from "@hitachivantara/app-shell-events";
4
4
  import { useTheme, HvIconButton } from "@hitachivantara/uikit-react-core";
5
- import IconUiKit from "../../../../IconUiKit/index.mjs";
5
+ import IconUiKit from "../../../../IconUiKit/index.js";
6
6
  const ColorModeSwitcher = () => {
7
7
  const { t } = useTranslation(void 0, {
8
8
  keyPrefix: "header.colorModeSwitcher"
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { useTranslation } from "react-i18next";
3
3
  import { CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
4
4
  import { HvIconButton } from "@hitachivantara/uikit-react-core";
5
- import IconUiKit from "../../../../../IconUiKit/index.mjs";
5
+ import IconUiKit from "../../../../../IconUiKit/index.js";
6
6
  const HelpButton = ({ url, description }) => {
7
7
  const { t } = useTranslation(void 0, { keyPrefix: "header.helpUrl" });
8
8
  const { t: tConfig } = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);
@@ -0,0 +1,4 @@
1
+ import HelpButton from "./HelpButton.js";
2
+ export {
3
+ HelpButton as default
4
+ };
@@ -3,19 +3,19 @@ import { memo, lazy, Suspense } from "react";
3
3
  const internalActions = [
4
4
  {
5
5
  bundle: "@hv/theming-client/colorModeSwitcher.js",
6
- component: () => import("../ColorModeSwitcher.mjs").then((module) => ({
6
+ component: () => import("../ColorModeSwitcher.js").then((module) => ({
7
7
  default: module.default
8
8
  }))
9
9
  },
10
10
  {
11
11
  bundle: "@hv/help-client/button.js",
12
- component: () => import("../HelpButton/index.mjs").then((module) => ({
12
+ component: () => import("../HelpButton/index.js").then((module) => ({
13
13
  default: module.default
14
14
  }))
15
15
  },
16
16
  {
17
17
  bundle: "@hv/app-switcher-client/toggle.js",
18
- component: () => import("../AppSwitcherToggle/index.mjs").then((module) => ({
18
+ component: () => import("../AppSwitcherToggle/index.js").then((module) => ({
19
19
  default: module.default
20
20
  }))
21
21
  }
@@ -0,0 +1,4 @@
1
+ import HeaderActions from "./HeaderActions.js";
2
+ export {
3
+ HeaderActions as default
4
+ };
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { StyledLoading } from "./styles.mjs";
2
+ import { StyledLoading } from "./styles.js";
3
3
  const Loading = ({ loadingLabel }) => {
4
4
  return /* @__PURE__ */ jsx(StyledLoading, { label: loadingLabel });
5
5
  };
@@ -1,10 +1,10 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { css } from "@emotion/css";
3
3
  import { useTheme, theme } from "@hitachivantara/uikit-react-core";
4
- import { useLayoutContext } from "../../../providers/LayoutProvider.mjs";
5
- import { useNavigationContext } from "../../../providers/NavigationProvider.mjs";
6
- import { StyledContainer, StyledMain } from "./styles.mjs";
7
- import VerticalNavigation from "../VerticalNavigation/VerticalNavigation.mjs";
4
+ import { useLayoutContext } from "../../../providers/LayoutProvider.js";
5
+ import { useNavigationContext } from "../../../providers/NavigationProvider.js";
6
+ import { StyledContainer, StyledMain } from "./styles.js";
7
+ import VerticalNavigation from "../VerticalNavigation/VerticalNavigation.js";
8
8
  const Main = ({ children }) => {
9
9
  const {
10
10
  hasVerticalNavigation,
@@ -3,7 +3,7 @@ import { useTranslation } from "react-i18next";
3
3
  import { cx } from "@emotion/css";
4
4
  import { HvTypography, HvButton } from "@hitachivantara/uikit-react-core";
5
5
  import { Start, End } from "@hitachivantara/uikit-react-icons";
6
- import { classes } from "./styles.mjs";
6
+ import { classes } from "./styles.js";
7
7
  const NavigationCollapse = ({ onClick, isOpen }) => {
8
8
  const { t } = useTranslation(void 0, { keyPrefix: "verticalNavigation" });
9
9
  return /* @__PURE__ */ jsxs("div", { className: classes.navigationCollapse, children: [
@@ -1,8 +1,8 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { useHvAppShellConfig } from "@hitachivantara/app-shell-shared";
3
3
  import { AppSwitcher } from "@hitachivantara/uikit-react-icons";
4
- import { classes } from "./styles.mjs";
5
- import BrandLogo from "../BrandLogo/BrandLogo.mjs";
4
+ import { classes } from "./styles.js";
5
+ import BrandLogo from "../BrandLogo/BrandLogo.js";
6
6
  const NavigationHeader = ({ isOpen }) => {
7
7
  const appShellConfig = useHvAppShellConfig();
8
8
  return /* @__PURE__ */ jsxs("div", { className: classes.navigationHeader, children: [
@@ -4,13 +4,13 @@ import { useTranslation } from "react-i18next";
4
4
  import { cx } from "@emotion/css";
5
5
  import { useHvNavigation } from "@hitachivantara/app-shell-navigation";
6
6
  import { useTheme, HvVerticalNavigation, HvVerticalNavigationHeader, HvVerticalNavigationTree, HvVerticalNavigationActions } from "@hitachivantara/uikit-react-core";
7
- import { useResizeObserver } from "../../../hooks/useResizeObserver.mjs";
8
- import { useLayoutContext } from "../../../providers/LayoutProvider.mjs";
9
- import { useNavigationContext } from "../../../providers/NavigationProvider.mjs";
10
- import withClickAwayListener from "../../hoc/withClickAwayListener.mjs";
11
- import { NavigationCollapse } from "./NavigationCollapse.mjs";
12
- import { NavigationHeader } from "./NavigationHeader.mjs";
13
- import { classes } from "./styles.mjs";
7
+ import { useResizeObserver } from "../../../hooks/useResizeObserver.js";
8
+ import { useLayoutContext } from "../../../providers/LayoutProvider.js";
9
+ import { useNavigationContext } from "../../../providers/NavigationProvider.js";
10
+ import withClickAwayListener from "../../hoc/withClickAwayListener.js";
11
+ import { NavigationCollapse } from "./NavigationCollapse.js";
12
+ import { NavigationHeader } from "./NavigationHeader.js";
13
+ import { classes } from "./styles.js";
14
14
  const VerticalNavigation = () => {
15
15
  const { t } = useTranslation(void 0, { keyPrefix: "verticalNavigation" });
16
16
  const {
@@ -1,7 +1,7 @@
1
1
  import { useEffect } from "react";
2
2
  import { HvAppShellEventNotificationTrigger, HvAppShellEventThemeTrigger } from "@hitachivantara/app-shell-events";
3
- import useNotificationsEventListener from "./useNotificationsEventListener.mjs";
4
- import useThemeEventListener from "./useThemeEventListener.mjs";
3
+ import useNotificationsEventListener from "./useNotificationsEventListener.js";
4
+ import useThemeEventListener from "./useThemeEventListener.js";
5
5
  const useCustomEventListener = () => {
6
6
  const { handleNotificationEvent } = useNotificationsEventListener();
7
7
  const { handleThemeEvent } = useThemeEventListener();
@@ -2,7 +2,7 @@ import { useContext, useMemo, useEffect } from "react";
2
2
  import { useLocation } from "react-router-dom";
3
3
  import { useHvNavigation } from "@hitachivantara/app-shell-navigation";
4
4
  import { useHvAppShellConfig, HvAppShellRuntimeContext, CONFIG_TRANSLATIONS_NAMESPACE, useHvMenuItems } from "@hitachivantara/app-shell-shared";
5
- import { createNavigationMenuItems } from "../utils/navigationUtil.mjs";
5
+ import { createNavigationMenuItems } from "../utils/navigationUtil.js";
6
6
  const MAX_TOP_MENU_DEPTH = 2;
7
7
  const useNavigationMenuItems = () => {
8
8
  const { pathname } = useLocation();
@@ -1,5 +1,5 @@
1
1
  import { useHvSnackbar } from "@hitachivantara/uikit-react-core";
2
- import { useBannerContext } from "../providers/BannerProvider.mjs";
2
+ import { useBannerContext } from "../providers/BannerProvider.js";
3
3
  const useNotificationsEventListener = () => {
4
4
  const { enqueueSnackbar } = useHvSnackbar();
5
5
  const { show } = useBannerContext();
@@ -1,5 +1,5 @@
1
1
  import { useTheme } from "@hitachivantara/uikit-react-core";
2
- import useLocalStorage from "./useLocalStorage.mjs";
2
+ import useLocalStorage from "./useLocalStorage.js";
3
3
  const useThemeEventListener = () => {
4
4
  const { selectedTheme, changeTheme, selectedMode, colorModes } = useTheme();
5
5
  const { setStoredValue } = useLocalStorage("COLOR_MODE");
@@ -1,8 +1,8 @@
1
1
  import { initReactI18next } from "react-i18next";
2
2
  import { createInstance } from "i18next";
3
3
  import LanguageDetector from "i18next-browser-languagedetector";
4
- import en from "./localization/en.json.mjs";
5
- import pt from "./localization/pt.json.mjs";
4
+ import en from "./localization/en.json.js";
5
+ import pt from "./localization/pt.json.js";
6
6
  const APP_SHELL_NAMESPACE = "appShell";
7
7
  const addResourceBundles = (i18nInstance, bundles, namespace) => {
8
8
  Object.entries(bundles).forEach((entry) => {
@@ -0,0 +1,4 @@
1
+ import HvAppShell from "./components/AppShell/AppShell.js";
2
+ export {
3
+ HvAppShell as default
4
+ };
@@ -1,8 +1,8 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { HvTypography } from "@hitachivantara/uikit-react-core";
3
- import { useNavigationContext } from "../../providers/NavigationProvider.mjs";
4
- import { Footer } from "./Footer.mjs";
5
- import { StyledErrorPage, StyledTitleWrapper, StyledImageWrapper } from "./styles.mjs";
3
+ import { useNavigationContext } from "../../providers/NavigationProvider.js";
4
+ import { Footer } from "./Footer.js";
5
+ import { StyledErrorPage, StyledTitleWrapper, StyledImageWrapper } from "./styles.js";
6
6
  const ErrorPage = ({
7
7
  code = void 0,
8
8
  title,
@@ -5,7 +5,7 @@ import styled from "@emotion/styled";
5
5
  import { useHvNavigation } from "@hitachivantara/app-shell-navigation";
6
6
  import { useHvAppShellConfig } from "@hitachivantara/app-shell-shared";
7
7
  import { HvTypography } from "@hitachivantara/uikit-react-core";
8
- import { useNavigationContext } from "../../providers/NavigationProvider.mjs";
8
+ import { useNavigationContext } from "../../providers/NavigationProvider.js";
9
9
  const StyledFooterWrapper = styled("div")({
10
10
  textAlign: "center"
11
11
  });
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useTranslation } from "react-i18next";
3
- import BlackCat from "./500.svg.mjs";
4
- import ErrorPage from "../ErrorPage/ErrorPage.mjs";
3
+ import BlackCat from "./500.svg.js";
4
+ import ErrorPage from "../ErrorPage/ErrorPage.js";
5
5
  const GenericError = ({ fullPage = false, includeFooter = true }) => {
6
6
  const { t } = useTranslation(void 0, { keyPrefix: "errors.genericError" });
7
7
  return /* @__PURE__ */ jsx(
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import Loading from "../../components/layout/Loading/Loading.mjs";
3
- import { useNavigationContext } from "../../providers/NavigationProvider.mjs";
4
- import StyledLoadingPage from "./styles.mjs";
2
+ import Loading from "../../components/layout/Loading/Loading.js";
3
+ import { useNavigationContext } from "../../providers/NavigationProvider.js";
4
+ import StyledLoadingPage from "./styles.js";
5
5
  const LoadingPage = () => {
6
6
  const { isCompactMode, showHeaderSubMenu } = useNavigationContext();
7
7
  return /* @__PURE__ */ jsx(
@@ -0,0 +1,4 @@
1
+ import LoadingPage from "./LoadingPage.js";
2
+ export {
3
+ LoadingPage as default
4
+ };
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useTranslation } from "react-i18next";
3
- import DogeSpace from "./404.svg.mjs";
4
- import ErrorPage from "../ErrorPage/ErrorPage.mjs";
3
+ import DogeSpace from "./404.svg.js";
4
+ import ErrorPage from "../ErrorPage/ErrorPage.js";
5
5
  const NotFound = () => {
6
6
  const { t } = useTranslation(void 0, { keyPrefix: "errors.notFound" });
7
7
  return /* @__PURE__ */ jsx(
@@ -0,0 +1,4 @@
1
+ import { default as default2 } from "./NotFound.js";
2
+ export {
3
+ default2 as default
4
+ };
@@ -2,14 +2,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { Suspense } from "react";
3
3
  import { ErrorBoundary } from "react-error-boundary";
4
4
  import { Outlet } from "react-router-dom";
5
- import { BannerProvider } from "../../providers/BannerProvider.mjs";
6
- import { NavigationProvider } from "../../providers/NavigationProvider.mjs";
7
- import CombinedProviders from "../../utils/CombinedProviders.mjs";
8
- import LoadingPage from "../LoadingPage/LoadingPage.mjs";
9
- import CustomHooksInitializer from "../../components/CustomHooksInitializer/CustomHooksInitializer.mjs";
10
- import Header from "../../components/layout/Header/Header.mjs";
11
- import Main from "../../components/layout/Main/Main.mjs";
12
- import GenericError from "../GenericError/GenericError.mjs";
5
+ import { BannerProvider } from "../../providers/BannerProvider.js";
6
+ import { NavigationProvider } from "../../providers/NavigationProvider.js";
7
+ import CombinedProviders from "../../utils/CombinedProviders.js";
8
+ import LoadingPage from "../LoadingPage/LoadingPage.js";
9
+ import CustomHooksInitializer from "../../components/CustomHooksInitializer/CustomHooksInitializer.js";
10
+ import Header from "../../components/layout/Header/Header.js";
11
+ import Main from "../../components/layout/Main/Main.js";
12
+ import GenericError from "../GenericError/GenericError.js";
13
13
  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: [
14
14
  /* @__PURE__ */ jsx(CustomHooksInitializer, {}),
15
15
  /* @__PURE__ */ jsx(Header, {}),
@@ -4,8 +4,8 @@ import { useTranslation } from "react-i18next";
4
4
  import { css } from "@emotion/css";
5
5
  import { uid } from "uid";
6
6
  import { useTheme, theme, HvBanner } from "@hitachivantara/uikit-react-core";
7
- import { useLayoutContext } from "./LayoutProvider.mjs";
8
- import { useNavigationContext } from "./NavigationProvider.mjs";
7
+ import { useLayoutContext } from "./LayoutProvider.js";
8
+ import { useNavigationContext } from "./NavigationProvider.js";
9
9
  const BannerContext = createContext({
10
10
  show: () => {
11
11
  },
@@ -2,9 +2,9 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { useContext, createContext, useState, useMemo, useEffect, useCallback } from "react";
3
3
  import { useTheme, useMediaQuery } from "@mui/material";
4
4
  import { useHvAppShellConfig } from "@hitachivantara/app-shell-shared";
5
- import useLocalStorage from "../hooks/useLocalStorage.mjs";
6
- import useNavigationMenuItems from "../hooks/useNavigationMenuItems.mjs";
7
- import { removeHrefFromMenuItemsWithChildren, findItemById } from "../utils/navigationUtil.mjs";
5
+ import useLocalStorage from "../hooks/useLocalStorage.js";
6
+ import useNavigationMenuItems from "../hooks/useNavigationMenuItems.js";
7
+ import { removeHrefFromMenuItemsWithChildren, findItemById } from "../utils/navigationUtil.js";
8
8
  const NavigationContext = createContext({
9
9
  selectedMenuItemId: void 0,
10
10
  rootMenuItemId: void 0,
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import IconUiKit from "../components/IconUiKit/index.mjs";
2
+ import IconUiKit from "../components/IconUiKit/index.js";
3
3
  const createNavigationMenuItems = (t, menuItems, maxDepth) => {
4
4
  if (maxDepth !== void 0 && maxDepth <= 0) {
5
5
  return [];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/app-shell-ui",
3
- "version": "1.10.0",
3
+ "version": "1.10.1",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "author": "Hitachi Vantara UI Kit Team",
@@ -19,10 +19,10 @@
19
19
  "@emotion/react": "^11.10.5",
20
20
  "@emotion/styled": "^11.10.5",
21
21
  "@hitachivantara/app-shell-events": "^1.1.0",
22
- "@hitachivantara/app-shell-navigation": "^1.3.0",
23
- "@hitachivantara/app-shell-shared": "^1.5.0",
24
- "@hitachivantara/uikit-react-core": "^5.93.0",
25
- "@hitachivantara/uikit-react-icons": "^5.15.0",
22
+ "@hitachivantara/app-shell-navigation": "^1.3.1",
23
+ "@hitachivantara/app-shell-shared": "^1.5.1",
24
+ "@hitachivantara/uikit-react-core": "^5.93.1",
25
+ "@hitachivantara/uikit-react-icons": "^5.15.1",
26
26
  "@mui/material": "^5.16.14",
27
27
  "i18next": "^24.2.2",
28
28
  "i18next-browser-languagedetector": "^8.0.3",
@@ -43,7 +43,7 @@
43
43
  "access": "public",
44
44
  "directory": "package"
45
45
  },
46
- "gitHead": "d96b3d461f5676cf95f4321fd9a3104874814fc3",
46
+ "gitHead": "b05a15b41bfa20c2c4e8bc248429a4a01b23784f",
47
47
  "exports": {
48
48
  ".": {
49
49
  "types": "./dist/types/index.d.ts",
@@ -1,4 +0,0 @@
1
- import GlobalStyles from "./GlobalStyles.mjs";
2
- export {
3
- GlobalStyles as default
4
- };
@@ -1,4 +0,0 @@
1
- import AppSwitcherToggle from "./AppSwitcherToggle.mjs";
2
- export {
3
- AppSwitcherToggle as default
4
- };
@@ -1,4 +0,0 @@
1
- import HelpButton from "./HelpButton.mjs";
2
- export {
3
- HelpButton as default
4
- };
@@ -1,4 +0,0 @@
1
- import HeaderActions from "./HeaderActions.mjs";
2
- export {
3
- HeaderActions as default
4
- };
@@ -1,4 +0,0 @@
1
- import HvAppShell from "./components/AppShell/AppShell.mjs";
2
- export {
3
- HvAppShell as default
4
- };
@@ -1,4 +0,0 @@
1
- import LoadingPage from "./LoadingPage.mjs";
2
- export {
3
- LoadingPage as default
4
- };
@@ -1,4 +0,0 @@
1
- import { default as default2 } from "./NotFound.mjs";
2
- export {
3
- default2 as default
4
- };