@tecsinapse/cortex-react 1.12.2 → 1.13.0-beta.0

package/dist/cjs/components/Carousel/Carousel.js

@@ -20,10 +20,8 @@ const Carousel = ({ images }) => {
     {
       type: "button",
       "data-testid": "button-carousel-prev",
-      variants: {
-        size: "square",
-        className: "z-absolute absolute left-deca top-[50%]  transform -translate-y-[50%] p-centi hidden lg:flex"
-      },
+      className: "z-absolute absolute left-deca top-[50%]  transform -translate-y-[50%] p-centi hidden lg:flex",
+      size: "square",
       onClick: slideToPrevItem
     },
     /* @__PURE__ */ React.createElement(io.IoIosArrowBack, null)
@@ -32,10 +30,8 @@ const Carousel = ({ images }) => {
     {
       type: "button",
       "data-testid": "button-carousel-next",
-      variants: {
-        size: "square",
-        className: "z-absolute absolute right-deca top-[50%] transform -translate-y-[50%] p-centi hidden lg:flex"
-      },
+      size: "square",
+      className: "z-absolute absolute right-deca top-[50%] transform -translate-y-[50%] p-centi hidden lg:flex",
       onClick: slideToNextItem
     },
     /* @__PURE__ */ React.createElement(io.IoIosArrowForward, null)

package/dist/cjs/components/Carousel/CarouselItem.js

@@ -53,9 +53,7 @@ const CarouselItem = ({ item }) => {
       {
         type: "button",
         "data-testid": "button-link-carousel",
-        variants: {
-          className: "z-absolute absolute bottom-deca left-[10%]"
-        }
+        className: "z-absolute absolute bottom-deca left-[10%]"
       },
       item.button.title
     )

package/dist/cjs/hooks/useFileUpload.js

@@ -8,11 +8,14 @@ var types = require('../components/Uploader/types.js');
 const useFileUpload = ({
   accept = {},
   onAccept,
+  onFileRejected,
   maxSize,
   allowMultiple = true,
-  onFileRejected
+  preventDuplicates = false,
+  onDuplicate
 }) => {
   const [files, setFiles] = React.useState([]);
+  const [duplicates, setDuplicates] = React.useState([]);
   const [isOpen, setIsOpen] = React.useState(false);
   const onOpen = React.useCallback(() => setIsOpen(true), []);
   const onClose = React.useCallback(() => setIsOpen(false), []);
@@ -25,7 +28,21 @@ const useFileUpload = ({
     []
   );
   const onDrop = async (acceptedFiles) => {
-    const newFiles = acceptedFiles.map((file) => ({
+    let toProcess = acceptedFiles;
+    if (preventDuplicates) {
+      const found = acceptedFiles.filter(
+        (file) => files.some((existing) => existing.file.name === file.name)
+      );
+      if (found.length > 0) {
+        setDuplicates(found);
+        onDuplicate?.(found);
+      }
+      toProcess = acceptedFiles.filter(
+        (file) => !found.some((dup) => dup.name === file.name)
+      );
+      if (toProcess.length === 0) return;
+    }
+    const newFiles = toProcess.map((file) => ({
       file,
       status: onAccept ? types.FileStatus.UPLOADING : types.FileStatus.SUCCESS,
       uid: uuid.v4()
@@ -86,6 +103,7 @@ const useFileUpload = ({
     },
     open: isOpen,
     files,
+    duplicates,
     onClearFiles: handleClearFiles
   };
 };

package/dist/esm/components/Carousel/Carousel.js

@@ -18,10 +18,8 @@ const Carousel = ({ images }) => {
     {
       type: "button",
       "data-testid": "button-carousel-prev",
-      variants: {
-        size: "square",
-        className: "z-absolute absolute left-deca top-[50%]  transform -translate-y-[50%] p-centi hidden lg:flex"
-      },
+      className: "z-absolute absolute left-deca top-[50%]  transform -translate-y-[50%] p-centi hidden lg:flex",
+      size: "square",
       onClick: slideToPrevItem
     },
     /* @__PURE__ */ React__default.createElement(IoIosArrowBack, null)
@@ -30,10 +28,8 @@ const Carousel = ({ images }) => {
     {
       type: "button",
       "data-testid": "button-carousel-next",
-      variants: {
-        size: "square",
-        className: "z-absolute absolute right-deca top-[50%] transform -translate-y-[50%] p-centi hidden lg:flex"
-      },
+      size: "square",
+      className: "z-absolute absolute right-deca top-[50%] transform -translate-y-[50%] p-centi hidden lg:flex",
       onClick: slideToNextItem
     },
     /* @__PURE__ */ React__default.createElement(IoIosArrowForward, null)

package/dist/esm/components/Carousel/CarouselItem.js

@@ -51,9 +51,7 @@ const CarouselItem = ({ item }) => {
       {
         type: "button",
         "data-testid": "button-link-carousel",
-        variants: {
-          className: "z-absolute absolute bottom-deca left-[10%]"
-        }
+        className: "z-absolute absolute bottom-deca left-[10%]"
       },
       item.button.title
     )

package/dist/esm/hooks/useFileUpload.js

@@ -6,11 +6,14 @@ import { FileStatus, AcceptSpecificMap } from '../components/Uploader/types.js';
 const useFileUpload = ({
   accept = {},
   onAccept,
+  onFileRejected,
   maxSize,
   allowMultiple = true,
-  onFileRejected
+  preventDuplicates = false,
+  onDuplicate
 }) => {
   const [files, setFiles] = useState([]);
+  const [duplicates, setDuplicates] = useState([]);
   const [isOpen, setIsOpen] = useState(false);
   const onOpen = useCallback(() => setIsOpen(true), []);
   const onClose = useCallback(() => setIsOpen(false), []);
@@ -23,7 +26,21 @@ const useFileUpload = ({
     []
   );
   const onDrop = async (acceptedFiles) => {
-    const newFiles = acceptedFiles.map((file) => ({
+    let toProcess = acceptedFiles;
+    if (preventDuplicates) {
+      const found = acceptedFiles.filter(
+        (file) => files.some((existing) => existing.file.name === file.name)
+      );
+      if (found.length > 0) {
+        setDuplicates(found);
+        onDuplicate?.(found);
+      }
+      toProcess = acceptedFiles.filter(
+        (file) => !found.some((dup) => dup.name === file.name)
+      );
+      if (toProcess.length === 0) return;
+    }
+    const newFiles = toProcess.map((file) => ({
       file,
       status: onAccept ? FileStatus.UPLOADING : FileStatus.SUCCESS,
       uid: v4()
@@ -84,6 +101,7 @@ const useFileUpload = ({
     },
     open: isOpen,
     files,
+    duplicates,
     onClearFiles: handleClearFiles
   };
 };

package/dist/types/hooks/useFileUpload.d.ts

@@ -9,18 +9,20 @@ interface UseFileUploadOptions<T> {
         TEXT?: (typeof AcceptSpecificMap.TEXT)[number][];
     };
     onAccept?: (files: FileUpload<T>[]) => Promise<FileUpload<T>[]>;
+    onFileRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
     maxSize?: number;
     allowMultiple?: boolean;
-    onDelete?: (file: FileUpload<T>) => Promise<void>;
-    onFileRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
+    preventDuplicates?: boolean;
+    onDuplicate?: (duplicates: File[]) => void;
 }
-export declare const useFileUpload: <T>({ accept, onAccept, maxSize, allowMultiple, onFileRejected, }: UseFileUploadOptions<T>) => {
+export declare const useFileUpload: <T>({ accept, onAccept, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, }: UseFileUploadOptions<T>) => {
     onOpen: () => void;
     onClose: () => void;
     onDelete: (index: number) => void;
     dropzoneProps: UseDropzoneProps;
     open: boolean;
     files: FileUpload<T>[];
+    duplicates: File[];
     onClearFiles: () => void;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.12.2",
+  "version": "1.13.0-beta.0",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -47,5 +47,5 @@
     "react-icons": ">=5.2.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "509f8fed5849a7a5e3cf6bfa23eba2ef63b45c27"
+  "gitHead": "4c78af21cd3462adefd432f41e940d06968eed45"
 }