@zydon/common-csr 2.0.31 → 2.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,44 @@
1
+ 'use strict';
2
+
3
+ require('../../../chunk-SFC4FDPW.js');
4
+ var react = require('react');
5
+ var reactHookForm = require('react-hook-form');
6
+ var P = require('@mui/material/Accordion');
7
+ var B = require('@mui/material/AccordionDetails');
8
+ var H = require('@mui/material/AccordionSummary');
9
+ var _ = require('@mui/material/Button');
10
+ var C = require('@mui/material/Checkbox');
11
+ var L = require('@mui/material/FormControlLabel');
12
+ var M = require('@mui/material/List');
13
+ var k = require('@mui/material/ListItem');
14
+ var w = require('@mui/material/Stack');
15
+ var styles = require('@mui/material/styles');
16
+ var m = require('@mui/material/Typography');
17
+ var $ = require('@zydon/common/components/EmptyView');
18
+ var j = require('@zydon/common/components/Icon');
19
+ var G = require('@zydon/common/components/Label');
20
+ var U = require('@zydon/common/components/SearchInput');
21
+ var z = require('@zydon/common/components/Scrollbar');
22
+ var jsxRuntime = require('react/jsx-runtime');
23
+
24
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
25
+
26
+ var P__default = /*#__PURE__*/_interopDefault(P);
27
+ var B__default = /*#__PURE__*/_interopDefault(B);
28
+ var H__default = /*#__PURE__*/_interopDefault(H);
29
+ var ___default = /*#__PURE__*/_interopDefault(_);
30
+ var C__default = /*#__PURE__*/_interopDefault(C);
31
+ var L__default = /*#__PURE__*/_interopDefault(L);
32
+ var M__default = /*#__PURE__*/_interopDefault(M);
33
+ var k__default = /*#__PURE__*/_interopDefault(k);
34
+ var w__default = /*#__PURE__*/_interopDefault(w);
35
+ var m__default = /*#__PURE__*/_interopDefault(m);
36
+ var $__default = /*#__PURE__*/_interopDefault($);
37
+ var j__default = /*#__PURE__*/_interopDefault(j);
38
+ var G__default = /*#__PURE__*/_interopDefault(G);
39
+ var U__default = /*#__PURE__*/_interopDefault(U);
40
+ var z__default = /*#__PURE__*/_interopDefault(z);
41
+
42
+ var v=styles.styled(z__default.default)(()=>({maxHeight:"260px"}));var W=({items:i})=>{let{setValue:f,getValues:x}=reactHookForm.useFormContext(),[a,A]=react.useState(-1),[p,d]=react.useState(""),E=Object.fromEntries(i.map((t,o)=>[o,[]])),[c,h]=react.useState(E);react.useEffect(()=>()=>{f("config",{});},[]);let F=(t,o)=>{A(o?t:-1),o&&T();},T=()=>{d("");},y=(t,o,e)=>{let n=e.target.checked?[...c[a],o]:c[a].filter(l=>l!==o);h({...c,[a]:n}),b(t,n);},S=t=>{d(t);},I=()=>{let o=i[a].list.every(e=>c[a].includes(e.value))?[]:[...i[a].list.map(e=>e.value)];h({...c,[a]:o}),b(i[a].name,o);},b=(t,o)=>{let e={},n=x("config"),l=i[a];if(l){let V=l.list.filter(u=>c[a].includes(u.value)).map(u=>u.value);e[l.name]={type:"FIELD",values:l.name===t?o:V},f("config",{...n,...e});}};return jsxRuntime.jsx(jsxRuntime.Fragment,{children:i.map((t,o)=>jsxRuntime.jsxs(P__default.default,{expanded:a===o,onChange:(e,n)=>F(o,n),children:[jsxRuntime.jsx(H__default.default,{expandIcon:jsxRuntime.jsx(j__default.default,{icon:"CHEVRON_UP"}),id:`${o}`,children:jsxRuntime.jsxs(w__default.default,{alignItems:"center",direction:"row",children:[jsxRuntime.jsx(m__default.default,{variant:"subtitle2",color:"grey.600",children:t.label}),jsxRuntime.jsxs(G__default.default,{variant:"soft",color:"primary",marginLeft:1,sx:e=>({backgroundColor:`${styles.alpha(e.palette.grey[400],.2)}`,cursor:"pointer"}),children:[c[o].length," selecionados"]})]})}),jsxRuntime.jsxs(B__default.default,{children:[jsxRuntime.jsxs(w__default.default,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:1,children:[jsxRuntime.jsx(U__default.default,{onSearch:S,onChange:e=>S(e.target.value),iconPosition:"start",size:"small",placeholder:"Buscar",value:p,fullWidth:!0}),jsxRuntime.jsx(___default.default,{onClick:()=>I(),size:"small",children:jsxRuntime.jsx(m__default.default,{variant:"overline",children:"TODOS"})})]}),jsxRuntime.jsx(v,{children:jsxRuntime.jsx(M__default.default,{children:a>-1&&(t.list.filter(e=>e.label?.toLowerCase().includes(p.toLowerCase())).map((e,n)=>jsxRuntime.jsx(k__default.default,{children:jsxRuntime.jsx(L__default.default,{control:jsxRuntime.jsx(C__default.default,{size:"small",checked:c[a].includes(e.value),onChange:l=>y(t.name,e.value,l),name:e.label}),label:jsxRuntime.jsx(m__default.default,{variant:"caption",color:"grey.600",children:e.label})})},n)).length===0?jsxRuntime.jsx($__default.default,{sx:{svg:{height:100}},text:"Nenhum registro para ser apresentado"}):t.list.filter(e=>e.label?.toLowerCase().includes(p.toLowerCase())).map((e,n)=>jsxRuntime.jsx(k__default.default,{children:jsxRuntime.jsx(L__default.default,{control:jsxRuntime.jsx(C__default.default,{size:"small",checked:c[a].includes(e.value),onChange:l=>y(t.name,e.value,l),name:e.label}),label:jsxRuntime.jsx(m__default.default,{variant:"caption",color:"grey.600",children:e.label})})},n)))})})]})]},o))})},he=W;
43
+
44
+ module.exports = he;
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ var chunkNXR2KPGC_js = require('../../../chunk-NXR2KPGC.js');
4
+ require('../../../chunk-SFC4FDPW.js');
5
+
6
+
7
+
8
+ module.exports = chunkNXR2KPGC_js.a;
@@ -0,0 +1,18 @@
1
+ 'use strict';
2
+
3
+ var chunkNXR2KPGC_js = require('../../../chunk-NXR2KPGC.js');
4
+ require('../../../chunk-SFC4FDPW.js');
5
+ var m = require('@mui/material/Button');
6
+ var u = require('@zydon/common/components/ActionButton');
7
+ var p = require('@zydon/common/components/Modal');
8
+ var jsxRuntime = require('react/jsx-runtime');
9
+
10
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
+
12
+ var m__default = /*#__PURE__*/_interopDefault(m);
13
+ var u__default = /*#__PURE__*/_interopDefault(u);
14
+ var p__default = /*#__PURE__*/_interopDefault(p);
15
+
16
+ var c=({rules:l,open:n,close:i,formId:a,loading:e,disable:d,confirm:s})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(p__default.default,{fullWidth:!0,maxWidth:"lg",open:n,onClose:()=>{i();},dialogTitle:"Nova regra de listagem",actions:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(m__default.default,{variant:"outlined",color:"inherit",onClick:()=>{i();},children:"Fechar"}),jsxRuntime.jsx(u__default.default,{form:a,loading:e,actionType:"CREATE",color:"primary",variant:"contained",disabled:d,onClick:s,children:"Salvar"})]}),children:jsxRuntime.jsx(chunkNXR2KPGC_js.a,{rules:l})})}),v=c;
17
+
18
+ module.exports = v;
@@ -0,0 +1,23 @@
1
+ 'use strict';
2
+
3
+ require('../../../chunk-SFC4FDPW.js');
4
+ var react = require('react');
5
+ var reactHookForm = require('react-hook-form');
6
+ var s = require('@mui/material/Stack');
7
+ var k = require('@mui/material/Typography');
8
+ var G = require('@zydon/common/components/DataGrid');
9
+ var v = require('@zydon/common/components/SearchInput');
10
+ var x = require('@zydon/common/hooks/useDatagrid');
11
+ var jsxRuntime = require('react/jsx-runtime');
12
+
13
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
14
+
15
+ var s__default = /*#__PURE__*/_interopDefault(s);
16
+ var k__default = /*#__PURE__*/_interopDefault(k);
17
+ var G__default = /*#__PURE__*/_interopDefault(G);
18
+ var v__default = /*#__PURE__*/_interopDefault(v);
19
+ var x__default = /*#__PURE__*/_interopDefault(x);
20
+
21
+ var z=({columns:c,rows:p,loading:g,fetching:d,totalRows:u,handlePaginationChange:f})=>{let{setValue:n}=reactHookForm.useFormContext(),{apiRef:m,page:r,perPage:S}=x__default.default();react.useEffect(()=>()=>{n("config",{});},[]);let[h,M]=react.useState([]),[w,a]=react.useState(),y=e=>{M(e),n("config.products",{type:"FIELD",values:e});},R=()=>{let e=w?.toLowerCase();return p.filter(C=>Object.values(C).some(o=>typeof o=="string"||o instanceof String?o.toLowerCase().includes(e||""):!1))};return jsxRuntime.jsxs(s__default.default,{gap:2,children:[jsxRuntime.jsxs(s__default.default,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[jsxRuntime.jsx(v__default.default,{onSearch:e=>a(e),onChange:e=>a(e.target.value),iconPosition:"start",size:"small",placeholder:"Buscar"}),jsxRuntime.jsxs(k__default.default,{variant:"body1",color:"text.disabled",children:[h.length," selecionados"]})]}),jsxRuntime.jsx(G__default.default,{apiRef:m,columns:c,rows:R(),pagination:!0,paginationModel:{page:r,pageSize:S},rowCount:u,paginationMode:"server",onPaginationModelChange:f,initialState:{pagination:{paginationModel:{pageSize:5,page:r}}},loading:g,fetching:d,checkboxSelection:!0,onRowSelectionModelChange:y})]})},j=z;
22
+
23
+ module.exports = j;
@@ -0,0 +1,17 @@
1
+ 'use strict';
2
+
3
+ require('../../chunk-SFC4FDPW.js');
4
+ var react = require('react');
5
+ var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
6
+ var p = require('@mui/material/Box');
7
+ var styles = require('@mui/material/styles');
8
+ var jsxRuntime = require('react/jsx-runtime');
9
+
10
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
+
12
+ var p__default = /*#__PURE__*/_interopDefault(p);
13
+
14
+ var e={root:"mnl__image__root",wrapper:"mnl__image__wrapper",overlay:"mnl__image__overlay"};var E=styles.styled(p__default.default)({overflow:"hidden",position:"relative",verticalAlign:"bottom",display:"inline-block",[`& .${e.wrapper}`]:{width:"100%",height:"100%",verticalAlign:"bottom",backgroundSize:"cover !important"}}),I=styles.styled("span")({top:0,left:0,zIndex:1,width:"100%",height:"100%",position:"absolute"}),O=react.forwardRef(({ratio:r,disabledEffect:t=!1,alt:l,src:s,delayTime:m,threshold:n,beforeLoad:d,delayMethod:g,placeholder:c,wrapperProps:f,scrollPosition:h,effect:w="blur",visibleByDefault:o,wrapperClassName:v,useIntersectionObserver:D,slotProps:a,sx:y,...x},C)=>{let F=jsxRuntime.jsx(p__default.default,{component:reactLazyLoadImageComponent.LazyLoadImage,alt:l,src:s,delayTime:m,threshold:n,beforeLoad:d,delayMethod:g,placeholder:c,wrapperProps:f,scrollPosition:h,visibleByDefault:o,effect:o||t?void 0:w,useIntersectionObserver:D,wrapperClassName:v||e.wrapper,placeholderSrc:o||t?"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACAQMAAACjTyRkAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjAAIAAAQAASDSLW8AAAAASUVORK5CYII=":"data:image/svg+xml,%3Csvg%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%3CradialGradient%20id%3D%22a%22%20cx%3D%2250%25%22%20cy%3D%2246.801102%25%22%20r%3D%2295.497112%25%22%3E%0A%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%20%2F%3E%0A%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23919eab%22%20stop-opacity%3D%22.48%22%20%2F%3E%0A%20%20%3C%2FradialGradient%3E%0A%20%20%3Cpath%20d%3D%22m88%2086h512v512h-512z%22%20fill%3D%22url(%23a)%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(-88%20-86)%22%20%2F%3E%0A%3C%2Fsvg%3E%0A",sx:{width:1,height:1,objectFit:"cover",verticalAlign:"bottom",aspectRatio:r}});return jsxRuntime.jsxs(E,{ref:C,component:"span",className:e.root,sx:{...!!r&&{width:1},...y},...x,children:[a?.overlay&&jsxRuntime.jsx(I,{className:e.overlay,sx:a?.overlay}),F]})});
15
+
16
+ exports.Image = O;
17
+ exports.imageClasses = e;
@@ -0,0 +1,52 @@
1
+ 'use strict';
2
+
3
+ require('../../chunk-SFC4FDPW.js');
4
+ var styles$1 = require('@zydon/common/theme/styles');
5
+ var react = require('react');
6
+ var U = require('@mui/material/Box');
7
+ var Me = require('@mui/material/ButtonBase');
8
+ var styles = require('@mui/material/styles');
9
+ var Te = require('@mui/material/Tooltip');
10
+ var me = require('@zydon/common/components/Icon');
11
+ var Se = require('@mui/material/Collapse');
12
+ var we = require('@mui/material/ListSubheader');
13
+ var jsxRuntime = require('react/jsx-runtime');
14
+ var reactRouterDom = require('react-router-dom');
15
+ var Ye = require('@mui/material/Stack');
16
+ var je = require('@zydon/common/components/Scrollbar');
17
+ var Fe = require('@mui/material/Paper');
18
+ var qe = require('@mui/material/Popover');
19
+
20
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
21
+
22
+ var U__default = /*#__PURE__*/_interopDefault(U);
23
+ var Me__default = /*#__PURE__*/_interopDefault(Me);
24
+ var Te__default = /*#__PURE__*/_interopDefault(Te);
25
+ var me__default = /*#__PURE__*/_interopDefault(me);
26
+ var Se__default = /*#__PURE__*/_interopDefault(Se);
27
+ var we__default = /*#__PURE__*/_interopDefault(we);
28
+ var Ye__default = /*#__PURE__*/_interopDefault(Ye);
29
+ var je__default = /*#__PURE__*/_interopDefault(je);
30
+ var Fe__default = /*#__PURE__*/_interopDefault(Fe);
31
+ var qe__default = /*#__PURE__*/_interopDefault(qe);
32
+
33
+ var t={mini:{root:"nav__section__mini"},horizontal:{root:"nav__section__horizontal"},vertical:{root:"nav__section__vertical"},item:{root:"mnl__nav__item",icon:"mnl__nav__item__icon",info:"mnl__nav__item__info",texts:"mnl__nav__item__texts",title:"mnl__nav__item__title",arrow:"mnl__nav__item__arrow",caption:"mnl__nav__item__caption"},li:"mnl__nav__li",ul:"mnl__nav__ul",paper:"mnl__nav__paper",subheader:"mnl__nav__subheader",state:{open:"state--open",active:"state--active",disabled:"state--disabled"}};var ae={dark:"#282F37",light:"#EDEFF2"};function F(e,n){let{vars:{palette:o}}=e;return {"--nav-item-color":o.text.secondary,"--nav-item-hover-bg":o.action.hover,"--nav-item-caption-color":o.text.disabled,"--nav-item-root-active-color":o.primary.main,"--nav-item-root-active-color-on-dark":o.primary.light,"--nav-item-root-active-bg":styles$1.varAlpha(o.primary.mainChannel,.08),"--nav-item-root-active-hover-bg":styles$1.varAlpha(o.primary.mainChannel,.16),"--nav-item-root-open-color":o.text.primary,"--nav-item-root-open-bg":o.action.hover,"--nav-item-sub-active-color":o.text.primary,"--nav-item-sub-active-bg":o.action.selected,"--nav-item-sub-open-color":o.text.primary,"--nav-item-sub-open-bg":o.action.hover,...n==="vertical"&&{"--nav-item-sub-active-bg":o.action.hover,"--nav-subheader-color":o.text.disabled,"--nav-subheader-hover-color":o.text.primary}}}function ye(e){let{shape:n,spacing:o}=e;return {...F(e,"vertical"),"--nav-item-gap":o(.5),"--nav-item-radius":`${n.borderRadius}px`,"--nav-item-pt":o(.5),"--nav-item-pr":o(1),"--nav-item-pb":o(.5),"--nav-item-pl":o(1.5),"--nav-item-root-height":"44px","--nav-item-sub-height":"36px","--nav-icon-size":"24px","--nav-icon-margin":o(0,1.5,0,0),"--nav-bullet-size":"12px","--nav-bullet-light-color":ae.light,"--nav-bullet-dark-color":ae.dark}}function Ie(e){let{shape:n,spacing:o}=e;return {...F(e,"mini"),"--nav-item-gap":o(.5),"--nav-item-radius":`${n.borderRadius}px`,"--nav-item-root-height":"56px","--nav-item-root-padding":o(1,.5,.75,.5),"--nav-item-sub-height":"34px","--nav-item-sub-padding":o(0,1),"--nav-icon-size":"22px","--nav-icon-root-margin":o(0,0,.75,0),"--nav-icon-sub-margin":o(0,1,0,0)}}function ke(e){let{shape:n,spacing:o}=e;return {...F(e,"horizontal"),"--nav-item-gap":o(.75),"--nav-height":"56px","--nav-item-radius":`${n.borderRadius*.75}px`,"--nav-item-root-height":"32px","--nav-item-root-padding":o(0,.75),"--nav-item-sub-height":"34px","--nav-item-sub-padding":o(0,1),"--nav-icon-size":"22px","--nav-icon-sub-margin":o(0,1,0,0),"--nav-icon-root-margin":o(0,1,0,0)}}var S={mini:Ie,vertical:ye,horizontal:ke};function w({open:e,active:n,disabled:o}){let i=t.item.root;return n?i+=` ${t.state.active}`:e?i+=` ${t.state.open}`:o&&(i+=` ${t.state.disabled}`),i}var u={icon:{flexShrink:0,display:"inline-flex",["& svg, & img"]:{width:"100%",height:"100%"}},arrow:{width:16,height:16,flexShrink:0,marginLeft:"6px",display:"inline-flex"},info:{fontSize:12,flexShrink:0,fontWeight:600,marginLeft:"6px",lineHeight:18/12,display:"inline-flex"},noWrap:{width:"100%",maxWidth:"100%",display:"block",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},disabled:{opacity:.48,pointerEvents:"none"}};function A({sx:e,open:n,children:o,...i}){return jsxRuntime.jsxs(we__default.default,{disableSticky:!0,component:"div",className:t.subheader,sx:{gap:1,cursor:"pointer",alignItems:"center",position:"relative",typography:"overline",display:"inline-flex",alignSelf:"flex-start",color:"var(--nav-subheader-color)",padding:r=>r.spacing(2,1,1,1.5),fontSize:r=>r.typography.pxToRem(11),transition:r=>r.transitions.create(["color","padding-left"],{duration:r.transitions.duration.standard}),"&:hover":{pl:2,color:"var(--nav-subheader-hover-color)"},...e},...i,children:[jsxRuntime.jsx(me__default.default,{width:16,icon:n?"ARROW_DOWN_SIMPLE":"CHEVRON_LEFT",sx:{left:-4,opacity:0,position:"absolute",transition:r=>r.transitions.create(["opacity"],{duration:r.transitions.duration.standard})}}),o]})}function D({sx:e,depth:n,children:o,...i}){return jsxRuntime.jsx(Se__default.default,{sx:{...n+1!==1&&{pl:"calc(var(--nav-item-pl) + var(--nav-icon-size) / 2)",[`& .${t.ul}`]:{position:"relative",pl:"var(--nav-bullet-size)","&::before":{top:0,left:0,width:"2px",content:'""',position:"absolute",bottom:"calc(var(--nav-item-sub-height) - 2px - var(--nav-bullet-size) / 2)",bgcolor:"var(--nav-bullet-light-color)",[styles$1.stylesMode.dark]:{bgcolor:"var(--nav-bullet-dark-color)"}}}},...e},...i,children:o})}function g({sx:e,children:n,disabled:o,...i}){return jsxRuntime.jsx(U__default.default,{component:"li",className:t.li,sx:{display:"flex",flexDirection:"column",...o&&{cursor:"not-allowed"},...e},...i,children:n})}function N({children:e,sx:n,...o}){return jsxRuntime.jsx(U__default.default,{component:"ul",className:t.ul,sx:{display:"flex",flexDirection:"column",...n},...o,children:e})}var se=react.forwardRef(({href:e,...n},o)=>jsxRuntime.jsx(reactRouterDom.Link,{ref:o,to:e,...n}));function $({path:e,icon:n,info:o,depth:i,render:r,hasChild:s,externalLink:m,enabledRootRedirect:a}){let l=i===1,v=!l,c=Number(i)>2,f=s&&!a?{component:"div"}:m?{href:e,target:"_blank",rel:"noopener"}:{component:se,href:e},d=null;n&&r?.navIcon&&typeof n=="string"?d=r?.navIcon[n]:d=n;let h=null;if(o&&r?.navInfo&&Array.isArray(o)){let[x,b]=o,y=r.navInfo(b)[x];h=y?react.cloneElement(y):null;}else h=o;return {subItem:v,rootItem:l,subDeepItem:c,baseProps:f,renderIcon:d,renderInfo:h}}var J=react.forwardRef(({path:e,icon:n,info:o,title:i,caption:r,open:s,depth:m,render:a,active:l,disabled:v,hasChild:c,slotProps:p,externalLink:f,enabledRootRedirect:d,...h},x)=>{let b=$({path:e,icon:n,info:o,depth:m,render:a,hasChild:c,externalLink:f,enabledRootRedirect:d});return jsxRuntime.jsxs(Oe,{ref:x,"aria-label":i,depth:m,active:l,disabled:v,open:s&&!l,sx:{...p?.sx,[`& .${t.item.icon}`]:p?.icon,[`& .${t.item.title}`]:p?.title,[`& .${t.item.caption}`]:p?.caption,[`& .${t.item.info}`]:p?.info,[`& .${t.item.arrow}`]:p?.arrow},className:w({open:s&&!l,active:l,disabled:v}),...b.baseProps,...h,children:[n&&jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.icon,children:b.renderIcon}),i&&jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.title,children:i}),r&&jsxRuntime.jsx(Te__default.default,{title:r,arrow:!0,children:jsxRuntime.jsx(me__default.default,{icon:"INFO_CIRCLE",className:t.item.caption})}),o&&jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.info,children:b.renderInfo}),c&&jsxRuntime.jsx(me__default.default,{icon:b.subItem?"CHEVRON_RIGHT":"ARROW_DOWN_SIMPLE",className:t.item.arrow})]})}),Oe=styles.styled(Me__default.default,{shouldForwardProp:e=>e!=="active"&&e!=="open"&&e!=="disabled"&&e!=="depth"})(({active:e,open:n,disabled:o,depth:i,theme:r})=>{let s=i===1,m=!s,a={item:{flexShrink:0,color:"var(--nav-item-color)",borderRadius:"var(--nav-item-radius)","&:hover":{backgroundColor:"var(--nav-item-hover-bg)"}},title:{...r.typography.body2,fontWeight:e?r.typography.fontWeightSemiBold:r.typography.fontWeightMedium},caption:{width:16,height:16,color:"var(--nav-item-caption-color)"},icon:{...u.icon,width:"var(--nav-icon-size)",height:"var(--nav-icon-size)"},arrow:{...u.arrow},info:{...u.info}};return {...s&&{...a.item,padding:"var(--nav-item-root-padding)",minHeight:"var(--nav-item-root-height)",[`& .${t.item.icon}`]:{...a.icon,margin:"var(--nav-icon-root-margin)"},[`& .${t.item.title}`]:{...a.title,whiteSpace:"nowrap"},[`& .${t.item.caption}`]:{...a.caption,marginLeft:r.spacing(.75)},[`& .${t.item.arrow}`]:{...a.arrow},[`& .${t.item.info}`]:{...a.info},...e&&{color:"var(--nav-item-root-active-color)",backgroundColor:"var(--nav-item-root-active-bg)","&:hover":{backgroundColor:"var(--nav-item-root-active-hover-bg)"},[styles$1.stylesMode.dark]:{color:"var(--nav-item-root-active-color-on-dark)"}},...n&&{color:"var(--nav-item-root-open-color)",backgroundColor:"var(--nav-item-root-open-bg)"}},...m&&{...a.item,padding:"var(--nav-item-sub-padding)",minHeight:"var(--nav-item-sub-height)",color:r.vars.palette.text.secondary,[`& .${t.item.icon}`]:{...a.icon,margin:"var(--nav-icon-sub-margin)"},[`& .${t.item.title}`]:{...a.title,flexGrow:1},[`& .${t.item.caption}`]:{...a.caption},[`& .${t.item.arrow}`]:{...a.arrow,marginRight:r.spacing(-.5)},[`& .${t.item.info}`]:{...a.info},...e&&{color:"var(--nav-item-sub-active-color)",backgroundColor:"var(--nav-item-sub-active-bg)"},...n&&{color:"var(--nav-item-sub-open-color)",backgroundColor:"var(--nav-item-sub-open-bg)"}},...o&&u.disabled}});var le=e=>{let n=e.split("?")[1];return n?new URLSearchParams(n).toString().length>0:!1};function K(e){return e!=="/"&&e.endsWith("/")?e.slice(0,-1):e}function pe(e){try{let n=new URL(e,window.location.origin);return K(n.pathname)}catch{return e}}function I(e){return e.startsWith("http")}function k(){let{pathname:e}=reactRouterDom.useLocation();return react.useMemo(()=>e,[e])}function E(e,n=!0){let o=K(k()),i=le(e);if(e.startsWith("#")||I(e))return !1;if(n||i){let m=o.includes(e),a=pe(e);return m||i&&a===o}return o===e}function Q({data:e,depth:n,render:o,cssVars:i,slotProps:r,enabledRootRedirect:s}){let m=styles.useTheme(),a=k(),l=react.useRef(null),v=E(e.path,!!e.children),[c,p]=react.useState(!1);react.useEffect(()=>{c&&d();},[a]);let f=react.useCallback(()=>{e.children&&p(!0);},[e.children]),d=react.useCallback(()=>{p(!1);},[]),h=jsxRuntime.jsx(J,{ref:l,render:o,title:e.title,path:e.path,icon:e.icon,info:e.info,caption:e.caption,depth:n,active:v,disabled:e.disabled,hasChild:!!e.children,open:e.children&&c,externalLink:I(e.path),enabledRootRedirect:s,slotProps:n===1?r?.rootItem:r?.subItem,onMouseEnter:f,onMouseLeave:d});return e.roles&&r?.currentRole&&!e?.roles?.includes(r?.currentRole)?null:e.children?jsxRuntime.jsxs(g,{disabled:e.disabled,children:[h,jsxRuntime.jsx(qe__default.default,{disableScrollLock:!0,open:c,anchorEl:l.current,anchorOrigin:n===1?{vertical:"bottom",horizontal:"left"}:{vertical:"center",horizontal:"right"},transformOrigin:n===1?{vertical:"top",horizontal:"left"}:{vertical:"center",horizontal:"left"},slotProps:{paper:{onMouseEnter:f,onMouseLeave:d,sx:{px:.75,boxShadow:"none",overflow:"unset",backdropFilter:"none",background:"transparent",...n===1&&{ml:-.75},...c&&{pointerEvents:"auto"}}}},sx:{...i,pointerEvents:"none"},children:jsxRuntime.jsx(Fe__default.default,{className:t.paper,sx:{minWidth:180,...styles$1.paper({theme:m,dropdown:!0}),...r?.paper},children:jsxRuntime.jsx(Qe,{data:e.children,depth:n,render:o,cssVars:i,slotProps:r,enabledRootRedirect:s})})})]}):jsxRuntime.jsx(g,{disabled:e.disabled,children:h})}function Qe({data:e,depth:n,render:o,cssVars:i,slotProps:r,enabledRootRedirect:s}){return jsxRuntime.jsx(N,{sx:{gap:.5},children:e.map(m=>jsxRuntime.jsx(Q,{data:m,render:o,depth:n+1,cssVars:i,slotProps:r,enabledRootRedirect:s},m.title))})}function Mr({sx:e,data:n,render:o,slotProps:i,enabledRootRedirect:r,cssVars:s}){let m=styles.useTheme(),a={...S.horizontal(m),...s};return jsxRuntime.jsx(je__default.default,{sx:{height:1},slotProps:{content:{height:1,display:"flex",alignItems:"center"}},children:jsxRuntime.jsx(Ye__default.default,{component:"nav",direction:"row",alignItems:"center",className:t.horizontal.root,sx:{...a,mx:"auto",height:1,minHeight:"var(--nav-height)",...e},children:jsxRuntime.jsx(N,{sx:{flexDirection:"row",gap:"var(--nav-item-gap)"},children:n.map(l=>jsxRuntime.jsx(eo,{render:o,cssVars:a,items:l.items,slotProps:i,enabledRootRedirect:r},l.subheader??l.items[0].title))})})})}function eo({items:e,render:n,slotProps:o,enabledRootRedirect:i,cssVars:r}){return jsxRuntime.jsx(g,{children:jsxRuntime.jsx(N,{sx:{flexDirection:"row",gap:"var(--nav-item-gap)"},children:e.map(s=>jsxRuntime.jsx(Q,{depth:1,data:s,render:n,cssVars:r,slotProps:o,enabledRootRedirect:i},s.title))})})}var Y=react.forwardRef(({path:e,icon:n,info:o,title:i,caption:r,open:s,depth:m,render:a,active:l,disabled:v,hasChild:c,slotProps:p,externalLink:f,enabledRootRedirect:d,...h},x)=>{let b=$({path:e,icon:n,info:o,depth:m,render:a,hasChild:c,externalLink:f,enabledRootRedirect:d});return jsxRuntime.jsxs(io,{ref:x,"aria-label":i,depth:m,active:l,disabled:v,open:s&&!l,sx:{...p?.sx,[`& .${t.item.icon}`]:p?.icon,[`& .${t.item.title}`]:p?.title,[`& .${t.item.caption}`]:p?.caption,[`& .${t.item.info}`]:p?.info,[`& .${t.item.arrow}`]:p?.arrow},className:w({open:s&&!l,active:l,disabled:v}),...b.baseProps,...h,children:[n&&jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.icon,children:b.renderIcon}),i&&jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.title,children:i}),r&&jsxRuntime.jsx(Te__default.default,{title:r,arrow:!0,placement:"right",children:jsxRuntime.jsx(me__default.default,{icon:"INFO_CIRCLE",className:t.item.caption})}),o&&b.subItem&&jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.info,children:b.renderInfo}),c&&jsxRuntime.jsx(me__default.default,{icon:"CHEVRON_RIGHT",className:t.item.arrow})]})}),io=styles.styled(Me__default.default,{shouldForwardProp:e=>e!=="active"&&e!=="open"&&e!=="disabled"&&e!=="depth"})(({active:e,open:n,disabled:o,depth:i,theme:r})=>{let s=i===1,m=!s,a={item:{width:"100%",borderRadius:"var(--nav-item-radius)",color:"var(--nav-item-color)","&:hover":{backgroundColor:"var(--nav-item-hover-bg)"}},title:{},caption:{width:16,height:16,color:"var(--nav-item-caption-color)"},icon:{...u.icon,width:"var(--nav-icon-size)",height:"var(--nav-icon-size)"},arrow:{...u.arrow},info:{...u.info}};return {...s&&{...a.item,textAlign:"center",flexDirection:"column",minHeight:"var(--nav-item-root-height)",padding:"var(--nav-item-root-padding)",[`& .${t.item.icon}`]:{...a.icon,margin:"var(--nav-icon-root-margin)"},[`& .${t.item.title}`]:{...a.title,...u.noWrap,lineHeight:"16px",fontSize:r.typography.pxToRem(10),fontWeight:e?r.typography.fontWeightBold:r.typography.fontWeightSemiBold},[`& .${t.item.caption}`]:{...a.caption,top:11,left:6,position:"absolute"},[`& .${t.item.arrow}`]:{...a.arrow,top:11,right:6,position:"absolute"},[`& .${t.item.info}`]:{...a.info},...e&&{color:"var(--nav-item-root-active-color)",backgroundColor:"var(--nav-item-root-active-bg)","&:hover":{backgroundColor:"var(--nav-item-root-active-hover-bg)"},[styles$1.stylesMode.dark]:{color:"var(--nav-item-root-active-color-on-dark)"}},...n&&{color:"var(--nav-item-root-open-color)",backgroundColor:"var(--nav-item-root-open-bg)"}},...m&&{...a.item,color:r.vars.palette.text.secondary,minHeight:"var(--nav-item-sub-height)",padding:"var(--nav-item-sub-padding)",[`& .${t.item.icon}`]:{...a.icon,margin:"var(--nav-icon-sub-margin)"},[`& .${t.item.title}`]:{...a.title,...r.typography.body2,fontWeight:e?r.typography.fontWeightSemiBold:r.typography.fontWeightMedium,flex:"1 1 auto"},[`& .${t.item.caption}`]:{...a.caption},[`& .${t.item.arrow}`]:{...a.arrow,marginRight:r.spacing(-.5)},[`& .${t.item.info}`]:{...a.info},...e&&{color:"var(--nav-item-sub-active-color)",backgroundColor:"var(--nav-item-sub-active-bg)"},...n&&{color:"var(--nav-item-sub-open-color)",backgroundColor:"var(--nav-item-sub-open-bg)"}},...o&&u.disabled}});var Z=({data:e,depth:n,render:o,cssVars:i,slotProps:r,enabledRootRedirect:s})=>{let m=styles.useTheme(),a=k(),l=react.useRef(null),v=E(e.path,!!e.children),[c,p]=react.useState(!1);react.useEffect(()=>{c&&d();},[a]);let f=react.useCallback(()=>{e.children&&p(!0);},[e.children]),d=react.useCallback(()=>{p(!1);},[]),h=jsxRuntime.jsx(Y,{ref:l,render:o,path:e.path,icon:e.icon,info:e.info,title:e.title,caption:e.caption,depth:n,active:v,disabled:e.disabled,hasChild:!!e.children,open:e.children&&c,externalLink:I(e.path),enabledRootRedirect:s,slotProps:n===1?r?.rootItem:r?.subItem,onMouseEnter:f,onMouseLeave:d});return e.roles&&r?.currentRole&&!e?.roles?.includes(r?.currentRole)?null:e.children?jsxRuntime.jsxs(g,{disabled:e.disabled,children:[h,jsxRuntime.jsx(qe__default.default,{disableScrollLock:!0,open:c,anchorEl:l.current,anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"left"},slotProps:{paper:{onMouseEnter:f,onMouseLeave:d,sx:{px:.75,boxShadow:"none",overflow:"unset",backdropFilter:"none",background:"transparent",...n>1&&{mt:-1},...c&&{pointerEvents:"auto"}}}},sx:{...i,pointerEvents:"none"},children:jsxRuntime.jsx(Fe__default.default,{className:t.paper,sx:{minWidth:180,...styles$1.paper({theme:m,dropdown:!0}),...r?.paper},children:jsxRuntime.jsx(ho,{data:e.children,depth:n,render:o,cssVars:i,slotProps:r,enabledRootRedirect:s})})})]}):jsxRuntime.jsx(g,{disabled:e.disabled,children:h})};function ho({data:e,render:n,depth:o,slotProps:i,enabledRootRedirect:r,cssVars:s}){return jsxRuntime.jsx(N,{sx:{gap:.5},children:e.map(m=>jsxRuntime.jsx(Z,{data:m,render:n,depth:o+1,cssVars:s,slotProps:i,enabledRootRedirect:r},m.title))})}var gn=({sx:e,data:n,render:o,slotProps:i,enabledRootRedirect:r,cssVars:s})=>{let m=styles.useTheme(),a={...S.mini(m),...s};return jsxRuntime.jsx(Ye__default.default,{component:"nav",className:t.mini.root,sx:{...a,...e},children:jsxRuntime.jsx(N,{sx:{flex:"1 1 auto",gap:"var(--nav-item-gap)"},children:n.map(l=>jsxRuntime.jsx(xo,{render:o,cssVars:a,items:l.items,slotProps:i,enabledRootRedirect:r},l.subheader??l.items[0].title))})})},xo=({items:e,render:n,slotProps:o,enabledRootRedirect:i,cssVars:r})=>jsxRuntime.jsx(g,{children:jsxRuntime.jsx(N,{sx:{gap:"var(--nav-item-gap)"},children:e.map(s=>jsxRuntime.jsx(Z,{depth:1,data:s,render:n,cssVars:r,slotProps:o,enabledRootRedirect:i},s.title))})});var j=react.forwardRef(({path:e,icon:n,info:o,title:i,caption:r,open:s,depth:m,render:a,active:l,disabled:v,hasChild:c,slotProps:p,externalLink:f,enabledRootRedirect:d,...h},x)=>{let b=$({path:e,icon:n,info:o,depth:m,render:a,hasChild:c,externalLink:f,enabledRootRedirect:d});return jsxRuntime.jsxs(Co,{ref:x,"aria-label":i,depth:m,active:l,disabled:v,open:s&&!l,sx:{...p?.sx,[`& .${t.item.icon}`]:p?.icon,[`& .${t.item.texts}`]:p?.texts,[`& .${t.item.title}`]:p?.title,[`& .${t.item.caption}`]:p?.caption,[`& .${t.item.info}`]:p?.info,[`& .${t.item.arrow}`]:p?.arrow},className:w({open:s&&!l,active:l,disabled:v}),...b.baseProps,...h,children:[n&&jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.icon,children:b.renderIcon}),i&&jsxRuntime.jsxs(U__default.default,{component:"span",className:t.item.texts,children:[jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.title,children:i}),r&&jsxRuntime.jsx(Te__default.default,{title:r,placement:"top-start",children:jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.caption,children:r})})]}),o&&jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.info,children:b.renderInfo}),c&&jsxRuntime.jsx(me__default.default,{icon:s?"ARROW_DOWN_SIMPLE":"CHEVRON_LEFT",className:t.item.arrow})]})}),Co=styles.styled(Me__default.default,{shouldForwardProp:e=>e!=="active"&&e!=="open"&&e!=="disabled"&&e!=="depth"})(({active:e,open:n,disabled:o,depth:i,theme:r})=>{let s=i===1,m=!s,a={item:{width:"100%",paddingTop:"var(--nav-item-pt)",paddingLeft:"var(--nav-item-pl)",paddingRight:"var(--nav-item-pr)",paddingBottom:"var(--nav-item-pb)",borderRadius:"var(--nav-item-radius)",color:"var(--nav-item-color)","&:hover":{backgroundColor:"var(--nav-item-hover-bg)"}},texts:{minWidth:0,flex:"1 1 auto"},title:{...u.noWrap,...r.typography.body2,fontWeight:e?r.typography.fontWeightSemiBold:r.typography.fontWeightMedium},caption:{...u.noWrap,...r.typography.caption,color:"var(--nav-item-caption-color)"},icon:{...u.icon,width:"var(--nav-icon-size)",height:"var(--nav-icon-size)",margin:"var(--nav-icon-margin)"},arrow:{...u.arrow},info:{...u.info}};return {...s&&{...a.item,minHeight:"var(--nav-item-root-height)",[`& .${t.item.icon}`]:{...a.icon},[`& .${t.item.texts}`]:{...a.texts},[`& .${t.item.title}`]:{...a.title},[`& .${t.item.caption}`]:{...a.caption},[`& .${t.item.arrow}`]:{...a.arrow},[`& .${t.item.info}`]:{...a.info},...e&&{color:"var(--nav-item-root-active-color)",backgroundColor:"var(--nav-item-root-active-bg)","&:hover":{backgroundColor:"var(--nav-item-root-active-hover-bg)"},[styles$1.stylesMode.dark]:{color:"var(--nav-item-root-active-color-on-dark)"}},...n&&{color:"var(--nav-item-root-open-color)",backgroundColor:"var(--nav-item-root-open-bg)"}},...m&&{...a.item,minHeight:"var(--nav-item-sub-height)",[`& .${t.item.icon}`]:{...a.icon},[`& .${t.item.texts}`]:{...a.texts},[`& .${t.item.title}`]:{...a.title},[`& .${t.item.caption}`]:{...a.caption},[`& .${t.item.arrow}`]:{...a.arrow},[`& .${t.item.info}`]:{...a.info},"&::before":{left:0,content:'""',position:"absolute",width:"var(--nav-bullet-size)",height:"var(--nav-bullet-size)",transform:"translate(calc(var(--nav-bullet-size) * -1), calc(var(--nav-bullet-size) * -0.4))",backgroundColor:"var(--nav-bullet-light-color)",mask:`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath d='M1 1v4a8 8 0 0 0 8 8h4' stroke='%23efefef' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto`,WebkitMask:`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath d='M1 1v4a8 8 0 0 0 8 8h4' stroke='%23efefef' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto`,[styles$1.stylesMode.dark]:{backgroundColor:"var(--nav-bullet-dark-color)"}},...e&&{color:"var(--nav-item-sub-active-color)",backgroundColor:"var(--nav-item-sub-active-bg)"},...n&&{color:"var(--nav-item-sub-open-color)",backgroundColor:"var(--nav-item-sub-open-bg)"}},...o&&u.disabled}});var ee=({data:e,render:n,depth:o,slotProps:i,enabledRootRedirect:r})=>{let s=k(),m=E(e.path,!!e.children),[a,l]=react.useState(m);react.useEffect(()=>{m||c();},[s]);let v=react.useCallback(()=>{e.children&&l(f=>!f);},[e.children]),c=react.useCallback(()=>{l(!1);},[]),p=jsxRuntime.jsx(j,{render:n,path:e.path,icon:e.icon,info:e.info,title:e.title,caption:e.caption,depth:o,active:m,disabled:e.disabled,hasChild:!!e.children,open:e.children&&a,externalLink:I(e.path),enabledRootRedirect:r,slotProps:o===1?i?.rootItem:i?.subItem,onClick:v});return e.roles&&i?.currentRole&&!e?.roles?.includes(i?.currentRole)?null:e.children?jsxRuntime.jsxs(g,{disabled:e.disabled,sx:{[`& .${t.li}`]:{"&:first-of-type":{mt:"var(--nav-item-gap)"}}},children:[p,jsxRuntime.jsx(D,{"data-group":e.title,in:a,depth:o,unmountOnExit:!0,mountOnEnter:!0,children:jsxRuntime.jsx(Ro,{data:e.children,render:n,depth:o,slotProps:i,enabledRootRedirect:r})})]}):jsxRuntime.jsx(g,{disabled:e.disabled,children:p})},Ro=({data:e,render:n,depth:o,slotProps:i,enabledRootRedirect:r})=>jsxRuntime.jsx(N,{sx:{gap:"var(--nav-item-gap)"},children:e.map(s=>jsxRuntime.jsx(ee,{data:s,render:n,depth:o+1,slotProps:i,enabledRootRedirect:r},s.title))});var jn=({sx:e,data:n,render:o,slotProps:i,enabledRootRedirect:r,cssVars:s})=>{let m=styles.useTheme(),a={...S.vertical(m),...s};return jsxRuntime.jsx(Ye__default.default,{component:"nav",className:t.vertical.root,sx:{...a,...e},children:jsxRuntime.jsx(N,{sx:{flex:"1 1 auto",gap:"var(--nav-item-gap)"},children:n.map(l=>jsxRuntime.jsx(To,{subheader:l.subheader,items:l.items,render:o,slotProps:i,enabledRootRedirect:r},l.subheader??l.items[0].title))})})},To=({items:e,render:n,subheader:o,slotProps:i,enabledRootRedirect:r})=>{let[s,m]=react.useState(!0),a=react.useCallback(()=>{m(v=>!v);},[]),l=jsxRuntime.jsx(N,{sx:{gap:"var(--nav-item-gap)"},children:e.map(v=>jsxRuntime.jsx(ee,{data:v,render:n,depth:1,slotProps:i,enabledRootRedirect:r},v.title))});return jsxRuntime.jsx(g,{children:o?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(A,{"data-title":o,open:s,onClick:a,sx:i?.subheader,children:o}),jsxRuntime.jsx(Se__default.default,{in:s,children:l})]}):l})};function be({path:e,icon:n,info:o,depth:i,render:r,hasChild:s,externalLink:m,enabledRootRedirect:a,onNavigate:l}){let v=i===1,c=!v,p=Number(i)>2,d=s&&!a?{component:"div"}:m?{href:e,target:"_blank",rel:"noopener"}:{onClick:b=>l(b,e)},h=null;n&&r?.navIcon&&typeof n=="string"?h=r?.navIcon[n]:h=n;let x=null;if(o&&r?.navInfo&&Array.isArray(o)){let[b,y]=o,re=r.navInfo(y)[b];x=re?react.cloneElement(re):null;}else x=o;return {subItem:c,rootItem:v,subDeepItem:p,baseProps:d,renderIcon:h,renderInfo:x}}var oe=react.forwardRef(({path:e,icon:n,info:o,title:i,caption:r,open:s,depth:m,render:a,active:l,disabled:v,hasChild:c,slotProps:p,externalLink:f,enabledRootRedirect:d,onNavigate:h,...x},b)=>{let y=be({path:e,icon:n,info:o,depth:m,render:a,hasChild:c,externalLink:f,enabledRootRedirect:d,onNavigate:h});return jsxRuntime.jsxs(Fo,{ref:b,"aria-label":i,depth:m,active:l,disabled:v,open:s&&!l,sx:{...p?.sx,[`& .${t.item.icon}`]:p?.icon,[`& .${t.item.texts}`]:p?.texts,[`& .${t.item.title}`]:p?.title,[`& .${t.item.caption}`]:p?.caption,[`& .${t.item.info}`]:p?.info,[`& .${t.item.arrow}`]:p?.arrow},className:w({open:s&&!l,active:l,disabled:v}),...y.baseProps,...x,...y.baseProps.onClick?{onClick:y.baseProps.onClick,style:{textAlign:"left"}}:{},children:[n&&jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.icon,children:y.renderIcon}),i&&jsxRuntime.jsxs(U__default.default,{component:"span",className:t.item.texts,children:[jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.title,children:i}),r&&jsxRuntime.jsx(Te__default.default,{title:r,placement:"top-start",children:jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.caption,children:r})})]}),o&&jsxRuntime.jsx(U__default.default,{component:"span",className:t.item.info,children:y.renderInfo}),c&&jsxRuntime.jsx(me__default.default,{icon:s?"ARROW_DOWN_SIMPLE":"CHEVRON_LEFT",className:t.item.arrow})]})}),Fo=styles.styled(Me__default.default,{shouldForwardProp:e=>e!=="active"&&e!=="open"&&e!=="disabled"&&e!=="depth"})(({active:e,open:n,disabled:o,depth:i,theme:r})=>{let s=i===1,m=!s,a={item:{width:"100%",paddingTop:"var(--nav-item-pt)",paddingLeft:"var(--nav-item-pl)",paddingRight:"var(--nav-item-pr)",paddingBottom:"var(--nav-item-pb)",borderRadius:"var(--nav-item-radius)",color:"var(--nav-item-color)","&:hover":{backgroundColor:"var(--nav-item-hover-bg)"}},texts:{minWidth:0,flex:"1 1 auto"},title:{...u.noWrap,...r.typography.body2,fontWeight:e?r.typography.fontWeightSemiBold:r.typography.fontWeightMedium},caption:{...u.noWrap,...r.typography.caption,color:"var(--nav-item-caption-color)"},icon:{...u.icon,width:"var(--nav-icon-size)",height:"var(--nav-icon-size)",margin:"var(--nav-icon-margin)"},arrow:{...u.arrow},info:{...u.info}};return {...s&&{...a.item,minHeight:"var(--nav-item-root-height)",[`& .${t.item.icon}`]:{...a.icon},[`& .${t.item.texts}`]:{...a.texts},[`& .${t.item.title}`]:{...a.title},[`& .${t.item.caption}`]:{...a.caption},[`& .${t.item.arrow}`]:{...a.arrow},[`& .${t.item.info}`]:{...a.info},...e&&{color:"var(--nav-item-root-active-color)",backgroundColor:"var(--nav-item-root-active-bg)","&:hover":{backgroundColor:"var(--nav-item-root-active-hover-bg)"},[styles$1.stylesMode.dark]:{color:"var(--nav-item-root-active-color-on-dark)"}},...n&&{color:"var(--nav-item-root-open-color)",backgroundColor:"var(--nav-item-root-open-bg)"}},...m&&{...a.item,minHeight:"var(--nav-item-sub-height)",[`& .${t.item.icon}`]:{...a.icon},[`& .${t.item.texts}`]:{...a.texts},[`& .${t.item.title}`]:{...a.title},[`& .${t.item.caption}`]:{...a.caption},[`& .${t.item.arrow}`]:{...a.arrow},[`& .${t.item.info}`]:{...a.info},"&::before":{left:0,content:'""',position:"absolute",width:"var(--nav-bullet-size)",height:"var(--nav-bullet-size)",transform:"translate(calc(var(--nav-bullet-size) * -1), calc(var(--nav-bullet-size) * -0.4))",backgroundColor:"var(--nav-bullet-light-color)",mask:`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath d='M1 1v4a8 8 0 0 0 8 8h4' stroke='%23efefef' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto`,WebkitMask:`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath d='M1 1v4a8 8 0 0 0 8 8h4' stroke='%23efefef' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50% 50%/100% auto`,[styles$1.stylesMode.dark]:{backgroundColor:"var(--nav-bullet-dark-color)"}},...e&&{color:"var(--nav-item-sub-active-color)",backgroundColor:"var(--nav-item-sub-active-bg)"},...n&&{color:"var(--nav-item-sub-open-color)",backgroundColor:"var(--nav-item-sub-open-bg)"}},...o&&u.disabled}});var te=({data:e,render:n,depth:o,slotProps:i,enabledRootRedirect:r,onNavigate:s,pathname:m})=>{let a=!!reactRouterDom.matchPath({path:e.path||"",end:!1},m),[l,v]=react.useState(a);react.useEffect(()=>{a||p();},[m]);let c=react.useCallback(()=>{e.children&&v(d=>!d);},[e.children]),p=react.useCallback(()=>{v(!1);},[]),f=jsxRuntime.jsx(oe,{render:n,path:e.path,icon:e.icon,info:e.info,title:e.title,caption:e.caption,depth:o,active:a,disabled:e.disabled,hasChild:!!e.children,open:e.children&&l,externalLink:I(e.path),enabledRootRedirect:r,slotProps:o===1?i?.rootItem:i?.subItem,onClick:c,onNavigate:s});return e.roles&&i?.currentRole&&!e?.roles?.includes(i?.currentRole)?null:e.children?jsxRuntime.jsxs(g,{disabled:e.disabled,sx:{[`& .${t.li}`]:{"&:first-of-type":{mt:"var(--nav-item-gap)"}}},children:[f,jsxRuntime.jsx(D,{"data-group":e.title,in:l,depth:o,unmountOnExit:!0,mountOnEnter:!0,children:jsxRuntime.jsx(Qo,{data:e.children,render:n,depth:o,slotProps:i,enabledRootRedirect:r,onNavigate:s,pathname:m})})]}):jsxRuntime.jsx(g,{disabled:e.disabled,children:f})},Qo=({data:e,render:n,depth:o,slotProps:i,enabledRootRedirect:r,onNavigate:s,pathname:m})=>jsxRuntime.jsx(N,{sx:{gap:"var(--nav-item-gap)"},children:e.map(a=>jsxRuntime.jsx(te,{data:a,render:n,depth:o+1,slotProps:i,enabledRootRedirect:r,onNavigate:s,pathname:m},a.title))});var za=({sx:e,data:n,render:o,slotProps:i,enabledRootRedirect:r,cssVars:s,onNavigate:m,pathname:a})=>{let l=styles.useTheme(),v={...S.vertical(l),...s};return jsxRuntime.jsx(Ye__default.default,{component:"nav",className:t.vertical.root,sx:{...v,...e},children:jsxRuntime.jsx(N,{sx:{flex:"1 1 auto",gap:"var(--nav-item-gap)"},children:n.map(c=>jsxRuntime.jsx(tt,{subheader:c.subheader,items:c.items,render:o,slotProps:i,enabledRootRedirect:r,onNavigate:m,pathname:a},c.subheader??c.items[0].title))})})},tt=({items:e,render:n,subheader:o,slotProps:i,enabledRootRedirect:r,onNavigate:s,pathname:m})=>{let[a,l]=react.useState(!0),v=react.useCallback(()=>{l(p=>!p);},[]),c=jsxRuntime.jsx(N,{sx:{gap:"var(--nav-item-gap)"},children:e.map(p=>jsxRuntime.jsx(te,{data:p,render:n,depth:1,slotProps:i,enabledRootRedirect:r,onNavigate:s,pathname:m},p.title))});return jsxRuntime.jsx(g,{children:o?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(A,{"data-title":o,open:a,onClick:v,sx:i?.subheader,children:o}),jsxRuntime.jsx(Se__default.default,{in:a,children:c})]}):c})};
34
+
35
+ exports.NavCollapse = D;
36
+ exports.NavLi = g;
37
+ exports.NavSectionHorizontal = Mr;
38
+ exports.NavSectionHorizontalItem = J;
39
+ exports.NavSectionMini = gn;
40
+ exports.NavSectionMiniItem = Y;
41
+ exports.NavSectionVertical = jn;
42
+ exports.NavSectionVerticalButtonItem = oe;
43
+ exports.NavSectionVerticalItem = j;
44
+ exports.NavSectionVerticalWithButtons = za;
45
+ exports.NavUl = N;
46
+ exports.Subheader = A;
47
+ exports.bulletColor = ae;
48
+ exports.navSectionClasses = t;
49
+ exports.navSectionCssVars = S;
50
+ exports.sharedStyles = u;
51
+ exports.stateClasses = w;
52
+ exports.useNavItem = $;
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ require('../chunk-SFC4FDPW.js');
4
+ var reactRouterDom = require('react-router-dom');
5
+
6
+ var a=(e,i=!0)=>{let{pathname:t}=reactRouterDom.useLocation(),o=e?!!reactRouterDom.matchPath({path:e,end:!0},t):!1,r=e?!!reactRouterDom.matchPath({path:e,end:!1},t):!1;return {active:i?r:o,isExternalLink:e.includes("http")}},l=a;
7
+
8
+ module.exports = l;
package/dist/index.js ADDED
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ require('./chunk-SFC4FDPW.js');
4
+
5
+ var t=()=>!0;
6
+
7
+ exports.test = t;
@@ -0,0 +1,2 @@
1
+ 'use strict';
2
+
@@ -0,0 +1,2 @@
1
+ 'use strict';
2
+
@@ -0,0 +1,2 @@
1
+ 'use strict';
2
+
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ require('../chunk-SFC4FDPW.js');
4
+
5
+ function r(e){return e.toLowerCase().replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,"")}function t(e){return e.toLowerCase().replace(/\s+/g,"_").replace(/[^a-z0-9_]/g,"")}function n(e){return e.charAt(0).toUpperCase()+e.slice(1)}
6
+
7
+ exports.paramCase = r;
8
+ exports.sentenceCase = n;
9
+ exports.snakeCase = t;
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ var chunkBKBZNJGC_js = require('../chunk-BKBZNJGC.js');
4
+ require('../chunk-SFC4FDPW.js');
5
+
6
+
7
+
8
+ module.exports = chunkBKBZNJGC_js.a;
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.31",
2
+ "version": "2.0.33",
3
3
  "name": "@zydon/common-csr",
4
4
  "description": "Zydon common resources for React projects (only Client-Side Rendering (CSR))",
5
5
  "license": "MIT",