nectiasw 0.0.61 → 0.0.63

package/dist/components/Checkbox/index.d.ts

@@ -1,9 +1,12 @@
 import { default as React } from 'react';
 export type CheckboxIconProps = {
     status?: boolean;
-};
+} & Pick<CheckboxProps, "left" | "top" | "right">;
 export type CheckboxProps = {
     id?: string;
+    top?: string;
+    left?: string;
+    right?: string;
     name?: string;
     label?: string;
     value?: string;

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

@@ -14023,8 +14023,9 @@ const B6 = ye.input.attrs({ type: "checkbox" })`
   transition: background-color 0.2s linear, border-color 0.2s linear;
 `, Q$ = ye(q$)`
   position: absolute;
-  top: 50%;
-  right: 0.125rem;
+  left: ${(e) => e.left};
+  top: ${(e) => e.top ?? "50%"};
+  right: ${(e) => e.right ?? "0.125rem"};
   transform: translateY(-50%);
   color: ${(e) => e.status ? "#FFFFFF" : "transparent"};
   margin: 0;
@@ -14038,30 +14039,33 @@ B6.defaultProps = {
 };
 const L6 = ({
   id: e,
-  name: n,
-  label: t,
-  checked: r,
-  disabled: i,
-  onChange: o,
-  className: a
+  top: n,
+  left: t,
+  right: r,
+  name: i,
+  label: o,
+  checked: a,
+  disabled: s,
+  onChange: l,
+  className: c
 }) => {
-  const s = () => {
-    o == null || o(!r);
+  const d = () => {
+    l == null || l(!a);
   };
-  return /* @__PURE__ */ he("div", { className: Ce(yb.container.root, a && a), children: [
+  return /* @__PURE__ */ he("div", { className: Ce(yb.container.root, c && c), children: [
     /* @__PURE__ */ B(
       B6,
       {
         id: e,
-        name: n,
-        checked: r,
-        disabled: i,
-        onClick: s,
+        name: i,
+        checked: a,
+        disabled: s,
+        onClick: d,
         className: yb.container.input
       }
     ),
-    /* @__PURE__ */ B(Q$, { status: r, onClick: s }),
-    t && /* @__PURE__ */ B("label", { htmlFor: e, className: yb.container.label, children: t })
+    /* @__PURE__ */ B(Q$, { top: n, right: r, left: t, status: a, onClick: d }),
+    o && /* @__PURE__ */ B("label", { htmlFor: e, className: yb.container.label, children: o })
   ] });
 };
 var J$ = Object.defineProperty, K$ = (e, n, t) => n in e ? J$(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, xb = (e, n, t) => (K$(e, typeof n != "symbol" ? n + "" : n, t), t);
@@ -56783,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;
@@ -56827,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: [
@@ -56850,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() })
         ]
       }
     );