lawgic-dev-kit 0.19.0 → 0.19.8

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/_virtual/index6.js

@@ -1,4 +1,4 @@
-var o = { exports: {} };
+var e = { exports: {} };
 export {
-  o as __module
+  e as __module
 };

package/dist/_virtual/index7.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var o = { exports: {} };
 export {
-  e as __module
+  o as __module
 };

package/dist/components/atoms/Button/Button.js

@@ -1,9 +1,10 @@
 import { j as s } from "../../../_virtual/jsx-runtime.js";
-import { resolveButtonClasses as d } from "./Button.styles.js";
-import { useTheme as i } from "../../../hooks/useTheme.js";
+import { resolveButtonClasses as i } from "./Button.styles.js";
+import { useTheme as d } from "../../../hooks/useTheme.js";
+import "react";
 import { FontAwesomeIcon as r } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import { resolveIconClasses as m } from "../IconButton/IconButton.styles.js";
-const h = ({
+const v = ({
   icon: e,
   rightIcon: t,
   color: l,
@@ -11,15 +12,15 @@ const h = ({
   size: o = "base",
   children: n,
   className: c,
-  ...u
+  ...p
 }) => {
-  const { defaultColorScheme: f } = i(), p = l || f;
+  const { defaultColorScheme: u } = d(), f = l || u;
   return /* @__PURE__ */ s.jsxs(
     "button",
     {
       type: "button",
-      className: d(a, p, o) + " " + c,
-      ...u,
+      className: i(a, f, o) + " " + c,
+      ...p,
       children: [
         e && /* @__PURE__ */ s.jsx(r, { icon: e, className: m(o) }),
         n,
@@ -35,5 +36,5 @@ const h = ({
   );
 };
 export {
-  h as default
+  v as default
 };

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

@@ -0,0 +1,8 @@
+import { Filter, FilterControl } from '../../../types/filters';
+interface FilterPillProps<T> {
+    filter: Omit<Filter<T>, "fn">;
+    filterControl: FilterControl<T>;
+    translations?: Record<string, string>;
+}
+declare const FilterPill: <T>({ filter, filterControl, translations, }: FilterPillProps<T>) => React.ReactElement;
+export default FilterPill;

package/dist/components/atoms/FilterPill/FilterPill.js

@@ -0,0 +1,158 @@
+import { j as a } from "../../../_virtual/jsx-runtime.js";
+import { FontAwesomeIcon as D } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { faFilter as C, faX as I } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
+import { useState as O } from "react";
+import "../../../contexts/themeContext.js";
+import "../../../_virtual/lodash.js";
+import "react-hook-form";
+import "../../../constants/countries.js";
+import "../ImageProfileInput/ImageProfileInput.validators.js";
+import $ from "../UncontrolledSelector/UncontrolledSelector.js";
+import L from "../UncontrolledTextInput/UncontrolledTextInput.js";
+import M from "../../molecules/FloatingMenu/FloatingMenu.js";
+import "../../molecules/InformationContainer/InformationContainer.js";
+import h from "../../molecules/UncontrolledDateInput/UncontrolledDateInput.js";
+const G = ({
+  filter: e,
+  filterControl: g,
+  translations: j = {}
+}) => {
+  var c, p, u, d, r, m, x, v, y, b;
+  const [k, l] = O(!0), { updateFilter: o, removeFilter: w } = g, S = !!(e != null && e.value), n = (t, s) => j[t] || s, N = (t, s = []) => {
+    const i = s.find((F) => F.value === t);
+    return i ? i.label : String(t);
+  };
+  return /* @__PURE__ */ a.jsx(
+    M,
+    {
+      open: k,
+      onClose: () => l(!1),
+      placement: "bottom",
+      className: "min-w-[400px]",
+      component: /* @__PURE__ */ a.jsxs("div", { children: [
+        /* @__PURE__ */ a.jsx("p", { children: n(e.key, e.label) }),
+        e.type === "date" ? /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ a.jsx("div", { className: "scale-[0.8] origin-left -mr-[10%] w-[125%]! relative z-99", children: /* @__PURE__ */ a.jsx(
+            h,
+            {
+              currentDate: (c = e.value) != null && c.startDate ? new Date(e.value.startDate) : null,
+              maxDate: (p = e.value) != null && p.endDate ? new Date(e.value.endDate) : void 0,
+              futureDates: !0,
+              onDateChange: (t) => o({
+                key: e.key,
+                value: {
+                  ...e.value || {},
+                  startDate: (t == null ? void 0 : t.toISOString()) || ""
+                },
+                label: e.label,
+                type: e.type
+              }),
+              label: "Fecha de inicio",
+              translatedKey: "start_date"
+            }
+          ) }),
+          /* @__PURE__ */ a.jsx("div", { className: "scale-[0.8] origin-left -mr-[10%] w-[125%]! ", children: /* @__PURE__ */ a.jsx(
+            h,
+            {
+              currentDate: (u = e.value) != null && u.endDate ? new Date(e.value.endDate) : null,
+              minDate: (d = e.value) != null && d.startDate ? new Date(e.value.startDate) : void 0,
+              onDateChange: (t) => o({
+                key: e.key,
+                value: {
+                  ...e.value || {},
+                  endDate: (t == null ? void 0 : t.toISOString()) || ""
+                },
+                label: e.label,
+                type: e.type
+              }),
+              label: "Fecha de fin",
+              futureDates: !0,
+              translatedKey: "end_date"
+            }
+          ) })
+        ] }) : e.type === "select" ? /* @__PURE__ */ a.jsx(
+          $,
+          {
+            className: "scale-[0.8] origin-left -mr-[10%] w-[125%]! p-0! m-0!",
+            value: e.value || "",
+            options: e.options || [],
+            label: "",
+            allowSearch: !0,
+            onChange: (t) => o({
+              key: e.key,
+              value: t,
+              label: e.label,
+              type: e.type
+            }),
+            placeholder: n(e.key, e.label)
+          }
+        ) : /* @__PURE__ */ a.jsx(
+          L,
+          {
+            size: "sm",
+            name: e.key,
+            value: e.value,
+            onChange: (t) => o({
+              key: e.key,
+              value: t,
+              label: e.label,
+              type: e.type
+            }),
+            placeholder: n(e.key, e.label)
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ a.jsxs(
+        "div",
+        {
+          className: `flex gap-[8px] items-center px-[12px] py-[8px] bg-blue-100 max-w-[400px] ${S && "border-1! border-blue-500!"} cursor-pointer transition ease-in-out rounded-full border border-transparent hover:border-blue-500`,
+          onClick: () => l(!0),
+          children: [
+            /* @__PURE__ */ a.jsxs("div", { className: "flex justify-between items-center gap-[6px] min-w-0", children: [
+              /* @__PURE__ */ a.jsx(
+                D,
+                {
+                  icon: e.icon || C,
+                  className: "text-[14px] text-blue-500"
+                }
+              ),
+              /* @__PURE__ */ a.jsx(
+                "p",
+                {
+                  className: "flex-1 min-w-0 text-[12px] font-semibold text-gray-800 truncate overflow-hidden whitespace-nowrap",
+                  title: e.type === "date" ? `${((r = e.value) == null ? void 0 : r.startDate) || "..."} - ${((m = e.value) == null ? void 0 : m.endDate) || "..."}` : String(
+                    e.value || n(e.key, e.label)
+                  ),
+                  children: e.value && (e.type === "date" ? (x = e.value) != null && x.startDate || (v = e.value) != null && v.endDate : e.value) ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+                    n(e.key, e.label),
+                    ":",
+                    " ",
+                    /* @__PURE__ */ a.jsx("span", { className: "text-gray-600 truncate overflow-hidden whitespace-nowrap", children: e.type === "date" ? `${(y = e.value) != null && y.startDate ? new Date(
+                      e.value.startDate
+                    ).toLocaleDateString() : "..."} - ${(b = e.value) != null && b.endDate ? new Date(
+                      e.value.endDate
+                    ).toLocaleDateString() : "..."}` : e.type === "select" ? N(
+                      e.value,
+                      e.options
+                    ) : String(e.value) })
+                  ] }) : n(e.key, e.label)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a.jsx(
+              "div",
+              {
+                className: "flex justify-center items-center",
+                onClick: () => w({ key: e.key }),
+                children: /* @__PURE__ */ a.jsx(D, { icon: I, className: "text-[10px] text-gray-400" })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  G as default
+};

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

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

package/dist/components/atoms/IconButton/IconButton.js

@@ -1,14 +1,15 @@
 import { j as s } from "../../../_virtual/jsx-runtime.js";
-import { FontAwesomeIcon as d } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import { resolveIconButtonClasses as i, resolveIconClasses as p } from "./IconButton.styles.js";
+import { FontAwesomeIcon as i } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { resolveIconButtonClasses as p, resolveIconClasses as d } from "./IconButton.styles.js";
 import { useTheme as x } from "../../../hooks/useTheme.js";
-const b = ({
+import "react";
+const v = ({
   variant: t = "filled",
   color: r,
   size: o = "base",
-  shadow: n = "none",
+  shadow: m = "none",
   icon: e,
-  iconProps: m = {},
+  iconProps: n = {},
   children: l,
   className: a,
   ...c
@@ -18,12 +19,12 @@ const b = ({
     "button",
     {
       ...c,
-      className: `${i(t, f, o, n)} ${a}`,
+      className: `${p(t, f, o, m)} ${a}`,
       children: e ? /* @__PURE__ */ s.jsx(
-        d,
+        i,
         {
-          ...m,
-          className: p(o),
+          ...n,
+          className: d(o),
           icon: e
         }
       ) : l
@@ -31,5 +32,5 @@ const b = ({
   );
 };
 export {
-  b as default
+  v as default
 };

package/dist/components/atoms/ProgressBar/ProgressBar.js

@@ -1,7 +1,8 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 import { resolveProgressBarColors as c } from "./ProgressBar.styles.js";
 import { useTheme as f } from "../../../hooks/useTheme.js";
-const p = ({
+import "react";
+const g = ({
   progress: r,
   showPercentage: o = !1,
   color: l,
@@ -24,5 +25,5 @@ const p = ({
   ] });
 };
 export {
-  p as default
+  g as default
 };

package/dist/components/atoms/SectionButton/desktop/SectionButton.js

@@ -1,16 +1,17 @@
-import { j as t } from "../../../../_virtual/jsx-runtime.js";
+import { j as e } from "../../../../_virtual/jsx-runtime.js";
 import { FontAwesomeIcon as u } from "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import { resolveSectionButtonClasses as $ } from "./SectionButton.styles.js";
 import { resolveIconClasses as f } from "../../IconButton/IconButton.styles.js";
 import { useTheme as d } from "../../../../hooks/useTheme.js";
-const g = ({
+import "react";
+const w = ({
   label: r,
   href: a,
   onClick: o,
   active: p = !1,
   disabled: s = !1,
   className: m,
-  icon: e,
+  icon: t,
   color: i
 }) => {
   const { defaultColorScheme: x } = d(), j = i || x, n = (c) => {
@@ -20,7 +21,7 @@ const g = ({
     }
     o == null || o(c);
   }, l = `${$(p, j)} ${s ? "!text-gray-300 cursor-not-allowed !bg-transparent" : ""}`;
-  return a ? /* @__PURE__ */ t.jsxs(
+  return a ? /* @__PURE__ */ e.jsxs(
     "a",
     {
       href: a,
@@ -28,27 +29,27 @@ const g = ({
       onClick: n,
       "aria-disabled": s,
       children: [
-        e && /* @__PURE__ */ t.jsx(
+        t && /* @__PURE__ */ e.jsx(
           u,
           {
-            icon: e,
+            icon: t,
             className: f()
           }
         ),
         r
       ]
     }
-  ) : /* @__PURE__ */ t.jsxs(
+  ) : /* @__PURE__ */ e.jsxs(
     "button",
     {
       className: `${l} ${m || ""}`,
       onClick: n,
       disabled: s,
       children: [
-        e && /* @__PURE__ */ t.jsx(
+        t && /* @__PURE__ */ e.jsx(
           u,
           {
-            icon: e,
+            icon: t,
             className: f()
           }
         ),
@@ -58,5 +59,5 @@ const g = ({
   );
 };
 export {
-  g as default
+  w as default
 };

package/dist/components/atoms/SectionButton/mobile/SectionButton.js

@@ -1,8 +1,9 @@
 import { j as s } from "../../../../_virtual/jsx-runtime.js";
-import { FontAwesomeIcon as i } from "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import { useTheme as j } from "../../../../hooks/useTheme.js";
-import { resolveSectionButtonClasses as p, resolveSectionButtonIconClasses as f } from "./MobileSectionButton.styles.js";
-const S = ({
+import { FontAwesomeIcon as u } from "../../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { useTheme as h } from "../../../../hooks/useTheme.js";
+import "react";
+import { resolveSectionButtonClasses as j, resolveSectionButtonIconClasses as f } from "./MobileSectionButton.styles.js";
+const v = ({
   label: m,
   href: n,
   onClick: o,
@@ -10,15 +11,15 @@ const S = ({
   disabled: e = !1,
   className: l,
   icon: t,
-  color: d
+  color: p
 }) => {
-  const { defaultColorScheme: h } = j(), a = d || h, c = (u) => {
+  const { defaultColorScheme: d } = h(), a = p || d, c = (i) => {
     if (e) {
-      u.preventDefault();
+      i.preventDefault();
       return;
     }
-    o == null || o(u);
-  }, x = `${p(r, a)} ${e ? "!text-gray-300 cursor-not-allowed !bg-transparent" : ""}`;
+    o == null || o(i);
+  }, x = `${j(r, a)} ${e ? "!text-gray-300 cursor-not-allowed !bg-transparent" : ""}`;
   return n ? /* @__PURE__ */ s.jsxs(
     "a",
     {
@@ -28,7 +29,7 @@ const S = ({
       "aria-disabled": e,
       children: [
         t && /* @__PURE__ */ s.jsx("div", { className: f(r, a), children: /* @__PURE__ */ s.jsx(
-          i,
+          u,
           {
             icon: t,
             className: "size-16 max-h-16 max-w-16"
@@ -45,7 +46,7 @@ const S = ({
       disabled: e,
       children: [
         t && /* @__PURE__ */ s.jsx("div", { className: f(r, a), children: /* @__PURE__ */ s.jsx(
-          i,
+          u,
           {
             icon: t,
             className: "size-16 max-h-16 max-w-16"
@@ -57,5 +58,5 @@ const S = ({
   );
 };
 export {
-  S as default
+  v as default
 };

package/dist/components/atoms/SidebarButton/SidebarButton.js

@@ -2,7 +2,8 @@ import { j as t } from "../../../_virtual/jsx-runtime.js";
 import { FontAwesomeIcon as f } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
 import { resolveSidebarButtonColors as d } from "./SidebarButton.styles.js";
 import { useTheme as h } from "../../../hooks/useTheme.js";
-const y = ({
+import "react";
+const j = ({
   active: o,
   icon: l,
   label: n,
@@ -58,5 +59,5 @@ const y = ({
   );
 };
 export {
-  y as default
+  j as default
 };

package/dist/components/atoms/Switch/Switch.js

@@ -1,6 +1,7 @@
 import { j as s } from "../../../_virtual/jsx-runtime.js";
 import { useTheme as t } from "../../../hooks/useTheme.js";
-const l = ({ active: n, onClick: e }) => {
+import "react";
+const i = ({ active: n, onClick: e }) => {
   const { defaultColorScheme: o } = t();
   return /* @__PURE__ */ s.jsxs(
     "button",
@@ -29,5 +30,5 @@ const l = ({ active: n, onClick: e }) => {
   );
 };
 export {
-  l as default
+  i as default
 };

package/dist/components/atoms/TextButton/TextButton.js

@@ -1,6 +1,7 @@
 import { j as n } from "../../../_virtual/jsx-runtime.js";
 import { resolveTextButtonClasses as u } from "./TextButton.styles.js";
 import { useTheme as a } from "../../../hooks/useTheme.js";
+import "react";
 const c = ({
   color: t,
   children: o,

package/dist/components/atoms/TextInput/TextInput.js

@@ -1,7 +1,8 @@
 import { j as o } from "../../../_virtual/jsx-runtime.js";
 import { useController as w } from "react-hook-form";
 import { useTheme as v } from "../../../hooks/useTheme.js";
-const I = ({
+import "react";
+const S = ({
   label: c,
   control: x,
   name: e,
@@ -94,5 +95,5 @@ const I = ({
   );
 };
 export {
-  I as default
+  S as default
 };

package/dist/components/atoms/UncontrolledTextInput/UncontrolledTextInput.js

@@ -1,16 +1,17 @@
 import { j as o } from "../../../_virtual/jsx-runtime.js";
 import { useTheme as h } from "../../../hooks/useTheme.js";
-const j = ({
+import "react";
+const w = ({
   label: x,
   onChange: p,
   value: s,
   name: t,
   error: l,
-  placeholder: b,
-  className: g = "",
+  placeholder: i,
+  className: b = "",
   disabled: e = !1,
   disabledInput: n = !1,
-  size: i = "base",
+  size: g = "base",
   leftSide: a,
   rightSide: c,
   ...d
@@ -30,11 +31,11 @@ const j = ({
       error: "text-label",
       gap: "gap-8"
     }
-  }[i];
+  }[g];
   return /* @__PURE__ */ o.jsxs(
     "label",
     {
-      className: `flex flex-col group select-none ${r.gap} ${e && "cursor-not-allowed"} ${g}`,
+      className: `flex flex-col group select-none ${r.gap} ${e && "cursor-not-allowed"} ${b}`,
       htmlFor: t,
       children: [
         /* @__PURE__ */ o.jsx(
@@ -74,7 +75,7 @@ const j = ({
                   id: t,
                   name: t,
                   disabled: e,
-                  placeholder: b,
+                  placeholder: i,
                   value: s,
                   onChange: (f) => {
                     p(f.target.value);
@@ -92,5 +93,5 @@ const j = ({
   );
 };
 export {
-  j as default
+  w as default
 };

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

@@ -38,3 +38,4 @@ export * from './ThresholdProgressBar/index';
 export * from './CircleProgress/index';
 export * from './Switch/index';
 export * from './Pill/index';
+export * from './FilterPill/index';

package/dist/components/molecules/AutocompleteInput/AutocompleteInput.js

@@ -10,7 +10,7 @@ import { offset as re, flip as se, shift as oe, size as ne } from "../../../node
 const ge = ({
   name: p,
   error: c,
-  value: r,
+  value: r = "",
   onChange: n,
   onOptionClick: u,
   onKeyDown: y,

package/dist/components/molecules/AutocompleteInput/AutocompleteInput.types.d.ts

@@ -5,7 +5,7 @@ export interface AutocompleteInputProps {
     onChange?: (value: string) => void;
     onSelect?: (value: unknown) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    onOptionClick?: (option: {
+    onOptionClick?: ({ label, value }: {
         label: string;
         value: unknown;
     }) => void;

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

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