react-luminus-components 1.1.26 → 1.1.27

package/dist/layout.es.js

@@ -1,107 +1,108 @@
-import { L as b, j as e, c as o, M as f } from "./UserAvatarToggle-xT1i6nSz.js";
-import { useContext as N, useState as C, useEffect as k } from "react";
-import { S as w } from "./SimpleTooltip-DnZSi_qT.js";
-import { T as I } from "./Typography-CsdF39gW.js";
-const g = "_side-menu-item_9ejxx_1", y = "_nav-button_9ejxx_5", T = "_child_9ejxx_13", S = "_text_9ejxx_16", $ = "_icon_9ejxx_19", L = "_collapse-icon_9ejxx_25", H = "_collapsed_9ejxx_35", F = "_expanded_9ejxx_42", R = "_children-container_9ejxx_48", A = "_visible_9ejxx_57", i = {
-  "side-menu-item": "_side-menu-item_9ejxx_1",
-  sideMenuItem: g,
-  "nav-button": "_nav-button_9ejxx_5",
-  navButton: y,
-  child: T,
-  text: S,
-  icon: $,
-  "collapse-icon": "_collapse-icon_9ejxx_25",
-  collapseIcon: L,
-  collapsed: H,
-  expanded: F,
-  "children-container": "_children-container_9ejxx_48",
-  childrenContainer: R,
-  visible: A
-}, E = ({ item: n, menuExpanded: s, children: t }) => n.tooltip && !s ? /* @__PURE__ */ e.jsx(w, { text: n.tooltip, placement: "right", children: t }) : t, v = ({ item: n, menuExpanded: s, collapsed: t, onCollapse: a, currentPath: r }) => {
-  var l, h;
-  const { LinkComponent: _ } = N(b), [x, d] = C(!1), [u] = r.split("?"), c = n.linkTo === u || ((l = n.children) == null ? void 0 : l.some((m) => m.linkTo === u));
-  return /* @__PURE__ */ e.jsx("li", { className: o("luminus-side-menu-item", i.sideMenuItem, {
+import { L as b, j as n, c as a, M } from "./UserAvatarToggle-CsMWlplC.js";
+import { useContext as w, useState as N, useEffect as f } from "react";
+import { S as k } from "./SimpleTooltip-Bclp93h0.js";
+import { T as q } from "./Typography-CmC4x8yQ.js";
+const I = "_side-menu-item_ra7qw_1", g = "_nav-button_ra7qw_5", y = "_child_ra7qw_13", T = "_text_ra7qw_17", S = "_icon_ra7qw_20", $ = "_collapse-icon_ra7qw_26", L = "_collapsed_ra7qw_36", H = "_expanded_ra7qw_43", F = "_children-container_ra7qw_49", R = "_visible_ra7qw_57", A = "_children_ra7qw_49", i = {
+  "side-menu-item": "_side-menu-item_ra7qw_1",
+  sideMenuItem: I,
+  "nav-button": "_nav-button_ra7qw_5",
+  navButton: g,
+  child: y,
+  text: T,
+  icon: S,
+  "collapse-icon": "_collapse-icon_ra7qw_26",
+  collapseIcon: $,
+  collapsed: L,
+  expanded: H,
+  "children-container": "_children-container_ra7qw_49",
+  childrenContainer: F,
+  visible: R,
+  children: A
+}, E = ({ item: e, menuExpanded: s, children: t }) => e.tooltip && !s ? /* @__PURE__ */ n.jsx(k, { text: e.tooltip, placement: "right", children: t }) : t, v = ({ item: e, menuExpanded: s, collapsed: t, onCollapse: o, currentPath: l }) => {
+  var c, x;
+  const { LinkComponent: _ } = w(b), [u, d] = N(!1), [h] = l.split("?"), r = e.linkTo === h || ((c = e.children) == null ? void 0 : c.some((m) => m.linkTo === h));
+  return /* @__PURE__ */ n.jsxs("li", { className: a("luminus-side-menu-item", i.sideMenuItem, {
     [i.expanded]: s
-  }, { active: x || c }, { open: t && n.children }), onMouseEnter: () => d(!0), onMouseLeave: () => d(!1), children: /* @__PURE__ */ e.jsx(E, { item: n, menuExpanded: s, children: n.children ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("button", { type: "button", className: o("nav-link", i.navButton), onClick: () => a(), children: [
-      /* @__PURE__ */ e.jsx("div", { className: o("icon", i.icon), children: n.icon }),
-      s && /* @__PURE__ */ e.jsx("div", { className: o("text", i.text, "text-nowrap"), children: n.title }),
-      s && /* @__PURE__ */ e.jsx("div", { className: o("collapse-icon", i.collapseIcon, {
+  }, { active: u || r }, { open: t && e.children }), onMouseEnter: () => d(!0), onMouseLeave: () => d(!1), children: [
+    /* @__PURE__ */ n.jsx(E, { item: e, menuExpanded: s, children: e.children ? /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs("button", { type: "button", className: a("nav-link", i.navButton), onClick: () => o(), children: [
+      /* @__PURE__ */ n.jsx("div", { className: a("icon", i.icon), children: e.icon }),
+      s && /* @__PURE__ */ n.jsx("div", { className: a("text", i.text, "text-nowrap"), children: e.title }),
+      s && /* @__PURE__ */ n.jsx("div", { className: a("collapse-icon", i.collapseIcon, {
         [i.collapsed]: t
-      }), children: /* @__PURE__ */ e.jsx(f, {}) })
-    ] }),
-    /* @__PURE__ */ e.jsx("div", { className: o("children-container shadow rounded", i.childrenContainer, {
+      }), children: /* @__PURE__ */ n.jsx(M, {}) })
+    ] }) }) : /* @__PURE__ */ n.jsxs(_, { to: e.linkTo ?? "/", className: a("nav-link", i.navButton), children: [
+      /* @__PURE__ */ n.jsx("div", { className: a("icon", i.icon), children: e.icon }),
+      s && /* @__PURE__ */ n.jsx("div", { className: a("text", i.text, "text-nowrap"), children: e.title })
+    ] }) }),
+    /* @__PURE__ */ n.jsx("div", { className: a("children-container", i.childrenContainer, {
       [i.visible]: t
-    }), children: (h = n.children) == null ? void 0 : h.map((m) => /* @__PURE__ */ e.jsx(_, { to: m.linkTo ?? "/", className: o("nav-link child rounded", i.navButton, i.child), children: /* @__PURE__ */ e.jsx("div", { className: o("text", i.text, "text-nowrap"), children: m.title }) }, m.linkTo)) })
-  ] }) : /* @__PURE__ */ e.jsxs(_, { to: n.linkTo ?? "/", className: o("nav-link", i.navButton), children: [
-    /* @__PURE__ */ e.jsx("div", { className: o("icon", i.icon), children: n.icon }),
-    s && /* @__PURE__ */ e.jsx("div", { className: o("text", i.text, "text-nowrap"), children: n.title })
-  ] }) }) });
-}, K = "_side-menu_n1hvm_1", q = "_sidebar-header_n1hvm_13", z = "_side-menu-content_n1hvm_18", D = "_expand_n1hvm_22", G = "_divider_n1hvm_26", p = {
+    }), children: /* @__PURE__ */ n.jsx("div", { className: a("shadow rounded children", i.children), children: (x = e.children) == null ? void 0 : x.map((m) => /* @__PURE__ */ n.jsx(_, { to: m.linkTo ?? "/", className: a("nav-link child rounded", i.navButton, i.child), children: /* @__PURE__ */ n.jsx("div", { className: a("text", i.text, "text-nowrap"), children: m.title }) }, m.linkTo)) }) })
+  ] });
+}, K = "_side-menu_n1hvm_1", z = "_sidebar-header_n1hvm_13", D = "_side-menu-content_n1hvm_18", G = "_expand_n1hvm_22", J = "_divider_n1hvm_26", p = {
   "side-menu": "_side-menu_n1hvm_1",
   sideMenu: K,
   "sidebar-header": "_sidebar-header_n1hvm_13",
-  sidebarHeader: q,
+  sidebarHeader: z,
   "side-menu-content": "_side-menu-content_n1hvm_18",
-  sideMenuContent: z,
-  expand: D,
-  divider: G
-}, ee = ({ headerItem: n, mainItems: s, secondaryItems: t, expanded: a, setExpanded: r, currentPath: _ }) => {
-  const [x, d] = C(-1), u = (c) => {
-    d(c === x ? -1 : c);
+  sideMenuContent: D,
+  expand: G,
+  divider: J
+}, en = ({ headerItem: e, mainItems: s, secondaryItems: t, expanded: o, setExpanded: l, currentPath: _ }) => {
+  const [u, d] = N(-1), h = (r) => {
+    d(r === u ? -1 : r);
   };
-  return k(() => {
-    a || d(-1);
-  }, [a]), /* @__PURE__ */ e.jsxs("section", { className: o("luminus-side-menu", p.sideMenu, {
-    [p.expand]: a
-  }, { expand: a }), onMouseEnter: () => r(!0), onMouseLeave: () => r(!1), children: [
-    /* @__PURE__ */ e.jsx("div", { className: o("sidebar-header", p.sidebarHeader), children: n }),
-    /* @__PURE__ */ e.jsxs("ul", { className: p.sideMenuContent, children: [
-      s.map((c, l) => /* @__PURE__ */ e.jsx(v, { item: c, menuExpanded: a, collapsed: l === x, onCollapse: () => u(l), currentPath: _ }, c.title)),
-      /* @__PURE__ */ e.jsx("hr", { className: o("divider", p.divider) }),
-      t.map((c, l) => /* @__PURE__ */ e.jsx(v, { item: c, menuExpanded: a, collapsed: l === x, onCollapse: () => u(l), currentPath: _ }, c.title))
+  return f(() => {
+    o || d(-1);
+  }, [o]), /* @__PURE__ */ n.jsxs("section", { className: a("luminus-side-menu", p.sideMenu, {
+    [p.expand]: o
+  }, { expand: o }), onMouseEnter: () => l(!0), onMouseLeave: () => l(!1), children: [
+    /* @__PURE__ */ n.jsx("div", { className: a("sidebar-header", p.sidebarHeader), children: e }),
+    /* @__PURE__ */ n.jsxs("ul", { className: p.sideMenuContent, children: [
+      s.map((r, c) => /* @__PURE__ */ n.jsx(v, { item: r, menuExpanded: o, collapsed: c === u, onCollapse: () => h(c), currentPath: _ }, r.title)),
+      /* @__PURE__ */ n.jsx("hr", { className: a("divider", p.divider) }),
+      t.map((r, c) => /* @__PURE__ */ n.jsx(v, { item: r, menuExpanded: o, collapsed: c === u, onCollapse: () => h(c), currentPath: _ }, r.title))
     ] })
   ] });
-}, J = "_top-bar_1lk80_1", P = "_top-bar-brand_1lk80_14", j = {
+}, P = "_top-bar_1lk80_1", Q = "_top-bar-brand_1lk80_14", j = {
   "top-bar": "_top-bar_1lk80_1",
-  topBar: J,
+  topBar: P,
   "top-bar-brand": "_top-bar-brand_1lk80_14",
-  topBarBrand: P
-}, ne = ({ appName: n, leftOffset: s, centerContent: t, rightContent: a }) => {
-  const { LinkComponent: r } = N(b);
-  return /* @__PURE__ */ e.jsxs("nav", { className: o("luminus-top-bar", j.topBar), style: {
+  topBarBrand: Q
+}, sn = ({ appName: e, leftOffset: s, centerContent: t, rightContent: o }) => {
+  const { LinkComponent: l } = w(b);
+  return /* @__PURE__ */ n.jsxs("nav", { className: a("luminus-top-bar", j.topBar), style: {
     width: s ? `calc(100% - ${s}px)` : void 0,
     left: s ? `${s}px` : void 0
   }, children: [
-    /* @__PURE__ */ e.jsx(r, { to: "/", className: o("luminus-top-bar-brand", j.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: a ?? null })
+    /* @__PURE__ */ n.jsx(l, { to: "/", className: a("luminus-top-bar-brand", j.topBarBrand), children: e }),
+    t && /* @__PURE__ */ n.jsx("div", { children: t }),
+    /* @__PURE__ */ n.jsx("div", { className: "d-flex justify-content-end align-items-center gap-2", children: o ?? null })
   ] });
-}, Q = "_side-content-bar_17kwd_1", U = {
+}, U = "_side-content-bar_17kwd_1", V = {
   "side-content-bar": "_side-content-bar_17kwd_1",
-  sideContentBar: Q
-}, B = ({ width: n, children: s }) => /* @__PURE__ */ e.jsx("section", { className: o("luminus-side-content-bar", U.sideContentBar), style: {
-  width: `${n}px`
-}, children: s }), M = ({ title: n }) => /* @__PURE__ */ e.jsx("div", { className: "mb-3", children: typeof n == "string" ? /* @__PURE__ */ e.jsx(I, { variant: "h3", children: n }) : n }), se = ({ title: n, children: s, sideContent: t }) => /* @__PURE__ */ e.jsxs("div", { className: "container-fluid p-3", children: [
-  /* @__PURE__ */ e.jsxs("div", { style: { paddingRight: t ? "250px" : void 0 }, children: [
-    n ? /* @__PURE__ */ e.jsx(M, { title: n }) : null,
+  sideContentBar: U
+}, C = ({ width: e, children: s }) => /* @__PURE__ */ n.jsx("section", { className: a("luminus-side-content-bar", V.sideContentBar), style: {
+  width: `${e}px`
+}, children: s }), B = ({ title: e }) => /* @__PURE__ */ n.jsx("div", { className: "mb-3", children: typeof e == "string" ? /* @__PURE__ */ n.jsx(q, { variant: "h3", children: e }) : e }), tn = ({ title: e, children: s, sideContent: t }) => /* @__PURE__ */ n.jsxs("div", { className: "container-fluid p-3", children: [
+  /* @__PURE__ */ n.jsxs("div", { style: { paddingRight: t ? "250px" : void 0 }, children: [
+    e ? /* @__PURE__ */ n.jsx(B, { title: e }) : null,
     s
   ] }),
-  t && /* @__PURE__ */ e.jsx(B, { width: 250, children: t })
-] }), V = "_full-screen-container_1rm4r_1", W = {
+  t && /* @__PURE__ */ n.jsx(C, { width: 250, children: t })
+] }), W = "_full-screen-container_1rm4r_1", X = {
   "full-screen-container": "_full-screen-container_1rm4r_1",
-  fullScreenContainer: V
-}, te = ({ title: n, children: s, sideContent: t }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  /* @__PURE__ */ e.jsxs("div", { className: o("ontainer-fluid p-3 overflow-hidden luminus-full-screen-container", W.fullScreenContainer), style: { width: t ? "calc(100% - 250px)" : "100%" }, children: [
-    n ? /* @__PURE__ */ e.jsx(M, { title: n }) : null,
+  fullScreenContainer: W
+}, an = ({ title: e, children: s, sideContent: t }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  /* @__PURE__ */ n.jsxs("div", { className: a("ontainer-fluid p-3 overflow-hidden luminus-full-screen-container", X.fullScreenContainer), style: { width: t ? "calc(100% - 250px)" : "100%" }, children: [
+    e ? /* @__PURE__ */ n.jsx(B, { title: e }) : null,
     s
   ] }),
-  t && /* @__PURE__ */ e.jsx(B, { width: 250, children: t })
+  t && /* @__PURE__ */ n.jsx(C, { width: 250, children: t })
 ] });
 export {
-  te as FullScreenContainer,
-  se as MainContainer,
-  B as SideContentBar,
-  ee as SideMenu,
-  ne as TopBar
+  an as FullScreenContainer,
+  tn as MainContainer,
+  C as SideContentBar,
+  en as SideMenu,
+  sn as TopBar
 };