@zydon/common-csr 1.1.11 → 2.0.0

package/dist/components/nav-section/index.mjs

@@ -0,0 +1,19 @@
+import { stylesMode, paper, varAlpha } from '@zydon/common/theme/styles';
+import { forwardRef, cloneElement, useState, useCallback, useRef, useEffect, useMemo } from 'react';
+import { Link, useLocation } from 'react-router-dom';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import T from '@mui/material/Box';
+import Se from '@mui/material/ButtonBase';
+import { styled, useTheme } from '@mui/material/styles';
+import Le from '@mui/material/Tooltip';
+import oe from '@zydon/common/components/Icon';
+import be from '@mui/material/Collapse';
+import ge from '@mui/material/ListSubheader';
+import He from '@mui/material/Stack';
+import Ae from '@zydon/common/components/Scrollbar';
+import Be from '@mui/material/Paper';
+import ze from '@mui/material/Popover';
+
+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 X={dark:"#282F37",light:"#EDEFF2"};function V(e,r){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":varAlpha(o.primary.mainChannel,.08),"--nav-item-root-active-hover-bg":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,...r==="vertical"&&{"--nav-item-sub-active-bg":o.action.hover,"--nav-subheader-color":o.text.disabled,"--nav-subheader-hover-color":o.text.primary}}}function pe(e){let{shape:r,spacing:o}=e;return {...V(e,"vertical"),"--nav-item-gap":o(.5),"--nav-item-radius":`${r.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":X.light,"--nav-bullet-dark-color":X.dark}}function ce(e){let{shape:r,spacing:o}=e;return {...V(e,"mini"),"--nav-item-gap":o(.5),"--nav-item-radius":`${r.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 ve(e){let{shape:r,spacing:o}=e;return {...V(e,"horizontal"),"--nav-item-gap":o(.75),"--nav-height":"56px","--nav-item-radius":`${r.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 P={mini:ce,vertical:pe,horizontal:ve};var Y=forwardRef(({href:e,...r},o)=>jsx(Link,{ref:o,to:e,...r}));function _({path:e,icon:r,info:o,depth:a,render:n,hasChild:s,externalLink:l,enabledRootRedirect:i}){let m=a===1,v=!m,c=Number(a)>2,f=s&&!i?{component:"div"}:l?{href:e,target:"_blank",rel:"noopener"}:{component:Y,href:e},d=null;r&&n?.navIcon&&typeof r=="string"?d=n?.navIcon[r]:d=r;let h=null;if(o&&n?.navInfo&&Array.isArray(o)){let[S,b]=o,K=n.navInfo(b)[S];h=K?cloneElement(K):null;}else h=o;return {subItem:v,rootItem:m,subDeepItem:c,baseProps:f,renderIcon:d,renderInfo:h}}function R({open:e,active:r,disabled:o}){let a=t.item.root;return r?a+=` ${t.state.active}`:e?a+=` ${t.state.open}`:o&&(a+=` ${t.state.disabled}`),a}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 j({sx:e,open:r,children:o,...a}){return jsxs(ge,{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:n=>n.spacing(2,1,1,1.5),fontSize:n=>n.typography.pxToRem(11),transition:n=>n.transitions.create(["color","padding-left"],{duration:n.transitions.duration.standard}),"&:hover":{pl:2,color:"var(--nav-subheader-hover-color)"},...e},...a,children:[jsx(oe,{width:16,icon:r?"ARROW_DOWN_SIMPLE":"CHEVRON_LEFT",sx:{left:-4,opacity:0,position:"absolute",transition:n=>n.transitions.create(["opacity"],{duration:n.transitions.duration.standard})}}),o]})}function ee({sx:e,depth:r,children:o,...a}){return jsx(be,{sx:{...r+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)",[stylesMode.dark]:{bgcolor:"var(--nav-bullet-dark-color)"}}}},...e},...a,children:o})}function g({sx:e,children:r,disabled:o,...a}){return jsx(T,{component:"li",className:t.li,sx:{display:"flex",flexDirection:"column",...o&&{cursor:"not-allowed"},...e},...a,children:r})}function x({children:e,sx:r,...o}){return jsx(T,{component:"ul",className:t.ul,sx:{display:"flex",flexDirection:"column",...r},...o,children:e})}var H=forwardRef(({path:e,icon:r,info:o,title:a,caption:n,open:s,depth:l,render:i,active:m,disabled:v,hasChild:c,slotProps:p,externalLink:f,enabledRootRedirect:d,...h},S)=>{let b=_({path:e,icon:r,info:o,depth:l,render:i,hasChild:c,externalLink:f,enabledRootRedirect:d});return jsxs(Pe,{ref:S,"aria-label":a,depth:l,active:m,disabled:v,open:s&&!m,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:R({open:s&&!m,active:m,disabled:v}),...b.baseProps,...h,children:[r&&jsx(T,{component:"span",className:t.item.icon,children:b.renderIcon}),a&&jsx(T,{component:"span",className:t.item.title,children:a}),n&&jsx(Le,{title:n,arrow:!0,children:jsx(oe,{icon:"INFO_CIRCLE",className:t.item.caption})}),o&&jsx(T,{component:"span",className:t.item.info,children:b.renderInfo}),c&&jsx(oe,{icon:b.subItem?"CHEVRON_RIGHT":"ARROW_DOWN_SIMPLE",className:t.item.arrow})]})}),Pe=styled(Se,{shouldForwardProp:e=>e!=="active"&&e!=="open"&&e!=="disabled"&&e!=="depth"})(({active:e,open:r,disabled:o,depth:a,theme:n})=>{let s=a===1,l=!s,i={item:{flexShrink:0,color:"var(--nav-item-color)",borderRadius:"var(--nav-item-radius)","&:hover":{backgroundColor:"var(--nav-item-hover-bg)"}},title:{...n.typography.body2,fontWeight:e?n.typography.fontWeightSemiBold:n.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&&{...i.item,padding:"var(--nav-item-root-padding)",minHeight:"var(--nav-item-root-height)",[`& .${t.item.icon}`]:{...i.icon,margin:"var(--nav-icon-root-margin)"},[`& .${t.item.title}`]:{...i.title,whiteSpace:"nowrap"},[`& .${t.item.caption}`]:{...i.caption,marginLeft:n.spacing(.75)},[`& .${t.item.arrow}`]:{...i.arrow},[`& .${t.item.info}`]:{...i.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)"},[stylesMode.dark]:{color:"var(--nav-item-root-active-color-on-dark)"}},...r&&{color:"var(--nav-item-root-open-color)",backgroundColor:"var(--nav-item-root-open-bg)"}},...l&&{...i.item,padding:"var(--nav-item-sub-padding)",minHeight:"var(--nav-item-sub-height)",color:n.vars.palette.text.secondary,[`& .${t.item.icon}`]:{...i.icon,margin:"var(--nav-icon-sub-margin)"},[`& .${t.item.title}`]:{...i.title,flexGrow:1},[`& .${t.item.caption}`]:{...i.caption},[`& .${t.item.arrow}`]:{...i.arrow,marginRight:n.spacing(-.5)},[`& .${t.item.info}`]:{...i.info},...e&&{color:"var(--nav-item-sub-active-color)",backgroundColor:"var(--nav-item-sub-active-bg)"},...r&&{color:"var(--nav-item-sub-open-color)",backgroundColor:"var(--nav-item-sub-open-bg)"}},...o&&u.disabled}});var te=e=>{let r=e.split("?")[1];return r?new URLSearchParams(r).toString().length>0:!1};function U(e){return e!=="/"&&e.endsWith("/")?e.slice(0,-1):e}function re(e){try{let r=new URL(e,window.location.origin);return U(r.pathname)}catch{return e}}function y(e){return e.startsWith("http")}function N(){let{pathname:e}=useLocation();return useMemo(()=>e,[e])}function $(e,r=!0){let o=U(N()),a=te(e);if(e.startsWith("#")||y(e))return !1;if(r||a){let l=o.includes(e),i=re(e);return l||a&&i===o}return o===e}function A({data:e,depth:r,render:o,cssVars:a,slotProps:n,enabledRootRedirect:s}){let l=useTheme(),i=N(),m=useRef(null),v=$(e.path,!!e.children),[c,p]=useState(!1);useEffect(()=>{c&&d();},[i]);let f=useCallback(()=>{e.children&&p(!0);},[e.children]),d=useCallback(()=>{p(!1);},[]),h=jsx(H,{ref:m,render:o,title:e.title,path:e.path,icon:e.icon,info:e.info,caption:e.caption,depth:r,active:v,disabled:e.disabled,hasChild:!!e.children,open:e.children&&c,externalLink:y(e.path),enabledRootRedirect:s,slotProps:r===1?n?.rootItem:n?.subItem,onMouseEnter:f,onMouseLeave:d});return e.roles&&n?.currentRole&&!e?.roles?.includes(n?.currentRole)?null:e.children?jsxs(g,{disabled:e.disabled,children:[h,jsx(ze,{disableScrollLock:!0,open:c,anchorEl:m.current,anchorOrigin:r===1?{vertical:"bottom",horizontal:"left"}:{vertical:"center",horizontal:"right"},transformOrigin:r===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",...r===1&&{ml:-.75},...c&&{pointerEvents:"auto"}}}},sx:{...a,pointerEvents:"none"},children:jsx(Be,{className:t.paper,sx:{minWidth:180,...paper({theme:l,dropdown:!0}),...n?.paper},children:jsx(Ve,{data:e.children,depth:r,render:o,cssVars:a,slotProps:n,enabledRootRedirect:s})})})]}):jsx(g,{disabled:e.disabled,children:h})}function Ve({data:e,depth:r,render:o,cssVars:a,slotProps:n,enabledRootRedirect:s}){return jsx(x,{sx:{gap:.5},children:e.map(l=>jsx(A,{data:l,render:o,depth:r+1,cssVars:a,slotProps:n,enabledRootRedirect:s},l.title))})}function rr({sx:e,data:r,render:o,slotProps:a,enabledRootRedirect:n,cssVars:s}){let l=useTheme(),i={...P.horizontal(l),...s};return jsx(Ae,{sx:{height:1},slotProps:{content:{height:1,display:"flex",alignItems:"center"}},children:jsx(He,{component:"nav",direction:"row",alignItems:"center",className:t.horizontal.root,sx:{...i,mx:"auto",height:1,minHeight:"var(--nav-height)",...e},children:jsx(x,{sx:{flexDirection:"row",gap:"var(--nav-item-gap)"},children:r.map(m=>jsx(De,{render:o,cssVars:i,items:m.items,slotProps:a,enabledRootRedirect:n},m.subheader??m.items[0].title))})})})}function De({items:e,render:r,slotProps:o,enabledRootRedirect:a,cssVars:n}){return jsx(g,{children:jsx(x,{sx:{flexDirection:"row",gap:"var(--nav-item-gap)"},children:e.map(s=>jsx(A,{depth:1,data:s,render:r,cssVars:n,slotProps:o,enabledRootRedirect:a},s.title))})})}var F=forwardRef(({path:e,icon:r,info:o,title:a,caption:n,open:s,depth:l,render:i,active:m,disabled:v,hasChild:c,slotProps:p,externalLink:f,enabledRootRedirect:d,...h},S)=>{let b=_({path:e,icon:r,info:o,depth:l,render:i,hasChild:c,externalLink:f,enabledRootRedirect:d});return jsxs(Qe,{ref:S,"aria-label":a,depth:l,active:m,disabled:v,open:s&&!m,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:R({open:s&&!m,active:m,disabled:v}),...b.baseProps,...h,children:[r&&jsx(T,{component:"span",className:t.item.icon,children:b.renderIcon}),a&&jsx(T,{component:"span",className:t.item.title,children:a}),n&&jsx(Le,{title:n,arrow:!0,placement:"right",children:jsx(oe,{icon:"INFO_CIRCLE",className:t.item.caption})}),o&&b.subItem&&jsx(T,{component:"span",className:t.item.info,children:b.renderInfo}),c&&jsx(oe,{icon:"CHEVRON_RIGHT",className:t.item.arrow})]})}),Qe=styled(Se,{shouldForwardProp:e=>e!=="active"&&e!=="open"&&e!=="disabled"&&e!=="depth"})(({active:e,open:r,disabled:o,depth:a,theme:n})=>{let s=a===1,l=!s,i={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&&{...i.item,textAlign:"center",flexDirection:"column",minHeight:"var(--nav-item-root-height)",padding:"var(--nav-item-root-padding)",[`& .${t.item.icon}`]:{...i.icon,margin:"var(--nav-icon-root-margin)"},[`& .${t.item.title}`]:{...i.title,...u.noWrap,lineHeight:"16px",fontSize:n.typography.pxToRem(10),fontWeight:e?n.typography.fontWeightBold:n.typography.fontWeightSemiBold},[`& .${t.item.caption}`]:{...i.caption,top:11,left:6,position:"absolute"},[`& .${t.item.arrow}`]:{...i.arrow,top:11,right:6,position:"absolute"},[`& .${t.item.info}`]:{...i.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)"},[stylesMode.dark]:{color:"var(--nav-item-root-active-color-on-dark)"}},...r&&{color:"var(--nav-item-root-open-color)",backgroundColor:"var(--nav-item-root-open-bg)"}},...l&&{...i.item,color:n.vars.palette.text.secondary,minHeight:"var(--nav-item-sub-height)",padding:"var(--nav-item-sub-padding)",[`& .${t.item.icon}`]:{...i.icon,margin:"var(--nav-icon-sub-margin)"},[`& .${t.item.title}`]:{...i.title,...n.typography.body2,fontWeight:e?n.typography.fontWeightSemiBold:n.typography.fontWeightMedium,flex:"1 1 auto"},[`& .${t.item.caption}`]:{...i.caption},[`& .${t.item.arrow}`]:{...i.arrow,marginRight:n.spacing(-.5)},[`& .${t.item.info}`]:{...i.info},...e&&{color:"var(--nav-item-sub-active-color)",backgroundColor:"var(--nav-item-sub-active-bg)"},...r&&{color:"var(--nav-item-sub-open-color)",backgroundColor:"var(--nav-item-sub-open-bg)"}},...o&&u.disabled}});function G({data:e,depth:r,render:o,cssVars:a,slotProps:n,enabledRootRedirect:s}){let l=useTheme(),i=N(),m=useRef(null),v=$(e.path,!!e.children),[c,p]=useState(!1);useEffect(()=>{c&&d();},[i]);let f=useCallback(()=>{e.children&&p(!0);},[e.children]),d=useCallback(()=>{p(!1);},[]),h=jsx(F,{ref:m,render:o,path:e.path,icon:e.icon,info:e.info,title:e.title,caption:e.caption,depth:r,active:v,disabled:e.disabled,hasChild:!!e.children,open:e.children&&c,externalLink:y(e.path),enabledRootRedirect:s,slotProps:r===1?n?.rootItem:n?.subItem,onMouseEnter:f,onMouseLeave:d});return e.roles&&n?.currentRole&&!e?.roles?.includes(n?.currentRole)?null:e.children?jsxs(g,{disabled:e.disabled,children:[h,jsx(ze,{disableScrollLock:!0,open:c,anchorEl:m.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",...r>1&&{mt:-1},...c&&{pointerEvents:"auto"}}}},sx:{...a,pointerEvents:"none"},children:jsx(Be,{className:t.paper,sx:{minWidth:180,...paper({theme:l,dropdown:!0}),...n?.paper},children:jsx(no,{data:e.children,depth:r,render:o,cssVars:a,slotProps:n,enabledRootRedirect:s})})})]}):jsx(g,{disabled:e.disabled,children:h})}function no({data:e,render:r,depth:o,slotProps:a,enabledRootRedirect:n,cssVars:s}){return jsx(x,{sx:{gap:.5},children:e.map(l=>jsx(G,{data:l,render:r,depth:o+1,cssVars:s,slotProps:a,enabledRootRedirect:n},l.title))})}var Hr=({sx:e,data:r,render:o,slotProps:a,enabledRootRedirect:n,cssVars:s})=>{let l=useTheme(),i={...P.mini(l),...s};return jsx(He,{component:"nav",className:t.mini.root,sx:{...i,...e},children:jsx(x,{sx:{flex:"1 1 auto",gap:"var(--nav-item-gap)"},children:r.map(m=>jsx(mo,{render:o,cssVars:i,items:m.items,slotProps:a,enabledRootRedirect:n},m.subheader??m.items[0].title))})})},mo=({items:e,render:r,slotProps:o,enabledRootRedirect:a,cssVars:n})=>jsx(g,{children:jsx(x,{sx:{gap:"var(--nav-item-gap)"},children:e.map(s=>jsx(G,{depth:1,data:s,render:r,cssVars:n,slotProps:o,enabledRootRedirect:a},s.title))})});var q=forwardRef(({path:e,icon:r,info:o,title:a,caption:n,open:s,depth:l,render:i,active:m,disabled:v,hasChild:c,slotProps:p,externalLink:f,enabledRootRedirect:d,...h},S)=>{let b=_({path:e,icon:r,info:o,depth:l,render:i,hasChild:c,externalLink:f,enabledRootRedirect:d});return jsxs(fo,{ref:S,"aria-label":a,depth:l,active:m,disabled:v,open:s&&!m,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:R({open:s&&!m,active:m,disabled:v}),...b.baseProps,...h,children:[r&&jsx(T,{component:"span",className:t.item.icon,children:b.renderIcon}),a&&jsxs(T,{component:"span",className:t.item.texts,children:[jsx(T,{component:"span",className:t.item.title,children:a}),n&&jsx(Le,{title:n,placement:"top-start",children:jsx(T,{component:"span",className:t.item.caption,children:n})})]}),o&&jsx(T,{component:"span",className:t.item.info,children:b.renderInfo}),c&&jsx(oe,{icon:s?"ARROW_DOWN_SIMPLE":"CHEVRON_LEFT",className:t.item.arrow})]})}),fo=styled(Se,{shouldForwardProp:e=>e!=="active"&&e!=="open"&&e!=="disabled"&&e!=="depth"})(({active:e,open:r,disabled:o,depth:a,theme:n})=>{let s=a===1,l=!s,i={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,...n.typography.body2,fontWeight:e?n.typography.fontWeightSemiBold:n.typography.fontWeightMedium},caption:{...u.noWrap,...n.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&&{...i.item,minHeight:"var(--nav-item-root-height)",[`& .${t.item.icon}`]:{...i.icon},[`& .${t.item.texts}`]:{...i.texts},[`& .${t.item.title}`]:{...i.title},[`& .${t.item.caption}`]:{...i.caption},[`& .${t.item.arrow}`]:{...i.arrow},[`& .${t.item.info}`]:{...i.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)"},[stylesMode.dark]:{color:"var(--nav-item-root-active-color-on-dark)"}},...r&&{color:"var(--nav-item-root-open-color)",backgroundColor:"var(--nav-item-root-open-bg)"}},...l&&{...i.item,minHeight:"var(--nav-item-sub-height)",[`& .${t.item.icon}`]:{...i.icon},[`& .${t.item.texts}`]:{...i.texts},[`& .${t.item.title}`]:{...i.title},[`& .${t.item.caption}`]:{...i.caption},[`& .${t.item.arrow}`]:{...i.arrow},[`& .${t.item.info}`]:{...i.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`,[stylesMode.dark]:{backgroundColor:"var(--nav-bullet-dark-color)"}},...e&&{color:"var(--nav-item-sub-active-color)",backgroundColor:"var(--nav-item-sub-active-bg)"},...r&&{color:"var(--nav-item-sub-open-color)",backgroundColor:"var(--nav-item-sub-open-bg)"}},...o&&u.disabled}});function J({data:e,render:r,depth:o,slotProps:a,enabledRootRedirect:n}){let s=N(),l=$(e.path,!!e.children),[i,m]=useState(l);useEffect(()=>{l||c();},[s]);let v=useCallback(()=>{e.children&&m(f=>!f);},[e.children]),c=useCallback(()=>{m(!1);},[]),p=jsx(q,{render:r,path:e.path,icon:e.icon,info:e.info,title:e.title,caption:e.caption,depth:o,active:l,disabled:e.disabled,hasChild:!!e.children,open:e.children&&i,externalLink:y(e.path),enabledRootRedirect:n,slotProps:o===1?a?.rootItem:a?.subItem,onClick:v});return e.roles&&a?.currentRole&&!e?.roles?.includes(a?.currentRole)?null:e.children?jsxs(g,{disabled:e.disabled,sx:{[`& .${t.li}`]:{"&:first-of-type":{mt:"var(--nav-item-gap)"}}},children:[p,jsx(ee,{"data-group":e.title,in:i,depth:o,unmountOnExit:!0,mountOnEnter:!0,children:jsx(go,{data:e.children,render:r,depth:o,slotProps:a,enabledRootRedirect:n})})]}):jsx(g,{disabled:e.disabled,children:p})}function go({data:e,render:r,depth:o,slotProps:a,enabledRootRedirect:n}){return jsx(x,{sx:{gap:"var(--nav-item-gap)"},children:e.map(s=>jsx(J,{data:s,render:r,depth:o+1,slotProps:a,enabledRootRedirect:n},s.title))})}var In=({sx:e,data:r,render:o,slotProps:a,enabledRootRedirect:n,cssVars:s})=>{let l=useTheme(),i={...P.vertical(l),...s};return jsx(He,{component:"nav",className:t.vertical.root,sx:{...i,...e},children:jsx(x,{sx:{flex:"1 1 auto",gap:"var(--nav-item-gap)"},children:r.map(m=>jsx(Lo,{subheader:m.subheader,items:m.items,render:o,slotProps:a,enabledRootRedirect:n},m.subheader??m.items[0].title))})})},Lo=({items:e,render:r,subheader:o,slotProps:a,enabledRootRedirect:n})=>{let[s,l]=useState(!0),i=useCallback(()=>{l(v=>!v);},[]),m=jsx(x,{sx:{gap:"var(--nav-item-gap)"},children:e.map(v=>jsx(J,{data:v,render:r,depth:1,slotProps:a,enabledRootRedirect:n},v.title))});return jsx(g,{children:o?jsxs(Fragment,{children:[jsx(j,{"data-title":o,open:s,onClick:i,sx:a?.subheader,children:o}),jsx(be,{in:s,children:m})]}):m})};
+
+export { ee as NavCollapse, g as NavLi, rr as NavSectionHorizontal, H as NavSectionHorizontalItem, Hr as NavSectionMini, F as NavSectionMiniItem, In as NavSectionVertical, q as NavSectionVerticalItem, x as NavUl, j as Subheader, X as bulletColor, t as navSectionClasses, P as navSectionCssVars, u as sharedStyles, R as stateClasses, _ as useNavItem };

package/dist/index.css

@@ -0,0 +1 @@
+.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}pre{:is(code[as="code"]){.hljs-comment{color:#999}.hljs-tag{color:#b4b7b4}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#ccc}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#f2777a}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#f99157}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#fc6}.hljs-strong{font-weight:700;color:#fc6}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#9c9}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#6cc}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#69c}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#c9c}.hljs-emphasis{color:#c9c;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#a3685a}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}}}

package/dist/index.d.ts

@@ -1,4 +1,43 @@
-export * from './components';
-export * from './hooks';
-export * from './utils';
-//# sourceMappingURL=index.d.ts.map
+declare module '@mui/material/styles/createPalette' {
+    interface CommonColors {
+        whiteChannel: string;
+        blackChannel: string;
+    }
+    interface TypeText {
+        disabledChannel: string;
+    }
+    interface TypeBackground {
+        neutral: string;
+        neutralChannel: string;
+    }
+    interface SimplePaletteColorOptions {
+        lighter: string;
+        darker: string;
+        lighterChannel: string;
+        darkerChannel: string;
+    }
+    interface PaletteColor {
+        lighter: string;
+        darker: string;
+        lighterChannel: string;
+        darkerChannel: string;
+    }
+}
+declare module '@mui/material' {
+    interface Color {
+        ['50Channel']: string;
+        ['100Channel']: string;
+        ['200Channel']: string;
+        ['300Channel']: string;
+        ['400Channel']: string;
+        ['500Channel']: string;
+        ['600Channel']: string;
+        ['700Channel']: string;
+        ['800Channel']: string;
+        ['900Channel']: string;
+    }
+}
+
+declare const test: () => boolean;
+
+export { test };

package/dist/index.mjs

@@ -0,0 +1,3 @@
+var t=()=>!0;
+
+export { t as test };

package/dist/types-59de9124.d.ts

@@ -0,0 +1,39 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { EditorOptions, Editor, Extension } from '@tiptap/react';
+
+type EditorProps = Partial<EditorOptions> & {
+    value?: string;
+    error?: boolean;
+    fullItem?: boolean;
+    resetValue?: boolean;
+    sx?: SxProps<Theme>;
+    placeholder?: string;
+    helperText?: React.ReactNode;
+    onChange?: (value: string) => void;
+    slotProps?: {
+        wrap: SxProps<Theme>;
+    };
+};
+type EditorToolbarProps = {
+    fullScreen: boolean;
+    editor: Editor | null;
+    onToggleFullScreen: () => void;
+    fullItem?: EditorProps['fullItem'];
+};
+type EditorToolbarItemProps = {
+    icon?: React.ReactNode;
+    label?: string;
+    active?: boolean;
+    disabled?: boolean;
+};
+type EditorCodeHighlightBlockProps = {
+    extension: Extension;
+    updateAttributes: (attributes: Record<string, any>) => void;
+    node: {
+        attrs: {
+            language: string;
+        };
+    };
+};
+
+export { EditorProps as E, EditorToolbarProps as a, EditorToolbarItemProps as b, EditorCodeHighlightBlockProps as c };

package/package.json

@@ -1,81 +1,96 @@
 {
+  "version": "2.0.0",
   "name": "@zydon/common-csr",
   "description": "Zydon common resources for React projects (only Client-Side Rendering (CSR))",
-  "private": false,
-  "version": "1.1.11",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "preview": "vite preview",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "lint:fix": "eslint --fix src/**/*.{jsx,ts,tsx}",
-    "format": "prettier --write \"**/*.*\""
+  "license": "MIT",
+  "author": "Zydon Tech",
+  "bugs": {
+    "url": "https://github.com/zydontecnologia"
   },
+  "homepage": "https://github.com/zydontecnologia",
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "README"
   ],
+  "scripts": {
+    "build": "tsup",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint:fix": "eslint --fix src/**/*.{jsx,ts,tsx}",
+    "format": "prettier --write \"**/*.*\""
+  },
   "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.umd.jcs"
+    "./components/*": {
+      "import": "./dist/components/*/index.mjs",
+      "types": "./dist/components/*/index.d.ts"
     },
-    "./styles.css": "./dist/style.css"
-  },
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "dependencies": {
-    "@codemirror/lang-sql": "^6.5.5",
-    "@uiw/react-codemirror": "^4.21.21",
-    "highlight.js": "^11.9.0",
-    "react-ace": "^11.0.1",
-    "react-lazy-load-image-component": "^1.6.0",
-    "react-quill": "^2.0.0"
+    "./filters/*": {
+      "import": "./dist/components/filters/*/index.mjs",
+      "types": "./dist/components/filters/*/index.d.ts"
+    },
+    "./styles.css": "./dist/index.css"
   },
   "devDependencies": {
-    "@emotion/react": "^11.11.3",
-    "@emotion/styled": "^11.11.0",
-    "@mui/material": "^5.15.6",
-    "@mui/x-data-grid-premium": "^7.6.2",
-    "@types/node": "^20.11.10",
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
-    "@types/react-lazy-load-image-component": "^1.6.3",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@zydon/common": "^1.3.99",
-    "eslint": "^8.55.0",
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
+    "@mui/material": "^5.16.6",
+    "@mui/x-data-grid-premium": "^7.12.1",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-lazy-load-image-component": "^1.6.4",
+    "@typescript-eslint/eslint-plugin": "^6.4.1",
+    "@typescript-eslint/parser": "^6.4.1",
+    "@zydon/common": "^2.0.0",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^8.47.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.49.3",
-    "react-router-dom": "^6.21.3",
-    "typescript": "^5.2.2",
-    "vite": "^5.0.8",
-    "vite-plugin-dts": "^3.7.2",
-    "vite-tsconfig-paths": "^4.3.1"
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "postcss": "^8.4.40",
+    "postcss-import": "^16.1.0",
+    "prettier": "^3.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.52.2",
+    "react-router-dom": "^6.26.0",
+    "tsup": "6.6.0",
+    "typescript": "^5.5.4"
+  },
+  "dependencies": {
+    "@codemirror/lang-sql": "^6.7.0",
+    "@tiptap/core": "^2.5.9",
+    "@tiptap/extension-code-block": "^2.5.9",
+    "@tiptap/extension-code-block-lowlight": "^2.5.9",
+    "@tiptap/extension-image": "^2.5.9",
+    "@tiptap/extension-link": "^2.5.9",
+    "@tiptap/extension-placeholder": "^2.5.9",
+    "@tiptap/extension-text-align": "^2.5.9",
+    "@tiptap/pm": "^2.5.9",
+    "@tiptap/react": "^2.5.9",
+    "@tiptap/starter-kit": "^2.5.9",
+    "@uiw/react-codemirror": "^4.23.0",
+    "lowlight": "^3.1.0",
+    "react-ace": "^12.0.0",
+    "react-lazy-load-image-component": "^1.6.2"
   },
   "peerDependencies": {
     "@emotion/react": ">=11.x",
     "@emotion/styled": ">=11.x",
+    "@mui/lab": ">=5.x",
     "@mui/material": ">=5.x",
-    "@mui/x-data-grid-premium": ">=6.x",
-    "@zydon/common": ">=1.x",
+    "@mui/x-data-grid-premium": ">=7.x",
+    "@mui/x-date-pickers-pro": ">=7.x",
+    "@zydon/common": ">=2.x",
     "react": ">=18.x",
     "react-dom": ">=18.x",
     "react-hook-form": ">=7.x",
     "react-router-dom": ">=6.x"
-  },
-  "author": "Zydon Tech",
-  "bugs": {
-    "url": "https://github.com/zydontecnologia"
-  },
-  "homepage": "https://github.com/zydontecnologia",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
   }
 }

package/dist/App.d.ts

@@ -1,3 +0,0 @@
-declare const App: () => import("react/jsx-runtime").JSX.Element;
-export default App;
-//# sourceMappingURL=App.d.ts.map

package/dist/App.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,GAAG,+CAMR,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/components/Editor/EditorToolbar.d.ts

@@ -1,8 +0,0 @@
-export declare const formats: string[];
-type EditorToolbarProps = {
-    id: string;
-    isSimple?: boolean;
-};
-declare const EditorToolbar: ({ id, isSimple, ...other }: EditorToolbarProps) => import("react/jsx-runtime").JSX.Element;
-export default EditorToolbar;
-//# sourceMappingURL=EditorToolbar.d.ts.map

package/dist/components/Editor/EditorToolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Editor/EditorToolbar.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,OAAO,UAwBnB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,aAAa,+BAAgC,kBAAkB,4CAwEpE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Editor/index.d.ts

@@ -1,5 +0,0 @@
-import { EditorProps } from '../../types/editor';
-
-declare const Editor: ({ id, error, value, onChange, simple, helperText, sx, ...other }: EditorProps) => import("react/jsx-runtime").JSX.Element;
-export default Editor;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Editor/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Editor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAKzB,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,QAAA,MAAM,MAAM,qEAST,WAAW,4CA6Cb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/Editor/styles.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const StyledEditor: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const StyledEditorToolbar: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/dist/components/Editor/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Editor/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,YAAY;;+JAwBtB,CAAC;AAEJ,eAAO,MAAM,mBAAmB,6NA+H9B,CAAC"}

package/dist/components/EditorField/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EditorField/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,QAAA,MAAM,WAAW,0CAKd,gBAAgB,4CA0BlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/EditorField/props.d.ts

@@ -1,5 +0,0 @@
-import { BaseField } from '../../types/baseField';
-import { EditorProps as IEditorProps } from '../../types/editor';
-
-export type EditorFieldProps = BaseField<IEditorProps>;
-//# sourceMappingURL=props.d.ts.map

package/dist/components/EditorField/props.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/components/EditorField/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC"}

package/dist/components/Filters/AdvancedRule/AdvancedMode/Itens.d.ts

@@ -1,5 +0,0 @@
-import { ItensProps } from './props';
-
-declare const Itens: ({ label, itens, argumentsValues, fields, addItem, removeItem, insertItemSQL, }: ItensProps) => import("react/jsx-runtime").JSX.Element;
-export default Itens;
-//# sourceMappingURL=Itens.d.ts.map

package/dist/components/Filters/AdvancedRule/AdvancedMode/Itens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Itens.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/AdvancedRule/AdvancedMode/Itens.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,QAAA,MAAM,KAAK,mFAQR,UAAU,4CA6EZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Filters/AdvancedRule/AdvancedMode/NewItem.d.ts

@@ -1,5 +0,0 @@
-import { NewItensProps } from './props';
-
-declare const NewItem: ({ openPopover, handleClose, addItem }: NewItensProps) => import("react/jsx-runtime").JSX.Element;
-export default NewItem;
-//# sourceMappingURL=NewItem.d.ts.map

package/dist/components/Filters/AdvancedRule/AdvancedMode/NewItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NewItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/AdvancedRule/AdvancedMode/NewItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,QAAA,MAAM,OAAO,0CAA2C,aAAa,4CAyDpE,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Filters/AdvancedRule/AdvancedMode/index.d.ts

@@ -1,5 +0,0 @@
-import { AdvancedModeProps } from './props';
-
-declare const AdvancedMode: ({ fieldsSelect, argumentsValues, onChangeArguments, sql, setSql, setFilterRule, }: AdvancedModeProps) => import("react/jsx-runtime").JSX.Element;
-export default AdvancedMode;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Filters/AdvancedRule/AdvancedMode/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/AdvancedRule/AdvancedMode/index.tsx"],"names":[],"mappings":";AACA,OAAO,+BAA+B,CAAC;AACvC,OAAO,8CAA8C,CAAC;AACtD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,wCAAwC,CAAC;AAOhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,QAAA,MAAM,YAAY,sFAOf,iBAAiB,4CAoHnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Filters/AdvancedRule/AdvancedMode/props.d.ts

@@ -1,25 +0,0 @@
-import { Field } from '../props';
-
-export interface AdvancedModeProps {
-    fieldsSelect: Field[];
-    argumentsValues: string[];
-    onChangeArguments: (value: string[]) => void;
-    sql: string;
-    setSql: (sql: string) => void;
-    setFilterRule: (value: string) => void;
-}
-export interface ItensProps {
-    label: string;
-    itens?: string[];
-    argumentsValues?: boolean;
-    fields?: boolean;
-    addItem?: (value: string) => void;
-    insertItemSQL: (value: string) => void;
-    removeItem?: (value: string) => void;
-}
-export interface NewItensProps {
-    openPopover: HTMLElement | null;
-    handleClose: () => void;
-    addItem: (value: string) => void;
-}
-//# sourceMappingURL=props.d.ts.map

package/dist/components/Filters/AdvancedRule/AdvancedMode/props.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/AdvancedRule/AdvancedMode/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC"}

package/dist/components/Filters/AdvancedRule/AdvancedMode/styles.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export declare const NewItemContainer: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const ItemsContainer: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const ItemContainer: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const SQLContainer: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const IconButtonItem: import('@emotion/styled').StyledComponent<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "size" | "disableFocusRipple" | "edge"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/dist/components/Filters/AdvancedRule/AdvancedMode/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/AdvancedRule/AdvancedMode/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,gBAAgB;;qMAI1B,CAAC;AACJ,eAAO,MAAM,cAAc;;qMAOxB,CAAC;AAEJ,eAAO,MAAM,aAAa;;qMAkBvB,CAAC;AAEJ,eAAO,MAAM,YAAY;;qMAUtB,CAAC;AAEJ,eAAO,MAAM,cAAc;;uZAGzB,CAAC"}

package/dist/components/Filters/AdvancedRule/Preview/FormPreview.d.ts

@@ -1,5 +0,0 @@
-import { FormPreviewProps } from './props';
-
-declare const FormPreview: ({ openPopover, handleClose, argumentsValues, filter, onExecute, }: FormPreviewProps) => import("react/jsx-runtime").JSX.Element;
-export default FormPreview;
-//# sourceMappingURL=FormPreview.d.ts.map

package/dist/components/Filters/AdvancedRule/Preview/FormPreview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormPreview.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/AdvancedRule/Preview/FormPreview.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,QAAA,MAAM,WAAW,sEAMd,gBAAgB,4CA8FlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/Filters/AdvancedRule/Preview/index.d.ts

@@ -1,5 +0,0 @@
-import { PreviewProps } from './props';
-
-declare const Preview: ({ data, fields, isLoading, isError }: PreviewProps) => import("react/jsx-runtime").JSX.Element;
-export default Preview;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Filters/AdvancedRule/Preview/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/AdvancedRule/Preview/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,OAAO,yCAA0C,YAAY,4CA0BlE,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/Filters/AdvancedRule/Preview/props.d.ts

@@ -1,14 +0,0 @@
-export interface PreviewProps {
-    data?: object[];
-    fields: string[];
-    isError?: boolean;
-    isLoading?: boolean;
-}
-export interface FormPreviewProps {
-    openPopover: HTMLElement | null;
-    handleClose: () => void;
-    argumentsValues: string[];
-    filter?: string;
-    onExecute: (value: string) => void;
-}
-//# sourceMappingURL=props.d.ts.map

package/dist/components/Filters/AdvancedRule/Preview/props.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/AdvancedRule/Preview/props.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC"}

package/dist/components/Filters/AdvancedRule/SimpleMode/Conditional.d.ts

@@ -1,5 +0,0 @@
-import { ConditionalProps } from './props';
-
-declare const Conditional: ({ index, indexGroup, removeConditional, fieldsSelect, }: ConditionalProps) => import("react/jsx-runtime").JSX.Element;
-export default Conditional;
-//# sourceMappingURL=Conditional.d.ts.map

package/dist/components/Filters/AdvancedRule/SimpleMode/Conditional.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Conditional.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/AdvancedRule/SimpleMode/Conditional.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C,QAAA,MAAM,WAAW,4DAKd,gBAAgB,4CAwElB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/Filters/AdvancedRule/SimpleMode/Group.d.ts

@@ -1,5 +0,0 @@
-import { GroupProps } from './props';
-
-declare const Group: ({ index, removeGroup, fieldsSelect }: GroupProps) => import("react/jsx-runtime").JSX.Element;
-export default Group;
-//# sourceMappingURL=Group.d.ts.map

package/dist/components/Filters/AdvancedRule/SimpleMode/Group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/AdvancedRule/SimpleMode/Group.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,QAAA,MAAM,KAAK,yCAA0C,UAAU,4CAoD9D,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Filters/AdvancedRule/SimpleMode/index.d.ts

@@ -1,5 +0,0 @@
-import { RuleListProps } from './props';
-
-declare const SimpleMode: ({ fieldsSelect }: RuleListProps) => import("react/jsx-runtime").JSX.Element;
-export default SimpleMode;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Filters/AdvancedRule/SimpleMode/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/AdvancedRule/SimpleMode/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,QAAA,MAAM,UAAU,qBAAsB,aAAa,4CAyDlD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Filters/AdvancedRule/SimpleMode/props.d.ts

@@ -1,34 +0,0 @@
-import { Field } from '../props';
-
-export interface RuleListProps {
-    fieldsSelect: Field[];
-    sql: string;
-    setSql: (sql: string) => void;
-}
-export interface SimpleModeFormProps {
-    operator: 'and' | 'or';
-    groups: groupForm[];
-}
-export interface groupForm {
-    operator: 'and' | 'or';
-    conditionals: [
-        {
-            field: string;
-            conditional: '=' | '>' | '<' | '<=' | '>=' | '!=' | 'IS NULL' | 'IN' | 'LIKE' | 'NOT IN' | 'NOT LIKE' | 'IS NOT NULL';
-            type: 'value' | 'field';
-            value: string;
-        }
-    ];
-}
-export interface GroupProps {
-    index: number;
-    removeGroup: (index: number) => void;
-    fieldsSelect: Field[];
-}
-export interface ConditionalProps {
-    indexGroup: number;
-    index: number;
-    removeConditional: (index: number) => void;
-    fieldsSelect: Field[];
-}
-//# sourceMappingURL=props.d.ts.map

package/dist/components/Filters/AdvancedRule/SimpleMode/props.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/AdvancedRule/SimpleMode/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,WAAW,aAAa;IAC5B,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,KAAK,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE;QACZ;YACE,KAAK,EAAE,MAAM,CAAC;YACd,WAAW,EACP,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,SAAS,GACT,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,UAAU,GACV,aAAa,CAAC;YAClB,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;YACxB,KAAK,EAAE,MAAM,CAAC;SACf;KACF,CAAC;CACH;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,KAAK,EAAE,CAAC;CACvB;AACD,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,KAAK,EAAE,CAAC;CACvB"}