@tecsinapse/cortex-react 1.15.0-beta.22 → 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/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/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/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.22",
+  "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": "58b0314be0bad4ed1f27d33d00c97390665a3cf8"
+  "gitHead": "5b5bc581b96f7722478482421cf42e9fe1420a44"
 }