react-luminus-components 1.3.151 → 1.3.152

package/dist/layout.es.js

@@ -1,149 +1,137 @@
-import { j as e, c as i, ac as B, aF as L, ba as T, bb as R, bc as $, bd as F, be as A } from "./nivo-bar.es-B2GqU-tV.js";
-import { bf as Ce } from "./nivo-bar.es-B2GqU-tV.js";
-import { useState as k, useRef as w, useMemo as C, useEffect as z, useContext as H } from "react";
-import { Link as y } from "react-router-dom";
+import { j as o, c as i, ac as g, ax as L, bb as T, bc as R } from "./ResponsiveContextDropdown-C9WqbqI0.js";
+import { b0 as Ne, bd as ye } from "./ResponsiveContextDropdown-C9WqbqI0.js";
+import { useState as I, useRef as z, useMemo as k, useEffect as S } from "react";
+import { Link as f } from "react-router-dom";
 import "react-hook-form";
 import "react-flexmonster";
 import "@azure/msal-browser";
 import "@azure/msal-react";
-import { a as S, u as K } from "./useWindowSize-OLYtjFv_.js";
-import { u as O } from "./usePermissions-BKn9Opdd.js";
-import { F as Pe } from "./FullScreenContainer-Ahxfk-Xk.js";
-const D = "_side-menu-item_1o1uo_1", U = "_disabled_1o1uo_6", q = "_nav-button_1o1uo_10", E = "_child_1o1uo_18", G = "_text_1o1uo_23", J = "_icon_1o1uo_30", Q = "_collapse-icon_1o1uo_36", V = "_collapsed_1o1uo_46", W = "_collapse-icon-mini_1o1uo_49", X = "_expanded_1o1uo_80", Y = "_children-container_1o1uo_86", Z = "_visible_1o1uo_94", ee = "_children_1o1uo_86", oe = "_mobile_1o1uo_106", s = {
+import { a as w, u as $ } from "./useWindowSize-OLYtjFv_.js";
+import { u as A } from "./usePermissions-CE2IinZO.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 = {
   "side-menu-item": "_side-menu-item_1o1uo_1",
-  sideMenuItem: D,
-  disabled: U,
+  sideMenuItem: F,
+  disabled: K,
   "nav-button": "_nav-button_1o1uo_10",
-  navButton: q,
-  child: E,
-  text: G,
-  icon: J,
+  navButton: O,
+  child: D,
+  text: U,
+  icon: W,
   "collapse-icon": "_collapse-icon_1o1uo_36",
-  collapseIcon: Q,
-  collapsed: V,
+  collapseIcon: q,
+  collapsed: E,
   "collapse-icon-mini": "_collapse-icon-mini_1o1uo_49",
-  collapseIconMini: W,
-  expanded: X,
+  collapseIconMini: G,
+  expanded: J,
   "children-container": "_children-container_1o1uo_86",
-  childrenContainer: Y,
-  visible: Z,
-  children: ee,
-  mobile: oe
-}, ne = ({ item: n, menuExpanded: t, useTooltips: a, children: l }) => n.tooltip && !t && a ? /* @__PURE__ */ e.jsx(L, { text: n.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ e.jsx("div", { children: l }) }) : l, I = ({ item: n, menuExpanded: t, collapsed: a, onCollapse: l, currentPath: r, useHover: _, useTooltips: u, isMobile: d }) => {
-  var g, M, N, v;
-  const [p, b] = k(!1), [h] = r.split("?"), m = n.linkTo === h || ((g = n.children) == null ? void 0 : g.some((o) => o.linkTo === h)), f = w(null);
-  return S([f], () => a && l()), /* @__PURE__ */ e.jsxs("li", { ref: f, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: d }, {
+  childrenContainer: Q,
+  visible: V,
+  children: X,
+  mobile: Y
+}, Z = ({ item: n, menuExpanded: t, useTooltips: l, children: a }) => n.tooltip && !t && l ? /* @__PURE__ */ o.jsx(L, { text: n.tooltip, placement: "top", delay: { show: 1e3, hide: 0 }, children: /* @__PURE__ */ o.jsx("div", { children: a }) }) : a, C = ({ item: n, menuExpanded: t, collapsed: l, onCollapse: a, currentPath: c, useHover: m, useTooltips: M, isMobile: r }) => {
+  var B, v, j, x;
+  const [N, p] = I(!1), [b] = c.split("?"), _ = n.linkTo === b || ((B = n.children) == null ? void 0 : B.some((e) => e.linkTo === b)), y = z(null);
+  return w([y], () => l && a()), /* @__PURE__ */ o.jsxs("li", { ref: y, className: i("luminus-side-menu-item", s.sideMenuItem, { [s.mobile]: r }, {
     [s.expanded]: t
-  }, { active: p || m }, { open: a && n.children }, {
-    [s.disabled]: n.disabled || n.notPermitted || ((M = n.children) == null ? void 0 : M.every((o) => o.notPermitted || o.disabled))
+  }, { active: N || _ }, { open: l && n.children }, {
+    [s.disabled]: n.disabled || n.notPermitted || ((v = n.children) == null ? void 0 : v.every((e) => e.notPermitted || e.disabled))
   }, {
-    disabled: n.disabled || n.notPermitted || ((N = n.children) == null ? void 0 : N.every((o) => o.notPermitted || o.disabled))
-  }), onMouseEnter: () => b(!0), onMouseLeave: () => b(!1), children: [
-    /* @__PURE__ */ e.jsx(ne, { item: n, menuExpanded: t, useTooltips: u, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: i("nav-link", s.navButton), onClick: () => {
-      l();
+    disabled: n.disabled || n.notPermitted || ((j = n.children) == null ? void 0 : j.every((e) => e.notPermitted || e.disabled))
+  }), onMouseEnter: () => p(!0), onMouseLeave: () => p(!1), children: [
+    /* @__PURE__ */ o.jsx(Z, { item: n, menuExpanded: t, useTooltips: M, children: n.children ? /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsxs("button", { type: "button", className: i("nav-link", s.navButton), onClick: () => {
+      a();
     }, children: [
-      /* @__PURE__ */ e.jsx("div", { className: i("icon", s.icon), children: n.icon }),
-      !_ && !t && /* @__PURE__ */ e.jsx("div", { className: i("collapse-icon-mini rounded", s.collapseIconMini, {
-        [s.collapsed]: a
-      }), 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]: a
-      }), children: /* @__PURE__ */ e.jsx(B, {}) })
-    ] }) }) : /* @__PURE__ */ e.jsxs(y, { 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__ */ o.jsx("div", { className: i("icon", s.icon), children: n.icon }),
+      !m && !t && /* @__PURE__ */ o.jsx("div", { className: i("collapse-icon-mini rounded", s.collapseIconMini, {
+        [s.collapsed]: l
+      }), children: /* @__PURE__ */ o.jsx(g, {}) }),
+      t && /* @__PURE__ */ o.jsx("div", { className: i("text", s.text, "text-nowrap"), children: n.title }),
+      t && /* @__PURE__ */ o.jsx("div", { className: i("collapse-icon", s.collapseIcon, {
+        [s.collapsed]: l
+      }), children: /* @__PURE__ */ o.jsx(g, {}) })
+    ] }) }) : /* @__PURE__ */ o.jsxs(f, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: i("nav-link", s.navButton), children: [
+      /* @__PURE__ */ o.jsx("div", { className: i("icon", s.icon), children: n.icon }),
+      t && /* @__PURE__ */ o.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: (v = n.children) == null ? void 0 : v.map((o) => /* @__PURE__ */ e.jsx(y, { 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: l, children: /* @__PURE__ */ e.jsx("div", { className: i("text", s.text, "text-nowrap"), children: o.title }) }, o.linkTo)) }) })
+    /* @__PURE__ */ o.jsx("div", { className: i("children-container", s.childrenContainer, {
+      [s.visible]: l
+    }), children: /* @__PURE__ */ o.jsx("div", { className: i("shadow rounded children", s.children), children: (x = n.children) == null ? void 0 : x.map((e) => /* @__PURE__ */ o.jsx(f, { to: e.disabled || e.notPermitted ? "/" : e.linkTo ?? "/", className: i("nav-link child rounded", s.navButton, s.child, { [s.disabled]: e.disabled || e.notPermitted }, { disabled: e.disabled || e.notPermitted }), onClick: a, children: /* @__PURE__ */ o.jsx("div", { className: i("text", s.text, "text-nowrap"), children: e.title }) }, e.linkTo)) }) })
   ] });
-}, se = "_side-menu_15z3o_1", ie = "_sidebar-header_15z3o_13", te = "_side-menu-content_15z3o_20", ae = "_expand_15z3o_24", le = "_only-logo_15z3o_28", de = "_mobile_15z3o_31", re = "_divider_15z3o_45", x = {
+}, 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",
-  sideMenu: se,
+  sideMenu: H,
   "sidebar-header": "_sidebar-header_15z3o_13",
-  sidebarHeader: ie,
+  sidebarHeader: ee,
   "side-menu-content": "_side-menu-content_15z3o_20",
-  sideMenuContent: te,
-  expand: ae,
+  sideMenuContent: oe,
+  expand: ne,
   "only-logo": "_only-logo_15z3o_28",
-  onlyLogo: le,
-  mobile: de,
-  divider: re
-}, Ne = ({ headerItem: n, searchItem: t, mainItems: a, secondaryItems: l, expanded: r, setExpanded: _, currentPath: u, useHover: d, useTooltips: p }) => {
-  const [b, h] = k(-1), { checkUserHasPermissions: m } = O(), f = C(() => a.map((o) => {
-    var c;
+  onlyLogo: se,
+  mobile: ie,
+  divider: te
+}, he = ({ headerItem: n, searchItem: t, mainItems: l, secondaryItems: a, expanded: c, setExpanded: m, currentPath: M, useHover: r, useTooltips: N }) => {
+  const [p, b] = I(-1), { checkUserHasPermissions: _ } = A(), y = k(() => l.map((e) => {
+    var d;
     return {
-      ...o,
-      notPermitted: !m(o.permissions ?? [], "any"),
-      children: (c = o.children) == null ? void 0 : c.map((j) => ({
-        ...j,
-        notPermitted: !m(j.permissions ?? [], "any"),
-        disabled: o.disabled || j.disabled
+      ...e,
+      notPermitted: !_(e.permissions ?? [], "any"),
+      children: (d = e.children) == null ? void 0 : d.map((h) => ({
+        ...h,
+        notPermitted: !_(h.permissions ?? [], "any"),
+        disabled: e.disabled || h.disabled
       }))
     };
-  }), [a, m]), g = C(() => l.map((o) => {
-    var c;
+  }), [l, _]), B = k(() => a.map((e) => {
+    var d;
     return {
-      ...o,
-      notPermitted: !m(o.permissions ?? [], "any"),
-      children: (c = o.children) == null ? void 0 : c.map((j) => ({
-        ...j,
-        notPermitted: !m(j.permissions ?? [], "any")
+      ...e,
+      notPermitted: !_(e.permissions ?? [], "any"),
+      children: (d = e.children) == null ? void 0 : d.map((h) => ({
+        ...h,
+        notPermitted: !_(h.permissions ?? [], "any")
       }))
     };
-  }), [l, m]), M = (o) => {
-    h(o === b ? -1 : o);
+  }), [a, _]), v = (e) => {
+    b(e === p ? -1 : e);
   };
-  z(() => {
-    r || h(-1);
-  }, [r]);
-  const N = w(null);
-  S([N], () => _(!1));
-  const { isMobile: v } = K();
-  return /* @__PURE__ */ e.jsxs("section", { ref: N, className: i("luminus-side-menu shadow", x.sideMenu, { [x.mobile]: v }, {
-    [x.expand]: r
-  }, { expand: r }), onMouseEnter: () => d && _(!0), onMouseLeave: () => d && _(!1), children: [
-    /* @__PURE__ */ e.jsx("div", { className: i("sidebar-header", x.sidebarHeader, {
-      [x.onlyLogo]: d
-    }), role: d ? void 0 : "button", onClick: d ? void 0 : () => _(!r), children: d ? n : r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(T, {}),
+  S(() => {
+    c || b(-1);
+  }, [c]);
+  const j = z(null);
+  w([j], () => m(!1));
+  const { isMobile: x } = $();
+  return /* @__PURE__ */ o.jsxs("section", { ref: j, className: i("luminus-side-menu shadow", u.sideMenu, { [u.mobile]: x }, {
+    [u.expand]: c
+  }, { expand: c }), onMouseEnter: () => r && m(!0), onMouseLeave: () => r && m(!1), children: [
+    /* @__PURE__ */ o.jsx("div", { className: i("sidebar-header", u.sidebarHeader, {
+      [u.onlyLogo]: r
+    }), role: r ? void 0 : "button", onClick: r ? void 0 : () => m(!c), children: r ? n : c ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx(T, {}),
       n
-    ] }) : /* @__PURE__ */ e.jsx(R, {}) }),
-    /* @__PURE__ */ e.jsxs("ul", { className: x.sideMenuContent, children: [
-      t ? /* @__PURE__ */ e.jsx("div", { className: "p-3", children: t }) : null,
-      f.map((o, c) => /* @__PURE__ */ e.jsx(I, { item: o, menuExpanded: r, collapsed: c === b, onCollapse: () => M(c), currentPath: u, useHover: d, useTooltips: p, isMobile: v }, o.title)),
-      /* @__PURE__ */ e.jsx("hr", { className: i("divider", x.divider) }),
-      g.map((o, c) => /* @__PURE__ */ e.jsx(I, { item: o, menuExpanded: r, collapsed: c === b, onCollapse: () => M(c), currentPath: u, useHover: d, useTooltips: p, isMobile: v }, o.title))
+    ] }) : /* @__PURE__ */ o.jsx(R, {}) }),
+    /* @__PURE__ */ o.jsxs("ul", { className: u.sideMenuContent, children: [
+      t ? /* @__PURE__ */ o.jsx("div", { className: "p-3", children: t }) : null,
+      y.map((e, d) => /* @__PURE__ */ o.jsx(C, { item: e, menuExpanded: c, collapsed: d === p, onCollapse: () => v(d), currentPath: M, useHover: r, useTooltips: N, isMobile: x }, e.title)),
+      /* @__PURE__ */ o.jsx("hr", { className: i("divider", u.divider) }),
+      B.map((e, d) => /* @__PURE__ */ o.jsx(C, { item: e, menuExpanded: c, collapsed: d === p, onCollapse: () => v(d), currentPath: M, useHover: r, useTooltips: N, isMobile: x }, e.title))
     ] })
   ] });
-}, ce = "_top-bar_1usoa_1", _e = "_top-bar-brand_1usoa_13", P = {
+}, le = "_top-bar_1usoa_1", ae = "_top-bar-brand_1usoa_13", P = {
   "top-bar": "_top-bar_1usoa_1",
-  topBar: ce,
+  topBar: le,
   "top-bar-brand": "_top-bar-brand_1usoa_13",
-  topBarBrand: _e
-}, fe = ({ appName: n, leftOffset: t, centerContent: a, rightContent: l }) => /* @__PURE__ */ e.jsxs("nav", { className: i("luminus-top-bar shadow gap-1 gap-lg-3", P.topBar), style: {
+  topBarBrand: ae
+}, ve = ({ appName: n, leftOffset: t, centerContent: l, rightContent: a }) => /* @__PURE__ */ o.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.jsx(y, { to: "/", className: i("luminus-top-bar-brand", P.topBarBrand), children: n }),
-  a && /* @__PURE__ */ e.jsx("div", { children: a }),
-  /* @__PURE__ */ e.jsx("div", { className: "d-flex justify-content-end align-items-center", children: l ?? null })
-] }), ge = ({ title: n, children: t, sideContent: a, sideContentWidth: l = 250, noPadding: r, className: _, helmet: u }) => {
-  const { addHelmet: d, removeHelmet: p } = H($);
-  return z(() => (u ? d(u) : typeof n == "string" && n && d(n), () => p()), [u, d, p, n]), /* @__PURE__ */ e.jsxs("div", { className: i("container-fluid", r ? "p-0" : "p-3", _), children: [
-    /* @__PURE__ */ e.jsxs("div", { style: { paddingRight: a ? `${l}px` : void 0 }, children: [
-      n ? /* @__PURE__ */ e.jsx(F, { title: n }) : null,
-      t
-    ] }),
-    a && /* @__PURE__ */ e.jsx(A, { width: l, children: a })
-  ] });
-};
+  /* @__PURE__ */ o.jsx(f, { to: "/", className: i("luminus-top-bar-brand", P.topBarBrand), children: n }),
+  l && /* @__PURE__ */ o.jsx("div", { children: l }),
+  /* @__PURE__ */ o.jsx("div", { className: "d-flex justify-content-end align-items-center", children: a ?? null })
+] });
 export {
-  Pe as FullScreenContainer,
-  ge as MainContainer,
-  Ce as PageContainer,
-  A as SideContentBar,
-  Ne as SideMenu,
-  fe as TopBar
+  Ne as PageContainer,
+  ye as SideContentBar,
+  he as SideMenu,
+  ve as TopBar
 };