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

package/dist/cjs/provider/ManagerContext.js

@@ -0,0 +1,125 @@
+'use strict';
+
+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, uploadFiles },
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(Manager.Manager, { files, open: isOpen, ...props })
+      ]
+    }
+  );
+};
+const useManager = () => {
+  const context = React.useContext(ManagerContext);
+  if (!context) {
+    throw new Error("useManager must be used within a ManagerProvider");
+  }
+  return context;
+};
+
+exports.ManagerProvider = ManagerProvider;
+exports.useManager = useManager;

package/dist/cjs/provider/MenubarProvider.js

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

package/dist/esm/components/Calendar/Calendar.js

@@ -6,6 +6,7 @@ import 'react-aria';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import { CalendarProvider } from '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import 'react-stately';
 import '../Popover/Context.js';
 import 'react-dropzone';

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

@@ -7,6 +7,10 @@ import { useCalendarCell } from '../../hooks/useCalendarCell.js';
 import '../Popover/Context.js';
 import 'react-dropzone';
 import 'uuid';
+import '../../provider/MenubarContext.js';
+import '../../provider/SnackbarProvider.js';
+import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import '@floating-ui/react';
 import 'currency.js';
 import { calendarCell } from '../../styles/calendar-cell.js';

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

@@ -6,6 +6,7 @@ import 'react';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import { useCalendarGrid } from '../../hooks/useCalendarGrid.js';
 import '../Popover/Context.js';
 import 'react-dropzone';

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

@@ -6,6 +6,7 @@ import 'react';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import { CalendarProvider } from '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import '../Popover/Context.js';
 import 'react-dropzone';
 import 'uuid';

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

@@ -7,6 +7,7 @@ import 'react';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import { useDatePickerInput } from '../../hooks/useDatePickerInput.js';
 import { useDatePickerInputCommon } from '../../hooks/useDatePickerInputCommon.js';
 import 'react-dropzone';

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

@@ -7,6 +7,7 @@ import 'react';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import { useDatePickerInputCommon } from '../../hooks/useDatePickerInputCommon.js';
 import { useDateRangePickerInput } from '../../hooks/useDateRangePickerInput.js';
 import 'react-dropzone';

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

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

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

@@ -7,6 +7,7 @@ import 'react-stately';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import '../Popover/Context.js';
 import { useDebouncedState } from '../../hooks/useDebouncedState.js';
 import 'react-dropzone';

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

@@ -7,6 +7,7 @@ import 'react';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import '../Popover/Context.js';
 import { useDimensions } from '../../hooks/useDimensions.js';
 import 'react-dropzone';

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

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

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

@@ -13,6 +13,7 @@ import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import { useMenubar } from '../../provider/useMenubar.js';
 import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import { menubar } from '../../styles/menubar.js';
 import { Button } from '../Button.js';
 

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

@@ -13,6 +13,7 @@ import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import { useMenubar } from '../../provider/useMenubar.js';
 import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import { item } from '../../styles/menubar.js';
 import IconControlSubItem from './IconControlSubItem.js';
 import ItemLink from './ItemLink.js';

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

@@ -7,6 +7,7 @@ import 'react';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import '../Popover/Context.js';
 import { useDimensions } from '../../hooks/useDimensions.js';
 import 'react-dropzone';

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

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

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

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

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

@@ -14,6 +14,7 @@ import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import { useMenubar } from '../../provider/useMenubar.js';
 import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 
 const { container } = subItem();
 const SubItem = ({

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

@@ -6,6 +6,7 @@ import 'react';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import { Context } from './Context.js';
 import 'react-dropzone';
 import 'uuid';

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

@@ -7,6 +7,7 @@ import 'react-stately';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import { usePopoverContext } from '../Popover/Context.js';
 import 'react-dropzone';
 import 'uuid';

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

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

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

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

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

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

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

@@ -7,6 +7,7 @@ import 'react-stately';
 import '../../provider/MenubarContext.js';
 import '../../provider/SnackbarProvider.js';
 import '../../provider/CalendarProvider.js';
+import '../../provider/ManagerContext.js';
 import { usePopoverContext } from '../Popover/Context.js';
 import 'react-dropzone';
 import 'uuid';

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

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

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

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

package/dist/esm/components/Tooltip.js

@@ -8,6 +8,7 @@ import { cloneWithProps } from '../utils/react.js';
 import '../provider/MenubarContext.js';
 import '../provider/SnackbarProvider.js';
 import '../provider/CalendarProvider.js';
+import '../provider/ManagerContext.js';
 import './Popover/Context.js';
 import 'react-dropzone';
 import 'uuid';

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

@@ -8,7 +8,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__ */ jsxs(
@@ -23,13 +24,28 @@ const Dropzone = ({
       ),
       children: [
         /* @__PURE__ */ jsx("input", { ...getInputProps() }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center text-center items-center gap-deca", children: [
-          /* @__PURE__ */ jsx(HiOutlineCloudArrowUp, { className: "text-primary-medium", size: 35 }),
-          /* @__PURE__ */ jsxs("div", { className: "gap-mili", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", "data-testid": "select-dropzone", children: selectFileText }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-secondary-medium", children: dropText })
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center text-center items-center", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(
+              HiOutlineCloudArrowUp,
+              {
+                className: "text-primary-medium mb-nano",
+                size: 35
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", "data-testid": "select-dropzone", children: selectFileText })
           ] }),
-          isFileLimitReached ? /* @__PURE__ */ jsx(Tooltip, { text: "Voc\xEA s\xF3 pode selecionar um \xFAnico arquivo.", children: /* @__PURE__ */ jsx("button", { disabled: true, className: clsx(button(), "cursor-not-allowed"), children: buttonText }) }) : /* @__PURE__ */ jsx("button", { className: button(), children: buttonText })
+          hasButton ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-centi", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-secondary-medium", children: dropText }),
+            isFileLimitReached ? /* @__PURE__ */ jsx(Tooltip, { text: "Voc\xEA s\xF3 pode selecionar um \xFAnico arquivo.", children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                disabled: true,
+                className: clsx(button(), "cursor-not-allowed"),
+                children: buttonText
+              }
+            ) }) : /* @__PURE__ */ jsx("button", { className: button(), children: buttonText })
+          ] }) : null
         ] })
       ]
     }

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

@@ -6,7 +6,8 @@ import { IoMdClose } from 'react-icons/io';
 import { clsx } from 'clsx';
 import { IoChevronUp, IoChevronDown } from 'react-icons/io5';
 import { manager } from '@tecsinapse/cortex-core';
-import { useManager } from '../../hooks/useManager.js';
+import { useManagerHelpers } from '../../hooks/useManagerHelpers.js';
+import { Loading } from '../Loading.js';
 
 const Manager = ({
   open,
@@ -15,7 +16,17 @@ const Manager = ({
   uploadProgressText = "Upload(s) in progress",
   onClose
 }) => {
-  const { min, setMin, regularFiles, folderFiles } = useManager({ files });
+  const {
+    min,
+    setMin,
+    regularFiles,
+    folderFiles,
+    totalLength,
+    setFolders,
+    isLoading
+  } = useManagerHelpers({
+    files
+  });
   return createPortal(
     /* @__PURE__ */ jsx(
       "div",
@@ -40,7 +51,8 @@ const Manager = ({
               {
                 variants: { variant: "filled", size: "square" },
                 onClick: onClose,
-                children: /* @__PURE__ */ jsx(IoMdClose, {})
+                disabled: isLoading,
+                children: isLoading ? /* @__PURE__ */ jsx(Loading, {}) : /* @__PURE__ */ jsx(IoMdClose, {})
               }
             )
           ] }),
@@ -50,7 +62,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(
@@ -63,7 +75,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/Root.js

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

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { button } from '@tecsinapse/cortex-core';
-import { useMemo } from 'react';
+import { useMemo, useEffect } from 'react';
 import { FaRegFileLines, FaRegFolder } from 'react-icons/fa6';
 import { MdClose } from 'react-icons/md';
 import { ProgressBar } from '../ProgressBar/ProgressBar.js';
@@ -64,7 +64,7 @@ const File = ({
       file.status === "success" && showDelete ? /* @__PURE__ */ jsx(
         "button",
         {
-          onClick: () => onDelete(index),
+          onClick: () => onDelete?.(index),
           "data-testid": "remove-button",
           className: button({
             className: " bg-inherit border-2 border-primary-light text-primary-light",
@@ -84,9 +84,12 @@ const File = ({
   ] }, index);
 };
 const Folder = ({ name, subItems }) => {
-  const size = countFolderElements(
-    subItems.map((it) => it.path),
-    name
+  const size = useMemo(
+    () => countFolderElements(
+      subItems.map((it) => it.path),
+      name
+    ),
+    [subItems, name]
   );
   const loading = useMemo(
     () => subItems.some((it) => it.status === "uploading"),
@@ -114,7 +117,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 +128,7 @@ const FolderList = ({ files }) => {
     });
     return segments;
   }, [files]);
+  useEffect(() => setFolders(Object.entries(folders)), [folders, setFolders]);
   return /* @__PURE__ */ jsx(Fragment, { children: Object.entries(folders).map(([name, children], index) => /* @__PURE__ */ jsx(Folder, { name, subItems: children }, index)) });
 };
 

package/dist/esm/hooks/useCalendarCell.js

@@ -11,6 +11,7 @@ import 'currency.js';
 import '../provider/MenubarContext.js';
 import '../provider/SnackbarProvider.js';
 import { useCalendarContext } from '../provider/CalendarProvider.js';
+import '../provider/ManagerContext.js';
 
 const useCalendarCell = ({ state, date }) => {
   const { isTodayHighlited } = useCalendarContext();