welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.11

package/dist/FileUpload.js

@@ -1,98 +1,101 @@
 "use client";
+import './FileUpload.css';
 import { jsxs as U, Fragment as T, jsx as p } from "react/jsx-runtime";
-import { forwardRef as D, useState as O, useRef as A, useMemo as H, useImperativeHandle as K, useEffect as j } from "react";
-import { Button as M } from "./Button.js";
-import { g as Y, b as q, a as G } from "./index-DmEMuVTM.js";
+import { forwardRef as O, useState as A, useRef as H, useMemo as K, useImperativeHandle as M, useEffect as R } from "react";
+import { Button as Y } from "./Button.js";
+import { g as d, b as q, a as G } from "./index-DmEMuVTM.js";
 import { Icon as J } from "./Icon.js";
 import { Tag as Q } from "./Tag.js";
-import { c as V } from "./index-CdiHdiVB.js";
-import { c as k } from "./create-event-rXDe5aCQ.js";
+import { c as V } from "./index-PAaZGbyz.js";
+import { c as j } from "./create-event-rXDe5aCQ.js";
 const W = "_input_2g24s_2", X = {
   input: W,
   "preview-tag": "_preview-tag_2g24s_5",
   "preview-tag-size": "_preview-tag-size_2g24s_9"
-}, y = V(X), Z = "*/*", x = (e) => Array.isArray(e) ? e : e ? [e] : [], $ = ({ file: e, onRemove: m }) => {
-  const a = Y(e), f = q(e), i = G(e);
+}, y = V(X), Z = "*/*", k = (e) => Array.isArray(e) ? e : e ? [e] : [], x = ({ file: e, onRemove: m }) => {
+  const n = d(e), f = q(e), c = G(e);
   return /* @__PURE__ */ U(Q, { className: y("preview-tag"), "data-testid": f, onRemove: m, children: [
-    /* @__PURE__ */ p(J, { name: a, size: "md" }),
+    /* @__PURE__ */ p(J, { name: n, size: "md" }),
     f,
-    i ? /* @__PURE__ */ U("span", { className: y("preview-tag-size"), children: [
+    c ? /* @__PURE__ */ U("span", { className: y("preview-tag-size"), children: [
       "(",
-      i,
+      c,
       ")"
     ] }) : null
   ] }, f);
-}, d = D(
+};
+x.displayName = "FileUpload.DefaultPreview";
+const $ = O(
   ({
     accept: e = Z,
     children: m,
-    disabled: a,
+    disabled: n,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     draggable: f,
-    handleAddFile: i,
+    handleAddFile: c,
     handleRemoveFile: u,
     multiple: N,
     name: v,
-    onBlur: c,
-    onChange: o,
+    onBlur: i,
+    onChange: a,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     onError: C,
-    preview: z,
+    preview: l,
     value: w = [],
     ...I
-  }, S) => {
-    const [r, g] = O(x(w)), _ = A(), E = H(() => z || $, [z]);
-    K(S, () => _.current), j(() => {
-      g(x(w));
-    }, [w]), j(() => () => {
+  }, P) => {
+    const [r, g] = A(k(w)), _ = H(), z = K(() => l || x, [l]);
+    M(P, () => _.current), R(() => {
+      g(k(w));
+    }, [w]), R(() => () => {
       r == null || r.map((t) => t instanceof File ? URL.revokeObjectURL(t.preview) : t);
     }, [r]);
-    const b = (t) => {
+    const S = (t) => {
       let s = Array.from(t.target.files).map(
-        (n) => (n instanceof File && (n.preview = URL.createObjectURL(n)), n)
+        (o) => (o instanceof File && (o.preview = URL.createObjectURL(o)), o)
       );
       g(s), s.length === 1 && (s = s[0]);
-      const F = k({ name: v, value: s });
-      o == null || o(F), i == null || i(s), c == null || c();
-    }, L = (t) => {
-      const s = r.filter((P) => P !== t), F = N ? s : void 0;
+      const F = j({ name: v, value: s });
+      a == null || a(F), c == null || c(s), i == null || i();
+    }, E = (t) => {
+      const s = r.filter((D) => D !== t), F = N ? s : void 0;
       g(s);
-      const n = k({ name: v, value: F });
-      o == null || o(n), u == null || u(t), c == null || c();
-    }, R = () => {
+      const o = j({ name: v, value: F });
+      a == null || a(o), u == null || u(t), i == null || i();
+    }, L = () => {
       _.current.click();
-    }, l = r.map((t) => t instanceof File ? t.preview : void 0).join("");
+    }, b = r.map((t) => t instanceof File ? t.preview : void 0).join("");
     return /* @__PURE__ */ U(T, { children: [
-      m ? m({ disabled: a, files: r, onRemoveFile: L, openFile: R }) : /* @__PURE__ */ p(M, { disabled: a, onClick: R, children: "Upload file" }),
+      m ? m({ disabled: n, files: r, onRemoveFile: E, openFile: L }) : /* @__PURE__ */ p(Y, { disabled: n, onClick: L, children: "Upload file" }),
       /* @__PURE__ */ p("br", {}),
       /* @__PURE__ */ p(
         "input",
         {
           accept: e,
           className: y("input"),
-          disabled: a,
+          disabled: n,
           multiple: N,
           name: v,
-          onBlur: c,
-          onChange: b,
+          onBlur: i,
+          onChange: S,
           ref: _,
           ...I,
           type: "file"
         },
-        l
+        b
       ),
-      E ? r.map((t) => /* @__PURE__ */ p(
-        E,
+      z ? r.map((t) => /* @__PURE__ */ p(
+        z,
         {
           file: t,
-          onRemove: () => L(t)
+          onRemove: () => E(t)
         },
         t instanceof File ? t.name : t
       )) : null
     ] });
   }
 );
-d.displayName = "FileUpload";
+$.displayName = "FileUpload";
 export {
-  d as FileUpload
+  $ as FileUpload
 };