@chayns-components/core 5.0.0-beta.780 → 5.0.0-beta.781

package/lib/cjs/components/file-input/FileInput.js

@@ -24,6 +24,7 @@ const FileInput = /*#__PURE__*/(0, _react.forwardRef)(({
   maxFiles,
   onRemove,
   files,
+  maxFileSizeInMB,
   onAdd,
   fileSelectionPlaceholder = 'Dateien hochladen',
   imageSelectPlaceholder
@@ -162,10 +163,11 @@ const FileInput = /*#__PURE__*/(0, _react.forwardRef)(({
     }
     const newFiles = await (0, _fileDialog.selectFiles)({
       multiple: true,
-      type: fileTypes
+      type: fileTypes,
+      maxFileSizeInMB
     });
     handleAddFiles(newFiles);
-  }, [fileTypes, handleAddFiles, isDisabled]);
+  }, [fileTypes, handleAddFiles, isDisabled, maxFileSizeInMB]);
   const handleDrop = (0, _react.useCallback)(e => {
     e.preventDefault();
     const draggedFiles = Array.from(e.dataTransfer.files);

package/lib/cjs/components/file-input/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","names":["_chaynsApi","require","_framerMotion","_react","_interopRequireWildcard","_file","_fileDialog","_Icon","_interopRequireDefault","_List","_FileListItem","_FileInput","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FileInput","forwardRef","fileSelectionIcons","imageSelectIcons","fileTypes","onMaxFilesReached","maxFiles","onRemove","files","onAdd","fileSelectionPlaceholder","imageSelectPlaceholder","ref","internalFiles","setInternalFiles","useState","internalImages","setInternalImages","handleInputClear","useImperativeHandle","clear","handleAddImages","useCallback","images","newImages","forEach","image","filterDuplicateFileUrls","newFile","push","tmp","slice","length","prevState","handleAddFiles","newFiles","newFileItems","file","isValidFileType","types","filterDuplicateFile","handleDeleteFile","fileName","fileToDelete","filteredFiles","filter","name","filteredImages","url","isDisabled","useMemo","handleImageSelectionClick","buttonType","result","createDialog","dialogInput","upload","buttons","text","initialView","type","DialogType","MODULE","system","scope","module","open","handleFileSelectionClick","selectFiles","multiple","handleDrop","preventDefault","draggedFiles","Array","from","dataTransfer","content","combinedFiles","items","map","createElement","StyledMotionFileInputList","animate","height","opacity","exit","key","transition","duration","fileType","undefined","fileSize","size","uploadedFiles","cutFiles","splice","id","StyledFileInput","StyledFileInputWrapper","$isDisabled","StyledFileInputContainer","onClick","onDragOver","onDrop","icons","StyledFileInputText","$isImageSelection","AnimatePresence","initial","StyledUploadedFilesList","$shouldShowBorder","displayName","_default","exports"],"sources":["../../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\nimport { AnimatePresence } from 'framer-motion';\nimport React, {\n    DragEvent,\n    forwardRef,\n    ReactElement,\n    useCallback,\n    useImperativeHandle,\n    useMemo,\n    useState,\n} from 'react';\nimport type { FileInputFileItem, ImageDialogResult } from '../../types/fileInput';\nimport { filterDuplicateFile, filterDuplicateFileUrls, isValidFileType } from '../../utils/file';\nimport { selectFiles } from '../../utils/fileDialog';\nimport Icon from '../icon/Icon';\nimport List from '../list/List';\nimport FileListItem from './file-list/FileListItem';\nimport {\n    StyledFileInput,\n    StyledFileInputContainer,\n    StyledFileInputText,\n    StyledFileInputWrapper,\n    StyledMotionFileInputList,\n    StyledUploadedFilesList,\n} from './FileInput.styles';\n\nexport type FileInputProps = {\n    /**\n     * Already uploaded files to display.\n     */\n    files?: FileInputFileItem[];\n    /**\n     * An array of icons that should be displayed inside the FileInput\n     */\n    fileSelectionIcons?: string[];\n    /**\n     * The text that should be displayed inside the FileInput.\n     */\n    fileSelectionPlaceholder?: string;\n    /**\n     * The filetypes that could be selected. Example for multiple types: 'image/*, video/*'.\n     */\n    fileTypes?: string;\n    /**\n     * The icon of the image selection.\n     */\n    imageSelectIcons?: string[];\n    /**\n     * If set, pictures can be select via Pixabay.\n     */\n    imageSelectPlaceholder?: string;\n    /**\n     * The maximum amount of Files that can be uploaded.\n     */\n    maxFiles?: number;\n    /**\n     * A function to be executed when files are added.\n     */\n    onAdd?: (files: File[] | string[]) => void;\n    /**\n     * Function to be executed when the maximum amount of Files are reached.\n     */\n    onMaxFilesReached?: () => void;\n    /**\n     * A function to be executed when a file is removed.\n     */\n    onRemove?: (file: File | FileInputFileItem | string) => void;\n};\n\ntype DialogInput = {\n    upload: boolean;\n    buttons: {\n        text: string;\n        buttonType: number;\n    }[];\n    initialView: string;\n};\n\nexport type FileInputRef = {\n    clear: () => void;\n};\n\nconst FileInput = forwardRef<FileInputRef, FileInputProps>(\n    (\n        {\n            fileSelectionIcons = ['fa fa-upload'],\n            imageSelectIcons = ['ts-image'],\n            fileTypes,\n            onMaxFilesReached,\n            maxFiles,\n            onRemove,\n            files,\n            onAdd,\n            fileSelectionPlaceholder = 'Dateien hochladen',\n            imageSelectPlaceholder,\n        },\n        ref,\n    ) => {\n        const [internalFiles, setInternalFiles] = useState<File[]>([]);\n        const [internalImages, setInternalImages] = useState<string[]>([]);\n\n        const handleInputClear = () => {\n            setInternalFiles([]);\n            setInternalImages([]);\n        };\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                clear: handleInputClear,\n            }),\n            [],\n        );\n\n        const handleAddImages = useCallback(\n            (images: string[]) => {\n                const newImages: string[] = [];\n\n                images.forEach((image) => {\n                    if (!filterDuplicateFileUrls({ files: internalImages, newFile: image })) {\n                        newImages.push(image);\n                    }\n                });\n\n                let tmp = newImages;\n\n                if (maxFiles) {\n                    tmp = newImages.slice(\n                        0,\n                        maxFiles -\n                            (internalFiles.length + internalImages.length + (files?.length ?? 0)),\n                    );\n                }\n\n                if (tmp.length > 0 && typeof onAdd === 'function') {\n                    onAdd(tmp);\n                }\n\n                setInternalImages((prevState) => [...prevState, ...tmp]);\n            },\n            [files?.length, internalFiles.length, internalImages, maxFiles, onAdd],\n        );\n\n        const handleAddFiles = useCallback(\n            (newFiles: File[]) => {\n                const newFileItems: File[] = [];\n\n                newFiles.forEach((file) => {\n                    if (fileTypes && !isValidFileType({ file, types: fileTypes })) {\n                        return;\n                    }\n\n                    if (file && !filterDuplicateFile({ files: internalFiles, newFile: file })) {\n                        newFileItems.push(file);\n                    }\n                });\n\n                let tmp = newFileItems;\n\n                if (maxFiles) {\n                    tmp = newFileItems.slice(\n                        0,\n                        maxFiles -\n                            (internalFiles.length + internalImages.length + (files?.length ?? 0)),\n                    );\n                }\n\n                if (tmp.length > 0 && typeof onAdd === 'function') {\n                    onAdd(tmp);\n                }\n\n                setInternalFiles((prevState) => [...prevState, ...tmp]);\n            },\n            [fileTypes, files?.length, internalFiles, internalImages.length, maxFiles, onAdd],\n        );\n\n        const handleDeleteFile = useCallback(\n            (fileName?: string) => {\n                let fileToDelete: File | FileInputFileItem | string | undefined;\n\n                const filteredFiles = internalFiles.filter((file) => {\n                    const { name } = file;\n\n                    if (name === fileName) {\n                        fileToDelete = file;\n                    }\n\n                    return name !== fileName;\n                });\n\n                setInternalFiles(filteredFiles);\n\n                if (!fileToDelete) {\n                    const filteredImages = internalImages.filter((image) => {\n                        if (image === fileName) {\n                            fileToDelete = image;\n                        }\n\n                        return image !== fileName;\n                    });\n\n                    setInternalImages(filteredImages);\n                }\n\n                if (!fileToDelete) {\n                    files?.forEach((file) => {\n                        if (file.url === fileName || file.name === fileName) {\n                            fileToDelete = file;\n                        }\n                    });\n                }\n\n                if (!fileToDelete || typeof onRemove !== 'function') {\n                    return;\n                }\n\n                onRemove(fileToDelete);\n            },\n            [files, internalFiles, internalImages, onRemove],\n        );\n\n        const isDisabled = useMemo(() => {\n            if (maxFiles) {\n                if (internalFiles.length + internalImages.length >= maxFiles) {\n                    if (typeof onMaxFilesReached === 'function') {\n                        onMaxFilesReached();\n                    }\n\n                    return true;\n                }\n            }\n\n            return false;\n        }, [internalFiles.length, internalImages.length, maxFiles, onMaxFilesReached]);\n\n        const handleImageSelectionClick = useCallback(async () => {\n            if (isDisabled) {\n                return;\n            }\n\n            const { buttonType, result } = (await createDialog<DialogInput>({\n                dialogInput: {\n                    upload: true,\n                    buttons: [\n                        { text: 'hello', buttonType: 1 },\n                        { text: 'can', buttonType: -1 },\n                    ],\n                    initialView: 'pixabay',\n                },\n                type: DialogType.MODULE,\n                system: {\n                    url: 'https://tapp.chayns-static.space/api/dialog-image-editor/v1/remoteEntry.js',\n                    scope: 'dialog_image_editor',\n                    module: './ImageEditorEntry',\n                },\n                buttons: [],\n            }).open()) as ImageDialogResult;\n\n            if (buttonType === 1 && result?.url) {\n                handleAddImages([result.url]);\n            }\n        }, [handleAddImages, isDisabled]);\n\n        const handleFileSelectionClick = useCallback(async () => {\n            if (isDisabled) {\n                return;\n            }\n\n            const newFiles = await selectFiles({\n                multiple: true,\n                type: fileTypes,\n            });\n\n            handleAddFiles(newFiles);\n        }, [fileTypes, handleAddFiles, isDisabled]);\n\n        const handleDrop = useCallback(\n            (e: DragEvent<HTMLDivElement>) => {\n                e.preventDefault();\n                const draggedFiles = Array.from(e.dataTransfer.files);\n\n                handleAddFiles(draggedFiles);\n            },\n            [handleAddFiles],\n        );\n\n        const content = useMemo(() => {\n            const combinedFiles = [...internalImages, ...internalFiles];\n\n            const items: ReactElement[] = combinedFiles.map((file) => (\n                <StyledMotionFileInputList\n                    animate={{ height: 'auto', opacity: 1 }}\n                    exit={{ height: 0, opacity: 0 }}\n                    key={typeof file === 'string' ? file : file.name}\n                    transition={{ duration: 0.25, type: 'tween' }}\n                >\n                    <FileListItem\n                        fileType={typeof file !== 'string' ? file.type : undefined}\n                        fileName={typeof file !== 'string' ? file.name : undefined}\n                        fileSize={typeof file !== 'string' ? file.size : undefined}\n                        url={typeof file === 'string' ? file : undefined}\n                        onRemove={handleDeleteFile}\n                    />\n                </StyledMotionFileInputList>\n            ));\n\n            return items;\n        }, [handleDeleteFile, internalFiles, internalImages]);\n\n        const uploadedFiles = useMemo(() => {\n            const items: ReactElement[] = [];\n\n            const cutFiles = maxFiles ? files?.splice(0, maxFiles) : files;\n\n            cutFiles?.forEach(({ url, id, name }) => {\n                items.push(\n                    <StyledMotionFileInputList\n                        animate={{ height: 'auto', opacity: 1 }}\n                        exit={{ height: 0, opacity: 0 }}\n                        key={id}\n                        transition={{ duration: 0.25, type: 'tween' }}\n                    >\n                        <FileListItem url={url} onRemove={handleDeleteFile} fileName={name} />\n                    </StyledMotionFileInputList>,\n                );\n            });\n\n            return items;\n        }, [files, handleDeleteFile, maxFiles]);\n\n        return useMemo(\n            () => (\n                <StyledFileInput>\n                    <StyledFileInputWrapper $isDisabled={isDisabled}>\n                        <StyledFileInputContainer\n                            onClick={() => void handleFileSelectionClick()}\n                            onDragOver={(e: DragEvent<HTMLDivElement>) => e.preventDefault()}\n                            onDrop={(e: DragEvent<HTMLDivElement>) => void handleDrop(e)}\n                        >\n                            <Icon icons={fileSelectionIcons} />\n                            <StyledFileInputText>{fileSelectionPlaceholder}</StyledFileInputText>\n                        </StyledFileInputContainer>\n                        {imageSelectPlaceholder && (\n                            <StyledFileInputContainer\n                                $isImageSelection\n                                onClick={() => void handleImageSelectionClick()}\n                            >\n                                <Icon icons={imageSelectIcons} />\n                                <StyledFileInputText>{imageSelectPlaceholder}</StyledFileInputText>\n                            </StyledFileInputContainer>\n                        )}\n                    </StyledFileInputWrapper>\n                    <List>\n                        <AnimatePresence initial={false}>{content}</AnimatePresence>\n                    </List>\n                    {uploadedFiles.length > 0 && (\n                        <StyledUploadedFilesList $shouldShowBorder={content.length > 0}>\n                            <List>\n                                <AnimatePresence initial={false}>{uploadedFiles}</AnimatePresence>\n                            </List>\n                        </StyledUploadedFilesList>\n                    )}\n                </StyledFileInput>\n            ),\n            [\n                isDisabled,\n                fileSelectionIcons,\n                fileSelectionPlaceholder,\n                imageSelectPlaceholder,\n                imageSelectIcons,\n                content,\n                uploadedFiles,\n                handleFileSelectionClick,\n                handleDrop,\n                handleImageSelectionClick,\n            ],\n        );\n    },\n);\n\nFileInput.displayName = 'FileInput';\n\nexport default FileInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FileInput.js","names":["_chaynsApi","require","_framerMotion","_react","_interopRequireWildcard","_file","_fileDialog","_Icon","_interopRequireDefault","_List","_FileListItem","_FileInput","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FileInput","forwardRef","fileSelectionIcons","imageSelectIcons","fileTypes","onMaxFilesReached","maxFiles","onRemove","files","maxFileSizeInMB","onAdd","fileSelectionPlaceholder","imageSelectPlaceholder","ref","internalFiles","setInternalFiles","useState","internalImages","setInternalImages","handleInputClear","useImperativeHandle","clear","handleAddImages","useCallback","images","newImages","forEach","image","filterDuplicateFileUrls","newFile","push","tmp","slice","length","prevState","handleAddFiles","newFiles","newFileItems","file","isValidFileType","types","filterDuplicateFile","handleDeleteFile","fileName","fileToDelete","filteredFiles","filter","name","filteredImages","url","isDisabled","useMemo","handleImageSelectionClick","buttonType","result","createDialog","dialogInput","upload","buttons","text","initialView","type","DialogType","MODULE","system","scope","module","open","handleFileSelectionClick","selectFiles","multiple","handleDrop","preventDefault","draggedFiles","Array","from","dataTransfer","content","combinedFiles","items","map","createElement","StyledMotionFileInputList","animate","height","opacity","exit","key","transition","duration","fileType","undefined","fileSize","size","uploadedFiles","cutFiles","splice","id","StyledFileInput","StyledFileInputWrapper","$isDisabled","StyledFileInputContainer","onClick","onDragOver","onDrop","icons","StyledFileInputText","$isImageSelection","AnimatePresence","initial","StyledUploadedFilesList","$shouldShowBorder","displayName","_default","exports"],"sources":["../../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\nimport { AnimatePresence } from 'framer-motion';\nimport React, {\n    DragEvent,\n    forwardRef,\n    ReactElement,\n    useCallback,\n    useImperativeHandle,\n    useMemo,\n    useState,\n} from 'react';\nimport type { FileInputFileItem, ImageDialogResult } from '../../types/fileInput';\nimport { filterDuplicateFile, filterDuplicateFileUrls, isValidFileType } from '../../utils/file';\nimport { selectFiles } from '../../utils/fileDialog';\nimport Icon from '../icon/Icon';\nimport List from '../list/List';\nimport FileListItem from './file-list/FileListItem';\nimport {\n    StyledFileInput,\n    StyledFileInputContainer,\n    StyledFileInputText,\n    StyledFileInputWrapper,\n    StyledMotionFileInputList,\n    StyledUploadedFilesList,\n} from './FileInput.styles';\n\nexport type FileInputProps = {\n    /**\n     * Already uploaded files to display.\n     */\n    files?: FileInputFileItem[];\n    /**\n     * An array of icons that should be displayed inside the FileInput\n     */\n    fileSelectionIcons?: string[];\n    /**\n     * The text that should be displayed inside the FileInput.\n     */\n    fileSelectionPlaceholder?: string;\n    /**\n     * The filetypes that could be selected. Example for multiple types: 'image/*, video/*'.\n     */\n    fileTypes?: string;\n    /**\n     * The icon of the image selection.\n     */\n    imageSelectIcons?: string[];\n    /**\n     * If set, pictures can be select via Pixabay.\n     */\n    imageSelectPlaceholder?: string;\n    /**\n     * The maximum amount of Files that can be uploaded.\n     */\n    maxFiles?: number;\n    /**\n     * The maximum size of a file in MB.\n     */\n    maxFileSizeInMB?: number;\n    /**\n     * A function to be executed when files are added.\n     */\n    onAdd?: (files: File[] | string[]) => void;\n    /**\n     * Function to be executed when the maximum amount of Files are reached.\n     */\n    onMaxFilesReached?: () => void;\n    /**\n     * A function to be executed when a file is removed.\n     */\n    onRemove?: (file: File | FileInputFileItem | string) => void;\n};\n\ntype DialogInput = {\n    upload: boolean;\n    buttons: {\n        text: string;\n        buttonType: number;\n    }[];\n    initialView: string;\n};\n\nexport type FileInputRef = {\n    clear: () => void;\n};\n\nconst FileInput = forwardRef<FileInputRef, FileInputProps>(\n    (\n        {\n            fileSelectionIcons = ['fa fa-upload'],\n            imageSelectIcons = ['ts-image'],\n            fileTypes,\n            onMaxFilesReached,\n            maxFiles,\n            onRemove,\n            files,\n            maxFileSizeInMB,\n            onAdd,\n            fileSelectionPlaceholder = 'Dateien hochladen',\n            imageSelectPlaceholder,\n        },\n        ref,\n    ) => {\n        const [internalFiles, setInternalFiles] = useState<File[]>([]);\n        const [internalImages, setInternalImages] = useState<string[]>([]);\n\n        const handleInputClear = () => {\n            setInternalFiles([]);\n            setInternalImages([]);\n        };\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                clear: handleInputClear,\n            }),\n            [],\n        );\n\n        const handleAddImages = useCallback(\n            (images: string[]) => {\n                const newImages: string[] = [];\n\n                images.forEach((image) => {\n                    if (!filterDuplicateFileUrls({ files: internalImages, newFile: image })) {\n                        newImages.push(image);\n                    }\n                });\n\n                let tmp = newImages;\n\n                if (maxFiles) {\n                    tmp = newImages.slice(\n                        0,\n                        maxFiles -\n                            (internalFiles.length + internalImages.length + (files?.length ?? 0)),\n                    );\n                }\n\n                if (tmp.length > 0 && typeof onAdd === 'function') {\n                    onAdd(tmp);\n                }\n\n                setInternalImages((prevState) => [...prevState, ...tmp]);\n            },\n            [files?.length, internalFiles.length, internalImages, maxFiles, onAdd],\n        );\n\n        const handleAddFiles = useCallback(\n            (newFiles: File[]) => {\n                const newFileItems: File[] = [];\n\n                newFiles.forEach((file) => {\n                    if (fileTypes && !isValidFileType({ file, types: fileTypes })) {\n                        return;\n                    }\n\n                    if (file && !filterDuplicateFile({ files: internalFiles, newFile: file })) {\n                        newFileItems.push(file);\n                    }\n                });\n\n                let tmp = newFileItems;\n\n                if (maxFiles) {\n                    tmp = newFileItems.slice(\n                        0,\n                        maxFiles -\n                            (internalFiles.length + internalImages.length + (files?.length ?? 0)),\n                    );\n                }\n\n                if (tmp.length > 0 && typeof onAdd === 'function') {\n                    onAdd(tmp);\n                }\n\n                setInternalFiles((prevState) => [...prevState, ...tmp]);\n            },\n            [fileTypes, files?.length, internalFiles, internalImages.length, maxFiles, onAdd],\n        );\n\n        const handleDeleteFile = useCallback(\n            (fileName?: string) => {\n                let fileToDelete: File | FileInputFileItem | string | undefined;\n\n                const filteredFiles = internalFiles.filter((file) => {\n                    const { name } = file;\n\n                    if (name === fileName) {\n                        fileToDelete = file;\n                    }\n\n                    return name !== fileName;\n                });\n\n                setInternalFiles(filteredFiles);\n\n                if (!fileToDelete) {\n                    const filteredImages = internalImages.filter((image) => {\n                        if (image === fileName) {\n                            fileToDelete = image;\n                        }\n\n                        return image !== fileName;\n                    });\n\n                    setInternalImages(filteredImages);\n                }\n\n                if (!fileToDelete) {\n                    files?.forEach((file) => {\n                        if (file.url === fileName || file.name === fileName) {\n                            fileToDelete = file;\n                        }\n                    });\n                }\n\n                if (!fileToDelete || typeof onRemove !== 'function') {\n                    return;\n                }\n\n                onRemove(fileToDelete);\n            },\n            [files, internalFiles, internalImages, onRemove],\n        );\n\n        const isDisabled = useMemo(() => {\n            if (maxFiles) {\n                if (internalFiles.length + internalImages.length >= maxFiles) {\n                    if (typeof onMaxFilesReached === 'function') {\n                        onMaxFilesReached();\n                    }\n\n                    return true;\n                }\n            }\n\n            return false;\n        }, [internalFiles.length, internalImages.length, maxFiles, onMaxFilesReached]);\n\n        const handleImageSelectionClick = useCallback(async () => {\n            if (isDisabled) {\n                return;\n            }\n\n            const { buttonType, result } = (await createDialog<DialogInput>({\n                dialogInput: {\n                    upload: true,\n                    buttons: [\n                        { text: 'hello', buttonType: 1 },\n                        { text: 'can', buttonType: -1 },\n                    ],\n                    initialView: 'pixabay',\n                },\n                type: DialogType.MODULE,\n                system: {\n                    url: 'https://tapp.chayns-static.space/api/dialog-image-editor/v1/remoteEntry.js',\n                    scope: 'dialog_image_editor',\n                    module: './ImageEditorEntry',\n                },\n                buttons: [],\n            }).open()) as ImageDialogResult;\n\n            if (buttonType === 1 && result?.url) {\n                handleAddImages([result.url]);\n            }\n        }, [handleAddImages, isDisabled]);\n\n        const handleFileSelectionClick = useCallback(async () => {\n            if (isDisabled) {\n                return;\n            }\n\n            const newFiles = await selectFiles({\n                multiple: true,\n                type: fileTypes,\n                maxFileSizeInMB,\n            });\n\n            handleAddFiles(newFiles);\n        }, [fileTypes, handleAddFiles, isDisabled, maxFileSizeInMB]);\n\n        const handleDrop = useCallback(\n            (e: DragEvent<HTMLDivElement>) => {\n                e.preventDefault();\n                const draggedFiles = Array.from(e.dataTransfer.files);\n\n                handleAddFiles(draggedFiles);\n            },\n            [handleAddFiles],\n        );\n\n        const content = useMemo(() => {\n            const combinedFiles = [...internalImages, ...internalFiles];\n\n            const items: ReactElement[] = combinedFiles.map((file) => (\n                <StyledMotionFileInputList\n                    animate={{ height: 'auto', opacity: 1 }}\n                    exit={{ height: 0, opacity: 0 }}\n                    key={typeof file === 'string' ? file : file.name}\n                    transition={{ duration: 0.25, type: 'tween' }}\n                >\n                    <FileListItem\n                        fileType={typeof file !== 'string' ? file.type : undefined}\n                        fileName={typeof file !== 'string' ? file.name : undefined}\n                        fileSize={typeof file !== 'string' ? file.size : undefined}\n                        url={typeof file === 'string' ? file : undefined}\n                        onRemove={handleDeleteFile}\n                    />\n                </StyledMotionFileInputList>\n            ));\n\n            return items;\n        }, [handleDeleteFile, internalFiles, internalImages]);\n\n        const uploadedFiles = useMemo(() => {\n            const items: ReactElement[] = [];\n\n            const cutFiles = maxFiles ? files?.splice(0, maxFiles) : files;\n\n            cutFiles?.forEach(({ url, id, name }) => {\n                items.push(\n                    <StyledMotionFileInputList\n                        animate={{ height: 'auto', opacity: 1 }}\n                        exit={{ height: 0, opacity: 0 }}\n                        key={id}\n                        transition={{ duration: 0.25, type: 'tween' }}\n                    >\n                        <FileListItem url={url} onRemove={handleDeleteFile} fileName={name} />\n                    </StyledMotionFileInputList>,\n                );\n            });\n\n            return items;\n        }, [files, handleDeleteFile, maxFiles]);\n\n        return useMemo(\n            () => (\n                <StyledFileInput>\n                    <StyledFileInputWrapper $isDisabled={isDisabled}>\n                        <StyledFileInputContainer\n                            onClick={() => void handleFileSelectionClick()}\n                            onDragOver={(e: DragEvent<HTMLDivElement>) => e.preventDefault()}\n                            onDrop={(e: DragEvent<HTMLDivElement>) => void handleDrop(e)}\n                        >\n                            <Icon icons={fileSelectionIcons} />\n                            <StyledFileInputText>{fileSelectionPlaceholder}</StyledFileInputText>\n                        </StyledFileInputContainer>\n                        {imageSelectPlaceholder && (\n                            <StyledFileInputContainer\n                                $isImageSelection\n                                onClick={() => void handleImageSelectionClick()}\n                            >\n                                <Icon icons={imageSelectIcons} />\n                                <StyledFileInputText>{imageSelectPlaceholder}</StyledFileInputText>\n                            </StyledFileInputContainer>\n                        )}\n                    </StyledFileInputWrapper>\n                    <List>\n                        <AnimatePresence initial={false}>{content}</AnimatePresence>\n                    </List>\n                    {uploadedFiles.length > 0 && (\n                        <StyledUploadedFilesList $shouldShowBorder={content.length > 0}>\n                            <List>\n                                <AnimatePresence initial={false}>{uploadedFiles}</AnimatePresence>\n                            </List>\n                        </StyledUploadedFilesList>\n                    )}\n                </StyledFileInput>\n            ),\n            [\n                isDisabled,\n                fileSelectionIcons,\n                fileSelectionPlaceholder,\n                imageSelectPlaceholder,\n                imageSelectIcons,\n                content,\n                uploadedFiles,\n                handleFileSelectionClick,\n                handleDrop,\n                handleImageSelectionClick,\n            ],\n        );\n    },\n);\n\nFileInput.displayName = 'FileInput';\n\nexport default FileInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/fileDialog.js

@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectFiles = exports.getFileAsArrayBuffer = void 0;
+var _chaynsApi = require("chayns-api");
 const selectFiles = ({
   type,
-  multiple
+  multiple,
+  maxFileSizeInMB
 }) => new Promise(resolve => {
   const input = document.createElement('input');
   input.type = 'file';
@@ -38,16 +40,19 @@ const selectFiles = ({
     const fileArray = Object.values(files);
     const filteredFileArray = fileArray.filter(file => {
       const sizeInMB = file.size / 1024 / 1024;
+      if (maxFileSizeInMB && maxFileSizeInMB < sizeInMB) {
+        return false;
+      }
       if (file.type.includes('video/') && sizeInMB > 500) {
         return false;
       }
       return !(file.type.includes('image/') && sizeInMB > 64);
     });
     if (fileArray.length !== filteredFileArray.length) {
-      // ToDo show dialog that some files are to big
-    }
-    if (filteredFileArray.length === 0) {
-      // ToDo show dialog that all files are to big
+      void (0, _chaynsApi.createDialog)({
+        type: _chaynsApi.DialogType.ALERT,
+        text: 'Einige Deiner ausgewählten Dateien sind zu groß.'
+      }).open();
     }
     resolve(filteredFileArray);
   });

package/lib/cjs/utils/fileDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"fileDialog.js","names":["selectFiles","type","multiple","Promise","resolve","input","document","createElement","style","visibility","width","height","display","accept","body","appendChild","addEventListener","event","removeChild","target","files","fileArray","Object","values","filteredFileArray","filter","file","sizeInMB","size","includes","length","click","exports","getFileAsArrayBuffer","reject","reader","FileReader","onload","e","_e$target","result","Error","onerror","readAsArrayBuffer"],"sources":["../../../src/utils/fileDialog.ts"],"sourcesContent":["interface SelectFilesOptions {\n    type?: string;\n    multiple: boolean;\n}\n\nexport const selectFiles = ({ type, multiple }: SelectFilesOptions): Promise<File[]> =>\n    new Promise((resolve) => {\n        const input = document.createElement('input');\n\n        input.type = 'file';\n        input.style.visibility = 'none';\n        input.style.width = '0';\n        input.style.height = '0';\n        input.style.display = 'none';\n\n        if (type !== '*/*' && type) {\n            input.accept = type;\n        }\n\n        if (multiple) {\n            input.multiple = true;\n        }\n\n        document.body.appendChild(input);\n\n        input.addEventListener('change', (event) => {\n            document.body.removeChild(input);\n\n            if (!event.target) {\n                resolve([]);\n\n                return;\n            }\n\n            const target = event.target as HTMLInputElement;\n\n            const { files } = target;\n\n            if (!files) {\n                resolve([]);\n\n                return;\n            }\n\n            const fileArray = Object.values(files);\n\n            const filteredFileArray = fileArray.filter((file) => {\n                const sizeInMB = file.size / 1024 / 1024;\n\n                if (file.type.includes('video/') && sizeInMB > 500) {\n                    return false;\n                }\n\n                return !(file.type.includes('image/') && sizeInMB > 64);\n            });\n\n            if (fileArray.length !== filteredFileArray.length) {\n                // ToDo show dialog that some files are to big\n            }\n\n            if (filteredFileArray.length === 0) {\n                // ToDo show dialog that all files are to big\n            }\n\n            resolve(filteredFileArray);\n        });\n\n        input.click();\n    });\n\nexport const getFileAsArrayBuffer = (file: File): Promise<string | ArrayBuffer> =>\n    new Promise((resolve, reject) => {\n        const reader = new FileReader();\n\n        reader.onload = (e) => {\n            if (e.target?.result) {\n                resolve(e.target.result);\n            } else {\n                reject(Error('Could not get array buffer.'));\n            }\n        };\n\n        reader.onerror = reject;\n\n        reader.readAsArrayBuffer(file);\n    });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"fileDialog.js","names":["_chaynsApi","require","selectFiles","type","multiple","maxFileSizeInMB","Promise","resolve","input","document","createElement","style","visibility","width","height","display","accept","body","appendChild","addEventListener","event","removeChild","target","files","fileArray","Object","values","filteredFileArray","filter","file","sizeInMB","size","includes","length","createDialog","DialogType","ALERT","text","open","click","exports","getFileAsArrayBuffer","reject","reader","FileReader","onload","e","_e$target","result","Error","onerror","readAsArrayBuffer"],"sources":["../../../src/utils/fileDialog.ts"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\n\ninterface SelectFilesOptions {\n    type?: string;\n    multiple: boolean;\n    maxFileSizeInMB?: number;\n}\n\nexport const selectFiles = ({\n    type,\n    multiple,\n    maxFileSizeInMB,\n}: SelectFilesOptions): Promise<File[]> =>\n    new Promise((resolve) => {\n        const input = document.createElement('input');\n\n        input.type = 'file';\n        input.style.visibility = 'none';\n        input.style.width = '0';\n        input.style.height = '0';\n        input.style.display = 'none';\n\n        if (type !== '*/*' && type) {\n            input.accept = type;\n        }\n\n        if (multiple) {\n            input.multiple = true;\n        }\n\n        document.body.appendChild(input);\n\n        input.addEventListener('change', (event) => {\n            document.body.removeChild(input);\n\n            if (!event.target) {\n                resolve([]);\n\n                return;\n            }\n\n            const target = event.target as HTMLInputElement;\n\n            const { files } = target;\n\n            if (!files) {\n                resolve([]);\n\n                return;\n            }\n\n            const fileArray = Object.values(files);\n\n            const filteredFileArray = fileArray.filter((file) => {\n                const sizeInMB = file.size / 1024 / 1024;\n\n                if (maxFileSizeInMB && maxFileSizeInMB < sizeInMB) {\n                    return false;\n                }\n\n                if (file.type.includes('video/') && sizeInMB > 500) {\n                    return false;\n                }\n\n                return !(file.type.includes('image/') && sizeInMB > 64);\n            });\n\n            if (fileArray.length !== filteredFileArray.length) {\n                void createDialog({\n                    type: DialogType.ALERT,\n                    text: 'Einige Deiner ausgewählten Dateien sind zu groß.',\n                }).open();\n            }\n\n            resolve(filteredFileArray);\n        });\n\n        input.click();\n    });\n\nexport const getFileAsArrayBuffer = (file: File): Promise<string | ArrayBuffer> =>\n    new Promise((resolve, reject) => {\n        const reader = new FileReader();\n\n        reader.onload = (e) => {\n            if (e.target?.result) {\n                resolve(e.target.result);\n            } else {\n                reject(Error('Could not get array buffer.'));\n            }\n        };\n\n        reader.onerror = reject;\n\n        reader.readAsArrayBuffer(file);\n    });\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/file-input/FileInput.js

@@ -16,6 +16,7 @@ const FileInput = /*#__PURE__*/forwardRef((_ref, ref) => {
     maxFiles,
     onRemove,
     files,
+    maxFileSizeInMB,
     onAdd,
     fileSelectionPlaceholder = 'Dateien hochladen',
     imageSelectPlaceholder
@@ -154,10 +155,11 @@ const FileInput = /*#__PURE__*/forwardRef((_ref, ref) => {
     }
     const newFiles = await selectFiles({
       multiple: true,
-      type: fileTypes
+      type: fileTypes,
+      maxFileSizeInMB
     });
     handleAddFiles(newFiles);
-  }, [fileTypes, handleAddFiles, isDisabled]);
+  }, [fileTypes, handleAddFiles, isDisabled, maxFileSizeInMB]);
   const handleDrop = useCallback(e => {
     e.preventDefault();
     const draggedFiles = Array.from(e.dataTransfer.files);

package/lib/esm/components/file-input/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","names":["createDialog","DialogType","AnimatePresence","React","forwardRef","useCallback","useImperativeHandle","useMemo","useState","filterDuplicateFile","filterDuplicateFileUrls","isValidFileType","selectFiles","Icon","List","FileListItem","StyledFileInput","StyledFileInputContainer","StyledFileInputText","StyledFileInputWrapper","StyledMotionFileInputList","StyledUploadedFilesList","FileInput","_ref","ref","fileSelectionIcons","imageSelectIcons","fileTypes","onMaxFilesReached","maxFiles","onRemove","files","onAdd","fileSelectionPlaceholder","imageSelectPlaceholder","internalFiles","setInternalFiles","internalImages","setInternalImages","handleInputClear","clear","handleAddImages","images","newImages","forEach","image","newFile","push","tmp","slice","length","prevState","handleAddFiles","newFiles","newFileItems","file","types","handleDeleteFile","fileName","fileToDelete","filteredFiles","filter","name","filteredImages","url","isDisabled","handleImageSelectionClick","buttonType","result","dialogInput","upload","buttons","text","initialView","type","MODULE","system","scope","module","open","handleFileSelectionClick","multiple","handleDrop","e","preventDefault","draggedFiles","Array","from","dataTransfer","content","combinedFiles","items","map","createElement","animate","height","opacity","exit","key","transition","duration","fileType","undefined","fileSize","size","uploadedFiles","cutFiles","splice","_ref2","id","$isDisabled","onClick","onDragOver","onDrop","icons","$isImageSelection","initial","$shouldShowBorder","displayName"],"sources":["../../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\nimport { AnimatePresence } from 'framer-motion';\nimport React, {\n    DragEvent,\n    forwardRef,\n    ReactElement,\n    useCallback,\n    useImperativeHandle,\n    useMemo,\n    useState,\n} from 'react';\nimport type { FileInputFileItem, ImageDialogResult } from '../../types/fileInput';\nimport { filterDuplicateFile, filterDuplicateFileUrls, isValidFileType } from '../../utils/file';\nimport { selectFiles } from '../../utils/fileDialog';\nimport Icon from '../icon/Icon';\nimport List from '../list/List';\nimport FileListItem from './file-list/FileListItem';\nimport {\n    StyledFileInput,\n    StyledFileInputContainer,\n    StyledFileInputText,\n    StyledFileInputWrapper,\n    StyledMotionFileInputList,\n    StyledUploadedFilesList,\n} from './FileInput.styles';\n\nexport type FileInputProps = {\n    /**\n     * Already uploaded files to display.\n     */\n    files?: FileInputFileItem[];\n    /**\n     * An array of icons that should be displayed inside the FileInput\n     */\n    fileSelectionIcons?: string[];\n    /**\n     * The text that should be displayed inside the FileInput.\n     */\n    fileSelectionPlaceholder?: string;\n    /**\n     * The filetypes that could be selected. Example for multiple types: 'image/*, video/*'.\n     */\n    fileTypes?: string;\n    /**\n     * The icon of the image selection.\n     */\n    imageSelectIcons?: string[];\n    /**\n     * If set, pictures can be select via Pixabay.\n     */\n    imageSelectPlaceholder?: string;\n    /**\n     * The maximum amount of Files that can be uploaded.\n     */\n    maxFiles?: number;\n    /**\n     * A function to be executed when files are added.\n     */\n    onAdd?: (files: File[] | string[]) => void;\n    /**\n     * Function to be executed when the maximum amount of Files are reached.\n     */\n    onMaxFilesReached?: () => void;\n    /**\n     * A function to be executed when a file is removed.\n     */\n    onRemove?: (file: File | FileInputFileItem | string) => void;\n};\n\ntype DialogInput = {\n    upload: boolean;\n    buttons: {\n        text: string;\n        buttonType: number;\n    }[];\n    initialView: string;\n};\n\nexport type FileInputRef = {\n    clear: () => void;\n};\n\nconst FileInput = forwardRef<FileInputRef, FileInputProps>(\n    (\n        {\n            fileSelectionIcons = ['fa fa-upload'],\n            imageSelectIcons = ['ts-image'],\n            fileTypes,\n            onMaxFilesReached,\n            maxFiles,\n            onRemove,\n            files,\n            onAdd,\n            fileSelectionPlaceholder = 'Dateien hochladen',\n            imageSelectPlaceholder,\n        },\n        ref,\n    ) => {\n        const [internalFiles, setInternalFiles] = useState<File[]>([]);\n        const [internalImages, setInternalImages] = useState<string[]>([]);\n\n        const handleInputClear = () => {\n            setInternalFiles([]);\n            setInternalImages([]);\n        };\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                clear: handleInputClear,\n            }),\n            [],\n        );\n\n        const handleAddImages = useCallback(\n            (images: string[]) => {\n                const newImages: string[] = [];\n\n                images.forEach((image) => {\n                    if (!filterDuplicateFileUrls({ files: internalImages, newFile: image })) {\n                        newImages.push(image);\n                    }\n                });\n\n                let tmp = newImages;\n\n                if (maxFiles) {\n                    tmp = newImages.slice(\n                        0,\n                        maxFiles -\n                            (internalFiles.length + internalImages.length + (files?.length ?? 0)),\n                    );\n                }\n\n                if (tmp.length > 0 && typeof onAdd === 'function') {\n                    onAdd(tmp);\n                }\n\n                setInternalImages((prevState) => [...prevState, ...tmp]);\n            },\n            [files?.length, internalFiles.length, internalImages, maxFiles, onAdd],\n        );\n\n        const handleAddFiles = useCallback(\n            (newFiles: File[]) => {\n                const newFileItems: File[] = [];\n\n                newFiles.forEach((file) => {\n                    if (fileTypes && !isValidFileType({ file, types: fileTypes })) {\n                        return;\n                    }\n\n                    if (file && !filterDuplicateFile({ files: internalFiles, newFile: file })) {\n                        newFileItems.push(file);\n                    }\n                });\n\n                let tmp = newFileItems;\n\n                if (maxFiles) {\n                    tmp = newFileItems.slice(\n                        0,\n                        maxFiles -\n                            (internalFiles.length + internalImages.length + (files?.length ?? 0)),\n                    );\n                }\n\n                if (tmp.length > 0 && typeof onAdd === 'function') {\n                    onAdd(tmp);\n                }\n\n                setInternalFiles((prevState) => [...prevState, ...tmp]);\n            },\n            [fileTypes, files?.length, internalFiles, internalImages.length, maxFiles, onAdd],\n        );\n\n        const handleDeleteFile = useCallback(\n            (fileName?: string) => {\n                let fileToDelete: File | FileInputFileItem | string | undefined;\n\n                const filteredFiles = internalFiles.filter((file) => {\n                    const { name } = file;\n\n                    if (name === fileName) {\n                        fileToDelete = file;\n                    }\n\n                    return name !== fileName;\n                });\n\n                setInternalFiles(filteredFiles);\n\n                if (!fileToDelete) {\n                    const filteredImages = internalImages.filter((image) => {\n                        if (image === fileName) {\n                            fileToDelete = image;\n                        }\n\n                        return image !== fileName;\n                    });\n\n                    setInternalImages(filteredImages);\n                }\n\n                if (!fileToDelete) {\n                    files?.forEach((file) => {\n                        if (file.url === fileName || file.name === fileName) {\n                            fileToDelete = file;\n                        }\n                    });\n                }\n\n                if (!fileToDelete || typeof onRemove !== 'function') {\n                    return;\n                }\n\n                onRemove(fileToDelete);\n            },\n            [files, internalFiles, internalImages, onRemove],\n        );\n\n        const isDisabled = useMemo(() => {\n            if (maxFiles) {\n                if (internalFiles.length + internalImages.length >= maxFiles) {\n                    if (typeof onMaxFilesReached === 'function') {\n                        onMaxFilesReached();\n                    }\n\n                    return true;\n                }\n            }\n\n            return false;\n        }, [internalFiles.length, internalImages.length, maxFiles, onMaxFilesReached]);\n\n        const handleImageSelectionClick = useCallback(async () => {\n            if (isDisabled) {\n                return;\n            }\n\n            const { buttonType, result } = (await createDialog<DialogInput>({\n                dialogInput: {\n                    upload: true,\n                    buttons: [\n                        { text: 'hello', buttonType: 1 },\n                        { text: 'can', buttonType: -1 },\n                    ],\n                    initialView: 'pixabay',\n                },\n                type: DialogType.MODULE,\n                system: {\n                    url: 'https://tapp.chayns-static.space/api/dialog-image-editor/v1/remoteEntry.js',\n                    scope: 'dialog_image_editor',\n                    module: './ImageEditorEntry',\n                },\n                buttons: [],\n            }).open()) as ImageDialogResult;\n\n            if (buttonType === 1 && result?.url) {\n                handleAddImages([result.url]);\n            }\n        }, [handleAddImages, isDisabled]);\n\n        const handleFileSelectionClick = useCallback(async () => {\n            if (isDisabled) {\n                return;\n            }\n\n            const newFiles = await selectFiles({\n                multiple: true,\n                type: fileTypes,\n            });\n\n            handleAddFiles(newFiles);\n        }, [fileTypes, handleAddFiles, isDisabled]);\n\n        const handleDrop = useCallback(\n            (e: DragEvent<HTMLDivElement>) => {\n                e.preventDefault();\n                const draggedFiles = Array.from(e.dataTransfer.files);\n\n                handleAddFiles(draggedFiles);\n            },\n            [handleAddFiles],\n        );\n\n        const content = useMemo(() => {\n            const combinedFiles = [...internalImages, ...internalFiles];\n\n            const items: ReactElement[] = combinedFiles.map((file) => (\n                <StyledMotionFileInputList\n                    animate={{ height: 'auto', opacity: 1 }}\n                    exit={{ height: 0, opacity: 0 }}\n                    key={typeof file === 'string' ? file : file.name}\n                    transition={{ duration: 0.25, type: 'tween' }}\n                >\n                    <FileListItem\n                        fileType={typeof file !== 'string' ? file.type : undefined}\n                        fileName={typeof file !== 'string' ? file.name : undefined}\n                        fileSize={typeof file !== 'string' ? file.size : undefined}\n                        url={typeof file === 'string' ? file : undefined}\n                        onRemove={handleDeleteFile}\n                    />\n                </StyledMotionFileInputList>\n            ));\n\n            return items;\n        }, [handleDeleteFile, internalFiles, internalImages]);\n\n        const uploadedFiles = useMemo(() => {\n            const items: ReactElement[] = [];\n\n            const cutFiles = maxFiles ? files?.splice(0, maxFiles) : files;\n\n            cutFiles?.forEach(({ url, id, name }) => {\n                items.push(\n                    <StyledMotionFileInputList\n                        animate={{ height: 'auto', opacity: 1 }}\n                        exit={{ height: 0, opacity: 0 }}\n                        key={id}\n                        transition={{ duration: 0.25, type: 'tween' }}\n                    >\n                        <FileListItem url={url} onRemove={handleDeleteFile} fileName={name} />\n                    </StyledMotionFileInputList>,\n                );\n            });\n\n            return items;\n        }, [files, handleDeleteFile, maxFiles]);\n\n        return useMemo(\n            () => (\n                <StyledFileInput>\n                    <StyledFileInputWrapper $isDisabled={isDisabled}>\n                        <StyledFileInputContainer\n                            onClick={() => void handleFileSelectionClick()}\n                            onDragOver={(e: DragEvent<HTMLDivElement>) => e.preventDefault()}\n                            onDrop={(e: DragEvent<HTMLDivElement>) => void handleDrop(e)}\n                        >\n                            <Icon icons={fileSelectionIcons} />\n                            <StyledFileInputText>{fileSelectionPlaceholder}</StyledFileInputText>\n                        </StyledFileInputContainer>\n                        {imageSelectPlaceholder && (\n                            <StyledFileInputContainer\n                                $isImageSelection\n                                onClick={() => void handleImageSelectionClick()}\n                            >\n                                <Icon icons={imageSelectIcons} />\n                                <StyledFileInputText>{imageSelectPlaceholder}</StyledFileInputText>\n                            </StyledFileInputContainer>\n                        )}\n                    </StyledFileInputWrapper>\n                    <List>\n                        <AnimatePresence initial={false}>{content}</AnimatePresence>\n                    </List>\n                    {uploadedFiles.length > 0 && (\n                        <StyledUploadedFilesList $shouldShowBorder={content.length > 0}>\n                            <List>\n                                <AnimatePresence initial={false}>{uploadedFiles}</AnimatePresence>\n                            </List>\n                        </StyledUploadedFilesList>\n                    )}\n                </StyledFileInput>\n            ),\n            [\n                isDisabled,\n                fileSelectionIcons,\n                fileSelectionPlaceholder,\n                imageSelectPlaceholder,\n                imageSelectIcons,\n                content,\n                uploadedFiles,\n                handleFileSelectionClick,\n                handleDrop,\n                handleImageSelectionClick,\n            ],\n        );\n    },\n);\n\nFileInput.displayName = 'FileInput';\n\nexport default FileInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FileInput.js","names":["createDialog","DialogType","AnimatePresence","React","forwardRef","useCallback","useImperativeHandle","useMemo","useState","filterDuplicateFile","filterDuplicateFileUrls","isValidFileType","selectFiles","Icon","List","FileListItem","StyledFileInput","StyledFileInputContainer","StyledFileInputText","StyledFileInputWrapper","StyledMotionFileInputList","StyledUploadedFilesList","FileInput","_ref","ref","fileSelectionIcons","imageSelectIcons","fileTypes","onMaxFilesReached","maxFiles","onRemove","files","maxFileSizeInMB","onAdd","fileSelectionPlaceholder","imageSelectPlaceholder","internalFiles","setInternalFiles","internalImages","setInternalImages","handleInputClear","clear","handleAddImages","images","newImages","forEach","image","newFile","push","tmp","slice","length","prevState","handleAddFiles","newFiles","newFileItems","file","types","handleDeleteFile","fileName","fileToDelete","filteredFiles","filter","name","filteredImages","url","isDisabled","handleImageSelectionClick","buttonType","result","dialogInput","upload","buttons","text","initialView","type","MODULE","system","scope","module","open","handleFileSelectionClick","multiple","handleDrop","e","preventDefault","draggedFiles","Array","from","dataTransfer","content","combinedFiles","items","map","createElement","animate","height","opacity","exit","key","transition","duration","fileType","undefined","fileSize","size","uploadedFiles","cutFiles","splice","_ref2","id","$isDisabled","onClick","onDragOver","onDrop","icons","$isImageSelection","initial","$shouldShowBorder","displayName"],"sources":["../../../../src/components/file-input/FileInput.tsx"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\nimport { AnimatePresence } from 'framer-motion';\nimport React, {\n    DragEvent,\n    forwardRef,\n    ReactElement,\n    useCallback,\n    useImperativeHandle,\n    useMemo,\n    useState,\n} from 'react';\nimport type { FileInputFileItem, ImageDialogResult } from '../../types/fileInput';\nimport { filterDuplicateFile, filterDuplicateFileUrls, isValidFileType } from '../../utils/file';\nimport { selectFiles } from '../../utils/fileDialog';\nimport Icon from '../icon/Icon';\nimport List from '../list/List';\nimport FileListItem from './file-list/FileListItem';\nimport {\n    StyledFileInput,\n    StyledFileInputContainer,\n    StyledFileInputText,\n    StyledFileInputWrapper,\n    StyledMotionFileInputList,\n    StyledUploadedFilesList,\n} from './FileInput.styles';\n\nexport type FileInputProps = {\n    /**\n     * Already uploaded files to display.\n     */\n    files?: FileInputFileItem[];\n    /**\n     * An array of icons that should be displayed inside the FileInput\n     */\n    fileSelectionIcons?: string[];\n    /**\n     * The text that should be displayed inside the FileInput.\n     */\n    fileSelectionPlaceholder?: string;\n    /**\n     * The filetypes that could be selected. Example for multiple types: 'image/*, video/*'.\n     */\n    fileTypes?: string;\n    /**\n     * The icon of the image selection.\n     */\n    imageSelectIcons?: string[];\n    /**\n     * If set, pictures can be select via Pixabay.\n     */\n    imageSelectPlaceholder?: string;\n    /**\n     * The maximum amount of Files that can be uploaded.\n     */\n    maxFiles?: number;\n    /**\n     * The maximum size of a file in MB.\n     */\n    maxFileSizeInMB?: number;\n    /**\n     * A function to be executed when files are added.\n     */\n    onAdd?: (files: File[] | string[]) => void;\n    /**\n     * Function to be executed when the maximum amount of Files are reached.\n     */\n    onMaxFilesReached?: () => void;\n    /**\n     * A function to be executed when a file is removed.\n     */\n    onRemove?: (file: File | FileInputFileItem | string) => void;\n};\n\ntype DialogInput = {\n    upload: boolean;\n    buttons: {\n        text: string;\n        buttonType: number;\n    }[];\n    initialView: string;\n};\n\nexport type FileInputRef = {\n    clear: () => void;\n};\n\nconst FileInput = forwardRef<FileInputRef, FileInputProps>(\n    (\n        {\n            fileSelectionIcons = ['fa fa-upload'],\n            imageSelectIcons = ['ts-image'],\n            fileTypes,\n            onMaxFilesReached,\n            maxFiles,\n            onRemove,\n            files,\n            maxFileSizeInMB,\n            onAdd,\n            fileSelectionPlaceholder = 'Dateien hochladen',\n            imageSelectPlaceholder,\n        },\n        ref,\n    ) => {\n        const [internalFiles, setInternalFiles] = useState<File[]>([]);\n        const [internalImages, setInternalImages] = useState<string[]>([]);\n\n        const handleInputClear = () => {\n            setInternalFiles([]);\n            setInternalImages([]);\n        };\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                clear: handleInputClear,\n            }),\n            [],\n        );\n\n        const handleAddImages = useCallback(\n            (images: string[]) => {\n                const newImages: string[] = [];\n\n                images.forEach((image) => {\n                    if (!filterDuplicateFileUrls({ files: internalImages, newFile: image })) {\n                        newImages.push(image);\n                    }\n                });\n\n                let tmp = newImages;\n\n                if (maxFiles) {\n                    tmp = newImages.slice(\n                        0,\n                        maxFiles -\n                            (internalFiles.length + internalImages.length + (files?.length ?? 0)),\n                    );\n                }\n\n                if (tmp.length > 0 && typeof onAdd === 'function') {\n                    onAdd(tmp);\n                }\n\n                setInternalImages((prevState) => [...prevState, ...tmp]);\n            },\n            [files?.length, internalFiles.length, internalImages, maxFiles, onAdd],\n        );\n\n        const handleAddFiles = useCallback(\n            (newFiles: File[]) => {\n                const newFileItems: File[] = [];\n\n                newFiles.forEach((file) => {\n                    if (fileTypes && !isValidFileType({ file, types: fileTypes })) {\n                        return;\n                    }\n\n                    if (file && !filterDuplicateFile({ files: internalFiles, newFile: file })) {\n                        newFileItems.push(file);\n                    }\n                });\n\n                let tmp = newFileItems;\n\n                if (maxFiles) {\n                    tmp = newFileItems.slice(\n                        0,\n                        maxFiles -\n                            (internalFiles.length + internalImages.length + (files?.length ?? 0)),\n                    );\n                }\n\n                if (tmp.length > 0 && typeof onAdd === 'function') {\n                    onAdd(tmp);\n                }\n\n                setInternalFiles((prevState) => [...prevState, ...tmp]);\n            },\n            [fileTypes, files?.length, internalFiles, internalImages.length, maxFiles, onAdd],\n        );\n\n        const handleDeleteFile = useCallback(\n            (fileName?: string) => {\n                let fileToDelete: File | FileInputFileItem | string | undefined;\n\n                const filteredFiles = internalFiles.filter((file) => {\n                    const { name } = file;\n\n                    if (name === fileName) {\n                        fileToDelete = file;\n                    }\n\n                    return name !== fileName;\n                });\n\n                setInternalFiles(filteredFiles);\n\n                if (!fileToDelete) {\n                    const filteredImages = internalImages.filter((image) => {\n                        if (image === fileName) {\n                            fileToDelete = image;\n                        }\n\n                        return image !== fileName;\n                    });\n\n                    setInternalImages(filteredImages);\n                }\n\n                if (!fileToDelete) {\n                    files?.forEach((file) => {\n                        if (file.url === fileName || file.name === fileName) {\n                            fileToDelete = file;\n                        }\n                    });\n                }\n\n                if (!fileToDelete || typeof onRemove !== 'function') {\n                    return;\n                }\n\n                onRemove(fileToDelete);\n            },\n            [files, internalFiles, internalImages, onRemove],\n        );\n\n        const isDisabled = useMemo(() => {\n            if (maxFiles) {\n                if (internalFiles.length + internalImages.length >= maxFiles) {\n                    if (typeof onMaxFilesReached === 'function') {\n                        onMaxFilesReached();\n                    }\n\n                    return true;\n                }\n            }\n\n            return false;\n        }, [internalFiles.length, internalImages.length, maxFiles, onMaxFilesReached]);\n\n        const handleImageSelectionClick = useCallback(async () => {\n            if (isDisabled) {\n                return;\n            }\n\n            const { buttonType, result } = (await createDialog<DialogInput>({\n                dialogInput: {\n                    upload: true,\n                    buttons: [\n                        { text: 'hello', buttonType: 1 },\n                        { text: 'can', buttonType: -1 },\n                    ],\n                    initialView: 'pixabay',\n                },\n                type: DialogType.MODULE,\n                system: {\n                    url: 'https://tapp.chayns-static.space/api/dialog-image-editor/v1/remoteEntry.js',\n                    scope: 'dialog_image_editor',\n                    module: './ImageEditorEntry',\n                },\n                buttons: [],\n            }).open()) as ImageDialogResult;\n\n            if (buttonType === 1 && result?.url) {\n                handleAddImages([result.url]);\n            }\n        }, [handleAddImages, isDisabled]);\n\n        const handleFileSelectionClick = useCallback(async () => {\n            if (isDisabled) {\n                return;\n            }\n\n            const newFiles = await selectFiles({\n                multiple: true,\n                type: fileTypes,\n                maxFileSizeInMB,\n            });\n\n            handleAddFiles(newFiles);\n        }, [fileTypes, handleAddFiles, isDisabled, maxFileSizeInMB]);\n\n        const handleDrop = useCallback(\n            (e: DragEvent<HTMLDivElement>) => {\n                e.preventDefault();\n                const draggedFiles = Array.from(e.dataTransfer.files);\n\n                handleAddFiles(draggedFiles);\n            },\n            [handleAddFiles],\n        );\n\n        const content = useMemo(() => {\n            const combinedFiles = [...internalImages, ...internalFiles];\n\n            const items: ReactElement[] = combinedFiles.map((file) => (\n                <StyledMotionFileInputList\n                    animate={{ height: 'auto', opacity: 1 }}\n                    exit={{ height: 0, opacity: 0 }}\n                    key={typeof file === 'string' ? file : file.name}\n                    transition={{ duration: 0.25, type: 'tween' }}\n                >\n                    <FileListItem\n                        fileType={typeof file !== 'string' ? file.type : undefined}\n                        fileName={typeof file !== 'string' ? file.name : undefined}\n                        fileSize={typeof file !== 'string' ? file.size : undefined}\n                        url={typeof file === 'string' ? file : undefined}\n                        onRemove={handleDeleteFile}\n                    />\n                </StyledMotionFileInputList>\n            ));\n\n            return items;\n        }, [handleDeleteFile, internalFiles, internalImages]);\n\n        const uploadedFiles = useMemo(() => {\n            const items: ReactElement[] = [];\n\n            const cutFiles = maxFiles ? files?.splice(0, maxFiles) : files;\n\n            cutFiles?.forEach(({ url, id, name }) => {\n                items.push(\n                    <StyledMotionFileInputList\n                        animate={{ height: 'auto', opacity: 1 }}\n                        exit={{ height: 0, opacity: 0 }}\n                        key={id}\n                        transition={{ duration: 0.25, type: 'tween' }}\n                    >\n                        <FileListItem url={url} onRemove={handleDeleteFile} fileName={name} />\n                    </StyledMotionFileInputList>,\n                );\n            });\n\n            return items;\n        }, [files, handleDeleteFile, maxFiles]);\n\n        return useMemo(\n            () => (\n                <StyledFileInput>\n                    <StyledFileInputWrapper $isDisabled={isDisabled}>\n                        <StyledFileInputContainer\n                            onClick={() => void handleFileSelectionClick()}\n                            onDragOver={(e: DragEvent<HTMLDivElement>) => e.preventDefault()}\n                            onDrop={(e: DragEvent<HTMLDivElement>) => void handleDrop(e)}\n                        >\n                            <Icon icons={fileSelectionIcons} />\n                            <StyledFileInputText>{fileSelectionPlaceholder}</StyledFileInputText>\n                        </StyledFileInputContainer>\n                        {imageSelectPlaceholder && (\n                            <StyledFileInputContainer\n                                $isImageSelection\n                                onClick={() => void handleImageSelectionClick()}\n                            >\n                                <Icon icons={imageSelectIcons} />\n                                <StyledFileInputText>{imageSelectPlaceholder}</StyledFileInputText>\n                            </StyledFileInputContainer>\n                        )}\n                    </StyledFileInputWrapper>\n                    <List>\n                        <AnimatePresence initial={false}>{content}</AnimatePresence>\n                    </List>\n                    {uploadedFiles.length > 0 && (\n                        <StyledUploadedFilesList $shouldShowBorder={content.length > 0}>\n                            <List>\n                                <AnimatePresence initial={false}>{uploadedFiles}</AnimatePresence>\n                            </List>\n                        </StyledUploadedFilesList>\n                    )}\n                </StyledFileInput>\n            ),\n            [\n                isDisabled,\n                fileSelectionIcons,\n                fileSelectionPlaceholder,\n                imageSelectPlaceholder,\n                imageSelectIcons,\n                content,\n                uploadedFiles,\n                handleFileSelectionClick,\n                handleDrop,\n                handleImageSelectionClick,\n            ],\n        );\n    },\n);\n\nFileInput.displayName = 'FileInput';\n\nexport default FileInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/utils/fileDialog.js

@@ -1,7 +1,9 @@
+import { createDialog, DialogType } from 'chayns-api';
 export const selectFiles = _ref => {
   let {
     type,
-    multiple
+    multiple,
+    maxFileSizeInMB
   } = _ref;
   return new Promise(resolve => {
     const input = document.createElement('input');
@@ -34,16 +36,19 @@ export const selectFiles = _ref => {
       const fileArray = Object.values(files);
       const filteredFileArray = fileArray.filter(file => {
         const sizeInMB = file.size / 1024 / 1024;
+        if (maxFileSizeInMB && maxFileSizeInMB < sizeInMB) {
+          return false;
+        }
         if (file.type.includes('video/') && sizeInMB > 500) {
           return false;
         }
         return !(file.type.includes('image/') && sizeInMB > 64);
       });
       if (fileArray.length !== filteredFileArray.length) {
-        // ToDo show dialog that some files are to big
-      }
-      if (filteredFileArray.length === 0) {
-        // ToDo show dialog that all files are to big
+        void createDialog({
+          type: DialogType.ALERT,
+          text: 'Einige Deiner ausgewählten Dateien sind zu groß.'
+        }).open();
       }
       resolve(filteredFileArray);
     });

package/lib/esm/utils/fileDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"fileDialog.js","names":["selectFiles","_ref","type","multiple","Promise","resolve","input","document","createElement","style","visibility","width","height","display","accept","body","appendChild","addEventListener","event","removeChild","target","files","fileArray","Object","values","filteredFileArray","filter","file","sizeInMB","size","includes","length","click","getFileAsArrayBuffer","reject","reader","FileReader","onload","e","result","Error","onerror","readAsArrayBuffer"],"sources":["../../../src/utils/fileDialog.ts"],"sourcesContent":["interface SelectFilesOptions {\n    type?: string;\n    multiple: boolean;\n}\n\nexport const selectFiles = ({ type, multiple }: SelectFilesOptions): Promise<File[]> =>\n    new Promise((resolve) => {\n        const input = document.createElement('input');\n\n        input.type = 'file';\n        input.style.visibility = 'none';\n        input.style.width = '0';\n        input.style.height = '0';\n        input.style.display = 'none';\n\n        if (type !== '*/*' && type) {\n            input.accept = type;\n        }\n\n        if (multiple) {\n            input.multiple = true;\n        }\n\n        document.body.appendChild(input);\n\n        input.addEventListener('change', (event) => {\n            document.body.removeChild(input);\n\n            if (!event.target) {\n                resolve([]);\n\n                return;\n            }\n\n            const target = event.target as HTMLInputElement;\n\n            const { files } = target;\n\n            if (!files) {\n                resolve([]);\n\n                return;\n            }\n\n            const fileArray = Object.values(files);\n\n            const filteredFileArray = fileArray.filter((file) => {\n                const sizeInMB = file.size / 1024 / 1024;\n\n                if (file.type.includes('video/') && sizeInMB > 500) {\n                    return false;\n                }\n\n                return !(file.type.includes('image/') && sizeInMB > 64);\n            });\n\n            if (fileArray.length !== filteredFileArray.length) {\n                // ToDo show dialog that some files are to big\n            }\n\n            if (filteredFileArray.length === 0) {\n                // ToDo show dialog that all files are to big\n            }\n\n            resolve(filteredFileArray);\n        });\n\n        input.click();\n    });\n\nexport const getFileAsArrayBuffer = (file: File): Promise<string | ArrayBuffer> =>\n    new Promise((resolve, reject) => {\n        const reader = new FileReader();\n\n        reader.onload = (e) => {\n            if (e.target?.result) {\n                resolve(e.target.result);\n            } else {\n                reject(Error('Could not get array buffer.'));\n            }\n        };\n\n        reader.onerror = reject;\n\n        reader.readAsArrayBuffer(file);\n    });\n"],"mappings":"AAKA,OAAO,MAAMA,WAAW,GAAGC,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC;EAA6B,CAAC,GAAAF,IAAA;EAAA,OAC9D,IAAIG,OAAO,CAAEC,OAAO,IAAK;IACrB,MAAMC,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;IAE7CF,KAAK,CAACJ,IAAI,GAAG,MAAM;IACnBI,KAAK,CAACG,KAAK,CAACC,UAAU,GAAG,MAAM;IAC/BJ,KAAK,CAACG,KAAK,CAACE,KAAK,GAAG,GAAG;IACvBL,KAAK,CAACG,KAAK,CAACG,MAAM,GAAG,GAAG;IACxBN,KAAK,CAACG,KAAK,CAACI,OAAO,GAAG,MAAM;IAE5B,IAAIX,IAAI,KAAK,KAAK,IAAIA,IAAI,EAAE;MACxBI,KAAK,CAACQ,MAAM,GAAGZ,IAAI;IACvB;IAEA,IAAIC,QAAQ,EAAE;MACVG,KAAK,CAACH,QAAQ,GAAG,IAAI;IACzB;IAEAI,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACV,KAAK,CAAC;IAEhCA,KAAK,CAACW,gBAAgB,CAAC,QAAQ,EAAGC,KAAK,IAAK;MACxCX,QAAQ,CAACQ,IAAI,CAACI,WAAW,CAACb,KAAK,CAAC;MAEhC,IAAI,CAACY,KAAK,CAACE,MAAM,EAAE;QACff,OAAO,CAAC,EAAE,CAAC;QAEX;MACJ;MAEA,MAAMe,MAAM,GAAGF,KAAK,CAACE,MAA0B;MAE/C,MAAM;QAAEC;MAAM,CAAC,GAAGD,MAAM;MAExB,IAAI,CAACC,KAAK,EAAE;QACRhB,OAAO,CAAC,EAAE,CAAC;QAEX;MACJ;MAEA,MAAMiB,SAAS,GAAGC,MAAM,CAACC,MAAM,CAACH,KAAK,CAAC;MAEtC,MAAMI,iBAAiB,GAAGH,SAAS,CAACI,MAAM,CAAEC,IAAI,IAAK;QACjD,MAAMC,QAAQ,GAAGD,IAAI,CAACE,IAAI,GAAG,IAAI,GAAG,IAAI;QAExC,IAAIF,IAAI,CAACzB,IAAI,CAAC4B,QAAQ,CAAC,QAAQ,CAAC,IAAIF,QAAQ,GAAG,GAAG,EAAE;UAChD,OAAO,KAAK;QAChB;QAEA,OAAO,EAAED,IAAI,CAACzB,IAAI,CAAC4B,QAAQ,CAAC,QAAQ,CAAC,IAAIF,QAAQ,GAAG,EAAE,CAAC;MAC3D,CAAC,CAAC;MAEF,IAAIN,SAAS,CAACS,MAAM,KAAKN,iBAAiB,CAACM,MAAM,EAAE;QAC/C;MAAA;MAGJ,IAAIN,iBAAiB,CAACM,MAAM,KAAK,CAAC,EAAE;QAChC;MAAA;MAGJ1B,OAAO,CAACoB,iBAAiB,CAAC;IAC9B,CAAC,CAAC;IAEFnB,KAAK,CAAC0B,KAAK,CAAC,CAAC;EACjB,CAAC,CAAC;AAAA;AAEN,OAAO,MAAMC,oBAAoB,GAAIN,IAAU,IAC3C,IAAIvB,OAAO,CAAC,CAACC,OAAO,EAAE6B,MAAM,KAAK;EAC7B,MAAMC,MAAM,GAAG,IAAIC,UAAU,CAAC,CAAC;EAE/BD,MAAM,CAACE,MAAM,GAAIC,CAAC,IAAK;IACnB,IAAIA,CAAC,CAAClB,MAAM,EAAEmB,MAAM,EAAE;MAClBlC,OAAO,CAACiC,CAAC,CAAClB,MAAM,CAACmB,MAAM,CAAC;IAC5B,CAAC,MAAM;MACHL,MAAM,CAACM,KAAK,CAAC,6BAA6B,CAAC,CAAC;IAChD;EACJ,CAAC;EAEDL,MAAM,CAACM,OAAO,GAAGP,MAAM;EAEvBC,MAAM,CAACO,iBAAiB,CAACf,IAAI,CAAC;AAClC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"fileDialog.js","names":["createDialog","DialogType","selectFiles","_ref","type","multiple","maxFileSizeInMB","Promise","resolve","input","document","createElement","style","visibility","width","height","display","accept","body","appendChild","addEventListener","event","removeChild","target","files","fileArray","Object","values","filteredFileArray","filter","file","sizeInMB","size","includes","length","ALERT","text","open","click","getFileAsArrayBuffer","reject","reader","FileReader","onload","e","result","Error","onerror","readAsArrayBuffer"],"sources":["../../../src/utils/fileDialog.ts"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\n\ninterface SelectFilesOptions {\n    type?: string;\n    multiple: boolean;\n    maxFileSizeInMB?: number;\n}\n\nexport const selectFiles = ({\n    type,\n    multiple,\n    maxFileSizeInMB,\n}: SelectFilesOptions): Promise<File[]> =>\n    new Promise((resolve) => {\n        const input = document.createElement('input');\n\n        input.type = 'file';\n        input.style.visibility = 'none';\n        input.style.width = '0';\n        input.style.height = '0';\n        input.style.display = 'none';\n\n        if (type !== '*/*' && type) {\n            input.accept = type;\n        }\n\n        if (multiple) {\n            input.multiple = true;\n        }\n\n        document.body.appendChild(input);\n\n        input.addEventListener('change', (event) => {\n            document.body.removeChild(input);\n\n            if (!event.target) {\n                resolve([]);\n\n                return;\n            }\n\n            const target = event.target as HTMLInputElement;\n\n            const { files } = target;\n\n            if (!files) {\n                resolve([]);\n\n                return;\n            }\n\n            const fileArray = Object.values(files);\n\n            const filteredFileArray = fileArray.filter((file) => {\n                const sizeInMB = file.size / 1024 / 1024;\n\n                if (maxFileSizeInMB && maxFileSizeInMB < sizeInMB) {\n                    return false;\n                }\n\n                if (file.type.includes('video/') && sizeInMB > 500) {\n                    return false;\n                }\n\n                return !(file.type.includes('image/') && sizeInMB > 64);\n            });\n\n            if (fileArray.length !== filteredFileArray.length) {\n                void createDialog({\n                    type: DialogType.ALERT,\n                    text: 'Einige Deiner ausgewählten Dateien sind zu groß.',\n                }).open();\n            }\n\n            resolve(filteredFileArray);\n        });\n\n        input.click();\n    });\n\nexport const getFileAsArrayBuffer = (file: File): Promise<string | ArrayBuffer> =>\n    new Promise((resolve, reject) => {\n        const reader = new FileReader();\n\n        reader.onload = (e) => {\n            if (e.target?.result) {\n                resolve(e.target.result);\n            } else {\n                reject(Error('Could not get array buffer.'));\n            }\n        };\n\n        reader.onerror = reject;\n\n        reader.readAsArrayBuffer(file);\n    });\n"],"mappings":"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","ignoreList":[]}

package/lib/types/components/file-input/FileInput.d.ts

@@ -29,6 +29,10 @@ export type FileInputProps = {
      * The maximum amount of Files that can be uploaded.
      */
     maxFiles?: number;
+    /**
+     * The maximum size of a file in MB.
+     */
+    maxFileSizeInMB?: number;
     /**
      * A function to be executed when files are added.
      */

package/lib/types/utils/fileDialog.d.ts

@@ -1,7 +1,8 @@
 interface SelectFilesOptions {
     type?: string;
     multiple: boolean;
+    maxFileSizeInMB?: number;
 }
-export declare const selectFiles: ({ type, multiple }: SelectFilesOptions) => Promise<File[]>;
+export declare const selectFiles: ({ type, multiple, maxFileSizeInMB, }: SelectFilesOptions) => Promise<File[]>;
 export declare const getFileAsArrayBuffer: (file: File) => Promise<string | ArrayBuffer>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.780",
+    "version": "5.0.0-beta.781",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -85,5 +85,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "172ac0e1fdce2cd893df2fd91a920b50612d1a6b"
+    "gitHead": "c9d5ad057f0127fe583d7bc84deb09aeab0630c4"
 }