npm - @s_mart/dropzone - Versions diffs - 12.0.2 → 16.0.0 - Mend

@s_mart/dropzone 12.0.2 → 16.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/dist/dropzone/dropzone.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { DropzoneProps } from './dropzone.types';
2	+ export declare const Dropzone: (props: DropzoneProps) => import("react").JSX.Element;

package/dist/dropzone/dropzone.styles.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { HtmlHTMLAttributes } from 'react';
+import { ButtonProps } from '@mui/material';
+import { DropzoneComponent, DropzoneLabelContainerAttrs, DropzoneOverlayAttrs } from './dropzone.types';
+export declare const DropzoneRoot: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
+export declare const DropzoneOverlay: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>, DropzoneOverlayAttrs>;
+export declare const DropzoneLabelContainer: DropzoneComponent<ButtonProps, DropzoneLabelContainerAttrs>;

package/dist/dropzone/dropzone.types.d.ts ADDED Viewed

@@ -0,0 +1,73 @@
+import { HTMLAttributes } from 'react';
+import { StyledComponent } from '@emotion/styled';
+import { Theme } from '@mui/material';
+import { MUIStyledCommonProps } from '@mui/system';
+import { DropzoneLabelContainer, DropzoneOverlay, DropzoneRoot } from './dropzone.styles';
+import { DropzoneHeaderTitleBaseProps, DropzoneHeaderTitleSlotProps, DropzoneHeaderTitleSlots } from './dropzoneList/components/dropzoneHeaderTitle.types';
+import { FileItemContent, FileListContent, FilesContainer, ScrollableFileList } from './dropzoneList/dropzoneList.styles';
+export type DropzoneSlotProps = Partial<{
+    root: Parameters<typeof DropzoneRoot>[0];
+    overlay: Parameters<typeof DropzoneOverlay>[0];
+    header: DropzoneHeaderTitleSlotProps;
+    labelContainer: Parameters<typeof DropzoneLabelContainer>[0];
+    filesContainer: Parameters<typeof FilesContainer>[0];
+    scrollableFileList: Parameters<typeof ScrollableFileList>[0];
+    listContent: Parameters<typeof FileListContent>[0];
+    itemContent: Parameters<typeof FileItemContent>[0];
+}>;
+export type DropzoneComponent<Element extends HTMLAttributes<unknown>, Props extends Record<string, unknown> = Record<string, unknown>> = StyledComponent<MUIStyledCommonProps<Theme>, Element, Props>;
+export type DropzoneSlots = DropzoneHeaderTitleSlots;
+export type DropzoneProps = Pick<DropzoneHeaderTitleBaseProps, 'showFilesSize'> & {
+    files: File[];
+    onChange(files: File[]): void;
+    /**
+     * Permite filtrar os arquivos que são adicionados
+     *
+     * É chamado antes de `onChange`
+     * @param files Arquivos que serão filtrados
+     */
+    filterOnDrop?(files: File[]): Promise<File[]> | File[];
+    maxSize?: number;
+    maxFiles?: number;
+    /**
+     * @default 'Pressione para carregar os arquivos'
+     */
+    placeholder?: string;
+    /**
+     * @default undefined Aceita todos os arquivos
+     * @example '.png,.jpg,.jpeg'
+     */
+    accept?: string;
+    /**
+     * @description Acessa as propriedades dos componentes internos
+     */
+    slotProps?: DropzoneSlotProps;
+    /**
+     *  @description Substitui os componentes internos
+     */
+    slots?: DropzoneSlots;
+    /**
+     * @param message Mensagem tratado do erro
+     * @param errorFromCatch O erro capturado pelo `try catch`
+     */
+    onError: (message: string, errorFromCatch: unknown) => void;
+    /**
+     * @param message Mensagem tratado do erro
+     */
+    onWarning: (message: string) => void;
+};
+export type UsesDropzoneProps = Pick<DropzoneProps, 'files' | 'onChange' | 'filterOnDrop' | 'accept' | 'maxSize' | 'maxFiles' | 'onError' | 'onWarning'>;
+export type DropzoneOverlayAttrs = {
+    /**
+     * Tipagem somente utilizada para linting para passar data attributes
+     */
+    'data-is-dragging': boolean;
+};
+export type DropzoneLabelContainerAttrs = {
+    /**
+     * Tipagem somente utilizada para linting para passar data attributes
+     */
+    'data-has-files': boolean;
+    'data-max-files': number | undefined;
+    'data-is-processing-zip': boolean;
+};

package/dist/dropzone/dropzoneFileHandlers/dropzoneFileHandlers.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const getFilesAsync: (dataTransfer: DataTransfer, accept?: string) => Promise<File[]>;

package/dist/dropzone/dropzoneList/components/dropzoneHeader.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare const DropzoneHeader: {
+    Container: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Title: (props: import('./dropzoneHeaderTitle.types').DropzoneHeaderTitleProps) => import("react").JSX.Element;
+    ClearButton: ({ onClick, slotProps }: import('./dropzoneHeaderClear.types').DropzoneHeaderClearProps) => import("react").JSX.Element;
+};

package/dist/dropzone/dropzoneList/components/dropzoneHeaderClear.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { DropzoneHeaderClearProps } from './dropzoneHeaderClear.types';
2	+ export declare const DropzoneHeaderClear: ({ onClick, slotProps }: DropzoneHeaderClearProps) => import("react").JSX.Element;

package/dist/dropzone/dropzoneList/components/dropzoneHeaderClear.types.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { TooltipProps } from '@mui/material';
+import { IconButtonProps, LIconProps } from '@s_mart/core';
+export type DropzoneHeaderClearBaseProps = {
+    onClick: () => void;
+};
+export type DropzoneHeaderClearSlotProps = {
+    slotProps?: Partial<{
+        headerCleartooltip: Omit<TooltipProps, 'children'>;
+        headerClearIconButton: Omit<IconButtonProps, 'children'>;
+        headerClearLicon: LIconProps;
+    }>;
+};
+export type DropzoneHeaderClearProps = DropzoneHeaderClearBaseProps & DropzoneHeaderClearSlotProps;

package/dist/dropzone/dropzoneList/components/dropzoneHeaderContainer.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const DropzoneHeaderContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/dropzone/dropzoneList/components/dropzoneHeaderTitle.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { DropzoneHeaderTitleProps } from './dropzoneHeaderTitle.types';
2	+ export declare const DropzoneHeaderTitle: (props: DropzoneHeaderTitleProps) => import("react").JSX.Element;

package/dist/dropzone/dropzoneList/components/dropzoneHeaderTitle.types.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import { JSX } from 'react';
+import { TypographyProps } from '@mui/material';
+export type DropzoneHeaderTitleSlotProps = {
+    headerTitle?: DropzoneHeaderTitleBaseProps & TypographyProps;
+};
+export type DropzoneHeaderTitleSlots = {
+    headerTitleContent?: (props: DropzoneHeaderTitleBaseProps) => JSX.Element;
+};
+export type DropzoneHeaderTitleSlotAndProps = {
+    slotProps?: Partial<DropzoneHeaderTitleSlotProps>;
+    slots?: Partial<DropzoneHeaderTitleSlots>;
+};
+export type DropzoneHeaderTitleBaseProps = {
+    filesLengthLabel?: string;
+    filesTotalSize?: string;
+    showFilesSize?: boolean;
+};
+export type DropzoneHeaderTitleProps = DropzoneHeaderTitleSlotAndProps & DropzoneHeaderTitleBaseProps;

package/dist/dropzone/dropzoneList/dropzoneList.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { DropzoneListProps } from './dropzoneList.types';
2	+ export declare const DropzoneList: ({ filesInfo, onRemoveFile, onRemoveAllFiles, slotProps, slots, showFilesSize, }: DropzoneListProps) => import("react").JSX.Element \| null;

package/dist/dropzone/dropzoneList/dropzoneList.styles.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { HtmlHTMLAttributes } from 'react';
+import { DropzoneComponent } from '../dropzone.types';
+export declare const FilesContainer: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
+export declare const FileItemContent: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
+export declare const ScrollableFileList: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
+export declare const FileListContent: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
+export declare const FileRow: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
+export declare const FileName: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "align" | "children" | "color" | "gutterBottom" | "noWrap" | "sx" | "variant" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/dropzone/dropzoneList/dropzoneList.types.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { PathSourceProps } from '@s_mart/core';
+import { DropzoneSlotProps } from '../dropzone.types';
+import { DropzoneHeaderTitleBaseProps, DropzoneHeaderTitleSlots } from './components/dropzoneHeaderTitle.types';
+export type FileInfo = {
+    size: number;
+    name: string;
+    type: string;
+};
+export type FileItemInfo = {
+    icon: PathSourceProps;
+    name: string;
+};
+export type DropzoneListProps = Pick<DropzoneHeaderTitleBaseProps, 'showFilesSize'> & {
+    slotProps?: Pick<DropzoneSlotProps, 'itemContent' | 'scrollableFileList' | 'listContent' | 'filesContainer' | 'header'>;
+    slots?: DropzoneHeaderTitleSlots;
+    filesInfo: FileInfo[];
+    onRemoveFile(index: number): void;
+    onRemoveAllFiles(): void;
+};

package/dist/dropzone/dropzoneList/useDropzoneList.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { FileInfo } from './dropzoneList.types';
+export declare const useDropzoneList: ({ filesInfo }: {
+    filesInfo: FileInfo[];
+}) => {
+    files: {
+        name: string;
+        fileSize: string;
+        icon: import('@s_mart/core').PathSourceProps;
+    }[];
+    headerInfo: {
+        totalSize: string;
+        totalFilesLabel: string;
+    };
+};

package/dist/dropzone/dropzoneUploadInfo/dropzoneUploadInfo.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare const DropzoneUploadInfo: ({ placeholder, isProcessingZip, }: {
+    placeholder: string;
+    isProcessingZip: boolean;
+}) => import("react").JSX.Element;

package/dist/dropzone/useDropzone.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { ChangeEvent } from 'react';
+import { UsesDropzoneProps } from './dropzone.types';
+export declare const useDropzone: ({ onChange, filterOnDrop, maxSize, maxFiles, accept, onError, onWarning, files, }: UsesDropzoneProps) => {
+    inputRef: import('react').RefObject<HTMLInputElement | null>;
+    isDragging: boolean;
+    filesInfo: {
+        size: number;
+        type: string;
+        name: string;
+    }[];
+    treatedAccept: string | undefined;
+    isProcessingZip: boolean;
+    handleRemoveFile: (index: number) => void;
+    handleRemoveAllFiles: () => void;
+    handleChangeFiles: (e: ChangeEvent<HTMLInputElement>) => Promise<void>;
+    handleDragEnter: import('react').DragEventHandler<HTMLDivElement>;
+    handleDragLeave: import('react').DragEventHandler<HTMLDivElement>;
+    handleDrop: import('react').DragEventHandler<HTMLDivElement>;
+};

package/dist/dropzone/utils/dragDropUtils.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const handleDropUtil: React.DragEventHandler<HTMLDivElement>;
2	+ export declare const handleDragUtil: React.DragEventHandler<HTMLDivElement>;

package/dist/dropzone/utils/dropzoneUtils.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { PathSourceProps } from '@s_mart/core';
+export declare const getFileIcon: (fileType: string) => PathSourceProps;
+export declare const getFileSize: (fileSize: number) => string;

package/dist/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { Dropzone } from './dropzone/dropzone';
2	+ export type { DropzoneProps, DropzoneSlotProps } from './dropzone/dropzone.types';

package/dist/index.mjs CHANGED Viewed

@@ -1,4 +1,14 @@
-import{Button as He,styled as $}from"@mui/material";import{colorPalette as we}from"@s_mart/tokens";var G=$("div")`
+import { colorPalette as e } from "@s_mart/tokens";
+import { Button as t, CircularProgress as n, Stack as r, Tooltip as i, Typography as a, styled as o } from "@mui/material";
+import { IconButton as s, LIcon as c } from "@s_mart/core";
+import { lineFileCertificate as l, lineFileUpload as u, lineTimes as d } from "@s_mart/regular-icons";
+import { useVirtualizer as f } from "@tanstack/react-virtual";
+import { useCallback as p, useMemo as m, useRef as h, useState as g } from "react";
+import { deepMerge as _ } from "@s_mart/utils";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { lineFile as x, linePicture as S, lineXMLFile as C } from "@s_mart/light-icons";
+//#region src/dropzone/dropzone.styles.ts
+var w = o("div")`
   min-width: 300px;
   align-items: center;
   display: flex;
@@ -6,7 +16,7 @@ import{Button as He,styled as $}from"@mui/material";import{colorPalette as we}fr
   justify-content: center;
   gap: 8px;
   padding: 16px;
-`,K=$("div")`
+`, T = o("div")`
   display: none;
   position: absolute;
   z-index: 20;
@@ -14,7 +24,7 @@ import{Button as He,styled as $}from"@mui/material";import{colorPalette as we}fr
   left: 0;
   height: 0;
   width: 0;
-  border: 0px dashed ${we.neutral[500]};
+  border: 0px dashed ${e.neutral[500]};
   border-radius: 8px;
   display: flex;
   justify-content: center;
@@ -27,30 +37,433 @@ import{Button as He,styled as $}from"@mui/material";import{colorPalette as we}fr
     width: 99.3%;
     border-width: 2px;
   }
-`,Q=$(He)(({theme:e})=>({width:"100%",pointerEvents:"all",minHeight:"40px",backgroundColor:e.palette.primary.main,borderRadius:Number.parseFloat(e.shape.borderRadius.toString())*2,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"8px",padding:".5rem 1rem",cursor:"pointer",transition:"all 0.5s ease",'&[data-max-files="1"]':{minHeight:0},'&[data-has-files="true"]':{height:"40px"},'&[data-has-files="true"][data-max-files="1"]':{height:0},'&[data-has-files="true"] #dropzone-upload-info':{display:"none"},'&:not([data-has-files="true"]) #dropzone-upload-more-label, &[data-max-files="1"] #dropzone-upload-more-label':{display:"none"},"& #dropzone-upload-more-label":{pointerEvents:"all",color:"white"},'&[data-is-processing-zip="true"], &[data-is-processing-zip="true"] #dropzone-upload-more-label':{pointerEvents:"none"},"&:hover":{backgroundColor:({theme:t})=>t.palette.primary.dark}}));import{Tooltip as _e,Typography as je}from"@mui/material";import{IconButton as Ge,LIcon as pe}from"@s_mart/core";import{lineTimes as Ke}from"@s_mart/regular-icons";import{colorPalette as Qe}from"@s_mart/tokens";import{useVirtualizer as Ye}from"@tanstack/react-virtual";import{useRef as Je}from"react";import{Tooltip as Pe}from"@mui/material";import V from"@mui/utils/deepmerge";import{IconButton as Se,LIcon as Ee}from"@s_mart/core";import{lineTimes as Me}from"@s_mart/regular-icons";import{jsx as O}from"react/jsx-runtime";var q={headerCleartooltip:{title:"Remover todos"},headerClearIconButton:{variant:"text",color:"neutral",sx:{borderRadius:50}},headerClearLicon:{icon:Me,removeMargin:!0}},U={clone:!1},Y=({onClick:e,slotProps:t})=>{let r=V(q.headerCleartooltip,t?.headerCleartooltip,U),o=V(q.headerClearIconButton,t?.headerClearIconButton,U),n=V(q.headerClearLicon,t?.headerClearLicon,U);return O(Pe,{...r,children:O(Se,{...o,onClick:e,children:O(Ee,{...n})})})};import{styled as Re}from"@mui/material";var J=Re("div")({display:"flex",justifyContent:"space-between",alignItems:"center",paddingBlock:"0.5rem"});import{Typography as Ie}from"@mui/material";import Ae from"@mui/utils/deepmerge";import{useMemo as ke}from"react";import{Fragment as qe,jsx as M}from"react/jsx-runtime";var Be={headerTitle:{variant:"titleXXS"}},$e={headerTitleContent:e=>M(Ve,{...e})},Ve=e=>{let t=`${e.filesLengthLabel}`;return e.showFilesSize&&(t+=` - ${e.filesTotalSize}`),M(qe,{children:t})},W=e=>{let t=e.slots?.headerTitleContent??$e.headerTitleContent,r=ke(()=>Ae(Be.headerTitle,{...e,...e.slotProps?.headerTitle}),[e.filesLengthLabel,e.filesTotalSize,e]);return M(Ie,{...r,children:M(t,{...r})})};var R={Container:J,Title:W,ClearButton:Y};import{styled as L,Typography as Ue}from"@mui/material";import{colorPalette as X}from"@s_mart/tokens";var ee=L("div")(({theme:e})=>({width:"100%",maxHeight:"300px",backgroundColor:X.neutral[20],borderRadius:Number.parseFloat(e.shape.borderRadius.toString())*2,display:"flex",flexDirection:"column",border:`1px solid ${X.neutral[20]}`,padding:"8px",gap:"8px"})),oe=L("div")({backgroundColor:"white",borderRadius:"16px",padding:"8px",gap:"24px",display:"grid",gridTemplateColumns:"min-content min-content 1fr min-content",alignItems:"center",justifyContent:"space-between"}),te=L("div")({height:"auto",overflow:"auto"}),re=L("div")({position:"relative",width:"100%"}),ne=L("div")({top:0,left:0,width:"100%",position:"absolute",paddingBottom:"8px",boxSizing:"border-box"}),ie=L(Ue)({color:X.neutral[600],overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",textAlign:"start"});import{useMemo as le}from"react";import{lineFile as Oe,linePicture as Xe,lineXMLFile as Ze}from"@s_mart/light-icons";import{lineFileCertificate as Ne}from"@s_mart/regular-icons";var ae=e=>{switch(e){case"application/xml":case"text/xml":return Ze;case"image/gif":case"image/jpeg":case"image/png":case"image/svg":case"image/webp":return Xe;case"application/pkcs12":return Ne;default:return Oe}},H=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 se=({filesInfo:e})=>{let t=le(()=>e.map(o=>({name:o.name,fileSize:H(o.size),icon:ae(o.type)})),[e]),r=le(()=>({totalSize:H(e.reduce((o,n)=>o+n.size,0)),totalFilesLabel:e.length===1?"1 arquivo":`${e.length} arquivos`}),[e]);return{files:t,headerInfo:r}};import{jsx as D,jsxs as Z}from"react/jsx-runtime";var de=({filesInfo:e,onRemoveFile:t,onRemoveAllFiles:r,slotProps:o,slots:n,showFilesSize:p})=>{let{files:l,headerInfo:i}=se({filesInfo:e}),u=Je(null),d=Ye({count:l.length,getScrollElement:()=>u.current,estimateSize:()=>60,overscan:5});return l.length===0?null:Z(ee,{...o?.filesContainer,children:[Z(R.Container,{children:[D(R.Title,{slots:n,slotProps:o?.header,filesLengthLabel:i.totalFilesLabel,filesTotalSize:i.totalSize,showFilesSize:p}),D(R.ClearButton,{onClick:r})]}),D(te,{ref:u,...o?.scrollableFileList,children:D(re,{...o?.listContent,sx:{height:`${d.getTotalSize()}px`,...o?.listContent},children:d.getVirtualItems().map(m=>{let g=l[m.index];return D(ne,{sx:{height:`${m.size}px`,transform:`translateY(${m.start}px)`},children:D(_e,{title:g.name,arrow:!0,placement:"top",children:Z(oe,{...o?.itemContent,children:[D(pe,{icon:g.icon,removeMargin:!0,size:"24px"}),D(je,{variant:"titleXXS",color:Qe.neutral[600],whiteSpace:"nowrap",children:p&&g.fileSize}),D(ie,{variant:"titleXXS",children:g.name}),D(Ge,{variant:"text",color:"neutral",sx:{borderRadius:50},onClick:()=>t(m.index),children:D(pe,{icon:Ke,removeMargin:!0})})]})})},m.key)})})})]})};import{CircularProgress as ce,Stack as N,Typography as I}from"@mui/material";import{LIcon as We}from"@s_mart/core";import{lineFileUpload as eo}from"@s_mart/regular-icons";import{jsx as C,jsxs as w}from"react/jsx-runtime";var me=({placeholder:e,isProcessingZip:t})=>t?w("div",{children:[w(N,{id:"dropzone-upload-info",sx:{gap:1,alignItems:"center",direction:"row"},children:[C(ce,{sx:{color:"white"},size:24}),C(I,{variant:"titleSM",color:"white",children:"Descompactando zip..."})]}),w(N,{id:"dropzone-upload-more-label",sx:{gap:1,alignItems:"center",direction:"row"},children:[C(ce,{sx:{color:"white"},size:12}),C(I,{variant:"bodySM",sx:{fontWeight:700},children:"Descompactando zip..."})]})]}):w("div",{children:[w(N,{id:"dropzone-upload-info",sx:{gap:1,alignItems:"center",direction:"row"},children:[C(We,{icon:eo,size:"48px",color:"white",removeMargin:!0}),C(I,{variant:"titleSM",color:"white",children:e})]}),C(I,{id:"dropzone-upload-more-label",variant:"bodySM",sx:{fontWeight:700},children:"Carregar mais arquivos"})]});import{useCallback as P,useMemo as io,useRef as fe,useState as ge}from"react";var ue=async(e,t)=>{let r=[];for(let o of e.items){if(o.kind!=="file")continue;if(typeof o.webkitGetAsEntry=="function"){let p=o.webkitGetAsEntry();if(p===null)continue;let l=await oo(p);r.push(...l);continue}let n=o.getAsFile();n&&r.push(n)}return t!==void 0&&(r=no(r,t)),r},oo=e=>new Promise((t,r)=>{let o=0,n=[];p(e);function p(i){ro(i)?(o++,i.file(u=>{o--,n.push(u),o===0&&t(n)})):to(i)&&l(i.createReader())}function l(i){o++,i.readEntries(function(u){o--;for(let d of u)p(d);o===0&&t(n)})}}),to=e=>e.isDirectory,ro=e=>e.isFile,no=(e,t)=>{let r=[],o=t.split(",");for(let n of e){let p=`.${n.name.split(".").pop()?.toLowerCase()}`;o.includes(p)&&r.push(n)}return r};var _=e=>{e.stopPropagation(),e.preventDefault()},j=e=>{e.dataTransfer.dropEffect="link",_(e)};var he=({onChange:e,filterOnDrop:t,maxSize:r,maxFiles:o,accept:n,onError:p,onWarning:l,files:i})=>{let[u,d]=ge(!1),[m,g]=ge(!1),y=fe(null),k=fe(!1),s=P(async a=>{g(!0);let f=[],{BlobReader:z,BlobWriter:T,ZipReader:S}=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 com exporta\xE7\xE3o de .zip")}),F=new z(a),v=new S(F);try{let B=await v.getEntries();for(let E of B){if(E.directory||E.getData===void 0)continue;let Te=await E.getData(new T),Le=new File([Te],E.filename);f.push(Le)}}catch(B){p?.("Ocorreu um erro ao processar o arquivo compactado.",B)}finally{g(!1),await v.close()}return f},[p]),h=P(async a=>{if(!n)return a;let f=[];for(let z of a){let T=`.${z.name.split(".").pop()?.toLocaleLowerCase()}`;if(!n.split(",").includes(T)){l?.(`O arquivo "${z.name}" n\xE3o \xE9 valido, extens\xF5es aceitas ${n}`);continue}if(T===".zip"){let F=await s(z);if(!F.length)continue;let v=await h(F);v.length&&f.push(...v);continue}f.push(z)}return f},[n,l,s]),c=P(async a=>{let f=await t?.(a)??a,z=await h(f);if(o!==void 0&&i.length+z.length>o)return l?.(`Quantidade m\xE1xima de arquivos ${o} alcan\xE7ada`),i;if(r!==void 0){let T=i.reduce((F,v)=>F+v.size,0),S=z.reduce((F,v)=>F+v.size,0);if(T+S>r)return l?.(`O arquivo \xE9 muito grande, O tamanho m\xE1ximo permitido \xE9 ${H(r)}`),i}return k.current=!0,[...i,...z]},[i,t,o,r,l,h]),b=async a=>{if(a.target.files){let f=[...a.target.files];e(await c(f))}},Fe=P(a=>{y.current?.value&&(y.current.value=""),e(i.filter((f,z)=>z!==a))},[e,i]),xe=P(()=>{y.current?.value&&(y.current.value=""),e([])},[e]),Ce=io(()=>i?.map(a=>({size:a.size,type:a.type,name:a.name}))??[],[i]),be=n?`${n.toUpperCase()},${n.toLowerCase()}`:void 0;return{inputRef:y,isDragging:u,filesInfo:Ce,treatedAccept:be,isProcessingZip:m,handleRemoveFile:Fe,handleRemoveAllFiles:xe,handleChangeFiles:b,handleDragEnter:a=>{j(a),d(!0)},handleDragLeave:a=>{j(a),d(!1)},handleDrop:async a=>{_(a),d(!1);let f=await ue(a.dataTransfer,n);c(f)}}};import{jsx as A,jsxs as ze}from"react/jsx-runtime";var ao=e=>{let{inputRef:t,filesInfo:r,treatedAccept:o,handleChangeFiles:n,handleRemoveFile:p,handleRemoveAllFiles:l,handleDragEnter:i,handleDragLeave:u,handleDrop:d,isDragging:m,isProcessingZip:g}=he(e),y=e.placeholder??"Pressione para carregar os arquivos";return ze(G,{onDragOver:i,...e.slotProps?.root,children:[A(K,{"data-is-dragging":m,onDrop:d,onDragLeave:u,...e.slotProps?.overlay}),A(de,{filesInfo:r,onRemoveFile:p,onRemoveAllFiles:l,showFilesSize:e.showFilesSize,slotProps:e.slotProps,slots:e.slots}),ze(Q,{onClick:()=>t.current?.click(),"data-max-files":e.maxFiles,"data-has-files":!!r.length,"data-is-processing-zip":g,...e.slotProps?.labelContainer,children:[A(me,{placeholder:y,isProcessingZip:g}),A("input",{ref:t,type:"file",accept:o,hidden:!0,onChange:n,multiple:e.maxFiles===void 0||e.maxFiles>1})]})]})};import{useEffect as so,useState as po}from"react";import{Dropzone as co,FileItem as mo}from"@dropzone-ui/react";import{LIcon as uo}from"@s_mart/core";import{Tooltip as fo,Typography as go}from"@mui/material";import{lineTimes as ho}from"@s_mart/regular-icons";import{styled as lo}from"@mui/material";import{colorPalette as De}from"@s_mart/tokens";var ye=lo("button")`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  top: 12px;
-  right: 12px;
+`, E = o(t)(({ theme: e }) => ({
+	width: "100%",
+	pointerEvents: "all",
+	minHeight: "40px",
+	backgroundColor: e.palette.primary.main,
+	borderRadius: Number.parseFloat(e.shape.borderRadius.toString()) * 2,
+	display: "flex",
+	flexDirection: "column",
+	justifyContent: "center",
+	alignItems: "center",
+	gap: "8px",
+	padding: ".5rem 1rem",
+	cursor: "pointer",
+	transition: "all 0.5s ease",
+	"&[data-max-files=\"1\"]": { minHeight: 0 },
+	"&[data-has-files=\"true\"]": { height: "40px" },
+	"&[data-has-files=\"true\"][data-max-files=\"1\"]": { height: 0 },
+	"&[data-has-files=\"true\"] #dropzone-upload-info": { display: "none" },
+	"&:not([data-has-files=\"true\"]) #dropzone-upload-more-label, &[data-max-files=\"1\"] #dropzone-upload-more-label": { display: "none" },
+	"& #dropzone-upload-more-label": {
+		pointerEvents: "all",
+		color: "white"
+	},
+	"&[data-is-processing-zip=\"true\"], &[data-is-processing-zip=\"true\"] #dropzone-upload-more-label": { pointerEvents: "none" },
+	"&:hover": { backgroundColor: e.palette.primary.dark }
+})), D = {
+	headerCleartooltip: { title: "Remover todos" },
+	headerClearIconButton: {
+		variant: "text",
+		color: "neutral",
+		sx: { borderRadius: 50 }
+	},
+	headerClearLicon: {
+		icon: d,
+		removeMargin: !0
+	}
+}, O = ({ onClick: e, slotProps: t }) => {
+	let n = _(D.headerCleartooltip, t?.headerCleartooltip), r = _(D.headerClearIconButton, t?.headerClearIconButton), a = _(D.headerClearLicon, t?.headerClearLicon);
+	return /* @__PURE__ */ y(i, {
+		...n,
+		children: /* @__PURE__ */ y(s, {
+			...r,
+			onClick: e,
+			children: /* @__PURE__ */ y(c, { ...a })
+		})
+	});
+}, k = o("div")({
+	display: "flex",
+	justifyContent: "space-between",
+	alignItems: "center",
+	paddingBlock: "0.5rem"
+}), A = { headerTitle: { variant: "titleXXS" } }, j = { headerTitleContent: (e) => /* @__PURE__ */ y(M, { ...e }) }, M = (e) => {
+	let t = `${e.filesLengthLabel}`;
+	return e.showFilesSize && (t += ` - ${e.filesTotalSize}`), /* @__PURE__ */ y(v, { children: t });
+}, N = {
+	Container: k,
+	Title: (e) => {
+		let t = e.slots?.headerTitleContent ?? j.headerTitleContent, n = m(() => _(A.headerTitle, {
+			...e,
+			...e.slotProps?.headerTitle
+		}), [
+			e.filesLengthLabel,
+			e.filesTotalSize,
+			e
+		]);
+		return /* @__PURE__ */ y(a, {
+			...n,
+			children: /* @__PURE__ */ y(t, { ...n })
+		});
+	},
+	ClearButton: O
+}, P = o("div")(({ theme: t }) => ({
+	width: "100%",
+	maxHeight: "300px",
+	backgroundColor: e.neutral[20],
+	borderRadius: Number.parseFloat(t.shape.borderRadius.toString()) * 2,
+	display: "flex",
+	flexDirection: "column",
+	border: `1px solid ${e.neutral[20]}`,
+	padding: "8px",
+	gap: "8px"
+})), F = o("div")({
+	backgroundColor: "white",
+	borderRadius: "16px",
+	padding: "8px",
+	gap: "24px",
+	display: "grid",
+	gridTemplateColumns: "min-content min-content 1fr min-content",
+	alignItems: "center",
+	justifyContent: "space-between"
+}), I = o("div")({
+	height: "auto",
+	overflow: "auto"
+}), L = o("div")({
+	position: "relative",
+	width: "100%"
+}), R = o("div")({
+	top: 0,
+	left: 0,
+	width: "100%",
+	position: "absolute",
+	paddingBottom: "8px",
+	boxSizing: "border-box"
+}), z = o(a)({
+	color: e.neutral[600],
+	overflow: "hidden",
+	textOverflow: "ellipsis",
+	whiteSpace: "nowrap",
+	textAlign: "start"
+}), B = (e) => {
+	switch (e) {
+		case "application/xml":
+		case "text/xml": return C;
+		case "image/gif":
+		case "image/jpeg":
+		case "image/png":
+		case "image/svg":
+		case "image/webp": return S;
+		case "application/pkcs12": return l;
+		default: return x;
+	}
+}, V = (e) => {
+	let t = "";
+	return e < 1024 ? t = `${e} Bytes` : e < 1048576 ? t = `${(e / 1024).toFixed(2)} KB` : e < 1073741824 && (t = `${(e / 1024 / 1024).toFixed(2)} MB`), t;
+}, H = ({ filesInfo: e }) => ({
+	files: m(() => e.map((e) => ({
+		name: e.name,
+		fileSize: V(e.size),
+		icon: B(e.type)
+	})), [e]),
+	headerInfo: m(() => ({
+		totalSize: V(e.reduce((e, t) => e + t.size, 0)),
+		totalFilesLabel: e.length === 1 ? "1 arquivo" : `${e.length} arquivos`
+	}), [e])
+}), U = ({ filesInfo: t, onRemoveFile: n, onRemoveAllFiles: r, slotProps: o, slots: l, showFilesSize: u }) => {
+	let { files: p, headerInfo: m } = H({ filesInfo: t }), g = h(null), _ = f({
+		count: p.length,
+		getScrollElement: () => g.current,
+		estimateSize: () => 60,
+		overscan: 5
+	});
+	return p.length === 0 ? null : /* @__PURE__ */ b(P, {
+		...o?.filesContainer,
+		children: [/* @__PURE__ */ b(N.Container, { children: [/* @__PURE__ */ y(N.Title, {
+			slots: l,
+			slotProps: o?.header,
+			filesLengthLabel: m.totalFilesLabel,
+			filesTotalSize: m.totalSize,
+			showFilesSize: u
+		}), /* @__PURE__ */ y(N.ClearButton, { onClick: r })] }), /* @__PURE__ */ y(I, {
+			ref: g,
+			...o?.scrollableFileList,
+			children: /* @__PURE__ */ y(L, {
+				...o?.listContent,
+				sx: {
+					height: `${_.getTotalSize()}px`,
+					...o?.listContent
+				},
+				children: _.getVirtualItems().map((t) => {
+					let r = p[t.index];
+					return /* @__PURE__ */ y(R, {
+						sx: {
+							height: `${t.size}px`,
+							transform: `translateY(${t.start}px)`
+						},
+						children: /* @__PURE__ */ y(i, {
+							title: r.name,
+							arrow: !0,
+							placement: "top",
+							children: /* @__PURE__ */ b(F, {
+								...o?.itemContent,
+								children: [
+									/* @__PURE__ */ y(c, {
+										icon: r.icon,
+										removeMargin: !0,
+										size: "24px"
+									}),
+									/* @__PURE__ */ y(a, {
+										variant: "titleXXS",
+										color: e.neutral[600],
+										sx: { whiteSpace: "nowrap" },
+										children: u && r.fileSize
+									}),
+									/* @__PURE__ */ y(z, {
+										variant: "titleXXS",
+										children: r.name
+									}),
+									/* @__PURE__ */ y(s, {
+										variant: "text",
+										color: "neutral",
+										sx: { borderRadius: 50 },
+										onClick: () => n(t.index),
+										children: /* @__PURE__ */ y(c, {
+											icon: d,
+											removeMargin: !0
+										})
+									})
+								]
+							})
+						})
+					}, t.key);
+				})
+			})
+		})]
+	});
+}, W = ({ placeholder: e, isProcessingZip: t }) => t ? /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b(r, {
+	id: "dropzone-upload-info",
+	sx: {
+		gap: 1,
+		alignItems: "center",
+		direction: "row"
+	},
+	children: [/* @__PURE__ */ y(n, {
+		sx: { color: "white" },
+		size: 24
+	}), /* @__PURE__ */ y(a, {
+		variant: "titleSM",
+		color: "white",
+		children: "Descompactando zip..."
+	})]
+}), /* @__PURE__ */ b(r, {
+	id: "dropzone-upload-more-label",
+	sx: {
+		gap: 1,
+		alignItems: "center",
+		direction: "row"
+	},
+	children: [/* @__PURE__ */ y(n, {
+		sx: { color: "white" },
+		size: 12
+	}), /* @__PURE__ */ y(a, {
+		variant: "bodySM",
+		sx: { fontWeight: 700 },
+		children: "Descompactando zip..."
+	})]
+})] }) : /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b(r, {
+	id: "dropzone-upload-info",
+	sx: {
+		gap: 1,
+		alignItems: "center",
+		direction: "row"
+	},
+	children: [/* @__PURE__ */ y(c, {
+		icon: u,
+		size: "48px",
+		color: "white",
+		removeMargin: !0
+	}), /* @__PURE__ */ y(a, {
+		variant: "titleSM",
+		color: "white",
+		children: e
+	})]
+}), /* @__PURE__ */ y(a, {
+	id: "dropzone-upload-more-label",
+	variant: "bodySM",
+	sx: { fontWeight: 700 },
+	children: "Carregar mais arquivos"
+})] }), G = async (e, t) => {
+	let n = [];
+	for (let t of e.items) {
+		if (t.kind !== "file") continue;
+		if (typeof t.webkitGetAsEntry == "function") {
+			let e = t.webkitGetAsEntry();
+			if (e === null) continue;
+			let r = await K(e);
+			n.push(...r);
+			continue;
+		}
+		let e = t.getAsFile();
+		e && n.push(e);
+	}
+	return t !== void 0 && (n = Y(n, t)), n;
+}, K = (e) => new Promise((t, n) => {
+	let r = 0, i = [];
+	a(e);
+	function a(e) {
+		J(e) ? (r++, e.file((e) => {
+			r--, i.push(e), r === 0 && t(i);
+		})) : q(e) && o(e.createReader());
+	}
+	function o(e) {
+		r++, e.readEntries(function(e) {
+			r--;
+			for (let t of e) a(t);
+			r === 0 && t(i);
+		});
+	}
+}), q = (e) => e.isDirectory, J = (e) => e.isFile, Y = (e, t) => {
+	let n = [], r = t.split(",");
+	for (let t of e) {
+		let e = `.${t.name.split(".").pop()?.toLowerCase()}`;
+		r.includes(e) && n.push(t);
+	}
+	return n;
+}, X = (e) => {
+	e.stopPropagation(), e.preventDefault();
+}, Z = (e) => {
+	e.dataTransfer.dropEffect = "link", X(e);
+}, Q = ({ onChange: e, filterOnDrop: t, maxSize: n, maxFiles: r, accept: i, onError: a, onWarning: o, files: s }) => {
+	let [c, l] = g(!1), [u, d] = g(!1), f = h(null), _ = h(!1), v = p(async (e) => {
+		d(!0);
+		let t = [], { BlobReader: n, BlobWriter: r, ZipReader: i } = await import("@zip.js/zip.js").catch(() => {
+			throw Error("Faça a instalação da biblioteca @zip.js/zip.js para utilizar o Dropzone com exportação de .zip");
+		}), o = new i(new n(e));
+		try {
+			let e = await o.getEntries();
+			for (let n of e) {
+				if (n.directory || n.getData === void 0) continue;
+				let e = await n.getData(new r()), i = new File([e], n.filename);
+				t.push(i);
+			}
+		} catch (e) {
+			a?.("Ocorreu um erro ao processar o arquivo compactado.", e);
+		} finally {
+			d(!1), await o.close();
+		}
+		return t;
+	}, [a]), y = p(async (e) => {
+		if (!i) return e;
+		let t = [];
+		for (let n of e) {
+			let e = `.${n.name.split(".").pop()?.toLocaleLowerCase()}`;
+			if (!i.split(",").includes(e)) {
+				o?.(`O arquivo "${n.name}" não é valido, extensões aceitas ${i}`);
+				continue;
+			}
+			if (e === ".zip") {
+				let e = await v(n);
+				if (!e.length) continue;
+				let r = await y(e);
+				r.length && t.push(...r);
+				continue;
+			}
+			t.push(n);
+		}
+		return t;
+	}, [
+		i,
+		o,
+		v
+	]), b = p(async (e) => {
+		let i = await t?.(e) ?? e, a = await y(i);
+		return r !== void 0 && s.length + a.length > r ? (o?.(`Quantidade máxima de arquivos ${r} alcançada`), s) : n !== void 0 && s.reduce((e, t) => e + t.size, 0) + a.reduce((e, t) => e + t.size, 0) > n ? (o?.(`O arquivo é muito grande, O tamanho máximo permitido é ${V(n)}`), s) : (_.current = !0, [...s, ...a]);
+	}, [
+		s,
+		t,
+		r,
+		n,
+		o,
+		y
+	]), x = async (t) => {
+		if (t.target.files) {
+			let n = [...t.target.files];
+			e(await b(n));
+		}
+	}, S = p((t) => {
+		f.current?.value && (f.current.value = ""), e(s.filter((e, n) => n !== t));
+	}, [e, s]), C = p(() => {
+		f.current?.value && (f.current.value = ""), e([]);
+	}, [e]);
+	return {
+		inputRef: f,
+		isDragging: c,
+		filesInfo: m(() => s?.map((e) => ({
+			size: e.size,
+			type: e.type,
+			name: e.name
+		})) ?? [], [s]),
+		treatedAccept: i ? `${i.toUpperCase()},${i.toLowerCase()}` : void 0,
+		isProcessingZip: u,
+		handleRemoveFile: S,
+		handleRemoveAllFiles: C,
+		handleChangeFiles: x,
+		handleDragEnter: (e) => {
+			Z(e), l(!0);
+		},
+		handleDragLeave: (e) => {
+			Z(e), l(!1);
+		},
+		handleDrop: async (e) => {
+			X(e), l(!1);
+			let t = await G(e.dataTransfer, i);
+			b(t);
+		}
+	};
+}, $ = (e) => {
+	let { inputRef: t, filesInfo: n, treatedAccept: r, handleChangeFiles: i, handleRemoveFile: a, handleRemoveAllFiles: o, handleDragEnter: s, handleDragLeave: c, handleDrop: l, isDragging: u, isProcessingZip: d } = Q(e), f = e.placeholder ?? "Pressione para carregar os arquivos";
+	return /* @__PURE__ */ b(w, {
+		onDragOver: s,
+		...e.slotProps?.root,
+		children: [
+			/* @__PURE__ */ y(T, {
+				"data-is-dragging": u,
+				onDrop: l,
+				onDragLeave: c,
+				...e.slotProps?.overlay
+			}),
+			/* @__PURE__ */ y(U, {
+				filesInfo: n,
+				onRemoveFile: a,
+				onRemoveAllFiles: o,
+				showFilesSize: e.showFilesSize,
+				slotProps: e.slotProps,
+				slots: e.slots
+			}),
+			/* @__PURE__ */ b(E, {
+				onClick: () => t.current?.click(),
+				"data-max-files": e.maxFiles,
+				"data-has-files": !!n.length,
+				"data-is-processing-zip": d,
+				...e.slotProps?.labelContainer,
+				children: [/* @__PURE__ */ y(W, {
+					placeholder: f,
+					isProcessingZip: d
+				}), /* @__PURE__ */ y("input", {
+					ref: t,
+					type: "file",
+					accept: r,
+					hidden: !0,
+					onChange: i,
+					multiple: e.maxFiles === void 0 || e.maxFiles > 1
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { $ as Dropzone };
-  width: 24px;
-  height: 24px;
-  padding: 4px;
-  border: none;
-  border-radius: 50%;
-  background-color: transparent;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  color: ${De.neutral[500]};
-  &:hover {
-    background-color: ${De.neutral[40]};
-    transition: all 0.3s ease;
-  }
-`;import{Fragment as zo,jsx as x,jsxs as Do}from"react/jsx-runtime";var ve=({showDeleteAllFilesButton:e=!0,placeholder:t,fileItemProps:r,initialValue:o=[],onClean:n,onReset:p,tratamentoFilesOnChange:l,onNotification:i,...u})=>{let[d,m]=po(o),g=s=>{let h=s.filter(c=>c.valid===!0);if(m(h),s.length>0){let c=s.filter(b=>b.valid===!1);c.length===1?i({variant:"warning",duration:5e3,title:`Arquivo ${c[0].file.name} inv\xE1lido`,message:c[0].errors?.[0]}):c.length>1&&c.forEach(b=>{i({variant:"warning",duration:5e3,title:`Arquivo ${b.file.name} inv\xE1lido`,message:b.errors?.[0]})})}},y=()=>{m([]),p?.()},k=s=>{let h=d.filter(c=>c.id!==s.id);m(h),n?.(h)};return so(()=>{o.length&&m(o)},[o]),x(co,{localization:"PT-pt",header:!1,footer:!1,headerClassName:"header",view:"grid",value:d,...u,onChange:async s=>{let h=s;if(l){let c=await l(s);c&&(h=c)}g(h),u.onChange?.(h)},children:d.length===0?x("div",{children:t||"Arraste os arquivos aqui ou clique para selecionar"}):Do(zo,{children:[e&&x(fo,{title:x(go,{variant:"bodyMD",children:"Remover"}),children:x(ye,{onClick:s=>{s.preventDefault(),s.stopPropagation(),y()},children:x(uo,{icon:ho,size:"24px"})})}),x("div",{style:{display:"flex"},children:d?.map(s=>x(mo,{info:!0,localization:"PT-pt",preview:!0,...s,...r,onDelete:()=>k(s)},s.id))})]})})};export{ve as Dropzone,ve as DropzoneV1,ao as DropzoneV2};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.mjs","names":[],"sources":["../src/dropzone/dropzone.styles.ts","../src/dropzone/dropzoneList/components/dropzoneHeaderClear.tsx","../src/dropzone/dropzoneList/components/dropzoneHeaderContainer.tsx","../src/dropzone/dropzoneList/components/dropzoneHeaderTitle.tsx","../src/dropzone/dropzoneList/components/dropzoneHeader.tsx","../src/dropzone/dropzoneList/dropzoneList.styles.ts","../src/dropzone/utils/dropzoneUtils.ts","../src/dropzone/dropzoneList/useDropzoneList.ts","../src/dropzone/dropzoneList/dropzoneList.tsx","../src/dropzone/dropzoneUploadInfo/dropzoneUploadInfo.tsx","../src/dropzone/dropzoneFileHandlers/dropzoneFileHandlers.ts","../src/dropzone/utils/dragDropUtils.ts","../src/dropzone/useDropzone.ts","../src/dropzone/dropzone.tsx"],"sourcesContent":["import type { HtmlHTMLAttributes } from 'react';\n\nimport { colorPalette } from '@s_mart/tokens';\n\nimport { Button, type ButtonProps, styled } from '@mui/material';\n\nimport type {\n DropzoneComponent,\n DropzoneLabelContainerAttrs,\n DropzoneOverlayAttrs,\n} from './dropzone.types';\n\nexport const DropzoneRoot: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>> = styled('div')`\n min-width: 300px;\n align-items: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 8px;\n padding: 16px;\n`;\n\nexport const DropzoneOverlay: DropzoneComponent<\n HtmlHTMLAttributes<HTMLDivElement>,\n DropzoneOverlayAttrs\n> = styled('div')`\n display: none;\n position: absolute;\n z-index: 20;\n top: 0;\n left: 0;\n height: 0;\n width: 0;\n border: 0px dashed ${colorPalette.neutral[500]};\n border-radius: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &[data-is-dragging='true'] {\n display: flex;\n background-color: rgba(0, 0, 0, 0.3);\n height: 99%;\n width: 99.3%;\n border-width: 2px;\n }\n`;\nexport const DropzoneLabelContainer: DropzoneComponent<ButtonProps, DropzoneLabelContainerAttrs> =\n styled(Button)(({ theme }) => ({\n width: '100%',\n pointerEvents: 'all',\n minHeight: '40px',\n backgroundColor: theme.palette.primary.main,\n borderRadius: Number.parseFloat(theme.shape.borderRadius.toString()) * 2,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n gap: '8px',\n padding: '.5rem 1rem',\n cursor: 'pointer',\n transition: 'all 0.5s ease',\n\n '&[data-max-files=\"1\"]': {\n minHeight: 0,\n },\n\n '&[data-has-files=\"true\"]': {\n height: '40px',\n },\n\n // Se tiver arquivos e o máximo de arquivos for 1\n '&[data-has-files=\"true\"][data-max-files=\"1\"]': {\n height: 0,\n },\n\n '&[data-has-files=\"true\"] #dropzone-upload-info': {\n display: 'none',\n },\n\n // Se não tiver arquivos || tiver maximo de arquivos == 1 aplica no #dropzone-upload-more-label\n '&:not([data-has-files=\"true\"]) #dropzone-upload-more-label, &[data-max-files=\"1\"] #dropzone-upload-more-label':\n {\n display: 'none',\n },\n\n '& #dropzone-upload-more-label': {\n pointerEvents: 'all',\n color: 'white',\n },\n\n // Se estiver processando zip, aplica no root e no #dropzone-upload-more-label\n '&[data-is-processing-zip=\"true\"], &[data-is-processing-zip=\"true\"] #dropzone-upload-more-label':\n {\n pointerEvents: 'none',\n },\n\n '&:hover': {\n backgroundColor: theme.palette.primary.dark,\n },\n }));\n","import { Tooltip } from '@mui/material';\nimport { IconButton, LIcon } from '@s_mart/core';\nimport { lineTimes } from '@s_mart/regular-icons';\nimport { deepMerge } from '@s_mart/utils';\nimport type { DropzoneHeaderClearProps, DropzoneHeaderClearSlotProps } from './dropzoneHeaderClear.types';\n\nconst defaultProps: Required<DropzoneHeaderClearSlotProps['slotProps']> = {\n headerCleartooltip: { title: 'Remover todos' },\n headerClearIconButton: { variant: 'text', color: 'neutral', sx: { borderRadius: 50 } },\n headerClearLicon: { icon: lineTimes, removeMargin: true },\n} as const;\n\nexport const DropzoneHeaderClear = ({ onClick, slotProps }: DropzoneHeaderClearProps) => {\n const slotPropsTooltip = deepMerge(defaultProps.headerCleartooltip, slotProps?.headerCleartooltip);\n const slotPropsIconButton = deepMerge(defaultProps.headerClearIconButton, slotProps?.headerClearIconButton);\n const slotPropsLIcon = deepMerge(defaultProps.headerClearLicon, slotProps?.headerClearLicon);\n\n return (\n <Tooltip {...slotPropsTooltip}>\n <IconButton {...slotPropsIconButton} onClick={onClick}>\n <LIcon {...slotPropsLIcon} />\n </IconButton>\n </Tooltip>\n );\n};\n","import { styled } from '@mui/material';\n\nexport const DropzoneHeaderContainer = styled('div')({\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n paddingBlock: '0.5rem',\n});\n","import { Typography } from '@mui/material';\nimport { useMemo } from 'react';\nimport { deepMerge } from '@s_mart/utils';\nimport type {\n DropzoneHeaderTitleBaseProps,\n DropzoneHeaderTitleProps,\n DropzoneHeaderTitleSlotProps,\n DropzoneHeaderTitleSlots,\n} from './dropzoneHeaderTitle.types';\n\nconst defaultProps: Required<DropzoneHeaderTitleSlotProps> = {\n headerTitle: { variant: 'titleXXS' },\n};\nconst defaultSlots: Required<DropzoneHeaderTitleSlots> = {\n headerTitleContent: (props) => <Content {...props} />,\n};\n\nconst Content = (props: DropzoneHeaderTitleBaseProps) => {\n let title = `${props.filesLengthLabel}`;\n if (props.showFilesSize) {\n title += ` - ${props.filesTotalSize}`;\n }\n return <>{title}</>;\n};\n\nexport const DropzoneHeaderTitle = (props: DropzoneHeaderTitleProps) => {\n const SlotContent = props.slots?.headerTitleContent ?? defaultSlots.headerTitleContent;\n\n const slotPropsTitle = useMemo(\n () =>\n deepMerge(defaultProps.headerTitle, {\n ...props,\n ...props.slotProps?.headerTitle,\n }),\n [props.filesLengthLabel, props.filesTotalSize, props],\n );\n\n return (\n <Typography {...slotPropsTitle}>\n <SlotContent {...slotPropsTitle} />\n </Typography>\n );\n};\n","import { DropzoneHeaderClear } from './dropzoneHeaderClear';\nimport { DropzoneHeaderContainer } from './dropzoneHeaderContainer';\nimport { DropzoneHeaderTitle } from './dropzoneHeaderTitle';\n\nexport const DropzoneHeader = {\n Container: DropzoneHeaderContainer,\n Title: DropzoneHeaderTitle,\n ClearButton: DropzoneHeaderClear,\n};\n","import { styled, Typography } from '@mui/material';\nimport { colorPalette } from '@s_mart/tokens';\nimport type { HtmlHTMLAttributes } from 'react';\nimport type { DropzoneComponent } from '../dropzone.types';\n\nexport const FilesContainer: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>> = styled('div')(({ theme }) => ({\n width: '100%',\n maxHeight: '300px',\n backgroundColor: colorPalette.neutral[20],\n borderRadius: Number.parseFloat(theme.shape.borderRadius.toString()) * 2,\n display: 'flex',\n flexDirection: 'column',\n border: `1px solid ${colorPalette.neutral[20]}`,\n padding: '8px',\n gap: '8px',\n}));\n\nexport const FileItemContent: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>> = styled('div')({\n backgroundColor: 'white',\n borderRadius: '16px',\n padding: '8px',\n gap: '24px',\n display: 'grid',\n gridTemplateColumns: 'min-content min-content 1fr min-content',\n alignItems: 'center',\n justifyContent: 'space-between',\n});\n\nexport const ScrollableFileList: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>> = styled('div')({\n height: 'auto',\n overflow: 'auto',\n});\n\nexport const FileListContent: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>> = styled('div')({\n position: 'relative',\n width: '100%',\n});\n\nexport const FileRow: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>> = styled('div')({\n top: 0,\n left: 0,\n width: '100%',\n position: 'absolute',\n paddingBottom: '8px', // gap below\n boxSizing: 'border-box',\n});\n\nexport const FileName = styled(Typography)({\n color: colorPalette.neutral[600],\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n textAlign: 'start',\n});\n","import type { PathSourceProps } from '@s_mart/core';\nimport { lineFile, linePicture, lineXMLFile } from '@s_mart/light-icons';\nimport { lineFileCertificate } from '@s_mart/regular-icons';\n\nexport const getFileIcon = (fileType: string): PathSourceProps => {\n switch (fileType) {\n case 'application/xml':\n case 'text/xml':\n return lineXMLFile;\n case 'image/gif':\n case 'image/jpeg':\n case 'image/png':\n case 'image/svg':\n case 'image/webp':\n return linePicture;\n case 'application/pkcs12':\n return lineFileCertificate;\n default:\n return lineFile;\n }\n};\n\nexport const getFileSize = (fileSize: number): string => {\n let result = '';\n\n if (fileSize < 1024) {\n result = `${fileSize} Bytes`;\n } else if (fileSize < 1024 * 1024) {\n result = `${(fileSize / 1024).toFixed(2)} KB`;\n } else if (fileSize < 1024 * 1024 * 1024) {\n result = `${(fileSize / 1024 / 1024).toFixed(2)} MB`;\n }\n\n return result;\n};\n","import { useMemo } from 'react';\nimport { getFileIcon, getFileSize } from '../utils/dropzoneUtils';\nimport type { FileInfo } from './dropzoneList.types';\n\nexport const useDropzoneList = ({ filesInfo }: { filesInfo: FileInfo[] }) => {\n const files = useMemo(() => {\n return filesInfo.map((f) => ({\n name: f.name,\n fileSize: getFileSize(f.size),\n icon: getFileIcon(f.type),\n }));\n }, [filesInfo]);\n\n const headerInfo = useMemo(() => {\n return {\n totalSize: getFileSize(filesInfo.reduce((acc, curr) => acc + curr.size, 0)),\n totalFilesLabel: filesInfo.length === 1 ? '1 arquivo' : `${filesInfo.length} arquivos`,\n };\n }, [filesInfo]);\n\n return { files, headerInfo };\n};\n","import { Tooltip, Typography } from '@mui/material';\nimport { IconButton, LIcon } from '@s_mart/core';\nimport { lineTimes } from '@s_mart/regular-icons';\nimport { colorPalette } from '@s_mart/tokens';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { useRef } from 'react';\nimport { DropzoneHeader } from './components/dropzoneHeader';\nimport {\n FileItemContent,\n FileListContent,\n FileName,\n FileRow,\n FilesContainer,\n ScrollableFileList,\n} from './dropzoneList.styles';\nimport type { DropzoneListProps } from './dropzoneList.types';\nimport { useDropzoneList } from './useDropzoneList';\n\nexport const DropzoneList = ({\n filesInfo,\n onRemoveFile,\n onRemoveAllFiles,\n slotProps,\n slots,\n showFilesSize,\n}: DropzoneListProps) => {\n const { files, headerInfo } = useDropzoneList({ filesInfo });\n const scrollAreaRef = useRef<HTMLDivElement | null>(null);\n\n // Necessário o uso de virtualizer pois em alguns casos, usuários importam milhares de documentos\n const rowVirtualizer = useVirtualizer({\n count: files.length,\n getScrollElement: () => scrollAreaRef.current,\n estimateSize: () => 44 + 16,\n overscan: 5,\n });\n\n if (files.length === 0) {\n return null;\n }\n\n return (\n <FilesContainer {...slotProps?.filesContainer}>\n {/* Header stays fixed at the top */}\n <DropzoneHeader.Container>\n <DropzoneHeader.Title\n slots={slots}\n slotProps={slotProps?.header}\n filesLengthLabel={headerInfo.totalFilesLabel}\n filesTotalSize={headerInfo.totalSize}\n showFilesSize={showFilesSize}\n />\n <DropzoneHeader.ClearButton onClick={onRemoveAllFiles} />\n </DropzoneHeader.Container>\n\n {/* Scrollable virtualized file list */}\n <ScrollableFileList ref={scrollAreaRef} {...slotProps?.scrollableFileList}>\n <FileListContent\n {...slotProps?.listContent}\n sx={{\n height: `${rowVirtualizer.getTotalSize()}px`,\n ...slotProps?.listContent,\n }}\n >\n {rowVirtualizer.getVirtualItems().map((virtualRow) => {\n const file = files[virtualRow.index];\n return (\n <FileRow\n key={virtualRow.key}\n sx={{\n height: `${virtualRow.size}px`,\n transform: `translateY(${virtualRow.start}px)`,\n }}\n >\n <Tooltip title={file.name} arrow placement='top'>\n <FileItemContent {...slotProps?.itemContent}>\n <LIcon icon={file.icon} removeMargin size='24px' />\n <Typography variant='titleXXS' color={colorPalette.neutral[600]} sx={{\n whiteSpace: 'nowrap'\n }}>\n {showFilesSize && file.fileSize}\n </Typography>\n <FileName variant='titleXXS'>{file.name}</FileName>\n <IconButton\n variant='text'\n color='neutral'\n sx={{ borderRadius: 50 }}\n onClick={() => onRemoveFile(virtualRow.index)}\n >\n <LIcon icon={lineTimes} removeMargin />\n </IconButton>\n </FileItemContent>\n </Tooltip>\n </FileRow>\n );\n })}\n </FileListContent>\n </ScrollableFileList>\n </FilesContainer>\n );\n};\n","import { CircularProgress, Stack, Typography } from '@mui/material';\nimport { LIcon } from '@s_mart/core';\nimport { lineFileUpload } from '@s_mart/regular-icons';\n\nexport const DropzoneUploadInfo = ({\n placeholder,\n isProcessingZip,\n}: { placeholder: string; isProcessingZip: boolean }) => {\n if (isProcessingZip) {\n return (\n <div>\n <Stack\n id='dropzone-upload-info'\n\n sx={{\n gap: 1,\n alignItems: 'center',\n direction: 'row',\n }}\n >\n <CircularProgress sx={{ color: 'white' }} size={24} />\n <Typography variant='titleSM' color='white'>\n Descompactando zip...\n </Typography>\n </Stack>\n <Stack\n id='dropzone-upload-more-label'\n sx={{\n gap: 1,\n alignItems: 'center',\n direction: 'row',\n }}\n >\n <CircularProgress sx={{ color: 'white' }} size={12} />\n <Typography\n variant='bodySM'\n sx={{\n fontWeight: 700,\n }}\n >\n Descompactando zip...\n </Typography>\n </Stack>\n </div>\n );\n }\n\n return (\n <div>\n <Stack\n id='dropzone-upload-info'\n sx={{\n gap: 1,\n alignItems: 'center',\n direction: 'row',\n }}\n >\n <LIcon icon={lineFileUpload} size='48px' color='white' removeMargin />\n <Typography variant='titleSM' color='white'>\n {placeholder}\n </Typography>\n </Stack>\n <Typography\n id='dropzone-upload-more-label'\n variant='bodySM'\n sx={{\n fontWeight: 700,\n }}\n >\n Carregar mais arquivos\n </Typography>\n </div>\n );\n};\n","export const getFilesAsync = async (dataTransfer: DataTransfer, accept?: string) => {\n let files: File[] = [];\n\n for (const item of dataTransfer.items) {\n if (item.kind !== 'file') {\n continue;\n }\n if (typeof item.webkitGetAsEntry === 'function') {\n const entry = item.webkitGetAsEntry();\n\n if (entry === null) {\n continue;\n }\n\n const entryContent = await readEntryContentAsync(entry);\n files.push(...entryContent);\n continue;\n }\n\n const file = item.getAsFile();\n if (file) {\n files.push(file);\n }\n }\n if (accept !== undefined) {\n files = filterAcceptedFiles(files, accept);\n }\n return files;\n};\n\nconst readEntryContentAsync = (entry: FileSystemEntry) => {\n return new Promise<File[]>((resolve, reject) => {\n let reading = 0;\n const contents: File[] = [];\n\n readEntry(entry);\n\n function readEntry(entry: FileSystemEntry) {\n if (isFile(entry)) {\n reading++;\n entry.file((file) => {\n reading--;\n contents.push(file);\n\n if (reading === 0) {\n resolve(contents);\n }\n });\n } else if (isDirectory(entry)) {\n readReaderContent(entry.createReader());\n }\n }\n\n function readReaderContent(reader: FileSystemDirectoryReader) {\n reading++;\n\n reader.readEntries(function (entries) {\n reading--;\n for (const entry of entries) {\n readEntry(entry);\n }\n\n if (reading === 0) {\n resolve(contents);\n }\n });\n }\n });\n};\n\nconst isDirectory = (entry: FileSystemEntry): entry is FileSystemDirectoryEntry => {\n return entry.isDirectory;\n};\n\nconst isFile = (entry: FileSystemEntry): entry is FileSystemFileEntry => {\n return entry.isFile;\n};\n\nconst filterAcceptedFiles = (files: File[], accept: string) => {\n const filteredFiles: File[] = [];\n\n const acceptedFormats = accept.split(',');\n\n for (const file of files) {\n const fileFormat = `.${file.name.split('.').pop()?.toLowerCase()}`;\n if (acceptedFormats.includes(fileFormat)) {\n filteredFiles.push(file);\n }\n }\n return filteredFiles;\n};\n","export const handleDropUtil: React.DragEventHandler<HTMLDivElement> = (e: React.DragEvent<HTMLDivElement>) => {\n e.stopPropagation();\n e.preventDefault();\n};\n\nexport const handleDragUtil: React.DragEventHandler<HTMLDivElement> = (e: React.DragEvent<HTMLDivElement>) => {\n e.dataTransfer.dropEffect = 'link';\n handleDropUtil(e);\n};\n","import { type ChangeEvent, useCallback, useMemo, useRef, useState } from 'react';\nimport type { UsesDropzoneProps } from './dropzone.types';\nimport { getFilesAsync } from './dropzoneFileHandlers/dropzoneFileHandlers';\nimport { handleDragUtil, handleDropUtil } from './utils/dragDropUtils';\nimport { getFileSize } from './utils/dropzoneUtils';\n\nexport const useDropzone = ({\n onChange,\n filterOnDrop,\n maxSize,\n maxFiles,\n accept,\n onError,\n onWarning,\n files,\n}: UsesDropzoneProps) => {\n const [isDragging, setIsDragging] = useState(false);\n const [isProcessingZip, setIsProcessingZip] = useState(false);\n const inputRef = useRef<HTMLInputElement | null>(null);\n const hasUploaded = useRef(false);\n\n const processZippedFile = useCallback(\n async (file: File): Promise<File[]> => {\n setIsProcessingZip(true);\n const files: File[] = [];\n\n const { BlobReader, BlobWriter, ZipReader } = await import('@zip.js/zip.js').catch(() => {\n throw new Error(\n 'Faça a instalação da biblioteca @zip.js/zip.js para utilizar o Dropzone com exportação de .zip',\n );\n });\n\n const blobReader = new BlobReader(file);\n const zipReader = new ZipReader(blobReader);\n try {\n const zipEntries = await zipReader.getEntries();\n\n for (const entry of zipEntries) {\n if (entry.directory || entry.getData === undefined) {\n continue;\n }\n\n const blobData = await entry.getData(new BlobWriter());\n\n const processedFile = new File([blobData], entry.filename);\n\n files.push(processedFile);\n }\n } catch (error) {\n onError?.('Ocorreu um erro ao processar o arquivo compactado.', error);\n } finally {\n setIsProcessingZip(false);\n await zipReader.close();\n }\n return files;\n },\n [onError],\n );\n\n const validateFormat = useCallback(\n async (files: File[]): Promise<File[]> => {\n if (!accept) return files;\n\n const validated: File[] = [];\n\n for (const file of files) {\n const fileFormat = `.${file.name.split('.').pop()?.toLocaleLowerCase()}`;\n const acceptedFormats = accept.split(',');\n if (!acceptedFormats.includes(fileFormat)) {\n onWarning?.(`O arquivo \"${file.name}\" não é valido, extensões aceitas ${accept}`);\n continue;\n }\n if (fileFormat === '.zip') {\n const unzippedFiles = await processZippedFile(file);\n\n if (!unzippedFiles.length) {\n continue;\n }\n\n const validatedUnzippedfiles = await validateFormat(unzippedFiles);\n\n if (validatedUnzippedfiles.length) {\n validated.push(...validatedUnzippedfiles);\n }\n\n continue;\n }\n validated.push(file);\n }\n return validated;\n },\n [accept, onWarning, processZippedFile],\n );\n\n const handleSetNewFiles = useCallback(\n async (newFiles: File[]) => {\n const filteredFiles = (await filterOnDrop?.(newFiles)) ?? newFiles;\n const validatedFiles = await validateFormat(filteredFiles);\n\n if (maxFiles !== undefined && files.length + validatedFiles.length > maxFiles) {\n onWarning?.(`Quantidade máxima de arquivos ${maxFiles} alcançada`);\n return files;\n }\n\n if (maxSize !== undefined) {\n const currSize = files.reduce((acc, curr) => acc + curr.size, 0);\n const newFilesSize = validatedFiles.reduce((acc, curr) => acc + curr.size, 0);\n\n if (currSize + newFilesSize > maxSize) {\n onWarning?.(`O arquivo é muito grande, O tamanho máximo permitido é ${getFileSize(maxSize)}`);\n return files;\n }\n }\n\n hasUploaded.current = true;\n return [...files, ...validatedFiles];\n },\n [files, filterOnDrop, maxFiles, maxSize, onWarning, validateFormat],\n );\n\n // CLICK AND SELECT FILE HANDLER\n const handleChangeFiles = async (e: ChangeEvent<HTMLInputElement>) => {\n if (e.target.files) {\n const targetFiles = [...e.target.files];\n\n onChange(await handleSetNewFiles(targetFiles));\n }\n };\n\n const handleRemoveFile = useCallback(\n (index: number) => {\n if (inputRef.current?.value) {\n inputRef.current.value = '';\n }\n\n onChange(files.filter((_, fIndex) => fIndex !== index));\n },\n [onChange, files],\n );\n\n const handleRemoveAllFiles = useCallback(() => {\n if (inputRef.current?.value) {\n inputRef.current.value = '';\n }\n onChange([]);\n }, [onChange]);\n\n const filesInfo = useMemo(() => files?.map((f) => ({ size: f.size, type: f.type, name: f.name })) ?? [], [files]);\n\n const treatedAccept = accept ? `${accept.toUpperCase()},${accept.toLowerCase()}` : undefined;\n\n // DRAG-DROP HANDLERS\n const handleDragEnter: React.DragEventHandler<HTMLDivElement> = (evt) => {\n handleDragUtil(evt);\n setIsDragging(true);\n };\n\n const handleDragLeave: React.DragEventHandler<HTMLDivElement> = (evt) => {\n handleDragUtil(evt);\n setIsDragging(false);\n };\n\n const handleDrop: React.DragEventHandler<HTMLDivElement> = async (evt) => {\n handleDropUtil(evt);\n setIsDragging(false);\n\n const targetFiles = await getFilesAsync(evt.dataTransfer, accept);\n handleSetNewFiles(targetFiles);\n };\n\n return {\n inputRef,\n isDragging,\n filesInfo,\n treatedAccept,\n isProcessingZip,\n handleRemoveFile,\n handleRemoveAllFiles,\n handleChangeFiles,\n\n handleDragEnter,\n handleDragLeave,\n handleDrop,\n };\n};\n","import { DropzoneLabelContainer, DropzoneOverlay, DropzoneRoot } from './dropzone.styles';\nimport type { DropzoneProps } from './dropzone.types';\nimport { DropzoneList } from './dropzoneList/dropzoneList';\nimport { DropzoneUploadInfo } from './dropzoneUploadInfo/dropzoneUploadInfo';\nimport { useDropzone } from './useDropzone';\n\nexport const Dropzone = (props: DropzoneProps) => {\n const {\n inputRef,\n filesInfo,\n treatedAccept,\n handleChangeFiles,\n handleRemoveFile,\n handleRemoveAllFiles,\n handleDragEnter,\n handleDragLeave,\n handleDrop,\n isDragging,\n isProcessingZip,\n } = useDropzone(props);\n\n const placeholder = props.placeholder ?? 'Pressione para carregar os arquivos';\n\n return (\n <DropzoneRoot onDragOver={handleDragEnter} {...props.slotProps?.root}>\n <DropzoneOverlay\n data-is-dragging={isDragging}\n onDrop={handleDrop}\n onDragLeave={handleDragLeave}\n {...props.slotProps?.overlay}\n />\n <DropzoneList\n filesInfo={filesInfo}\n onRemoveFile={handleRemoveFile}\n onRemoveAllFiles={handleRemoveAllFiles}\n showFilesSize={props.showFilesSize}\n slotProps={props.slotProps}\n slots={props.slots}\n />\n <DropzoneLabelContainer\n onClick={() => inputRef.current?.click()}\n data-max-files={props.maxFiles}\n data-has-files={Boolean(filesInfo.length)}\n data-is-processing-zip={isProcessingZip}\n {...props.slotProps?.labelContainer}\n >\n <DropzoneUploadInfo placeholder={placeholder} isProcessingZip={isProcessingZip} />\n <input\n ref={inputRef}\n type='file'\n accept={treatedAccept}\n hidden\n onChange={handleChangeFiles}\n multiple={props.maxFiles === undefined || props.maxFiles > 1}\n />\n </DropzoneLabelContainer>\n </DropzoneRoot>\n );\n};\n"],"mappings":";;;;;;;;;;AAYA,IAAa,IAAsE,EAAO,KAAK,CAAC;;;;;;;;GAUnF,IAGT,EAAO,KAAK,CAAC;;;;;;;;uBAQM,EAAa,QAAQ,KAAK;;;;;;;;;;;;;GAcpC,IACX,EAAO,CAAM,CAAC,EAAE,EAAE,gBAAa;CAC7B,OAAO;CACP,eAAe;CACf,WAAW;CACX,iBAAiB,EAAM,QAAQ,QAAQ;CACvC,cAAc,OAAO,WAAW,EAAM,MAAM,aAAa,SAAS,CAAC,IAAI;CACvE,SAAS;CACT,eAAe;CACf,gBAAgB;CAChB,YAAY;CACZ,KAAK;CACL,SAAS;CACT,QAAQ;CACR,YAAY;CAEZ,2BAAyB,EACvB,WAAW,EACb;CAEA,8BAA4B,EAC1B,QAAQ,OACV;CAGA,oDAAgD,EAC9C,QAAQ,EACV;CAEA,oDAAkD,EAChD,SAAS,OACX;CAGA,qHACE,EACE,SAAS,OACX;CAEF,iCAAiC;EAC/B,eAAe;EACf,OAAO;CACT;CAGA,sGACE,EACE,eAAe,OACjB;CAEF,WAAW,EACT,iBAAiB,EAAM,QAAQ,QAAQ,KACzC;AACF,EAAE,GC9FE,IAAoE;CACxE,oBAAoB,EAAE,OAAO,gBAAgB;CAC7C,uBAAuB;EAAE,SAAS;EAAQ,OAAO;EAAW,IAAI,EAAE,cAAc,GAAG;CAAE;CACrF,kBAAkB;EAAE,MAAM;EAAW,cAAc;CAAK;AAC1D,GAEa,KAAuB,EAAE,YAAS,mBAA0C;CACvF,IAAM,IAAmB,EAAU,EAAa,oBAAoB,GAAW,kBAAkB,GAC3F,IAAsB,EAAU,EAAa,uBAAuB,GAAW,qBAAqB,GACpG,IAAiB,EAAU,EAAa,kBAAkB,GAAW,gBAAgB;CAE3F,OACE,kBAAC,GAAD;EAAS,GAAI;EACX,UAAA,kBAAC,GAAD;GAAY,GAAI;GAA8B;GAC5C,UAAA,kBAAC,GAAD,EAAO,GAAI,EAAiB,CAAA;EAClB,CAAA;CACL,CAAA;AAEb,GCtBa,IAA0B,EAAO,KAAK,CAAC,CAAC;CACnD,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,cAAc;AAChB,CAAC,GCGK,IAAuD,EAC3D,aAAa,EAAE,SAAS,WAAW,EACrC,GACM,IAAmD,EACvD,qBAAqB,MAAU,kBAAC,GAAD,EAAS,GAAI,EAAQ,CAAA,EACtD,GAEM,KAAW,MAAwC;CACvD,IAAI,IAAQ,GAAG,EAAM;CAIrB,OAHI,EAAM,kBACR,KAAS,MAAM,EAAM,mBAEhB,kBAAA,GAAA,EAAA,UAAG,EAAQ,CAAA;AACpB,GCnBa,IAAiB;CAC5B,WAAW;CACX,QDmBkC,MAAoC;EACtE,IAAM,IAAc,EAAM,OAAO,sBAAsB,EAAa,oBAE9D,IAAiB,QAEnB,EAAU,EAAa,aAAa;GAClC,GAAG;GACH,GAAG,EAAM,WAAW;EACtB,CAAC,GACH;GAAC,EAAM;GAAkB,EAAM;GAAgB;EAAK,CACtD;EAEA,OACE,kBAAC,GAAD;GAAY,GAAI;GACd,UAAA,kBAAC,GAAD,EAAa,GAAI,EAAiB,CAAA;EACxB,CAAA;CAEhB;CCnCE,aAAa;AACf,GCHa,IAAwE,EAAO,KAAK,CAAC,EAAE,EAAE,gBAAa;CACjH,OAAO;CACP,WAAW;CACX,iBAAiB,EAAa,QAAQ;CACtC,cAAc,OAAO,WAAW,EAAM,MAAM,aAAa,SAAS,CAAC,IAAI;CACvE,SAAS;CACT,eAAe;CACf,QAAQ,aAAa,EAAa,QAAQ;CAC1C,SAAS;CACT,KAAK;AACP,EAAE,GAEW,IAAyE,EAAO,KAAK,CAAC,CAAC;CAClG,iBAAiB;CACjB,cAAc;CACd,SAAS;CACT,KAAK;CACL,SAAS;CACT,qBAAqB;CACrB,YAAY;CACZ,gBAAgB;AAClB,CAAC,GAEY,IAA4E,EAAO,KAAK,CAAC,CAAC;CACrG,QAAQ;CACR,UAAU;AACZ,CAAC,GAEY,IAAyE,EAAO,KAAK,CAAC,CAAC;CAClG,UAAU;CACV,OAAO;AACT,CAAC,GAEY,IAAiE,EAAO,KAAK,CAAC,CAAC;CAC1F,KAAK;CACL,MAAM;CACN,OAAO;CACP,UAAU;CACV,eAAe;CACf,WAAW;AACb,CAAC,GAEY,IAAW,EAAO,CAAU,CAAC,CAAC;CACzC,OAAO,EAAa,QAAQ;CAC5B,UAAU;CACV,cAAc;CACd,YAAY;CACZ,WAAW;AACb,CAAC,GCjDY,KAAe,MAAsC;CAChE,QAAQ,GAAR;EACE,KAAK;EACL,KAAK,YACH,OAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,cACH,OAAO;EACT,KAAK,sBACH,OAAO;EACT,SACE,OAAO;CACX;AACF,GAEa,KAAe,MAA6B;CACvD,IAAI,IAAS;CAUb,OARI,IAAW,OACb,IAAS,GAAG,EAAS,UACZ,IAAW,UACpB,IAAS,IAAI,IAAW,KAAA,CAAM,QAAQ,CAAC,EAAE,OAChC,IAAW,eACpB,IAAS,IAAI,IAAW,OAAO,KAAA,CAAM,QAAQ,CAAC,EAAE,OAG3C;AACT,GC9Ba,KAAmB,EAAE,oBAgBzB;CAAE,OAfK,QACL,EAAU,KAAK,OAAO;EAC3B,MAAM,EAAE;EACR,UAAU,EAAY,EAAE,IAAI;EAC5B,MAAM,EAAY,EAAE,IAAI;CAC1B,EAAE,GACD,CAAC,CAAS,CASJ;CAAO,YAPG,SACV;EACL,WAAW,EAAY,EAAU,QAAQ,GAAK,MAAS,IAAM,EAAK,MAAM,CAAC,CAAC;EAC1E,iBAAiB,EAAU,WAAW,IAAI,cAAc,GAAG,EAAU,OAAO;CAC9E,IACC,CAAC,CAAS,CAEG;AAAW,ICFhB,KAAgB,EAC3B,cACA,iBACA,qBACA,cACA,UACA,uBACuB;CACvB,IAAM,EAAE,UAAO,kBAAe,EAAgB,EAAE,aAAU,CAAC,GACrD,IAAgB,EAA8B,IAAI,GAGlD,IAAiB,EAAe;EACpC,OAAO,EAAM;EACb,wBAAwB,EAAc;EACtC,oBAAoB;EACpB,UAAU;CACZ,CAAC;CAMD,OAJI,EAAM,WAAW,IACZ,OAIP,kBAAC,GAAD;EAAgB,GAAI,GAAW;EAA/B,UAAA,CAEE,kBAAC,EAAe,WAAhB,EAAA,UAAA,CACE,kBAAC,EAAe,OAAhB;GACS;GACP,WAAW,GAAW;GACtB,kBAAkB,EAAW;GAC7B,gBAAgB,EAAW;GACZ;EAChB,CAAA,GACD,kBAAC,EAAe,aAAhB,EAA4B,SAAS,EAAmB,CAAA,CAChC,EAAA,CAAA,GAG1B,kBAAC,GAAD;GAAoB,KAAK;GAAe,GAAI,GAAW;GACrD,UAAA,kBAAC,GAAD;IACE,GAAI,GAAW;IACf,IAAI;KACF,QAAQ,GAAG,EAAe,aAAa,EAAE;KACzC,GAAG,GAAW;IAChB;IAEC,UAAA,EAAe,gBAAgB,CAAC,CAAC,KAAK,MAAe;KACpD,IAAM,IAAO,EAAM,EAAW;KAC9B,OACE,kBAAC,GAAD;MAEE,IAAI;OACF,QAAQ,GAAG,EAAW,KAAK;OAC3B,WAAW,cAAc,EAAW,MAAM;MAC5C;MAEA,UAAA,kBAAC,GAAD;OAAS,OAAO,EAAK;OAAM,OAAA;OAAM,WAAU;OACzC,UAAA,kBAAC,GAAD;QAAiB,GAAI,GAAW;QAAhC,UAAA;SACE,kBAAC,GAAD;UAAO,MAAM,EAAK;UAAM,cAAA;UAAa,MAAK;SAAQ,CAAA;SAClD,kBAAC,GAAD;UAAY,SAAQ;UAAW,OAAO,EAAa,QAAQ;UAAM,IAAI,EACnE,YAAY,SACd;UACG,UAAA,KAAiB,EAAK;SACb,CAAA;SACZ,kBAAC,GAAD;UAAU,SAAQ;UAAY,UAAA,EAAK;SAAe,CAAA;SAClD,kBAAC,GAAD;UACE,SAAQ;UACR,OAAM;UACN,IAAI,EAAE,cAAc,GAAG;UACvB,eAAe,EAAa,EAAW,KAAK;UAE5C,UAAA,kBAAC,GAAD;WAAO,MAAM;WAAW,cAAA;UAAc,CAAA;SAC5B,CAAA;QACG;;MACV,CAAA;KACF,GAzBF,EAAW,GAyBT;IAEb,CAAC;GACc,CAAA;EACC,CAAA,CACN;;AAEpB,GChGa,KAAsB,EACjC,gBACA,yBAEI,IAEA,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;CACE,IAAG;CAEH,IAAI;EACF,KAAK;EACL,YAAY;EACZ,WAAW;CACb;CAPF,UAAA,CASE,kBAAC,GAAD;EAAkB,IAAI,EAAE,OAAO,QAAQ;EAAG,MAAM;CAAK,CAAA,GACrD,kBAAC,GAAD;EAAY,SAAQ;EAAU,OAAM;EAAQ,UAAA;CAEhC,CAAA,CACP;AACP,CAAA,GAAA,kBAAC,GAAD;CACE,IAAG;CACH,IAAI;EACF,KAAK;EACL,YAAY;EACZ,WAAW;CACb;CANF,UAAA,CAQE,kBAAC,GAAD;EAAkB,IAAI,EAAE,OAAO,QAAQ;EAAG,MAAM;CAAK,CAAA,GACrD,kBAAC,GAAD;EACE,SAAQ;EACR,IAAI,EACF,YAAY,IACd;EACD,UAAA;CAEW,CAAA,CACP;AACJ,CAAA,CAAA,EAAA,CAAA,IAKP,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;CACE,IAAG;CACH,IAAI;EACF,KAAK;EACL,YAAY;EACZ,WAAW;CACb;CANF,UAAA,CAQE,kBAAC,GAAD;EAAO,MAAM;EAAgB,MAAK;EAAO,OAAM;EAAQ,cAAA;CAAc,CAAA,GACrE,kBAAC,GAAD;EAAY,SAAQ;EAAU,OAAM;EACjC,UAAA;CACS,CAAA,CACP;AACP,CAAA,GAAA,kBAAC,GAAD;CACE,IAAG;CACH,SAAQ;CACR,IAAI,EACF,YAAY,IACd;CACD,UAAA;AAEW,CAAA,CACT,EAAA,CAAA,GCvEI,IAAgB,OAAO,GAA4B,MAAoB;CAClF,IAAI,IAAgB,CAAC;CAErB,KAAK,IAAM,KAAQ,EAAa,OAAO;EACrC,IAAI,EAAK,SAAS,QAChB;EAEF,IAAI,OAAO,EAAK,oBAAqB,YAAY;GAC/C,IAAM,IAAQ,EAAK,iBAAiB;GAEpC,IAAI,MAAU,MACZ;GAGF,IAAM,IAAe,MAAM,EAAsB,CAAK;GACtD,EAAM,KAAK,GAAG,CAAY;GAC1B;EACF;EAEA,IAAM,IAAO,EAAK,UAAU;EAC5B,AAAI,KACF,EAAM,KAAK,CAAI;CAEnB;CAIA,OAHI,MAAW,KAAA,MACb,IAAQ,EAAoB,GAAO,CAAM,IAEpC;AACT,GAEM,KAAyB,MACtB,IAAI,SAAiB,GAAS,MAAW;CAC9C,IAAI,IAAU,GACR,IAAmB,CAAC;CAE1B,EAAU,CAAK;CAEf,SAAS,EAAU,GAAwB;EACzC,AAAI,EAAO,CAAK,KACd,KACA,EAAM,MAAM,MAAS;GAInB,AAHA,KACA,EAAS,KAAK,CAAI,GAEd,MAAY,KACd,EAAQ,CAAQ;EAEpB,CAAC,KACQ,EAAY,CAAK,KAC1B,EAAkB,EAAM,aAAa,CAAC;CAE1C;CAEA,SAAS,EAAkB,GAAmC;EAG5D,AAFA,KAEA,EAAO,YAAY,SAAU,GAAS;GACpC;GACA,KAAK,IAAM,KAAS,GAClB,EAAU,CAAK;GAGjB,AAAI,MAAY,KACd,EAAQ,CAAQ;EAEpB,CAAC;CACH;AACF,CAAC,GAGG,KAAe,MACZ,EAAM,aAGT,KAAU,MACP,EAAM,QAGT,KAAuB,GAAe,MAAmB;CAC7D,IAAM,IAAwB,CAAC,GAEzB,IAAkB,EAAO,MAAM,GAAG;CAExC,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAM,IAAa,IAAI,EAAK,KAAK,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,YAAY;EAC/D,AAAI,EAAgB,SAAS,CAAU,KACrC,EAAc,KAAK,CAAI;CAE3B;CACA,OAAO;AACT,GC1Fa,KAA0D,MAAuC;CAE5G,AADA,EAAE,gBAAgB,GAClB,EAAE,eAAe;AACnB,GAEa,KAA0D,MAAuC;CAE5G,AADA,EAAE,aAAa,aAAa,QAC5B,EAAe,CAAC;AAClB,GCFa,KAAe,EAC1B,aACA,iBACA,YACA,aACA,WACA,YACA,cACA,eACuB;CACvB,IAAM,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,CAAC,GAAiB,KAAsB,EAAS,EAAK,GACtD,IAAW,EAAgC,IAAI,GAC/C,IAAc,EAAO,EAAK,GAE1B,IAAoB,EACxB,OAAO,MAAgC;EACrC,EAAmB,EAAI;EACvB,IAAM,IAAgB,CAAC,GAEjB,EAAE,eAAY,eAAY,iBAAc,MAAM,OAAO,iBAAiB,CAAC,YAAY;GACvF,MAAU,MACR,gGACF;EACF,CAAC,GAGK,IAAY,IAAI,EAAU,IADT,EAAW,CACF,CAAU;EAC1C,IAAI;GACF,IAAM,IAAa,MAAM,EAAU,WAAW;GAE9C,KAAK,IAAM,KAAS,GAAY;IAC9B,IAAI,EAAM,aAAa,EAAM,YAAY,KAAA,GACvC;IAGF,IAAM,IAAW,MAAM,EAAM,QAAQ,IAAI,EAAW,CAAC,GAE/C,IAAgB,IAAI,KAAK,CAAC,CAAQ,GAAG,EAAM,QAAQ;IAEzD,EAAM,KAAK,CAAa;GAC1B;EACF,SAAS,GAAO;GACd,IAAU,sDAAsD,CAAK;EACvE,UAAU;GAER,AADA,EAAmB,EAAK,GACxB,MAAM,EAAU,MAAM;EACxB;EACA,OAAO;CACT,GACA,CAAC,CAAO,CACV,GAEM,IAAiB,EACrB,OAAO,MAAmC;EACxC,IAAI,CAAC,GAAQ,OAAO;EAEpB,IAAM,IAAoB,CAAC;EAE3B,KAAK,IAAM,KAAQ,GAAO;GACxB,IAAM,IAAa,IAAI,EAAK,KAAK,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,kBAAkB;GAErE,IAAI,CADoB,EAAO,MAAM,GAChC,CAAA,CAAgB,SAAS,CAAU,GAAG;IACzC,IAAY,cAAc,EAAK,KAAK,oCAAoC,GAAQ;IAChF;GACF;GACA,IAAI,MAAe,QAAQ;IACzB,IAAM,IAAgB,MAAM,EAAkB,CAAI;IAElD,IAAI,CAAC,EAAc,QACjB;IAGF,IAAM,IAAyB,MAAM,EAAe,CAAa;IAEjE,AAAI,EAAuB,UACzB,EAAU,KAAK,GAAG,CAAsB;IAG1C;GACF;GACA,EAAU,KAAK,CAAI;EACrB;EACA,OAAO;CACT,GACA;EAAC;EAAQ;EAAW;CAAiB,CACvC,GAEM,IAAoB,EACxB,OAAO,MAAqB;EAC1B,IAAM,IAAiB,MAAM,IAAe,CAAQ,KAAM,GACpD,IAAiB,MAAM,EAAe,CAAa;EAkBzD,OAhBI,MAAa,KAAA,KAAa,EAAM,SAAS,EAAe,SAAS,KACnE,IAAY,iCAAiC,EAAS,WAAW,GAC1D,KAGL,MAAY,KAAA,KACG,EAAM,QAAQ,GAAK,MAAS,IAAM,EAAK,MAAM,CAG1D,IAFiB,EAAe,QAAQ,GAAK,MAAS,IAAM,EAAK,MAAM,CAE5D,IAAe,KAC5B,IAAY,0DAA0D,EAAY,CAAO,GAAG,GACrF,MAIX,EAAY,UAAU,IACf,CAAC,GAAG,GAAO,GAAG,CAAc;CACrC,GACA;EAAC;EAAO;EAAc;EAAU;EAAS;EAAW;CAAc,CACpE,GAGM,IAAoB,OAAO,MAAqC;EACpE,IAAI,EAAE,OAAO,OAAO;GAClB,IAAM,IAAc,CAAC,GAAG,EAAE,OAAO,KAAK;GAEtC,EAAS,MAAM,EAAkB,CAAW,CAAC;EAC/C;CACF,GAEM,IAAmB,GACtB,MAAkB;EAKjB,AAJI,EAAS,SAAS,UACpB,EAAS,QAAQ,QAAQ,KAG3B,EAAS,EAAM,QAAQ,GAAG,MAAW,MAAW,CAAK,CAAC;CACxD,GACA,CAAC,GAAU,CAAK,CAClB,GAEM,IAAuB,QAAkB;EAI7C,AAHI,EAAS,SAAS,UACpB,EAAS,QAAQ,QAAQ,KAE3B,EAAS,CAAC,CAAC;CACb,GAAG,CAAC,CAAQ,CAAC;CAyBb,OAAO;EACL;EACA;EACA,WA1BgB,QAAc,GAAO,KAAK,OAAO;GAAE,MAAM,EAAE;GAAM,MAAM,EAAE;GAAM,MAAM,EAAE;EAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAK,CA0B7G;EACA,eAzBoB,IAAS,GAAG,EAAO,YAAY,EAAE,GAAG,EAAO,YAAY,MAAM,KAAA;EA0BjF;EACA;EACA;EACA;EAEA,kBA5B+D,MAAQ;GAEvE,AADA,EAAe,CAAG,GAClB,EAAc,EAAI;EACpB;EA0BE,kBAxB+D,MAAQ;GAEvE,AADA,EAAe,CAAG,GAClB,EAAc,EAAK;EACrB;EAsBE,mBApBgE,MAAQ;GAExE,AADA,EAAe,CAAG,GAClB,EAAc,EAAK;GAEnB,IAAM,IAAc,MAAM,EAAc,EAAI,cAAc,CAAM;GAChE,EAAkB,CAAW;EAC/B;CAeA;AACF,GClLa,KAAY,MAAyB;CAChD,IAAM,EACJ,aACA,cACA,kBACA,sBACA,qBACA,yBACA,oBACA,oBACA,eACA,eACA,uBACE,EAAY,CAAK,GAEf,IAAc,EAAM,eAAe;CAEzC,OACE,kBAAC,GAAD;EAAc,YAAY;EAAiB,GAAI,EAAM,WAAW;EAAhE,UAAA;GACE,kBAAC,GAAD;IACE,oBAAkB;IAClB,QAAQ;IACR,aAAa;IACb,GAAI,EAAM,WAAW;GACtB,CAAA;GACD,kBAAC,GAAD;IACa;IACX,cAAc;IACd,kBAAkB;IAClB,eAAe,EAAM;IACrB,WAAW,EAAM;IACjB,OAAO,EAAM;GACd,CAAA;GACD,kBAAC,GAAD;IACE,eAAe,EAAS,SAAS,MAAM;IACvC,kBAAgB,EAAM;IACtB,kBAAgB,EAAQ,EAAU;IAClC,0BAAwB;IACxB,GAAI,EAAM,WAAW;IALvB,UAAA,CAOE,kBAAC,GAAD;KAAiC;KAA8B;IAAkB,CAAA,GACjF,kBAAC,SAAD;KACE,KAAK;KACL,MAAK;KACL,QAAQ;KACR,QAAA;KACA,UAAU;KACV,UAAU,EAAM,aAAa,KAAA,KAAa,EAAM,WAAW;IAC5D,CAAA,CACqB;;EACZ;;AAElB"}

package/package.json CHANGED Viewed

@@ -1,60 +1,52 @@
 {
   "name": "@s_mart/dropzone",
-  "version": "12.0.2",
+  "version": "16.0.0",
+  "license": "MIT",
+  "type": "module",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
-  "types": "./dist/index.d.mts",
+  "types": "./dist/index.d.ts",
   "sideEffects": false,
-  "license": "MIT",
   "files": [
     "dist/**"
   ],
   "dependencies": {
-    "@dropzone-ui/react": "^6.7.20",
-    "@mui/utils": "^7.2.0",
-    "@tanstack/react-virtual": "^3.13.12",
-    "tsup": "8.5.0"
-  },
-  "peerDependencies": {
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.13.0",
-    "@mui/material": "^7.2.0",
-    "@mui/system": "^7.2.0",
-    "@types/node": ">=22.15.17",
-    "@types/react": "^18.3.12 || ^19.0.0",
-    "@types/react-dom": "^18.3.1 || ^19.0.0",
-    "@zip.js/zip.js": "^2.7.54",
-    "axios": "^1.6.7",
-    "react": "^18.3.1 || ^19.0.0",
-    "react-dom": "^18.3.1 || ^19.0.0",
-    "typescript": ">=5.4.2",
-    "@s_mart/core": "11.0.3",
-    "@s_mart/light-icons": "6.0.26",
-    "@s_mart/regular-icons": "6.0.18",
-    "@s_mart/tokens": "6.0.0"
+    "@tanstack/react-virtual": "^3.14.10"
   },
   "devDependencies": {
-    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.14.1",
+    "@mui/material": "^9.3.1",
+    "@mui/system": "^9.3.0",
+    "@s_mart/core": "16.0.0",
+    "@s_mart/light-icons": "16.0.0",
+    "@s_mart/regular-icons": "16.0.0",
+    "@s_mart/tokens": "16.0.0",
+    "@s_mart/utils": "16.0.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
+    "@zip.js/zip.js": "^2.8.54",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "typescript": "^7.0.2"
+  },
+  "peerDependencies": {
     "@emotion/styled": "^11.13.0",
-    "@mui/material": "^7.2.0",
-    "@mui/system": "^7.2.0",
-    "@types/node": ">=22.15.17",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@mui/material": "^9.0.0",
+    "@mui/system": "^9.0.0",
+    "@s_mart/core": "16.0.0",
+    "@s_mart/light-icons": "16.0.0",
+    "@s_mart/regular-icons": "16.0.0",
+    "@s_mart/tokens": "16.0.0",
+    "@s_mart/utils": "16.0.0",
+    "@types/react": ">=18.3.12",
+    "@types/react-dom": ">=18.3.1",
     "@zip.js/zip.js": "^2.7.54",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "typescript": ">=5.4.2",
-    "@s_mart/core": "11.0.3",
-    "@s_mart/light-icons": "6.0.26",
-    "@s_mart/regular-icons": "6.0.18",
-    "@s_mart/tokens": "6.0.0"
-  },
-  "overrides": {
-    "react-is": "^18.3.1"
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1",
+    "typescript": ">=7.0.2"
   },
   "scripts": {
-    "build": "tsup src/index.tsx --minify --format esm --dts --external react",
-    "dev": "tsup src/index.tsx --format esm --watch --dts --external react"
+    "build": "pnpm run typecheck && vite build",
+    "typecheck": "tsc --noEmit"
   }
 }

package/dist/index.d.mts DELETED Viewed

@@ -1,155 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { StyledComponent } from '@emotion/styled';
-import { ButtonProps, TypographyProps, Theme } from '@mui/material';
-import { MUIStyledCommonProps } from '@mui/system';
-import { HtmlHTMLAttributes, HTMLAttributes } from 'react';
-import { FileValidated } from '@dropzone-ui/react';
-import { DropzoneProps } from '@dropzone-ui/react/build/components/dropzone/components/Dropzone/DropzoneProps';
-import { FileItemProps } from '@dropzone-ui/react/build/components/file-item/components/FileItem/FileItemProps';
-declare const DropzoneRoot: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
-declare const DropzoneOverlay: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>, DropzoneOverlayAttrs>;
-declare const DropzoneLabelContainer: DropzoneComponent<ButtonProps, DropzoneLabelContainerAttrs>;
-type DropzoneHeaderTitleSlotProps = {
-    headerTitle?: DropzoneHeaderTitleBaseProps & TypographyProps;
-};
-type DropzoneHeaderTitleSlots = {
-    headerTitleContent?: (props: DropzoneHeaderTitleBaseProps) => JSX.Element;
-};
-type DropzoneHeaderTitleBaseProps = {
-    filesLengthLabel?: string;
-    filesTotalSize?: string;
-    showFilesSize?: boolean;
-};
-declare const FilesContainer: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
-declare const FileItemContent: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
-declare const ScrollableFileList: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
-declare const FileListContent: DropzoneComponent<HtmlHTMLAttributes<HTMLDivElement>>;
-type DropzoneV2SlotProps = Partial<{
-    root: Parameters<typeof DropzoneRoot>[0];
-    overlay: Parameters<typeof DropzoneOverlay>[0];
-    header: DropzoneHeaderTitleSlotProps;
-    labelContainer: Parameters<typeof DropzoneLabelContainer>[0];
-    filesContainer: Parameters<typeof FilesContainer>[0];
-    scrollableFileList: Parameters<typeof ScrollableFileList>[0];
-    listContent: Parameters<typeof FileListContent>[0];
-    itemContent: Parameters<typeof FileItemContent>[0];
-}>;
-type DropzoneComponent<Element extends HTMLAttributes<unknown>, Props extends Record<string, unknown> = Record<string, unknown>> = StyledComponent<MUIStyledCommonProps<Theme>, Element, Props>;
-type DropzoneV2Slots = DropzoneHeaderTitleSlots;
-type DropzoneV2Props = Pick<DropzoneHeaderTitleBaseProps, 'showFilesSize'> & {
-    files: File[];
-    onChange(files: File[]): void;
-    /**
-     * Permite filtrar os arquivos que são adicionados
-     *
-     * É chamado antes de `onChange`
-     * @param files Arquivos que serão filtrados
-     */
-    filterOnDrop?(files: File[]): Promise<File[]> | File[];
-    maxSize?: number;
-    maxFiles?: number;
-    /**
-     * @default 'Pressione para carregar os arquivos'
-     */
-    placeholder?: string;
-    /**
-     * @default undefined Aceita todos os arquivos
-     * @example '.png,.jpg,.jpeg'
-     */
-    accept?: string;
-    /**
-     * @description Acessa as propriedades dos componentes internos
-     */
-    slotProps?: DropzoneV2SlotProps;
-    /**
-     *  @description Substitui os componentes internos
-     */
-    slots?: DropzoneV2Slots;
-    /**
-     * @param message Mensagem tratado do erro
-     * @param errorFromCatch O erro capturado pelo `try catch`
-     */
-    onError: (message: string, errorFromCatch: unknown) => void;
-    /**
-     * @param message Mensagem tratado do erro
-     */
-    onWarning: (message: string) => void;
-};
-type DropzoneOverlayAttrs = {
-    /**
-     * Tipagem somente utilizada para linting para passar data attributes
-     */
-    'data-is-dragging': boolean;
-};
-type DropzoneLabelContainerAttrs = {
-    /**
-     * Tipagem somente utilizada para linting para passar data attributes
-     */
-    'data-has-files': boolean;
-    'data-max-files': number | undefined;
-    'data-is-processing-zip': boolean;
-};
-declare const DropzoneV2: (props: DropzoneV2Props) => react_jsx_runtime.JSX.Element;
-interface DropzoneOnNotificationProps {
-    /**
-     * @description Deve ser uma string, pois não sabemos qual lib de notificações são utilizadas e nem todas aceita `React.ReactNode`
-     */
-    title: string;
-    /**
-     * @description Deve ser uma string, pois não sabemos qual lib de notificações são utilizadas e nem todas aceita `React.ReactNode`
-     */
-    message?: string;
-    duration: number;
-    variant: 'warning' | 'error' | 'success' | 'info';
-}
-interface DropzoneV1Props extends Omit<DropzoneProps, 'children' | 'onReset' | 'onClean'> {
-    children?: React.ReactNode;
-    /**
-     * @description Prop responsável por exibir o botão de deletar todos os arquivos no canto superior direito do dropzone
-     * @default true
-     * @type boolean
-     */
-    showDeleteAllFilesButton?: boolean;
-    /**
-     * @description Texto que é renderizado no centro do dropzone quando não há arquivos selecionados
-     * @default "Arraste os arquivos aqui ou clique para selecionar"
-     */
-    placeholder?: React.ReactNode | string;
-    /**
-     * @description Props que são passadas para o componente FileItem do dropzone
-     * @default {}
-     */
-    fileItemProps?: FileItemProps;
-    /**
-     * @description Valor inicial do state que armazena os arquivos selecionados no dropzone
-     * @default []
-     * @type FileValidated[]
-     **/
-    initialValue?: DropzoneV1File[];
-    /**
-     * @description Função que é chamada quando o usuário clica no botão de deletar um arquivo
-     * @param files Lista de arquivos que restaram no dropzone
-     */
-    onClean?: (files: DropzoneV1File[]) => void;
-    /**
-     *  @description Função que é chamada quando o usuário clica no botão de deletar todos os arquivos
-     */
-    onReset?: () => void;
-    /**
-     *  @description Função que é chamada dentro do OnChange para caso necessário fazer um tratamento nos files
-     */
-    tratamentoFilesOnChange?: (incomingFiles: FileValidated[]) => Promise<FileValidated[]> | FileValidated[];
-    onNotification(param: DropzoneOnNotificationProps): void;
-}
-interface DropzoneV1File extends FileValidated {
-}
-declare const DropzoneV1: ({ showDeleteAllFilesButton, placeholder, fileItemProps, initialValue, onClean, onReset, tratamentoFilesOnChange, onNotification, ...rest }: DropzoneV1Props) => react_jsx_runtime.JSX.Element;
-export { DropzoneV1 as Dropzone, type DropzoneV1File as DropzoneFile, type DropzoneV1Props as DropzoneProps, DropzoneV1, type DropzoneV1File, type DropzoneV1Props, DropzoneV2, type DropzoneV2Props, type DropzoneV2SlotProps };