@hitachivantara/app-shell-ui 1.1.0 → 1.2.0

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.
@@ -1,34 +1,66 @@
1
- import { jsx as o, jsxs as i } from "@emotion/react/jsx-runtime";
2
- import { lazy as l, Suspense as d } from "react";
3
- import { Routes as f, Route as n, Outlet as a } from "react-router-dom";
4
- import { ErrorBoundary as h } from "react-error-boundary";
5
- import { useHvAppShellConfig as g } from "@hitachivantara/app-shell-shared";
6
- import R from "../../pages/LoadingPage/LoadingPage.js";
7
- import { getAppIdFromBundle as A } from "../../lib/utils/navigationUtil.js";
8
- import S from "../AppShellViewProvider/AppShellViewProvider.js";
9
- import b from "../../pages/GenericError/GenericError.js";
10
- const x = l(() => import("../../pages/NotFound/index.js"));
11
- function p(e, u = !1) {
12
- return e.map((r) => {
1
+ import { jsx as r, jsxs as S } from "@emotion/react/jsx-runtime";
2
+ import { lazy as p, Suspense as W } from "react";
3
+ import { Routes as k, Route as d, Outlet as s } from "react-router-dom";
4
+ import { ErrorBoundary as c } from "react-error-boundary";
5
+ import { HvContainer as a } from "@hitachivantara/uikit-react-core";
6
+ import { useHvAppShellConfig as E } from "@hitachivantara/app-shell-shared";
7
+ import F from "../../pages/LoadingPage/LoadingPage.js";
8
+ import { getAppIdFromBundle as f } from "../../lib/utils/navigationUtil.js";
9
+ import h from "../AppShellViewProvider/AppShellViewProvider.js";
10
+ import x from "../../pages/GenericError/GenericError.js";
11
+ const I = p(() => import("../../pages/NotFound/index.js"));
12
+ function R(e) {
13
+ return e == null ? void 0 : e.map((o) => {
13
14
  const {
14
- bundle: t
15
- } = r, s = A(t), m = l(() => import(
15
+ bundle: n
16
+ } = o, t = f(n), i = p(() => import(
16
17
  /* @vite-ignore */
17
- t
18
- )), c = u ? r.route.replace(/^\//, "") : r.route;
19
- return /* @__PURE__ */ o(n, { path: c, element: /* @__PURE__ */ o(S, { id: s, children: /* @__PURE__ */ o(h, { fallback: /* @__PURE__ */ o(b, { fullPage: !1 }), children: /* @__PURE__ */ o(m, { ...r.config, children: r.views != null ? /* @__PURE__ */ o(a, {}) : null }) }, r.route) }), children: r.views != null ? p(r.views, !0) : void 0 }, r.route);
18
+ n
19
+ )), l = o.route.replace(/^\//, "");
20
+ return /* @__PURE__ */ r(d, { path: l, element: /* @__PURE__ */ r(h, { id: t, children: /* @__PURE__ */ r(c, { fallback: /* @__PURE__ */ r(x, { fullPage: !1 }), children: /* @__PURE__ */ r(i, { ...o.config, children: o.views != null ? /* @__PURE__ */ r(s, {}) : null }) }, o.route) }), children: R(o.views) }, o.route);
20
21
  });
21
22
  }
22
- const F = () => {
23
+ function j(e) {
24
+ if (e == null || e.views == null)
25
+ return;
26
+ const {
27
+ views: o,
28
+ maxWidth: n = "xl",
29
+ ...t
30
+ } = e;
31
+ return o.map((i) => {
32
+ const {
33
+ bundle: l,
34
+ route: u,
35
+ config: g,
36
+ views: m,
37
+ maxWidth: C,
38
+ ...P
39
+ } = i, b = f(l), A = p(() => import(
40
+ /* @vite-ignore */
41
+ l
42
+ ));
43
+ return /* @__PURE__ */ r(d, { path: u, element: /* @__PURE__ */ r(a, { maxWidth: C ?? n, ...t, ...P, children: /* @__PURE__ */ r(h, { id: b, children: /* @__PURE__ */ r(c, { fallback: /* @__PURE__ */ r(x, { fullPage: !1 }), children: /* @__PURE__ */ r(A, { ...g, children: m != null ? /* @__PURE__ */ r(s, {}) : null }) }, u) }) }), children: R(m) }, u);
44
+ });
45
+ }
46
+ function v(e) {
47
+ const {
48
+ views: o,
49
+ maxWidth: n = "xl",
50
+ ...t
51
+ } = e ?? {};
52
+ return /* @__PURE__ */ r(d, { path: "*", element: /* @__PURE__ */ r(a, { maxWidth: n, ...t, children: /* @__PURE__ */ r(I, {}) }) }, "notFound");
53
+ }
54
+ const y = () => {
23
55
  const {
24
56
  mainPanel: e
25
- } = g();
26
- return /* @__PURE__ */ o(d, { fallback: /* @__PURE__ */ o(R, {}), children: /* @__PURE__ */ i(f, { children: [
27
- (e == null ? void 0 : e.views) != null ? p(e == null ? void 0 : e.views) : null,
28
- /* @__PURE__ */ o(n, { path: "*", element: /* @__PURE__ */ o(x, {}) }, "notFound")
57
+ } = E();
58
+ return /* @__PURE__ */ r(W, { fallback: /* @__PURE__ */ r(F, {}), children: /* @__PURE__ */ S(k, { children: [
59
+ j(e),
60
+ v(e)
29
61
  ] }) });
30
- }, H = F;
62
+ }, q = y;
31
63
  export {
32
- H as default
64
+ q as default
33
65
  };
34
66
  //# sourceMappingURL=AppShellRoutes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AppShellRoutes.js","sources":["../../../../src/components/AppShellRoutes/AppShellRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\nimport { Outlet, Route, Routes } from \"react-router-dom\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport {\n HvAppShellViewsConfig,\n useHvAppShellConfig\n} from \"@hitachivantara/app-shell-shared\";\n\nimport AppShellViewProvider from \"../AppShellViewProvider\";\nimport GenericError from \"../../pages/GenericError\";\nimport LoadingPage from \"../../pages/LoadingPage\";\nimport { getAppIdFromBundle } from \"../../lib/utils/navigationUtil\";\n\nconst NotFound = lazy(() => import(\"../../pages/NotFound\"));\n\nfunction renderRoutes(views: HvAppShellViewsConfig[], isNestedView = false) {\n return views.map(view => {\n const { bundle } = view;\n const appId = getAppIdFromBundle(bundle);\n\n const RouteComponent = lazy(() => import(/* @vite-ignore */ bundle));\n\n const path = isNestedView ? view.route.replace(/^\\//, \"\") : view.route;\n\n return (\n <Route\n key={view.route}\n path={path}\n element={\n <AppShellViewProvider id={appId}>\n <ErrorBoundary\n key={view.route}\n fallback={<GenericError fullPage={false} />}>\n <RouteComponent {...view.config}>\n {view.views != null ? <Outlet /> : null}\n </RouteComponent>\n </ErrorBoundary>\n </AppShellViewProvider>\n }>\n {view.views != null ? renderRoutes(view.views, true) : undefined}\n </Route>\n );\n });\n}\n\nconst AppShellRoutes = () => {\n const { mainPanel } = useHvAppShellConfig();\n return (\n <Suspense fallback={<LoadingPage />}>\n <Routes>\n {mainPanel?.views != null ? renderRoutes(mainPanel?.views) : null}\n <Route path=\"*\" key=\"notFound\" element={<NotFound />} />\n </Routes>\n </Suspense>\n );\n};\n\nexport default AppShellRoutes;\n"],"names":["NotFound","lazy","renderRoutes","views","isNestedView","map","view","bundle","appId","getAppIdFromBundle","RouteComponent","path","route","replace","Route","jsx","AppShellViewProvider","ErrorBoundary","GenericError","config","Outlet","undefined","AppShellRoutes","mainPanel","useHvAppShellConfig","Suspense","LoadingPage","Routes","AppShellRoutes$1"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAWC,EAAK,MAAM,OAAO,+BAAsB,CAAC;AAE1D,SAASC,EAAaC,GAAgCC,IAAe,IAAO;AACnED,SAAAA,EAAME,IAAIC,CAAQA,MAAA;AACjB,UAAA;AAAA,MAAEC,QAAAA;AAAAA,IAAWD,IAAAA,GACbE,IAAQC,EAAmBF,CAAM,GAEjCG,IAAiBT,EAAK,MAAM;AAAA;AAAA,MAA0BM;AAAAA,KAAO,GAE7DI,IAAOP,IAAeE,EAAKM,MAAMC,QAAQ,OAAO,EAAE,IAAIP,EAAKM;AAEjE,6BACGE,GAEC,EAAA,MAAAH,GACA,SACG,gBAAAI,EAAAC,GAAA,EAAqB,IAAIR,GACxB,UAAA,gBAAAO,EAACE,KAEC,UAAU,gBAAAF,EAACG,KAAa,UAAU,GAAA,CAAM,GACxC,UAAC,gBAAAH,EAAAL,GAAA,KAAmBJ,EAAKa,QACtBb,YAAKH,SAAS,yBAAQiB,GAAS,CAAA,CAAA,IAAG,KACrC,CAAA,EAJKd,GAAAA,EAAKM,KAKZ,EACF,CAAA,GAEDN,YAAKH,SAAS,OAAOD,EAAaI,EAAKH,OAAO,EAAI,IAAIkB,OAAAA,GAblDf,EAAKM,KAcZ;AAAA,EAAA,CAEH;AACH;AAEA,MAAMU,IAAiBA,MAAM;AACrB,QAAA;AAAA,IAAEC,WAAAA;AAAAA,MAAcC,EAAoB;AAC1C,2BACGC,GAAS,EAAA,4BAAWC,GAAW,CAAA,CAAA,GAC9B,4BAACC,GACEJ,EAAAA,UAAAA;AAAAA,KAAAA,KAAAA,gBAAAA,EAAWpB,UAAS,OAAOD,EAAaqB,KAAAA,gBAAAA,EAAWpB,KAAK,IAAI;AAAA,IAC7D,gBAAAY,EAACD,KAAM,MAAK,KAAmB,SAAU,gBAAAC,EAAAf,GAAA,CAAA,MAArB,UAAiC;AAAA,EAAA,EACvD,CAAA,EACF,CAAA;AAEJ,GAEA4B,IAAeN;"}
1
+ {"version":3,"file":"AppShellRoutes.js","sources":["../../../../src/components/AppShellRoutes/AppShellRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from \"react\";\nimport { Outlet, Route, Routes } from \"react-router-dom\";\nimport { ErrorBoundary } from \"react-error-boundary\";\n\nimport { HvContainer } from \"@hitachivantara/uikit-react-core\";\nimport {\n type HvAppShellMainPanelConfig,\n type HvAppShellViewsConfig,\n useHvAppShellConfig\n} from \"@hitachivantara/app-shell-shared\";\n\nimport AppShellViewProvider from \"../AppShellViewProvider\";\nimport GenericError from \"../../pages/GenericError\";\nimport LoadingPage from \"../../pages/LoadingPage\";\nimport { getAppIdFromBundle } from \"../../lib/utils/navigationUtil\";\n\nconst NotFound = lazy(() => import(\"../../pages/NotFound\"));\n\nfunction renderNestedRoutes(views: HvAppShellViewsConfig[] | undefined) {\n return views?.map(view => {\n const { bundle } = view;\n const appId = getAppIdFromBundle(bundle);\n\n const RouteComponent = lazy(() => import(/* @vite-ignore */ bundle));\n\n const path = view.route.replace(/^\\//, \"\");\n\n return (\n <Route\n key={view.route}\n path={path}\n element={\n <AppShellViewProvider id={appId}>\n <ErrorBoundary\n key={view.route}\n fallback={<GenericError fullPage={false} />}>\n <RouteComponent {...view.config}>\n {view.views != null ? <Outlet /> : null}\n </RouteComponent>\n </ErrorBoundary>\n </AppShellViewProvider>\n }>\n {renderNestedRoutes(view.views)}\n </Route>\n );\n });\n}\n\nfunction renderRoutes(mainPanel: HvAppShellMainPanelConfig | undefined) {\n if (mainPanel == null || mainPanel.views == null) {\n return undefined;\n }\n\n const { views, maxWidth = \"xl\", ...mainContainerProps } = mainPanel;\n\n return views.map(view => {\n const {\n bundle,\n route,\n config,\n views: nestedViews,\n maxWidth: viewMaxWidth,\n ...viewContainerProps\n } = view;\n\n const appId = getAppIdFromBundle(bundle);\n\n const RouteComponent = lazy(() => import(/* @vite-ignore */ bundle));\n\n return (\n <Route\n key={route}\n path={route}\n element={\n <HvContainer\n maxWidth={viewMaxWidth ?? maxWidth}\n {...mainContainerProps}\n {...viewContainerProps}>\n <AppShellViewProvider id={appId}>\n <ErrorBoundary\n key={route}\n fallback={<GenericError fullPage={false} />}>\n <RouteComponent {...config}>\n {nestedViews != null ? <Outlet /> : null}\n </RouteComponent>\n </ErrorBoundary>\n </AppShellViewProvider>\n </HvContainer>\n }>\n {renderNestedRoutes(nestedViews)}\n </Route>\n );\n });\n}\n\nfunction renderErrorRoutes(mainPanel: HvAppShellMainPanelConfig | undefined) {\n const { views, maxWidth = \"xl\", ...mainContainerProps } = mainPanel ?? {};\n\n return (\n <Route\n path=\"*\"\n key=\"notFound\"\n element={\n <HvContainer maxWidth={maxWidth} {...mainContainerProps}>\n <NotFound />\n </HvContainer>\n }\n />\n );\n}\n\nconst AppShellRoutes = () => {\n const { mainPanel } = useHvAppShellConfig();\n\n return (\n <Suspense fallback={<LoadingPage />}>\n <Routes>\n {renderRoutes(mainPanel)}\n {renderErrorRoutes(mainPanel)}\n </Routes>\n </Suspense>\n );\n};\n\nexport default AppShellRoutes;\n"],"names":["NotFound","lazy","renderNestedRoutes","views","map","view","bundle","appId","getAppIdFromBundle","RouteComponent","path","route","replace","Route","jsx","AppShellViewProvider","ErrorBoundary","GenericError","config","Outlet","renderRoutes","mainPanel","undefined","maxWidth","mainContainerProps","nestedViews","viewMaxWidth","viewContainerProps","HvContainer","renderErrorRoutes","AppShellRoutes","useHvAppShellConfig","Suspense","LoadingPage","Routes","AppShellRoutes$1"],"mappings":";;;;;;;;;;AAgBA,MAAMA,IAAWC,EAAK,MAAM,OAAO,+BAAsB,CAAC;AAE1D,SAASC,EAAmBC,GAA4C;AAC/DA,SAAAA,KAAAA,gBAAAA,EAAOC,IAAIC,CAAQA,MAAA;AAClB,UAAA;AAAA,MAAEC,QAAAA;AAAAA,IAAWD,IAAAA,GACbE,IAAQC,EAAmBF,CAAM,GAEjCG,IAAiBR,EAAK,MAAM;AAAA;AAAA,MAA0BK;AAAAA,KAAO,GAE7DI,IAAOL,EAAKM,MAAMC,QAAQ,OAAO,EAAE;AAEzC,6BACGC,GAEC,EAAA,MAAAH,GACA,SACE,gBAAAI,EAACC,KAAqB,IAAIR,GACxB,UAAC,gBAAAO,EAAAE,GAAA,EAEC,UAAW,gBAAAF,EAAAG,GAAA,EAAa,UAAU,GAAM,CAAA,GACxC,4BAACR,QAAmBJ,EAAKa,QACtBb,YAAKF,SAAS,OAAQ,gBAAAW,EAAAK,GAAA,CAAA,CAAS,IAAG,MACrC,EAAA,GAJKd,EAAKM,KAKZ,GACF,GAEDT,UAAAA,EAAmBG,EAAKF,KAAK,EAAA,GAbzBE,EAAKM,KAcZ;AAAA,EAAA;AAGN;AAEA,SAASS,EAAaC,GAAkD;AACtE,MAAIA,KAAa,QAAQA,EAAUlB,SAAS;AACnCmB;AAGH,QAAA;AAAA,IAAEnB,OAAAA;AAAAA,IAAOoB,UAAAA,IAAW;AAAA,IAAM,GAAGC;AAAAA,EAAuBH,IAAAA;AAEnDlB,SAAAA,EAAMC,IAAIC,CAAQA,MAAA;AACjB,UAAA;AAAA,MACJC,QAAAA;AAAAA,MACAK,OAAAA;AAAAA,MACAO,QAAAA;AAAAA,MACAf,OAAOsB;AAAAA,MACPF,UAAUG;AAAAA,MACV,GAAGC;AAAAA,IACDtB,IAAAA,GAEEE,IAAQC,EAAmBF,CAAM,GAEjCG,IAAiBR,EAAK,MAAM;AAAA;AAAA,MAA0BK;AAAAA,KAAO;AAGjE,WAAA,gBAAAQ,EAACD,KAEC,MAAMF,GACN,SACG,gBAAAG,EAAAc,GAAA,EACC,UAAUF,KAAgBH,MACtBC,GACJ,GAAIG,GACJ,UAAC,gBAAAb,EAAAC,GAAA,EAAqB,IAAIR,GACxB,UAAA,gBAAAO,EAACE,KAEC,UAAU,gBAAAF,EAACG,KAAa,UAAU,GAAA,CAAM,GACxC,UAAC,gBAAAH,EAAAL,GAAA,EAAe,GAAIS,GACjBO,UAAAA,KAAe,OAAQ,gBAAAX,EAAAK,GAAA,CAAS,CAAA,IAAG,KACtC,CAAA,KAJKR,CAKP,EACF,CAAA,EAAA,CACF,GAEDT,UAAmBuB,EAAAA,CAAW,KAlB1Bd,CAmBP;AAAA,EAAA,CAEH;AACH;AAEA,SAASkB,EAAkBR,GAAkD;AACrE,QAAA;AAAA,IAAElB,OAAAA;AAAAA,IAAOoB,UAAAA,IAAW;AAAA,IAAM,GAAGC;AAAAA,EAAAA,IAAuBH,KAAa,CAAA;AAEvE,SACG,gBAAAP,EAAAD,GAAA,EACC,MAAK,KAEL,SACG,gBAAAC,EAAAc,GAAA,EAAY,UAAAL,GAAwBC,GAAAA,GACnC,UAAA,gBAAAV,EAACd,GAAQ,CAAA,CAAA,GACX,KAJE,UAMJ;AAEN;AAEA,MAAM8B,IAAiBA,MAAM;AACrB,QAAA;AAAA,IAAET,WAAAA;AAAAA,MAAcU,EAAoB;AAE1C,2BACGC,GAAS,EAAA,4BAAWC,GAAW,CAAA,CAAA,GAC9B,4BAACC,GACEd,EAAAA,UAAAA;AAAAA,IAAAA,EAAaC,CAAS;AAAA,IACtBQ,EAAkBR,CAAS;AAAA,EAAA,EAC9B,CAAA,EACF,CAAA;AAEJ,GAEAc,IAAeL;"}
@@ -1,31 +1,27 @@
1
1
  import { jsxs as d, jsx as i } from "@emotion/react/jsx-runtime";
2
- import { HvContainer as l } from "@hitachivantara/uikit-react-core";
3
- import { useHvAppShellConfig as p } from "@hitachivantara/app-shell-shared";
4
- import v from "../../../providers/hooks/useNavigationContext.js";
5
- import { StyledContainer as h, StyledMain as f } from "./styles.js";
6
- import g from "../../../providers/hooks/useLayoutContext.js";
7
- import x from "../VerticalNavigation/VerticalNavigation.js";
8
- const u = ({
9
- children: a
2
+ import m from "../../../providers/hooks/useNavigationContext.js";
3
+ import { StyledContainer as l, StyledMain as p } from "./styles.js";
4
+ import v from "../../../providers/hooks/useLayoutContext.js";
5
+ import g from "../VerticalNavigation/VerticalNavigation.js";
6
+ const M = ({
7
+ children: o
10
8
  }) => {
11
9
  const {
12
- hasVerticalNavigation: r,
10
+ hasVerticalNavigation: a,
13
11
  verticalNavigationMode: e,
14
12
  showHeaderSubMenu: n,
15
- isCompactMode: o,
16
- switchVerticalNavigationMode: m
17
- } = v(), {
13
+ isCompactMode: t,
14
+ switchVerticalNavigationMode: r
15
+ } = m(), {
18
16
  bannerMaxHeight: s,
19
17
  verticalNavigationWidth: c
20
- } = g(), {
21
- mainPanel: t
22
- } = p();
23
- return /* @__PURE__ */ d(h, { showHeaderSubMenu: n, isCompactMode: o, children: [
24
- r && e !== "CLOSED" && /* @__PURE__ */ i(x, { onClickAway: o ? m : void 0 }),
25
- /* @__PURE__ */ i(f, { paddingTop: s, verticalNavigationWidth: c, children: /* @__PURE__ */ i(l, { maxWidth: (t == null ? void 0 : t.maxWidth) ?? "xl", children: a }) })
18
+ } = v();
19
+ return /* @__PURE__ */ d(l, { showHeaderSubMenu: n, isCompactMode: t, children: [
20
+ a && e !== "CLOSED" && /* @__PURE__ */ i(g, { onClickAway: t ? r : void 0 }),
21
+ /* @__PURE__ */ i(p, { paddingTop: s, verticalNavigationWidth: c, children: o })
26
22
  ] });
27
- }, V = u;
23
+ }, N = M;
28
24
  export {
29
- V as default
25
+ N as default
30
26
  };
31
27
  //# sourceMappingURL=Main.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Main.js","sources":["../../../../../src/components/layout/Main/Main.tsx"],"sourcesContent":["import { HvContainer } from \"@hitachivantara/uikit-react-core\";\n\nimport { useHvAppShellConfig } from \"@hitachivantara/app-shell-shared\";\n\nimport useNavigationContext from \"../../../providers/hooks/useNavigationContext\";\nimport VerticalNavigation from \"../VerticalNavigation\";\n\nimport { StyledMain, StyledContainer } from \"./styles\";\nimport useLayoutContext from \"../../../providers/hooks/useLayoutContext\";\n\nexport type MainProps = {\n children: React.ReactNode;\n};\n\nconst Main = ({ children }: MainProps) => {\n const {\n hasVerticalNavigation,\n verticalNavigationMode,\n showHeaderSubMenu,\n isCompactMode,\n switchVerticalNavigationMode\n } = useNavigationContext();\n const { bannerMaxHeight, verticalNavigationWidth } = useLayoutContext();\n const { mainPanel } = useHvAppShellConfig();\n\n return (\n <StyledContainer\n showHeaderSubMenu={showHeaderSubMenu}\n isCompactMode={isCompactMode}>\n {hasVerticalNavigation && verticalNavigationMode !== \"CLOSED\" && (\n <VerticalNavigation\n onClickAway={isCompactMode ? switchVerticalNavigationMode : undefined}\n />\n )}\n\n <StyledMain\n paddingTop={bannerMaxHeight}\n verticalNavigationWidth={verticalNavigationWidth}>\n <HvContainer maxWidth={mainPanel?.maxWidth ?? \"xl\"}>\n {children}\n </HvContainer>\n </StyledMain>\n </StyledContainer>\n );\n};\n\nexport default Main;\n"],"names":["Main","children","hasVerticalNavigation","verticalNavigationMode","showHeaderSubMenu","isCompactMode","switchVerticalNavigationMode","useNavigationContext","bannerMaxHeight","verticalNavigationWidth","useLayoutContext","mainPanel","useHvAppShellConfig","jsxs","StyledContainer","jsx","VerticalNavigation","undefined","StyledMain","HvContainer","maxWidth","Main$1"],"mappings":";;;;;;;AAcA,MAAMA,IAAOA,CAAC;AAAA,EAAEC,UAAAA;AAAoB,MAAM;AAClC,QAAA;AAAA,IACJC,uBAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,8BAAAA;AAAAA,MACEC,EAAqB,GACnB;AAAA,IAAEC,iBAAAA;AAAAA,IAAiBC,yBAAAA;AAAAA,MAA4BC,EAAiB,GAChE;AAAA,IAAEC,WAAAA;AAAAA,MAAcC,EAAoB;AAGxC,SAAA,gBAAAC,EAACC,GACC,EAAA,mBAAAV,GACA,eAAAC,GACCH,UAAAA;AAAAA,IAAAA,KAAyBC,MAA2B,YACnD,gBAAAY,EAACC,KACC,aAAaX,IAAgBC,IAA+BW,QAE/D;AAAA,IAEA,gBAAAF,EAAAG,GAAA,EACC,YAAYV,GACZ,yBAAAC,GACA,UAAA,gBAAAM,EAACI,GAAY,EAAA,WAAUR,KAAAA,gBAAAA,EAAWS,aAAY,MAC3CnB,UAAAA,EACH,CAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAoB,IAAerB;"}
1
+ {"version":3,"file":"Main.js","sources":["../../../../../src/components/layout/Main/Main.tsx"],"sourcesContent":["import useNavigationContext from \"../../../providers/hooks/useNavigationContext\";\nimport VerticalNavigation from \"../VerticalNavigation\";\n\nimport { StyledMain, StyledContainer } from \"./styles\";\nimport useLayoutContext from \"../../../providers/hooks/useLayoutContext\";\n\nexport type MainProps = {\n children: React.ReactNode;\n};\n\nconst Main = ({ children }: MainProps) => {\n const {\n hasVerticalNavigation,\n verticalNavigationMode,\n showHeaderSubMenu,\n isCompactMode,\n switchVerticalNavigationMode\n } = useNavigationContext();\n const { bannerMaxHeight, verticalNavigationWidth } = useLayoutContext();\n\n return (\n <StyledContainer\n showHeaderSubMenu={showHeaderSubMenu}\n isCompactMode={isCompactMode}>\n {hasVerticalNavigation && verticalNavigationMode !== \"CLOSED\" && (\n <VerticalNavigation\n onClickAway={isCompactMode ? switchVerticalNavigationMode : undefined}\n />\n )}\n\n <StyledMain\n paddingTop={bannerMaxHeight}\n verticalNavigationWidth={verticalNavigationWidth}>\n {children}\n </StyledMain>\n </StyledContainer>\n );\n};\n\nexport default Main;\n"],"names":["Main","children","hasVerticalNavigation","verticalNavigationMode","showHeaderSubMenu","isCompactMode","switchVerticalNavigationMode","useNavigationContext","bannerMaxHeight","verticalNavigationWidth","useLayoutContext","jsxs","StyledContainer","jsx","VerticalNavigation","undefined","StyledMain","Main$1"],"mappings":";;;;;AAUA,MAAMA,IAAOA,CAAC;AAAA,EAAEC,UAAAA;AAAoB,MAAM;AAClC,QAAA;AAAA,IACJC,uBAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,8BAAAA;AAAAA,MACEC,EAAqB,GACnB;AAAA,IAAEC,iBAAAA;AAAAA,IAAiBC,yBAAAA;AAAAA,MAA4BC,EAAiB;AAGpE,SAAA,gBAAAC,EAACC,GACC,EAAA,mBAAAR,GACA,eAAAC,GACCH,UAAAA;AAAAA,IAAAA,KAAyBC,MAA2B,YACnD,gBAAAU,EAACC,KACC,aAAaT,IAAgBC,IAA+BS,QAE/D;AAAA,IAEA,gBAAAF,EAAAG,GAAA,EACC,YAAYR,GACZ,yBAAAC,GACCR,UAAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAgB,IAAejB;"}
@@ -1,19 +1,18 @@
1
- import b from "@emotion/styled/base";
2
- import { theme as l } from "@hitachivantara/uikit-react-core";
3
- const G = 68, g = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
1
+ import l from "@emotion/styled/base";
2
+ import { theme as b } from "@hitachivantara/uikit-react-core";
3
+ const Z = /* @__PURE__ */ l("div", process.env.NODE_ENV === "production" ? {
4
4
  target: "ew4l8di1"
5
5
  } : {
6
6
  target: "ew4l8di1",
7
7
  label: "StyledContainer"
8
- })("display:flex;margin-top:", (c) => c.showHeaderSubMenu && !c.isCompactMode ? `calc(${l.header.height} + ${G}px)` : l.header.height, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQndEIiwiZmlsZSI6Ii9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuXG4vKipcbiAqIFRoZSB2YWx1ZSBvZiB0aGUgc3ViIGhlYWRlciBzaG91bGQgYmUgY29taW5nIGZyb20gVUktS0lULCBhdCB0aGlzIHRpbWUgaXQgaXMgbm90LCBzbyB3ZSBhcmUgaGFyZGNvZGluZyB0aGUgdmFsdWVcbiAqIGhlcmUuIDY0cHggZm9yIHRoZSBoZWlnaHQgYW5kIGFuIGV4dHJhIDRweCBmb3IgdGhlIHRvcCBwYWRkaW5nLlxuICovXG5leHBvcnQgY29uc3QgU1VCX0hFQURFUl9IRUlHSFQgPSA2ODtcblxuaW50ZXJmYWNlIFN0eWxlZENvbnRhaW5lclByb3BzIHtcbiAgc2hvd0hlYWRlclN1Yk1lbnU/OiBib29sZWFuO1xuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcbn1cbmludGVyZmFjZSBTdHlsZWRNYWluUHJvcHMge1xuICBwYWRkaW5nVG9wPzogbnVtYmVyO1xuICB2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aD86IG51bWJlcjtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdHlsZWRDb250YWluZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbi10b3A6ICR7cHJvcHMgPT4ge1xuICAgIGlmIChwcm9wcy5zaG93SGVhZGVyU3ViTWVudSAmJiAhcHJvcHMuaXNDb21wYWN0TW9kZSkge1xuICAgICAgcmV0dXJuIGBjYWxjKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke1NVQl9IRUFERVJfSEVJR0hUfXB4KWA7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoZW1lLmhlYWRlci5oZWlnaHQ7XG4gIH19O1xuYDtcblxuY29uc3QgU3R5bGVkTWFpbiA9IHN0eWxlZC5tYWluPFN0eWxlZE1haW5Qcm9wcz5gXG4gIGZsZXg6IDE7XG4gIHBhZGRpbmctdG9wOiAke3Byb3BzID0+IHtcbiAgICByZXR1cm4gYCR7cHJvcHMucGFkZGluZ1RvcH1weGA7XG4gIH19O1xuICB3aWR0aDogJHtwcm9wcyA9PiB7XG4gICAgcmV0dXJuIGBjYWxjKDEwMCUgLSAke3Byb3BzLnZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4KWA7XG4gIH19O1xuYDtcblxuZXhwb3J0IHsgU3R5bGVkQ29udGFpbmVyLCBTdHlsZWRNYWluIH07XG4iXX0= */")), X = /* @__PURE__ */ b("main", process.env.NODE_ENV === "production" ? {
8
+ })("display:flex;padding-top:", (c) => c.showHeaderSubMenu && !c.isCompactMode ? `calc(${b.header.height} + ${b.header.secondLevelHeight})` : b.header.height, ";min-height:100vh;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0QiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL2NvbXBvbmVudHMvbGF5b3V0L01haW4vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5cbmludGVyZmFjZSBTdHlsZWRDb250YWluZXJQcm9wcyB7XG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcbiAgaXNDb21wYWN0TW9kZT86IGJvb2xlYW47XG59XG5pbnRlcmZhY2UgU3R5bGVkTWFpblByb3BzIHtcbiAgcGFkZGluZ1RvcD86IG51bWJlcjtcbiAgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGg/OiBudW1iZXI7XG59XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8U3R5bGVkQ29udGFpbmVyUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nLXRvcDogJHtwcm9wcyA9PiB7XG4gICAgaWYgKHByb3BzLnNob3dIZWFkZXJTdWJNZW51ICYmICFwcm9wcy5pc0NvbXBhY3RNb2RlKSB7XG4gICAgICByZXR1cm4gYGNhbGMoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuaGVhZGVyLnNlY29uZExldmVsSGVpZ2h0fSlgO1xuICAgIH1cblxuICAgIHJldHVybiB0aGVtZS5oZWFkZXIuaGVpZ2h0O1xuICB9fTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG5gO1xuXG5jb25zdCBTdHlsZWRNYWluID0gc3R5bGVkLm1haW48U3R5bGVkTWFpblByb3BzPmBcbiAgZmxleDogMTtcbiAgcGFkZGluZy10b3A6ICR7cHJvcHMgPT4ge1xuICAgIHJldHVybiBwcm9wcy5wYWRkaW5nVG9wXG4gICAgICA/IGBjYWxjKCR7cHJvcHMucGFkZGluZ1RvcH1weCArICR7dGhlbWUuc3BhY2UueHN9KWBcbiAgICAgIDogdW5kZWZpbmVkO1xuICB9fTtcbiAgd2lkdGg6ICR7cHJvcHMgPT4ge1xuICAgIHJldHVybiBgY2FsYygxMDAlIC0gJHtwcm9wcy52ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weClgO1xuICB9fTtcbmA7XG5cbmV4cG9ydCB7IFN0eWxlZENvbnRhaW5lciwgU3R5bGVkTWFpbiB9O1xuIl19 */")), d = /* @__PURE__ */ l("main", process.env.NODE_ENV === "production" ? {
9
9
  target: "ew4l8di0"
10
10
  } : {
11
11
  target: "ew4l8di0",
12
12
  label: "StyledMain"
13
- })("flex:1;padding-top:", (c) => `${c.paddingTop}px`, ";width:", (c) => `calc(100% - ${c.verticalNavigationWidth}px)`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QitDIiwiZmlsZSI6Ii9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuXG4vKipcbiAqIFRoZSB2YWx1ZSBvZiB0aGUgc3ViIGhlYWRlciBzaG91bGQgYmUgY29taW5nIGZyb20gVUktS0lULCBhdCB0aGlzIHRpbWUgaXQgaXMgbm90LCBzbyB3ZSBhcmUgaGFyZGNvZGluZyB0aGUgdmFsdWVcbiAqIGhlcmUuIDY0cHggZm9yIHRoZSBoZWlnaHQgYW5kIGFuIGV4dHJhIDRweCBmb3IgdGhlIHRvcCBwYWRkaW5nLlxuICovXG5leHBvcnQgY29uc3QgU1VCX0hFQURFUl9IRUlHSFQgPSA2ODtcblxuaW50ZXJmYWNlIFN0eWxlZENvbnRhaW5lclByb3BzIHtcbiAgc2hvd0hlYWRlclN1Yk1lbnU/OiBib29sZWFuO1xuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcbn1cbmludGVyZmFjZSBTdHlsZWRNYWluUHJvcHMge1xuICBwYWRkaW5nVG9wPzogbnVtYmVyO1xuICB2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aD86IG51bWJlcjtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdHlsZWRDb250YWluZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbi10b3A6ICR7cHJvcHMgPT4ge1xuICAgIGlmIChwcm9wcy5zaG93SGVhZGVyU3ViTWVudSAmJiAhcHJvcHMuaXNDb21wYWN0TW9kZSkge1xuICAgICAgcmV0dXJuIGBjYWxjKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke1NVQl9IRUFERVJfSEVJR0hUfXB4KWA7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoZW1lLmhlYWRlci5oZWlnaHQ7XG4gIH19O1xuYDtcblxuY29uc3QgU3R5bGVkTWFpbiA9IHN0eWxlZC5tYWluPFN0eWxlZE1haW5Qcm9wcz5gXG4gIGZsZXg6IDE7XG4gIHBhZGRpbmctdG9wOiAke3Byb3BzID0+IHtcbiAgICByZXR1cm4gYCR7cHJvcHMucGFkZGluZ1RvcH1weGA7XG4gIH19O1xuICB3aWR0aDogJHtwcm9wcyA9PiB7XG4gICAgcmV0dXJuIGBjYWxjKDEwMCUgLSAke3Byb3BzLnZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4KWA7XG4gIH19O1xuYDtcblxuZXhwb3J0IHsgU3R5bGVkQ29udGFpbmVyLCBTdHlsZWRNYWluIH07XG4iXX0= */"));
13
+ })("flex:1;padding-top:", (c) => c.paddingTop ? `calc(${c.paddingTop}px + ${b.space.xs})` : void 0, ";width:", (c) => `calc(100% - ${c.verticalNavigationWidth}px)`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QitDIiwiZmlsZSI6Ii9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuXG5pbnRlcmZhY2UgU3R5bGVkQ29udGFpbmVyUHJvcHMge1xuICBzaG93SGVhZGVyU3ViTWVudT86IGJvb2xlYW47XG4gIGlzQ29tcGFjdE1vZGU/OiBib29sZWFuO1xufVxuaW50ZXJmYWNlIFN0eWxlZE1haW5Qcm9wcyB7XG4gIHBhZGRpbmdUb3A/OiBudW1iZXI7XG4gIHZlcnRpY2FsTmF2aWdhdGlvbldpZHRoPzogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFN0eWxlZENvbnRhaW5lclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6ICR7cHJvcHMgPT4ge1xuICAgIGlmIChwcm9wcy5zaG93SGVhZGVyU3ViTWVudSAmJiAhcHJvcHMuaXNDb21wYWN0TW9kZSkge1xuICAgICAgcmV0dXJuIGBjYWxjKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEhlaWdodH0pYDtcbiAgICB9XG5cbiAgICByZXR1cm4gdGhlbWUuaGVhZGVyLmhlaWdodDtcbiAgfX07XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuYDtcblxuY29uc3QgU3R5bGVkTWFpbiA9IHN0eWxlZC5tYWluPFN0eWxlZE1haW5Qcm9wcz5gXG4gIGZsZXg6IDE7XG4gIHBhZGRpbmctdG9wOiAke3Byb3BzID0+IHtcbiAgICByZXR1cm4gcHJvcHMucGFkZGluZ1RvcFxuICAgICAgPyBgY2FsYygke3Byb3BzLnBhZGRpbmdUb3B9cHggKyAke3RoZW1lLnNwYWNlLnhzfSlgXG4gICAgICA6IHVuZGVmaW5lZDtcbiAgfX07XG4gIHdpZHRoOiAke3Byb3BzID0+IHtcbiAgICByZXR1cm4gYGNhbGMoMTAwJSAtICR7cHJvcHMudmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHgpYDtcbiAgfX07XG5gO1xuXG5leHBvcnQgeyBTdHlsZWRDb250YWluZXIsIFN0eWxlZE1haW4gfTtcbiJdfQ== */"));
14
14
  export {
15
- G as SUB_HEADER_HEIGHT,
16
- g as StyledContainer,
17
- X as StyledMain
15
+ Z as StyledContainer,
16
+ d as StyledMain
18
17
  };
19
18
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../../src/components/layout/Main/styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-react-core\";\n\n/**\n * The value of the sub header should be coming from UI-KIT, at this time it is not, so we are hardcoding the value\n * here. 64px for the height and an extra 4px for the top padding.\n */\nexport const SUB_HEADER_HEIGHT = 68;\n\ninterface StyledContainerProps {\n showHeaderSubMenu?: boolean;\n isCompactMode?: boolean;\n}\ninterface StyledMainProps {\n paddingTop?: number;\n verticalNavigationWidth?: number;\n}\n\nconst StyledContainer = styled.div<StyledContainerProps>`\n display: flex;\n margin-top: ${props => {\n if (props.showHeaderSubMenu && !props.isCompactMode) {\n return `calc(${theme.header.height} + ${SUB_HEADER_HEIGHT}px)`;\n }\n\n return theme.header.height;\n }};\n`;\n\nconst StyledMain = styled.main<StyledMainProps>`\n flex: 1;\n padding-top: ${props => {\n return `${props.paddingTop}px`;\n }};\n width: ${props => {\n return `calc(100% - ${props.verticalNavigationWidth}px)`;\n }};\n`;\n\nexport { StyledContainer, StyledMain };\n"],"names":["SUB_HEADER_HEIGHT","StyledContainer","_styled","process","env","NODE_ENV","target","label","props","showHeaderSubMenu","isCompactMode","theme","header","height","StyledMain","paddingTop","verticalNavigationWidth"],"mappings":";;AAQO,MAAMA,IAAoB,IAW3BC,IAAe,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,4BAELC,CAASA,MACjBA,EAAMC,qBAAqB,CAACD,EAAME,gBAC5B,QAAOC,EAAMC,OAAOC,MAAO,MAAKb,CAAkB,QAGrDW,EAAMC,OAAOC,eACrBV,QAAAC,IAAAC,aACF,eAAA,KAAA,03DAAA,GAEKS,IAAU,gBAAAZ,EAAA,QAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,uBAECC,CAASA,MACd,GAAEA,EAAMO,UAAW,MAC5B,WACQP,CAASA,MACR,eAAcA,EAAMQ,uBAAwB,cACrDb,QAAAC,IAAAC,aACF,eAAA,KAAA,03DAAA;"}
1
+ {"version":3,"file":"styles.js","sources":["../../../../../src/components/layout/Main/styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-react-core\";\n\ninterface StyledContainerProps {\n showHeaderSubMenu?: boolean;\n isCompactMode?: boolean;\n}\ninterface StyledMainProps {\n paddingTop?: number;\n verticalNavigationWidth?: number;\n}\n\nconst StyledContainer = styled.div<StyledContainerProps>`\n display: flex;\n padding-top: ${props => {\n if (props.showHeaderSubMenu && !props.isCompactMode) {\n return `calc(${theme.header.height} + ${theme.header.secondLevelHeight})`;\n }\n\n return theme.header.height;\n }};\n min-height: 100vh;\n`;\n\nconst StyledMain = styled.main<StyledMainProps>`\n flex: 1;\n padding-top: ${props => {\n return props.paddingTop\n ? `calc(${props.paddingTop}px + ${theme.space.xs})`\n : undefined;\n }};\n width: ${props => {\n return `calc(100% - ${props.verticalNavigationWidth}px)`;\n }};\n`;\n\nexport { StyledContainer, StyledMain };\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","props","showHeaderSubMenu","isCompactMode","theme","header","height","secondLevelHeight","StyledMain","paddingTop","space","xs","undefined","verticalNavigationWidth"],"mappings":";;AAaA,MAAMA,IAAe,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,6BAEJC,CAASA,MAClBA,EAAMC,qBAAqB,CAACD,EAAME,gBAC5B,QAAOC,EAAMC,OAAOC,MAAO,MAAKF,EAAMC,OAAOE,iBAAkB,MAGlEH,EAAMC,OAAOC,gCACrBV,QAAAC,IAAAC,aAEF,eAAA,KAAA,0sDAAA,GAEKU,IAAU,gBAAAb,EAAA,QAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAA,uBAECC,CAASA,MACfA,EAAMQ,aACR,QAAOR,EAAMQ,UAAW,QAAOL,EAAMM,MAAMC,EAAG,MAC/CC,QACL,WACQX,CAASA,MACR,eAAcA,EAAMY,uBAAwB,cACrDjB,QAAAC,IAAAC,aACF,eAAA,KAAA,8sDAAA;"}
@@ -1,24 +1,23 @@
1
1
  import b from "@emotion/styled/base";
2
2
  import { theme as c } from "@hitachivantara/uikit-react-core";
3
- import { SUB_HEADER_HEIGHT as W } from "../../components/layout/Main/styles.js";
4
- function I() {
3
+ function W() {
5
4
  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
6
5
  }
7
- const X = ({
6
+ const G = ({
8
7
  showHeaderSubMenu: l,
9
- isCompactMode: Z,
10
- fullPage: G
11
- }) => G ? "100vh" : l && !Z ? `calc(100vh - (${c.header.height} + ${W}px + ${c.space.lg} + ${c.space.lg}))` : `calc(100vh - (${c.header.height} + ${c.space.lg} + ${c.space.lg}))`, H = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
8
+ isCompactMode: d,
9
+ fullPage: Z
10
+ }) => Z ? "100vh" : l && !d ? `calc(100vh - (${c.header.height} + ${c.header.secondLevelHeight}px + ${c.space.lg} + ${c.space.lg}))` : `calc(100vh - (${c.header.height} + ${c.space.lg} + ${c.space.lg}))`, y = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
12
11
  target: "e18ahwyt2"
13
12
  } : {
14
13
  target: "e18ahwyt2",
15
14
  label: "StyledErrorPage"
16
- })("flex:1;display:flex;flex-direction:column;margin-top:", c.space.lg, ";height:", (l) => X(l), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDd0QiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbXBvcnQgeyBTVUJfSEVBREVSX0hFSUdIVCB9IGZyb20gXCIuLi8uLi9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlc1wiO1xyXG5cclxuaW50ZXJmYWNlIFN0eWxlZEVycm9yUGFnZVByb3BzIHtcclxuICBzaG93SGVhZGVyU3ViTWVudT86IGJvb2xlYW47XHJcbiAgaXNDb21wYWN0TW9kZT86IGJvb2xlYW47XHJcbiAgZnVsbFBhZ2U/OiBib29sZWFuO1xyXG59XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VXcmFwcGVyUHJvcHMge1xyXG4gIGJhY2tncm91bmRJbWFnZTogc3RyaW5nO1xyXG59XHJcblxyXG4vKipcclxuICogQ2FsY3VsYXRlcyB0aGUgaGVpZ2h0IG9mIHRoZSBpbWFnZSB3cmFwcGVyIGJhc2VkIG9uIHRoZSBoZWFkZXIgc3ViIG1lbnUgYW5kIGNvbXBhY3QgbW9kZS5cclxuICovXHJcbmNvbnN0IGNhbGNIZWlnaHQgPSAoe1xyXG4gIHNob3dIZWFkZXJTdWJNZW51LFxyXG4gIGlzQ29tcGFjdE1vZGUsXHJcbiAgZnVsbFBhZ2VcclxufTogU3R5bGVkRXJyb3JQYWdlUHJvcHMpID0+IHtcclxuICBpZiAoZnVsbFBhZ2UpIHtcclxuICAgIHJldHVybiBgMTAwdmhgO1xyXG4gIH1cclxuICBpZiAoc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGUpIHtcclxuICAgIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHtTVUJfSEVBREVSX0hFSUdIVH1weCArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbiAgfVxyXG4gIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxufTtcclxuXHJcbmNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkRXJyb3JQYWdlUHJvcHM+YFxyXG4gIGZsZXg6IDE7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2UubGd9O1xyXG4gIGhlaWdodDogJHsocHJvcHM6IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiBjYWxjSGVpZ2h0KHByb3BzKX07XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlV3JhcHBlclByb3BzPmBcclxuICBmbGV4OiAxO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtwcm9wcyA9PiBwcm9wcy5iYWNrZ3JvdW5kSW1hZ2V9O1xyXG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuYDtcclxuXHJcbmV4cG9ydCB7IFN0eWxlZFRpdGxlV3JhcHBlciwgU3R5bGVkRXJyb3JQYWdlLCBTdHlsZWRJbWFnZVdyYXBwZXIgfTtcclxuIl19 */")), t = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
15
+ })("flex:1;display:flex;flex-direction:column;margin-top:", c.space.lg, ";height:", (l) => G(l), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCd0QiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkRXJyb3JQYWdlUHJvcHMge1xyXG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcclxuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcclxuICBmdWxsUGFnZT86IGJvb2xlYW47XHJcbn1cclxuXHJcbmludGVyZmFjZSBTdHlsZWRJbWFnZVdyYXBwZXJQcm9wcyB7XHJcbiAgYmFja2dyb3VuZEltYWdlOiBzdHJpbmc7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBDYWxjdWxhdGVzIHRoZSBoZWlnaHQgb2YgdGhlIGltYWdlIHdyYXBwZXIgYmFzZWQgb24gdGhlIGhlYWRlciBzdWIgbWVudSBhbmQgY29tcGFjdCBtb2RlLlxyXG4gKi9cclxuY29uc3QgY2FsY0hlaWdodCA9ICh7XHJcbiAgc2hvd0hlYWRlclN1Yk1lbnUsXHJcbiAgaXNDb21wYWN0TW9kZSxcclxuICBmdWxsUGFnZVxyXG59OiBTdHlsZWRFcnJvclBhZ2VQcm9wcykgPT4ge1xyXG4gIGlmIChmdWxsUGFnZSkge1xyXG4gICAgcmV0dXJuIGAxMDB2aGA7XHJcbiAgfVxyXG4gIGlmIChzaG93SGVhZGVyU3ViTWVudSAmJiAhaXNDb21wYWN0TW9kZSkge1xyXG4gICAgcmV0dXJuIGBjYWxjKDEwMHZoIC0gKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEhlaWdodH1weCArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbiAgfVxyXG4gIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxufTtcclxuXHJcbmNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkRXJyb3JQYWdlUHJvcHM+YFxyXG4gIGZsZXg6IDE7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2UubGd9O1xyXG4gIGhlaWdodDogJHsocHJvcHM6IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiBjYWxjSGVpZ2h0KHByb3BzKX07XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlV3JhcHBlclByb3BzPmBcclxuICBmbGV4OiAxO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtwcm9wcyA9PiBwcm9wcy5iYWNrZ3JvdW5kSW1hZ2V9O1xyXG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuYDtcclxuXHJcbmV4cG9ydCB7IFN0eWxlZFRpdGxlV3JhcHBlciwgU3R5bGVkRXJyb3JQYWdlLCBTdHlsZWRJbWFnZVdyYXBwZXIgfTtcclxuIl19 */")), I = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
17
16
  target: "e18ahwyt1"
18
17
  } : {
19
18
  target: "e18ahwyt1",
20
19
  label: "StyledImageWrapper"
21
- })("flex:1;display:flex;background-image:", (l) => l.backgroundImage, ";background-size:contain;background-position:center center;background-repeat:no-repeat;flex-direction:column;height:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDOEQiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbXBvcnQgeyBTVUJfSEVBREVSX0hFSUdIVCB9IGZyb20gXCIuLi8uLi9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlc1wiO1xyXG5cclxuaW50ZXJmYWNlIFN0eWxlZEVycm9yUGFnZVByb3BzIHtcclxuICBzaG93SGVhZGVyU3ViTWVudT86IGJvb2xlYW47XHJcbiAgaXNDb21wYWN0TW9kZT86IGJvb2xlYW47XHJcbiAgZnVsbFBhZ2U/OiBib29sZWFuO1xyXG59XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VXcmFwcGVyUHJvcHMge1xyXG4gIGJhY2tncm91bmRJbWFnZTogc3RyaW5nO1xyXG59XHJcblxyXG4vKipcclxuICogQ2FsY3VsYXRlcyB0aGUgaGVpZ2h0IG9mIHRoZSBpbWFnZSB3cmFwcGVyIGJhc2VkIG9uIHRoZSBoZWFkZXIgc3ViIG1lbnUgYW5kIGNvbXBhY3QgbW9kZS5cclxuICovXHJcbmNvbnN0IGNhbGNIZWlnaHQgPSAoe1xyXG4gIHNob3dIZWFkZXJTdWJNZW51LFxyXG4gIGlzQ29tcGFjdE1vZGUsXHJcbiAgZnVsbFBhZ2VcclxufTogU3R5bGVkRXJyb3JQYWdlUHJvcHMpID0+IHtcclxuICBpZiAoZnVsbFBhZ2UpIHtcclxuICAgIHJldHVybiBgMTAwdmhgO1xyXG4gIH1cclxuICBpZiAoc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGUpIHtcclxuICAgIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHtTVUJfSEVBREVSX0hFSUdIVH1weCArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbiAgfVxyXG4gIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxufTtcclxuXHJcbmNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkRXJyb3JQYWdlUHJvcHM+YFxyXG4gIGZsZXg6IDE7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2UubGd9O1xyXG4gIGhlaWdodDogJHsocHJvcHM6IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiBjYWxjSGVpZ2h0KHByb3BzKX07XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlV3JhcHBlclByb3BzPmBcclxuICBmbGV4OiAxO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtwcm9wcyA9PiBwcm9wcy5iYWNrZ3JvdW5kSW1hZ2V9O1xyXG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuYDtcclxuXHJcbmV4cG9ydCB7IFN0eWxlZFRpdGxlV3JhcHBlciwgU3R5bGVkRXJyb3JQYWdlLCBTdHlsZWRJbWFnZVdyYXBwZXIgfTtcclxuIl19 */")), V = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
20
+ })("flex:1;display:flex;background-image:", (l) => l.backgroundImage, ";background-size:contain;background-position:center center;background-repeat:no-repeat;flex-direction:column;height:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDOEQiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkRXJyb3JQYWdlUHJvcHMge1xyXG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcclxuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcclxuICBmdWxsUGFnZT86IGJvb2xlYW47XHJcbn1cclxuXHJcbmludGVyZmFjZSBTdHlsZWRJbWFnZVdyYXBwZXJQcm9wcyB7XHJcbiAgYmFja2dyb3VuZEltYWdlOiBzdHJpbmc7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBDYWxjdWxhdGVzIHRoZSBoZWlnaHQgb2YgdGhlIGltYWdlIHdyYXBwZXIgYmFzZWQgb24gdGhlIGhlYWRlciBzdWIgbWVudSBhbmQgY29tcGFjdCBtb2RlLlxyXG4gKi9cclxuY29uc3QgY2FsY0hlaWdodCA9ICh7XHJcbiAgc2hvd0hlYWRlclN1Yk1lbnUsXHJcbiAgaXNDb21wYWN0TW9kZSxcclxuICBmdWxsUGFnZVxyXG59OiBTdHlsZWRFcnJvclBhZ2VQcm9wcykgPT4ge1xyXG4gIGlmIChmdWxsUGFnZSkge1xyXG4gICAgcmV0dXJuIGAxMDB2aGA7XHJcbiAgfVxyXG4gIGlmIChzaG93SGVhZGVyU3ViTWVudSAmJiAhaXNDb21wYWN0TW9kZSkge1xyXG4gICAgcmV0dXJuIGBjYWxjKDEwMHZoIC0gKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEhlaWdodH1weCArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbiAgfVxyXG4gIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxufTtcclxuXHJcbmNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkRXJyb3JQYWdlUHJvcHM+YFxyXG4gIGZsZXg6IDE7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2UubGd9O1xyXG4gIGhlaWdodDogJHsocHJvcHM6IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiBjYWxjSGVpZ2h0KHByb3BzKX07XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlV3JhcHBlclByb3BzPmBcclxuICBmbGV4OiAxO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtwcm9wcyA9PiBwcm9wcy5iYWNrZ3JvdW5kSW1hZ2V9O1xyXG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuYDtcclxuXHJcbmV4cG9ydCB7IFN0eWxlZFRpdGxlV3JhcHBlciwgU3R5bGVkRXJyb3JQYWdlLCBTdHlsZWRJbWFnZVdyYXBwZXIgfTtcclxuIl19 */")), t = /* @__PURE__ */ b("div", process.env.NODE_ENV === "production" ? {
22
21
  target: "e18ahwyt0"
23
22
  } : {
24
23
  target: "e18ahwyt0",
@@ -29,12 +28,12 @@ const X = ({
29
28
  } : {
30
29
  name: "1azakc",
31
30
  styles: "text-align:center",
32
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EcUMiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbXBvcnQgeyBTVUJfSEVBREVSX0hFSUdIVCB9IGZyb20gXCIuLi8uLi9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlc1wiO1xyXG5cclxuaW50ZXJmYWNlIFN0eWxlZEVycm9yUGFnZVByb3BzIHtcclxuICBzaG93SGVhZGVyU3ViTWVudT86IGJvb2xlYW47XHJcbiAgaXNDb21wYWN0TW9kZT86IGJvb2xlYW47XHJcbiAgZnVsbFBhZ2U/OiBib29sZWFuO1xyXG59XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VXcmFwcGVyUHJvcHMge1xyXG4gIGJhY2tncm91bmRJbWFnZTogc3RyaW5nO1xyXG59XHJcblxyXG4vKipcclxuICogQ2FsY3VsYXRlcyB0aGUgaGVpZ2h0IG9mIHRoZSBpbWFnZSB3cmFwcGVyIGJhc2VkIG9uIHRoZSBoZWFkZXIgc3ViIG1lbnUgYW5kIGNvbXBhY3QgbW9kZS5cclxuICovXHJcbmNvbnN0IGNhbGNIZWlnaHQgPSAoe1xyXG4gIHNob3dIZWFkZXJTdWJNZW51LFxyXG4gIGlzQ29tcGFjdE1vZGUsXHJcbiAgZnVsbFBhZ2VcclxufTogU3R5bGVkRXJyb3JQYWdlUHJvcHMpID0+IHtcclxuICBpZiAoZnVsbFBhZ2UpIHtcclxuICAgIHJldHVybiBgMTAwdmhgO1xyXG4gIH1cclxuICBpZiAoc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGUpIHtcclxuICAgIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHtTVUJfSEVBREVSX0hFSUdIVH1weCArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbiAgfVxyXG4gIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxufTtcclxuXHJcbmNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkRXJyb3JQYWdlUHJvcHM+YFxyXG4gIGZsZXg6IDE7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2UubGd9O1xyXG4gIGhlaWdodDogJHsocHJvcHM6IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiBjYWxjSGVpZ2h0KHByb3BzKX07XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlV3JhcHBlclByb3BzPmBcclxuICBmbGV4OiAxO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtwcm9wcyA9PiBwcm9wcy5iYWNrZ3JvdW5kSW1hZ2V9O1xyXG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuYDtcclxuXHJcbmV4cG9ydCB7IFN0eWxlZFRpdGxlV3JhcHBlciwgU3R5bGVkRXJyb3JQYWdlLCBTdHlsZWRJbWFnZVdyYXBwZXIgfTtcclxuIl19 */",
33
- toString: I
31
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9FcnJvclBhZ2Uvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEcUMiLCJmaWxlIjoiL19fdy9odi1hcHAtc2hlbGwvaHYtYXBwLXNoZWxsL2NsaWVudC9wYWNrYWdlcy9hcHAtc2hlbGwtdWkvc3JjL3BhZ2VzL0Vycm9yUGFnZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuXHJcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XHJcblxyXG5pbnRlcmZhY2UgU3R5bGVkRXJyb3JQYWdlUHJvcHMge1xyXG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcclxuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcclxuICBmdWxsUGFnZT86IGJvb2xlYW47XHJcbn1cclxuXHJcbmludGVyZmFjZSBTdHlsZWRJbWFnZVdyYXBwZXJQcm9wcyB7XHJcbiAgYmFja2dyb3VuZEltYWdlOiBzdHJpbmc7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBDYWxjdWxhdGVzIHRoZSBoZWlnaHQgb2YgdGhlIGltYWdlIHdyYXBwZXIgYmFzZWQgb24gdGhlIGhlYWRlciBzdWIgbWVudSBhbmQgY29tcGFjdCBtb2RlLlxyXG4gKi9cclxuY29uc3QgY2FsY0hlaWdodCA9ICh7XHJcbiAgc2hvd0hlYWRlclN1Yk1lbnUsXHJcbiAgaXNDb21wYWN0TW9kZSxcclxuICBmdWxsUGFnZVxyXG59OiBTdHlsZWRFcnJvclBhZ2VQcm9wcykgPT4ge1xyXG4gIGlmIChmdWxsUGFnZSkge1xyXG4gICAgcmV0dXJuIGAxMDB2aGA7XHJcbiAgfVxyXG4gIGlmIChzaG93SGVhZGVyU3ViTWVudSAmJiAhaXNDb21wYWN0TW9kZSkge1xyXG4gICAgcmV0dXJuIGBjYWxjKDEwMHZoIC0gKCR7dGhlbWUuaGVhZGVyLmhlaWdodH0gKyAke3RoZW1lLmhlYWRlci5zZWNvbmRMZXZlbEhlaWdodH1weCArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbiAgfVxyXG4gIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5sZ30gKyAke3RoZW1lLnNwYWNlLmxnfSkpYDtcclxufTtcclxuXHJcbmNvbnN0IFN0eWxlZEVycm9yUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkRXJyb3JQYWdlUHJvcHM+YFxyXG4gIGZsZXg6IDE7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2UubGd9O1xyXG4gIGhlaWdodDogJHsocHJvcHM6IFN0eWxlZEVycm9yUGFnZVByb3BzKSA9PiBjYWxjSGVpZ2h0KHByb3BzKX07XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlV3JhcHBlclByb3BzPmBcclxuICBmbGV4OiAxO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgYmFja2dyb3VuZC1pbWFnZTogJHtwcm9wcyA9PiBwcm9wcy5iYWNrZ3JvdW5kSW1hZ2V9O1xyXG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcclxuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO1xyXG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbmA7XHJcblxyXG5jb25zdCBTdHlsZWRUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcclxuYDtcclxuXHJcbmV4cG9ydCB7IFN0eWxlZFRpdGxlV3JhcHBlciwgU3R5bGVkRXJyb3JQYWdlLCBTdHlsZWRJbWFnZVdyYXBwZXIgfTtcclxuIl19 */",
32
+ toString: W
34
33
  });
35
34
  export {
36
- H as StyledErrorPage,
37
- t as StyledImageWrapper,
38
- V as StyledTitleWrapper
35
+ y as StyledErrorPage,
36
+ I as StyledImageWrapper,
37
+ t as StyledTitleWrapper
39
38
  };
40
39
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/pages/ErrorPage/styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\r\n\r\nimport { theme } from \"@hitachivantara/uikit-react-core\";\r\n\r\nimport { SUB_HEADER_HEIGHT } from \"../../components/layout/Main/styles\";\r\n\r\ninterface StyledErrorPageProps {\r\n showHeaderSubMenu?: boolean;\r\n isCompactMode?: boolean;\r\n fullPage?: boolean;\r\n}\r\n\r\ninterface StyledImageWrapperProps {\r\n backgroundImage: string;\r\n}\r\n\r\n/**\r\n * Calculates the height of the image wrapper based on the header sub menu and compact mode.\r\n */\r\nconst calcHeight = ({\r\n showHeaderSubMenu,\r\n isCompactMode,\r\n fullPage\r\n}: StyledErrorPageProps) => {\r\n if (fullPage) {\r\n return `100vh`;\r\n }\r\n if (showHeaderSubMenu && !isCompactMode) {\r\n return `calc(100vh - (${theme.header.height} + ${SUB_HEADER_HEIGHT}px + ${theme.space.lg} + ${theme.space.lg}))`;\r\n }\r\n return `calc(100vh - (${theme.header.height} + ${theme.space.lg} + ${theme.space.lg}))`;\r\n};\r\n\r\nconst StyledErrorPage = styled.div<StyledErrorPageProps>`\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: ${theme.space.lg};\r\n height: ${(props: StyledErrorPageProps) => calcHeight(props)};\r\n`;\r\n\r\nconst StyledImageWrapper = styled.div<StyledImageWrapperProps>`\r\n flex: 1;\r\n display: flex;\r\n background-image: ${props => props.backgroundImage};\r\n background-size: contain;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n flex-direction: column;\r\n height: 100%;\r\n`;\r\n\r\nconst StyledTitleWrapper = styled.div`\r\n text-align: center;\r\n`;\r\n\r\nexport { StyledTitleWrapper, StyledErrorPage, StyledImageWrapper };\r\n"],"names":["calcHeight","showHeaderSubMenu","isCompactMode","fullPage","theme","header","height","SUB_HEADER_HEIGHT","space","lg","StyledErrorPage","_styled","process","env","NODE_ENV","target","label","props","StyledImageWrapper","backgroundImage","StyledTitleWrapper","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;AAmBA,MAAMA,IAAaA,CAAC;AAAA,EAClBC,mBAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,UAAAA;AACoB,MAChBA,IACM,UAENF,KAAqB,CAACC,IAChB,iBAAgBE,EAAMC,OAAOC,MAAO,MAAKC,CAAkB,QAAOH,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,OAEvG,iBAAgBL,EAAMC,OAAOC,MAAO,MAAKF,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,MAGhFC,IAAe,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAILZ,EAAAA,yDAAAA,EAAMI,MAAMC,IAChB,YAAA,CAACQ,MAAgCjB,EAAWiB,CAAK,GAAC,OAAAL,QAAAC,IAAAC,aAC7D,eAAA,KAAA,smFAAA,GAEKI,IAAkB,gBAAAP,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAGFC,EAAAA,yCAAAA,CAAAA,MAASA,EAAME,iBAAeP,+HAAAA,QAAAC,IAAAC,aAMnD,eAAA,KAAA,smFAAA,GAEKM,IAAkB,gBAAAT,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAAJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAO,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEvB;"}
1
+ {"version":3,"file":"styles.js","sources":["../../../../src/pages/ErrorPage/styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\r\n\r\nimport { theme } from \"@hitachivantara/uikit-react-core\";\r\n\r\ninterface StyledErrorPageProps {\r\n showHeaderSubMenu?: boolean;\r\n isCompactMode?: boolean;\r\n fullPage?: boolean;\r\n}\r\n\r\ninterface StyledImageWrapperProps {\r\n backgroundImage: string;\r\n}\r\n\r\n/**\r\n * Calculates the height of the image wrapper based on the header sub menu and compact mode.\r\n */\r\nconst calcHeight = ({\r\n showHeaderSubMenu,\r\n isCompactMode,\r\n fullPage\r\n}: StyledErrorPageProps) => {\r\n if (fullPage) {\r\n return `100vh`;\r\n }\r\n if (showHeaderSubMenu && !isCompactMode) {\r\n return `calc(100vh - (${theme.header.height} + ${theme.header.secondLevelHeight}px + ${theme.space.lg} + ${theme.space.lg}))`;\r\n }\r\n return `calc(100vh - (${theme.header.height} + ${theme.space.lg} + ${theme.space.lg}))`;\r\n};\r\n\r\nconst StyledErrorPage = styled.div<StyledErrorPageProps>`\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: ${theme.space.lg};\r\n height: ${(props: StyledErrorPageProps) => calcHeight(props)};\r\n`;\r\n\r\nconst StyledImageWrapper = styled.div<StyledImageWrapperProps>`\r\n flex: 1;\r\n display: flex;\r\n background-image: ${props => props.backgroundImage};\r\n background-size: contain;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n flex-direction: column;\r\n height: 100%;\r\n`;\r\n\r\nconst StyledTitleWrapper = styled.div`\r\n text-align: center;\r\n`;\r\n\r\nexport { StyledTitleWrapper, StyledErrorPage, StyledImageWrapper };\r\n"],"names":["calcHeight","showHeaderSubMenu","isCompactMode","fullPage","theme","header","height","secondLevelHeight","space","lg","StyledErrorPage","_styled","process","env","NODE_ENV","target","label","props","StyledImageWrapper","backgroundImage","StyledTitleWrapper","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;AAiBA,MAAMA,IAAaA,CAAC;AAAA,EAClBC,mBAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,UAAAA;AACoB,MAChBA,IACM,UAENF,KAAqB,CAACC,IAChB,iBAAgBE,EAAMC,OAAOC,MAAO,MAAKF,EAAMC,OAAOE,iBAAkB,QAAOH,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,OAEpH,iBAAgBL,EAAMC,OAAOC,MAAO,MAAKF,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,MAGhFC,IAAe,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAILZ,EAAAA,yDAAAA,EAAMI,MAAMC,IAChB,YAAA,CAACQ,MAAgCjB,EAAWiB,CAAK,GAAC,OAAAL,QAAAC,IAAAC,aAC7D,eAAA,KAAA,0gFAAA,GAEKI,IAAkB,gBAAAP,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAGFC,EAAAA,yCAAAA,CAAAA,MAASA,EAAME,iBAAeP,+HAAAA,QAAAC,IAAAC,aAMnD,eAAA,KAAA,0gFAAA,GAEKM,IAAkB,gBAAAT,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAAJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAO,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEvB;"}
@@ -1,16 +1,15 @@
1
1
  import G from "@emotion/styled/base";
2
2
  import { theme as c } from "@hitachivantara/uikit-react-core";
3
- import { SUB_HEADER_HEIGHT as Z } from "../../components/layout/Main/styles.js";
4
- const a = ({
3
+ const b = ({
5
4
  showHeaderSubMenu: l,
6
- isCompactMode: b
7
- }) => l && !b ? `calc(100vh - (${c.header.height} + ${Z}px + ${c.space.lg} + ${c.space.lg}))` : `calc(100vh - (${c.header.height} + ${c.space.lg} + ${c.space.lg}))`, X = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
5
+ isCompactMode: Z
6
+ }) => l && !Z ? `calc(100vh - (${c.header.height} + ${c.header.secondLevelHeight}px + ${c.space.lg} + ${c.space.lg}))` : `calc(100vh - (${c.header.height} + ${c.space.lg} + ${c.space.lg}))`, a = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
8
7
  target: "e1y8bo8h0"
9
8
  } : {
10
9
  target: "e1y8bo8h0",
11
10
  label: "StyledLoadingPage"
12
- })("flex:1;display:flex;flex-direction:column;margin-top:", c.space.lg, ";height:", (l) => a(l), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9Mb2FkaW5nUGFnZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I0RCIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvcGFnZXMvTG9hZGluZ1BhZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XHJcblxyXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xyXG5cclxuaW1wb3J0IHsgU1VCX0hFQURFUl9IRUlHSFQgfSBmcm9tIFwiLi4vLi4vY29tcG9uZW50cy9sYXlvdXQvTWFpbi9zdHlsZXNcIjtcclxuXHJcbmludGVyZmFjZSBTdHlsZWRMb2FkaW5nUGFnZVByb3BzIHtcclxuICBzaG93SGVhZGVyU3ViTWVudT86IGJvb2xlYW47XHJcbiAgaXNDb21wYWN0TW9kZT86IGJvb2xlYW47XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBDYWxjdWxhdGVzIHRoZSBoZWlnaHQgb2YgdGhlIGltYWdlIHdyYXBwZXIgYmFzZWQgb24gdGhlIGhlYWRlciBzdWIgbWVudSBhbmQgY29tcGFjdCBtb2RlLlxyXG4gKi9cclxuY29uc3QgY2FsY0hlaWdodCA9ICh7XHJcbiAgc2hvd0hlYWRlclN1Yk1lbnUsXHJcbiAgaXNDb21wYWN0TW9kZVxyXG59OiBTdHlsZWRMb2FkaW5nUGFnZVByb3BzKSA9PiB7XHJcbiAgaWYgKHNob3dIZWFkZXJTdWJNZW51ICYmICFpc0NvbXBhY3RNb2RlKSB7XHJcbiAgICByZXR1cm4gYGNhbGMoMTAwdmggLSAoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7U1VCX0hFQURFUl9IRUlHSFR9cHggKyAke3RoZW1lLnNwYWNlLmxnfSArICR7dGhlbWUuc3BhY2UubGd9KSlgO1xyXG4gIH1cclxuICByZXR1cm4gYGNhbGMoMTAwdmggLSAoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbn07XHJcblxyXG5jb25zdCBTdHlsZWRMb2FkaW5nUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkTG9hZGluZ1BhZ2VQcm9wcz5gXHJcbiAgZmxleDogMTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjZS5sZ307XHJcbiAgaGVpZ2h0OiAkeyhwcm9wczogU3R5bGVkTG9hZGluZ1BhZ2VQcm9wcykgPT4gY2FsY0hlaWdodChwcm9wcyl9O1xyXG5gO1xyXG5cclxuZXhwb3J0IGRlZmF1bHQgU3R5bGVkTG9hZGluZ1BhZ2U7XHJcbiJdfQ== */")), i = X;
11
+ })("flex:1;display:flex;flex-direction:column;margin-top:", c.space.lg, ";height:", (l) => b(l), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wYWdlcy9Mb2FkaW5nUGFnZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0I0RCIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvcGFnZXMvTG9hZGluZ1BhZ2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XHJcblxyXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xyXG5cclxuaW50ZXJmYWNlIFN0eWxlZExvYWRpbmdQYWdlUHJvcHMge1xyXG4gIHNob3dIZWFkZXJTdWJNZW51PzogYm9vbGVhbjtcclxuICBpc0NvbXBhY3RNb2RlPzogYm9vbGVhbjtcclxufVxyXG5cclxuLyoqXHJcbiAqIENhbGN1bGF0ZXMgdGhlIGhlaWdodCBvZiB0aGUgaW1hZ2Ugd3JhcHBlciBiYXNlZCBvbiB0aGUgaGVhZGVyIHN1YiBtZW51IGFuZCBjb21wYWN0IG1vZGUuXHJcbiAqL1xyXG5jb25zdCBjYWxjSGVpZ2h0ID0gKHtcclxuICBzaG93SGVhZGVyU3ViTWVudSxcclxuICBpc0NvbXBhY3RNb2RlXHJcbn06IFN0eWxlZExvYWRpbmdQYWdlUHJvcHMpID0+IHtcclxuICBpZiAoc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGUpIHtcclxuICAgIHJldHVybiBgY2FsYygxMDB2aCAtICgke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxIZWlnaHR9cHggKyAke3RoZW1lLnNwYWNlLmxnfSArICR7dGhlbWUuc3BhY2UubGd9KSlgO1xyXG4gIH1cclxuICByZXR1cm4gYGNhbGMoMTAwdmggLSAoJHt0aGVtZS5oZWFkZXIuaGVpZ2h0fSArICR7dGhlbWUuc3BhY2UubGd9ICsgJHt0aGVtZS5zcGFjZS5sZ30pKWA7XHJcbn07XHJcblxyXG5jb25zdCBTdHlsZWRMb2FkaW5nUGFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkTG9hZGluZ1BhZ2VQcm9wcz5gXHJcbiAgZmxleDogMTtcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjZS5sZ307XHJcbiAgaGVpZ2h0OiAkeyhwcm9wczogU3R5bGVkTG9hZGluZ1BhZ2VQcm9wcykgPT4gY2FsY0hlaWdodChwcm9wcyl9O1xyXG5gO1xyXG5cclxuZXhwb3J0IGRlZmF1bHQgU3R5bGVkTG9hZGluZ1BhZ2U7XHJcbiJdfQ== */")), e = a;
13
12
  export {
14
- i as default
13
+ e as default
15
14
  };
16
15
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../src/pages/LoadingPage/styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\r\n\r\nimport { theme } from \"@hitachivantara/uikit-react-core\";\r\n\r\nimport { SUB_HEADER_HEIGHT } from \"../../components/layout/Main/styles\";\r\n\r\ninterface StyledLoadingPageProps {\r\n showHeaderSubMenu?: boolean;\r\n isCompactMode?: boolean;\r\n}\r\n\r\n/**\r\n * Calculates the height of the image wrapper based on the header sub menu and compact mode.\r\n */\r\nconst calcHeight = ({\r\n showHeaderSubMenu,\r\n isCompactMode\r\n}: StyledLoadingPageProps) => {\r\n if (showHeaderSubMenu && !isCompactMode) {\r\n return `calc(100vh - (${theme.header.height} + ${SUB_HEADER_HEIGHT}px + ${theme.space.lg} + ${theme.space.lg}))`;\r\n }\r\n return `calc(100vh - (${theme.header.height} + ${theme.space.lg} + ${theme.space.lg}))`;\r\n};\r\n\r\nconst StyledLoadingPage = styled.div<StyledLoadingPageProps>`\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: ${theme.space.lg};\r\n height: ${(props: StyledLoadingPageProps) => calcHeight(props)};\r\n`;\r\n\r\nexport default StyledLoadingPage;\r\n"],"names":["calcHeight","showHeaderSubMenu","isCompactMode","theme","header","height","SUB_HEADER_HEIGHT","space","lg","StyledLoadingPage","_styled","process","env","NODE_ENV","target","label","props","StyledLoadingPage$1"],"mappings":";;;AAcA,MAAMA,IAAaA,CAAC;AAAA,EAClBC,mBAAAA;AAAAA,EACAC,eAAAA;AACsB,MAClBD,KAAqB,CAACC,IAChB,iBAAgBC,EAAMC,OAAOC,MAAO,MAAKC,CAAkB,QAAOH,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,OAEvG,iBAAgBL,EAAMC,OAAOC,MAAO,MAAKF,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,MAGhFC,IAAiB,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAIPZ,EAAAA,yDAAAA,EAAMI,MAAMC,IAChB,YAAA,CAACQ,MAAkChB,EAAWgB,CAAK,GAAC,OAAAL,QAAAC,IAAAC,aAC/D,eAAA,KAAA,s1DAAA,GAEDI,IAAeR;"}
1
+ {"version":3,"file":"styles.js","sources":["../../../../src/pages/LoadingPage/styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\r\n\r\nimport { theme } from \"@hitachivantara/uikit-react-core\";\r\n\r\ninterface StyledLoadingPageProps {\r\n showHeaderSubMenu?: boolean;\r\n isCompactMode?: boolean;\r\n}\r\n\r\n/**\r\n * Calculates the height of the image wrapper based on the header sub menu and compact mode.\r\n */\r\nconst calcHeight = ({\r\n showHeaderSubMenu,\r\n isCompactMode\r\n}: StyledLoadingPageProps) => {\r\n if (showHeaderSubMenu && !isCompactMode) {\r\n return `calc(100vh - (${theme.header.height} + ${theme.header.secondLevelHeight}px + ${theme.space.lg} + ${theme.space.lg}))`;\r\n }\r\n return `calc(100vh - (${theme.header.height} + ${theme.space.lg} + ${theme.space.lg}))`;\r\n};\r\n\r\nconst StyledLoadingPage = styled.div<StyledLoadingPageProps>`\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: ${theme.space.lg};\r\n height: ${(props: StyledLoadingPageProps) => calcHeight(props)};\r\n`;\r\n\r\nexport default StyledLoadingPage;\r\n"],"names":["calcHeight","showHeaderSubMenu","isCompactMode","theme","header","height","secondLevelHeight","space","lg","StyledLoadingPage","_styled","process","env","NODE_ENV","target","label","props","StyledLoadingPage$1"],"mappings":";;AAYA,MAAMA,IAAaA,CAAC;AAAA,EAClBC,mBAAAA;AAAAA,EACAC,eAAAA;AACsB,MAClBD,KAAqB,CAACC,IAChB,iBAAgBC,EAAMC,OAAOC,MAAO,MAAKF,EAAMC,OAAOE,iBAAkB,QAAOH,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,OAEpH,iBAAgBL,EAAMC,OAAOC,MAAO,MAAKF,EAAMI,MAAMC,EAAG,MAAKL,EAAMI,MAAMC,EAAG,MAGhFC,IAAiB,gBAAAC,EAAA,OAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAIPZ,EAAAA,yDAAAA,EAAMI,MAAMC,IAChB,YAAA,CAACQ,MAAkChB,EAAWgB,CAAK,GAAC,OAAAL,QAAAC,IAAAC,aAC/D,eAAA,KAAA,0vDAAA,GAEDI,IAAeR;"}
@@ -1,72 +1,71 @@
1
- import { jsxs as e, jsx as h } from "@emotion/react/jsx-runtime";
2
- import { createContext as o, useState as V, useMemo as W, useEffect as B } from "react";
3
- import { css as p } from "@emotion/css";
1
+ import { jsxs as n, jsx as h } from "@emotion/react/jsx-runtime";
2
+ import { createContext as s, useState as o, useMemo as a, useEffect as Y } from "react";
3
+ import { css as B } from "@emotion/css";
4
4
  import { v4 as N } from "uuid";
5
- import { theme as g, HvBanner as Y } from "@hitachivantara/uikit-react-core";
6
- import { useTranslation as F } from "react-i18next";
7
- import x from "./hooks/useNavigationContext.js";
8
- import { SUB_HEADER_HEIGHT as H } from "../components/layout/Main/styles.js";
9
- import J from "./hooks/useLayoutContext.js";
10
- const v = o({
5
+ import { theme as g, HvBanner as p } from "@hitachivantara/uikit-react-core";
6
+ import { useTranslation as y } from "react-i18next";
7
+ import F from "./hooks/useNavigationContext.js";
8
+ import H from "./hooks/useLayoutContext.js";
9
+ const v = s({
11
10
  show: () => {
12
11
  },
13
12
  dismiss: () => {
14
13
  }
15
- }), y = ({
16
- children: n
14
+ }), x = ({
15
+ children: t
17
16
  }) => {
18
17
  const {
19
- t: Z
20
- } = F(), {
21
- showHeaderSubMenu: u,
18
+ t: W
19
+ } = y(), {
20
+ showHeaderSubMenu: G,
22
21
  isCompactMode: A
23
- } = x(), {
22
+ } = F(), {
24
23
  verticalNavigationWidth: m,
25
- setBannerMaxHeight: G
26
- } = J(), [c, d] = V([]), a = (I) => {
27
- const b = {
24
+ setBannerMaxHeight: X
25
+ } = H(), [C, Z] = o([]), u = (I) => {
26
+ const c = {
28
27
  id: N(),
29
28
  ...I,
30
29
  variant: I.variant ?? "default"
31
30
  };
32
- d((C) => [...C, b]);
33
- }, X = (I) => {
34
- d((l) => l.filter((b) => b.id !== I));
35
- }, i = W(() => ({
36
- show: a,
37
- dismiss: X
31
+ Z((l) => [...l, c]);
32
+ }, i = (I) => {
33
+ Z((b) => b.filter((c) => c.id !== I));
34
+ }, V = a(() => ({
35
+ show: u,
36
+ dismiss: i
38
37
  }), []);
39
- B(() => {
40
- if (c.length > 0) {
41
- const I = c.map((b) => {
42
- const C = document.getElementById(b.id);
43
- return C ? C.clientHeight : 0;
44
- }), l = Math.max(...I);
45
- G(l);
38
+ Y(() => {
39
+ if (C.length > 0) {
40
+ const I = C.map((c) => {
41
+ const l = document.getElementById(c.id);
42
+ return l ? l.clientHeight : 0;
43
+ }), b = Math.max(...I);
44
+ X(b);
46
45
  } else
47
- G(0);
48
- }, [c, G]);
49
- const t = W(() => /* @__PURE__ */ p({
50
- marginTop: u && !A ? `calc(${H}px + ${g.space.sm})` : g.space.sm,
46
+ X(0);
47
+ }, [C, X]);
48
+ const d = a(() => /* @__PURE__ */ B({
49
+ marginTop: G && !A ? `calc(${g.header.height} + ${g.header.secondLevelHeight} + ${g.space.sm})` : `calc(${g.header.height} + ${g.space.sm})`,
51
50
  left: `calc(${m}px + ${g.space.sm})`,
52
51
  width: `calc(100% - (${m}px + ${g.space.sm}) - ${g.space.sm})`,
53
52
  transform: "unset",
54
53
  minWidth: "unset",
55
54
  zIndex: g.zIndices.banner
56
- }, process.env.NODE_ENV === "production" ? "" : ";label:styles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wcm92aWRlcnMvQmFubmVyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGTSIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvcHJvdmlkZXJzL0Jhbm5lclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IHY0IGFzIHV1aWQgfSBmcm9tIFwidXVpZFwiO1xuXG5pbXBvcnQgeyBIdkJhbm5lciwgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcbmltcG9ydCB7IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbiB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvYXBwLXNoZWxsLWV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHVzZU5hdmlnYXRpb25Db250ZXh0IGZyb20gXCIuL2hvb2tzL3VzZU5hdmlnYXRpb25Db250ZXh0XCI7XG5pbXBvcnQgeyBTVUJfSEVBREVSX0hFSUdIVCB9IGZyb20gXCIuLi9jb21wb25lbnRzL2xheW91dC9NYWluL3N0eWxlc1wiO1xuaW1wb3J0IHVzZUxheW91dENvbnRleHQgZnJvbSBcIi4vaG9va3MvdXNlTGF5b3V0Q29udGV4dFwiO1xuXG5leHBvcnQgdHlwZSBCYW5uZXJQcm92aWRlclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXIgZXh0ZW5kcyBPbWl0PEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbiwgXCJ0eXBlXCI+IHtcbiAgaWQ6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBCYW5uZXJDb250ZXh0VmFsdWUge1xuICBzaG93OiAobm90aWZpY2F0aW9uOiBIdkFwcFNoZWxsRXZlbnROb3RpZmljYXRpb24pID0+IHZvaWQ7XG4gIGRpc21pc3M6IChpZDogc3RyaW5nKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgQmFubmVyQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8QmFubmVyQ29udGV4dFZhbHVlPih7XG4gIHNob3c6ICgpID0+IHtcbiAgICAvLyBFbXB0eSBmdW5jdGlvblxuICB9LFxuICBkaXNtaXNzOiAoKSA9PiB7XG4gICAgLy8gRW1wdHkgZnVuY3Rpb25cbiAgfVxufSk7XG5cbmNvbnN0IEJhbm5lclByb3ZpZGVyID0gKHsgY2hpbGRyZW4gfTogQmFubmVyUHJvdmlkZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgc2hvd0hlYWRlclN1Yk1lbnUsIGlzQ29tcGFjdE1vZGUgfSA9IHVzZU5hdmlnYXRpb25Db250ZXh0KCk7XG4gIGNvbnN0IHsgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGgsIHNldEJhbm5lck1heEhlaWdodCB9ID0gdXNlTGF5b3V0Q29udGV4dCgpO1xuICBjb25zdCBbYmFubmVycywgc2V0QmFubmVyc10gPSB1c2VTdGF0ZTxCYW5uZXJbXT4oW10pO1xuXG4gIGNvbnN0IHNob3cgPSAobm90aWZpY2F0aW9uOiBIdkFwcFNoZWxsRXZlbnROb3RpZmljYXRpb24pID0+IHtcbiAgICBjb25zdCBpZCA9IHV1aWQoKTtcblxuICAgIGNvbnN0IG5ld0Jhbm5lcjogQmFubmVyID0ge1xuICAgICAgaWQsXG4gICAgICAuLi5ub3RpZmljYXRpb24sXG4gICAgICB2YXJpYW50OiBub3RpZmljYXRpb24udmFyaWFudCA/PyBcImRlZmF1bHRcIlxuICAgIH07XG4gICAgc2V0QmFubmVycyhwcmV2QmFubmVycyA9PiBbLi4ucHJldkJhbm5lcnMsIG5ld0Jhbm5lcl0pO1xuICB9O1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIHNldEJhbm5lcnMocHJldkJhbm5lcnMgPT4gcHJldkJhbm5lcnMuZmlsdGVyKGJhbm5lciA9PiBiYW5uZXIuaWQgIT09IGlkKSk7XG4gIH07XG5cbiAgY29uc3QgdmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBzaG93LFxuICAgICAgZGlzbWlzc1xuICAgIH0pLFxuICAgIFtdXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoYmFubmVycy5sZW5ndGggPiAwKSB7XG4gICAgICAvLyBHZXQgYWxsIGhlaWdodHMgZnJvbSB0aGUgcmVuZGVyZWQgYmFubmVyc1xuICAgICAgY29uc3QgYmFubmVySGVpZ2h0cyA9IGJhbm5lcnMubWFwKGl0ZW0gPT4ge1xuICAgICAgICBjb25zdCBiYW5uZXJFbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoaXRlbS5pZCk7XG4gICAgICAgIHJldHVybiBiYW5uZXJFbGVtZW50ID8gYmFubmVyRWxlbWVudC5jbGllbnRIZWlnaHQgOiAwO1xuICAgICAgfSk7XG5cbiAgICAgIC8vIEZpbmQgdGhlICd0YWxsZXN0JyBiYW5uZXJcbiAgICAgIGNvbnN0IG1heEJhbm5lckhlaWdodCA9IE1hdGgubWF4KC4uLmJhbm5lckhlaWdodHMpO1xuXG4gICAgICAvLyBVcGRhdGUgcGFkZGluZyB2YWx1ZVxuICAgICAgc2V0QmFubmVyTWF4SGVpZ2h0KG1heEJhbm5lckhlaWdodCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEJhbm5lck1heEhlaWdodCgwKTtcbiAgICB9XG4gIH0sIFtiYW5uZXJzLCBzZXRCYW5uZXJNYXhIZWlnaHRdKTtcblxuICBjb25zdCBzdHlsZXMgPSB1c2VNZW1vKFxuICAgICgpID0+XG4gICAgICBjc3Moe1xuICAgICAgICBtYXJnaW5Ub3A6XG4gICAgICAgICAgc2hvd0hlYWRlclN1Yk1lbnUgJiYgIWlzQ29tcGFjdE1vZGVcbiAgICAgICAgICAgID8gYGNhbGMoJHtTVUJfSEVBREVSX0hFSUdIVH1weCArICR7dGhlbWUuc3BhY2Uuc219KWBcbiAgICAgICAgICAgIDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICAgIGxlZnQ6IGBjYWxjKCR7dmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHggKyAke3RoZW1lLnNwYWNlLnNtfSlgLFxuICAgICAgICB3aWR0aDogYGNhbGMoMTAwJSAtICgke3ZlcnRpY2FsTmF2aWdhdGlvbldpZHRofXB4ICsgJHt0aGVtZS5zcGFjZS5zbX0pIC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICAgICAgdHJhbnNmb3JtOiBcInVuc2V0XCIsXG4gICAgICAgIG1pbldpZHRoOiBcInVuc2V0XCIsXG4gICAgICAgIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFubmVyXG4gICAgICB9KSxcbiAgICBbaXNDb21wYWN0TW9kZSwgc2hvd0hlYWRlclN1Yk1lbnUsIHZlcnRpY2FsTmF2aWdhdGlvbldpZHRoXVxuICApO1xuXG4gIGNvbnN0IGNsb3NlQmFubmVyTGFiZWwgPSB0KFwibm90aWZpY2F0aW9ucy5iYW5uZXIuY2xvc2VcIik7XG5cbiAgcmV0dXJuIChcbiAgICA8QmFubmVyQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17dmFsdWV9PlxuICAgICAge2Jhbm5lcnMubWFwKGJhbm5lciA9PiAoXG4gICAgICAgIDxIdkJhbm5lclxuICAgICAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgICAgIGFuY2hvck9yaWdpblRvcENlbnRlcjogc3R5bGVzXG4gICAgICAgICAgfX1cbiAgICAgICAgICBpZD17YmFubmVyLmlkfVxuICAgICAgICAgIGtleT17YmFubmVyLmlkfVxuICAgICAgICAgIG9wZW5cbiAgICAgICAgICBvbkNsb3NlPXsoKSA9PiBkaXNtaXNzKGJhbm5lci5pZCl9XG4gICAgICAgICAgdmFyaWFudD17YmFubmVyLnZhcmlhbnR9XG4gICAgICAgICAgbGFiZWw9e2Jhbm5lci5tZXNzYWdlfVxuICAgICAgICAgIHNob3dJY29uXG4gICAgICAgICAgYWN0aW9ucz17YmFubmVyLmFjdGlvbnN9XG4gICAgICAgICAgYWN0aW9uc0NhbGxiYWNrPXtiYW5uZXIuYWN0aW9uc0NhbGxiYWNrfVxuICAgICAgICAgIGJhbm5lckNvbnRlbnRQcm9wcz17e1xuICAgICAgICAgICAgYWN0aW9uUHJvcHM6IHsgXCJhcmlhLWxhYmVsXCI6IGNsb3NlQmFubmVyTGFiZWwgfVxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICApKX1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0Jhbm5lckNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCYW5uZXJQcm92aWRlcjtcbiJdfQ== */"), [A, u, m]), s = Z("notifications.banner.close");
57
- return /* @__PURE__ */ e(v.Provider, { value: i, children: [
58
- c.map((I) => /* @__PURE__ */ h(Y, { classes: {
59
- anchorOriginTopCenter: t
60
- }, id: I.id, open: !0, onClose: () => X(I.id), variant: I.variant, label: I.message, showIcon: !0, actions: I.actions, actionsCallback: I.actionsCallback, bannerContentProps: {
55
+ }, process.env.NODE_ENV === "production" ? "" : ";label:styles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9fX3cvaHYtYXBwLXNoZWxsL2h2LWFwcC1zaGVsbC9jbGllbnQvcGFja2FnZXMvYXBwLXNoZWxsLXVpL3NyYy9wcm92aWRlcnMvQmFubmVyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlGTSIsImZpbGUiOiIvX193L2h2LWFwcC1zaGVsbC9odi1hcHAtc2hlbGwvY2xpZW50L3BhY2thZ2VzL2FwcC1zaGVsbC11aS9zcmMvcHJvdmlkZXJzL0Jhbm5lclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IHY0IGFzIHV1aWQgfSBmcm9tIFwidXVpZFwiO1xuXG5pbXBvcnQgeyBIdkJhbm5lciwgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcbmltcG9ydCB7IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbiB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvYXBwLXNoZWxsLWV2ZW50c1wiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHVzZU5hdmlnYXRpb25Db250ZXh0IGZyb20gXCIuL2hvb2tzL3VzZU5hdmlnYXRpb25Db250ZXh0XCI7XG5pbXBvcnQgdXNlTGF5b3V0Q29udGV4dCBmcm9tIFwiLi9ob29rcy91c2VMYXlvdXRDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEJhbm5lclByb3ZpZGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lciBleHRlbmRzIE9taXQ8SHZBcHBTaGVsbEV2ZW50Tm90aWZpY2F0aW9uLCBcInR5cGVcIj4ge1xuICBpZDogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lckNvbnRleHRWYWx1ZSB7XG4gIHNob3c6IChub3RpZmljYXRpb246IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbikgPT4gdm9pZDtcbiAgZGlzbWlzczogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxCYW5uZXJDb250ZXh0VmFsdWU+KHtcbiAgc2hvdzogKCkgPT4ge1xuICAgIC8vIEVtcHR5IGZ1bmN0aW9uXG4gIH0sXG4gIGRpc21pc3M6ICgpID0+IHtcbiAgICAvLyBFbXB0eSBmdW5jdGlvblxuICB9XG59KTtcblxuY29uc3QgQmFubmVyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBCYW5uZXJQcm92aWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgeyBzaG93SGVhZGVyU3ViTWVudSwgaXNDb21wYWN0TW9kZSB9ID0gdXNlTmF2aWdhdGlvbkNvbnRleHQoKTtcbiAgY29uc3QgeyB2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aCwgc2V0QmFubmVyTWF4SGVpZ2h0IH0gPSB1c2VMYXlvdXRDb250ZXh0KCk7XG4gIGNvbnN0IFtiYW5uZXJzLCBzZXRCYW5uZXJzXSA9IHVzZVN0YXRlPEJhbm5lcltdPihbXSk7XG5cbiAgY29uc3Qgc2hvdyA9IChub3RpZmljYXRpb246IEh2QXBwU2hlbGxFdmVudE5vdGlmaWNhdGlvbikgPT4ge1xuICAgIGNvbnN0IGlkID0gdXVpZCgpO1xuXG4gICAgY29uc3QgbmV3QmFubmVyOiBCYW5uZXIgPSB7XG4gICAgICBpZCxcbiAgICAgIC4uLm5vdGlmaWNhdGlvbixcbiAgICAgIHZhcmlhbnQ6IG5vdGlmaWNhdGlvbi52YXJpYW50ID8/IFwiZGVmYXVsdFwiXG4gICAgfTtcbiAgICBzZXRCYW5uZXJzKHByZXZCYW5uZXJzID0+IFsuLi5wcmV2QmFubmVycywgbmV3QmFubmVyXSk7XG4gIH07XG5cbiAgY29uc3QgZGlzbWlzcyA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0QmFubmVycyhwcmV2QmFubmVycyA9PiBwcmV2QmFubmVycy5maWx0ZXIoYmFubmVyID0+IGJhbm5lci5pZCAhPT0gaWQpKTtcbiAgfTtcblxuICBjb25zdCB2YWx1ZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIHNob3csXG4gICAgICBkaXNtaXNzXG4gICAgfSksXG4gICAgW11cbiAgKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChiYW5uZXJzLmxlbmd0aCA+IDApIHtcbiAgICAgIC8vIEdldCBhbGwgaGVpZ2h0cyBmcm9tIHRoZSByZW5kZXJlZCBiYW5uZXJzXG4gICAgICBjb25zdCBiYW5uZXJIZWlnaHRzID0gYmFubmVycy5tYXAoaXRlbSA9PiB7XG4gICAgICAgIGNvbnN0IGJhbm5lckVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChpdGVtLmlkKTtcbiAgICAgICAgcmV0dXJuIGJhbm5lckVsZW1lbnQgPyBiYW5uZXJFbGVtZW50LmNsaWVudEhlaWdodCA6IDA7XG4gICAgICB9KTtcblxuICAgICAgLy8gRmluZCB0aGUgJ3RhbGxlc3QnIGJhbm5lclxuICAgICAgY29uc3QgbWF4QmFubmVySGVpZ2h0ID0gTWF0aC5tYXgoLi4uYmFubmVySGVpZ2h0cyk7XG5cbiAgICAgIC8vIFVwZGF0ZSBwYWRkaW5nIHZhbHVlXG4gICAgICBzZXRCYW5uZXJNYXhIZWlnaHQobWF4QmFubmVySGVpZ2h0KTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0QmFubmVyTWF4SGVpZ2h0KDApO1xuICAgIH1cbiAgfSwgW2Jhbm5lcnMsIHNldEJhbm5lck1heEhlaWdodF0pO1xuXG4gIGNvbnN0IHN0eWxlcyA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIGNzcyh7XG4gICAgICAgIG1hcmdpblRvcDpcbiAgICAgICAgICBzaG93SGVhZGVyU3ViTWVudSAmJiAhaXNDb21wYWN0TW9kZVxuICAgICAgICAgICAgPyBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5oZWFkZXIuc2Vjb25kTGV2ZWxIZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5zbX0pYFxuICAgICAgICAgICAgOiBgY2FsYygke3RoZW1lLmhlYWRlci5oZWlnaHR9ICsgJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICAgICAgbGVmdDogYGNhbGMoJHt2ZXJ0aWNhbE5hdmlnYXRpb25XaWR0aH1weCArICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgICAgIHdpZHRoOiBgY2FsYygxMDAlIC0gKCR7dmVydGljYWxOYXZpZ2F0aW9uV2lkdGh9cHggKyAke3RoZW1lLnNwYWNlLnNtfSkgLSAke3RoZW1lLnNwYWNlLnNtfSlgLFxuICAgICAgICB0cmFuc2Zvcm06IFwidW5zZXRcIixcbiAgICAgICAgbWluV2lkdGg6IFwidW5zZXRcIixcbiAgICAgICAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5iYW5uZXJcbiAgICAgIH0pLFxuICAgIFtpc0NvbXBhY3RNb2RlLCBzaG93SGVhZGVyU3ViTWVudSwgdmVydGljYWxOYXZpZ2F0aW9uV2lkdGhdXG4gICk7XG5cbiAgY29uc3QgY2xvc2VCYW5uZXJMYWJlbCA9IHQoXCJub3RpZmljYXRpb25zLmJhbm5lci5jbG9zZVwiKTtcblxuICByZXR1cm4gKFxuICAgIDxCYW5uZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0+XG4gICAgICB7YmFubmVycy5tYXAoYmFubmVyID0+IChcbiAgICAgICAgPEh2QmFubmVyXG4gICAgICAgICAgY2xhc3Nlcz17e1xuICAgICAgICAgICAgYW5jaG9yT3JpZ2luVG9wQ2VudGVyOiBzdHlsZXNcbiAgICAgICAgICB9fVxuICAgICAgICAgIGlkPXtiYW5uZXIuaWR9XG4gICAgICAgICAga2V5PXtiYW5uZXIuaWR9XG4gICAgICAgICAgb2Zmc2V0PXswfVxuICAgICAgICAgIG9wZW5cbiAgICAgICAgICBvbkNsb3NlPXsoKSA9PiBkaXNtaXNzKGJhbm5lci5pZCl9XG4gICAgICAgICAgdmFyaWFudD17YmFubmVyLnZhcmlhbnR9XG4gICAgICAgICAgbGFiZWw9e2Jhbm5lci5tZXNzYWdlfVxuICAgICAgICAgIHNob3dJY29uXG4gICAgICAgICAgYWN0aW9ucz17YmFubmVyLmFjdGlvbnN9XG4gICAgICAgICAgYWN0aW9uc0NhbGxiYWNrPXtiYW5uZXIuYWN0aW9uc0NhbGxiYWNrfVxuICAgICAgICAgIGJhbm5lckNvbnRlbnRQcm9wcz17e1xuICAgICAgICAgICAgYWN0aW9uUHJvcHM6IHsgXCJhcmlhLWxhYmVsXCI6IGNsb3NlQmFubmVyTGFiZWwgfVxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICApKX1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0Jhbm5lckNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCYW5uZXJQcm92aWRlcjtcbiJdfQ== */"), [A, G, m]), e = W("notifications.banner.close");
56
+ return /* @__PURE__ */ n(v.Provider, { value: V, children: [
57
+ C.map((I) => /* @__PURE__ */ h(p, { classes: {
58
+ anchorOriginTopCenter: d
59
+ }, id: I.id, offset: 0, open: !0, onClose: () => i(I.id), variant: I.variant, label: I.message, showIcon: !0, actions: I.actions, actionsCallback: I.actionsCallback, bannerContentProps: {
61
60
  actionProps: {
62
- "aria-label": s
61
+ "aria-label": e
63
62
  }
64
63
  } }, I.id)),
65
- n
64
+ t
66
65
  ] });
67
- }, f = y;
66
+ }, L = x;
68
67
  export {
69
68
  v as BannerContext,
70
- f as default
69
+ L as default
71
70
  };
72
71
  //# sourceMappingURL=BannerProvider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BannerProvider.js","sources":["../../../src/providers/BannerProvider.tsx"],"sourcesContent":["import { createContext, useEffect, useMemo, useState } from \"react\";\nimport { css } from \"@emotion/css\";\nimport { v4 as uuid } from \"uuid\";\n\nimport { HvBanner, theme } from \"@hitachivantara/uikit-react-core\";\nimport { HvAppShellEventNotification } from \"@hitachivantara/app-shell-events\";\nimport { useTranslation } from \"react-i18next\";\nimport useNavigationContext from \"./hooks/useNavigationContext\";\nimport { SUB_HEADER_HEIGHT } from \"../components/layout/Main/styles\";\nimport useLayoutContext from \"./hooks/useLayoutContext\";\n\nexport type BannerProviderProps = {\n children: React.ReactNode;\n};\n\nexport interface Banner extends Omit<HvAppShellEventNotification, \"type\"> {\n id: string;\n}\n\nexport interface BannerContextValue {\n show: (notification: HvAppShellEventNotification) => void;\n dismiss: (id: string) => void;\n}\n\nexport const BannerContext = createContext<BannerContextValue>({\n show: () => {\n // Empty function\n },\n dismiss: () => {\n // Empty function\n }\n});\n\nconst BannerProvider = ({ children }: BannerProviderProps) => {\n const { t } = useTranslation();\n const { showHeaderSubMenu, isCompactMode } = useNavigationContext();\n const { verticalNavigationWidth, setBannerMaxHeight } = useLayoutContext();\n const [banners, setBanners] = useState<Banner[]>([]);\n\n const show = (notification: HvAppShellEventNotification) => {\n const id = uuid();\n\n const newBanner: Banner = {\n id,\n ...notification,\n variant: notification.variant ?? \"default\"\n };\n setBanners(prevBanners => [...prevBanners, newBanner]);\n };\n\n const dismiss = (id: string) => {\n setBanners(prevBanners => prevBanners.filter(banner => banner.id !== id));\n };\n\n const value = useMemo(\n () => ({\n show,\n dismiss\n }),\n []\n );\n\n useEffect(() => {\n if (banners.length > 0) {\n // Get all heights from the rendered banners\n const bannerHeights = banners.map(item => {\n const bannerElement = document.getElementById(item.id);\n return bannerElement ? bannerElement.clientHeight : 0;\n });\n\n // Find the 'tallest' banner\n const maxBannerHeight = Math.max(...bannerHeights);\n\n // Update padding value\n setBannerMaxHeight(maxBannerHeight);\n } else {\n setBannerMaxHeight(0);\n }\n }, [banners, setBannerMaxHeight]);\n\n const styles = useMemo(\n () =>\n css({\n marginTop:\n showHeaderSubMenu && !isCompactMode\n ? `calc(${SUB_HEADER_HEIGHT}px + ${theme.space.sm})`\n : theme.space.sm,\n left: `calc(${verticalNavigationWidth}px + ${theme.space.sm})`,\n width: `calc(100% - (${verticalNavigationWidth}px + ${theme.space.sm}) - ${theme.space.sm})`,\n transform: \"unset\",\n minWidth: \"unset\",\n zIndex: theme.zIndices.banner\n }),\n [isCompactMode, showHeaderSubMenu, verticalNavigationWidth]\n );\n\n const closeBannerLabel = t(\"notifications.banner.close\");\n\n return (\n <BannerContext.Provider value={value}>\n {banners.map(banner => (\n <HvBanner\n classes={{\n anchorOriginTopCenter: styles\n }}\n id={banner.id}\n key={banner.id}\n open\n onClose={() => dismiss(banner.id)}\n variant={banner.variant}\n label={banner.message}\n showIcon\n actions={banner.actions}\n actionsCallback={banner.actionsCallback}\n bannerContentProps={{\n actionProps: { \"aria-label\": closeBannerLabel }\n }}\n />\n ))}\n {children}\n </BannerContext.Provider>\n );\n};\n\nexport default BannerProvider;\n"],"names":["BannerContext","createContext","show","dismiss","BannerProvider","children","t","useTranslation","showHeaderSubMenu","isCompactMode","useNavigationContext","verticalNavigationWidth","setBannerMaxHeight","useLayoutContext","banners","setBanners","useState","notification","newBanner","id","uuid","variant","prevBanners","filter","banner","value","useMemo","useEffect","length","bannerHeights","map","item","bannerElement","document","getElementById","clientHeight","maxBannerHeight","Math","max","styles","css","marginTop","SUB_HEADER_HEIGHT","theme","space","sm","left","width","transform","minWidth","zIndex","zIndices","process","env","NODE_ENV","closeBannerLabel","jsxs","jsx","HvBanner","anchorOriginTopCenter","message","actions","actionsCallback","actionProps","BannerProvider$1"],"mappings":";;;;;;;;;AAwBO,MAAMA,IAAgBC,EAAkC;AAAA,EAC7DC,MAAMA,MAAM;AAAA,EACV;AAAA,EAEFC,SAASA,MAAM;AAAA,EACb;AAEJ,CAAC,GAEKC,IAAiBA,CAAC;AAAA,EAAEC,UAAAA;AAA8B,MAAM;AACtD,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,mBAAAA;AAAAA,IAAmBC,eAAAA;AAAAA,MAAkBC,EAAqB,GAC5D;AAAA,IAAEC,yBAAAA;AAAAA,IAAyBC,oBAAAA;AAAAA,MAAuBC,EAAiB,GACnE,CAACC,GAASC,CAAU,IAAIC,EAAmB,CAAE,CAAA,GAE7Cd,IAAOA,CAACe,MAA8C;AAG1D,UAAMC,IAAoB;AAAA,MACxBC,IAHSC;MAIT,GAAGH;AAAAA,MACHI,SAASJ,EAAaI,WAAW;AAAA,IAAA;AAEnCN,IAAAA,EAAWO,CAAeA,MAAA,CAAC,GAAGA,GAAaJ,CAAS,CAAC;AAAA,EAAA,GAGjDf,IAAUA,CAACgB,MAAe;AAC9BJ,IAAAA,EAAWO,OAAeA,EAAYC,OAAOC,OAAUA,EAAOL,OAAOA,CAAE,CAAC;AAAA,EAAA,GAGpEM,IAAQC,EACZ,OAAO;AAAA,IACLxB,MAAAA;AAAAA,IACAC,SAAAA;AAAAA,EAAAA,IAEF,CACF,CAAA;AAEAwB,EAAAA,EAAU,MAAM;AACVb,QAAAA,EAAQc,SAAS,GAAG;AAEhBC,YAAAA,IAAgBf,EAAQgB,IAAIC,CAAQA,MAAA;AACxC,cAAMC,IAAgBC,SAASC,eAAeH,EAAKZ,EAAE;AAC9Ca,eAAAA,IAAgBA,EAAcG,eAAe;AAAA,MAAA,CACrD,GAGKC,IAAkBC,KAAKC,IAAI,GAAGT,CAAa;AAGjDjB,MAAAA,EAAmBwB,CAAe;AAAA,IAAA;AAElCxB,MAAAA,EAAmB,CAAC;AAAA,EACtB,GACC,CAACE,GAASF,CAAkB,CAAC;AAE1B2B,QAAAA,IAASb,EACb,MACM,gBAAAc,EAAA;AAAA,IACFC,WACEjC,KAAqB,CAACC,IACjB,QAAOiC,CAAkB,QAAOC,EAAMC,MAAMC,EAAG,MAChDF,EAAMC,MAAMC;AAAAA,IAClBC,MAAO,QAAOnC,CAAwB,QAAOgC,EAAMC,MAAMC,EAAG;AAAA,IAC5DE,OAAQ,gBAAepC,CAAwB,QAAOgC,EAAMC,MAAMC,EAAG,OAAMF,EAAMC,MAAMC,EAAG;AAAA,IAC1FG,WAAW;AAAA,IACXC,UAAU;AAAA,IACVC,QAAQP,EAAMQ,SAAS3B;AAAAA,EAAAA,GACxB4B,QAAAC,IAAAC,aAAA,eAAA,KAAA,kBAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,y0KAAA,GACH,CAAC7C,GAAeD,GAAmBG,CAAuB,CAC5D,GAEM4C,IAAmBjD,EAAE,4BAA4B;AAEvD,SACG,gBAAAkD,EAAAxD,EAAc,UAAd,EAAuB,OAAAyB,GACrBX,UAAAA;AAAAA,IAAAA,EAAQgB,IAAIN,CAAAA,MACV,gBAAAiC,EAAAC,GAAA,EACC,SAAS;AAAA,MACPC,uBAAuBpB;AAAAA,IACzB,GACA,IAAIf,EAAOL,IAEX,MAAI,IACJ,SAAS,MAAMhB,EAAQqB,EAAOL,EAAE,GAChC,SAASK,EAAOH,SAChB,OAAOG,EAAOoC,SACd,UAAQ,IACR,SAASpC,EAAOqC,SAChB,iBAAiBrC,EAAOsC,iBACxB,oBAAoB;AAAA,MAClBC,aAAa;AAAA,QAAE,cAAcR;AAAAA,MAAiB;AAAA,IAAA,KAT3C/B,EAAOL,GAYf;AAAA,IACAd;AAAAA,EACH,EAAA,CAAA;AAEJ,GAEA2D,IAAe5D;"}
1
+ {"version":3,"file":"BannerProvider.js","sources":["../../../src/providers/BannerProvider.tsx"],"sourcesContent":["import { createContext, useEffect, useMemo, useState } from \"react\";\nimport { css } from \"@emotion/css\";\nimport { v4 as uuid } from \"uuid\";\n\nimport { HvBanner, theme } from \"@hitachivantara/uikit-react-core\";\nimport { HvAppShellEventNotification } from \"@hitachivantara/app-shell-events\";\nimport { useTranslation } from \"react-i18next\";\nimport useNavigationContext from \"./hooks/useNavigationContext\";\nimport useLayoutContext from \"./hooks/useLayoutContext\";\n\nexport type BannerProviderProps = {\n children: React.ReactNode;\n};\n\nexport interface Banner extends Omit<HvAppShellEventNotification, \"type\"> {\n id: string;\n}\n\nexport interface BannerContextValue {\n show: (notification: HvAppShellEventNotification) => void;\n dismiss: (id: string) => void;\n}\n\nexport const BannerContext = createContext<BannerContextValue>({\n show: () => {\n // Empty function\n },\n dismiss: () => {\n // Empty function\n }\n});\n\nconst BannerProvider = ({ children }: BannerProviderProps) => {\n const { t } = useTranslation();\n const { showHeaderSubMenu, isCompactMode } = useNavigationContext();\n const { verticalNavigationWidth, setBannerMaxHeight } = useLayoutContext();\n const [banners, setBanners] = useState<Banner[]>([]);\n\n const show = (notification: HvAppShellEventNotification) => {\n const id = uuid();\n\n const newBanner: Banner = {\n id,\n ...notification,\n variant: notification.variant ?? \"default\"\n };\n setBanners(prevBanners => [...prevBanners, newBanner]);\n };\n\n const dismiss = (id: string) => {\n setBanners(prevBanners => prevBanners.filter(banner => banner.id !== id));\n };\n\n const value = useMemo(\n () => ({\n show,\n dismiss\n }),\n []\n );\n\n useEffect(() => {\n if (banners.length > 0) {\n // Get all heights from the rendered banners\n const bannerHeights = banners.map(item => {\n const bannerElement = document.getElementById(item.id);\n return bannerElement ? bannerElement.clientHeight : 0;\n });\n\n // Find the 'tallest' banner\n const maxBannerHeight = Math.max(...bannerHeights);\n\n // Update padding value\n setBannerMaxHeight(maxBannerHeight);\n } else {\n setBannerMaxHeight(0);\n }\n }, [banners, setBannerMaxHeight]);\n\n const styles = useMemo(\n () =>\n css({\n marginTop:\n showHeaderSubMenu && !isCompactMode\n ? `calc(${theme.header.height} + ${theme.header.secondLevelHeight} + ${theme.space.sm})`\n : `calc(${theme.header.height} + ${theme.space.sm})`,\n left: `calc(${verticalNavigationWidth}px + ${theme.space.sm})`,\n width: `calc(100% - (${verticalNavigationWidth}px + ${theme.space.sm}) - ${theme.space.sm})`,\n transform: \"unset\",\n minWidth: \"unset\",\n zIndex: theme.zIndices.banner\n }),\n [isCompactMode, showHeaderSubMenu, verticalNavigationWidth]\n );\n\n const closeBannerLabel = t(\"notifications.banner.close\");\n\n return (\n <BannerContext.Provider value={value}>\n {banners.map(banner => (\n <HvBanner\n classes={{\n anchorOriginTopCenter: styles\n }}\n id={banner.id}\n key={banner.id}\n offset={0}\n open\n onClose={() => dismiss(banner.id)}\n variant={banner.variant}\n label={banner.message}\n showIcon\n actions={banner.actions}\n actionsCallback={banner.actionsCallback}\n bannerContentProps={{\n actionProps: { \"aria-label\": closeBannerLabel }\n }}\n />\n ))}\n {children}\n </BannerContext.Provider>\n );\n};\n\nexport default BannerProvider;\n"],"names":["BannerContext","createContext","show","dismiss","BannerProvider","children","t","useTranslation","showHeaderSubMenu","isCompactMode","useNavigationContext","verticalNavigationWidth","setBannerMaxHeight","useLayoutContext","banners","setBanners","useState","notification","newBanner","id","uuid","variant","prevBanners","filter","banner","value","useMemo","useEffect","length","bannerHeights","map","item","bannerElement","document","getElementById","clientHeight","maxBannerHeight","Math","max","styles","css","marginTop","theme","header","height","secondLevelHeight","space","sm","left","width","transform","minWidth","zIndex","zIndices","process","env","NODE_ENV","closeBannerLabel","jsxs","jsx","HvBanner","anchorOriginTopCenter","message","actions","actionsCallback","actionProps","BannerProvider$1"],"mappings":";;;;;;;;AAuBO,MAAMA,IAAgBC,EAAkC;AAAA,EAC7DC,MAAMA,MAAM;AAAA,EACV;AAAA,EAEFC,SAASA,MAAM;AAAA,EACb;AAEJ,CAAC,GAEKC,IAAiBA,CAAC;AAAA,EAAEC,UAAAA;AAA8B,MAAM;AACtD,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,mBAAAA;AAAAA,IAAmBC,eAAAA;AAAAA,MAAkBC,EAAqB,GAC5D;AAAA,IAAEC,yBAAAA;AAAAA,IAAyBC,oBAAAA;AAAAA,MAAuBC,EAAiB,GACnE,CAACC,GAASC,CAAU,IAAIC,EAAmB,CAAE,CAAA,GAE7Cd,IAAOA,CAACe,MAA8C;AAG1D,UAAMC,IAAoB;AAAA,MACxBC,IAHSC;MAIT,GAAGH;AAAAA,MACHI,SAASJ,EAAaI,WAAW;AAAA,IAAA;AAEnCN,IAAAA,EAAWO,CAAeA,MAAA,CAAC,GAAGA,GAAaJ,CAAS,CAAC;AAAA,EAAA,GAGjDf,IAAUA,CAACgB,MAAe;AAC9BJ,IAAAA,EAAWO,OAAeA,EAAYC,OAAOC,OAAUA,EAAOL,OAAOA,CAAE,CAAC;AAAA,EAAA,GAGpEM,IAAQC,EACZ,OAAO;AAAA,IACLxB,MAAAA;AAAAA,IACAC,SAAAA;AAAAA,EAAAA,IAEF,CACF,CAAA;AAEAwB,EAAAA,EAAU,MAAM;AACVb,QAAAA,EAAQc,SAAS,GAAG;AAEhBC,YAAAA,IAAgBf,EAAQgB,IAAIC,CAAQA,MAAA;AACxC,cAAMC,IAAgBC,SAASC,eAAeH,EAAKZ,EAAE;AAC9Ca,eAAAA,IAAgBA,EAAcG,eAAe;AAAA,MAAA,CACrD,GAGKC,IAAkBC,KAAKC,IAAI,GAAGT,CAAa;AAGjDjB,MAAAA,EAAmBwB,CAAe;AAAA,IAAA;AAElCxB,MAAAA,EAAmB,CAAC;AAAA,EACtB,GACC,CAACE,GAASF,CAAkB,CAAC;AAE1B2B,QAAAA,IAASb,EACb,MACM,gBAAAc,EAAA;AAAA,IACFC,WACEjC,KAAqB,CAACC,IACjB,QAAOiC,EAAMC,OAAOC,MAAO,MAAKF,EAAMC,OAAOE,iBAAkB,MAAKH,EAAMI,MAAMC,EAAG,MACnF,QAAOL,EAAMC,OAAOC,MAAO,MAAKF,EAAMI,MAAMC,EAAG;AAAA,IACtDC,MAAO,QAAOrC,CAAwB,QAAO+B,EAAMI,MAAMC,EAAG;AAAA,IAC5DE,OAAQ,gBAAetC,CAAwB,QAAO+B,EAAMI,MAAMC,EAAG,OAAML,EAAMI,MAAMC,EAAG;AAAA,IAC1FG,WAAW;AAAA,IACXC,UAAU;AAAA,IACVC,QAAQV,EAAMW,SAAS7B;AAAAA,EAAAA,GACxB8B,QAAAC,IAAAC,aAAA,eAAA,KAAA,kBAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,q2KAAA,GACH,CAAC/C,GAAeD,GAAmBG,CAAuB,CAC5D,GAEM8C,IAAmBnD,EAAE,4BAA4B;AAEvD,SACG,gBAAAoD,EAAA1D,EAAc,UAAd,EAAuB,OAAAyB,GACrBX,UAAAA;AAAAA,IAAAA,EAAQgB,IAAIN,CAAAA,MACV,gBAAAmC,EAAAC,GAAA,EACC,SAAS;AAAA,MACPC,uBAAuBtB;AAAAA,IAEzB,GAAA,IAAIf,EAAOL,IAEX,QAAQ,GACR,MAAI,IACJ,SAAS,MAAMhB,EAAQqB,EAAOL,EAAE,GAChC,SAASK,EAAOH,SAChB,OAAOG,EAAOsC,SACd,UAAQ,IACR,SAAStC,EAAOuC,SAChB,iBAAiBvC,EAAOwC,iBACxB,oBAAoB;AAAA,MAClBC,aAAa;AAAA,QAAE,cAAcR;AAAAA,MAAiB;AAAA,IAAA,KAV3CjC,EAAOL,GAaf;AAAA,IACAd;AAAAA,EACH,EAAA,CAAA;AAEJ,GAEA6D,IAAe9D;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/app-shell-ui",
3
- "version": "1.1.0",
3
+ "version": "1.2.0",
4
4
  "description": "AppShell Component",
5
5
  "author": "Hitachi Vantara - Boba Fett Team",
6
6
  "license": "Apache-2.0",
@@ -39,8 +39,8 @@
39
39
  "@emotion/react": "^11.10.5",
40
40
  "@emotion/styled": "^11.10.5",
41
41
  "@hitachivantara/app-shell-events": "1.0.0",
42
- "@hitachivantara/app-shell-navigation": "1.2.0",
43
- "@hitachivantara/app-shell-shared": "1.1.0",
42
+ "@hitachivantara/app-shell-navigation": "1.2.1",
43
+ "@hitachivantara/app-shell-shared": "1.2.0",
44
44
  "@hitachivantara/uikit-react-core": "^5.31.0",
45
45
  "@hitachivantara/uikit-react-icons": "^5.6.8",
46
46
  "@mui/material": "^5.12.3",
@@ -68,5 +68,5 @@
68
68
  "vite-plugin-dts": "^3.6.4",
69
69
  "vite-tsconfig-paths": "^4.0.5"
70
70
  },
71
- "gitHead": "6140d2027f6c2d215f1d3c015a9adafd0cf00de6"
71
+ "gitHead": "f32c45a8012716dd25df32f98efe5bb2c4457209"
72
72
  }