@tech-diefra/fluig-ui 1.1.0 → 1.1.2

package/dist/index.js

@@ -1,10 +1,10 @@
-import { jsxs as v, jsx as n, Fragment as Z } from "react/jsx-runtime";
-import { memo as j, useMemo as W, useCallback as B, useState as G, useRef as J, useEffect as A, forwardRef as K } from "react";
-import { useFormContext as D, useController as z, useFormState as ee } from "react-hook-form";
+import { jsxs as w, jsx as n, Fragment as Z } from "react/jsx-runtime";
+import { memo as F, useMemo as A, useCallback as $, useState as B, useRef as U, useEffect as D, forwardRef as K } from "react";
+import { useFormContext as j, useController as H, useFormState as ee } from "react-hook-form";
 import { IMaskInput as te } from "react-imask";
-import { useSection as H, useFluigRuntime as V } from "@fluig-kit/ecm";
-import ae, { registerLocale as ne } from "react-datepicker";
-import { parse as re, isValid as oe, format as ie } from "date-fns";
+import { useSection as T, useFluigRuntime as W } from "@fluig-kit/ecm";
+import ne, { registerLocale as ae } from "react-datepicker";
+import { parse as re, isValid as ie, format as oe } from "date-fns";
 const se = {
   cpf: "000.000.000-00",
   cnpj: "00.000.000/0000-00",
@@ -15,330 +15,330 @@ function de({
   name: e,
   label: a = "",
   placeholder: t = "",
-  type: i = "text",
+  type: d = "text",
   mask: r,
-  className: d = "",
-  forceReadOnly: s = !1,
-  forceHidden: c = !1
+  className: s = "",
+  forceReadOnly: i = !1,
+  forceHidden: l = !1
 }) {
-  const { isReadOnly: P, isHidden: f } = H(), g = s || !!P(e), b = c || !!f(e), { control: M } = D(), { isView: S } = V(), { field: m } = z({ name: e, control: M }), { errors: p } = ee({ name: e }), h = p == null ? void 0 : p[e], C = W(() => r ? se[r] ?? r : null, [r]), k = B((o) => {
+  const { isReadOnly: N, isHidden: h } = T(), f = i || !!N(e), k = l || !!h(e), { control: R } = j(), { isView: S } = W(), { field: b } = H({ name: e, control: R }), { errors: p } = ee({ name: e }), g = p == null ? void 0 : p[e], m = A(() => r ? se[r] ?? r : null, [r]), u = $((o) => {
     if (!o) return "";
-    const w = o.replace(/\D/g, "");
-    return (Number(w) / 100).toLocaleString("pt-BR", {
+    const C = o.replace(/\D/g, "");
+    return (Number(C) / 100).toLocaleString("pt-BR", {
       style: "currency",
       currency: "BRL"
     });
-  }, []), x = B(
-    (o) => i === "monetary" ? k(o) : o,
-    [i, k]
+  }, []), c = $(
+    (o) => d === "monetary" ? u(o) : o,
+    [d, u]
   );
-  return S ? /* @__PURE__ */ v("div", { className: "form-group", children: [
+  return S ? /* @__PURE__ */ w("div", { className: "form-group", children: [
     /* @__PURE__ */ n("label", { children: a }),
-    /* @__PURE__ */ n("span", { className: "form-control", children: m.value || "-" })
-  ] }) : /* @__PURE__ */ v("div", { className: `form-group ${b ? "hidden" : ""}`, children: [
+    /* @__PURE__ */ n("span", { className: "form-control", children: b.value || "-" })
+  ] }) : /* @__PURE__ */ w("div", { className: `form-group ${k ? "hidden" : ""}`, children: [
     /* @__PURE__ */ n("label", { children: a }),
-    C ? /* @__PURE__ */ n(
+    m ? /* @__PURE__ */ n(
       te,
       {
         name: e,
-        mask: C,
-        value: String(m.value ?? ""),
+        mask: m,
+        value: String(b.value ?? ""),
         unmask: !1,
-        onAccept: (o) => m.onChange(x(o)),
+        onAccept: (o) => b.onChange(c(o)),
         placeholder: t,
-        readOnly: g,
-        className: `form-control ${h ? "border-red" : ""} ${d}`,
-        inputRef: m.ref,
-        onBlur: m.onBlur
+        readOnly: f,
+        className: `form-control ${g ? "border-red" : ""} ${s}`,
+        inputRef: b.ref,
+        onBlur: b.onBlur
       }
     ) : /* @__PURE__ */ n(
       "input",
       {
-        ...m,
+        ...b,
         type: "text",
-        value: m.value ?? "",
-        onChange: (o) => m.onChange(x(o.target.value)),
+        value: b.value ?? "",
+        onChange: (o) => b.onChange(c(o.target.value)),
         placeholder: t,
-        readOnly: g,
-        className: `form-control ${h ? "border-red" : ""} ${d}`
+        readOnly: f,
+        className: `form-control ${g ? "border-red" : ""} ${s}`
       }
     ),
-    h && /* @__PURE__ */ n("p", { className: "text-danger", children: String(h.message) })
+    g && /* @__PURE__ */ n("p", { className: "text-danger", children: String(g.message) })
   ] });
 }
-const nt = j(de);
-function ce({
+const rt = F(de);
+function le({
   name: e,
   label: a = "",
   options: t = [],
-  placeholder: i = "",
+  placeholder: d = "",
   labelKey: r = "label",
-  valueKey: d = "value",
-  enableSearch: s = !1,
-  searchPlaceholder: c = "Buscar...",
-  loading: P = !1,
-  onSearchChange: f,
-  debounceTime: g = 300,
-  onSelect: b,
-  forceReadOnly: M = !1,
+  valueKey: s = "value",
+  enableSearch: i = !1,
+  searchPlaceholder: l = "Buscar...",
+  loading: N = !1,
+  onSearchChange: h,
+  debounceTime: f = 300,
+  onSelect: k,
+  forceReadOnly: R = !1,
   forceHidden: S = !1
 }) {
-  const { isReadOnly: m, isHidden: p } = H(), h = M || !!m(e), C = S || !!p(e), { control: k, clearErrors: x } = D(), { isView: o } = V(), {
-    field: { onChange: w, value: y, ref: $ },
-    fieldState: { error: l }
-  } = z({
+  const { isReadOnly: b, isHidden: p } = T(), g = R || !!b(e), m = S || !!p(e), { control: u, clearErrors: c } = j(), { isView: o } = W(), {
+    field: { onChange: C, value: x, ref: V },
+    fieldState: { error: y }
+  } = H({
     name: e,
-    control: k
-  }), [N, O] = G(!1), [R, X] = G(""), L = J(null), I = J(f);
-  A(() => {
-    I.current = f;
-  }, [f]), A(() => {
-    const u = (F) => {
-      L.current && !L.current.contains(F.target) && O(!1);
+    control: u
+  }), [P, O] = B(!1), [M, Y] = B(""), z = U(null), I = U(h);
+  D(() => {
+    I.current = h;
+  }, [h]), D(() => {
+    const v = (_) => {
+      z.current && !z.current.contains(_.target) && O(!1);
     };
-    return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
-  }, []), A(() => {
-    N || X("");
-  }, [N]), A(() => {
-    if (!s) return;
-    const u = setTimeout(() => {
-      I.current && I.current(R);
-    }, g);
-    return () => clearTimeout(u);
-  }, [R, s, g]);
-  const Y = W(() => s && !f && R.trim() ? t.filter(
-    (u) => String((u == null ? void 0 : u[r]) ?? "").toLowerCase().includes(R.toLowerCase())
-  ) : t ?? [], [t, s, f, R, r]), Q = W(() => {
-    if (y == null) return "";
-    if (typeof y == "object")
-      return String(y[d] ?? "");
-    const u = (t || []).find(
-      (F) => String(F == null ? void 0 : F[d]) === String(y)
+    return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
+  }, []), D(() => {
+    P || Y("");
+  }, [P]), D(() => {
+    if (!i) return;
+    const v = setTimeout(() => {
+      I.current && I.current(M);
+    }, f);
+    return () => clearTimeout(v);
+  }, [M, i, f]);
+  const Q = A(() => i && !h && M.trim() ? t.filter(
+    (v) => String((v == null ? void 0 : v[r]) ?? "").toLowerCase().includes(M.toLowerCase())
+  ) : t ?? [], [t, i, h, M, r]), J = A(() => {
+    if (x == null) return "";
+    if (typeof x == "object")
+      return String(x[s] ?? "");
+    const v = (t || []).find(
+      (_) => String(_ == null ? void 0 : _[s]) === String(x)
     );
-    return String(u ? (u == null ? void 0 : u[r]) ?? "" : y);
-  }, [y, t, d, r]), U = (u) => {
-    h || (w(u[d]), b && b(u), x(e), O(!1));
+    return String(v ? (v == null ? void 0 : v[r]) ?? "" : x);
+  }, [x, t, s, r]), G = (v) => {
+    g || (C(v[s]), k && k(v), c(e), O(!1));
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ w(
     "div",
     {
-      className: `select-wrapper form-group ${C ? "hidden" : ""}`,
-      ref: L,
+      className: `select-wrapper form-group ${m ? "hidden" : ""}`,
+      ref: z,
       children: [
         /* @__PURE__ */ n("label", { className: "control-label", children: a }),
-        o ? /* @__PURE__ */ n("span", { className: "form-control", children: Q || "-" }) : /* @__PURE__ */ v(Z, { children: [
-          /* @__PURE__ */ v(
+        o ? /* @__PURE__ */ n("span", { className: "form-control", children: J || "-" }) : /* @__PURE__ */ w(Z, { children: [
+          /* @__PURE__ */ w(
             "div",
             {
-              className: `select-control ${l ? "border-red" : ""} ${h ? "readOnly" : ""}`,
-              onClick: () => !h && O((u) => !u),
-              ref: $,
+              className: `select-control ${y ? "border-red" : ""} ${g ? "readOnly" : ""}`,
+              onClick: () => !g && O((v) => !v),
+              ref: V,
               children: [
-                /* @__PURE__ */ n("span", { className: `select-display ${h ? "readOnly" : ""}`, children: Q || i }),
+                /* @__PURE__ */ n("span", { className: `select-display ${g ? "readOnly" : ""}`, children: J || d }),
                 /* @__PURE__ */ n("i", { className: "flaticon flaticon-chevron-down select-icon" })
               ]
             }
           ),
-          N && !h && /* @__PURE__ */ v("div", { className: "select-dropdown", children: [
-            s && /* @__PURE__ */ n("div", { className: "select-search", children: /* @__PURE__ */ n(
+          P && !g && /* @__PURE__ */ w("div", { className: "select-dropdown", children: [
+            i && /* @__PURE__ */ n("div", { className: "select-search", children: /* @__PURE__ */ n(
               "input",
               {
                 type: "text",
                 className: "select-search-input",
-                value: R,
-                onChange: (u) => X(u.target.value),
-                placeholder: P ? "Carregando..." : c,
+                value: M,
+                onChange: (v) => Y(v.target.value),
+                placeholder: N ? "Carregando..." : l,
                 autoFocus: !0,
-                onClick: (u) => u.stopPropagation()
+                onClick: (v) => v.stopPropagation()
               }
             ) }),
-            /* @__PURE__ */ n("ul", { className: "select-options", children: P ? /* @__PURE__ */ n("li", { className: "select-option readOnly", children: "Carregando..." }) : Y.length > 0 ? Y.map((u) => /* @__PURE__ */ n(
+            /* @__PURE__ */ n("ul", { className: "select-options", children: N ? /* @__PURE__ */ n("li", { className: "select-option readOnly", children: "Carregando..." }) : Q.length > 0 ? Q.map((v) => /* @__PURE__ */ n(
               "li",
               {
-                onClick: () => U(u),
+                onClick: () => G(v),
                 className: "select-option handleHover",
-                children: u[r]
+                children: v[r]
               },
-              u[d]
+              v[s]
             )) : /* @__PURE__ */ n("li", { className: "select-option readOnly", children: "Sem resultados" }) })
           ] })
         ] }),
-        /* @__PURE__ */ n("input", { type: "hidden", name: e, value: y || "" }),
-        l && /* @__PURE__ */ n("p", { className: "text-danger", children: String(l.message) })
+        /* @__PURE__ */ n("input", { type: "hidden", name: e, value: x || "" }),
+        y && /* @__PURE__ */ n("p", { className: "text-danger", children: String(y.message) })
       ]
     }
   );
 }
-const rt = j(ce);
+const it = F(le);
 function ot({
   name: e,
   options: a = [],
   label: t = "",
-  valueKey: i = "value",
+  valueKey: d = "value",
   labelKey: r = "label",
-  forceReadOnly: d = !1,
-  forceHidden: s = !1
+  forceReadOnly: s = !1,
+  forceHidden: i = !1
 }) {
-  var y, $;
-  const c = D(), { isView: P, isReadOnly: f } = V(), { isReadOnly: g, isHidden: b } = H(), M = g ? g(e) : !1, S = b ? b(e) : !1, m = d || M, p = s || S, h = m || f || P;
-  if (!c || !e)
+  var x, V;
+  const l = j(), { isView: N, isReadOnly: h } = W(), { isReadOnly: f, isHidden: k } = T(), R = f ? f(e) : !1, S = k ? k(e) : !1, b = s || R, p = i || S, g = b || h || N;
+  if (!l || !e)
     return console.error("Checkbox requer contexto de formulário e nome."), null;
-  const C = () => !a || !c ? {} : a.reduce((l, N) => {
-    const O = N[i], R = c.getValues(O);
-    return l[O] = R === "on", l;
-  }, {}), k = c.watch(e), x = W(() => k && typeof k == "object" ? k : C(), [k, a, i]);
-  A(() => {
-    const l = c.getValues(e);
-    (!l || typeof l != "object") && c.setValue(e, x, {
+  const m = () => !a || !l ? {} : a.reduce((y, P) => {
+    const O = P[d], M = l.getValues(O);
+    return y[O] = M === "on", y;
+  }, {}), u = l.watch(e), c = A(() => u && typeof u == "object" ? u : m(), [u, a, d]);
+  D(() => {
+    const y = l.getValues(e);
+    (!y || typeof y != "object") && l.setValue(e, c, {
       shouldDirty: !1,
       shouldValidate: !1
     });
-  }, [x, e, c]);
-  const o = (l, N) => {
-    if (h) return;
-    const O = { ...x, [l]: N };
-    c.setValue(e, O, {
+  }, [c, e, l]);
+  const o = (y, P) => {
+    if (g) return;
+    const O = { ...c, [y]: P };
+    l.setValue(e, O, {
       shouldDirty: !0,
       shouldValidate: !0
-    }), c.setValue(l, N ? "on" : "", { shouldValidate: !1 });
-  }, w = ($ = (y = c.formState) == null ? void 0 : y.errors) == null ? void 0 : $[e];
-  return /* @__PURE__ */ v("div", { className: `form-group ${p ? "hidden" : ""}`, children: [
+    }), l.setValue(y, P ? "on" : "", { shouldValidate: !1 });
+  }, C = (V = (x = l.formState) == null ? void 0 : x.errors) == null ? void 0 : V[e];
+  return /* @__PURE__ */ w("div", { className: `form-group ${p ? "hidden" : ""}`, children: [
     t && /* @__PURE__ */ n("label", { children: t }),
     /* @__PURE__ */ n(
       "div",
       {
-        className: `checkbox-group-custom ${h ? "readOnly" : ""}`,
-        children: a.map((l) => {
-          const N = String(l[i]), O = x[N] === !0;
-          return /* @__PURE__ */ v("div", { children: [
-            /* @__PURE__ */ n("input", { type: "hidden", ...c.register(N) }),
-            /* @__PURE__ */ v(
+        className: `checkbox-group-custom ${g ? "readOnly" : ""}`,
+        children: a.map((y) => {
+          const P = String(y[d]), O = c[P] === !0;
+          return /* @__PURE__ */ w("div", { children: [
+            /* @__PURE__ */ n("input", { type: "hidden", ...l.register(P) }),
+            /* @__PURE__ */ w(
               "label",
               {
-                className: `custom-checkbox ${O ? "checked" : ""} ${h ? "readOnly" : ""}`,
+                className: `custom-checkbox ${O ? "checked" : ""} ${g ? "readOnly" : ""}`,
                 children: [
                   /* @__PURE__ */ n(
                     "input",
                     {
                       type: "checkbox",
                       checked: O,
-                      disabled: h,
-                      onChange: (R) => o(N, R.target.checked)
+                      disabled: g,
+                      onChange: (M) => o(P, M.target.checked)
                     }
                   ),
                   /* @__PURE__ */ n("span", { className: "checkmark" }),
-                  /* @__PURE__ */ n("span", { children: l[r] })
+                  /* @__PURE__ */ n("span", { children: y[r] })
                 ]
               }
             )
-          ] }, N);
+          ] }, P);
         })
       }
     ),
-    w && /* @__PURE__ */ n("p", { className: "text-danger", children: String(w.message) })
+    C && /* @__PURE__ */ n("p", { className: "text-danger", children: String(C.message) })
   ] });
 }
-function le({
+function ce({
   name: e,
   label: a = "",
   options: t = [],
-  valueKey: i = "value",
+  valueKey: d = "value",
   labelKey: r = "label",
-  iconKey: d = "icon",
-  forceReadOnly: s = !1,
-  forceHidden: c = !1
+  iconKey: s = "icon",
+  forceReadOnly: i = !1,
+  forceHidden: l = !1
 }) {
-  const { isReadOnly: P, isHidden: f } = H(), g = s || !!P(e), b = c || !!f(e), { control: M } = D(), { isView: S, isReadOnly: m } = V(), {
+  const { isReadOnly: N, isHidden: h } = T(), f = i || !!N(e), k = l || !!h(e), { control: R } = j(), { isView: S, isReadOnly: b } = W(), {
     field: p,
-    fieldState: { error: h }
-  } = z({
+    fieldState: { error: g }
+  } = H({
     name: e,
-    control: M
-  }), C = g || m || S, k = p.value ?? "", x = B(
+    control: R
+  }), m = f || b || S, u = p.value ?? "", c = $(
     (o) => {
-      C || p.onChange(o);
+      m || p.onChange(o);
     },
-    [C, p]
+    [m, p]
   );
-  return /* @__PURE__ */ v("div", { className: `form-group column ${b ? "hidden" : ""}`, children: [
+  return /* @__PURE__ */ w("div", { className: `form-group column ${k ? "hidden" : ""}`, children: [
     a && /* @__PURE__ */ n("label", { className: "control-label", children: a }),
     /* @__PURE__ */ n(
       "div",
       {
-        className: `btn-group ${C ? "view-mode" : ""}`,
+        className: `btn-group ${m ? "view-mode" : ""}`,
         "data-field-name": e,
         children: t.map((o) => {
-          const w = o[i], y = k === w, $ = o.color ? { "--customColor": o.color } : void 0;
-          return /* @__PURE__ */ v(
+          const C = o[d], x = u === C, V = o.color ? { "--customColor": o.color } : void 0;
+          return /* @__PURE__ */ w(
             "label",
             {
-              htmlFor: `${e}_${w}`,
-              style: $,
-              className: `btn fs-ellipsis ${y ? "active" : ""}`,
+              htmlFor: `${e}_${C}`,
+              style: V,
+              className: `btn fs-ellipsis ${x ? "active" : ""}`,
               children: [
                 /* @__PURE__ */ n(
                   "input",
                   {
                     type: "radio",
-                    id: `${e}_${w}`,
+                    id: `${e}_${C}`,
                     name: e,
-                    value: w,
-                    checked: y,
+                    value: C,
+                    checked: x,
                     className: "hidden",
-                    onChange: () => x(w),
-                    disabled: C
+                    onChange: () => c(C),
+                    disabled: m
                   }
                 ),
-                o[d] && /* @__PURE__ */ n("i", { className: `${o[d]} icon-sm` }),
+                o[s] && /* @__PURE__ */ n("i", { className: `${o[s]} icon-sm` }),
                 " ",
                 o[r]
               ]
             },
-            w
+            C
           );
         })
       }
     ),
-    h && /* @__PURE__ */ n("p", { className: "text-danger", children: String(h.message) })
+    g && /* @__PURE__ */ n("p", { className: "text-danger", children: String(g.message) })
   ] });
 }
-const it = j(le), ue = ({
+const st = F(ce), ue = ({
   name: e,
   label: a = "",
   placeholder: t = "",
-  className: i = "",
+  className: d = "",
   rows: r = 4,
-  maxLength: d,
-  forceReadOnly: s = !1,
-  forceHidden: c = !1
+  maxLength: s,
+  forceReadOnly: i = !1,
+  forceHidden: l = !1
 }) => {
-  const { isReadOnly: P, isHidden: f } = H(), g = s || !!P(e), b = c || !!f(e), { control: M } = D(), { isView: S } = V(), {
-    field: m,
+  const { isReadOnly: N, isHidden: h } = T(), f = i || !!N(e), k = l || !!h(e), { control: R } = j(), { isView: S } = W(), {
+    field: b,
     fieldState: { error: p }
-  } = z({
+  } = H({
     name: e,
-    control: M
+    control: R
   });
-  return S ? /* @__PURE__ */ v("div", { className: `form-group ${b ? "hidden" : ""}`, children: [
+  return S ? /* @__PURE__ */ w("div", { className: `form-group ${k ? "hidden" : ""}`, children: [
     /* @__PURE__ */ n("label", { children: a }),
-    /* @__PURE__ */ n("span", { className: "form-control", children: m.value || "-" })
-  ] }) : /* @__PURE__ */ v("div", { className: `form-group ${b ? "hidden" : ""}`, children: [
+    /* @__PURE__ */ n("span", { className: "form-control", children: b.value || "-" })
+  ] }) : /* @__PURE__ */ w("div", { className: `form-group ${k ? "hidden" : ""}`, children: [
     /* @__PURE__ */ n("label", { children: a }),
     /* @__PURE__ */ n(
       "textarea",
       {
-        ...m,
+        ...b,
         rows: r,
-        maxLength: d,
-        value: m.value || "",
+        maxLength: s,
+        value: b.value || "",
         placeholder: t,
-        readOnly: g,
-        className: `form-control ${p ? "border-red" : ""} ${i}`
+        readOnly: f,
+        className: `form-control ${p ? "border-red" : ""} ${d}`
       }
     ),
     p && /* @__PURE__ */ n("p", { className: "text-danger", children: String(p.message) })
   ] });
-}, st = j(ue);
+}, dt = F(ue);
 function E(e) {
   return (a = {}) => {
     const t = a.width ? String(a.width) : e.defaultWidth;
@@ -347,35 +347,35 @@ function E(e) {
 }
 function q(e) {
   return (a, t) => {
-    const i = t != null && t.context ? String(t.context) : "standalone";
+    const d = t != null && t.context ? String(t.context) : "standalone";
     let r;
-    if (i === "formatting" && e.formattingValues) {
-      const s = e.defaultFormattingWidth || e.defaultWidth, c = t != null && t.width ? String(t.width) : s;
-      r = e.formattingValues[c] || e.formattingValues[s];
+    if (d === "formatting" && e.formattingValues) {
+      const i = e.defaultFormattingWidth || e.defaultWidth, l = t != null && t.width ? String(t.width) : i;
+      r = e.formattingValues[l] || e.formattingValues[i];
     } else {
-      const s = e.defaultWidth, c = t != null && t.width ? String(t.width) : e.defaultWidth;
-      r = e.values[c] || e.values[s];
+      const i = e.defaultWidth, l = t != null && t.width ? String(t.width) : e.defaultWidth;
+      r = e.values[l] || e.values[i];
     }
-    const d = e.argumentCallback ? e.argumentCallback(a) : a;
-    return r[d];
+    const s = e.argumentCallback ? e.argumentCallback(a) : a;
+    return r[s];
   };
 }
-function T(e) {
+function L(e) {
   return (a, t = {}) => {
-    const i = t.width, r = i && e.matchPatterns[i] || e.matchPatterns[e.defaultMatchWidth], d = a.match(r);
-    if (!d)
+    const d = t.width, r = d && e.matchPatterns[d] || e.matchPatterns[e.defaultMatchWidth], s = a.match(r);
+    if (!s)
       return null;
-    const s = d[0], c = i && e.parsePatterns[i] || e.parsePatterns[e.defaultParseWidth], P = Array.isArray(c) ? he(c, (b) => b.test(s)) : (
+    const i = s[0], l = d && e.parsePatterns[d] || e.parsePatterns[e.defaultParseWidth], N = Array.isArray(l) ? he(l, (k) => k.test(i)) : (
       // [TODO] -- I challenge you to fix the type
-      me(c, (b) => b.test(s))
+      me(l, (k) => k.test(i))
     );
-    let f;
-    f = e.valueCallback ? e.valueCallback(P) : P, f = t.valueCallback ? (
+    let h;
+    h = e.valueCallback ? e.valueCallback(N) : N, h = t.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
-      t.valueCallback(f)
-    ) : f;
-    const g = a.slice(s.length);
-    return { value: f, rest: g };
+      t.valueCallback(h)
+    ) : h;
+    const f = a.slice(i.length);
+    return { value: h, rest: f };
   };
 }
 function me(e, a) {
@@ -390,14 +390,14 @@ function he(e, a) {
 }
 function fe(e) {
   return (a, t = {}) => {
-    const i = a.match(e.matchPattern);
-    if (!i) return null;
-    const r = i[0], d = a.match(e.parsePattern);
+    const d = a.match(e.matchPattern);
     if (!d) return null;
-    let s = e.valueCallback ? e.valueCallback(d[0]) : d[0];
-    s = t.valueCallback ? t.valueCallback(s) : s;
-    const c = a.slice(r.length);
-    return { value: s, rest: c };
+    const r = d[0], s = a.match(e.parsePattern);
+    if (!s) return null;
+    let i = e.valueCallback ? e.valueCallback(s[0]) : s[0];
+    i = t.valueCallback ? t.valueCallback(i) : i;
+    const l = a.slice(r.length);
+    return { value: i, rest: l };
   };
 }
 const ge = {
@@ -463,9 +463,9 @@ const ge = {
     other: "quase {{count}} anos"
   }
 }, be = (e, a, t) => {
-  let i;
+  let d;
   const r = ge[e];
-  return typeof r == "string" ? i = r : a === 1 ? i = r.one : i = r.other.replace("{{count}}", String(a)), t != null && t.addSuffix ? t.comparison && t.comparison > 0 ? "em " + i : "há " + i : i;
+  return typeof r == "string" ? d = r : a === 1 ? d = r.one : d = r.other.replace("{{count}}", String(a)), t != null && t.addSuffix ? t.comparison && t.comparison > 0 ? "em " + d : "há " + d : d;
 }, pe = {
   full: "EEEE, d 'de' MMMM 'de' y",
   long: "d 'de' MMMM 'de' y",
@@ -504,18 +504,18 @@ const ge = {
   tomorrow: "'amanhã às' p",
   nextWeek: "eeee 'às' p",
   other: "P"
-}, Pe = (e, a, t, i) => {
+}, ke = (e, a, t, d) => {
   const r = Ne[e];
   return typeof r == "function" ? r(a) : r;
-}, Ce = {
+}, xe = {
   narrow: ["AC", "DC"],
   abbreviated: ["AC", "DC"],
   wide: ["antes de cristo", "depois de cristo"]
-}, ke = {
+}, Ce = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["T1", "T2", "T3", "T4"],
   wide: ["1º trimestre", "2º trimestre", "3º trimestre", "4º trimestre"]
-}, xe = {
+}, Se = {
   narrow: ["j", "f", "m", "a", "m", "j", "j", "a", "s", "o", "n", "d"],
   abbreviated: [
     "jan",
@@ -545,7 +545,7 @@ const ge = {
     "novembro",
     "dezembro"
   ]
-}, Me = {
+}, Re = {
   narrow: ["D", "S", "T", "Q", "Q", "S", "S"],
   short: ["dom", "seg", "ter", "qua", "qui", "sex", "sab"],
   abbreviated: [
@@ -566,7 +566,7 @@ const ge = {
     "sexta-feira",
     "sábado"
   ]
-}, Se = {
+}, Pe = {
   narrow: {
     am: "a",
     pm: "p",
@@ -628,52 +628,52 @@ const ge = {
     evening: "da tarde",
     night: "da noite"
   }
-}, Re = (e, a) => {
+}, Me = (e, a) => {
   const t = Number(e);
   return (a == null ? void 0 : a.unit) === "week" ? t + "ª" : t + "º";
 }, $e = {
-  ordinalNumber: Re,
+  ordinalNumber: Me,
   era: q({
-    values: Ce,
+    values: xe,
     defaultWidth: "wide"
   }),
   quarter: q({
-    values: ke,
+    values: Ce,
     defaultWidth: "wide",
     argumentCallback: (e) => e - 1
   }),
   month: q({
-    values: xe,
+    values: Se,
     defaultWidth: "wide"
   }),
   day: q({
-    values: Me,
+    values: Re,
     defaultWidth: "wide"
   }),
   dayPeriod: q({
-    values: Se,
+    values: Pe,
     defaultWidth: "wide",
     formattingValues: Oe,
     defaultFormattingWidth: "wide"
   })
-}, Ve = /^(\d+)[ºªo]?/i, We = /\d+/i, je = {
+}, Ve = /^(\d+)[ºªo]?/i, We = /\d+/i, De = {
   narrow: /^(ac|dc|a|d)/i,
   abbreviated: /^(a\.?\s?c\.?|d\.?\s?c\.?)/i,
   wide: /^(antes de cristo|depois de cristo)/i
-}, De = {
+}, je = {
   any: [/^ac/i, /^dc/i],
   wide: [/^antes de cristo/i, /^depois de cristo/i]
-}, He = {
+}, Te = {
   narrow: /^[1234]/i,
   abbreviated: /^T[1234]/i,
   wide: /^[1234](º)? trimestre/i
-}, Fe = {
+}, Ae = {
   any: [/1/i, /2/i, /3/i, /4/i]
-}, qe = {
+}, Fe = {
   narrow: /^[jfmajsond]/i,
   abbreviated: /^(jan|fev|mar|abr|mai|jun|jul|ago|set|out|nov|dez)/i,
   wide: /^(janeiro|fevereiro|março|abril|maio|junho|julho|agosto|setembro|outubro|novembro|dezembro)/i
-}, Te = {
+}, He = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -702,19 +702,19 @@ const ge = {
     /^nov/i,
     /^dez/i
   ]
-}, Ae = {
+}, _e = {
   narrow: /^(dom|[23456]ª?|s[aá]b)/i,
   short: /^(dom|[23456]ª?|s[aá]b)/i,
   abbreviated: /^(dom|seg|ter|qua|qui|sex|s[aá]b)/i,
   wide: /^(domingo|(segunda|ter[cç]a|quarta|quinta|sexta)([- ]feira)?|s[aá]bado)/i
-}, Be = {
+}, qe = {
   short: [/^d/i, /^2/i, /^3/i, /^4/i, /^5/i, /^6/i, /^s[aá]/i],
   narrow: [/^d/i, /^2/i, /^3/i, /^4/i, /^5/i, /^6/i, /^s[aá]/i],
   any: [/^d/i, /^seg/i, /^t/i, /^qua/i, /^qui/i, /^sex/i, /^s[aá]b/i]
-}, ze = {
+}, Le = {
   narrow: /^(a|p|mn|md|(da) (manhã|tarde|noite))/i,
   any: /^([ap]\.?\s?m\.?|meia[-\s]noite|meio[-\s]dia|(da) (manhã|tarde|noite))/i
-}, Le = {
+}, Be = {
   any: {
     am: /^a/i,
     pm: /^p/i,
@@ -725,69 +725,69 @@ const ge = {
     evening: /tarde/i,
     night: /noite/i
   }
-}, Ie = {
+}, ze = {
   ordinalNumber: fe({
     matchPattern: Ve,
     parsePattern: We,
     valueCallback: (e) => parseInt(e, 10)
   }),
-  era: T({
-    matchPatterns: je,
+  era: L({
+    matchPatterns: De,
     defaultMatchWidth: "wide",
-    parsePatterns: De,
+    parsePatterns: je,
     defaultParseWidth: "any"
   }),
-  quarter: T({
-    matchPatterns: He,
+  quarter: L({
+    matchPatterns: Te,
     defaultMatchWidth: "wide",
-    parsePatterns: Fe,
+    parsePatterns: Ae,
     defaultParseWidth: "any",
     valueCallback: (e) => e + 1
   }),
-  month: T({
-    matchPatterns: qe,
+  month: L({
+    matchPatterns: Fe,
     defaultMatchWidth: "wide",
-    parsePatterns: Te,
+    parsePatterns: He,
     defaultParseWidth: "any"
   }),
-  day: T({
-    matchPatterns: Ae,
+  day: L({
+    matchPatterns: _e,
     defaultMatchWidth: "wide",
-    parsePatterns: Be,
+    parsePatterns: qe,
     defaultParseWidth: "any"
   }),
-  dayPeriod: T({
-    matchPatterns: ze,
+  dayPeriod: L({
+    matchPatterns: Le,
     defaultMatchWidth: "any",
-    parsePatterns: Le,
+    parsePatterns: Be,
     defaultParseWidth: "any"
   })
-}, Ee = {
+}, Ie = {
   code: "pt-BR",
   formatDistance: be,
   formatLong: we,
-  formatRelative: Pe,
+  formatRelative: ke,
   localize: $e,
-  match: Ie,
+  match: ze,
   options: {
     weekStartsOn: 0,
     firstWeekContainsDate: 1
   }
 };
-ne("pt-BR", Ee);
-const _ = "dd/MM/yyyy", _e = (e) => {
+ae("pt-BR", Ie);
+const X = "dd/MM/yyyy", Ee = (e) => {
   if (!e) return null;
-  const a = re(e, _, /* @__PURE__ */ new Date());
-  return oe(a) ? a : null;
-}, Xe = (e) => e ? ie(e, _) : "", Ye = K(
-  ({ shimRef: e, className: a, name: t, ...i }, r) => /* @__PURE__ */ n(
+  const a = re(e, X, /* @__PURE__ */ new Date());
+  return ie(a) ? a : null;
+}, Xe = (e) => e ? oe(e, X) : "", Ye = K(
+  ({ shimRef: e, className: a, name: t, ...d }, r) => /* @__PURE__ */ n(
     "input",
     {
       name: t,
-      ...i,
+      ...d,
       className: a,
-      ref: (d) => {
-        typeof r == "function" ? r(d) : r && (r.current = d), e && e(d);
+      ref: (s) => {
+        typeof r == "function" ? r(s) : r && (r.current = s), e && e(s);
       }
     }
   )
@@ -795,110 +795,276 @@ const _ = "dd/MM/yyyy", _e = (e) => {
   name: e,
   label: a = "",
   placeholder: t = "dd/mm/aaaa",
-  className: i = "",
+  className: d = "",
   forceReadOnly: r = !1,
-  forceHidden: d = !1
+  forceHidden: s = !1
 }) => {
-  const { control: s } = D(), { isView: c } = V(), { isReadOnly: P, isHidden: f } = H(), g = r || !!P(e), b = d || !!f(e), {
-    field: { onChange: M, onBlur: S, value: m, ref: p },
-    fieldState: { error: h }
-  } = z({
+  const { control: i } = j(), { isView: l } = W(), { isReadOnly: N, isHidden: h } = T(), f = r || !!N(e), k = s || !!h(e), {
+    field: { onChange: R, onBlur: S, value: b, ref: p },
+    fieldState: { error: g }
+  } = H({
     name: e,
-    control: s
-  }), C = W(() => _e(m), [m]), k = B(
+    control: i
+  }), m = A(() => Ee(b), [b]), u = $(
     (o) => {
-      M(o ? Xe(o) : "");
+      R(o ? Xe(o) : "");
     },
-    [M]
-  ), x = B(
+    [R]
+  ), c = $(
     (o) => {
-      var w, y;
-      if (p(o), o && ((y = (w = s._fields) == null ? void 0 : w[e]) != null && y._f)) {
-        const $ = s._fields[e];
-        $._f.ref = {
+      var C, x;
+      if (p(o), o && ((x = (C = i._fields) == null ? void 0 : C[e]) != null && x._f)) {
+        const V = i._fields[e];
+        V._f.ref = {
           focus: () => {
-            var l;
-            return (l = o.focus) == null ? void 0 : l.call(o);
+            var y;
+            return (y = o.focus) == null ? void 0 : y.call(o);
           },
           select: () => {
-            var l;
-            return (l = o.select) == null ? void 0 : l.call(o);
+            var y;
+            return (y = o.select) == null ? void 0 : y.call(o);
           },
-          setCustomValidity: (l) => {
-            var N;
-            return (N = o.setCustomValidity) == null ? void 0 : N.call(o, l);
+          setCustomValidity: (y) => {
+            var P;
+            return (P = o.setCustomValidity) == null ? void 0 : P.call(o, y);
           },
           reportValidity: () => {
-            var l;
-            return (l = o.reportValidity) == null ? void 0 : l.call(o);
+            var y;
+            return (y = o.reportValidity) == null ? void 0 : y.call(o);
           }
         };
       }
     },
-    [p, s, e]
+    [p, i, e]
   );
-  return b ? null : c ? /* @__PURE__ */ v("div", { className: "form-group", children: [
+  return k ? null : l ? /* @__PURE__ */ w("div", { className: "form-group", children: [
     /* @__PURE__ */ n("label", { children: a }),
-    /* @__PURE__ */ n("span", { className: "form-control", children: m || "-" })
-  ] }) : /* @__PURE__ */ v("div", { className: `form-group fluig-style-guide ${i}`, children: [
+    /* @__PURE__ */ n("span", { className: "form-control", children: b || "-" })
+  ] }) : /* @__PURE__ */ w("div", { className: `form-group fluig-style-guide ${d}`, children: [
     a && /* @__PURE__ */ n("label", { className: "control-label", htmlFor: e, children: a }),
-    /* @__PURE__ */ n("div", { className: `${h ? "border-red" : ""}`, children: /* @__PURE__ */ n(
-      ae,
+    /* @__PURE__ */ n("div", { className: `${g ? "border-red" : ""}`, children: /* @__PURE__ */ n(
+      ne,
       {
         id: e,
         name: e,
-        selected: C,
-        onChange: k,
+        selected: m,
+        onChange: u,
         onBlur: S,
-        dateFormat: _,
+        dateFormat: X,
         placeholderText: t,
-        disabled: g,
-        readOnly: g,
+        disabled: f,
+        readOnly: f,
         locale: "pt-BR",
-        className: `form-control ${h ? "border-red" : ""}`,
+        className: `form-control ${g ? "border-red" : ""}`,
         wrapperClassName: "w-100",
         showMonthDropdown: !0,
         showYearDropdown: !0,
         dropdownMode: "select",
-        isClearable: !g && !!m,
+        isClearable: !f && !!b,
         autoComplete: "off",
-        customInput: /* @__PURE__ */ n(Ye, { name: e, shimRef: x })
+        customInput: /* @__PURE__ */ n(Ye, { name: e, shimRef: c })
       }
     ) }),
-    h && /* @__PURE__ */ n("span", { className: "help-block text-danger", children: String(h.message) })
+    g && /* @__PURE__ */ n("span", { className: "help-block text-danger", children: String(g.message) })
   ] });
-}, dt = j(Qe);
-function Ge({
+}, lt = F(Qe);
+function Je({
   mapping: e = {},
   defaultLabel: a = "Não reconhecido",
   className: t = "",
-  hidden: i = !1,
+  hidden: d = !1,
   label: r
 }) {
-  const { activityId: d } = V(), s = W(() => !e || d === null || d === void 0 ? null : e[d], [d, e]);
-  if (!s)
-    return /* @__PURE__ */ v("div", { className: `form-group ${i ? "hidden" : ""}`, children: [
+  const { activityId: s } = W(), i = A(() => !e || s === null || s === void 0 ? null : e[s], [s, e]);
+  if (!i)
+    return /* @__PURE__ */ w("div", { className: `form-group ${d ? "hidden" : ""}`, children: [
       r && /* @__PURE__ */ n("label", { children: r }),
       /* @__PURE__ */ n("div", { className: `status-badge default ${t}`, children: a })
     ] });
-  const c = {
-    "--customColor": s.color
+  const l = {
+    "--customColor": i.color
   };
-  return /* @__PURE__ */ v("div", { className: `form-group ${i ? "hidden" : ""}`, children: [
+  return /* @__PURE__ */ w("div", { className: `form-group ${d ? "hidden" : ""}`, children: [
     r && /* @__PURE__ */ n("label", { children: r }),
-    /* @__PURE__ */ v("div", { className: `status-badge ${t}`, style: c, children: [
-      s.icon && /* @__PURE__ */ n("i", { className: s.icon }),
-      /* @__PURE__ */ n("span", { children: s.label })
+    /* @__PURE__ */ w("div", { className: `status-badge ${t}`, style: l, children: [
+      i.icon && /* @__PURE__ */ n("i", { className: i.icon }),
+      /* @__PURE__ */ n("span", { children: i.label })
     ] })
   ] });
 }
-const ct = j(Ge);
+const ct = F(Je);
+function Ue({
+  name: e,
+  control: a,
+  defaultRowValue: t,
+  isView: d,
+  isReadOnly: r
+}) {
+  const { field: s } = H({ name: e, control: a }), [i, l] = B([]), [N, h] = B([]), f = () => Date.now() + Math.random(), k = (u) => {
+    try {
+      const c = JSON.parse(u);
+      return Array.isArray(c) ? c.map((o) => ({
+        ...o,
+        _uid: o._uid || f()
+      })) : [];
+    } catch (c) {
+      return console.error(`Erro ao ler dados da tabela "${e}":`, c), [];
+    }
+  };
+  D(() => {
+    if (!(i.length > 0 && !d) && s.value && typeof s.value == "string") {
+      const u = JSON.stringify(i);
+      if (s.value === u) return;
+      const c = k(s.value);
+      l(c);
+    }
+  }, [s.value, d]), D(() => {
+    if (r) return;
+    const u = JSON.stringify(i);
+    s.value !== u && s.onChange(u);
+  }, [i, s, r]);
+  const R = $(() => {
+    const u = { _uid: f(), ...t };
+    l((c) => [...c, u]);
+  }, [t]), S = $(() => {
+    l(
+      (u) => u.filter((c) => !N.includes(c._uid))
+    ), h([]);
+  }, [N]), b = $(
+    (u, c, o) => {
+      l(
+        (C) => C.map(
+          (x) => x._uid === u ? { ...x, [c]: o } : x
+        )
+      );
+    },
+    []
+  ), p = $((u) => {
+    h(
+      (c) => c.includes(u) ? c.filter((o) => o !== u) : [...c, u]
+    );
+  }, []), g = $(
+    (u) => {
+      h(u ? i.map((c) => c._uid) : []);
+    },
+    [i]
+  ), m = i.length > 0 && N.length === i.length;
+  return {
+    field: s,
+    // Props do input hidden
+    tableRows: i,
+    // Dados da tabela
+    selectedRowIds: N,
+    // IDs selecionados
+    isAllSelected: m,
+    // Booleano se tudo está selecionado
+    actions: {
+      addRow: R,
+      removeRows: S,
+      updateCellValue: b,
+      toggleSelection: p,
+      toggleSelectAll: g
+    }
+  };
+}
+const ut = ({
+  name: e,
+  title: a = "Tabela Dinâmica",
+  columns: t,
+  defaultRowValue: d = {},
+  forceReadOnly: r = !1,
+  layout: s = "fluid"
+  // 👈 NOVO
+}) => {
+  const { control: i } = j(), { isView: l, isReadOnly: N } = W(), { isReadOnly: h } = T(), f = r || l || N || h && h(e), { field: k, tableRows: R, selectedRowIds: S, isAllSelected: b, actions: p } = Ue({
+    name: e,
+    control: i,
+    defaultRowValue: d,
+    isView: l,
+    isReadOnly: !!f
+  }), g = s === "fixed";
+  return /* @__PURE__ */ w("div", { className: `table-wrapper ${g ? "table-fixed" : "table-fluid"}`, children: [
+    /* @__PURE__ */ n("input", { type: "hidden", ...k }),
+    /* @__PURE__ */ w("div", { className: "header-actions", children: [
+      /* @__PURE__ */ n("h3", { children: a }),
+      !f && /* @__PURE__ */ w("div", { children: [
+        /* @__PURE__ */ w(
+          "button",
+          {
+            type: "button",
+            className: `btn ${S.length > 0 ? "btn-danger" : ""}`,
+            disabled: S.length === 0,
+            onClick: p.removeRows,
+            children: [
+              "Remover (",
+              S.length,
+              ")"
+            ]
+          }
+        ),
+        /* @__PURE__ */ n("button", { type: "button", className: "btn-add", onClick: p.addRow, children: "Adicionar" })
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "table-scroll", children: /* @__PURE__ */ w(
+      "table",
+      {
+        className: "table-custom",
+        style: {
+          tableLayout: "fixed",
+          width: g ? "max-content" : "100%"
+        },
+        children: [
+          /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ w("tr", { children: [
+            !f && /* @__PURE__ */ n("th", { style: { width: "50px" }, children: /* @__PURE__ */ n(
+              "input",
+              {
+                type: "checkbox",
+                checked: b,
+                onChange: (m) => p.toggleSelectAll(m.target.checked)
+              }
+            ) }),
+            t.map((m) => /* @__PURE__ */ n(
+              "th",
+              {
+                style: m.width ? { width: m.width } : { width: "100%" },
+                children: m.label
+              },
+              m.key
+            ))
+          ] }) }),
+          /* @__PURE__ */ n("div", {}),
+          /* @__PURE__ */ w("tbody", { children: [
+            R.map((m, u) => /* @__PURE__ */ w("tr", { children: [
+              !f && /* @__PURE__ */ n("td", { children: /* @__PURE__ */ n(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: S.includes(m._uid),
+                  onChange: () => p.toggleSelection(m._uid)
+                }
+              ) }),
+              t.map((c) => /* @__PURE__ */ n("td", { children: c.render ? c.render(
+                m,
+                u,
+                (o, C) => p.updateCellValue(m._uid, o, C),
+                !!f,
+                !!l
+              ) : m[c.key] }, `${m._uid}-${c.key}`))
+            ] }, m._uid)),
+            R.length === 0 && /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { colSpan: 100, className: "text-center", children: f ? "Nenhum registro encontrado." : "Nenhum registro." }) })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+};
 export {
   ot as Checkbox,
-  dt as DatePicker,
-  nt as Input,
-  it as RadioBtn,
-  rt as Select,
+  lt as DatePicker,
+  rt as Input,
+  st as RadioBtn,
+  it as Select,
+  ut as SimpleTable,
   ct as StatusBadge,
-  st as TextArea
+  dt as TextArea
 };