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

package/dist/esm/hooks/useManagerHelpers.js

@@ -0,0 +1,23 @@
+import { useState, useMemo } from 'react';
+
+const useManagerHelpers = ({
+  files
+}) => {
+  const [min, setMin] = useState(false);
+  const folderFiles = useMemo(
+    () => files?.filter((file) => file.isFolder) ?? [],
+    [files]
+  );
+  const regularFiles = useMemo(
+    () => files?.filter((file) => !file.isFolder) ?? [],
+    [files]
+  );
+  return {
+    min,
+    setMin,
+    folderFiles,
+    regularFiles
+  };
+};
+
+export { useManagerHelpers };

package/dist/esm/index.js

@@ -65,6 +65,7 @@ export { SnackbarProvider, useSnackbar } from './provider/SnackbarProvider.js';
 export { MenubarContext } from './provider/MenubarContext.js';
 export { useMenubar } from './provider/useMenubar.js';
 export { CalendarProvider, useCalendarContext } from './provider/CalendarProvider.js';
+export { ManagerProvider, useManager } from './provider/ManagerContext.js';
 export { Context, useAccordionContext } from './components/Accordion/context.js';
 export { BRLMask, CurrencyIMask, ExpressionMasks, Masks, NumberIMask, PercentageIMask, PercentageMask } from './components/Input/masks.js';
 export { Root } from './components/Uploader/Root.js';

package/dist/esm/provider/ManagerContext.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createContext, useState, useContext } from 'react';
+import { Manager } from '../components/Uploader/Manager.js';
+
+const ManagerContext = createContext(null);
+const ManagerProvider = ({ children }) => {
+  const [props, setProps] = useState({});
+  const showManager = (_props) => {
+    setProps(_props);
+  };
+  return /* @__PURE__ */ jsxs(ManagerContext.Provider, { value: { showManager }, children: [
+    children,
+    /* @__PURE__ */ jsx(Manager, { ...props })
+  ] });
+};
+const useManager = () => {
+  const context = useContext(ManagerContext);
+  if (!context) {
+    throw new Error("useManager must be used within a ManagerProvider");
+  }
+  return context;
+};
+
+export { ManagerProvider, useManager };

package/dist/esm/provider/MenubarProvider.js

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

package/dist/esm/styles/progressBar.js

@@ -2,7 +2,7 @@ import { tv } from 'tailwind-variants';
 
 const ProgressVariants = tv({
   slots: {
-    container: "relative mb-mili",
+    container: "relative",
     bar: "h-1.5 w-full overflow-hidden bg-secondary-xlight",
     progress: "w-full h-full rounded-mili"
   },

package/dist/types/components/Uploader/Manager.d.ts

@@ -1,10 +1,2 @@
-import { FileUpload } from './types';
-interface ManagerProps<T> {
-    open: boolean;
-    files: FileUpload<T>[];
-    onDelete: (index: number) => void;
-    uploadProgressText?: string;
-    onClose: () => void;
-}
+import { ManagerProps } from './types';
 export declare const Manager: <T>({ open, files, onDelete, uploadProgressText, onClose, }: ManagerProps<T>) => any;
-export {};

package/dist/types/components/Uploader/Upload.d.ts

@@ -1,2 +1,4 @@
-import { FileProps } from './types';
-export declare const File: <T>({ file, index, onDelete }: FileProps<T>) => import("react/jsx-runtime").JSX.Element;
+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;

package/dist/types/components/Uploader/index.d.ts

@@ -5,4 +5,5 @@ export declare const Uploader: {
     Files: <T>({ files, onDelete, uploadProgressText, }: import("./types").FilesProps<T>) => import("react/jsx-runtime").JSX.Element;
     Modal: ({ open, onClose, children, title, }: import("./types").ModalProps) => any;
     Root: <T>({ open, onClose, files, onDelete, dropzoneProps, selectFileText, dropText, buttonText, uploadProgressText, titleModal, isManagerOpen, closeManager, }: import("./types").RootUploaderProps<T>) => import("react/jsx-runtime").JSX.Element;
+    Manager: <T>({ open, files, onDelete, uploadProgressText, onClose, }: import("./types").ManagerProps<T>) => any;
 };

package/dist/types/components/Uploader/types.d.ts

@@ -1,4 +1,10 @@
 import { DropzoneInputProps, DropzoneRootProps, type FileError, type FileRejection, type FileWithPath } from 'react-dropzone';
+declare global {
+    interface File {
+        relativePath: string;
+        path?: string;
+    }
+}
 export interface FileItem {
     file: File;
     loading: 'loading' | 'success' | 'error';
@@ -6,7 +12,18 @@ export interface FileItem {
 export interface FileProps<T> {
     file: FileUpload<T>;
     index: number;
-    onDelete: (index: number) => void;
+    onDelete?: (index: number) => void;
+    showDelete?: boolean;
+}
+export interface FolderProps {
+    name: string;
+    subItems: {
+        status: string;
+        path: string;
+    }[];
+}
+export interface FolderListProps<T> {
+    files: FileUpload<T>[];
 }
 export interface FilesProps<T> {
     files: FileUpload<T>[];
@@ -42,6 +59,7 @@ export type FileUpload<T> = {
     metadata?: T;
     uid: string;
     status: 'success' | 'error' | 'uploading';
+    isFolder?: boolean;
 };
 export interface RootUploaderProps<T> {
     open: boolean;
@@ -57,6 +75,13 @@ export interface RootUploaderProps<T> {
     uploadProgressText?: string;
     titleModal?: string;
 }
+export interface ManagerProps<T> {
+    open?: boolean;
+    files?: FileUpload<T>[];
+    onDelete?: (index: number) => void;
+    uploadProgressText?: string;
+    onClose?: () => void;
+}
 export declare const AcceptSpecificMap: {
     readonly APPLICATION: readonly ["application/pdf", "application/zip", "application/msword", "application/vnd.openxmlformats-officedocument.wordprocessingml.document", "application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", "application/vnd.ms-powerpoint", "application/vnd.openxmlformats-officedocument.presentationml.presentation", "application/x-rar-compressed", "application/x-7z-compressed", "application/json", "application/xml", "application/rtf", "application/x-tar", "application/x-httpd-php", "application/octet-stream"];
     readonly IMAGE: readonly ["image/jpeg", "image/png", "image/gif", "image/bmp", "image/svg+xml", "image/tiff", "image/webp", "image/x-icon"];

package/dist/types/hooks/useFileUpload.d.ts

@@ -14,13 +14,17 @@ interface UseFileUploadOptions<T> {
     allowMultiple?: boolean;
     preventDuplicates?: boolean;
     onDuplicate?: (duplicates: File[]) => void;
+    hasManager?: boolean;
+    isFolder?: boolean;
+    uploadProgressText?: string;
 }
-export declare const useFileUpload: <T>({ accept, onAccept, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, }: UseFileUploadOptions<T>) => {
+export declare const useFileUpload: <T>({ accept, onAccept, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, hasManager, isFolder, uploadProgressText, }: UseFileUploadOptions<T>) => {
     onOpen: () => void;
     onClose: () => void;
     onDelete: (index: number) => void;
     dropzoneProps: UseDropzoneProps;
     open: boolean;
+    openManager: () => void;
     closeManager: () => void;
     isManagerOpen: boolean;
     files: FileUpload<T>[];

package/dist/types/hooks/useManagerHelpers.d.ts

@@ -0,0 +1,9 @@
+import { FileUpload } from '../components';
+export declare const useManagerHelpers: <T>({ files, }: {
+    files?: FileUpload<T>[];
+}) => {
+    min: boolean;
+    setMin: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    folderFiles: FileUpload<T>[];
+    regularFiles: FileUpload<T>[];
+};

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { ManagerProps } from '../components';
+interface ManagerContextProps {
+    showManager: (props: ManagerProps<unknown>) => void;
+}
+export declare const ManagerProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useManager: () => ManagerContextProps;
+export {};

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

@@ -3,3 +3,4 @@ export * from './SnackbarProvider';
 export * from './MenubarContext';
 export * from './useMenubar';
 export * from './CalendarProvider';
+export * from './ManagerContext';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.15.0-beta.0",
+  "version": "1.15.0-beta.10",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.18",
     "@internationalized/date": "3.7.0",
-    "@tecsinapse/cortex-core": "1.1.3",
+    "@tecsinapse/cortex-core": "1.2.0-beta.6",
     "clsx": "2.1.1",
     "currency.js": "2.0.4",
     "embla-carousel-autoplay": "^8.0.0",
@@ -48,5 +48,5 @@
     "react-icons": ">=5.2.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "6d45cc9f4731040772e88399eee523d38457cd62"
+  "gitHead": "24b04598996ccf898eadde9e374f8da3045117e1"
 }