@hitachivantara/app-shell-shared 1.4.0 → 1.4.1

package/dist/bundles/app-shell-shared.esm.js

@@ -1,109 +1,214 @@
-import { createContext as I, useContext as v, useMemo as S, useState as H, useEffect as O } from "react";
-import { useLocation as _ } from "react-router-dom";
-const x = I(void 0), Y = I(void 0), E = I(void 0), F = I(void 0), b = "configTranslations", w = b, z = () => v(x), R = z, M = (n) => {
+import { createContext, useContext, useMemo, useState, useEffect } from "react";
+import { useLocation } from "react-router-dom";
+const HvAppShellContext = createContext(void 0);
+const HvAppShellViewContext = createContext(void 0);
+const HvAppShellRuntimeContext = createContext(void 0);
+const HvAppShellCombinedProvidersContext = createContext(void 0);
+const CONFIG_TRANSLATIONS_NAMESPACE = "configTranslations";
+const CONFIG_TRANSLATIONS_NAMESPACE$1 = CONFIG_TRANSLATIONS_NAMESPACE;
+const useAppShellConfig = () => {
+  return useContext(HvAppShellContext);
+};
+const useAppShellConfig$1 = useAppShellConfig;
+const getMenuTargetHref = (menuItem) => {
   const {
-    target: t
-  } = n;
-  return t || (n.submenus ? M(n.submenus[0]) : "");
-}, C = (n) => n.startsWith(".") ? n : `.${n}`, N = (n, t, e, s) => e !== void 0 && e <= 0 ? [] : (t == null ? void 0 : t.reduce((o, i, r) => {
-  const d = {
-    id: s ? `${s.id}-${r}` : `${r}`,
-    label: n(i.label),
-    href: C(M(i)),
-    icon: i.icon,
-    parent: s
-  };
-  if (i.submenus) {
-    const u = e !== void 0 ? e - 1 : void 0, c = N(n, i.submenus, u, d);
-    c.length > 0 && (d.data = c);
+    target
+  } = menuItem;
+  if (target) {
+    return target;
+  }
+  if (menuItem.submenus) {
+    return getMenuTargetHref(menuItem.submenus[0]);
+  }
+  return "";
+};
+const addPrefixToHref = (href) => {
+  return !href.startsWith(".") ? `.${href}` : href;
+};
+const createMenuItems = (t, menuItems, maxDepth, parentMenuItem) => {
+  if (maxDepth !== void 0 && maxDepth <= 0) {
+    return [];
   }
-  return o.push(d), o;
-}, [])) ?? [], T = (n) => n.reduce((t, e) => (e.data ? t.push(...T(e.data)) : t.push(e), t), []), y = (n) => {
-  const t = n.split("/").reduce((e, s) => {
-    if (s === "")
-      return e;
-    const o = e.length === 0 ? "" : e[0], i = s === "." ? s : `${o}/${s}`;
-    return e.unshift(i), e;
+  return menuItems?.reduce((accumulator, currentValue, index) => {
+    const navItem = {
+      id: parentMenuItem ? `${parentMenuItem.id}-${index}` : `${index}`,
+      label: t(currentValue.label),
+      href: addPrefixToHref(getMenuTargetHref(currentValue)),
+      icon: currentValue.icon,
+      parent: parentMenuItem
+    };
+    if (currentValue.submenus) {
+      const updatedDepth = maxDepth !== void 0 ? maxDepth - 1 : void 0;
+      const data = createMenuItems(t, currentValue.submenus, updatedDepth, navItem);
+      if (data.length > 0) {
+        navItem.data = data;
+      }
+    }
+    accumulator.push(navItem);
+    return accumulator;
+  }, []) ?? [];
+};
+const flatMenuItems = (items) => {
+  return items.reduce((acc, item) => {
+    if (item.data) {
+      acc.push(...flatMenuItems(item.data));
+    } else {
+      acc.push(item);
+    }
+    return acc;
+  }, []);
+};
+const decomposeHrefStringToArray = (normalizedHref) => {
+  const hrefArray = normalizedHref.split("/").reduce((accumulator, currentValue) => {
+    if (currentValue === "") {
+      return accumulator;
+    }
+    const prefix = accumulator.length === 0 ? "" : accumulator[0];
+    const href = currentValue === "." ? currentValue : `${prefix}/${currentValue}`;
+    accumulator.unshift(href);
+    return accumulator;
   }, []);
-  return t.push("./"), t;
-}, G = (n, t, e) => {
-  let s, o;
-  const i = y(t);
-  return T(n).some((r) => {
-    var h, f, a, A;
-    let d, u;
-    const c = (h = r.href) == null ? void 0 : h.indexOf("?");
-    if (c !== -1 ? (d = (f = r.href) == null ? void 0 : f.slice(0, c).toLowerCase(), u = (a = r.href) == null ? void 0 : a.slice(c, r.href.length).toLowerCase()) : (d = (A = r.href) == null ? void 0 : A.toLowerCase(), u = ""), d && d.length > 1 && d.endsWith("/") && (d = d.slice(0, d.length - 1)), `${d}${u}` === e)
-      return s = r.id, !0;
-    const l = i.find(($) => d === $);
-    return l && (!o || l.length > (o == null ? void 0 : o.length)) && (s = r.id, o = l), !1;
-  }), s;
-}, m = (n, t, e) => {
-  if (!t)
-    return;
-  const s = t.length > 1 && t.endsWith("/") ? t.slice(0, t.length - 1).toLowerCase() : t.toLowerCase(), o = e ? s.concat(e.toLowerCase()) : s;
-  return G(n, s, o);
-}, g = (n) => {
-  if (n)
-    return n.split("-")[0];
-}, L = (n, t) => {
-  let e = null;
-  return n.some((s) => {
+  hrefArray.push("./");
+  return hrefArray;
+};
+const searchHrefMatch = (items, normalizedHref, normalizedFullHref) => {
+  let toBeSelectedId;
+  let toBeSelectedHref;
+  const reducedNormalizedHref = decomposeHrefStringToArray(normalizedHref);
+  flatMenuItems(items).some((item) => {
+    let normalizedItemHref;
+    let normalizedItemHrefParams;
+    const idx = item.href?.indexOf("?");
+    if (idx !== -1) {
+      normalizedItemHref = item.href?.slice(0, idx).toLowerCase();
+      normalizedItemHrefParams = item.href?.slice(idx, item.href.length).toLowerCase();
+    } else {
+      normalizedItemHref = item.href?.toLowerCase();
+      normalizedItemHrefParams = "";
+    }
+    if (normalizedItemHref && normalizedItemHref.length > 1 && normalizedItemHref.endsWith("/")) {
+      normalizedItemHref = normalizedItemHref.slice(0, normalizedItemHref.length - 1);
+    }
+    const normalizedFullItemHref = `${normalizedItemHref}${normalizedItemHrefParams}`;
+    if (normalizedFullItemHref === normalizedFullHref) {
+      toBeSelectedId = item.id;
+      return true;
+    }
+    const matchedHref = reducedNormalizedHref.find((href) => normalizedItemHref === href);
+    if (matchedHref && (!toBeSelectedHref || matchedHref.length > toBeSelectedHref?.length)) {
+      toBeSelectedId = item.id;
+      toBeSelectedHref = matchedHref;
+    }
+    return false;
+  });
+  return toBeSelectedId;
+};
+const searchHrefInMenuItems = (items, href, parameters) => {
+  if (!href) {
+    return void 0;
+  }
+  const normalizedHref = href.length > 1 && href.endsWith("/") ? href.slice(0, href.length - 1).toLowerCase() : href.toLowerCase();
+  const normalizedFullHref = parameters ? normalizedHref.concat(parameters.toLowerCase()) : normalizedHref;
+  return searchHrefMatch(items, normalizedHref, normalizedFullHref);
+};
+const getRootIdFromItemId = (menuItemId) => {
+  if (!menuItemId) {
+    return void 0;
+  }
+  return menuItemId.split("-")[0];
+};
+const findItemById = (data, itemId) => {
+  let foundItem = null;
+  data.some((obj) => {
     const {
-      id: o,
-      data: i
-    } = s;
-    return o === t ? (e = s, !0) : i && i.length > 0 ? (e = L(i, t), e !== null) : !1;
-  }), e;
-}, P = (n) => {
-  let t = null;
-  return n.some((e) => !e.data || e.data.length === 0 ? (t = e, !0) : (t = P(e.data), t !== null)), t;
-}, W = 2, B = () => {
+      id: objId,
+      data: childData
+    } = obj;
+    if (objId === itemId) {
+      foundItem = obj;
+      return true;
+    }
+    if (childData && childData.length > 0) {
+      foundItem = findItemById(childData, itemId);
+      return foundItem !== null;
+    }
+    return false;
+  });
+  return foundItem;
+};
+const findFirstLeafItem = (data) => {
+  let foundItem = null;
+  data.some((obj) => {
+    if (!obj.data || obj.data.length === 0) {
+      foundItem = obj;
+      return true;
+    }
+    foundItem = findFirstLeafItem(obj.data);
+    return foundItem !== null;
+  });
+  return foundItem;
+};
+const MAX_TOP_MENU_DEPTH = 2;
+const useMenuItems = () => {
+  const {
+    pathname,
+    search,
+    state: locationState
+  } = useLocation();
+  const appShellContext = useAppShellConfig$1();
   const {
-    pathname: n,
-    search: t,
-    state: e
-  } = _(), s = R(), {
-    i18n: o
-  } = v(E) ?? {}, i = S(() => (o == null ? void 0 : o.getFixedT(o.language, w)) ?? // should not happen, but fallback if the i18n instance is not available
-  ((l) => l), [o]), r = S(() => {
-    const l = s.navigationMode === "ONLY_TOP" ? W : void 0;
-    return N(i, s.menu, l);
-  }, [s, i]), [d, u] = H(m(r, C(n), t)), [c, p] = H(g(d));
-  return O(() => {
-    var h;
-    if (!r.length)
+    i18n
+  } = useContext(HvAppShellRuntimeContext) ?? {};
+  const tConfig = useMemo(() => i18n?.getFixedT(i18n.language, CONFIG_TRANSLATIONS_NAMESPACE$1) ?? // should not happen, but fallback if the i18n instance is not available
+  ((l) => l), [i18n]);
+  const items = useMemo(() => {
+    const menuItemsDepth = appShellContext.navigationMode === "ONLY_TOP" ? MAX_TOP_MENU_DEPTH : void 0;
+    return createMenuItems(tConfig, appShellContext.menu, menuItemsDepth);
+  }, [appShellContext, tConfig]);
+  const [selectedMenuItemId, setSelectedMenuItemId] = useState(searchHrefInMenuItems(items, addPrefixToHref(pathname), search));
+  const [rootMenuItemId, setRootMenuItemId] = useState(getRootIdFromItemId(selectedMenuItemId));
+  useEffect(() => {
+    if (!items.length) {
       return;
-    if (e != null && e.selectedItemId) {
-      p(g(e.selectedItemId));
-      const f = L(r, e.selectedItemId);
-      if ((h = f == null ? void 0 : f.data) != null && h.length) {
-        const a = P(f.data);
-        u(a == null ? void 0 : a.id);
-      } else
-        u(f == null ? void 0 : f.id);
+    }
+    if (locationState?.selectedItemId) {
+      setRootMenuItemId(getRootIdFromItemId(locationState.selectedItemId));
+      const selectedItem = findItemById(items, locationState.selectedItemId);
+      if (selectedItem?.data?.length) {
+        const firstItemToSelect = findFirstLeafItem(selectedItem.data);
+        setSelectedMenuItemId(firstItemToSelect?.id);
+      } else {
+        setSelectedMenuItemId(selectedItem?.id);
+      }
       return;
     }
-    const l = m(r, C(n), t);
-    if (l) {
-      p(g(l)), u(l);
+    const toBeSelected = searchHrefInMenuItems(items, addPrefixToHref(pathname), search);
+    if (toBeSelected) {
+      setRootMenuItemId(getRootIdFromItemId(toBeSelected));
+      setSelectedMenuItemId(toBeSelected);
       return;
     }
-    p(void 0), u(void 0);
-  }, [r, e, n, t]), {
-    items: r,
-    selectedMenuItemId: d,
-    rootMenuItemId: c
+    setRootMenuItemId(void 0);
+    setSelectedMenuItemId(void 0);
+  }, [items, locationState, pathname, search]);
+  return {
+    items,
+    selectedMenuItemId,
+    rootMenuItemId
   };
-}, k = B, D = () => v(F), q = D;
+};
+const useMenuItems$1 = useMenuItems;
+const useAppShellCombinedProviders = () => {
+  return useContext(HvAppShellCombinedProvidersContext);
+};
+const useAppShellCombinedProviders$1 = useAppShellCombinedProviders;
 export {
-  w as CONFIG_TRANSLATIONS_NAMESPACE,
-  F as HvAppShellCombinedProvidersContext,
-  x as HvAppShellContext,
-  E as HvAppShellRuntimeContext,
-  Y as HvAppShellViewContext,
-  q as useHvAppShellCombinedProviders,
-  R as useHvAppShellConfig,
-  k as useHvMenuItems
+  CONFIG_TRANSLATIONS_NAMESPACE$1 as CONFIG_TRANSLATIONS_NAMESPACE,
+  HvAppShellCombinedProvidersContext,
+  HvAppShellContext,
+  HvAppShellRuntimeContext,
+  HvAppShellViewContext,
+  useAppShellCombinedProviders$1 as useHvAppShellCombinedProviders,
+  useAppShellConfig$1 as useHvAppShellConfig,
+  useMenuItems$1 as useHvMenuItems
 };
-//# sourceMappingURL=app-shell-shared.esm.js.map

package/dist/esm/AppShellCombinedProvidersContext.js

@@ -1,6 +1,5 @@
-import { createContext as o } from "react";
-const t = o(void 0);
+import { createContext } from "react";
+const HvAppShellCombinedProvidersContext = createContext(void 0);
 export {
-  t as HvAppShellCombinedProvidersContext
+  HvAppShellCombinedProvidersContext
 };
-//# sourceMappingURL=AppShellCombinedProvidersContext.js.map

package/dist/esm/AppShellContext.js

@@ -1,6 +1,5 @@
-import { createContext as t } from "react";
-const e = t(void 0);
+import { createContext } from "react";
+const HvAppShellContext = createContext(void 0);
 export {
-  e as HvAppShellContext
+  HvAppShellContext
 };
-//# sourceMappingURL=AppShellContext.js.map

package/dist/esm/AppShellRuntimeContext.js

@@ -1,6 +1,5 @@
-import { createContext as t } from "react";
-const o = t(void 0);
+import { createContext } from "react";
+const HvAppShellRuntimeContext = createContext(void 0);
 export {
-  o as HvAppShellRuntimeContext
+  HvAppShellRuntimeContext
 };
-//# sourceMappingURL=AppShellRuntimeContext.js.map

package/dist/esm/AppShellViewContext.js

@@ -1,6 +1,5 @@
-import { createContext as t } from "react";
-const o = t(void 0);
+import { createContext } from "react";
+const HvAppShellViewContext = createContext(void 0);
 export {
-  o as HvAppShellViewContext
+  HvAppShellViewContext
 };
-//# sourceMappingURL=AppShellViewContext.js.map

package/dist/esm/hooks/useAppShellCombinedProviders.js

@@ -1,7 +1,9 @@
-import { useContext as e } from "react";
-import { HvAppShellCombinedProvidersContext as o } from "../AppShellCombinedProvidersContext.js";
-const r = () => e(o), s = r;
+import { useContext } from "react";
+import { HvAppShellCombinedProvidersContext } from "../AppShellCombinedProvidersContext.js";
+const useAppShellCombinedProviders = () => {
+  return useContext(HvAppShellCombinedProvidersContext);
+};
+const useAppShellCombinedProviders$1 = useAppShellCombinedProviders;
 export {
-  s as default
+  useAppShellCombinedProviders$1 as default
 };
-//# sourceMappingURL=useAppShellCombinedProviders.js.map

package/dist/esm/hooks/useAppShellConfig.js

@@ -1,7 +1,9 @@
-import { useContext as e } from "react";
-import { HvAppShellContext as o } from "../AppShellContext.js";
-const t = () => e(o), n = t;
+import { useContext } from "react";
+import { HvAppShellContext } from "../AppShellContext.js";
+const useAppShellConfig = () => {
+  return useContext(HvAppShellContext);
+};
+const useAppShellConfig$1 = useAppShellConfig;
 export {
-  n as default
+  useAppShellConfig$1 as default
 };
-//# sourceMappingURL=useAppShellConfig.js.map

package/dist/esm/hooks/useMenuItems.js

@@ -1,48 +1,59 @@
-import { useContext as C, useMemo as M, useState as l, useEffect as S } from "react";
-import { useLocation as x } from "react-router-dom";
-import { createMenuItems as N, searchHrefInMenuItems as g, addPrefixToHref as h, getRootIdFromItemId as c, findItemById as T, findFirstLeafItem as _ } from "../utils/navigationUtils.js";
-import v from "../i18n/index.js";
-import E from "./useAppShellConfig.js";
-import { HvAppShellRuntimeContext as O } from "../AppShellRuntimeContext.js";
-const P = 2, F = () => {
+import { useContext, useMemo, useState, useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { createMenuItems, searchHrefInMenuItems, addPrefixToHref, getRootIdFromItemId, findItemById, findFirstLeafItem } from "../utils/navigationUtils.js";
+import CONFIG_TRANSLATIONS_NAMESPACE from "../i18n/index.js";
+import useAppShellConfig from "./useAppShellConfig.js";
+import { HvAppShellRuntimeContext } from "../AppShellRuntimeContext.js";
+const MAX_TOP_MENU_DEPTH = 2;
+const useMenuItems = () => {
   const {
-    pathname: m,
-    search: d,
-    state: o
-  } = x(), u = E(), {
-    i18n: s
-  } = C(O) ?? {}, f = M(() => (s == null ? void 0 : s.getFixedT(s.language, v)) ?? // should not happen, but fallback if the i18n instance is not available
-  ((e) => e), [s]), n = M(() => {
-    const e = u.navigationMode === "ONLY_TOP" ? P : void 0;
-    return N(f, u.menu, e);
-  }, [u, f]), [a, r] = l(g(n, h(m), d)), [A, i] = l(c(a));
-  return S(() => {
-    var p;
-    if (!n.length)
+    pathname,
+    search,
+    state: locationState
+  } = useLocation();
+  const appShellContext = useAppShellConfig();
+  const {
+    i18n
+  } = useContext(HvAppShellRuntimeContext) ?? {};
+  const tConfig = useMemo(() => i18n?.getFixedT(i18n.language, CONFIG_TRANSLATIONS_NAMESPACE) ?? // should not happen, but fallback if the i18n instance is not available
+  ((l) => l), [i18n]);
+  const items = useMemo(() => {
+    const menuItemsDepth = appShellContext.navigationMode === "ONLY_TOP" ? MAX_TOP_MENU_DEPTH : void 0;
+    return createMenuItems(tConfig, appShellContext.menu, menuItemsDepth);
+  }, [appShellContext, tConfig]);
+  const [selectedMenuItemId, setSelectedMenuItemId] = useState(searchHrefInMenuItems(items, addPrefixToHref(pathname), search));
+  const [rootMenuItemId, setRootMenuItemId] = useState(getRootIdFromItemId(selectedMenuItemId));
+  useEffect(() => {
+    if (!items.length) {
       return;
-    if (o != null && o.selectedItemId) {
-      i(c(o.selectedItemId));
-      const t = T(n, o.selectedItemId);
-      if ((p = t == null ? void 0 : t.data) != null && p.length) {
-        const I = _(t.data);
-        r(I == null ? void 0 : I.id);
-      } else
-        r(t == null ? void 0 : t.id);
+    }
+    if (locationState?.selectedItemId) {
+      setRootMenuItemId(getRootIdFromItemId(locationState.selectedItemId));
+      const selectedItem = findItemById(items, locationState.selectedItemId);
+      if (selectedItem?.data?.length) {
+        const firstItemToSelect = findFirstLeafItem(selectedItem.data);
+        setSelectedMenuItemId(firstItemToSelect?.id);
+      } else {
+        setSelectedMenuItemId(selectedItem?.id);
+      }
       return;
     }
-    const e = g(n, h(m), d);
-    if (e) {
-      i(c(e)), r(e);
+    const toBeSelected = searchHrefInMenuItems(items, addPrefixToHref(pathname), search);
+    if (toBeSelected) {
+      setRootMenuItemId(getRootIdFromItemId(toBeSelected));
+      setSelectedMenuItemId(toBeSelected);
       return;
     }
-    i(void 0), r(void 0);
-  }, [n, o, m, d]), {
-    items: n,
-    selectedMenuItemId: a,
-    rootMenuItemId: A
+    setRootMenuItemId(void 0);
+    setSelectedMenuItemId(void 0);
+  }, [items, locationState, pathname, search]);
+  return {
+    items,
+    selectedMenuItemId,
+    rootMenuItemId
   };
-}, G = F;
+};
+const useMenuItems$1 = useMenuItems;
 export {
-  G as default
+  useMenuItems$1 as default
 };
-//# sourceMappingURL=useMenuItems.js.map

package/dist/esm/i18n/index.js

@@ -1,5 +1,5 @@
-const A = "configTranslations", N = A;
+const CONFIG_TRANSLATIONS_NAMESPACE = "configTranslations";
+const CONFIG_TRANSLATIONS_NAMESPACE$1 = CONFIG_TRANSLATIONS_NAMESPACE;
 export {
-  N as default
+  CONFIG_TRANSLATIONS_NAMESPACE$1 as default
 };
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js

@@ -1,19 +1,18 @@
-import { HvAppShellContext as t } from "./AppShellContext.js";
-import { HvAppShellViewContext as r } from "./AppShellViewContext.js";
-import { HvAppShellRuntimeContext as f } from "./AppShellRuntimeContext.js";
-import { HvAppShellCombinedProvidersContext as x } from "./AppShellCombinedProvidersContext.js";
-import { default as A } from "./i18n/index.js";
-import { default as u } from "./hooks/useAppShellConfig.js";
-import { default as C } from "./hooks/useMenuItems.js";
-import { default as a } from "./hooks/useAppShellCombinedProviders.js";
+import { HvAppShellContext } from "./AppShellContext.js";
+import { HvAppShellViewContext } from "./AppShellViewContext.js";
+import { HvAppShellRuntimeContext } from "./AppShellRuntimeContext.js";
+import { HvAppShellCombinedProvidersContext } from "./AppShellCombinedProvidersContext.js";
+import { default as default2 } from "./i18n/index.js";
+import { default as default3 } from "./hooks/useAppShellConfig.js";
+import { default as default4 } from "./hooks/useMenuItems.js";
+import { default as default5 } from "./hooks/useAppShellCombinedProviders.js";
 export {
-  A as CONFIG_TRANSLATIONS_NAMESPACE,
-  x as HvAppShellCombinedProvidersContext,
-  t as HvAppShellContext,
-  f as HvAppShellRuntimeContext,
-  r as HvAppShellViewContext,
-  a as useHvAppShellCombinedProviders,
-  u as useHvAppShellConfig,
-  C as useHvMenuItems
+  default2 as CONFIG_TRANSLATIONS_NAMESPACE,
+  HvAppShellCombinedProvidersContext,
+  HvAppShellContext,
+  HvAppShellRuntimeContext,
+  HvAppShellViewContext,
+  default5 as useHvAppShellCombinedProviders,
+  default3 as useHvAppShellConfig,
+  default4 as useHvMenuItems
 };
-//# sourceMappingURL=index.js.map

package/dist/esm/utils/navigationUtils.js

@@ -1,68 +1,146 @@
-const H = (r) => {
+const getMenuTargetHref = (menuItem) => {
   const {
-    target: e
-  } = r;
-  return e || (r.submenus ? H(r.submenus[0]) : "");
-}, z = (r) => r.startsWith(".") ? r : `.${r}`, L = (r, e, t, n) => t !== void 0 && t <= 0 ? [] : (e == null ? void 0 : e.reduce((s, d, i) => {
-  const o = {
-    id: n ? `${n.id}-${i}` : `${i}`,
-    label: r(d.label),
-    href: z(H(d)),
-    icon: d.icon,
-    parent: n
-  };
-  if (d.submenus) {
-    const l = t !== void 0 ? t - 1 : void 0, f = L(r, d.submenus, l, o);
-    f.length > 0 && (o.data = f);
+    target
+  } = menuItem;
+  if (target) {
+    return target;
   }
-  return s.push(o), s;
-}, [])) ?? [], I = (r) => r.reduce((e, t) => (t.data ? e.push(...I(t.data)) : e.push(t), e), []), p = (r) => {
-  const e = r.split("/").reduce((t, n) => {
-    if (n === "")
-      return t;
-    const s = t.length === 0 ? "" : t[0], d = n === "." ? n : `${s}/${n}`;
-    return t.unshift(d), t;
+  if (menuItem.submenus) {
+    return getMenuTargetHref(menuItem.submenus[0]);
+  }
+  return "";
+};
+const addPrefixToHref = (href) => {
+  return !href.startsWith(".") ? `.${href}` : href;
+};
+const createMenuItems = (t, menuItems, maxDepth, parentMenuItem) => {
+  if (maxDepth !== void 0 && maxDepth <= 0) {
+    return [];
+  }
+  return menuItems?.reduce((accumulator, currentValue, index) => {
+    const navItem = {
+      id: parentMenuItem ? `${parentMenuItem.id}-${index}` : `${index}`,
+      label: t(currentValue.label),
+      href: addPrefixToHref(getMenuTargetHref(currentValue)),
+      icon: currentValue.icon,
+      parent: parentMenuItem
+    };
+    if (currentValue.submenus) {
+      const updatedDepth = maxDepth !== void 0 ? maxDepth - 1 : void 0;
+      const data = createMenuItems(t, currentValue.submenus, updatedDepth, navItem);
+      if (data.length > 0) {
+        navItem.data = data;
+      }
+    }
+    accumulator.push(navItem);
+    return accumulator;
+  }, []) ?? [];
+};
+const flatMenuItems = (items) => {
+  return items.reduce((acc, item) => {
+    if (item.data) {
+      acc.push(...flatMenuItems(item.data));
+    } else {
+      acc.push(item);
+    }
+    return acc;
+  }, []);
+};
+const decomposeHrefStringToArray = (normalizedHref) => {
+  const hrefArray = normalizedHref.split("/").reduce((accumulator, currentValue) => {
+    if (currentValue === "") {
+      return accumulator;
+    }
+    const prefix = accumulator.length === 0 ? "" : accumulator[0];
+    const href = currentValue === "." ? currentValue : `${prefix}/${currentValue}`;
+    accumulator.unshift(href);
+    return accumulator;
   }, []);
-  return e.push("./"), e;
-}, v = (r, e, t) => {
-  let n, s;
-  const d = p(e);
-  return I(r).some((i) => {
-    var u, h, c, g;
-    let o, l;
-    const f = (u = i.href) == null ? void 0 : u.indexOf("?");
-    if (f !== -1 ? (o = (h = i.href) == null ? void 0 : h.slice(0, f).toLowerCase(), l = (c = i.href) == null ? void 0 : c.slice(f, i.href.length).toLowerCase()) : (o = (g = i.href) == null ? void 0 : g.toLowerCase(), l = ""), o && o.length > 1 && o.endsWith("/") && (o = o.slice(0, o.length - 1)), `${o}${l}` === t)
-      return n = i.id, !0;
-    const a = d.find(($) => o === $);
-    return a && (!s || a.length > (s == null ? void 0 : s.length)) && (n = i.id, s = a), !1;
-  }), n;
-}, b = (r, e, t) => {
-  if (!e)
-    return;
-  const n = e.length > 1 && e.endsWith("/") ? e.slice(0, e.length - 1).toLowerCase() : e.toLowerCase(), s = t ? n.concat(t.toLowerCase()) : n;
-  return v(r, n, s);
-}, y = (r) => {
-  if (r)
-    return r.split("-")[0];
-}, w = (r, e) => {
-  let t = null;
-  return r.some((n) => {
+  hrefArray.push("./");
+  return hrefArray;
+};
+const searchHrefMatch = (items, normalizedHref, normalizedFullHref) => {
+  let toBeSelectedId;
+  let toBeSelectedHref;
+  const reducedNormalizedHref = decomposeHrefStringToArray(normalizedHref);
+  flatMenuItems(items).some((item) => {
+    let normalizedItemHref;
+    let normalizedItemHrefParams;
+    const idx = item.href?.indexOf("?");
+    if (idx !== -1) {
+      normalizedItemHref = item.href?.slice(0, idx).toLowerCase();
+      normalizedItemHrefParams = item.href?.slice(idx, item.href.length).toLowerCase();
+    } else {
+      normalizedItemHref = item.href?.toLowerCase();
+      normalizedItemHrefParams = "";
+    }
+    if (normalizedItemHref && normalizedItemHref.length > 1 && normalizedItemHref.endsWith("/")) {
+      normalizedItemHref = normalizedItemHref.slice(0, normalizedItemHref.length - 1);
+    }
+    const normalizedFullItemHref = `${normalizedItemHref}${normalizedItemHrefParams}`;
+    if (normalizedFullItemHref === normalizedFullHref) {
+      toBeSelectedId = item.id;
+      return true;
+    }
+    const matchedHref = reducedNormalizedHref.find((href) => normalizedItemHref === href);
+    if (matchedHref && (!toBeSelectedHref || matchedHref.length > toBeSelectedHref?.length)) {
+      toBeSelectedId = item.id;
+      toBeSelectedHref = matchedHref;
+    }
+    return false;
+  });
+  return toBeSelectedId;
+};
+const searchHrefInMenuItems = (items, href, parameters) => {
+  if (!href) {
+    return void 0;
+  }
+  const normalizedHref = href.length > 1 && href.endsWith("/") ? href.slice(0, href.length - 1).toLowerCase() : href.toLowerCase();
+  const normalizedFullHref = parameters ? normalizedHref.concat(parameters.toLowerCase()) : normalizedHref;
+  return searchHrefMatch(items, normalizedHref, normalizedFullHref);
+};
+const getRootIdFromItemId = (menuItemId) => {
+  if (!menuItemId) {
+    return void 0;
+  }
+  return menuItemId.split("-")[0];
+};
+const findItemById = (data, itemId) => {
+  let foundItem = null;
+  data.some((obj) => {
     const {
-      id: s,
-      data: d
-    } = n;
-    return s === e ? (t = n, !0) : d && d.length > 0 ? (t = w(d, e), t !== null) : !1;
-  }), t;
-}, C = (r) => {
-  let e = null;
-  return r.some((t) => !t.data || t.data.length === 0 ? (e = t, !0) : (e = C(t.data), e !== null)), e;
+      id: objId,
+      data: childData
+    } = obj;
+    if (objId === itemId) {
+      foundItem = obj;
+      return true;
+    }
+    if (childData && childData.length > 0) {
+      foundItem = findItemById(childData, itemId);
+      return foundItem !== null;
+    }
+    return false;
+  });
+  return foundItem;
+};
+const findFirstLeafItem = (data) => {
+  let foundItem = null;
+  data.some((obj) => {
+    if (!obj.data || obj.data.length === 0) {
+      foundItem = obj;
+      return true;
+    }
+    foundItem = findFirstLeafItem(obj.data);
+    return foundItem !== null;
+  });
+  return foundItem;
 };
 export {
-  z as addPrefixToHref,
-  L as createMenuItems,
-  C as findFirstLeafItem,
-  w as findItemById,
-  y as getRootIdFromItemId,
-  b as searchHrefInMenuItems
+  addPrefixToHref,
+  createMenuItems,
+  findFirstLeafItem,
+  findItemById,
+  getRootIdFromItemId,
+  searchHrefInMenuItems
 };
-//# sourceMappingURL=navigationUtils.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/app-shell-shared",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "App Shell Shared",
   "author": "Hitachi Vantara - Boba Fett Team",
   "license": "Apache-2.0",
@@ -53,5 +53,5 @@
   "dependencies": {
     "@hitachivantara/uikit-react-core": "^5.66.7"
   },
-  "gitHead": "a5e510ddd0eb8aeed19ea2bf8005918bb7e3b04f"
+  "gitHead": "bbee984ca345cfaa5d6a3829f5ec65cc6373b37b"
 }

package/dist/bundles/app-shell-shared.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-shell-shared.esm.js","sources":["../../src/AppShellContext.tsx","../../src/AppShellViewContext.tsx","../../src/AppShellRuntimeContext.tsx","../../src/AppShellCombinedProvidersContext.tsx","../../src/i18n/index.ts","../../src/hooks/useAppShellConfig.tsx","../../src/utils/navigationUtils.tsx","../../src/hooks/useMenuItems.tsx","../../src/hooks/useAppShellCombinedProviders.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport { HvAppShellConfig } from \"./types\";\n\nexport type HvAppShellContextValue = HvAppShellConfig;\nexport const HvAppShellContext = createContext<\n  HvAppShellContextValue | undefined\n>(undefined);\n","import { createContext } from \"react\";\n\nexport interface HvAppShellViewContextValue {\n  id: string;\n}\n\nexport const HvAppShellViewContext = createContext<\n  HvAppShellViewContextValue | undefined\n>(undefined);\n","import { createContext } from \"react\";\n\nimport type { i18n } from \"i18next\";\n\nexport interface HvAppShellRuntimeContextValue {\n  i18n: i18n;\n}\n\nexport const HvAppShellRuntimeContext = createContext<\n  HvAppShellRuntimeContextValue | undefined\n>(undefined);\n","import { createContext } from \"react\";\n\nexport interface HvAppShellCombinedProvidersContextValue {\n  providers?: React.ComponentType<{\n    children: React.ReactNode;\n  }>[];\n}\n\nexport const HvAppShellCombinedProvidersContext = createContext<\n  HvAppShellCombinedProvidersContextValue | undefined\n>(undefined);\n","const CONFIG_TRANSLATIONS_NAMESPACE = \"configTranslations\";\nexport default CONFIG_TRANSLATIONS_NAMESPACE;\n","import { useContext } from \"react\";\n\nimport { HvAppShellContext, HvAppShellContextValue } from \"../AppShellContext\";\n\nconst useAppShellConfig = (): HvAppShellContextValue => {\n  return useContext(HvAppShellContext) as HvAppShellContextValue;\n};\n\nexport default useAppShellConfig;\n","import { HvAppShellMenuConfig, MenuItem } from \"../types\";\n\n/**\n * Compute the target href for menu item.\n *\n * @param menuItem The root target href.\n *\n * @returns The menu item target href. If empty, returns the first child that has it defined or empty string if none.\n */\nconst getMenuTargetHref = (menuItem: HvAppShellMenuConfig): string => {\n  const { target } = menuItem;\n  if (target) {\n    return target;\n  }\n\n  if (menuItem.submenus) {\n    return getMenuTargetHref(menuItem.submenus[0]);\n  }\n\n  return \"\";\n};\n\n/**\n * Adds a dot to the href to indicate that it is a relative path.\n */\nconst addPrefixToHref = (href: string): string => {\n  return !href.startsWith(\".\") ? `.${href}` : href;\n};\n\n/**\n * Creates a navigation data structure ({@link MenuItem}) from the provided menu configuration ({@link HvAppShellMenuConfig}).\n *\n * @param t\n * @param menuItems The set of menu items from configuration.\n * @param maxDepth The maximum depth up until the recursiveness should occur for the creation of the menu items.\n * @param parentMenuItem The parent menu item of the set of menu items.\n *\n * @returns An array of {@link MenuItem}.\n */\nconst createMenuItems = (\n  t: (key: string) => string,\n  menuItems?: HvAppShellMenuConfig[],\n  maxDepth?: number,\n  parentMenuItem?: MenuItem\n): MenuItem[] => {\n  if (maxDepth !== undefined && maxDepth <= 0) {\n    return [];\n  }\n\n  return (\n    menuItems?.reduce<MenuItem[]>((accumulator, currentValue, index) => {\n      const navItem: MenuItem = {\n        id: parentMenuItem ? `${parentMenuItem.id}-${index}` : `${index}`,\n        label: t(currentValue.label),\n        href: addPrefixToHref(getMenuTargetHref(currentValue)),\n        icon: currentValue.icon,\n        parent: parentMenuItem\n      };\n\n      if (currentValue.submenus) {\n        const updatedDepth = maxDepth !== undefined ? maxDepth - 1 : undefined;\n        const data = createMenuItems(\n          t,\n          currentValue.submenus,\n          updatedDepth,\n          navItem\n        );\n        if (data.length > 0) {\n          navItem.data = data;\n        }\n      }\n\n      accumulator.push(navItem);\n      return accumulator;\n    }, []) ?? []\n  );\n};\n\n/**\n * Removes the items that do not have path and replaces it by its children, recursively.\n *\n * @param items The list of {@link MenuItem}.\n *\n * @returns A flat array of {@link MenuItem}.\n */\nconst flatMenuItems = (items: MenuItem[]) => {\n  return items.reduce<MenuItem[]>((acc, item) => {\n    if (item.data) {\n      acc.push(...flatMenuItems(item.data));\n    } else {\n      acc.push(item);\n    }\n\n    return acc;\n  }, []);\n};\n\n/**\n * Helper function that uses a cumulative reduction to derive an array of cumulative hrefs based on the components\n * of the input string.\n * @example\n * // returns ['/', '/app', '/app/details', '/app/details/1']\n * // normalizedHref: \"/app/details/1\"\n *\n * @param normalizedHref The href string to be reduced.\n *\n * @returns the array of cumulative hrefs.\n */\nconst decomposeHrefStringToArray = (normalizedHref: string): string[] => {\n  const hrefArray = normalizedHref\n    .split(\"/\")\n    .reduce<string[]>((accumulator, currentValue) => {\n      if (currentValue === \"\") {\n        return accumulator;\n      }\n\n      const prefix = accumulator.length === 0 ? \"\" : accumulator[0];\n      const href =\n        currentValue === \".\" ? currentValue : `${prefix}/${currentValue}`;\n      accumulator.unshift(href);\n      return accumulator;\n    }, []);\n\n  hrefArray.push(\"./\");\n\n  return hrefArray;\n};\n\n/**\n * Algorithm implementation of the searchHrefInMenuItems function.\n *\n * @returns An object containing an item id or empty, if no match is found, and a flag to indicate if a\n * full href match was found. If the id is filled but the flag is 'false', then only partial match was found.\n */\nconst searchHrefMatch = (\n  items: MenuItem[],\n  normalizedHref: string,\n  normalizedFullHref: string\n): string | undefined => {\n  let toBeSelectedId: string | undefined;\n  let toBeSelectedHref: string | undefined;\n\n  const reducedNormalizedHref = decomposeHrefStringToArray(normalizedHref);\n\n  flatMenuItems(items).some(item => {\n    let normalizedItemHref: string | undefined;\n    let normalizedItemHrefParams: string | undefined;\n\n    const idx = item.href?.indexOf(\"?\");\n    if (idx !== -1) {\n      normalizedItemHref = item.href?.slice(0, idx).toLowerCase();\n      normalizedItemHrefParams = item.href\n        ?.slice(idx, item.href.length)\n        .toLowerCase();\n    } else {\n      normalizedItemHref = item.href?.toLowerCase();\n      normalizedItemHrefParams = \"\";\n    }\n\n    if (\n      normalizedItemHref &&\n      normalizedItemHref.length > 1 &&\n      normalizedItemHref.endsWith(\"/\")\n    ) {\n      normalizedItemHref = normalizedItemHref.slice(\n        0,\n        normalizedItemHref.length - 1\n      );\n    }\n\n    const normalizedFullItemHref = `${normalizedItemHref}${normalizedItemHrefParams}`;\n\n    // if the normalized full href is met, then search is complete\n    if (normalizedFullItemHref === normalizedFullHref) {\n      toBeSelectedId = item.id;\n      return true;\n    }\n\n    // since it is not a full href match, we want to keep searching for a full href match,\n    // while storing only the first/longer partial match found\n    const matchedHref = reducedNormalizedHref.find(\n      (href: string) => normalizedItemHref === href\n    );\n    if (\n      matchedHref &&\n      (!toBeSelectedHref || matchedHref.length > toBeSelectedHref?.length)\n    ) {\n      toBeSelectedId = item.id;\n      toBeSelectedHref = matchedHref;\n    }\n\n    return false;\n  });\n\n  return toBeSelectedId;\n};\n\n/**\n * Searches for the href and parameters on all the menu items and its children until an exact match is found. If no\n * exact match is found but partial is, then the parent id for the first partial match found is returned.\n * @example\n * // returns '2'\n * // href: '/home', parameters: '?x=y', items: [{id:'1', href:'/home?z=v'},{id:'2', href:'/home'}\n *\n * For consistency purposes and based on the Router behavior, if either the href or the item href\n * (stripped of its query params) ends with a forward slash, then the comparison will ignore it\n * @example\n * // returns '1'\n * // href: '/home/', parameters: <empty>, items: [{id:'1', href:'/home'}]\n *\n * @param items The list of menu items to be searched.\n * @param href The url href after the domain up to the query parameters.\n * @param [parameters] The url query string after pathname.\n *\n * @returns The id of a parent menu item or an empty string.\n */\nconst searchHrefInMenuItems = (\n  items: MenuItem[],\n  href: string,\n  parameters?: string\n): string | undefined => {\n  if (!href) {\n    return undefined;\n  }\n\n  const normalizedHref =\n    href.length > 1 && href.endsWith(\"/\")\n      ? href.slice(0, href.length - 1).toLowerCase()\n      : href.toLowerCase();\n\n  const normalizedFullHref = parameters\n    ? normalizedHref.concat(parameters.toLowerCase())\n    : normalizedHref;\n\n  return searchHrefMatch(items, normalizedHref, normalizedFullHref);\n};\n\n/**\n * Get root menu id from the path (in the format 0-0-0 - id's separated by `-`)\n * @param menuItemId\n * @returns the Id of the first menu or undefined if the provided value is undefined\n */\nconst getRootIdFromItemId = (\n  menuItemId: string | undefined\n): string | undefined => {\n  if (!menuItemId) {\n    return undefined;\n  }\n  return menuItemId.split(\"-\")[0];\n};\n\n/**\n * Searches for an item with the specified id.\n *\n * @param {MenuItem[]} data - The navigation data structure.\n * @param {string} itemId - The item id.\n * @returns The item with matching id.\n */\nconst findItemById = (data: MenuItem[], itemId: string): MenuItem | null => {\n  let foundItem: MenuItem | null = null;\n  data.some(obj => {\n    const { id: objId, data: childData } = obj;\n    if (objId === itemId) {\n      foundItem = obj;\n      return true;\n    }\n    if (childData && childData.length > 0) {\n      foundItem = findItemById(childData, itemId);\n      return foundItem !== null;\n    }\n    return false;\n  });\n  return foundItem;\n};\n\n/**\n * Finds the first leaf item (item with children) inside the received structure.\n *\n * @param {MenuItem[]} data - The navigation data structure.\n * @returns - The first leaf item inside the structure.\n */\nconst findFirstLeafItem = (data: MenuItem[]): MenuItem | null => {\n  let foundItem: MenuItem | null = null;\n  data.some(obj => {\n    if (!obj.data || obj.data.length === 0) {\n      foundItem = obj;\n      return true;\n    }\n    foundItem = findFirstLeafItem(obj.data);\n    return foundItem !== null;\n  });\n  return foundItem;\n};\n\nexport {\n  createMenuItems,\n  searchHrefInMenuItems,\n  getRootIdFromItemId,\n  addPrefixToHref,\n  findItemById,\n  findFirstLeafItem\n};\n","import { useContext, useEffect, useMemo, useState } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nimport { MenuItemsContext } from \"../types\";\nimport {\n  addPrefixToHref,\n  createMenuItems,\n  findFirstLeafItem,\n  findItemById,\n  getRootIdFromItemId,\n  searchHrefInMenuItems\n} from \"../utils/navigationUtils\";\n\nimport CONFIG_TRANSLATIONS_NAMESPACE from \"../i18n\";\nimport useAppShellConfig from \"./useAppShellConfig\";\nimport { HvAppShellRuntimeContext } from \"../AppShellRuntimeContext\";\n\nconst MAX_TOP_MENU_DEPTH = 2;\n\nconst useMenuItems = (): MenuItemsContext => {\n  const { pathname, search, state: locationState } = useLocation();\n  const appShellContext = useAppShellConfig();\n\n  // use the i18n instance from the app shell runtime context to ensure we're using\n  // the app shell instance of i18n and not the one from the embedded app\n  const { i18n } = useContext(HvAppShellRuntimeContext) ?? {};\n  const tConfig = useMemo(\n    () =>\n      i18n?.getFixedT(i18n.language, CONFIG_TRANSLATIONS_NAMESPACE) ??\n      // should not happen, but fallback if the i18n instance is not available\n      ((l: string) => l),\n    [i18n]\n  );\n\n  const items = useMemo(() => {\n    const menuItemsDepth =\n      appShellContext.navigationMode === \"ONLY_TOP\"\n        ? MAX_TOP_MENU_DEPTH\n        : undefined;\n\n    return createMenuItems(tConfig, appShellContext.menu, menuItemsDepth);\n  }, [appShellContext, tConfig]);\n\n  const [selectedMenuItemId, setSelectedMenuItemId] = useState<\n    string | undefined\n  >(searchHrefInMenuItems(items, addPrefixToHref(pathname), search));\n\n  const [rootMenuItemId, setRootMenuItemId] = useState<string | undefined>(\n    getRootIdFromItemId(selectedMenuItemId)\n  );\n\n  useEffect(() => {\n    // no menu items, nothing to select\n    if (!items.length) {\n      return;\n    }\n    // state property is used when we already know which menu is to be selected\n    if (locationState?.selectedItemId) {\n      setRootMenuItemId(getRootIdFromItemId(locationState.selectedItemId));\n      // If the selected item has children we want to select the first child instead\n      const selectedItem = findItemById(items, locationState.selectedItemId);\n      if (selectedItem?.data?.length) {\n        const firstItemToSelect = findFirstLeafItem(selectedItem.data);\n        setSelectedMenuItemId(firstItemToSelect?.id);\n      } else {\n        setSelectedMenuItemId(selectedItem?.id);\n      }\n      return;\n    }\n    const toBeSelected = searchHrefInMenuItems(\n      items,\n      addPrefixToHref(pathname),\n      search\n    );\n    if (toBeSelected) {\n      setRootMenuItemId(getRootIdFromItemId(toBeSelected));\n      setSelectedMenuItemId(toBeSelected);\n      return;\n    }\n    // if none of the previous scenarios, then nothing is marked as selected\n    setRootMenuItemId(undefined);\n    setSelectedMenuItemId(undefined);\n  }, [items, locationState, pathname, search]);\n  return {\n    items,\n    selectedMenuItemId,\n    rootMenuItemId\n  };\n};\nexport default useMenuItems;\n","import { useContext } from \"react\";\n\nimport {\n  HvAppShellCombinedProvidersContext,\n  HvAppShellCombinedProvidersContextValue\n} from \"../AppShellCombinedProvidersContext\";\n\nconst useAppShellCombinedProviders =\n  (): HvAppShellCombinedProvidersContextValue => {\n    return useContext(\n      HvAppShellCombinedProvidersContext\n    ) as HvAppShellCombinedProvidersContextValue;\n  };\n\nexport default useAppShellCombinedProviders;\n"],"names":["HvAppShellContext","createContext","undefined","HvAppShellViewContext","HvAppShellRuntimeContext","HvAppShellCombinedProvidersContext","CONFIG_TRANSLATIONS_NAMESPACE","CONFIG_TRANSLATIONS_NAMESPACE$1","useAppShellConfig","useContext","useAppShellConfig$1","getMenuTargetHref","menuItem","target","submenus","addPrefixToHref","href","startsWith","createMenuItems","t","menuItems","maxDepth","parentMenuItem","reduce","accumulator","currentValue","index","navItem","id","label","icon","parent","updatedDepth","data","length","push","flatMenuItems","items","acc","item","decomposeHrefStringToArray","normalizedHref","hrefArray","split","prefix","unshift","searchHrefMatch","normalizedFullHref","toBeSelectedId","toBeSelectedHref","reducedNormalizedHref","some","normalizedItemHref","normalizedItemHrefParams","idx","indexOf","slice","toLowerCase","endsWith","matchedHref","find","searchHrefInMenuItems","parameters","concat","getRootIdFromItemId","menuItemId","findItemById","itemId","foundItem","obj","objId","childData","findFirstLeafItem","MAX_TOP_MENU_DEPTH","useMenuItems","pathname","search","state","locationState","useLocation","appShellContext","i18n","tConfig","useMemo","getFixedT","language","l","menuItemsDepth","navigationMode","menu","selectedMenuItemId","setSelectedMenuItemId","useState","rootMenuItemId","setRootMenuItemId","useEffect","selectedItemId","selectedItem","firstItemToSelect","toBeSelected","useMenuItems$1","useAppShellCombinedProviders","useAppShellCombinedProviders$1"],"mappings":"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"}

package/dist/esm/AppShellCombinedProvidersContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShellCombinedProvidersContext.js","sources":["../../src/AppShellCombinedProvidersContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nexport interface HvAppShellCombinedProvidersContextValue {\n  providers?: React.ComponentType<{\n    children: React.ReactNode;\n  }>[];\n}\n\nexport const HvAppShellCombinedProvidersContext = createContext<\n  HvAppShellCombinedProvidersContextValue | undefined\n>(undefined);\n"],"names":["HvAppShellCombinedProvidersContext","createContext","undefined"],"mappings":";AAQaA,MAAAA,IAAqCC,EAEhDC,MAAS;"}

package/dist/esm/AppShellContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShellContext.js","sources":["../../src/AppShellContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport { HvAppShellConfig } from \"./types\";\n\nexport type HvAppShellContextValue = HvAppShellConfig;\nexport const HvAppShellContext = createContext<\n  HvAppShellContextValue | undefined\n>(undefined);\n"],"names":["HvAppShellContext","createContext","undefined"],"mappings":";AAKaA,MAAAA,IAAoBC,EAE/BC,MAAS;"}

package/dist/esm/AppShellRuntimeContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShellRuntimeContext.js","sources":["../../src/AppShellRuntimeContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport type { i18n } from \"i18next\";\n\nexport interface HvAppShellRuntimeContextValue {\n  i18n: i18n;\n}\n\nexport const HvAppShellRuntimeContext = createContext<\n  HvAppShellRuntimeContextValue | undefined\n>(undefined);\n"],"names":["HvAppShellRuntimeContext","createContext","undefined"],"mappings":";AAQaA,MAAAA,IAA2BC,EAEtCC,MAAS;"}

package/dist/esm/AppShellViewContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShellViewContext.js","sources":["../../src/AppShellViewContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nexport interface HvAppShellViewContextValue {\n  id: string;\n}\n\nexport const HvAppShellViewContext = createContext<\n  HvAppShellViewContextValue | undefined\n>(undefined);\n"],"names":["HvAppShellViewContext","createContext","undefined"],"mappings":";AAMaA,MAAAA,IAAwBC,EAEnCC,MAAS;"}

package/dist/esm/hooks/useAppShellCombinedProviders.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAppShellCombinedProviders.js","sources":["../../../src/hooks/useAppShellCombinedProviders.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport {\n  HvAppShellCombinedProvidersContext,\n  HvAppShellCombinedProvidersContextValue\n} from \"../AppShellCombinedProvidersContext\";\n\nconst useAppShellCombinedProviders =\n  (): HvAppShellCombinedProvidersContextValue => {\n    return useContext(\n      HvAppShellCombinedProvidersContext\n    ) as HvAppShellCombinedProvidersContextValue;\n  };\n\nexport default useAppShellCombinedProviders;\n"],"names":["useAppShellCombinedProviders","useContext","HvAppShellCombinedProvidersContext","useAppShellCombinedProviders$1"],"mappings":";;AAOA,MAAMA,IACJA,MACSC,EACLC,CACF,GAGJC,IAAeH;"}

package/dist/esm/hooks/useAppShellConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAppShellConfig.js","sources":["../../../src/hooks/useAppShellConfig.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { HvAppShellContext, HvAppShellContextValue } from \"../AppShellContext\";\n\nconst useAppShellConfig = (): HvAppShellContextValue => {\n  return useContext(HvAppShellContext) as HvAppShellContextValue;\n};\n\nexport default useAppShellConfig;\n"],"names":["useAppShellConfig","useContext","HvAppShellContext","useAppShellConfig$1"],"mappings":";;AAIA,MAAMA,IAAoBA,MACjBC,EAAWC,CAAiB,GAGrCC,IAAeH;"}

package/dist/esm/hooks/useMenuItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenuItems.js","sources":["../../../src/hooks/useMenuItems.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo, useState } from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nimport { MenuItemsContext } from \"../types\";\nimport {\n  addPrefixToHref,\n  createMenuItems,\n  findFirstLeafItem,\n  findItemById,\n  getRootIdFromItemId,\n  searchHrefInMenuItems\n} from \"../utils/navigationUtils\";\n\nimport CONFIG_TRANSLATIONS_NAMESPACE from \"../i18n\";\nimport useAppShellConfig from \"./useAppShellConfig\";\nimport { HvAppShellRuntimeContext } from \"../AppShellRuntimeContext\";\n\nconst MAX_TOP_MENU_DEPTH = 2;\n\nconst useMenuItems = (): MenuItemsContext => {\n  const { pathname, search, state: locationState } = useLocation();\n  const appShellContext = useAppShellConfig();\n\n  // use the i18n instance from the app shell runtime context to ensure we're using\n  // the app shell instance of i18n and not the one from the embedded app\n  const { i18n } = useContext(HvAppShellRuntimeContext) ?? {};\n  const tConfig = useMemo(\n    () =>\n      i18n?.getFixedT(i18n.language, CONFIG_TRANSLATIONS_NAMESPACE) ??\n      // should not happen, but fallback if the i18n instance is not available\n      ((l: string) => l),\n    [i18n]\n  );\n\n  const items = useMemo(() => {\n    const menuItemsDepth =\n      appShellContext.navigationMode === \"ONLY_TOP\"\n        ? MAX_TOP_MENU_DEPTH\n        : undefined;\n\n    return createMenuItems(tConfig, appShellContext.menu, menuItemsDepth);\n  }, [appShellContext, tConfig]);\n\n  const [selectedMenuItemId, setSelectedMenuItemId] = useState<\n    string | undefined\n  >(searchHrefInMenuItems(items, addPrefixToHref(pathname), search));\n\n  const [rootMenuItemId, setRootMenuItemId] = useState<string | undefined>(\n    getRootIdFromItemId(selectedMenuItemId)\n  );\n\n  useEffect(() => {\n    // no menu items, nothing to select\n    if (!items.length) {\n      return;\n    }\n    // state property is used when we already know which menu is to be selected\n    if (locationState?.selectedItemId) {\n      setRootMenuItemId(getRootIdFromItemId(locationState.selectedItemId));\n      // If the selected item has children we want to select the first child instead\n      const selectedItem = findItemById(items, locationState.selectedItemId);\n      if (selectedItem?.data?.length) {\n        const firstItemToSelect = findFirstLeafItem(selectedItem.data);\n        setSelectedMenuItemId(firstItemToSelect?.id);\n      } else {\n        setSelectedMenuItemId(selectedItem?.id);\n      }\n      return;\n    }\n    const toBeSelected = searchHrefInMenuItems(\n      items,\n      addPrefixToHref(pathname),\n      search\n    );\n    if (toBeSelected) {\n      setRootMenuItemId(getRootIdFromItemId(toBeSelected));\n      setSelectedMenuItemId(toBeSelected);\n      return;\n    }\n    // if none of the previous scenarios, then nothing is marked as selected\n    setRootMenuItemId(undefined);\n    setSelectedMenuItemId(undefined);\n  }, [items, locationState, pathname, search]);\n  return {\n    items,\n    selectedMenuItemId,\n    rootMenuItemId\n  };\n};\nexport default useMenuItems;\n"],"names":["MAX_TOP_MENU_DEPTH","useMenuItems","pathname","search","state","locationState","useLocation","appShellContext","useAppShellConfig","i18n","useContext","HvAppShellRuntimeContext","tConfig","useMemo","getFixedT","language","CONFIG_TRANSLATIONS_NAMESPACE","l","items","menuItemsDepth","navigationMode","undefined","createMenuItems","menu","selectedMenuItemId","setSelectedMenuItemId","useState","searchHrefInMenuItems","addPrefixToHref","rootMenuItemId","setRootMenuItemId","getRootIdFromItemId","useEffect","length","selectedItemId","selectedItem","findItemById","data","firstItemToSelect","findFirstLeafItem","id","toBeSelected","useMenuItems$1"],"mappings":";;;;;;AAiBA,MAAMA,IAAqB,GAErBC,IAAeA,MAAwB;AACrC,QAAA;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,QAAAA;AAAAA,IAAQC,OAAOC;AAAAA,MAAkBC,EAAY,GACzDC,IAAkBC,KAIlB;AAAA,IAAEC,MAAAA;AAAAA,EAAAA,IAASC,EAAWC,CAAwB,KAAK,IACnDC,IAAUC,EACd,OACEJ,KAAAA,gBAAAA,EAAMK,UAAUL,EAAKM,UAAUC;AAAAA,GAE9B,CAACC,MAAcA,IAClB,CAACR,CAAI,CACP,GAEMS,IAAQL,EAAQ,MAAM;AAC1B,UAAMM,IACJZ,EAAgBa,mBAAmB,aAC/BpB,IACAqB;AAEN,WAAOC,EAAgBV,GAASL,EAAgBgB,MAAMJ,CAAc;AAAA,EAAA,GACnE,CAACZ,GAAiBK,CAAO,CAAC,GAEvB,CAACY,GAAoBC,CAAqB,IAAIC,EAElDC,EAAsBT,GAAOU,EAAgB1B,CAAQ,GAAGC,CAAM,CAAC,GAE3D,CAAC0B,GAAgBC,CAAiB,IAAIJ,EAC1CK,EAAoBP,CAAkB,CACxC;AAEAQ,SAAAA,EAAU,MAAM;;AAEV,QAAA,CAACd,EAAMe;AACT;AAGF,QAAI5B,KAAAA,QAAAA,EAAe6B,gBAAgB;AACfH,MAAAA,EAAAA,EAAoB1B,EAAc6B,cAAc,CAAC;AAEnE,YAAMC,IAAeC,EAAalB,GAAOb,EAAc6B,cAAc;AACjEC,WAAAA,IAAAA,KAAAA,gBAAAA,EAAcE,SAAdF,QAAAA,EAAoBF,QAAQ;AACxBK,cAAAA,IAAoBC,EAAkBJ,EAAaE,IAAI;AAC7DZ,QAAAA,EAAsBa,KAAAA,gBAAAA,EAAmBE,EAAE;AAAA,MAAA;AAE3Cf,QAAAA,EAAsBU,KAAAA,gBAAAA,EAAcK,EAAE;AAExC;AAAA,IACF;AACA,UAAMC,IAAed,EACnBT,GACAU,EAAgB1B,CAAQ,GACxBC,CACF;AACA,QAAIsC,GAAc;AACEV,MAAAA,EAAAA,EAAoBU,CAAY,CAAC,GACnDhB,EAAsBgB,CAAY;AAClC;AAAA,IACF;AAEAX,IAAAA,EAAkBT,MAAS,GAC3BI,EAAsBJ,MAAS;AAAA,KAC9B,CAACH,GAAOb,GAAeH,GAAUC,CAAM,CAAC,GACpC;AAAA,IACLe,OAAAA;AAAAA,IACAM,oBAAAA;AAAAA,IACAK,gBAAAA;AAAAA,EAAAA;AAEJ,GACAa,IAAezC;"}

package/dist/esm/i18n/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/i18n/index.ts"],"sourcesContent":["const CONFIG_TRANSLATIONS_NAMESPACE = \"configTranslations\";\nexport default CONFIG_TRANSLATIONS_NAMESPACE;\n"],"names":["CONFIG_TRANSLATIONS_NAMESPACE","CONFIG_TRANSLATIONS_NAMESPACE$1"],"mappings":"AAAA,MAAMA,IAAgC,sBACtCC,IAAeD;"}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/utils/navigationUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigationUtils.js","sources":["../../../src/utils/navigationUtils.tsx"],"sourcesContent":["import { HvAppShellMenuConfig, MenuItem } from \"../types\";\n\n/**\n * Compute the target href for menu item.\n *\n * @param menuItem The root target href.\n *\n * @returns The menu item target href. If empty, returns the first child that has it defined or empty string if none.\n */\nconst getMenuTargetHref = (menuItem: HvAppShellMenuConfig): string => {\n  const { target } = menuItem;\n  if (target) {\n    return target;\n  }\n\n  if (menuItem.submenus) {\n    return getMenuTargetHref(menuItem.submenus[0]);\n  }\n\n  return \"\";\n};\n\n/**\n * Adds a dot to the href to indicate that it is a relative path.\n */\nconst addPrefixToHref = (href: string): string => {\n  return !href.startsWith(\".\") ? `.${href}` : href;\n};\n\n/**\n * Creates a navigation data structure ({@link MenuItem}) from the provided menu configuration ({@link HvAppShellMenuConfig}).\n *\n * @param t\n * @param menuItems The set of menu items from configuration.\n * @param maxDepth The maximum depth up until the recursiveness should occur for the creation of the menu items.\n * @param parentMenuItem The parent menu item of the set of menu items.\n *\n * @returns An array of {@link MenuItem}.\n */\nconst createMenuItems = (\n  t: (key: string) => string,\n  menuItems?: HvAppShellMenuConfig[],\n  maxDepth?: number,\n  parentMenuItem?: MenuItem\n): MenuItem[] => {\n  if (maxDepth !== undefined && maxDepth <= 0) {\n    return [];\n  }\n\n  return (\n    menuItems?.reduce<MenuItem[]>((accumulator, currentValue, index) => {\n      const navItem: MenuItem = {\n        id: parentMenuItem ? `${parentMenuItem.id}-${index}` : `${index}`,\n        label: t(currentValue.label),\n        href: addPrefixToHref(getMenuTargetHref(currentValue)),\n        icon: currentValue.icon,\n        parent: parentMenuItem\n      };\n\n      if (currentValue.submenus) {\n        const updatedDepth = maxDepth !== undefined ? maxDepth - 1 : undefined;\n        const data = createMenuItems(\n          t,\n          currentValue.submenus,\n          updatedDepth,\n          navItem\n        );\n        if (data.length > 0) {\n          navItem.data = data;\n        }\n      }\n\n      accumulator.push(navItem);\n      return accumulator;\n    }, []) ?? []\n  );\n};\n\n/**\n * Removes the items that do not have path and replaces it by its children, recursively.\n *\n * @param items The list of {@link MenuItem}.\n *\n * @returns A flat array of {@link MenuItem}.\n */\nconst flatMenuItems = (items: MenuItem[]) => {\n  return items.reduce<MenuItem[]>((acc, item) => {\n    if (item.data) {\n      acc.push(...flatMenuItems(item.data));\n    } else {\n      acc.push(item);\n    }\n\n    return acc;\n  }, []);\n};\n\n/**\n * Helper function that uses a cumulative reduction to derive an array of cumulative hrefs based on the components\n * of the input string.\n * @example\n * // returns ['/', '/app', '/app/details', '/app/details/1']\n * // normalizedHref: \"/app/details/1\"\n *\n * @param normalizedHref The href string to be reduced.\n *\n * @returns the array of cumulative hrefs.\n */\nconst decomposeHrefStringToArray = (normalizedHref: string): string[] => {\n  const hrefArray = normalizedHref\n    .split(\"/\")\n    .reduce<string[]>((accumulator, currentValue) => {\n      if (currentValue === \"\") {\n        return accumulator;\n      }\n\n      const prefix = accumulator.length === 0 ? \"\" : accumulator[0];\n      const href =\n        currentValue === \".\" ? currentValue : `${prefix}/${currentValue}`;\n      accumulator.unshift(href);\n      return accumulator;\n    }, []);\n\n  hrefArray.push(\"./\");\n\n  return hrefArray;\n};\n\n/**\n * Algorithm implementation of the searchHrefInMenuItems function.\n *\n * @returns An object containing an item id or empty, if no match is found, and a flag to indicate if a\n * full href match was found. If the id is filled but the flag is 'false', then only partial match was found.\n */\nconst searchHrefMatch = (\n  items: MenuItem[],\n  normalizedHref: string,\n  normalizedFullHref: string\n): string | undefined => {\n  let toBeSelectedId: string | undefined;\n  let toBeSelectedHref: string | undefined;\n\n  const reducedNormalizedHref = decomposeHrefStringToArray(normalizedHref);\n\n  flatMenuItems(items).some(item => {\n    let normalizedItemHref: string | undefined;\n    let normalizedItemHrefParams: string | undefined;\n\n    const idx = item.href?.indexOf(\"?\");\n    if (idx !== -1) {\n      normalizedItemHref = item.href?.slice(0, idx).toLowerCase();\n      normalizedItemHrefParams = item.href\n        ?.slice(idx, item.href.length)\n        .toLowerCase();\n    } else {\n      normalizedItemHref = item.href?.toLowerCase();\n      normalizedItemHrefParams = \"\";\n    }\n\n    if (\n      normalizedItemHref &&\n      normalizedItemHref.length > 1 &&\n      normalizedItemHref.endsWith(\"/\")\n    ) {\n      normalizedItemHref = normalizedItemHref.slice(\n        0,\n        normalizedItemHref.length - 1\n      );\n    }\n\n    const normalizedFullItemHref = `${normalizedItemHref}${normalizedItemHrefParams}`;\n\n    // if the normalized full href is met, then search is complete\n    if (normalizedFullItemHref === normalizedFullHref) {\n      toBeSelectedId = item.id;\n      return true;\n    }\n\n    // since it is not a full href match, we want to keep searching for a full href match,\n    // while storing only the first/longer partial match found\n    const matchedHref = reducedNormalizedHref.find(\n      (href: string) => normalizedItemHref === href\n    );\n    if (\n      matchedHref &&\n      (!toBeSelectedHref || matchedHref.length > toBeSelectedHref?.length)\n    ) {\n      toBeSelectedId = item.id;\n      toBeSelectedHref = matchedHref;\n    }\n\n    return false;\n  });\n\n  return toBeSelectedId;\n};\n\n/**\n * Searches for the href and parameters on all the menu items and its children until an exact match is found. If no\n * exact match is found but partial is, then the parent id for the first partial match found is returned.\n * @example\n * // returns '2'\n * // href: '/home', parameters: '?x=y', items: [{id:'1', href:'/home?z=v'},{id:'2', href:'/home'}\n *\n * For consistency purposes and based on the Router behavior, if either the href or the item href\n * (stripped of its query params) ends with a forward slash, then the comparison will ignore it\n * @example\n * // returns '1'\n * // href: '/home/', parameters: <empty>, items: [{id:'1', href:'/home'}]\n *\n * @param items The list of menu items to be searched.\n * @param href The url href after the domain up to the query parameters.\n * @param [parameters] The url query string after pathname.\n *\n * @returns The id of a parent menu item or an empty string.\n */\nconst searchHrefInMenuItems = (\n  items: MenuItem[],\n  href: string,\n  parameters?: string\n): string | undefined => {\n  if (!href) {\n    return undefined;\n  }\n\n  const normalizedHref =\n    href.length > 1 && href.endsWith(\"/\")\n      ? href.slice(0, href.length - 1).toLowerCase()\n      : href.toLowerCase();\n\n  const normalizedFullHref = parameters\n    ? normalizedHref.concat(parameters.toLowerCase())\n    : normalizedHref;\n\n  return searchHrefMatch(items, normalizedHref, normalizedFullHref);\n};\n\n/**\n * Get root menu id from the path (in the format 0-0-0 - id's separated by `-`)\n * @param menuItemId\n * @returns the Id of the first menu or undefined if the provided value is undefined\n */\nconst getRootIdFromItemId = (\n  menuItemId: string | undefined\n): string | undefined => {\n  if (!menuItemId) {\n    return undefined;\n  }\n  return menuItemId.split(\"-\")[0];\n};\n\n/**\n * Searches for an item with the specified id.\n *\n * @param {MenuItem[]} data - The navigation data structure.\n * @param {string} itemId - The item id.\n * @returns The item with matching id.\n */\nconst findItemById = (data: MenuItem[], itemId: string): MenuItem | null => {\n  let foundItem: MenuItem | null = null;\n  data.some(obj => {\n    const { id: objId, data: childData } = obj;\n    if (objId === itemId) {\n      foundItem = obj;\n      return true;\n    }\n    if (childData && childData.length > 0) {\n      foundItem = findItemById(childData, itemId);\n      return foundItem !== null;\n    }\n    return false;\n  });\n  return foundItem;\n};\n\n/**\n * Finds the first leaf item (item with children) inside the received structure.\n *\n * @param {MenuItem[]} data - The navigation data structure.\n * @returns - The first leaf item inside the structure.\n */\nconst findFirstLeafItem = (data: MenuItem[]): MenuItem | null => {\n  let foundItem: MenuItem | null = null;\n  data.some(obj => {\n    if (!obj.data || obj.data.length === 0) {\n      foundItem = obj;\n      return true;\n    }\n    foundItem = findFirstLeafItem(obj.data);\n    return foundItem !== null;\n  });\n  return foundItem;\n};\n\nexport {\n  createMenuItems,\n  searchHrefInMenuItems,\n  getRootIdFromItemId,\n  addPrefixToHref,\n  findItemById,\n  findFirstLeafItem\n};\n"],"names":["getMenuTargetHref","menuItem","target","submenus","addPrefixToHref","href","startsWith","createMenuItems","t","menuItems","maxDepth","parentMenuItem","undefined","reduce","accumulator","currentValue","index","navItem","id","label","icon","parent","updatedDepth","data","length","push","flatMenuItems","items","acc","item","decomposeHrefStringToArray","normalizedHref","hrefArray","split","prefix","unshift","searchHrefMatch","normalizedFullHref","toBeSelectedId","toBeSelectedHref","reducedNormalizedHref","some","_a","_b","_c","_d","normalizedItemHref","normalizedItemHrefParams","idx","indexOf","slice","toLowerCase","endsWith","matchedHref","find","searchHrefInMenuItems","parameters","concat","getRootIdFromItemId","menuItemId","findItemById","itemId","foundItem","obj","objId","childData","findFirstLeafItem"],"mappings":"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"}