react-luminus-components 1.3.35 → 1.3.36

package/dist/layout/TopBar/TopBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     appName: string;
     leftOffset?: number;

package/dist/layout.cjs.js

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

package/dist/layout.es.js

@@ -1,12 +1,11 @@
-import { j as e, c as t, Z as C, S as I } from "./FromToDatePickerDropdownToggle-CGnDN_zs.js";
+import { j as e, c as t, Z as C, S as I } from "./FromToDatePickerDropdownToggle-DrEcMDSn.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 "@azure/msal-browser";
 import "@azure/msal-react";
-import "zod";
-import { u as g } from "./usePermissions-Dl5tlwwt.js";
-import { S as y } from "./SimpleTooltip-B0I1MS-L.js";
+import { u as g } from "./usePermissions-DF_q-wC1.js";
+import { S as y } from "./SimpleTooltip-BAj8LkNU.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: S,
@@ -53,7 +52,7 @@ const S = "_side-menu-item_6vbwa_1", T = "_disabled_6vbwa_5", $ = "_nav-button_6
   sideMenuContent: G,
   expand: J,
   divider: Q
-}, ce = ({ headerItem: n, mainItems: s, secondaryItems: a, expanded: r, setExpanded: c, currentPath: _ }) => {
+}, de = ({ 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 {
@@ -95,7 +94,7 @@ const S = "_side-menu-item_6vbwa_1", T = "_disabled_6vbwa_5", $ = "_nav-button_6
   topBar: V,
   "top-bar-brand": "_top-bar-brand_1lk80_14",
   topBarBrand: X
-}, _e = ({ appName: n, leftOffset: s, centerContent: a, rightContent: r }) => /* @__PURE__ */ e.jsxs("nav", { className: t("luminus-top-bar shadow", B.topBar), style: {
+}, ce = ({ 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: [
@@ -107,7 +106,7 @@ const S = "_side-menu-item_6vbwa_1", T = "_disabled_6vbwa_5", $ = "_nav-button_6
   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: 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: [
+}, 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 }), _e = ({ 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(k, { title: n }) : null,
     s
@@ -116,7 +115,7 @@ const S = "_side-menu-item_6vbwa_1", T = "_disabled_6vbwa_5", $ = "_nav-button_6
 ] }), W = "_full-screen-container_1rm4r_1", ee = {
   "full-screen-container": "_full-screen-container_1rm4r_1",
   fullScreenContainer: W
-}, me = ({ title: n, children: s, sideContent: a, sideContentWidth: r = 250, noPadding: c, className: _ }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+}, ue = ({ 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
@@ -124,9 +123,9 @@ const S = "_side-menu-item_6vbwa_1", T = "_disabled_6vbwa_5", $ = "_nav-button_6
   a && /* @__PURE__ */ e.jsx(f, { width: r, children: a })
 ] });
 export {
-  me as FullScreenContainer,
-  ue as MainContainer,
+  ue as FullScreenContainer,
+  _e as MainContainer,
   f as SideContentBar,
-  ce as SideMenu,
-  _e as TopBar
+  de as SideMenu,
+  ce as TopBar
 };