react-luminus-components 1.3.31 → 1.3.33

package/dist/layout.es.js

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