lawgic-dev-kit 0.23.8 → 0.25.0

package/dist/components/atoms/UploadContainer/UploadContainer.js

@@ -1,26 +1,26 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { useState as B, useRef as I } from "react";
-import { translateBytes as O } from "../../../utils/files.js";
+import { useState as F, useRef as R } from "react";
+import { translateBytes as T } from "../../../utils/files.js";
 import "../../../_virtual/lodash.js";
-import { FontAwesomeIcon as R } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import { useTheme as T } from "../../../hooks/useTheme.js";
-import { faCloudUpload as U } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
-import z from "../Button/Button.js";
+import { FontAwesomeIcon as U } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { useTheme as A } from "../../../hooks/useTheme.js";
+import { faCloudUpload as M } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
+import W from "../Button/Button.js";
 import "react-hook-form";
 import "../../../constants/countries.js";
 import "../ImageProfileInput/ImageProfileInput.validators.js";
-import A from "../TextButton/TextButton.js";
+import K from "../TextButton/TextButton.js";
 import "fuse.js";
-import _ from "../LoadingProgress/LoadingProgress.js";
+import L from "../LoadingProgress/LoadingProgress.js";
 import "../../molecules/InformationContainer/InformationContainer.js";
 import "react-dom";
-const le = ({
-  title: m = "drag_and_drop_your_files_here",
-  subtitle: p = null,
-  buttonTitle: h = "choose_files",
-  onUpload: P = () => {
+const ne = ({
+  title: h = "drag_and_drop_your_files_here",
+  subtitle: o = null,
+  buttonTitle: g = "choose_files",
+  onUpload: I = () => {
   },
-  acceptedExtensions: d = [
+  acceptedExtensions: x = [
     "pdf",
     "png",
     "jpg",
@@ -31,136 +31,148 @@ const le = ({
     "xls",
     "xlsx"
   ],
-  maxSize: c = 1024,
+  maxSize: f = 1024,
   // en KB
-  loading: g = !1,
-  loadingDuration: j = 1e4,
-  className: o = "",
-  disabled: v = !1,
-  direction: F = "column"
+  loading: j = !1,
+  loadingDuration: v = 1e4,
+  className: a = "",
+  disabled: b = !1,
+  direction: y = "column",
+  size: S
 }) => {
-  const { t: l } = T(), [x, n] = B(!1), [a, f] = B(""), i = I(null), b = d.map((r) => `.${r}`).join(","), y = (r) => {
-    const t = [];
-    let u = !1;
-    Array.from(r).forEach((s) => {
-      var E;
-      const L = ((E = s.name.split(".").pop()) == null ? void 0 : E.toLowerCase()) || "";
-      if (!d.includes(L)) {
-        f(
+  const { t: r } = A(), N = {
+    sm: "text-base",
+    md: "text-lg",
+    lg: "text-xl"
+  }, w = {
+    sm: "text-sm",
+    md: "text-base",
+    lg: "text-lg"
+  }, n = S ?? (y === "row" ? "md" : "lg"), [u, i] = F(!1), [c, m] = F(""), d = R(null), D = x.map((t) => `.${t}`).join(","), $ = (t) => {
+    const l = [];
+    let p = !1;
+    Array.from(t).forEach((s) => {
+      var z;
+      const O = ((z = s.name.split(".").pop()) == null ? void 0 : z.toLowerCase()) || "";
+      if (!x.includes(O)) {
+        m(
           `El archivo ${s.name} tiene una extensión no permitida.`
-        ), u = !0;
+        ), p = !0;
         return;
       }
-      if (s.size > c * 1024) {
-        f(
-          `El archivo ${s.name} excede el tamaño máximo de ${c}KB.`
-        ), u = !0;
+      if (s.size > f * 1024) {
+        m(
+          `El archivo ${s.name} excede el tamaño máximo de ${f}KB.`
+        ), p = !0;
         return;
       }
-      t.push(s);
-    }), !u && t.length > 0 && (f(""), P(t));
-  }, N = () => {
-    i.current && i.current.click();
-  }, w = (r) => {
-    const t = r.target.files;
-    t && t.length > 0 && y(t), r.target.value = "";
-  }, D = (r) => {
-    r.preventDefault(), r.stopPropagation(), n(!0);
-  }, k = (r) => {
-    r.preventDefault(), r.stopPropagation(), n(!1);
-  }, $ = (r) => {
-    r.preventDefault(), r.stopPropagation(), x || n(!0);
-  }, C = (r) => {
-    r.preventDefault(), r.stopPropagation(), n(!1);
-    const t = r.dataTransfer.files;
-    t.length > 0 && y(t);
+      l.push(s);
+    }), !p && l.length > 0 && (m(""), I(l));
+  }, k = () => {
+    d.current && d.current.click();
+  }, C = (t) => {
+    const l = t.target.files;
+    l && l.length > 0 && $(l), t.target.value = "";
+  }, E = (t) => {
+    t.preventDefault(), t.stopPropagation(), i(!0);
+  }, B = (t) => {
+    t.preventDefault(), t.stopPropagation(), i(!1);
+  }, _ = (t) => {
+    t.preventDefault(), t.stopPropagation(), u || i(!0);
+  }, P = (t) => {
+    t.preventDefault(), t.stopPropagation(), i(!1);
+    const l = t.dataTransfer.files;
+    l.length > 0 && $(l);
   };
-  return F === "row" ? g ? /* @__PURE__ */ e.jsx("div", { className: `w-full mx-auto h-fit ${o} flex flex-col`, children: /* @__PURE__ */ e.jsx("div", { className: "bg-blue-50 p-8 rounded-2xl h-full flex flex-col", children: /* @__PURE__ */ e.jsxs(
+  return y === "row" ? j ? /* @__PURE__ */ e.jsx("div", { className: `w-full mx-auto h-fit ${a} flex flex-col`, children: /* @__PURE__ */ e.jsx("div", { className: "bg-blue-50 p-8 rounded-2xl h-full flex flex-col", children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: "h-full flex items-center justify-center gap-8 border-[1.4px] border-dashed rounded-2xl px-12 py-10 text-center transition-all duration-300 border-blue-200 select-none",
       children: [
         /* @__PURE__ */ e.jsx(
-          _,
+          L,
           {
             size: 28,
             showProgress: !1,
-            duration: j,
+            duration: v,
             strokeWidth: 3,
             color: "#4570EB"
           }
         ),
         /* @__PURE__ */ e.jsxs("h4", { className: "text-body-s text-gray-400", children: [
-          l("loading"),
+          r("loading"),
           "..."
         ] })
       ]
     }
-  ) }) }) : /* @__PURE__ */ e.jsxs("div", { className: `w-full h-fit flex flex-col ${o}`, children: [
+  ) }) }) : /* @__PURE__ */ e.jsxs("div", { className: `w-full h-fit flex flex-col ${a}`, children: [
     /* @__PURE__ */ e.jsx("div", { className: "bg-blue-50 p-8 rounded-2xl h-full", children: /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: `${v && "hover:cursor-not-allowed! pointer-events-none! opacity-50!"} flex flex-row border-[1.4px] h-full border-dashed items-center justify-between rounded-2xl px-12 py-10 cursor-pointer transition-all duration-300 gap-8 ${x ? "border-blue-400 bg-blue-100/50" : "border-blue-200 hover:border-blue-400"}`,
-        onDragEnter: D,
-        onDragLeave: k,
-        onDragOver: $,
-        onDrop: C,
-        onClick: N,
+        className: `${b && "hover:cursor-not-allowed! pointer-events-none! opacity-50!"} flex flex-row border-[1.4px] h-full border-dashed items-center justify-between rounded-2xl px-12 py-10 cursor-pointer transition-all duration-300 gap-8 ${u ? "border-blue-400 bg-blue-100/50" : "border-blue-200 hover:border-blue-400"}`,
+        onDragEnter: E,
+        onDragLeave: B,
+        onDragOver: _,
+        onDrop: P,
+        onClick: k,
         children: [
           /* @__PURE__ */ e.jsx("div", { className: "flex justify-center shrink-0", children: /* @__PURE__ */ e.jsx(
-            R,
+            U,
             {
-              icon: U,
+              icon: M,
               className: "text-blue-500 text-2xl"
             }
           ) }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-start text-left grow", children: /* @__PURE__ */ e.jsx("h3", { className: "font-600 text-lg text-dark", children: l(m) }) }),
-          /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(z, { color: "blue", variant: "transparent", children: l(h) }) }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-start text-left grow", children: [
+            /* @__PURE__ */ e.jsx("h3", { className: `font-600 text-dark ${N[n]}`, children: r(h) }),
+            o && /* @__PURE__ */ e.jsx("p", { className: `font-400 text-gray-500 ${w[n]}`, children: r(o) })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(W, { color: "blue", variant: "transparent", children: r(g) }) }),
           /* @__PURE__ */ e.jsx(
             "input",
             {
               type: "file",
-              ref: i,
+              ref: d,
               className: "hidden",
               multiple: !0,
-              accept: b,
-              onChange: w
+              accept: D,
+              onChange: C
             }
           )
         ]
       }
     ) }),
-    a && /* @__PURE__ */ e.jsx("div", { className: "mt-3 text-sm text-red-500", children: a })
-  ] }) : g ? /* @__PURE__ */ e.jsx("div", { className: `w-full mx-auto h-full ${o} flex flex-col grow`, children: /* @__PURE__ */ e.jsx("div", { className: "bg-blue-50 p-16 rounded-2xl h-full flex flex-col grow", children: /* @__PURE__ */ e.jsxs(
+    c && /* @__PURE__ */ e.jsx("div", { className: "mt-3 text-sm text-red-500", children: c })
+  ] }) : j ? /* @__PURE__ */ e.jsx("div", { className: `w-full mx-auto h-full ${a} flex flex-col grow`, children: /* @__PURE__ */ e.jsx("div", { className: "bg-blue-50 p-16 rounded-2xl h-full flex flex-col grow", children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: "h-full grow flex items-center justify-center gap-16 border-[1.4px] border-dashed rounded-2xl pt-28 p-32 text-center transition-all duration-300 border-blue-200 select-none",
       children: [
         /* @__PURE__ */ e.jsx(
-          _,
+          L,
           {
             size: 75,
-            duration: j,
+            duration: v,
             strokeWidth: 6,
             color: "#4570EB"
           }
         ),
         /* @__PURE__ */ e.jsxs("h4", { className: "text-body-s text-gray-400", children: [
-          l("loading"),
+          r("loading"),
           "..."
         ] })
       ]
     }
-  ) }) }) : /* @__PURE__ */ e.jsxs("div", { className: `w-full mx-auto h-full flex flex-col ${o}`, children: [
+  ) }) }) : /* @__PURE__ */ e.jsxs("div", { className: `w-full mx-auto h-full flex flex-col ${a}`, children: [
     /* @__PURE__ */ e.jsx("div", { className: "bg-blue-50 p-16 rounded-2xl h-full grow", children: /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: `${v && "hover:cursor-not-allowed! pointer-events-none! opacity-50!"} flex flex-col border-[1.4px] h-full grow border-dashed items-center justify-center rounded-2xl pt-28 p-32 text-center cursor-pointer transition-all duration-300 ${x ? "border-blue-400 bg-blue-100/50" : "border-blue-200 hover:border-blue-400"}`,
-        onDragEnter: D,
-        onDragLeave: k,
-        onDragOver: $,
-        onDrop: C,
-        onClick: N,
+        className: `${b && "hover:cursor-not-allowed! pointer-events-none! opacity-50!"} flex flex-col border-[1.4px] h-full grow border-dashed items-center justify-center rounded-2xl pt-28 p-32 text-center cursor-pointer transition-all duration-300 ${u ? "border-blue-400 bg-blue-100/50" : "border-blue-200 hover:border-blue-400"}`,
+        onDragEnter: E,
+        onDragLeave: B,
+        onDragOver: _,
+        onDrop: P,
+        onClick: k,
         children: [
           /* @__PURE__ */ e.jsx("div", { className: "flex justify-center translate-y-4", children: /* @__PURE__ */ e.jsx(
             "img",
@@ -171,37 +183,37 @@ const le = ({
             }
           ) }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center", children: [
-            /* @__PURE__ */ e.jsx("h3", { className: "font-600 text-xl text-dark", children: l(m) }),
-            p && /* @__PURE__ */ e.jsx("p", { className: "font-400 text-lg text-gray-500", children: l(p) }),
-            /* @__PURE__ */ e.jsx(A, { color: "blue", children: l(h) }),
+            /* @__PURE__ */ e.jsx("h3", { className: `font-600 text-dark ${N[n]}`, children: r(h) }),
+            o && /* @__PURE__ */ e.jsx("p", { className: `font-400 text-gray-500 ${w[n]}`, children: r(o) }),
+            /* @__PURE__ */ e.jsx(K, { color: "blue", children: r(g) }),
             /* @__PURE__ */ e.jsx(
               "input",
               {
                 type: "file",
-                ref: i,
+                ref: d,
                 className: "hidden",
                 multiple: !0,
-                accept: b,
-                onChange: w
+                accept: D,
+                onChange: C
               }
             )
           ] })
         ]
       }
     ) }),
-    a && /* @__PURE__ */ e.jsx("div", { className: "mt-3 text-sm text-red-500 shrink-0", children: a }),
+    c && /* @__PURE__ */ e.jsx("div", { className: "mt-3 text-sm text-red-500 shrink-0", children: c }),
     /* @__PURE__ */ e.jsx("div", { className: "mt-10 w-full flex justify-center shrink-0", children: /* @__PURE__ */ e.jsxs("span", { className: "text-gray-500 font-400 text-base", children: [
-      d.join(", ").toUpperCase(),
+      x.join(", ").toUpperCase(),
       " ",
-      l("formats"),
+      r("formats"),
       ". ",
-      l("maximum_size"),
+      r("maximum_size"),
       ":",
       " ",
-      O(c, "mb")
+      T(f, "mb")
     ] }) })
   ] });
 };
 export {
-  le as default
+  ne as default
 };

package/dist/components/atoms/UploadContainer/UploadContainer.types.d.ts

@@ -30,6 +30,11 @@ export interface UploadContainerProps {
      */
     maxSize?: number;
     direction?: 'row' | 'column';
+    /**
+     * Tamaño del título y la descripción
+     * @default 'md' en direction='row', 'lg' en direction='column'
+     */
+    size?: 'sm' | 'md' | 'lg';
     disabled?: boolean;
     loading?: boolean;
     loadingDuration?: number;

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

@@ -26,6 +26,7 @@ export * from './SelectInput/index';
 export * from './SidebarButton/index';
 export * from './Tab/index';
 export * from './TextButton/index';
+export * from './TextArea/index';
 export * from './TextInput/index';
 export * from './TextStaticInput/index';
 export * from './Toast/index';

package/dist/components/molecules/DateInput/DateInput.d.ts

@@ -9,6 +9,7 @@ export type DateInputProps<T extends FieldValues = FieldValues> = {
     futureDates?: boolean;
     pastDates?: boolean;
     size?: "sm" | "md";
+    required?: boolean;
 };
-declare const DateInput: <T extends FieldValues = FieldValues>({ control, name, showTimeSelector, label, translateKey, placeholder, futureDates, pastDates, size, }: DateInputProps<T>) => React.ReactElement;
+declare const DateInput: <T extends FieldValues = FieldValues>({ control, name, showTimeSelector, label, translateKey, placeholder, futureDates, pastDates, size, required, }: DateInputProps<T>) => React.ReactElement;
 export default DateInput;

package/dist/components/molecules/DateInput/DateInput.js

@@ -1,21 +1,21 @@
 import { j as c } from "../../../_virtual/jsx-runtime.js";
-import { useState as x, useEffect as V } from "react";
-import { useController as k } from "react-hook-form";
-import { faX as A } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
-import { FontAwesomeIcon as B } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import K from "../FloatingMenu/FloatingMenu.js";
-import O from "../CalendarSelector/CalendarSelector.js";
-import R from "../../atoms/UncontrolledTextInput/UncontrolledTextInput.js";
-import { useTheme as U } from "../../../hooks/useTheme.js";
-import { formatDate as X } from "../../../node_modules/date-fns/format.js";
-const N = (a) => X(a, "dd/MM/yyyy"), D = (a) => {
+import { useState as x, useEffect as k } from "react";
+import { useController as A } from "react-hook-form";
+import { faX as B } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { FontAwesomeIcon as K } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import O from "../FloatingMenu/FloatingMenu.js";
+import R from "../CalendarSelector/CalendarSelector.js";
+import U from "../../atoms/UncontrolledTextInput/UncontrolledTextInput.js";
+import { useTheme as X } from "../../../hooks/useTheme.js";
+import { formatDate as q } from "../../../node_modules/date-fns/format.js";
+const N = (a) => q(a, "dd/MM/yyyy"), D = (a) => {
   const [t, n, o] = a.split("/");
   if ((t == null ? void 0 : t.length) === 2 && (n == null ? void 0 : n.length) === 2 && (o == null ? void 0 : o.length) === 4) {
     const l = new Date(Number(o), Number(n) - 1, Number(t));
     return isNaN(l.getTime()) ? null : l;
   }
   return null;
-}, Z = ({
+}, _ = ({
   control: a,
   name: t,
   showTimeSelector: n = !1,
@@ -24,37 +24,38 @@ const N = (a) => X(a, "dd/MM/yyyy"), D = (a) => {
   placeholder: j,
   futureDates: I = !1,
   pastDates: b = !0,
-  size: S
+  size: S,
+  required: T = !1
 }) => {
   const {
-    field: { value: i, onChange: p, onBlur: T },
+    field: { value: i, onChange: p, onBlur: v },
     fieldState: { error: m }
-  } = k({ name: t, control: a }), { t: g } = U(), v = g(t), y = g(l), [F, f] = x(!1), [h, r] = x("");
-  V(() => {
+  } = A({ name: t, control: a }), { t: g } = X(), y = g(t), F = g(l), [M, f] = x(!1), [h, r] = x("");
+  k(() => {
     i instanceof Date && !isNaN(i.getTime()) ? r(N(i)) : r("");
   }, [i]);
-  const C = D(h), M = (e) => {
+  const C = D(h), w = (e) => {
     const s = e.replace(/\D/g, "").slice(0, 8), u = [];
     s.length > 0 && u.push(s.slice(0, 2)), s.length > 2 && u.push(s.slice(2, 4)), s.length > 4 && u.push(s.slice(4, 8));
     const d = u.join("/");
     if (r(d), f(!1), d.length === 10) {
-      const E = D(d);
-      p(E);
+      const V = D(d);
+      p(V);
     }
-  }, w = () => {
+  }, E = () => {
     p(null), r("");
   };
   return /* @__PURE__ */ c.jsx(
-    K,
+    O,
     {
-      open: F,
+      open: M,
       strategy: "fixed",
       padding: 0,
       offset: 0,
       onClose: () => f(!1),
       className: "p-0!",
       component: /* @__PURE__ */ c.jsx(
-        O,
+        R,
         {
           date: C || /* @__PURE__ */ new Date(),
           onDateChange: (e) => {
@@ -66,26 +67,27 @@ const N = (a) => X(a, "dd/MM/yyyy"), D = (a) => {
         }
       ),
       children: /* @__PURE__ */ c.jsx(
-        R,
+        U,
         {
           size: S,
-          onBlur: T,
-          name: y || v,
+          onBlur: v,
+          name: F || y,
           label: o,
+          required: T,
           value: h,
           onFocus: (e) => {
             e.preventDefault(), f(!0);
           },
           disabledInput: !0,
-          onChange: (e) => M(e),
+          onChange: (e) => w(e),
           placeholder: j,
           error: m == null ? void 0 : m.message,
           rightSide: !!C && /* @__PURE__ */ c.jsx(
-            B,
+            K,
             {
-              icon: A,
+              icon: B,
               className: "text-gray-500 cursor-pointer",
-              onClick: w
+              onClick: E
             }
           )
         }
@@ -94,5 +96,5 @@ const N = (a) => X(a, "dd/MM/yyyy"), D = (a) => {
   );
 };
 export {
-  Z as default
+  _ as default
 };