react-luminus-components 1.5.21 → 1.5.23

package/dist/hooks.es.js

@@ -1,57 +1,65 @@
-import { aw as k, aX as L, ar as O } from "./ShortcutLinksContext-Ti4-xeFL.js";
-import { bO as Z, bw as j, bQ as J, aR as M, bP as _, af as K, aY as tt, bb as et, bo as at, a2 as st, bh as rt } from "./ShortcutLinksContext-Ti4-xeFL.js";
-import { u as ot, a as ut } from "./useLocalStorageState-CCKHuYoD.js";
-import { useState as b, useEffect as g, useContext as $, useRef as I, useCallback as S } from "react";
-import { c as ct, u as it, a as dt, b as mt } from "./useRenderDraggableInPortal-D0OLp7Qb.js";
+import { ak as P, am as L, b9 as T } from "./nivo-bar.es-D4yJw87H.js";
+import { bO as Y, aM as K, bQ as tt, aj as et, bP as st, b1 as nt, an as rt, bt as at, ai as ot, aC as ut, aP as ct } from "./nivo-bar.es-D4yJw87H.js";
+import { u as it, a as dt } from "./useLocalStorageState-VrTCzVCW.js";
+import { useState as h, useEffect as w, useRef as S, useCallback as f, useMemo as E, useSyncExternalStore as A, useContext as N } from "react";
+import { c as ft, u as gt, a as pt, b as wt } from "./useRenderDraggableInPortal-D0OLp7Qb.js";
 import "react-router-dom";
 import "react-dom";
 import "react-hook-form";
 import "react-flexmonster";
 import "@azure/msal-browser";
 import "@azure/msal-react";
-const y = (e) => {
-  let t = "pending", r;
-  const a = e.then((s) => {
-    t = "success", r = s;
+const B = (t) => {
+  let e = "pending", n;
+  const r = t.then((s) => {
+    e = "success", n = s;
   }, (s) => {
-    t = "error", r = s;
+    e = "error", n = s;
   });
   return () => {
-    switch (t) {
+    switch (e) {
       case "pending":
-        throw a;
+        throw r;
       case "success":
-        return r;
+        return n;
       case "error":
-        throw r;
+        throw n;
       default:
         throw new Error("Unknown status");
     }
   };
 };
-function q(e, t) {
-  const r = k({
+function y(t, e) {
+  const n = P({
     silent: !0,
-    differentBaseUrl: t == null ? void 0 : t.customBaseUrl,
-    customToken: t == null ? void 0 : t.customToken
-  }), [a, s] = b(null);
-  return g(() => {
+    differentBaseUrl: e == null ? void 0 : e.customBaseUrl,
+    customToken: e == null ? void 0 : e.customToken
+  }), [r, s] = h(null);
+  return w(() => {
     (async () => {
-      const n = r.get(e).then((u) => u.data);
-      s(y(n));
+      const o = n.get(t).then((u) => u.data);
+      s(B(o));
     })();
-  }, [r, e]), a;
+  }, [n, t]), r;
 }
-const B = (e, t, r) => {
-  let a = "pending", s;
-  const c = e.then((n) => {
-    a = "success", s = n;
-  }, (n) => {
-    const u = n == null ? void 0 : n.response;
-    (u == null ? void 0 : u.status) === 404 && r ? (a = "error-404", s = n) : (a = "error", s = n);
+const U = (t) => (e) => (window.addEventListener(`storage_${t}`, e), () => window.removeEventListener(`storage_${t}`, e)), z = (t, e, n = localStorage) => {
+  const [r] = h(e), s = S(JSON.stringify(e)), c = S(e), o = f(() => {
+    const i = n.getItem(t);
+    return i !== s.current && (s.current = i, c.current = s.current ? JSON.parse(s.current) : r), c.current;
+  }, [t, n, r]), u = E(() => U(t), [t]), l = A(u, o), a = f((i) => {
+    n.setItem(t, JSON.stringify(i)), window.dispatchEvent(new Event(`storage_${t}`));
+  }, [t, n]);
+  return E(() => [l, a], [l, a]);
+}, F = (t, e, n) => {
+  let r = "pending", s;
+  const c = t.then((o) => {
+    r = "success", s = o;
+  }, (o) => {
+    const u = o == null ? void 0 : o.response;
+    (u == null ? void 0 : u.status) === 404 && n ? (r = "error-404", s = o) : (r = "error", s = o);
   });
   return () => {
-    switch (a) {
+    switch (r) {
       case "pending":
         throw c;
       case "success":
@@ -64,99 +72,100 @@ const B = (e, t, r) => {
         throw new Error("Unknown status");
     }
   };
-}, d = {
+}, m = {
   loadOnInit: !0,
   silent: !1,
   enabled: !0,
   nullStateBeforeLoad: !0,
   nullStateOnFail: !1
-}, z = (e, { loadOnInit: t = d.loadOnInit, enabled: r = d.enabled, silent: a = d.silent, nullStateBeforeLoad: s = d.nullStateBeforeLoad, nullStateOnFail: c = d.nullStateOnFail, customApiUrl: n, customBearerToken: u, dataTransformer: i, errorBoundaryOn404: o } = d) => {
-  const l = k({
-    silent: a,
+}, H = (t, { loadOnInit: e = m.loadOnInit, enabled: n = m.enabled, silent: r = m.silent, nullStateBeforeLoad: s = m.nullStateBeforeLoad, nullStateOnFail: c = m.nullStateOnFail, customApiUrl: o, customBearerToken: u, dataTransformer: l, errorBoundaryOn404: a } = m) => {
+  const d = P({
+    silent: r,
     customToken: u,
-    differentBaseUrl: n,
-    noToastOnStatus: o ? [404] : void 0
-  }), { startLoading: m, stopLoading: v } = $(L), P = I(0), { isAuthenticated: D } = O(), [T, w] = b(null), h = S(async (f, C) => {
-    if (!D() || r === !1)
+    differentBaseUrl: o,
+    noToastOnStatus: a ? [404] : void 0
+  }), { startLoading: i, stopLoading: D } = N(L), O = S(0), { isAuthenticated: C } = T(), [V, v] = h(null), b = f(async (g, I) => {
+    if (!C() || n === !1)
       return;
-    !a && m(`loadData-${e}-${C}`), s && w(null);
-    const A = l.get(e, {
-      signal: f
-    }).then((x) => i ? i(x.data) : x.data).finally(() => !a && v(`loadData-${e}-${C}`));
-    w(B(A, c ?? !1, o ?? !1));
+    !r && i(`loadData-${t}-${I}`), s && v(null);
+    const $ = d.get(t, {
+      signal: g
+    }).then((x) => l ? l(x.data) : x.data).finally(() => !r && D(`loadData-${t}-${I}`));
+    v(F($, c ?? !1, a ?? !1));
   }, [
-    D,
+    C,
+    n,
     r,
-    a,
-    m,
-    e,
+    i,
+    t,
     s,
+    d,
     l,
-    i,
-    v,
+    D,
     c,
-    o
+    a
   ]);
-  return g(() => {
-    if (t === !1)
+  return w(() => {
+    if (e === !1)
       return;
-    const f = new AbortController();
-    return h(f.signal, ++P.current), () => {
-      f.abort();
+    const g = new AbortController();
+    return b(g.signal, ++O.current), () => {
+      g.abort();
     };
-  }, [h, t]), { data: T, setData: w, reloadData: h };
+  }, [b, e]), { data: V, setData: v, reloadData: b };
 }, p = {
   storageKey: "--tmp-scroll-save--",
   requiredHeight: 100,
   retryInterval: 50
-}, H = (e, { storageKey: t = p.storageKey, requiredHeight: r = p.requiredHeight, retryInterval: a = p.retryInterval } = p) => {
-  const [s, c] = b(!1), n = I(null), u = S(() => {
-    const o = localStorage.getItem(t);
-    return localStorage.removeItem(t), o === null ? null : Number(o);
-  }, [t]), i = S((o) => {
-    localStorage.setItem(t, o);
-  }, [t]);
-  return g(() => {
-    const o = window.setInterval(() => {
-      if (!s && e.current !== null && e.current.getBoundingClientRect().height > r) {
+}, R = (t, { storageKey: e = p.storageKey, requiredHeight: n = p.requiredHeight, retryInterval: r = p.retryInterval } = p) => {
+  const [s, c] = h(!1), o = S(null), u = f(() => {
+    const a = localStorage.getItem(e);
+    return localStorage.removeItem(e), a === null ? null : Number(a);
+  }, [e]), l = f((a) => {
+    localStorage.setItem(e, a);
+  }, [e]);
+  return w(() => {
+    const a = window.setInterval(() => {
+      if (!s && t.current !== null && t.current.getBoundingClientRect().height > n) {
         c(!0);
-        const l = u();
-        l !== null && e.current.scrollTo({ top: l }), window.clearInterval(o);
+        const d = u();
+        d !== null && t.current.scrollTo({ top: d }), window.clearInterval(a);
       }
-    }, a);
+    }, r);
     return () => {
-      window.clearTimeout(o);
+      window.clearTimeout(a);
     };
-  }, [s, r, u, a, e]), g(() => {
-    var l;
-    const o = new AbortController();
-    return (l = e.current) == null || l.addEventListener("scrollend", () => {
-      var m;
-      n.current = ((m = e.current) == null ? void 0 : m.scrollTop) ?? 0, i((n.current ?? 0).toString());
-    }, { signal: o.signal }), () => o.abort();
-  }, [i, e]), { saveValue: i, retrieveValue: u };
+  }, [s, n, u, r, t]), w(() => {
+    var d;
+    const a = new AbortController();
+    return (d = t.current) == null || d.addEventListener("scrollend", () => {
+      var i;
+      o.current = ((i = t.current) == null ? void 0 : i.scrollTop) ?? 0, l((o.current ?? 0).toString());
+    }, { signal: a.signal }), () => a.abort();
+  }, [l, t]), { saveValue: l, retrieveValue: u };
 };
 export {
-  Z as cancelToken,
-  O as useAuth,
-  k as useAxios,
-  j as useClickOutside,
-  J as useClipboard,
-  M as useConfirm,
-  ct as useEmployeePhotoPath,
-  _ as useFormControlType,
-  ot as useGetApiData,
-  z as useGetApiDataBound,
-  q as useGetDataBound,
-  K as useKeyPress,
-  ut as useLocalStorageState,
-  tt as useNotifications,
-  et as usePermissions,
-  at as usePrompt,
-  it as useRenderDraggableInPortal,
-  H as useScrollSave,
-  dt as useSearchQuery,
-  mt as useSearchQueryState,
-  st as useWindowSize,
-  rt as useZodSchemaTypes
+  Y as cancelToken,
+  T as useAuth,
+  P as useAxios,
+  K as useClickOutside,
+  tt as useClipboard,
+  et as useConfirm,
+  ft as useEmployeePhotoPath,
+  st as useFormControlType,
+  it as useGetApiData,
+  H as useGetApiDataBound,
+  y as useGetDataBound,
+  nt as useKeyPress,
+  dt as useLocalStorageState,
+  rt as useNotifications,
+  at as usePermissions,
+  z as usePersistentState,
+  ot as usePrompt,
+  gt as useRenderDraggableInPortal,
+  R as useScrollSave,
+  pt as useSearchQuery,
+  wt as useSearchQueryState,
+  ut as useWindowSize,
+  ct as useZodSchemaTypes
 };

package/dist/layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ShortcutLinksContext-9stXS_vz.cjs"),_=require("react"),C=require("react-router-dom");require("react-hook-form");require("react-flexmonster");require("@azure/msal-browser");require("@azure/msal-react");require("react-dom");const f="_side-menu-item_o72rm_1",w="_disabled_o72rm_6",T="_hidden_o72rm_10",q="_nav-button_o72rm_13",I="_child_o72rm_21",S="_text_o72rm_26",L="_icon_o72rm_36",O="_collapse-icon_o72rm_42",A="_collapsed_o72rm_52",$="_collapse-icon-mini_o72rm_55",D="_expanded_o72rm_86",K="_children-container_o72rm_92",F="_visible_o72rm_100",z="_children_o72rm_92",G="_mobile_o72rm_112",n={"side-menu-item":"_side-menu-item_o72rm_1",sideMenuItem:f,disabled:w,hidden:T,"nav-button":"_nav-button_o72rm_13",navButton:q,child:I,text:S,icon:L,"collapse-icon":"_collapse-icon_o72rm_42",collapseIcon:O,collapsed:A,"collapse-icon-mini":"_collapse-icon-mini_o72rm_55",collapseIconMini:$,expanded:D,"children-container":"_children-container_o72rm_92",childrenContainer:K,visible:F,children:z,mobile:G},H=({item:s,menuExpanded:i,useTooltips:l,children:d})=>s.tooltip&&!i&&l?e.jsxRuntimeExports.jsx(e.SimpleTooltip,{text:s.tooltip,placement:"top",delay:{show:1e3,hide:0},children:e.jsxRuntimeExports.jsx("div",{children:d})}):d,P=({item:s,menuExpanded:i,collapsed:l,onCollapse:d,currentPath:j,useHover:a,useTooltips:b,isMobile:k,disableMode:c})=>{var R,N,E,y;const[g,p]=_.useState(!1),[h]=j.split("?"),v=s.linkTo===h||((R=s.children)==null?void 0:R.some(o=>o.linkTo===h)),m=_.useRef(null);return e.useClickOutside([m],()=>l&&d()),e.jsxRuntimeExports.jsxs("li",{ref:m,className:e.classNames("luminus-side-menu-item",n.sideMenuItem,{[n.mobile]:k},{[n.expanded]:i},{active:g||v},{open:l&&s.children},{[c==="disable"?n.disabled:n.hidden]:s.disabled||s.notPermitted||((N=s.children)==null?void 0:N.every(o=>o.notPermitted||o.disabled))},{[c==="disable"?"disabled":"hidden"]:s.disabled||s.notPermitted||((E=s.children)==null?void 0:E.every(o=>o.notPermitted||o.disabled))}),onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),children:[e.jsxRuntimeExports.jsx(H,{item:s,menuExpanded:i,useTooltips:b,children:s.children?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.classNames("nav-link",n.navButton),onClick:()=>{d()},children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",n.icon),children:s.icon}),!a&&!i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon-mini rounded",n.collapseIconMini,{[n.collapsed]:l}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})}),i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",n.text,"text-nowrap"),children:s.title}),i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon",n.collapseIcon,{[n.collapsed]:l}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})})]})}):e.jsxRuntimeExports.jsxs(C.Link,{to:s.disabled||s.notPermitted?"/":s.linkTo??"/",className:e.classNames("nav-link",n.navButton),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",n.icon),children:s.icon}),i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",n.text,"text-nowrap"),children:s.title})]})}),e.jsxRuntimeExports.jsx("div",{className:e.classNames("children-container",n.childrenContainer,{[n.visible]:l}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("shadow rounded children",n.children),children:(y=s.children)==null?void 0:y.map(o=>e.jsxRuntimeExports.jsx(C.Link,{to:o.disabled||o.notPermitted?"/":o.linkTo??"/",className:e.classNames("nav-link child rounded",n.navButton,n.child,{[c==="disable"?n.disabled:n.hidden]:o.disabled||o.notPermitted},{[c==="disable"?"disabled":"hidden"]:o.disabled||o.notPermitted}),onClick:d,children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",n.text,"text-nowrap"),children:o.title})},o.linkTo))})})]})},U="_side-menu_12rky_1",W="_sidebar-header_12rky_15",J="_side-menu-content_12rky_22",Q="_no-top-margin_12rky_28",V="_expand_12rky_34",X="_only-logo_12rky_38",Y="_mobile_12rky_41",Z="_divider_12rky_56",x={"side-menu":"_side-menu_12rky_1",sideMenu:U,"sidebar-header":"_sidebar-header_12rky_15",sidebarHeader:W,"side-menu-content":"_side-menu-content_12rky_22",sideMenuContent:J,"no-top-margin":"_no-top-margin_12rky_28",noTopMargin:Q,expand:V,"only-logo":"_only-logo_12rky_38",onlyLogo:X,mobile:Y,divider:Z},ee=14,se=({headerItem:s,searchItem:i,shortcutsItem:l,mainItems:d,secondaryItems:j,expanded:a,setExpanded:b,currentPath:k,useHover:c,useTooltips:g,disableMode:p="disable"})=>{const[h,v]=_.useState(-1),{checkUserHasPermissions:m}=e.usePermissions(),R=_.useMemo(()=>d.map(t=>{var r;return{...t,notPermitted:!m(t.permissions??[],"any"),children:(r=t.children)==null?void 0:r.map(u=>({...u,notPermitted:!m(u.permissions??[],"any"),disabled:t.disabled||u.disabled}))}}),[d,m]),N=_.useMemo(()=>j.map(t=>{var r;return{...t,notPermitted:!m(t.permissions??[],"any"),children:(r=t.children)==null?void 0:r.map(u=>({...u,notPermitted:!m(u.permissions??[],"any")}))}}),[j,m]),E=t=>{v(t===h?-1:t)};_.useEffect(()=>{a||v(-1)},[a]);const y=_.useRef(null);e.useClickOutside([y],()=>b(!1));const o=_.useMemo(()=>[...R,...N].filter(t=>{var r;return p==="hide"?!t.disabled&&!t.notPermitted&&(((r=t.children)==null?void 0:r.filter(u=>!u.disabled&&!u.notPermitted))??[]).length>0:!0}),[R,N,p]),{isMobile:M}=e.useWindowSize();return e.jsxRuntimeExports.jsxs("section",{ref:y,className:e.classNames("luminus-side-menu shadow",x.sideMenu,{[x.mobile]:M},{[x.expand]:a},{expand:a}),onMouseEnter:()=>c&&b(!0),onMouseLeave:()=>c&&b(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",x.sidebarHeader,{[x.onlyLogo]:c}),role:c?void 0:"button",onClick:c?void 0:()=>b(!a),children:c?s:a?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardDoubleArrowLeft,{}),s]}):e.jsxRuntimeExports.jsx(e.MdOutlineMenu,{})}),a&&(i||l)?e.jsxRuntimeExports.jsxs("div",{className:"mb-3 d-flex flex-column gap-3",children:[l&&a?l:null,i&&a?i:null]}):null,e.jsxRuntimeExports.jsxs("ul",{className:e.classNames(x.sideMenuContent,{[x.noTopMargin]:o.length>ee}),children:[R.map((t,r)=>e.jsxRuntimeExports.jsx(P,{item:t,menuExpanded:a,collapsed:r===h,onCollapse:()=>E(r),currentPath:k,useHover:c,useTooltips:g,isMobile:M,disableMode:p},t.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",x.divider)}),N.map((t,r)=>e.jsxRuntimeExports.jsx(P,{item:t,menuExpanded:a,collapsed:r===h,onCollapse:()=>E(r),currentPath:k,useHover:c,useTooltips:g,isMobile:M,disableMode:p},t.title))]})]})},ne="_top-bar_lnmq0_1",te="_top-bar-brand_lnmq0_12",B={"top-bar":"_top-bar_lnmq0_1",topBar:ne,"top-bar-brand":"_top-bar-brand_lnmq0_12",topBarBrand:te},oe=({appName:s,leftOffset:i,leftContent:l,centerContent:d,rightContent:j})=>e.jsxRuntimeExports.jsx("nav",{className:e.classNames("luminus-top-bar shadow",B.topBar),style:{width:i?`calc(100% - ${i}px)`:void 0,left:i?`${i}px`:void 0},children:e.jsxRuntimeExports.jsxs("div",{className:"w-100 row g-0",children:[e.jsxRuntimeExports.jsxs("div",{className:"col-4 d-flex gap-3 align-items-center",children:[e.jsxRuntimeExports.jsx(C.Link,{to:"/",className:e.classNames("luminus-top-bar-brand",B.topBarBrand),children:s}),l]}),e.jsxRuntimeExports.jsx("div",{className:"col-4 d-flex align-items-center",children:d??null}),e.jsxRuntimeExports.jsx("div",{className:"col-4 d-flex justify-content-end align-items-center",children:j??null})]})});exports.PageContainer=e.PageContainer;exports.SideContentBar=e.SideContentBar;exports.SideMenu=se;exports.TopBar=oe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./nivo-bar.es-Ccmu5E_p.cjs"),_=require("react"),B=require("react-router-dom");require("react-hook-form");require("react-flexmonster");require("@azure/msal-browser");require("@azure/msal-react");require("react-dom");const f="_side-menu-item_o72rm_1",w="_disabled_o72rm_6",T="_hidden_o72rm_10",q="_nav-button_o72rm_13",I="_child_o72rm_21",S="_text_o72rm_26",L="_icon_o72rm_36",O="_collapse-icon_o72rm_42",A="_collapsed_o72rm_52",$="_collapse-icon-mini_o72rm_55",D="_expanded_o72rm_86",K="_children-container_o72rm_92",F="_visible_o72rm_100",z="_children_o72rm_92",G="_mobile_o72rm_112",n={"side-menu-item":"_side-menu-item_o72rm_1",sideMenuItem:f,disabled:w,hidden:T,"nav-button":"_nav-button_o72rm_13",navButton:q,child:I,text:S,icon:L,"collapse-icon":"_collapse-icon_o72rm_42",collapseIcon:O,collapsed:A,"collapse-icon-mini":"_collapse-icon-mini_o72rm_55",collapseIconMini:$,expanded:D,"children-container":"_children-container_o72rm_92",childrenContainer:K,visible:F,children:z,mobile:G},H=({item:s,menuExpanded:i,useTooltips:l,children:d})=>s.tooltip&&!i&&l?e.jsxRuntimeExports.jsx(e.SimpleTooltip,{text:s.tooltip,placement:"top",delay:{show:1e3,hide:0},children:e.jsxRuntimeExports.jsx("div",{children:d})}):d,P=({item:s,menuExpanded:i,collapsed:l,onCollapse:d,currentPath:j,useHover:a,useTooltips:b,isMobile:k,disableMode:c})=>{var R,v,E,y;const[g,p]=_.useState(!1),[h]=j.split("?"),N=s.linkTo===h||((R=s.children)==null?void 0:R.some(t=>t.linkTo===h)),m=_.useRef(null);return e.useClickOutside([m],()=>l&&d()),e.jsxRuntimeExports.jsxs("li",{ref:m,className:e.classNames("luminus-side-menu-item",n.sideMenuItem,{[n.mobile]:k},{[n.expanded]:i},{active:g||N},{open:l&&s.children},{[c==="disable"?n.disabled:n.hidden]:s.disabled||s.notPermitted||((v=s.children)==null?void 0:v.every(t=>t.notPermitted||t.disabled))},{[c==="disable"?"disabled":"hidden"]:s.disabled||s.notPermitted||((E=s.children)==null?void 0:E.every(t=>t.notPermitted||t.disabled))}),onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),children:[e.jsxRuntimeExports.jsx(H,{item:s,menuExpanded:i,useTooltips:b,children:s.children?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:e.classNames("nav-link",n.navButton),onClick:()=>{d()},children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",n.icon),children:s.icon}),!a&&!i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon-mini rounded",n.collapseIconMini,{[n.collapsed]:l}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})}),i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",n.text,"text-nowrap"),children:s.title}),i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("collapse-icon",n.collapseIcon,{[n.collapsed]:l}),children:e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardArrowRight,{})})]})}):e.jsxRuntimeExports.jsxs(B.Link,{to:s.disabled||s.notPermitted?"/":s.linkTo??"/",className:e.classNames("nav-link",n.navButton),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("icon",n.icon),children:s.icon}),i&&e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",n.text,"text-nowrap"),children:s.title})]})}),e.jsxRuntimeExports.jsx("div",{className:e.classNames("children-container",n.childrenContainer,{[n.visible]:l}),children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("shadow rounded children",n.children),children:(y=s.children)==null?void 0:y.map(t=>e.jsxRuntimeExports.jsx(B.Link,{to:t.disabled||t.notPermitted?"/":t.linkTo??"/",className:e.classNames("nav-link child rounded",n.navButton,n.child,{[c==="disable"?n.disabled:n.hidden]:t.disabled||t.notPermitted},{[c==="disable"?"disabled":"hidden"]:t.disabled||t.notPermitted}),onClick:d,children:e.jsxRuntimeExports.jsx("div",{className:e.classNames("text",n.text,"text-nowrap"),children:t.title})},t.linkTo))})})]})},U="_side-menu_12rky_1",W="_sidebar-header_12rky_15",J="_side-menu-content_12rky_22",Q="_no-top-margin_12rky_28",V="_expand_12rky_34",X="_only-logo_12rky_38",Y="_mobile_12rky_41",Z="_divider_12rky_56",x={"side-menu":"_side-menu_12rky_1",sideMenu:U,"sidebar-header":"_sidebar-header_12rky_15",sidebarHeader:W,"side-menu-content":"_side-menu-content_12rky_22",sideMenuContent:J,"no-top-margin":"_no-top-margin_12rky_28",noTopMargin:Q,expand:V,"only-logo":"_only-logo_12rky_38",onlyLogo:X,mobile:Y,divider:Z},ee=14,se=({headerItem:s,searchItem:i,shortcutsItem:l,mainItems:d,secondaryItems:j,expanded:a,setExpanded:b,currentPath:k,useHover:c,useTooltips:g,disableMode:p="disable"})=>{const[h,N]=_.useState(-1),{checkUserHasPermissions:m}=e.usePermissions(),R=_.useMemo(()=>d.map(o=>{var r;return{...o,notPermitted:!m(o.permissions??[],"any"),children:(r=o.children)==null?void 0:r.map(u=>({...u,notPermitted:!m(u.permissions??[],"any"),disabled:o.disabled||u.disabled}))}}),[d,m]),v=_.useMemo(()=>j.map(o=>{var r;return{...o,notPermitted:!m(o.permissions??[],"any"),children:(r=o.children)==null?void 0:r.map(u=>({...u,notPermitted:!m(u.permissions??[],"any")}))}}),[j,m]),E=o=>{N(o===h?-1:o)};_.useEffect(()=>{a||N(-1)},[a]);const y=_.useRef(null);e.useClickOutside([y],()=>b(!1));const t=_.useMemo(()=>[...R,...v].filter(o=>{var r;return p==="hide"?!o.disabled&&!o.notPermitted&&(((r=o.children)==null?void 0:r.filter(u=>!u.disabled&&!u.notPermitted))??[]).length>0:!0}),[R,v,p]),{isMobile:M}=e.useWindowSize();return e.jsxRuntimeExports.jsxs("section",{ref:y,className:e.classNames("luminus-side-menu shadow",x.sideMenu,{[x.mobile]:M},{[x.expand]:a},{expand:a}),onMouseEnter:()=>c&&b(!0),onMouseLeave:()=>c&&b(!1),children:[e.jsxRuntimeExports.jsx("div",{className:e.classNames("sidebar-header",x.sidebarHeader,{[x.onlyLogo]:c}),role:c?void 0:"button",onClick:c?void 0:()=>b(!a),children:c?s:a?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.MdOutlineKeyboardDoubleArrowLeft,{}),s]}):e.jsxRuntimeExports.jsx(e.MdOutlineMenu,{})}),a&&(i||l)?e.jsxRuntimeExports.jsxs("div",{className:"mb-3 d-flex flex-column gap-3",children:[l&&a?l:null,i&&a?i:null]}):null,e.jsxRuntimeExports.jsxs("ul",{className:e.classNames(x.sideMenuContent,{[x.noTopMargin]:t.length>ee}),children:[R.map((o,r)=>e.jsxRuntimeExports.jsx(P,{item:o,menuExpanded:a,collapsed:r===h,onCollapse:()=>E(r),currentPath:k,useHover:c,useTooltips:g,isMobile:M,disableMode:p},o.title)),e.jsxRuntimeExports.jsx("hr",{className:e.classNames("divider",x.divider)}),v.map((o,r)=>e.jsxRuntimeExports.jsx(P,{item:o,menuExpanded:a,collapsed:r===h,onCollapse:()=>E(r),currentPath:k,useHover:c,useTooltips:g,isMobile:M,disableMode:p},o.title))]})]})},ne="_top-bar_lnmq0_1",oe="_top-bar-brand_lnmq0_12",C={"top-bar":"_top-bar_lnmq0_1",topBar:ne,"top-bar-brand":"_top-bar-brand_lnmq0_12",topBarBrand:oe},te=({appName:s,leftOffset:i,leftContent:l,centerContent:d,rightContent:j})=>e.jsxRuntimeExports.jsx("nav",{className:e.classNames("luminus-top-bar shadow",C.topBar),style:{width:i?`calc(100% - ${i}px)`:void 0,left:i?`${i}px`:void 0},children:e.jsxRuntimeExports.jsxs("div",{className:"w-100 row g-0",children:[e.jsxRuntimeExports.jsxs("div",{className:"col-4 d-flex gap-3 align-items-center",children:[e.jsxRuntimeExports.jsx(B.Link,{to:"/",className:e.classNames("luminus-top-bar-brand",C.topBarBrand),children:s}),l]}),e.jsxRuntimeExports.jsx("div",{className:"col-4 d-flex align-items-center",children:d??null}),e.jsxRuntimeExports.jsx("div",{className:"col-4 d-flex justify-content-end align-items-center",children:j??null})]})});exports.PageContainer=e.PageContainer;exports.SideContentBar=e.SideContentBar;exports.SideMenu=se;exports.TopBar=te;

package/dist/layout.es.js

@@ -1,7 +1,7 @@
-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-Ti4-xeFL.js";
-import { b9 as Pe, bE as Be } from "./ShortcutLinksContext-Ti4-xeFL.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 { aM as L, j as e, c as l, Y as w, aA as q, bt as A, aC as $, bC as O, bD as D } from "./nivo-bar.es-D4yJw87H.js";
+import { aq as Ce, bE as Pe } from "./nivo-bar.es-D4yJw87H.js";
+import { useState as R, useRef as S, useMemo as P, useEffect as E } from "react";
+import { Link as B } from "react-router-dom";
 import "react-hook-form";
 import "react-flexmonster";
 import "@azure/msal-browser";
@@ -28,7 +28,7 @@ const F = "_side-menu-item_o72rm_1", K = "_disabled_o72rm_6", z = "_hidden_o72rm
   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 }) => {
+}, se = ({ item: n, menuExpanded: t, useTooltips: a, children: _ }) => n.tooltip && !t && a ? /* @__PURE__ */ e.jsx(q, { 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 }, {
@@ -49,13 +49,13 @@ const F = "_side-menu-item_o72rm_1", K = "_disabled_o72rm_6", z = "_hidden_o72rm
       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.jsxs(B, { 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__ */ 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, {
+    }), 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(B, { 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
     }, {
       [c === "disable" ? "disabled" : "hidden"]: i.disabled || i.notPermitted
@@ -76,7 +76,7 @@ const F = "_side-menu-item_o72rm_1", K = "_disabled_o72rm_6", z = "_hidden_o72rm
   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) => {
+  const [v, k] = R(-1), { checkUserHasPermissions: m } = A(), j = P(() => _.map((o) => {
     var r;
     return {
       ...o,
@@ -87,7 +87,7 @@ const F = "_side-menu-item_o72rm_1", K = "_disabled_o72rm_6", z = "_hidden_o72rm
         disabled: o.disabled || p.disabled
       }))
     };
-  }), [_, m]), y = B(() => h.map((o) => {
+  }), [_, m]), y = P(() => h.map((o) => {
     var r;
     return {
       ...o,
@@ -105,11 +105,11 @@ const F = "_side-menu-item_o72rm_1", K = "_disabled_o72rm_6", z = "_hidden_o72rm
   }, [d]);
   const g = S(null);
   L([g], () => x(!1));
-  const i = B(() => [...j, ...y].filter((o) => {
+  const i = P(() => [...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 }, {
+  }), [j, y, b]), { isMobile: C } = $();
+  return /* @__PURE__ */ e.jsxs("section", { ref: g, className: l("luminus-side-menu shadow", u.sideMenu, { [u.mobile]: C }, {
     [u.expand]: d
   }, { expand: d }), onMouseEnter: () => c && x(!0), onMouseLeave: () => c && x(!1), children: [
     /* @__PURE__ */ e.jsx("div", { className: l("sidebar-header", u.sidebarHeader, {
@@ -125,9 +125,9 @@ const F = "_side-menu-item_o72rm_1", K = "_disabled_o72rm_6", z = "_hidden_o72rm
     /* @__PURE__ */ e.jsxs("ul", { className: l(u.sideMenuContent, {
       [u.noTopMargin]: i.length > _e
     }), 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)),
+      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: C, 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))
+      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: C, disableMode: b }, o.title))
     ] })
   ] });
 }, me = "_top-bar_lnmq0_1", pe = "_top-bar-brand_lnmq0_12", T = {
@@ -140,15 +140,15 @@ const F = "_side-menu-item_o72rm_1", K = "_disabled_o72rm_6", z = "_hidden_o72rm
   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 }),
+    /* @__PURE__ */ e.jsx(B, { to: "/", className: l("luminus-top-bar-brand", T.topBarBrand), children: n }),
     a
   ] }),
   /* @__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 })
 ] }) });
 export {
-  Pe as PageContainer,
-  Be as SideContentBar,
+  Ce as PageContainer,
+  Pe as SideContentBar,
   Ne as SideMenu,
   ge as TopBar
 };