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

package/dist/cjs/hooks/useFileUpload.js

@@ -28,10 +28,16 @@ const useFileUpload = ({
   isFolder = false,
   uploadProgressText
 }) => {
-  const [files, setFiles] = React.useState([]);
+  const {
+    showManager,
+    files,
+    setFiles,
+    isOpen: isManagerOpen,
+    setIsOpen: setIsManagerOpen,
+    uploadFiles
+  } = ManagerContext.useManager();
   const [duplicates, setDuplicates] = React.useState([]);
   const [isOpen, setIsOpen] = React.useState(false);
-  const [isManagerOpen, setIsManagerOpen] = React.useState(false);
   const onOpen = React.useCallback(() => setIsOpen(true), []);
   const onClose = React.useCallback(() => setIsOpen(false), []);
   const handleRemoveFile = React.useCallback((index) => {
@@ -53,7 +59,6 @@ const useFileUpload = ({
     },
     []
   );
-  const { showManager } = ManagerContext.useManager();
   const onDrop = async (acceptedFiles) => {
     if (hasManager) {
       openManager();
@@ -79,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,17 +3,115 @@
 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 }, children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsx(Manager.Manager, { ...props })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ManagerContext.Provider,
+    {
+      value: { showManager, files, setFiles, isOpen, setIsOpen, uploadFiles },
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(Manager.Manager, { files, open: isOpen, ...props })
+      ]
+    }
+  );
 };
 const useManager = () => {
   const context = React.useContext(ManagerContext);

package/dist/esm/hooks/useFileUpload.js

@@ -26,10 +26,16 @@ const useFileUpload = ({
   isFolder = false,
   uploadProgressText
 }) => {
-  const [files, setFiles] = useState([]);
+  const {
+    showManager,
+    files,
+    setFiles,
+    isOpen: isManagerOpen,
+    setIsOpen: setIsManagerOpen,
+    uploadFiles
+  } = useManager();
   const [duplicates, setDuplicates] = useState([]);
   const [isOpen, setIsOpen] = useState(false);
-  const [isManagerOpen, setIsManagerOpen] = useState(false);
   const onOpen = useCallback(() => setIsOpen(true), []);
   const onClose = useCallback(() => setIsOpen(false), []);
   const handleRemoveFile = useCallback((index) => {
@@ -51,7 +57,6 @@ const useFileUpload = ({
     },
     []
   );
-  const { showManager } = useManager();
   const onDrop = async (acceptedFiles) => {
     if (hasManager) {
       openManager();
@@ -77,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,17 +1,115 @@
 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 }, children: [
-    children,
-    /* @__PURE__ */ jsx(Manager, { ...props })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    ManagerContext.Provider,
+    {
+      value: { showManager, files, setFiles, isOpen, setIsOpen, uploadFiles },
+      children: [
+        children,
+        /* @__PURE__ */ jsx(Manager, { files, open: isOpen, ...props })
+      ]
+    }
+  );
 };
 const useManager = () => {
   const context = useContext(ManagerContext);

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;
@@ -27,7 +27,7 @@ export declare const useFileUpload: <T>({ accept, onAccept, onFileRejected, maxS
     openManager: () => void;
     closeManager: () => void;
     isManagerOpen: boolean;
-    files: FileUpload<T>[];
+    files: FileUpload<unknown>[];
     duplicates: File[];
     onClearFiles: () => void;
 };

package/dist/types/provider/ManagerContext.d.ts

@@ -1,10 +1,20 @@
 import { ReactNode } from 'react';
-import { ManagerProps } from '../components';
-interface ManagerContextProps {
+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;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const useManager: () => ManagerContextProps;
+export declare const useManager: () => ManagerContextProps<unknown>;
 export {};

package/package.json

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