@s_mart/dropzone 16.1.0 → 16.1.1

package/dist/index.mjs

@@ -1,9 +1,9 @@
 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 { useCallback as s, useMemo as c, useRef as l, useState as u } from "react";
+import { IconButton as d, LIcon as f } from "@s_mart/core";
+import { lineFileCertificate as p, lineFileUpload as m, lineTimes as h } from "@s_mart/regular-icons";
+import { useVirtualizer as g } from "@tanstack/react-virtual";
 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";
@@ -70,17 +70,17 @@ var w = o("div")`
 		sx: { borderRadius: 50 }
 	},
 	headerClearLicon: {
-		icon: d,
+		icon: h,
 		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, {
+		children: /* @__PURE__ */ y(d, {
 			...r,
 			onClick: e,
-			children: /* @__PURE__ */ y(c, { ...a })
+			children: /* @__PURE__ */ y(f, { ...a })
 		})
 	});
 }, k = o("div")({
@@ -94,7 +94,7 @@ var w = o("div")`
 }, N = {
 	Container: k,
 	Title: (e) => {
-		let t = e.slots?.headerTitleContent ?? j.headerTitleContent, n = m(() => _(A.headerTitle, {
+		let t = e.slots?.headerTitleContent ?? j.headerTitleContent, n = c(() => _(A.headerTitle, {
 			...e,
 			...e.slotProps?.headerTitle
 		}), [
@@ -155,39 +155,39 @@ var w = o("div")`
 		case "image/png":
 		case "image/svg":
 		case "image/webp": return S;
-		case "application/pkcs12": return l;
+		case "application/pkcs12": return p;
 		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) => ({
+	files: c(() => e.map((e) => ({
 		name: e.name,
 		fileSize: V(e.size),
 		icon: B(e.type)
 	})), [e]),
-	headerInfo: m(() => ({
+	headerInfo: c(() => ({
 		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,
+}), U = ({ filesInfo: t, onRemoveFile: n, onRemoveAllFiles: r, slotProps: o, slots: s, showFilesSize: c }) => {
+	let { files: u, headerInfo: p } = H({ filesInfo: t }), m = l(null), _ = g({
+		count: u.length,
+		getScrollElement: () => m.current,
 		estimateSize: () => 60,
 		overscan: 5
 	});
-	return p.length === 0 ? null : /* @__PURE__ */ b(P, {
+	return u.length === 0 ? null : /* @__PURE__ */ b(P, {
 		...o?.filesContainer,
 		children: [/* @__PURE__ */ b(N.Container, { children: [/* @__PURE__ */ y(N.Title, {
-			slots: l,
+			slots: s,
 			slotProps: o?.header,
-			filesLengthLabel: m.totalFilesLabel,
-			filesTotalSize: m.totalSize,
-			showFilesSize: u
+			filesLengthLabel: p.totalFilesLabel,
+			filesTotalSize: p.totalSize,
+			showFilesSize: c
 		}), /* @__PURE__ */ y(N.ClearButton, { onClick: r })] }), /* @__PURE__ */ y(I, {
-			ref: g,
+			ref: m,
 			...o?.scrollableFileList,
 			children: /* @__PURE__ */ y(L, {
 				...o?.listContent,
@@ -196,7 +196,7 @@ var w = o("div")`
 					...o?.listContent
 				},
 				children: _.getVirtualItems().map((t) => {
-					let r = p[t.index];
+					let r = u[t.index];
 					return /* @__PURE__ */ y(R, {
 						sx: {
 							height: `${t.size}px`,
@@ -209,28 +209,30 @@ var w = o("div")`
 							children: /* @__PURE__ */ b(F, {
 								...o?.itemContent,
 								children: [
-									/* @__PURE__ */ y(c, {
+									/* @__PURE__ */ y(f, {
 										icon: r.icon,
 										removeMargin: !0,
 										size: "24px"
 									}),
 									/* @__PURE__ */ y(a, {
 										variant: "titleXXS",
-										color: e.neutral[600],
-										sx: { whiteSpace: "nowrap" },
-										children: u && r.fileSize
+										sx: {
+											color: e.neutral[600],
+											whiteSpace: "nowrap"
+										},
+										children: c && r.fileSize
 									}),
 									/* @__PURE__ */ y(z, {
 										variant: "titleXXS",
 										children: r.name
 									}),
-									/* @__PURE__ */ y(s, {
+									/* @__PURE__ */ y(d, {
 										variant: "text",
 										color: "neutral",
 										sx: { borderRadius: 50 },
 										onClick: () => n(t.index),
-										children: /* @__PURE__ */ y(c, {
-											icon: d,
+										children: /* @__PURE__ */ y(f, {
+											icon: h,
 											removeMargin: !0
 										})
 									})
@@ -254,7 +256,7 @@ var w = o("div")`
 		size: 24
 	}), /* @__PURE__ */ y(a, {
 		variant: "titleSM",
-		color: "white",
+		sx: { color: "white" },
 		children: "Descompactando zip..."
 	})]
 }), /* @__PURE__ */ b(r, {
@@ -279,14 +281,14 @@ var w = o("div")`
 		alignItems: "center",
 		direction: "row"
 	},
-	children: [/* @__PURE__ */ y(c, {
-		icon: u,
+	children: [/* @__PURE__ */ y(f, {
+		icon: m,
 		size: "48px",
 		color: "white",
 		removeMargin: !0
 	}), /* @__PURE__ */ y(a, {
 		variant: "titleSM",
-		color: "white",
+		sx: { color: "white" },
 		children: e
 	})]
 }), /* @__PURE__ */ y(a, {
@@ -335,9 +337,9 @@ var w = o("div")`
 	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);
+}, Q = ({ onChange: e, filterOnDrop: t, maxSize: n, maxFiles: r, accept: i, onError: a, onWarning: o, files: d }) => {
+	let [f, p] = u(!1), [m, h] = u(!1), g = l(null), _ = l(!1), v = s(async (e) => {
+		h(!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));
@@ -351,10 +353,10 @@ var w = o("div")`
 		} catch (e) {
 			a?.("Ocorreu um erro ao processar o arquivo compactado.", e);
 		} finally {
-			d(!1), await o.close();
+			h(!1), await o.close();
 		}
 		return t;
-	}, [a]), y = p(async (e) => {
+	}, [a]), y = s(async (e) => {
 		if (!i) return e;
 		let t = [];
 		for (let n of e) {
@@ -377,11 +379,11 @@ var w = o("div")`
 		i,
 		o,
 		v
-	]), b = p(async (e) => {
+	]), b = s(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]);
+		return r !== void 0 && d.length + a.length > r ? (o?.(`Quantidade máxima de arquivos ${r} alcançada`), d) : n !== void 0 && d.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)}`), d) : (_.current = !0, [...d, ...a]);
 	}, [
-		s,
+		d,
 		t,
 		r,
 		n,
@@ -392,32 +394,32 @@ var w = o("div")`
 			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([]);
+	}, S = s((t) => {
+		g.current?.value && (g.current.value = ""), e(d.filter((e, n) => n !== t));
+	}, [e, d]), C = s(() => {
+		g.current?.value && (g.current.value = ""), e([]);
 	}, [e]);
 	return {
-		inputRef: f,
-		isDragging: c,
-		filesInfo: m(() => s?.map((e) => ({
+		inputRef: g,
+		isDragging: f,
+		filesInfo: c(() => d?.map((e) => ({
 			size: e.size,
 			type: e.type,
 			name: e.name
-		})) ?? [], [s]),
+		})) ?? [], [d]),
 		treatedAccept: i ? `${i.toUpperCase()},${i.toLowerCase()}` : void 0,
-		isProcessingZip: u,
+		isProcessingZip: m,
 		handleRemoveFile: S,
 		handleRemoveAllFiles: C,
 		handleChangeFiles: x,
 		handleDragEnter: (e) => {
-			Z(e), l(!0);
+			Z(e), p(!0);
 		},
 		handleDragLeave: (e) => {
-			Z(e), l(!1);
+			Z(e), p(!1);
 		},
 		handleDrop: async (e) => {
-			X(e), l(!1);
+			X(e), p(!1);
 			let t = await G(e.dataTransfer, i);
 			b(t);
 		}

package/dist/index.mjs.map

@@ -1 +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"}
+{"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 { useRef } from 'react';\n\nimport { IconButton, LIcon } from '@s_mart/core';\nimport { lineTimes } from '@s_mart/regular-icons';\nimport { colorPalette } from '@s_mart/tokens';\n\nimport { Tooltip, Typography } from '@mui/material';\nimport { useVirtualizer } from '@tanstack/react-virtual';\n\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\n                      variant='titleXXS'\n                      sx={{\n                        color: colorPalette.neutral[600],\n                        whiteSpace: 'nowrap',\n                      }}\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 { LIcon } from '@s_mart/core';\nimport { lineFileUpload } from '@s_mart/regular-icons';\n\nimport { CircularProgress, Stack, Typography } from '@mui/material';\n\nexport const DropzoneUploadInfo = ({\n  placeholder,\n  isProcessingZip,\n}: {\n  placeholder: string;\n  isProcessingZip: boolean;\n}) => {\n  if (isProcessingZip) {\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          <CircularProgress sx={{ color: 'white' }} size={24} />\n          <Typography variant='titleSM' sx={{ 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' sx={{ 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":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s_mart/dropzone",
-  "version": "16.1.0",
+  "version": "16.1.1",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.mjs",
@@ -17,11 +17,11 @@
     "@emotion/styled": "^11.14.1",
     "@mui/material": "^9.3.1",
     "@mui/system": "^9.3.0",
-    "@s_mart/core": "16.1.0",
-    "@s_mart/light-icons": "16.1.0",
-    "@s_mart/regular-icons": "16.1.0",
-    "@s_mart/tokens": "16.1.0",
-    "@s_mart/utils": "16.1.0",
+    "@s_mart/core": "16.1.1",
+    "@s_mart/light-icons": "16.1.1",
+    "@s_mart/regular-icons": "16.1.1",
+    "@s_mart/tokens": "16.1.1",
+    "@s_mart/utils": "16.1.1",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.5",
     "@zip.js/zip.js": "^2.8.54",
@@ -33,11 +33,11 @@
     "@emotion/styled": "^11.13.0",
     "@mui/material": "^9.0.0",
     "@mui/system": "^9.0.0",
-    "@s_mart/core": "16.1.0",
-    "@s_mart/light-icons": "16.1.0",
-    "@s_mart/regular-icons": "16.1.0",
-    "@s_mart/tokens": "16.1.0",
-    "@s_mart/utils": "16.1.0",
+    "@s_mart/core": "16.1.1",
+    "@s_mart/light-icons": "16.1.1",
+    "@s_mart/regular-icons": "16.1.1",
+    "@s_mart/tokens": "16.1.1",
+    "@s_mart/utils": "16.1.1",
     "@types/react": ">=18.3.12",
     "@types/react-dom": ">=18.3.1",
     "@zip.js/zip.js": "^2.7.54",