react-luminus-components 1.3.85 → 1.3.86

package/dist/layout.es.js

@@ -1,135 +1,124 @@
-import { j as e, c as o, ac as y, a1 as C } from "./Documents-CzClGlh6.js";
-import { useState as M, useMemo as w, useEffect as P } from "react";
+import { j as e, c as t, ad as k } from "./nivo-pie.es-DcNHbK3t.js";
+import { useState as B, useMemo as w, useEffect as P } from "react";
 import { Link as j } from "react-router-dom";
 import "react-hook-form";
+import "react-flexmonster";
+import { S as I } from "./SimpleTooltip-Bi03GT58.js";
 import "@azure/msal-browser";
 import "@azure/msal-react";
-import { u as I } from "./usePermissions-B1hOk-Cv.js";
-import { S as g } from "./SimpleTooltip-D8C4rVDt.js";
-const S = "_side-menu-item_6vbwa_1", T = "_disabled_6vbwa_5", $ = "_nav-button_6vbwa_9", H = "_child_6vbwa_17", E = "_text_6vbwa_21", F = "_icon_6vbwa_28", L = "_collapse-icon_6vbwa_34", R = "_collapsed_6vbwa_44", A = "_expanded_6vbwa_51", K = "_children-container_6vbwa_57", U = "_visible_6vbwa_65", q = "_children_6vbwa_57", r = {
+import { u as y } from "./usePermissions-Ds6FiFo2.js";
+import { P as C, S as f } from "./FullScreenContainer-Ce-nK_6a.js";
+import { F as _e } from "./FullScreenContainer-Ce-nK_6a.js";
+const g = "_side-menu-item_6vbwa_1", T = "_disabled_6vbwa_5", S = "_nav-button_6vbwa_9", H = "_child_6vbwa_17", $ = "_text_6vbwa_21", E = "_icon_6vbwa_28", F = "_collapse-icon_6vbwa_34", L = "_collapsed_6vbwa_44", R = "_expanded_6vbwa_51", A = "_children-container_6vbwa_57", K = "_visible_6vbwa_65", U = "_children_6vbwa_57", i = {
   "side-menu-item": "_side-menu-item_6vbwa_1",
-  sideMenuItem: S,
+  sideMenuItem: g,
   disabled: T,
   "nav-button": "_nav-button_6vbwa_9",
-  navButton: $,
+  navButton: S,
   child: H,
-  text: E,
-  icon: F,
+  text: $,
+  icon: E,
   "collapse-icon": "_collapse-icon_6vbwa_34",
-  collapseIcon: L,
-  collapsed: R,
-  expanded: A,
+  collapseIcon: F,
+  collapsed: L,
+  expanded: R,
   "children-container": "_children-container_6vbwa_57",
-  childrenContainer: K,
-  visible: U,
-  children: q
-}, z = ({ item: n, menuExpanded: a, children: t }) => n.tooltip && !a ? /* @__PURE__ */ e.jsx(g, { text: n.tooltip, placement: "right", children: t }) : t, N = ({ item: n, menuExpanded: a, collapsed: t, onCollapse: d, currentPath: l }) => {
-  var b, x, v, i;
-  const [c, u] = M(!1), [m] = l.split("?"), _ = n.linkTo === m || ((b = n.children) == null ? void 0 : b.some((s) => s.linkTo === m));
-  return /* @__PURE__ */ e.jsxs("li", { className: o("luminus-side-menu-item", r.sideMenuItem, {
-    [r.expanded]: a
-  }, { active: c || _ }, { open: t && n.children }, {
-    [r.disabled]: n.disabled || n.notPermitted || ((x = n.children) == null ? void 0 : x.every((s) => s.notPermitted || s.disabled))
+  childrenContainer: A,
+  visible: K,
+  children: U
+}, q = ({ item: n, menuExpanded: o, children: d }) => n.tooltip && !o ? /* @__PURE__ */ e.jsx(I, { text: n.tooltip, placement: "right", children: d }) : d, N = ({ item: n, menuExpanded: o, collapsed: d, onCollapse: r, currentPath: c }) => {
+  var h, x, u, a;
+  const [_, m] = B(!1), [p] = c.split("?"), l = n.linkTo === p || ((h = n.children) == null ? void 0 : h.some((s) => s.linkTo === p));
+  return /* @__PURE__ */ e.jsxs("li", { className: t("luminus-side-menu-item", i.sideMenuItem, {
+    [i.expanded]: o
+  }, { active: _ || l }, { open: d && n.children }, {
+    [i.disabled]: n.disabled || n.notPermitted || ((x = n.children) == null ? void 0 : x.every((s) => s.notPermitted || s.disabled))
   }, {
-    disabled: n.disabled || n.notPermitted || ((v = n.children) == null ? void 0 : v.every((s) => s.notPermitted || s.disabled))
-  }), onMouseEnter: () => u(!0), onMouseLeave: () => u(!1), children: [
-    /* @__PURE__ */ e.jsx(z, { item: n, menuExpanded: a, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: o("nav-link", r.navButton), onClick: () => d(), children: [
-      /* @__PURE__ */ e.jsx("div", { className: o("icon", r.icon), children: n.icon }),
-      a && /* @__PURE__ */ e.jsx("div", { className: o("text", r.text, "text-nowrap"), children: n.title }),
-      a && /* @__PURE__ */ e.jsx("div", { className: o("collapse-icon", r.collapseIcon, {
-        [r.collapsed]: t
-      }), children: /* @__PURE__ */ e.jsx(y, {}) })
-    ] }) }) : /* @__PURE__ */ e.jsxs(j, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: o("nav-link", r.navButton), children: [
-      /* @__PURE__ */ e.jsx("div", { className: o("icon", r.icon), children: n.icon }),
-      a && /* @__PURE__ */ e.jsx("div", { className: o("text", r.text, "text-nowrap"), children: n.title })
+    disabled: n.disabled || n.notPermitted || ((u = n.children) == null ? void 0 : u.every((s) => s.notPermitted || s.disabled))
+  }), onMouseEnter: () => m(!0), onMouseLeave: () => m(!1), children: [
+    /* @__PURE__ */ e.jsx(q, { item: n, menuExpanded: o, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: t("nav-link", i.navButton), onClick: () => r(), children: [
+      /* @__PURE__ */ e.jsx("div", { className: t("icon", i.icon), children: n.icon }),
+      o && /* @__PURE__ */ e.jsx("div", { className: t("text", i.text, "text-nowrap"), children: n.title }),
+      o && /* @__PURE__ */ e.jsx("div", { className: t("collapse-icon", i.collapseIcon, {
+        [i.collapsed]: d
+      }), children: /* @__PURE__ */ e.jsx(k, {}) })
+    ] }) }) : /* @__PURE__ */ e.jsxs(j, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: t("nav-link", i.navButton), children: [
+      /* @__PURE__ */ e.jsx("div", { className: t("icon", i.icon), children: n.icon }),
+      o && /* @__PURE__ */ e.jsx("div", { className: t("text", i.text, "text-nowrap"), children: n.title })
     ] }) }),
-    /* @__PURE__ */ e.jsx("div", { className: o("children-container", r.childrenContainer, {
-      [r.visible]: t
-    }), children: /* @__PURE__ */ e.jsx("div", { className: o("shadow rounded children", r.children), children: (i = n.children) == null ? void 0 : i.map((s) => /* @__PURE__ */ e.jsx(j, { to: s.disabled || s.notPermitted ? "/" : s.linkTo ?? "/", className: o("nav-link child rounded", r.navButton, r.child, { [r.disabled]: s.disabled || s.notPermitted }, { disabled: s.disabled || s.notPermitted }), children: /* @__PURE__ */ e.jsx("div", { className: o("text", r.text, "text-nowrap"), children: s.title }) }, s.linkTo)) }) })
+    /* @__PURE__ */ e.jsx("div", { className: t("children-container", i.childrenContainer, {
+      [i.visible]: d
+    }), children: /* @__PURE__ */ e.jsx("div", { className: t("shadow rounded children", i.children), children: (a = n.children) == null ? void 0 : a.map((s) => /* @__PURE__ */ e.jsx(j, { to: s.disabled || s.notPermitted ? "/" : s.linkTo ?? "/", className: t("nav-link child rounded", i.navButton, i.child, { [i.disabled]: s.disabled || s.notPermitted }, { disabled: s.disabled || s.notPermitted }), children: /* @__PURE__ */ e.jsx("div", { className: t("text", i.text, "text-nowrap"), children: s.title }) }, s.linkTo)) }) })
   ] });
-}, D = "_side-menu_n1hvm_1", G = "_sidebar-header_n1hvm_13", J = "_side-menu-content_n1hvm_18", Q = "_expand_n1hvm_22", V = "_divider_n1hvm_26", h = {
+}, z = "_side-menu_n1hvm_1", D = "_sidebar-header_n1hvm_13", G = "_side-menu-content_n1hvm_18", J = "_expand_n1hvm_22", Q = "_divider_n1hvm_26", b = {
   "side-menu": "_side-menu_n1hvm_1",
-  sideMenu: D,
+  sideMenu: z,
   "sidebar-header": "_sidebar-header_n1hvm_13",
-  sidebarHeader: G,
+  sidebarHeader: D,
   "side-menu-content": "_side-menu-content_n1hvm_18",
-  sideMenuContent: J,
-  expand: Q,
-  divider: V
-}, le = ({ headerItem: n, mainItems: a, secondaryItems: t, expanded: d, setExpanded: l, currentPath: c }) => {
-  const [u, m] = M(-1), { checkUserHasPermissions: _ } = I(), b = w(() => a.map((i) => {
+  sideMenuContent: G,
+  expand: J,
+  divider: Q
+}, oe = ({ headerItem: n, mainItems: o, secondaryItems: d, expanded: r, setExpanded: c, currentPath: _ }) => {
+  const [m, p] = B(-1), { checkUserHasPermissions: l } = y(), h = w(() => o.map((a) => {
     var s;
     return {
-      ...i,
-      notPermitted: !_(i.permissions ?? [], "any"),
-      children: (s = i.children) == null ? void 0 : s.map((p) => ({
-        ...p,
-        notPermitted: !_(p.permissions ?? [], "any"),
-        disabled: i.disabled || p.disabled
+      ...a,
+      notPermitted: !l(a.permissions ?? [], "any"),
+      children: (s = a.children) == null ? void 0 : s.map((v) => ({
+        ...v,
+        notPermitted: !l(v.permissions ?? [], "any"),
+        disabled: a.disabled || v.disabled
       }))
     };
-  }), [a, _]), x = w(() => t.map((i) => {
+  }), [o, l]), x = w(() => d.map((a) => {
     var s;
     return {
-      ...i,
-      notPermitted: !_(i.permissions ?? [], "any"),
-      children: (s = i.children) == null ? void 0 : s.map((p) => ({
-        ...p,
-        notPermitted: !_(p.permissions ?? [], "any")
+      ...a,
+      notPermitted: !l(a.permissions ?? [], "any"),
+      children: (s = a.children) == null ? void 0 : s.map((v) => ({
+        ...v,
+        notPermitted: !l(v.permissions ?? [], "any")
       }))
     };
-  }), [t, _]), v = (i) => {
-    m(i === u ? -1 : i);
+  }), [d, l]), u = (a) => {
+    p(a === m ? -1 : a);
   };
   return P(() => {
-    d || m(-1);
-  }, [d]), /* @__PURE__ */ e.jsxs("section", { className: o("luminus-side-menu shadow", h.sideMenu, {
-    [h.expand]: d
-  }, { expand: d }), onMouseEnter: () => l(!0), onMouseLeave: () => l(!1), children: [
-    /* @__PURE__ */ e.jsx("div", { className: o("sidebar-header", h.sidebarHeader), children: n }),
-    /* @__PURE__ */ e.jsxs("ul", { className: h.sideMenuContent, children: [
-      b.map((i, s) => /* @__PURE__ */ e.jsx(N, { item: i, menuExpanded: d, collapsed: s === u, onCollapse: () => v(s), currentPath: c }, i.title)),
-      /* @__PURE__ */ e.jsx("hr", { className: o("divider", h.divider) }),
-      x.map((i, s) => /* @__PURE__ */ e.jsx(N, { item: i, menuExpanded: d, collapsed: s === u, onCollapse: () => v(s), currentPath: c }, i.title))
+    r || p(-1);
+  }, [r]), /* @__PURE__ */ e.jsxs("section", { className: t("luminus-side-menu shadow", b.sideMenu, {
+    [b.expand]: r
+  }, { expand: r }), onMouseEnter: () => c(!0), onMouseLeave: () => c(!1), children: [
+    /* @__PURE__ */ e.jsx("div", { className: t("sidebar-header", b.sidebarHeader), children: n }),
+    /* @__PURE__ */ e.jsxs("ul", { className: b.sideMenuContent, children: [
+      h.map((a, s) => /* @__PURE__ */ e.jsx(N, { item: a, menuExpanded: r, collapsed: s === m, onCollapse: () => u(s), currentPath: _ }, a.title)),
+      /* @__PURE__ */ e.jsx("hr", { className: t("divider", b.divider) }),
+      x.map((a, s) => /* @__PURE__ */ e.jsx(N, { item: a, menuExpanded: r, collapsed: s === m, onCollapse: () => u(s), currentPath: _ }, a.title))
     ] })
   ] });
-}, X = "_top-bar_1lk80_1", Y = "_top-bar-brand_1lk80_14", B = {
+}, V = "_top-bar_1lk80_1", X = "_top-bar-brand_1lk80_14", M = {
   "top-bar": "_top-bar_1lk80_1",
-  topBar: X,
+  topBar: V,
   "top-bar-brand": "_top-bar-brand_1lk80_14",
-  topBarBrand: Y
-}, ce = ({ appName: n, leftOffset: a, centerContent: t, rightContent: d }) => /* @__PURE__ */ e.jsxs("nav", { className: o("luminus-top-bar shadow", B.topBar), style: {
-  width: a ? `calc(100% - ${a}px)` : void 0,
-  left: a ? `${a}px` : void 0
+  topBarBrand: X
+}, de = ({ appName: n, leftOffset: o, centerContent: d, rightContent: r }) => /* @__PURE__ */ e.jsxs("nav", { className: t("luminus-top-bar shadow", M.topBar), style: {
+  width: o ? `calc(100% - ${o}px)` : void 0,
+  left: o ? `${o}px` : void 0
 }, children: [
-  /* @__PURE__ */ e.jsx(j, { to: "/", className: o("luminus-top-bar-brand", B.topBarBrand), children: n }),
-  t && /* @__PURE__ */ e.jsx("div", { children: t }),
-  /* @__PURE__ */ e.jsx("div", { className: "d-flex justify-content-end align-items-center gap-2", children: d ?? null })
-] }), Z = "_side-content-bar_17kwd_1", O = {
-  "side-content-bar": "_side-content-bar_17kwd_1",
-  sideContentBar: Z
-}, f = ({ width: n, children: a }) => /* @__PURE__ */ e.jsx("section", { className: o("luminus-side-content-bar shadow", O.sideContentBar), style: {
-  width: `${n}px`
-}, children: a }), k = ({ title: n }) => /* @__PURE__ */ e.jsx("div", { className: "mb-3", children: typeof n == "string" ? /* @__PURE__ */ e.jsx(C, { variant: "h3", children: n }) : n }), _e = ({ title: n, children: a, sideContent: t, sideContentWidth: d = 250, noPadding: l, className: c }) => /* @__PURE__ */ e.jsxs("div", { className: o("container-fluid", l ? "p-0" : "p-3", c), children: [
-  /* @__PURE__ */ e.jsxs("div", { style: { paddingRight: t ? `${d}px` : void 0 }, children: [
-    n ? /* @__PURE__ */ e.jsx(k, { title: n }) : null,
-    a
+  /* @__PURE__ */ e.jsx(j, { to: "/", className: t("luminus-top-bar-brand", M.topBarBrand), children: n }),
+  d && /* @__PURE__ */ e.jsx("div", { children: d }),
+  /* @__PURE__ */ e.jsx("div", { className: "d-flex justify-content-end align-items-center gap-2", children: r ?? null })
+] }), re = ({ title: n, children: o, sideContent: d, sideContentWidth: r = 250, noPadding: c, className: _ }) => /* @__PURE__ */ e.jsxs("div", { className: t("container-fluid", c ? "p-0" : "p-3", _), children: [
+  /* @__PURE__ */ e.jsxs("div", { style: { paddingRight: d ? `${r}px` : void 0 }, children: [
+    n ? /* @__PURE__ */ e.jsx(C, { title: n }) : null,
+    o
   ] }),
-  t && /* @__PURE__ */ e.jsx(f, { width: d, children: t })
-] }), W = "_full-screen-container_1rm4r_1", ee = {
-  "full-screen-container": "_full-screen-container_1rm4r_1",
-  fullScreenContainer: W
-}, ue = ({ title: n, children: a, sideContent: t, sideContentWidth: d = 250, noPadding: l, className: c }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  /* @__PURE__ */ e.jsxs("div", { className: o("overflow-hidden luminus-full-screen-container", l ? "p-0" : "p-3", c, ee.fullScreenContainer), style: { width: t ? `calc(100% - ${d}px)` : "100%" }, children: [
-    n ? /* @__PURE__ */ e.jsx(k, { title: n }) : null,
-    a
-  ] }),
-  t && /* @__PURE__ */ e.jsx(f, { width: d, children: t })
+  d && /* @__PURE__ */ e.jsx(f, { width: r, children: d })
 ] });
 export {
-  ue as FullScreenContainer,
-  _e as MainContainer,
+  _e as FullScreenContainer,
+  re as MainContainer,
   f as SideContentBar,
-  le as SideMenu,
-  ce as TopBar
+  oe as SideMenu,
+  de as TopBar
 };