@siamf/upload 1.0.0 → 1.0.1

package/dist/cjs/components/image/MultiImageUpload.js

@@ -0,0 +1,162 @@
+"use strict";
+"use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const typings_1 = require("./typings");
+//Utils
+const utils_1 = require("../utils/utils");
+const DEFAULT_INDEX = -1;
+const MultiImageUpload = ({ inputProps, acceptType, maxFileSize, resolutionWidth, resolutionHeight, resolutionType = "absolute", children, onChange, value, onError, maxNumber = 10 }) => {
+    //Validations
+    //@ts-ignore
+    if (Array.isArray(acceptType) && acceptType.includes(typings_1.ImageAcceptType.ALL)) {
+        throw new Error("Invalid accept type: FileAccept.All cannot be included in an array.");
+    }
+    //Ref
+    const inputRef = (0, react_1.useRef)(null);
+    //State
+    const [isDragging, setIsDragging] = (0, react_1.useState)(false);
+    const [indexKey, setIndexKey] = (0, react_1.useState)(DEFAULT_INDEX);
+    const [errors, setErrors] = (0, react_1.useState)({ acceptType: false, maxFileSize: false, resolution: false, maxNumber: false });
+    //Handle The File Change
+    const handleChange = (files) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!files)
+            return;
+        if (files.length === 0)
+            return;
+        var changeFiles = [];
+        let newErrors = {
+            acceptType: false,
+            maxFileSize: false,
+            resolution: false,
+            maxNumber: false,
+        };
+        if (files.length > maxNumber)
+            newErrors.maxNumber = true;
+        for (let i = 0; i < files.length; i++) {
+            const file = files[i];
+            const uploadSize = Number((file.size / 1024 * 1024).toFixed(2));
+            //Accept Type Error
+            if (!(0, utils_1.getImageAccepts)(acceptType).includes(file.type))
+                newErrors.acceptType = true;
+            //Max File Size Error
+            if (maxFileSize && (uploadSize > maxFileSize))
+                newErrors.maxFileSize = true;
+            //Resolution Check
+            const image = yield (0, utils_1.getImage)(file);
+            const checkRes = (0, utils_1.isResolutionValid)(image, resolutionType, resolutionWidth, resolutionHeight);
+            if (!checkRes)
+                newErrors.resolution = true;
+            const dataUrl = yield (0, utils_1.getBase64)(file);
+            //Get Files Ready
+            changeFiles.push({
+                file: file,
+                dataURL: dataUrl,
+            });
+        }
+        setErrors(newErrors);
+        if (newErrors.acceptType || newErrors.maxFileSize || newErrors.maxNumber || newErrors.resolution) {
+            onError === null || onError === void 0 ? void 0 : onError(newErrors);
+            return;
+        }
+        if (indexKey > DEFAULT_INDEX) {
+            onChange(value.map((a, i) => {
+                if (i === indexKey) {
+                    return changeFiles[0];
+                }
+                return a;
+            }));
+        }
+        else {
+            onChange(changeFiles);
+        }
+    });
+    //On File Remove ALl
+    const onImageRemoveAll = () => {
+        onChange([]);
+    };
+    //On File Remove Index
+    const onImageRemove = (index) => {
+        onChange(value.filter((_, i) => i !== index));
+    };
+    //Handle File Upload
+    const onImageUpdate = (index) => {
+        setIndexKey(index);
+    };
+    //In Component Method
+    const onInputChange = (e) => __awaiter(void 0, void 0, void 0, function* () {
+        yield handleChange(e.target.files);
+        indexKey > DEFAULT_INDEX && setIndexKey(DEFAULT_INDEX);
+        if (inputRef.current)
+            inputRef.current.value = '';
+    });
+    const handleClickInput = (0, react_1.useCallback)(() => (0, utils_1.openFileDialog)(inputRef), [
+        inputRef,
+    ]);
+    const onImageUpload = (0, react_1.useCallback)(() => {
+        setIndexKey(DEFAULT_INDEX);
+        handleClickInput();
+    }, [handleClickInput]);
+    const handleDrag = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    };
+    const handleDragIn = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
+            setIsDragging(true);
+        }
+    };
+    const handleDragOut = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+            handleChange(e.dataTransfer.files);
+        }
+    };
+    const handleDragStart = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        e.dataTransfer.clearData();
+    };
+    (0, react_1.useEffect)(() => {
+        if (indexKey > DEFAULT_INDEX) {
+            handleClickInput();
+        }
+    }, [indexKey]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ type: "file", style: { display: "none" }, accept: (0, utils_1.getImageAccepts)(acceptType).join(","), multiple: indexKey === DEFAULT_INDEX, onChange: onInputChange, ref: inputRef }, inputProps)), children === null || children === void 0 ? void 0 : children({
+                onImageUpload,
+                onImageRemove,
+                onImageUpdate,
+                onImageRemoveAll,
+                dragProps: {
+                    onDrop: handleDrop,
+                    onDragEnter: handleDragIn,
+                    onDragLeave: handleDragOut,
+                    onDragOver: handleDrag,
+                    onDragStart: handleDragStart
+                },
+                isDragging,
+                errors,
+                imageInfo: value
+            })] }));
+};
+exports.default = MultiImageUpload;
+//# sourceMappingURL=MultiImageUpload.js.map

package/dist/cjs/components/image/MultiImageUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiImageUpload.js","sourceRoot":"","sources":["../../../../src/components/image/MultiImageUpload.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/image/typings.d.ts

@@ -0,0 +1,73 @@
+import { DragEvent } from "react";
+export type ImageType = {
+    file?: File;
+    dataURL?: string;
+} | null;
+type TExportTypes = {
+    dragProps: {
+        onDrop: (e: DragEvent<HTMLDivElement>) => void;
+        onDragEnter: (e: DragEvent<HTMLDivElement>) => void;
+        onDragLeave: (e: DragEvent<HTMLDivElement>) => void;
+        onDragOver: (e: DragEvent<HTMLDivElement>) => void;
+        onDragStart: (e: DragEvent<HTMLDivElement>) => void;
+    };
+    isDragging: boolean;
+    onImageUpload: () => void;
+};
+type TPropsTypes = {
+    inputProps?: React.HTMLProps<HTMLInputElement>;
+    acceptType?: ImageAcceptType | Exclude<ImageAcceptType, ImageAcceptType.ALL>[];
+    maxFileSize?: number;
+    resolutionWidth?: number;
+    resolutionHeight?: number;
+    resolutionType?: ResolutionType;
+};
+export declare enum ImageAcceptType {
+    ALL = "all",
+    SVG = "image/svg+xml",
+    PNG = "image/png",
+    JPEG = "image/jpeg",
+    GIF = "image/gif",
+    BMP = "image/bmp",
+    WEBP = "image/webp",
+    TIFF = "image/tiff",
+    ICO = "image/x-icon",
+    HEIC = "image/heic",
+    HEIF = "image/heif"
+}
+export type ImageErrorTypes = {
+    maxFileSize: boolean;
+    acceptType: boolean;
+    resolution: boolean;
+};
+export interface ImageExportTypes extends TExportTypes {
+    imageInfo: ImageType;
+    errors: ImageErrorTypes;
+    onImageRemove: () => void;
+}
+export interface ImagePropsTypes extends TPropsTypes {
+    children: (props: ImageExportTypes) => React.ReactNode;
+    onChange: (value: ImageType) => void;
+    value: ImageType;
+    onError?: (errors: ImageErrorTypes) => void;
+}
+export type MultiImageType = ImageType[];
+export interface MultiImageErrorTypes extends ImageErrorTypes {
+    maxNumber: boolean;
+}
+export interface MultiImageExportTypes extends TExportTypes {
+    imageInfo: MultiImageType;
+    errors: MultiImageErrorTypes;
+    onImageRemove: (index: number) => void;
+    onImageUpdate: (index: number) => void;
+    onImageRemoveAll: () => void;
+}
+export interface MultiImagePropsTypes extends TPropsTypes {
+    children: (props: MultiImageExportTypes) => React.ReactNode;
+    onChange: (value: MultiImageType) => void;
+    value: MultiImageType;
+    onError?: (errors: MultiImageErrorTypes) => void;
+    maxNumber?: number;
+}
+export type ResolutionType = "absolute" | "less" | "more" | "ratio";
+export {};

package/dist/cjs/components/image/typings.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageAcceptType = void 0;
+var ImageAcceptType;
+(function (ImageAcceptType) {
+    ImageAcceptType["ALL"] = "all";
+    ImageAcceptType["SVG"] = "image/svg+xml";
+    ImageAcceptType["PNG"] = "image/png";
+    ImageAcceptType["JPEG"] = "image/jpeg";
+    ImageAcceptType["GIF"] = "image/gif";
+    ImageAcceptType["BMP"] = "image/bmp";
+    ImageAcceptType["WEBP"] = "image/webp";
+    ImageAcceptType["TIFF"] = "image/tiff";
+    ImageAcceptType["ICO"] = "image/x-icon";
+    ImageAcceptType["HEIC"] = "image/heic";
+    ImageAcceptType["HEIF"] = "image/heif";
+})(ImageAcceptType || (exports.ImageAcceptType = ImageAcceptType = {}));
+//# sourceMappingURL=typings.js.map

package/dist/cjs/components/image/typings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typings.js","sourceRoot":"","sources":["../../../../src/components/image/typings.ts"],"names":[],"mappings":";;;AA6BA,IAAY,eAYX;AAZD,WAAY,eAAe;IACvB,8BAAW,CAAA;IACX,wCAAqB,CAAA;IACrB,oCAAiB,CAAA;IACjB,sCAAmB,CAAA;IACnB,oCAAiB,CAAA;IACjB,oCAAiB,CAAA;IACjB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;IACnB,uCAAoB,CAAA;IACpB,sCAAmB,CAAA;IACnB,sCAAmB,CAAA;AACvB,CAAC,EAZW,eAAe,+BAAf,eAAe,QAY1B"}

package/dist/cjs/components/utils/utils.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FileAcceptType } from "../file/typings";
+import { ImageAcceptType, ResolutionType } from "../image/typings";
+export declare const openFileDialog: (inputRef: React.RefObject<HTMLInputElement | null>) => void;
+export declare const getFileAccepts: (acceptType?: FileAcceptType | Exclude<FileAcceptType, FileAcceptType.ALL>[]) => string[];
+export declare const getImageAccepts: (acceptType?: ImageAcceptType | Exclude<ImageAcceptType, ImageAcceptType.ALL>[]) => string[];
+export declare const getImage: (file: File) => Promise<HTMLImageElement>;
+export declare const getBase64: (file: File) => Promise<string>;
+export declare const isResolutionValid: (image: HTMLImageElement, resolutionType: ResolutionType, resolutionWidth: number | undefined, resolutionHeight: number | undefined) => boolean;

package/dist/cjs/components/utils/utils.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isResolutionValid = exports.getBase64 = exports.getImage = exports.getImageAccepts = exports.getFileAccepts = exports.openFileDialog = void 0;
+const typings_1 = require("../file/typings");
+const typings_2 = require("../image/typings");
+const openFileDialog = (inputRef) => {
+    if (inputRef.current)
+        inputRef.current.click();
+};
+exports.openFileDialog = openFileDialog;
+const getFileAccepts = (acceptType) => {
+    if (!acceptType || acceptType === typings_1.FileAcceptType.ALL) {
+        const defaultArray = Object.values(typings_1.FileAcceptType).filter(value => value !== typings_1.FileAcceptType.ALL);
+        return defaultArray;
+    }
+    else {
+        return acceptType;
+    }
+};
+exports.getFileAccepts = getFileAccepts;
+const getImageAccepts = (acceptType) => {
+    if (!acceptType || acceptType === typings_2.ImageAcceptType.ALL) {
+        const defaultArray = Object.values(typings_2.ImageAcceptType).filter(value => value !== typings_2.ImageAcceptType.ALL);
+        return defaultArray;
+    }
+    else {
+        return acceptType;
+    }
+};
+exports.getImageAccepts = getImageAccepts;
+const getImage = (file) => {
+    const image = new Image();
+    return new Promise((resolve) => {
+        image.addEventListener('load', () => resolve(image));
+        image.src = URL.createObjectURL(file);
+    });
+};
+exports.getImage = getImage;
+const getBase64 = (file) => {
+    const reader = new FileReader();
+    return new Promise((resolve) => {
+        reader.addEventListener('load', () => resolve(String(reader.result)));
+        reader.readAsDataURL(file);
+    });
+};
+exports.getBase64 = getBase64;
+const isResolutionValid = (image, resolutionType, resolutionWidth, resolutionHeight) => {
+    if (!resolutionWidth || !resolutionHeight || !image.width || !image.height)
+        return true;
+    switch (resolutionType) {
+        case 'absolute': {
+            if (image.width === resolutionWidth && image.height === resolutionHeight)
+                return true;
+            break;
+        }
+        case 'ratio': {
+            const ratio = resolutionWidth / resolutionHeight;
+            if (image.width / image.height === ratio)
+                return true;
+            break;
+        }
+        case 'less': {
+            if (image.width <= resolutionWidth && image.height <= resolutionHeight)
+                return true;
+            break;
+        }
+        case 'more': {
+            if (image.width >= resolutionWidth && image.height >= resolutionHeight)
+                return true;
+            break;
+        }
+        default:
+            break;
+    }
+    return false;
+};
+exports.isResolutionValid = isResolutionValid;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/utils/utils.ts"],"names":[],"mappings":"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"}

package/dist/cjs/index.d.ts

@@ -0,0 +1,8 @@
+export { default as FileUpload } from "./components/file/FileUpload";
+export { default as MultiFileUpload } from "./components/file/MultiFileUpload";
+export { FileAcceptType } from "./components/file/typings";
+export type { FileType, MultiFileType, FileErrorTypes, MultiFileErrorTypes } from "./components/file/typings";
+export { default as ImageUpload } from "./components/image/ImageUpload";
+export { default as MultiImageUpload } from "./components/image/MultiImageUpload";
+export { ImageAcceptType } from "./components/image/typings";
+export type { ImageType, MultiImageType, ImageErrorTypes, MultiImageErrorTypes } from "./components/image/typings";

package/dist/cjs/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageAcceptType = exports.MultiImageUpload = exports.ImageUpload = exports.FileAcceptType = exports.MultiFileUpload = exports.FileUpload = void 0;
+//Files
+var FileUpload_1 = require("./components/file/FileUpload");
+Object.defineProperty(exports, "FileUpload", { enumerable: true, get: function () { return __importDefault(FileUpload_1).default; } });
+var MultiFileUpload_1 = require("./components/file/MultiFileUpload");
+Object.defineProperty(exports, "MultiFileUpload", { enumerable: true, get: function () { return __importDefault(MultiFileUpload_1).default; } });
+var typings_1 = require("./components/file/typings");
+Object.defineProperty(exports, "FileAcceptType", { enumerable: true, get: function () { return typings_1.FileAcceptType; } });
+//Image
+var ImageUpload_1 = require("./components/image/ImageUpload");
+Object.defineProperty(exports, "ImageUpload", { enumerable: true, get: function () { return __importDefault(ImageUpload_1).default; } });
+var MultiImageUpload_1 = require("./components/image/MultiImageUpload");
+Object.defineProperty(exports, "MultiImageUpload", { enumerable: true, get: function () { return __importDefault(MultiImageUpload_1).default; } });
+var typings_2 = require("./components/image/typings");
+Object.defineProperty(exports, "ImageAcceptType", { enumerable: true, get: function () { return typings_2.ImageAcceptType; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO;AACP,2DAAqE;AAA5D,yHAAA,OAAO,OAAc;AAC9B,qEAA+E;AAAtE,mIAAA,OAAO,OAAmB;AACnC,qDAA2D;AAAlD,yGAAA,cAAc,OAAA;AAGvB,OAAO;AACP,8DAAwE;AAA/D,2HAAA,OAAO,OAAe;AAC/B,wEAAkF;AAAzE,qIAAA,OAAO,OAAoB;AACpC,sDAA6D;AAApD,0GAAA,eAAe,OAAA"}

package/dist/esm/components/file/FileUpload.d.ts

@@ -0,0 +1,3 @@
+import { FilePropsTypes } from "./typings";
+declare const FileUpload: ({ children, onChange, value, onError, inputProps, acceptType, maxFileSize }: FilePropsTypes) => import("react/jsx-runtime").JSX.Element;
+export default FileUpload;

package/dist/esm/components/file/FileUpload.js

@@ -0,0 +1,118 @@
+"use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useCallback } from "react";
+import { FileAcceptType } from "./typings";
+//Utils
+import { openFileDialog, getFileAccepts } from "../utils/utils";
+const FileUpload = ({ children, onChange, value, onError, inputProps, acceptType, maxFileSize }) => {
+    //Validations
+    //@ts-ignore
+    if (Array.isArray(acceptType) && acceptType.includes(FileAcceptType.ALL)) {
+        throw new Error("Invalid accept type: FileAcceptType.All cannot be included in an array.");
+    }
+    //Ref
+    const inputRef = useRef(null);
+    //State
+    const [isDragging, setIsDragging] = useState(false);
+    const [errors, setErrors] = useState({ acceptType: false, maxFileSize: false });
+    //Handle Change
+    const handleChange = (files) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!files)
+            return null;
+        const file = files[0];
+        if (!file)
+            return null;
+        //Default
+        const newErrors = {
+            acceptType: false,
+            maxFileSize: false,
+        };
+        const uploadSize = Number((file.size / 1024 * 1024).toFixed(2));
+        if (maxFileSize && uploadSize > maxFileSize)
+            newErrors.maxFileSize = true;
+        if (!getFileAccepts(acceptType).includes(file.type))
+            newErrors.acceptType = true;
+        setErrors(newErrors);
+        if (newErrors.acceptType || newErrors.maxFileSize) {
+            onError === null || onError === void 0 ? void 0 : onError(newErrors);
+            return;
+        }
+        onChange({
+            file: file, fileInfo: {
+                name: file.name.split(".")[0],
+                size: uploadSize,
+                type: file.type,
+            }
+        });
+    });
+    //On File Remove
+    const onFileRemove = () => {
+        onChange(null);
+    };
+    //In Component Handler
+    const onInputChange = (e) => __awaiter(void 0, void 0, void 0, function* () {
+        yield handleChange(e.target.files);
+        if (inputRef.current)
+            inputRef.current.value = '';
+    });
+    const handleClickInput = useCallback(() => openFileDialog(inputRef), [
+        inputRef,
+    ]);
+    const onFileUpload = useCallback(() => {
+        handleClickInput();
+    }, [handleClickInput]);
+    const handleDrag = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    };
+    const handleDragIn = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
+            setIsDragging(true);
+        }
+    };
+    const handleDragOut = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+            handleChange(e.dataTransfer.files);
+        }
+    };
+    const handleDragStart = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        e.dataTransfer.clearData();
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("input", Object.assign({ type: "file", style: { display: "none" }, accept: getFileAccepts(acceptType).join(","), multiple: false, onChange: onInputChange, ref: inputRef }, inputProps)), children === null || children === void 0 ? void 0 : children({
+                onFileUpload,
+                onFileRemove: onFileRemove,
+                dragProps: {
+                    onDrop: handleDrop,
+                    onDragEnter: handleDragIn,
+                    onDragLeave: handleDragOut,
+                    onDragOver: handleDrag,
+                    onDragStart: handleDragStart
+                },
+                isDragging,
+                errors,
+                fileInfo: value
+            })] }));
+};
+export default FileUpload;
+//# sourceMappingURL=FileUpload.js.map

package/dist/esm/components/file/FileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../../src/components/file/FileUpload.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/file/MultiFileUpload.d.ts

@@ -0,0 +1,4 @@
+import { MultiFilePropsTypes } from "./typings";
+export declare const DEFAULT_INDEX = -1;
+declare const MultiFileUpload: ({ children, onChange, value, onError, inputProps, acceptType, maxFileSize, maxNumber }: MultiFilePropsTypes) => import("react/jsx-runtime").JSX.Element;
+export default MultiFileUpload;