@zydon/common-csr 2.1.0 → 2.1.2

package/dist/{chunk-IWHIWC75.js → chunk-A3XAR6MQ.js}

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import c from '@mui/material/Stack';
 import m from '@mui/material/Typography';
-import v from '@zydon/common/form/Field';
+import v from '@zydon/common/components/form/Field';
 import { styled } from '@mui/material/styles';
 import s from '@mui/material/ToggleButton';
 import d from '@mui/material/ToggleButtonGroup';

package/dist/components/filters/AdvancedRule/index.js

@@ -23,10 +23,10 @@ import qo from '@zydon/common/components/Scrollbar';
 import ee from '@zydon/common/components/DataGrid';
 import ve from '@zydon/common/components/ActionButton';
 import Ce from '@zydon/common/components/ExpandableGroup';
-import $ from '@zydon/common/form/Autocomplete';
-import me from '@zydon/common/form/Field';
+import $ from '@zydon/common/components/form/Autocomplete';
+import pe from '@zydon/common/components/form/Field';
 import Le from '@mui/material/ToggleButton';
 
-var N=styled(B)(({theme:o})=>({borderBottom:`1px solid ${alpha(o.palette.grey[500],.32)}`,borderTop:`1px solid ${alpha(o.palette.grey[500],.32)}`,padding:16})),oo=styled(B)(({theme:o})=>({border:`1px solid ${alpha(o.palette.grey[500],.32)}`,borderRadius:8,padding:12,"& .MuiInputBase-root":{background:o.palette.grey[100]}})),eo=styled(B)(({theme:o})=>({display:"flex",textAlign:"center",flexDirection:"row",alignItems:"center",width:"100%",gap:8,height:34,backgroundColor:"#fff",padding:"8px 16px",borderRadius:8,border:`1px solid ${alpha(o.palette.grey[500],.24)}`,cursor:"pointer",color:o.palette.text.disabled,"&:hover, &:focus":{border:`1px solid ${o.palette.primary.main}`,backgroundColor:alpha(o.palette.primary.main,.05)}})),to=styled(B)(({theme:o})=>({width:"100%","& fieldset":{border:`1px solid ${alpha(o.palette.grey[500],.24)}`,borderRadius:8,"& legend":{color:o.palette.text.disabled,fontSize:12}}})),H=styled(wo)({padding:0});var zo=({openPopover:o,handleClose:t,argumentsValues:l,filter:n,onExecute:i})=>{let[p,c]=useState([]),m=(a,e)=>{if(e&&e!=="")p.filter(u=>u.name===a).length>0?c(p.map(u=>u.name===a?{name:a,value:e}:u)):c([...p||[],{name:a,value:e}]);else {let d=p.filter(u=>u.name===a);c(d);}},f=()=>{let a=n||"";return p.forEach(e=>{a=a.replace(`$ARG[${e.name}]`,`'${e.value}'`);}),a};return jsxs(Ro,{open:!!o,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:o,onClose:t,title:"Pr\xE9-visualizar",children:[jsx(po,{variant:"subtitle1",color:"text.primary",p:1,children:"Pr\xE9-visualizar"}),jsx(N,{children:l?.map((a,e)=>jsx(No,{name:a,label:a,size:"small",onChange:d=>m(a,d.target.value),required:!0},e))}),jsxs(B,{p:2,direction:"row",justifyContent:"flex-end",spacing:1,children:[jsx(ro,{variant:"outlined",color:"inherit",size:"small",onClick:t,children:"Cancelar"}),jsx(ro,{variant:"contained",color:"primary",size:"small",startIcon:jsx(Q,{icon:"PLAY_SIMPLE"}),onClick:()=>i(f()),disabled:p.length<l.length,children:"Executar"})]})]})},io=zo;var Ho=({openPopover:o,handleClose:t,addItem:l})=>{let[n,i]=useState("");return jsxs(Ro,{open:!!o,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:o,onClose:t,sx:{maxWidth:464},title:"Novo Argumento",children:[jsx(po,{variant:"subtitle1",color:"text.primary",p:1,children:"Novo Argumento"}),jsx(N,{children:jsx(No,{value:n,onChange:c=>i(c.target.value),name:"item",label:"Novo argumento",size:"small"})}),jsxs(B,{p:1,direction:"row",justifyContent:"flex-end",spacing:1,children:[jsx(ro,{variant:"outlined",color:"inherit",size:"small",onClick:t,children:"Cancelar"}),jsx(ro,{variant:"contained",color:"primary",size:"small",startIcon:jsx(Q,{icon:"SAVE_MARK"}),disabled:!n||n==="",onClick:()=>{l(n),t(),i("");},children:"Salvar"})]})]})},so=Ho;var Ko=({label:o,itens:t,argumentsValues:l,fields:n,context:i,addItem:p,removeItem:c,insertItemSQL:m})=>{let[f,a]=useState(!1),e=Wo(),d=()=>{a(!f);},u=(s,S)=>{s.stopPropagation(),c&&c(S);},b=s=>{m(l?` $ARG[${s}]`:n?` this.${s}`:i?` $ctx[${s}]`:` ${s}`);};return jsxs(B,{children:[jsxs(B,{direction:"row",alignItems:"center",spacing:1.5,padding:1,paddingLeft:0,children:[jsx(H,{edge:"end",onClick:d,children:jsx(Q,{icon:f?"CHEVRON_UP":"CHEVRON_RIGHT"})}),jsx(po,{variant:"overline",color:"text.primary",children:o}),p&&jsxs(Fragment,{children:[jsx(H,{edge:"end",onClick:e.onOpen,children:jsx(Q,{icon:"SIMPLE_ADD"})}),jsx(so,{addItem:p,handleClose:e.onClose,openPopover:e.open})]})]}),f&&jsx(B,{spacing:.5,children:jsx(qo,{sx:{maxHeight:150},children:t?.map((s,S)=>jsxs(eo,{direction:"row",justifyContent:"space-between",onClick:()=>b(s),children:[jsx(po,{variant:"caption",textAlign:"center",width:"100%",children:s}),c&&jsx(wo,{edge:"end",onClick:x=>u(x,s),children:jsx(Q,{icon:"DELETE_MARK_BUTTON_02"})})]},S))})})]})},w=Ko;var jo=({fieldsSelect:o,argumentsValues:t,onChangeArguments:l,sql:n,setSql:i,setFilterRule:p})=>{let c=mo.default||mo,[m,f]=useState(),{setValue:a}=useFormContext(),[e,d]=useState(1),[u,b]=useState(),s=r=>{u.session.insert(e,` ${r} `);},S=r=>{l([...t||[],r]);},x=r=>{l(t?.filter(D=>D!==r));},A=r=>{i(r),p(r),a("groups",void 0);},P=m?o.filter(r=>r.id.toString().toLocaleLowerCase().includes(m)||r.description.toString().toLocaleLowerCase().includes(m)||r.name?.toString().toLocaleLowerCase().includes(m)):o;return jsxs(B,{direction:"row",padding:1.5,spacing:1.5,children:[jsxs(oo,{children:[jsx(Zo,{value:m,trigger:"change",onSearch:r=>f(r?.toLocaleLowerCase()),fullWidth:!0,size:"small",placeholder:"Buscar",iconPosition:"start"}),jsx(w,{label:"Campos",fields:!0,itens:P.map(r=>r.name),insertItemSQL:s}),jsx(w,{label:"Argumentos",argumentsValues:!0,itens:t,addItem:S,removeItem:x,insertItemSQL:s}),jsx(w,{label:"Operadores",insertItemSQL:s,itens:["=",">","<","<=",">=","!=","IS NULL","IN","LIKE","NOT IN","NOT LIKE","IS NOT NULL"]}),jsx(w,{label:"Filtros",fields:!0,insertItemSQL:s,itens:P.map(r=>r.name)}),jsx(w,{label:"Contexto",context:!0,insertItemSQL:s,itens:["Vendedor.CODIGO","Empresa.CODIGO","Parceiro.CODIGO"]})]}),jsx(to,{children:jsxs("fieldset",{children:[jsx("legend",{children:"Regras de listagem"}),jsx(c,{width:"100%",mode:"sql",theme:"chrome",name:"rule",fontSize:14,onChange:A,onCursorChange:r=>d(r.getCursor()),value:n,onLoad:r=>b(r),showPrintMargin:!1,showGutter:!1,highlightActiveLine:!1,setOptions:{enableBasicAutocompletion:!0,enableLiveAutocompletion:!0,enableSnippets:!0,showLineNumbers:!1,tabSize:2}})]})})]})},co=jo;var te=({data:o,fields:t,isLoading:l,isError:n})=>jsxs(B,{gap:2,children:[jsx(po,{variant:"subtitle2",color:"text.secondary",children:"PR\xC9 VISUALIZA\xC7\xC3O DOS RESULTADOS DA LISTAGEM"}),n&&jsx(B,{children:"Falha ao gerar resultado"}),o&&jsx(B,{height:400,children:jsx(ee,{columns:t?.map(i=>({field:i,headerName:i,width:150,type:"string",resizable:!0})),loading:l,rows:o,disableRowSelectionOnClick:!0,disableColumnMenu:!0,disableColumnResize:!0,showColumnVerticalBorder:!0,hideFooter:!0})})]}),uo=te;var go=styled(B)(({theme:o})=>({border:`1px solid ${alpha(o.palette.primary.main,.32)}`,backgroundColor:alpha(o.palette.primary.main,.08),borderRadius:8,padding:8,paddingLeft:24,alignItems:"center"})),vo=styled(wo)(()=>({height:"28px",marginLeft:"16px","&:hover":{backgroundColor:"transparent"}})),z=styled($)(()=>({width:230}));var ce=({index:o,indexGroup:t,removeConditional:l,fieldsSelect:n})=>{let{watch:i}=useFormContext(),p=`groups.[${t}].conditionals[${o}].field`,c=`groups.[${t}].conditionals[${o}].conditional`,m=`groups.[${t}].conditionals[${o}].type`,f=`groups.[${t}].conditionals[${o}].value`,a=[{value:"=",label:"Igual a"},{value:">",label:"Maior que"},{value:"<",label:"Menor que"},{value:"<=",label:"Menor ou igual a"},{value:">=",label:"Maior ou igual a"},{value:"!=",label:"Diferente de"},{value:"IS NULL",label:"Est\xE1 vazio"},{value:"IN",label:"Contido em"},{value:"LIKE",label:"Contendo"},{value:"NOT IN",label:"N\xE3o contido em"},{value:"NOT LIKE",label:"N\xE3o cont\xE9m"},{value:"IS NOT NULL",label:"N\xE3o est\xE1 vazio"}],e=i(m);return jsxs(B,{direction:"row",spacing:1.5,alignItems:"center",width:1,children:[jsx($,{label:"Se",name:p,size:"small",fullWidth:!0,options:n?.map(d=>({value:d.name,label:d.description}))}),jsx($,{label:"Estado",name:c,size:"small",fullWidth:!0,options:a}),jsx($,{label:"Objetivo",name:`groups.[${t}].conditionals[${o}].type`,size:"small",fullWidth:!0,options:[{label:"Valor",value:"value"},{label:"Campo",value:"field"}]}),e==="value"?jsx(me,{label:"Valor",name:f,size:"small",fullWidth:!0}):jsx($,{label:"Se",name:f,size:"small",fullWidth:!0,options:n?.map(d=>({value:d.name,label:d.description}))}),jsx(vo,{color:"error",onClick:()=>{l(o);},children:jsx(Q,{icon:"DELETE_MARK_BUTTON_02"})})]})},Co=ce;var Ie=({index:o,removeGroup:t,fieldsSelect:l})=>{let{control:n}=useFormContext(),i=`groups.[${o}].operator`,{fields:p,append:c,remove:m}=useFieldArray({name:`groups.${o}.conditionals`,control:n});return jsx(Ce,{name:`GRUPO ${o+1}`,description:"EXIBIR A LISTAGEM QUANDO ATENDER UMA DAS CONDI\xC7\xD5ES",header:jsx(z,{name:i,size:"small",options:[{label:"Qualquer",value:"or"},{label:"Todas as condi\xE7\xF5es",value:"and"}]}),onDelete:()=>t(o),children:jsxs(B,{spacing:1.5,alignItems:"flex-start",children:[p.map((f,a)=>jsx(Co,{index:a,indexGroup:o,removeConditional:e=>m(e),fieldsSelect:l},f.id)),jsx(ve,{actionType:"NEW",onClick:()=>c({field:"",conditional:"=",type:"value",value:""}),variant:"text",size:"small",children:"Adicionar condi\xE7\xE3o"})]})})},Io=Ie;var Ae=({fieldsSelect:o})=>{let{control:t}=useFormContext(),{fields:l,append:n,remove:i}=useFieldArray({name:"groups",control:t});return jsxs(B,{gap:1.5,children:[jsxs(go,{direction:"row",spacing:1.5,children:[jsx(po,{variant:"body2",color:"text.light.primary",children:"Se"}),jsx(B,{children:jsx(z,{size:"small",name:"operator",options:[{label:"Qualquer",value:"or"},{label:"Todas as condi\xE7\xF5es",value:"and"}]})}),jsxs(po,{variant:"body2",color:"text.light.primary",children:["regra de ",jsx("strong",{children:"todos os grupos"})," \u201CSe\u201D forem cumpridas,"," ",jsx("strong",{children:"ir\xE1 exibir a listagem."})]})]}),l.map((p,c)=>jsx(Io,{index:c,removeGroup:m=>i(m),fieldsSelect:o},p.id)),jsx(ro,{size:"large",color:"inherit",startIcon:jsx(Q,{icon:"SIMPLE_ADD"}),variant:"outlined",fullWidth:!0,onClick:()=>{n({operator:"or",conditionals:[{field:"",conditional:"=",type:"value",value:""}]});},children:"Adicionar grupo"})]})},So=Ae;var yo=styled(B)(({theme:o})=>({border:`1px solid ${alpha(o.palette.grey[500],.32)}`,borderRadius:8,marginTop:24})),xo=styled(B)(()=>({padding:12,borderBottom:"1px solid #e0e0e0"})),J=styled(Le)(()=>({lineHeight:"1em"})),Ao=styled(B)(()=>({padding:12}));var Ne=({argumentsValues:o,onChangeArguments:t,fieldsSelect:l,onChangeRule:n,onChangeSqlProcessed:i,defaultMode:p,defaultFilter:c,dataPreview:m,errorPreview:f,loadingPreview:a$1})=>{let[e,d]=useState(c||""),[u,b]=Be(),[s,S]=useState(p||"simple"),{watch:x}=useFormContext(),A=Wo(),P=x("operator"),r=x("groups"),D=(C,E)=>{if(E==="advanced"){let U=a(r,P);d(U),i(U),n(U);}else E==="simple"&&e&&(n(e),i(e));E!==null&&S(E);},To=C=>{if(s==="simple"){let E=a(r,P);i(E);}else i(e);u||s==="simple"||o.length===0?b():A.onOpen(C);},ko=C=>{b(),i(C);};return jsx(Fragment,{children:jsxs(yo,{children:[jsxs(xo,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[jsxs(we,{color:"primary",value:s,size:"small",exclusive:!0,onChange:D,children:[jsx(J,{value:"simple",size:"small",children:"Modo simplificado"}),jsx(J,{value:"advanced",size:"small",children:"Modo avan\xE7ado"})]}),jsx(ro,{variant:"outlined",color:"inherit",onClick:C=>To(C),startIcon:!u&&jsx(Q,{icon:"PLAY_SIMPLE",color:"primary.main"}),children:u?"Voltar":"Executar"}),!!A.open&&jsx(io,{handleClose:A.onClose,openPopover:A.open,argumentsValues:o,filter:e,onExecute:C=>ko(C)})]}),jsx(Ao,{children:u?jsx(uo,{fields:l.map(C=>C.name),data:m,isError:f,isLoading:a$1}):jsx(Fragment,{children:s==="simple"?jsx(So,{fieldsSelect:l,sql:e,setSql:d}):jsx(co,{fieldsSelect:l,argumentsValues:o,onChangeArguments:t,sql:e,setSql:d,setFilterRule:n})})})]})})},wr=Ne;
+var N=styled(B)(({theme:o})=>({borderBottom:`1px solid ${alpha(o.palette.grey[500],.32)}`,borderTop:`1px solid ${alpha(o.palette.grey[500],.32)}`,padding:16})),oo=styled(B)(({theme:o})=>({border:`1px solid ${alpha(o.palette.grey[500],.32)}`,borderRadius:8,padding:12,"& .MuiInputBase-root":{background:o.palette.grey[100]}})),eo=styled(B)(({theme:o})=>({display:"flex",textAlign:"center",flexDirection:"row",alignItems:"center",width:"100%",gap:8,height:34,backgroundColor:"#fff",padding:"8px 16px",borderRadius:8,border:`1px solid ${alpha(o.palette.grey[500],.24)}`,cursor:"pointer",color:o.palette.text.disabled,"&:hover, &:focus":{border:`1px solid ${o.palette.primary.main}`,backgroundColor:alpha(o.palette.primary.main,.05)}})),to=styled(B)(({theme:o})=>({width:"100%","& fieldset":{border:`1px solid ${alpha(o.palette.grey[500],.24)}`,borderRadius:8,"& legend":{color:o.palette.text.disabled,fontSize:12}}})),H=styled(wo)({padding:0});var zo=({openPopover:o,handleClose:t,argumentsValues:l,filter:n,onExecute:i})=>{let[p,c]=useState([]),m=(a,e)=>{if(e&&e!=="")p.filter(u=>u.name===a).length>0?c(p.map(u=>u.name===a?{name:a,value:e}:u)):c([...p||[],{name:a,value:e}]);else {let d=p.filter(u=>u.name===a);c(d);}},f=()=>{let a=n||"";return p.forEach(e=>{a=a.replace(`$ARG[${e.name}]`,`'${e.value}'`);}),a};return jsxs(Ro,{open:!!o,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:o,onClose:t,title:"Pr\xE9-visualizar",children:[jsx(po,{variant:"subtitle1",color:"text.primary",p:1,children:"Pr\xE9-visualizar"}),jsx(N,{children:l?.map((a,e)=>jsx(No,{name:a,label:a,size:"small",onChange:d=>m(a,d.target.value),required:!0},e))}),jsxs(B,{p:2,direction:"row",justifyContent:"flex-end",spacing:1,children:[jsx(ro,{variant:"outlined",color:"inherit",size:"small",onClick:t,children:"Cancelar"}),jsx(ro,{variant:"contained",color:"primary",size:"small",startIcon:jsx(Q,{icon:"PLAY_SIMPLE"}),onClick:()=>i(f()),disabled:p.length<l.length,children:"Executar"})]})]})},io=zo;var Ho=({openPopover:o,handleClose:t,addItem:l})=>{let[n,i]=useState("");return jsxs(Ro,{open:!!o,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:o,onClose:t,sx:{maxWidth:464},title:"Novo Argumento",children:[jsx(po,{variant:"subtitle1",color:"text.primary",p:1,children:"Novo Argumento"}),jsx(N,{children:jsx(No,{value:n,onChange:c=>i(c.target.value),name:"item",label:"Novo argumento",size:"small"})}),jsxs(B,{p:1,direction:"row",justifyContent:"flex-end",spacing:1,children:[jsx(ro,{variant:"outlined",color:"inherit",size:"small",onClick:t,children:"Cancelar"}),jsx(ro,{variant:"contained",color:"primary",size:"small",startIcon:jsx(Q,{icon:"SAVE_MARK"}),disabled:!n||n==="",onClick:()=>{l(n),t(),i("");},children:"Salvar"})]})]})},so=Ho;var Ko=({label:o,itens:t,argumentsValues:l,fields:n,context:i,addItem:p,removeItem:c,insertItemSQL:m})=>{let[f,a]=useState(!1),e=Wo(),d=()=>{a(!f);},u=(s,S)=>{s.stopPropagation(),c&&c(S);},b=s=>{m(l?` $ARG[${s}]`:n?` this.${s}`:i?` $ctx[${s}]`:` ${s}`);};return jsxs(B,{children:[jsxs(B,{direction:"row",alignItems:"center",spacing:1.5,padding:1,paddingLeft:0,children:[jsx(H,{edge:"end",onClick:d,children:jsx(Q,{icon:f?"CHEVRON_UP":"CHEVRON_RIGHT"})}),jsx(po,{variant:"overline",color:"text.primary",children:o}),p&&jsxs(Fragment,{children:[jsx(H,{edge:"end",onClick:e.onOpen,children:jsx(Q,{icon:"SIMPLE_ADD"})}),jsx(so,{addItem:p,handleClose:e.onClose,openPopover:e.open})]})]}),f&&jsx(B,{spacing:.5,children:jsx(qo,{sx:{maxHeight:150},children:t?.map((s,S)=>jsxs(eo,{direction:"row",justifyContent:"space-between",onClick:()=>b(s),children:[jsx(po,{variant:"caption",textAlign:"center",width:"100%",children:s}),c&&jsx(wo,{edge:"end",onClick:x=>u(x,s),children:jsx(Q,{icon:"DELETE_MARK_BUTTON_02"})})]},S))})})]})},w=Ko;var jo=({fieldsSelect:o,argumentsValues:t,onChangeArguments:l,sql:n,setSql:i,setFilterRule:p})=>{let c=mo.default||mo,[m,f]=useState(),{setValue:a}=useFormContext(),[e,d]=useState(1),[u,b]=useState(),s=r=>{u.session.insert(e,` ${r} `);},S=r=>{l([...t||[],r]);},x=r=>{l(t?.filter(D=>D!==r));},A=r=>{i(r),p(r),a("groups",void 0);},P=m?o.filter(r=>r.id.toString().toLocaleLowerCase().includes(m)||r.description.toString().toLocaleLowerCase().includes(m)||r.name?.toString().toLocaleLowerCase().includes(m)):o;return jsxs(B,{direction:"row",padding:1.5,spacing:1.5,children:[jsxs(oo,{children:[jsx(Zo,{value:m,trigger:"change",onSearch:r=>f(r?.toLocaleLowerCase()),fullWidth:!0,size:"small",placeholder:"Buscar",iconPosition:"start"}),jsx(w,{label:"Campos",fields:!0,itens:P.map(r=>r.name),insertItemSQL:s}),jsx(w,{label:"Argumentos",argumentsValues:!0,itens:t,addItem:S,removeItem:x,insertItemSQL:s}),jsx(w,{label:"Operadores",insertItemSQL:s,itens:["=",">","<","<=",">=","!=","IS NULL","IN","LIKE","NOT IN","NOT LIKE","IS NOT NULL"]}),jsx(w,{label:"Filtros",fields:!0,insertItemSQL:s,itens:P.map(r=>r.name)}),jsx(w,{label:"Contexto",context:!0,insertItemSQL:s,itens:["Vendedor.CODIGO","Empresa.CODIGO","Parceiro.CODIGO"]})]}),jsx(to,{children:jsxs("fieldset",{children:[jsx("legend",{children:"Regras de listagem"}),jsx(c,{width:"100%",mode:"sql",theme:"chrome",name:"rule",fontSize:14,onChange:A,onCursorChange:r=>d(r.getCursor()),value:n,onLoad:r=>b(r),showPrintMargin:!1,showGutter:!1,highlightActiveLine:!1,setOptions:{enableBasicAutocompletion:!0,enableLiveAutocompletion:!0,enableSnippets:!0,showLineNumbers:!1,tabSize:2}})]})})]})},co=jo;var te=({data:o,fields:t,isLoading:l,isError:n})=>jsxs(B,{gap:2,children:[jsx(po,{variant:"subtitle2",color:"text.secondary",children:"PR\xC9 VISUALIZA\xC7\xC3O DOS RESULTADOS DA LISTAGEM"}),n&&jsx(B,{children:"Falha ao gerar resultado"}),o&&jsx(B,{height:400,children:jsx(ee,{columns:t?.map(i=>({field:i,headerName:i,width:150,type:"string",resizable:!0})),loading:l,rows:o,disableRowSelectionOnClick:!0,disableColumnMenu:!0,disableColumnResize:!0,showColumnVerticalBorder:!0,hideFooter:!0})})]}),uo=te;var go=styled(B)(({theme:o})=>({border:`1px solid ${alpha(o.palette.primary.main,.32)}`,backgroundColor:alpha(o.palette.primary.main,.08),borderRadius:8,padding:8,paddingLeft:24,alignItems:"center"})),vo=styled(wo)(()=>({height:"28px",marginLeft:"16px","&:hover":{backgroundColor:"transparent"}})),z=styled($)(()=>({width:230}));var ce=({index:o,indexGroup:t,removeConditional:l,fieldsSelect:n})=>{let{watch:i}=useFormContext(),p=`groups.[${t}].conditionals[${o}].field`,c=`groups.[${t}].conditionals[${o}].conditional`,m=`groups.[${t}].conditionals[${o}].type`,f=`groups.[${t}].conditionals[${o}].value`,a=[{value:"=",label:"Igual a"},{value:">",label:"Maior que"},{value:"<",label:"Menor que"},{value:"<=",label:"Menor ou igual a"},{value:">=",label:"Maior ou igual a"},{value:"!=",label:"Diferente de"},{value:"IS NULL",label:"Est\xE1 vazio"},{value:"IN",label:"Contido em"},{value:"LIKE",label:"Contendo"},{value:"NOT IN",label:"N\xE3o contido em"},{value:"NOT LIKE",label:"N\xE3o cont\xE9m"},{value:"IS NOT NULL",label:"N\xE3o est\xE1 vazio"}],e=i(m);return jsxs(B,{direction:"row",spacing:1.5,alignItems:"center",width:1,children:[jsx($,{label:"Se",name:p,size:"small",fullWidth:!0,options:n?.map(d=>({value:d.name,label:d.description}))}),jsx($,{label:"Estado",name:c,size:"small",fullWidth:!0,options:a}),jsx($,{label:"Objetivo",name:`groups.[${t}].conditionals[${o}].type`,size:"small",fullWidth:!0,options:[{label:"Valor",value:"value"},{label:"Campo",value:"field"}]}),e==="value"?jsx(pe,{label:"Valor",name:f,size:"small",fullWidth:!0}):jsx($,{label:"Se",name:f,size:"small",fullWidth:!0,options:n?.map(d=>({value:d.name,label:d.description}))}),jsx(vo,{color:"error",onClick:()=>{l(o);},children:jsx(Q,{icon:"DELETE_MARK_BUTTON_02"})})]})},Co=ce;var Ie=({index:o,removeGroup:t,fieldsSelect:l})=>{let{control:n}=useFormContext(),i=`groups.[${o}].operator`,{fields:p,append:c,remove:m}=useFieldArray({name:`groups.${o}.conditionals`,control:n});return jsx(Ce,{name:`GRUPO ${o+1}`,description:"EXIBIR A LISTAGEM QUANDO ATENDER UMA DAS CONDI\xC7\xD5ES",header:jsx(z,{name:i,size:"small",options:[{label:"Qualquer",value:"or"},{label:"Todas as condi\xE7\xF5es",value:"and"}]}),onDelete:()=>t(o),children:jsxs(B,{spacing:1.5,alignItems:"flex-start",children:[p.map((f,a)=>jsx(Co,{index:a,indexGroup:o,removeConditional:e=>m(e),fieldsSelect:l},f.id)),jsx(ve,{actionType:"NEW",onClick:()=>c({field:"",conditional:"=",type:"value",value:""}),variant:"text",size:"small",children:"Adicionar condi\xE7\xE3o"})]})})},Io=Ie;var Ae=({fieldsSelect:o})=>{let{control:t}=useFormContext(),{fields:l,append:n,remove:i}=useFieldArray({name:"groups",control:t});return jsxs(B,{gap:1.5,children:[jsxs(go,{direction:"row",spacing:1.5,children:[jsx(po,{variant:"body2",color:"text.light.primary",children:"Se"}),jsx(B,{children:jsx(z,{size:"small",name:"operator",options:[{label:"Qualquer",value:"or"},{label:"Todas as condi\xE7\xF5es",value:"and"}]})}),jsxs(po,{variant:"body2",color:"text.light.primary",children:["regra de ",jsx("strong",{children:"todos os grupos"})," \u201CSe\u201D forem cumpridas,"," ",jsx("strong",{children:"ir\xE1 exibir a listagem."})]})]}),l.map((p,c)=>jsx(Io,{index:c,removeGroup:m=>i(m),fieldsSelect:o},p.id)),jsx(ro,{size:"large",color:"inherit",startIcon:jsx(Q,{icon:"SIMPLE_ADD"}),variant:"outlined",fullWidth:!0,onClick:()=>{n({operator:"or",conditionals:[{field:"",conditional:"=",type:"value",value:""}]});},children:"Adicionar grupo"})]})},So=Ae;var yo=styled(B)(({theme:o})=>({border:`1px solid ${alpha(o.palette.grey[500],.32)}`,borderRadius:8,marginTop:24})),xo=styled(B)(()=>({padding:12,borderBottom:"1px solid #e0e0e0"})),J=styled(Le)(()=>({lineHeight:"1em"})),Ao=styled(B)(()=>({padding:12}));var Ne=({argumentsValues:o,onChangeArguments:t,fieldsSelect:l,onChangeRule:n,onChangeSqlProcessed:i,defaultMode:p,defaultFilter:c,dataPreview:m,errorPreview:f,loadingPreview:a$1})=>{let[e,d]=useState(c||""),[u,b]=Be(),[s,S]=useState(p||"simple"),{watch:x}=useFormContext(),A=Wo(),P=x("operator"),r=x("groups"),D=(C,E)=>{if(E==="advanced"){let U=a(r,P);d(U),i(U),n(U);}else E==="simple"&&e&&(n(e),i(e));E!==null&&S(E);},To=C=>{if(s==="simple"){let E=a(r,P);i(E);}else i(e);u||s==="simple"||o.length===0?b():A.onOpen(C);},ko=C=>{b(),i(C);};return jsx(Fragment,{children:jsxs(yo,{children:[jsxs(xo,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[jsxs(we,{color:"primary",value:s,size:"small",exclusive:!0,onChange:D,children:[jsx(J,{value:"simple",size:"small",children:"Modo simplificado"}),jsx(J,{value:"advanced",size:"small",children:"Modo avan\xE7ado"})]}),jsx(ro,{variant:"outlined",color:"inherit",onClick:C=>To(C),startIcon:!u&&jsx(Q,{icon:"PLAY_SIMPLE",color:"primary.main"}),children:u?"Voltar":"Executar"}),!!A.open&&jsx(io,{handleClose:A.onClose,openPopover:A.open,argumentsValues:o,filter:e,onExecute:C=>ko(C)})]}),jsx(Ao,{children:u?jsx(uo,{fields:l.map(C=>C.name),data:m,isError:f,isLoading:a$1}):jsx(Fragment,{children:s==="simple"?jsx(So,{fieldsSelect:l,sql:e,setSql:d}):jsx(co,{fieldsSelect:l,argumentsValues:o,onChangeArguments:t,sql:e,setSql:d,setFilterRule:n})})})]})})},wr=Ne;
 
 export { wr as default };

package/dist/components/filters/ListingRules/index.js

@@ -1 +1 @@
-export { a as default } from '../../../chunk-IWHIWC75.js';
+export { a as default } from '../../../chunk-A3XAR6MQ.js';

package/dist/components/filters/ListingRulesModal/index.d.ts

@@ -14,8 +14,9 @@ interface ListingRulesModalProps {
     disable: boolean;
     confirm: VoidFunction;
     initialMode?: string;
+    onChangeRuleType?: (ruleType: string) => void;
 }
 
-declare const ListingRulesModal: ({ rules, open, close, formId, loading, disable, confirm, initialMode, }: ListingRulesModalProps) => react_jsx_runtime.JSX.Element;
+declare const ListingRulesModal: ({ rules, open, close, formId, loading, disable, confirm, initialMode, onChangeRuleType, }: ListingRulesModalProps) => react_jsx_runtime.JSX.Element;
 
 export { ListingRulesModal as default };

package/dist/components/filters/ListingRulesModal/index.js

@@ -1,10 +1,10 @@
-import { a } from '../../../chunk-IWHIWC75.js';
+import { a } from '../../../chunk-A3XAR6MQ.js';
 import { useFormContext } from 'react-hook-form';
-import f from '@mui/material/Button';
-import g from '@zydon/common/components/ActionButton';
-import C from '@zydon/common/components/Modal';
+import g from '@mui/material/Button';
+import C from '@zydon/common/components/ActionButton';
+import M from '@zydon/common/components/Modal';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
-var M=({rules:l,open:n,close:a$1,formId:e,loading:s,disable:d,confirm:m,initialMode:u})=>{let{reset:c}=useFormContext(),t=()=>{c(),a$1();};return jsx(Fragment,{children:jsx(C,{fullWidth:!0,maxWidth:"lg",open:n,onClose:t,dialogTitle:"Nova regra de listagem",actions:jsxs(Fragment,{children:[jsx(f,{variant:"outlined",color:"inherit",onClick:t,children:"Fechar"}),jsx(g,{form:e,loading:s,actionType:"CREATE",color:"primary",variant:"contained",disabled:d,onClick:m,children:"Salvar"})]}),children:jsx(a,{rules:l,initialMode:u})})})},T=M;
+var R=({rules:r,open:n,close:e,formId:a$1,loading:s,disable:d,confirm:m,initialMode:u,onChangeRuleType:p})=>{let{reset:c}=useFormContext(),t=()=>{c(),e();};return jsx(Fragment,{children:jsx(M,{fullWidth:!0,maxWidth:"lg",open:n,onClose:t,dialogTitle:"Nova regra de listagem",actions:jsxs(Fragment,{children:[jsx(g,{variant:"outlined",color:"inherit",onClick:t,children:"Fechar"}),jsx(C,{form:a$1,loading:s,actionType:"CREATE",color:"primary",variant:"contained",disabled:d,onClick:m,children:"Salvar"})]}),children:jsx(a,{rules:r,setRuleType:p,initialMode:u})})})},A=R;
 
-export { T as default };
+export { A as default };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.1.0",
+  "version": "2.1.2",
   "name": "@zydon/common-csr",
   "description": "Zydon common resources for React projects (only Client-Side Rendering (CSR))",
   "license": "MIT",