@tecsinapse/cortex-react 1.15.0 → 1.15.1-beta.0

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

@@ -9,13 +9,13 @@ 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,
   files,
   onDelete,
   uploadProgressText = "Upload(s) in progress",
+  uploadSuccessText = "Upload(s) completed",
   onClose
 }) => {
   const {
@@ -47,14 +47,14 @@ const Manager = ({
                 children: min ? /* @__PURE__ */ jsxRuntime.jsx(io5.IoChevronUp, {}) : /* @__PURE__ */ jsxRuntime.jsx(io5.IoChevronDown, {})
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { "data-testid": "upload-progress", children: uploadProgressText }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { "data-testid": "upload-progress", children: isLoading ? uploadProgressText : uploadSuccessText }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Button.Button,
               {
                 variants: { variant: "filled", size: "square" },
                 onClick: onClose,
                 disabled: isLoading,
-                children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Loading.Loading, {}) : /* @__PURE__ */ jsxRuntime.jsx(io.IoMdClose, {})
+                children: /* @__PURE__ */ jsxRuntime.jsx(io.IoMdClose, {})
               }
             )
           ] }),

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

@@ -44,6 +44,15 @@ const File = ({
         return "info";
     }
   }
+  const formatFileSize = (size) => {
+    const units = ["B", "KB", "MB", "GB"];
+    let i = 0;
+    while (size >= 1024 && i < units.length - 1) {
+      size /= 1024;
+      i++;
+    }
+    return `${size.toFixed(2)} ${units[i]}`;
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-centi", children: [
@@ -57,10 +66,7 @@ const File = ({
         ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "border-2 text-kilo text-primary-medium w-tera h-tera flex items-center justify-center rounded-mili", children: /* @__PURE__ */ jsxRuntime.jsx(fa6.FaRegFileLines, {}) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-col", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold truncate max-w-[200px]", children: file.file.name }),
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500", children: [
-            (file.file.size / 1024).toFixed(2),
-            " KB"
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: formatFileSize(file.file.size) })
         ] })
       ] }),
       file.status === "success" && showDelete ? /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cjs/hooks/useFileUpload.js

@@ -29,7 +29,8 @@ const useFileUpload = ({
   isFolder = false,
   noClick = false,
   ignoreRejections = false,
-  uploadProgressText
+  uploadProgressText,
+  uploadSuccessText
 }) => {
   const {
     showManager,
@@ -98,7 +99,8 @@ const useFileUpload = ({
       showManager?.({
         onClose: closeManager,
         onDelete: handleRemoveFile,
-        uploadProgressText
+        uploadProgressText,
+        uploadSuccessText
       });
     }
   }, [handleRemoveFile, closeManager]);

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

@@ -7,13 +7,13 @@ 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,
   files,
   onDelete,
   uploadProgressText = "Upload(s) in progress",
+  uploadSuccessText = "Upload(s) completed",
   onClose
 }) => {
   const {
@@ -45,14 +45,14 @@ const Manager = ({
                 children: min ? /* @__PURE__ */ jsx(IoChevronUp, {}) : /* @__PURE__ */ jsx(IoChevronDown, {})
               }
             ),
-            /* @__PURE__ */ jsx("h3", { "data-testid": "upload-progress", children: uploadProgressText }),
+            /* @__PURE__ */ jsx("h3", { "data-testid": "upload-progress", children: isLoading ? uploadProgressText : uploadSuccessText }),
             /* @__PURE__ */ jsx(
               Button,
               {
                 variants: { variant: "filled", size: "square" },
                 onClick: onClose,
                 disabled: isLoading,
-                children: isLoading ? /* @__PURE__ */ jsx(Loading, {}) : /* @__PURE__ */ jsx(IoMdClose, {})
+                children: /* @__PURE__ */ jsx(IoMdClose, {})
               }
             )
           ] }),

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

@@ -42,6 +42,15 @@ const File = ({
         return "info";
     }
   }
+  const formatFileSize = (size) => {
+    const units = ["B", "KB", "MB", "GB"];
+    let i = 0;
+    while (size >= 1024 && i < units.length - 1) {
+      size /= 1024;
+      i++;
+    }
+    return `${size.toFixed(2)} ${units[i]}`;
+  };
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex gap-centi", children: [
@@ -55,10 +64,7 @@ const File = ({
         ) : /* @__PURE__ */ jsx("span", { className: "border-2 text-kilo text-primary-medium w-tera h-tera flex items-center justify-center rounded-mili", children: /* @__PURE__ */ jsx(FaRegFileLines, {}) }),
         /* @__PURE__ */ jsxs("div", { className: "flex-col", children: [
           /* @__PURE__ */ jsx("p", { className: "font-semibold truncate max-w-[200px]", children: file.file.name }),
-          /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500", children: [
-            (file.file.size / 1024).toFixed(2),
-            " KB"
-          ] })
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: formatFileSize(file.file.size) })
         ] })
       ] }),
       file.status === "success" && showDelete ? /* @__PURE__ */ jsx(

package/dist/esm/hooks/useFileUpload.js

@@ -27,7 +27,8 @@ const useFileUpload = ({
   isFolder = false,
   noClick = false,
   ignoreRejections = false,
-  uploadProgressText
+  uploadProgressText,
+  uploadSuccessText
 }) => {
   const {
     showManager,
@@ -96,7 +97,8 @@ const useFileUpload = ({
       showManager?.({
         onClose: closeManager,
         onDelete: handleRemoveFile,
-        uploadProgressText
+        uploadProgressText,
+        uploadSuccessText
       });
     }
   }, [handleRemoveFile, closeManager]);

package/dist/types/components/Uploader/Manager.d.ts

@@ -1,2 +1,2 @@
 import { ManagerProps } from './types';
-export declare const Manager: <T>({ open, files, onDelete, uploadProgressText, onClose, }: ManagerProps<T>) => any;
+export declare const Manager: <T>({ open, files, onDelete, uploadProgressText, uploadSuccessText, onClose, }: ManagerProps<T>) => any;

package/dist/types/components/Uploader/index.d.ts

@@ -5,5 +5,5 @@ export declare const Uploader: {
     Files: <T>({ files, onDelete, uploadProgressText, }: import("./types").FilesProps<T>) => import("react/jsx-runtime").JSX.Element;
     Modal: ({ open, onClose, children, title, }: import("./types").ModalProps) => any;
     Root: <T>({ open, onClose, dropzoneProps, selectFileText, dropText, buttonText, titleModal, onDelete, uploadProgressText, files, }: import("./types").RootUploaderProps<T>) => import("react/jsx-runtime").JSX.Element;
-    Manager: <T>({ open, files, onDelete, uploadProgressText, onClose, }: import("./types").ManagerProps<T>) => any;
+    Manager: <T>({ open, files, onDelete, uploadProgressText, uploadSuccessText, onClose, }: import("./types").ManagerProps<T>) => any;
 };

package/dist/types/components/Uploader/types.d.ts

@@ -87,6 +87,7 @@ export interface ManagerProps<T> {
     files?: FileUpload<T>[];
     onDelete?: (index: number) => void;
     uploadProgressText?: string;
+    uploadSuccessText?: string;
     onClose?: () => void;
 }
 export declare const AcceptSpecificMap: {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.15.0",
+  "version": "1.15.1-beta.0",
   "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": "877a756e55265fa6fef624c881b496ece5b2366b"
+  "gitHead": "a07be64b3f563448f7afb7de46f248a4867c0a39"
 }