react-luminus-components 1.2.33 → 1.2.35

package/dist/layout.es.js

@@ -1,11 +1,11 @@
-import { L as C, j as e, c as o, M as I } from "./UserAvatarToggle-BWDRIIXE.js";
-import { useContext as M, useState as B, useMemo as j, useEffect as P } from "react";
-import { u as g } from "./usePermissions-Cg_BMKPX.js";
-import { S as y } from "./SimpleTooltip-cMiObSvf.js";
-import { T } from "./Typography-B12JkmMC.js";
-const S = "_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 { N as C, j as e, b as i, W as I, a1 as P } from "./UserAvatarToggle-CH7OqxNp.js";
+import { useContext as B, useState as M, useMemo as j, useEffect as g } from "react";
+import "react-hook-form";
+import { u as y } from "./usePermissions-DVO-znuB.js";
+import { S } from "./SimpleTooltip-MhGCEWts.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", W = "_visible_6vbwa_65", q = "_children_6vbwa_57", o = {
   "side-menu-item": "_side-menu-item_6vbwa_1",
-  sideMenuItem: S,
+  sideMenuItem: T,
   disabled: $,
   "nav-button": "_nav-button_6vbwa_9",
   navButton: H,
@@ -18,39 +18,39 @@ const S = "_side-menu-item_6vbwa_1", $ = "_disabled_6vbwa_5", H = "_nav-button_6
   expanded: K,
   "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(y, { text: n.tooltip, placement: "right", children: a }) : a, w = ({ item: n, menuExpanded: t, collapsed: a, onCollapse: r, currentPath: l }) => {
+  visible: W,
+  children: q
+}, z = ({ 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: l }) => {
   var b, h;
-  const { LinkComponent: m } = M(C), [p, _] = B(!1), [c] = l.split("?"), x = n.linkTo === c || ((b = n.children) == null ? void 0 : b.some((s) => s.linkTo === c));
-  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: () => _(!0), onMouseLeave: () => _(!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, {
-        [i.collapsed]: a
+  const { LinkComponent: m } = B(C), [p, _] = M(!1), [c] = l.split("?"), x = n.linkTo === c || ((b = n.children) == null ? void 0 : b.some((s) => s.linkTo === c));
+  return /* @__PURE__ */ e.jsxs("li", { className: i("luminus-side-menu-item", o.sideMenuItem, {
+    [o.expanded]: t
+  }, { active: p || x }, { open: a && n.children }, { [o.disabled]: n.disabled || n.notPermitted }, { disabled: n.disabled || n.notPermitted }), onMouseEnter: () => _(!0), onMouseLeave: () => _(!1), children: [
+    /* @__PURE__ */ e.jsx(z, { item: n, menuExpanded: t, children: n.children ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("button", { type: "button", className: i("nav-link", o.navButton), onClick: () => r(), children: [
+      /* @__PURE__ */ e.jsx("div", { className: i("icon", o.icon), children: n.icon }),
+      t && /* @__PURE__ */ e.jsx("div", { className: i("text", o.text, "text-nowrap"), children: n.title }),
+      t && /* @__PURE__ */ e.jsx("div", { className: i("collapse-icon", o.collapseIcon, {
+        [o.collapsed]: a
       }), children: /* @__PURE__ */ e.jsx(I, {}) })
-    ] }) }) : /* @__PURE__ */ e.jsxs(m, { 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 })
+    ] }) }) : /* @__PURE__ */ e.jsxs(m, { to: n.disabled || n.notPermitted ? "/" : n.linkTo ?? "/", className: i("nav-link", o.navButton), children: [
+      /* @__PURE__ */ e.jsx("div", { className: i("icon", o.icon), children: n.icon }),
+      t && /* @__PURE__ */ e.jsx("div", { className: i("text", o.text, "text-nowrap"), children: n.title })
     ] }) }),
-    /* @__PURE__ */ e.jsx("div", { className: o("children-container", i.childrenContainer, {
-      [i.visible]: a
-    }), children: /* @__PURE__ */ e.jsx("div", { className: o("shadow rounded children", i.children), children: (h = n.children) == null ? void 0 : h.map((s) => /* @__PURE__ */ e.jsx(m, { 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)) }) })
+    /* @__PURE__ */ e.jsx("div", { className: i("children-container", o.childrenContainer, {
+      [o.visible]: a
+    }), children: /* @__PURE__ */ e.jsx("div", { className: i("shadow rounded children", o.children), children: (h = n.children) == null ? void 0 : h.map((s) => /* @__PURE__ */ e.jsx(m, { to: s.disabled || s.notPermitted ? "/" : s.linkTo ?? "/", className: i("nav-link child rounded", o.navButton, o.child, { [o.disabled]: s.disabled || s.notPermitted }, { disabled: s.disabled || s.notPermitted }), children: /* @__PURE__ */ e.jsx("div", { className: i("text", o.text, "text-nowrap"), children: s.title }) }, s.linkTo)) }) })
   ] });
-}, G = "_side-menu_n1hvm_1", J = "_sidebar-header_n1hvm_13", Q = "_side-menu-content_n1hvm_18", V = "_expand_n1hvm_22", W = "_divider_n1hvm_26", v = {
+}, D = "_side-menu_n1hvm_1", G = "_sidebar-header_n1hvm_13", J = "_side-menu-content_n1hvm_18", Q = "_expand_n1hvm_22", V = "_divider_n1hvm_26", v = {
   "side-menu": "_side-menu_n1hvm_1",
-  sideMenu: G,
+  sideMenu: D,
   "sidebar-header": "_sidebar-header_n1hvm_13",
-  sidebarHeader: J,
+  sidebarHeader: G,
   "side-menu-content": "_side-menu-content_n1hvm_18",
-  sideMenuContent: Q,
-  expand: V,
-  divider: W
+  sideMenuContent: J,
+  expand: Q,
+  divider: V
 }, re = ({ headerItem: n, mainItems: t, secondaryItems: a, expanded: r, setExpanded: l, currentPath: m }) => {
-  const [p, _] = B(-1), { checkUserHasPermissions: c } = g(), x = j(() => t.map((s) => {
+  const [p, _] = M(-1), { checkUserHasPermissions: c } = y(), x = j(() => t.map((s) => {
     var d;
     return {
       ...s,
@@ -74,15 +74,15 @@ const S = "_side-menu-item_6vbwa_1", $ = "_disabled_6vbwa_5", H = "_nav-button_6
   }), [a, c]), h = (s) => {
     _(s === p ? -1 : s);
   };
-  return P(() => {
+  return g(() => {
     r || _(-1);
-  }, [r]), /* @__PURE__ */ e.jsxs("section", { className: o("luminus-side-menu shadow", v.sideMenu, {
+  }, [r]), /* @__PURE__ */ e.jsxs("section", { className: i("luminus-side-menu shadow", v.sideMenu, {
     [v.expand]: r
   }, { expand: r }), onMouseEnter: () => l(!0), onMouseLeave: () => l(!1), children: [
-    /* @__PURE__ */ e.jsx("div", { className: o("sidebar-header", v.sidebarHeader), children: n }),
+    /* @__PURE__ */ e.jsx("div", { className: i("sidebar-header", v.sidebarHeader), children: n }),
     /* @__PURE__ */ e.jsxs("ul", { className: v.sideMenuContent, children: [
       x.map((s, d) => /* @__PURE__ */ e.jsx(w, { item: s, menuExpanded: r, collapsed: d === p, onCollapse: () => h(d), currentPath: m }, s.title)),
-      /* @__PURE__ */ e.jsx("hr", { className: o("divider", v.divider) }),
+      /* @__PURE__ */ e.jsx("hr", { className: i("divider", v.divider) }),
       b.map((s, d) => /* @__PURE__ */ e.jsx(w, { item: s, menuExpanded: r, collapsed: d === p, onCollapse: () => h(d), currentPath: m }, s.title))
     ] })
   ] });
@@ -92,21 +92,21 @@ const S = "_side-menu-item_6vbwa_1", $ = "_disabled_6vbwa_5", H = "_nav-button_6
   "top-bar-brand": "_top-bar-brand_1lk80_14",
   topBarBrand: Y
 }, de = ({ appName: n, leftOffset: t, centerContent: a, rightContent: r }) => {
-  const { LinkComponent: l } = M(C);
-  return /* @__PURE__ */ e.jsxs("nav", { className: o("luminus-top-bar shadow", N.topBar), style: {
+  const { LinkComponent: l } = B(C);
+  return /* @__PURE__ */ e.jsxs("nav", { className: i("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(l, { to: "/", className: o("luminus-top-bar-brand", N.topBarBrand), children: n }),
+    /* @__PURE__ */ e.jsx(l, { to: "/", className: i("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 })
   ] });
 }, Z = "_side-content-bar_17kwd_1", O = {
   "side-content-bar": "_side-content-bar_17kwd_1",
   sideContentBar: Z
-}, k = ({ width: n, children: t }) => /* @__PURE__ */ e.jsx("section", { className: o("luminus-side-content-bar shadow", O.sideContentBar), style: {
+}, k = ({ width: n, children: t }) => /* @__PURE__ */ e.jsx("section", { className: i("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(T, { variant: "h3", children: n }) : n }), le = ({ title: n, children: t, sideContent: a, noPadding: r, className: l }) => /* @__PURE__ */ e.jsxs("div", { className: o("container-fluid", r ? "p-0" : "p-3", l), children: [
+}, 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 }), le = ({ title: n, children: t, sideContent: a, noPadding: r, className: l }) => /* @__PURE__ */ e.jsxs("div", { className: i("container-fluid", r ? "p-0" : "p-3", l), children: [
   /* @__PURE__ */ e.jsxs("div", { style: { paddingRight: a ? "250px" : void 0 }, children: [
     n ? /* @__PURE__ */ e.jsx(f, { title: n }) : null,
     t
@@ -116,7 +116,7 @@ const S = "_side-menu-item_6vbwa_1", $ = "_disabled_6vbwa_5", H = "_nav-button_6
   "full-screen-container": "_full-screen-container_1rm4r_1",
   fullScreenContainer: ee
 }, ce = ({ title: n, children: t, sideContent: a, noPadding: r, className: l }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  /* @__PURE__ */ e.jsxs("div", { className: o("overflow-hidden luminus-full-screen-container", r ? "p-0" : "p-3", l, ne.fullScreenContainer), style: { width: a ? "calc(100% - 250px)" : "100%" }, children: [
+  /* @__PURE__ */ e.jsxs("div", { className: i("overflow-hidden luminus-full-screen-container", r ? "p-0" : "p-3", l, ne.fullScreenContainer), style: { width: a ? "calc(100% - 250px)" : "100%" }, children: [
     n ? /* @__PURE__ */ e.jsx(f, { title: n }) : null,
     t
   ] }),