react-luminus-components 1.3.205 → 1.3.207

package/dist/layout.es.js

@@ -1,141 +1,144 @@
-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 { j as e, c as i, aa as B, aG as T, af as R, bo as S, bp as $ } from "./ShortcutLinksContext-D5EF_fp9.js";
+import { b8 as ye, bq as ge } from "./ShortcutLinksContext-D5EF_fp9.js";
+import { useState as w, useRef as I, useMemo as C, useEffect as A } from "react";
+import { Link as q } from "react-router-dom";
 import "react-hook-form";
 import "react-flexmonster";
 import "@azure/msal-browser";
 import "@azure/msal-react";
-import { a as I, u as $ } from "./useWindowSize-OLYtjFv_.js";
+import { u as L } from "./useClickOutside-BmlXg38T.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 = {
+import { u as F } from "./usePermissions-CZniQNTq.js";
+const K = "_side-menu-item_1o1uo_1", O = "_disabled_1o1uo_6", z = "_nav-button_1o1uo_10", D = "_child_1o1uo_18", G = "_text_1o1uo_23", U = "_icon_1o1uo_30", W = "_collapse-icon_1o1uo_36", E = "_collapsed_1o1uo_46", J = "_collapse-icon-mini_1o1uo_49", Q = "_expanded_1o1uo_80", V = "_children-container_1o1uo_86", X = "_visible_1o1uo_94", Y = "_children_1o1uo_86", Z = "_mobile_1o1uo_106", s = {
   "side-menu-item": "_side-menu-item_1o1uo_1",
-  sideMenuItem: F,
-  disabled: K,
+  sideMenuItem: K,
+  disabled: O,
   "nav-button": "_nav-button_1o1uo_10",
-  navButton: O,
-  child: z,
-  text: D,
+  navButton: z,
+  child: D,
+  text: G,
   icon: U,
   "collapse-icon": "_collapse-icon_1o1uo_36",
   collapseIcon: W,
   collapsed: E,
   "collapse-icon-mini": "_collapse-icon-mini_1o1uo_49",
-  collapseIconMini: G,
-  expanded: J,
+  collapseIconMini: J,
+  expanded: Q,
   "children-container": "_children-container_1o1uo_86",
-  childrenContainer: Q,
-  visible: V,
-  children: X,
-  mobile: Y
-}, 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 }, {
+  childrenContainer: V,
+  visible: X,
+  children: Y,
+  mobile: Z
+}, H = ({ item: n, menuExpanded: l, useTooltips: a, children: c }) => n.tooltip && !l && a ? /* @__PURE__ */ e.jsx(T, { text: n.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ e.jsx("div", { children: c }) }) : c, k = ({ item: n, menuExpanded: l, collapsed: a, onCollapse: c, currentPath: p, useHover: d, useTooltips: b, isMobile: f }) => {
+  var y, g, M, N;
+  const [_, v] = w(!1), [h] = p.split("?"), j = n.linkTo === h || ((y = n.children) == null ? void 0 : y.some((o) => o.linkTo === h)), u = I(null);
+  return L([u], () => a && c()), /* @__PURE__ */ e.jsxs("li", { ref: u, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: f }, {
     [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))
+  }, { active: _ || j }, { open: a && n.children }, {
+    [s.disabled]: n.disabled || n.notPermitted || ((g = n.children) == null ? void 0 : g.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: 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();
+    disabled: n.disabled || n.notPermitted || ((M = n.children) == null ? void 0 : M.every((o) => o.notPermitted || o.disabled))
+  }), onMouseEnter: () => v(!0), onMouseLeave: () => v(!1), children: [
+    /* @__PURE__ */ e.jsx(H, { item: n, menuExpanded: l, useTooltips: b, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: i("nav-link", s.navButton), onClick: () => {
+      c();
     }, children: [
-      /* @__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, {
+      /* @__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(g, {}) }),
-      l && /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: o.title }),
+      }), children: /* @__PURE__ */ e.jsx(B, {}) }),
+      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(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 })
+      }), children: /* @__PURE__ */ e.jsx(B, {}) })
+    ] }) }) : /* @__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__ */ 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: (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)) }) })
+    }), children: /* @__PURE__ */ e.jsx("div", { className: i("shadow rounded children", s.children), children: (N = n.children) == null ? void 0 : N.map((o) => /* @__PURE__ */ e.jsx(q, { 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: c, children: /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: o.title }) }, o.linkTo)) }) })
   ] });
-}, 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 = {
+}, ee = "_side-menu_1q9oh_1", ne = "_sidebar-header_1q9oh_15", oe = "_side-menu-content_1q9oh_22", se = "_expand_1q9oh_27", ie = "_only-logo_1q9oh_31", le = "_mobile_1q9oh_34", te = "_divider_1q9oh_49", m = {
   "side-menu": "_side-menu_1q9oh_1",
-  sideMenu: H,
+  sideMenu: ee,
   "sidebar-header": "_sidebar-header_1q9oh_15",
-  sidebarHeader: ee,
+  sidebarHeader: ne,
   "side-menu-content": "_side-menu-content_1q9oh_22",
-  sideMenuContent: ne,
-  expand: oe,
+  sideMenuContent: oe,
+  expand: se,
   "only-logo": "_only-logo_1q9oh_31",
-  onlyLogo: se,
-  mobile: ie,
-  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;
+  onlyLogo: ie,
+  mobile: le,
+  divider: te
+}, je = ({ headerItem: n, searchItem: l, shortcutsItem: a, mainItems: c, secondaryItems: p, expanded: d, setExpanded: b, currentPath: f, useHover: _, useTooltips: v }) => {
+  const [h, j] = w(-1), { checkUserHasPermissions: u } = F(), y = C(() => c.map((t) => {
+    var r;
     return {
-      ...n,
-      notPermitted: !_(n.permissions ?? [], "any"),
-      children: (c = n.children) == null ? void 0 : c.map((x) => ({
+      ...t,
+      notPermitted: !u(t.permissions ?? [], "any"),
+      children: (r = t.children) == null ? void 0 : r.map((x) => ({
         ...x,
-        notPermitted: !_(x.permissions ?? [], "any"),
-        disabled: n.disabled || x.disabled
+        notPermitted: !u(x.permissions ?? [], "any"),
+        disabled: t.disabled || x.disabled
       }))
     };
-  }), [a, _]), f = q(() => d.map((n) => {
-    var c;
+  }), [c, u]), g = C(() => p.map((t) => {
+    var r;
     return {
-      ...n,
-      notPermitted: !_(n.permissions ?? [], "any"),
-      children: (c = n.children) == null ? void 0 : c.map((x) => ({
+      ...t,
+      notPermitted: !u(t.permissions ?? [], "any"),
+      children: (r = t.children) == null ? void 0 : r.map((x) => ({
         ...x,
-        notPermitted: !_(x.permissions ?? [], "any")
+        notPermitted: !u(x.permissions ?? [], "any")
       }))
     };
-  }), [d, _]), v = (n) => {
-    h(n === p ? -1 : n);
+  }), [p, u]), M = (t) => {
+    j(t === h ? -1 : t);
   };
-  S(() => {
-    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: [
+  A(() => {
+    d || j(-1);
+  }, [d]);
+  const N = I(null);
+  L([N], () => b(!1));
+  const { isMobile: o } = R();
+  return /* @__PURE__ */ e.jsxs("section", { ref: N, className: i("luminus-side-menu shadow", m.sideMenu, { [m.mobile]: o }, {
+    [m.expand]: d
+  }, { expand: d }), onMouseEnter: () => _ && b(!0), onMouseLeave: () => _ && b(!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, {}),
-      o
-    ] }) : /* @__PURE__ */ e.jsx(R, {}) }),
-    l && t ? /* @__PURE__ */ e.jsx("div", { children: l }) : null,
+      [m.onlyLogo]: _
+    }), role: _ ? void 0 : "button", onClick: _ ? void 0 : () => b(!d), children: _ ? n : d ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(S, {}),
+      n
+    ] }) : /* @__PURE__ */ e.jsx($, {}) }),
+    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
+    ] }) : 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)),
+      y.map((t, r) => /* @__PURE__ */ e.jsx(k, { item: t, menuExpanded: d, collapsed: r === h, onCollapse: () => M(r), currentPath: f, useHover: _, useTooltips: v, isMobile: o }, t.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))
+      g.map((t, r) => /* @__PURE__ */ e.jsx(k, { item: t, menuExpanded: d, collapsed: r === h, onCollapse: () => M(r), currentPath: f, useHover: _, useTooltips: v, isMobile: o }, t.title))
     ] })
   ] });
-}, te = "_top-bar_lnmq0_1", ae = "_top-bar-brand_lnmq0_12", C = {
+}, ae = "_top-bar_lnmq0_1", de = "_top-bar-brand_lnmq0_12", P = {
   "top-bar": "_top-bar_lnmq0_1",
-  topBar: te,
+  topBar: ae,
   "top-bar-brand": "_top-bar-brand_lnmq0_12",
-  topBarBrand: ae
-}, je = ({ appName: o, leftOffset: l, leftContent: a, centerContent: d, rightContent: t }) => /* @__PURE__ */ e.jsx("nav", { className: i("luminus-top-bar shadow", C.topBar), style: {
+  topBarBrand: de
+}, Me = ({ appName: n, leftOffset: l, leftContent: a, centerContent: c, rightContent: p }) => /* @__PURE__ */ e.jsx("nav", { className: i("luminus-top-bar shadow", P.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 }),
+  /* @__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", P.topBarBrand), children: n }),
     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 }) })
+  ] }),
+  /* @__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: p ?? null })
 ] }) });
 export {
   ye as PageContainer,
-  fe as SideContentBar,
-  ve as SideMenu,
-  je as TopBar
+  ge as SideContentBar,
+  je as SideMenu,
+  Me as TopBar
 };