@tecsinapse/cortex-react 1.15.0-beta.4 → 1.15.0-beta.6

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

@@ -15,7 +15,8 @@ const Manager = ({
   files,
   onDelete,
   uploadProgressText = "Upload(s) in progress",
-  onClose
+  onClose,
+  type = "file"
 }) => {
   const [min, setMin] = React.useState(false);
   return reactDom.createPortal(
@@ -54,7 +55,7 @@ const Manager = ({
                 "flex flex-col": !min,
                 "pb-kilo overflow-scroll pr-deca": files.length > 3
               }),
-              children: files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(
+              children: type === "file" ? files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(
                 Upload.File,
                 {
                   file,
@@ -63,7 +64,7 @@ const Manager = ({
                   showDelete: false
                 },
                 file.uid
-              ))
+              )) : /* @__PURE__ */ jsxRuntime.jsx(Upload.Folder, { items: files })
             }
           )
         ] })

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

@@ -63,5 +63,33 @@ const File = ({
     )
   ] }, index);
 };
+const Folder = ({ items }) => {
+  const paths = /* @__PURE__ */ new Set();
+  for (const file in items) {
+    const path = items[file].file.relativePath.slice(1).split("/");
+    path.map((item) => paths.add(item));
+  }
+  const intent = (items ?? []).some((item) => item.status === "success") ? "success" : (items ?? []).some((item) => item.status === "error") ? "error" : "info";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col w-full", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-centi", children: [
+      /* @__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.FaRegFolder, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-col", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold truncate max-w-[200px]", children: Array.from(paths)[0] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500", children: [
+          paths.size - 1,
+          " itens"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ProgressBar.ProgressBar,
+      {
+        intent,
+        infinite: (items ?? []).some((item) => item.status === "uploading")
+      }
+    )
+  ] });
+};
 
 exports.File = File;
+exports.Folder = Folder;

package/dist/cjs/hooks/useFileUpload.js

@@ -12,7 +12,8 @@ const useFileUpload = ({
   maxSize,
   allowMultiple = true,
   preventDuplicates = false,
-  onDuplicate
+  onDuplicate,
+  hasManager = true
 }) => {
   const [files, setFiles] = React.useState([]);
   const [duplicates, setDuplicates] = React.useState([]);
@@ -40,8 +41,10 @@ const useFileUpload = ({
     []
   );
   const onDrop = async (acceptedFiles) => {
-    openManager();
-    onClose();
+    if (hasManager) {
+      openManager();
+      onClose();
+    }
     let toProcess = acceptedFiles;
     if (preventDuplicates) {
       const found = (acceptedFiles ?? []).filter(

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
-import { File } from './Upload.js';
+import { File, Folder } from './Upload.js';
 import { Button } from '../Button.js';
 import { IoMdClose } from 'react-icons/io';
 import { useState } from 'react';
@@ -13,7 +13,8 @@ const Manager = ({
   files,
   onDelete,
   uploadProgressText = "Upload(s) in progress",
-  onClose
+  onClose,
+  type = "file"
 }) => {
   const [min, setMin] = useState(false);
   return createPortal(
@@ -52,7 +53,7 @@ const Manager = ({
                 "flex flex-col": !min,
                 "pb-kilo overflow-scroll pr-deca": files.length > 3
               }),
-              children: files.map((file, index) => /* @__PURE__ */ jsx(
+              children: type === "file" ? files.map((file, index) => /* @__PURE__ */ jsx(
                 File,
                 {
                   file,
@@ -61,7 +62,7 @@ const Manager = ({
                   showDelete: false
                 },
                 file.uid
-              ))
+              )) : /* @__PURE__ */ jsx(Folder, { items: files })
             }
           )
         ] })

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { button } from '@tecsinapse/cortex-core';
-import { FaRegFileLines } from 'react-icons/fa6';
+import { FaRegFileLines, FaRegFolder } from 'react-icons/fa6';
 import { MdClose } from 'react-icons/md';
 import { ProgressBar } from '../ProgressBar/ProgressBar.js';
 
@@ -61,5 +61,32 @@ const File = ({
     )
   ] }, index);
 };
+const Folder = ({ items }) => {
+  const paths = /* @__PURE__ */ new Set();
+  for (const file in items) {
+    const path = items[file].file.relativePath.slice(1).split("/");
+    path.map((item) => paths.add(item));
+  }
+  const intent = (items ?? []).some((item) => item.status === "success") ? "success" : (items ?? []).some((item) => item.status === "error") ? "error" : "info";
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-centi", children: [
+      /* @__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(FaRegFolder, {}) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-col", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-semibold truncate max-w-[200px]", children: Array.from(paths)[0] }),
+        /* @__PURE__ */ jsxs("p", { className: "text-sm text-gray-500", children: [
+          paths.size - 1,
+          " itens"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      ProgressBar,
+      {
+        intent,
+        infinite: (items ?? []).some((item) => item.status === "uploading")
+      }
+    )
+  ] });
+};
 
-export { File };
+export { File, Folder };

package/dist/esm/hooks/useFileUpload.js

@@ -10,7 +10,8 @@ const useFileUpload = ({
   maxSize,
   allowMultiple = true,
   preventDuplicates = false,
-  onDuplicate
+  onDuplicate,
+  hasManager = true
 }) => {
   const [files, setFiles] = useState([]);
   const [duplicates, setDuplicates] = useState([]);
@@ -38,8 +39,10 @@ const useFileUpload = ({
     []
   );
   const onDrop = async (acceptedFiles) => {
-    openManager();
-    onClose();
+    if (hasManager) {
+      openManager();
+      onClose();
+    }
     let toProcess = acceptedFiles;
     if (preventDuplicates) {
       const found = (acceptedFiles ?? []).filter(

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, onClose, type, }: ManagerProps<T>) => any;

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

@@ -1,2 +1,3 @@
-import { FileProps } from './types';
+import { FileProps, FolderProps } from './types';
 export declare const File: <T>({ file, index, onDelete, showDelete, }: FileProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Folder: <T>({ items }: FolderProps<T>) => import("react/jsx-runtime").JSX.Element;

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, files, onDelete, dropzoneProps, selectFileText, dropText, buttonText, uploadProgressText, titleModal, isManagerOpen, closeManager, }: 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, onClose, type, }: import("./types").ManagerProps<T>) => any;
 };

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

@@ -9,6 +9,9 @@ export interface FileProps<T> {
     onDelete: (index: number) => void;
     showDelete?: boolean;
 }
+export interface FolderProps<T> {
+    items: FileUpload<T>[];
+}
 export interface FilesProps<T> {
     files: FileUpload<T>[];
     onDelete: (index: number) => void;
@@ -64,6 +67,7 @@ export interface ManagerProps<T> {
     onDelete: (index: number) => void;
     uploadProgressText?: string;
     onClose: () => void;
+    type?: 'file' | 'folder';
 }
 export declare const AcceptSpecificMap: {
     readonly APPLICATION: readonly ["application/pdf", "application/zip", "application/msword", "application/vnd.openxmlformats-officedocument.wordprocessingml.document", "application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "application/vnd.ms-powerpoint", "application/vnd.openxmlformats-officedocument.presentationml.presentation", "application/x-rar-compressed", "application/x-7z-compressed", "application/json", "application/xml", "application/rtf", "application/x-tar", "application/x-httpd-php", "application/octet-stream"];

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

@@ -14,8 +14,9 @@ interface UseFileUploadOptions<T> {
     allowMultiple?: boolean;
     preventDuplicates?: boolean;
     onDuplicate?: (duplicates: File[]) => void;
+    hasManager?: boolean;
 }
-export declare const useFileUpload: <T>({ accept, onAccept, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, }: UseFileUploadOptions<T>) => {
+export declare const useFileUpload: <T>({ accept, onAccept, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, hasManager, }: UseFileUploadOptions<T>) => {
     onOpen: () => void;
     onClose: () => void;
     onDelete: (index: number) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.15.0-beta.4",
+  "version": "1.15.0-beta.6",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.18",
     "@internationalized/date": "3.7.0",
-    "@tecsinapse/cortex-core": "1.2.0-beta.2",
+    "@tecsinapse/cortex-core": "1.2.0-beta.4",
     "clsx": "2.1.1",
     "currency.js": "2.0.4",
     "embla-carousel-autoplay": "^8.0.0",
@@ -48,5 +48,5 @@
     "react-icons": ">=5.2.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "6ef2f05969c284c6aaa5dfbeba21981af8ffce9e"
+  "gitHead": "4b3f865fef0e94a662c300ccd5173c9aecdd4fd7"
 }