@siamf/upload 1.0.0 → 1.2.0

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

@@ -0,0 +1,157 @@
+"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, useEffect } from "react";
+import { FileAcceptType } from "./typings";
+//Utils
+import { openFileDialog, getFileAccepts } from "../utils/utils";
+export const DEFAULT_INDEX = -1;
+const MultiFileUpload = ({ children, onChange, value, onError, inputProps, acceptType, maxFileSize, maxNumber = 10 }) => {
+    //Validations
+    //@ts-ignore
+    if (Array.isArray(acceptType) && acceptType.includes(FileAcceptType.ALL)) {
+        throw new Error("Invalid accept type: FileAccept.All cannot be included in an array.");
+    }
+    //Ref
+    const inputRef = useRef(null);
+    //State
+    const [isDragging, setIsDragging] = useState(false);
+    const [indexKey, setIndexKey] = useState(DEFAULT_INDEX);
+    const [errors, setErrors] = useState({ acceptType: false, maxFileSize: false, maxNumber: false });
+    //Handle File
+    const handleFile = (file) => ({
+        file,
+        fileInfo: {
+            name: file.name.split(".")[0] || file.name,
+            size: Number((file.size / 1024 * 1024).toFixed(2)),
+            type: file.type,
+        }
+    });
+    //Handle The File Change
+    const handleChange = (files) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!files)
+            return;
+        var changeFiles = [];
+        let newErrors = {
+            acceptType: false,
+            maxFileSize: 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 (!getFileAccepts(acceptType).includes(file.type))
+                newErrors.acceptType = true;
+            //Max File Size Error
+            if (maxFileSize && (uploadSize > maxFileSize))
+                newErrors.maxFileSize = true;
+            //Get Files Ready
+            changeFiles.push(handleFile(file));
+        }
+        setErrors(newErrors);
+        if (newErrors.acceptType || newErrors.maxFileSize || newErrors.maxNumber) {
+            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 onFileRemoveAll = () => {
+        onChange([]);
+    };
+    //On File Remove Index
+    const onFileRemove = (index) => {
+        onChange(value.filter((_, i) => i !== index));
+    };
+    //Handle File Upload
+    const onFileUpdate = (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 = useCallback(() => openFileDialog(inputRef), [
+        inputRef,
+    ]);
+    const onFileUpload = 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();
+    };
+    useEffect(() => {
+        if (indexKey > DEFAULT_INDEX) {
+            handleClickInput();
+        }
+    }, [indexKey]);
+    return (_jsxs(_Fragment, { children: [_jsx("input", Object.assign({ type: "file", style: { display: "none" }, accept: getFileAccepts(acceptType).join(","), multiple: indexKey === DEFAULT_INDEX, onChange: onInputChange, ref: inputRef }, inputProps)), children === null || children === void 0 ? void 0 : children({
+                onFileUpload,
+                onFileRemove,
+                onFileUpdate,
+                onFileRemoveAll: onFileRemoveAll,
+                dragProps: {
+                    onDrop: handleDrop,
+                    onDragEnter: handleDragIn,
+                    onDragLeave: handleDragOut,
+                    onDragOver: handleDrag,
+                    onDragStart: handleDragStart
+                },
+                isDragging,
+                errors,
+                fileInfo: value
+            })] }));
+};
+export default MultiFileUpload;
+//# sourceMappingURL=MultiFileUpload.js.map

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

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

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

@@ -0,0 +1,103 @@
+import { DragEvent } from "react";
+export type FileType = {
+    file: File;
+    fileInfo: {
+        name: string;
+        size: number;
+        type: 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;
+    onFileUpload: () => void;
+};
+type TPropsTypes = {
+    inputProps?: React.HTMLProps<HTMLInputElement>;
+    acceptType?: FileAcceptType | Exclude<FileAcceptType, FileAcceptType.ALL>[];
+    maxFileSize?: number;
+};
+export declare enum FileAcceptType {
+    ALL = "all",
+    PDF = "application/pdf",
+    DOC = "application/msword",
+    DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    PPT = "application/vnd.ms-powerpoint",
+    PPTX = "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    XLS = "application/vnd.ms-excel",
+    XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    ODT = "application/vnd.oasis.opendocument.text",
+    ODS = "application/vnd.oasis.opendocument.spreadsheet",
+    ODP = "application/vnd.oasis.opendocument.presentation",
+    RTF = "application/rtf",
+    EPUB = "application/epub+zip",
+    CSV = "text/csv",
+    TEXT = "text/plain",
+    MARKDOWN = "text/markdown",
+    HTML = "text/html",
+    XML = "application/xml",
+    JSON = "application/json",
+    YAML = "application/yaml",
+    TSV = "text/tab-separated-values",
+    ZIP = "application/zip",
+    RAR = "application/vnd.rar",
+    TAR = "application/x-tar",
+    GZIP = "application/gzip",
+    SEVENZ = "application/x-7z-compressed",
+    MP3 = "audio/mpeg",
+    WAV = "audio/wav",
+    OGG = "audio/ogg",
+    AAC = "audio/aac",
+    FLAC = "audio/flac",
+    MP4 = "video/mp4",
+    AVI = "video/x-msvideo",
+    MOV = "video/quicktime",
+    WEBM = "video/webm",
+    MKV = "video/x-matroska",
+    WOFF = "font/woff",
+    WOFF2 = "font/woff2",
+    TTF = "font/ttf",
+    OTF = "font/otf",
+    EXE = "application/vnd.microsoft.portable-executable",
+    DMG = "application/x-apple-diskimage"
+}
+export type FileErrorTypes = {
+    maxFileSize: boolean;
+    acceptType: boolean;
+};
+export interface FileExportTypes extends TExportTypes {
+    fileInfo: FileType;
+    errors: FileErrorTypes;
+    onFileRemove: () => void;
+}
+export interface FilePropsTypes extends TPropsTypes {
+    children: (props: FileExportTypes) => React.ReactNode;
+    onChange: (value: FileType) => void;
+    value: FileType;
+    onError?: (errors: FileErrorTypes) => void;
+}
+export type MultiFileType = FileType[];
+export interface MultiFileErrorTypes extends FileErrorTypes {
+    maxNumber: boolean;
+}
+export interface MultiFileExportTypes extends TExportTypes {
+    fileInfo: MultiFileType;
+    errors: MultiFileErrorTypes;
+    onFileRemove: (index: number) => void;
+    onFileUpdate: (index: number) => void;
+    onFileRemoveAll: () => void;
+}
+export interface MultiFilePropsTypes extends TPropsTypes {
+    children: (props: MultiFileExportTypes) => React.ReactNode;
+    onChange: (value: MultiFileType) => void;
+    value: MultiFileType;
+    onError?: (errors: MultiFileErrorTypes) => void;
+    maxNumber?: number;
+}
+export {};

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

@@ -0,0 +1,54 @@
+export var FileAcceptType;
+(function (FileAcceptType) {
+    // Special type
+    FileAcceptType["ALL"] = "all";
+    // Documents
+    FileAcceptType["PDF"] = "application/pdf";
+    FileAcceptType["DOC"] = "application/msword";
+    FileAcceptType["DOCX"] = "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+    FileAcceptType["PPT"] = "application/vnd.ms-powerpoint";
+    FileAcceptType["PPTX"] = "application/vnd.openxmlformats-officedocument.presentationml.presentation";
+    FileAcceptType["XLS"] = "application/vnd.ms-excel";
+    FileAcceptType["XLSX"] = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+    FileAcceptType["ODT"] = "application/vnd.oasis.opendocument.text";
+    FileAcceptType["ODS"] = "application/vnd.oasis.opendocument.spreadsheet";
+    FileAcceptType["ODP"] = "application/vnd.oasis.opendocument.presentation";
+    FileAcceptType["RTF"] = "application/rtf";
+    FileAcceptType["EPUB"] = "application/epub+zip";
+    // Text-based formats
+    FileAcceptType["CSV"] = "text/csv";
+    FileAcceptType["TEXT"] = "text/plain";
+    FileAcceptType["MARKDOWN"] = "text/markdown";
+    FileAcceptType["HTML"] = "text/html";
+    FileAcceptType["XML"] = "application/xml";
+    FileAcceptType["JSON"] = "application/json";
+    FileAcceptType["YAML"] = "application/yaml";
+    FileAcceptType["TSV"] = "text/tab-separated-values";
+    // Archives
+    FileAcceptType["ZIP"] = "application/zip";
+    FileAcceptType["RAR"] = "application/vnd.rar";
+    FileAcceptType["TAR"] = "application/x-tar";
+    FileAcceptType["GZIP"] = "application/gzip";
+    FileAcceptType["SEVENZ"] = "application/x-7z-compressed";
+    // Audio
+    FileAcceptType["MP3"] = "audio/mpeg";
+    FileAcceptType["WAV"] = "audio/wav";
+    FileAcceptType["OGG"] = "audio/ogg";
+    FileAcceptType["AAC"] = "audio/aac";
+    FileAcceptType["FLAC"] = "audio/flac";
+    // Video
+    FileAcceptType["MP4"] = "video/mp4";
+    FileAcceptType["AVI"] = "video/x-msvideo";
+    FileAcceptType["MOV"] = "video/quicktime";
+    FileAcceptType["WEBM"] = "video/webm";
+    FileAcceptType["MKV"] = "video/x-matroska";
+    // Fonts
+    FileAcceptType["WOFF"] = "font/woff";
+    FileAcceptType["WOFF2"] = "font/woff2";
+    FileAcceptType["TTF"] = "font/ttf";
+    FileAcceptType["OTF"] = "font/otf";
+    // Executables
+    FileAcceptType["EXE"] = "application/vnd.microsoft.portable-executable";
+    FileAcceptType["DMG"] = "application/x-apple-diskimage";
+})(FileAcceptType || (FileAcceptType = {}));
+//# sourceMappingURL=typings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typings.js","sourceRoot":"","sources":["../../../../src/components/file/typings.ts"],"names":[],"mappings":"AA6BA,MAAM,CAAN,IAAY,cA0DX;AA1DD,WAAY,cAAc;IACtB,eAAe;IACf,6BAAW,CAAA;IAEX,YAAY;IACZ,yCAAuB,CAAA;IACvB,4CAA0B,CAAA;IAC1B,kGAAgF,CAAA;IAChF,uDAAqC,CAAA;IACrC,oGAAkF,CAAA;IAClF,kDAAgC,CAAA;IAChC,4FAA0E,CAAA;IAC1E,iEAA+C,CAAA;IAC/C,wEAAsD,CAAA;IACtD,yEAAuD,CAAA;IACvD,yCAAuB,CAAA;IACvB,+CAA6B,CAAA;IAE7B,qBAAqB;IACrB,kCAAgB,CAAA;IAChB,qCAAmB,CAAA;IACnB,4CAA0B,CAAA;IAC1B,oCAAkB,CAAA;IAClB,yCAAuB,CAAA;IACvB,2CAAyB,CAAA;IACzB,2CAAyB,CAAA;IACzB,mDAAiC,CAAA;IAEjC,WAAW;IACX,yCAAuB,CAAA;IACvB,6CAA2B,CAAA;IAC3B,2CAAyB,CAAA;IACzB,2CAAyB,CAAA;IACzB,wDAAsC,CAAA;IAEtC,QAAQ;IACR,oCAAkB,CAAA;IAClB,mCAAiB,CAAA;IACjB,mCAAiB,CAAA;IACjB,mCAAiB,CAAA;IACjB,qCAAmB,CAAA;IAEnB,QAAQ;IACR,mCAAiB,CAAA;IACjB,yCAAuB,CAAA;IACvB,yCAAuB,CAAA;IACvB,qCAAmB,CAAA;IACnB,0CAAwB,CAAA;IAExB,QAAQ;IACR,oCAAkB,CAAA;IAClB,sCAAoB,CAAA;IACpB,kCAAgB,CAAA;IAChB,kCAAgB,CAAA;IAEhB,cAAc;IACd,uEAAqD,CAAA;IACrD,uDAAqC,CAAA;AACzC,CAAC,EA1DW,cAAc,KAAd,cAAc,QA0DzB"}

package/dist/esm/components/image/ImageUpload.d.ts

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

package/dist/esm/components/image/ImageUpload.js

@@ -0,0 +1,124 @@
+"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 { ImageAcceptType } from "./typings";
+//Utils
+import { openFileDialog, getImageAccepts, getBase64, getImage, isResolutionValid } from "../utils/utils";
+const ImageUpload = ({ inputProps, acceptType, maxFileSize, resolutionWidth, resolutionHeight, resolutionType = "absolute", children, onChange, value, onError }) => {
+    //Validations
+    //@ts-ignore
+    if (Array.isArray(acceptType) && acceptType.includes(ImageAcceptType.ALL)) {
+        throw new Error("Invalid accept type: ImageAcceptType.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, resolution: 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,
+            resolution: false,
+        };
+        const uploadSize = Number((file.size / 1024 * 1024).toFixed(2));
+        //Max File Size Check
+        if (maxFileSize && uploadSize > maxFileSize)
+            newErrors.maxFileSize = true;
+        //Accept Type Check
+        if (!getImageAccepts(acceptType).includes(file.type))
+            newErrors.acceptType = true;
+        //Resolution Check
+        const image = yield getImage(file);
+        const checkRes = isResolutionValid(image, resolutionType, resolutionWidth, resolutionHeight);
+        if (!checkRes)
+            newErrors.resolution = true;
+        setErrors(newErrors);
+        if (newErrors.acceptType || newErrors.maxFileSize || newErrors.resolution) {
+            onError === null || onError === void 0 ? void 0 : onError(newErrors);
+            return;
+        }
+        const dataUrl = yield getBase64(file);
+        onChange({
+            file: file,
+            dataURL: dataUrl,
+        });
+    });
+    //On Image Remove
+    const onImageRemove = () => {
+        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 onImageUpload = 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: getImageAccepts(acceptType).join(","), multiple: false, onChange: onInputChange, ref: inputRef }, inputProps)), children === null || children === void 0 ? void 0 : children({
+                onImageUpload,
+                onImageRemove: onImageRemove,
+                dragProps: {
+                    onDrop: handleDrop,
+                    onDragEnter: handleDragIn,
+                    onDragLeave: handleDragOut,
+                    onDragOver: handleDrag,
+                    onDragStart: handleDragStart
+                },
+                isDragging,
+                errors,
+                imageInfo: value,
+            })] }));
+};
+export default ImageUpload;
+//# sourceMappingURL=ImageUpload.js.map

package/dist/esm/components/image/ImageUpload.js.map

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

package/dist/esm/components/image/MultiImageUpload.d.ts

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

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

@@ -0,0 +1,160 @@
+"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, useEffect } from "react";
+import { ImageAcceptType } from "./typings";
+//Utils
+import { openFileDialog, getImageAccepts, getBase64, getImage, isResolutionValid } from "../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(ImageAcceptType.ALL)) {
+        throw new Error("Invalid accept type: FileAccept.All cannot be included in an array.");
+    }
+    //Ref
+    const inputRef = useRef(null);
+    //State
+    const [isDragging, setIsDragging] = useState(false);
+    const [indexKey, setIndexKey] = useState(DEFAULT_INDEX);
+    const [errors, setErrors] = 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 (!getImageAccepts(acceptType).includes(file.type))
+                newErrors.acceptType = true;
+            //Max File Size Error
+            if (maxFileSize && (uploadSize > maxFileSize))
+                newErrors.maxFileSize = true;
+            //Resolution Check
+            const image = yield getImage(file);
+            const checkRes = isResolutionValid(image, resolutionType, resolutionWidth, resolutionHeight);
+            if (!checkRes)
+                newErrors.resolution = true;
+            const dataUrl = yield 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 = useCallback(() => openFileDialog(inputRef), [
+        inputRef,
+    ]);
+    const onImageUpload = 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();
+    };
+    useEffect(() => {
+        if (indexKey > DEFAULT_INDEX) {
+            handleClickInput();
+        }
+    }, [indexKey]);
+    return (_jsxs(_Fragment, { children: [_jsx("input", Object.assign({ type: "file", style: { display: "none" }, accept: 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
+            })] }));
+};
+export default MultiImageUpload;
+//# sourceMappingURL=MultiImageUpload.js.map

package/dist/esm/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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"}