impact-nova 1.8.2 → 1.9.0-alpha.0

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

@@ -1,60 +1,67 @@
-import { jsx as e, jsxs as m, Fragment as T } from "react/jsx-runtime";
-import * as n from "react";
-import { cn as p } from "../../lib/utils.js";
-import { Cross as k, FileUpload as I, Delete as L, Document as B, Text as M, Csv as A, Excel as O } from "../../icons/index.js";
+import { jsx as e, jsxs as c, Fragment as k } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as m } from "../../lib/utils.js";
 import { Tooltip as U, TooltipTrigger as C, TooltipContent as D } from "./tooltip.js";
 import { useImpactNovaI18n as z } from "../../i18n/ImpactNovaI18nContext.js";
-const R = n.createContext(void 0), j = () => {
-  const a = n.useContext(R);
+import { FileUpload as T } from "../../icons/generated/webp-file-upload.js";
+import { Eye as I } from "../../icons/generated/eye.js";
+import { Delete as L } from "../../icons/generated/delete.js";
+import { Document as B } from "../../icons/generated/document.js";
+import { Text as M } from "../../icons/generated/webp-text.js";
+import { Csv as A } from "../../icons/generated/webp-csv.js";
+import { Excel as E } from "../../icons/generated/webp-excel.js";
+import { Cross as O } from "../../icons/generated/cross.js";
+const R = o.createContext(void 0), j = () => {
+  const a = o.useContext(R);
   if (!a)
     throw new Error("useFileUpload must be used within a FileUpload component");
   return a;
-}, S = n.forwardRef(
+}, S = o.forwardRef(
   ({
     className: a,
     children: t,
-    onFilesChange: l,
-    maxFiles: o = 1,
+    onFilesChange: r,
+    maxFiles: l = 1,
     accept: d = [],
-    disabled: c = !1,
+    disabled: f = !1,
     value: u = [],
-    ...f
-  }, w) => {
-    const [x, h] = n.useState(u);
-    n.useEffect(() => {
-      h(u);
+    ...p
+  }, b) => {
+    const [h, x] = o.useState(u);
+    o.useEffect(() => {
+      x(u);
     }, [u]);
-    const r = (g) => {
-      if (c) return;
-      let s = g;
-      d.length > 0 && (s = s.filter((N) => {
-        const y = N.name.split(".").pop()?.toLowerCase();
-        return y && d.includes(y);
+    const g = (i) => {
+      if (f) return;
+      let s = i;
+      d.length > 0 && (s = s.filter((y) => {
+        const w = y.name.split(".").pop()?.toLowerCase();
+        return w && d.includes(w);
       }));
-      const F = o - x.length;
-      if (F <= 0) return;
-      const b = s.slice(0, F);
-      if (b.length > 0) {
-        const N = [...x, ...b];
-        h(N), l?.(N);
+      const v = l - h.length;
+      if (v <= 0) return;
+      const F = s.slice(0, v);
+      if (F.length > 0) {
+        const y = [...h, ...F];
+        x(y), r?.(y);
       }
-    }, v = (g) => {
-      if (c) return;
-      const s = x.filter((F) => F !== g);
-      h(s), l?.(s);
+    }, N = (i) => {
+      if (f) return;
+      const s = h.filter((v) => v !== i);
+      x(s), r?.(s);
     };
     return /* @__PURE__ */ e(
       R.Provider,
       {
-        value: { files: x, addFiles: r, removeFile: v, maxFiles: o, accept: d, disabled: c },
+        value: { files: h, addFiles: g, removeFile: N, maxFiles: l, accept: d, disabled: f },
         children: /* @__PURE__ */ e(
           "div",
           {
-            ref: w,
-            className: p("w-full max-w-[550px]", a),
+            ref: b,
+            className: m("w-full max-w-[550px]", a),
             "data-component": "file-upload",
-            "data-disabled": c || void 0,
-            ...f,
+            "data-disabled": f || void 0,
+            ...p,
             children: t
           }
         )
@@ -63,147 +70,147 @@ const R = n.createContext(void 0), j = () => {
   }
 );
 S.displayName = "FileUpload";
-const E = n.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
+const P = o.forwardRef(({ className: a, children: t, ...r }, l) => /* @__PURE__ */ e(
   "div",
   {
-    ref: o,
-    className: p(
+    ref: l,
+    className: m(
       "flex flex-col gap-4 p-4 min-h-[274px] bg-canvas-elevated rounded-2xl shadow-elevation-header",
       a
     ),
-    ...l,
+    ...r,
     children: t
   }
 ));
-E.displayName = "FileUploadContent";
-const H = n.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
+P.displayName = "FileUploadContent";
+const H = o.forwardRef(({ className: a, children: t, ...r }, l) => /* @__PURE__ */ e(
   "div",
   {
-    ref: o,
-    className: p("flex justify-between items-center w-full", a),
-    ...l,
+    ref: l,
+    className: m("flex justify-between items-center w-full", a),
+    ...r,
     children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-[2px] w-full", children: t })
   }
 ));
 H.displayName = "FileUploadHeader";
-const P = n.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
+const Z = o.forwardRef(({ className: a, children: t, ...r }, l) => /* @__PURE__ */ e(
   "h3",
   {
-    ref: o,
-    className: p("text-base font-extrabold text-content leading-6", a),
-    ...l,
+    ref: l,
+    className: m("text-base font-extrabold text-content leading-6", a),
+    ...r,
     children: t
   }
 ));
-P.displayName = "FileUploadTitle";
-const Z = n.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
+Z.displayName = "FileUploadTitle";
+const $ = o.forwardRef(({ className: a, children: t, ...r }, l) => /* @__PURE__ */ e(
   "p",
   {
-    ref: o,
-    className: p(
+    ref: l,
+    className: m(
       "text-sm font-medium text-navigation-muted leading-5",
       a
     ),
-    ...l,
+    ...r,
     children: t
   }
 ));
-Z.displayName = "FileUploadDescription";
-const $ = n.forwardRef(({ className: a, ...t }, l) => {
-  const { t: o } = z(), d = o("aria.close");
-  return /* @__PURE__ */ m(U, { children: [
+$.displayName = "FileUploadDescription";
+const G = o.forwardRef(({ className: a, ...t }, r) => {
+  const { t: l } = z(), d = l("aria.close");
+  return /* @__PURE__ */ c(U, { children: [
     /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
-        ref: l,
-        className: p(
+        ref: r,
+        className: m(
           "text-content-tertiary hover:text-content transition-colors",
           a
         ),
         type: "button",
         "aria-label": d,
         ...t,
-        children: /* @__PURE__ */ e(k, { size: 16 })
+        children: /* @__PURE__ */ e(O, { size: 16 })
       }
     ) }),
     /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: d })
   ] });
 });
-$.displayName = "FileUploadClose";
-const G = n.forwardRef(({ className: a, label: t, subLabel: l, ...o }, d) => {
-  const { addFiles: c, accept: u, disabled: f, files: w, maxFiles: x } = j(), [h, r] = n.useState(!1), v = n.useRef(null);
-  if (w.length >= x)
+G.displayName = "FileUploadClose";
+const K = o.forwardRef(({ className: a, label: t, subLabel: r, ...l }, d) => {
+  const { addFiles: f, accept: u, disabled: p, files: b, maxFiles: h } = j(), [x, g] = o.useState(!1), N = o.useRef(null);
+  if (b.length >= h)
     return null;
-  const g = (i) => {
-    i.preventDefault(), f || r(!0);
-  }, s = (i) => {
-    i.preventDefault(), r(!1);
-  }, F = (i) => {
-    i.preventDefault(), r(!1), !f && i.dataTransfer.files?.length && c(Array.from(i.dataTransfer.files));
-  }, b = () => {
-    f || v.current?.click();
-  }, N = (i) => {
-    i.target.files?.length && (c(Array.from(i.target.files)), i.target.value = "");
-  }, y = u.length > 0 ? u.map((i) => `.${i}`).join(",") : void 0;
-  return /* @__PURE__ */ m(
+  const i = (n) => {
+    n.preventDefault(), p || g(!0);
+  }, s = (n) => {
+    n.preventDefault(), g(!1);
+  }, v = (n) => {
+    n.preventDefault(), g(!1), !p && n.dataTransfer.files?.length && f(Array.from(n.dataTransfer.files));
+  }, F = () => {
+    p || N.current?.click();
+  }, y = (n) => {
+    n.target.files?.length && (f(Array.from(n.target.files)), n.target.value = "");
+  }, w = u.length > 0 ? u.map((n) => `.${n}`).join(",") : void 0;
+  return /* @__PURE__ */ c(
     "div",
     {
       ref: d,
-      onClick: b,
-      onDragOver: g,
+      onClick: F,
+      onDragOver: i,
       onDragLeave: s,
-      onDrop: F,
-      className: p(
+      onDrop: v,
+      className: m(
         "relative flex flex-col items-center justify-end p-4 pt-6 pb-6 gap-2 h-[148px] rounded-lg border border-dashed border-stroke-accent bg-transparent cursor-pointer transition-colors",
-        h && "border-brand bg-brand/5",
-        f && "opacity-50 cursor-not-allowed",
+        x && "border-brand bg-brand/5",
+        p && "opacity-50 cursor-not-allowed",
         a
       ),
       "data-component": "file-upload-dropzone",
-      "data-state": h ? "drag-over" : "idle",
-      ...o,
+      "data-state": x ? "drag-over" : "idle",
+      ...l,
       children: [
         /* @__PURE__ */ e(
           "input",
           {
-            ref: v,
+            ref: N,
             type: "file",
             multiple: !0,
             className: "hidden",
-            accept: y,
-            onChange: N,
-            disabled: f
+            accept: w,
+            onChange: y,
+            disabled: p
           }
         ),
-        /* @__PURE__ */ e("div", { className: "absolute top-[24px] left-1/2 -translate-x-1/2 pointer-events-none", children: /* @__PURE__ */ e(I, { size: 56 }) }),
-        /* @__PURE__ */ m("div", { className: "text-center space-y-1 z-10 mt-auto", children: [
-          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-content leading-5", children: t || /* @__PURE__ */ m(T, { children: [
+        /* @__PURE__ */ e("div", { className: "absolute top-[24px] left-1/2 -translate-x-1/2 pointer-events-none", children: /* @__PURE__ */ e(T, { size: 56 }) }),
+        /* @__PURE__ */ c("div", { className: "text-center space-y-1 z-10 mt-auto", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-content leading-5", children: t || /* @__PURE__ */ c(k, { children: [
             "Drag your files here or",
             " ",
             /* @__PURE__ */ e("span", { className: "text-brand text-sm font-medium hover:underline", children: "Choose File" })
           ] }) }),
-          l && /* @__PURE__ */ e("p", { className: "text-xs font-medium text-navigation-muted", children: l })
+          r && /* @__PURE__ */ e("p", { className: "text-xs font-medium text-navigation-muted", children: r })
         ] })
       ]
     }
   );
 });
-G.displayName = "FileUploadDropZone";
-const K = n.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e("div", { ref: o, className: p("flex flex-col gap-3", a), ...l, children: t }));
-K.displayName = "FileUploadList";
-const q = n.forwardRef(
-  ({ className: a, file: t, onRemove: l, ...o }, d) => {
-    const { t: c } = z(), { removeFile: u, disabled: f } = j(), w = (r) => {
-      r.stopPropagation(), l ? l() : u(t);
-    }, x = (r) => {
-      if (r === 0) return "0 B";
-      const v = 1024, g = ["B", "KB", "MB", "GB"], s = Math.floor(Math.log(r) / Math.log(v));
-      return parseFloat((r / Math.pow(v, s)).toFixed(2)) + " " + g[s];
-    }, h = (r) => {
-      switch (r.split(".").pop()?.toLowerCase()) {
+K.displayName = "FileUploadDropZone";
+const V = o.forwardRef(({ className: a, children: t, ...r }, l) => /* @__PURE__ */ e("div", { ref: l, className: m("flex flex-col gap-3", a), ...r, children: t }));
+V.displayName = "FileUploadList";
+const q = o.forwardRef(
+  ({ className: a, file: t, onRemove: r, onView: l, onClick: d, ...f }, u) => {
+    const { t: p } = z(), { removeFile: b, disabled: h } = j(), x = (i) => {
+      i.stopPropagation(), r ? r() : b(t);
+    }, g = (i) => {
+      if (i === 0) return "0 B";
+      const s = 1024, v = ["B", "KB", "MB", "GB"], F = Math.floor(Math.log(i) / Math.log(s));
+      return parseFloat((i / Math.pow(s, F)).toFixed(2)) + " " + v[F];
+    }, N = (i) => {
+      switch (i.split(".").pop()?.toLowerCase()) {
         case "xls":
         case "xlsx":
-          return /* @__PURE__ */ e(O, { size: 36 });
+          return /* @__PURE__ */ e(E, { size: 36 });
         case "csv":
           return /* @__PURE__ */ e(A, { size: 36 });
         case "txt":
@@ -215,38 +222,57 @@ const q = n.forwardRef(
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: d,
-        className: p(
+        ref: u,
+        onClick: d,
+        className: m(
           "flex flex-col justify-between items-stretch gap-2 p-4 border border-stroke-hairline rounded-xl bg-canvas-elevated",
+          d && "cursor-pointer",
           a
         ),
         "data-component": "file-upload-item",
         "data-file-name": t.name,
         "data-file-size": t.size,
-        ...o,
-        children: /* @__PURE__ */ m("div", { className: "flex justify-between items-center gap-2 z-10", children: [
-          /* @__PURE__ */ m("div", { className: "flex gap-2 min-w-0", children: [
-            /* @__PURE__ */ e("div", { className: "w-9 h-9 shrink-0", children: h(t.name) }),
-            /* @__PURE__ */ m("div", { className: "flex flex-col justify-between gap-[2px] min-w-0", children: [
-              /* @__PURE__ */ m(U, { children: [
+        ...f,
+        children: /* @__PURE__ */ c("div", { className: "flex justify-between items-center gap-2 z-10", children: [
+          /* @__PURE__ */ c("div", { className: "flex gap-2 min-w-0", children: [
+            /* @__PURE__ */ e("div", { className: "w-9 h-9 shrink-0", children: N(t.name) }),
+            /* @__PURE__ */ c("div", { className: "flex flex-col justify-between gap-[2px] min-w-0", children: [
+              /* @__PURE__ */ c(U, { children: [
                 /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "text-xs font-bold text-content leading-[18px] line-clamp-1 break-all cursor-default", children: t.name }) }),
                 /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: t.name })
               ] }),
-              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-content-muted leading-[16px]", children: x(t.size) })
+              /* @__PURE__ */ e("span", { className: "text-xs font-medium text-content-muted leading-[16px]", children: g(t.size) })
             ] })
           ] }),
-          !f && /* @__PURE__ */ m(U, { children: [
-            /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
-              "button",
-              {
-                onClick: w,
-                className: "flex items-center justify-center text-content-tertiary hover:text-destructive transition-colors",
-                type: "button",
-                "aria-label": c("aria.removeFile"),
-                children: /* @__PURE__ */ e(L, { size: 14 })
-              }
-            ) }),
-            /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: c("aria.removeFile") })
+          /* @__PURE__ */ c("div", { className: "flex items-center gap-4 shrink-0", children: [
+            l && /* @__PURE__ */ c(U, { children: [
+              /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: (i) => {
+                    i.stopPropagation(), l();
+                  },
+                  className: "flex items-center justify-center text-content-tertiary hover:text-content transition-colors",
+                  type: "button",
+                  "aria-label": "View file data",
+                  children: /* @__PURE__ */ e(I, { size: 18 })
+                }
+              ) }),
+              /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: "View" })
+            ] }),
+            !h && /* @__PURE__ */ c(U, { children: [
+              /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: x,
+                  className: "flex items-center justify-center text-content-tertiary hover:text-destructive transition-colors",
+                  type: "button",
+                  "aria-label": p("aria.removeFile"),
+                  children: /* @__PURE__ */ e(L, { size: 14 })
+                }
+              ) }),
+              /* @__PURE__ */ e(D, { side: "top", variant: "tertiary", children: p("aria.removeFile") })
+            ] })
           ] })
         ] })
       }
@@ -254,25 +280,26 @@ const q = n.forwardRef(
   }
 );
 q.displayName = "FileUploadItem";
-const J = n.forwardRef(({ className: a, children: t, ...l }, o) => /* @__PURE__ */ e(
+const J = o.forwardRef(({ className: a, children: t, ...r }, l) => /* @__PURE__ */ e(
   "div",
   {
-    ref: o,
-    className: p("flex items-center justify-end gap-4 mt-auto", a),
-    ...l,
+    ref: l,
+    className: m("flex items-center justify-end gap-4 mt-auto", a),
+    ...r,
     children: t
   }
 ));
 J.displayName = "FileUploadFooter";
 export {
   S as FileUpload,
-  $ as FileUploadClose,
-  E as FileUploadContent,
-  Z as FileUploadDescription,
-  G as FileUploadDropZone,
+  G as FileUploadClose,
+  P as FileUploadContent,
+  $ as FileUploadDescription,
+  K as FileUploadDropZone,
   J as FileUploadFooter,
   H as FileUploadHeader,
   q as FileUploadItem,
-  K as FileUploadList,
-  P as FileUploadTitle
+  V as FileUploadList,
+  Z as FileUploadTitle
 };
+//# sourceMappingURL=file-upload.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.js","sources":["impact-nova/src/components/ui/file-upload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  FileUpload as FileUploadIcon,\n  Cross,\n  Document,\n  Csv,\n  Excel,\n  Text as TextIcon,\n  Delete,\n  Eye,\n} from \"@/icons\";\nimport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n} from \"@/components/ui/tooltip\";\nimport { useImpactNovaI18n } from \"@/i18n\";\nimport type {\n  FileUploadProps,\n  FileUploadContextValue,\n  FileUploadDropZoneProps,\n  FileUploadItemProps,\n} from \"./types/file-upload.types\";\n\nconst FileUploadContext = React.createContext<\n  FileUploadContextValue | undefined\n>(undefined);\n\nconst useFileUpload = () => {\n  const context = React.useContext(FileUploadContext);\n  if (!context) {\n    throw new Error(\"useFileUpload must be used within a FileUpload component\");\n  }\n  return context;\n};\n\nconst FileUpload = React.forwardRef<HTMLDivElement, FileUploadProps>(\n  (\n    {\n      className,\n      children,\n      onFilesChange,\n      maxFiles = 1,\n      accept = [],\n      disabled = false,\n      value = [],\n      ...props\n    },\n    ref,\n  ) => {\n    const [files, setFiles] = React.useState<File[]>(value);\n\n    React.useEffect(() => {\n      setFiles(value);\n    }, [value]);\n\n    const addFiles = (newFiles: File[]) => {\n      if (disabled) return;\n\n      let validFiles = newFiles;\n\n      // Filter by type if accept is provided\n      if (accept.length > 0) {\n        validFiles = validFiles.filter((file) => {\n          const extension = file.name.split(\".\").pop()?.toLowerCase();\n          return extension && accept.includes(extension);\n        });\n      }\n\n      // Enforce maxFiles\n      const availableSlots = maxFiles - files.length;\n      if (availableSlots <= 0) return;\n\n      const filesToAdd = validFiles.slice(0, availableSlots);\n\n      if (filesToAdd.length > 0) {\n        const updatedFiles = [...files, ...filesToAdd];\n        setFiles(updatedFiles);\n        onFilesChange?.(updatedFiles);\n      }\n    };\n\n    const removeFile = (fileToRemove: File) => {\n      if (disabled) return;\n      const updatedFiles = files.filter((f) => f !== fileToRemove);\n      setFiles(updatedFiles);\n      onFilesChange?.(updatedFiles);\n    };\n\n    return (\n      <FileUploadContext.Provider\n        value={{ files, addFiles, removeFile, maxFiles, accept, disabled }}\n      >\n        <div\n          ref={ref}\n          className={cn(\"w-full max-w-[550px]\", className)}\n          data-component=\"file-upload\"\n          data-disabled={disabled || undefined}\n          {...props}\n        >\n          {children}\n        </div>\n      </FileUploadContext.Provider>\n    );\n  },\n);\nFileUpload.displayName = \"FileUpload\";\n\nconst FileUploadContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"flex flex-col gap-4 p-4 min-h-[274px] bg-canvas-elevated rounded-2xl shadow-elevation-header\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n));\nFileUploadContent.displayName = \"FileUploadContent\";\n\nconst FileUploadHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex justify-between items-center w-full\", className)}\n    {...props}\n  >\n    <div className=\"flex flex-col gap-[2px] w-full\">{children}</div>\n  </div>\n));\nFileUploadHeader.displayName = \"FileUploadHeader\";\n\nconst FileUploadTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, children, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn(\"text-base font-extrabold text-content leading-6\", className)}\n    {...props}\n  >\n    {children}\n  </h3>\n));\nFileUploadTitle.displayName = \"FileUploadTitle\";\n\nconst FileUploadDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn(\n      \"text-sm font-medium text-navigation-muted leading-5\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </p>\n));\nFileUploadDescription.displayName = \"FileUploadDescription\";\n\nconst FileUploadClose = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(({ className, ...props }, ref) => {\n  const { t } = useImpactNovaI18n();\n  const closeLabel = t(\"aria.close\");\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          ref={ref}\n          className={cn(\n            \"text-content-tertiary hover:text-content transition-colors\",\n            className,\n          )}\n          type=\"button\"\n          aria-label={closeLabel}\n          {...props}\n        >\n          <Cross size={16} />\n        </button>\n      </TooltipTrigger>\n      <TooltipContent side=\"top\" variant=\"tertiary\">\n        {closeLabel}\n      </TooltipContent>\n    </Tooltip>\n  );\n});\nFileUploadClose.displayName = \"FileUploadClose\";\n\nconst FileUploadDropZone = React.forwardRef<\n  HTMLDivElement,\n  FileUploadDropZoneProps\n>(({ className, label, subLabel, ...props }, ref) => {\n  const { addFiles, accept, disabled, files, maxFiles } = useFileUpload();\n  const [isDragOver, setIsDragOver] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  // Hide DropZone if maxFiles limit is reached\n  if (files.length >= maxFiles) {\n    return null;\n  }\n\n  const handleDragOver = (e: React.DragEvent) => {\n    e.preventDefault();\n    if (!disabled) setIsDragOver(true);\n  };\n\n  const handleDragLeave = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragOver(false);\n  };\n\n  const handleDrop = (e: React.DragEvent) => {\n    e.preventDefault();\n    setIsDragOver(false);\n    if (disabled) return;\n    if (e.dataTransfer.files?.length) {\n      addFiles(Array.from(e.dataTransfer.files));\n    }\n  };\n\n  const handleClick = () => {\n    if (!disabled) inputRef.current?.click();\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files?.length) {\n      addFiles(Array.from(e.target.files));\n      e.target.value = \"\"; // Reset\n    }\n  };\n\n  // Convert allowed extensions to proper accept string for input (e.g. \".xlsx,.csv\")\n  const acceptAttribute =\n    accept.length > 0 ? accept.map((ext) => `.${ext}`).join(\",\") : undefined;\n\n  return (\n    <div\n      ref={ref}\n      onClick={handleClick}\n      onDragOver={handleDragOver}\n      onDragLeave={handleDragLeave}\n      onDrop={handleDrop}\n      className={cn(\n        \"relative flex flex-col items-center justify-end p-4 pt-6 pb-6 gap-2 h-[148px] rounded-lg border border-dashed border-stroke-accent bg-transparent cursor-pointer transition-colors\",\n        isDragOver && \"border-brand bg-brand/5\",\n        disabled && \"opacity-50 cursor-not-allowed\",\n        className,\n      )}\n      data-component=\"file-upload-dropzone\"\n      data-state={isDragOver ? \"drag-over\" : \"idle\"}\n      {...props}\n    >\n      <input\n        ref={inputRef}\n        type=\"file\"\n        multiple\n        className=\"hidden\"\n        accept={acceptAttribute}\n        onChange={handleInputChange}\n        disabled={disabled}\n      />\n\n      {/* Absolute positioning to mimic background-position: 50% 24px */}\n      <div className=\"absolute top-[24px] left-1/2 -translate-x-1/2 pointer-events-none\">\n        <FileUploadIcon size={56} />\n      </div>\n\n      <div className=\"text-center space-y-1 z-10 mt-auto\">\n        <p className=\"text-sm font-medium text-content leading-5\">\n          {label || (\n            <>\n              Drag your files here or{\" \"}\n              <span className=\"text-brand text-sm font-medium hover:underline\">\n                Choose File\n              </span>\n            </>\n          )}\n        </p>\n        {subLabel && (\n          <p className=\"text-xs font-medium text-navigation-muted\">\n            {subLabel}\n          </p>\n        )}\n      </div>\n    </div>\n  );\n});\nFileUploadDropZone.displayName = \"FileUploadDropZone\";\n\nconst FileUploadList = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex flex-col gap-3\", className)} {...props}>\n    {children}\n  </div>\n));\nFileUploadList.displayName = \"FileUploadList\";\n\nconst FileUploadItem = React.forwardRef<HTMLDivElement, FileUploadItemProps>(\n  ({ className, file, onRemove, onView, onClick, ...props }, ref) => {\n    const { t } = useImpactNovaI18n();\n    const { removeFile, disabled } = useFileUpload();\n\n    const handleRemove = (e: React.MouseEvent) => {\n      e.stopPropagation();\n      if (onRemove) {\n        onRemove();\n      } else {\n        removeFile(file);\n      }\n    };\n\n    const formatSize = (bytes: number) => {\n      if (bytes === 0) return \"0 B\";\n      const k = 1024;\n      const sizes = [\"B\", \"KB\", \"MB\", \"GB\"];\n      const i = Math.floor(Math.log(bytes) / Math.log(k));\n      return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + \" \" + sizes[i];\n    };\n\n    const getFileIcon = (fileName: string) => {\n      const ext = fileName.split(\".\").pop()?.toLowerCase();\n      switch (ext) {\n        case \"xls\":\n        case \"xlsx\":\n          return <Excel size={36} />;\n        case \"csv\":\n          return <Csv size={36} />;\n        case \"txt\":\n          return <TextIcon size={36} />;\n        default:\n          return <Document size={36} className=\"text-content-icon\" />;\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        onClick={onClick}\n        className={cn(\n          \"flex flex-col justify-between items-stretch gap-2 p-4 border border-stroke-hairline rounded-xl bg-canvas-elevated\",\n          onClick && \"cursor-pointer\",\n          className,\n        )}\n        data-component=\"file-upload-item\"\n        data-file-name={file.name}\n        data-file-size={file.size}\n        {...props}\n      >\n        <div className=\"flex justify-between items-center gap-2 z-10\">\n          <div className=\"flex gap-2 min-w-0\">\n            <div className=\"w-9 h-9 shrink-0\">{getFileIcon(file.name)}</div>\n            <div className=\"flex flex-col justify-between gap-[2px] min-w-0\">\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <span className=\"text-xs font-bold text-content leading-[18px] line-clamp-1 break-all cursor-default\">\n                    {file.name}\n                  </span>\n                </TooltipTrigger>\n                <TooltipContent side=\"top\" variant=\"tertiary\">\n                  {file.name}\n                </TooltipContent>\n              </Tooltip>\n              <span className=\"text-xs font-medium text-content-muted leading-[16px]\">\n                {formatSize(file.size)}\n              </span>\n            </div>\n          </div>\n          \n          <div className=\"flex items-center gap-4 shrink-0\">\n            {onView && (\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <button\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      onView();\n                    }}\n                    className=\"flex items-center justify-center text-content-tertiary hover:text-content transition-colors\"\n                    type=\"button\"\n                    aria-label=\"View file data\"\n                  >\n                    <Eye size={18} />\n                  </button>\n                </TooltipTrigger>\n                <TooltipContent side=\"top\" variant=\"tertiary\">\n                  View\n                </TooltipContent>\n              </Tooltip>\n            )}\n\n            {!disabled && (\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <button\n                    onClick={handleRemove}\n                    className=\"flex items-center justify-center text-content-tertiary hover:text-destructive transition-colors\"\n                    type=\"button\"\n                    aria-label={t(\"aria.removeFile\")}\n                  >\n                    <Delete size={14} />\n                  </button>\n                </TooltipTrigger>\n                <TooltipContent side=\"top\" variant=\"tertiary\">\n                  {t(\"aria.removeFile\")}\n                </TooltipContent>\n              </Tooltip>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  },\n);\nFileUploadItem.displayName = \"FileUploadItem\";\n\nconst FileUploadFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center justify-end gap-4 mt-auto\", className)}\n    {...props}\n  >\n    {children}\n  </div>\n));\nFileUploadFooter.displayName = \"FileUploadFooter\";\n\nexport {\n  FileUpload,\n  FileUploadContent,\n  FileUploadHeader,\n  FileUploadTitle,\n  FileUploadDescription,\n  FileUploadClose,\n  FileUploadDropZone,\n  FileUploadList,\n  FileUploadItem,\n  FileUploadFooter,\n};\n"],"names":["FileUploadContext","React","useFileUpload","context","FileUpload","className","children","onFilesChange","maxFiles","accept","disabled","value","props","ref","files","setFiles","addFiles","newFiles","validFiles","file","extension","availableSlots","filesToAdd","updatedFiles","removeFile","fileToRemove","f","jsx","cn","FileUploadContent","FileUploadHeader","FileUploadTitle","FileUploadDescription","FileUploadClose","t","useImpactNovaI18n","closeLabel","Tooltip","TooltipTrigger","Cross","TooltipContent","FileUploadDropZone","label","subLabel","isDragOver","setIsDragOver","inputRef","handleDragOver","e","handleDragLeave","handleDrop","handleClick","handleInputChange","acceptAttribute","ext","jsxs","FileUploadIcon","Fragment","FileUploadList","FileUploadItem","onRemove","onView","onClick","handleRemove","formatSize","bytes","k","sizes","i","getFileIcon","fileName","Excel","Csv","TextIcon","Document","Eye","Delete","FileUploadFooter"],"mappings":"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"}