@tecsinapse/cortex-react 1.15.0-beta.12 → 1.15.0-beta.13

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

@@ -17,7 +17,7 @@ const Manager = ({
   uploadProgressText = "Upload(s) in progress",
   onClose
 }) => {
-  const { min, setMin, regularFiles, folderFiles } = useManagerHelpers.useManagerHelpers({
+  const { min, setMin, regularFiles, folderFiles, totalLength, setFolders } = useManagerHelpers.useManagerHelpers({
     files
   });
   return reactDom.createPortal(
@@ -54,7 +54,7 @@ const Manager = ({
               className: clsx.clsx("w-full h-auto max-h-[300px] gap-mili", {
                 hidden: min,
                 "flex flex-col": !min,
-                "pb-kilo overflow-scroll pr-deca": (files ?? []).length > 3
+                "pb-kilo overflow-scroll pr-deca": totalLength > 3
               }),
               children: [
                 regularFiles.length > 0 ? regularFiles.map((file, index) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -67,7 +67,7 @@ const Manager = ({
                   },
                   file.uid
                 )) : null,
-                folderFiles.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Upload.FolderList, { files: folderFiles }) : null
+                folderFiles.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Upload.FolderList, { files: folderFiles, setFolders }) : null
               ]
             }
           )

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

@@ -116,7 +116,7 @@ const Folder = ({ name, subItems }) => {
     /* @__PURE__ */ jsxRuntime.jsx(ProgressBar.ProgressBar, { intent, infinite: loading })
   ] });
 };
-const FolderList = ({ files }) => {
+const FolderList = ({ files, setFolders }) => {
   const folders = React.useMemo(() => {
     const segments = {};
     files.forEach((file) => {
@@ -127,6 +127,7 @@ const FolderList = ({ files }) => {
     });
     return segments;
   }, [files]);
+  setFolders(Object.entries(folders));
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Object.entries(folders).map(([name, children], index) => /* @__PURE__ */ jsxRuntime.jsx(Folder, { name, subItems: children }, index)) });
 };
 

package/dist/cjs/hooks/useManagerHelpers.js

@@ -6,6 +6,7 @@ const useManagerHelpers = ({
   files
 }) => {
   const [min, setMin] = React.useState(false);
+  const [folders, setFolders] = React.useState();
   const folderFiles = React.useMemo(
     () => files?.filter((file) => file.isFolder) ?? [],
     [files]
@@ -14,11 +15,14 @@ const useManagerHelpers = ({
     () => files?.filter((file) => !file.isFolder) ?? [],
     [files]
   );
+  const totalLength = (regularFiles ?? []).length + (folders ?? []).length;
   return {
     min,
     setMin,
     folderFiles,
-    regularFiles
+    regularFiles,
+    totalLength,
+    setFolders
   };
 };
 

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

@@ -15,7 +15,7 @@ const Manager = ({
   uploadProgressText = "Upload(s) in progress",
   onClose
 }) => {
-  const { min, setMin, regularFiles, folderFiles } = useManagerHelpers({
+  const { min, setMin, regularFiles, folderFiles, totalLength, setFolders } = useManagerHelpers({
     files
   });
   return createPortal(
@@ -52,7 +52,7 @@ const Manager = ({
               className: clsx("w-full h-auto max-h-[300px] gap-mili", {
                 hidden: min,
                 "flex flex-col": !min,
-                "pb-kilo overflow-scroll pr-deca": (files ?? []).length > 3
+                "pb-kilo overflow-scroll pr-deca": totalLength > 3
               }),
               children: [
                 regularFiles.length > 0 ? regularFiles.map((file, index) => /* @__PURE__ */ jsx(
@@ -65,7 +65,7 @@ const Manager = ({
                   },
                   file.uid
                 )) : null,
-                folderFiles.length > 0 ? /* @__PURE__ */ jsx(FolderList, { files: folderFiles }) : null
+                folderFiles.length > 0 ? /* @__PURE__ */ jsx(FolderList, { files: folderFiles, setFolders }) : null
               ]
             }
           )

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

@@ -114,7 +114,7 @@ const Folder = ({ name, subItems }) => {
     /* @__PURE__ */ jsx(ProgressBar, { intent, infinite: loading })
   ] });
 };
-const FolderList = ({ files }) => {
+const FolderList = ({ files, setFolders }) => {
   const folders = useMemo(() => {
     const segments = {};
     files.forEach((file) => {
@@ -125,6 +125,7 @@ const FolderList = ({ files }) => {
     });
     return segments;
   }, [files]);
+  setFolders(Object.entries(folders));
   return /* @__PURE__ */ jsx(Fragment, { children: Object.entries(folders).map(([name, children], index) => /* @__PURE__ */ jsx(Folder, { name, subItems: children }, index)) });
 };
 

package/dist/esm/hooks/useManagerHelpers.js

@@ -4,6 +4,7 @@ const useManagerHelpers = ({
   files
 }) => {
   const [min, setMin] = useState(false);
+  const [folders, setFolders] = useState();
   const folderFiles = useMemo(
     () => files?.filter((file) => file.isFolder) ?? [],
     [files]
@@ -12,11 +13,14 @@ const useManagerHelpers = ({
     () => files?.filter((file) => !file.isFolder) ?? [],
     [files]
   );
+  const totalLength = (regularFiles ?? []).length + (folders ?? []).length;
   return {
     min,
     setMin,
     folderFiles,
-    regularFiles
+    regularFiles,
+    totalLength,
+    setFolders
   };
 };
 

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

@@ -1,4 +1,4 @@
 import { FileProps, FolderListProps, FolderProps } from './types';
 export declare const File: <T>({ file, index, onDelete, showDelete, }: FileProps<T>) => import("react/jsx-runtime").JSX.Element;
 export declare const Folder: ({ name, subItems }: FolderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const FolderList: <T>({ files }: FolderListProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FolderList: <T>({ files, setFolders }: FolderListProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -24,6 +24,13 @@ export interface FolderProps {
 }
 export interface FolderListProps<T> {
     files: FileUpload<T>[];
+    setFolders: React.Dispatch<React.SetStateAction<[
+        string,
+        {
+            status: string;
+            path: string;
+        }[]
+    ][] | undefined>>;
 }
 export interface FilesProps<T> {
     files: FileUpload<T>[];

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

@@ -6,4 +6,9 @@ export declare const useManagerHelpers: <T>({ files, }: {
     setMin: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     folderFiles: FileUpload<T>[];
     regularFiles: FileUpload<T>[];
+    totalLength: number;
+    setFolders: import("react").Dispatch<import("react").SetStateAction<[string, {
+        status: string;
+        path: string;
+    }[]][] | undefined>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.15.0-beta.12",
+  "version": "1.15.0-beta.13",
   "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": "88be974ff93d865dacc62c3b0700a7f5bebb630b"
+  "gitHead": "fcf96ee7829502dc73a02e3e9b26d9f729a1298e"
 }