@tecsinapse/cortex-react 1.15.0-beta.21 → 1.15.0-beta.23

package/dist/cjs/components/Uploader/Manager.js

@@ -9,6 +9,7 @@ var clsx = require('clsx');
 var io5 = require('react-icons/io5');
 var cortexCore = require('@tecsinapse/cortex-core');
 var useManagerHelpers = require('../../hooks/useManagerHelpers.js');
+var Loading = require('../Loading.js');
 
 const Manager = ({
   open,
@@ -17,7 +18,15 @@ const Manager = ({
   uploadProgressText = "Upload(s) in progress",
   onClose
 }) => {
-  const { min, setMin, regularFiles, folderFiles, totalLength, setFolders } = useManagerHelpers.useManagerHelpers({
+  const {
+    min,
+    setMin,
+    regularFiles,
+    folderFiles,
+    totalLength,
+    setFolders,
+    isLoading
+  } = useManagerHelpers.useManagerHelpers({
     files
   });
   return reactDom.createPortal(
@@ -44,7 +53,8 @@ const Manager = ({
               {
                 variants: { variant: "filled", size: "square" },
                 onClick: onClose,
-                children: /* @__PURE__ */ jsxRuntime.jsx(io.IoMdClose, {})
+                disabled: isLoading,
+                children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Loading.Loading, {}) : /* @__PURE__ */ jsxRuntime.jsx(io.IoMdClose, {})
               }
             )
           ] }),

package/dist/cjs/hooks/useFileUpload.js

@@ -27,6 +27,8 @@ const useFileUpload = ({
   onDuplicate,
   hasManager = true,
   isFolder = false,
+  noClick = false,
+  ignoreRejections = false,
   uploadProgressText
 }) => {
   const {
@@ -64,7 +66,7 @@ const useFileUpload = ({
     []
   );
   const onDrop = async (acceptedFiles, fileRejections) => {
-    if (fileRejections.length > 0) return;
+    if (fileRejections.length > 0 && !ignoreRejections) return;
     if (hasManager) {
       openManager();
       onClose();
@@ -121,7 +123,8 @@ const useFileUpload = ({
     accept: mappedAccept,
     multiple: allowMultiple,
     maxSize,
-    onDropRejected: onFileRejected
+    onDropRejected: onFileRejected,
+    noClick
   });
   const isFileLimitReached = !allowMultiple && files.length > 0;
   return {

package/dist/cjs/hooks/useManagerHelpers.js

@@ -16,13 +16,18 @@ const useManagerHelpers = ({
     [files]
   );
   const totalLength = (regularFiles ?? []).length + (folders ?? []).length;
+  const isLoading = React.useMemo(
+    () => files?.some((file) => file.status === "uploading"),
+    [files]
+  );
   return {
     min,
     setMin,
     folderFiles,
     regularFiles,
     totalLength,
-    setFolders
+    setFolders,
+    isLoading
   };
 };
 

package/dist/esm/components/Uploader/Manager.js

@@ -7,6 +7,7 @@ import { clsx } from 'clsx';
 import { IoChevronUp, IoChevronDown } from 'react-icons/io5';
 import { manager } from '@tecsinapse/cortex-core';
 import { useManagerHelpers } from '../../hooks/useManagerHelpers.js';
+import { Loading } from '../Loading.js';
 
 const Manager = ({
   open,
@@ -15,7 +16,15 @@ const Manager = ({
   uploadProgressText = "Upload(s) in progress",
   onClose
 }) => {
-  const { min, setMin, regularFiles, folderFiles, totalLength, setFolders } = useManagerHelpers({
+  const {
+    min,
+    setMin,
+    regularFiles,
+    folderFiles,
+    totalLength,
+    setFolders,
+    isLoading
+  } = useManagerHelpers({
     files
   });
   return createPortal(
@@ -42,7 +51,8 @@ const Manager = ({
               {
                 variants: { variant: "filled", size: "square" },
                 onClick: onClose,
-                children: /* @__PURE__ */ jsx(IoMdClose, {})
+                disabled: isLoading,
+                children: isLoading ? /* @__PURE__ */ jsx(Loading, {}) : /* @__PURE__ */ jsx(IoMdClose, {})
               }
             )
           ] }),

package/dist/esm/hooks/useFileUpload.js

@@ -25,6 +25,8 @@ const useFileUpload = ({
   onDuplicate,
   hasManager = true,
   isFolder = false,
+  noClick = false,
+  ignoreRejections = false,
   uploadProgressText
 }) => {
   const {
@@ -62,7 +64,7 @@ const useFileUpload = ({
     []
   );
   const onDrop = async (acceptedFiles, fileRejections) => {
-    if (fileRejections.length > 0) return;
+    if (fileRejections.length > 0 && !ignoreRejections) return;
     if (hasManager) {
       openManager();
       onClose();
@@ -119,7 +121,8 @@ const useFileUpload = ({
     accept: mappedAccept,
     multiple: allowMultiple,
     maxSize,
-    onDropRejected: onFileRejected
+    onDropRejected: onFileRejected,
+    noClick
   });
   const isFileLimitReached = !allowMultiple && files.length > 0;
   return {

package/dist/esm/hooks/useManagerHelpers.js

@@ -14,13 +14,18 @@ const useManagerHelpers = ({
     [files]
   );
   const totalLength = (regularFiles ?? []).length + (folders ?? []).length;
+  const isLoading = useMemo(
+    () => files?.some((file) => file.status === "uploading"),
+    [files]
+  );
   return {
     min,
     setMin,
     folderFiles,
     regularFiles,
     totalLength,
-    setFolders
+    setFolders,
+    isLoading
   };
 };
 

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

@@ -18,8 +18,10 @@ interface UseFileUploadOptions {
     hasManager?: boolean;
     isFolder?: boolean;
     uploadProgressText?: string;
+    noClick?: boolean;
+    ignoreRejections?: boolean;
 }
-export declare const useFileUpload: <T>({ accept, onAccept, onOpenManager, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, hasManager, isFolder, uploadProgressText, }: UseFileUploadOptions) => {
+export declare const useFileUpload: <T>({ accept, onAccept, onOpenManager, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, hasManager, isFolder, noClick, ignoreRejections, uploadProgressText, }: UseFileUploadOptions) => {
     onOpen: () => void;
     onClose: () => void;
     onDelete: (index: number) => void;

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

@@ -11,4 +11,5 @@ export declare const useManagerHelpers: <T>({ files, }: {
         status: string;
         path: string;
     }[]][] | undefined>>;
+    isLoading: boolean | undefined;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.15.0-beta.21",
+  "version": "1.15.0-beta.23",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -48,5 +48,5 @@
     "react-icons": ">=5.2.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "ff148ae87025bf6fbe7220a9d9c697ed68c079b8"
+  "gitHead": "5b5bc581b96f7722478482421cf42e9fe1420a44"
 }