@tech-diefra/fluig-ui 1.2.8 → 1.2.10

package/dist/index.js

@@ -1,406 +1,406 @@
-import { jsxs as y, jsx as a, Fragment as Z } from "react/jsx-runtime";
-import { memo as F, useMemo as j, useCallback as V, useState as L, useRef as U, useEffect as D, forwardRef as K } from "react";
-import { useFormContext as T, useController as H, useFormState as ee } from "react-hook-form";
+import { jsxs as m, jsx as t, Fragment as J } from "react/jsx-runtime";
+import { memo as F, useMemo as I, useCallback as S, useState as _, useRef as z, useEffect as W, forwardRef as K } from "react";
+import { useFormContext as A, useController as T, useFormState as ee } from "react-hook-form";
 import { IMaskInput as te } from "react-imask";
-import { useSection as A, useFluigRuntime as W } from "@fluig-kit/ecm";
+import { useSection as D, useFluigRuntime as j } from "@fluig-kit/ecm";
 import ne, { registerLocale as ae } from "react-datepicker";
-import { parse as re, isValid as oe, format as ie } from "date-fns";
-const se = {
+import { parse as re, isValid as se, format as ie } from "date-fns";
+const oe = {
   cpf: "000.000.000-00",
   cnpj: "00.000.000/0000-00",
   telefone: "(00) 00000-0000",
   cep: "00000-000"
 };
-function de({
+function le({
   name: e,
   label: r = "",
-  placeholder: t = "",
-  type: l = "text",
-  mask: i,
-  className: c = "",
+  placeholder: n = "",
+  type: c = "text",
+  mask: o,
+  className: l = "",
   forceReadOnly: s = !1,
-  forceHidden: d = !1
+  forceHidden: a = !1
 }) {
-  const { isReadOnly: k, isHidden: m } = A(), w = s || !!k(e), N = d || !!m(e), { control: C } = T(), { isView: P } = W(), { field: g } = H({ name: e, control: C }), { errors: v } = ee({ name: e }), b = v == null ? void 0 : v[e], x = j(
-    () => i ? se[i] ?? i : null,
-    [i]
-  ), S = V((n) => {
-    if (!n) return "";
-    const o = n.replace(/\D/g, "");
-    return (Number(o) / 100).toLocaleString("pt-BR", {
+  const { isReadOnly: h, isHidden: f } = D(), u = s || !!h(e), v = a || !!f(e), { control: k } = A(), { isView: R } = j(), { field: y } = T({ name: e, control: k }), { errors: p } = ee({ name: e }), g = p == null ? void 0 : p[e], x = I(
+    () => o ? oe[o] ?? o : null,
+    [o]
+  ), P = S((i) => {
+    if (!i) return "";
+    const d = i.replace(/\D/g, "");
+    return (Number(d) / 100).toLocaleString("pt-BR", {
       style: "currency",
       currency: "BRL"
     });
-  }, []), h = V(
-    (n) => l === "monetary" ? S(n) : n,
-    [l, S]
+  }, []), w = S(
+    (i) => c === "monetary" ? P(i) : i,
+    [c, P]
   );
-  return P ? /* @__PURE__ */ y("div", { className: "form-group", children: [
-    /* @__PURE__ */ a("label", { children: r }),
-    /* @__PURE__ */ a("span", { className: "form-control", children: g.value || "-" })
-  ] }) : /* @__PURE__ */ y("div", { className: `form-group ${N ? "hidden" : ""}`, children: [
-    /* @__PURE__ */ a("label", { children: r }),
-    x ? /* @__PURE__ */ a(
+  return R ? /* @__PURE__ */ m("div", { className: "form-group", children: [
+    /* @__PURE__ */ t("label", { children: r }),
+    /* @__PURE__ */ t("span", { className: "form-control", children: y.value || "-" })
+  ] }) : /* @__PURE__ */ m("div", { className: `form-group ${v ? "hidden" : ""}`, children: [
+    /* @__PURE__ */ t("label", { children: r }),
+    x ? /* @__PURE__ */ t(
       te,
       {
         name: e,
         mask: x,
-        value: String(g.value ?? ""),
+        value: String(y.value ?? ""),
         unmask: !1,
-        onAccept: (n) => g.onChange(h(n)),
-        placeholder: t,
-        readOnly: w,
-        className: `form-control ${b ? "border-red" : ""} ${c}`,
-        inputRef: g.ref,
-        onBlur: g.onBlur
+        onAccept: (i) => y.onChange(w(i)),
+        placeholder: n,
+        readOnly: u,
+        className: `form-control ${g ? "border-red" : ""} ${l}`,
+        inputRef: y.ref,
+        onBlur: y.onBlur
       }
-    ) : /* @__PURE__ */ a(
+    ) : /* @__PURE__ */ t(
       "input",
       {
-        ...g,
+        ...y,
         type: "text",
-        value: g.value ?? "",
-        onChange: (n) => g.onChange(h(n.target.value)),
-        placeholder: t,
-        readOnly: w,
-        className: `form-control ${b ? "border-red" : ""} ${c}`
+        value: y.value ?? "",
+        onChange: (i) => y.onChange(w(i.target.value)),
+        placeholder: n,
+        readOnly: u,
+        className: `form-control ${g ? "border-red" : ""} ${l}`
       }
     ),
-    b && /* @__PURE__ */ a("p", { className: "text-danger", children: String(b.message) })
+    g && /* @__PURE__ */ t("p", { className: "text-danger", children: String(g.message) })
   ] });
 }
-const rt = F(de);
-function le({
+const st = F(le);
+function ce({
   name: e,
   label: r = "",
-  options: t = [],
-  placeholder: l = "",
-  labelKey: i = "label",
-  valueKey: c = "value",
+  options: n = [],
+  placeholder: c = "",
+  labelKey: o = "label",
+  valueKey: l = "value",
   enableSearch: s = !1,
-  searchPlaceholder: d = "Buscar...",
-  loading: k = !1,
-  onSearchChange: m,
-  debounceTime: w = 300,
-  onSelect: N,
-  forceReadOnly: C = !1,
-  forceHidden: P = !1
+  searchPlaceholder: a = "Buscar...",
+  loading: h = !1,
+  onSearchChange: f,
+  debounceTime: u = 300,
+  onSelect: v,
+  forceReadOnly: k = !1,
+  forceHidden: R = !1
 }) {
-  const { isReadOnly: g, isHidden: v } = A(), b = C || !!g(e), x = P || !!v(e), { control: S, clearErrors: h } = T(), { isView: n } = W(), {
-    field: { onChange: o, value: u, ref: O },
-    fieldState: { error: f }
-  } = H({
+  const { isReadOnly: y, isHidden: p } = D(), g = k || !!y(e), x = R || !!p(e), { control: P, clearErrors: w } = A(), { isView: i } = j(), {
+    field: { onChange: d, value: b, ref: V },
+    fieldState: { error: N }
+  } = T({
     name: e,
-    control: S
-  }), [R, M] = L(!1), [$, Y] = L(""), z = U(null), I = U(m);
-  D(() => {
-    I.current = m;
-  }, [m]), D(() => {
-    const p = (_) => {
-      z.current && !z.current.contains(_.target) && M(!1);
+    control: P
+  }), [$, M] = _(!1), [O, Q] = _(""), B = z(null), E = z(f);
+  W(() => {
+    E.current = f;
+  }, [f]), W(() => {
+    const C = (H) => {
+      B.current && !B.current.contains(H.target) && M(!1);
     };
-    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
-  }, []), D(() => {
-    R || Y("");
-  }, [R]), D(() => {
+    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
+  }, []), W(() => {
+    $ || Q("");
+  }, [$]), W(() => {
     if (!s) return;
-    const p = setTimeout(() => {
-      I.current && I.current($);
-    }, w);
-    return () => clearTimeout(p);
-  }, [$, s, w]);
-  const Q = j(() => s && !m && $.trim() ? t.filter(
-    (p) => String((p == null ? void 0 : p[i]) ?? "").toLowerCase().includes($.toLowerCase())
-  ) : t ?? [], [t, s, m, $, i]), J = j(() => {
-    if (u == null) return "";
-    if (typeof u == "object")
-      return String(u[c] ?? "");
-    const p = (t || []).find(
-      (_) => String(_ == null ? void 0 : _[c]) === String(u)
+    const C = setTimeout(() => {
+      E.current && E.current(O);
+    }, u);
+    return () => clearTimeout(C);
+  }, [O, s, u]);
+  const U = I(() => s && !f && O.trim() ? n.filter(
+    (C) => String((C == null ? void 0 : C[o]) ?? "").toLowerCase().includes(O.toLowerCase())
+  ) : n ?? [], [n, s, f, O, o]), G = I(() => {
+    if (b == null) return "";
+    if (typeof b == "object")
+      return String(b[l] ?? "");
+    const C = (n || []).find(
+      (H) => String(H == null ? void 0 : H[l]) === String(b)
     );
-    return String(p ? (p == null ? void 0 : p[i]) ?? "" : u);
-  }, [u, t, c, i]), G = (p) => {
-    b || (o(p[c]), N && N(p), h(e), M(!1));
+    return String(C ? (C == null ? void 0 : C[o]) ?? "" : b);
+  }, [b, n, l, o]), Z = (C) => {
+    g || (d(C[l]), v && v(C), w(e), M(!1));
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: `select-wrapper form-group ${x ? "hidden" : ""}`,
-      ref: z,
+      ref: B,
       children: [
-        /* @__PURE__ */ a("label", { className: "control-label", children: r }),
-        n ? /* @__PURE__ */ a("span", { className: "form-control", children: J || "-" }) : /* @__PURE__ */ y(Z, { children: [
-          /* @__PURE__ */ y(
+        /* @__PURE__ */ t("label", { className: "control-label", children: r }),
+        i ? /* @__PURE__ */ t("span", { className: "form-control", children: G || "-" }) : /* @__PURE__ */ m(J, { children: [
+          /* @__PURE__ */ m(
             "div",
             {
-              className: `select-control ${f ? "border-red" : ""} ${b ? "readOnly" : ""}`,
-              onClick: () => !b && M((p) => !p),
-              ref: O,
+              className: `select-control ${N ? "border-red" : ""} ${g ? "readOnly" : ""}`,
+              onClick: () => !g && M((C) => !C),
+              ref: V,
               children: [
-                /* @__PURE__ */ a("span", { className: `select-display ${b ? "readOnly" : ""}`, children: J || l }),
-                /* @__PURE__ */ a("i", { className: "flaticon flaticon-chevron-down select-icon" })
+                /* @__PURE__ */ t("span", { className: `select-display ${g ? "readOnly" : ""}`, children: G || c }),
+                /* @__PURE__ */ t("i", { className: "flaticon flaticon-chevron-down select-icon" })
               ]
             }
           ),
-          R && !b && /* @__PURE__ */ y("div", { className: "select-dropdown", children: [
-            s && /* @__PURE__ */ a("div", { className: "select-search", children: /* @__PURE__ */ a(
+          $ && !g && /* @__PURE__ */ m("div", { className: "select-dropdown", children: [
+            s && /* @__PURE__ */ t("div", { className: "select-search", children: /* @__PURE__ */ t(
               "input",
               {
                 type: "text",
                 className: "select-search-input",
-                value: $,
-                onChange: (p) => Y(p.target.value),
-                placeholder: k ? "Carregando..." : d,
+                value: O,
+                onChange: (C) => Q(C.target.value),
+                placeholder: h ? "Carregando..." : a,
                 autoFocus: !0,
-                onClick: (p) => p.stopPropagation()
+                onClick: (C) => C.stopPropagation()
               }
             ) }),
-            /* @__PURE__ */ a("ul", { className: "select-options", children: k ? /* @__PURE__ */ a("li", { className: "select-option readOnly", children: "Carregando..." }) : Q.length > 0 ? Q.map((p) => /* @__PURE__ */ a(
+            /* @__PURE__ */ t("ul", { className: "select-options", children: h ? /* @__PURE__ */ t("li", { className: "select-option readOnly", children: "Carregando..." }) : U.length > 0 ? U.map((C) => /* @__PURE__ */ t(
               "li",
               {
-                onClick: () => G(p),
+                onClick: () => Z(C),
                 className: "select-option handleHover",
-                children: p[i]
+                children: C[o]
               },
-              p[c]
-            )) : /* @__PURE__ */ a("li", { className: "select-option readOnly", children: "Sem resultados" }) })
+              C[l]
+            )) : /* @__PURE__ */ t("li", { className: "select-option readOnly", children: "Sem resultados" }) })
           ] })
         ] }),
-        /* @__PURE__ */ a("input", { type: "hidden", name: e, value: u || "" }),
-        f && /* @__PURE__ */ a("p", { className: "text-danger", children: String(f.message) })
+        /* @__PURE__ */ t("input", { type: "hidden", name: e, value: b || "" }),
+        N && /* @__PURE__ */ t("p", { className: "text-danger", children: String(N.message) })
       ]
     }
   );
 }
-const ot = F(le);
-function it({
+const it = F(ce);
+function ot({
   name: e,
   options: r = [],
-  label: t = "",
-  valueKey: l = "value",
-  labelKey: i = "label",
-  forceReadOnly: c = !1,
+  label: n = "",
+  valueKey: c = "value",
+  labelKey: o = "label",
+  forceReadOnly: l = !1,
   forceHidden: s = !1
 }) {
-  var u, O;
-  const d = T(), { isView: k, isReadOnly: m } = W(), { isReadOnly: w, isHidden: N } = A(), C = w ? w(e) : !1, P = N ? N(e) : !1, g = c || C, v = s || P, b = g || m || k;
-  if (!d || !e)
+  var b, V;
+  const a = A(), { isView: h, isReadOnly: f } = j(), { isReadOnly: u, isHidden: v } = D(), k = u ? u(e) : !1, R = v ? v(e) : !1, y = l || k, p = s || R, g = y || f || h;
+  if (!a || !e)
     return console.error("Checkbox requer contexto de formulário e nome."), null;
-  const x = () => !r || !d ? {} : r.reduce((f, R) => {
-    const M = R[l], $ = d.getValues(M);
-    return f[M] = $ === "on", f;
-  }, {}), S = d.watch(e), h = j(() => S && typeof S == "object" ? S : x(), [S, r, l]);
-  D(() => {
-    const f = d.getValues(e);
-    (!f || typeof f != "object") && d.setValue(e, h, {
+  const x = () => !r || !a ? {} : r.reduce((N, $) => {
+    const M = $[c], O = a.getValues(M);
+    return N[M] = O === "on", N;
+  }, {}), P = a.watch(e), w = I(() => P && typeof P == "object" ? P : x(), [P, r, c]);
+  W(() => {
+    const N = a.getValues(e);
+    (!N || typeof N != "object") && a.setValue(e, w, {
       shouldDirty: !1,
       shouldValidate: !1
     });
-  }, [h, e, d]);
-  const n = (f, R) => {
-    if (b) return;
-    const M = { ...h, [f]: R };
-    d.setValue(e, M, {
+  }, [w, e, a]);
+  const i = (N, $) => {
+    if (g) return;
+    const M = { ...w, [N]: $ };
+    a.setValue(e, M, {
       shouldDirty: !0,
       shouldValidate: !0
-    }), d.setValue(f, R ? "on" : "", { shouldValidate: !1 });
-  }, o = (O = (u = d.formState) == null ? void 0 : u.errors) == null ? void 0 : O[e];
-  return /* @__PURE__ */ y("div", { className: `form-group ${v ? "hidden" : ""}`, children: [
-    t && /* @__PURE__ */ a("label", { children: t }),
-    /* @__PURE__ */ a(
+    }), a.setValue(N, $ ? "on" : "", { shouldValidate: !1 });
+  }, d = (V = (b = a.formState) == null ? void 0 : b.errors) == null ? void 0 : V[e];
+  return /* @__PURE__ */ m("div", { className: `form-group ${p ? "hidden" : ""}`, children: [
+    n && /* @__PURE__ */ t("label", { children: n }),
+    /* @__PURE__ */ t(
       "div",
       {
-        className: `checkbox-group-custom ${b ? "readOnly" : ""}`,
-        children: r.map((f) => {
-          const R = String(f[l]), M = h[R] === !0;
-          return /* @__PURE__ */ y("div", { children: [
-            /* @__PURE__ */ a("input", { type: "hidden", ...d.register(R) }),
-            /* @__PURE__ */ y(
+        className: `checkbox-group-custom ${g ? "readOnly" : ""}`,
+        children: r.map((N) => {
+          const $ = String(N[c]), M = w[$] === !0;
+          return /* @__PURE__ */ m("div", { children: [
+            /* @__PURE__ */ t("input", { type: "hidden", ...a.register($) }),
+            /* @__PURE__ */ m(
               "label",
               {
-                className: `custom-checkbox ${M ? "checked" : ""} ${b ? "readOnly" : ""}`,
+                className: `custom-checkbox ${M ? "checked" : ""} ${g ? "readOnly" : ""}`,
                 children: [
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ t(
                     "input",
                     {
                       type: "checkbox",
                       checked: M,
-                      disabled: b,
-                      onChange: ($) => n(R, $.target.checked)
+                      disabled: g,
+                      onChange: (O) => i($, O.target.checked)
                     }
                   ),
-                  /* @__PURE__ */ a("span", { className: "checkmark" }),
-                  /* @__PURE__ */ a("span", { children: f[i] })
+                  /* @__PURE__ */ t("span", { className: "checkmark" }),
+                  /* @__PURE__ */ t("span", { children: N[o] })
                 ]
               }
             )
-          ] }, R);
+          ] }, $);
         })
       }
     ),
-    o && /* @__PURE__ */ a("p", { className: "text-danger", children: String(o.message) })
+    d && /* @__PURE__ */ t("p", { className: "text-danger", children: String(d.message) })
   ] });
 }
-function ce({
+function de({
   name: e,
   label: r = "",
-  options: t = [],
-  valueKey: l = "value",
-  labelKey: i = "label",
-  iconKey: c = "icon",
+  options: n = [],
+  valueKey: c = "value",
+  labelKey: o = "label",
+  iconKey: l = "icon",
   forceReadOnly: s = !1,
-  forceHidden: d = !1
+  forceHidden: a = !1
 }) {
-  const { isReadOnly: k, isHidden: m } = A(), w = s || !!k(e), N = d || !!m(e), { control: C } = T(), { isView: P, isReadOnly: g } = W(), {
-    field: v,
-    fieldState: { error: b }
-  } = H({
+  const { isReadOnly: h, isHidden: f } = D(), u = s || !!h(e), v = a || !!f(e), { control: k } = A(), { isView: R, isReadOnly: y } = j(), {
+    field: p,
+    fieldState: { error: g }
+  } = T({
     name: e,
-    control: C
-  }), x = w || g || P, S = v.value ?? "", h = V(
-    (n) => {
-      x || v.onChange(n);
+    control: k
+  }), x = u || y || R, P = p.value ?? "", w = S(
+    (i) => {
+      x || p.onChange(i);
     },
-    [x, v]
+    [x, p]
   );
-  return /* @__PURE__ */ y("div", { className: `form-group column ${N ? "hidden" : ""}`, children: [
-    r && /* @__PURE__ */ a("label", { className: "control-label", children: r }),
-    /* @__PURE__ */ a(
+  return /* @__PURE__ */ m("div", { className: `form-group column ${v ? "hidden" : ""}`, children: [
+    r && /* @__PURE__ */ t("label", { className: "control-label", children: r }),
+    /* @__PURE__ */ t(
       "div",
       {
         className: `btn-group ${x ? "view-mode" : ""}`,
         "data-field-name": e,
-        children: t.map((n) => {
-          const o = n[l], u = S === o, O = n.color ? { "--customColor": n.color } : void 0;
-          return /* @__PURE__ */ y(
+        children: n.map((i) => {
+          const d = i[c], b = P === d, V = i.color ? { "--customColor": i.color } : void 0;
+          return /* @__PURE__ */ m(
             "label",
             {
-              htmlFor: `${e}_${o}`,
-              style: O,
-              className: `btn fs-ellipsis ${u ? "active" : ""}`,
+              htmlFor: `${e}_${d}`,
+              style: V,
+              className: `btn fs-ellipsis ${b ? "active" : ""}`,
               children: [
-                /* @__PURE__ */ a(
+                /* @__PURE__ */ t(
                   "input",
                   {
                     type: "radio",
-                    id: `${e}_${o}`,
+                    id: `${e}_${d}`,
                     name: e,
-                    value: o,
-                    checked: u,
+                    value: d,
+                    checked: b,
                     className: "hidden",
-                    onChange: () => h(o),
+                    onChange: () => w(d),
                     disabled: x
                   }
                 ),
-                n[c] && /* @__PURE__ */ a("i", { className: `${n[c]} icon-sm` }),
+                i[l] && /* @__PURE__ */ t("i", { className: `${i[l]} icon-sm` }),
                 " ",
-                n[i]
+                i[o]
               ]
             },
-            o
+            d
           );
         })
       }
     ),
-    b && /* @__PURE__ */ a("p", { className: "text-danger", children: String(b.message) })
+    g && /* @__PURE__ */ t("p", { className: "text-danger", children: String(g.message) })
   ] });
 }
-const st = F(ce), ue = ({
+const lt = F(de), ue = ({
   name: e,
   label: r = "",
-  placeholder: t = "",
-  className: l = "",
-  rows: i = 4,
-  maxLength: c,
+  placeholder: n = "",
+  className: c = "",
+  rows: o = 4,
+  maxLength: l,
   forceReadOnly: s = !1,
-  forceHidden: d = !1
+  forceHidden: a = !1
 }) => {
-  const { isReadOnly: k, isHidden: m } = A(), w = s || !!k(e), N = d || !!m(e), { control: C } = T(), { isView: P } = W(), {
-    field: g,
-    fieldState: { error: v }
-  } = H({
+  const { isReadOnly: h, isHidden: f } = D(), u = s || !!h(e), v = a || !!f(e), { control: k } = A(), { isView: R } = j(), {
+    field: y,
+    fieldState: { error: p }
+  } = T({
     name: e,
-    control: C
+    control: k
   });
-  return P ? /* @__PURE__ */ y("div", { className: `form-group ${N ? "hidden" : ""}`, children: [
-    /* @__PURE__ */ a("label", { children: r }),
-    /* @__PURE__ */ a("span", { className: "form-control", children: g.value || "-" })
-  ] }) : /* @__PURE__ */ y("div", { className: `form-group ${N ? "hidden" : ""}`, children: [
-    /* @__PURE__ */ a("label", { children: r }),
-    /* @__PURE__ */ a(
+  return R ? /* @__PURE__ */ m("div", { className: `form-group ${v ? "hidden" : ""}`, children: [
+    /* @__PURE__ */ t("label", { children: r }),
+    /* @__PURE__ */ t("span", { className: "form-control", children: y.value || "-" })
+  ] }) : /* @__PURE__ */ m("div", { className: `form-group ${v ? "hidden" : ""}`, children: [
+    /* @__PURE__ */ t("label", { children: r }),
+    /* @__PURE__ */ t(
       "textarea",
       {
-        ...g,
-        rows: i,
-        maxLength: c,
-        value: g.value || "",
-        placeholder: t,
-        readOnly: w,
-        className: `form-control ${v ? "border-red" : ""} ${l}`
+        ...y,
+        rows: o,
+        maxLength: l,
+        value: y.value || "",
+        placeholder: n,
+        readOnly: u,
+        className: `form-control ${p ? "border-red" : ""} ${c}`
       }
     ),
-    v && /* @__PURE__ */ a("p", { className: "text-danger", children: String(v.message) })
+    p && /* @__PURE__ */ t("p", { className: "text-danger", children: String(p.message) })
   ] });
-}, dt = F(ue);
-function E(e) {
+}, ct = F(ue);
+function X(e) {
   return (r = {}) => {
-    const t = r.width ? String(r.width) : e.defaultWidth;
-    return e.formats[t] || e.formats[e.defaultWidth];
+    const n = r.width ? String(r.width) : e.defaultWidth;
+    return e.formats[n] || e.formats[e.defaultWidth];
   };
 }
 function q(e) {
-  return (r, t) => {
-    const l = t != null && t.context ? String(t.context) : "standalone";
-    let i;
-    if (l === "formatting" && e.formattingValues) {
-      const s = e.defaultFormattingWidth || e.defaultWidth, d = t != null && t.width ? String(t.width) : s;
-      i = e.formattingValues[d] || e.formattingValues[s];
+  return (r, n) => {
+    const c = n != null && n.context ? String(n.context) : "standalone";
+    let o;
+    if (c === "formatting" && e.formattingValues) {
+      const s = e.defaultFormattingWidth || e.defaultWidth, a = n != null && n.width ? String(n.width) : s;
+      o = e.formattingValues[a] || e.formattingValues[s];
     } else {
-      const s = e.defaultWidth, d = t != null && t.width ? String(t.width) : e.defaultWidth;
-      i = e.values[d] || e.values[s];
+      const s = e.defaultWidth, a = n != null && n.width ? String(n.width) : e.defaultWidth;
+      o = e.values[a] || e.values[s];
     }
-    const c = e.argumentCallback ? e.argumentCallback(r) : r;
-    return i[c];
+    const l = e.argumentCallback ? e.argumentCallback(r) : r;
+    return o[l];
   };
 }
-function B(e) {
-  return (r, t = {}) => {
-    const l = t.width, i = l && e.matchPatterns[l] || e.matchPatterns[e.defaultMatchWidth], c = r.match(i);
-    if (!c)
+function L(e) {
+  return (r, n = {}) => {
+    const c = n.width, o = c && e.matchPatterns[c] || e.matchPatterns[e.defaultMatchWidth], l = r.match(o);
+    if (!l)
       return null;
-    const s = c[0], d = l && e.parsePatterns[l] || e.parsePatterns[e.defaultParseWidth], k = Array.isArray(d) ? he(d, (N) => N.test(s)) : (
+    const s = l[0], a = c && e.parsePatterns[c] || e.parsePatterns[e.defaultParseWidth], h = Array.isArray(a) ? he(a, (v) => v.test(s)) : (
       // [TODO] -- I challenge you to fix the type
-      me(d, (N) => N.test(s))
+      me(a, (v) => v.test(s))
     );
-    let m;
-    m = e.valueCallback ? e.valueCallback(k) : k, m = t.valueCallback ? (
+    let f;
+    f = e.valueCallback ? e.valueCallback(h) : h, f = n.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
-      t.valueCallback(m)
-    ) : m;
-    const w = r.slice(s.length);
-    return { value: m, rest: w };
+      n.valueCallback(f)
+    ) : f;
+    const u = r.slice(s.length);
+    return { value: f, rest: u };
   };
 }
 function me(e, r) {
-  for (const t in e)
-    if (Object.prototype.hasOwnProperty.call(e, t) && r(e[t]))
-      return t;
+  for (const n in e)
+    if (Object.prototype.hasOwnProperty.call(e, n) && r(e[n]))
+      return n;
 }
 function he(e, r) {
-  for (let t = 0; t < e.length; t++)
-    if (r(e[t]))
-      return t;
+  for (let n = 0; n < e.length; n++)
+    if (r(e[n]))
+      return n;
 }
 function fe(e) {
-  return (r, t = {}) => {
-    const l = r.match(e.matchPattern);
-    if (!l) return null;
-    const i = l[0], c = r.match(e.parsePattern);
+  return (r, n = {}) => {
+    const c = r.match(e.matchPattern);
     if (!c) return null;
-    let s = e.valueCallback ? e.valueCallback(c[0]) : c[0];
-    s = t.valueCallback ? t.valueCallback(s) : s;
-    const d = r.slice(i.length);
-    return { value: s, rest: d };
+    const o = c[0], l = r.match(e.parsePattern);
+    if (!l) return null;
+    let s = e.valueCallback ? e.valueCallback(l[0]) : l[0];
+    s = n.valueCallback ? n.valueCallback(s) : s;
+    const a = r.slice(o.length);
+    return { value: s, rest: a };
   };
 }
 const ge = {
@@ -465,36 +465,36 @@ const ge = {
     one: "quase 1 ano",
     other: "quase {{count}} anos"
   }
-}, be = (e, r, t) => {
-  let l;
-  const i = ge[e];
-  return typeof i == "string" ? l = i : r === 1 ? l = i.one : l = i.other.replace("{{count}}", String(r)), t != null && t.addSuffix ? t.comparison && t.comparison > 0 ? "em " + l : "há " + l : l;
+}, ve = (e, r, n) => {
+  let c;
+  const o = ge[e];
+  return typeof o == "string" ? c = o : r === 1 ? c = o.one : c = o.other.replace("{{count}}", String(r)), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "em " + c : "há " + c : c;
 }, pe = {
   full: "EEEE, d 'de' MMMM 'de' y",
   long: "d 'de' MMMM 'de' y",
   medium: "d MMM y",
   short: "dd/MM/yyyy"
-}, ye = {
+}, be = {
   full: "HH:mm:ss zzzz",
   long: "HH:mm:ss z",
   medium: "HH:mm:ss",
   short: "HH:mm"
-}, ve = {
+}, ye = {
   full: "{{date}} 'às' {{time}}",
   long: "{{date}} 'às' {{time}}",
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 }, we = {
-  date: E({
+  date: X({
     formats: pe,
     defaultWidth: "full"
   }),
-  time: E({
-    formats: ye,
+  time: X({
+    formats: be,
     defaultWidth: "full"
   }),
-  dateTime: E({
-    formats: ve,
+  dateTime: X({
+    formats: ye,
     defaultWidth: "full"
   })
 }, Ne = {
@@ -507,9 +507,9 @@ const ge = {
   tomorrow: "'amanhã às' p",
   nextWeek: "eeee 'às' p",
   other: "P"
-}, ke = (e, r, t, l) => {
-  const i = Ne[e];
-  return typeof i == "function" ? i(r) : i;
+}, ke = (e, r, n, c) => {
+  const o = Ne[e];
+  return typeof o == "function" ? o(r) : o;
 }, Ce = {
   narrow: ["AC", "DC"],
   abbreviated: ["AC", "DC"],
@@ -518,7 +518,7 @@ const ge = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["T1", "T2", "T3", "T4"],
   wide: ["1º trimestre", "2º trimestre", "3º trimestre", "4º trimestre"]
-}, Se = {
+}, Re = {
   narrow: ["j", "f", "m", "a", "m", "j", "j", "a", "s", "o", "n", "d"],
   abbreviated: [
     "jan",
@@ -548,7 +548,7 @@ const ge = {
     "novembro",
     "dezembro"
   ]
-}, Re = {
+}, Pe = {
   narrow: ["D", "S", "T", "Q", "Q", "S", "S"],
   short: ["dom", "seg", "ter", "qua", "qui", "sex", "sab"],
   abbreviated: [
@@ -569,7 +569,7 @@ const ge = {
     "sexta-feira",
     "sábado"
   ]
-}, Pe = {
+}, $e = {
   narrow: {
     am: "a",
     pm: "p",
@@ -600,7 +600,7 @@ const ge = {
     evening: "tarde",
     night: "noite"
   }
-}, Oe = {
+}, Se = {
   narrow: {
     am: "a",
     pm: "p",
@@ -631,11 +631,11 @@ const ge = {
     evening: "da tarde",
     night: "da noite"
   }
-}, Me = (e, r) => {
-  const t = Number(e);
-  return (r == null ? void 0 : r.unit) === "week" ? t + "ª" : t + "º";
-}, $e = {
-  ordinalNumber: Me,
+}, Ve = (e, r) => {
+  const n = Number(e);
+  return (r == null ? void 0 : r.unit) === "week" ? n + "ª" : n + "º";
+}, Me = {
+  ordinalNumber: Ve,
   era: q({
     values: Ce,
     defaultWidth: "wide"
@@ -646,37 +646,37 @@ const ge = {
     argumentCallback: (e) => e - 1
   }),
   month: q({
-    values: Se,
+    values: Re,
     defaultWidth: "wide"
   }),
   day: q({
-    values: Re,
+    values: Pe,
     defaultWidth: "wide"
   }),
   dayPeriod: q({
-    values: Pe,
+    values: $e,
     defaultWidth: "wide",
-    formattingValues: Oe,
+    formattingValues: Se,
     defaultFormattingWidth: "wide"
   })
-}, Ve = /^(\d+)[ºªo]?/i, We = /\d+/i, De = {
+}, Oe = /^(\d+)[ºªo]?/i, We = /\d+/i, je = {
   narrow: /^(ac|dc|a|d)/i,
   abbreviated: /^(a\.?\s?c\.?|d\.?\s?c\.?)/i,
   wide: /^(antes de cristo|depois de cristo)/i
-}, je = {
+}, Ae = {
   any: [/^ac/i, /^dc/i],
   wide: [/^antes de cristo/i, /^depois de cristo/i]
-}, Te = {
+}, De = {
   narrow: /^[1234]/i,
   abbreviated: /^T[1234]/i,
   wide: /^[1234](º)? trimestre/i
-}, Ae = {
+}, Ie = {
   any: [/1/i, /2/i, /3/i, /4/i]
 }, 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
-}, He = {
+}, Te = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -710,11 +710,11 @@ const ge = {
   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
-}, qe = {
+}, He = {
   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]
-}, Be = {
+}, qe = {
   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 = {
@@ -730,363 +730,643 @@ const ge = {
   }
 }, ze = {
   ordinalNumber: fe({
-    matchPattern: Ve,
+    matchPattern: Oe,
     parsePattern: We,
     valueCallback: (e) => parseInt(e, 10)
   }),
-  era: B({
-    matchPatterns: De,
+  era: L({
+    matchPatterns: je,
     defaultMatchWidth: "wide",
-    parsePatterns: je,
+    parsePatterns: Ae,
     defaultParseWidth: "any"
   }),
-  quarter: B({
-    matchPatterns: Te,
+  quarter: L({
+    matchPatterns: De,
     defaultMatchWidth: "wide",
-    parsePatterns: Ae,
+    parsePatterns: Ie,
     defaultParseWidth: "any",
     valueCallback: (e) => e + 1
   }),
-  month: B({
+  month: L({
     matchPatterns: Fe,
     defaultMatchWidth: "wide",
-    parsePatterns: He,
+    parsePatterns: Te,
     defaultParseWidth: "any"
   }),
-  day: B({
+  day: L({
     matchPatterns: _e,
     defaultMatchWidth: "wide",
-    parsePatterns: qe,
+    parsePatterns: He,
     defaultParseWidth: "any"
   }),
-  dayPeriod: B({
-    matchPatterns: Be,
+  dayPeriod: L({
+    matchPatterns: qe,
     defaultMatchWidth: "any",
     parsePatterns: Le,
     defaultParseWidth: "any"
   })
-}, Ie = {
+}, Be = {
   code: "pt-BR",
-  formatDistance: be,
+  formatDistance: ve,
   formatLong: we,
   formatRelative: ke,
-  localize: $e,
+  localize: Me,
   match: ze,
   options: {
     weekStartsOn: 0,
     firstWeekContainsDate: 1
   }
 };
-ae("pt-BR", Ie);
-const X = "dd/MM/yyyy", Ee = (e) => {
+ae("pt-BR", Be);
+const Y = "dd/MM/yyyy", Ee = (e) => {
   if (!e) return null;
-  const r = re(e, X, /* @__PURE__ */ new Date());
-  return oe(r) ? r : null;
-}, Xe = (e) => e ? ie(e, X) : "", Ye = K(
-  ({ shimRef: e, className: r, name: t, ...l }, i) => /* @__PURE__ */ a(
+  const r = re(e, Y, /* @__PURE__ */ new Date());
+  return se(r) ? r : null;
+}, Xe = (e) => e ? ie(e, Y) : "", Je = K(
+  ({ shimRef: e, className: r, name: n, ...c }, o) => /* @__PURE__ */ t(
     "input",
     {
-      name: t,
-      ...l,
+      name: n,
+      ...c,
       className: r,
-      ref: (c) => {
-        typeof i == "function" ? i(c) : i && (i.current = c), e && e(c);
+      ref: (l) => {
+        typeof o == "function" ? o(l) : o && (o.current = l), e && e(l);
       }
     }
   )
-), Qe = ({
+), Ye = ({
   name: e,
   label: r = "",
-  placeholder: t = "dd/mm/aaaa",
-  className: l = "",
-  forceReadOnly: i = !1,
-  forceHidden: c = !1
+  placeholder: n = "dd/mm/aaaa",
+  className: c = "",
+  forceReadOnly: o = !1,
+  forceHidden: l = !1
 }) => {
-  const { control: s } = T(), { isView: d } = W(), { isReadOnly: k, isHidden: m } = A(), w = i || !!k(e), N = c || !!m(e), {
-    field: { onChange: C, onBlur: P, value: g, ref: v },
-    fieldState: { error: b }
-  } = H({
+  const { control: s } = A(), { isView: a } = j(), { isReadOnly: h, isHidden: f } = D(), u = o || !!h(e), v = l || !!f(e), {
+    field: { onChange: k, onBlur: R, value: y, ref: p },
+    fieldState: { error: g }
+  } = T({
     name: e,
     control: s
-  }), x = j(() => Ee(g), [g]), S = V(
-    (n) => {
-      C(n ? Xe(n) : "");
+  }), x = I(() => Ee(y), [y]), P = S(
+    (i) => {
+      k(i ? Xe(i) : "");
     },
-    [C]
-  ), h = V(
-    (n) => {
-      var o, u;
-      if (v(n), n && ((u = (o = s._fields) == null ? void 0 : o[e]) != null && u._f)) {
-        const O = s._fields[e];
-        O._f.ref = {
+    [k]
+  ), w = S(
+    (i) => {
+      var d, b;
+      if (p(i), i && ((b = (d = s._fields) == null ? void 0 : d[e]) != null && b._f)) {
+        const V = s._fields[e];
+        V._f.ref = {
           focus: () => {
-            var f;
-            return (f = n.focus) == null ? void 0 : f.call(n);
+            var N;
+            return (N = i.focus) == null ? void 0 : N.call(i);
           },
           select: () => {
-            var f;
-            return (f = n.select) == null ? void 0 : f.call(n);
+            var N;
+            return (N = i.select) == null ? void 0 : N.call(i);
           },
-          setCustomValidity: (f) => {
-            var R;
-            return (R = n.setCustomValidity) == null ? void 0 : R.call(n, f);
+          setCustomValidity: (N) => {
+            var $;
+            return ($ = i.setCustomValidity) == null ? void 0 : $.call(i, N);
           },
           reportValidity: () => {
-            var f;
-            return (f = n.reportValidity) == null ? void 0 : f.call(n);
+            var N;
+            return (N = i.reportValidity) == null ? void 0 : N.call(i);
           }
         };
       }
     },
-    [v, s, e]
+    [p, s, e]
   );
-  return N ? null : d ? /* @__PURE__ */ y("div", { className: "form-group", children: [
-    /* @__PURE__ */ a("label", { children: r }),
-    /* @__PURE__ */ a("span", { className: "form-control", children: g || "-" })
-  ] }) : /* @__PURE__ */ y("div", { className: `form-group fluig-style-guide ${l}`, children: [
-    r && /* @__PURE__ */ a("label", { className: "control-label", htmlFor: e, children: r }),
-    /* @__PURE__ */ a("div", { className: `${b ? "border-red" : ""}`, children: /* @__PURE__ */ a(
+  return v ? null : a ? /* @__PURE__ */ m("div", { className: "form-group", children: [
+    /* @__PURE__ */ t("label", { children: r }),
+    /* @__PURE__ */ t("span", { className: "form-control", children: y || "-" })
+  ] }) : /* @__PURE__ */ m("div", { className: `form-group fluig-style-guide ${c}`, children: [
+    r && /* @__PURE__ */ t("label", { className: "control-label", htmlFor: e, children: r }),
+    /* @__PURE__ */ t("div", { className: `${g ? "border-red" : ""}`, children: /* @__PURE__ */ t(
       ne,
       {
         id: e,
         name: e,
         selected: x,
-        onChange: S,
-        onBlur: P,
-        dateFormat: X,
-        placeholderText: t,
-        disabled: w,
-        readOnly: w,
+        onChange: P,
+        onBlur: R,
+        dateFormat: Y,
+        placeholderText: n,
+        disabled: u,
+        readOnly: u,
         locale: "pt-BR",
-        className: `form-control ${b ? "border-red" : ""}`,
+        className: `form-control ${g ? "border-red" : ""}`,
         wrapperClassName: "w-100",
         showMonthDropdown: !0,
         showYearDropdown: !0,
         dropdownMode: "select",
-        isClearable: !w && !!g,
+        isClearable: !u && !!y,
         autoComplete: "off",
-        customInput: /* @__PURE__ */ a(Ye, { name: e, shimRef: h })
+        customInput: /* @__PURE__ */ t(Je, { name: e, shimRef: w })
       }
     ) }),
-    b && /* @__PURE__ */ a("span", { className: "help-block text-danger", children: String(b.message) })
+    g && /* @__PURE__ */ t("span", { className: "help-block text-danger", children: String(g.message) })
   ] });
-}, lt = F(Qe);
-function Je({
+}, dt = F(Ye);
+function Qe({
   mapping: e = {},
   defaultLabel: r = "Não reconhecido",
-  className: t = "",
-  hidden: l = !1,
-  label: i
+  className: n = "",
+  hidden: c = !1,
+  label: o
 }) {
-  const { activityId: c } = W(), s = j(() => !e || c === null || c === void 0 ? null : e[c], [c, e]);
+  const { activityId: l } = j(), s = I(() => !e || l === null || l === void 0 ? null : e[l], [l, e]);
   if (!s)
-    return /* @__PURE__ */ y("div", { className: `form-group ${l ? "hidden" : ""}`, children: [
-      i && /* @__PURE__ */ a("label", { children: i }),
-      /* @__PURE__ */ a("div", { className: `status-badge default ${t}`, children: r })
+    return /* @__PURE__ */ m("div", { className: `form-group ${c ? "hidden" : ""}`, children: [
+      o && /* @__PURE__ */ t("label", { children: o }),
+      /* @__PURE__ */ t("div", { className: `status-badge default ${n}`, children: r })
     ] });
-  const d = {
+  const a = {
     "--customColor": s.color
   };
-  return /* @__PURE__ */ y("div", { className: `form-group ${l ? "hidden" : ""}`, children: [
-    i && /* @__PURE__ */ a("label", { children: i }),
-    /* @__PURE__ */ y("div", { className: `status-badge ${t}`, style: d, children: [
-      s.icon && /* @__PURE__ */ a("i", { className: s.icon }),
-      /* @__PURE__ */ a("span", { children: s.label })
+  return /* @__PURE__ */ m("div", { className: `form-group ${c ? "hidden" : ""}`, children: [
+    o && /* @__PURE__ */ t("label", { children: o }),
+    /* @__PURE__ */ m("div", { className: `status-badge ${n}`, style: a, children: [
+      s.icon && /* @__PURE__ */ t("i", { className: s.icon }),
+      /* @__PURE__ */ t("span", { children: s.label })
     ] })
   ] });
 }
-const ct = F(Je);
+const ut = F(Qe);
 function Ue({
   name: e,
   control: r,
-  defaultRowValue: t,
-  isView: l,
-  isReadOnly: i,
-  filters: c = []
+  defaultRowValue: n,
+  isView: c,
+  isReadOnly: o,
+  filters: l = []
 }) {
-  const { field: s } = H({ name: e, control: r }), [d, k] = L([]), [m, w] = L([]), N = () => Date.now() + Math.random(), C = (n) => {
+  const { field: s } = T({ name: e, control: r }), [a, h] = _([]), [f, u] = _([]), v = () => Date.now() + Math.random(), k = (i) => {
     try {
-      const o = JSON.parse(n);
-      return Array.isArray(o) ? o.map((u) => ({
-        ...u,
-        _uid: u._uid || N()
+      const d = JSON.parse(i);
+      return Array.isArray(d) ? d.map((b) => ({
+        ...b,
+        _uid: b._uid || v()
       })) : [];
-    } catch (o) {
-      return console.error(`Erro ao ler dados da tabela "${e}":`, o), [];
+    } catch (d) {
+      return console.error(`Erro ao ler dados da tabela "${e}":`, d), [];
     }
   };
-  D(() => {
-    if (!(d.length > 0 && !l) && s.value && typeof s.value == "string") {
-      const n = JSON.stringify(d);
-      if (s.value === n) return;
-      const o = C(s.value);
-      k(o);
+  W(() => {
+    if (!(a.length > 0 && !c) && s.value && typeof s.value == "string") {
+      const i = JSON.stringify(a);
+      if (s.value === i) return;
+      const d = k(s.value);
+      h(d);
     }
-  }, [s.value, l]), D(() => {
-    if (i) return;
-    const n = JSON.stringify(d);
-    s.value !== n && s.onChange(n);
-  }, [d, s, i]);
-  const P = V(() => {
-    const n = { _uid: N(), ...t };
-    k((o) => [...o, n]);
-  }, [t]), g = V(() => {
-    k(
-      (n) => n.filter((o) => !m.includes(o._uid))
-    ), w([]);
-  }, [m]), v = V(
-    (n, o, u) => {
-      k(
-        (O) => O.map(
-          (f) => f._uid === n ? { ...f, [o]: u } : f
+  }, [s.value, c]), W(() => {
+    if (o) return;
+    const i = JSON.stringify(a);
+    s.value !== i && s.onChange(i);
+  }, [a, s, o]);
+  const R = S(() => {
+    const i = { _uid: v(), ...n };
+    h((d) => [...d, i]);
+  }, [n]), y = S(() => {
+    h(
+      (i) => i.filter((d) => !f.includes(d._uid))
+    ), u([]);
+  }, [f]), p = S(
+    (i, d, b) => {
+      h(
+        (V) => V.map(
+          (N) => N._uid === i ? { ...N, [d]: b } : N
         )
       );
     },
     []
-  ), b = V((n) => {
-    w(
-      (o) => o.includes(n) ? o.filter((u) => u !== n) : [...o, n]
+  ), g = S((i) => {
+    u(
+      (d) => d.includes(i) ? d.filter((b) => b !== i) : [...d, i]
     );
-  }, []), x = V(
-    (n) => {
-      w(n ? d.map((o) => o._uid) : []);
+  }, []), x = S(
+    (i) => {
+      u(i ? a.map((d) => d._uid) : []);
     },
-    [d]
-  ), S = d.length > 0 && m.length === d.length, h = j(() => !c || c.length === 0 ? d : d.filter(
-    (n) => c.every((o) => {
-      if ("custom" in o)
-        return o.custom(n);
-      const u = n[o.field];
-      switch (o.operator) {
+    [a]
+  ), P = a.length > 0 && f.length === a.length, w = I(() => !l || l.length === 0 ? a : a.filter(
+    (i) => l.every((d) => {
+      if ("custom" in d)
+        return d.custom(i);
+      const b = i[d.field];
+      switch (d.operator) {
         case "===":
-          return u === o.value;
+          return b === d.value;
         case "!==":
-          return u !== o.value;
+          return b !== d.value;
         case ">":
-          return u > o.value;
+          return b > d.value;
         case "<":
-          return u < o.value;
+          return b < d.value;
         case ">=":
-          return u >= o.value;
+          return b >= d.value;
         case "<=":
-          return u <= o.value;
+          return b <= d.value;
         default:
           return !0;
       }
     })
-  ), [d, c]);
+  ), [a, l]);
   return {
     field: s,
-    tableRows: d,
-    visibleRows: h,
-    selectedRowIds: m,
-    isAllSelected: S,
+    tableRows: a,
+    visibleRows: w,
+    selectedRowIds: f,
+    isAllSelected: P,
     handle: {
-      addRow: P,
-      removeRows: g,
-      updateCellValue: v,
-      toggleSelection: b,
+      addRow: R,
+      removeRows: y,
+      updateCellValue: p,
+      toggleSelection: g,
       toggleSelectAll: x
     }
   };
 }
-const ut = ({
+const mt = ({
   name: e,
   title: r = "Tabela Dinâmica",
-  columns: t,
-  defaultRowValue: l = {},
-  forceReadOnly: i = !1,
-  layout: c = "fluid",
+  columns: n,
+  defaultRowValue: c = {},
+  forceReadOnly: o = !1,
+  layout: l = "fluid",
   actions: s = !0,
-  filters: d = []
+  filters: a = []
 }) => {
-  const { control: k } = T(), { isView: m, isReadOnly: w } = W(), { isReadOnly: N } = A(), C = i || m || w || N && N(e), {
-    field: P,
-    // tableRows,
-    visibleRows: g,
-    selectedRowIds: v,
-    isAllSelected: b,
-    handle: x
-  } = Ue({
+  const { control: h } = A(), { isView: f, isReadOnly: u } = j(), { isReadOnly: v } = D(), k = o || f || u || v && v(e), { field: R, visibleRows: y, selectedRowIds: p, isAllSelected: g, handle: x } = Ue({
     name: e,
-    control: k,
-    defaultRowValue: l,
-    isView: m,
-    isReadOnly: !!C,
-    filters: d
-  }), S = c === "fixed";
-  return /* @__PURE__ */ y("div", { className: `table-wrapper ${S ? "table-fixed" : "table-fluid"}`, children: [
-    /* @__PURE__ */ a("input", { type: "hidden", ...P }),
-    s && /* @__PURE__ */ y("div", { className: "header-handle", children: [
-      /* @__PURE__ */ a("h3", { children: r }),
-      !C && /* @__PURE__ */ y("div", { className: "handle-actions", children: [
-        /* @__PURE__ */ y(
+    control: h,
+    defaultRowValue: c,
+    isView: f,
+    isReadOnly: !!k,
+    filters: a
+  }), P = l === "fixed";
+  return /* @__PURE__ */ m("div", { className: `table-wrapper ${P ? "table-fixed" : "table-fluid"}`, children: [
+    /* @__PURE__ */ t("input", { type: "hidden", ...R }),
+    /* @__PURE__ */ m("div", { className: "header-handle", children: [
+      /* @__PURE__ */ t("h3", { children: r }),
+      !k && s && /* @__PURE__ */ m("div", { className: "handle-actions", children: [
+        /* @__PURE__ */ m(
           "button",
           {
             type: "button",
-            className: `btn ${v.length > 0 ? "btn-danger" : ""}`,
-            disabled: v.length === 0,
+            className: `btn ${p.length > 0 ? "btn-danger" : ""}`,
+            disabled: p.length === 0,
             onClick: x.removeRows,
             children: [
               "Remover (",
-              v.length,
+              p.length,
               ")"
             ]
           }
         ),
-        /* @__PURE__ */ a("button", { type: "button", className: "btn-add", onClick: x.addRow, children: "Adicionar" })
+        /* @__PURE__ */ t("button", { type: "button", className: "btn-add", onClick: x.addRow, children: "Adicionar" })
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: "table-scroll", children: /* @__PURE__ */ y("table", { className: "table-custom", children: [
-      /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ y("tr", { children: [
-        !C && /* @__PURE__ */ a("th", { style: { width: "500px" }, children: /* @__PURE__ */ a(
+    /* @__PURE__ */ t("div", { className: "table-scroll", children: /* @__PURE__ */ m("table", { className: "table-custom", children: [
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ m("tr", { children: [
+        !k && /* @__PURE__ */ t("th", { style: { width: "50px" }, children: /* @__PURE__ */ t(
           "input",
           {
             type: "checkbox",
-            checked: b,
-            onChange: (h) => x.toggleSelectAll(h.target.checked)
+            checked: g,
+            onChange: (w) => x.toggleSelectAll(w.target.checked)
           }
         ) }),
-        t.map((h) => /* @__PURE__ */ a(
+        n.map((w) => /* @__PURE__ */ t(
           "th",
           {
-            style: h.width ? { minWidth: S ? h.width : "100%" } : { width: "max-content" },
-            children: h.label
+            style: w.width ? { minWidth: P ? w.width : "100%" } : { width: "max-content" },
+            children: w.label
           },
-          h.key
+          w.key
         ))
       ] }) }),
-      /* @__PURE__ */ a("div", {}),
-      /* @__PURE__ */ y("tbody", { children: [
-        g.map((h, n) => /* @__PURE__ */ y("tr", { children: [
-          !C && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(
+      /* @__PURE__ */ m("tbody", { children: [
+        y.map((w, i) => /* @__PURE__ */ m("tr", { children: [
+          !k && /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(
             "input",
             {
               type: "checkbox",
-              checked: v.includes(h._uid),
-              onChange: () => x.toggleSelection(h._uid)
+              checked: p.includes(w._uid),
+              onChange: () => x.toggleSelection(w._uid)
             }
           ) }),
-          t.map((o) => /* @__PURE__ */ a("td", { children: o.render ? o.render(
-            h,
-            n,
-            (u, O) => x.updateCellValue(h._uid, u, O),
-            !!C,
-            !!m
-          ) : h[o.key] }, `${h._uid}-${o.key}`))
-        ] }, h._uid)),
-        g.length === 0 && /* @__PURE__ */ a("tr", { className: "empty-row", children: /* @__PURE__ */ a("td", { colSpan: 100, className: "text-center", children: C ? "Nenhum registro encontrado." : "Nenhum registro." }) })
+          n.map((d) => /* @__PURE__ */ t("td", { children: d.render ? d.render.length <= 1 ? d.render({
+            row: w,
+            index: i,
+            updateRow: (b, V) => x.updateCellValue(w._uid, b, V),
+            isLocked: !!k,
+            isView: !!f
+          }) : d.render(
+            w,
+            i,
+            (b, V) => x.updateCellValue(w._uid, b, V),
+            !!k,
+            !!f
+          ) : w[d.key] }, `${w._uid}-${d.key}`))
+        ] }, w._uid)),
+        y.length === 0 && /* @__PURE__ */ t("tr", { className: "empty-row", children: /* @__PURE__ */ t("td", { colSpan: 100, className: "text-center", children: k ? "Nenhum registro encontrado." : "Nenhum registro." }) })
       ] })
     ] }) })
   ] });
-};
+}, Ge = ({
+  name: e,
+  label: r,
+  help: n,
+  className: c = "",
+  forceReadOnly: o = !1
+}) => {
+  const { isReadOnly: l } = D(), { isView: s } = j(), { control: a } = A(), { field: h } = T({ name: e, control: a }), f = z(null), u = !!h.value, v = o || !!l(e) || s, k = S(() => {
+    var g;
+    if (v) return;
+    const p = window;
+    p.JSInterface && p.JSInterface.showCamera ? p.JSInterface.showCamera(e) : (g = f.current) == null || g.click();
+  }, [e, v]), R = (p) => {
+    const g = p.target.files;
+    g && g.length > 0 && h.onChange(g[0].name);
+  }, y = S(() => {
+    u && (window.parent && window.parent.WKFViewAttachment ? console.log("Abrindo anexo do Fluig:", h.value) : alert("Visualizando: " + h.value));
+  }, [h.value, u]);
+  return s ? /* @__PURE__ */ m("div", { className: "form-group", children: [
+    r && /* @__PURE__ */ t("label", { children: r }),
+    /* @__PURE__ */ t("div", { className: "attachment-view", children: u ? /* @__PURE__ */ m(
+      "button",
+      {
+        type: "button",
+        onClick: y,
+        className: "btn-link",
+        style: {
+          padding: 0,
+          border: "none",
+          background: "none",
+          color: "var(--colorPrimary)",
+          cursor: "pointer"
+        },
+        children: [
+          /* @__PURE__ */ t("i", { className: "flaticon flaticon-view icon-sm" }),
+          " ",
+          h.value
+        ]
+      }
+    ) : /* @__PURE__ */ m("span", { className: "text-muted", children: [
+      /* @__PURE__ */ t("i", { className: "flaticon flaticon-no-pic icon-sm" }),
+      " Sem anexo"
+    ] }) })
+  ] }) : /* @__PURE__ */ m("div", { className: `form-group ${c}`, children: [
+    r && /* @__PURE__ */ t("label", { children: r }),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        type: "file",
+        ref: f,
+        style: { display: "none" },
+        onChange: R
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: `form-control attachment-input ${v ? "readonly" : ""} ${u ? "has-file" : ""}`,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          cursor: v ? "not-allowed" : "pointer",
+          backgroundColor: v ? "#f9f9f9" : "#fff",
+          border: "1px dashed #ccc",
+          minHeight: "40px"
+        },
+        onClick: u ? y : k,
+        title: n,
+        children: /* @__PURE__ */ m(
+          "div",
+          {
+            style: {
+              color: u ? "var(--colorPrimary)" : "#ababab",
+              display: "flex",
+              alignItems: "center",
+              gap: "8px"
+            },
+            children: [
+              /* @__PURE__ */ t(
+                "i",
+                {
+                  className: `flaticon ${u ? "flaticon-view" : v ? "flaticon-no-pic" : "flaticon-add-test"} icon-sm`
+                }
+              ),
+              /* @__PURE__ */ t("span", { children: u ? "Ver Anexo" : v ? "Vazio" : "Anexar" })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t("input", { type: "hidden", name: e, value: h.value || "" })
+  ] });
+}, ht = F(Ge);
+function ft({
+  items: e,
+  time: r = 0,
+  showNavigation: n = !0,
+  progressBar: c = !0
+}) {
+  const [o, l] = _(0), [s, a] = _(0), h = z(null), f = z(null), u = S(() => {
+    l((p) => (p + 1) % e.length), a(0);
+  }, [e.length]), v = S(() => {
+    l((p) => (p - 1 + e.length) % e.length), a(0);
+  }, [e.length]);
+  if (W(() => {
+    if (r > 0 && e.length > 1) {
+      const g = 100 / r * 100;
+      h.current = setInterval(u, r), f.current = setInterval(() => {
+        a((x) => x >= 100 ? 0 : x + g);
+      }, 100);
+    }
+    return () => {
+      h.current && clearInterval(h.current), f.current && clearInterval(f.current);
+    };
+  }, [r, u, e.length, o]), !e || e.length === 0) return null;
+  const k = e[o], R = typeof k == "string" ? k : k.url, y = /\.(jpg|jpeg|png|gif|webp)$/i.test(R);
+  return /* @__PURE__ */ m("div", { className: "carousel-root", children: [
+    /* @__PURE__ */ m("div", { className: "carousel-viewport", children: [
+      n && e.length > 1 && /* @__PURE__ */ m(J, { children: [
+        /* @__PURE__ */ t("button", { className: "nav-btn prev", onClick: v, children: /* @__PURE__ */ t("i", { className: "flaticon flaticon-chevron-left" }) }),
+        /* @__PURE__ */ t("button", { className: "nav-btn next", onClick: u, children: /* @__PURE__ */ t("i", { className: "flaticon flaticon-chevron-right" }) })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "carousel-media", children: y ? /* @__PURE__ */ t("img", { src: R, alt: "Slide", className: "carousel-image" }) : /* @__PURE__ */ m("div", { className: "carousel-file-fallback", children: [
+        /* @__PURE__ */ t("i", { className: "flaticon flaticon-file icon-xl" }),
+        /* @__PURE__ */ t(
+          "a",
+          {
+            href: R,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "btn-open",
+            children: "Abrir Arquivo"
+          }
+        )
+      ] }) }),
+      e.length > 1 && /* @__PURE__ */ t("div", { className: "carousel-dots", children: e.map((p, g) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: `dot ${g === o ? "active" : ""}`,
+          onClick: () => {
+            l(g), a(0);
+          }
+        },
+        g
+      )) })
+    ] }),
+    c && r > 0 && e.length > 1 && /* @__PURE__ */ t("div", { className: "carousel-progress-container", children: /* @__PURE__ */ t(
+      "div",
+      {
+        className: "carousel-progress-bar",
+        style: { width: `${s}%` }
+      }
+    ) })
+  ] });
+}
+function gt({
+  title: e,
+  isOpen: r,
+  onOpen: n,
+  onClose: c,
+  content: o,
+  footer: l,
+  width: s
+}) {
+  const a = S(
+    (h) => {
+      h.key === "Escape" && c();
+    },
+    [c]
+  );
+  return W(() => (r && (document.addEventListener("keydown", a), n == null || n(), document.body.style.overflow = "hidden"), () => {
+    document.removeEventListener("keydown", a), document.body.style.overflow = "auto";
+  }), [r, a, n]), r ? /* @__PURE__ */ t(
+    "div",
+    {
+      className: "modal-overlay",
+      onClick: c,
+      "aria-modal": "true",
+      role: "dialog",
+      children: /* @__PURE__ */ m(
+        "div",
+        {
+          style: { maxWidth: s },
+          className: "modal-container",
+          onClick: (h) => h.stopPropagation(),
+          children: [
+            /* @__PURE__ */ m("div", { className: "modal-header", children: [
+              /* @__PURE__ */ t("h3", { children: e }),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: "btn-close-modal",
+                  onClick: c,
+                  role: "button",
+                  "aria-label": "Fechar modal",
+                  children: /* @__PURE__ */ t(
+                    "i",
+                    {
+                      className: "flaticon flaticon-close icon-md",
+                      "aria-hidden": "true"
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t("div", { className: "modal-content", children: o }),
+            l && /* @__PURE__ */ t("div", { className: "modal-footer", children: l })
+          ]
+        }
+      )
+    }
+  ) : null;
+}
+function vt({
+  logo: e,
+  childs: r,
+  footer: n,
+  contentExternal: c,
+  bg: o,
+  color: l,
+  onSelect: s
+}) {
+  return /* @__PURE__ */ m("div", { className: "main-container dfea", children: [
+    /* @__PURE__ */ m("div", { className: "sidebar-wrapper", style: { backgroundColor: `${o}` }, children: [
+      e && /* @__PURE__ */ t("div", { className: "sidebar-logo", children: /* @__PURE__ */ t("img", { src: e, alt: "", width: "auto", height: "28px" }) }),
+      /* @__PURE__ */ t("ul", { className: "sidebar-childs-content", children: r == null ? void 0 : r.map(
+        (a) => {
+          var h, f;
+          return a != null && a.options && ((h = a == null ? void 0 : a.options) == null ? void 0 : h.length) > 0 ? /* @__PURE__ */ t(J, { children: /* @__PURE__ */ m("ul", { className: "sidebar-child sidebar-options-content", children: [
+            /* @__PURE__ */ m(
+              "li",
+              {
+                className: "sidebar-child",
+                onClick: () => {
+                  var u;
+                  (u = a.action) == null || u.call(a), s == null || s(a.id);
+                },
+                style: { color: `${l}` },
+                children: [
+                  a.icon && /* @__PURE__ */ t("i", { className: a.icon }),
+                  a.label
+                ]
+              }
+            ),
+            (f = a.options) == null ? void 0 : f.map((u) => /* @__PURE__ */ t(
+              "li",
+              {
+                className: "sidebar-option",
+                onClick: () => {
+                  var v;
+                  (v = u.action) == null || v.call(u), s == null || s(u.id);
+                },
+                style: { color: `${l}` },
+                children: u.label
+              }
+            ))
+          ] }) }) : /* @__PURE__ */ m(
+            "li",
+            {
+              className: "sidebar-child",
+              onClick: () => {
+                var u;
+                (u = a.action) == null || u.call(a), s == null || s(a.id);
+              },
+              style: { color: `${l}` },
+              children: [
+                a.icon && /* @__PURE__ */ t("i", { className: a.icon }),
+                a.label
+              ]
+            }
+          );
+        }
+      ) }),
+      n && /* @__PURE__ */ t("div", { className: "sidebar-footer", children: n })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "sidebar-content-external", children: c })
+  ] });
+}
 export {
-  it as Checkbox,
-  lt as DatePicker,
-  rt as Input,
-  st as RadioBtn,
-  ot as Select,
-  ut as SimpleTable,
-  ct as StatusBadge,
-  dt as TextArea
+  ht as Attachment,
+  ft as Carousel,
+  ot as Checkbox,
+  dt as DatePicker,
+  st as Input,
+  gt as Modal,
+  lt as RadioBtn,
+  it as Select,
+  vt as Sidebar,
+  mt as SimpleTable,
+  ut as StatusBadge,
+  ct as TextArea
 };