@tecsinapse/cortex-react 1.15.0-beta.11 → 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/useFileUpload.js

@@ -33,7 +33,8 @@ const useFileUpload = ({
     files,
     setFiles,
     isOpen: isManagerOpen,
-    setIsOpen: setIsManagerOpen
+    setIsOpen: setIsManagerOpen,
+    uploadFiles
   } = ManagerContext.useManager();
   const [duplicates, setDuplicates] = React.useState([]);
   const [isOpen, setIsOpen] = React.useState(false);
@@ -83,31 +84,17 @@ const useFileUpload = ({
       uid: uuid.v4(),
       isFolder
     }));
-    try {
-      setFiles((prevFiles) => [...prevFiles, ...newFiles]);
-      if (onAccept) {
-        const updatedFiles = await onAccept(newFiles);
-        setFiles((prevFiles) => updateFiles(prevFiles, updatedFiles));
-      }
-    } catch (e) {
-      const updatedFiles = newFiles.map((f) => ({
-        ...f,
-        status: types.FileStatus.ERROR
-      }));
-      setFiles((prevFiles) => updateFiles(prevFiles, updatedFiles));
-    }
+    uploadFiles({ onAccept, newFiles, updateFiles });
   };
   React.useEffect(() => {
     if (hasManager) {
       showManager?.({
-        files,
         onClose: closeManager,
         onDelete: handleRemoveFile,
-        open: isManagerOpen,
         uploadProgressText
       });
     }
-  }, [isManagerOpen, files, handleRemoveFile, closeManager]);
+  }, [handleRemoveFile, closeManager]);
   const addMimeTypes = (key, acc) => {
     types.AcceptSpecificMap[key].forEach((mimeType) => {
       acc[mimeType] = [];

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/cjs/provider/ManagerContext.js

@@ -3,22 +3,112 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var Manager = require('../components/Uploader/Manager.js');
+require('clsx');
+require('../components/Accordion/context.js');
+require('react-icons/lia');
+require('@internationalized/date');
+require('../components/Badge.js');
+require('react-icons/md');
+require('../components/Card.js');
+require('../components/Button.js');
+require('react-aria');
+require('react-stately');
+require('./MenubarContext.js');
+require('./SnackbarProvider.js');
+require('./CalendarProvider.js');
+require('../components/Popover/Context.js');
+require('react-dropzone');
+require('uuid');
+var types = require('../components/Uploader/types.js');
+require('@floating-ui/react');
+require('currency.js');
+require('../components/Calendar/CalendarCell.js');
+require('@tecsinapse/cortex-core');
+require('react-icons/fa');
+require('react-icons/io');
+require('embla-carousel-react');
+require('embla-carousel-autoplay');
+require('../components/Checkbox.js');
+require('../components/ColorPicker.js');
+require('../components/DatePicker/DateSegment.js');
+require('../components/DatePicker/DatePickerInputBase.js');
+require('../components/GroupButton.js');
+require('../components/Hint.js');
+require('../components/Input/Box.js');
+require('../components/Input/Face.js');
+require('../components/Input/Left.js');
+require('../components/Input/Mask.js');
+require('../components/Input/Right.js');
+require('../components/Input/Root.js');
+require('../components/Input/Search.js');
+require('../components/Menubar/Left.js');
+require('../styles/menubar.js');
+require('../components/Menubar/Right.js');
+require('../components/Menubar/Dropdown.js');
+require('../components/Menubar/MostUsed.js');
+require('../components/Menubar/MostUsedItem.js');
+require('../components/Menubar/Header.js');
+require('../components/Menubar/Item.js');
+require('./CategoriesContext.js');
+require('../components/Menubar/SubItem.js');
+require('../components/Modal.js');
+require('../components/ProgressBar/Progress.js');
+require('../components/RadioButton.js');
+require('../components/Select/GroupedOptions.js');
+require('../components/Select/context.js');
+require('../components/Select/MultiGroupedOptions.js');
+require('../components/Select/MultiOptions.js');
+require('../components/Select/Options.js');
+require('../components/Select/Trigger.js');
+require('../components/Snackbar/BaseSnackbar.js');
+require('../styles/stepNodeVariants.js');
+require('../components/Tag.js');
+require('../components/TextArea/Box.js');
+require('../components/TextArea/Face.js');
+require('../components/TextArea/Left.js');
+require('../components/TextArea/Right.js');
+require('../components/TextArea/Root.js');
+require('../components/TimePicker/TimeFieldInput.js');
+require('../components/Toggle.js');
+require('../components/Tooltip.js');
+require('react-icons/hi2');
+require('react-icons/fa6');
+require('react-dom');
 
 const ManagerContext = React.createContext(null);
 const ManagerProvider = ({ children }) => {
   const [props, setProps] = React.useState({});
   const [files, setFiles] = React.useState([]);
   const [isOpen, setIsOpen] = React.useState(false);
+  const uploadFiles = async ({
+    onAccept,
+    newFiles,
+    updateFiles
+  }) => {
+    try {
+      setFiles((prevFiles) => [...prevFiles, ...newFiles]);
+      if (onAccept) {
+        const updatedFiles = await onAccept(newFiles);
+        setFiles((prevFiles) => updateFiles(prevFiles, updatedFiles));
+      }
+    } catch (e) {
+      const updatedFiles = newFiles.map((f) => ({
+        ...f,
+        status: types.FileStatus.ERROR
+      }));
+      setFiles((prevFiles) => updateFiles(prevFiles, updatedFiles));
+    }
+  };
   const showManager = (_props) => {
     setProps(_props);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ManagerContext.Provider,
     {
-      value: { showManager, files, setFiles, isOpen, setIsOpen },
+      value: { showManager, files, setFiles, isOpen, setIsOpen, uploadFiles },
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(Manager.Manager, { ...props })
+        /* @__PURE__ */ jsxRuntime.jsx(Manager.Manager, { files, open: isOpen, ...props })
       ]
     }
   );

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/useFileUpload.js

@@ -31,7 +31,8 @@ const useFileUpload = ({
     files,
     setFiles,
     isOpen: isManagerOpen,
-    setIsOpen: setIsManagerOpen
+    setIsOpen: setIsManagerOpen,
+    uploadFiles
   } = useManager();
   const [duplicates, setDuplicates] = useState([]);
   const [isOpen, setIsOpen] = useState(false);
@@ -81,31 +82,17 @@ const useFileUpload = ({
       uid: v4(),
       isFolder
     }));
-    try {
-      setFiles((prevFiles) => [...prevFiles, ...newFiles]);
-      if (onAccept) {
-        const updatedFiles = await onAccept(newFiles);
-        setFiles((prevFiles) => updateFiles(prevFiles, updatedFiles));
-      }
-    } catch (e) {
-      const updatedFiles = newFiles.map((f) => ({
-        ...f,
-        status: FileStatus.ERROR
-      }));
-      setFiles((prevFiles) => updateFiles(prevFiles, updatedFiles));
-    }
+    uploadFiles({ onAccept, newFiles, updateFiles });
   };
   useEffect(() => {
     if (hasManager) {
       showManager?.({
-        files,
         onClose: closeManager,
         onDelete: handleRemoveFile,
-        open: isManagerOpen,
         uploadProgressText
       });
     }
-  }, [isManagerOpen, files, handleRemoveFile, closeManager]);
+  }, [handleRemoveFile, closeManager]);
   const addMimeTypes = (key, acc) => {
     AcceptSpecificMap[key].forEach((mimeType) => {
       acc[mimeType] = [];

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/esm/provider/ManagerContext.js

@@ -1,22 +1,112 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createContext, useState, useContext } from 'react';
 import { Manager } from '../components/Uploader/Manager.js';
+import 'clsx';
+import '../components/Accordion/context.js';
+import 'react-icons/lia';
+import '@internationalized/date';
+import '../components/Badge.js';
+import 'react-icons/md';
+import '../components/Card.js';
+import '../components/Button.js';
+import 'react-aria';
+import 'react-stately';
+import './MenubarContext.js';
+import './SnackbarProvider.js';
+import './CalendarProvider.js';
+import '../components/Popover/Context.js';
+import 'react-dropzone';
+import 'uuid';
+import { FileStatus } from '../components/Uploader/types.js';
+import '@floating-ui/react';
+import 'currency.js';
+import '../components/Calendar/CalendarCell.js';
+import '@tecsinapse/cortex-core';
+import 'react-icons/fa';
+import 'react-icons/io';
+import 'embla-carousel-react';
+import 'embla-carousel-autoplay';
+import '../components/Checkbox.js';
+import '../components/ColorPicker.js';
+import '../components/DatePicker/DateSegment.js';
+import '../components/DatePicker/DatePickerInputBase.js';
+import '../components/GroupButton.js';
+import '../components/Hint.js';
+import '../components/Input/Box.js';
+import '../components/Input/Face.js';
+import '../components/Input/Left.js';
+import '../components/Input/Mask.js';
+import '../components/Input/Right.js';
+import '../components/Input/Root.js';
+import '../components/Input/Search.js';
+import '../components/Menubar/Left.js';
+import '../styles/menubar.js';
+import '../components/Menubar/Right.js';
+import '../components/Menubar/Dropdown.js';
+import '../components/Menubar/MostUsed.js';
+import '../components/Menubar/MostUsedItem.js';
+import '../components/Menubar/Header.js';
+import '../components/Menubar/Item.js';
+import './CategoriesContext.js';
+import '../components/Menubar/SubItem.js';
+import '../components/Modal.js';
+import '../components/ProgressBar/Progress.js';
+import '../components/RadioButton.js';
+import '../components/Select/GroupedOptions.js';
+import '../components/Select/context.js';
+import '../components/Select/MultiGroupedOptions.js';
+import '../components/Select/MultiOptions.js';
+import '../components/Select/Options.js';
+import '../components/Select/Trigger.js';
+import '../components/Snackbar/BaseSnackbar.js';
+import '../styles/stepNodeVariants.js';
+import '../components/Tag.js';
+import '../components/TextArea/Box.js';
+import '../components/TextArea/Face.js';
+import '../components/TextArea/Left.js';
+import '../components/TextArea/Right.js';
+import '../components/TextArea/Root.js';
+import '../components/TimePicker/TimeFieldInput.js';
+import '../components/Toggle.js';
+import '../components/Tooltip.js';
+import 'react-icons/hi2';
+import 'react-icons/fa6';
+import 'react-dom';
 
 const ManagerContext = createContext(null);
 const ManagerProvider = ({ children }) => {
   const [props, setProps] = useState({});
   const [files, setFiles] = useState([]);
   const [isOpen, setIsOpen] = useState(false);
+  const uploadFiles = async ({
+    onAccept,
+    newFiles,
+    updateFiles
+  }) => {
+    try {
+      setFiles((prevFiles) => [...prevFiles, ...newFiles]);
+      if (onAccept) {
+        const updatedFiles = await onAccept(newFiles);
+        setFiles((prevFiles) => updateFiles(prevFiles, updatedFiles));
+      }
+    } catch (e) {
+      const updatedFiles = newFiles.map((f) => ({
+        ...f,
+        status: FileStatus.ERROR
+      }));
+      setFiles((prevFiles) => updateFiles(prevFiles, updatedFiles));
+    }
+  };
   const showManager = (_props) => {
     setProps(_props);
   };
   return /* @__PURE__ */ jsxs(
     ManagerContext.Provider,
     {
-      value: { showManager, files, setFiles, isOpen, setIsOpen },
+      value: { showManager, files, setFiles, isOpen, setIsOpen, uploadFiles },
       children: [
         children,
-        /* @__PURE__ */ jsx(Manager, { ...props })
+        /* @__PURE__ */ jsx(Manager, { files, open: isOpen, ...props })
       ]
     }
   );

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/useFileUpload.d.ts

@@ -8,7 +8,7 @@ interface UseFileUploadOptions<T> {
         VIDEO?: (typeof AcceptSpecificMap.VIDEO)[number][];
         TEXT?: (typeof AcceptSpecificMap.TEXT)[number][];
     };
-    onAccept?: (files: FileUpload<T>[]) => Promise<FileUpload<T>[]>;
+    onAccept?: (files: FileUpload<T | unknown>[]) => Promise<FileUpload<T>[]>;
     onFileRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
     maxSize?: number;
     allowMultiple?: boolean;

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/dist/types/provider/ManagerContext.d.ts

@@ -1,11 +1,17 @@
 import { ReactNode } from 'react';
 import { FileUpload, ManagerProps } from '../components';
+interface UploadFilesProps<T> {
+    onAccept?: (files: FileUpload<T>[]) => Promise<FileUpload<T>[]>;
+    newFiles: FileUpload<T>[];
+    updateFiles: any;
+}
 interface ManagerContextProps<T> {
     showManager: (props: ManagerProps<unknown>) => void;
     files: FileUpload<T>[];
     setFiles: React.Dispatch<React.SetStateAction<FileUpload<unknown>[]>>;
     isOpen: boolean;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    uploadFiles: (props: UploadFilesProps<T>) => void;
 }
 export declare const ManagerProvider: ({ children }: {
     children: ReactNode;

package/package.json

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