nectiasw 0.0.62 → 0.0.63

package/dist/components/Dragarea/types.d.ts

@@ -1,7 +1,7 @@
 export type DragareaProps = {
     color?: string;
-    width?: number;
-    height?: number;
+    width?: number | string;
+    height?: number | string;
     filename?: string;
     message?: string;
     status?: DropStatus;
@@ -22,6 +22,7 @@ export type DragareaProps = {
     statusColors?: Partial<Record<DropStatus, string>>;
     statusBorder?: Partial<Record<DropStatus, string>>;
     renderContent?: JSX.Element;
+    renderBelowFilename?: JSX.Element;
     statusIcons?: Partial<Record<DropStatus, React.ComponentType<any>>>;
 };
 export declare enum DropStatus {

package/dist/index.es.js

@@ -56787,41 +56787,42 @@ const Vde = ye.div`
     renderContent: a,
     onStatusChange: s,
     acceptedFileType: l,
-    statusMessages: c,
-    statusColors: d,
-    statusBorder: h,
-    statusIcons: m = {
+    renderBelowFilename: c,
+    statusMessages: d,
+    statusColors: h,
+    statusBorder: m,
+    statusIcons: g = {
       [Ei.DragActive]: ek,
       [Ei.InvalidType]: tk,
       [Ei.WithError]: tk,
       [Ei.Reload]: Qde
     },
-    ...g
+    ...x
   }) => {
-    const x = {
+    const v = {
       [Ei.DragActive]: [
         "Mensaje personalizado 1",
         "Mensaje personalizado 2"
       ]
-    }, v = {
-      [Ei.WithError]: "red"
     }, f = {
+      [Ei.WithError]: "red"
+    }, b = {
       [Ei.DragActive]: "green"
-    }, b = Ft(
-      (N) => {
-        const L = N[0];
-        o == null || o(L);
+    }, w = Ft(
+      (L) => {
+        const j = L[0];
+        o == null || o(j);
       },
       [o]
-    ), { getRootProps: w, getInputProps: y, isDragActive: A, fileRejections: _ } = y7({
+    ), { getRootProps: y, getInputProps: A, isDragActive: _, fileRejections: I } = y7({
       accept: l,
       maxSize: r,
       maxFiles: 1,
-      onDrop: b,
+      onDrop: w,
       onDropRejected: () => {
-        if (_.length > 0) {
-          const { code: N } = _[0].errors[0];
-          switch (N) {
+        if (I.length > 0) {
+          const { code: L } = I[0].errors[0];
+          switch (L) {
             case "file-too-large":
               s == null || s(Ei.FileTooBig);
               break;
@@ -56831,21 +56832,21 @@ const Vde = ye.div`
           }
         }
       }
-    }), I = e || Ei.DragActive, D = (m == null ? void 0 : m[I]) || ek;
+    }), D = e || Ei.DragActive, O = (g == null ? void 0 : g[D]) || ek;
     e = e || Ei.DragActive;
-    const O = (d == null ? void 0 : d[e]) ?? v[e] ?? [], F = (h == null ? void 0 : h[e]) ?? f[e] ?? [], M = (c == null ? void 0 : c[e]) ?? x[e] ?? [];
+    const F = (h == null ? void 0 : h[e]) ?? f[e] ?? [], M = (m == null ? void 0 : m[e]) ?? b[e] ?? [], N = (d == null ? void 0 : d[e]) ?? v[e] ?? [];
     return /* @__PURE__ */ he(
       Vde,
       {
-        ...w(),
-        isDragActive: A,
-        borderColor: F,
+        ...y(),
+        isDragActive: _,
+        borderColor: M,
         wrongColor: t,
         successColor: i,
-        ...g,
+        ...x,
         children: [
-          D && /* @__PURE__ */ B(D, {}),
-          e && [Ei.WithError, Ei.Reload].includes(e) && n && /* @__PURE__ */ he(Zde, { backgroundColor: O, children: [
+          O && /* @__PURE__ */ B(O, {}),
+          e && [Ei.WithError, Ei.Reload].includes(e) && n && /* @__PURE__ */ he(Zde, { backgroundColor: F, children: [
             /* @__PURE__ */ B(qde, {}),
             " ",
             /* @__PURE__ */ he("p", { children: [
@@ -56854,11 +56855,12 @@ const Vde = ye.div`
               " "
             ] })
           ] }),
+          c && c,
           /* @__PURE__ */ he(Gde, { children: [
-            M.filter(Boolean).map((N) => /* @__PURE__ */ B("p", { children: N }, N)),
+            N.filter(Boolean).map((L) => /* @__PURE__ */ B("p", { children: L }, L)),
             a && a
           ] }),
-          /* @__PURE__ */ B(Xde, { ...y() })
+          /* @__PURE__ */ B(Xde, { ...A() })
         ]
       }
     );