react-luminus-components 1.4.55 → 1.4.57

package/dist/layout.es.js

@@ -1,80 +1,82 @@
-import { bt as I, j as e, c as i, Y as C, ao as R, ba as S, a2 as $, bz as A, bA as z } from "./ShortcutLinksContext-D-3_1QWF.js";
-import { b8 as fe, bB as Be } from "./ShortcutLinksContext-D-3_1QWF.js";
-import { useState as L, useRef as T, useMemo as k, useEffect as F } from "react";
-import { Link as q } from "react-router-dom";
+import { bu as T, j as n, c as i, Y as C, ao as S, bb as A, a2 as $, bA as q, bB as O } from "./ShortcutLinksContext-BnnVfkMM.js";
+import { b9 as Bn, bC as Cn } from "./ShortcutLinksContext-BnnVfkMM.js";
+import { useState as L, useRef as R, useMemo as P, useEffect as D } 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 "react-dom";
-const K = "_side-menu-item_o72rm_1", O = "_disabled_o72rm_6", D = "_hidden_o72rm_10", U = "_nav-button_o72rm_13", W = "_child_o72rm_21", Y = "_text_o72rm_26", E = "_icon_o72rm_36", G = "_collapse-icon_o72rm_42", J = "_collapsed_o72rm_52", Q = "_collapse-icon-mini_o72rm_55", V = "_expanded_o72rm_86", X = "_children-container_o72rm_92", Z = "_visible_o72rm_100", H = "_children_o72rm_92", ee = "_mobile_o72rm_112", s = {
+const F = "_side-menu-item_o72rm_1", K = "_disabled_o72rm_6", z = "_hidden_o72rm_10", E = "_nav-button_o72rm_13", G = "_child_o72rm_21", H = "_text_o72rm_26", U = "_icon_o72rm_36", W = "_collapse-icon_o72rm_42", Y = "_collapsed_o72rm_52", J = "_collapse-icon-mini_o72rm_55", Q = "_expanded_o72rm_86", V = "_children-container_o72rm_92", X = "_visible_o72rm_100", Z = "_children_o72rm_92", nn = "_mobile_o72rm_112", s = {
   "side-menu-item": "_side-menu-item_o72rm_1",
-  sideMenuItem: K,
-  disabled: O,
-  hidden: D,
+  sideMenuItem: F,
+  disabled: K,
+  hidden: z,
   "nav-button": "_nav-button_o72rm_13",
-  navButton: U,
-  child: W,
-  text: Y,
-  icon: E,
+  navButton: E,
+  child: G,
+  text: H,
+  icon: U,
   "collapse-icon": "_collapse-icon_o72rm_42",
-  collapseIcon: G,
-  collapsed: J,
+  collapseIcon: W,
+  collapsed: Y,
   "collapse-icon-mini": "_collapse-icon-mini_o72rm_55",
-  collapseIconMini: Q,
-  expanded: V,
+  collapseIconMini: J,
+  expanded: Q,
   "children-container": "_children-container_o72rm_92",
-  childrenContainer: X,
-  visible: Z,
-  children: H,
-  mobile: ee
-}, ne = ({ item: n, menuExpanded: l, useTooltips: a, children: c }) => n.tooltip && !l && a ? /* @__PURE__ */ e.jsx(R, { text: n.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ e.jsx("div", { children: c }) }) : c, P = ({ item: n, menuExpanded: l, collapsed: a, onCollapse: c, currentPath: b, useHover: d, useTooltips: h, isMobile: y, disableMode: r }) => {
-  var B, g, N, M;
-  const [f, v] = L(!1), [p] = b.split("?"), j = n.linkTo === p || ((B = n.children) == null ? void 0 : B.some((o) => o.linkTo === p)), m = T(null);
-  return I([m], () => a && c()), /* @__PURE__ */ e.jsxs("li", { ref: m, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: y }, {
+  childrenContainer: V,
+  visible: X,
+  children: Z,
+  mobile: nn
+}, en = ({ item: e, menuExpanded: l, useTooltips: r, children: c }) => e.tooltip && !l && r ? /* @__PURE__ */ n.jsx(S, { text: e.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ n.jsx("div", { children: c }) }) : c, w = ({ item: e, menuExpanded: l, collapsed: r, onCollapse: c, currentPath: u, useHover: a, useTooltips: b, isMobile: g, disableMode: d }) => {
+  var y, k, N, M;
+  const [f, v] = L(!1), [h] = u.split("?"), j = e.linkTo === h || ((y = e.children) == null ? void 0 : y.some((o) => o.linkTo === h)), m = R(null);
+  return T([m], () => r && c()), /* @__PURE__ */ n.jsxs("li", { ref: m, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: g }, {
     [s.expanded]: l
-  }, { active: f || j }, { open: a && n.children }, {
-    [r === "disable" ? s.disabled : s.hidden]: n.disabled || n.notPermitted || ((g = n.children) == null ? void 0 : g.every((o) => o.notPermitted || o.disabled))
+  }, { active: f || j }, { open: r && e.children }, {
+    [d === "disable" ? s.disabled : s.hidden]: e.disabled || e.notPermitted || ((k = e.children) == null ? void 0 : k.every((o) => o.notPermitted || o.disabled))
   }, {
-    [r === "disable" ? "disabled" : "hidden"]: n.disabled || n.notPermitted || ((N = n.children) == null ? void 0 : N.every((o) => o.notPermitted || o.disabled))
+    [d === "disable" ? "disabled" : "hidden"]: e.disabled || e.notPermitted || ((N = e.children) == null ? void 0 : N.every((o) => o.notPermitted || o.disabled))
   }), onMouseEnter: () => v(!0), onMouseLeave: () => v(!1), children: [
-    /* @__PURE__ */ e.jsx(ne, { item: n, menuExpanded: l, useTooltips: h, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: i("nav-link", s.navButton), onClick: () => {
+    /* @__PURE__ */ n.jsx(en, { item: e, menuExpanded: l, useTooltips: b, children: e.children ? /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("button", { type: "button", className: i("nav-link", s.navButton), onClick: () => {
       c();
     }, children: [
-      /* @__PURE__ */ e.jsx("div", { className: i("icon", s.icon), children: n.icon }),
-      !d && !l && /* @__PURE__ */ e.jsx("div", { className: i("collapse-icon-mini rounded", s.collapseIconMini, {
-        [s.collapsed]: a
-      }), children: /* @__PURE__ */ e.jsx(C, {}) }),
-      l && /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: n.title }),
-      l && /* @__PURE__ */ e.jsx("div", { className: i("collapse-icon", s.collapseIcon, {
-        [s.collapsed]: a
-      }), children: /* @__PURE__ */ e.jsx(C, {}) })
-    ] }) }) : /* @__PURE__ */ e.jsxs(q, { 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 }),
-      l && /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: n.title })
+      /* @__PURE__ */ n.jsx("div", { className: i("icon", s.icon), children: e.icon }),
+      !a && !l && /* @__PURE__ */ n.jsx("div", { className: i("collapse-icon-mini rounded", s.collapseIconMini, {
+        [s.collapsed]: r
+      }), children: /* @__PURE__ */ n.jsx(C, {}) }),
+      l && /* @__PURE__ */ n.jsx("div", { className: i("text", s.text, "text-nowrap"), children: e.title }),
+      l && /* @__PURE__ */ n.jsx("div", { className: i("collapse-icon", s.collapseIcon, {
+        [s.collapsed]: r
+      }), children: /* @__PURE__ */ n.jsx(C, {}) })
+    ] }) }) : /* @__PURE__ */ n.jsxs(B, { to: e.disabled || e.notPermitted ? "/" : e.linkTo ?? "/", className: i("nav-link", s.navButton), children: [
+      /* @__PURE__ */ n.jsx("div", { className: i("icon", s.icon), children: e.icon }),
+      l && /* @__PURE__ */ n.jsx("div", { className: i("text", s.text, "text-nowrap"), children: e.title })
     ] }) }),
-    /* @__PURE__ */ e.jsx("div", { className: i("children-container", s.childrenContainer, {
-      [s.visible]: a
-    }), children: /* @__PURE__ */ e.jsx("div", { className: i("shadow rounded children", s.children), children: (M = n.children) == null ? void 0 : M.map((o) => /* @__PURE__ */ e.jsx(q, { to: o.disabled || o.notPermitted ? "/" : o.linkTo ?? "/", className: i("nav-link child rounded", s.navButton, s.child, {
-      [r === "disable" ? s.disabled : s.hidden]: o.disabled || o.notPermitted
+    /* @__PURE__ */ n.jsx("div", { className: i("children-container", s.childrenContainer, {
+      [s.visible]: r
+    }), children: /* @__PURE__ */ n.jsx("div", { className: i("shadow rounded children", s.children), children: (M = e.children) == null ? void 0 : M.map((o) => /* @__PURE__ */ n.jsx(B, { to: o.disabled || o.notPermitted ? "/" : o.linkTo ?? "/", className: i("nav-link child rounded", s.navButton, s.child, {
+      [d === "disable" ? s.disabled : s.hidden]: o.disabled || o.notPermitted
     }, {
-      [r === "disable" ? "disabled" : "hidden"]: o.disabled || o.notPermitted
-    }), onClick: c, children: /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: o.title }) }, o.linkTo)) }) })
+      [d === "disable" ? "disabled" : "hidden"]: o.disabled || o.notPermitted
+    }), onClick: c, children: /* @__PURE__ */ n.jsx("div", { className: i("text", s.text, "text-nowrap"), children: o.title }) }, o.linkTo)) }) })
   ] });
-}, se = "_side-menu_1q9oh_1", oe = "_sidebar-header_1q9oh_15", ie = "_side-menu-content_1q9oh_22", le = "_expand_1q9oh_27", te = "_only-logo_1q9oh_31", ae = "_mobile_1q9oh_34", de = "_divider_1q9oh_49", u = {
-  "side-menu": "_side-menu_1q9oh_1",
-  sideMenu: se,
-  "sidebar-header": "_sidebar-header_1q9oh_15",
-  sidebarHeader: oe,
-  "side-menu-content": "_side-menu-content_1q9oh_22",
-  sideMenuContent: ie,
-  expand: le,
-  "only-logo": "_only-logo_1q9oh_31",
-  onlyLogo: te,
-  mobile: ae,
-  divider: de
-}, je = ({ headerItem: n, searchItem: l, shortcutsItem: a, mainItems: c, secondaryItems: b, expanded: d, setExpanded: h, currentPath: y, useHover: r, useTooltips: f, disableMode: v = "disable" }) => {
-  const [p, j] = L(-1), { checkUserHasPermissions: m } = S(), B = k(() => c.map((t) => {
+}, sn = "_side-menu_12rky_1", on = "_sidebar-header_12rky_15", ln = "_side-menu-content_12rky_22", tn = "_no-top-margin_12rky_28", rn = "_expand_12rky_34", an = "_only-logo_12rky_38", dn = "_mobile_12rky_41", cn = "_divider_12rky_56", p = {
+  "side-menu": "_side-menu_12rky_1",
+  sideMenu: sn,
+  "sidebar-header": "_sidebar-header_12rky_15",
+  sidebarHeader: on,
+  "side-menu-content": "_side-menu-content_12rky_22",
+  sideMenuContent: ln,
+  "no-top-margin": "_no-top-margin_12rky_28",
+  noTopMargin: tn,
+  expand: rn,
+  "only-logo": "_only-logo_12rky_38",
+  onlyLogo: an,
+  mobile: dn,
+  divider: cn
+}, _n = 14, Nn = ({ headerItem: e, searchItem: l, shortcutsItem: r, mainItems: c, secondaryItems: u, expanded: a, setExpanded: b, currentPath: g, useHover: d, useTooltips: f, disableMode: v = "disable" }) => {
+  const [h, j] = L(-1), { checkUserHasPermissions: m } = A(), y = P(() => c.map((t) => {
     var _;
     return {
       ...t,
@@ -85,7 +87,7 @@ const K = "_side-menu-item_o72rm_1", O = "_disabled_o72rm_6", D = "_hidden_o72rm
         disabled: t.disabled || x.disabled
       }))
     };
-  }), [c, m]), g = k(() => b.map((t) => {
+  }), [c, m]), k = P(() => u.map((t) => {
     var _;
     return {
       ...t,
@@ -95,53 +97,55 @@ const K = "_side-menu-item_o72rm_1", O = "_disabled_o72rm_6", D = "_hidden_o72rm
         notPermitted: !m(x.permissions ?? [], "any")
       }))
     };
-  }), [b, m]), N = (t) => {
-    j(t === p ? -1 : t);
+  }), [u, m]), N = (t) => {
+    j(t === h ? -1 : t);
   };
-  F(() => {
-    d || j(-1);
-  }, [d]);
-  const M = T(null);
-  I([M], () => h(!1));
+  D(() => {
+    a || j(-1);
+  }, [a]);
+  const M = R(null);
+  T([M], () => b(!1));
   const { isMobile: o } = $();
-  return /* @__PURE__ */ e.jsxs("section", { ref: M, className: i("luminus-side-menu shadow", u.sideMenu, { [u.mobile]: o }, {
-    [u.expand]: d
-  }, { expand: d }), onMouseEnter: () => r && h(!0), onMouseLeave: () => r && h(!1), children: [
-    /* @__PURE__ */ e.jsx("div", { className: i("sidebar-header", u.sidebarHeader, {
-      [u.onlyLogo]: r
-    }), role: r ? void 0 : "button", onClick: r ? void 0 : () => h(!d), children: r ? n : d ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(A, {}),
-      n
-    ] }) : /* @__PURE__ */ e.jsx(z, {}) }),
-    d && (l || a) ? /* @__PURE__ */ e.jsxs("div", { className: "mb-3 d-flex flex-column gap-3", children: [
-      a && d ? a : null,
-      l && d ? l : null
+  return /* @__PURE__ */ n.jsxs("section", { ref: M, className: i("luminus-side-menu shadow", p.sideMenu, { [p.mobile]: o }, {
+    [p.expand]: a
+  }, { expand: a }), onMouseEnter: () => d && b(!0), onMouseLeave: () => d && b(!1), children: [
+    /* @__PURE__ */ n.jsx("div", { className: i("sidebar-header", p.sidebarHeader, {
+      [p.onlyLogo]: d
+    }), role: d ? void 0 : "button", onClick: d ? void 0 : () => b(!a), children: d ? e : a ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(q, {}),
+      e
+    ] }) : /* @__PURE__ */ n.jsx(O, {}) }),
+    a && (l || r) ? /* @__PURE__ */ n.jsxs("div", { className: "mb-3 d-flex flex-column gap-3", children: [
+      r && a ? r : null,
+      l && a ? l : null
     ] }) : null,
-    /* @__PURE__ */ e.jsxs("ul", { className: u.sideMenuContent, children: [
-      B.map((t, _) => /* @__PURE__ */ e.jsx(P, { item: t, menuExpanded: d, collapsed: _ === p, onCollapse: () => N(_), currentPath: y, useHover: r, useTooltips: f, isMobile: o, disableMode: v }, t.title)),
-      /* @__PURE__ */ e.jsx("hr", { className: i("divider", u.divider) }),
-      g.map((t, _) => /* @__PURE__ */ e.jsx(P, { item: t, menuExpanded: d, collapsed: _ === p, onCollapse: () => N(_), currentPath: y, useHover: r, useTooltips: f, isMobile: o, disableMode: v }, t.title))
+    /* @__PURE__ */ n.jsxs("ul", { className: i(p.sideMenuContent, {
+      [p.noTopMargin]: [...y, ...k].length > _n
+    }), children: [
+      y.map((t, _) => /* @__PURE__ */ n.jsx(w, { item: t, menuExpanded: a, collapsed: _ === h, onCollapse: () => N(_), currentPath: g, useHover: d, useTooltips: f, isMobile: o, disableMode: v }, t.title)),
+      /* @__PURE__ */ n.jsx("hr", { className: i("divider", p.divider) }),
+      k.map((t, _) => /* @__PURE__ */ n.jsx(w, { item: t, menuExpanded: a, collapsed: _ === h, onCollapse: () => N(_), currentPath: g, useHover: d, useTooltips: f, isMobile: o, disableMode: v }, t.title))
     ] })
   ] });
-}, re = "_top-bar_lnmq0_1", ce = "_top-bar-brand_lnmq0_12", w = {
+}, mn = "_top-bar_lnmq0_1", pn = "_top-bar-brand_lnmq0_12", I = {
   "top-bar": "_top-bar_lnmq0_1",
-  topBar: re,
+  topBar: mn,
   "top-bar-brand": "_top-bar-brand_lnmq0_12",
-  topBarBrand: ce
-}, Ne = ({ appName: n, leftOffset: l, leftContent: a, centerContent: c, rightContent: b }) => /* @__PURE__ */ e.jsx("nav", { className: i("luminus-top-bar shadow", w.topBar), style: {
+  topBarBrand: pn
+}, Mn = ({ appName: e, leftOffset: l, leftContent: r, centerContent: c, rightContent: u }) => /* @__PURE__ */ n.jsx("nav", { className: i("luminus-top-bar shadow", I.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.jsxs("div", { className: "col-4 d-flex gap-3 align-items-center", children: [
-    /* @__PURE__ */ e.jsx(q, { to: "/", className: i("luminus-top-bar-brand", w.topBarBrand), children: n }),
-    a
+}, children: /* @__PURE__ */ n.jsxs("div", { className: "w-100 row g-0", children: [
+  /* @__PURE__ */ n.jsxs("div", { className: "col-4 d-flex gap-3 align-items-center", children: [
+    /* @__PURE__ */ n.jsx(B, { to: "/", className: i("luminus-top-bar-brand", I.topBarBrand), children: e }),
+    r
   ] }),
-  /* @__PURE__ */ e.jsx("div", { className: "col-4 d-flex align-items-center", children: c ?? null }),
-  /* @__PURE__ */ e.jsx("div", { className: "col-4 d-flex justify-content-end align-items-center", children: b ?? null })
+  /* @__PURE__ */ n.jsx("div", { className: "col-4 d-flex align-items-center", children: c ?? null }),
+  /* @__PURE__ */ n.jsx("div", { className: "col-4 d-flex justify-content-end align-items-center", children: u ?? null })
 ] }) });
 export {
-  fe as PageContainer,
-  Be as SideContentBar,
-  je as SideMenu,
-  Ne as TopBar
+  Bn as PageContainer,
+  Cn as SideContentBar,
+  Nn as SideMenu,
+  Mn as TopBar
 };