1 | "use strict";
|
2 | Object.defineProperty(exports, "__esModule", { value: true });
|
3 | exports.MultipleFileUpload = exports.MultipleFileUploadContext = void 0;
|
4 | const tslib_1 = require("tslib");
|
5 | const React = tslib_1.__importStar(require("react"));
|
6 | const react_dropzone_1 = tslib_1.__importDefault(require("react-dropzone"));
|
7 | const multiple_file_upload_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/MultipleFileUpload/multiple-file-upload"));
|
8 | const react_styles_1 = require("@patternfly/react-styles");
|
9 | exports.MultipleFileUploadContext = React.createContext({
|
10 | open: () => { }
|
11 | });
|
12 | const MultipleFileUpload = (_a) => {
|
13 | var { className, children, dropzoneProps = {}, isHorizontal, onFileDrop = () => { } } = _a, props = tslib_1.__rest(_a, ["className", "children", "dropzoneProps", "isHorizontal", "onFileDrop"]);
|
14 | const onDropAccepted = (acceptedFiles, event) => {
|
15 | onFileDrop(acceptedFiles);
|
16 |
|
17 | dropzoneProps.onDropAccepted && dropzoneProps.onDropAccepted(acceptedFiles, event);
|
18 | };
|
19 | const onDropRejected = (rejectedFiles, event) => {
|
20 | dropzoneProps.onDropRejected && (dropzoneProps === null || dropzoneProps === void 0 ? void 0 : dropzoneProps.onDropRejected(rejectedFiles, event));
|
21 | };
|
22 | return (React.createElement(react_dropzone_1.default, Object.assign({ multiple: true }, dropzoneProps, { onDropAccepted: onDropAccepted, onDropRejected: onDropRejected }), ({ getRootProps, getInputProps, isDragActive, open }) => {
|
23 | const rootProps = getRootProps(Object.assign(Object.assign({}, props), { onClick: event => event.preventDefault()
|
24 | }));
|
25 | const inputProps = getInputProps();
|
26 | return (React.createElement(exports.MultipleFileUploadContext.Provider, { value: { open } },
|
27 | React.createElement("div", Object.assign({ className: react_styles_1.css(multiple_file_upload_1.default.multipleFileUpload, isDragActive && multiple_file_upload_1.default.modifiers.dragOver, isHorizontal && multiple_file_upload_1.default.modifiers.horizontal, className) }, rootProps, props),
|
28 | React.createElement("input", Object.assign({}, inputProps)),
|
29 | children)));
|
30 | }));
|
31 | };
|
32 | exports.MultipleFileUpload = MultipleFileUpload;
|
33 | exports.MultipleFileUpload.displayName = 'MultipleFileUpload';
|
34 |
|
\ | No newline at end of file |