@solibo/solibo-ui 0.4.12 → 0.5.4

package/dist/components/_dropzone/index.js

@@ -1,9 +1,9 @@
-import { jsx as l, jsxs as x } from "react/jsx-runtime";
-import { t as I } from "../../classix-DG18itHa.js";
-import { useRef as T, useState as j } from "react";
-import { Button as k } from "../button/index.js";
+import { jsx as l, jsxs as b } from "react/jsx-runtime";
+import { t as T } from "../../classix-DG18itHa.js";
+import { useRef as j, useState as k } from "react";
+import { Button as x } from "../button/index.js";
 import { Icon as A } from "../icon/index.js";
-import '../../assets/index23.css';const R = "_dropzone_1xbnl_1", w = "_dragging_1xbnl_18", B = "_minimal_1xbnl_22", m = {
+import '../../assets/index23.css';const R = "_dropzone_1rpsf_1", w = "_dragging_1rpsf_19", B = "_minimal_1rpsf_23", m = {
   dropzone: R,
   dragging: w,
   minimal: B
@@ -11,60 +11,60 @@ import '../../assets/index23.css';const R = "_dropzone_1xbnl_1", w = "_dragging_
   accepts: z,
   label: D = "Select files",
   maxFileSize: g,
-  multiple: p = !1,
-  onChange: n,
-  onValidation: a,
-  variant: f = "default",
+  multiple: d = !1,
+  onChange: i,
+  onValidation: f,
+  variant: a = "default",
   ..._
 }) => {
-  const u = T(null), [y, o] = j(!1), c = (e) => {
+  const u = j(null), [y, o] = k(!1), c = (e) => {
     e.preventDefault(), e.stopPropagation();
   }, F = (e) => {
-    const s = u.current;
-    if (!s) return;
-    const t = new DataTransfer();
-    for (const r of e) t.items.add(r);
-    s.files = t.files, n == null || n({
-      target: s,
-      currentTarget: s
+    const t = u.current;
+    if (!t) return;
+    const s = new DataTransfer();
+    for (const r of e) s.items.add(r);
+    t.files = s.files, i == null || i({
+      target: t,
+      currentTarget: t
     });
   }, v = (e) => {
     const {
-      validFiles: s,
-      emptyFiles: t,
+      validFiles: t,
+      emptyFiles: s,
       oversizedFiles: r
-    } = e.reduce((d, i) => (i.size === 0 ? d.emptyFiles.push(i) : g && i.size > g ? d.oversizedFiles.push(i) : d.validFiles.push(i), d), {
+    } = e.reduce((p, n) => (n.size === 0 ? p.emptyFiles.push(n) : g && n.size > g ? p.oversizedFiles.push(n) : p.validFiles.push(n), p), {
       validFiles: [],
       emptyFiles: [],
       oversizedFiles: []
     });
-    return (t.length > 0 || r.length > 0) && (a == null || a(t, r)), s;
+    return (s.length > 0 || r.length > 0) && (f == null || f(s, r)), t;
   }, h = (e) => {
     c(e), o(!1);
-    const s = Array.from(e.dataTransfer.files ?? []), t = v(s);
-    if (t.length === 0) return;
-    const r = p ? t : t.slice(0, 1);
+    const t = Array.from(e.dataTransfer.files ?? []), s = v(t);
+    if (s.length === 0) return;
+    const r = d ? s : s.slice(0, 1);
     F(r);
-  }, b = (e) => {
-    const s = Array.from(e.target.files ?? []), t = v(s);
-    if (t.length === s.length) {
-      n == null || n(e);
+  }, I = (e) => {
+    const t = Array.from(e.target.files ?? []), s = v(t);
+    if (s.length === t.length) {
+      i == null || i(e);
       return;
     }
-    const r = p ? t : t.slice(0, 1);
+    const r = d ? s : s.slice(0, 1);
     F(r);
   };
-  return /* @__PURE__ */ l("div", { className: I(m.dropzone, m[f], y && m.dragging), onDragEnter: (e) => {
+  return /* @__PURE__ */ l("div", { className: T(m.dropzone, m[a], y && m.dragging), onDragEnter: (e) => {
     c(e), o(!0);
   }, onDragOver: (e) => {
     c(e), o(!0);
   }, onDragLeave: (e) => {
     c(e), o(!1);
-  }, onDrop: h, ..._, "data-component": "dropzone", children: /* @__PURE__ */ x("label", { children: [
-    /* @__PURE__ */ l("input", { accept: z, hidden: !0, multiple: p, onChange: b, ref: u, type: "file" }),
-    /* @__PURE__ */ l(A, { name: "upload", size: f === "minimal" ? "medium" : "large" }),
+  }, onDrop: h, ..._, "data-component": "dropzone", children: /* @__PURE__ */ b("label", { children: [
+    /* @__PURE__ */ l("input", { accept: z, hidden: !0, multiple: d, onChange: I, ref: u, type: "file" }),
+    /* @__PURE__ */ l(A, { name: "upload", size: a === "minimal" ? "medium" : "large" }),
     /* @__PURE__ */ l("br", {}),
-    f !== "minimal" && /* @__PURE__ */ l(k, { onClick: () => {
+    a !== "minimal" && /* @__PURE__ */ l(x, { onClick: () => {
       var e;
       return (e = u.current) == null ? void 0 : e.click();
     }, type: "button", children: D })