@tecsinapse/cortex-react 1.15.0-beta.9 → 1.15.1-beta.0

package/dist/cjs/components/Calendar/Calendar.js

@@ -8,6 +8,7 @@ require('react-aria');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var CalendarProvider = require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('react-stately');
 require('../Popover/Context.js');
 require('react-dropzone');

package/dist/cjs/components/Calendar/CalendarCell.js

@@ -9,6 +9,10 @@ var useCalendarCell = require('../../hooks/useCalendarCell.js');
 require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');
+require('../../provider/MenubarContext.js');
+require('../../provider/SnackbarProvider.js');
+require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('@floating-ui/react');
 require('currency.js');
 var calendarCell = require('../../styles/calendar-cell.js');

package/dist/cjs/components/Calendar/CalendarGrid.js

@@ -8,6 +8,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var useCalendarGrid = require('../../hooks/useCalendarGrid.js');
 require('../Popover/Context.js');
 require('react-dropzone');

package/dist/cjs/components/Calendar/RangeCalendar.js

@@ -8,6 +8,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var CalendarProvider = require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/DatePicker/DatePickerInput.js

@@ -9,6 +9,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var useDatePickerInput = require('../../hooks/useDatePickerInput.js');
 var useDatePickerInputCommon = require('../../hooks/useDatePickerInputCommon.js');
 require('react-dropzone');

package/dist/cjs/components/DatePicker/DateRangePickerInput.js

@@ -9,6 +9,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var useDatePickerInputCommon = require('../../hooks/useDatePickerInputCommon.js');
 var useDateRangePickerInput = require('../../hooks/useDateRangePickerInput.js');
 require('react-dropzone');

package/dist/cjs/components/Input/Mask.js

@@ -8,6 +8,7 @@ require('react-stately');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Input/Search.js

@@ -9,6 +9,7 @@ require('react-stately');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 var useDebouncedState = require('../../hooks/useDebouncedState.js');
 require('react-dropzone');

package/dist/cjs/components/Menubar/Categories.js

@@ -9,6 +9,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 var useDimensions = require('../../hooks/useDimensions.js');
 require('react-dropzone');

package/dist/cjs/components/Menubar/Dropdown.js

@@ -16,6 +16,7 @@ require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 
 const { dropdown } = menubar.menubar();
 const Dropdown = ({ children, ...rest }) => {

package/dist/cjs/components/Menubar/Header.js

@@ -15,6 +15,7 @@ require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var menubar = require('../../styles/menubar.js');
 var Button = require('../Button.js');
 

package/dist/cjs/components/Menubar/Item.js

@@ -15,6 +15,7 @@ require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var menubar = require('../../styles/menubar.js');
 var IconControlSubItem = require('./IconControlSubItem.js');
 var ItemLink = require('./ItemLink.js');

package/dist/cjs/components/Menubar/MostUsed.js

@@ -9,6 +9,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 var useDimensions = require('../../hooks/useDimensions.js');
 require('react-dropzone');

package/dist/cjs/components/Menubar/Root.js

@@ -6,6 +6,7 @@ require('../../provider/SnackbarProvider.js');
 require('../../provider/MenubarContext.js');
 require('react');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 
 const Root = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(MenubarProvider.MenubarProvider, { children });

package/dist/cjs/components/Menubar/Search.js

@@ -17,6 +17,7 @@ require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 
 const Search = (props) => {
   const [show] = useMenubar.useMenubar();

package/dist/cjs/components/Menubar/SubItem.js

@@ -16,6 +16,7 @@ require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 var useMenubar = require('../../provider/useMenubar.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 
 const { container } = menubar.subItem();
 const SubItem = ({

package/dist/cjs/components/Popover/Provider.js

@@ -8,6 +8,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var Context = require('./Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Select/GroupedOptions.js

@@ -9,6 +9,7 @@ require('react-stately');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var Context = require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Select/MultiGroupedOptions.js

@@ -9,6 +9,7 @@ require('react-stately');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Select/MultiOption.js

@@ -27,7 +27,7 @@ const SelectMultiOption = ({
             ref: inputRef
           }
         ),
-        labelExtractor(option)
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate flex-1", children: labelExtractor(option) })
       ]
     }
   );

package/dist/cjs/components/Select/MultiOptions.js

@@ -9,6 +9,7 @@ require('react-stately');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Select/Options.js

@@ -9,6 +9,7 @@ require('react-stately');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 var Context = require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Select/Trigger.js

@@ -45,7 +45,7 @@ const SelectTrigger = ({
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: clsx({ "mt-mili": hasValue && label }),
+              className: clsx("truncate", { "mt-mili": hasValue && label }),
               "data-testid": "select-placeholder",
               children: _placeholder
             }

package/dist/cjs/components/TimePicker/TimePickerInput.js

@@ -8,6 +8,7 @@ require('react');
 require('../../provider/MenubarContext.js');
 require('../../provider/SnackbarProvider.js');
 require('../../provider/CalendarProvider.js');
+require('../../provider/ManagerContext.js');
 require('../Popover/Context.js');
 require('react-dropzone');
 require('uuid');

package/dist/cjs/components/Tooltip.js

@@ -10,6 +10,7 @@ var react = require('../utils/react.js');
 require('../provider/MenubarContext.js');
 require('../provider/SnackbarProvider.js');
 require('../provider/CalendarProvider.js');
+require('../provider/ManagerContext.js');
 require('./Popover/Context.js');
 require('react-dropzone');
 require('uuid');

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

@@ -10,7 +10,8 @@ const Dropzone = ({
   dropzoneProps,
   selectFileText = "Select a file to start",
   dropText = "By dragging and dropping it here or clicking the button below",
-  buttonText = "Select File"
+  buttonText = "Select File",
+  hasButton = true
 }) => {
   const { getRootProps, getInputProps, isDragActive, isFileLimitReached } = dropzoneProps;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -25,13 +26,28 @@ const Dropzone = ({
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("input", { ...getInputProps() }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-center text-center items-center gap-deca", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(hi2.HiOutlineCloudArrowUp, { className: "text-primary-medium", size: 35 }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gap-mili", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold", "data-testid": "select-dropzone", children: selectFileText }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-secondary-medium", children: dropText })
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-center text-center items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              hi2.HiOutlineCloudArrowUp,
+              {
+                className: "text-primary-medium mb-nano",
+                size: 35
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold", "data-testid": "select-dropzone", children: selectFileText })
           ] }),
-          isFileLimitReached ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, { text: "Voc\xEA s\xF3 pode selecionar um \xFAnico arquivo.", children: /* @__PURE__ */ jsxRuntime.jsx("button", { disabled: true, className: clsx(cortexCore.button(), "cursor-not-allowed"), children: buttonText }) }) : /* @__PURE__ */ jsxRuntime.jsx("button", { className: cortexCore.button(), children: buttonText })
+          hasButton ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-centi", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-secondary-medium", children: dropText }),
+            isFileLimitReached ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, { text: "Voc\xEA s\xF3 pode selecionar um \xFAnico arquivo.", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                disabled: true,
+                className: clsx(cortexCore.button(), "cursor-not-allowed"),
+                children: buttonText
+              }
+            ) }) : /* @__PURE__ */ jsxRuntime.jsx("button", { className: cortexCore.button(), children: buttonText })
+          ] }) : null
         ] })
       ]
     }

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

@@ -8,16 +8,27 @@ var io = require('react-icons/io');
 var clsx = require('clsx');
 var io5 = require('react-icons/io5');
 var cortexCore = require('@tecsinapse/cortex-core');
-var useManager = require('../../hooks/useManager.js');
+var useManagerHelpers = require('../../hooks/useManagerHelpers.js');
 
 const Manager = ({
   open,
   files,
   onDelete,
   uploadProgressText = "Upload(s) in progress",
+  uploadSuccessText = "Upload(s) completed",
   onClose
 }) => {
-  const { min, setMin, regularFiles, folderFiles } = useManager.useManager({ files });
+  const {
+    min,
+    setMin,
+    regularFiles,
+    folderFiles,
+    totalLength,
+    setFolders,
+    isLoading
+  } = useManagerHelpers.useManagerHelpers({
+    files
+  });
   return reactDom.createPortal(
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -36,12 +47,13 @@ const Manager = ({
                 children: min ? /* @__PURE__ */ jsxRuntime.jsx(io5.IoChevronUp, {}) : /* @__PURE__ */ jsxRuntime.jsx(io5.IoChevronDown, {})
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { "data-testid": "upload-progress", children: uploadProgressText }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { "data-testid": "upload-progress", children: isLoading ? uploadProgressText : uploadSuccessText }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Button.Button,
               {
                 variants: { variant: "filled", size: "square" },
                 onClick: onClose,
+                disabled: isLoading,
                 children: /* @__PURE__ */ jsxRuntime.jsx(io.IoMdClose, {})
               }
             )
@@ -52,7 +64,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(
@@ -65,7 +77,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/Root.js

@@ -3,24 +3,22 @@
 var jsxRuntime = require('react/jsx-runtime');
 var Modal = require('./Modal.js');
 var Dropzone = require('./Dropzone.js');
-var Manager = require('./Manager.js');
+var Files = require('./Files.js');
 
 const Root = ({
   open,
   onClose,
-  files,
-  onDelete,
   dropzoneProps,
   selectFileText,
   dropText,
   buttonText,
-  uploadProgressText,
   titleModal,
-  isManagerOpen,
-  closeManager
+  onDelete,
+  uploadProgressText,
+  files
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Modal.Modal, { onClose, open, title: titleModal, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col w-full gap-deca md:flex-row", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(Modal.Modal, { onClose, open, title: titleModal, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col w-full gap-deca md:flex-row", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
       Dropzone.Dropzone,
       {
         dropzoneProps,
@@ -28,18 +26,16 @@ const Root = ({
         dropText,
         buttonText
       }
-    ) }) }),
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      Manager.Manager,
+      Files.Files,
       {
-        open: isManagerOpen,
         files,
         onDelete,
-        uploadProgressText,
-        onClose: closeManager
+        uploadProgressText
       }
     )
-  ] });
+  ] }) }) });
 };
 
 exports.Root = Root;

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

@@ -44,6 +44,15 @@ const File = ({
         return "info";
     }
   }
+  const formatFileSize = (size) => {
+    const units = ["B", "KB", "MB", "GB"];
+    let i = 0;
+    while (size >= 1024 && i < units.length - 1) {
+      size /= 1024;
+      i++;
+    }
+    return `${size.toFixed(2)} ${units[i]}`;
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-centi", children: [
@@ -57,16 +66,13 @@ const File = ({
         ) : /* @__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.FaRegFileLines, {}) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-col", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold truncate max-w-[200px]", children: file.file.name }),
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500", children: [
-            (file.file.size / 1024).toFixed(2),
-            " KB"
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: formatFileSize(file.file.size) })
         ] })
       ] }),
       file.status === "success" && showDelete ? /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
-          onClick: () => onDelete(index),
+          onClick: () => onDelete?.(index),
           "data-testid": "remove-button",
           className: cortexCore.button({
             className: " bg-inherit border-2 border-primary-light text-primary-light",
@@ -86,9 +92,12 @@ const File = ({
   ] }, index);
 };
 const Folder = ({ name, subItems }) => {
-  const size = countFolderElements(
-    subItems.map((it) => it.path),
-    name
+  const size = React.useMemo(
+    () => countFolderElements(
+      subItems.map((it) => it.path),
+      name
+    ),
+    [subItems, name]
   );
   const loading = React.useMemo(
     () => subItems.some((it) => it.status === "uploading"),
@@ -116,7 +125,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 +136,7 @@ const FolderList = ({ files }) => {
     });
     return segments;
   }, [files]);
+  React.useEffect(() => setFolders(Object.entries(folders)), [folders, setFolders]);
   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/useCalendarCell.js

@@ -13,6 +13,7 @@ require('currency.js');
 require('../provider/MenubarContext.js');
 require('../provider/SnackbarProvider.js');
 var CalendarProvider = require('../provider/CalendarProvider.js');
+require('../provider/ManagerContext.js');
 
 const useCalendarCell = ({ state, date: date$1 }) => {
   const { isTodayHighlited } = CalendarProvider.useCalendarContext();

package/dist/cjs/hooks/useFileUpload.js

@@ -4,22 +4,44 @@ var React = require('react');
 var reactDropzone = require('react-dropzone');
 var uuid = require('uuid');
 var types = require('../components/Uploader/types.js');
+require('react/jsx-runtime');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('../components/Popover/Context.js');
+require('@floating-ui/react');
+require('currency.js');
+require('../provider/MenubarContext.js');
+require('../provider/SnackbarProvider.js');
+require('../provider/CalendarProvider.js');
+var ManagerContext = require('../provider/ManagerContext.js');
 
 const useFileUpload = ({
   accept = {},
   onAccept,
+  onOpenManager,
   onFileRejected,
   maxSize,
   allowMultiple = true,
   preventDuplicates = false,
   onDuplicate,
   hasManager = true,
-  isFolder = false
+  isFolder = false,
+  noClick = false,
+  ignoreRejections = false,
+  uploadProgressText,
+  uploadSuccessText
 }) => {
-  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) => {
@@ -28,7 +50,10 @@ const useFileUpload = ({
   const handleClearFiles = React.useCallback(() => {
     setFiles([]);
   }, []);
-  const openManager = React.useCallback(() => setIsManagerOpen(true), []);
+  const openManager = React.useCallback(() => {
+    setIsManagerOpen(true);
+    onOpenManager?.();
+  }, []);
   const closeManager = React.useCallback(() => {
     handleClearFiles();
     setIsManagerOpen(false);
@@ -41,7 +66,8 @@ const useFileUpload = ({
     },
     []
   );
-  const onDrop = async (acceptedFiles) => {
+  const onDrop = async (acceptedFiles, fileRejections) => {
+    if (fileRejections.length > 0 && !ignoreRejections) return;
     if (hasManager) {
       openManager();
       onClose();
@@ -66,20 +92,18 @@ 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?.({
+        onClose: closeManager,
+        onDelete: handleRemoveFile,
+        uploadProgressText,
+        uploadSuccessText
+      });
+    }
+  }, [handleRemoveFile, closeManager]);
   const addMimeTypes = (key, acc) => {
     types.AcceptSpecificMap[key].forEach((mimeType) => {
       acc[mimeType] = [];
@@ -101,7 +125,8 @@ const useFileUpload = ({
     accept: mappedAccept,
     multiple: allowMultiple,
     maxSize,
-    onDropRejected: onFileRejected
+    onDropRejected: onFileRejected,
+    noClick
   });
   const isFileLimitReached = !allowMultiple && files.length > 0;
   return {

package/dist/cjs/hooks/useManagerHelpers.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var React = require('react');
+
+const useManagerHelpers = ({
+  files
+}) => {
+  const [min, setMin] = React.useState(false);
+  const [folders, setFolders] = React.useState();
+  const folderFiles = React.useMemo(
+    () => files?.filter((file) => file.isFolder) ?? [],
+    [files]
+  );
+  const regularFiles = React.useMemo(
+    () => files?.filter((file) => !file.isFolder) ?? [],
+    [files]
+  );
+  const totalLength = (regularFiles ?? []).length + (folders ?? []).length;
+  const isLoading = React.useMemo(
+    () => files?.some((file) => file.status === "uploading"),
+    [files]
+  );
+  return {
+    min,
+    setMin,
+    folderFiles,
+    regularFiles,
+    totalLength,
+    setFolders,
+    isLoading
+  };
+};
+
+exports.useManagerHelpers = useManagerHelpers;

package/dist/cjs/index.js

@@ -67,6 +67,7 @@ var SnackbarProvider = require('./provider/SnackbarProvider.js');
 var MenubarContext = require('./provider/MenubarContext.js');
 var useMenubar = require('./provider/useMenubar.js');
 var CalendarProvider = require('./provider/CalendarProvider.js');
+var ManagerContext = require('./provider/ManagerContext.js');
 var context = require('./components/Accordion/context.js');
 var masks = require('./components/Input/masks.js');
 var Root = require('./components/Uploader/Root.js');
@@ -156,6 +157,8 @@ exports.MenubarContext = MenubarContext.MenubarContext;
 exports.useMenubar = useMenubar.useMenubar;
 exports.CalendarProvider = CalendarProvider.CalendarProvider;
 exports.useCalendarContext = CalendarProvider.useCalendarContext;
+exports.ManagerProvider = ManagerContext.ManagerProvider;
+exports.useManager = ManagerContext.useManager;
 exports.Context = context.Context;
 exports.useAccordionContext = context.useAccordionContext;
 exports.BRLMask = masks.BRLMask;