@tecsinapse/cortex-react 1.15.0-beta.2 → 1.15.0-beta.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Calendar/Calendar.js +1 -0
- package/dist/cjs/components/Calendar/CalendarCell.js +4 -0
- package/dist/cjs/components/Calendar/CalendarGrid.js +1 -0
- package/dist/cjs/components/Calendar/RangeCalendar.js +1 -0
- package/dist/cjs/components/DatePicker/DatePickerInput.js +1 -0
- package/dist/cjs/components/DatePicker/DateRangePickerInput.js +1 -0
- package/dist/cjs/components/Input/Mask.js +1 -0
- package/dist/cjs/components/Input/Search.js +1 -0
- package/dist/cjs/components/Menubar/Categories.js +1 -0
- package/dist/cjs/components/Menubar/Dropdown.js +1 -0
- package/dist/cjs/components/Menubar/Header.js +1 -0
- package/dist/cjs/components/Menubar/Item.js +1 -0
- package/dist/cjs/components/Menubar/MostUsed.js +1 -0
- package/dist/cjs/components/Menubar/Root.js +1 -0
- package/dist/cjs/components/Menubar/Search.js +1 -0
- package/dist/cjs/components/Menubar/SubItem.js +1 -0
- package/dist/cjs/components/Popover/Provider.js +1 -0
- package/dist/cjs/components/Select/GroupedOptions.js +1 -0
- package/dist/cjs/components/Select/MultiGroupedOptions.js +1 -0
- package/dist/cjs/components/Select/MultiOptions.js +1 -0
- package/dist/cjs/components/Select/Options.js +1 -0
- package/dist/cjs/components/TimePicker/TimePickerInput.js +1 -0
- package/dist/cjs/components/Tooltip.js +1 -0
- package/dist/cjs/components/Uploader/Dropzone.js +23 -7
- package/dist/cjs/components/Uploader/Manager.js +26 -20
- package/dist/cjs/components/Uploader/Modal.js +1 -2
- package/dist/cjs/components/Uploader/Root.js +10 -14
- package/dist/cjs/components/Uploader/Upload.js +74 -2
- package/dist/cjs/hooks/useCalendarCell.js +1 -0
- package/dist/cjs/hooks/useFileUpload.js +55 -27
- package/dist/cjs/hooks/useManagerHelpers.js +29 -0
- package/dist/cjs/index.js +3 -0
- package/dist/cjs/provider/ManagerContext.js +125 -0
- package/dist/cjs/provider/MenubarProvider.js +1 -0
- package/dist/cjs/styles/progressBar.js +1 -1
- package/dist/esm/components/Calendar/Calendar.js +1 -0
- package/dist/esm/components/Calendar/CalendarCell.js +4 -0
- package/dist/esm/components/Calendar/CalendarGrid.js +1 -0
- package/dist/esm/components/Calendar/RangeCalendar.js +1 -0
- package/dist/esm/components/DatePicker/DatePickerInput.js +1 -0
- package/dist/esm/components/DatePicker/DateRangePickerInput.js +1 -0
- package/dist/esm/components/Input/Mask.js +1 -0
- package/dist/esm/components/Input/Search.js +1 -0
- package/dist/esm/components/Menubar/Categories.js +1 -0
- package/dist/esm/components/Menubar/Dropdown.js +1 -0
- package/dist/esm/components/Menubar/Header.js +1 -0
- package/dist/esm/components/Menubar/Item.js +1 -0
- package/dist/esm/components/Menubar/MostUsed.js +1 -0
- package/dist/esm/components/Menubar/Root.js +1 -0
- package/dist/esm/components/Menubar/Search.js +1 -0
- package/dist/esm/components/Menubar/SubItem.js +1 -0
- package/dist/esm/components/Popover/Provider.js +1 -0
- package/dist/esm/components/Select/GroupedOptions.js +1 -0
- package/dist/esm/components/Select/MultiGroupedOptions.js +1 -0
- package/dist/esm/components/Select/MultiOptions.js +1 -0
- package/dist/esm/components/Select/Options.js +1 -0
- package/dist/esm/components/TimePicker/TimePickerInput.js +1 -0
- package/dist/esm/components/Tooltip.js +1 -0
- package/dist/esm/components/Uploader/Dropzone.js +23 -7
- package/dist/esm/components/Uploader/Manager.js +28 -22
- package/dist/esm/components/Uploader/Modal.js +1 -2
- package/dist/esm/components/Uploader/Root.js +11 -15
- package/dist/esm/components/Uploader/Upload.js +75 -5
- package/dist/esm/hooks/useCalendarCell.js +1 -0
- package/dist/esm/hooks/useFileUpload.js +56 -28
- package/dist/esm/hooks/useManagerHelpers.js +27 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/provider/ManagerContext.js +122 -0
- package/dist/esm/provider/MenubarProvider.js +1 -0
- package/dist/esm/styles/progressBar.js +1 -1
- package/dist/types/components/Uploader/Dropzone.d.ts +1 -1
- package/dist/types/components/Uploader/Root.d.ts +1 -1
- package/dist/types/components/Uploader/Upload.d.ts +3 -1
- package/dist/types/components/Uploader/index.d.ts +2 -2
- package/dist/types/components/Uploader/types.d.ts +31 -7
- package/dist/types/hooks/useFileUpload.d.ts +8 -4
- package/dist/types/hooks/useManagerHelpers.d.ts +14 -0
- package/dist/types/provider/ManagerContext.d.ts +20 -0
- package/dist/types/provider/index.d.ts +1 -0
- package/package.json +3 -3
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import { DropzoneInputProps, DropzoneRootProps, type FileError, type FileRejection, type FileWithPath } from 'react-dropzone';
|
|
2
|
+
declare global {
|
|
3
|
+
interface File {
|
|
4
|
+
relativePath: string;
|
|
5
|
+
path?: string;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
2
8
|
export interface FileItem {
|
|
3
9
|
file: File;
|
|
4
10
|
loading: 'loading' | 'success' | 'error';
|
|
@@ -6,9 +12,26 @@ export interface FileItem {
|
|
|
6
12
|
export interface FileProps<T> {
|
|
7
13
|
file: FileUpload<T>;
|
|
8
14
|
index: number;
|
|
9
|
-
onDelete
|
|
15
|
+
onDelete?: (index: number) => void;
|
|
10
16
|
showDelete?: boolean;
|
|
11
17
|
}
|
|
18
|
+
export interface FolderProps {
|
|
19
|
+
name: string;
|
|
20
|
+
subItems: {
|
|
21
|
+
status: string;
|
|
22
|
+
path: string;
|
|
23
|
+
}[];
|
|
24
|
+
}
|
|
25
|
+
export interface FolderListProps<T> {
|
|
26
|
+
files: FileUpload<T>[];
|
|
27
|
+
setFolders: React.Dispatch<React.SetStateAction<[
|
|
28
|
+
string,
|
|
29
|
+
{
|
|
30
|
+
status: string;
|
|
31
|
+
path: string;
|
|
32
|
+
}[]
|
|
33
|
+
][] | undefined>>;
|
|
34
|
+
}
|
|
12
35
|
export interface FilesProps<T> {
|
|
13
36
|
files: FileUpload<T>[];
|
|
14
37
|
onDelete: (index: number) => void;
|
|
@@ -19,6 +42,7 @@ export interface UseDropzoneProps {
|
|
|
19
42
|
getInputProps: <T extends DropzoneInputProps>(props?: T) => T;
|
|
20
43
|
isDragActive: boolean;
|
|
21
44
|
isFileLimitReached: boolean;
|
|
45
|
+
fileRejections: FileRejection[];
|
|
22
46
|
}
|
|
23
47
|
export interface DropzoneProps {
|
|
24
48
|
dropzoneProps: UseDropzoneProps;
|
|
@@ -26,6 +50,7 @@ export interface DropzoneProps {
|
|
|
26
50
|
dropText?: string;
|
|
27
51
|
buttonText?: string;
|
|
28
52
|
isFileLimitReached?: boolean;
|
|
53
|
+
hasButton?: boolean;
|
|
29
54
|
}
|
|
30
55
|
export interface ModalProps {
|
|
31
56
|
open: boolean;
|
|
@@ -43,12 +68,11 @@ export type FileUpload<T> = {
|
|
|
43
68
|
metadata?: T;
|
|
44
69
|
uid: string;
|
|
45
70
|
status: 'success' | 'error' | 'uploading';
|
|
71
|
+
isFolder?: boolean;
|
|
46
72
|
};
|
|
47
73
|
export interface RootUploaderProps<T> {
|
|
48
74
|
open: boolean;
|
|
49
75
|
onClose: () => void;
|
|
50
|
-
isManagerOpen: boolean;
|
|
51
|
-
closeManager: () => void;
|
|
52
76
|
files: FileUpload<T>[];
|
|
53
77
|
onDelete: (index: number) => void;
|
|
54
78
|
dropzoneProps: UseDropzoneProps;
|
|
@@ -59,11 +83,11 @@ export interface RootUploaderProps<T> {
|
|
|
59
83
|
titleModal?: string;
|
|
60
84
|
}
|
|
61
85
|
export interface ManagerProps<T> {
|
|
62
|
-
open
|
|
63
|
-
files
|
|
64
|
-
onDelete
|
|
86
|
+
open?: boolean;
|
|
87
|
+
files?: FileUpload<T>[];
|
|
88
|
+
onDelete?: (index: number) => void;
|
|
65
89
|
uploadProgressText?: string;
|
|
66
|
-
onClose
|
|
90
|
+
onClose?: () => void;
|
|
67
91
|
}
|
|
68
92
|
export declare const AcceptSpecificMap: {
|
|
69
93
|
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"];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type DropEvent, type FileRejection } from 'react-dropzone';
|
|
2
2
|
import { AcceptSpecificMap, UseDropzoneProps, type FileUpload } from '../components/Uploader/types';
|
|
3
|
-
interface UseFileUploadOptions
|
|
3
|
+
interface UseFileUploadOptions {
|
|
4
4
|
accept?: {
|
|
5
5
|
IMAGE?: (typeof AcceptSpecificMap.IMAGE)[number][];
|
|
6
6
|
APPLICATION?: (typeof AcceptSpecificMap.APPLICATION)[number][];
|
|
@@ -8,14 +8,18 @@ interface UseFileUploadOptions<T> {
|
|
|
8
8
|
VIDEO?: (typeof AcceptSpecificMap.VIDEO)[number][];
|
|
9
9
|
TEXT?: (typeof AcceptSpecificMap.TEXT)[number][];
|
|
10
10
|
};
|
|
11
|
-
onAccept?: (files: FileUpload<
|
|
11
|
+
onAccept?: (files: FileUpload<unknown>[]) => Promise<FileUpload<unknown>[]>;
|
|
12
|
+
onOpenManager?: () => void;
|
|
12
13
|
onFileRejected?: (fileRejections: FileRejection[], event: DropEvent) => void;
|
|
13
14
|
maxSize?: number;
|
|
14
15
|
allowMultiple?: boolean;
|
|
15
16
|
preventDuplicates?: boolean;
|
|
16
17
|
onDuplicate?: (duplicates: File[]) => void;
|
|
18
|
+
hasManager?: boolean;
|
|
19
|
+
isFolder?: boolean;
|
|
20
|
+
uploadProgressText?: string;
|
|
17
21
|
}
|
|
18
|
-
export declare const useFileUpload: <T>({ accept, onAccept, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, }: UseFileUploadOptions
|
|
22
|
+
export declare const useFileUpload: <T>({ accept, onAccept, onOpenManager, onFileRejected, maxSize, allowMultiple, preventDuplicates, onDuplicate, hasManager, isFolder, uploadProgressText, }: UseFileUploadOptions) => {
|
|
19
23
|
onOpen: () => void;
|
|
20
24
|
onClose: () => void;
|
|
21
25
|
onDelete: (index: number) => void;
|
|
@@ -24,7 +28,7 @@ export declare const useFileUpload: <T>({ accept, onAccept, onFileRejected, maxS
|
|
|
24
28
|
openManager: () => void;
|
|
25
29
|
closeManager: () => void;
|
|
26
30
|
isManagerOpen: boolean;
|
|
27
|
-
files: FileUpload<
|
|
31
|
+
files: FileUpload<unknown>[];
|
|
28
32
|
duplicates: File[];
|
|
29
33
|
onClearFiles: () => void;
|
|
30
34
|
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FileUpload } from '../components';
|
|
2
|
+
export declare const useManagerHelpers: <T>({ files, }: {
|
|
3
|
+
files?: FileUpload<T>[];
|
|
4
|
+
}) => {
|
|
5
|
+
min: boolean;
|
|
6
|
+
setMin: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
7
|
+
folderFiles: FileUpload<T>[];
|
|
8
|
+
regularFiles: FileUpload<T>[];
|
|
9
|
+
totalLength: number;
|
|
10
|
+
setFolders: import("react").Dispatch<import("react").SetStateAction<[string, {
|
|
11
|
+
status: string;
|
|
12
|
+
path: string;
|
|
13
|
+
}[]][] | undefined>>;
|
|
14
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { FileUpload, ManagerProps } from '../components';
|
|
3
|
+
interface UploadFilesProps<T> {
|
|
4
|
+
onAccept?: (files: FileUpload<T>[]) => Promise<FileUpload<T>[]>;
|
|
5
|
+
newFiles: FileUpload<T>[];
|
|
6
|
+
updateFiles: (prevFiles: FileUpload<unknown>[], newFiles: FileUpload<T>[]) => FileUpload<T>[];
|
|
7
|
+
}
|
|
8
|
+
interface ManagerContextProps<T> {
|
|
9
|
+
showManager: (props: ManagerProps<T>) => void;
|
|
10
|
+
files: FileUpload<T>[];
|
|
11
|
+
setFiles: React.Dispatch<React.SetStateAction<FileUpload<T>[]>>;
|
|
12
|
+
isOpen: boolean;
|
|
13
|
+
setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
|
14
|
+
uploadFiles: (props: UploadFilesProps<T>) => void;
|
|
15
|
+
}
|
|
16
|
+
export declare const ManagerProvider: ({ children }: {
|
|
17
|
+
children: ReactNode;
|
|
18
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare const useManager: () => ManagerContextProps<unknown>;
|
|
20
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecsinapse/cortex-react",
|
|
3
|
-
"version": "1.15.0-beta.
|
|
3
|
+
"version": "1.15.0-beta.20",
|
|
4
4
|
"description": "React components based in @tecsinapse/cortex-core",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/esm/index.js",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"dependencies": {
|
|
21
21
|
"@floating-ui/react": "^0.26.18",
|
|
22
22
|
"@internationalized/date": "3.7.0",
|
|
23
|
-
"@tecsinapse/cortex-core": "1.2.0-beta.
|
|
23
|
+
"@tecsinapse/cortex-core": "1.2.0-beta.6",
|
|
24
24
|
"clsx": "2.1.1",
|
|
25
25
|
"currency.js": "2.0.4",
|
|
26
26
|
"embla-carousel-autoplay": "^8.0.0",
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"react-icons": ">=5.2.0",
|
|
49
49
|
"tailwind": ">=3.3.0"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "dea8da76ae8e25e52a4f076c153a727ea82330b6"
|
|
52
52
|
}
|