@uipath/apollo-wind 0.9.0 → 0.10.0-pr257.2a4b17b

package/dist/components/ui/file-upload.js

@@ -1,202 +1,420 @@
 'use client';
 import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { Upload, X } from "lucide-react";
 import { useRef, useState } from "react";
 import { Button } from "./button.js";
 import { cn } from "../../lib/index.js";
-function FileUpload({ onFilesChange, accept, multiple = false, disabled = false, maxSize, className, showPreview = false }) {
-    const [files, setFiles] = useState([]);
+function FileUpload(t0) {
+    const $ = c(72);
+    const { onFilesChange, accept, multiple: t1, disabled: t2, maxSize, className, showPreview: t3, errors } = t0;
+    const multiple = void 0 === t1 ? false : t1;
+    const disabled = void 0 === t2 ? false : t2;
+    const showPreview = void 0 === t3 ? false : t3;
+    let t4;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = [];
+        $[0] = t4;
+    } else t4 = $[0];
+    const [files, setFiles] = useState(t4);
     const [isDragging, setIsDragging] = useState(false);
-    const [error, setError] = useState('');
-    const [previews, setPreviews] = useState([]);
+    let t5;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = new Map();
+        $[1] = t5;
+    } else t5 = $[1];
+    const [fileErrors, setFileErrors] = useState(t5);
+    let t6;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = [];
+        $[2] = t6;
+    } else t6 = $[2];
+    const [previews, setPreviews] = useState(t6);
     const inputRef = useRef(null);
-    const validateFiles = (fileList)=>{
-        setError('');
-        const validFiles = [];
-        for (const file of fileList){
-            if (maxSize && file.size > maxSize) {
-                setError(`File "${file.name}" exceeds maximum size of ${formatFileSize(maxSize)}`);
-                continue;
+    let t7;
+    if ($[3] !== accept) {
+        t7 = (file)=>{
+            if (!accept) return true;
+            const acceptedTypes = accept.split(",").map(_temp);
+            for (const acceptedType of acceptedTypes)if (acceptedType.endsWith("/*")) {
+                const baseType = acceptedType.slice(0, -2);
+                if (file.type.toLowerCase().startsWith(baseType)) return true;
+            } else if (acceptedType.includes("/")) {
+                if (file.type.toLowerCase() === acceptedType) return true;
+            } else if (acceptedType.startsWith(".")) {
+                if (file.name.toLowerCase().endsWith(acceptedType)) return true;
             }
-            const isDuplicate = files.some((existingFile)=>existingFile.name === file.name && existingFile.size === file.size);
-            if (!isDuplicate) validFiles.push(file);
-        }
-        return validFiles;
-    };
-    const handleFiles = (fileList)=>{
-        if (!fileList || 0 === fileList.length) return;
-        const filesArray = Array.from(fileList);
-        const validFiles = validateFiles(filesArray);
-        if (0 === validFiles.length) return;
-        const newFiles = multiple ? [
-            ...files,
-            ...validFiles
-        ] : validFiles;
-        setFiles(newFiles);
-        onFilesChange?.(newFiles);
-        if (showPreview) {
-            const newPreviews = [];
-            validFiles.forEach((file)=>{
-                if (file.type.startsWith('image/')) {
-                    const reader = new FileReader();
-                    reader.onloadend = ()=>{
-                        newPreviews.push(reader.result);
-                        if (newPreviews.length === validFiles.filter((f)=>f.type.startsWith('image/')).length) setPreviews(multiple ? [
-                            ...previews,
-                            ...newPreviews
-                        ] : newPreviews);
-                    };
-                    reader.readAsDataURL(file);
+            return false;
+        };
+        $[3] = accept;
+        $[4] = t7;
+    } else t7 = $[4];
+    const isFileTypeAccepted = t7;
+    let formatFileSize;
+    let handleClick;
+    let handleDragEnter;
+    let handleDragLeave;
+    let handleDragOver;
+    let handleDrop;
+    let handleInputChange;
+    let removeFile;
+    if ($[5] !== disabled || $[6] !== fileErrors || $[7] !== files || $[8] !== isFileTypeAccepted || $[9] !== maxSize || $[10] !== multiple || $[11] !== onFilesChange || $[12] !== previews || $[13] !== showPreview) {
+        const validateFiles = (fileList, startIndex, existingErrors)=>{
+            const validFiles = [];
+            const errors_0 = multiple ? new Map(existingErrors) : new Map();
+            for (const file_0 of fileList){
+                const fileIndex = startIndex + validFiles.length;
+                if (!isFileTypeAccepted(file_0)) {
+                    errors_0.set(fileIndex, "File type not accepted");
+                    validFiles.push(file_0);
+                    continue;
                 }
-            });
-        }
-    };
-    const removeFile = (index)=>{
-        const newFiles = files.filter((_, i)=>i !== index);
-        setFiles(newFiles);
-        onFilesChange?.(newFiles);
-        if (showPreview) {
-            const newPreviews = previews.filter((_, i)=>i !== index);
-            setPreviews(newPreviews);
-        }
-        setError('');
-    };
-    const handleDragEnter = (e)=>{
-        e.preventDefault();
-        e.stopPropagation();
-        if (!disabled) setIsDragging(true);
-    };
-    const handleDragLeave = (e)=>{
-        e.preventDefault();
-        e.stopPropagation();
-        setIsDragging(false);
-    };
-    const handleDragOver = (e)=>{
-        e.preventDefault();
-        e.stopPropagation();
-    };
-    const handleDrop = (e)=>{
-        e.preventDefault();
-        e.stopPropagation();
-        setIsDragging(false);
-        if (!disabled) handleFiles(e.dataTransfer.files);
-    };
-    const handleInputChange = (e)=>{
-        handleFiles(e.target.files);
-        if (inputRef.current) inputRef.current.value = '';
-    };
-    const handleClick = ()=>{
-        if (!disabled) inputRef.current?.click();
-    };
-    const formatFileSize = (bytes)=>{
-        if (0 === bytes) return '0 Bytes';
-        const k = 1024;
-        const sizes = [
-            'Bytes',
-            'KB',
-            'MB',
-            'GB'
-        ];
-        const i = Math.floor(Math.log(bytes) / Math.log(k));
-        return Math.round(bytes / k ** i * 100) / 100 + ' ' + sizes[i];
-    };
-    return /*#__PURE__*/ jsxs("div", {
-        className: cn('w-full', className),
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: cn('relative flex flex-col items-center justify-center w-full h-32 px-4 py-6 border-2 border-dashed rounded-lg cursor-pointer transition-colors', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50', disabled && 'opacity-50 cursor-not-allowed hover:bg-background', error && 'border-destructive'),
-                onDragEnter: handleDragEnter,
-                onDragOver: handleDragOver,
-                onDragLeave: handleDragLeave,
-                onDrop: handleDrop,
-                onClick: handleClick,
-                children: [
-                    /*#__PURE__*/ jsx("input", {
-                        ref: inputRef,
-                        type: "file",
-                        className: "hidden",
-                        accept: accept,
-                        multiple: multiple,
-                        disabled: disabled,
-                        onChange: handleInputChange,
-                        "aria-label": "File upload"
-                    }),
-                    /*#__PURE__*/ jsx(Upload, {
-                        className: "w-8 h-8 mb-2 text-muted-foreground"
-                    }),
-                    /*#__PURE__*/ jsxs("p", {
-                        className: "text-sm text-muted-foreground text-center",
-                        children: [
-                            /*#__PURE__*/ jsx("span", {
-                                className: "font-semibold",
-                                children: "Click to upload"
-                            }),
-                            " or drag and drop"
-                        ]
-                    }),
-                    accept && /*#__PURE__*/ jsx("p", {
-                        className: "text-xs text-muted-foreground mt-1",
-                        children: accept.split(',').join(', ')
-                    }),
-                    maxSize && /*#__PURE__*/ jsxs("p", {
-                        className: "text-xs text-muted-foreground",
-                        children: [
-                            "Max size: ",
-                            formatFileSize(maxSize)
-                        ]
-                    })
-                ]
-            }),
-            error && /*#__PURE__*/ jsx("p", {
-                className: "text-sm text-destructive mt-2",
-                children: error
-            }),
-            files.length > 0 && /*#__PURE__*/ jsx("div", {
-                className: "mt-4 space-y-2",
-                children: files.map((file, index)=>/*#__PURE__*/ jsxs("div", {
-                        className: "flex items-center justify-between p-3 bg-accent/50 rounded-md",
-                        children: [
-                            /*#__PURE__*/ jsxs("div", {
-                                className: "flex items-center gap-3 flex-1 min-w-0",
-                                children: [
-                                    showPreview && previews[index] && /*#__PURE__*/ jsx("img", {
-                                        src: previews[index],
-                                        alt: file.name,
-                                        className: "w-10 h-10 object-cover rounded"
-                                    }),
-                                    /*#__PURE__*/ jsxs("div", {
-                                        className: "flex-1 min-w-0",
-                                        children: [
-                                            /*#__PURE__*/ jsx("p", {
-                                                className: "text-sm font-medium truncate",
-                                                children: file.name
-                                            }),
-                                            /*#__PURE__*/ jsx("p", {
-                                                className: "text-xs text-muted-foreground",
-                                                children: formatFileSize(file.size)
-                                            })
-                                        ]
+                if (maxSize && file_0.size > maxSize) {
+                    errors_0.set(fileIndex, `Exceeds maximum size of ${formatFileSize(maxSize)}`);
+                    validFiles.push(file_0);
+                    continue;
+                }
+                const isDuplicate = files.some((existingFile)=>existingFile.name === file_0.name && existingFile.size === file_0.size);
+                if (!isDuplicate) validFiles.push(file_0);
+            }
+            return {
+                validFiles,
+                errors: errors_0
+            };
+        };
+        const handleFiles = (fileList_0)=>{
+            if (!fileList_0 || 0 === fileList_0.length) return;
+            const filesArray = Array.from(fileList_0);
+            const startIndex_0 = multiple ? files.length : 0;
+            const { validFiles: validFiles_0, errors: errors_1 } = validateFiles(filesArray, startIndex_0, fileErrors);
+            if (0 === validFiles_0.length) return;
+            const newFiles = multiple ? [
+                ...files,
+                ...validFiles_0
+            ] : validFiles_0;
+            setFiles(newFiles);
+            onFilesChange?.(newFiles);
+            setFileErrors(errors_1);
+            if (showPreview) {
+                const newPreviews = [];
+                validFiles_0.forEach((file_1)=>{
+                    if (file_1.type.startsWith("image/")) {
+                        const reader = new FileReader();
+                        reader.onloadend = ()=>{
+                            newPreviews.push(reader.result);
+                            if (newPreviews.length === validFiles_0.filter(_temp2).length) setPreviews(multiple ? [
+                                ...previews,
+                                ...newPreviews
+                            ] : newPreviews);
+                        };
+                        reader.readAsDataURL(file_1);
+                    }
+                });
+            }
+        };
+        let t8;
+        if ($[22] !== files || $[23] !== onFilesChange || $[24] !== previews || $[25] !== showPreview) {
+            t8 = (index)=>{
+                const newFiles_0 = files.filter((_, i)=>i !== index);
+                setFiles(newFiles_0);
+                onFilesChange?.(newFiles_0);
+                if (showPreview) {
+                    const newPreviews_0 = previews.filter((__0, i_0)=>i_0 !== index);
+                    setPreviews(newPreviews_0);
+                }
+                setFileErrors((prev)=>{
+                    const updated = new Map();
+                    prev.forEach((error, i_1)=>{
+                        if (i_1 < index) updated.set(i_1, error);
+                        else if (i_1 > index) updated.set(i_1 - 1, error);
+                    });
+                    return updated;
+                });
+            };
+            $[22] = files;
+            $[23] = onFilesChange;
+            $[24] = previews;
+            $[25] = showPreview;
+            $[26] = t8;
+        } else t8 = $[26];
+        removeFile = t8;
+        let t9;
+        if ($[27] !== disabled) {
+            t9 = (e)=>{
+                e.preventDefault();
+                e.stopPropagation();
+                if (!disabled) setIsDragging(true);
+            };
+            $[27] = disabled;
+            $[28] = t9;
+        } else t9 = $[28];
+        handleDragEnter = t9;
+        let t10;
+        if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+            t10 = (e_0)=>{
+                e_0.preventDefault();
+                e_0.stopPropagation();
+                setIsDragging(false);
+            };
+            $[29] = t10;
+        } else t10 = $[29];
+        handleDragLeave = t10;
+        handleDragOver = _temp3;
+        handleDrop = (e_2)=>{
+            e_2.preventDefault();
+            e_2.stopPropagation();
+            setIsDragging(false);
+            if (!disabled) handleFiles(e_2.dataTransfer.files);
+        };
+        handleInputChange = (e_3)=>{
+            handleFiles(e_3.target.files);
+            if (inputRef.current) inputRef.current.value = "";
+        };
+        let t11;
+        if ($[30] !== disabled) {
+            t11 = ()=>{
+                if (!disabled) inputRef.current?.click();
+            };
+            $[30] = disabled;
+            $[31] = t11;
+        } else t11 = $[31];
+        handleClick = t11;
+        formatFileSize = _temp4;
+        $[5] = disabled;
+        $[6] = fileErrors;
+        $[7] = files;
+        $[8] = isFileTypeAccepted;
+        $[9] = maxSize;
+        $[10] = multiple;
+        $[11] = onFilesChange;
+        $[12] = previews;
+        $[13] = showPreview;
+        $[14] = formatFileSize;
+        $[15] = handleClick;
+        $[16] = handleDragEnter;
+        $[17] = handleDragLeave;
+        $[18] = handleDragOver;
+        $[19] = handleDrop;
+        $[20] = handleInputChange;
+        $[21] = removeFile;
+    } else {
+        formatFileSize = $[14];
+        handleClick = $[15];
+        handleDragEnter = $[16];
+        handleDragLeave = $[17];
+        handleDragOver = $[18];
+        handleDrop = $[19];
+        handleInputChange = $[20];
+        removeFile = $[21];
+    }
+    let t8;
+    if ($[32] !== className) {
+        t8 = cn("w-full", className);
+        $[32] = className;
+        $[33] = t8;
+    } else t8 = $[33];
+    const t9 = isDragging ? "border-primary bg-primary/5" : "border-input bg-background hover:bg-accent/50";
+    const t10 = disabled && "opacity-50 cursor-not-allowed hover:bg-background";
+    let t11;
+    if ($[34] !== t10 || $[35] !== t9) {
+        t11 = cn("relative flex flex-col items-center justify-center w-full h-32 px-4 py-6 border-2 border-dashed rounded-lg cursor-pointer transition-colors", t9, t10);
+        $[34] = t10;
+        $[35] = t9;
+        $[36] = t11;
+    } else t11 = $[36];
+    let t12;
+    if ($[37] !== accept || $[38] !== disabled || $[39] !== handleInputChange || $[40] !== multiple) {
+        t12 = /*#__PURE__*/ jsx("input", {
+            ref: inputRef,
+            type: "file",
+            className: "hidden",
+            accept: accept,
+            multiple: multiple,
+            disabled: disabled,
+            onChange: handleInputChange,
+            "aria-label": "File upload"
+        });
+        $[37] = accept;
+        $[38] = disabled;
+        $[39] = handleInputChange;
+        $[40] = multiple;
+        $[41] = t12;
+    } else t12 = $[41];
+    let t13;
+    if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+        t13 = /*#__PURE__*/ jsx(Upload, {
+            className: "w-8 h-8 mb-2 text-muted-foreground"
+        });
+        $[42] = t13;
+    } else t13 = $[42];
+    let t14;
+    if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
+        t14 = /*#__PURE__*/ jsxs("p", {
+            className: "text-sm text-muted-foreground text-center",
+            children: [
+                /*#__PURE__*/ jsx("span", {
+                    className: "font-semibold",
+                    children: "Click to upload"
+                }),
+                " or drag and drop"
+            ]
+        });
+        $[43] = t14;
+    } else t14 = $[43];
+    let t15;
+    if ($[44] !== accept) {
+        t15 = accept && /*#__PURE__*/ jsx("p", {
+            className: "text-xs text-muted-foreground mt-1",
+            children: accept.split(",").join(", ")
+        });
+        $[44] = accept;
+        $[45] = t15;
+    } else t15 = $[45];
+    let t16;
+    if ($[46] !== formatFileSize || $[47] !== maxSize) {
+        t16 = maxSize && /*#__PURE__*/ jsxs("p", {
+            className: "text-xs text-muted-foreground",
+            children: [
+                "Max size: ",
+                formatFileSize(maxSize)
+            ]
+        });
+        $[46] = formatFileSize;
+        $[47] = maxSize;
+        $[48] = t16;
+    } else t16 = $[48];
+    let t17;
+    if ($[49] !== handleClick || $[50] !== handleDragEnter || $[51] !== handleDragLeave || $[52] !== handleDragOver || $[53] !== handleDrop || $[54] !== t11 || $[55] !== t12 || $[56] !== t15 || $[57] !== t16) {
+        t17 = /*#__PURE__*/ jsxs("div", {
+            className: t11,
+            onDragEnter: handleDragEnter,
+            onDragOver: handleDragOver,
+            onDragLeave: handleDragLeave,
+            onDrop: handleDrop,
+            onClick: handleClick,
+            children: [
+                t12,
+                t13,
+                t14,
+                t15,
+                t16
+            ]
+        });
+        $[49] = handleClick;
+        $[50] = handleDragEnter;
+        $[51] = handleDragLeave;
+        $[52] = handleDragOver;
+        $[53] = handleDrop;
+        $[54] = t11;
+        $[55] = t12;
+        $[56] = t15;
+        $[57] = t16;
+        $[58] = t17;
+    } else t17 = $[58];
+    let t18;
+    if ($[59] !== disabled || $[60] !== errors || $[61] !== fileErrors || $[62] !== files || $[63] !== formatFileSize || $[64] !== previews || $[65] !== removeFile || $[66] !== showPreview) {
+        t18 = files.length > 0 && /*#__PURE__*/ jsx("div", {
+            className: "mt-4 space-y-2",
+            children: files.map((file_2, index_0)=>{
+                const fileError = errors?.[file_2.name] ?? fileErrors.get(index_0);
+                return /*#__PURE__*/ jsxs("div", {
+                    className: cn("flex flex-col p-3 rounded-md", fileError ? "bg-destructive/10 border border-destructive/20" : "bg-accent/50"),
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex items-center justify-between",
+                            children: [
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: "flex items-center gap-3 flex-1 min-w-0",
+                                    children: [
+                                        showPreview && previews[index_0] && /*#__PURE__*/ jsx("img", {
+                                            src: previews[index_0],
+                                            alt: file_2.name,
+                                            className: "w-10 h-10 object-cover rounded"
+                                        }),
+                                        /*#__PURE__*/ jsxs("div", {
+                                            className: "flex-1 min-w-0",
+                                            children: [
+                                                /*#__PURE__*/ jsx("p", {
+                                                    className: "text-sm font-medium truncate",
+                                                    children: file_2.name
+                                                }),
+                                                /*#__PURE__*/ jsx("p", {
+                                                    className: "text-xs text-muted-foreground",
+                                                    children: formatFileSize(file_2.size)
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(Button, {
+                                    variant: "ghost",
+                                    size: "icon",
+                                    className: "h-8 w-8",
+                                    "aria-label": `Remove ${file_2.name}`,
+                                    onClick: (e_4)=>{
+                                        e_4.stopPropagation();
+                                        removeFile(index_0);
+                                    },
+                                    disabled: disabled,
+                                    children: /*#__PURE__*/ jsx(X, {
+                                        className: "h-4 w-4"
                                     })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx(Button, {
-                                variant: "ghost",
-                                size: "icon",
-                                className: "h-8 w-8",
-                                "aria-label": `Remove ${file.name}`,
-                                onClick: (e)=>{
-                                    e.stopPropagation();
-                                    removeFile(index);
-                                },
-                                disabled: disabled,
-                                children: /*#__PURE__*/ jsx(X, {
-                                    className: "h-4 w-4"
                                 })
-                            })
-                        ]
-                    }, index))
+                            ]
+                        }),
+                        fileError && /*#__PURE__*/ jsx("p", {
+                            className: "text-xs text-destructive mt-2",
+                            children: fileError
+                        })
+                    ]
+                }, index_0);
             })
-        ]
-    });
+        });
+        $[59] = disabled;
+        $[60] = errors;
+        $[61] = fileErrors;
+        $[62] = files;
+        $[63] = formatFileSize;
+        $[64] = previews;
+        $[65] = removeFile;
+        $[66] = showPreview;
+        $[67] = t18;
+    } else t18 = $[67];
+    let t19;
+    if ($[68] !== t17 || $[69] !== t18 || $[70] !== t8) {
+        t19 = /*#__PURE__*/ jsxs("div", {
+            className: t8,
+            children: [
+                t17,
+                t18
+            ]
+        });
+        $[68] = t17;
+        $[69] = t18;
+        $[70] = t8;
+        $[71] = t19;
+    } else t19 = $[71];
+    return t19;
+}
+function _temp4(bytes) {
+    if (0 === bytes) return "0 Bytes";
+    const sizes = [
+        "Bytes",
+        "KB",
+        "MB",
+        "GB"
+    ];
+    const i_2 = Math.floor(Math.log(bytes) / Math.log(1024));
+    return Math.round(bytes / 1024 ** i_2 * 100) / 100 + " " + sizes[i_2];
+}
+function _temp3(e_1) {
+    e_1.preventDefault();
+    e_1.stopPropagation();
+}
+function _temp2(f) {
+    return f.type.startsWith("image/");
+}
+function _temp(type) {
+    return type.trim().toLowerCase();
 }
 export { FileUpload };