@hitachivantara/app-shell-ui 1.6.0 → 1.6.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.
- package/dist/esm/components/AppShell/AppShell.js +8 -6
- package/dist/esm/components/AppShellProvider/AppShellProvider.js +80 -56
- package/dist/esm/components/AppShellRoutes/AppShellRoutes.js +74 -65
- package/dist/esm/components/AppShellViewProvider/AppShellViewProvider.js +13 -13
- package/dist/esm/components/CustomHooksInitializer/CustomHooksInitializer.js +9 -5
- package/dist/esm/components/GlobalStyles/GlobalStyles.js +8 -8
- package/dist/esm/components/GlobalStyles/index.js +2 -3
- package/dist/esm/components/IconUiKit/IconUiKit.js +10 -8
- package/dist/esm/components/IconUiKit/index.js +4 -5
- package/dist/esm/components/hoc/withClickAwayListener.js +19 -12
- package/dist/esm/components/hoc/withGlobalProvider.js +30 -25
- package/dist/esm/components/layout/Header/BrandLogo/BrandLogo.js +27 -17
- package/dist/esm/components/layout/Header/BrandLogo/Logos/Hitachi.js +10 -8
- package/dist/esm/components/layout/Header/BrandLogo/Logos/Lumada.js +15 -13
- package/dist/esm/components/layout/Header/BrandLogo/Logos/Pentaho.js +10 -8
- package/dist/esm/components/layout/Header/Header.js +54 -42
- package/dist/esm/components/layout/Header/HeaderActions/DynamicAction/DynamicAction.js +22 -18
- package/dist/esm/components/layout/Header/HeaderActions/DynamicAction/index.js +2 -3
- package/dist/esm/components/layout/Header/HeaderActions/HeaderActions.js +17 -14
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/AppSwitcherToggle.js +57 -46
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/index.js +2 -3
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/styles.js +6 -6
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/ColorModeSwitcher/ColorModeSwitcher.js +19 -17
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/ColorModeSwitcher/index.js +2 -3
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/HelpButton/HelpButton.js +23 -20
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/HelpButton/index.js +2 -3
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/InternalAction/InternalAction.js +23 -21
- package/dist/esm/components/layout/Header/HeaderActions/index.js +2 -3
- package/dist/esm/components/layout/Header/styles.js +7 -7
- package/dist/esm/components/layout/Loading/Loading.js +9 -7
- package/dist/esm/components/layout/Loading/styles.js +20 -8
- package/dist/esm/components/layout/Main/Main.js +23 -22
- package/dist/esm/components/layout/Main/styles.js +17 -8
- package/dist/esm/components/layout/VerticalNavigation/VerticalNavigation.js +67 -49
- package/dist/esm/components/layout/VerticalNavigation/styles.js +15 -16
- package/dist/esm/index.js +2 -3
- package/dist/esm/lib/hooks/useClearLocationState.js +14 -14
- package/dist/esm/lib/hooks/useCustomEventListener.js +19 -14
- package/dist/esm/lib/hooks/useLocalStorage.js +22 -16
- package/dist/esm/lib/hooks/useNavigationMenuItems.js +36 -28
- package/dist/esm/lib/hooks/useNotificationsEventListener.js +47 -37
- package/dist/esm/lib/hooks/useThemeEventListener.js +25 -20
- package/dist/esm/lib/i18n/index.js +23 -19
- package/dist/esm/lib/i18n/localization/en.json.js +18 -15
- package/dist/esm/lib/i18n/localization/pt.json.js +18 -15
- package/dist/esm/lib/utils/CombinedProviders.js +19 -14
- package/dist/esm/lib/utils/basePathUtils.js +4 -3
- package/dist/esm/lib/utils/documentUtil.js +10 -6
- package/dist/esm/lib/utils/navigationUtil.js +65 -38
- package/dist/esm/lib/utils/textUtil.js +4 -3
- package/dist/esm/pages/ErrorPage/ErrorPage.js +24 -24
- package/dist/esm/pages/ErrorPage/Footer/Footer.js +47 -31
- package/dist/esm/pages/ErrorPage/Footer/styles.js +8 -8
- package/dist/esm/pages/ErrorPage/styles.js +25 -15
- package/dist/esm/pages/GenericError/500.svg.js +2 -3
- package/dist/esm/pages/GenericError/GenericError.js +13 -13
- package/dist/esm/pages/LoadingPage/LoadingPage.js +12 -12
- package/dist/esm/pages/LoadingPage/index.js +2 -3
- package/dist/esm/pages/LoadingPage/styles.js +15 -9
- package/dist/esm/pages/NotFound/404.svg.js +2 -3
- package/dist/esm/pages/NotFound/NotFound.js +11 -11
- package/dist/esm/pages/NotFound/index.js +2 -3
- package/dist/esm/pages/Root/Root.js +22 -22
- package/dist/esm/providers/BannerProvider.js +67 -57
- package/dist/esm/providers/LayoutProvider.js +19 -16
- package/dist/esm/providers/NavigationProvider.js +87 -55
- package/dist/esm/providers/hooks/useBannerContext.js +9 -7
- package/dist/esm/providers/hooks/useLayoutContext.js +9 -7
- package/dist/esm/providers/hooks/useNavigationContext.js +9 -7
- package/package.json +5 -5
- package/dist/esm/components/AppShell/AppShell.js.map +0 -1
- package/dist/esm/components/AppShellProvider/AppShellProvider.js.map +0 -1
- package/dist/esm/components/AppShellRoutes/AppShellRoutes.js.map +0 -1
- package/dist/esm/components/AppShellViewProvider/AppShellViewProvider.js.map +0 -1
- package/dist/esm/components/CustomHooksInitializer/CustomHooksInitializer.js.map +0 -1
- package/dist/esm/components/GlobalStyles/GlobalStyles.js.map +0 -1
- package/dist/esm/components/GlobalStyles/index.js.map +0 -1
- package/dist/esm/components/IconUiKit/IconUiKit.js.map +0 -1
- package/dist/esm/components/IconUiKit/index.js.map +0 -1
- package/dist/esm/components/hoc/withClickAwayListener.js.map +0 -1
- package/dist/esm/components/hoc/withGlobalProvider.js.map +0 -1
- package/dist/esm/components/layout/Header/BrandLogo/BrandLogo.js.map +0 -1
- package/dist/esm/components/layout/Header/BrandLogo/Logos/Hitachi.js.map +0 -1
- package/dist/esm/components/layout/Header/BrandLogo/Logos/Lumada.js.map +0 -1
- package/dist/esm/components/layout/Header/BrandLogo/Logos/Pentaho.js.map +0 -1
- package/dist/esm/components/layout/Header/Header.js.map +0 -1
- package/dist/esm/components/layout/Header/HeaderActions/DynamicAction/DynamicAction.js.map +0 -1
- package/dist/esm/components/layout/Header/HeaderActions/DynamicAction/index.js.map +0 -1
- package/dist/esm/components/layout/Header/HeaderActions/HeaderActions.js.map +0 -1
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/AppSwitcherToggle.js.map +0 -1
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/index.js.map +0 -1
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/styles.js.map +0 -1
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/ColorModeSwitcher/ColorModeSwitcher.js.map +0 -1
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/ColorModeSwitcher/index.js.map +0 -1
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/HelpButton/HelpButton.js.map +0 -1
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/HelpButton/index.js.map +0 -1
- package/dist/esm/components/layout/Header/HeaderActions/InternalActions/InternalAction/InternalAction.js.map +0 -1
- package/dist/esm/components/layout/Header/HeaderActions/index.js.map +0 -1
- package/dist/esm/components/layout/Header/styles.js.map +0 -1
- package/dist/esm/components/layout/Loading/Loading.js.map +0 -1
- package/dist/esm/components/layout/Loading/styles.js.map +0 -1
- package/dist/esm/components/layout/Main/Main.js.map +0 -1
- package/dist/esm/components/layout/Main/styles.js.map +0 -1
- package/dist/esm/components/layout/VerticalNavigation/VerticalNavigation.js.map +0 -1
- package/dist/esm/components/layout/VerticalNavigation/styles.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/lib/hooks/useClearLocationState.js.map +0 -1
- package/dist/esm/lib/hooks/useCustomEventListener.js.map +0 -1
- package/dist/esm/lib/hooks/useLocalStorage.js.map +0 -1
- package/dist/esm/lib/hooks/useNavigationMenuItems.js.map +0 -1
- package/dist/esm/lib/hooks/useNotificationsEventListener.js.map +0 -1
- package/dist/esm/lib/hooks/useThemeEventListener.js.map +0 -1
- package/dist/esm/lib/i18n/index.js.map +0 -1
- package/dist/esm/lib/i18n/localization/en.json.js.map +0 -1
- package/dist/esm/lib/i18n/localization/pt.json.js.map +0 -1
- package/dist/esm/lib/utils/CombinedProviders.js.map +0 -1
- package/dist/esm/lib/utils/basePathUtils.js.map +0 -1
- package/dist/esm/lib/utils/documentUtil.js.map +0 -1
- package/dist/esm/lib/utils/navigationUtil.js.map +0 -1
- package/dist/esm/lib/utils/textUtil.js.map +0 -1
- package/dist/esm/pages/ErrorPage/ErrorPage.js.map +0 -1
- package/dist/esm/pages/ErrorPage/Footer/Footer.js.map +0 -1
- package/dist/esm/pages/ErrorPage/Footer/styles.js.map +0 -1
- package/dist/esm/pages/ErrorPage/styles.js.map +0 -1
- package/dist/esm/pages/GenericError/500.svg.js.map +0 -1
- package/dist/esm/pages/GenericError/GenericError.js.map +0 -1
- package/dist/esm/pages/LoadingPage/LoadingPage.js.map +0 -1
- package/dist/esm/pages/LoadingPage/index.js.map +0 -1
- package/dist/esm/pages/LoadingPage/styles.js.map +0 -1
- package/dist/esm/pages/NotFound/404.svg.js.map +0 -1
- package/dist/esm/pages/NotFound/NotFound.js.map +0 -1
- package/dist/esm/pages/NotFound/index.js.map +0 -1
- package/dist/esm/pages/Root/Root.js.map +0 -1
- package/dist/esm/providers/BannerProvider.js.map +0 -1
- package/dist/esm/providers/LayoutProvider.js.map +0 -1
- package/dist/esm/providers/NavigationProvider.js.map +0 -1
- package/dist/esm/providers/hooks/useBannerContext.js.map +0 -1
- package/dist/esm/providers/hooks/useLayoutContext.js.map +0 -1
- package/dist/esm/providers/hooks/useNavigationContext.js.map +0 -1
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { jsx
|
|
2
|
-
import { theme
|
|
3
|
-
const
|
|
4
|
-
description
|
|
5
|
-
letteringColor
|
|
6
|
-
}) =>
|
|
1
|
+
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { theme } from "@hitachivantara/uikit-react-core";
|
|
3
|
+
const Hitachi = ({
|
|
4
|
+
description = "Hitachi logo",
|
|
5
|
+
letteringColor
|
|
6
|
+
}) => {
|
|
7
|
+
return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", x: 0, y: 0, width: "72px", height: "20px", viewBox: "0 0 80.5 16.9", xmlSpace: "preserve", "aria-label": description, children: /* @__PURE__ */ jsx("path", { fill: letteringColor ?? theme.colors.secondary, d: "M63.6 2.5v4.7H70V2.5h3.1v11.9H70V9.2h-6.3v5.2h-3.1V2.5h3zM33.9 2.5v2h-4.8v9.8H26V4.5h-4.8v-2h12.7zM46 14.3h-3.5l-1-2.6h-5.9l-1 2.6h-3.5l5.5-11.9h3.8L46 14.3zm-7.4-9.8-2.2 5.4h4.4l-2.2-5.4M75.6 2.5h3.1v11.9h-3.1zM4.9 2.5v4.7h6.3V2.5h3.1v11.9h-3.1V9.2H4.9v5.2H1.7V2.5h3.2zM16.9 2.5H20v11.9h-3.1zM45.9 11c-.3-.8-.4-1.6-.4-2.5 0-1.2.2-2.4.8-3.4.6-1 1.5-1.8 2.7-2.2 1.1-.4 2.2-.6 3.5-.6 1.4 0 2.7.3 4 .8 1.1.5 2 1.5 2.2 2.7.1.3.1.5.1.8h-3.3c0-.3-.1-.6-.2-.9-.3-.6-.8-1.2-1.5-1.4-.4-.1-.9-.2-1.4-.2-.5 0-1.1.1-1.5.3-.8.3-1.4.9-1.7 1.7-.3.8-.4 1.6-.4 2.5 0 .7.1 1.4.3 2.1.2.9.9 1.6 1.7 1.9.5.2 1.1.3 1.7.3.5 0 1-.1 1.5-.2.6-.2 1.1-.6 1.4-1.2.2-.4.3-.8.3-1.3H59c0 .4-.1.8-.2 1.1-.3 1.2-1.1 2.2-2.2 2.6-1.2.5-2.6.8-4 .8-1.1 0-2.2-.2-3.2-.5-1.6-.6-2.9-1.7-3.5-3.2z" }) });
|
|
8
|
+
};
|
|
9
|
+
const Hitachi$1 = Hitachi;
|
|
7
10
|
export {
|
|
8
|
-
|
|
11
|
+
Hitachi$1 as default
|
|
9
12
|
};
|
|
10
|
-
//# sourceMappingURL=Hitachi.js.map
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
import { jsxs
|
|
2
|
-
import { theme
|
|
3
|
-
const
|
|
4
|
-
description
|
|
5
|
-
letteringColor
|
|
6
|
-
}) =>
|
|
7
|
-
/* @__PURE__ */
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { theme } from "@hitachivantara/uikit-react-core";
|
|
3
|
+
const Lumada = ({
|
|
4
|
+
description = "Lumada logo",
|
|
5
|
+
letteringColor
|
|
6
|
+
}) => {
|
|
7
|
+
return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 300.41 69.38", "aria-label": description, children: [
|
|
8
|
+
/* @__PURE__ */ jsx("path", { fill: "#c00", d: "M55.1 31.44 53.91 27l2.94-3a24.86 24.86 0 0 0-2.06-3.57l-4 1.08-3.26-3.27 1.08-4A24.19 24.19 0 0 0 45 12.2l-2.94 2.94L37.62 14l-1.08-4a24.64 24.64 0 0 0-4.12 0l-1.08 4-4.46 1.19-2.94-2.99a24.8 24.8 0 0 0-3.57 2.05l1.08 4-3.27 3.27-4-1.08A23.58 23.58 0 0 0 12.1 24l2.9 3-1.19 4.46-4 1.08a24.52 24.52 0 0 0 0 4.11l4 1.08L15 42.16l-2.9 2.94a24.27 24.27 0 0 0 2.05 3.57l4-1.07 3.27 3.26-1.08 4A24.46 24.46 0 0 0 23.92 57l2.95-3 4.46 1.2 1 3.78h4.25l1-3.78 4.48-1.2L45 57a25.26 25.26 0 0 0 3.57-2.06l-1.07-4 3.26-3.26 4 1.08a24.19 24.19 0 0 0 2.06-3.57l-3-2.94 1.2-4.46 4-1.08a24.65 24.65 0 0 0 0-4.12ZM52.38 39a18.44 18.44 0 1 1-13.52-22.33A18.44 18.44 0 0 1 52.38 39" }),
|
|
9
|
+
/* @__PURE__ */ jsx("path", { fill: letteringColor ?? theme.colors.secondary, d: "M38.14 19.59a15.43 15.43 0 1 0 11.32 18.65 15.42 15.42 0 0 0-11.32-18.65m8.33 18.2a12.42 12.42 0 1 1-8.78-15.21 12.44 12.44 0 0 1 8.78 15.21" }),
|
|
10
|
+
/* @__PURE__ */ jsx("path", { fill: "#c00", d: "M34.68 0a1.49 1.49 0 0 0-1.49 1.48v4.6a1.49 1.49 0 1 0 3 0V1.47A1.48 1.48 0 0 0 34.68 0M34.68 61.81a1.48 1.48 0 0 0-1.49 1.48v4.6a1.49 1.49 0 1 0 3 0v-4.6a1.48 1.48 0 0 0-1.48-1.49M59 10.18a1.48 1.48 0 0 0-2.1 0l-3.27 3.24a1.48 1.48 0 1 0 2.09 2.11L59 12.28a1.48 1.48 0 0 0 0-2.1M15.5 53.27a1.48 1.48 0 0 0-2.1 0l-3.27 3.23a1.48 1.48 0 1 0 2.09 2.11l3.27-3.24a1.48 1.48 0 0 0 0-2.1M68.78 34.53A1.49 1.49 0 0 0 67.3 33h-4.61a1.49 1.49 0 0 0 0 3h4.61a1.48 1.48 0 0 0 1.49-1.48M7.58 34.28a1.5 1.5 0 0 0-1.48-1.5H1.49A1.49 1.49 0 0 0 0 34.24a1.5 1.5 0 0 0 1.48 1.5h4.6a1.48 1.48 0 0 0 1.5-1.47M58.75 58.81a1.48 1.48 0 0 0 0-2.1l-3.24-3.27a1.48 1.48 0 1 0-2.11 2.09l3.24 3.27a1.48 1.48 0 0 0 2.1 0M15.66 15.35a1.49 1.49 0 0 0 0-2.1L12.42 10a1.48 1.48 0 1 0-2.11 2.09l3.25 3.27a1.48 1.48 0 0 0 2.1 0" }),
|
|
11
|
+
/* @__PURE__ */ jsx("path", { fill: letteringColor ?? theme.colors.secondary, d: "M79.31 15.58h3.45v32H99v3.09H79.31ZM108.89 15.58h3.49v22.8c0 6 3.89 9.68 9.93 9.68s10-3.64 10-9.78v-22.7h3.45v22.85c0 7.78-5.44 12.82-13.37 12.82s-13.47-5-13.47-12.82ZM152.13 15.58h3.59l9.18 20.61c.8 1.79 1.7 4.29 1.7 4.29h.1s.94-2.5 1.74-4.29l9.18-20.61h3.54L184 50.65h-3.45l-1.94-24.54c-.15-1.9-.1-4.89-.1-4.89h-.1s-1.05 3.09-1.85 4.89l-8.23 18h-3.24l-8.23-18c-.8-1.75-1.89-5-1.89-5h-.1s0 3.09-.1 5l-1.95 24.54h-3.44ZM215.32 39.48h-14.11l-4 11.17h-3.64l12.87-35.07h3.69L223 50.65h-3.65Zm-7.08-20.25s-.75 2.89-1.35 4.54l-4.68 12.72h12.07l-4.59-12.72c-.6-1.65-1.35-4.54-1.35-4.54ZM233.73 15.58h11.32c10.52 0 17.61 6.44 17.61 17.51s-7.09 17.56-17.61 17.56h-11.32Zm11 32c8.63 0 14.36-5.09 14.36-14.47s-5.78-14.41-14.36-14.41h-7.53v28.86ZM292.73 39.48h-14.12l-4 11.17H271l12.87-35.07h3.69l12.87 35.07h-3.64Zm-7.08-20.25s-.75 2.89-1.35 4.54l-4.69 12.72h12.07l-4.59-12.72c-.6-1.65-1.34-4.54-1.34-4.54Z" })
|
|
12
|
+
] });
|
|
13
|
+
};
|
|
14
|
+
const Lumada$1 = Lumada;
|
|
12
15
|
export {
|
|
13
|
-
|
|
16
|
+
Lumada$1 as default
|
|
14
17
|
};
|
|
15
|
-
//# sourceMappingURL=Lumada.js.map
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { jsx
|
|
2
|
-
import { theme
|
|
3
|
-
const
|
|
4
|
-
description
|
|
5
|
-
letteringColor
|
|
6
|
-
}) =>
|
|
1
|
+
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { theme } from "@hitachivantara/uikit-react-core";
|
|
3
|
+
const Pentaho = ({
|
|
4
|
+
description = "Pentaho logo",
|
|
5
|
+
letteringColor
|
|
6
|
+
}) => {
|
|
7
|
+
return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", x: 0, y: 0, width: "70px", height: "13px", viewBox: "0 0 70 13", xmlSpace: "preserve", "aria-label": description, children: /* @__PURE__ */ jsx("path", { fill: letteringColor ?? theme.colors.secondary, d: "M0.784 0.559999H5.936C6.64 0.559999 7.248 0.650666 7.76 0.832C8.272 1.01333 8.704 1.27467 9.056 1.616C9.42933 1.95733 9.712 2.368 9.904 2.848C10.1067 3.328 10.208 3.856 10.208 4.432C10.208 4.976 10.1173 5.47733 9.936 5.936C9.75467 6.39467 9.49333 6.78933 9.152 7.12C8.82133 7.45067 8.416 7.712 7.936 7.904C7.456 8.08533 6.92267 8.176 6.336 8.176H3.664V12H0.784V0.559999ZM5.76 5.936C6.272 5.936 6.66667 5.79733 6.944 5.52C7.22133 5.24267 7.36 4.87467 7.36 4.416C7.36 3.95733 7.22133 3.6 6.944 3.344C6.66667 3.07733 6.272 2.944 5.76 2.944H3.664V5.936H5.76ZM14.749 12.24C14.077 12.24 13.469 12.1333 12.925 11.92C12.381 11.696 11.9223 11.392 11.549 11.008C11.1757 10.6133 10.8877 10.1493 10.685 9.616C10.4823 9.08267 10.381 8.50667 10.381 7.888C10.381 7.28 10.4823 6.71467 10.685 6.192C10.8877 5.65867 11.1757 5.2 11.549 4.816C11.9223 4.42133 12.365 4.11733 12.877 3.904C13.389 3.68 13.9597 3.568 14.589 3.568C15.1757 3.568 15.6983 3.65867 16.157 3.84C16.6263 4.02133 17.037 4.272 17.389 4.592C17.8797 5.04 18.2423 5.61067 18.477 6.304C18.7223 6.98667 18.8397 7.744 18.829 8.576H12.941C13.0263 9.13067 13.2183 9.568 13.517 9.888C13.8157 10.208 14.237 10.368 14.781 10.368C15.1223 10.368 15.405 10.2987 15.629 10.16C15.853 10.0107 16.0237 9.808 16.141 9.552H18.685C18.5997 9.92533 18.4397 10.2827 18.205 10.624C17.9703 10.9547 17.6717 11.2427 17.309 11.488C16.9677 11.7333 16.5837 11.92 16.157 12.048C15.741 12.176 15.2717 12.24 14.749 12.24ZM16.189 7.024C16.1357 6.53333 15.9703 6.144 15.693 5.856C15.4157 5.568 15.0637 5.424 14.637 5.424C14.1357 5.424 13.7517 5.568 13.485 5.856C13.2183 6.144 13.0423 6.53333 12.957 7.024H16.189ZM19.7021 3.808H22.2141V4.928H22.2621C22.5715 4.48 22.9235 4.144 23.3181 3.92C23.7235 3.68533 24.2141 3.568 24.7901 3.568C25.2381 3.568 25.6381 3.648 25.9901 3.808C26.3421 3.95733 26.6408 4.17067 26.8861 4.448C27.1315 4.71467 27.3181 5.04 27.4461 5.424C27.5741 5.79733 27.6381 6.21333 27.6381 6.672V12H25.0301V7.2C25.0301 6.76267 24.9235 6.41067 24.7101 6.144C24.4968 5.87733 24.1768 5.744 23.7501 5.744C23.3128 5.744 22.9608 5.904 22.6941 6.224C22.4381 6.544 22.3101 6.96 22.3101 7.472V12H19.7021V3.808ZM31.9189 12.096C31.5349 12.096 31.1829 12.064 30.8629 12C30.5535 11.9253 30.2815 11.8027 30.0469 11.632C29.8122 11.4613 29.6309 11.232 29.5029 10.944C29.3749 10.6453 29.3109 10.2773 29.3109 9.84V5.44H28.2229V3.808H29.3109V1.216H31.8549V3.808H33.3429V5.44H31.8549V9.28C31.8549 9.6 31.9349 9.81333 32.0949 9.92C32.2655 10.0267 32.4895 10.08 32.7669 10.08C32.8842 10.08 32.9962 10.08 33.1029 10.08C33.2095 10.0693 33.2895 10.064 33.3429 10.064V11.968C33.2255 12 33.0442 12.0267 32.7989 12.048C32.5642 12.08 32.2709 12.096 31.9189 12.096ZM36.8525 12.208C36.4472 12.208 36.0685 12.1547 35.7165 12.048C35.3752 11.9413 35.0818 11.7813 34.8365 11.568C34.5912 11.3547 34.3992 11.0933 34.2605 10.784C34.1218 10.4747 34.0525 10.1173 34.0525 9.712C34.0525 9.264 34.1325 8.89067 34.2925 8.592C34.4632 8.28267 34.6925 8.032 34.9805 7.84C35.2685 7.63733 35.5992 7.48267 35.9725 7.376C36.3565 7.26933 36.7618 7.18933 37.1885 7.136C37.9565 7.04 38.4952 6.93333 38.8045 6.816C39.1138 6.69867 39.2685 6.50133 39.2685 6.224C39.2685 5.95733 39.1778 5.744 38.9965 5.584C38.8258 5.424 38.5432 5.344 38.1485 5.344C37.7325 5.344 37.4178 5.43467 37.2045 5.616C36.9912 5.79733 36.8632 6.05867 36.8205 6.4H34.4205C34.4312 6.016 34.5165 5.65333 34.6765 5.312C34.8365 4.97067 35.0658 4.672 35.3645 4.416C35.6738 4.16 36.0578 3.95733 36.5165 3.808C36.9752 3.65867 37.5138 3.584 38.1325 3.584C38.7512 3.584 39.2738 3.64267 39.7005 3.76C40.1272 3.86667 40.4898 4.032 40.7885 4.256C41.1405 4.512 41.4018 4.83733 41.5725 5.232C41.7432 5.62667 41.8285 6.08 41.8285 6.592V10.72C41.8285 11.0507 41.8445 11.312 41.8765 11.504C41.9192 11.6853 41.9992 11.8133 42.1165 11.888V12H39.5885C39.5245 11.9147 39.4712 11.7973 39.4285 11.648C39.3858 11.488 39.3485 11.3013 39.3165 11.088H39.2845C39.0392 11.4293 38.7245 11.7013 38.3405 11.904C37.9672 12.1067 37.4712 12.208 36.8525 12.208ZM37.6845 10.544C38.1752 10.544 38.5698 10.4107 38.8685 10.144C39.1778 9.87733 39.3325 9.52 39.3325 9.072V8.096C39.1618 8.18133 38.9592 8.26133 38.7245 8.336C38.5005 8.4 38.2552 8.464 37.9885 8.528C37.4872 8.64533 37.1245 8.784 36.9005 8.944C36.6765 9.09333 36.5645 9.32267 36.5645 9.632C36.5645 9.96267 36.6712 10.1973 36.8845 10.336C37.0978 10.4747 37.3645 10.544 37.6845 10.544ZM43.0928 0.559999H45.7008V4.816H45.7488C46.0474 4.42133 46.3834 4.11733 46.7568 3.904C47.1301 3.68 47.6048 3.568 48.1808 3.568C48.6288 3.568 49.0288 3.648 49.3808 3.808C49.7328 3.95733 50.0314 4.17067 50.2768 4.448C50.5221 4.71467 50.7088 5.04 50.8368 5.424C50.9648 5.79733 51.0288 6.21333 51.0288 6.672V12H48.4208V7.2C48.4208 6.76267 48.3141 6.41067 48.1008 6.144C47.8874 5.87733 47.5674 5.744 47.1408 5.744C46.7034 5.744 46.3514 5.904 46.0848 6.224C45.8288 6.544 45.7008 6.96 45.7008 7.472V12H43.0928V0.559999ZM56.2178 10.4C56.7938 10.4 57.2258 10.176 57.5138 9.728C57.8124 9.26933 57.9618 8.66667 57.9618 7.92C57.9618 7.17333 57.8124 6.57067 57.5138 6.112C57.2258 5.65333 56.7938 5.424 56.2178 5.424C55.6418 5.424 55.2098 5.65333 54.9218 6.112C54.6338 6.57067 54.4898 7.17333 54.4898 7.92C54.4898 8.66667 54.6338 9.26933 54.9218 9.728C55.2098 10.176 55.6418 10.4 56.2178 10.4ZM56.2338 12.256C55.5724 12.256 54.9698 12.1493 54.4258 11.936C53.8924 11.712 53.4338 11.408 53.0498 11.024C52.6658 10.6293 52.3671 10.1707 52.1538 9.648C51.9511 9.11467 51.8498 8.53867 51.8498 7.92C51.8498 7.30133 51.9511 6.73067 52.1538 6.208C52.3671 5.67467 52.6658 5.216 53.0498 4.832C53.4338 4.43733 53.8924 4.13333 54.4258 3.92C54.9698 3.696 55.5724 3.584 56.2338 3.584C56.8951 3.584 57.4924 3.696 58.0258 3.92C58.5698 4.13333 59.0284 4.43733 59.4018 4.832C59.7858 5.216 60.0791 5.67467 60.2818 6.208C60.4951 6.73067 60.6018 7.30133 60.6018 7.92C60.6018 8.53867 60.4951 9.11467 60.2818 9.648C60.0791 10.1707 59.7858 10.6293 59.4018 11.024C59.0284 11.408 58.5698 11.712 58.0258 11.936C57.4924 12.1493 56.8951 12.256 56.2338 12.256ZM64.2674 7.776H61.4994V5.68H64.2674V2.736H66.5074V5.68H69.2754V7.776H66.5074V10.736H64.2674V7.776Z" }) });
|
|
8
|
+
};
|
|
9
|
+
const Pentaho$1 = Pentaho;
|
|
7
10
|
export {
|
|
8
|
-
|
|
11
|
+
Pentaho$1 as default
|
|
9
12
|
};
|
|
10
|
-
//# sourceMappingURL=Pentaho.js.map
|
|
@@ -1,47 +1,59 @@
|
|
|
1
|
-
import { jsxs
|
|
2
|
-
import { Helmet
|
|
3
|
-
import { useTranslation
|
|
4
|
-
import { HvHeader
|
|
5
|
-
import { CONFIG_TRANSLATIONS_NAMESPACE
|
|
6
|
-
import { useHvNavigation
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
const
|
|
1
|
+
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { Helmet } from "react-helmet-async";
|
|
3
|
+
import { useTranslation } from "react-i18next";
|
|
4
|
+
import { HvHeader, HvButton, HvHeaderBrand, HvHeaderNavigation } from "@hitachivantara/uikit-react-core";
|
|
5
|
+
import { CONFIG_TRANSLATIONS_NAMESPACE, useHvAppShellConfig } from "@hitachivantara/app-shell-shared";
|
|
6
|
+
import { useHvNavigation } from "@hitachivantara/app-shell-navigation";
|
|
7
|
+
import StyledIconWrapper from "./styles.js";
|
|
8
|
+
import useNavigationContext from "../../../providers/hooks/useNavigationContext.js";
|
|
9
|
+
import IconUiKit from "../../IconUiKit/index.js";
|
|
10
|
+
import HeaderActions from "./HeaderActions/HeaderActions.js";
|
|
11
|
+
import BrandLogo from "./BrandLogo/BrandLogo.js";
|
|
12
|
+
const Header = () => {
|
|
13
13
|
const {
|
|
14
|
-
t
|
|
15
|
-
} =
|
|
14
|
+
t
|
|
15
|
+
} = useTranslation(void 0, {
|
|
16
16
|
keyPrefix: "header.navigation"
|
|
17
|
-
})
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
17
|
+
});
|
|
18
|
+
const {
|
|
19
|
+
t: tConfig
|
|
20
|
+
} = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);
|
|
21
|
+
const appShellConfig = useHvAppShellConfig();
|
|
22
|
+
const {
|
|
23
|
+
navigate
|
|
24
|
+
} = useHvNavigation();
|
|
25
|
+
const {
|
|
26
|
+
items,
|
|
27
|
+
selectedMenuItemId,
|
|
28
|
+
rootMenuItemId,
|
|
29
|
+
isCompactMode,
|
|
30
|
+
switchVerticalNavigationMode,
|
|
31
|
+
verticalNavigationMode,
|
|
32
|
+
verticalNavigationItems
|
|
33
|
+
} = useNavigationContext();
|
|
34
|
+
const isOnlyTopMode = appShellConfig.navigationMode === "ONLY_TOP";
|
|
35
|
+
const showNavigation = !isCompactMode && appShellConfig.navigationMode !== "ONLY_LEFT" && items.length > 0;
|
|
36
|
+
const isVerticalNavigationClosed = verticalNavigationMode === "CLOSED";
|
|
37
|
+
const showVerticalNavigationButton = isCompactMode && verticalNavigationItems.length > 0;
|
|
38
|
+
const handleNavigationChange = (event, selectedItem) => {
|
|
39
|
+
if (selectedItem.href) {
|
|
40
|
+
navigate(selectedItem.href, {
|
|
41
|
+
state: {
|
|
42
|
+
selectedItemId: selectedItem.id
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
const name = appShellConfig.name ? tConfig(appShellConfig.name) : "";
|
|
48
|
+
return /* @__PURE__ */ jsxs(HvHeader, { position: "fixed", children: [
|
|
49
|
+
/* @__PURE__ */ jsx(Helmet, { children: /* @__PURE__ */ jsx("title", { children: name }) }),
|
|
50
|
+
showVerticalNavigationButton && /* @__PURE__ */ jsx(HvButton, { icon: true, "aria-label": isVerticalNavigationClosed ? t("openNavigationPanel") : t("closeNavigationPanel"), "aria-expanded": !isVerticalNavigationClosed, onClick: switchVerticalNavigationMode, children: /* @__PURE__ */ jsx(IconUiKit, { name: isVerticalNavigationClosed ? "Menu" : "Close" }) }),
|
|
51
|
+
/* @__PURE__ */ jsx(HvHeaderBrand, { logo: /* @__PURE__ */ jsx(StyledIconWrapper, { children: /* @__PURE__ */ jsx(BrandLogo, { logo: appShellConfig.logo }) }), name }),
|
|
52
|
+
showNavigation && /* @__PURE__ */ jsx(HvHeaderNavigation, { data: items, selected: isOnlyTopMode ? selectedMenuItemId : rootMenuItemId, onClick: handleNavigationChange, levels: isOnlyTopMode ? 2 : 1 }),
|
|
53
|
+
/* @__PURE__ */ jsx(HeaderActions, {})
|
|
42
54
|
] });
|
|
43
|
-
}
|
|
55
|
+
};
|
|
56
|
+
const Header$1 = Header;
|
|
44
57
|
export {
|
|
45
|
-
$ as default
|
|
58
|
+
Header$1 as default
|
|
46
59
|
};
|
|
47
|
-
//# sourceMappingURL=Header.js.map
|
|
@@ -1,22 +1,26 @@
|
|
|
1
|
-
import { jsx
|
|
2
|
-
import { memo
|
|
3
|
-
const
|
|
4
|
-
bundle
|
|
5
|
-
...
|
|
1
|
+
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { memo, useState, useEffect, lazy, Suspense } from "react";
|
|
3
|
+
const DynamicAction = ({
|
|
4
|
+
bundle,
|
|
5
|
+
...others
|
|
6
6
|
}) => {
|
|
7
|
-
const [
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}, [
|
|
11
|
-
const
|
|
7
|
+
const [loadError, setLoadError] = useState(null);
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
setLoadError(null);
|
|
10
|
+
}, [bundle]);
|
|
11
|
+
const Action = lazy(() => import(
|
|
12
12
|
/* @vite-ignore */
|
|
13
|
-
|
|
14
|
-
).catch((
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
bundle
|
|
14
|
+
).catch((error) => {
|
|
15
|
+
console.error(error);
|
|
16
|
+
setLoadError(error);
|
|
17
|
+
return {
|
|
18
|
+
default: () => null
|
|
19
|
+
};
|
|
20
|
+
}));
|
|
21
|
+
return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: !loadError && /* @__PURE__ */ jsx(Action, { ...others }) });
|
|
22
|
+
};
|
|
23
|
+
const DynamicAction$1 = memo(DynamicAction);
|
|
19
24
|
export {
|
|
20
|
-
|
|
25
|
+
DynamicAction$1 as default
|
|
21
26
|
};
|
|
22
|
-
//# sourceMappingURL=DynamicAction.js.map
|
|
@@ -1,18 +1,21 @@
|
|
|
1
|
-
import { jsx
|
|
2
|
-
import { HvHeaderActions
|
|
3
|
-
import { useHvAppShellConfig
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
const
|
|
1
|
+
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { HvHeaderActions } from "@hitachivantara/uikit-react-core";
|
|
3
|
+
import { useHvAppShellConfig } from "@hitachivantara/app-shell-shared";
|
|
4
|
+
import DynamicAction from "./DynamicAction/DynamicAction.js";
|
|
5
|
+
import InternalAction, { internalActions } from "./InternalActions/InternalAction/InternalAction.js";
|
|
6
|
+
const HeaderActions = () => {
|
|
7
7
|
const {
|
|
8
|
-
header
|
|
9
|
-
} =
|
|
10
|
-
return /* @__PURE__ */
|
|
11
|
-
const
|
|
12
|
-
|
|
8
|
+
header
|
|
9
|
+
} = useHvAppShellConfig();
|
|
10
|
+
return /* @__PURE__ */ jsx(HvHeaderActions, { children: header?.actions.map((action, index) => {
|
|
11
|
+
const headerActionKey = `${action.bundle}${index}`;
|
|
12
|
+
if (!internalActions.find((internalAction) => internalAction.bundle === action.bundle)) {
|
|
13
|
+
return /* @__PURE__ */ jsx(DynamicAction, { bundle: action.bundle, ...action.config }, headerActionKey);
|
|
14
|
+
}
|
|
15
|
+
return /* @__PURE__ */ jsx(InternalAction, { bundle: action.bundle, ...action.config }, headerActionKey);
|
|
13
16
|
}) });
|
|
14
|
-
}
|
|
17
|
+
};
|
|
18
|
+
const HeaderActions$1 = HeaderActions;
|
|
15
19
|
export {
|
|
16
|
-
|
|
20
|
+
HeaderActions$1 as default
|
|
17
21
|
};
|
|
18
|
-
//# sourceMappingURL=HeaderActions.js.map
|
|
@@ -1,59 +1,70 @@
|
|
|
1
|
-
import { jsx
|
|
2
|
-
import { useState
|
|
3
|
-
import { useTranslation
|
|
4
|
-
import { createPortal
|
|
5
|
-
import { ClickAwayListener
|
|
6
|
-
import { HvIconButton
|
|
7
|
-
import { CONFIG_TRANSLATIONS_NAMESPACE
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
const
|
|
15
|
-
title
|
|
16
|
-
apps
|
|
17
|
-
showLogo
|
|
1
|
+
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { useState, useId } from "react";
|
|
3
|
+
import { useTranslation } from "react-i18next";
|
|
4
|
+
import { createPortal } from "react-dom";
|
|
5
|
+
import { ClickAwayListener } from "@mui/material";
|
|
6
|
+
import { HvIconButton, theme, HvAppSwitcher, HvTypography } from "@hitachivantara/uikit-react-core";
|
|
7
|
+
import { CONFIG_TRANSLATIONS_NAMESPACE, useHvAppShellConfig } from "@hitachivantara/app-shell-shared";
|
|
8
|
+
import StyledAppShellPanelWrapper from "./styles.js";
|
|
9
|
+
import IconUiKit from "../../../../../IconUiKit/index.js";
|
|
10
|
+
import includesString from "../../../../../../lib/utils/textUtil.js";
|
|
11
|
+
import createAppContainerElement from "../../../../../../lib/utils/documentUtil.js";
|
|
12
|
+
import StyledIconWrapper from "../../../styles.js";
|
|
13
|
+
import BrandLogo from "../../../BrandLogo/BrandLogo.js";
|
|
14
|
+
const AppSwitcherToggle = ({
|
|
15
|
+
title,
|
|
16
|
+
apps,
|
|
17
|
+
showLogo = false
|
|
18
18
|
}) => {
|
|
19
19
|
const {
|
|
20
|
-
t
|
|
21
|
-
} =
|
|
20
|
+
t
|
|
21
|
+
} = useTranslation(void 0, {
|
|
22
22
|
keyPrefix: "header.appSwitcher"
|
|
23
|
-
})
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
23
|
+
});
|
|
24
|
+
const {
|
|
25
|
+
t: tConfig
|
|
26
|
+
} = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);
|
|
27
|
+
const [isPanelOpen, setIsPanelOpen] = useState(false);
|
|
28
|
+
const appSwitcherPanelId = useId();
|
|
29
|
+
const appShellConfig = useHvAppShellConfig();
|
|
30
|
+
const createAppsList = () => {
|
|
31
|
+
return apps ? apps.map((app) => ({
|
|
32
|
+
name: tConfig(app.label),
|
|
33
|
+
description: app.description ? tConfig(app.description).toString() : void 0,
|
|
34
|
+
url: includesString(app.url, ":") ? app.url : tConfig(app.url).toString(),
|
|
35
|
+
target: app.target === "NEW" ? "_blank" : "_top",
|
|
36
|
+
iconElement: app.icon && /* @__PURE__ */ jsx(IconUiKit, { name: app.icon.name })
|
|
37
|
+
})) : [];
|
|
38
|
+
};
|
|
39
|
+
const closeAppSwitcherPanel = () => {
|
|
40
|
+
setIsPanelOpen(false);
|
|
41
|
+
};
|
|
42
|
+
const handleAppSwitcherPanelItemClicked = () => {
|
|
43
|
+
closeAppSwitcherPanel();
|
|
37
44
|
};
|
|
38
|
-
|
|
45
|
+
const handleAppSwitcherButtonClick = () => {
|
|
46
|
+
setIsPanelOpen(!isPanelOpen);
|
|
47
|
+
};
|
|
48
|
+
if (!apps || apps.length === 0) {
|
|
39
49
|
return null;
|
|
40
|
-
|
|
41
|
-
|
|
50
|
+
}
|
|
51
|
+
const finalTitle = title ? tConfig(title) : t("title");
|
|
52
|
+
return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: closeAppSwitcherPanel, children: /* @__PURE__ */ jsxs("div", { style: {
|
|
42
53
|
display: "flex",
|
|
43
54
|
margin: 0
|
|
44
55
|
}, children: [
|
|
45
|
-
/* @__PURE__ */
|
|
46
|
-
"aria-controls":
|
|
56
|
+
/* @__PURE__ */ jsxs(HvIconButton, { title: finalTitle, "aria-label": finalTitle, "aria-expanded": isPanelOpen, onClick: handleAppSwitcherButtonClick, ...isPanelOpen && {
|
|
57
|
+
"aria-controls": appSwitcherPanelId
|
|
47
58
|
}, children: [
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
|
|
50
|
-
paddingRight:
|
|
51
|
-
}, children: /* @__PURE__ */
|
|
59
|
+
/* @__PURE__ */ jsx(IconUiKit, { name: "AppSwitcher" }),
|
|
60
|
+
showLogo && /* @__PURE__ */ jsx(StyledIconWrapper, { style: {
|
|
61
|
+
paddingRight: theme.space.xs
|
|
62
|
+
}, children: /* @__PURE__ */ jsx(BrandLogo, { logo: appShellConfig.logo }) })
|
|
52
63
|
] }),
|
|
53
|
-
|
|
64
|
+
isPanelOpen && createPortal(/* @__PURE__ */ jsx(StyledAppShellPanelWrapper, { id: appSwitcherPanelId, role: "region", "aria-label": t("ariaLabel"), children: /* @__PURE__ */ jsx(HvAppSwitcher, { applications: createAppsList(), onActionClickedCallback: handleAppSwitcherPanelItemClicked, header: /* @__PURE__ */ jsx(HvTypography, { variant: "label", children: finalTitle }) }) }), createAppContainerElement())
|
|
54
65
|
] }) });
|
|
55
|
-
}
|
|
66
|
+
};
|
|
67
|
+
const AppSwitcherToggle$1 = AppSwitcherToggle;
|
|
56
68
|
export {
|
|
57
|
-
|
|
69
|
+
AppSwitcherToggle$1 as default
|
|
58
70
|
};
|
|
59
|
-
//# sourceMappingURL=AppSwitcherToggle.js.map
|
package/dist/esm/components/layout/Header/HeaderActions/InternalActions/AppSwitcherToggle/styles.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { theme
|
|
3
|
-
const
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { theme } from "@hitachivantara/uikit-react-core";
|
|
3
|
+
const StyledAppShellPanelWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
4
4
|
target: "eiambls0"
|
|
5
5
|
} : {
|
|
6
6
|
target: "eiambls0",
|
|
7
7
|
label: "StyledAppShellPanelWrapper"
|
|
8
|
-
})("position:fixed;max-height:calc(100vh - ",
|
|
8
|
+
})("position:fixed;max-height:calc(100vh - ", theme.header.height, ");top:", theme.header.height, ";right:0;display:flex;box-shadow:", theme.colors.shadow, ";z-index:calc(", theme.zIndices.banner, " - 1);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9IZWFkZXIvSGVhZGVyQWN0aW9ucy9JbnRlcm5hbEFjdGlvbnMvQXBwU3dpdGNoZXJUb2dnbGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUk2QyIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvY29tcG9uZW50cy9sYXlvdXQvSGVhZGVyL0hlYWRlckFjdGlvbnMvSW50ZXJuYWxBY3Rpb25zL0FwcFN3aXRjaGVyVG9nZ2xlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcblxuLy8gekluZGV4IGNhbGN1bGF0aW9uIGlzIG5lZWRlZCBzbyB0aGF0IHRoZSBIZWFkZXIgc2hhZG93IGdvZXMgb24gdG9wIG9mIHRoZSBwYW5lbCBhbmQgbm90IHRoZSBvdGhlciB3YXkgYXJvdW5kLlxuY29uc3QgU3R5bGVkQXBwU2hlbGxQYW5lbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAke3RoZW1lLmhlYWRlci5oZWlnaHR9KTtcbiAgdG9wOiAke3RoZW1lLmhlYWRlci5oZWlnaHR9O1xuICByaWdodDogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYm94LXNoYWRvdzogJHt0aGVtZS5jb2xvcnMuc2hhZG93fTtcbiAgei1pbmRleDogY2FsYygke3RoZW1lLnpJbmRpY2VzLmJhbm5lcn0gLSAxKTtcbmA7XG5cbmV4cG9ydCBkZWZhdWx0IFN0eWxlZEFwcFNoZWxsUGFuZWxXcmFwcGVyO1xuIl19 */"));
|
|
9
|
+
const StyledAppShellPanelWrapper$1 = StyledAppShellPanelWrapper;
|
|
9
10
|
export {
|
|
10
|
-
|
|
11
|
+
StyledAppShellPanelWrapper$1 as default
|
|
11
12
|
};
|
|
12
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1,26 +1,28 @@
|
|
|
1
|
-
import { jsx
|
|
2
|
-
import { useTranslation
|
|
3
|
-
import { useTheme
|
|
4
|
-
import { HvAppShellEventThemeTrigger
|
|
5
|
-
import
|
|
6
|
-
const
|
|
1
|
+
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { useTranslation } from "react-i18next";
|
|
3
|
+
import { useTheme, HvIconButton } from "@hitachivantara/uikit-react-core";
|
|
4
|
+
import { HvAppShellEventThemeTrigger } from "@hitachivantara/app-shell-events";
|
|
5
|
+
import IconUiKit from "../../../../../IconUiKit/index.js";
|
|
6
|
+
const ColorModeSwitcher = () => {
|
|
7
7
|
const {
|
|
8
|
-
t
|
|
9
|
-
} =
|
|
8
|
+
t
|
|
9
|
+
} = useTranslation(void 0, {
|
|
10
10
|
keyPrefix: "header.colorModeSwitcher"
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
});
|
|
12
|
+
const {
|
|
13
|
+
colorModes
|
|
14
|
+
} = useTheme();
|
|
15
|
+
const changeColorModeHandler = () => {
|
|
16
|
+
const customEvent = new CustomEvent(HvAppShellEventThemeTrigger, {
|
|
15
17
|
detail: {
|
|
16
18
|
colorMode: void 0
|
|
17
19
|
}
|
|
18
20
|
});
|
|
19
|
-
globalThis.dispatchEvent(
|
|
21
|
+
globalThis.dispatchEvent(customEvent);
|
|
20
22
|
};
|
|
21
|
-
return
|
|
22
|
-
}
|
|
23
|
+
return colorModes.length > 1 ? /* @__PURE__ */ jsx(HvIconButton, { onClick: changeColorModeHandler, title: t("ariaLabel"), children: /* @__PURE__ */ jsx(IconUiKit, { name: "ThemeSwitcher" }) }) : null;
|
|
24
|
+
};
|
|
25
|
+
const ColorModeSwitcher$1 = ColorModeSwitcher;
|
|
23
26
|
export {
|
|
24
|
-
|
|
27
|
+
ColorModeSwitcher$1 as default
|
|
25
28
|
};
|
|
26
|
-
//# sourceMappingURL=ColorModeSwitcher.js.map
|
package/dist/esm/components/layout/Header/HeaderActions/InternalActions/HelpButton/HelpButton.js
CHANGED
|
@@ -1,26 +1,29 @@
|
|
|
1
|
-
import { jsx
|
|
2
|
-
import { useTranslation
|
|
3
|
-
import { HvIconButton
|
|
4
|
-
import { CONFIG_TRANSLATIONS_NAMESPACE
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
const
|
|
8
|
-
url
|
|
9
|
-
description
|
|
1
|
+
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { useTranslation } from "react-i18next";
|
|
3
|
+
import { HvIconButton } from "@hitachivantara/uikit-react-core";
|
|
4
|
+
import { CONFIG_TRANSLATIONS_NAMESPACE } from "@hitachivantara/app-shell-shared";
|
|
5
|
+
import includesString from "../../../../../../lib/utils/textUtil.js";
|
|
6
|
+
import IconUiKit from "../../../../../IconUiKit/index.js";
|
|
7
|
+
const HelpButton = ({
|
|
8
|
+
url,
|
|
9
|
+
description
|
|
10
10
|
}) => {
|
|
11
11
|
const {
|
|
12
|
-
t
|
|
13
|
-
} =
|
|
12
|
+
t
|
|
13
|
+
} = useTranslation(void 0, {
|
|
14
14
|
keyPrefix: "header.helpUrl"
|
|
15
|
-
})
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
});
|
|
16
|
+
const {
|
|
17
|
+
t: tConfig
|
|
18
|
+
} = useTranslation(CONFIG_TRANSLATIONS_NAMESPACE);
|
|
19
|
+
if (!url) {
|
|
19
20
|
return null;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
}
|
|
22
|
+
const finalUrl = includesString(url, ":") ? url : tConfig(url);
|
|
23
|
+
const finalDescription = description ? tConfig(description) : t("documentationLink");
|
|
24
|
+
return /* @__PURE__ */ jsx(HvIconButton, { component: "a", href: finalUrl, target: "_blank", title: finalDescription, rel: "noopener,noreferrer", children: /* @__PURE__ */ jsx(IconUiKit, { name: "Help" }) });
|
|
25
|
+
};
|
|
26
|
+
const HelpButton$1 = HelpButton;
|
|
23
27
|
export {
|
|
24
|
-
|
|
28
|
+
HelpButton$1 as default
|
|
25
29
|
};
|
|
26
|
-
//# sourceMappingURL=HelpButton.js.map
|