@s_mart/dropzone 9.1.3 → 9.1.5-beta.0

package/dist/index.mjs

@@ -102,7 +102,7 @@ import{styled as T}from"@mui/material";import{colorPalette as k}from"@s_mart/tok
   display: flex;
   align-items: center;
   justify-content: space-between;
-`;import{Box as Fe,Tooltip as Q,Typography as $}from"@mui/material";import{IconButton as J,LIcon as U}from"@s_mart/core";import{lineTimes as Y}from"@s_mart/regular-icons";import{colorPalette as ee}from"@s_mart/tokens";import{useMemo as K}from"react";import{lineFile as De,linePicture as ze,lineXMLFile as ve}from"@s_mart/light-icons";import{lineFileCertificate as xe}from"@s_mart/regular-icons";var W=e=>{switch(e){case"application/xml":case"text/xml":return ve;case"image/gif":case"image/jpeg":case"image/png":case"image/svg":case"image/webp":return ze;case"application/pkcs12":return xe;default:return De}},E=e=>{let t="";return e<1024?t=`${e} Bytes`:e<1024*1024?t=`${(e/1024).toFixed(2)} KB`:e<1024*1024*1024&&(t=`${(e/1024/1024).toFixed(2)} MB`),t};var N=({filesInfo:e})=>{let t=K(()=>e.map(o=>({name:o.name,fileSize:E(o.size),icon:W(o.type)})),[e]),r=K(()=>({totalSize:E(e.reduce((o,i)=>o+i.size,0)),totalFilesLabel:e.length===1?"1 arquivo":`${e.length} arquivos`}),[e]);return{files:t,headerInfo:r}};import{jsx as D,jsxs as A}from"react/jsx-runtime";var oe=({filesInfo:e,onRemoveFile:t,onRemoveAllFiles:r,slotProps:o})=>{let{files:i,headerInfo:l}=N({filesInfo:e});return i.length===0?null:A(_,{...o?.listContainer,children:[A(Fe,{px:1,display:"flex",justifyContent:"space-between",alignItems:"center",children:[A($,{variant:"titleXXS",children:[l.totalFilesLabel," - ",l.totalSize]}),D(Q,{title:"Remover todos",children:D(J,{variant:"text",color:"neutral",sx:{borderRadius:50},onClick:r,children:D(U,{icon:Y,removeMargin:!0})})})]}),i.map((a,s)=>D(Q,{title:a.name,children:A(G,{...o?.listItem,children:[D(U,{icon:a.icon,removeMargin:!0,size:"24px"}),D($,{variant:"titleXXS",color:ee.neutral[600],whiteSpace:"nowrap",children:a.fileSize}),D($,{variant:"titleXXS",color:ee.neutral[600],overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",textAlign:"center",children:a.name}),D(J,{variant:"text",color:"neutral",sx:{borderRadius:50},onClick:()=>t(s),children:D(U,{icon:Y,removeMargin:!0})})]})},`${a.name}-${s}`))]})};import{CircularProgress as te,Stack as V,Typography as H}from"@mui/material";import{LIcon as be}from"@s_mart/core";import{lineFileUpload as we}from"@s_mart/regular-icons";import{jsx as w,jsxs as P}from"react/jsx-runtime";var re=({placeholder:e,isProcessingZip:t})=>t?P("div",{children:[P(V,{id:"dropzone-upload-info",direction:"row",sx:{gap:1,alignItems:"center"},children:[w(te,{sx:{color:"white"},size:24}),w(H,{variant:"titleSM",color:"white",children:"Descompactando zip..."})]}),P(V,{id:"dropzone-upload-more-label",direction:"row",sx:{gap:1,alignItems:"center"},children:[w(te,{sx:{color:"white"},size:12}),w(H,{variant:"bodySM",sx:{fontWeight:700},children:"Descompactando zip..."})]})]}):P("div",{children:[P(V,{id:"dropzone-upload-info",direction:"row",sx:{gap:1,alignItems:"center"},children:[w(be,{icon:we,size:"48px",color:"white",removeMargin:!0}),w(H,{variant:"titleSM",color:"white",children:e})]}),w(H,{id:"dropzone-upload-more-label",variant:"bodySM",sx:{fontWeight:700},children:"Carregar mais arquivos"})]});import{useCallback as ie,useEffect as Ce,useMemo as Me,useRef as ae,useState as O}from"react";var ne=async(e,t)=>{let r=[];for(let o of e.items){if(o.kind!=="file")continue;if(typeof o.webkitGetAsEntry=="function"){let l=o.webkitGetAsEntry();if(l===null)continue;let a=await Le(l);r.push(...a);continue}let i=o.getAsFile();i&&r.push(i)}return t!==void 0&&(r=Pe(r,t)),r},Le=e=>new Promise((t,r)=>{let o=0,i=[];l(e);function l(s){Ee(s)?(o++,s.file(g=>{o--,i.push(g),o===0&&t(i)})):Te(s)&&a(s.createReader())}function a(s){o++,s.readEntries(function(g){o--;for(let u of g)l(u);o===0&&t(i)})}}),Te=e=>e.isDirectory,Ee=e=>e.isFile,Pe=(e,t)=>{let r=[],o=t.split(",");for(let i of e){let l=`.${i.name.split(".").pop()?.toLowerCase()}`;o.includes(l)&&r.push(i)}return r};var q=e=>{e.stopPropagation(),e.preventDefault()},B=e=>{e.dataTransfer.dropEffect="link",q(e)};var le=({onChange:e,maxSize:t,maxFiles:r,accept:o,onError:i,onWarning:l})=>{let[a,s]=O([]),[g,u]=O(!1),[z,b]=O(!1),h=ae(null),C=ae(!1),p=async n=>{b(!0);let d=[],{BlobReader:m,BlobWriter:v,ZipReader:M}=await import("@zip.js/zip.js").catch(()=>{throw new Error("Fa\xE7a a instala\xE7\xE3o da biblioteca @zip.js/zip.js para utilizar o Dropzone.")}),x=new m(n),y=new M(x);try{let I=await y.getEntries();for(let S of I){if(S.directory||S.getData===void 0)continue;let he=await S.getData(new v),ye=new File([he],S.filename);d.push(ye)}}catch(I){i?.("Ocorreu um erro ao processar o arquivo compactado.",I)}finally{b(!1),await y.close()}return d},f=async n=>{if(!o)return n;let d=[];for(let m of n){let v=`.${m.name.split(".").pop()?.toLocaleLowerCase()}`;if(!o.split(",").includes(v)){l?.(`O arquivo "${m.name}" n\xE3o \xE9 valido, extens\xF5es aceitas ${o}`);continue}if(v===".zip"){let x=await p(m);if(!x.length)continue;let y=await f(x);y.length&&d.push(...y);continue}d.push(m)}return d},c=async n=>{let d=await f(n);s(m=>{if(r!==void 0&&m.length+d.length>r)return l?.(`Quantidade m\xE1xima de arquivos ${r} alcan\xE7ada`),m;if(t!==void 0){let v=m.reduce((x,y)=>x+y.size,0),M=d.reduce((x,y)=>x+y.size,0);if(v+M>t)return l?.(`O arquivo \xE9 muito grande, O tamanho m\xE1ximo permitido \xE9 ${E(t)}`),m}return m!==void 0?[...m,...d]:d}),C.current=!0},L=async n=>{if(n.target.files){let d=[...n.target.files];c(d)}},me=ie(n=>{h.current?.value&&(h.current.value=""),s(d=>d?.filter((m,v)=>v!==n))},[]),ue=ie(()=>{h.current?.value&&(h.current.value=""),s([])},[]),fe=Me(()=>a?.map(n=>({size:n.size,type:n.type,name:n.name}))??[],[a]),ge=o?`${o.toUpperCase()},${o.toLowerCase()}`:void 0;return Ce(()=>{C.current&&e(a)},[a,e]),{inputRef:h,isDragging:g,filesInfo:fe,treatedAccept:ge,isProcessingZip:z,handleRemoveFile:me,handleRemoveAllFiles:ue,handleChangeFiles:L,handleDragEnter:n=>{B(n),u(!0)},handleDragLeave:n=>{B(n),u(!1)},handleDrop:async n=>{q(n),u(!1);let d=await ne(n.dataTransfer,o);c(d)}}};import{jsx as R,jsxs as se}from"react/jsx-runtime";var Se=e=>{let{inputRef:t,filesInfo:r,treatedAccept:o,handleChangeFiles:i,handleRemoveFile:l,handleRemoveAllFiles:a,handleDragEnter:s,handleDragLeave:g,handleDrop:u,isDragging:z,isProcessingZip:b}=le(e),h=e.placeholder??"Pressione para carregar os arquivos";return se(X,{onDragOver:s,...e.slotProps?.root,children:[R(Z,{"data-is-dragging":z,onDrop:u,onDragLeave:g,...e.slotProps?.overlay}),R(oe,{filesInfo:r,onRemoveFile:l,onRemoveAllFiles:a,slotProps:e.slotProps}),se(j,{htmlFor:"dropzone","data-max-files":e.maxFiles,"data-has-files":!!r.length,"data-is-processing-zip":b,...e.slotProps?.labelContainer,children:[R(re,{placeholder:h,isProcessingZip:b}),R("input",{ref:t,id:"dropzone",type:"file",accept:o,hidden:!0,onChange:i,multiple:e.maxFiles===void 0||e.maxFiles>1})]})]})};import{useEffect as He,useState as Re}from"react";import{Dropzone as Ie,FileItem as ke}from"@dropzone-ui/react";import{LIcon as $e}from"@s_mart/core";import{Tooltip as Ue,Typography as Ve}from"@mui/material";import{lineTimes as qe}from"@s_mart/regular-icons";import{styled as Ae}from"@mui/material";import{colorPalette as pe}from"@s_mart/tokens";var de=Ae("button")`
+`;import{Box as Fe,Tooltip as Q,Typography as $}from"@mui/material";import{IconButton as J,LIcon as U}from"@s_mart/core";import{lineTimes as Y}from"@s_mart/regular-icons";import{colorPalette as ee}from"@s_mart/tokens";import{useMemo as K}from"react";import{lineFile as De,linePicture as ze,lineXMLFile as ve}from"@s_mart/light-icons";import{lineFileCertificate as xe}from"@s_mart/regular-icons";var W=e=>{switch(e){case"application/xml":case"text/xml":return ve;case"image/gif":case"image/jpeg":case"image/png":case"image/svg":case"image/webp":return ze;case"application/pkcs12":return xe;default:return De}},E=e=>{let t="";return e<1024?t=`${e} Bytes`:e<1024*1024?t=`${(e/1024).toFixed(2)} KB`:e<1024*1024*1024&&(t=`${(e/1024/1024).toFixed(2)} MB`),t};var N=({filesInfo:e})=>{let t=K(()=>e.map(o=>({name:o.name,fileSize:E(o.size),icon:W(o.type)})),[e]),r=K(()=>({totalSize:E(e.reduce((o,i)=>o+i.size,0)),totalFilesLabel:e.length===1?"1 arquivo":`${e.length} arquivos`}),[e]);return{files:t,headerInfo:r}};import{jsx as D,jsxs as A}from"react/jsx-runtime";var oe=({filesInfo:e,onRemoveFile:t,onRemoveAllFiles:r,slotProps:o})=>{let{files:i,headerInfo:s}=N({filesInfo:e});return i.length===0?null:A(_,{...o?.listContainer,children:[A(Fe,{sx:{px:1,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[A($,{variant:"titleXXS",children:[s.totalFilesLabel," - ",s.totalSize]}),D(Q,{title:"Remover todos",children:D(J,{variant:"text",color:"neutral",sx:{borderRadius:50},onClick:r,children:D(U,{icon:Y,removeMargin:!0})})})]}),i.map((a,l)=>D(Q,{title:a.name,children:A(G,{...o?.listItem,children:[D(U,{icon:a.icon,removeMargin:!0,size:"24px"}),D($,{variant:"titleXXS",sx:{color:ee.neutral[600],whiteSpace:"nowrap"},children:a.fileSize}),D($,{variant:"titleXXS",sx:{color:ee.neutral[600],overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",textAlign:"center"},children:a.name}),D(J,{variant:"text",color:"neutral",sx:{borderRadius:50},onClick:()=>t(l),children:D(U,{icon:Y,removeMargin:!0})})]})},`${a.name}-${l}`))]})};import{CircularProgress as te,Stack as V,Typography as H}from"@mui/material";import{LIcon as be}from"@s_mart/core";import{lineFileUpload as we}from"@s_mart/regular-icons";import{jsx as w,jsxs as P}from"react/jsx-runtime";var re=({placeholder:e,isProcessingZip:t})=>t?P("div",{children:[P(V,{id:"dropzone-upload-info",sx:{gap:1,alignItems:"center",direction:"row"},children:[w(te,{sx:{color:"white"},size:24}),w(H,{variant:"titleSM",color:"white",children:"Descompactando zip..."})]}),P(V,{id:"dropzone-upload-more-label",sx:{gap:1,alignItems:"center",direction:"row"},children:[w(te,{sx:{color:"white"},size:12}),w(H,{variant:"bodySM",sx:{fontWeight:700},children:"Descompactando zip..."})]})]}):P("div",{children:[P(V,{id:"dropzone-upload-info",sx:{gap:1,alignItems:"center",direction:"row"},children:[w(be,{icon:we,size:"48px",color:"white",removeMargin:!0}),w(H,{variant:"titleSM",color:"white",children:e})]}),w(H,{id:"dropzone-upload-more-label",variant:"bodySM",sx:{fontWeight:700},children:"Carregar mais arquivos"})]});import{useCallback as ie,useEffect as Ce,useMemo as Me,useRef as ae,useState as O}from"react";var ne=async(e,t)=>{let r=[];for(let o of e.items){if(o.kind!=="file")continue;if(typeof o.webkitGetAsEntry=="function"){let s=o.webkitGetAsEntry();if(s===null)continue;let a=await Le(s);r.push(...a);continue}let i=o.getAsFile();i&&r.push(i)}return t!==void 0&&(r=Pe(r,t)),r},Le=e=>new Promise((t,r)=>{let o=0,i=[];s(e);function s(l){Ee(l)?(o++,l.file(g=>{o--,i.push(g),o===0&&t(i)})):Te(l)&&a(l.createReader())}function a(l){o++,l.readEntries(function(g){o--;for(let u of g)s(u);o===0&&t(i)})}}),Te=e=>e.isDirectory,Ee=e=>e.isFile,Pe=(e,t)=>{let r=[],o=t.split(",");for(let i of e){let s=`.${i.name.split(".").pop()?.toLowerCase()}`;o.includes(s)&&r.push(i)}return r};var q=e=>{e.stopPropagation(),e.preventDefault()},B=e=>{e.dataTransfer.dropEffect="link",q(e)};var se=({onChange:e,maxSize:t,maxFiles:r,accept:o,onError:i,onWarning:s})=>{let[a,l]=O([]),[g,u]=O(!1),[z,b]=O(!1),h=ae(null),C=ae(!1),p=async n=>{b(!0);let d=[],{BlobReader:m,BlobWriter:v,ZipReader:M}=await import("@zip.js/zip.js").catch(()=>{throw new Error("Fa\xE7a a instala\xE7\xE3o da biblioteca @zip.js/zip.js para utilizar o Dropzone.")}),x=new m(n),y=new M(x);try{let I=await y.getEntries();for(let S of I){if(S.directory||S.getData===void 0)continue;let he=await S.getData(new v),ye=new File([he],S.filename);d.push(ye)}}catch(I){i?.("Ocorreu um erro ao processar o arquivo compactado.",I)}finally{b(!1),await y.close()}return d},f=async n=>{if(!o)return n;let d=[];for(let m of n){let v=`.${m.name.split(".").pop()?.toLocaleLowerCase()}`;if(!o.split(",").includes(v)){s?.(`O arquivo "${m.name}" n\xE3o \xE9 valido, extens\xF5es aceitas ${o}`);continue}if(v===".zip"){let x=await p(m);if(!x.length)continue;let y=await f(x);y.length&&d.push(...y);continue}d.push(m)}return d},c=async n=>{let d=await f(n);l(m=>{if(r!==void 0&&m.length+d.length>r)return s?.(`Quantidade m\xE1xima de arquivos ${r} alcan\xE7ada`),m;if(t!==void 0){let v=m.reduce((x,y)=>x+y.size,0),M=d.reduce((x,y)=>x+y.size,0);if(v+M>t)return s?.(`O arquivo \xE9 muito grande, O tamanho m\xE1ximo permitido \xE9 ${E(t)}`),m}return m!==void 0?[...m,...d]:d}),C.current=!0},L=async n=>{if(n.target.files){let d=[...n.target.files];c(d)}},me=ie(n=>{h.current?.value&&(h.current.value=""),l(d=>d?.filter((m,v)=>v!==n))},[]),ue=ie(()=>{h.current?.value&&(h.current.value=""),l([])},[]),fe=Me(()=>a?.map(n=>({size:n.size,type:n.type,name:n.name}))??[],[a]),ge=o?`${o.toUpperCase()},${o.toLowerCase()}`:void 0;return Ce(()=>{C.current&&e(a)},[a,e]),{inputRef:h,isDragging:g,filesInfo:fe,treatedAccept:ge,isProcessingZip:z,handleRemoveFile:me,handleRemoveAllFiles:ue,handleChangeFiles:L,handleDragEnter:n=>{B(n),u(!0)},handleDragLeave:n=>{B(n),u(!1)},handleDrop:async n=>{q(n),u(!1);let d=await ne(n.dataTransfer,o);c(d)}}};import{jsx as R,jsxs as le}from"react/jsx-runtime";var Se=e=>{let{inputRef:t,filesInfo:r,treatedAccept:o,handleChangeFiles:i,handleRemoveFile:s,handleRemoveAllFiles:a,handleDragEnter:l,handleDragLeave:g,handleDrop:u,isDragging:z,isProcessingZip:b}=se(e),h=e.placeholder??"Pressione para carregar os arquivos";return le(X,{onDragOver:l,...e.slotProps?.root,children:[R(Z,{"data-is-dragging":z,onDrop:u,onDragLeave:g,...e.slotProps?.overlay}),R(oe,{filesInfo:r,onRemoveFile:s,onRemoveAllFiles:a,slotProps:e.slotProps}),le(j,{htmlFor:"dropzone","data-max-files":e.maxFiles,"data-has-files":!!r.length,"data-is-processing-zip":b,...e.slotProps?.labelContainer,children:[R(re,{placeholder:h,isProcessingZip:b}),R("input",{ref:t,id:"dropzone",type:"file",accept:o,hidden:!0,onChange:i,multiple:e.maxFiles===void 0||e.maxFiles>1})]})]})};import{useEffect as He,useState as Re}from"react";import{Dropzone as Ie,FileItem as ke}from"@dropzone-ui/react";import{LIcon as $e}from"@s_mart/core";import{Tooltip as Ue,Typography as Ve}from"@mui/material";import{lineTimes as qe}from"@s_mart/regular-icons";import{styled as Ae}from"@mui/material";import{colorPalette as pe}from"@s_mart/tokens";var de=Ae("button")`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -128,4 +128,4 @@ import{styled as T}from"@mui/material";import{colorPalette as k}from"@s_mart/tok
     background-color: ${pe.neutral[40]};
     transition: all 0.3s ease;
   }
-`;import{Fragment as Be,jsx as F,jsxs as Oe}from"react/jsx-runtime";var ce=({showDeleteAllFilesButton:e=!0,placeholder:t,fileItemProps:r,initialValue:o=[],onClean:i,onReset:l,tratamentoFilesOnChange:a,onNotification:s,...g})=>{let[u,z]=Re(o),b=p=>{let f=p.filter(c=>c.valid===!0);if(z(f),p.length>0){let c=p.filter(L=>L.valid===!1);c.length===1?s({variant:"warning",duration:5e3,title:`Arquivo ${c[0].file.name} inv\xE1lido`,message:c[0].errors?.[0]}):c.length>1&&c.forEach(L=>{s({variant:"warning",duration:5e3,title:`Arquivo ${L.file.name} inv\xE1lido`,message:L.errors?.[0]})})}},h=()=>{z([]),l?.()},C=p=>{let f=u.filter(c=>c.id!==p.id);z(f),i?.(f)};return He(()=>{o.length&&z(o)},[o]),F(Ie,{localization:"PT-pt",header:!1,footer:!1,headerClassName:"header",view:"grid",value:u,...g,onChange:async p=>{let f=p;if(a){let c=await a(p);c&&(f=c)}b(f),g.onChange?.(f)},children:u.length===0?F("div",{children:t||"Arraste os arquivos aqui ou clique para selecionar"}):Oe(Be,{children:[e&&F(Ue,{title:F(Ve,{variant:"bodyMD",children:"Remover"}),children:F(de,{onClick:p=>{p.preventDefault(),p.stopPropagation(),h()},children:F($e,{icon:qe,size:"24px"})})}),F("div",{style:{display:"flex"},children:u?.map(p=>F(ke,{info:!0,localization:"PT-pt",preview:!0,...p,...r,onDelete:()=>C(p)},p.id))})]})})};export{ce as Dropzone,ce as DropzoneV1,Se as DropzoneV2};
+`;import{Fragment as Be,jsx as F,jsxs as Oe}from"react/jsx-runtime";var ce=({showDeleteAllFilesButton:e=!0,placeholder:t,fileItemProps:r,initialValue:o=[],onClean:i,onReset:s,tratamentoFilesOnChange:a,onNotification:l,...g})=>{let[u,z]=Re(o),b=p=>{let f=p.filter(c=>c.valid===!0);if(z(f),p.length>0){let c=p.filter(L=>L.valid===!1);c.length===1?l({variant:"warning",duration:5e3,title:`Arquivo ${c[0].file.name} inv\xE1lido`,message:c[0].errors?.[0]}):c.length>1&&c.forEach(L=>{l({variant:"warning",duration:5e3,title:`Arquivo ${L.file.name} inv\xE1lido`,message:L.errors?.[0]})})}},h=()=>{z([]),s?.()},C=p=>{let f=u.filter(c=>c.id!==p.id);z(f),i?.(f)};return He(()=>{o.length&&z(o)},[o]),F(Ie,{localization:"PT-pt",header:!1,footer:!1,headerClassName:"header",view:"grid",value:u,...g,onChange:async p=>{let f=p;if(a){let c=await a(p);c&&(f=c)}b(f),g.onChange?.(f)},children:u.length===0?F("div",{children:t||"Arraste os arquivos aqui ou clique para selecionar"}):Oe(Be,{children:[e&&F(Ue,{title:F(Ve,{variant:"bodyMD",children:"Remover"}),children:F(de,{onClick:p=>{p.preventDefault(),p.stopPropagation(),h()},children:F($e,{icon:qe,size:"24px"})})}),F("div",{style:{display:"flex"},children:u?.map(p=>F(ke,{info:!0,localization:"PT-pt",preview:!0,...p,...r,onDelete:()=>C(p)},p.id))})]})})};export{ce as Dropzone,ce as DropzoneV1,Se as DropzoneV2};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s_mart/dropzone",
-  "version": "9.1.3",
+  "version": "9.1.5-beta.0",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
@@ -26,9 +26,9 @@
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1",
     "typescript": ">=5.4.2",
-    "@s_mart/core": "9.1.3",
-    "@s_mart/light-icons": "6.0.7",
-    "@s_mart/regular-icons": "6.0.8",
+    "@s_mart/core": "9.1.5-beta.0",
+    "@s_mart/light-icons": "6.0.8",
+    "@s_mart/regular-icons": "6.0.9",
     "@s_mart/tokens": "5.1.1"
   },
   "devDependencies": {
@@ -43,9 +43,9 @@
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1",
     "typescript": ">=5.4.2",
-    "@s_mart/core": "9.1.3",
-    "@s_mart/light-icons": "6.0.7",
-    "@s_mart/regular-icons": "6.0.8",
+    "@s_mart/core": "9.1.5-beta.0",
+    "@s_mart/light-icons": "6.0.8",
+    "@s_mart/regular-icons": "6.0.9",
     "@s_mart/tokens": "5.1.1"
   },
   "scripts": {