@zydon/common-csr 2.0.7 → 2.0.8

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

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface Items {
+    value: string;
+    label: string;
+}
+interface Item {
+    name: string;
+    list: Items[];
+    label: string;
+}
+interface FilterRuleProps {
+    items: Item[];
+}
+
+declare const FilterRule: ({ items }: FilterRuleProps) => react_jsx_runtime.JSX.Element;
+
+export { FilterRule as default };

package/dist/components/filters/FilterRule/index.mjs

@@ -0,0 +1,24 @@
+import '../../../chunk-6KMKD42J.mjs';
+import { useState, useEffect } from 'react';
+import { useFormContext } from 'react-hook-form';
+import P from '@mui/material/Accordion';
+import B from '@mui/material/AccordionDetails';
+import H from '@mui/material/AccordionSummary';
+import _ from '@mui/material/Button';
+import C from '@mui/material/Checkbox';
+import L from '@mui/material/FormControlLabel';
+import M from '@mui/material/List';
+import k from '@mui/material/ListItem';
+import w from '@mui/material/Stack';
+import { styled, alpha } from '@mui/material/styles';
+import m from '@mui/material/Typography';
+import $ from '@zydon/common/components/EmptyView';
+import j from '@zydon/common/components/Icon';
+import G from '@zydon/common/components/Label';
+import U from '@zydon/common/components/SearchInput';
+import z from '@zydon/common/components/Scrollbar';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var v=styled(z)(()=>({maxHeight:"260px"}));var W=({items:i})=>{let{setValue:f,getValues:x}=useFormContext(),[a,A]=useState(-1),[p,d]=useState(""),E=Object.fromEntries(i.map((t,o)=>[o,[]])),[c,h]=useState(E);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 jsx(Fragment,{children:i.map((t,o)=>jsxs(P,{expanded:a===o,onChange:(e,n)=>F(o,n),children:[jsx(H,{expandIcon:jsx(j,{icon:"CHEVRON_UP"}),id:`${o}`,children:jsxs(w,{alignItems:"center",direction:"row",children:[jsx(m,{variant:"subtitle2",color:"grey.600",children:t.label}),jsxs(G,{variant:"soft",color:"primary",marginLeft:1,sx:e=>({backgroundColor:`${alpha(e.palette.grey[400],.2)}`,cursor:"pointer"}),children:[c[o].length," selecionados"]})]})}),jsxs(B,{children:[jsxs(w,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:1,children:[jsx(U,{onSearch:S,onChange:e=>S(e.target.value),iconPosition:"start",size:"small",placeholder:"Buscar",value:p,fullWidth:!0}),jsx(_,{onClick:()=>I(),size:"small",children:jsx(m,{variant:"overline",children:"TODOS"})})]}),jsx(v,{children:jsx(M,{children:a>-1&&(t.list.filter(e=>e.label.toLowerCase().includes(p.toLowerCase())).map((e,n)=>jsx(k,{children:jsx(L,{control:jsx(C,{size:"small",checked:c[a].includes(e.value),onChange:l=>y(t.name,e.value,l),name:e.label}),label:jsx(m,{variant:"caption",color:"grey.600",children:e.label})})},n)).length===0?jsx($,{sx:{svg:{height:100}},text:"Nenhum registro para ser apresentado"}):t.list.filter(e=>e.label.toLowerCase().includes(p.toLowerCase())).map((e,n)=>jsx(k,{children:jsx(L,{control:jsx(C,{size:"small",checked:c[a].includes(e.value),onChange:l=>y(t.name,e.value,l),name:e.label}),label:jsx(m,{variant:"caption",color:"grey.600",children:e.label})})},n)))})})]})]},o))})},he=W;
+
+export { he as default };

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

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface ListingRulesProps {
+    setRuleType?(ruleType: string): void;
+    rules?: {
+        value: string;
+        component: ReactNode;
+        toggleTitle: string;
+    }[];
+}
+
+declare const ListingRules: ({ rules, setRuleType }: ListingRulesProps) => react_jsx_runtime.JSX.Element;
+
+export { ListingRules as default };

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

@@ -0,0 +1,14 @@
+import '../../../chunk-6KMKD42J.mjs';
+import { useState, useEffect } from 'react';
+import { useFormContext } from 'react-hook-form';
+import v from '@mui/material/Stack';
+import u from '@mui/material/Typography';
+import h from '@zydon/common/form/Field';
+import { styled } from '@mui/material/styles';
+import s from '@mui/material/ToggleButton';
+import c from '@mui/material/ToggleButtonGroup';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var g=styled(s)(({theme:o})=>({width:"100%","&.Mui-selected":{backgroundColor:o.palette.primary.main,color:o.palette.common.white,"&:hover":{backgroundColor:o.palette.primary.main}}})),m=styled(c)(()=>({display:"flex",justifyContent:"space-between"}));var S=({rules:o,setRuleType:a})=>{let[n,i]=useState(),{setValue:d}=useFormContext();return useEffect(()=>{if(o&&o.length>0&&(i(o[0].value),a))return a(o[0].value)},[]),useEffect(()=>()=>{d("config",{});},[]),jsxs(v,{gap:2,children:[jsx(h,{name:"name",label:"Nome da regra",required:!0,rules:{required:{value:!0,message:"Nome da regra \xE9 obrigat\xF3rio"}}}),jsx(u,{color:"grey.500",variant:"overline",children:"Selecione a regra"}),o&&jsx(m,{color:"primary",value:n,size:"small",exclusive:!0,onChange:(t,e)=>{if(e!==null&&(i(e),a))return a(e)},children:o.map((t,e)=>jsx(g,{value:t.value,size:"small",color:"primary",children:jsx(u,{variant:"body2",children:t.toggleTitle})},e))}),o&&o.map((t,e)=>t.value===n?jsx("div",{children:t.component},e):null)]})},N=S;
+
+export { N as default };

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

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GridColDef, GridRowsProp } from '@mui/x-data-grid-premium';
+
+interface ManualRuleProps {
+    columns: GridColDef[];
+    rows: GridRowsProp;
+    loading: boolean;
+    fetching: boolean;
+    totalRows: number;
+    handlePaginationChange: ({ pageSize, page, }: {
+        pageSize?: number | undefined;
+        page?: number | undefined;
+    }) => void;
+}
+
+declare const ManualRules: ({ columns, rows, loading, fetching, totalRows, handlePaginationChange, }: ManualRuleProps) => react_jsx_runtime.JSX.Element;
+
+export { ManualRules as default };

package/dist/components/filters/ManualRule/index.mjs

@@ -0,0 +1,13 @@
+import '../../../chunk-6KMKD42J.mjs';
+import { useEffect, useState } from 'react';
+import { useFormContext } from 'react-hook-form';
+import s from '@mui/material/Stack';
+import k from '@mui/material/Typography';
+import G from '@zydon/common/components/DataGrid';
+import v from '@zydon/common/components/SearchInput';
+import x from '@zydon/common/hooks/useDatagrid';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var z=({columns:c,rows:p,loading:g,fetching:d,totalRows:u,handlePaginationChange:f})=>{let{setValue:n}=useFormContext(),{apiRef:m,page:r,perPage:S}=x();useEffect(()=>()=>{n("config",{});},[]);let[h,M]=useState([]),[w,a]=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 jsxs(s,{gap:2,children:[jsxs(s,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[jsx(v,{onSearch:e=>a(e),onChange:e=>a(e.target.value),iconPosition:"start",size:"small",placeholder:"Buscar"}),jsxs(k,{variant:"body1",color:"text.disabled",children:[h.length," selecionados"]})]}),jsx(G,{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;
+
+export { j as default };

package/dist/components/image/index.mjs

@@ -1,3 +1,4 @@
+import '../../chunk-6KMKD42J.mjs';
 import { forwardRef } from 'react';
 import { LazyLoadImage } from 'react-lazy-load-image-component';
 import p from '@mui/material/Box';

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

@@ -1,3 +1,4 @@
+import '../../chunk-6KMKD42J.mjs';
 import { stylesMode, paper, varAlpha } from '@zydon/common/theme/styles';
 import { forwardRef, cloneElement, useState, useCallback, useRef, useEffect, useMemo } from 'react';
 import U from '@mui/material/Box';

package/dist/hooks/useActiveLink.mjs

@@ -1,3 +1,4 @@
+import '../chunk-6KMKD42J.mjs';
 import { useLocation, matchPath } from 'react-router-dom';
 
 var a=(e,i=!0)=>{let{pathname:t}=useLocation(),o=e?!!matchPath({path:e,end:!0},t):!1,r=e?!!matchPath({path:e,end:!1},t):!1;return {active:i?r:o,isExternalLink:e.includes("http")}},l=a;

package/dist/index.mjs

@@ -1,3 +1,5 @@
+import './chunk-6KMKD42J.mjs';
+
 var t=()=>!0;
 
 export { t as test };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.7",
+  "version": "2.0.8",
   "name": "@zydon/common-csr",
   "description": "Zydon common resources for React projects (only Client-Side Rendering (CSR))",
   "license": "MIT",
@@ -32,7 +32,7 @@
       "import": "./dist/components/*/index.mjs",
       "types": "./dist/components/*/index.d.ts"
     },
-    "./components/filters/*": {
+    "./filters/*": {
       "import": "./dist/components/filters/*/index.mjs",
       "types": "./dist/components/filters/*/index.d.ts"
     },