react-luminus-components 1.5.24 → 1.5.26

package/dist/layout.es.js

@@ -1,154 +1,164 @@
-import { bw as L, j as e, c as l, Y as w, ao as $, bb as q, a2 as A, bC as O, bD as D } from "./ShortcutLinksContext-CVJd0L8d.js";
-import { b9 as Pe, bE as Be } from "./ShortcutLinksContext-CVJd0L8d.js";
-import { useState as R, useRef as S, useMemo as B, useEffect as E } from "react";
-import { Link as C } from "react-router-dom";
+import { bB as T, bv as R, j as n, c as l, Y as I, ao as q, ba as O, a2 as D, bC as F } from "./ShortcutLinksContext-DF8__Rbl.js";
+import { b8 as Ln, bD as Tn } from "./ShortcutLinksContext-DF8__Rbl.js";
+import { useState as S, useRef as Z, useMemo as y, useEffect as G } from "react";
+import { Link as k } from "react-router-dom";
 import "react-hook-form";
 import "react-flexmonster";
 import "@azure/msal-browser";
 import "@azure/msal-react";
 import "react-dom";
-const F = "_side-menu-item_o72rm_1", K = "_disabled_o72rm_6", z = "_hidden_o72rm_10", G = "_nav-button_o72rm_13", H = "_child_o72rm_21", U = "_text_o72rm_26", W = "_icon_o72rm_36", Y = "_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", ee = "_children_o72rm_92", ne = "_mobile_o72rm_112", s = {
+function z(e) {
+  return T({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M238.15,78.54,177.46,17.86a20,20,0,0,0-28.3,0L97.2,70c-12.43-3.33-36.68-5.72-61.74,14.5a20,20,0,0,0-1.6,29.73l45.46,45.47-39.8,39.8a12,12,0,0,0,17,17l39.8-39.81,45.47,45.46A20,20,0,0,0,155.91,228c.46,0,.93,0,1.4-.05A20,20,0,0,0,171.87,220c4.69-6.23,11-16.13,14.44-28s3.45-22.88.16-33.4l51.7-51.87A20,20,0,0,0,238.15,78.54Zm-74.26,68.79a12,12,0,0,0-2.23,13.84c3.43,6.86,6.9,21-6.28,40.65L54.08,100.53c21.09-14.59,39.53-6.64,41-6a11.67,11.67,0,0,0,13.81-2.29l54.43-54.61,55,55Z" }, child: [] }] })(e);
+}
+function E(e) {
+  return T({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M56.88,31.93A12,12,0,1,0,39.12,48.07L60,71A76,76,0,0,0,35.46,84.51a20,20,0,0,0-1.6,29.73l45.46,45.47-39.8,39.8a12,12,0,0,0,17,17l39.8-39.81,45.47,45.46A20,20,0,0,0,155.9,228c.47,0,.94,0,1.41-.05A20,20,0,0,0,171.87,220a97.47,97.47,0,0,0,9.54-15.46l17.72,19.49a12,12,0,1,0,17.76-16.14Zm98.49,169.88L54.08,100.52C62,95,70.31,92.12,78.91,91.83l84.51,93A62,62,0,0,1,155.37,201.81Zm82.78-95-39,39.11a12,12,0,1,1-17-16.95l36.19-36.3-55-55L130.59,70.5a12,12,0,0,1-17-16.94l35.57-35.69a20,20,0,0,1,28.3,0l60.69,60.68A20,20,0,0,1,238.15,106.83Z" }, child: [] }] })(e);
+}
+const H = "_side-menu-item_o72rm_1", K = "_disabled_o72rm_6", U = "_hidden_o72rm_10", W = "_nav-button_o72rm_13", Y = "_child_o72rm_21", J = "_text_o72rm_26", Q = "_icon_o72rm_36", V = "_collapse-icon_o72rm_42", X = "_collapsed_o72rm_52", nn = "_collapse-icon-mini_o72rm_55", en = "_expanded_o72rm_86", sn = "_children-container_o72rm_92", on = "_visible_o72rm_100", ln = "_children_o72rm_92", tn = "_mobile_o72rm_112", i = {
   "side-menu-item": "_side-menu-item_o72rm_1",
-  sideMenuItem: F,
+  sideMenuItem: H,
   disabled: K,
-  hidden: z,
+  hidden: U,
   "nav-button": "_nav-button_o72rm_13",
-  navButton: G,
-  child: H,
-  text: U,
-  icon: W,
+  navButton: W,
+  child: Y,
+  text: J,
+  icon: Q,
   "collapse-icon": "_collapse-icon_o72rm_42",
-  collapseIcon: Y,
-  collapsed: J,
+  collapseIcon: V,
+  collapsed: X,
   "collapse-icon-mini": "_collapse-icon-mini_o72rm_55",
-  collapseIconMini: Q,
-  expanded: V,
+  collapseIconMini: nn,
+  expanded: en,
   "children-container": "_children-container_o72rm_92",
-  childrenContainer: X,
-  visible: Z,
-  children: ee,
-  mobile: ne
-}, se = ({ item: n, menuExpanded: t, useTooltips: a, children: _ }) => n.tooltip && !t && a ? /* @__PURE__ */ e.jsx($, { text: n.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ e.jsx("div", { children: _ }) }) : _, I = ({ item: n, menuExpanded: t, collapsed: a, onCollapse: _, currentPath: h, useHover: d, useTooltips: x, isMobile: M, disableMode: c }) => {
-  var j, y, N, g;
-  const [f, b] = R(!1), [v] = h.split("?"), k = n.linkTo === v || ((j = n.children) == null ? void 0 : j.some((i) => i.linkTo === v)), m = S(null);
-  return L([m], () => a && _()), /* @__PURE__ */ e.jsxs("li", { ref: m, className: l("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: M }, {
-    [s.expanded]: t
-  }, { active: f || k }, { open: a && n.children }, {
-    [c === "disable" ? s.disabled : s.hidden]: n.disabled || n.notPermitted || ((y = n.children) == null ? void 0 : y.every((i) => i.notPermitted || i.disabled))
+  childrenContainer: sn,
+  visible: on,
+  children: ln,
+  mobile: tn
+}, an = ({ item: e, menuExpanded: t, useTooltips: r, children: _ }) => e.tooltip && !t && r ? /* @__PURE__ */ n.jsx(q, { text: e.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ n.jsx("div", { children: _ }) }) : _, A = ({ item: e, menuExpanded: t, collapsed: r, onCollapse: _, currentPath: p, useHover: d, useTooltips: x, isMobile: N, disableMode: c }) => {
+  var j, m, g, M;
+  const [P, b] = S(!1), [f] = p.split("?"), B = e.linkTo === f || ((j = e.children) == null ? void 0 : j.some((o) => o.linkTo === f)), v = Z(null);
+  return R([v], () => r && _()), /* @__PURE__ */ n.jsxs("li", { ref: v, className: l("luminus-side-menu-item", i.sideMenuItem, { [i.mobile]: N }, {
+    [i.expanded]: t
+  }, { active: P || B }, { open: r && e.children }, {
+    [c === "disable" ? i.disabled : i.hidden]: e.disabled || e.notPermitted || ((m = e.children) == null ? void 0 : m.every((o) => o.notPermitted || o.disabled))
   }, {
-    [c === "disable" ? "disabled" : "hidden"]: n.disabled || n.notPermitted || ((N = n.children) == null ? void 0 : N.every((i) => i.notPermitted || i.disabled))
+    [c === "disable" ? "disabled" : "hidden"]: e.disabled || e.notPermitted || ((g = e.children) == null ? void 0 : g.every((o) => o.notPermitted || o.disabled))
   }), onMouseEnter: () => b(!0), onMouseLeave: () => b(!1), children: [
-    /* @__PURE__ */ e.jsx(se, { item: n, menuExpanded: t, useTooltips: x, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: l("nav-link", s.navButton), onClick: () => {
+    /* @__PURE__ */ n.jsx(an, { item: e, menuExpanded: t, useTooltips: x, children: e.children ? /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("button", { type: "button", className: l("nav-link", i.navButton), onClick: () => {
       _();
     }, children: [
-      /* @__PURE__ */ e.jsx("div", { className: l("icon", s.icon), children: n.icon }),
-      !d && !t && /* @__PURE__ */ e.jsx("div", { className: l("collapse-icon-mini rounded", s.collapseIconMini, {
-        [s.collapsed]: a
-      }), children: /* @__PURE__ */ e.jsx(w, {}) }),
-      t && /* @__PURE__ */ e.jsx("div", { className: l("text", s.text, "text-nowrap"), children: n.title }),
-      t && /* @__PURE__ */ e.jsx("div", { className: l("collapse-icon", s.collapseIcon, {
-        [s.collapsed]: a
-      }), children: /* @__PURE__ */ e.jsx(w, {}) })
-    ] }) }) : /* @__PURE__ */ e.jsxs(C, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: l("nav-link", s.navButton), children: [
-      /* @__PURE__ */ e.jsx("div", { className: l("icon", s.icon), children: n.icon }),
-      t && /* @__PURE__ */ e.jsx("div", { className: l("text", s.text, "text-nowrap"), children: n.title })
+      /* @__PURE__ */ n.jsx("div", { className: l("icon", i.icon), children: e.icon }),
+      !d && !t && /* @__PURE__ */ n.jsx("div", { className: l("collapse-icon-mini rounded", i.collapseIconMini, {
+        [i.collapsed]: r
+      }), children: /* @__PURE__ */ n.jsx(I, {}) }),
+      t && /* @__PURE__ */ n.jsx("div", { className: l("text", i.text, "text-nowrap"), children: e.title }),
+      t && /* @__PURE__ */ n.jsx("div", { className: l("collapse-icon", i.collapseIcon, {
+        [i.collapsed]: r
+      }), children: /* @__PURE__ */ n.jsx(I, {}) })
+    ] }) }) : /* @__PURE__ */ n.jsxs(k, { to: e.disabled || e.notPermitted ? "/" : e.linkTo ?? "/", className: l("nav-link", i.navButton), children: [
+      /* @__PURE__ */ n.jsx("div", { className: l("icon", i.icon), children: e.icon }),
+      t && /* @__PURE__ */ n.jsx("div", { className: l("text", i.text, "text-nowrap"), children: e.title })
     ] }) }),
-    /* @__PURE__ */ e.jsx("div", { className: l("children-container", s.childrenContainer, {
-      [s.visible]: a
-    }), children: /* @__PURE__ */ e.jsx("div", { className: l("shadow rounded children", s.children), children: (g = n.children) == null ? void 0 : g.map((i) => /* @__PURE__ */ e.jsx(C, { to: i.disabled || i.notPermitted ? "/" : i.linkTo ?? "/", className: l("nav-link child rounded", s.navButton, s.child, {
-      [c === "disable" ? s.disabled : s.hidden]: i.disabled || i.notPermitted
+    /* @__PURE__ */ n.jsx("div", { className: l("children-container", i.childrenContainer, {
+      [i.visible]: r
+    }), children: /* @__PURE__ */ n.jsx("div", { className: l("shadow rounded children", i.children), children: (M = e.children) == null ? void 0 : M.map((o) => /* @__PURE__ */ n.jsx(k, { to: o.disabled || o.notPermitted ? "/" : o.linkTo ?? "/", className: l("nav-link child rounded", i.navButton, i.child, {
+      [c === "disable" ? i.disabled : i.hidden]: o.disabled || o.notPermitted
     }, {
-      [c === "disable" ? "disabled" : "hidden"]: i.disabled || i.notPermitted
-    }), onClick: _, children: /* @__PURE__ */ e.jsx("div", { className: l("text", s.text, "text-nowrap"), children: i.title }) }, i.linkTo)) }) })
+      [c === "disable" ? "disabled" : "hidden"]: o.disabled || o.notPermitted
+    }), onClick: _, children: /* @__PURE__ */ n.jsx("div", { className: l("text", i.text, "text-nowrap"), children: o.title }) }, o.linkTo)) }) })
   ] });
-}, oe = "_side-menu_12rky_1", ie = "_sidebar-header_12rky_15", le = "_side-menu-content_12rky_22", te = "_no-top-margin_12rky_28", re = "_expand_12rky_34", ae = "_only-logo_12rky_38", de = "_mobile_12rky_41", ce = "_divider_12rky_56", u = {
-  "side-menu": "_side-menu_12rky_1",
-  sideMenu: oe,
-  "sidebar-header": "_sidebar-header_12rky_15",
-  sidebarHeader: ie,
-  "side-menu-content": "_side-menu-content_12rky_22",
-  sideMenuContent: le,
-  "no-top-margin": "_no-top-margin_12rky_28",
-  noTopMargin: te,
-  expand: re,
-  "only-logo": "_only-logo_12rky_38",
-  onlyLogo: ae,
-  mobile: de,
-  divider: ce
-}, _e = 14, Ne = ({ headerItem: n, searchItem: t, shortcutsItem: a, mainItems: _, secondaryItems: h, expanded: d, setExpanded: x, currentPath: M, useHover: c, useTooltips: f, disableMode: b = "disable" }) => {
-  const [v, k] = R(-1), { checkUserHasPermissions: m } = q(), j = B(() => _.map((o) => {
-    var r;
+}, rn = "_side-menu_140bh_1", dn = "_sidebar-header_140bh_15", cn = "_side-menu-pin_140bh_22", _n = "_side-menu-content_140bh_27", mn = "_no-top-margin_140bh_33", un = "_expand_140bh_39", hn = "_only-logo_140bh_43", bn = "_mobile_140bh_46", pn = "_divider_140bh_61", h = {
+  "side-menu": "_side-menu_140bh_1",
+  sideMenu: rn,
+  "sidebar-header": "_sidebar-header_140bh_15",
+  sidebarHeader: dn,
+  "side-menu-pin": "_side-menu-pin_140bh_22",
+  sideMenuPin: cn,
+  "side-menu-content": "_side-menu-content_140bh_27",
+  sideMenuContent: _n,
+  "no-top-margin": "_no-top-margin_140bh_33",
+  noTopMargin: mn,
+  expand: un,
+  "only-logo": "_only-logo_140bh_43",
+  onlyLogo: hn,
+  mobile: bn,
+  divider: pn
+}, xn = 14, kn = ({ headerItem: e, searchItem: t, shortcutsItem: r, mainItems: _, secondaryItems: p, expanded: d, setExpanded: x, currentPath: N, useHover: c, useTooltips: P, disableMode: b = "disable", sideMenuPinned: f, toggleSideMenuPinned: B }) => {
+  const [v, j] = S(-1), { checkUserHasPermissions: m } = O(), g = y(() => _.map((s) => {
+    var a;
     return {
-      ...o,
-      notPermitted: !m(o.permissions ?? [], "any"),
-      children: (r = o.children) == null ? void 0 : r.map((p) => ({
-        ...p,
-        notPermitted: !m(p.permissions ?? [], "any"),
-        disabled: o.disabled || p.disabled
+      ...s,
+      notPermitted: !m(s.permissions ?? [], "any"),
+      children: (a = s.children) == null ? void 0 : a.map((u) => ({
+        ...u,
+        notPermitted: !m(u.permissions ?? [], "any"),
+        disabled: s.disabled || u.disabled
       }))
     };
-  }), [_, m]), y = B(() => h.map((o) => {
-    var r;
+  }), [_, m]), M = y(() => p.map((s) => {
+    var a;
     return {
-      ...o,
-      notPermitted: !m(o.permissions ?? [], "any"),
-      children: (r = o.children) == null ? void 0 : r.map((p) => ({
-        ...p,
-        notPermitted: !m(p.permissions ?? [], "any")
+      ...s,
+      notPermitted: !m(s.permissions ?? [], "any"),
+      children: (a = s.children) == null ? void 0 : a.map((u) => ({
+        ...u,
+        notPermitted: !m(u.permissions ?? [], "any")
       }))
     };
-  }), [h, m]), N = (o) => {
-    k(o === v ? -1 : o);
+  }), [p, m]), o = (s) => {
+    j(s === v ? -1 : s);
   };
-  E(() => {
-    d || k(-1);
+  G(() => {
+    d || j(-1);
   }, [d]);
-  const g = S(null);
-  L([g], () => x(!1));
-  const i = B(() => [...j, ...y].filter((o) => {
-    var r;
-    return b === "hide" ? !o.disabled && !o.notPermitted && (((r = o.children) == null ? void 0 : r.filter((p) => !p.disabled && !p.notPermitted)) ?? []).length > 0 : !0;
-  }), [j, y, b]), { isMobile: P } = A();
-  return /* @__PURE__ */ e.jsxs("section", { ref: g, className: l("luminus-side-menu shadow", u.sideMenu, { [u.mobile]: P }, {
-    [u.expand]: d
+  const w = Z(null);
+  R([w], () => x(!1));
+  const $ = y(() => [...g, ...M].filter((s) => {
+    var a;
+    return b === "hide" ? !s.disabled && !s.notPermitted && (((a = s.children) == null ? void 0 : a.filter((u) => !u.disabled && !u.notPermitted)) ?? []).length > 0 : !0;
+  }), [g, M, b]), { isMobile: C } = D();
+  return /* @__PURE__ */ n.jsxs("section", { ref: w, className: l("luminus-side-menu shadow", h.sideMenu, { [h.mobile]: C }, {
+    [h.expand]: d
   }, { expand: d }), onMouseEnter: () => c && x(!0), onMouseLeave: () => c && x(!1), children: [
-    /* @__PURE__ */ e.jsx("div", { className: l("sidebar-header", u.sidebarHeader, {
-      [u.onlyLogo]: c
-    }), role: c ? void 0 : "button", onClick: c ? void 0 : () => x(!d), children: c ? n : d ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(O, {}),
-      n
-    ] }) : /* @__PURE__ */ e.jsx(D, {}) }),
-    d && (t || a) ? /* @__PURE__ */ e.jsxs("div", { className: "mb-3 d-flex flex-column gap-3", children: [
-      a && d ? a : null,
+    /* @__PURE__ */ n.jsx("div", { className: l("sidebar-header", h.sidebarHeader, {
+      [h.onlyLogo]: c
+    }), role: c ? void 0 : "button", onClick: c ? void 0 : () => x(!d), children: c ? e : d ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx("div", { role: "button", onClick: (s) => {
+        s.stopPropagation(), B();
+      }, className: h.sideMenuPin, children: f ? /* @__PURE__ */ n.jsx(E, {}) : /* @__PURE__ */ n.jsx(z, {}) }),
+      e
+    ] }) : /* @__PURE__ */ n.jsx(F, {}) }),
+    d && (t || r) ? /* @__PURE__ */ n.jsxs("div", { className: "mb-3 d-flex flex-column gap-3", children: [
+      r && d ? r : null,
       t && d ? t : null
     ] }) : null,
-    /* @__PURE__ */ e.jsxs("ul", { className: l(u.sideMenuContent, {
-      [u.noTopMargin]: i.length > _e
+    /* @__PURE__ */ n.jsxs("ul", { className: l(h.sideMenuContent, {
+      [h.noTopMargin]: $.length > xn
     }), children: [
-      j.map((o, r) => /* @__PURE__ */ e.jsx(I, { item: o, menuExpanded: d, collapsed: r === v, onCollapse: () => N(r), currentPath: M, useHover: c, useTooltips: f, isMobile: P, disableMode: b }, o.title)),
-      /* @__PURE__ */ e.jsx("hr", { className: l("divider", u.divider) }),
-      y.map((o, r) => /* @__PURE__ */ e.jsx(I, { item: o, menuExpanded: d, collapsed: r === v, onCollapse: () => N(r), currentPath: M, useHover: c, useTooltips: f, isMobile: P, disableMode: b }, o.title))
+      g.map((s, a) => /* @__PURE__ */ n.jsx(A, { item: s, menuExpanded: d, collapsed: a === v, onCollapse: () => o(a), currentPath: N, useHover: c, useTooltips: P, isMobile: C, disableMode: b }, s.title)),
+      /* @__PURE__ */ n.jsx("hr", { className: l("divider", h.divider) }),
+      M.map((s, a) => /* @__PURE__ */ n.jsx(A, { item: s, menuExpanded: d, collapsed: a === v, onCollapse: () => o(a), currentPath: N, useHover: c, useTooltips: P, isMobile: C, disableMode: b }, s.title))
     ] })
   ] });
-}, me = "_top-bar_lnmq0_1", pe = "_top-bar-brand_lnmq0_12", T = {
+}, vn = "_top-bar_lnmq0_1", jn = "_top-bar-brand_lnmq0_12", L = {
   "top-bar": "_top-bar_lnmq0_1",
-  topBar: me,
+  topBar: vn,
   "top-bar-brand": "_top-bar-brand_lnmq0_12",
-  topBarBrand: pe
-}, ge = ({ appName: n, leftOffset: t, leftContent: a, centerContent: _, rightContent: h }) => /* @__PURE__ */ e.jsx("nav", { className: l("luminus-top-bar shadow", T.topBar), style: {
+  topBarBrand: jn
+}, wn = ({ appName: e, leftOffset: t, leftContent: r, centerContent: _, rightContent: p }) => /* @__PURE__ */ n.jsx("nav", { className: l("luminus-top-bar shadow", L.topBar), style: {
   width: t ? `calc(100% - ${t}px)` : void 0,
   left: t ? `${t}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(C, { to: "/", className: l("luminus-top-bar-brand", T.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(k, { to: "/", className: l("luminus-top-bar-brand", L.topBarBrand), children: e }),
+    r
   ] }),
-  /* @__PURE__ */ e.jsx("div", { className: "col-4 d-flex align-items-center", children: _ ?? null }),
-  /* @__PURE__ */ e.jsx("div", { className: "col-4 d-flex justify-content-end align-items-center", children: h ?? null })
+  /* @__PURE__ */ n.jsx("div", { className: "col-4 d-flex align-items-center", children: _ ?? null }),
+  /* @__PURE__ */ n.jsx("div", { className: "col-4 d-flex justify-content-end align-items-center", children: p ?? null })
 ] }) });
 export {
-  Pe as PageContainer,
-  Be as SideContentBar,
-  Ne as SideMenu,
-  ge as TopBar
+  Ln as PageContainer,
+  Tn as SideContentBar,
+  kn as SideMenu,
+  wn as TopBar
 };