@scbt-ecom/ui 0.47.1 → 0.49.0

package/dist/{index-jk9y4fVq.js → index-BiAdttkO.js}

@@ -24234,19 +24234,19 @@ function o3(t, e) {
 }
 function Qy() {
 }
-const s3 = ({ dropzoneOptions: t, controlledFiles: e = [], onChange: n }) => {
-  const [r, i] = Le({}), o = (l) => {
-    const c = e == null ? void 0 : e.filter((u, d) => d !== l);
-    n && n(c);
-  }, a = rE({
-    onDrop: (l, c) => {
-      var d, f;
-      switch (l.forEach((p) => {
-        const h = new FileReader();
-        i((m) => ({ ...m, [p.name]: "loading" })), h.onload = () => {
-          i((m) => ({ ...m, [p.name]: "success" }));
-        }, h.readAsArrayBuffer(p);
-      }), (f = (d = c[0]) == null ? void 0 : d.errors[0]) == null ? void 0 : f.code) {
+const s3 = ({ dropzoneOptions: t, controlledFiles: e = [], onChange: n, externalHandlers: r }) => {
+  const [i, o] = Le({}), s = (c) => {
+    const u = e == null ? void 0 : e.filter((d, f) => f !== c);
+    n && n(u);
+  }, l = rE({
+    onDrop: (c, u) => {
+      var f, p;
+      switch (c.forEach((h) => {
+        const m = new FileReader();
+        o((g) => ({ ...g, [h.name]: "loading" })), m.onload = () => {
+          o((g) => ({ ...g, [h.name]: "success" }));
+        }, m.readAsArrayBuffer(h);
+      }), (p = (f = u[0]) == null ? void 0 : f.errors[0]) == null ? void 0 : p.code) {
         case gd.FileInvalidType:
           sd({
             intent: "error",
@@ -24266,12 +24266,12 @@ const s3 = ({ dropzoneOptions: t, controlledFiles: e = [], onChange: n }) => {
           });
           break;
       }
-      const u = [...e, ...l];
-      n && n(u);
+      const d = [...e, ...c];
+      n && n(d), r != null && r.onChange && (r == null || r.onChange(d));
     },
     ...t
   });
-  return { filesStatus: r, removeFile: o, dropzoneState: a };
+  return { filesStatus: i, removeFile: s, dropzoneState: l };
 }, a3 = (t) => {
   const [e, n] = Le(!1), r = Ae(() => {
     const { current: i } = t, o = !!i && i.scrollWidth > i.clientWidth;
@@ -24310,8 +24310,8 @@ const s3 = ({ dropzoneOptions: t, controlledFiles: e = [], onChange: n }) => {
     l
   )) });
 }, d3 = lt(
-  ({ dropzoneState: t, classes: e, disabled: n, invalid: r, name: i, ...o }, s) => {
-    const a = t.getRootProps();
+  ({ dropzoneState: t, classes: e, disabled: n, invalid: r, name: i, externalHandlers: o, ...s }, a) => {
+    const l = t.getRootProps();
     return /* @__PURE__ */ P.jsxs(
       "div",
       {
@@ -24325,8 +24325,8 @@ const s3 = ({ dropzoneOptions: t, controlledFiles: e = [], onChange: n }) => {
           { "bg-color-primary-light-default opacity-50": n },
           { "border-negative": r }
         ),
-        ref: s,
-        ...a,
+        ref: a,
+        ...l,
         children: [
           /* @__PURE__ */ P.jsxs("div", { className: te("flex h-full w-full items-center justify-center gap-2", e == null ? void 0 : e.textContainer), children: [
             /* @__PURE__ */ P.jsx(Ve, { name: "files/upload", className: te("text-icon-primary-default", e == null ? void 0 : e.icon) }),
@@ -24338,8 +24338,9 @@ const s3 = ({ dropzoneOptions: t, controlledFiles: e = [], onChange: n }) => {
           /* @__PURE__ */ P.jsx(
             "input",
             {
-              ...o,
+              ...s,
               ...t.getInputProps(),
+              onClick: o == null ? void 0 : o.onClick,
               name: i,
               ref: t.inputRef,
               disabled: n,
@@ -24352,26 +24353,38 @@ const s3 = ({ dropzoneOptions: t, controlledFiles: e = [], onChange: n }) => {
     );
   }
 ), f3 = lt(
-  ({ classes: t, dropzoneOptions: e = rz, name: n, value: r, disabled: i, invalid: o, onChange: s, ...a }, l) => {
-    const { filesStatus: c, removeFile: u, dropzoneState: d } = s3({
+  ({
+    classes: t,
+    dropzoneOptions: e = rz,
+    name: n,
+    value: r,
+    disabled: i,
+    invalid: o,
+    onChange: s,
+    externalHandlers: a,
+    ...l
+  }, c) => {
+    const { filesStatus: u, removeFile: d, dropzoneState: f } = s3({
       controlledFiles: r,
       dropzoneOptions: e,
-      onChange: s
-    }), { root: f, input: p, files: h } = t || {};
+      onChange: s,
+      externalHandlers: a
+    }), { root: p, input: h, files: m } = t || {};
     return /* @__PURE__ */ P.jsxs(P.Fragment, { children: [
-      /* @__PURE__ */ P.jsx("div", { className: te("relative mb-3 w-[476px]", f), children: /* @__PURE__ */ P.jsx(
+      /* @__PURE__ */ P.jsx("div", { className: te("relative mb-3 w-[476px]", p), children: /* @__PURE__ */ P.jsx(
         d3,
         {
-          ...a,
-          ref: l,
+          ...l,
+          ref: c,
           name: n,
-          classes: p,
+          classes: h,
           disabled: i,
           invalid: o,
-          dropzoneState: d
+          dropzoneState: f,
+          externalHandlers: a
         }
       ) }),
-      /* @__PURE__ */ P.jsx(u3, { files: r, removeFile: u, classes: h, filesStatus: c })
+      /* @__PURE__ */ P.jsx(u3, { files: r, removeFile: d, classes: m, filesStatus: u })
     ] });
   }
 );
@@ -41804,4 +41817,4 @@ export {
   m1 as t,
   Kh as u
 };
-//# sourceMappingURL=index-jk9y4fVq.js.map
+//# sourceMappingURL=index-BiAdttkO.js.map