@s_mart/dropzone 7.0.3 → 8.0.0-next.1

package/dist/index.d.mts

@@ -3,6 +3,18 @@ import { FileValidated } from '@dropzone-ui/react';
 import { DropzoneProps as DropzoneProps$1 } from '@dropzone-ui/react/build/components/dropzone/components/Dropzone/DropzoneProps';
 import { FileItemProps } from '@dropzone-ui/react/build/components/file-item/components/FileItem/FileItemProps';
 
+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 DropzoneProps extends Omit<DropzoneProps$1, 'children' | 'onReset' | 'onClean'> {
     children?: React.ReactNode;
     /**
@@ -40,10 +52,11 @@ interface DropzoneProps extends Omit<DropzoneProps$1, 'children' | 'onReset' | '
      *  @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 DropzoneFile extends FileValidated {
 }
 
-declare const Dropzone: ({ showDeleteAllFilesButton, placeholder, fileItemProps, initialValue, onClean, onReset, tratamentoFilesOnChange, ...rest }: DropzoneProps) => react_jsx_runtime.JSX.Element;
+declare const Dropzone: ({ showDeleteAllFilesButton, placeholder, fileItemProps, initialValue, onClean, onReset, tratamentoFilesOnChange, onNotification, ...rest }: DropzoneProps) => react_jsx_runtime.JSX.Element;
 
 export { Dropzone, type DropzoneFile, type DropzoneProps };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import P,{useEffect as T}from"react";import{Dropzone as b,FileItem as A}from"@dropzone-ui/react";import{LIcon as q}from"@s_mart/core";import{Tooltip as w,Typography as N}from"@mui/material";import{lineTimes as k}from"@s_mart/regular-icons";import x from"@emotion/styled";import{colorPalette as c}from"@s_mart/tokens";var m=x.button`
+import{useEffect as x,useState as T}from"react";import{Dropzone as b,FileItem as A}from"@dropzone-ui/react";import{LIcon as P}from"@s_mart/core";import{Tooltip as w,Typography as q}from"@mui/material";import{lineTimes as k}from"@s_mart/regular-icons";import F from"@emotion/styled";import{colorPalette as f}from"@s_mart/tokens";var c=F.button`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -18,10 +18,10 @@ import P,{useEffect as T}from"react";import{Dropzone as b,FileItem as A}from"@dr
   cursor: pointer;
   transition: all 0.3s ease;
 
-  color: ${c.neutral[500]};
+  color: ${f.neutral[500]};
 
   &:hover {
-    background-color: ${c.neutral[40]};
+    background-color: ${f.neutral[40]};
     transition: all 0.3s ease;
   }
-`;import{useNotification as B}from"@s_mart/hooks";import{Fragment as U,jsx as t,jsxs as _}from"react/jsx-runtime";var I=({showDeleteAllFilesButton:u=!0,placeholder:h,fileItemProps:D,initialValue:n=[],onClean:v,onReset:g,tratamentoFilesOnChange:p,...f})=>{let{setNotification:d}=B(),[l,a]=P.useState(n),z=e=>{let o=e.filter(i=>i.valid===!0);a(o);let r={variant:"warning",autoHideDuration:5e3};if(e.length>0){let i=e.filter(s=>s.valid===!1);i.length===1?d({...r,title:`Arquivo ${i[0].file.name} inv\xE1lido`,message:i[0].errors?.[0]}):i.length>1&&i.forEach(s=>{d({...r,title:`Arquivo ${s.file.name} inv\xE1lido`,message:s.errors?.[0]})})}},y=()=>{a([]),g?.()},F=e=>{let o=l.filter(r=>r.id!==e.id);a(o),v?.(o)};return T(()=>{n.length&&a(n)},[n]),t(b,{localization:"PT-pt",header:!1,footer:!1,headerClassName:"header",view:"grid",value:l,...f,onChange:async e=>{let o=e;if(p){let r=await p(e);r&&(o=r)}z(o),f.onChange?.(o)},children:l.length===0?t("div",{children:h||"Arraste os arquivos aqui ou clique para selecionar"}):_(U,{children:[u&&t(w,{title:t(N,{variant:"bodyMD",children:"Remover"}),children:t(m,{onClick:e=>{e.preventDefault(),e.stopPropagation(),y()},children:t(q,{icon:k,size:"24px"})})}),t("div",{style:{display:"flex"},children:l?.map(e=>t(A,{info:!0,localization:"PT-pt",preview:!0,...e,...D,onDelete:()=>F(e)},e.id))})]})})};export{I as Dropzone};
+`;import{Fragment as U,jsx as t,jsxs as _}from"react/jsx-runtime";var I=({showDeleteAllFilesButton:m=!0,placeholder:u,fileItemProps:h,initialValue:i=[],onClean:v,onReset:D,tratamentoFilesOnChange:s,onNotification:p,...d})=>{let[l,n]=T(i),g=e=>{let r=e.filter(o=>o.valid===!0);if(n(r),e.length>0){let o=e.filter(a=>a.valid===!1);o.length===1?p({variant:"warning",duration:5e3,title:`Arquivo ${o[0].file.name} inv\xE1lido`,message:o[0].errors?.[0]}):o.length>1&&o.forEach(a=>{p({variant:"warning",duration:5e3,title:`Arquivo ${a.file.name} inv\xE1lido`,message:a.errors?.[0]})})}},z=()=>{n([]),D?.()},y=e=>{let r=l.filter(o=>o.id!==e.id);n(r),v?.(r)};return x(()=>{i.length&&n(i)},[i]),t(b,{localization:"PT-pt",header:!1,footer:!1,headerClassName:"header",view:"grid",value:l,...d,onChange:async e=>{let r=e;if(s){let o=await s(e);o&&(r=o)}g(r),d.onChange?.(r)},children:l.length===0?t("div",{children:u||"Arraste os arquivos aqui ou clique para selecionar"}):_(U,{children:[m&&t(w,{title:t(q,{variant:"bodyMD",children:"Remover"}),children:t(c,{onClick:e=>{e.preventDefault(),e.stopPropagation(),z()},children:t(P,{icon:k,size:"24px"})})}),t("div",{style:{display:"flex"},children:l?.map(e=>t(A,{info:!0,localization:"PT-pt",preview:!0,...e,...h,onDelete:()=>y(e)},e.id))})]})})};export{I as Dropzone};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s_mart/dropzone",
-  "version": "7.0.3",
+  "version": "8.0.0-next.1",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
@@ -11,39 +11,36 @@
   ],
   "dependencies": {
     "@dropzone-ui/react": "^6.7.20",
-    "@mui/material": ">=5.15.14",
-    "tsup": "8.0.2",
-    "@types/react": ">=18.3.1",
-    "@types/react-dom": ">=18.3.0",
-    "typescript": ">=5.4.2",
-    "@s_mart/core": "7.0.3",
-    "@s_mart/hooks": "7.0.2",
-    "@s_mart/regular-icons": "5.3.0",
-    "eslint-config-smarten": "4.1.0",
-    "@s_mart/tokens": "5.1.0",
-    "@s_mart/typed": "6.0.0"
+    "tsup": "8.0.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.4",
-    "@emotion/styled": ">=11.11.5",
+    "@emotion/styled": "^11.13.0",
+    "@mui/material": "^6.1.3",
+    "@types/node": ">=20.0.0",
     "@types/react": ">=18.3.1",
     "@types/react-dom": ">=18.3.0",
     "axios": ">=1.6.0",
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1",
     "typescript": ">=5.4.2",
-    "@s_mart/core": "7.0.3",
-    "@s_mart/hooks": "7.0.2",
-    "@s_mart/regular-icons": "5.3.0",
-    "@s_mart/tokens": "5.1.0",
-    "@s_mart/typed": "6.0.0"
+    "@s_mart/core": "8.0.0-next.1",
+    "@s_mart/regular-icons": "5.3.2-next.0",
+    "@s_mart/tokens": "5.1.0"
   },
   "devDependencies": {
-    "eslint": "^8.47.0"
+    "@emotion/styled": "^11.13.0",
+    "@mui/material": "^6.1.3",
+    "@types/node": ">=20.0.0",
+    "@types/react": ">=18.3.1",
+    "@types/react-dom": ">=18.3.0",
+    "typescript": ">=5.4.2",
+    "@s_mart/core": "8.0.0-next.1",
+    "@s_mart/regular-icons": "5.3.2-next.0",
+    "@s_mart/tokens": "5.1.0"
   },
   "scripts": {
     "build": "tsup src/index.tsx --minify --format esm --dts --external react",
-    "dev": "tsup src/index.tsx --format esm --watch --dts --external react",
-    "lint": "eslint src/**/*.ts* --fix"
+    "dev": "tsup src/index.tsx --format esm --watch --dts --external react"
   }
 }