react-luminus-components 1.3.203 → 1.3.205

package/dist/layout.es.js

@@ -1,24 +1,25 @@
-import { j as e, c as i, aa as B, aA as L, bi as T, bj as R } from "./ShortcutLinksContext-CDA4_y4H.js";
-import { b2 as Ne, bk as ye } from "./ShortcutLinksContext-CDA4_y4H.js";
-import { useState as I, useRef as z, useMemo as k, useEffect as S } from "react";
-import { Link as g } from "react-router-dom";
+import { j as e, c as i, aa as g, aF as L, bn as T, bo as R } from "./ShortcutLinksContext-DjWgKFrF.js";
+import { b7 as ye, bp as fe } from "./ShortcutLinksContext-DjWgKFrF.js";
+import { useState as P, useRef as w, useMemo as q, useEffect as S } from "react";
+import { Link as B } from "react-router-dom";
 import "react-hook-form";
 import "react-flexmonster";
 import "@azure/msal-browser";
 import "@azure/msal-react";
-import { a as w, u as $ } from "./useWindowSize-OLYtjFv_.js";
-import { u as A } from "./usePermissions-BJHLPP0j.js";
-const F = "_side-menu-item_1o1uo_1", K = "_disabled_1o1uo_6", O = "_nav-button_1o1uo_10", D = "_child_1o1uo_18", U = "_text_1o1uo_23", W = "_icon_1o1uo_30", q = "_collapse-icon_1o1uo_36", E = "_collapsed_1o1uo_46", G = "_collapse-icon-mini_1o1uo_49", J = "_expanded_1o1uo_80", Q = "_children-container_1o1uo_86", V = "_visible_1o1uo_94", X = "_children_1o1uo_86", Y = "_mobile_1o1uo_106", s = {
+import { a as I, u as $ } from "./useWindowSize-OLYtjFv_.js";
+import "react-dom";
+import { u as A } from "./usePermissions-DH1EcMcR.js";
+const F = "_side-menu-item_1o1uo_1", K = "_disabled_1o1uo_6", O = "_nav-button_1o1uo_10", z = "_child_1o1uo_18", D = "_text_1o1uo_23", U = "_icon_1o1uo_30", W = "_collapse-icon_1o1uo_36", E = "_collapsed_1o1uo_46", G = "_collapse-icon-mini_1o1uo_49", J = "_expanded_1o1uo_80", Q = "_children-container_1o1uo_86", V = "_visible_1o1uo_94", X = "_children_1o1uo_86", Y = "_mobile_1o1uo_106", s = {
   "side-menu-item": "_side-menu-item_1o1uo_1",
   sideMenuItem: F,
   disabled: K,
   "nav-button": "_nav-button_1o1uo_10",
   navButton: O,
-  child: D,
-  text: U,
-  icon: W,
+  child: z,
+  text: D,
+  icon: U,
   "collapse-icon": "_collapse-icon_1o1uo_36",
-  collapseIcon: q,
+  collapseIcon: W,
   collapsed: E,
   "collapse-icon-mini": "_collapse-icon-mini_1o1uo_49",
   collapseIconMini: G,
@@ -28,113 +29,113 @@ const F = "_side-menu-item_1o1uo_1", K = "_disabled_1o1uo_6", O = "_nav-button_1
   visible: V,
   children: X,
   mobile: Y
-}, Z = ({ item: n, menuExpanded: t, useTooltips: l, children: a }) => n.tooltip && !t && l ? /* @__PURE__ */ e.jsx(L, { text: n.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ e.jsx("div", { children: a }) }) : a, C = ({ item: n, menuExpanded: t, collapsed: l, onCollapse: a, currentPath: d, useHover: m, useTooltips: M, isMobile: r }) => {
-  var f, v, j, x;
-  const [N, p] = I(!1), [b] = d.split("?"), _ = n.linkTo === b || ((f = n.children) == null ? void 0 : f.some((o) => o.linkTo === b)), y = z(null);
-  return w([y], () => l && a()), /* @__PURE__ */ e.jsxs("li", { ref: y, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: r }, {
-    [s.expanded]: t
-  }, { active: N || _ }, { open: l && n.children }, {
-    [s.disabled]: n.disabled || n.notPermitted || ((v = n.children) == null ? void 0 : v.every((o) => o.notPermitted || o.disabled))
+}, Z = ({ item: o, menuExpanded: l, useTooltips: a, children: d }) => o.tooltip && !l && a ? /* @__PURE__ */ e.jsx(L, { text: o.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ e.jsx("div", { children: d }) }) : d, k = ({ item: o, menuExpanded: l, collapsed: a, onCollapse: d, currentPath: t, useHover: u, useTooltips: N, isMobile: r }) => {
+  var f, v, j, b;
+  const [M, p] = P(!1), [h] = t.split("?"), _ = o.linkTo === h || ((f = o.children) == null ? void 0 : f.some((n) => n.linkTo === h)), y = w(null);
+  return I([y], () => a && d()), /* @__PURE__ */ e.jsxs("li", { ref: y, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: r }, {
+    [s.expanded]: l
+  }, { active: M || _ }, { open: a && o.children }, {
+    [s.disabled]: o.disabled || o.notPermitted || ((v = o.children) == null ? void 0 : v.every((n) => n.notPermitted || n.disabled))
   }, {
-    disabled: n.disabled || n.notPermitted || ((j = n.children) == null ? void 0 : j.every((o) => o.notPermitted || o.disabled))
+    disabled: o.disabled || o.notPermitted || ((j = o.children) == null ? void 0 : j.every((n) => n.notPermitted || n.disabled))
   }), onMouseEnter: () => p(!0), onMouseLeave: () => p(!1), children: [
-    /* @__PURE__ */ e.jsx(Z, { item: n, menuExpanded: t, useTooltips: M, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: i("nav-link", s.navButton), onClick: () => {
-      a();
+    /* @__PURE__ */ e.jsx(Z, { item: o, menuExpanded: l, useTooltips: N, children: o.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: i("nav-link", s.navButton), onClick: () => {
+      d();
     }, children: [
-      /* @__PURE__ */ e.jsx("div", { className: i("icon", s.icon), children: n.icon }),
-      !m && !t && /* @__PURE__ */ e.jsx("div", { className: i("collapse-icon-mini rounded", s.collapseIconMini, {
-        [s.collapsed]: l
-      }), children: /* @__PURE__ */ e.jsx(B, {}) }),
-      t && /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: n.title }),
-      t && /* @__PURE__ */ e.jsx("div", { className: i("collapse-icon", s.collapseIcon, {
-        [s.collapsed]: l
-      }), children: /* @__PURE__ */ e.jsx(B, {}) })
-    ] }) }) : /* @__PURE__ */ e.jsxs(g, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: i("nav-link", s.navButton), children: [
-      /* @__PURE__ */ e.jsx("div", { className: i("icon", s.icon), children: n.icon }),
-      t && /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: n.title })
+      /* @__PURE__ */ e.jsx("div", { className: i("icon", s.icon), children: o.icon }),
+      !u && !l && /* @__PURE__ */ e.jsx("div", { className: i("collapse-icon-mini rounded", s.collapseIconMini, {
+        [s.collapsed]: a
+      }), children: /* @__PURE__ */ e.jsx(g, {}) }),
+      l && /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: o.title }),
+      l && /* @__PURE__ */ e.jsx("div", { className: i("collapse-icon", s.collapseIcon, {
+        [s.collapsed]: a
+      }), children: /* @__PURE__ */ e.jsx(g, {}) })
+    ] }) }) : /* @__PURE__ */ e.jsxs(B, { to: o.disabled || o.notPermitted ? "/" : o.linkTo ?? "/", className: i("nav-link", s.navButton), children: [
+      /* @__PURE__ */ e.jsx("div", { className: i("icon", s.icon), children: o.icon }),
+      l && /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: o.title })
     ] }) }),
     /* @__PURE__ */ e.jsx("div", { className: i("children-container", s.childrenContainer, {
-      [s.visible]: l
-    }), children: /* @__PURE__ */ e.jsx("div", { className: i("shadow rounded children", s.children), children: (x = n.children) == null ? void 0 : x.map((o) => /* @__PURE__ */ e.jsx(g, { to: o.disabled || o.notPermitted ? "/" : o.linkTo ?? "/", className: i("nav-link child rounded", s.navButton, s.child, { [s.disabled]: o.disabled || o.notPermitted }, { disabled: o.disabled || o.notPermitted }), onClick: a, children: /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: o.title }) }, o.linkTo)) }) })
+      [s.visible]: a
+    }), children: /* @__PURE__ */ e.jsx("div", { className: i("shadow rounded children", s.children), children: (b = o.children) == null ? void 0 : b.map((n) => /* @__PURE__ */ e.jsx(B, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: i("nav-link child rounded", s.navButton, s.child, { [s.disabled]: n.disabled || n.notPermitted }, { disabled: n.disabled || n.notPermitted }), onClick: d, children: /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: n.title }) }, n.linkTo)) }) })
   ] });
-}, H = "_side-menu_15z3o_1", ee = "_sidebar-header_15z3o_13", oe = "_side-menu-content_15z3o_20", ne = "_expand_15z3o_24", se = "_only-logo_15z3o_28", ie = "_mobile_15z3o_31", te = "_divider_15z3o_45", u = {
-  "side-menu": "_side-menu_15z3o_1",
+}, H = "_side-menu_1q9oh_1", ee = "_sidebar-header_1q9oh_15", ne = "_side-menu-content_1q9oh_22", oe = "_expand_1q9oh_27", se = "_only-logo_1q9oh_31", ie = "_mobile_1q9oh_34", le = "_divider_1q9oh_49", m = {
+  "side-menu": "_side-menu_1q9oh_1",
   sideMenu: H,
-  "sidebar-header": "_sidebar-header_15z3o_13",
+  "sidebar-header": "_sidebar-header_1q9oh_15",
   sidebarHeader: ee,
-  "side-menu-content": "_side-menu-content_15z3o_20",
-  sideMenuContent: oe,
-  expand: ne,
-  "only-logo": "_only-logo_15z3o_28",
+  "side-menu-content": "_side-menu-content_1q9oh_22",
+  sideMenuContent: ne,
+  expand: oe,
+  "only-logo": "_only-logo_1q9oh_31",
   onlyLogo: se,
   mobile: ie,
-  divider: te
-}, he = ({ headerItem: n, searchItem: t, mainItems: l, secondaryItems: a, expanded: d, setExpanded: m, currentPath: M, useHover: r, useTooltips: N }) => {
-  const [p, b] = I(-1), { checkUserHasPermissions: _ } = A(), y = k(() => l.map((o) => {
+  divider: le
+}, ve = ({ headerItem: o, searchItem: l, mainItems: a, secondaryItems: d, expanded: t, setExpanded: u, currentPath: N, useHover: r, useTooltips: M }) => {
+  const [p, h] = P(-1), { checkUserHasPermissions: _ } = A(), y = q(() => a.map((n) => {
     var c;
     return {
-      ...o,
-      notPermitted: !_(o.permissions ?? [], "any"),
-      children: (c = o.children) == null ? void 0 : c.map((h) => ({
-        ...h,
-        notPermitted: !_(h.permissions ?? [], "any"),
-        disabled: o.disabled || h.disabled
+      ...n,
+      notPermitted: !_(n.permissions ?? [], "any"),
+      children: (c = n.children) == null ? void 0 : c.map((x) => ({
+        ...x,
+        notPermitted: !_(x.permissions ?? [], "any"),
+        disabled: n.disabled || x.disabled
       }))
     };
-  }), [l, _]), f = k(() => a.map((o) => {
+  }), [a, _]), f = q(() => d.map((n) => {
     var c;
     return {
-      ...o,
-      notPermitted: !_(o.permissions ?? [], "any"),
-      children: (c = o.children) == null ? void 0 : c.map((h) => ({
-        ...h,
-        notPermitted: !_(h.permissions ?? [], "any")
+      ...n,
+      notPermitted: !_(n.permissions ?? [], "any"),
+      children: (c = n.children) == null ? void 0 : c.map((x) => ({
+        ...x,
+        notPermitted: !_(x.permissions ?? [], "any")
       }))
     };
-  }), [a, _]), v = (o) => {
-    b(o === p ? -1 : o);
+  }), [d, _]), v = (n) => {
+    h(n === p ? -1 : n);
   };
   S(() => {
-    d || b(-1);
-  }, [d]);
-  const j = z(null);
-  w([j], () => m(!1));
-  const { isMobile: x } = $();
-  return /* @__PURE__ */ e.jsxs("section", { ref: j, className: i("luminus-side-menu shadow", u.sideMenu, { [u.mobile]: x }, {
-    [u.expand]: d
-  }, { expand: d }), onMouseEnter: () => r && m(!0), onMouseLeave: () => r && m(!1), children: [
-    /* @__PURE__ */ e.jsx("div", { className: i("sidebar-header", u.sidebarHeader, {
-      [u.onlyLogo]: r
-    }), role: r ? void 0 : "button", onClick: r ? void 0 : () => m(!d), children: r ? n : d ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    t || h(-1);
+  }, [t]);
+  const j = w(null);
+  I([j], () => u(!1));
+  const { isMobile: b } = $();
+  return /* @__PURE__ */ e.jsxs("section", { ref: j, className: i("luminus-side-menu shadow", m.sideMenu, { [m.mobile]: b }, {
+    [m.expand]: t
+  }, { expand: t }), onMouseEnter: () => r && u(!0), onMouseLeave: () => r && u(!1), children: [
+    /* @__PURE__ */ e.jsx("div", { className: i("sidebar-header", m.sidebarHeader, {
+      [m.onlyLogo]: r
+    }), role: r ? void 0 : "button", onClick: r ? void 0 : () => u(!t), children: r ? o : t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(T, {}),
-      n
+      o
     ] }) : /* @__PURE__ */ e.jsx(R, {}) }),
-    /* @__PURE__ */ e.jsxs("ul", { className: u.sideMenuContent, children: [
-      t ? /* @__PURE__ */ e.jsx("div", { className: "p-3", children: t }) : null,
-      y.map((o, c) => /* @__PURE__ */ e.jsx(C, { item: o, menuExpanded: d, collapsed: c === p, onCollapse: () => v(c), currentPath: M, useHover: r, useTooltips: N, isMobile: x }, o.title)),
-      /* @__PURE__ */ e.jsx("hr", { className: i("divider", u.divider) }),
-      f.map((o, c) => /* @__PURE__ */ e.jsx(C, { item: o, menuExpanded: d, collapsed: c === p, onCollapse: () => v(c), currentPath: M, useHover: r, useTooltips: N, isMobile: x }, o.title))
+    l && t ? /* @__PURE__ */ e.jsx("div", { children: l }) : null,
+    /* @__PURE__ */ e.jsxs("ul", { className: m.sideMenuContent, children: [
+      y.map((n, c) => /* @__PURE__ */ e.jsx(k, { item: n, menuExpanded: t, collapsed: c === p, onCollapse: () => v(c), currentPath: N, useHover: r, useTooltips: M, isMobile: b }, n.title)),
+      /* @__PURE__ */ e.jsx("hr", { className: i("divider", m.divider) }),
+      f.map((n, c) => /* @__PURE__ */ e.jsx(k, { item: n, menuExpanded: t, collapsed: c === p, onCollapse: () => v(c), currentPath: N, useHover: r, useTooltips: M, isMobile: b }, n.title))
     ] })
   ] });
-}, le = "_top-bar_1usoa_1", ae = "_top-bar-brand_1usoa_13", P = {
-  "top-bar": "_top-bar_1usoa_1",
-  topBar: le,
-  "top-bar-brand": "_top-bar-brand_1usoa_13",
+}, te = "_top-bar_lnmq0_1", ae = "_top-bar-brand_lnmq0_12", C = {
+  "top-bar": "_top-bar_lnmq0_1",
+  topBar: te,
+  "top-bar-brand": "_top-bar-brand_lnmq0_12",
   topBarBrand: ae
-}, ve = ({ appName: n, leftOffset: t, leftContent: l, centerContent: a, rightContent: d }) => /* @__PURE__ */ e.jsxs("nav", { className: i("luminus-top-bar shadow gap-1 gap-lg-3", P.topBar), style: {
-  width: t ? `calc(100% - ${t}px)` : void 0,
-  left: t ? `${t}px` : void 0
-}, children: [
-  /* @__PURE__ */ e.jsxs("div", { className: "d-flex gap-4 align-items-center", children: [
-    /* @__PURE__ */ e.jsx(g, { to: "/", className: i("luminus-top-bar-brand", P.topBarBrand), children: n }),
-    l
-  ] }),
-  a && /* @__PURE__ */ e.jsx("div", { children: a }),
-  /* @__PURE__ */ e.jsx("div", { className: "d-flex justify-content-end align-items-center", children: d ?? null })
-] });
+}, je = ({ appName: o, leftOffset: l, leftContent: a, centerContent: d, rightContent: t }) => /* @__PURE__ */ e.jsx("nav", { className: i("luminus-top-bar shadow", C.topBar), style: {
+  width: l ? `calc(100% - ${l}px)` : void 0,
+  left: l ? `${l}px` : void 0
+}, children: /* @__PURE__ */ e.jsxs("div", { className: "w-100 row g-0", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "col-4", children: /* @__PURE__ */ e.jsxs("div", { className: "d-flex gap-3 align-items-center", children: [
+    /* @__PURE__ */ e.jsx(B, { to: "/", className: i("luminus-top-bar-brand", C.topBarBrand), children: o }),
+    a
+  ] }) }),
+  /* @__PURE__ */ e.jsx("div", { className: "col-4", children: d && /* @__PURE__ */ e.jsx("div", { className: "d-flex align-items-center", children: d }) }),
+  /* @__PURE__ */ e.jsx("div", { className: "col-4", children: /* @__PURE__ */ e.jsx("div", { className: "d-flex justify-content-end align-items-center", children: t ?? null }) })
+] }) });
 export {
-  Ne as PageContainer,
-  ye as SideContentBar,
-  he as SideMenu,
-  ve as TopBar
+  ye as PageContainer,
+  fe as SideContentBar,
+  ve as SideMenu,
+  je as TopBar
 };