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

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/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/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/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/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/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.12",
   "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": "88be974ff93d865dacc62c3b0700a7f5bebb630b"
 }