@tecsinapse/cortex-react 1.15.0-beta.10 → 1.15.0-beta.11
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/hooks/useFileUpload.js +7 -3
- package/dist/cjs/provider/ManagerContext.js +12 -4
- package/dist/esm/hooks/useFileUpload.js +7 -3
- package/dist/esm/provider/ManagerContext.js +12 -4
- package/dist/types/hooks/useFileUpload.d.ts +1 -1
- package/dist/types/provider/ManagerContext.d.ts +7 -3
- package/package.json +2 -2
|
@@ -28,10 +28,15 @@ const useFileUpload = ({
|
|
|
28
28
|
isFolder = false,
|
|
29
29
|
uploadProgressText
|
|
30
30
|
}) => {
|
|
31
|
-
const
|
|
31
|
+
const {
|
|
32
|
+
showManager,
|
|
33
|
+
files,
|
|
34
|
+
setFiles,
|
|
35
|
+
isOpen: isManagerOpen,
|
|
36
|
+
setIsOpen: setIsManagerOpen
|
|
37
|
+
} = ManagerContext.useManager();
|
|
32
38
|
const [duplicates, setDuplicates] = React.useState([]);
|
|
33
39
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
34
|
-
const [isManagerOpen, setIsManagerOpen] = React.useState(false);
|
|
35
40
|
const onOpen = React.useCallback(() => setIsOpen(true), []);
|
|
36
41
|
const onClose = React.useCallback(() => setIsOpen(false), []);
|
|
37
42
|
const handleRemoveFile = React.useCallback((index) => {
|
|
@@ -53,7 +58,6 @@ const useFileUpload = ({
|
|
|
53
58
|
},
|
|
54
59
|
[]
|
|
55
60
|
);
|
|
56
|
-
const { showManager } = ManagerContext.useManager();
|
|
57
61
|
const onDrop = async (acceptedFiles) => {
|
|
58
62
|
if (hasManager) {
|
|
59
63
|
openManager();
|
|
@@ -7,13 +7,21 @@ var Manager = require('../components/Uploader/Manager.js');
|
|
|
7
7
|
const ManagerContext = React.createContext(null);
|
|
8
8
|
const ManagerProvider = ({ children }) => {
|
|
9
9
|
const [props, setProps] = React.useState({});
|
|
10
|
+
const [files, setFiles] = React.useState([]);
|
|
11
|
+
const [isOpen, setIsOpen] = React.useState(false);
|
|
10
12
|
const showManager = (_props) => {
|
|
11
13
|
setProps(_props);
|
|
12
14
|
};
|
|
13
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
16
|
+
ManagerContext.Provider,
|
|
17
|
+
{
|
|
18
|
+
value: { showManager, files, setFiles, isOpen, setIsOpen },
|
|
19
|
+
children: [
|
|
20
|
+
children,
|
|
21
|
+
/* @__PURE__ */ jsxRuntime.jsx(Manager.Manager, { ...props })
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
);
|
|
17
25
|
};
|
|
18
26
|
const useManager = () => {
|
|
19
27
|
const context = React.useContext(ManagerContext);
|
|
@@ -26,10 +26,15 @@ const useFileUpload = ({
|
|
|
26
26
|
isFolder = false,
|
|
27
27
|
uploadProgressText
|
|
28
28
|
}) => {
|
|
29
|
-
const
|
|
29
|
+
const {
|
|
30
|
+
showManager,
|
|
31
|
+
files,
|
|
32
|
+
setFiles,
|
|
33
|
+
isOpen: isManagerOpen,
|
|
34
|
+
setIsOpen: setIsManagerOpen
|
|
35
|
+
} = useManager();
|
|
30
36
|
const [duplicates, setDuplicates] = useState([]);
|
|
31
37
|
const [isOpen, setIsOpen] = useState(false);
|
|
32
|
-
const [isManagerOpen, setIsManagerOpen] = useState(false);
|
|
33
38
|
const onOpen = useCallback(() => setIsOpen(true), []);
|
|
34
39
|
const onClose = useCallback(() => setIsOpen(false), []);
|
|
35
40
|
const handleRemoveFile = useCallback((index) => {
|
|
@@ -51,7 +56,6 @@ const useFileUpload = ({
|
|
|
51
56
|
},
|
|
52
57
|
[]
|
|
53
58
|
);
|
|
54
|
-
const { showManager } = useManager();
|
|
55
59
|
const onDrop = async (acceptedFiles) => {
|
|
56
60
|
if (hasManager) {
|
|
57
61
|
openManager();
|
|
@@ -5,13 +5,21 @@ import { Manager } from '../components/Uploader/Manager.js';
|
|
|
5
5
|
const ManagerContext = createContext(null);
|
|
6
6
|
const ManagerProvider = ({ children }) => {
|
|
7
7
|
const [props, setProps] = useState({});
|
|
8
|
+
const [files, setFiles] = useState([]);
|
|
9
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
8
10
|
const showManager = (_props) => {
|
|
9
11
|
setProps(_props);
|
|
10
12
|
};
|
|
11
|
-
return /* @__PURE__ */ jsxs(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
return /* @__PURE__ */ jsxs(
|
|
14
|
+
ManagerContext.Provider,
|
|
15
|
+
{
|
|
16
|
+
value: { showManager, files, setFiles, isOpen, setIsOpen },
|
|
17
|
+
children: [
|
|
18
|
+
children,
|
|
19
|
+
/* @__PURE__ */ jsx(Manager, { ...props })
|
|
20
|
+
]
|
|
21
|
+
}
|
|
22
|
+
);
|
|
15
23
|
};
|
|
16
24
|
const useManager = () => {
|
|
17
25
|
const context = useContext(ManagerContext);
|
|
@@ -27,7 +27,7 @@ export declare const useFileUpload: <T>({ accept, onAccept, onFileRejected, maxS
|
|
|
27
27
|
openManager: () => void;
|
|
28
28
|
closeManager: () => void;
|
|
29
29
|
isManagerOpen: boolean;
|
|
30
|
-
files: FileUpload<
|
|
30
|
+
files: FileUpload<unknown>[];
|
|
31
31
|
duplicates: File[];
|
|
32
32
|
onClearFiles: () => void;
|
|
33
33
|
};
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { ManagerProps } from '../components';
|
|
3
|
-
interface ManagerContextProps {
|
|
2
|
+
import { FileUpload, ManagerProps } from '../components';
|
|
3
|
+
interface ManagerContextProps<T> {
|
|
4
4
|
showManager: (props: ManagerProps<unknown>) => void;
|
|
5
|
+
files: FileUpload<T>[];
|
|
6
|
+
setFiles: React.Dispatch<React.SetStateAction<FileUpload<unknown>[]>>;
|
|
7
|
+
isOpen: boolean;
|
|
8
|
+
setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
|
5
9
|
}
|
|
6
10
|
export declare const ManagerProvider: ({ children }: {
|
|
7
11
|
children: ReactNode;
|
|
8
12
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare const useManager: () => ManagerContextProps
|
|
13
|
+
export declare const useManager: () => ManagerContextProps<unknown>;
|
|
10
14
|
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.11",
|
|
4
4
|
"description": "React components based in @tecsinapse/cortex-core",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/esm/index.js",
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"react-icons": ">=5.2.0",
|
|
49
49
|
"tailwind": ">=3.3.0"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "eaf3ff909acf671349c31b4b9f2e070cf07d0f0e"
|
|
52
52
|
}
|