@zydon/common 2.7.62 → 2.7.63

package/dist/theme/styles/index.d.ts

@@ -193,7 +193,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     flexShrink?: readonly ((string & {}) | csstype.Globals)[] | csstype.Property.FlexShrink | readonly NonNullable<csstype.Property.FlexShrink | undefined>[] | undefined;
     flexWrap?: csstype.Property.FlexWrap | readonly NonNullable<csstype.Property.FlexWrap | undefined>[] | readonly csstype.Property.FlexWrap[] | undefined;
     float?: csstype.Property.Float | readonly NonNullable<csstype.Property.Float | undefined>[] | readonly csstype.Property.Float[] | undefined;
-    fontFamily?: readonly string[] | csstype.Property.FontFamily | readonly csstype.Property.FontFamily[] | undefined;
+    fontFamily?: csstype.Property.FontFamily | readonly string[] | readonly csstype.Property.FontFamily[] | undefined;
     fontFeatureSettings?: readonly string[] | csstype.Property.FontFeatureSettings | readonly csstype.Property.FontFeatureSettings[] | undefined;
     fontKerning?: csstype.Property.FontKerning | readonly NonNullable<csstype.Property.FontKerning | undefined>[] | readonly csstype.Property.FontKerning[] | undefined;
     fontLanguageOverride?: readonly string[] | csstype.Property.FontLanguageOverride | readonly csstype.Property.FontLanguageOverride[] | undefined;
@@ -218,7 +218,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     fontVariantNumeric?: readonly string[] | csstype.Property.FontVariantNumeric | readonly csstype.Property.FontVariantNumeric[] | undefined;
     fontVariantPosition?: csstype.Property.FontVariantPosition | readonly NonNullable<csstype.Property.FontVariantPosition | undefined>[] | readonly csstype.Property.FontVariantPosition[] | undefined;
     fontVariationSettings?: readonly string[] | csstype.Property.FontVariationSettings | readonly csstype.Property.FontVariationSettings[] | undefined;
-    fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ("bold" | (string & {}) | csstype.Globals | "normal" | "bolder" | "lighter")[] | undefined;
+    fontWeight?: csstype.Property.FontWeight | readonly NonNullable<csstype.Property.FontWeight | undefined>[] | readonly ((string & {}) | csstype.Globals | "bold" | "normal" | "bolder" | "lighter")[] | undefined;
     forcedColorAdjust?: csstype.Property.ForcedColorAdjust | readonly NonNullable<csstype.Property.ForcedColorAdjust | undefined>[] | readonly csstype.Property.ForcedColorAdjust[] | undefined;
     gridAutoColumns?: readonly (string | (string & {}))[] | csstype.Property.GridAutoColumns<string | number> | readonly NonNullable<csstype.Property.GridAutoColumns<string | number> | undefined>[] | undefined;
     gridAutoFlow?: readonly string[] | csstype.Property.GridAutoFlow | readonly csstype.Property.GridAutoFlow[] | undefined;
@@ -443,9 +443,9 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     wordWrap?: csstype.Property.WordWrap | readonly NonNullable<csstype.Property.WordWrap | undefined>[] | readonly csstype.Property.WordWrap[] | undefined;
     writingMode?: csstype.Property.WritingMode | readonly NonNullable<csstype.Property.WritingMode | undefined>[] | readonly csstype.Property.WritingMode[] | undefined;
     zIndex?: readonly ((string & {}) | csstype.Globals | "auto")[] | csstype.Property.ZIndex | readonly NonNullable<csstype.Property.ZIndex | undefined>[] | undefined;
-    zoom?: csstype.Property.Zoom | readonly NonNullable<csstype.Property.Zoom | undefined>[] | readonly ("reset" | (string & {}) | csstype.Globals | "normal")[] | undefined;
+    zoom?: csstype.Property.Zoom | readonly NonNullable<csstype.Property.Zoom | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "reset")[] | undefined;
     all?: csstype.Globals | readonly NonNullable<csstype.Globals | undefined>[] | readonly csstype.Globals[] | undefined;
-    animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    animation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     animationRange?: readonly (string | (string & {}))[] | csstype.Property.AnimationRange<string | number> | readonly NonNullable<csstype.Property.AnimationRange<string | number> | undefined>[] | undefined;
     background?: readonly (string | (string & {}))[] | csstype.Property.Background<string | number> | readonly NonNullable<csstype.Property.Background<string | number> | undefined>[] | undefined;
     border?: readonly (string | (string & {}))[] | csstype.Property.Border<string | number> | readonly NonNullable<csstype.Property.Border<string | number> | undefined>[] | undefined;
@@ -454,7 +454,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     borderBlockStart?: readonly (string | (string & {}))[] | csstype.Property.BorderBlockStart<string | number> | readonly NonNullable<csstype.Property.BorderBlockStart<string | number> | undefined>[] | undefined;
     borderBottom?: readonly (string | (string & {}))[] | csstype.Property.BorderBottom<string | number> | readonly NonNullable<csstype.Property.BorderBottom<string | number> | undefined>[] | undefined;
     borderColor?: readonly string[] | csstype.Property.BorderColor | readonly csstype.Property.BorderColor[] | undefined;
-    borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
+    borderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
     borderInline?: readonly (string | (string & {}))[] | csstype.Property.BorderInline<string | number> | readonly NonNullable<csstype.Property.BorderInline<string | number> | undefined>[] | undefined;
     borderInlineEnd?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineEnd<string | number> | readonly NonNullable<csstype.Property.BorderInlineEnd<string | number> | undefined>[] | undefined;
     borderInlineStart?: readonly (string | (string & {}))[] | csstype.Property.BorderInlineStart<string | number> | readonly NonNullable<csstype.Property.BorderInlineStart<string | number> | undefined>[] | undefined;
@@ -486,7 +486,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     marginBlock?: readonly (string | (string & {}))[] | csstype.Property.MarginBlock<string | number> | readonly NonNullable<csstype.Property.MarginBlock<string | number> | undefined>[] | undefined;
     marginInline?: readonly (string | (string & {}))[] | csstype.Property.MarginInline<string | number> | readonly NonNullable<csstype.Property.MarginInline<string | number> | undefined>[] | undefined;
     mask?: readonly (string | (string & {}))[] | csstype.Property.Mask<string | number> | readonly NonNullable<csstype.Property.Mask<string | number> | undefined>[] | undefined;
-    maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
+    maskBorder?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
     motion?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
     offset?: readonly (string | (string & {}))[] | csstype.Property.Offset<string | number> | readonly NonNullable<csstype.Property.Offset<string | number> | undefined>[] | undefined;
     outline?: readonly (string | (string & {}))[] | csstype.Property.Outline<string | number> | readonly NonNullable<csstype.Property.Outline<string | number> | undefined>[] | undefined;
@@ -729,8 +729,8 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     WebkitUserModify?: csstype.Property.WebkitUserModify | readonly NonNullable<csstype.Property.WebkitUserModify | undefined>[] | readonly csstype.Property.WebkitUserModify[] | undefined;
     WebkitUserSelect?: csstype.Property.UserSelect | readonly NonNullable<csstype.Property.UserSelect | undefined>[] | readonly csstype.Property.UserSelect[] | undefined;
     WebkitWritingMode?: csstype.Property.WritingMode | readonly NonNullable<csstype.Property.WritingMode | undefined>[] | readonly csstype.Property.WritingMode[] | undefined;
-    MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
-    MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
+    MozAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    MozBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
     MozColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
     MozColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
     MozOutlineRadius?: readonly (string | (string & {}))[] | csstype.Property.MozOutlineRadius<string | number> | readonly NonNullable<csstype.Property.MozOutlineRadius<string | number> | undefined>[] | undefined;
@@ -741,16 +741,16 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     msScrollSnapX?: readonly string[] | csstype.Property.MsScrollSnapX | readonly csstype.Property.MsScrollSnapX[] | undefined;
     msScrollSnapY?: readonly string[] | csstype.Property.MsScrollSnapY | readonly csstype.Property.MsScrollSnapY[] | undefined;
     msTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
-    WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    WebkitAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     WebkitBorderBefore?: readonly (string | (string & {}))[] | csstype.Property.WebkitBorderBefore<string | number> | readonly NonNullable<csstype.Property.WebkitBorderBefore<string | number> | undefined>[] | undefined;
-    WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
+    WebkitBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
     WebkitBorderRadius?: readonly (string | (string & {}))[] | csstype.Property.BorderRadius<string | number> | readonly NonNullable<csstype.Property.BorderRadius<string | number> | undefined>[] | undefined;
     WebkitColumnRule?: readonly (string | (string & {}))[] | csstype.Property.ColumnRule<string | number> | readonly NonNullable<csstype.Property.ColumnRule<string | number> | undefined>[] | undefined;
     WebkitColumns?: readonly (string | (string & {}))[] | csstype.Property.Columns<string | number> | readonly NonNullable<csstype.Property.Columns<string | number> | undefined>[] | undefined;
     WebkitFlex?: readonly (string | (string & {}))[] | csstype.Property.Flex<string | number> | readonly NonNullable<csstype.Property.Flex<string | number> | undefined>[] | undefined;
     WebkitFlexFlow?: readonly string[] | csstype.Property.FlexFlow | readonly csstype.Property.FlexFlow[] | undefined;
     WebkitMask?: readonly (string | (string & {}))[] | csstype.Property.WebkitMask<string | number> | readonly NonNullable<csstype.Property.WebkitMask<string | number> | undefined>[] | undefined;
-    WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
+    WebkitMaskBoxImage?: csstype.Property.MaskBorder | readonly NonNullable<csstype.Property.MaskBorder | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "alpha" | "luminance" | "stretch")[] | undefined;
     WebkitTextEmphasis?: readonly string[] | csstype.Property.TextEmphasis | readonly csstype.Property.TextEmphasis[] | undefined;
     WebkitTextStroke?: readonly (string | (string & {}))[] | csstype.Property.WebkitTextStroke<string | number> | readonly NonNullable<csstype.Property.WebkitTextStroke<string | number> | undefined>[] | undefined;
     WebkitTransition?: readonly string[] | csstype.Property.Transition<string & {}> | readonly csstype.Property.Transition<string & {}>[] | undefined;
@@ -831,7 +831,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     MozTransitionTimingFunction?: readonly string[] | csstype.Property.TransitionTimingFunction | readonly csstype.Property.TransitionTimingFunction[] | undefined;
     MozUserInput?: csstype.Property.MozUserInput | readonly NonNullable<csstype.Property.MozUserInput | undefined>[] | readonly csstype.Property.MozUserInput[] | undefined;
     msImeMode?: csstype.Property.ImeMode | readonly NonNullable<csstype.Property.ImeMode | undefined>[] | readonly csstype.Property.ImeMode[] | undefined;
-    OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "none" | "auto" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
+    OAnimation?: csstype.Property.Animation<string & {}> | readonly NonNullable<csstype.Property.Animation<string & {}> | undefined>[] | readonly ((string & {}) | csstype.Globals | "normal" | "none" | "auto" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "both" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear")[] | undefined;
     OAnimationDelay?: readonly string[] | csstype.Property.AnimationDelay<string & {}> | readonly csstype.Property.AnimationDelay<string & {}>[] | undefined;
     OAnimationDirection?: readonly string[] | csstype.Property.AnimationDirection | readonly csstype.Property.AnimationDirection[] | undefined;
     OAnimationDuration?: readonly string[] | csstype.Property.AnimationDuration<string & {}> | readonly csstype.Property.AnimationDuration<string & {}>[] | undefined;
@@ -841,7 +841,7 @@ declare function paper({ theme, color, dropdown }: PaperProps): {
     OAnimationPlayState?: readonly string[] | csstype.Property.AnimationPlayState | readonly csstype.Property.AnimationPlayState[] | undefined;
     OAnimationTimingFunction?: readonly string[] | csstype.Property.AnimationTimingFunction | readonly csstype.Property.AnimationTimingFunction[] | undefined;
     OBackgroundSize?: readonly (string | (string & {}))[] | csstype.Property.BackgroundSize<string | number> | readonly NonNullable<csstype.Property.BackgroundSize<string | number> | undefined>[] | undefined;
-    OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ("repeat" | (string & {}) | csstype.Globals | "none" | "round" | "space" | "stretch")[] | undefined;
+    OBorderImage?: csstype.Property.BorderImage | readonly NonNullable<csstype.Property.BorderImage | undefined>[] | readonly ((string & {}) | csstype.Globals | "repeat" | "none" | "round" | "space" | "stretch")[] | undefined;
     OObjectFit?: csstype.Property.ObjectFit | readonly NonNullable<csstype.Property.ObjectFit | undefined>[] | readonly csstype.Property.ObjectFit[] | undefined;
     OObjectPosition?: readonly (string | (string & {}))[] | csstype.Property.ObjectPosition<string | number> | readonly NonNullable<csstype.Property.ObjectPosition<string | number> | undefined>[] | undefined;
     OTabSize?: readonly (string | (string & {}))[] | csstype.Property.TabSize<string | number> | readonly NonNullable<csstype.Property.TabSize<string | number> | undefined>[] | undefined;

package/dist/theme/theme-provider.js

@@ -1,11 +1,11 @@
-export { b as default } from '../chunk-CU7PKEY2.js';
+export { b as default } from '../chunk-VPKUUY5Q.js';
 import '../chunk-LDGBS7ZI.js';
+import '../chunk-WUFEPE2G.js';
 export { b as useSettingsContext } from '../chunk-2WG6OWB4.js';
 import '../chunk-6W52DPH4.js';
 import '../chunk-TWSAWMZ3.js';
 import '../chunk-ROVD7OGE.js';
 import '../chunk-EQYL7U3J.js';
-import '../chunk-WUFEPE2G.js';
 export { a as THEME_CONFIG } from '../chunk-GLRLKFPS.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=theme-provider.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zydon/common",
-  "version": "2.7.62",
+  "version": "2.7.63",
   "license": "MIT",
   "type": "module",
   "module": "./dist/index.js",

package/dist/chunk-G4J47YPR.js

@@ -1,23 +0,0 @@
-import { p, f } from './chunk-SA2BESEB.js';
-import { a as a$3 } from './chunk-IMKYDHP2.js';
-import { e } from './chunk-OF6623HG.js';
-import { a } from './chunk-CMZI4PHD.js';
-import { a as a$1 } from './chunk-SBMEL2IJ.js';
-import { a as a$2 } from './chunk-IAOMC4C4.js';
-import { k } from './chunk-GLRLKFPS.js';
-import { useState, useEffect } from 'react';
-import { useDropzone } from 'react-dropzone';
-import I from '@mui/material/Box';
-import q from '@mui/material/CircularProgress';
-import G from '@mui/material/Typography';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import H from '@mui/material/Dialog';
-import J from '@mui/material/Stack';
-
-process.env.NODE_ENV==="development"&&console.warn(`\u26A0\uFE0F DEPRECATED: UploadAvatar est\xE1 obsoleto. Use UploadAvatar do @zydon/common em seu lugar.
-Migra\xE7\xE3o: import { UploadAvatar } from "@zydon/common/components/FileUpload";
-O novo UploadAvatar oferece melhor gerenciamento de upload e integra\xE7\xE3o com APIs.`);function B({sx:i,error:n,file:e,disabled:m,uploading:u,helperText:s,...y}){let{getRootProps:C,getInputProps:b,isDragActive:f,isDragReject:g,fileRejections:w}=useDropzone({multiple:!1,disabled:m,accept:{"image/*":[]},...y}),r=!!e,p$1=g||!!n,[P,v]=useState();useEffect(()=>{typeof e=="string"?v(e):e instanceof File&&v(URL.createObjectURL(e));},[e]);let R=u&&jsx(q,{size:30,color:"primary"}),A=r&&jsx("img",{alt:"avatar",src:P,style:{width:"100%",height:"100%",borderRadius:"50%",objectFit:"cover"}}),U=jsxs(I,{className:"upload-placeholder",sx:{top:0,gap:1,left:0,width:1,height:1,zIndex:9,display:"flex",borderRadius:"50%",position:"absolute",alignItems:"center",color:"text.disabled",flexDirection:"column",justifyContent:"center",bgcolor:o=>k(o.vars.palette.grey["500Channel"],.08),transition:o=>o.transitions.create(["opacity"],{duration:o.transitions.duration.shorter}),"&:hover":{opacity:.72},...p$1&&{color:"error.main",bgcolor:o=>k(o.vars.palette.error.mainChannel,.08)},...r&&{zIndex:9,opacity:0,color:"common.white",bgcolor:o=>k(o.vars.palette.grey["900Channel"],.64)}},children:[jsx(a,{icon:"ADD_IMAGE",width:32}),jsx(G,{variant:"caption",children:r?"Atualizar foto":"Enviar foto"})]}),x=jsxs(I,{sx:{width:1,height:1,overflow:"hidden",borderRadius:"50%",position:"relative"},children:[R,A,U]});return jsxs(Fragment,{children:[jsxs(I,{...C(),sx:{p:1,m:"auto",width:144,height:144,cursor:"pointer",overflow:"hidden",borderRadius:"50%",border:o=>`1px dashed ${o.palette.divider}`,...f&&{opacity:.72},...m&&{opacity:.48,pointerEvents:"none"},...p$1&&{borderColor:"error.main"},...r&&{...p$1&&{bgcolor:o=>k(o.vars.palette.error.mainChannel,.08)},"&:hover .upload-placeholder":{opacity:1}},...i},children:[jsx("input",{...b()}),x]}),s&&s,jsx(p,{files:w})]})}var K=({onFileCropped:i,onImageUploaded:n,onCancel:e$1,aspect:m,label:u,image:s="",uploading:y,file:C,tabIndex:b,maxSize:f$1,onDropRejected:g,...w})=>{let{id:r,setCropModalOpen:p,handleRemove:P,cropModalOpen:v,cancelChanges:R,saveChanges:A,previewImage:U,setCropper:x,preview:o,closePreviewImage:k,saving:N}=a$1({onFileCropped:i,onImageUploaded:n,onCancel:e$1}),{error:W}=a$2();return jsxs(Fragment,{children:[jsxs(J,{position:"relative",alignItems:"center",justifyContent:"center",children:[y&&jsx(f,{}),jsx(B,{...w,maxSize:f$1,id:r,file:C,onDrop:t=>{if(t.length>0){p(!0);let l=new FileReader;l.addEventListener("load",()=>{let D=l.result?.toString()||"";n(D),i(t[0]);}),l.readAsDataURL(t[0]);}},image:s,tabIndex:b,onDropRejected:(t,l)=>{let D=t[0]?.errors[0]?.code;n(void 0),i(void 0),W(D==="file-too-large"?`Imagem n\xE3o pode ser maior que ${e(f$1)}`:"Erro ao enviar imagem"),g&&g(t,l);}})]}),jsx(a$3,{id:r,open:v,onClose:R,label:u,aspectRatio:m,imageSrc:s,onRemove:P,onSave:A,onPreview:U,onInitialized:x,loading:N}),jsx(H,{open:!!o,onClose:k,scroll:"body",PaperProps:{sx:{p:2}},children:o&&jsx("img",{src:o,alt:"Preview"})})]})},uo=K;
-
-export { B as a, uo as b };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-G4J47YPR.js.map

package/dist/chunk-HLMZQG27.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useLocalStorage.ts"],"names":["useCallback","useEffect","useState","IS_SERVER","useLocalStorage","key","initialValue","options","initializeWithValue","serializer","value","deserializer","defaultValue","parsed","readValue","initialValueToUse","raw","storedValue","setStoredValue","setValue","useEventCallback","newValue","removeValue","handleStorageChange","event","useEventListener_default","useLocalStorage_default"],"mappings":"gFACA,OAAS,eAAAA,EAAa,aAAAC,EAAW,YAAAC,MAAgB,QAiBjD,IAAMC,EAAY,OAAO,OAAW,IAE9BC,EAAkB,CACtBC,EACAC,EACAC,EAAqC,CAAC,IACW,CACjD,GAAM,CAAE,oBAAAC,EAAsB,EAAK,EAAID,EAEjCE,EAAaT,EACjBU,GACMH,EAAQ,WACHA,EAAQ,WAAWG,CAAK,EAE1B,KAAK,UAAUA,CAAK,EAE7B,CAACH,CAAO,CACV,EAEMI,EAAeX,EACnBU,GAAS,CACP,GAAIH,EAAQ,aACV,OAAOA,EAAQ,aAAaG,CAAK,EAEnC,GAAIA,IAAU,YACZ,OAGF,IAAME,EACJN,aAAwB,SAAWA,EAAa,EAAIA,EAElDO,EACJ,GAAI,CACFA,EAAS,KAAK,MAAMH,CAAK,CAC3B,MAAE,CACA,OAAOE,CACT,CAEA,OAAOC,CACT,EACA,CAACN,EAASD,CAAY,CACxB,EAEMQ,EAAYd,EAAY,IAAS,CACrC,IAAMe,EACJT,aAAwB,SAAWA,EAAa,EAAIA,EAEtD,GAAIH,EACF,OAAOY,EAGT,GAAI,CACF,IAAMC,EAAM,OAAO,aAAa,QAAQX,CAAG,EAC3C,OAAOW,EAAML,EAAaK,CAAG,EAAID,CACnC,MAAE,CACA,OAAOA,CACT,CACF,EAAG,CAACT,EAAcD,EAAKM,CAAY,CAAC,EAE9B,CAACM,EAAaC,CAAc,EAAIhB,EAAS,IACzCM,EACKM,EAAU,EAEZR,aAAwB,SAAWA,EAAa,EAAIA,CAC5D,EAEKa,EAAwCC,EAAiBV,GAAS,CACtE,GAAI,CACF,IAAMW,EAAWX,aAAiB,SAAWA,EAAMI,EAAU,CAAC,EAAIJ,EAClE,OAAO,aAAa,QAAQL,EAAKI,EAAWY,CAAQ,CAAC,EACrDH,EAAeG,CAAQ,EACvB,OAAO,cAAc,IAAI,aAAa,gBAAiB,CAAE,IAAAhB,CAAI,CAAC,CAAC,CACjE,MAAE,CAEF,CACF,CAAC,EAEKiB,EAAcF,EAAiB,IAAM,CACzC,IAAMR,EACJN,aAAwB,SAAWA,EAAa,EAAIA,EACtD,OAAO,aAAa,WAAWD,CAAG,EAClCa,EAAeN,CAAY,EAC3B,OAAO,cAAc,IAAI,aAAa,gBAAiB,CAAE,IAAAP,CAAI,CAAC,CAAC,CACjE,CAAC,EAEDJ,EAAU,IAAM,CACdiB,EAAeJ,EAAU,CAAC,CAE5B,EAAG,CAACT,CAAG,CAAC,EAER,IAAMkB,EAAsBvB,EACzBwB,GAAsC,CAChCA,EAAuB,KAAQA,EAAuB,MAAQnB,GAGnEa,EAAeJ,EAAU,CAAC,CAC5B,EACA,CAACT,EAAKS,CAAS,CACjB,EAEA,OAAAW,EAAiB,UAAWF,CAAmB,EAC/CE,EAAiB,gBAAiBF,CAAmB,EAE9C,CAACN,EAAaE,EAAUG,CAAW,CAC5C,EAEOI,EAAQtB","sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { useEventCallback } from './useEventCallback';\nimport useEventListener from './useEventListener';\n\ndeclare global {\n  interface WindowEventMap {\n    'local-storage': CustomEvent;\n  }\n}\n\ntype UseLocalStorageOptions<T> = {\n  serializer?: (value: T) => string;\n  deserializer?: (value: string) => T;\n  initializeWithValue?: boolean;\n};\n\nconst IS_SERVER = typeof window === 'undefined';\n\nconst useLocalStorage = <T>(\n  key: string,\n  initialValue: T | (() => T),\n  options: UseLocalStorageOptions<T> = {},\n): [T, Dispatch<SetStateAction<T>>, () => void] => {\n  const { initializeWithValue = true } = options;\n\n  const serializer = useCallback<(value: T) => string>(\n    value => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options],\n  );\n\n  const deserializer = useCallback<(value: string) => T>(\n    value => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === 'undefined') {\n        return undefined as unknown as T;\n      }\n\n      const defaultValue =\n        initialValue instanceof Function ? initialValue() : initialValue;\n\n      let parsed: unknown;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        return defaultValue;\n      }\n\n      return parsed as T;\n    },\n    [options, initialValue],\n  );\n\n  const readValue = useCallback((): T => {\n    const initialValueToUse =\n      initialValue instanceof Function ? initialValue() : initialValue;\n\n    if (IS_SERVER) {\n      return initialValueToUse;\n    }\n\n    try {\n      const raw = window.localStorage.getItem(key);\n      return raw ? deserializer(raw) : initialValueToUse;\n    } catch (error) {\n      return initialValueToUse;\n    }\n  }, [initialValue, key, deserializer]);\n\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n\n  const setValue: Dispatch<SetStateAction<T>> = useEventCallback(value => {\n    try {\n      const newValue = value instanceof Function ? value(readValue()) : value;\n      window.localStorage.setItem(key, serializer(newValue));\n      setStoredValue(newValue);\n      window.dispatchEvent(new StorageEvent('local-storage', { key }));\n    } catch {\n      /* empty */\n    }\n  });\n\n  const removeValue = useEventCallback(() => {\n    const defaultValue =\n      initialValue instanceof Function ? initialValue() : initialValue;\n    window.localStorage.removeItem(key);\n    setStoredValue(defaultValue);\n    window.dispatchEvent(new StorageEvent('local-storage', { key }));\n  });\n\n  useEffect(() => {\n    setStoredValue(readValue());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key]);\n\n  const handleStorageChange = useCallback(\n    (event: StorageEvent | CustomEvent) => {\n      if ((event as StorageEvent).key && (event as StorageEvent).key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue],\n  );\n\n  useEventListener('storage', handleStorageChange);\n  useEventListener('local-storage', handleStorageChange);\n\n  return [storedValue, setValue, removeValue];\n};\n\nexport default useLocalStorage;\n"]}

package/dist/chunk-JBPWWO5D.js

@@ -1,15 +0,0 @@
-import { a as a$1 } from './chunk-BNBE2OMA.js';
-import { a } from './chunk-6U5LS7MP.js';
-import x, { useState } from 'react';
-import { GRID_CHECKBOX_SELECTION_COL_DEF, DataGridPremium, GridToolbarContainer, GridToolbarColumnsButton, GridToolbarFilterButton, GridToolbarDensitySelector, GridToolbarExport, useGridApiContext, useGridRootProps, gridColumnsTotalWidthSelector, gridColumnPositionsSelector } from '@mui/x-data-grid-premium';
-import E from '@mui/material/Box';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import N from '@mui/material/Skeleton';
-import $ from '@mui/material/Stack';
-import { styled } from '@mui/material/styles';
-
-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(),p=i?.pageSize||n?.pagination?.paginationModel?.pageSize||10,m=gridColumnsTotalWidthSelector(t),d=gridColumnPositionsSelector(t),g=x.useMemo(()=>d.filter(o=>o<=m).length,[m,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<p;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},[p,s]);return jsx($,{display:"grid",sx:{display:"grid",gridTemplateColumns:`${s.map(({computedWidth:o})=>`${o}px`).join(" ")} 1fr`,gridAutoRows:e,backgroundColor:o=>o.palette.background.paper,overflow:"hidden",maxHeight:"100%"},children:h})},y=V;var X=({columns:t,rows:e=[],loading:i,fetching:n,hideFooter:p,sx:m,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:p,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:m,...w})]})},bo=X;
-
-export { bo as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-JBPWWO5D.js.map

package/dist/chunk-JBPWWO5D.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DataGrid/index.tsx","../src/components/DataGrid/CustomToolbar/index.tsx","../src/components/DataGrid/LoadingOverlay/index.tsx"],"names":["useState","DataGridPremium","GRID_CHECKBOX_SELECTION_COL_DEF","Box","GridToolbarColumnsButton","GridToolbarContainer","GridToolbarDensitySelector","GridToolbarExport","GridToolbarFilterButton","jsx","jsxs","CustomToolbar","showToolbar","disableExport","setFilterButtonEl","toolbarContent","CustomToolbar_default","React","Skeleton","Stack","styled","gridColumnPositionsSelector","gridColumnsTotalWidthSelector","useGridApiContext","useGridRootProps","SkeletonCell","LoadingOverlay","apiRef","rowHeight","paginationModel","initialState","skeletonRowsCount","totalWidth","positions","inViewportCount","value","visibleColumns","columns","_","i","children","array","column","computedWidth","theme","LoadingOverlay_default","Fragment","DataGrid","rows","loading","fetching","hideFooter","sx","columnHeaderHeight","rowSpacingType","getRowSpacing","autoHeight","slots","other","filterButtonEl","COLUMNS","FixedProgressBar_default","EmptyContent_default","DataGrid_default"],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport {\n  DataGridPremium,\n  GRID_CHECKBOX_SELECTION_COL_DEF,\n  GridSlots,\n  GridSlotsComponentsProps,\n} from '@mui/x-data-grid-premium';\n\nimport EmptyContent from 'components/EmptyContent';\nimport { DataGridProps } from 'types/dataGridProps';\n\nimport FixedProgressBar from '../FixedProgressBar';\n\nimport CustomToolbar from './CustomToolbar';\nimport LoadingOverlay from './LoadingOverlay';\n\nconst DataGrid = ({\n  columns,\n  rows = [],\n  loading,\n  fetching,\n  hideFooter,\n  sx,\n  showToolbar,\n  disableExport,\n  columnHeaderHeight = 56,\n  rowHeight = 76,\n  rowSpacingType = 'margin',\n  getRowSpacing = () => ({\n    top: 0,\n    bottom: 0,\n  }),\n  autoHeight = false,\n  toolbarContent,\n  slots,\n  ...other\n}: DataGridProps) => {\n  const [filterButtonEl, setFilterButtonEl] =\n    useState<HTMLButtonElement | null>(null);\n\n  const COLUMNS = [\n    {\n      ...GRID_CHECKBOX_SELECTION_COL_DEF,\n      width: 71,\n    },\n    ...columns,\n  ];\n\n  return (\n    <>\n      {fetching && <FixedProgressBar sx={{ zIndex: 1 }} />}\n\n      <DataGridPremium\n        columns={COLUMNS}\n        rows={rows}\n        loading={loading}\n        autoHeight={autoHeight}\n        hideFooter={rows.length === 0 ? true : hideFooter}\n        rowHeight={rowHeight}\n        columnHeaderHeight={columnHeaderHeight}\n        getRowSpacing={getRowSpacing}\n        rowSpacingType={rowSpacingType}\n        slots={{\n          toolbar: CustomToolbar as unknown as GridSlots['toolbar'],\n          noRowsOverlay: () => (\n            <EmptyContent title=\"Nenhum registro encontrado\" />\n          ),\n          noResultsOverlay: () => (\n            <EmptyContent title=\"Nenhum registro encontrado\" />\n          ),\n          loadingOverlay: LoadingOverlay,\n          ...slots,\n        }}\n        slotProps={{\n          panel: { anchorEl: filterButtonEl },\n          toolbar: {\n            setFilterButtonEl,\n            showQuickFilter: true,\n            disableExport,\n            showToolbar,\n            toolbarContent,\n          } as unknown as GridSlotsComponentsProps['toolbar'],\n        }}\n        sx={sx}\n        {...other}\n      />\n    </>\n  );\n};\n\nexport default DataGrid;\n","import { PropsWithChildren } from 'react';\nimport Box from '@mui/material/Box';\nimport {\n  GridToolbarColumnsButton,\n  GridToolbarContainer,\n  GridToolbarDensitySelector,\n  GridToolbarExport,\n  GridToolbarFilterButton,\n} from '@mui/x-data-grid-premium';\n\nimport { CustomToolbarProps } from './props';\n\nconst CustomToolbar = ({\n  showToolbar,\n  disableExport,\n  setFilterButtonEl,\n  toolbarContent,\n}: PropsWithChildren<CustomToolbarProps>) => {\n  if (!showToolbar) return;\n\n  return (\n    <GridToolbarContainer>\n      <GridToolbarColumnsButton slotProps={{ button: { color: 'inherit' } }} />\n      <GridToolbarFilterButton\n        ref={setFilterButtonEl}\n        slotProps={{ button: { color: 'inherit' } }}\n      />\n      <GridToolbarDensitySelector\n        slotProps={{ button: { color: 'inherit' } }}\n      />\n      {!disableExport && (\n        <GridToolbarExport slotProps={{ button: { color: 'inherit' } }} />\n      )}\n      <Box sx={{ flexGrow: 1 }} />\n      {toolbarContent}\n    </GridToolbarContainer>\n  );\n};\n\nexport default CustomToolbar;\n","import React from 'react';\nimport Box from '@mui/material/Box';\nimport Skeleton from '@mui/material/Skeleton';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport {\n  gridColumnPositionsSelector,\n  gridColumnsTotalWidthSelector,\n  useGridApiContext,\n  useGridRootProps,\n} from '@mui/x-data-grid-premium';\n\nconst SkeletonCell = styled(Box)({\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'center',\n  padding: '0 16px',\n});\n\nconst LoadingOverlay = () => {\n  const apiRef = useGridApiContext();\n\n  const { rowHeight, paginationModel, initialState } = useGridRootProps();\n  const skeletonRowsCount =\n    paginationModel?.pageSize ||\n    initialState?.pagination?.paginationModel?.pageSize ||\n    10;\n\n  const totalWidth = gridColumnsTotalWidthSelector(apiRef);\n  const positions = gridColumnPositionsSelector(apiRef);\n  const inViewportCount = React.useMemo(\n    () => positions.filter(value => value <= totalWidth).length,\n    [totalWidth, positions],\n  );\n  const visibleColumns = !apiRef.current\n    ? []\n    : apiRef.current.getVisibleColumns().slice(0, inViewportCount);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const columns =\n    visibleColumns.length > 1\n      ? visibleColumns\n      : [\n          ...visibleColumns,\n          ...Array.from({ length: 8 }, (_, i) => ({\n            field: `fake${String(i + 1).padStart(2, '0')}`,\n            headerName: '',\n            computedWidth: 200,\n            align: 'flex-start',\n          })),\n        ];\n  const children = React.useMemo(() => {\n    const array: React.ReactNode[] = [];\n\n    for (let i = 0; i < skeletonRowsCount; i += 1) {\n      for (const column of columns) {\n        array.push(\n          <SkeletonCell\n            key={`column-${i}-${column.field}`}\n            sx={{\n              justifyContent: column.align,\n            }}\n          >\n            <Skeleton width=\"100%\" />\n          </SkeletonCell>,\n        );\n      }\n\n      array.push(<SkeletonCell key={`fill-${i}`} />);\n    }\n\n    return array;\n  }, [skeletonRowsCount, columns]);\n\n  return (\n    <Stack\n      display=\"grid\"\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: `${columns\n          .map(({ computedWidth }) => `${computedWidth}px`)\n          .join(' ')} 1fr`,\n        gridAutoRows: rowHeight,\n        backgroundColor: theme => theme.palette.background.paper,\n        overflow: 'hidden',\n        maxHeight: '100%',\n      }}\n    >\n      {children}\n    </Stack>\n  );\n};\n\nexport default LoadingOverlay;\n"]}

package/dist/chunk-L4FRE2NC.js

@@ -1,42 +0,0 @@
-import { c, g, p, n, d, e as e$1, a as a$6, b, h, i, l, m as m$1, j as j$1, k as k$1 } from './chunk-SA2BESEB.js';
-import { a as a$5 } from './chunk-IMKYDHP2.js';
-import { a as a$1 } from './chunk-DTIGB5NW.js';
-import { e } from './chunk-OF6623HG.js';
-import { a as a$7 } from './chunk-IC3H2DXY.js';
-import { x } from './chunk-33C6UWPV.js';
-import { a as a$4 } from './chunk-6U5LS7MP.js';
-import { a } from './chunk-CMZI4PHD.js';
-import { a as a$2 } from './chunk-SBMEL2IJ.js';
-import { j } from './chunk-VITOOMKK.js';
-import { a as a$3 } from './chunk-IAOMC4C4.js';
-import { k, q } from './chunk-GLRLKFPS.js';
-import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
-import { restrictToHorizontalAxis, restrictToParentElement, restrictToWindowEdges } from '@dnd-kit/modifiers';
-import { sortableKeyboardCoordinates, SortableContext, horizontalListSortingStrategy, useSortable } from '@dnd-kit/sortable';
-import { AnimatePresence, m } from 'framer-motion';
-import Ho from '@mui/material/ButtonBase';
-import Go from '@mui/material/IconButton';
-import { styled, alpha, useTheme } from '@mui/material/styles';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import No from '@mui/material/Box';
-import G from '@mui/material/Stack';
-import Qo from '@mui/material/Tooltip';
-import ro from '@mui/material/Typography';
-import Yo from '@mui/material/Badge';
-import { useDropzone } from 'react-dropzone';
-import Wo from '@mui/material/Button';
-import Re from '@mui/material/FormHelperText';
-import { memo } from 'react';
-import we from '@mui/material/Dialog';
-
-function _o({sx:o,...e}){let r=useTheme();return jsx(Ho,{sx:{p:0,top:0,right:0,width:1,height:1,zIndex:9,opacity:0,position:"absolute",color:"common.white",borderRadius:"inherit",transition:r.transitions.create(["opacity"]),"&:hover":{...q({color:k(r.vars.palette.grey["900Channel"],.64)}),opacity:1},...o},...e,children:jsx(a,{icon:"ARROW_DOWN_CICLE",width:24})})}function wo({sx:o,...e}){return jsx(Go,{size:"small",sx:{p:.35,top:4,right:4,position:"absolute",color:"common.white",bgcolor:r=>k(r.vars.palette.grey["900Channel"],.48),"&:hover":{bgcolor:r=>k(r.vars.palette.grey["900Channel"],.72)},...o},...e,children:jsx(a,{icon:"CLOSE_MARK_BUTTON",width:12})})}var A={root:"mnl__file__thumbnail__root",img:"mnl__file__thumbnail__img",icon:"mnl__file__thumbnail__icon",removeBtn:"mnl__file__thumbnail__remove__button",downloadBtn:"mnl__file__thumbnail__download__button"};process.env.NODE_ENV==="development"&&console.warn(`\u26A0\uFE0F DEPRECATED: FileThumbnail (components/file-thumbnail) est\xE1 obsoleto. Use FileThumbnail do @zydon/common em seu lugar.
-Migra\xE7\xE3o: import { FileThumbnail } from "@zydon/common/components/FileUpload";
-O novo FileThumbnail oferece melhor integra\xE7\xE3o com o sistema de FileUpload e mais funcionalidades.`);function F({sx:o,file:e,tooltip:r,onRemove:i,imageView:l,slotProps:t,onDownload:m,...p}){let u=typeof e=="string"?e:URL.createObjectURL(e),{name:d,path:a$1}=c(e),n=a$6(a$1||u),g=jsx(No,{component:"img",src:u,className:A.img,sx:{width:1,height:1,objectFit:"cover",borderRadius:"inherit",...t?.img}}),h=jsx(a,{icon:b(n),sx:{width:32,height:32,flexShrink:0,...o}}),f=jsxs(G,{component:"span",className:A.root,sx:{width:36,height:36,flexShrink:0,borderRadius:1.25,alignItems:"center",position:"relative",display:"inline-flex",justifyContent:"center",...o},...p,children:[n==="image"&&l?g:h,i&&jsx(wo,{onClick:i,className:A.removeBtn,sx:t?.removeBtn}),m&&jsx(_o,{onClick:m,className:A.downloadBtn,sx:t?.downloadBtn})]});return r?jsx(Qo,{arrow:!0,title:d,slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,-12]}}]}},children:f}):f}var oe=({onRemove:o,onHandleMainImage:e,key:r,sx:i,file:l,disableDrag:t,attributes:m,listeners:p,mainUrl:u,innerWidth:d,isDragging:a$1})=>{let n=l===u;return jsx(Yo,{anchorOrigin:{vertical:"top",horizontal:"left"},badgeContent:e&&jsx(m$1,{isMainImage:n,size:"small",onClick:()=>e(l),"aria-label":n?"Remover imagem principal":"Definir como imagem principal",children:jsx(a,{icon:n?"STAR_02":"STAR",width:12})}),children:jsxs(j$1,{width:d,isDragging:a$1,"data-testid":`preview-multi-img-${r}`,...j().inUp,sx:i,children:[jsx(a$7,{disableDrag:t,...m,...p}),jsx(F,{imageView:!0,file:l,sx:{position:"absolute",right:10,top:10}}),o&&jsx(k$1,{size:"small","aria-label":"Remover imagem",onClick:()=>o(l),children:jsx(a,{icon:"DELETE_MARK_BUTTON_02",width:16})})]})},`badge-${r}`)},Fo=oe;var ie=({file:o,thumbnail:e$1,onRemove:r,onHandleMainImage:i$1,mainUrl:l$1,sx:t,disableDrag:m=!1})=>{let{key:p,name:u="",size:d=0}=c(o),a$1=typeof o=="string",n=m?60:80,{attributes:g,listeners:h$1,setNodeRef:f,transform:b,transition:v,isDragging:E}=useSortable({id:p,disabled:m}),S={transform:x.Transform.toString(b),transition:v,display:"inline-block",alignItems:"center",justifyContent:"center",width:`${n+8}px`,height:"68px"};return e$1?jsx(h,{ref:f,style:S,children:jsx(Fo,{innerWidth:n,isDragging:E,sx:t,file:o,disableDrag:m,attributes:g,listeners:h$1,mainUrl:l$1,onRemove:r,onHandleMainImage:i$1},p)}):jsx(h,{ref:f,style:{...S,height:"80px",width:`${n+38}px`},children:jsxs(i,{width:n+30,isDragging:E,"data-testid":`preview-multi-img-${p}`,...j().inUp,sx:t,children:[jsx(a$7,{disableDrag:m,...g,...h$1}),jsx(F,{file:o}),jsxs(G,{flexGrow:1,sx:{minWidth:0,width:"100%"},children:[jsx(ro,{variant:"subtitle2",noWrap:!0,children:a$1?o:u}),jsx(ro,{variant:"caption",sx:{color:"text.secondary"},children:a$1?"":e(d)})]}),r&&jsx(l,{size:"small","aria-label":"Remover arquivo",onClick:()=>r(o),children:jsx(a,{icon:"DELETE_MARK_BUTTON_02",width:16})})]})})},Ao=ie;var eo=({thumbnail:o,files:e,onRemove:r,onReorder:i,onHandleMainImage:l,mainUrl:t,sx:m})=>{let p=useSensors(useSensor(PointerSensor,{activationConstraint:{distance:8}}),useSensor(KeyboardSensor,{coordinateGetter:sortableKeyboardCoordinates}));if(!e?.length)return null;let u=a=>{let{active:n,over:g}=a;if(!(!n||!g||n.id===g.id)&&i){let h=e.findIndex(b=>{let{key:v}=c(b);return v===n.id}),f=e.findIndex(b=>{let{key:v}=c(b);return v===g.id});h!==-1&&f!==-1&&i(h,f);}},d=jsx(AnimatePresence,{initial:!1,children:e.map(a=>jsx(Ao,{file:a,thumbnail:o,onRemove:r,onHandleMainImage:l,mainUrl:t,sx:m,disableDrag:!i},c(a).key))});return i?jsx(DndContext,{sensors:p,collisionDetection:closestCenter,onDragEnd:u,modifiers:[restrictToHorizontalAxis,restrictToParentElement,restrictToWindowEdges],children:jsx(SortableContext,{items:e.map(a=>c(a).key),strategy:horizontalListSortingStrategy,children:d})}):d};function Oo({file:o}){let e=typeof o=="string"?o:o.name,r=typeof o=="string"?o:URL.createObjectURL(o);return jsx(No,{sx:{p:1,top:0,left:0,width:1,height:1,position:"absolute"},children:jsx(No,{component:"img",alt:e,src:r,sx:{width:1,height:1,borderRadius:1,objectFit:"cover"}})})}function wr({sx:o,...e}){return jsx(Go,{size:"small",sx:{top:16,right:16,zIndex:9,position:"absolute",color:r=>k(r.vars.palette.common.whiteChannel,.8),bgcolor:r=>k(r.vars.palette.grey["900Channel"],.72),"&:hover":{bgcolor:r=>k(r.vars.palette.grey["900Channel"],.48)},...o},...e,"aria-label":"Remover arquivo",children:jsx(a,{icon:"DELETE_MARK_BUTTON_02",width:18})})}var xe=({header:o,description:e,sx:r,...i})=>jsxs(G,{spacing:5,alignItems:"center",justifyContent:"center",direction:{xs:"column",md:"row"},sx:{width:1,textAlign:{xs:"center",md:"left"},...r},...i,children:[jsx(a$1,{sx:{width:220}}),jsxs("div",{children:[jsx(ro,{gutterBottom:!0,variant:"h5",children:o||"Soltar ou selecionar arquivos"}),jsx(ro,{variant:"body2",sx:{color:"text.secondary"},children:e||jsxs(Fragment,{children:["Solte os arquivos aqui ou clique",jsx(ro,{variant:"body2",component:"span",sx:{mx:.5,color:"primary.main",textDecoration:"underline"},children:"procurar"}),"na sua m\xE1quina"]})})]})]}),io=memo(xe);var Mo=styled(No,{shouldForwardProp:o=>!["isDragActive","isError","disabled"].includes(o)})(({theme:o,isDragActive:e,isError:r,disabled:i})=>({outline:"none",cursor:"pointer",overflow:"hidden",position:"relative",padding:o.spacing(5),borderRadius:o.shape.borderRadius,transition:o.transitions.create("padding"),backgroundColor:o.palette.background.neutral,border:`1px dashed ${alpha(o.palette.grey[500],.32)}`,...e&&{opacity:.72},...r&&{color:o.palette.error.main,backgroundColor:o.palette.error.lighter,borderColor:o.palette.error.light},...i&&{opacity:.48,pointerEvents:"none"},"&:hover":{opacity:.72}}));var Ee=({sx:o,id:e,tabIndex:r,uploading:i,getRootProps:l,getInputProps:t,isDragActive:m,isError:p,disabled:u,dropZoneSxProps:d$1,dropZoneContent:a,children:n,...g})=>jsxs(d,{children:[i&&jsx(a$4,{"data-testid":"uploading-progress-bar"}),jsxs(No,{sx:{width:1,position:"relative",...o},children:[jsxs(Mo,{...l(),"data-testid":"drop-zone-styled-area",isError:p,isDragActive:m,disabled:!!u,sx:d$1,...g,children:[jsx("input",{...t(),id:e,tabIndex:r}),a]}),n]})]}),ao=Ee;process.env.NODE_ENV==="development"&&console.warn(`\u26A0\uFE0F DEPRECATED: Upload est\xE1 obsoleto. Use FileUpload do @zydon/common em seu lugar.
-Migra\xE7\xE3o: import { SingleFileUpload, MultipleFileUpload } from "@zydon/common/components/FileUpload";
-O FileUpload oferece melhor gerenciamento de upload, integra\xE7\xE3o com APIs e hooks especializados.`);var _e=({id:o,disabled:e$1,multiple:r=!1,error:i,helperText:l,file:t,onDelete:m$1,files:p$1,thumbnail:u,onRemove:d,onHandleMainImage:a$1,mainUrl:n$1,sx:g$1,dropZoneProps:h,placeholderProps:f,placeholderAlt:b,uploading:v,image:E,tabIndex:S,preview:j$1="image",onRemoveAll:N,onUpload:T,onReorder:O,...J})=>{let{getRootProps:M,getInputProps:B,isDragActive:P,isDragReject:U,fileRejections:mo}=useDropzone({multiple:r,disabled:e$1,...J}),Q=!!t&&!r,X=Q||E,lo=p$1&&r&&p$1.length>0,po=typeof t=="string",co=U||!!i;if(j$1==="file")return jsxs(ao,{id:o,uploading:v,disabled:e$1,dropZoneSxProps:h,tabIndex:S,getRootProps:M,getInputProps:B,isDragActive:P,isError:co,dropZoneContent:jsxs(Fragment,{children:[!Q&&jsx(io,{}),Q&&jsxs(G,{component:m.div,...j().inUp,spacing:2,direction:"row",alignItems:"center",sx:{my:1,px:1,py:.75,borderRadius:.75,border:k=>`solid 1px ${k.palette.divider}`,...g$1},children:[jsx(F,{file:t}),jsxs(G,{flexGrow:1,sx:{minWidth:0},children:[jsx(ro,{variant:"subtitle2",noWrap:!0,children:po?t:t.name}),jsx(ro,{variant:"caption",sx:{color:"text.secondary"},children:po?"":e(t.size)})]}),m$1&&jsx(g,{edge:"end",size:"small",disabled:e$1,"aria-label":"Remover arquivo",onClick:k=>{k.stopPropagation(),m$1();},children:jsx(a,{icon:"DELETE_MARK_BUTTON_02",width:16})})]})]}),children:[l&&l,jsx(p,{files:mo}),lo&&jsxs(Fragment,{children:[jsx(No,{sx:{my:3},children:jsx(eo,{files:p$1,thumbnail:u,onRemove:d,onHandleMainImage:a$1,mainUrl:n$1,onReorder:O})}),jsxs(G,{direction:"row",justifyContent:"flex-end",spacing:1.5,children:[N&&jsx(Wo,{color:"inherit",variant:"outlined",size:"small",onClick:N,children:"Remover todos"}),T&&jsx(Wo,{size:"small",variant:"contained",onClick:T,children:"Enviar arquivos"})]})]})]});let go=X?{opacity:0}:void 0;return jsxs(ao,{id:o,uploading:v,disabled:e$1,dropZoneSxProps:h,tabIndex:S,getRootProps:M,getInputProps:B,isDragActive:P,isError:co,dropZoneContent:jsxs(Fragment,{children:[b?jsx(G,{sx:go,children:b}):jsx(io,{sx:go,header:f?.title,description:f?.description}),X&&jsx(Oo,{file:t||E||""})]}),children:[l&&jsx(Re,{error:!!i,sx:k=>({mx:"14px",color:e$1?k.palette.grey[500]:void 0}),children:l}),jsx(p,{files:mo}),X&&m$1&&jsx(n,{size:"small",onClick:m$1,disabled:e$1,"aria-label":"Remover arquivo",children:jsx(a,{icon:"DELETE_MARK_BUTTON_02",width:16})}),lo&&jsx(Fragment,{children:jsx(No,{sx:{my:3,ml:.5},children:jsx(eo,{files:p$1,thumbnail:u,onRemove:d,onHandleMainImage:a$1,mainUrl:n$1,onReorder:O})})})]})},Ko=_e;process.env.NODE_ENV==="development"&&console.warn(`\u26A0\uFE0F DEPRECATED: UploadWithCrop est\xE1 obsoleto. Use SingleImageUpload do @zydon/common em seu lugar.
-Migra\xE7\xE3o: import { SingleImageUpload } from "@zydon/common/components/FileUpload";
-O SingleImageUpload oferece crop integrado, melhor gerenciamento de upload e integra\xE7\xE3o com APIs.`);var Fe=({onFileCropped:o,onImageUploaded:e$2,onCancel:r,aspect:i,label:l,image:t="",uploading:m,file:p,tabIndex:u,maxSize:d$1,onDropRejected:a$1,...n})=>{let{id:g,setCropModalOpen:h,handleRemove:f,toggleCropModalOpen:b,cropModalOpen:v,cancelChanges:E,saveChanges:S,previewImage:j,setCropper:N,preview:T,closePreviewImage:O,saving:J}=a$2({onFileCropped:o,onImageUploaded:e$2,onCancel:r}),{error:M}=a$3();return jsxs(Fragment,{children:[jsxs(d,{children:[m&&jsx(a$4,{}),jsx(Ko,{...n,maxSize:d$1,id:g,file:p,onDrop:B=>{if(B.length>0){h(!0);let P=new FileReader;P.addEventListener("load",()=>{let U=P.result?.toString()||"";e$2(U),o(void 0);}),P.readAsDataURL(B[0]);}},image:t,tabIndex:u,onDropRejected:(B,P)=>{let U=B[0]?.errors[0]?.code;e$2(void 0),o(void 0),M(U==="file-too-large"?`Imagem n\xE3o pode ser maior que ${e(d$1)}`:"Erro ao enviar imagem"),a$1&&a$1(B,P);}}),(p||t)&&jsxs(e$1,{className:"actions",children:[jsx(Wo,{color:"inherit",startIcon:jsx(a,{icon:"DELETE_MARK_BUTTON_02",color:"error.main"}),onClick:f,children:"Remover"}),jsx(Wo,{color:"inherit",startIcon:jsx(a,{icon:"SEARCH_IMAGE",color:"primary.maon"}),onClick:b,children:"Editar"})]})]}),jsx(a$5,{id:g,open:v,onClose:E,label:l,aspectRatio:i,imageSrc:t,onRemove:f,onSave:S,onPreview:j,onInitialized:N,loading:J}),jsx(we,{open:!!T,onClose:O,scroll:"body",PaperProps:{sx:{p:2}},children:T&&jsx("img",{src:T,alt:"Preview"})})]})},St=Fe;
-
-export { eo as a, Oo as b, wr as c, Ko as d, St as e };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-L4FRE2NC.js.map

package/dist/chunk-MQAMSYYK.js

@@ -1,8 +0,0 @@
-import { a } from './chunk-ET3WPQIO.js';
-import { useRef, useCallback } from 'react';
-
-function o(e){let n=useRef(()=>{throw new Error("Cannot call an event handler while rendering.")});return a(()=>{n.current=e;},[e]),useCallback((...s)=>n.current?.(...s),[n])}var f=o;
-
-export { o as a, f as b };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-MQAMSYYK.js.map

package/dist/chunk-MQAMSYYK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useEventCallback.ts"],"names":["useCallback","useRef","useEventCallback","fn","ref","useIsomorphicLayoutEffect_default","args","useEventCallback_default"],"mappings":"wCAAA,OAAS,eAAAA,EAAa,UAAAC,MAAc,QAU7B,SAASC,EACdC,EACoC,CACpC,IAAMC,EAAMH,EAAkB,IAAM,CAClC,MAAM,IAAI,MAAM,+CAA+C,CACjE,CAAC,EAED,OAAAI,EAA0B,IAAM,CAC9BD,EAAI,QAAUD,CAChB,EAAG,CAACA,CAAE,CAAC,EAEAH,EAAY,IAAIM,IAAeF,EAAI,UAAU,GAAGE,CAAI,EAAG,CAACF,CAAG,CAAC,CAGrE,CAEA,IAAOG,EAAQL","sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';\n\nexport function useEventCallback<Args extends unknown[], R>(\n  fn: (...args: Args) => R,\n): (...args: Args) => R;\nexport function useEventCallback<Args extends unknown[], R>(\n  fn: ((...args: Args) => R) | undefined,\n): ((...args: Args) => R) | undefined;\nexport function useEventCallback<Args extends unknown[], R>(\n  fn: ((...args: Args) => R) | undefined,\n): ((...args: Args) => R) | undefined {\n  const ref = useRef<typeof fn>(() => {\n    throw new Error('Cannot call an event handler while rendering.');\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n\n  return useCallback((...args: Args) => ref.current?.(...args), [ref]) as (\n    ...args: Args\n  ) => R;\n}\n\nexport default useEventCallback;\n"]}

package/dist/chunk-SA2BESEB.js

@@ -1,17 +0,0 @@
-import { e } from './chunk-OF6623HG.js';
-import { k as k$1 } from './chunk-GLRLKFPS.js';
-import x from '@mui/material/Box';
-import D from '@mui/material/Paper';
-import z from '@mui/material/Typography';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import E from '@mui/material/CircularProgress';
-import i from '@mui/material/IconButton';
-import l from '@mui/material/Stack';
-import { styled, alpha } from '@mui/material/styles';
-import { m } from 'framer-motion';
-
-var y=["pdf"],h=["txt"],f=["psd"],k=["doc","docx"],I=["xls","xlsx"],v=["zip","rar","iso"],w=["ai","esp"],C=["ppt","pptx"],F=["wav","aif","mp3","aac"],T=["jpg","jpeg","gif","bmp","png","svg","webp"],R=["m4v","avi","mpg","mp4","webm"];function O(e){let o,t=p(e);switch(e.includes(t)){case h.includes(t):o="txt";break;case v.includes(t):o="zip";break;case F.includes(t):o="audio";break;case T.includes(t):o="image";break;case R.includes(t):o="video";break;case k.includes(t):o="word";break;case I.includes(t):o="excel";break;case C.includes(t):o="powerpoint";break;case y.includes(t):o="pdf";break;case f.includes(t):o="photoshop";break;case w.includes(t):o="illustrator";break;case e?.startsWith("http"):o="image";break;default:o=p(e);}return o}function B(e){let o;switch(O(e)){case"folder":o="IC_FOLDER";break;case"txt":o="IC_TXT";break;case"zip":o="IC_ZIP";break;case"audio":o="IC_AUDIO";break;case"video":o="IC_VIDEO";break;case"word":o="IC_WORD";break;case"excel":o="IC_EXCEL";break;case"powerpoint":o="IC_POWER_POINT";break;case"pdf":o="IC_PDF";break;case"photoshop":o="IC_PTS";break;case"illustrator":o="IC_AI";break;case"image":o="IC_IMG";break;default:o="IC_FILE";}return o}function p(e){return e&&e.split(".").pop()||""}function _(e){return e.split("/").pop()}function g(e){return typeof e=="string"?{key:e,preview:e,name:_(e),type:p(e),size:void 0,path:e,lastModified:void 0,lastModifiedDate:void 0}:{key:`key:${e.name}`,name:e.name,size:e.size,path:e.path,type:e.type,preview:e.preview,lastModified:e.lastModified,lastModifiedDate:e.lastModifiedDate}}function N({files:e$1}){return e$1.length?jsx(D,{variant:"outlined",sx:{py:1,px:2,mt:3,textAlign:"left",borderStyle:"dashed",borderColor:"error.main",bgcolor:o=>k$1(o.vars.palette.error.mainChannel,.08)},children:e$1.map(({file:o,errors:t})=>{let{path:n,size:d}=g(o),m=d?e(d):"";return jsxs(x,{sx:{my:1},children:[jsxs(z,{variant:"subtitle2",noWrap:!0,children:[n," - ",m," "]}),t.map(c=>jsxs(x,{component:"span",sx:{typography:"caption"},children:["- ",c.message]},c.code))]},n)})}):null}var Y=styled(l)({position:"relative",width:"100%",borderRadius:8,overflow:"hidden","&:hover .actions":{display:"flex"}}),ee=styled(l)(({theme:e})=>({display:"none",position:"absolute",alignItems:"center",justifyContent:"center",flexDirection:"row",gap:12,width:"100%",height:"100%",backgroundColor:alpha(e.palette.primary.main,.9),zIndex:999,button:{"&, &:hover, &:focus":{backgroundColor:e.palette.background.paper}}})),oe=styled(E)(({theme:e})=>({position:"absolute",width:"100%",height:"100%",zIndex:99,backgroundColor:e.palette.background.paper,borderRadius:"50%"})),te=styled(i)(({theme:e})=>({position:"relative",zIndex:999,pointerEvents:"auto",bgcolor:alpha(e.palette.grey[900],.72),"&:hover":{backgroundColor:alpha(e.palette.grey[900],.48)}})),re=styled("div")({position:"relative",zIndex:1,userSelect:"none",WebkitUserSelect:"none",WebkitTouchCallout:"none","&:hover":{zIndex:2}}),ae=styled(l)(({theme:e,width:o,isDragging:t})=>({width:o,height:80,alignItems:"center",display:"inline-flex",justifyContent:"center",margin:e.spacing(.5),padding:e.spacing(2,1,2,1),borderRadius:e.spacing(1.25),overflow:"hidden",position:"relative",border:`solid 1px ${e.palette.divider}`,backgroundColor:e.palette.common.white,zIndex:1,transition:"box-shadow 150ms ease-in-out",boxShadow:t?`0 0 0 2px ${e.palette.primary.main}, ${e.customShadows.z8}, inset 0 0 0 1000px ${alpha(e.palette.primary.main,.06)}`:"0px 0px 0px 0px rgba(0, 0, 0, 0)"})),ie=styled(m.div)(({theme:e,width:o,isDragging:t})=>({width:o,height:60,alignItems:"center",display:"inline-flex",justifyContent:"center",margin:e.spacing(.5),padding:e.spacing(2),borderRadius:e.spacing(1.25),overflow:"hidden",position:"relative",border:`solid 1px ${e.palette.divider}`,backgroundColor:e.palette.common.white,zIndex:1,transition:"box-shadow 150ms ease-in-out",boxShadow:t?`0 0 0 2px ${e.palette.primary.main}, ${e.customShadows.z8}, inset 0 0 0 1000px ${alpha(e.palette.primary.main,.06)}`:"0px 0px 0px 0px rgba(0, 0, 0, 0)"})),ne=styled(i)(({theme:e})=>({width:36,height:36,position:"absolute",top:10,right:10,borderRadius:0,zIndex:1,opacity:0,transition:"opacity 50ms ease-in-out",color:e.palette.error.main,backgroundColor:alpha(e.palette.common.white,.8),"&:hover":{backgroundColor:alpha(e.palette.common.white,.8),opacity:1}})),pe=styled(i)(({theme:e})=>({width:24,height:24,position:"absolute",top:18,right:8,borderRadius:12,opacity:1,zIndex:1,transition:"opacity 50ms ease-in-out",color:e.palette.grey[500],backgroundColor:e.palette.common.white,"&:hover":{backgroundColor:e.palette.common.white}})),se=styled(i,{shouldForwardProp:e=>e!=="isMainImage"})(({theme:e,isMainImage:o})=>({color:o?e.palette.secondary.main:e.palette.action.disabled,backgroundColor:e.palette.common.white," &:hover":{backgroundColor:e.palette.common.white},top:4,left:8,padding:e.spacing(.5),border:"1px solid",borderColor:o?e.palette.secondary.main:e.palette.divider})),le=styled(i)(({theme:e})=>({top:16,right:16,zIndex:9,position:"absolute",color:alpha(e.palette.common.white,.8),bgcolor:alpha(e.palette.grey[900],.72),"&:hover":{bgcolor:alpha(e.palette.grey[900],.48)}})),de=styled(x,{shouldForwardProp:e=>e!=="isDragActive"&&e!=="disabled"&&e!=="hasError"})(({theme:e,isDragActive:o,disabled:t,hasError:n})=>({width:64,height:64,flexShrink:0,display:"flex",borderRadius:1,cursor:"pointer",alignItems:"center",color:e.palette.text.disabled,justifyContent:"center",bgcolor:alpha(e.palette.grey[500],.08),border:`dashed 1px ${alpha(e.palette.grey[500],.16)}`,...o&&{opacity:.72},...t&&{opacity:.48,pointerEvents:"none"},...n&&{color:e.palette.error.main,borderColor:e.palette.error.main,bgcolor:alpha(e.palette.error.main,.08)},"&:hover":{opacity:.72}}));
-
-export { O as a, B as b, g as c, Y as d, ee as e, oe as f, te as g, re as h, ae as i, ie as j, ne as k, pe as l, se as m, le as n, de as o, N as p };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-SA2BESEB.js.map

package/dist/chunk-SA2BESEB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/upload/components/rejection-files.tsx","../src/components/file-thumbnail/utils.ts","../src/components/upload/styles.ts"],"names":["Box","Paper","Typography","FORMAT_PDF","FORMAT_TEXT","FORMAT_PHOTOSHOP","FORMAT_WORD","FORMAT_EXCEL","FORMAT_ZIP","FORMAT_ILLUSTRATOR","FORMAT_POWERPOINT","FORMAT_AUDIO","FORMAT_IMG","FORMAT_VIDEO","fileFormat","fileUrl","format","fileByUrl","fileTypeByUrl","fileThumb","thumb","fileNameByUrl","fileData","file","jsx","jsxs","RejectionFiles","files","theme","varAlpha","errors","path","size","sizeText","fData","error","CircularProgress","IconButton","Stack","alpha","styled","m","Container","OverlayActions","AvatarLoading","CloseIconButton","DragWrapper","FrameFileThumbnail","width","isDragging","FrameImageThumbnail","DeleteItemButton","DeleteFileButton","StarButton","prop","isMainImage","DeleteButton","BoxUpload","isDragActive","disabled","hasError"],"mappings":"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","sourcesContent":["/* eslint-disable react/function-component-definition */\nimport type { FileRejection } from 'react-dropzone';\nimport Box from '@mui/material/Box';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\n\nimport { varAlpha } from 'theme/styles';\nimport { fData } from 'utils/formatNumber';\n\nimport { fileData } from '../../file-thumbnail';\n\n// ----------------------------------------------------------------------\n\ntype Props = {\n  files: FileRejection[];\n};\n\nexport function RejectionFiles({ files }: Props) {\n  if (!files.length) {\n    return null;\n  }\n\n  return (\n    <Paper\n      variant=\"outlined\"\n      sx={{\n        py: 1,\n        px: 2,\n        mt: 3,\n        textAlign: 'left',\n        borderStyle: 'dashed',\n        borderColor: 'error.main',\n        bgcolor: theme => varAlpha(theme.vars.palette.error.mainChannel, 0.08),\n      }}\n    >\n      {files.map(({ file, errors }) => {\n        const { path, size } = fileData(file);\n        /* istanbul ignore else */\n        const sizeText = size ? fData(size) : '';\n        return (\n          <Box key={path} sx={{ my: 1 }}>\n            <Typography variant=\"subtitle2\" noWrap>\n              {path} - {sizeText}{' '}\n            </Typography>\n            {errors.map(error => (\n              <Box\n                key={error.code}\n                component=\"span\"\n                sx={{ typography: 'caption' }}\n              >\n                - {error.message}\n              </Box>\n            ))}\n          </Box>\n        );\n      })}\n    </Paper>\n  );\n}\n","import type { ExtendFile } from './types';\n\nconst FORMAT_PDF = ['pdf'];\nconst FORMAT_TEXT = ['txt'];\nconst FORMAT_PHOTOSHOP = ['psd'];\nconst FORMAT_WORD = ['doc', 'docx'];\nconst FORMAT_EXCEL = ['xls', 'xlsx'];\nconst FORMAT_ZIP = ['zip', 'rar', 'iso'];\nconst FORMAT_ILLUSTRATOR = ['ai', 'esp'];\nconst FORMAT_POWERPOINT = ['ppt', 'pptx'];\nconst FORMAT_AUDIO = ['wav', 'aif', 'mp3', 'aac'];\nconst FORMAT_IMG = ['jpg', 'jpeg', 'gif', 'bmp', 'png', 'svg', 'webp'];\nconst FORMAT_VIDEO = ['m4v', 'avi', 'mpg', 'mp4', 'webm'];\n\nexport function fileFormat(fileUrl: string) {\n  let format;\n\n  const fileByUrl = fileTypeByUrl(fileUrl);\n\n  switch (fileUrl.includes(fileByUrl)) {\n    case FORMAT_TEXT.includes(fileByUrl):\n      format = 'txt';\n      break;\n    case FORMAT_ZIP.includes(fileByUrl):\n      format = 'zip';\n      break;\n    case FORMAT_AUDIO.includes(fileByUrl):\n      format = 'audio';\n      break;\n    case FORMAT_IMG.includes(fileByUrl):\n      format = 'image';\n      break;\n    case FORMAT_VIDEO.includes(fileByUrl):\n      format = 'video';\n      break;\n    case FORMAT_WORD.includes(fileByUrl):\n      format = 'word';\n      break;\n    case FORMAT_EXCEL.includes(fileByUrl):\n      format = 'excel';\n      break;\n    case FORMAT_POWERPOINT.includes(fileByUrl):\n      format = 'powerpoint';\n      break;\n    case FORMAT_PDF.includes(fileByUrl):\n      format = 'pdf';\n      break;\n    case FORMAT_PHOTOSHOP.includes(fileByUrl):\n      format = 'photoshop';\n      break;\n    case FORMAT_ILLUSTRATOR.includes(fileByUrl):\n      format = 'illustrator';\n      break;\n    case fileUrl?.startsWith('http'):\n      format = 'image';\n      break;\n    default:\n      format = fileTypeByUrl(fileUrl);\n  }\n\n  return format;\n}\n\nexport function fileThumb(fileUrl: string) {\n  let thumb;\n\n  switch (fileFormat(fileUrl)) {\n    case 'folder':\n      thumb = 'IC_FOLDER';\n      break;\n    case 'txt':\n      thumb = 'IC_TXT';\n      break;\n    case 'zip':\n      thumb = 'IC_ZIP';\n      break;\n    case 'audio':\n      thumb = 'IC_AUDIO';\n      break;\n    case 'video':\n      thumb = 'IC_VIDEO';\n      break;\n    case 'word':\n      thumb = 'IC_WORD';\n      break;\n    case 'excel':\n      thumb = 'IC_EXCEL';\n      break;\n    case 'powerpoint':\n      thumb = 'IC_POWER_POINT';\n      break;\n    case 'pdf':\n      thumb = 'IC_PDF';\n      break;\n    case 'photoshop':\n      thumb = 'IC_PTS';\n      break;\n    case 'illustrator':\n      thumb = 'IC_AI';\n      break;\n    case 'image':\n      thumb = 'IC_IMG';\n      break;\n    default:\n      thumb = 'IC_FILE';\n  }\n  return thumb;\n}\n\nexport function fileTypeByUrl(fileUrl: string) {\n  return (fileUrl && fileUrl.split('.').pop()) || '';\n}\n\nexport function fileNameByUrl(fileUrl: string) {\n  return fileUrl.split('/').pop();\n}\n\nexport function fileData(file: File | string) {\n  // From url\n  if (typeof file === 'string') {\n    return {\n      key: file,\n      preview: file,\n      name: fileNameByUrl(file),\n      type: fileTypeByUrl(file),\n      size: undefined,\n      path: file,\n      lastModified: undefined,\n      lastModifiedDate: undefined,\n    };\n  }\n\n  // From file\n  return {\n    key: `key:${file.name}`,\n    name: file.name,\n    size: file.size,\n    path: (file as ExtendFile).path,\n    type: file.type,\n    preview: (file as ExtendFile).preview,\n    lastModified: file.lastModified,\n    lastModifiedDate: (file as ExtendFile).lastModifiedDate,\n  };\n}\n","import Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport { alpha, styled } from '@mui/material/styles';\nimport { m } from 'framer-motion';\n\nexport const Container = styled(Stack)({\n  position: 'relative',\n  width: '100%',\n  borderRadius: 8,\n  overflow: 'hidden',\n\n  '&:hover .actions': {\n    display: 'flex',\n  },\n});\n\nexport const OverlayActions = styled(Stack)(({ theme }) => ({\n  display: 'none',\n  position: 'absolute',\n  alignItems: 'center',\n  justifyContent: 'center',\n  flexDirection: 'row',\n  gap: 12,\n  width: '100%',\n  height: '100%',\n  backgroundColor: alpha(theme.palette.primary.main, 0.9),\n  zIndex: 999,\n\n  button: {\n    '&, &:hover, &:focus': {\n      backgroundColor: theme.palette.background.paper,\n    },\n  },\n}));\n\nexport const AvatarLoading = styled(CircularProgress)(({ theme }) => ({\n  position: 'absolute',\n  width: '100%',\n  height: '100%',\n  zIndex: 99,\n  backgroundColor: theme.palette.background.paper,\n  borderRadius: '50%',\n}));\n\nexport const CloseIconButton = styled(IconButton)(({ theme }) => ({\n  position: 'relative',\n  zIndex: 999,\n  pointerEvents: 'auto',\n  bgcolor: alpha(theme.palette.grey[900], 0.72),\n\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.grey[900], 0.48),\n  },\n}));\n\nexport const DragWrapper = styled('div')({\n  position: 'relative',\n  zIndex: 1,\n  userSelect: 'none',\n  WebkitUserSelect: 'none',\n  WebkitTouchCallout: 'none',\n  '&:hover': {\n    zIndex: 2,\n  },\n});\n\nexport const FrameFileThumbnail = styled(Stack)<{\n  width: number;\n  isDragging: boolean;\n}>(({ theme, width, isDragging }) => ({\n  width,\n  height: 80,\n  alignItems: 'center',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  margin: theme.spacing(0.5),\n  padding: theme.spacing(2, 1, 2, 1),\n  borderRadius: theme.spacing(1.25),\n  overflow: 'hidden',\n  position: 'relative',\n  border: `solid 1px ${theme.palette.divider}`,\n  backgroundColor: theme.palette.common.white,\n  zIndex: 1,\n  transition: 'box-shadow 150ms ease-in-out',\n  boxShadow: !isDragging\n    ? '0px 0px 0px 0px rgba(0, 0, 0, 0)'\n    : `0 0 0 2px ${theme.palette.primary.main}, ${theme.customShadows.z8}, inset 0 0 0 1000px ${alpha(\n        theme.palette.primary.main,\n        0.06,\n      )}`,\n}));\n\nexport const FrameImageThumbnail = styled(m.div)<{\n  width: number;\n  isDragging: boolean;\n}>(({ theme, width, isDragging }) => ({\n  width,\n  height: 60,\n  alignItems: 'center',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  margin: theme.spacing(0.5),\n  padding: theme.spacing(2),\n  borderRadius: theme.spacing(1.25),\n  overflow: 'hidden',\n  position: 'relative',\n  border: `solid 1px ${theme.palette.divider}`,\n  backgroundColor: theme.palette.common.white,\n  zIndex: 1,\n  transition: 'box-shadow 150ms ease-in-out',\n  boxShadow: !isDragging\n    ? '0px 0px 0px 0px rgba(0, 0, 0, 0)'\n    : `0 0 0 2px ${theme.palette.primary.main}, ${theme.customShadows.z8}, inset 0 0 0 1000px ${alpha(\n        theme.palette.primary.main,\n        0.06,\n      )}`,\n}));\n\nexport const DeleteItemButton = styled(IconButton)(({ theme }) => ({\n  width: 36,\n  height: 36,\n  position: 'absolute',\n  top: 10,\n  right: 10,\n  borderRadius: 0,\n  zIndex: 1,\n  opacity: 0,\n  transition: 'opacity 50ms ease-in-out',\n  color: theme.palette.error.main,\n  backgroundColor: alpha(theme.palette.common.white, 0.8),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.common.white, 0.8),\n    opacity: 1,\n  },\n}));\n\nexport const DeleteFileButton = styled(IconButton)(({ theme }) => ({\n  width: 24,\n  height: 24,\n  position: 'absolute',\n  top: 18,\n  right: 8,\n  borderRadius: 12,\n  opacity: 1,\n  zIndex: 1,\n  transition: 'opacity 50ms ease-in-out',\n  color: theme.palette.grey[500],\n  backgroundColor: theme.palette.common.white,\n  '&:hover': {\n    backgroundColor: theme.palette.common.white,\n  },\n}));\n\nexport const StarButton = styled(IconButton, {\n  shouldForwardProp: prop => prop !== 'isMainImage',\n})<{\n  isMainImage: boolean;\n}>(({ theme, isMainImage }) => ({\n  color: isMainImage\n    ? theme.palette.secondary.main\n    : theme.palette.action.disabled,\n  backgroundColor: theme.palette.common.white,\n  ' &:hover': {\n    backgroundColor: theme.palette.common.white,\n  },\n  top: 4,\n  left: 8,\n  padding: theme.spacing(0.5),\n  border: '1px solid',\n  borderColor: isMainImage\n    ? theme.palette.secondary.main\n    : theme.palette.divider,\n}));\n\nexport const DeleteButton = styled(IconButton)(({ theme }) => ({\n  top: 16,\n  right: 16,\n  zIndex: 9,\n  position: 'absolute',\n  color: alpha(theme.palette.common.white, 0.8),\n  bgcolor: alpha(theme.palette.grey[900], 0.72),\n  '&:hover': {\n    bgcolor: alpha(theme.palette.grey[900], 0.48),\n  },\n}));\n\nexport const BoxUpload = styled(Box, {\n  shouldForwardProp: prop =>\n    prop !== 'isDragActive' && prop !== 'disabled' && prop !== 'hasError',\n})<{\n  isDragActive: boolean;\n  disabled: boolean;\n  hasError: boolean;\n}>(({ theme, isDragActive, disabled, hasError }) => ({\n  width: 64,\n  height: 64,\n  flexShrink: 0,\n  display: 'flex',\n  borderRadius: 1,\n  cursor: 'pointer',\n  alignItems: 'center',\n  color: theme.palette.text.disabled,\n  justifyContent: 'center',\n  bgcolor: alpha(theme.palette.grey[500], 0.08),\n  border: `dashed 1px ${alpha(theme.palette.grey[500], 0.16)}`,\n  ...(isDragActive && { opacity: 0.72 }),\n  ...(disabled && { opacity: 0.48, pointerEvents: 'none' }),\n  ...(hasError && {\n    color: theme.palette.error.main,\n    borderColor: theme.palette.error.main,\n    bgcolor: alpha(theme.palette.error.main, 0.08),\n  }),\n  '&:hover': { opacity: 0.72 },\n}));\n"]}

package/dist/chunk-TNSABPJ2.js

@@ -1,27 +0,0 @@
-import { a as a$5 } from './chunk-DOVOMWT6.js';
-import { a as a$2 } from './chunk-IN7SP2ND.js';
-import { a as a$6 } from './chunk-IJZCVZ32.js';
-import { a } from './chunk-UVPQR2Q2.js';
-import { a as a$9 } from './chunk-JBPWWO5D.js';
-import { a as a$7 } from './chunk-6U5LS7MP.js';
-import { a as a$4 } from './chunk-CO2KQFUN.js';
-import { a as a$1 } from './chunk-CMZI4PHD.js';
-import { a as a$8 } from './chunk-XWUVJ22J.js';
-import { a as a$3 } from './chunk-LQRRMVFN.js';
-import { b as b$1 } from './chunk-RPO7AI5K.js';
-import { forwardRef, useCallback, useState } from 'react';
-import so from '@mui/material/Button';
-import To from '@mui/material/CircularProgress';
-import J from '@mui/material/Divider';
-import s from '@mui/material/Stack';
-import x from '@mui/material/Typography';
-import bo from '@mui/material/TablePagination';
-import { styled } from '@mui/material/styles';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { GridToolbarColumnsButton } from '@mui/x-data-grid-premium';
-
-var b="datagrid-actions";var K=styled(a,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:r})=>({position:"relative",borderRadius:12,padding:0,gap:0,overflow:"hidden",[o.breakpoints.down(r)]:{borderColor:o.palette.divider}})),X=styled(s,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:r})=>({flexDirection:"row",alignItems:"center",justifyContent:"space-between",padding:"24px 24px 0",gap:24,[o.breakpoints.down(r)]:{padding:"16px 16px 0"}})),Y=styled(s,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:r})=>({flexDirection:"row",alignItems:"center",gap:12,color:o.palette.text.secondary,[o.breakpoints.down(r)]:{"& button, & a":{textIndent:"-9999em",fontSize:0,minWidth:36,maxWidth:36,height:36,width:36,overflow:"hidden","& .MuiButton-icon":{margin:0}}}})),Z=styled(J)({borderStyle:"dashed",height:16,margin:"auto"}),oo=styled(J)({borderStyle:"dashed",height:12,marginTop:"auto",marginBottom:"auto"}),to=styled(s,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:r})=>({position:"relative",padding:16,flexDirection:"row",alignItems:"center",color:o.palette.text.secondary,[o.breakpoints.down(r)]:{padding:"12px 16px",borderBottom:`1px solid ${o.palette.divider}`,minHeight:60,[o.breakpoints.down(r)]:{"& button":{textIndent:"-9999em",fontSize:0,minWidth:36,maxWidth:36,height:36,width:36,overflow:"hidden","& .MuiButton-icon":{margin:0}}}}})),ro=styled(s,{shouldForwardProp:o=>o!=="breakpoint"})(({theme:o,breakpoint:r})=>({width:320,alignItems:"center",justifyContent:"center",[o.breakpoints.down(r)]:{position:"absolute",left:0,width:"100%",padding:"0 12px",zIndex:1,"& fieldset, & input":{display:"flex"},"& .MuiInputAdornment-root":{marginLeft:0}}})),eo=styled(s)(({theme:o})=>({"& .MuiToolbar-root":{height:24,minHeight:24,overflow:"hidden",[o.breakpoints.down("sm")]:{height:"auto",flexWrap:"wrap",justifyContent:"center"}}})),no=styled(s)(({theme:o})=>({minHeight:60,alignItems:"flex-end",justifyContent:"center",borderTop:`1px solid ${o.palette.divider}`,[o.breakpoints.down("sm")]:{minHeight:"auto"}})),io=styled(s)(({theme:o})=>({flexDirection:"row",height:60,alignItems:"center",justifyContent:"space-between",borderTop:`1px solid ${o.palette.divider}`,gap:16,padding:16}));var xo=({count:o,page:r,rowsPerPage:e,onPageChange:w,onRowsPerPageChange:l})=>jsx(eo,{children:jsx(bo,{color:"primary",component:"div",size:"small",count:o,page:r,rowsPerPage:e,onPageChange:(u,m)=>w(m),onRowsPerPageChange:u=>l(Number(u.target.value))})}),S=xo;var So=forwardRef(({children:o,...r},e)=>jsx(so,{...r,ref:e,color:"inherit",startIcon:jsx(a$1,{icon:"COLUMNS"}),children:o??"Colunas"}));So.displayName="ColumnsButton";var vo=({setFilterButtonEl:o})=>{let r=useCallback(e=>{o(e);},[o]);return jsx(a$2,{container:b,children:jsx(GridToolbarColumnsButton,{ref:r,slotProps:{button:{color:"inherit",startIcon:jsx(a$1,{icon:"COLUMNS"}),children:"Colunas"}}})})},po=vo;var Bo=({title:o,headerContent:r,breakpoint:e="md",columns:w,rows:l=[],mobileRender:u,rowCount:m=0,paginationModel:p={page:0,pageSize:25},onPaginationChange:f,actions:T,moreActions:I,onAdd:B,onSearch:A,searchValue:lo,onSearchChange:mo,slots:C,slotProps:co,loading:c,fetching:R,containerProps:go={height:562,maxHeight:562},hideFooter:H,hideHeader:M=!1,showColumnButton:G=!1,...uo})=>{let h=a$3(),P=b$1("down",e),[fo,ho]=useState(null),z=!!A,k=!!B,F=!!T,Po=F||k,N=!!I,O=N||z||G||!P,D={...C,footer:()=>jsxs(io,{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:m})]}),jsx(S,{count:m,page:p.page,rowsPerPage:p.pageSize,onPageChange:n=>f(n,p.pageSize),onRowsPerPageChange:n=>f(p.page,n)})]})};return G&&!D.toolbar&&(D.toolbar=po),jsxs(K,{breakpoint:e,...go,flex:c?1:void 0,minHeight:!c&&l.length===0?562:void 0,children:[!M&&jsxs(Fragment,{children:[jsxs(X,{breakpoint:e,children:[jsx(x,{variant:"overline",color:"text.secondary",noWrap:!0,children:o}),Po&&jsxs(Y,{breakpoint:e,children:[F&&jsxs(Fragment,{children:[T,k&&jsx(Z,{orientation:"vertical",flexItem:!0})]}),k&&jsx(so,{startIcon:jsx(a$1,{icon:"SIMPLE_ADD"}),variant:"contained",onClick:B,children:"Adicionar"})]})]}),O&&jsxs(to,{breakpoint:e,children:[jsx(s,{flex:1,direction:"row",alignItems:"center",id:b,gap:.5,children:N&&jsxs(Fragment,{children:[jsx(so,{color:"inherit",startIcon:jsx(a$1,{icon:"MORE_BOLD"}),size:"small",onClick:h.onOpen,children:"Mais"}),!P&&jsx(oo,{orientation:"vertical",flexItem:!0}),jsx(a$4,{open:h.open,anchorEl:h.open,onClose:h.onClose,sx:{minWidth:160},disabledArrow:P,children:I})]})}),z&&jsx(ro,{breakpoint:e,children:jsx(a$5,{value:lo,placeholder:"Buscar",onSearch:A,onChange:n=>mo?.(n.target.value),size:"small",fullWidth:!0,iconPosition:"start"})})]})]}),!O&&!M&&jsx(J,{sx:{mt:2}}),r&&r,P?jsxs(a$6,{isFetching:R,fetching:jsx(a$7,{}),isLoading:c,loading:jsx(To,{sx:{m:"160px auto"}}),isEmpty:l.length===0,empty:jsx(s,{flex:1,alignItems:"center",justifyContent:"center",children:C?.noRowsOverlay?jsx(C.noRowsOverlay,{}):jsx(x,{variant:"body2",color:"text.secondary",children:"Nenhum registro encontrado"})}),children:[jsx(a$8,{fillContent:!0,children:l.map(n=>u(n))}),!H&&jsx(no,{children:jsx(S,{count:m,page:p.page,rowsPerPage:p.pageSize,onPageChange:n=>f(n,p.pageSize),onRowsPerPageChange:n=>f(p.page,n)})})]}):jsx(a$9,{columns:w,rows:l,slots:D,slotProps:{panel:{anchorEl:fo},toolbar:{setFilterButtonEl:ho,showQuickFilter:!0},...co},columnHeaderHeight:48,getRowHeight:()=>68,loading:c,fetching:R,hideFooter:H,...uo})]},c?"loading":"data")},Pt=Bo;
-
-export { K as a, X as b, Y as c, Z as d, oo as e, to as f, ro as g, no as h, io as i, po as j, Pt as k };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-TNSABPJ2.js.map

package/dist/chunk-TNSABPJ2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DataView/index.tsx","../src/components/DataView/contants.ts","../src/components/DataView/Pagination.tsx","../src/components/DataView/styles.ts","../src/components/DataView/Toolbar.tsx"],"names":["useState","Button","CircularProgress","Divider","Stack","Typography","DATAGRID_ACTIONS","MuiPagination","styled","Container","Panel_default","prop","theme","breakpoint","Header","ActionsContainer","ActionsDivider","ToolbarActionsDivider","Topbar","SearchContainer","PaginationContainer","MobilePaginationContainer","DesktopPaginationContainer","jsx","Pagination","count","page","rowsPerPage","onPageChange","onRowsPerPageChange","_","newPage","event","Pagination_default","forwardRef","useCallback","GridToolbarColumnsButton","ColumnsButton","children","props","ref","Icon_default","Toolbar","setFilterButtonEl","handleColumnsButtonRef","button","Portal_default","Toolbar_default","Fragment","jsxs","DataView","title","headerContent","columns","rows","mobileRender","rowCount","paginationModel","onPaginationChange","actions","moreActions","onAdd","onSearch","searchValue","onSearchChange","slots","slotProps","loading","fetching","containerProps","hideFooter","hideHeader","showColumnButton","others","popover","usePopover_default","isMobile","useResponsive_default","filterButtonEl","showSearch","showAdd","showActions","showActionsContainer","showMoreActions","showTopbar","dataGridSlots","newRowsPerPage","MenuPopover_default","SearchInput_default","e","Result_default","FixedProgressBar_default","Scrollbar_default","row","DataGrid_default","DataView_default"],"mappings":"wbAAA,OAAoB,YAAAA,OAAgB,QACpC,OAAOC,OAAY,uBACnB,OAAOC,OAAsB,iCAC7B,OAAOC,OAAa,wBACpB,OAAOC,MAAW,sBAClB,OAAOC,MAAgB,2BCLhB,IAAMC,EAAmB,mBCAhC,OAAOC,OAAmB,gCCA1B,OAAOJ,MAAa,wBACpB,OAAOC,MAA2B,sBAClC,OAAS,UAAAI,MAAc,uBAahB,IAAMC,EAAYD,EAAOE,EAAO,CACrC,kBAAmBC,GAAQA,IAAS,YACtC,CAAC,EAAkB,CAAC,CAAE,MAAAC,EAAO,WAAAC,CAAW,KAAO,CAC7C,SAAU,WACV,aAAc,GACd,QAAS,EACT,IAAK,EACL,SAAU,SAEV,CAACD,EAAM,YAAY,KAAKC,CAAU,CAAC,EAAG,CACpC,YAAaD,EAAM,QAAQ,OAC7B,CACF,EAAE,EAEWE,EAASN,EAAOJ,EAAO,CAClC,kBAAmBO,GAAQA,IAAS,YACtC,CAAC,EAAgB,CAAC,CAAE,MAAAC,EAAO,WAAAC,CAAW,KAAO,CAC3C,cAAe,MACf,WAAY,SACZ,eAAgB,gBAChB,QAAS,cACT,IAAK,GAEL,CAACD,EAAM,YAAY,KAAKC,CAAU,CAAC,EAAG,CACpC,QAAS,aACX,CACF,EAAE,EAEWE,EAAmBP,EAAOJ,EAAO,CAC5C,kBAAmBO,GAAQA,IAAS,YACtC,CAAC,EAAgB,CAAC,CAAE,MAAAC,EAAO,WAAAC,CAAW,KAAO,CAC3C,cAAe,MACf,WAAY,SACZ,IAAK,GACL,MAAOD,EAAM,QAAQ,KAAK,UAE1B,CAACA,EAAM,YAAY,KAAKC,CAAU,CAAC,EAAG,CACpC,gBAAiB,CACf,WAAY,UACZ,SAAU,EACV,SAAU,GACV,SAAU,GACV,OAAQ,GACR,MAAO,GACP,SAAU,SAEV,oBAAqB,CACnB,OAAQ,CACV,CACF,CACF,CACF,EAAE,EAEWG,EAAiBR,EAAOL,CAAO,EAAE,CAC5C,YAAa,SACb,OAAQ,GACR,OAAQ,MACV,CAAC,EAEYc,GAAwBT,EAAOL,CAAO,EAAE,CACnD,YAAa,SACb,OAAQ,GACR,UAAW,OACX,aAAc,MAChB,CAAC,EAEYe,GAASV,EAAOJ,EAAO,CAClC,kBAAmBO,GAAQA,IAAS,YACtC,CAAC,EAAgB,CAAC,CAAE,MAAAC,EAAO,WAAAC,CAAW,KAAO,CAC3C,SAAU,WACV,QAAS,GACT,cAAe,MACf,WAAY,SACZ,MAAOD,EAAM,QAAQ,KAAK,UAE1B,CAACA,EAAM,YAAY,KAAKC,CAAU,CAAC,EAAG,CACpC,QAAS,YACT,aAAc,aAAaD,EAAM,QAAQ,UACzC,UAAW,GAEX,CAACA,EAAM,YAAY,KAAKC,CAAU,CAAC,EAAG,CACpC,WAAY,CACV,WAAY,UACZ,SAAU,EACV,SAAU,GACV,SAAU,GACV,OAAQ,GACR,MAAO,GACP,SAAU,SAEV,oBAAqB,CACnB,OAAQ,CACV,CACF,CACF,CACF,CACF,EAAE,EAEWM,GAAkBX,EAAOJ,EAAO,CAC3C,kBAAmBO,GAAQA,IAAS,YACtC,CAAC,EAAgB,CAAC,CAAE,MAAAC,EAAO,WAAAC,CAAW,KAAO,CAC3C,MAAO,IACP,WAAY,SACZ,eAAgB,SAEhB,CAACD,EAAM,YAAY,KAAKC,CAAU,CAAC,EAAG,CACpC,SAAU,WACV,KAAM,EACN,MAAO,OACP,QAAS,SACT,OAAQ,EAER,sBAAuB,CACrB,QAAS,MACX,EAEA,4BAA6B,CAC3B,WAAY,CACd,CACF,CACF,EAAE,EAEWO,GAAsBZ,EAAOJ,CAAK,EAAE,CAAC,CAAE,MAAAQ,CAAM,KAAO,CAC/D,qBAAsB,CACpB,OAAQ,GACR,UAAW,GACX,SAAU,SAEV,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,OAAQ,OACR,SAAU,OACV,eAAgB,QAClB,CACF,CACF,EAAE,EAEWS,GAA4Bb,EAAOJ,CAAK,EAAE,CAAC,CAAE,MAAAQ,CAAM,KAAO,CACrE,UAAW,GACX,WAAY,WACZ,eAAgB,SAChB,UAAW,aAAaA,EAAM,QAAQ,UAEtC,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,UAAW,MACb,CACF,EAAE,EAEWU,GAA6Bd,EAAOJ,CAAK,EAAE,CAAC,CAAE,MAAAQ,CAAM,KAAO,CACtE,cAAe,MACf,OAAQ,GACR,WAAY,SACZ,eAAgB,gBAChB,UAAW,aAAaA,EAAM,QAAQ,UACtC,IAAK,GACL,QAAS,EACX,EAAE,ED5JI,cAAAW,OAAA,oBATN,IAAMC,GAAa,CAAC,CAClB,MAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,oBAAAC,CACF,IAEIN,GAACH,GAAA,CACC,SAAAG,GAAChB,GAAA,CACC,MAAM,UACN,UAAU,MACV,KAAK,QACL,MAAOkB,EACP,KAAMC,EACN,YAAaC,EACb,aAAc,CAACG,EAAGC,IAAYH,EAAaG,CAAO,EAClD,oBAAqBC,GACnBH,EAAoB,OAAOG,EAAM,OAAO,KAAK,CAAC,EAElD,EACF,EAIGC,EAAQT,GE9Bf,OAAS,cAAAU,GAAY,eAAAC,OAAmB,QACxC,OAAOlC,OAA6B,uBACpC,OAAS,4BAAAmC,OAAgC,2BAcxB,cAAAb,MAAA,oBANjB,IAAMc,GAAgBH,GACpB,CAAC,CAAE,SAAAI,EAAU,GAAGC,CAAM,EAAGC,IACvBjB,EAACtB,GAAA,CACE,GAAGsC,EACJ,IAAKC,EACL,MAAM,UACN,UAAWjB,EAACkB,EAAA,CAAK,KAAK,UAAU,EAE/B,SAAAH,GAAY,UACf,CAEJ,EAEAD,GAAc,YAAc,gBAE5B,IAAMK,GAAU,CAAC,CAAE,kBAAAC,CAAkB,IAAoB,CACvD,IAAMC,EAAyBT,GAC5BU,GAAqC,CACpCF,EAAkBE,CAAM,CAC1B,EACA,CAACF,CAAiB,CACpB,EAEA,OACEpB,EAACuB,EAAA,CAAO,UAAWxC,EACjB,SAAAiB,EAACa,GAAA,CACC,IAAKQ,EACL,UAAW,CACT,OAAQ,CACN,MAAO,UACP,UAAWrB,EAACkB,EAAA,CAAK,KAAK,UAAU,EAChC,SAAU,SACZ,CACF,EACF,EACF,CAEJ,EAEOM,GAAQL,GJ0BT,OAgDY,YAAAM,EA/CV,OAAAzB,EADF,QAAA0B,MAAA,oBAzCN,IAAMC,GAAW,CAAC,CAChB,MAAAC,EACA,cAAAC,EACA,WAAAvC,EAAa,KACb,QAAAwC,EACA,KAAAC,EAAO,CAAC,EACR,aAAAC,EACA,SAAAC,EAAW,EACX,gBAAAC,EAAkB,CAAE,KAAM,EAAG,SAAU,EAAG,EAC1C,mBAAAC,EACA,QAAAC,EACA,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,GACA,eAAAC,GACA,MAAAC,EACA,UAAAC,GACA,QAAAC,EACA,SAAAC,EACA,eAAAC,GAAiB,CAAE,OAAQ,IAAK,UAAW,GAAI,EAC/C,WAAAC,EACA,WAAAC,EAAa,GACb,iBAAAC,EAAmB,GACnB,GAAGC,EACL,IAAqB,CACnB,IAAMC,EAAUC,EAAW,EACrBC,EAAWC,EAAc,OAAQhE,CAAU,EAC3C,CAACiE,GAAgBnC,EAAiB,EACtC3C,GAAmC,IAAI,EAEnC+E,EAAa,CAAC,CAACjB,EACfkB,EAAU,CAAC,CAACnB,EACZoB,EAAc,CAAC,CAACtB,EAChBuB,GAAuBD,GAAeD,EACtCG,EAAkB,CAAC,CAACvB,EACpBwB,EACJD,GAAmBJ,GAAcP,GAAoB,CAACI,EAyBlDS,EAAoC,CACxC,GAAGpB,EACH,OAzB0B,IAC1BhB,EAAC3B,GAAA,CACC,UAAA2B,EAAC7C,EAAA,CAAM,UAAU,MAAM,WAAW,SAAS,IAAK,GAC9C,UAAAmB,EAAClB,EAAA,CAAW,QAAQ,QAAQ,MAAM,gBAAgB,2BAElD,EACAkB,EAAClB,EAAA,CAAW,QAAQ,QAAS,SAAAmD,EAAS,GACxC,EAEAjC,EAACU,EAAA,CACC,MAAOuB,EACP,KAAMC,EAAgB,KACtB,YAAaA,EAAgB,SAC7B,aAAc1B,GACZ2B,EAAmB3B,EAAS0B,EAAgB,QAAQ,EAEtD,oBAAqB6B,GACnB5B,EAAmBD,EAAgB,KAAM6B,CAAc,EAE3D,GACF,CAMF,EAEA,OAAId,GAAoB,CAACa,EAAc,UACrCA,EAAc,QAAUtC,IAIxBE,EAACxC,EAAA,CAEC,WAAYI,EACX,GAAGwD,GACJ,KAAMF,EAAU,EAAI,OACpB,UAAW,CAACA,GAAWb,EAAK,SAAW,EAAI,IAAM,OAEhD,WAACiB,GACAtB,EAAAD,EAAA,CACE,UAAAC,EAACnC,EAAA,CAAO,WAAYD,EAClB,UAAAU,EAAClB,EAAA,CAAW,QAAQ,WAAW,MAAM,iBAAiB,OAAM,GACzD,SAAA8C,EACH,EAEC+B,IACCjC,EAAClC,EAAA,CAAiB,WAAYF,EAC3B,UAAAoE,GACChC,EAAAD,EAAA,CACG,UAAAW,EAEAqB,GACCzD,EAACP,EAAA,CAAe,YAAY,WAAW,SAAQ,GAAC,GAEpD,EAGDgE,GACCzD,EAACtB,GAAA,CACC,UAAWsB,EAACkB,EAAA,CAAK,KAAK,aAAa,EACnC,QAAQ,YACR,QAASoB,EACV,qBAED,GAEJ,GAEJ,EAECuB,GACCnC,EAAC/B,GAAA,CAAO,WAAYL,EAClB,UAAAU,EAACnB,EAAA,CACC,KAAM,EACN,UAAU,MACV,WAAW,SACX,GAAIE,EACJ,IAAK,GAEJ,SAAA6E,GACClC,EAAAD,EAAA,CACE,UAAAzB,EAACtB,GAAA,CACC,MAAM,UACN,UAAWsB,EAACkB,EAAA,CAAK,KAAK,YAAY,EAClC,KAAK,QACL,QAASiC,EAAQ,OAClB,gBAED,EAEC,CAACE,GACArD,EAACN,GAAA,CAAsB,YAAY,WAAW,SAAQ,GAAC,EAGzDM,EAACgE,EAAA,CACC,KAAMb,EAAQ,KACd,SAAUA,EAAQ,KAClB,QAASA,EAAQ,QACjB,GAAI,CACF,SAAU,GACZ,EACA,cAAeE,EAEd,SAAAhB,EACH,GACF,EAEJ,EAECmB,GACCxD,EAACJ,GAAA,CAAgB,WAAYN,EAC3B,SAAAU,EAACiE,EAAA,CACC,MAAOzB,GACP,YAAY,SACZ,SAAUD,EACV,SAAU2B,GAAKzB,KAAiByB,EAAE,OAAO,KAAK,EAC9C,KAAK,QACL,UAAS,GACT,aAAa,QACf,EACF,GAEJ,GAEJ,EAGD,CAACL,GAAc,CAACb,GAAchD,EAACpB,GAAA,CAAQ,GAAI,CAAE,GAAI,CAAE,EAAG,EAEtDiD,GAAiBA,EAEjBwB,EACC3B,EAACyC,EAAA,CACC,WAAYtB,EACZ,SAAU7C,EAACoE,EAAA,EAAiB,EAC5B,UAAWxB,EACX,QAAS5C,EAACrB,GAAA,CAAiB,GAAI,CAAE,EAAG,YAAa,EAAG,EACpD,QAASoD,EAAK,SAAW,EACzB,MACE/B,EAACnB,EAAA,CAAM,KAAM,EAAG,WAAW,SAAS,eAAe,SAChD,SAAA6D,GAAO,cACN1C,EAAC0C,EAAM,cAAN,EAAoB,EAErB1C,EAAClB,EAAA,CAAW,QAAQ,QAAQ,MAAM,iBAAiB,sCAEnD,EAEJ,EAGF,UAAAkB,EAACqE,EAAA,CAAU,YAAW,GACnB,SAAAtC,EAAK,IAAIuC,GAAOtC,EAAasC,CAAG,CAAC,EACpC,EAEC,CAACvB,GACA/C,EAACF,GAAA,CACC,SAAAE,EAACU,EAAA,CACC,MAAOuB,EACP,KAAMC,EAAgB,KACtB,YAAaA,EAAgB,SAC7B,aAAc1B,GACZ2B,EAAmB3B,EAAS0B,EAAgB,QAAQ,EAEtD,oBAAqB6B,GACnB5B,EAAmBD,EAAgB,KAAM6B,CAAc,EAE3D,EACF,GAEJ,EAEA/D,EAACuE,EAAA,CACC,QAASzC,EACT,KAAMC,EACN,MAAO+B,EACP,UAAW,CACT,MAAO,CAAE,SAAUP,EAAe,EAClC,QAAS,CACP,kBAAAnC,GACA,gBAAiB,EACnB,EACA,GAAGuB,EACL,EACA,mBAAoB,GACpB,aAAc,IAAM,GACpB,QAASC,EACT,SAAUC,EACV,WAAYE,EACX,GAAGG,GACN,IA7JGN,EAAU,UAAY,MA+J7B,CAEJ,EAEO4B,GAAQ7C","sourcesContent":["import { ReactNode, useState } from 'react';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Divider from '@mui/material/Divider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\nimport { GridSlotsComponentsProps } from '@mui/x-data-grid-premium';\n\nimport DataGrid from 'components/DataGrid';\nimport FixedProgressBar from 'components/FixedProgressBar';\nimport Icon from 'components/Icon';\nimport MenuPopover from 'components/MenuPopover';\nimport Result from 'components/Result';\nimport Scrollbar from 'components/Scrollbar';\nimport SearchInput from 'components/SearchInput';\nimport usePopover from 'hooks/usePopover';\nimport useResponsive from 'hooks/useResponsive';\n\nimport { DATAGRID_ACTIONS } from './contants';\nimport Pagination from './Pagination';\nimport { DataGridSlotsProps, DataViewProps } from './props';\nimport {\n  ActionsContainer,\n  ActionsDivider,\n  Container,\n  DesktopPaginationContainer,\n  Header,\n  MobilePaginationContainer,\n  SearchContainer,\n  ToolbarActionsDivider,\n  Topbar,\n} from './styles';\nimport Toolbar from './Toolbar';\n\nconst DataView = ({\n  title,\n  headerContent,\n  breakpoint = 'md',\n  columns,\n  rows = [],\n  mobileRender,\n  rowCount = 0,\n  paginationModel = { page: 0, pageSize: 25 },\n  onPaginationChange,\n  actions,\n  moreActions,\n  onAdd,\n  onSearch,\n  searchValue,\n  onSearchChange,\n  slots,\n  slotProps,\n  loading,\n  fetching,\n  containerProps = { height: 562, maxHeight: 562 },\n  hideFooter,\n  hideHeader = false,\n  showColumnButton = false,\n  ...others\n}: DataViewProps) => {\n  const popover = usePopover();\n  const isMobile = useResponsive('down', breakpoint);\n  const [filterButtonEl, setFilterButtonEl] =\n    useState<HTMLButtonElement | null>(null);\n\n  const showSearch = !!onSearch;\n  const showAdd = !!onAdd;\n  const showActions = !!actions;\n  const showActionsContainer = showActions || showAdd;\n  const showMoreActions = !!moreActions;\n  const showTopbar =\n    showMoreActions || showSearch || showColumnButton || !isMobile;\n\n  const renderDesktopFooter = (): ReactNode => (\n    <DesktopPaginationContainer>\n      <Stack direction=\"row\" alignItems=\"center\" gap={0.5}>\n        <Typography variant=\"body2\" color=\"text.disabled\">\n          Total de itens:\n        </Typography>\n        <Typography variant=\"body2\">{rowCount}</Typography>\n      </Stack>\n\n      <Pagination\n        count={rowCount}\n        page={paginationModel.page}\n        rowsPerPage={paginationModel.pageSize}\n        onPageChange={newPage =>\n          onPaginationChange(newPage, paginationModel.pageSize)\n        }\n        onRowsPerPageChange={newRowsPerPage =>\n          onPaginationChange(paginationModel.page, newRowsPerPage)\n        }\n      />\n    </DesktopPaginationContainer>\n  );\n\n  const dataGridSlots: DataGridSlotsProps = {\n    ...slots,\n    footer: renderDesktopFooter as unknown as DataGridSlotsProps['footer'],\n  };\n\n  if (showColumnButton && !dataGridSlots.toolbar) {\n    dataGridSlots.toolbar = Toolbar as unknown as DataGridSlotsProps['toolbar'];\n  }\n\n  return (\n    <Container\n      key={loading ? 'loading' : 'data'}\n      breakpoint={breakpoint}\n      {...containerProps}\n      flex={loading ? 1 : undefined}\n      minHeight={!loading && rows.length === 0 ? 562 : undefined}\n    >\n      {!hideHeader && (\n        <>\n          <Header breakpoint={breakpoint}>\n            <Typography variant=\"overline\" color=\"text.secondary\" noWrap>\n              {title}\n            </Typography>\n\n            {showActionsContainer && (\n              <ActionsContainer breakpoint={breakpoint}>\n                {showActions && (\n                  <>\n                    {actions}\n\n                    {showAdd && (\n                      <ActionsDivider orientation=\"vertical\" flexItem />\n                    )}\n                  </>\n                )}\n\n                {showAdd && (\n                  <Button\n                    startIcon={<Icon icon=\"SIMPLE_ADD\" />}\n                    variant=\"contained\"\n                    onClick={onAdd}\n                  >\n                    Adicionar\n                  </Button>\n                )}\n              </ActionsContainer>\n            )}\n          </Header>\n\n          {showTopbar && (\n            <Topbar breakpoint={breakpoint}>\n              <Stack\n                flex={1}\n                direction=\"row\"\n                alignItems=\"center\"\n                id={DATAGRID_ACTIONS}\n                gap={0.5}\n              >\n                {showMoreActions && (\n                  <>\n                    <Button\n                      color=\"inherit\"\n                      startIcon={<Icon icon=\"MORE_BOLD\" />}\n                      size=\"small\"\n                      onClick={popover.onOpen}\n                    >\n                      Mais\n                    </Button>\n\n                    {!isMobile && (\n                      <ToolbarActionsDivider orientation=\"vertical\" flexItem />\n                    )}\n\n                    <MenuPopover\n                      open={popover.open}\n                      anchorEl={popover.open}\n                      onClose={popover.onClose}\n                      sx={{\n                        minWidth: 160,\n                      }}\n                      disabledArrow={isMobile}\n                    >\n                      {moreActions}\n                    </MenuPopover>\n                  </>\n                )}\n              </Stack>\n\n              {showSearch && (\n                <SearchContainer breakpoint={breakpoint}>\n                  <SearchInput\n                    value={searchValue}\n                    placeholder=\"Buscar\"\n                    onSearch={onSearch}\n                    onChange={e => onSearchChange?.(e.target.value)}\n                    size=\"small\"\n                    fullWidth\n                    iconPosition=\"start\"\n                  />\n                </SearchContainer>\n              )}\n            </Topbar>\n          )}\n        </>\n      )}\n\n      {!showTopbar && !hideHeader && <Divider sx={{ mt: 2 }} />}\n\n      {headerContent && headerContent}\n\n      {isMobile ? (\n        <Result\n          isFetching={fetching}\n          fetching={<FixedProgressBar />}\n          isLoading={loading}\n          loading={<CircularProgress sx={{ m: '160px auto' }} />}\n          isEmpty={rows.length === 0}\n          empty={\n            <Stack flex={1} alignItems=\"center\" justifyContent=\"center\">\n              {slots?.noRowsOverlay ? (\n                <slots.noRowsOverlay />\n              ) : (\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  Nenhum registro encontrado\n                </Typography>\n              )}\n            </Stack>\n          }\n        >\n          <Scrollbar fillContent>\n            {rows.map(row => mobileRender(row))}\n          </Scrollbar>\n\n          {!hideFooter && (\n            <MobilePaginationContainer>\n              <Pagination\n                count={rowCount}\n                page={paginationModel.page}\n                rowsPerPage={paginationModel.pageSize}\n                onPageChange={newPage =>\n                  onPaginationChange(newPage, paginationModel.pageSize)\n                }\n                onRowsPerPageChange={newRowsPerPage =>\n                  onPaginationChange(paginationModel.page, newRowsPerPage)\n                }\n              />\n            </MobilePaginationContainer>\n          )}\n        </Result>\n      ) : (\n        <DataGrid\n          columns={columns}\n          rows={rows}\n          slots={dataGridSlots}\n          slotProps={{\n            panel: { anchorEl: filterButtonEl },\n            toolbar: {\n              setFilterButtonEl,\n              showQuickFilter: true,\n            } as unknown as GridSlotsComponentsProps['toolbar'],\n            ...slotProps,\n          }}\n          columnHeaderHeight={48}\n          getRowHeight={() => 68}\n          loading={loading}\n          fetching={fetching}\n          hideFooter={hideFooter}\n          {...others}\n        />\n      )}\n    </Container>\n  );\n};\n\nexport default DataView;\nexport {\n  ActionsContainer,\n  ActionsDivider,\n  Container,\n  DesktopPaginationContainer,\n  Header,\n  MobilePaginationContainer,\n  SearchContainer,\n  Toolbar,\n  ToolbarActionsDivider,\n  Topbar,\n};\n","export const DATAGRID_ACTIONS = 'datagrid-actions';\n","import MuiPagination from '@mui/material/TablePagination';\n\nimport { PaginationProps } from './props';\nimport { PaginationContainer } from './styles';\n\nconst Pagination = ({\n  count,\n  page,\n  rowsPerPage,\n  onPageChange,\n  onRowsPerPageChange,\n}: PaginationProps) => {\n  return (\n    <PaginationContainer>\n      <MuiPagination\n        color=\"primary\"\n        component=\"div\"\n        size=\"small\"\n        count={count}\n        page={page}\n        rowsPerPage={rowsPerPage}\n        onPageChange={(_, newPage) => onPageChange(newPage)}\n        onRowsPerPageChange={event =>\n          onRowsPerPageChange(Number(event.target.value))\n        }\n      />\n    </PaginationContainer>\n  );\n};\n\nexport default Pagination;\n","import Divider from '@mui/material/Divider';\nimport Stack, { StackProps } from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport { Breakpoint } from '@mui/material/styles';\n\nimport Panel from 'components/Panel';\n\nexport interface DefaultProps {\n  breakpoint: Breakpoint | number;\n}\n\nexport interface ContainerProps extends StackProps {\n  breakpoint: Breakpoint | number;\n}\n\nexport const Container = styled(Panel, {\n  shouldForwardProp: prop => prop !== 'breakpoint',\n})<ContainerProps>(({ theme, breakpoint }) => ({\n  position: 'relative',\n  borderRadius: 12,\n  padding: 0,\n  gap: 0,\n  overflow: 'hidden',\n\n  [theme.breakpoints.down(breakpoint)]: {\n    borderColor: theme.palette.divider,\n  },\n}));\n\nexport const Header = styled(Stack, {\n  shouldForwardProp: prop => prop !== 'breakpoint',\n})<DefaultProps>(({ theme, breakpoint }) => ({\n  flexDirection: 'row',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: '24px 24px 0',\n  gap: 24,\n\n  [theme.breakpoints.down(breakpoint)]: {\n    padding: '16px 16px 0',\n  },\n}));\n\nexport const ActionsContainer = styled(Stack, {\n  shouldForwardProp: prop => prop !== 'breakpoint',\n})<DefaultProps>(({ theme, breakpoint }) => ({\n  flexDirection: 'row',\n  alignItems: 'center',\n  gap: 12,\n  color: theme.palette.text.secondary,\n\n  [theme.breakpoints.down(breakpoint)]: {\n    '& button, & a': {\n      textIndent: '-9999em',\n      fontSize: 0,\n      minWidth: 36,\n      maxWidth: 36,\n      height: 36,\n      width: 36,\n      overflow: 'hidden',\n\n      '& .MuiButton-icon': {\n        margin: 0,\n      },\n    },\n  },\n}));\n\nexport const ActionsDivider = styled(Divider)({\n  borderStyle: 'dashed',\n  height: 16,\n  margin: 'auto',\n});\n\nexport const ToolbarActionsDivider = styled(Divider)({\n  borderStyle: 'dashed',\n  height: 12,\n  marginTop: 'auto',\n  marginBottom: 'auto',\n});\n\nexport const Topbar = styled(Stack, {\n  shouldForwardProp: prop => prop !== 'breakpoint',\n})<DefaultProps>(({ theme, breakpoint }) => ({\n  position: 'relative',\n  padding: 16,\n  flexDirection: 'row',\n  alignItems: 'center',\n  color: theme.palette.text.secondary,\n\n  [theme.breakpoints.down(breakpoint)]: {\n    padding: '12px 16px',\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    minHeight: 60,\n\n    [theme.breakpoints.down(breakpoint)]: {\n      '& button': {\n        textIndent: '-9999em',\n        fontSize: 0,\n        minWidth: 36,\n        maxWidth: 36,\n        height: 36,\n        width: 36,\n        overflow: 'hidden',\n\n        '& .MuiButton-icon': {\n          margin: 0,\n        },\n      },\n    },\n  },\n}));\n\nexport const SearchContainer = styled(Stack, {\n  shouldForwardProp: prop => prop !== 'breakpoint',\n})<DefaultProps>(({ theme, breakpoint }) => ({\n  width: 320,\n  alignItems: 'center',\n  justifyContent: 'center',\n\n  [theme.breakpoints.down(breakpoint)]: {\n    position: 'absolute',\n    left: 0,\n    width: '100%',\n    padding: '0 12px',\n    zIndex: 1,\n\n    '& fieldset, & input': {\n      display: 'flex',\n    },\n\n    '& .MuiInputAdornment-root': {\n      marginLeft: 0,\n    },\n  },\n}));\n\nexport const PaginationContainer = styled(Stack)(({ theme }) => ({\n  '& .MuiToolbar-root': {\n    height: 24,\n    minHeight: 24,\n    overflow: 'hidden',\n\n    [theme.breakpoints.down('sm')]: {\n      height: 'auto',\n      flexWrap: 'wrap',\n      justifyContent: 'center',\n    },\n  },\n}));\n\nexport const MobilePaginationContainer = styled(Stack)(({ theme }) => ({\n  minHeight: 60,\n  alignItems: 'flex-end',\n  justifyContent: 'center',\n  borderTop: `1px solid ${theme.palette.divider}`,\n\n  [theme.breakpoints.down('sm')]: {\n    minHeight: 'auto',\n  },\n}));\n\nexport const DesktopPaginationContainer = styled(Stack)(({ theme }) => ({\n  flexDirection: 'row',\n  height: 60,\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  borderTop: `1px solid ${theme.palette.divider}`,\n  gap: 16,\n  padding: 16,\n}));\n","import { forwardRef, useCallback } from 'react';\nimport Button, { ButtonProps } from '@mui/material/Button';\nimport { GridToolbarColumnsButton } from '@mui/x-data-grid-premium';\n\nimport Icon from 'components/Icon';\nimport Portal from 'components/Portal';\n\nimport { DATAGRID_ACTIONS } from './contants';\nimport { ToolbarProps } from './props';\n\nconst ColumnsButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ children, ...props }, ref) => (\n    <Button\n      {...props}\n      ref={ref}\n      color=\"inherit\"\n      startIcon={<Icon icon=\"COLUMNS\" />}\n    >\n      {children ?? 'Colunas'}\n    </Button>\n  ),\n);\n\nColumnsButton.displayName = 'ColumnsButton';\n\nconst Toolbar = ({ setFilterButtonEl }: ToolbarProps) => {\n  const handleColumnsButtonRef = useCallback(\n    (button: HTMLButtonElement | null) => {\n      setFilterButtonEl(button);\n    },\n    [setFilterButtonEl],\n  );\n\n  return (\n    <Portal container={DATAGRID_ACTIONS}>\n      <GridToolbarColumnsButton\n        ref={handleColumnsButtonRef}\n        slotProps={{\n          button: {\n            color: 'inherit',\n            startIcon: <Icon icon=\"COLUMNS\" />,\n            children: 'Colunas',\n          },\n        }}\n      />\n    </Portal>\n  );\n};\n\nexport default Toolbar;\n"]}