dishui 0.0.65 → 0.0.67

package/dist/components/FileUploader/DropZone.js

@@ -1,147 +1,145 @@
-import M from "../Button/index.js";
-import { useCallback as c, useRef as T, useState as j } from "react";
-import { jsx as l, jsxs as w } from "react/jsx-runtime";
-var W = {
-  dropzoneTitle: "Drop files here",
-  dropzoneHint: "or click to browse",
-  browseButton: "Browse Files",
-  fileTooLarge: "File too large",
-  fileTypeNotAllowed: "File type not allowed",
-  maxFilesReached: "Maximum number of files reached"
-}, R = () => /* @__PURE__ */ l("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  className: "h-10 w-10 opacity-40",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  strokeWidth: 1.5,
-  children: /* @__PURE__ */ l("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
-  })
+import e from "../Button/index.js";
+import { useCallback as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/FileUploader/DropZone.tsx
+var o = {
+	dropzoneTitle: "Drop files here",
+	dropzoneHint: "or click to browse",
+	browseButton: "Browse Files",
+	fileTooLarge: "File too large",
+	fileTypeNotAllowed: "File type not allowed",
+	maxFilesReached: "Maximum number of files reached"
+}, s = () => /* @__PURE__ */ i("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	className: "h-10 w-10 opacity-40",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	strokeWidth: 1.5,
+	children: /* @__PURE__ */ i("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
+	})
 });
-function z(r, t, a) {
-  return t && t.length > 0 && !t.some((o) => {
-    if (o.startsWith(".")) return r.name.toLowerCase().endsWith(o.toLowerCase());
-    if (o.endsWith("/*")) {
-      const f = o.replace("/*", "/");
-      return r.type.startsWith(f);
-    }
-    return r.type === o;
-  }) ? "fileTypeNotAllowed" : a && r.size > a ? "fileTooLarge" : null;
+function c(e, t, n) {
+	return t && t.length > 0 && !t.some((t) => {
+		if (t.startsWith(".")) return e.name.toLowerCase().endsWith(t.toLowerCase());
+		if (t.endsWith("/*")) {
+			let n = t.replace("/*", "/");
+			return e.type.startsWith(n);
+		}
+		return e.type === t;
+	}) ? "fileTypeNotAllowed" : n && e.size > n ? "fileTooLarge" : null;
 }
-var F = ({ accept: r, maxFileSize: t, maxFiles: a, multiple: o = !0, currentFileCount: f = 0, labels: x, className: k = "", disabled: n = !1, onFilesAdded: v, onValidationError: m }) => {
-  const i = {
-    ...W,
-    ...x
-  }, p = T(null), [D, d] = j(!1), u = c((e) => {
-    const s = [];
-    for (const h of e) {
-      if (a && f + s.length >= a) {
-        m?.(h, i.maxFilesReached);
-        break;
-      }
-      const g = z(h, r, t);
-      g ? m?.(h, i[g] || g) : s.push(h);
-    }
-    s.length > 0 && v(o ? s : [s[0]]);
-  }, [
-    r,
-    t,
-    a,
-    o,
-    f,
-    i,
-    v,
-    m
-  ]), b = c((e) => {
-    e.preventDefault(), e.stopPropagation(), n || d(!0);
-  }, [n]), B = c((e) => {
-    e.preventDefault(), e.stopPropagation(), d(!1);
-  }, []), L = c((e) => {
-    if (e.preventDefault(), e.stopPropagation(), d(!1), n) return;
-    const s = Array.from(e.dataTransfer.files);
-    u(s);
-  }, [n, u]), y = c(() => {
-    n || p.current?.click();
-  }, [n]), N = c((e) => {
-    const s = Array.from(e.target.files || []);
-    u(s), p.current && (p.current.value = "");
-  }, [u]), C = r?.join(",");
-  return /* @__PURE__ */ w("div", {
-    className: `
+var l = ({ accept: l, maxFileSize: d, maxFiles: f, multiple: p = !0, currentFileCount: m = 0, labels: h, className: g = "", disabled: _ = !1, onFilesAdded: v, onValidationError: y }) => {
+	let b = {
+		...o,
+		...h
+	}, x = n(null), [S, C] = r(!1), w = t((e) => {
+		let t = [];
+		for (let n of e) {
+			if (f && m + t.length >= f) {
+				y?.(n, b.maxFilesReached);
+				break;
+			}
+			let e = c(n, l, d);
+			e ? y?.(n, b[e] || e) : t.push(n);
+		}
+		t.length > 0 && v(p ? t : [t[0]]);
+	}, [
+		l,
+		d,
+		f,
+		p,
+		m,
+		b,
+		v,
+		y
+	]), T = t((e) => {
+		e.preventDefault(), e.stopPropagation(), _ || C(!0);
+	}, [_]), E = t((e) => {
+		e.preventDefault(), e.stopPropagation(), C(!1);
+	}, []), D = t((e) => {
+		if (e.preventDefault(), e.stopPropagation(), C(!1), _) return;
+		let t = Array.from(e.dataTransfer.files);
+		w(t);
+	}, [_, w]), O = t(() => {
+		_ || x.current?.click();
+	}, [_]), k = t((e) => {
+		let t = Array.from(e.target.files || []);
+		w(t), x.current && (x.current.value = "");
+	}, [w]), A = l?.join(",");
+	return /* @__PURE__ */ a("div", {
+		className: `
                 relative flex flex-col items-center justify-center
                 min-h-[200px] p-6 sm:p-8
                 border-2 border-dashed rounded-xl
                 transition-colors duration-200 cursor-pointer
-                ${D ? "border-primary bg-primary/5" : "border-base-300 hover:border-primary/50 bg-base-100"}
-                ${n ? "opacity-50 cursor-not-allowed" : ""}
-                ${k}
+                ${S ? "border-primary bg-primary/5" : "border-base-300 hover:border-primary/50 bg-base-100"}
+                ${_ ? "opacity-50 cursor-not-allowed" : ""}
+                ${g}
             `,
-    onDragOver: b,
-    onDragLeave: B,
-    onDrop: L,
-    onClick: y,
-    role: "button",
-    tabIndex: 0,
-    onKeyDown: (e) => {
-      (e.key === "Enter" || e.key === " ") && y();
-    },
-    children: [
-      /* @__PURE__ */ l("input", {
-        ref: p,
-        type: "file",
-        className: "hidden",
-        accept: C,
-        multiple: o,
-        onChange: N,
-        disabled: n
-      }),
-      /* @__PURE__ */ l(R, {}),
-      /* @__PURE__ */ l("p", {
-        className: "mt-3 text-base font-semibold text-base-content",
-        children: i.dropzoneTitle
-      }),
-      /* @__PURE__ */ l("p", {
-        className: "mt-1 text-sm opacity-60",
-        children: i.dropzoneHint
-      }),
-      /* @__PURE__ */ l(M, {
-        variant: "primary",
-        size: "sm",
-        outline: !0,
-        className: "mt-4",
-        disabled: n,
-        onClick: () => {
-        },
-        children: i.browseButton
-      }),
-      r && r.length > 0 && /* @__PURE__ */ l("p", {
-        className: "mt-3 text-xs opacity-50",
-        children: r.join(", ")
-      }),
-      t && /* @__PURE__ */ w("p", {
-        className: "text-xs opacity-50",
-        children: ["Max: ", A(t)]
-      })
-    ]
-  });
+		onDragOver: T,
+		onDragLeave: E,
+		onDrop: D,
+		onClick: O,
+		role: "button",
+		tabIndex: 0,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && O();
+		},
+		children: [
+			/* @__PURE__ */ i("input", {
+				ref: x,
+				type: "file",
+				className: "hidden",
+				accept: A,
+				multiple: p,
+				onChange: k,
+				disabled: _
+			}),
+			/* @__PURE__ */ i(s, {}),
+			/* @__PURE__ */ i("p", {
+				className: "mt-3 text-base font-semibold text-base-content",
+				children: b.dropzoneTitle
+			}),
+			/* @__PURE__ */ i("p", {
+				className: "mt-1 text-sm opacity-60",
+				children: b.dropzoneHint
+			}),
+			/* @__PURE__ */ i(e, {
+				variant: "primary",
+				size: "sm",
+				outline: !0,
+				className: "mt-4",
+				disabled: _,
+				onClick: () => {},
+				children: b.browseButton
+			}),
+			l && l.length > 0 && /* @__PURE__ */ i("p", {
+				className: "mt-3 text-xs opacity-50",
+				children: l.join(", ")
+			}),
+			d && /* @__PURE__ */ a("p", {
+				className: "text-xs opacity-50",
+				children: ["Max: ", u(d)]
+			})
+		]
+	});
 };
-function A(r) {
-  if (r === 0) return "0 B";
-  const t = 1024, a = [
-    "B",
-    "KB",
-    "MB",
-    "GB",
-    "TB"
-  ], o = Math.floor(Math.log(r) / Math.log(t));
-  return parseFloat((r / Math.pow(t, o)).toFixed(1)) + " " + a[o];
+function u(e) {
+	if (e === 0) return "0 B";
+	let t = 1024, n = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], r = Math.floor(Math.log(e) / Math.log(t));
+	return parseFloat((e / t ** r).toFixed(1)) + " " + n[r];
 }
-export {
-  F as DropZone,
-  A as formatFileSize
-};
+//#endregion
+export { l as DropZone, u as formatFileSize };
 
 //# sourceMappingURL=DropZone.js.map

package/dist/components/FileUploader/DropZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.js","names":[],"sources":["../../../src/components/FileUploader/DropZone.tsx"],"sourcesContent":["import React, { useRef, useState, useCallback } from 'react';\nimport { DropZoneProps } from './types';\nimport Button from '../Button';\n\nconst defaultLabels = {\n    dropzoneTitle: 'Drop files here',\n    dropzoneHint: 'or click to browse',\n    browseButton: 'Browse Files',\n    fileTooLarge: 'File too large',\n    fileTypeNotAllowed: 'File type not allowed',\n    maxFilesReached: 'Maximum number of files reached',\n};\n\nconst UploadIcon = () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-10 w-10 opacity-40\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\" />\n    </svg>\n);\n\n/** Validate a single file against accept list and max size */\nfunction validateFile(\n    file: File,\n    accept?: string[],\n    maxFileSize?: number,\n): string | null {\n    // Check file type\n    if (accept && accept.length > 0) {\n        const allowed = accept.some(pattern => {\n            if (pattern.startsWith('.')) {\n                // Extension match\n                return file.name.toLowerCase().endsWith(pattern.toLowerCase());\n            }\n            if (pattern.endsWith('/*')) {\n                // MIME prefix match (e.g. image/*)\n                const prefix = pattern.replace('/*', '/');\n                return file.type.startsWith(prefix);\n            }\n            // Exact MIME match\n            return file.type === pattern;\n        });\n        if (!allowed) return 'fileTypeNotAllowed';\n    }\n\n    // Check file size\n    if (maxFileSize && file.size > maxFileSize) {\n        return 'fileTooLarge';\n    }\n\n    return null;\n}\n\nexport const DropZone: React.FC<DropZoneProps> = ({\n    accept,\n    maxFileSize,\n    maxFiles,\n    multiple = true,\n    currentFileCount = 0,\n    labels: userLabels,\n    className = '',\n    disabled = false,\n    onFilesAdded,\n    onValidationError,\n}) => {\n    const labels = { ...defaultLabels, ...userLabels };\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isDragOver, setIsDragOver] = useState(false);\n\n    const processFiles = useCallback((rawFiles: File[]) => {\n        const valid: File[] = [];\n        for (const file of rawFiles) {\n            // Check max files limit\n            if (maxFiles && (currentFileCount + valid.length) >= maxFiles) {\n                onValidationError?.(file, labels.maxFilesReached!);\n                break;\n            }\n            const error = validateFile(file, accept, maxFileSize);\n            if (error) {\n                onValidationError?.(file, labels[error as keyof typeof labels] || error);\n            } else {\n                valid.push(file);\n            }\n        }\n        if (valid.length > 0) {\n            onFilesAdded(multiple ? valid : [valid[0]]);\n        }\n    }, [accept, maxFileSize, maxFiles, multiple, currentFileCount, labels, onFilesAdded, onValidationError]);\n\n    const handleDragOver = useCallback((e: React.DragEvent) => {\n        e.preventDefault();\n        e.stopPropagation();\n        if (!disabled) setIsDragOver(true);\n    }, [disabled]);\n\n    const handleDragLeave = useCallback((e: React.DragEvent) => {\n        e.preventDefault();\n        e.stopPropagation();\n        setIsDragOver(false);\n    }, []);\n\n    const handleDrop = useCallback((e: React.DragEvent) => {\n        e.preventDefault();\n        e.stopPropagation();\n        setIsDragOver(false);\n        if (disabled) return;\n        const files = Array.from(e.dataTransfer.files);\n        processFiles(files);\n    }, [disabled, processFiles]);\n\n    const handleClick = useCallback(() => {\n        if (!disabled) inputRef.current?.click();\n    }, [disabled]);\n\n    const handleInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n        const files = Array.from(e.target.files || []);\n        processFiles(files);\n        // Reset input so same file can be re-selected\n        if (inputRef.current) inputRef.current.value = '';\n    }, [processFiles]);\n\n    const acceptStr = accept?.join(',');\n\n    return (\n        <div\n            className={`\n                relative flex flex-col items-center justify-center\n                min-h-[200px] p-6 sm:p-8\n                border-2 border-dashed rounded-xl\n                transition-colors duration-200 cursor-pointer\n                ${isDragOver\n                    ? 'border-primary bg-primary/5'\n                    : 'border-base-300 hover:border-primary/50 bg-base-100'\n                }\n                ${disabled ? 'opacity-50 cursor-not-allowed' : ''}\n                ${className}\n            `}\n            onDragOver={handleDragOver}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop}\n            onClick={handleClick}\n            role=\"button\"\n            tabIndex={0}\n            onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') handleClick(); }}\n        >\n            <input\n                ref={inputRef}\n                type=\"file\"\n                className=\"hidden\"\n                accept={acceptStr}\n                multiple={multiple}\n                onChange={handleInputChange}\n                disabled={disabled}\n            />\n\n            <UploadIcon />\n\n            <p className=\"mt-3 text-base font-semibold text-base-content\">\n                {labels.dropzoneTitle}\n            </p>\n            <p className=\"mt-1 text-sm opacity-60\">\n                {labels.dropzoneHint}\n            </p>\n\n            <Button\n                variant=\"primary\"\n                size=\"sm\"\n                outline\n                className=\"mt-4\"\n                disabled={disabled}\n                onClick={() => { /* click propagation handled by parent div */ }}\n            >\n                {labels.browseButton}\n            </Button>\n\n            {accept && accept.length > 0 && (\n                <p className=\"mt-3 text-xs opacity-50\">\n                    {accept.join(', ')}\n                </p>\n            )}\n            {maxFileSize && (\n                <p className=\"text-xs opacity-50\">\n                    Max: {formatFileSize(maxFileSize)}\n                </p>\n            )}\n        </div>\n    );\n};\n\n/** Format bytes to human-readable string */\nexport function formatFileSize(bytes: number): string {\n    if (bytes === 0) return '0 B';\n    const k = 1024;\n    const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];\n    const i = Math.floor(Math.log(bytes) / Math.log(k));\n    return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];\n}\n"],"mappings":";;;AAIA,IAAM,IAAgB;AAAA,EAClB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,iBAAiB;AACrB,GAEM,IAAA,MACF,gBAAA,EAAC,OAAD;AAAA,EAAK,OAAM;AAAA,EAA6B,WAAU;AAAA,EAAuB,MAAK;AAAA,EAAO,SAAQ;AAAA,EAAY,QAAO;AAAA,EAAe,aAAa;AAAA,EACxI,UAAA,gBAAA,EAAC,QAAD;AAAA,IAAM,eAAc;AAAA,IAAQ,gBAAe;AAAA,IAAQ,GAAE;AAAA,EAAyF,CAAA;AAC7I,CAAA;AAIT,SAAS,EACL,GACA,GACA,GACa;AAEb,SAAI,KAAU,EAAO,SAAS,KActB,CAbY,EAAO,KAAA,CAAK,MAAW;AACnC,QAAI,EAAQ,WAAW,GAAG,EAEtB,QAAO,EAAK,KAAK,YAAY,EAAE,SAAS,EAAQ,YAAY,CAAC;AAEjE,QAAI,EAAQ,SAAS,IAAI,GAAG;AAExB,YAAM,IAAS,EAAQ,QAAQ,MAAM,GAAG;AACxC,aAAO,EAAK,KAAK,WAAW,CAAM;AAAA,IACtC;AAEA,WAAO,EAAK,SAAS;AAAA,EACzB,CACK,IAAgB,uBAIrB,KAAe,EAAK,OAAO,IACpB,iBAGJ;AACX;AAEA,IAAa,IAAA,CAAqC,EAC9C,QAAA,GACA,aAAA,GACA,UAAA,GACA,UAAA,IAAW,IACX,kBAAA,IAAmB,GACnB,QAAQ,GACR,WAAA,IAAY,IACZ,UAAA,IAAW,IACX,cAAA,GACA,mBAAA,EAAA,MACE;AACF,QAAM,IAAS;AAAA,IAAE,GAAG;AAAA,IAAe,GAAG;AAAA,EAAW,GAC3C,IAAW,EAAyB,IAAI,GACxC,CAAC,GAAY,CAAA,IAAiB,EAAS,EAAK,GAE5C,IAAe,EAAA,CAAa,MAAqB;AACnD,UAAM,IAAgB,CAAC;AACvB,eAAW,KAAQ,GAAU;AAEzB,UAAI,KAAa,IAAmB,EAAM,UAAW,GAAU;AAC3D,QAAA,IAAoB,GAAM,EAAO,eAAgB;AACjD;AAAA,MACJ;AACA,YAAM,IAAQ,EAAa,GAAM,GAAQ,CAAW;AACpD,MAAI,IACA,IAAoB,GAAM,EAAO,CAAA,KAAiC,CAAK,IAEvE,EAAM,KAAK,CAAI;AAAA,IAEvB;AACA,IAAI,EAAM,SAAS,KACf,EAAa,IAAW,IAAQ,CAAC,EAAM,CAAA,CAAE,CAAC;AAAA,EAElD,GAAG;AAAA,IAAC;AAAA,IAAQ;AAAA,IAAa;AAAA,IAAU;AAAA,IAAU;AAAA,IAAkB;AAAA,IAAQ;AAAA,IAAc;AAAA,EAAiB,CAAC,GAEjG,IAAiB,EAAA,CAAa,MAAuB;AACvD,MAAE,eAAe,GACjB,EAAE,gBAAgB,GACb,KAAU,EAAc,EAAI;AAAA,EACrC,GAAG,CAAC,CAAQ,CAAC,GAEP,IAAkB,EAAA,CAAa,MAAuB;AACxD,MAAE,eAAe,GACjB,EAAE,gBAAgB,GAClB,EAAc,EAAK;AAAA,EACvB,GAAG,CAAC,CAAC,GAEC,IAAa,EAAA,CAAa,MAAuB;AAInD,QAHA,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAClB,EAAc,EAAK,GACf,EAAU;AACd,UAAM,IAAQ,MAAM,KAAK,EAAE,aAAa,KAAK;AAC7C,IAAA,EAAa,CAAK;AAAA,EACtB,GAAG,CAAC,GAAU,CAAY,CAAC,GAErB,IAAc,EAAA,MAAkB;AAClC,IAAK,KAAU,EAAS,SAAS,MAAM;AAAA,EAC3C,GAAG,CAAC,CAAQ,CAAC,GAEP,IAAoB,EAAA,CAAa,MAA2C;AAC9E,UAAM,IAAQ,MAAM,KAAK,EAAE,OAAO,SAAS,CAAC,CAAC;AAC7C,IAAA,EAAa,CAAK,GAEd,EAAS,YAAS,EAAS,QAAQ,QAAQ;AAAA,EACnD,GAAG,CAAC,CAAY,CAAC,GAEX,IAAY,GAAQ,KAAK,GAAG;AAElC,SACI,gBAAA,EAAC,OAAD;AAAA,IACI,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKL,IACI,gCACA,qDAAA;AAAA,kBAEJ,IAAW,kCAAkC,EAAA;AAAA,kBAC7C,CAAA;AAAA;AAAA,IAEN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,MAAK;AAAA,IACL,UAAU;AAAA,IACV,WAAA,CAAY,MAAM;AAAE,OAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAK,EAAY;AAAA,IAAG;AAAA,IAnB/E,UAAA;AAAA,MAqBI,gBAAA,EAAC,SAAD;AAAA,QACI,KAAK;AAAA,QACL,MAAK;AAAA,QACL,WAAU;AAAA,QACV,QAAQ;AAAA,QACE,UAAA;AAAA,QACV,UAAU;AAAA,QACA,UAAA;AAAA,MACb,CAAA;AAAA,MAED,gBAAA,EAAC,GAAD,CAAa,CAAA;AAAA,MAEb,gBAAA,EAAC,KAAD;AAAA,QAAG,WAAU;AAAA,QACR,UAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACH,gBAAA,EAAC,KAAD;AAAA,QAAG,WAAU;AAAA,QACR,UAAA,EAAO;AAAA,MACT,CAAA;AAAA,MAEH,gBAAA,EAAC,GAAD;AAAA,QACI,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAA;AAAA,QACA,WAAU;AAAA,QACA,UAAA;AAAA,QACV,SAAA,MAAe;AAAA,QAAgD;AAAA,QAE9D,UAAA,EAAO;AAAA,MACJ,CAAA;AAAA,MAEP,KAAU,EAAO,SAAS,KACvB,gBAAA,EAAC,KAAD;AAAA,QAAG,WAAU;AAAA,QACR,UAAA,EAAO,KAAK,IAAI;AAAA,MAClB,CAAA;AAAA,MAEN,KACG,gBAAA,EAAC,KAAD;AAAA,QAAG,WAAU;AAAA,QAAb,UAAA,CAAkC,SACxB,EAAe,CAAW,CACjC;AAAA;IAEN;AAAA;AAEb;AAGA,SAAgB,EAAe,GAAuB;AAClD,MAAI,MAAU,EAAG,QAAO;AACxB,QAAM,IAAI,MACJ,IAAQ;AAAA,IAAC;AAAA,IAAK;AAAA,IAAM;AAAA,IAAM;AAAA,IAAM;AAAA,EAAI,GACpC,IAAI,KAAK,MAAM,KAAK,IAAI,CAAK,IAAI,KAAK,IAAI,CAAC,CAAC;AAClD,SAAO,YAAY,IAAQ,KAAK,IAAI,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,MAAM,EAAM,CAAA;AACzE"}
+{"version":3,"file":"DropZone.js","names":[],"sources":["../../../src/components/FileUploader/DropZone.tsx"],"sourcesContent":["import React, { useRef, useState, useCallback } from 'react';\nimport { DropZoneProps } from './types';\nimport Button from '../Button';\n\nconst defaultLabels = {\n    dropzoneTitle: 'Drop files here',\n    dropzoneHint: 'or click to browse',\n    browseButton: 'Browse Files',\n    fileTooLarge: 'File too large',\n    fileTypeNotAllowed: 'File type not allowed',\n    maxFilesReached: 'Maximum number of files reached',\n};\n\nconst UploadIcon = () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-10 w-10 opacity-40\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5}>\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\" />\n    </svg>\n);\n\n/** Validate a single file against accept list and max size */\nfunction validateFile(\n    file: File,\n    accept?: string[],\n    maxFileSize?: number,\n): string | null {\n    // Check file type\n    if (accept && accept.length > 0) {\n        const allowed = accept.some(pattern => {\n            if (pattern.startsWith('.')) {\n                // Extension match\n                return file.name.toLowerCase().endsWith(pattern.toLowerCase());\n            }\n            if (pattern.endsWith('/*')) {\n                // MIME prefix match (e.g. image/*)\n                const prefix = pattern.replace('/*', '/');\n                return file.type.startsWith(prefix);\n            }\n            // Exact MIME match\n            return file.type === pattern;\n        });\n        if (!allowed) return 'fileTypeNotAllowed';\n    }\n\n    // Check file size\n    if (maxFileSize && file.size > maxFileSize) {\n        return 'fileTooLarge';\n    }\n\n    return null;\n}\n\nexport const DropZone: React.FC<DropZoneProps> = ({\n    accept,\n    maxFileSize,\n    maxFiles,\n    multiple = true,\n    currentFileCount = 0,\n    labels: userLabels,\n    className = '',\n    disabled = false,\n    onFilesAdded,\n    onValidationError,\n}) => {\n    const labels = { ...defaultLabels, ...userLabels };\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isDragOver, setIsDragOver] = useState(false);\n\n    const processFiles = useCallback((rawFiles: File[]) => {\n        const valid: File[] = [];\n        for (const file of rawFiles) {\n            // Check max files limit\n            if (maxFiles && (currentFileCount + valid.length) >= maxFiles) {\n                onValidationError?.(file, labels.maxFilesReached!);\n                break;\n            }\n            const error = validateFile(file, accept, maxFileSize);\n            if (error) {\n                onValidationError?.(file, labels[error as keyof typeof labels] || error);\n            } else {\n                valid.push(file);\n            }\n        }\n        if (valid.length > 0) {\n            onFilesAdded(multiple ? valid : [valid[0]]);\n        }\n    }, [accept, maxFileSize, maxFiles, multiple, currentFileCount, labels, onFilesAdded, onValidationError]);\n\n    const handleDragOver = useCallback((e: React.DragEvent) => {\n        e.preventDefault();\n        e.stopPropagation();\n        if (!disabled) setIsDragOver(true);\n    }, [disabled]);\n\n    const handleDragLeave = useCallback((e: React.DragEvent) => {\n        e.preventDefault();\n        e.stopPropagation();\n        setIsDragOver(false);\n    }, []);\n\n    const handleDrop = useCallback((e: React.DragEvent) => {\n        e.preventDefault();\n        e.stopPropagation();\n        setIsDragOver(false);\n        if (disabled) return;\n        const files = Array.from(e.dataTransfer.files);\n        processFiles(files);\n    }, [disabled, processFiles]);\n\n    const handleClick = useCallback(() => {\n        if (!disabled) inputRef.current?.click();\n    }, [disabled]);\n\n    const handleInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n        const files = Array.from(e.target.files || []);\n        processFiles(files);\n        // Reset input so same file can be re-selected\n        if (inputRef.current) inputRef.current.value = '';\n    }, [processFiles]);\n\n    const acceptStr = accept?.join(',');\n\n    return (\n        <div\n            className={`\n                relative flex flex-col items-center justify-center\n                min-h-[200px] p-6 sm:p-8\n                border-2 border-dashed rounded-xl\n                transition-colors duration-200 cursor-pointer\n                ${isDragOver\n                    ? 'border-primary bg-primary/5'\n                    : 'border-base-300 hover:border-primary/50 bg-base-100'\n                }\n                ${disabled ? 'opacity-50 cursor-not-allowed' : ''}\n                ${className}\n            `}\n            onDragOver={handleDragOver}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop}\n            onClick={handleClick}\n            role=\"button\"\n            tabIndex={0}\n            onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') handleClick(); }}\n        >\n            <input\n                ref={inputRef}\n                type=\"file\"\n                className=\"hidden\"\n                accept={acceptStr}\n                multiple={multiple}\n                onChange={handleInputChange}\n                disabled={disabled}\n            />\n\n            <UploadIcon />\n\n            <p className=\"mt-3 text-base font-semibold text-base-content\">\n                {labels.dropzoneTitle}\n            </p>\n            <p className=\"mt-1 text-sm opacity-60\">\n                {labels.dropzoneHint}\n            </p>\n\n            <Button\n                variant=\"primary\"\n                size=\"sm\"\n                outline\n                className=\"mt-4\"\n                disabled={disabled}\n                onClick={() => { /* click propagation handled by parent div */ }}\n            >\n                {labels.browseButton}\n            </Button>\n\n            {accept && accept.length > 0 && (\n                <p className=\"mt-3 text-xs opacity-50\">\n                    {accept.join(', ')}\n                </p>\n            )}\n            {maxFileSize && (\n                <p className=\"text-xs opacity-50\">\n                    Max: {formatFileSize(maxFileSize)}\n                </p>\n            )}\n        </div>\n    );\n};\n\n/** Format bytes to human-readable string */\nexport function formatFileSize(bytes: number): string {\n    if (bytes === 0) return '0 B';\n    const k = 1024;\n    const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];\n    const i = Math.floor(Math.log(bytes) / Math.log(k));\n    return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];\n}\n"],"mappings":"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"}