lawgic-dev-kit 0.14.6 → 0.14.7

package/dist/_virtual/index2.js

@@ -1,5 +1,4 @@
-import { __require as r } from "../node_modules/property-expr/index.js";
-var e = r();
+var p = { exports: {} };
 export {
-  e as p
+  p as __module
 };

package/dist/_virtual/index3.js

@@ -1,5 +1,5 @@
-import { __require as r } from "../node_modules/tiny-case/index.js";
-var a = r();
+import { __require as r } from "../node_modules/property-expr/index.js";
+var e = r();
 export {
-  a as t
+  e as p
 };

package/dist/_virtual/index4.js

@@ -1,7 +1,5 @@
-import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/toposort/index.js";
-var t = r();
-const s = /* @__PURE__ */ o(t);
+import { __require as r } from "../node_modules/tiny-case/index.js";
+var a = r();
 export {
-  s as default
+  a as t
 };

package/dist/_virtual/index5.js

@@ -1,4 +1,7 @@
-var p = { exports: {} };
+import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/toposort/index.js";
+var t = r();
+const s = /* @__PURE__ */ o(t);
 export {
-  p as __module
+  s as default
 };

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface LoadingProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: number;
+    strokeWidth?: number;
+    color?: string;
+    duration?: number;
+    label?: string;
+    initialProgress?: number;
+    automaticProgress?: boolean;
+}
+declare const LoadingProgress: React.FC<LoadingProgressProps>;
+export default LoadingProgress;

package/dist/components/atoms/LoadingProgress/LoadingProgress.js

@@ -0,0 +1,71 @@
+import { j as s } from "../../../_virtual/jsx-runtime.js";
+import { useState as E, useEffect as P } from "react";
+const k = ({
+  size: e = 100,
+  strokeWidth: r = 4,
+  color: c = "#1DA696",
+  duration: o = 3e3,
+  label: i = "",
+  initialProgress: h = 0,
+  automaticProgress: l = !0,
+  ...j
+}) => {
+  const [m, g] = E(h), a = (e - r) / 2, f = 2 * Math.PI * a, p = f * (1 - m / 100), { className: y = "", ...N } = j;
+  return P(() => {
+    if (!l) return;
+    let n, t;
+    const x = (d) => {
+      n || (n = d);
+      const v = d - n, u = Math.min(100, v / o * 100);
+      g(u), u < 100 && (t = requestAnimationFrame(x));
+    };
+    return t = requestAnimationFrame(x), () => {
+      t && cancelAnimationFrame(t);
+    };
+  }, [o, l]), /* @__PURE__ */ s.jsxs("div", { ...N, className: `relative flex items-center justify-center ${y}`, children: [
+    /* @__PURE__ */ s.jsxs("svg", { height: e, width: e, className: "transform -rotate-90", children: [
+      /* @__PURE__ */ s.jsx(
+        "circle",
+        {
+          stroke: "#E5E7EB",
+          fill: "transparent",
+          strokeWidth: r,
+          r: a,
+          cx: e / 2,
+          cy: e / 2
+        }
+      ),
+      /* @__PURE__ */ s.jsx(
+        "circle",
+        {
+          stroke: c,
+          fill: "transparent",
+          strokeWidth: r,
+          strokeDasharray: f,
+          strokeDashoffset: p,
+          strokeLinecap: "round",
+          r: a,
+          cx: e / 2,
+          cy: e / 2
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s.jsxs("div", { className: "absolute flex flex-col items-center justify-center", children: [
+      i && /* @__PURE__ */ s.jsx("div", { className: "text-xs font-medium text-gray-500", children: i }),
+      /* @__PURE__ */ s.jsxs(
+        "div",
+        {
+          className: "text-lg font-semibold",
+          style: { color: c },
+          children: [
+            Math.round(m),
+            "%"
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  k as default
+};

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

@@ -0,0 +1 @@
+export { default as LoadingProgress } from './LoadingProgress';

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

@@ -1,21 +1,22 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { useState as g, useRef as $ } from "react";
-import k from "../TextButton/TextButton.js";
-import { useTheme as B } from "../../../hooks/useTheme.js";
-import { translateBytes as F } from "../../../utils/files.js";
+import { useState as D, useRef as L } from "react";
+import { translateBytes as P } from "../../../utils/files.js";
 import "../../../_virtual/lodash.js";
 import "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { useTheme as $ } from "../../../hooks/useTheme.js";
 import "react-hook-form";
 import "../../../constants/countries.js";
 import "../ImageProfileInput/ImageProfileInput.validators.js";
+import F from "../TextButton/TextButton.js";
+import T from "../LoadingProgress/LoadingProgress.js";
 import "../../molecules/InformationContainer/InformationContainer.js";
-const z = ({
-  title: h = "drag_and_drop_your_files_here",
-  subtitle: d = null,
-  buttonTitle: v = "choose_files",
-  onUpload: j = () => {
+const J = ({
+  title: y = "drag_and_drop_your_files_here",
+  subtitle: p = null,
+  buttonTitle: N = "choose_files",
+  onUpload: E = () => {
   },
-  acceptedExtensions: o = [
+  acceptedExtensions: n = [
     "pdf",
     "png",
     "jpg",
@@ -26,55 +27,82 @@ const z = ({
     "xls",
     "xlsx"
   ],
-  maxSize: n = 1024
+  maxSize: l = 1024,
   // en KB
+  loading: C = !1,
+  loadingDuration: k = 1e4
 }) => {
-  const { t: l } = B(), [m, a] = g(!1), [f, i] = g(""), c = $(null), y = o.map((e) => `.${e}`).join(","), u = (e) => {
+  const { t: a } = $(), [m, o] = D(!1), [u, i] = D(""), c = L(null), w = n.map((e) => `.${e}`).join(","), f = (e) => {
     const r = [];
-    let p = !1;
+    let d = !1;
     Array.from(e).forEach((s) => {
-      var x;
-      const _ = ((x = s.name.split(".").pop()) == null ? void 0 : x.toLowerCase()) || "";
-      if (!o.includes(_)) {
+      var b;
+      const B = ((b = s.name.split(".").pop()) == null ? void 0 : b.toLowerCase()) || "";
+      if (!n.includes(B)) {
         i(
           `El archivo ${s.name} tiene una extensión no permitida.`
-        ), p = !0;
+        ), d = !0;
         return;
       }
-      if (s.size > n * 1024) {
+      if (s.size > l * 1024) {
         i(
-          `El archivo ${s.name} excede el tamaño máximo de ${n}KB.`
-        ), p = !0;
+          `El archivo ${s.name} excede el tamaño máximo de ${l}KB.`
+        ), d = !0;
         return;
       }
       r.push(s);
-    }), !p && r.length > 0 && (i(""), j(r));
-  }, D = () => {
+    }), !d && r.length > 0 && (i(""), E(r));
+  }, x = () => {
     c.current && c.current.click();
-  }, b = (e) => {
+  }, _ = (e) => {
     const r = e.target.files;
-    r && r.length > 0 && u(r), e.target.value = "";
-  }, N = (e) => {
-    e.preventDefault(), e.stopPropagation(), a(!0);
-  }, C = (e) => {
-    e.preventDefault(), e.stopPropagation(), a(!1);
-  }, E = (e) => {
-    e.preventDefault(), e.stopPropagation(), m || a(!0);
-  }, w = (e) => {
-    e.preventDefault(), e.stopPropagation(), a(!1);
+    r && r.length > 0 && f(r), e.target.value = "";
+  }, g = (e) => {
+    e.preventDefault(), e.stopPropagation(), o(!0);
+  }, h = (e) => {
+    e.preventDefault(), e.stopPropagation(), o(!1);
+  }, v = (e) => {
+    e.preventDefault(), e.stopPropagation(), m || o(!0);
+  }, j = (e) => {
+    e.preventDefault(), e.stopPropagation(), o(!1);
     const r = e.dataTransfer.files;
-    r.length > 0 && u(r);
+    r.length > 0 && f(r);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: "w-full mx-auto font-sans", children: [
-    /* @__PURE__ */ t.jsxs(
+  return C ? /* @__PURE__ */ t.jsx("div", { className: "w-full mx-auto font-sans", children: /* @__PURE__ */ t.jsx("div", { className: "bg-blue-50 p-16 rounded-2xl", children: /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: "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-100 select-none",
+      onDragEnter: g,
+      onDragLeave: h,
+      onDragOver: v,
+      onDrop: j,
+      onClick: x,
+      children: [
+        /* @__PURE__ */ t.jsx(
+          T,
+          {
+            size: 75,
+            duration: k,
+            strokeWidth: 6,
+            color: "#4570EB"
+          }
+        ),
+        /* @__PURE__ */ t.jsxs("h4", { className: "text-body-s text-gray-400", children: [
+          a("loading"),
+          "..."
+        ] })
+      ]
+    }
+  ) }) }) : /* @__PURE__ */ t.jsxs("div", { className: "w-full mx-auto font-sans", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "bg-blue-50 p-16 rounded-2xl", children: /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: `flex flex-col border-[1.4px] border-dashed rounded-2xl pt-28 p-32 text-center cursor-pointer transition-all duration-300 ${m ? "border-blue-400 bg-blue-100/50" : "border-gray-200 bg-white hover:border-blue-400"}`,
-        onDragEnter: N,
-        onDragLeave: C,
-        onDragOver: E,
-        onDrop: w,
-        onClick: D,
+        className: `flex flex-col border-[1.4px] border-dashed rounded-2xl pt-28 p-32 text-center cursor-pointer transition-all duration-300 ${m ? "border-blue-400 bg-blue-100/50" : "border-blue-100 hover:border-blue-400"}`,
+        onDragEnter: g,
+        onDragLeave: h,
+        onDragOver: v,
+        onDrop: j,
+        onClick: x,
         children: [
           /* @__PURE__ */ t.jsx("div", { className: "flex justify-center translate-y-4", children: /* @__PURE__ */ t.jsx(
             "img",
@@ -85,9 +113,9 @@ const z = ({
             }
           ) }),
           /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col items-center", children: [
-            /* @__PURE__ */ t.jsx("h3", { className: "font-600 text-xl text-dark", children: l(h) }),
-            d && /* @__PURE__ */ t.jsx("p", { className: "font-400 text-lg text-gray-500", children: l(d) }),
-            /* @__PURE__ */ t.jsx(k, { color: "blue", children: l(v) }),
+            /* @__PURE__ */ t.jsx("h3", { className: "font-600 text-xl text-dark", children: a(y) }),
+            p && /* @__PURE__ */ t.jsx("p", { className: "font-400 text-lg text-gray-500", children: a(p) }),
+            /* @__PURE__ */ t.jsx(F, { color: "blue", children: a(N) }),
             /* @__PURE__ */ t.jsx(
               "input",
               {
@@ -95,23 +123,23 @@ const z = ({
                 ref: c,
                 className: "hidden",
                 multiple: !0,
-                accept: y,
-                onChange: b
+                accept: w,
+                onChange: _
               }
             )
           ] })
         ]
       }
-    ),
-    f && /* @__PURE__ */ t.jsx("div", { className: "mt-3 text-sm text-red-500", children: f }),
+    ) }),
+    u && /* @__PURE__ */ t.jsx("div", { className: "mt-3 text-sm text-red-500", children: u }),
     /* @__PURE__ */ t.jsx("div", { className: "mt-10 w-full flex justify-center", children: /* @__PURE__ */ t.jsxs("span", { className: "text-gray-500 font-400 text-base", children: [
-      o.join(", ").toUpperCase(),
+      n.join(", ").toUpperCase(),
       " formats. Maximus size:",
       " ",
-      F(n, "mb")
+      P(l, "mb")
     ] }) })
   ] });
 };
 export {
-  z as default
+  J as default
 };

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

@@ -29,4 +29,6 @@ export interface UploadContainerProps {
      * @default 1024
      */
     maxSize?: number;
+    loading?: boolean;
+    loadingDuration: number;
 }

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

@@ -32,3 +32,4 @@ export * from './UncontrolledSelector/index';
 export * from './UncontrolledTextInput/index';
 export * from './UploadContainer/index';
 export * from './Tooltip/index';
+export * from './LoadingProgress/index';

package/dist/index.js

@@ -7,12 +7,12 @@ import { default as x } from "./components/atoms/Button/Button.js";
 import { default as i } from "./components/atoms/CenterModal/CenterModal.js";
 import { default as I } from "./components/atoms/Checkbox/Checkbox.js";
 import { default as C } from "./components/atoms/CountryInput/CountryInput.js";
-import { default as g } from "./components/atoms/CountryLabel/CountryLabel.js";
+import { default as S } from "./components/atoms/CountryLabel/CountryLabel.js";
 import { default as h } from "./components/atoms/CountrySelectInput/CountryDropdown.js";
 import { default as D } from "./components/atoms/Divider/Divider.js";
-import { default as b } from "./components/atoms/IconButton/IconButton.js";
-import { default as U } from "./components/atoms/ImageProfileInput/ImageProfileInput.js";
-import { default as A } from "./components/atoms/ImageProfileInput/ImageProfileInput.validators.js";
+import { default as P } from "./components/atoms/IconButton/IconButton.js";
+import { default as L } from "./components/atoms/ImageProfileInput/ImageProfileInput.js";
+import { default as w } from "./components/atoms/ImageProfileInput/ImageProfileInput.validators.js";
 import { default as v } from "./components/atoms/IndexedStep/IndexedStep.js";
 import { default as z } from "./components/atoms/InfoCard/InfoCard.js";
 import { default as O } from "./components/atoms/InformationDisclaimer/InformationDisclaimer.js";
@@ -33,95 +33,97 @@ import { default as uo } from "./components/atoms/UncontrolledSelector/Uncontrol
 import { default as no } from "./components/atoms/UncontrolledTextInput/UncontrolledTextInput.js";
 import { default as co } from "./components/atoms/UploadContainer/UploadContainer.js";
 import { default as To } from "./components/atoms/Tooltip/Tooltip.js";
-import { default as So } from "./components/molecules/AlertModal/AlertModal.js";
-import { default as Bo } from "./components/molecules/CalendarSelector/CalendarSelector.js";
-import { default as Mo } from "./components/molecules/DateInput/DateInput.js";
-import { default as yo } from "./components/molecules/DialogModal/DialogModal.js";
-import { default as Po } from "./components/molecules/Dropdown/Dropdown.js";
-import { default as wo } from "./components/molecules/FileUpload/FileUpload.js";
-import { default as Lo } from "./components/molecules/FloatingMenu/FloatingMenu.js";
-import { default as Fo } from "./components/molecules/IndexedStepper/IndexedStepper.js";
-import { default as ko } from "./components/molecules/InformationContainer/InformationContainer.js";
-import { default as Vo } from "./components/molecules/SearchModal/SearchModal.js";
-import { default as qo } from "./components/molecules/Stepper/Stepper.js";
-import { default as Go } from "./components/molecules/Tabs/Tabs.js";
-import { default as Jo } from "./components/molecules/UncontrolledDateInput/UncontrolledDateInput.js";
-import { Organism as No } from "./components/organisms/index.js";
-import { formatLocalizedDate as Ro } from "./utils/dates.js";
-import { toBase64 as Xo, translateBytes as Yo } from "./utils/files.js";
-import { getImageUrl as _o } from "./utils/images.js";
-import { ModalContainer as ot, closeModal as tt, openCustomModal as et, openModal as rt } from "./utils/modal.js";
-import { renderTabContent as ft } from "./utils/renderContentOptions.js";
-import { capitalizeFirstLetter as lt, stringToColor as dt } from "./utils/strings.js";
-import { showToastAsync as st, showToastLoading as ut, toast as xt } from "./utils/toast.js";
-import { ThemeProvider as it } from "./providers/ThemeProvider.js";
-import { useTheme as It } from "./hooks/useTheme.js";
+import { default as go } from "./components/atoms/LoadingProgress/LoadingProgress.js";
+import { default as Bo } from "./components/molecules/AlertModal/AlertModal.js";
+import { default as Mo } from "./components/molecules/CalendarSelector/CalendarSelector.js";
+import { default as yo } from "./components/molecules/DateInput/DateInput.js";
+import { default as bo } from "./components/molecules/DialogModal/DialogModal.js";
+import { default as Uo } from "./components/molecules/Dropdown/Dropdown.js";
+import { default as Ao } from "./components/molecules/FileUpload/FileUpload.js";
+import { default as Fo } from "./components/molecules/FloatingMenu/FloatingMenu.js";
+import { default as ko } from "./components/molecules/IndexedStepper/IndexedStepper.js";
+import { default as Vo } from "./components/molecules/InformationContainer/InformationContainer.js";
+import { default as qo } from "./components/molecules/SearchModal/SearchModal.js";
+import { default as Go } from "./components/molecules/Stepper/Stepper.js";
+import { default as Jo } from "./components/molecules/Tabs/Tabs.js";
+import { default as No } from "./components/molecules/UncontrolledDateInput/UncontrolledDateInput.js";
+import { Organism as Ro } from "./components/organisms/index.js";
+import { formatLocalizedDate as Xo } from "./utils/dates.js";
+import { toBase64 as Zo, translateBytes as _o } from "./utils/files.js";
+import { getImageUrl as ot } from "./utils/images.js";
+import { ModalContainer as et, closeModal as rt, openCustomModal as at, openModal as ft } from "./utils/modal.js";
+import { renderTabContent as lt } from "./utils/renderContentOptions.js";
+import { capitalizeFirstLetter as mt, stringToColor as st } from "./utils/strings.js";
+import { showToastAsync as xt, showToastLoading as nt, toast as it } from "./utils/toast.js";
+import { ThemeProvider as It } from "./providers/ThemeProvider.js";
+import { useTheme as Ct } from "./hooks/useTheme.js";
 import "./contexts/themeContext.js";
-import { defaultTheme as Ct } from "./themes/default.js";
+import { defaultTheme as St } from "./themes/default.js";
 export {
   a as ActionButton,
-  So as AlertModal,
+  Bo as AlertModal,
   p as AsyncToast,
   d as Avatar,
   s as BoxContainer,
   x as Button,
-  Bo as CalendarSelector,
+  Mo as CalendarSelector,
   i as CenterModal,
   I as Checkbox,
   h as CountryDropdown,
   C as CountryInput,
-  g as CountryLabel,
-  Mo as DateInput,
-  yo as DialogModal,
+  S as CountryLabel,
+  yo as DateInput,
+  bo as DialogModal,
   D as Divider,
-  Po as Dropdown,
-  wo as FileUpload,
-  Lo as FloatingMenu,
-  b as IconButton,
-  U as ImageProfileInput,
+  Uo as Dropdown,
+  Ao as FileUpload,
+  Fo as FloatingMenu,
+  P as IconButton,
+  L as ImageProfileInput,
   v as IndexedStep,
-  Fo as IndexedStepper,
+  ko as IndexedStepper,
   z as InfoCard,
-  ko as InformationContainer,
+  Vo as InformationContainer,
   O as InformationDisclaimer,
+  go as LoadingProgress,
   j as LoadingSpinner,
-  ot as ModalContainer,
-  No as Organism,
+  et as ModalContainer,
+  Ro as Organism,
   E as PasswordInput,
   H as PhoneInput,
   K as ProgressBar,
   Q as SearchBar,
-  Vo as SearchModal,
+  qo as SearchModal,
   W as SectionButton,
   Y as SelectInput,
   _ as SidebarButton,
-  qo as Stepper,
+  Go as Stepper,
   oo as Tab,
-  Go as Tabs,
+  Jo as Tabs,
   eo as TextButton,
   ao as TextInput,
   po as TextStaticInput,
-  it as ThemeProvider,
+  It as ThemeProvider,
   mo as Toast,
   To as Tooltip,
-  Jo as UncontrolledDateInput,
+  No as UncontrolledDateInput,
   uo as UncontrolledSelector,
   no as UncontrolledTextInput,
   co as UploadContainer,
-  lt as capitalizeFirstLetter,
-  tt as closeModal,
-  Ct as defaultTheme,
-  Ro as formatLocalizedDate,
-  _o as getImageUrl,
-  et as openCustomModal,
-  rt as openModal,
-  ft as renderTabContent,
-  st as showToastAsync,
-  ut as showToastLoading,
-  dt as stringToColor,
-  Xo as toBase64,
-  xt as toast,
-  Yo as translateBytes,
-  It as useTheme,
-  A as yupImageProfileValidator
+  mt as capitalizeFirstLetter,
+  rt as closeModal,
+  St as defaultTheme,
+  Xo as formatLocalizedDate,
+  ot as getImageUrl,
+  at as openCustomModal,
+  ft as openModal,
+  lt as renderTabContent,
+  xt as showToastAsync,
+  nt as showToastLoading,
+  st as stringToColor,
+  Zo as toBase64,
+  it as toast,
+  _o as translateBytes,
+  Ct as useTheme,
+  w as yupImageProfileValidator
 };