@tech-diefra/fluig-ui 1.0.3 → 1.0.4

package/dist/index.js

@@ -0,0 +1,904 @@
+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 { 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";
+const se = {
+  cpf: "000.000.000-00",
+  cnpj: "00.000.000/0000-00",
+  telefone: "(00) 00000-0000",
+  cep: "00000-000"
+};
+function de({
+  name: e,
+  label: a = "",
+  placeholder: t = "",
+  type: i = "text",
+  mask: r,
+  className: d = "",
+  forceReadOnly: s = !1,
+  forceHidden: c = !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) => {
+    if (!o) return "";
+    const w = o.replace(/\D/g, "");
+    return (Number(w) / 100).toLocaleString("pt-BR", {
+      style: "currency",
+      currency: "BRL"
+    });
+  }, []), x = B(
+    (o) => i === "monetary" ? k(o) : o,
+    [i, k]
+  );
+  return S ? /* @__PURE__ */ v("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("label", { children: a }),
+    C ? /* @__PURE__ */ n(
+      te,
+      {
+        name: e,
+        mask: C,
+        value: String(m.value ?? ""),
+        unmask: !1,
+        onAccept: (o) => m.onChange(x(o)),
+        placeholder: t,
+        readOnly: g,
+        className: `form-control ${h ? "border-red" : ""} ${d}`,
+        inputRef: m.ref,
+        onBlur: m.onBlur
+      }
+    ) : /* @__PURE__ */ n(
+      "input",
+      {
+        ...m,
+        type: "text",
+        value: m.value ?? "",
+        onChange: (o) => m.onChange(x(o.target.value)),
+        placeholder: t,
+        readOnly: g,
+        className: `form-control ${h ? "border-red" : ""} ${d}`
+      }
+    ),
+    h && /* @__PURE__ */ n("p", { className: "text-danger", children: String(h.message) })
+  ] });
+}
+const nt = j(de);
+function ce({
+  name: e,
+  label: a = "",
+  options: t = [],
+  placeholder: i = "",
+  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,
+  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({
+    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);
+    };
+    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 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 /* @__PURE__ */ v(
+    "div",
+    {
+      className: `select-wrapper form-group ${C ? "hidden" : ""}`,
+      ref: L,
+      children: [
+        /* @__PURE__ */ n("label", { className: "control-label", children: a }),
+        o ? /* @__PURE__ */ n("span", { className: "form-control", children: Q || "-" }) : /* @__PURE__ */ v(Z, { children: [
+          /* @__PURE__ */ v(
+            "div",
+            {
+              className: `select-control ${l ? "border-red" : ""} ${h ? "readOnly" : ""}`,
+              onClick: () => !h && O((u) => !u),
+              ref: $,
+              children: [
+                /* @__PURE__ */ n("span", { className: `select-display ${h ? "readOnly" : ""}`, children: Q || i }),
+                /* @__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(
+              "input",
+              {
+                type: "text",
+                className: "select-search-input",
+                value: R,
+                onChange: (u) => X(u.target.value),
+                placeholder: P ? "Carregando..." : c,
+                autoFocus: !0,
+                onClick: (u) => u.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(
+              "li",
+              {
+                onClick: () => U(u),
+                className: "select-option handleHover",
+                children: u[r]
+              },
+              u[d]
+            )) : /* @__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) })
+      ]
+    }
+  );
+}
+const rt = j(ce);
+function ot({
+  name: e,
+  options: a = [],
+  label: t = "",
+  valueKey: i = "value",
+  labelKey: r = "label",
+  forceReadOnly: d = !1,
+  forceHidden: s = !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)
+    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, {
+      shouldDirty: !1,
+      shouldValidate: !1
+    });
+  }, [x, e, c]);
+  const o = (l, N) => {
+    if (h) return;
+    const O = { ...x, [l]: N };
+    c.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: [
+    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(
+              "label",
+              {
+                className: `custom-checkbox ${O ? "checked" : ""} ${h ? "readOnly" : ""}`,
+                children: [
+                  /* @__PURE__ */ n(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: O,
+                      disabled: h,
+                      onChange: (R) => o(N, R.target.checked)
+                    }
+                  ),
+                  /* @__PURE__ */ n("span", { className: "checkmark" }),
+                  /* @__PURE__ */ n("span", { children: l[r] })
+                ]
+              }
+            )
+          ] }, N);
+        })
+      }
+    ),
+    w && /* @__PURE__ */ n("p", { className: "text-danger", children: String(w.message) })
+  ] });
+}
+function le({
+  name: e,
+  label: a = "",
+  options: t = [],
+  valueKey: i = "value",
+  labelKey: r = "label",
+  iconKey: d = "icon",
+  forceReadOnly: s = !1,
+  forceHidden: c = !1
+}) {
+  const { isReadOnly: P, isHidden: f } = H(), g = s || !!P(e), b = c || !!f(e), { control: M } = D(), { isView: S, isReadOnly: m } = V(), {
+    field: p,
+    fieldState: { error: h }
+  } = z({
+    name: e,
+    control: M
+  }), C = g || m || S, k = p.value ?? "", x = B(
+    (o) => {
+      C || p.onChange(o);
+    },
+    [C, p]
+  );
+  return /* @__PURE__ */ v("div", { className: `form-group column ${b ? "hidden" : ""}`, children: [
+    a && /* @__PURE__ */ n("label", { className: "control-label", children: a }),
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: `btn-group ${C ? "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(
+            "label",
+            {
+              htmlFor: `${e}_${w}`,
+              style: $,
+              className: `btn fs-ellipsis ${y ? "active" : ""}`,
+              children: [
+                /* @__PURE__ */ n(
+                  "input",
+                  {
+                    type: "radio",
+                    id: `${e}_${w}`,
+                    name: e,
+                    value: w,
+                    checked: y,
+                    className: "hidden",
+                    onChange: () => x(w),
+                    disabled: C
+                  }
+                ),
+                o[d] && /* @__PURE__ */ n("i", { className: `${o[d]} icon-sm` }),
+                " ",
+                o[r]
+              ]
+            },
+            w
+          );
+        })
+      }
+    ),
+    h && /* @__PURE__ */ n("p", { className: "text-danger", children: String(h.message) })
+  ] });
+}
+const it = j(le), ue = ({
+  name: e,
+  label: a = "",
+  placeholder: t = "",
+  className: i = "",
+  rows: r = 4,
+  maxLength: d,
+  forceReadOnly: s = !1,
+  forceHidden: c = !1
+}) => {
+  const { isReadOnly: P, isHidden: f } = H(), g = s || !!P(e), b = c || !!f(e), { control: M } = D(), { isView: S } = V(), {
+    field: m,
+    fieldState: { error: p }
+  } = z({
+    name: e,
+    control: M
+  });
+  return S ? /* @__PURE__ */ v("div", { className: `form-group ${b ? "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("label", { children: a }),
+    /* @__PURE__ */ n(
+      "textarea",
+      {
+        ...m,
+        rows: r,
+        maxLength: d,
+        value: m.value || "",
+        placeholder: t,
+        readOnly: g,
+        className: `form-control ${p ? "border-red" : ""} ${i}`
+      }
+    ),
+    p && /* @__PURE__ */ n("p", { className: "text-danger", children: String(p.message) })
+  ] });
+}, st = j(ue);
+function E(e) {
+  return (a = {}) => {
+    const t = a.width ? String(a.width) : e.defaultWidth;
+    return e.formats[t] || e.formats[e.defaultWidth];
+  };
+}
+function q(e) {
+  return (a, t) => {
+    const i = 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];
+    } else {
+      const s = e.defaultWidth, c = t != null && t.width ? String(t.width) : e.defaultWidth;
+      r = e.values[c] || e.values[s];
+    }
+    const d = e.argumentCallback ? e.argumentCallback(a) : a;
+    return r[d];
+  };
+}
+function T(e) {
+  return (a, t = {}) => {
+    const i = t.width, r = i && e.matchPatterns[i] || e.matchPatterns[e.defaultMatchWidth], d = a.match(r);
+    if (!d)
+      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)) : (
+      // [TODO] -- I challenge you to fix the type
+      me(c, (b) => b.test(s))
+    );
+    let f;
+    f = e.valueCallback ? e.valueCallback(P) : P, f = 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 };
+  };
+}
+function me(e, a) {
+  for (const t in e)
+    if (Object.prototype.hasOwnProperty.call(e, t) && a(e[t]))
+      return t;
+}
+function he(e, a) {
+  for (let t = 0; t < e.length; t++)
+    if (a(e[t]))
+      return t;
+}
+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);
+    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 ge = {
+  lessThanXSeconds: {
+    one: "menos de um segundo",
+    other: "menos de {{count}} segundos"
+  },
+  xSeconds: {
+    one: "1 segundo",
+    other: "{{count}} segundos"
+  },
+  halfAMinute: "meio minuto",
+  lessThanXMinutes: {
+    one: "menos de um minuto",
+    other: "menos de {{count}} minutos"
+  },
+  xMinutes: {
+    one: "1 minuto",
+    other: "{{count}} minutos"
+  },
+  aboutXHours: {
+    one: "cerca de 1 hora",
+    other: "cerca de {{count}} horas"
+  },
+  xHours: {
+    one: "1 hora",
+    other: "{{count}} horas"
+  },
+  xDays: {
+    one: "1 dia",
+    other: "{{count}} dias"
+  },
+  aboutXWeeks: {
+    one: "cerca de 1 semana",
+    other: "cerca de {{count}} semanas"
+  },
+  xWeeks: {
+    one: "1 semana",
+    other: "{{count}} semanas"
+  },
+  aboutXMonths: {
+    one: "cerca de 1 mês",
+    other: "cerca de {{count}} meses"
+  },
+  xMonths: {
+    one: "1 mês",
+    other: "{{count}} meses"
+  },
+  aboutXYears: {
+    one: "cerca de 1 ano",
+    other: "cerca de {{count}} anos"
+  },
+  xYears: {
+    one: "1 ano",
+    other: "{{count}} anos"
+  },
+  overXYears: {
+    one: "mais de 1 ano",
+    other: "mais de {{count}} anos"
+  },
+  almostXYears: {
+    one: "quase 1 ano",
+    other: "quase {{count}} anos"
+  }
+}, be = (e, a, t) => {
+  let i;
+  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;
+}, pe = {
+  full: "EEEE, d 'de' MMMM 'de' y",
+  long: "d 'de' MMMM 'de' y",
+  medium: "d MMM y",
+  short: "dd/MM/yyyy"
+}, ye = {
+  full: "HH:mm:ss zzzz",
+  long: "HH:mm:ss z",
+  medium: "HH:mm:ss",
+  short: "HH:mm"
+}, ve = {
+  full: "{{date}} 'às' {{time}}",
+  long: "{{date}} 'às' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, we = {
+  date: E({
+    formats: pe,
+    defaultWidth: "full"
+  }),
+  time: E({
+    formats: ye,
+    defaultWidth: "full"
+  }),
+  dateTime: E({
+    formats: ve,
+    defaultWidth: "full"
+  })
+}, Ne = {
+  lastWeek: (e) => {
+    const a = e.getDay();
+    return "'" + (a === 0 || a === 6 ? "último" : "última") + "' eeee 'às' p";
+  },
+  yesterday: "'ontem às' p",
+  today: "'hoje às' p",
+  tomorrow: "'amanhã às' p",
+  nextWeek: "eeee 'às' p",
+  other: "P"
+}, Pe = (e, a, t, i) => {
+  const r = Ne[e];
+  return typeof r == "function" ? r(a) : r;
+}, Ce = {
+  narrow: ["AC", "DC"],
+  abbreviated: ["AC", "DC"],
+  wide: ["antes de cristo", "depois de cristo"]
+}, ke = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["T1", "T2", "T3", "T4"],
+  wide: ["1º trimestre", "2º trimestre", "3º trimestre", "4º trimestre"]
+}, xe = {
+  narrow: ["j", "f", "m", "a", "m", "j", "j", "a", "s", "o", "n", "d"],
+  abbreviated: [
+    "jan",
+    "fev",
+    "mar",
+    "abr",
+    "mai",
+    "jun",
+    "jul",
+    "ago",
+    "set",
+    "out",
+    "nov",
+    "dez"
+  ],
+  wide: [
+    "janeiro",
+    "fevereiro",
+    "março",
+    "abril",
+    "maio",
+    "junho",
+    "julho",
+    "agosto",
+    "setembro",
+    "outubro",
+    "novembro",
+    "dezembro"
+  ]
+}, Me = {
+  narrow: ["D", "S", "T", "Q", "Q", "S", "S"],
+  short: ["dom", "seg", "ter", "qua", "qui", "sex", "sab"],
+  abbreviated: [
+    "domingo",
+    "segunda",
+    "terça",
+    "quarta",
+    "quinta",
+    "sexta",
+    "sábado"
+  ],
+  wide: [
+    "domingo",
+    "segunda-feira",
+    "terça-feira",
+    "quarta-feira",
+    "quinta-feira",
+    "sexta-feira",
+    "sábado"
+  ]
+}, Se = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mn",
+    noon: "md",
+    morning: "manhã",
+    afternoon: "tarde",
+    evening: "tarde",
+    night: "noite"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "meia-noite",
+    noon: "meio-dia",
+    morning: "manhã",
+    afternoon: "tarde",
+    evening: "tarde",
+    night: "noite"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "meia-noite",
+    noon: "meio-dia",
+    morning: "manhã",
+    afternoon: "tarde",
+    evening: "tarde",
+    night: "noite"
+  }
+}, Oe = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mn",
+    noon: "md",
+    morning: "da manhã",
+    afternoon: "da tarde",
+    evening: "da tarde",
+    night: "da noite"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "meia-noite",
+    noon: "meio-dia",
+    morning: "da manhã",
+    afternoon: "da tarde",
+    evening: "da tarde",
+    night: "da noite"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "meia-noite",
+    noon: "meio-dia",
+    morning: "da manhã",
+    afternoon: "da tarde",
+    evening: "da tarde",
+    night: "da noite"
+  }
+}, Re = (e, a) => {
+  const t = Number(e);
+  return (a == null ? void 0 : a.unit) === "week" ? t + "ª" : t + "º";
+}, $e = {
+  ordinalNumber: Re,
+  era: q({
+    values: Ce,
+    defaultWidth: "wide"
+  }),
+  quarter: q({
+    values: ke,
+    defaultWidth: "wide",
+    argumentCallback: (e) => e - 1
+  }),
+  month: q({
+    values: xe,
+    defaultWidth: "wide"
+  }),
+  day: q({
+    values: Me,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: q({
+    values: Se,
+    defaultWidth: "wide",
+    formattingValues: Oe,
+    defaultFormattingWidth: "wide"
+  })
+}, Ve = /^(\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
+}, De = {
+  any: [/^ac/i, /^dc/i],
+  wide: [/^antes de cristo/i, /^depois de cristo/i]
+}, He = {
+  narrow: /^[1234]/i,
+  abbreviated: /^T[1234]/i,
+  wide: /^[1234](º)? trimestre/i
+}, Fe = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, qe = {
+  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 = {
+  narrow: [
+    /^j/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^j/i,
+    /^j/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ],
+  any: [
+    /^ja/i,
+    /^fev/i,
+    /^mar/i,
+    /^abr/i,
+    /^mai/i,
+    /^jun/i,
+    /^jul/i,
+    /^ago/i,
+    /^set/i,
+    /^out/i,
+    /^nov/i,
+    /^dez/i
+  ]
+}, Ae = {
+  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 = {
+  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 = {
+  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 = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mn|^meia[-\s]noite/i,
+    noon: /^md|^meio[-\s]dia/i,
+    morning: /manhã/i,
+    afternoon: /tarde/i,
+    evening: /tarde/i,
+    night: /noite/i
+  }
+}, Ie = {
+  ordinalNumber: fe({
+    matchPattern: Ve,
+    parsePattern: We,
+    valueCallback: (e) => parseInt(e, 10)
+  }),
+  era: T({
+    matchPatterns: je,
+    defaultMatchWidth: "wide",
+    parsePatterns: De,
+    defaultParseWidth: "any"
+  }),
+  quarter: T({
+    matchPatterns: He,
+    defaultMatchWidth: "wide",
+    parsePatterns: Fe,
+    defaultParseWidth: "any",
+    valueCallback: (e) => e + 1
+  }),
+  month: T({
+    matchPatterns: qe,
+    defaultMatchWidth: "wide",
+    parsePatterns: Te,
+    defaultParseWidth: "any"
+  }),
+  day: T({
+    matchPatterns: Ae,
+    defaultMatchWidth: "wide",
+    parsePatterns: Be,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: T({
+    matchPatterns: ze,
+    defaultMatchWidth: "any",
+    parsePatterns: Le,
+    defaultParseWidth: "any"
+  })
+}, Ee = {
+  code: "pt-BR",
+  formatDistance: be,
+  formatLong: we,
+  formatRelative: Pe,
+  localize: $e,
+  match: Ie,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
+ne("pt-BR", Ee);
+const _ = "dd/MM/yyyy", _e = (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(
+    "input",
+    {
+      name: t,
+      ...i,
+      className: a,
+      ref: (d) => {
+        typeof r == "function" ? r(d) : r && (r.current = d), e && e(d);
+      }
+    }
+  )
+), Qe = ({
+  name: e,
+  label: a = "",
+  placeholder: t = "dd/mm/aaaa",
+  className: i = "",
+  forceReadOnly: r = !1,
+  forceHidden: d = !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({
+    name: e,
+    control: s
+  }), C = W(() => _e(m), [m]), k = B(
+    (o) => {
+      M(o ? Xe(o) : "");
+    },
+    [M]
+  ), x = B(
+    (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 = {
+          focus: () => {
+            var l;
+            return (l = o.focus) == null ? void 0 : l.call(o);
+          },
+          select: () => {
+            var l;
+            return (l = o.select) == null ? void 0 : l.call(o);
+          },
+          setCustomValidity: (l) => {
+            var N;
+            return (N = o.setCustomValidity) == null ? void 0 : N.call(o, l);
+          },
+          reportValidity: () => {
+            var l;
+            return (l = o.reportValidity) == null ? void 0 : l.call(o);
+          }
+        };
+      }
+    },
+    [p, s, e]
+  );
+  return b ? null : c ? /* @__PURE__ */ v("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: [
+    a && /* @__PURE__ */ n("label", { className: "control-label", htmlFor: e, children: a }),
+    /* @__PURE__ */ n("div", { className: `${h ? "border-red" : ""}`, children: /* @__PURE__ */ n(
+      ae,
+      {
+        id: e,
+        name: e,
+        selected: C,
+        onChange: k,
+        onBlur: S,
+        dateFormat: _,
+        placeholderText: t,
+        disabled: g,
+        readOnly: g,
+        locale: "pt-BR",
+        className: `form-control ${h ? "border-red" : ""}`,
+        wrapperClassName: "w-100",
+        showMonthDropdown: !0,
+        showYearDropdown: !0,
+        dropdownMode: "select",
+        isClearable: !g && !!m,
+        autoComplete: "off",
+        customInput: /* @__PURE__ */ n(Ye, { name: e, shimRef: x })
+      }
+    ) }),
+    h && /* @__PURE__ */ n("span", { className: "help-block text-danger", children: String(h.message) })
+  ] });
+}, dt = j(Qe);
+function Ge({
+  mapping: e = {},
+  defaultLabel: a = "Não reconhecido",
+  className: t = "",
+  hidden: i = !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: [
+      r && /* @__PURE__ */ n("label", { children: r }),
+      /* @__PURE__ */ n("div", { className: `status-badge default ${t}`, children: a })
+    ] });
+  const c = {
+    "--customColor": s.color
+  };
+  return /* @__PURE__ */ v("div", { className: `form-group ${i ? "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 })
+    ] })
+  ] });
+}
+const ct = j(Ge);
+export {
+  ot as Checkbox,
+  dt as DatePicker,
+  nt as Input,
+  it as RadioBtn,
+  rt as Select,
+  ct as StatusBadge,
+  st as TextArea
+};