@zydon/common 2.4.55 → 2.4.57

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,13 @@
1
+ import { a } from './chunk-FK7DDO5L.js';
2
+ import { a as a$1 } from './chunk-PUR4ARBY.js';
3
+ import x, { useState } from 'react';
4
+ import { GRID_CHECKBOX_SELECTION_COL_DEF, DataGridPremium, GridToolbarContainer, GridToolbarColumnsButton, GridToolbarFilterButton, GridToolbarDensitySelector, GridToolbarExport, useGridApiContext, useGridRootProps, gridColumnsTotalWidthSelector, gridColumnPositionsSelector } from '@mui/x-data-grid-premium';
5
+ import E from '@mui/material/Box';
6
+ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
7
+ import N from '@mui/material/Skeleton';
8
+ import $ from '@mui/material/Stack';
9
+ import { styled } from '@mui/material/styles';
10
+
11
+ var F=({showToolbar:t,disableExport:e,setFilterButtonEl:i,toolbarContent:n})=>{if(t)return jsxs(GridToolbarContainer,{children:[jsx(GridToolbarColumnsButton,{slotProps:{button:{color:"inherit"}}}),jsx(GridToolbarFilterButton,{ref:i,slotProps:{button:{color:"inherit"}}}),jsx(GridToolbarDensitySelector,{slotProps:{button:{color:"inherit"}}}),!e&&jsx(GridToolbarExport,{slotProps:{button:{color:"inherit"}}}),jsx(E,{sx:{flexGrow:1}}),n]})},S=F;var G=styled(E)({display:"flex",flexDirection:"row",alignItems:"center",padding:"0 16px"}),V=()=>{let t=useGridApiContext(),{rowHeight:e,paginationModel:i,initialState:n}=useGridRootProps(),m=i?.pageSize||n?.pagination?.paginationModel?.pageSize||10,p=gridColumnsTotalWidthSelector(t),d=gridColumnPositionsSelector(t),g=x.useMemo(()=>d.filter(o=>o<=p).length,[p,d]),l=t.current?t.current.getVisibleColumns().slice(0,g):[],s=l.length>1?l:[...l,...Array.from({length:8},(o,r)=>({field:`fake${String(r+1).padStart(2,"0")}`,headerName:"",computedWidth:200,align:"flex-start"}))],h=x.useMemo(()=>{let o=[];for(let r=0;r<m;r+=1){for(let u of s)o.push(jsx(G,{sx:{justifyContent:u.align},children:jsx(N,{width:"100%"})},`column-${r}-${u.field}`));o.push(jsx(G,{},`fill-${r}`));}return o},[m,s]);return jsx($,{display:"grid",sx:{display:"grid",gridTemplateColumns:`${s.map(({computedWidth:o})=>`${o}px`).join(" ")} 1fr`,gridAutoRows:e,backgroundColor:"#fff",overflow:"hidden",maxHeight:"100%"},children:h})},y=V;var X=({columns:t,rows:e=[],loading:i,fetching:n,hideFooter:m,sx:p,showToolbar:d,disableExport:g,columnHeaderHeight:l=56,rowHeight:s=76,rowSpacingType:h="margin",getRowSpacing:o=()=>({top:0,bottom:0}),autoHeight:r=!1,toolbarContent:u,slots:P,...w})=>{let[T,k]=useState(null),R=[{...GRID_CHECKBOX_SELECTION_COL_DEF,width:71},...t];return jsxs(Fragment,{children:[n&&jsx(a,{sx:{zIndex:1}}),jsx(DataGridPremium,{columns:R,rows:e,loading:i,autoHeight:r,hideFooter:e.length===0?!0:m,rowHeight:s,columnHeaderHeight:l,getRowSpacing:o,rowSpacingType:h,slots:{toolbar:S,noRowsOverlay:()=>jsx(a$1,{title:"Nenhum registro encontrado"}),noResultsOverlay:()=>jsx(a$1,{title:"Nenhum registro encontrado"}),loadingOverlay:y,...P},slotProps:{panel:{anchorEl:T},toolbar:{setFilterButtonEl:k,showQuickFilter:!0,disableExport:g,showToolbar:d,toolbarContent:u}},sx:p,...w})]})},bo=X;
12
+
13
+ export { bo as a };
@@ -1,15 +1,5 @@
1
- import { a } from '../../chunk-FK7DDO5L.js';
2
- import { a as a$1 } from '../../chunk-PUR4ARBY.js';
1
+ export { a as default } from '../../chunk-JTD47UZZ.js';
2
+ import '../../chunk-FK7DDO5L.js';
3
+ import '../../chunk-PUR4ARBY.js';
3
4
  import '../../chunk-U26IUEAG.js';
4
5
  import '../../chunk-D27ND54J.js';
5
- import x, { useState } from 'react';
6
- import { GRID_CHECKBOX_SELECTION_COL_DEF, DataGridPremium, GridToolbarContainer, GridToolbarColumnsButton, GridToolbarFilterButton, GridToolbarDensitySelector, GridToolbarExport, useGridApiContext, useGridRootProps, gridColumnsTotalWidthSelector, gridColumnPositionsSelector } from '@mui/x-data-grid-premium';
7
- import E from '@mui/material/Box';
8
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
9
- import N from '@mui/material/Skeleton';
10
- import $ from '@mui/material/Stack';
11
- import { styled } from '@mui/material/styles';
12
-
13
- var F=({showToolbar:t,disableExport:e,setFilterButtonEl:i,toolbarContent:n})=>{if(t)return jsxs(GridToolbarContainer,{children:[jsx(GridToolbarColumnsButton,{slotProps:{button:{color:"inherit"}}}),jsx(GridToolbarFilterButton,{ref:i,slotProps:{button:{color:"inherit"}}}),jsx(GridToolbarDensitySelector,{slotProps:{button:{color:"inherit"}}}),!e&&jsx(GridToolbarExport,{slotProps:{button:{color:"inherit"}}}),jsx(E,{sx:{flexGrow:1}}),n]})},S=F;var G=styled(E)({display:"flex",flexDirection:"row",alignItems:"center",padding:"0 16px"}),V=()=>{let t=useGridApiContext(),{rowHeight:e,paginationModel:i,initialState:n}=useGridRootProps(),m=i?.pageSize||n?.pagination?.paginationModel?.pageSize||10,p=gridColumnsTotalWidthSelector(t),d=gridColumnPositionsSelector(t),g=x.useMemo(()=>d.filter(o=>o<=p).length,[p,d]),l=t.current?t.current.getVisibleColumns().slice(0,g):[],s=l.length>1?l:[...l,...Array.from({length:8},(o,r)=>({field:`fake${String(r+1).padStart(2,"0")}`,headerName:"",computedWidth:200,align:"flex-start"}))],h=x.useMemo(()=>{let o=[];for(let r=0;r<m;r+=1){for(let u of s)o.push(jsx(G,{sx:{justifyContent:u.align},children:jsx(N,{width:"100%"})},`column-${r}-${u.field}`));o.push(jsx(G,{},`fill-${r}`));}return o},[m,s]);return jsx($,{display:"grid",sx:{display:"grid",gridTemplateColumns:`${s.map(({computedWidth:o})=>`${o}px`).join(" ")} 1fr`,gridAutoRows:e,backgroundColor:"#fff",overflow:"hidden",maxHeight:"100%"},children:h})},y=V;var X=({columns:t,rows:e=[],loading:i,fetching:n,hideFooter:m,sx:p,showToolbar:d,disableExport:g,columnHeaderHeight:l=56,rowHeight:s=76,rowSpacingType:h="margin",getRowSpacing:o=()=>({top:0,bottom:0}),autoHeight:r=!1,toolbarContent:u,slots:P,...w})=>{let[T,k]=useState(null),R=[{...GRID_CHECKBOX_SELECTION_COL_DEF,width:71},...t];return jsxs(Fragment,{children:[n&&jsx(a,{sx:{zIndex:1}}),jsx(DataGridPremium,{columns:R,rows:e,loading:i,autoHeight:r,hideFooter:e.length===0?!0:m,rowHeight:s,columnHeaderHeight:l,getRowSpacing:o,rowSpacingType:h,slots:{toolbar:S,noRowsOverlay:()=>jsx(a$1,{title:"Nenhum registro encontrado"}),noResultsOverlay:()=>jsx(a$1,{title:"Nenhum registro encontrado"}),loadingOverlay:y,...P},slotProps:{panel:{anchorEl:T},toolbar:{setFilterButtonEl:k,showQuickFilter:!0,disableExport:g,showToolbar:d,toolbarContent:u}},sx:p,...w})]})},bo=X;
14
-
15
- export { bo as default };
@@ -0,0 +1,22 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { ReactNode } from 'react';
3
+ import { Breakpoint } from '@mui/material/styles';
4
+ import { DataGridProps } from '../../types/dataGridProps.js';
5
+ import '@mui/x-data-grid-premium';
6
+
7
+ interface DataViewProps extends DataGridProps {
8
+ title: string;
9
+ breakpoint?: Breakpoint | number;
10
+ onPaginationChange: (page: number, rowsPerPage: number) => void;
11
+ mobileRender: (row: any) => ReactNode;
12
+ actions?: ReactNode;
13
+ moreActions?: ReactNode;
14
+ onAdd?: () => void;
15
+ onSearch?: (value: string) => void;
16
+ searchValue?: string;
17
+ onSearchChange?: (value: string) => void;
18
+ }
19
+
20
+ declare const DataView: ({ title, breakpoint, columns, rows, mobileRender, rowCount, paginationModel, onPaginationChange, actions, moreActions, onAdd, onSearch, searchValue, onSearchChange, ...others }: DataViewProps) => react_jsx_runtime.JSX.Element;
21
+
22
+ export { DataView as default };
@@ -0,0 +1,26 @@
1
+ import { a as a$4 } from '../../chunk-MPKHVDQH.js';
2
+ import { a as a$3 } from '../../chunk-HOMGLSVS.js';
3
+ import { a as a$6 } from '../../chunk-5YJTSVA2.js';
4
+ import { a } from '../../chunk-CFD2VTQ3.js';
5
+ import { a as a$5 } from '../../chunk-JTD47UZZ.js';
6
+ import '../../chunk-FK7DDO5L.js';
7
+ import '../../chunk-PUR4ARBY.js';
8
+ import '../../chunk-U26IUEAG.js';
9
+ import '../../chunk-D27ND54J.js';
10
+ import { a as a$1 } from '../../chunk-YQ6K2DEP.js';
11
+ import '../../chunk-CHLVIVDD.js';
12
+ import { a as a$2 } from '../../chunk-ORYAES3Q.js';
13
+ import { b as b$1 } from '../../chunk-ILHUUK4X.js';
14
+ import { forwardRef, useState } from 'react';
15
+ import K from '@mui/material/Button';
16
+ import z from '@mui/material/Divider';
17
+ import s from '@mui/material/Stack';
18
+ import x from '@mui/material/Typography';
19
+ import lo from '@mui/material/TablePagination';
20
+ import { styled, alpha } from '@mui/material/styles';
21
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
22
+ import { GridToolbarFilterButton, GridToolbarColumnsButton } from '@mui/x-data-grid-premium';
23
+
24
+ var g="datagrid-actions";var W=styled(a,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:t})=>({position:"relative",borderRadius:12,padding:0,gap:0,overflow:"hidden",[o.breakpoints.down(t)]:{borderColor:alpha(o.palette.grey[500],.2)}})),N=styled(s,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:t})=>({flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:"24px 24px 0",gap:24,[o.breakpoints.down(t)]:{padding:"16px 16px 0"}})),O=styled(s,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:t})=>({flexDirection:"row",alignItems:"center",gap:12,color:o.palette.text.secondary,[o.breakpoints.down(t)]:{"& button":{textIndent:"-9999px",minWidth:36,maxWidth:36,height:36,width:36,"& .MuiButton-icon":{margin:0}}}})),_=styled(z)({borderStyle:"dashed",height:16,margin:"auto"}),b=styled(z)({borderStyle:"dashed",height:12,marginTop:"auto",marginBottom:"auto"}),V=styled(s,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:t})=>({position:"relative",padding:16,flexDirection:"row",alignItems:"center",color:o.palette.text.secondary,[o.breakpoints.down(t)]:{padding:"12px 16px",borderBottom:`1px solid ${o.palette.divider}`,[o.breakpoints.down(t)]:{"& button":{textIndent:"-9999px",minWidth:36,maxWidth:36,height:36,width:36,"& .MuiButton-icon":{margin:0}}}}})),j=styled(s,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:t})=>({width:320,alignItems:"center",justifyContent:"center",[o.breakpoints.down(t)]:{width:36,height:36,"& fieldset, & input":{display:"none"},"& .MuiInputAdornment-root":{marginLeft:-14},"&:hover":{position:"absolute",left:0,width:"100%",padding:"0 12px","& fieldset, & input":{display:"flex"},"& .MuiInputAdornment-root":{marginLeft:0}}}})),$=styled(s)({"& .MuiToolbar-root":{height:24,minHeight:24,overflow:"hidden"}}),Q=styled(s)(({theme:o})=>({height:60,alignItems:"flex-end",justifyContent:"center",borderTop:`1px solid ${o.palette.divider}`})),U=styled(s)(({theme:o})=>({flexDirection:"row",height:60,alignItems:"center",justifyContent:"space-between",borderTop:`1px solid ${o.palette.divider}`,gap:16,padding:16}));var mo=({count:o,page:t,rowsPerPage:f,onPageChange:m,onRowsPerPageChange:h})=>jsx($,{children:jsx(lo,{color:"primary",component:"div",size:"small",count:o,page:t,rowsPerPage:f,onPageChange:(l,n)=>m(n),onRowsPerPageChange:l=>h(Number(l.target.value))})}),w=mo;var X=forwardRef((o,t)=>jsx(K,{...o,ref:t,color:"inherit",startIcon:jsx(a$1,{icon:"COLUMNS"}),children:"Colunas"}));X.displayName="ColumnsButton";var Y=forwardRef((o,t)=>jsx(K,{...o,ref:t,color:"inherit",startIcon:jsx(a$1,{icon:"FILTER_VERTICAL"}),children:"Filtros"}));Y.displayName="FilterButton";var go=({setFilterButtonEl:o})=>jsxs(a$6,{container:g,children:[jsx(b,{orientation:"vertical",flexItem:!0}),jsx(GridToolbarFilterButton,{ref:o,slotProps:{button:{component:Y,color:"inherit"}}}),jsx(b,{orientation:"vertical",flexItem:!0}),jsx(GridToolbarColumnsButton,{slotProps:{button:{component:X,color:"inherit"}}})]}),Z=go;var bo=({title:o,breakpoint:t="md",columns:f,rows:m=[],mobileRender:h,rowCount:l=0,paginationModel:n={page:0,pageSize:25},onPaginationChange:c,actions:D,moreActions:T,onAdd:v,onSearch:I,searchValue:ro,onSearchChange:eo,...no})=>{let u=a$2(),P=b$1("down",t),[io,ao]=useState(null),y=!!I,B=!!v,S=!!D,po=S||B,k=!!T,A=k||y||!P;return jsxs(W,{breakpoint:t,children:[jsxs(N,{breakpoint:t,children:[jsx(x,{variant:"overline",color:"text.secondary",noWrap:!0,children:o}),po&&jsxs(O,{breakpoint:t,children:[S&&jsxs(Fragment,{children:[D,jsx(_,{orientation:"vertical",flexItem:!0})]}),B&&jsx(K,{startIcon:jsx(a$1,{icon:"SIMPLE_ADD"}),variant:"contained",onClick:v,children:"Adicionar"})]})]}),A&&jsxs(V,{breakpoint:t,children:[jsx(s,{flex:1,direction:"row",alignItems:"center",id:g,gap:.5,children:k&&jsxs(Fragment,{children:[jsx(K,{color:"inherit",startIcon:jsx(a$1,{icon:"MORE_BOLD"}),size:"small",onClick:u.onOpen,children:"Mais"}),jsx(a$3,{open:u.open,anchorEl:u.open,onClose:u.onClose,sx:{minWidth:160},disabledArrow:P,children:T})]})}),y&&jsx(j,{breakpoint:t,children:jsx(a$4,{value:ro,placeholder:"Buscar",onSearch:I,onChange:e=>eo?.(e.target.value),size:"small",fullWidth:!0,iconPosition:"start"})})]}),!A&&jsx(z,{sx:{mt:2}}),P?jsxs(Fragment,{children:[m.map(e=>h(e)),jsx(Q,{children:jsx(w,{count:l,page:n.page,rowsPerPage:n.pageSize,onPageChange:e=>c(e,n.pageSize),onRowsPerPageChange:e=>c(n.page,e)})})]}):jsx(a$5,{columns:f,rows:m,slots:{toolbar:Z,footer:()=>jsxs(U,{children:[jsxs(s,{direction:"row",alignItems:"center",gap:.5,children:[jsx(x,{variant:"body2",color:"text.disabled",children:"Total de itens:"}),jsx(x,{variant:"body2",children:l})]}),jsx(w,{count:l,page:n.page,rowsPerPage:n.pageSize,onPageChange:e=>c(e,n.pageSize),onRowsPerPageChange:e=>c(n.page,e)})]})},slotProps:{panel:{anchorEl:io},toolbar:{setFilterButtonEl:ao,showQuickFilter:!0}},columnHeaderHeight:48,getRowHeight:()=>68,...no})]})},Zo=bo;
25
+
26
+ export { Zo as default };
@@ -1,5 +1,5 @@
1
- import { a } from '../../chunk-CFD2VTQ3.js';
2
1
  import { a as a$2 } from '../../chunk-AV36ZLPF.js';
2
+ import { a } from '../../chunk-CFD2VTQ3.js';
3
3
  import { a as a$1 } from '../../chunk-E5MGOPPQ.js';
4
4
  import { a as a$3 } from '../../chunk-YQ6K2DEP.js';
5
5
  import '../../chunk-CHLVIVDD.js';
@@ -1,7 +1,7 @@
1
- export { a as default } from '../../chunk-XBNWDR4F.js';
2
- import '../../chunk-MPKHVDQH.js';
1
+ export { a as default } from '../../chunk-FM5E5MVW.js';
3
2
  import '../../chunk-TWGGHTU5.js';
4
3
  import '../../chunk-4ZBE3RNR.js';
4
+ import '../../chunk-MPKHVDQH.js';
5
5
  import '../../chunk-U26IUEAG.js';
6
6
  import '../../chunk-E5MGOPPQ.js';
7
7
  import '../../chunk-YQ6K2DEP.js';
@@ -1,6 +1,6 @@
1
- import { a } from '../../chunk-MPKHVDQH.js';
2
1
  import { a as a$1 } from '../../chunk-TWGGHTU5.js';
3
2
  import { a as a$2 } from '../../chunk-4ZBE3RNR.js';
3
+ import { a } from '../../chunk-MPKHVDQH.js';
4
4
  import '../../chunk-U26IUEAG.js';
5
5
  import { a as a$3 } from '../../chunk-E5MGOPPQ.js';
6
6
  import { a as a$4 } from '../../chunk-YQ6K2DEP.js';
@@ -1,6 +1,6 @@
1
1
  import { d } from '../../chunk-WUQSPJPN.js';
2
- import { a } from '../../chunk-HOMGLSVS.js';
3
2
  import { a as a$3 } from '../../chunk-UA7OPAW7.js';
3
+ import { a } from '../../chunk-HOMGLSVS.js';
4
4
  import { a as a$2 } from '../../chunk-CFD2VTQ3.js';
5
5
  import '../../chunk-D27ND54J.js';
6
6
  import { a as a$4 } from '../../chunk-YQ6K2DEP.js';
@@ -1,7 +1,7 @@
1
- import { a } from '../../../chunk-XBNWDR4F.js';
2
- import '../../../chunk-MPKHVDQH.js';
1
+ import { a } from '../../../chunk-FM5E5MVW.js';
3
2
  import '../../../chunk-TWGGHTU5.js';
4
3
  import '../../../chunk-4ZBE3RNR.js';
4
+ import '../../../chunk-MPKHVDQH.js';
5
5
  import '../../../chunk-U26IUEAG.js';
6
6
  import '../../../chunk-E5MGOPPQ.js';
7
7
  import '../../../chunk-YQ6K2DEP.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zydon/common",
3
- "version": "2.4.55",
3
+ "version": "2.4.57",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "module": "./dist/index.js",
@@ -1,6 +1,6 @@
1
- import { a as a$1 } from './chunk-MPKHVDQH.js';
2
1
  import { a as a$3 } from './chunk-TWGGHTU5.js';
3
2
  import { a as a$4 } from './chunk-4ZBE3RNR.js';
3
+ import { a as a$1 } from './chunk-MPKHVDQH.js';
4
4
  import { a as a$2 } from './chunk-E5MGOPPQ.js';
5
5
  import { a as a$5 } from './chunk-YQ6K2DEP.js';
6
6
  import { useState } from 'react';