@tech-diefra/fluig-ui 1.2.9 → 1.2.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/Carousel/index.d.ts +1 -1
  2. package/dist/Modal/index.d.ts +1 -1
  3. package/dist/SideBar/index.d.ts +1 -1
  4. package/dist/index.cjs +1 -1
  5. package/dist/index.d.ts +4 -0
  6. package/dist/index.js +783 -501
  7. package/dist/style.css +1 -1
  8. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,406 +1,406 @@
1
- import { jsxs as y, jsx as a, Fragment as Z } from "react/jsx-runtime";
2
- import { memo as _, useMemo as j, useCallback as V, useState as B, useRef as U, useEffect as D, forwardRef as K } from "react";
3
- import { useFormContext as T, useController as F, useFormState as ee } from "react-hook-form";
1
+ import { jsxs as m, jsx as t, Fragment as J } from "react/jsx-runtime";
2
+ import { memo as F, useMemo as I, useCallback as S, useState as _, useRef as z, useEffect as W, forwardRef as K } from "react";
3
+ import { useFormContext as A, useController as T, useFormState as ee } from "react-hook-form";
4
4
  import { IMaskInput as te } from "react-imask";
5
- import { useSection as A, useFluigRuntime as W } from "@fluig-kit/ecm";
5
+ import { useSection as D, useFluigRuntime as j } from "@fluig-kit/ecm";
6
6
  import ne, { registerLocale as ae } from "react-datepicker";
7
- import { parse as re, isValid as ie, format as se } from "date-fns";
7
+ import { parse as re, isValid as se, format as ie } from "date-fns";
8
8
  const oe = {
9
9
  cpf: "000.000.000-00",
10
10
  cnpj: "00.000.000/0000-00",
11
11
  telefone: "(00) 00000-0000",
12
12
  cep: "00000-000"
13
13
  };
14
- function de({
14
+ function le({
15
15
  name: e,
16
16
  label: r = "",
17
- placeholder: t = "",
18
- type: l = "text",
19
- mask: s,
20
- className: c = "",
21
- forceReadOnly: o = !1,
22
- forceHidden: d = !1
17
+ placeholder: n = "",
18
+ type: c = "text",
19
+ mask: o,
20
+ className: l = "",
21
+ forceReadOnly: s = !1,
22
+ forceHidden: a = !1
23
23
  }) {
24
- const { isReadOnly: k, isHidden: h } = A(), w = o || !!k(e), N = d || !!h(e), { control: C } = T(), { isView: P } = W(), { field: g } = F({ name: e, control: C }), { errors: v } = ee({ name: e }), p = v == null ? void 0 : v[e], x = j(
25
- () => s ? oe[s] ?? s : null,
26
- [s]
27
- ), R = V((n) => {
28
- if (!n) return "";
29
- const i = n.replace(/\D/g, "");
30
- return (Number(i) / 100).toLocaleString("pt-BR", {
24
+ 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(
25
+ () => o ? oe[o] ?? o : null,
26
+ [o]
27
+ ), P = S((i) => {
28
+ if (!i) return "";
29
+ const d = i.replace(/\D/g, "");
30
+ return (Number(d) / 100).toLocaleString("pt-BR", {
31
31
  style: "currency",
32
32
  currency: "BRL"
33
33
  });
34
- }, []), m = V(
35
- (n) => l === "monetary" ? R(n) : n,
36
- [l, R]
34
+ }, []), w = S(
35
+ (i) => c === "monetary" ? P(i) : i,
36
+ [c, P]
37
37
  );
38
- return P ? /* @__PURE__ */ y("div", { className: "form-group", children: [
39
- /* @__PURE__ */ a("label", { children: r }),
40
- /* @__PURE__ */ a("span", { className: "form-control", children: g.value || "-" })
41
- ] }) : /* @__PURE__ */ y("div", { className: `form-group ${N ? "hidden" : ""}`, children: [
42
- /* @__PURE__ */ a("label", { children: r }),
43
- x ? /* @__PURE__ */ a(
38
+ return R ? /* @__PURE__ */ m("div", { className: "form-group", children: [
39
+ /* @__PURE__ */ t("label", { children: r }),
40
+ /* @__PURE__ */ t("span", { className: "form-control", children: y.value || "-" })
41
+ ] }) : /* @__PURE__ */ m("div", { className: `form-group ${v ? "hidden" : ""}`, children: [
42
+ /* @__PURE__ */ t("label", { children: r }),
43
+ x ? /* @__PURE__ */ t(
44
44
  te,
45
45
  {
46
46
  name: e,
47
47
  mask: x,
48
- value: String(g.value ?? ""),
48
+ value: String(y.value ?? ""),
49
49
  unmask: !1,
50
- onAccept: (n) => g.onChange(m(n)),
51
- placeholder: t,
52
- readOnly: w,
53
- className: `form-control ${p ? "border-red" : ""} ${c}`,
54
- inputRef: g.ref,
55
- onBlur: g.onBlur
50
+ onAccept: (i) => y.onChange(w(i)),
51
+ placeholder: n,
52
+ readOnly: u,
53
+ className: `form-control ${g ? "border-red" : ""} ${l}`,
54
+ inputRef: y.ref,
55
+ onBlur: y.onBlur
56
56
  }
57
- ) : /* @__PURE__ */ a(
57
+ ) : /* @__PURE__ */ t(
58
58
  "input",
59
59
  {
60
- ...g,
60
+ ...y,
61
61
  type: "text",
62
- value: g.value ?? "",
63
- onChange: (n) => g.onChange(m(n.target.value)),
64
- placeholder: t,
65
- readOnly: w,
66
- className: `form-control ${p ? "border-red" : ""} ${c}`
62
+ value: y.value ?? "",
63
+ onChange: (i) => y.onChange(w(i.target.value)),
64
+ placeholder: n,
65
+ readOnly: u,
66
+ className: `form-control ${g ? "border-red" : ""} ${l}`
67
67
  }
68
68
  ),
69
- p && /* @__PURE__ */ a("p", { className: "text-danger", children: String(p.message) })
69
+ g && /* @__PURE__ */ t("p", { className: "text-danger", children: String(g.message) })
70
70
  ] });
71
71
  }
72
- const rt = _(de);
73
- function le({
72
+ const st = F(le);
73
+ function ce({
74
74
  name: e,
75
75
  label: r = "",
76
- options: t = [],
77
- placeholder: l = "",
78
- labelKey: s = "label",
79
- valueKey: c = "value",
80
- enableSearch: o = !1,
81
- searchPlaceholder: d = "Buscar...",
82
- loading: k = !1,
83
- onSearchChange: h,
84
- debounceTime: w = 300,
85
- onSelect: N,
86
- forceReadOnly: C = !1,
87
- forceHidden: P = !1
76
+ options: n = [],
77
+ placeholder: c = "",
78
+ labelKey: o = "label",
79
+ valueKey: l = "value",
80
+ enableSearch: s = !1,
81
+ searchPlaceholder: a = "Buscar...",
82
+ loading: h = !1,
83
+ onSearchChange: f,
84
+ debounceTime: u = 300,
85
+ onSelect: v,
86
+ forceReadOnly: k = !1,
87
+ forceHidden: R = !1
88
88
  }) {
89
- const { isReadOnly: g, isHidden: v } = A(), p = C || !!g(e), x = P || !!v(e), { control: R, clearErrors: m } = T(), { isView: n } = W(), {
90
- field: { onChange: i, value: u, ref: O },
91
- fieldState: { error: f }
92
- } = F({
89
+ const { isReadOnly: y, isHidden: p } = D(), g = k || !!y(e), x = R || !!p(e), { control: P, clearErrors: w } = A(), { isView: i } = j(), {
90
+ field: { onChange: d, value: b, ref: V },
91
+ fieldState: { error: N }
92
+ } = T({
93
93
  name: e,
94
- control: R
95
- }), [S, M] = B(!1), [$, Y] = B(""), z = U(null), I = U(h);
96
- D(() => {
97
- I.current = h;
98
- }, [h]), D(() => {
99
- const b = (H) => {
100
- z.current && !z.current.contains(H.target) && M(!1);
94
+ control: P
95
+ }), [$, M] = _(!1), [O, Q] = _(""), B = z(null), E = z(f);
96
+ W(() => {
97
+ E.current = f;
98
+ }, [f]), W(() => {
99
+ const C = (H) => {
100
+ B.current && !B.current.contains(H.target) && M(!1);
101
101
  };
102
- return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
103
- }, []), D(() => {
104
- S || Y("");
105
- }, [S]), D(() => {
106
- if (!o) return;
107
- const b = setTimeout(() => {
108
- I.current && I.current($);
109
- }, w);
110
- return () => clearTimeout(b);
111
- }, [$, o, w]);
112
- const Q = j(() => o && !h && $.trim() ? t.filter(
113
- (b) => String((b == null ? void 0 : b[s]) ?? "").toLowerCase().includes($.toLowerCase())
114
- ) : t ?? [], [t, o, h, $, s]), J = j(() => {
115
- if (u == null) return "";
116
- if (typeof u == "object")
117
- return String(u[c] ?? "");
118
- const b = (t || []).find(
119
- (H) => String(H == null ? void 0 : H[c]) === String(u)
102
+ return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
103
+ }, []), W(() => {
104
+ $ || Q("");
105
+ }, [$]), W(() => {
106
+ if (!s) return;
107
+ const C = setTimeout(() => {
108
+ E.current && E.current(O);
109
+ }, u);
110
+ return () => clearTimeout(C);
111
+ }, [O, s, u]);
112
+ const U = I(() => s && !f && O.trim() ? n.filter(
113
+ (C) => String((C == null ? void 0 : C[o]) ?? "").toLowerCase().includes(O.toLowerCase())
114
+ ) : n ?? [], [n, s, f, O, o]), G = I(() => {
115
+ if (b == null) return "";
116
+ if (typeof b == "object")
117
+ return String(b[l] ?? "");
118
+ const C = (n || []).find(
119
+ (H) => String(H == null ? void 0 : H[l]) === String(b)
120
120
  );
121
- return String(b ? (b == null ? void 0 : b[s]) ?? "" : u);
122
- }, [u, t, c, s]), G = (b) => {
123
- p || (i(b[c]), N && N(b), m(e), M(!1));
121
+ return String(C ? (C == null ? void 0 : C[o]) ?? "" : b);
122
+ }, [b, n, l, o]), Z = (C) => {
123
+ g || (d(C[l]), v && v(C), w(e), M(!1));
124
124
  };
125
- return /* @__PURE__ */ y(
125
+ return /* @__PURE__ */ m(
126
126
  "div",
127
127
  {
128
128
  className: `select-wrapper form-group ${x ? "hidden" : ""}`,
129
- ref: z,
129
+ ref: B,
130
130
  children: [
131
- /* @__PURE__ */ a("label", { className: "control-label", children: r }),
132
- n ? /* @__PURE__ */ a("span", { className: "form-control", children: J || "-" }) : /* @__PURE__ */ y(Z, { children: [
133
- /* @__PURE__ */ y(
131
+ /* @__PURE__ */ t("label", { className: "control-label", children: r }),
132
+ i ? /* @__PURE__ */ t("span", { className: "form-control", children: G || "-" }) : /* @__PURE__ */ m(J, { children: [
133
+ /* @__PURE__ */ m(
134
134
  "div",
135
135
  {
136
- className: `select-control ${f ? "border-red" : ""} ${p ? "readOnly" : ""}`,
137
- onClick: () => !p && M((b) => !b),
138
- ref: O,
136
+ className: `select-control ${N ? "border-red" : ""} ${g ? "readOnly" : ""}`,
137
+ onClick: () => !g && M((C) => !C),
138
+ ref: V,
139
139
  children: [
140
- /* @__PURE__ */ a("span", { className: `select-display ${p ? "readOnly" : ""}`, children: J || l }),
141
- /* @__PURE__ */ a("i", { className: "flaticon flaticon-chevron-down select-icon" })
140
+ /* @__PURE__ */ t("span", { className: `select-display ${g ? "readOnly" : ""}`, children: G || c }),
141
+ /* @__PURE__ */ t("i", { className: "flaticon flaticon-chevron-down select-icon" })
142
142
  ]
143
143
  }
144
144
  ),
145
- S && !p && /* @__PURE__ */ y("div", { className: "select-dropdown", children: [
146
- o && /* @__PURE__ */ a("div", { className: "select-search", children: /* @__PURE__ */ a(
145
+ $ && !g && /* @__PURE__ */ m("div", { className: "select-dropdown", children: [
146
+ s && /* @__PURE__ */ t("div", { className: "select-search", children: /* @__PURE__ */ t(
147
147
  "input",
148
148
  {
149
149
  type: "text",
150
150
  className: "select-search-input",
151
- value: $,
152
- onChange: (b) => Y(b.target.value),
153
- placeholder: k ? "Carregando..." : d,
151
+ value: O,
152
+ onChange: (C) => Q(C.target.value),
153
+ placeholder: h ? "Carregando..." : a,
154
154
  autoFocus: !0,
155
- onClick: (b) => b.stopPropagation()
155
+ onClick: (C) => C.stopPropagation()
156
156
  }
157
157
  ) }),
158
- /* @__PURE__ */ a("ul", { className: "select-options", children: k ? /* @__PURE__ */ a("li", { className: "select-option readOnly", children: "Carregando..." }) : Q.length > 0 ? Q.map((b) => /* @__PURE__ */ a(
158
+ /* @__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(
159
159
  "li",
160
160
  {
161
- onClick: () => G(b),
161
+ onClick: () => Z(C),
162
162
  className: "select-option handleHover",
163
- children: b[s]
163
+ children: C[o]
164
164
  },
165
- b[c]
166
- )) : /* @__PURE__ */ a("li", { className: "select-option readOnly", children: "Sem resultados" }) })
165
+ C[l]
166
+ )) : /* @__PURE__ */ t("li", { className: "select-option readOnly", children: "Sem resultados" }) })
167
167
  ] })
168
168
  ] }),
169
- /* @__PURE__ */ a("input", { type: "hidden", name: e, value: u || "" }),
170
- f && /* @__PURE__ */ a("p", { className: "text-danger", children: String(f.message) })
169
+ /* @__PURE__ */ t("input", { type: "hidden", name: e, value: b || "" }),
170
+ N && /* @__PURE__ */ t("p", { className: "text-danger", children: String(N.message) })
171
171
  ]
172
172
  }
173
173
  );
174
174
  }
175
- const it = _(le);
176
- function st({
175
+ const it = F(ce);
176
+ function ot({
177
177
  name: e,
178
178
  options: r = [],
179
- label: t = "",
180
- valueKey: l = "value",
181
- labelKey: s = "label",
182
- forceReadOnly: c = !1,
183
- forceHidden: o = !1
179
+ label: n = "",
180
+ valueKey: c = "value",
181
+ labelKey: o = "label",
182
+ forceReadOnly: l = !1,
183
+ forceHidden: s = !1
184
184
  }) {
185
- var u, O;
186
- const d = T(), { isView: k, isReadOnly: h } = W(), { isReadOnly: w, isHidden: N } = A(), C = w ? w(e) : !1, P = N ? N(e) : !1, g = c || C, v = o || P, p = g || h || k;
187
- if (!d || !e)
185
+ var b, V;
186
+ 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;
187
+ if (!a || !e)
188
188
  return console.error("Checkbox requer contexto de formulário e nome."), null;
189
- const x = () => !r || !d ? {} : r.reduce((f, S) => {
190
- const M = S[l], $ = d.getValues(M);
191
- return f[M] = $ === "on", f;
192
- }, {}), R = d.watch(e), m = j(() => R && typeof R == "object" ? R : x(), [R, r, l]);
193
- D(() => {
194
- const f = d.getValues(e);
195
- (!f || typeof f != "object") && d.setValue(e, m, {
189
+ const x = () => !r || !a ? {} : r.reduce((N, $) => {
190
+ const M = $[c], O = a.getValues(M);
191
+ return N[M] = O === "on", N;
192
+ }, {}), P = a.watch(e), w = I(() => P && typeof P == "object" ? P : x(), [P, r, c]);
193
+ W(() => {
194
+ const N = a.getValues(e);
195
+ (!N || typeof N != "object") && a.setValue(e, w, {
196
196
  shouldDirty: !1,
197
197
  shouldValidate: !1
198
198
  });
199
- }, [m, e, d]);
200
- const n = (f, S) => {
201
- if (p) return;
202
- const M = { ...m, [f]: S };
203
- d.setValue(e, M, {
199
+ }, [w, e, a]);
200
+ const i = (N, $) => {
201
+ if (g) return;
202
+ const M = { ...w, [N]: $ };
203
+ a.setValue(e, M, {
204
204
  shouldDirty: !0,
205
205
  shouldValidate: !0
206
- }), d.setValue(f, S ? "on" : "", { shouldValidate: !1 });
207
- }, i = (O = (u = d.formState) == null ? void 0 : u.errors) == null ? void 0 : O[e];
208
- return /* @__PURE__ */ y("div", { className: `form-group ${v ? "hidden" : ""}`, children: [
209
- t && /* @__PURE__ */ a("label", { children: t }),
210
- /* @__PURE__ */ a(
206
+ }), a.setValue(N, $ ? "on" : "", { shouldValidate: !1 });
207
+ }, d = (V = (b = a.formState) == null ? void 0 : b.errors) == null ? void 0 : V[e];
208
+ return /* @__PURE__ */ m("div", { className: `form-group ${p ? "hidden" : ""}`, children: [
209
+ n && /* @__PURE__ */ t("label", { children: n }),
210
+ /* @__PURE__ */ t(
211
211
  "div",
212
212
  {
213
- className: `checkbox-group-custom ${p ? "readOnly" : ""}`,
214
- children: r.map((f) => {
215
- const S = String(f[l]), M = m[S] === !0;
216
- return /* @__PURE__ */ y("div", { children: [
217
- /* @__PURE__ */ a("input", { type: "hidden", ...d.register(S) }),
218
- /* @__PURE__ */ y(
213
+ className: `checkbox-group-custom ${g ? "readOnly" : ""}`,
214
+ children: r.map((N) => {
215
+ const $ = String(N[c]), M = w[$] === !0;
216
+ return /* @__PURE__ */ m("div", { children: [
217
+ /* @__PURE__ */ t("input", { type: "hidden", ...a.register($) }),
218
+ /* @__PURE__ */ m(
219
219
  "label",
220
220
  {
221
- className: `custom-checkbox ${M ? "checked" : ""} ${p ? "readOnly" : ""}`,
221
+ className: `custom-checkbox ${M ? "checked" : ""} ${g ? "readOnly" : ""}`,
222
222
  children: [
223
- /* @__PURE__ */ a(
223
+ /* @__PURE__ */ t(
224
224
  "input",
225
225
  {
226
226
  type: "checkbox",
227
227
  checked: M,
228
- disabled: p,
229
- onChange: ($) => n(S, $.target.checked)
228
+ disabled: g,
229
+ onChange: (O) => i($, O.target.checked)
230
230
  }
231
231
  ),
232
- /* @__PURE__ */ a("span", { className: "checkmark" }),
233
- /* @__PURE__ */ a("span", { children: f[s] })
232
+ /* @__PURE__ */ t("span", { className: "checkmark" }),
233
+ /* @__PURE__ */ t("span", { children: N[o] })
234
234
  ]
235
235
  }
236
236
  )
237
- ] }, S);
237
+ ] }, $);
238
238
  })
239
239
  }
240
240
  ),
241
- i && /* @__PURE__ */ a("p", { className: "text-danger", children: String(i.message) })
241
+ d && /* @__PURE__ */ t("p", { className: "text-danger", children: String(d.message) })
242
242
  ] });
243
243
  }
244
- function ce({
244
+ function de({
245
245
  name: e,
246
246
  label: r = "",
247
- options: t = [],
248
- valueKey: l = "value",
249
- labelKey: s = "label",
250
- iconKey: c = "icon",
251
- forceReadOnly: o = !1,
252
- forceHidden: d = !1
247
+ options: n = [],
248
+ valueKey: c = "value",
249
+ labelKey: o = "label",
250
+ iconKey: l = "icon",
251
+ forceReadOnly: s = !1,
252
+ forceHidden: a = !1
253
253
  }) {
254
- const { isReadOnly: k, isHidden: h } = A(), w = o || !!k(e), N = d || !!h(e), { control: C } = T(), { isView: P, isReadOnly: g } = W(), {
255
- field: v,
256
- fieldState: { error: p }
257
- } = F({
254
+ const { isReadOnly: h, isHidden: f } = D(), u = s || !!h(e), v = a || !!f(e), { control: k } = A(), { isView: R, isReadOnly: y } = j(), {
255
+ field: p,
256
+ fieldState: { error: g }
257
+ } = T({
258
258
  name: e,
259
- control: C
260
- }), x = w || g || P, R = v.value ?? "", m = V(
261
- (n) => {
262
- x || v.onChange(n);
259
+ control: k
260
+ }), x = u || y || R, P = p.value ?? "", w = S(
261
+ (i) => {
262
+ x || p.onChange(i);
263
263
  },
264
- [x, v]
264
+ [x, p]
265
265
  );
266
- return /* @__PURE__ */ y("div", { className: `form-group column ${N ? "hidden" : ""}`, children: [
267
- r && /* @__PURE__ */ a("label", { className: "control-label", children: r }),
268
- /* @__PURE__ */ a(
266
+ return /* @__PURE__ */ m("div", { className: `form-group column ${v ? "hidden" : ""}`, children: [
267
+ r && /* @__PURE__ */ t("label", { className: "control-label", children: r }),
268
+ /* @__PURE__ */ t(
269
269
  "div",
270
270
  {
271
271
  className: `btn-group ${x ? "view-mode" : ""}`,
272
272
  "data-field-name": e,
273
- children: t.map((n) => {
274
- const i = n[l], u = R === i, O = n.color ? { "--customColor": n.color } : void 0;
275
- return /* @__PURE__ */ y(
273
+ children: n.map((i) => {
274
+ const d = i[c], b = P === d, V = i.color ? { "--customColor": i.color } : void 0;
275
+ return /* @__PURE__ */ m(
276
276
  "label",
277
277
  {
278
- htmlFor: `${e}_${i}`,
279
- style: O,
280
- className: `btn fs-ellipsis ${u ? "active" : ""}`,
278
+ htmlFor: `${e}_${d}`,
279
+ style: V,
280
+ className: `btn fs-ellipsis ${b ? "active" : ""}`,
281
281
  children: [
282
- /* @__PURE__ */ a(
282
+ /* @__PURE__ */ t(
283
283
  "input",
284
284
  {
285
285
  type: "radio",
286
- id: `${e}_${i}`,
286
+ id: `${e}_${d}`,
287
287
  name: e,
288
- value: i,
289
- checked: u,
288
+ value: d,
289
+ checked: b,
290
290
  className: "hidden",
291
- onChange: () => m(i),
291
+ onChange: () => w(d),
292
292
  disabled: x
293
293
  }
294
294
  ),
295
- n[c] && /* @__PURE__ */ a("i", { className: `${n[c]} icon-sm` }),
295
+ i[l] && /* @__PURE__ */ t("i", { className: `${i[l]} icon-sm` }),
296
296
  " ",
297
- n[s]
297
+ i[o]
298
298
  ]
299
299
  },
300
- i
300
+ d
301
301
  );
302
302
  })
303
303
  }
304
304
  ),
305
- p && /* @__PURE__ */ a("p", { className: "text-danger", children: String(p.message) })
305
+ g && /* @__PURE__ */ t("p", { className: "text-danger", children: String(g.message) })
306
306
  ] });
307
307
  }
308
- const ot = _(ce), ue = ({
308
+ const lt = F(de), ue = ({
309
309
  name: e,
310
310
  label: r = "",
311
- placeholder: t = "",
312
- className: l = "",
313
- rows: s = 4,
314
- maxLength: c,
315
- forceReadOnly: o = !1,
316
- forceHidden: d = !1
311
+ placeholder: n = "",
312
+ className: c = "",
313
+ rows: o = 4,
314
+ maxLength: l,
315
+ forceReadOnly: s = !1,
316
+ forceHidden: a = !1
317
317
  }) => {
318
- const { isReadOnly: k, isHidden: h } = A(), w = o || !!k(e), N = d || !!h(e), { control: C } = T(), { isView: P } = W(), {
319
- field: g,
320
- fieldState: { error: v }
321
- } = F({
318
+ const { isReadOnly: h, isHidden: f } = D(), u = s || !!h(e), v = a || !!f(e), { control: k } = A(), { isView: R } = j(), {
319
+ field: y,
320
+ fieldState: { error: p }
321
+ } = T({
322
322
  name: e,
323
- control: C
323
+ control: k
324
324
  });
325
- return P ? /* @__PURE__ */ y("div", { className: `form-group ${N ? "hidden" : ""}`, children: [
326
- /* @__PURE__ */ a("label", { children: r }),
327
- /* @__PURE__ */ a("span", { className: "form-control", children: g.value || "-" })
328
- ] }) : /* @__PURE__ */ y("div", { className: `form-group ${N ? "hidden" : ""}`, children: [
329
- /* @__PURE__ */ a("label", { children: r }),
330
- /* @__PURE__ */ a(
325
+ return R ? /* @__PURE__ */ m("div", { className: `form-group ${v ? "hidden" : ""}`, children: [
326
+ /* @__PURE__ */ t("label", { children: r }),
327
+ /* @__PURE__ */ t("span", { className: "form-control", children: y.value || "-" })
328
+ ] }) : /* @__PURE__ */ m("div", { className: `form-group ${v ? "hidden" : ""}`, children: [
329
+ /* @__PURE__ */ t("label", { children: r }),
330
+ /* @__PURE__ */ t(
331
331
  "textarea",
332
332
  {
333
- ...g,
334
- rows: s,
335
- maxLength: c,
336
- value: g.value || "",
337
- placeholder: t,
338
- readOnly: w,
339
- className: `form-control ${v ? "border-red" : ""} ${l}`
333
+ ...y,
334
+ rows: o,
335
+ maxLength: l,
336
+ value: y.value || "",
337
+ placeholder: n,
338
+ readOnly: u,
339
+ className: `form-control ${p ? "border-red" : ""} ${c}`
340
340
  }
341
341
  ),
342
- v && /* @__PURE__ */ a("p", { className: "text-danger", children: String(v.message) })
342
+ p && /* @__PURE__ */ t("p", { className: "text-danger", children: String(p.message) })
343
343
  ] });
344
- }, dt = _(ue);
345
- function E(e) {
344
+ }, ct = F(ue);
345
+ function X(e) {
346
346
  return (r = {}) => {
347
- const t = r.width ? String(r.width) : e.defaultWidth;
348
- return e.formats[t] || e.formats[e.defaultWidth];
347
+ const n = r.width ? String(r.width) : e.defaultWidth;
348
+ return e.formats[n] || e.formats[e.defaultWidth];
349
349
  };
350
350
  }
351
351
  function q(e) {
352
- return (r, t) => {
353
- const l = t != null && t.context ? String(t.context) : "standalone";
354
- let s;
355
- if (l === "formatting" && e.formattingValues) {
356
- const o = e.defaultFormattingWidth || e.defaultWidth, d = t != null && t.width ? String(t.width) : o;
357
- s = e.formattingValues[d] || e.formattingValues[o];
352
+ return (r, n) => {
353
+ const c = n != null && n.context ? String(n.context) : "standalone";
354
+ let o;
355
+ if (c === "formatting" && e.formattingValues) {
356
+ const s = e.defaultFormattingWidth || e.defaultWidth, a = n != null && n.width ? String(n.width) : s;
357
+ o = e.formattingValues[a] || e.formattingValues[s];
358
358
  } else {
359
- const o = e.defaultWidth, d = t != null && t.width ? String(t.width) : e.defaultWidth;
360
- s = e.values[d] || e.values[o];
359
+ const s = e.defaultWidth, a = n != null && n.width ? String(n.width) : e.defaultWidth;
360
+ o = e.values[a] || e.values[s];
361
361
  }
362
- const c = e.argumentCallback ? e.argumentCallback(r) : r;
363
- return s[c];
362
+ const l = e.argumentCallback ? e.argumentCallback(r) : r;
363
+ return o[l];
364
364
  };
365
365
  }
366
366
  function L(e) {
367
- return (r, t = {}) => {
368
- const l = t.width, s = l && e.matchPatterns[l] || e.matchPatterns[e.defaultMatchWidth], c = r.match(s);
369
- if (!c)
367
+ return (r, n = {}) => {
368
+ const c = n.width, o = c && e.matchPatterns[c] || e.matchPatterns[e.defaultMatchWidth], l = r.match(o);
369
+ if (!l)
370
370
  return null;
371
- const o = c[0], d = l && e.parsePatterns[l] || e.parsePatterns[e.defaultParseWidth], k = Array.isArray(d) ? he(d, (N) => N.test(o)) : (
371
+ const s = l[0], a = c && e.parsePatterns[c] || e.parsePatterns[e.defaultParseWidth], h = Array.isArray(a) ? he(a, (v) => v.test(s)) : (
372
372
  // [TODO] -- I challenge you to fix the type
373
- me(d, (N) => N.test(o))
373
+ me(a, (v) => v.test(s))
374
374
  );
375
- let h;
376
- h = e.valueCallback ? e.valueCallback(k) : k, h = t.valueCallback ? (
375
+ let f;
376
+ f = e.valueCallback ? e.valueCallback(h) : h, f = n.valueCallback ? (
377
377
  // [TODO] -- I challenge you to fix the type
378
- t.valueCallback(h)
379
- ) : h;
380
- const w = r.slice(o.length);
381
- return { value: h, rest: w };
378
+ n.valueCallback(f)
379
+ ) : f;
380
+ const u = r.slice(s.length);
381
+ return { value: f, rest: u };
382
382
  };
383
383
  }
384
384
  function me(e, r) {
385
- for (const t in e)
386
- if (Object.prototype.hasOwnProperty.call(e, t) && r(e[t]))
387
- return t;
385
+ for (const n in e)
386
+ if (Object.prototype.hasOwnProperty.call(e, n) && r(e[n]))
387
+ return n;
388
388
  }
389
389
  function he(e, r) {
390
- for (let t = 0; t < e.length; t++)
391
- if (r(e[t]))
392
- return t;
390
+ for (let n = 0; n < e.length; n++)
391
+ if (r(e[n]))
392
+ return n;
393
393
  }
394
394
  function fe(e) {
395
- return (r, t = {}) => {
396
- const l = r.match(e.matchPattern);
397
- if (!l) return null;
398
- const s = l[0], c = r.match(e.parsePattern);
395
+ return (r, n = {}) => {
396
+ const c = r.match(e.matchPattern);
399
397
  if (!c) return null;
400
- let o = e.valueCallback ? e.valueCallback(c[0]) : c[0];
401
- o = t.valueCallback ? t.valueCallback(o) : o;
402
- const d = r.slice(s.length);
403
- return { value: o, rest: d };
398
+ const o = c[0], l = r.match(e.parsePattern);
399
+ if (!l) return null;
400
+ let s = e.valueCallback ? e.valueCallback(l[0]) : l[0];
401
+ s = n.valueCallback ? n.valueCallback(s) : s;
402
+ const a = r.slice(o.length);
403
+ return { value: s, rest: a };
404
404
  };
405
405
  }
406
406
  const ge = {
@@ -465,36 +465,36 @@ const ge = {
465
465
  one: "quase 1 ano",
466
466
  other: "quase {{count}} anos"
467
467
  }
468
- }, pe = (e, r, t) => {
469
- let l;
470
- const s = ge[e];
471
- return typeof s == "string" ? l = s : r === 1 ? l = s.one : l = s.other.replace("{{count}}", String(r)), t != null && t.addSuffix ? t.comparison && t.comparison > 0 ? "em " + l : "há " + l : l;
472
- }, be = {
468
+ }, ve = (e, r, n) => {
469
+ let c;
470
+ const o = ge[e];
471
+ 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;
472
+ }, pe = {
473
473
  full: "EEEE, d 'de' MMMM 'de' y",
474
474
  long: "d 'de' MMMM 'de' y",
475
475
  medium: "d MMM y",
476
476
  short: "dd/MM/yyyy"
477
- }, ye = {
477
+ }, be = {
478
478
  full: "HH:mm:ss zzzz",
479
479
  long: "HH:mm:ss z",
480
480
  medium: "HH:mm:ss",
481
481
  short: "HH:mm"
482
- }, ve = {
482
+ }, ye = {
483
483
  full: "{{date}} 'às' {{time}}",
484
484
  long: "{{date}} 'às' {{time}}",
485
485
  medium: "{{date}}, {{time}}",
486
486
  short: "{{date}}, {{time}}"
487
487
  }, we = {
488
- date: E({
489
- formats: be,
488
+ date: X({
489
+ formats: pe,
490
490
  defaultWidth: "full"
491
491
  }),
492
- time: E({
493
- formats: ye,
492
+ time: X({
493
+ formats: be,
494
494
  defaultWidth: "full"
495
495
  }),
496
- dateTime: E({
497
- formats: ve,
496
+ dateTime: X({
497
+ formats: ye,
498
498
  defaultWidth: "full"
499
499
  })
500
500
  }, Ne = {
@@ -507,9 +507,9 @@ const ge = {
507
507
  tomorrow: "'amanhã às' p",
508
508
  nextWeek: "eeee 'às' p",
509
509
  other: "P"
510
- }, ke = (e, r, t, l) => {
511
- const s = Ne[e];
512
- return typeof s == "function" ? s(r) : s;
510
+ }, ke = (e, r, n, c) => {
511
+ const o = Ne[e];
512
+ return typeof o == "function" ? o(r) : o;
513
513
  }, Ce = {
514
514
  narrow: ["AC", "DC"],
515
515
  abbreviated: ["AC", "DC"],
@@ -548,7 +548,7 @@ const ge = {
548
548
  "novembro",
549
549
  "dezembro"
550
550
  ]
551
- }, Se = {
551
+ }, Pe = {
552
552
  narrow: ["D", "S", "T", "Q", "Q", "S", "S"],
553
553
  short: ["dom", "seg", "ter", "qua", "qui", "sex", "sab"],
554
554
  abbreviated: [
@@ -569,7 +569,7 @@ const ge = {
569
569
  "sexta-feira",
570
570
  "sábado"
571
571
  ]
572
- }, Pe = {
572
+ }, $e = {
573
573
  narrow: {
574
574
  am: "a",
575
575
  pm: "p",
@@ -600,7 +600,7 @@ const ge = {
600
600
  evening: "tarde",
601
601
  night: "noite"
602
602
  }
603
- }, Oe = {
603
+ }, Se = {
604
604
  narrow: {
605
605
  am: "a",
606
606
  pm: "p",
@@ -631,11 +631,11 @@ const ge = {
631
631
  evening: "da tarde",
632
632
  night: "da noite"
633
633
  }
634
- }, Me = (e, r) => {
635
- const t = Number(e);
636
- return (r == null ? void 0 : r.unit) === "week" ? t + "ª" : t + "º";
637
- }, $e = {
638
- ordinalNumber: Me,
634
+ }, Ve = (e, r) => {
635
+ const n = Number(e);
636
+ return (r == null ? void 0 : r.unit) === "week" ? n + "ª" : n + "º";
637
+ }, Me = {
638
+ ordinalNumber: Ve,
639
639
  era: q({
640
640
  values: Ce,
641
641
  defaultWidth: "wide"
@@ -650,33 +650,33 @@ const ge = {
650
650
  defaultWidth: "wide"
651
651
  }),
652
652
  day: q({
653
- values: Se,
653
+ values: Pe,
654
654
  defaultWidth: "wide"
655
655
  }),
656
656
  dayPeriod: q({
657
- values: Pe,
657
+ values: $e,
658
658
  defaultWidth: "wide",
659
- formattingValues: Oe,
659
+ formattingValues: Se,
660
660
  defaultFormattingWidth: "wide"
661
661
  })
662
- }, Ve = /^(\d+)[ºªo]?/i, We = /\d+/i, De = {
662
+ }, Oe = /^(\d+)[ºªo]?/i, We = /\d+/i, je = {
663
663
  narrow: /^(ac|dc|a|d)/i,
664
664
  abbreviated: /^(a\.?\s?c\.?|d\.?\s?c\.?)/i,
665
665
  wide: /^(antes de cristo|depois de cristo)/i
666
- }, je = {
666
+ }, Ae = {
667
667
  any: [/^ac/i, /^dc/i],
668
668
  wide: [/^antes de cristo/i, /^depois de cristo/i]
669
- }, Te = {
669
+ }, De = {
670
670
  narrow: /^[1234]/i,
671
671
  abbreviated: /^T[1234]/i,
672
672
  wide: /^[1234](º)? trimestre/i
673
- }, Ae = {
673
+ }, Ie = {
674
674
  any: [/1/i, /2/i, /3/i, /4/i]
675
- }, _e = {
675
+ }, Fe = {
676
676
  narrow: /^[jfmajsond]/i,
677
677
  abbreviated: /^(jan|fev|mar|abr|mai|jun|jul|ago|set|out|nov|dez)/i,
678
678
  wide: /^(janeiro|fevereiro|março|abril|maio|junho|julho|agosto|setembro|outubro|novembro|dezembro)/i
679
- }, Fe = {
679
+ }, Te = {
680
680
  narrow: [
681
681
  /^j/i,
682
682
  /^f/i,
@@ -705,19 +705,19 @@ const ge = {
705
705
  /^nov/i,
706
706
  /^dez/i
707
707
  ]
708
- }, He = {
708
+ }, _e = {
709
709
  narrow: /^(dom|[23456]ª?|s[aá]b)/i,
710
710
  short: /^(dom|[23456]ª?|s[aá]b)/i,
711
711
  abbreviated: /^(dom|seg|ter|qua|qui|sex|s[aá]b)/i,
712
712
  wide: /^(domingo|(segunda|ter[cç]a|quarta|quinta|sexta)([- ]feira)?|s[aá]bado)/i
713
- }, qe = {
713
+ }, He = {
714
714
  short: [/^d/i, /^2/i, /^3/i, /^4/i, /^5/i, /^6/i, /^s[aá]/i],
715
715
  narrow: [/^d/i, /^2/i, /^3/i, /^4/i, /^5/i, /^6/i, /^s[aá]/i],
716
716
  any: [/^d/i, /^seg/i, /^t/i, /^qua/i, /^qui/i, /^sex/i, /^s[aá]b/i]
717
- }, Le = {
717
+ }, qe = {
718
718
  narrow: /^(a|p|mn|md|(da) (manhã|tarde|noite))/i,
719
719
  any: /^([ap]\.?\s?m\.?|meia[-\s]noite|meio[-\s]dia|(da) (manhã|tarde|noite))/i
720
- }, Be = {
720
+ }, Le = {
721
721
  any: {
722
722
  am: /^a/i,
723
723
  pm: /^p/i,
@@ -730,361 +730,643 @@ const ge = {
730
730
  }
731
731
  }, ze = {
732
732
  ordinalNumber: fe({
733
- matchPattern: Ve,
733
+ matchPattern: Oe,
734
734
  parsePattern: We,
735
735
  valueCallback: (e) => parseInt(e, 10)
736
736
  }),
737
737
  era: L({
738
- matchPatterns: De,
738
+ matchPatterns: je,
739
739
  defaultMatchWidth: "wide",
740
- parsePatterns: je,
740
+ parsePatterns: Ae,
741
741
  defaultParseWidth: "any"
742
742
  }),
743
743
  quarter: L({
744
- matchPatterns: Te,
744
+ matchPatterns: De,
745
745
  defaultMatchWidth: "wide",
746
- parsePatterns: Ae,
746
+ parsePatterns: Ie,
747
747
  defaultParseWidth: "any",
748
748
  valueCallback: (e) => e + 1
749
749
  }),
750
750
  month: L({
751
- matchPatterns: _e,
751
+ matchPatterns: Fe,
752
752
  defaultMatchWidth: "wide",
753
- parsePatterns: Fe,
753
+ parsePatterns: Te,
754
754
  defaultParseWidth: "any"
755
755
  }),
756
756
  day: L({
757
- matchPatterns: He,
757
+ matchPatterns: _e,
758
758
  defaultMatchWidth: "wide",
759
- parsePatterns: qe,
759
+ parsePatterns: He,
760
760
  defaultParseWidth: "any"
761
761
  }),
762
762
  dayPeriod: L({
763
- matchPatterns: Le,
763
+ matchPatterns: qe,
764
764
  defaultMatchWidth: "any",
765
- parsePatterns: Be,
765
+ parsePatterns: Le,
766
766
  defaultParseWidth: "any"
767
767
  })
768
- }, Ie = {
768
+ }, Be = {
769
769
  code: "pt-BR",
770
- formatDistance: pe,
770
+ formatDistance: ve,
771
771
  formatLong: we,
772
772
  formatRelative: ke,
773
- localize: $e,
773
+ localize: Me,
774
774
  match: ze,
775
775
  options: {
776
776
  weekStartsOn: 0,
777
777
  firstWeekContainsDate: 1
778
778
  }
779
779
  };
780
- ae("pt-BR", Ie);
781
- const X = "dd/MM/yyyy", Ee = (e) => {
780
+ ae("pt-BR", Be);
781
+ const Y = "dd/MM/yyyy", Ee = (e) => {
782
782
  if (!e) return null;
783
- const r = re(e, X, /* @__PURE__ */ new Date());
784
- return ie(r) ? r : null;
785
- }, Xe = (e) => e ? se(e, X) : "", Ye = K(
786
- ({ shimRef: e, className: r, name: t, ...l }, s) => /* @__PURE__ */ a(
783
+ const r = re(e, Y, /* @__PURE__ */ new Date());
784
+ return se(r) ? r : null;
785
+ }, Xe = (e) => e ? ie(e, Y) : "", Je = K(
786
+ ({ shimRef: e, className: r, name: n, ...c }, o) => /* @__PURE__ */ t(
787
787
  "input",
788
788
  {
789
- name: t,
790
- ...l,
789
+ name: n,
790
+ ...c,
791
791
  className: r,
792
- ref: (c) => {
793
- typeof s == "function" ? s(c) : s && (s.current = c), e && e(c);
792
+ ref: (l) => {
793
+ typeof o == "function" ? o(l) : o && (o.current = l), e && e(l);
794
794
  }
795
795
  }
796
796
  )
797
- ), Qe = ({
797
+ ), Ye = ({
798
798
  name: e,
799
799
  label: r = "",
800
- placeholder: t = "dd/mm/aaaa",
801
- className: l = "",
802
- forceReadOnly: s = !1,
803
- forceHidden: c = !1
800
+ placeholder: n = "dd/mm/aaaa",
801
+ className: c = "",
802
+ forceReadOnly: o = !1,
803
+ forceHidden: l = !1
804
804
  }) => {
805
- const { control: o } = T(), { isView: d } = W(), { isReadOnly: k, isHidden: h } = A(), w = s || !!k(e), N = c || !!h(e), {
806
- field: { onChange: C, onBlur: P, value: g, ref: v },
807
- fieldState: { error: p }
808
- } = F({
805
+ const { control: s } = A(), { isView: a } = j(), { isReadOnly: h, isHidden: f } = D(), u = o || !!h(e), v = l || !!f(e), {
806
+ field: { onChange: k, onBlur: R, value: y, ref: p },
807
+ fieldState: { error: g }
808
+ } = T({
809
809
  name: e,
810
- control: o
811
- }), x = j(() => Ee(g), [g]), R = V(
812
- (n) => {
813
- C(n ? Xe(n) : "");
810
+ control: s
811
+ }), x = I(() => Ee(y), [y]), P = S(
812
+ (i) => {
813
+ k(i ? Xe(i) : "");
814
814
  },
815
- [C]
816
- ), m = V(
817
- (n) => {
818
- var i, u;
819
- if (v(n), n && ((u = (i = o._fields) == null ? void 0 : i[e]) != null && u._f)) {
820
- const O = o._fields[e];
821
- O._f.ref = {
815
+ [k]
816
+ ), w = S(
817
+ (i) => {
818
+ var d, b;
819
+ if (p(i), i && ((b = (d = s._fields) == null ? void 0 : d[e]) != null && b._f)) {
820
+ const V = s._fields[e];
821
+ V._f.ref = {
822
822
  focus: () => {
823
- var f;
824
- return (f = n.focus) == null ? void 0 : f.call(n);
823
+ var N;
824
+ return (N = i.focus) == null ? void 0 : N.call(i);
825
825
  },
826
826
  select: () => {
827
- var f;
828
- return (f = n.select) == null ? void 0 : f.call(n);
827
+ var N;
828
+ return (N = i.select) == null ? void 0 : N.call(i);
829
829
  },
830
- setCustomValidity: (f) => {
831
- var S;
832
- return (S = n.setCustomValidity) == null ? void 0 : S.call(n, f);
830
+ setCustomValidity: (N) => {
831
+ var $;
832
+ return ($ = i.setCustomValidity) == null ? void 0 : $.call(i, N);
833
833
  },
834
834
  reportValidity: () => {
835
- var f;
836
- return (f = n.reportValidity) == null ? void 0 : f.call(n);
835
+ var N;
836
+ return (N = i.reportValidity) == null ? void 0 : N.call(i);
837
837
  }
838
838
  };
839
839
  }
840
840
  },
841
- [v, o, e]
841
+ [p, s, e]
842
842
  );
843
- return N ? null : d ? /* @__PURE__ */ y("div", { className: "form-group", children: [
844
- /* @__PURE__ */ a("label", { children: r }),
845
- /* @__PURE__ */ a("span", { className: "form-control", children: g || "-" })
846
- ] }) : /* @__PURE__ */ y("div", { className: `form-group fluig-style-guide ${l}`, children: [
847
- r && /* @__PURE__ */ a("label", { className: "control-label", htmlFor: e, children: r }),
848
- /* @__PURE__ */ a("div", { className: `${p ? "border-red" : ""}`, children: /* @__PURE__ */ a(
843
+ return v ? null : a ? /* @__PURE__ */ m("div", { className: "form-group", children: [
844
+ /* @__PURE__ */ t("label", { children: r }),
845
+ /* @__PURE__ */ t("span", { className: "form-control", children: y || "-" })
846
+ ] }) : /* @__PURE__ */ m("div", { className: `form-group fluig-style-guide ${c}`, children: [
847
+ r && /* @__PURE__ */ t("label", { className: "control-label", htmlFor: e, children: r }),
848
+ /* @__PURE__ */ t("div", { className: `${g ? "border-red" : ""}`, children: /* @__PURE__ */ t(
849
849
  ne,
850
850
  {
851
851
  id: e,
852
852
  name: e,
853
853
  selected: x,
854
- onChange: R,
855
- onBlur: P,
856
- dateFormat: X,
857
- placeholderText: t,
858
- disabled: w,
859
- readOnly: w,
854
+ onChange: P,
855
+ onBlur: R,
856
+ dateFormat: Y,
857
+ placeholderText: n,
858
+ disabled: u,
859
+ readOnly: u,
860
860
  locale: "pt-BR",
861
- className: `form-control ${p ? "border-red" : ""}`,
861
+ className: `form-control ${g ? "border-red" : ""}`,
862
862
  wrapperClassName: "w-100",
863
863
  showMonthDropdown: !0,
864
864
  showYearDropdown: !0,
865
865
  dropdownMode: "select",
866
- isClearable: !w && !!g,
866
+ isClearable: !u && !!y,
867
867
  autoComplete: "off",
868
- customInput: /* @__PURE__ */ a(Ye, { name: e, shimRef: m })
868
+ customInput: /* @__PURE__ */ t(Je, { name: e, shimRef: w })
869
869
  }
870
870
  ) }),
871
- p && /* @__PURE__ */ a("span", { className: "help-block text-danger", children: String(p.message) })
871
+ g && /* @__PURE__ */ t("span", { className: "help-block text-danger", children: String(g.message) })
872
872
  ] });
873
- }, lt = _(Qe);
874
- function Je({
873
+ }, dt = F(Ye);
874
+ function Qe({
875
875
  mapping: e = {},
876
876
  defaultLabel: r = "Não reconhecido",
877
- className: t = "",
878
- hidden: l = !1,
879
- label: s
877
+ className: n = "",
878
+ hidden: c = !1,
879
+ label: o
880
880
  }) {
881
- const { activityId: c } = W(), o = j(() => !e || c === null || c === void 0 ? null : e[c], [c, e]);
882
- if (!o)
883
- return /* @__PURE__ */ y("div", { className: `form-group ${l ? "hidden" : ""}`, children: [
884
- s && /* @__PURE__ */ a("label", { children: s }),
885
- /* @__PURE__ */ a("div", { className: `status-badge default ${t}`, children: r })
881
+ const { activityId: l } = j(), s = I(() => !e || l === null || l === void 0 ? null : e[l], [l, e]);
882
+ if (!s)
883
+ return /* @__PURE__ */ m("div", { className: `form-group ${c ? "hidden" : ""}`, children: [
884
+ o && /* @__PURE__ */ t("label", { children: o }),
885
+ /* @__PURE__ */ t("div", { className: `status-badge default ${n}`, children: r })
886
886
  ] });
887
- const d = {
888
- "--customColor": o.color
887
+ const a = {
888
+ "--customColor": s.color
889
889
  };
890
- return /* @__PURE__ */ y("div", { className: `form-group ${l ? "hidden" : ""}`, children: [
891
- s && /* @__PURE__ */ a("label", { children: s }),
892
- /* @__PURE__ */ y("div", { className: `status-badge ${t}`, style: d, children: [
893
- o.icon && /* @__PURE__ */ a("i", { className: o.icon }),
894
- /* @__PURE__ */ a("span", { children: o.label })
890
+ return /* @__PURE__ */ m("div", { className: `form-group ${c ? "hidden" : ""}`, children: [
891
+ o && /* @__PURE__ */ t("label", { children: o }),
892
+ /* @__PURE__ */ m("div", { className: `status-badge ${n}`, style: a, children: [
893
+ s.icon && /* @__PURE__ */ t("i", { className: s.icon }),
894
+ /* @__PURE__ */ t("span", { children: s.label })
895
895
  ] })
896
896
  ] });
897
897
  }
898
- const ct = _(Je);
898
+ const ut = F(Qe);
899
899
  function Ue({
900
900
  name: e,
901
901
  control: r,
902
- defaultRowValue: t,
903
- isView: l,
904
- isReadOnly: s,
905
- filters: c = []
902
+ defaultRowValue: n,
903
+ isView: c,
904
+ isReadOnly: o,
905
+ filters: l = []
906
906
  }) {
907
- const { field: o } = F({ name: e, control: r }), [d, k] = B([]), [h, w] = B([]), N = () => Date.now() + Math.random(), C = (n) => {
907
+ const { field: s } = T({ name: e, control: r }), [a, h] = _([]), [f, u] = _([]), v = () => Date.now() + Math.random(), k = (i) => {
908
908
  try {
909
- const i = JSON.parse(n);
910
- return Array.isArray(i) ? i.map((u) => ({
911
- ...u,
912
- _uid: u._uid || N()
909
+ const d = JSON.parse(i);
910
+ return Array.isArray(d) ? d.map((b) => ({
911
+ ...b,
912
+ _uid: b._uid || v()
913
913
  })) : [];
914
- } catch (i) {
915
- return console.error(`Erro ao ler dados da tabela "${e}":`, i), [];
914
+ } catch (d) {
915
+ return console.error(`Erro ao ler dados da tabela "${e}":`, d), [];
916
916
  }
917
917
  };
918
- D(() => {
919
- if (!(d.length > 0 && !l) && o.value && typeof o.value == "string") {
920
- const n = JSON.stringify(d);
921
- if (o.value === n) return;
922
- const i = C(o.value);
923
- k(i);
918
+ W(() => {
919
+ if (!(a.length > 0 && !c) && s.value && typeof s.value == "string") {
920
+ const i = JSON.stringify(a);
921
+ if (s.value === i) return;
922
+ const d = k(s.value);
923
+ h(d);
924
924
  }
925
- }, [o.value, l]), D(() => {
926
- if (s) return;
927
- const n = JSON.stringify(d);
928
- o.value !== n && o.onChange(n);
929
- }, [d, o, s]);
930
- const P = V(() => {
931
- const n = { _uid: N(), ...t };
932
- k((i) => [...i, n]);
933
- }, [t]), g = V(() => {
934
- k(
935
- (n) => n.filter((i) => !h.includes(i._uid))
936
- ), w([]);
937
- }, [h]), v = V(
938
- (n, i, u) => {
939
- k(
940
- (O) => O.map(
941
- (f) => f._uid === n ? { ...f, [i]: u } : f
925
+ }, [s.value, c]), W(() => {
926
+ if (o) return;
927
+ const i = JSON.stringify(a);
928
+ s.value !== i && s.onChange(i);
929
+ }, [a, s, o]);
930
+ const R = S(() => {
931
+ const i = { _uid: v(), ...n };
932
+ h((d) => [...d, i]);
933
+ }, [n]), y = S(() => {
934
+ h(
935
+ (i) => i.filter((d) => !f.includes(d._uid))
936
+ ), u([]);
937
+ }, [f]), p = S(
938
+ (i, d, b) => {
939
+ h(
940
+ (V) => V.map(
941
+ (N) => N._uid === i ? { ...N, [d]: b } : N
942
942
  )
943
943
  );
944
944
  },
945
945
  []
946
- ), p = V((n) => {
947
- w(
948
- (i) => i.includes(n) ? i.filter((u) => u !== n) : [...i, n]
946
+ ), g = S((i) => {
947
+ u(
948
+ (d) => d.includes(i) ? d.filter((b) => b !== i) : [...d, i]
949
949
  );
950
- }, []), x = V(
951
- (n) => {
952
- w(n ? d.map((i) => i._uid) : []);
950
+ }, []), x = S(
951
+ (i) => {
952
+ u(i ? a.map((d) => d._uid) : []);
953
953
  },
954
- [d]
955
- ), R = d.length > 0 && h.length === d.length, m = j(() => !c || c.length === 0 ? d : d.filter(
956
- (n) => c.every((i) => {
957
- if ("custom" in i)
958
- return i.custom(n);
959
- const u = n[i.field];
960
- switch (i.operator) {
954
+ [a]
955
+ ), P = a.length > 0 && f.length === a.length, w = I(() => !l || l.length === 0 ? a : a.filter(
956
+ (i) => l.every((d) => {
957
+ if ("custom" in d)
958
+ return d.custom(i);
959
+ const b = i[d.field];
960
+ switch (d.operator) {
961
961
  case "===":
962
- return u === i.value;
962
+ return b === d.value;
963
963
  case "!==":
964
- return u !== i.value;
964
+ return b !== d.value;
965
965
  case ">":
966
- return u > i.value;
966
+ return b > d.value;
967
967
  case "<":
968
- return u < i.value;
968
+ return b < d.value;
969
969
  case ">=":
970
- return u >= i.value;
970
+ return b >= d.value;
971
971
  case "<=":
972
- return u <= i.value;
972
+ return b <= d.value;
973
973
  default:
974
974
  return !0;
975
975
  }
976
976
  })
977
- ), [d, c]);
977
+ ), [a, l]);
978
978
  return {
979
- field: o,
980
- tableRows: d,
981
- visibleRows: m,
982
- selectedRowIds: h,
983
- isAllSelected: R,
979
+ field: s,
980
+ tableRows: a,
981
+ visibleRows: w,
982
+ selectedRowIds: f,
983
+ isAllSelected: P,
984
984
  handle: {
985
- addRow: P,
986
- removeRows: g,
987
- updateCellValue: v,
988
- toggleSelection: p,
985
+ addRow: R,
986
+ removeRows: y,
987
+ updateCellValue: p,
988
+ toggleSelection: g,
989
989
  toggleSelectAll: x
990
990
  }
991
991
  };
992
992
  }
993
- const ut = ({
993
+ const mt = ({
994
994
  name: e,
995
995
  title: r = "Tabela Dinâmica",
996
- columns: t,
997
- defaultRowValue: l = {},
998
- forceReadOnly: s = !1,
999
- layout: c = "fluid",
1000
- actions: o = !0,
1001
- filters: d = []
996
+ columns: n,
997
+ defaultRowValue: c = {},
998
+ forceReadOnly: o = !1,
999
+ layout: l = "fluid",
1000
+ actions: s = !0,
1001
+ filters: a = []
1002
1002
  }) => {
1003
- const { control: k } = T(), { isView: h, isReadOnly: w } = W(), { isReadOnly: N } = A(), C = s || h || w || N && N(e), { field: P, visibleRows: g, selectedRowIds: v, isAllSelected: p, handle: x } = Ue({
1003
+ 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({
1004
1004
  name: e,
1005
- control: k,
1006
- defaultRowValue: l,
1007
- isView: h,
1008
- isReadOnly: !!C,
1009
- filters: d
1010
- }), R = c === "fixed";
1011
- return /* @__PURE__ */ y("div", { className: `table-wrapper ${R ? "table-fixed" : "table-fluid"}`, children: [
1012
- /* @__PURE__ */ a("input", { type: "hidden", ...P }),
1013
- /* @__PURE__ */ y("div", { className: "header-handle", children: [
1014
- /* @__PURE__ */ a("h3", { children: r }),
1015
- !C && o && /* @__PURE__ */ y("div", { className: "handle-actions", children: [
1016
- /* @__PURE__ */ y(
1005
+ control: h,
1006
+ defaultRowValue: c,
1007
+ isView: f,
1008
+ isReadOnly: !!k,
1009
+ filters: a
1010
+ }), P = l === "fixed";
1011
+ return /* @__PURE__ */ m("div", { className: `table-wrapper ${P ? "table-fixed" : "table-fluid"}`, children: [
1012
+ /* @__PURE__ */ t("input", { type: "hidden", ...R }),
1013
+ /* @__PURE__ */ m("div", { className: "header-handle", children: [
1014
+ /* @__PURE__ */ t("h3", { children: r }),
1015
+ !k && s && /* @__PURE__ */ m("div", { className: "handle-actions", children: [
1016
+ /* @__PURE__ */ m(
1017
1017
  "button",
1018
1018
  {
1019
1019
  type: "button",
1020
- className: `btn ${v.length > 0 ? "btn-danger" : ""}`,
1021
- disabled: v.length === 0,
1020
+ className: `btn ${p.length > 0 ? "btn-danger" : ""}`,
1021
+ disabled: p.length === 0,
1022
1022
  onClick: x.removeRows,
1023
1023
  children: [
1024
1024
  "Remover (",
1025
- v.length,
1025
+ p.length,
1026
1026
  ")"
1027
1027
  ]
1028
1028
  }
1029
1029
  ),
1030
- /* @__PURE__ */ a("button", { type: "button", className: "btn-add", onClick: x.addRow, children: "Adicionar" })
1030
+ /* @__PURE__ */ t("button", { type: "button", className: "btn-add", onClick: x.addRow, children: "Adicionar" })
1031
1031
  ] })
1032
1032
  ] }),
1033
- /* @__PURE__ */ a("div", { className: "table-scroll", children: /* @__PURE__ */ y("table", { className: "table-custom", children: [
1034
- /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ y("tr", { children: [
1035
- !C && /* @__PURE__ */ a("th", { style: { width: "50px" }, children: /* @__PURE__ */ a(
1033
+ /* @__PURE__ */ t("div", { className: "table-scroll", children: /* @__PURE__ */ m("table", { className: "table-custom", children: [
1034
+ /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ m("tr", { children: [
1035
+ !k && /* @__PURE__ */ t("th", { style: { width: "50px" }, children: /* @__PURE__ */ t(
1036
1036
  "input",
1037
1037
  {
1038
1038
  type: "checkbox",
1039
- checked: p,
1040
- onChange: (m) => x.toggleSelectAll(m.target.checked)
1039
+ checked: g,
1040
+ onChange: (w) => x.toggleSelectAll(w.target.checked)
1041
1041
  }
1042
1042
  ) }),
1043
- t.map((m) => /* @__PURE__ */ a(
1043
+ n.map((w) => /* @__PURE__ */ t(
1044
1044
  "th",
1045
1045
  {
1046
- style: m.width ? { minWidth: R ? m.width : "100%" } : { width: "max-content" },
1047
- children: m.label
1046
+ style: w.width ? { minWidth: P ? w.width : "100%" } : { width: "max-content" },
1047
+ children: w.label
1048
1048
  },
1049
- m.key
1049
+ w.key
1050
1050
  ))
1051
1051
  ] }) }),
1052
- /* @__PURE__ */ y("tbody", { children: [
1053
- g.map((m, n) => /* @__PURE__ */ y("tr", { children: [
1054
- !C && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(
1052
+ /* @__PURE__ */ m("tbody", { children: [
1053
+ y.map((w, i) => /* @__PURE__ */ m("tr", { children: [
1054
+ !k && /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(
1055
1055
  "input",
1056
1056
  {
1057
1057
  type: "checkbox",
1058
- checked: v.includes(m._uid),
1059
- onChange: () => x.toggleSelection(m._uid)
1058
+ checked: p.includes(w._uid),
1059
+ onChange: () => x.toggleSelection(w._uid)
1060
1060
  }
1061
1061
  ) }),
1062
- t.map((i) => /* @__PURE__ */ a("td", { children: i.render ? i.render.length <= 1 ? i.render({
1063
- row: m,
1064
- index: n,
1065
- updateRow: (u, O) => x.updateCellValue(m._uid, u, O),
1066
- isLocked: !!C,
1067
- isView: !!h
1068
- }) : i.render(
1069
- m,
1070
- n,
1071
- (u, O) => x.updateCellValue(m._uid, u, O),
1072
- !!C,
1073
- !!h
1074
- ) : m[i.key] }, `${m._uid}-${i.key}`))
1075
- ] }, m._uid)),
1076
- 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." }) })
1062
+ n.map((d) => /* @__PURE__ */ t("td", { children: d.render ? d.render.length <= 1 ? d.render({
1063
+ row: w,
1064
+ index: i,
1065
+ updateRow: (b, V) => x.updateCellValue(w._uid, b, V),
1066
+ isLocked: !!k,
1067
+ isView: !!f
1068
+ }) : d.render(
1069
+ w,
1070
+ i,
1071
+ (b, V) => x.updateCellValue(w._uid, b, V),
1072
+ !!k,
1073
+ !!f
1074
+ ) : w[d.key] }, `${w._uid}-${d.key}`))
1075
+ ] }, w._uid)),
1076
+ 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." }) })
1077
1077
  ] })
1078
1078
  ] }) })
1079
1079
  ] });
1080
- };
1080
+ }, Ge = ({
1081
+ name: e,
1082
+ label: r,
1083
+ help: n,
1084
+ className: c = "",
1085
+ forceReadOnly: o = !1
1086
+ }) => {
1087
+ 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(() => {
1088
+ var g;
1089
+ if (v) return;
1090
+ const p = window;
1091
+ p.JSInterface && p.JSInterface.showCamera ? p.JSInterface.showCamera(e) : (g = f.current) == null || g.click();
1092
+ }, [e, v]), R = (p) => {
1093
+ const g = p.target.files;
1094
+ g && g.length > 0 && h.onChange(g[0].name);
1095
+ }, y = S(() => {
1096
+ u && (window.parent && window.parent.WKFViewAttachment ? console.log("Abrindo anexo do Fluig:", h.value) : alert("Visualizando: " + h.value));
1097
+ }, [h.value, u]);
1098
+ return s ? /* @__PURE__ */ m("div", { className: "form-group", children: [
1099
+ r && /* @__PURE__ */ t("label", { children: r }),
1100
+ /* @__PURE__ */ t("div", { className: "attachment-view", children: u ? /* @__PURE__ */ m(
1101
+ "button",
1102
+ {
1103
+ type: "button",
1104
+ onClick: y,
1105
+ className: "btn-link",
1106
+ style: {
1107
+ padding: 0,
1108
+ border: "none",
1109
+ background: "none",
1110
+ color: "var(--colorPrimary)",
1111
+ cursor: "pointer"
1112
+ },
1113
+ children: [
1114
+ /* @__PURE__ */ t("i", { className: "flaticon flaticon-view icon-sm" }),
1115
+ " ",
1116
+ h.value
1117
+ ]
1118
+ }
1119
+ ) : /* @__PURE__ */ m("span", { className: "text-muted", children: [
1120
+ /* @__PURE__ */ t("i", { className: "flaticon flaticon-no-pic icon-sm" }),
1121
+ " Sem anexo"
1122
+ ] }) })
1123
+ ] }) : /* @__PURE__ */ m("div", { className: `form-group ${c}`, children: [
1124
+ r && /* @__PURE__ */ t("label", { children: r }),
1125
+ /* @__PURE__ */ t(
1126
+ "input",
1127
+ {
1128
+ type: "file",
1129
+ ref: f,
1130
+ style: { display: "none" },
1131
+ onChange: R
1132
+ }
1133
+ ),
1134
+ /* @__PURE__ */ t(
1135
+ "div",
1136
+ {
1137
+ className: `form-control attachment-input ${v ? "readonly" : ""} ${u ? "has-file" : ""}`,
1138
+ style: {
1139
+ display: "flex",
1140
+ alignItems: "center",
1141
+ justifyContent: "center",
1142
+ cursor: v ? "not-allowed" : "pointer",
1143
+ backgroundColor: v ? "#f9f9f9" : "#fff",
1144
+ border: "1px dashed #ccc",
1145
+ minHeight: "40px"
1146
+ },
1147
+ onClick: u ? y : k,
1148
+ title: n,
1149
+ children: /* @__PURE__ */ m(
1150
+ "div",
1151
+ {
1152
+ style: {
1153
+ color: u ? "var(--colorPrimary)" : "#ababab",
1154
+ display: "flex",
1155
+ alignItems: "center",
1156
+ gap: "8px"
1157
+ },
1158
+ children: [
1159
+ /* @__PURE__ */ t(
1160
+ "i",
1161
+ {
1162
+ className: `flaticon ${u ? "flaticon-view" : v ? "flaticon-no-pic" : "flaticon-add-test"} icon-sm`
1163
+ }
1164
+ ),
1165
+ /* @__PURE__ */ t("span", { children: u ? "Ver Anexo" : v ? "Vazio" : "Anexar" })
1166
+ ]
1167
+ }
1168
+ )
1169
+ }
1170
+ ),
1171
+ /* @__PURE__ */ t("input", { type: "hidden", name: e, value: h.value || "" })
1172
+ ] });
1173
+ }, ht = F(Ge);
1174
+ function ft({
1175
+ items: e,
1176
+ time: r = 0,
1177
+ showNavigation: n = !0,
1178
+ progressBar: c = !0
1179
+ }) {
1180
+ const [o, l] = _(0), [s, a] = _(0), h = z(null), f = z(null), u = S(() => {
1181
+ l((p) => (p + 1) % e.length), a(0);
1182
+ }, [e.length]), v = S(() => {
1183
+ l((p) => (p - 1 + e.length) % e.length), a(0);
1184
+ }, [e.length]);
1185
+ if (W(() => {
1186
+ if (r > 0 && e.length > 1) {
1187
+ const g = 100 / r * 100;
1188
+ h.current = setInterval(u, r), f.current = setInterval(() => {
1189
+ a((x) => x >= 100 ? 0 : x + g);
1190
+ }, 100);
1191
+ }
1192
+ return () => {
1193
+ h.current && clearInterval(h.current), f.current && clearInterval(f.current);
1194
+ };
1195
+ }, [r, u, e.length, o]), !e || e.length === 0) return null;
1196
+ const k = e[o], R = typeof k == "string" ? k : k.url, y = /\.(jpg|jpeg|png|gif|webp)$/i.test(R);
1197
+ return /* @__PURE__ */ m("div", { className: "carousel-root", children: [
1198
+ /* @__PURE__ */ m("div", { className: "carousel-viewport", children: [
1199
+ n && e.length > 1 && /* @__PURE__ */ m(J, { children: [
1200
+ /* @__PURE__ */ t("button", { className: "nav-btn prev", onClick: v, children: /* @__PURE__ */ t("i", { className: "flaticon flaticon-chevron-left" }) }),
1201
+ /* @__PURE__ */ t("button", { className: "nav-btn next", onClick: u, children: /* @__PURE__ */ t("i", { className: "flaticon flaticon-chevron-right" }) })
1202
+ ] }),
1203
+ /* @__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: [
1204
+ /* @__PURE__ */ t("i", { className: "flaticon flaticon-file icon-xl" }),
1205
+ /* @__PURE__ */ t(
1206
+ "a",
1207
+ {
1208
+ href: R,
1209
+ target: "_blank",
1210
+ rel: "noreferrer",
1211
+ className: "btn-open",
1212
+ children: "Abrir Arquivo"
1213
+ }
1214
+ )
1215
+ ] }) }),
1216
+ e.length > 1 && /* @__PURE__ */ t("div", { className: "carousel-dots", children: e.map((p, g) => /* @__PURE__ */ t(
1217
+ "div",
1218
+ {
1219
+ className: `dot ${g === o ? "active" : ""}`,
1220
+ onClick: () => {
1221
+ l(g), a(0);
1222
+ }
1223
+ },
1224
+ g
1225
+ )) })
1226
+ ] }),
1227
+ c && r > 0 && e.length > 1 && /* @__PURE__ */ t("div", { className: "carousel-progress-container", children: /* @__PURE__ */ t(
1228
+ "div",
1229
+ {
1230
+ className: "carousel-progress-bar",
1231
+ style: { width: `${s}%` }
1232
+ }
1233
+ ) })
1234
+ ] });
1235
+ }
1236
+ function gt({
1237
+ title: e,
1238
+ isOpen: r,
1239
+ onOpen: n,
1240
+ onClose: c,
1241
+ content: o,
1242
+ footer: l,
1243
+ width: s
1244
+ }) {
1245
+ const a = S(
1246
+ (h) => {
1247
+ h.key === "Escape" && c();
1248
+ },
1249
+ [c]
1250
+ );
1251
+ return W(() => (r && (document.addEventListener("keydown", a), n == null || n(), document.body.style.overflow = "hidden"), () => {
1252
+ document.removeEventListener("keydown", a), document.body.style.overflow = "auto";
1253
+ }), [r, a, n]), r ? /* @__PURE__ */ t(
1254
+ "div",
1255
+ {
1256
+ className: "modal-overlay",
1257
+ onClick: c,
1258
+ "aria-modal": "true",
1259
+ role: "dialog",
1260
+ children: /* @__PURE__ */ m(
1261
+ "div",
1262
+ {
1263
+ style: { maxWidth: s },
1264
+ className: "modal-container",
1265
+ onClick: (h) => h.stopPropagation(),
1266
+ children: [
1267
+ /* @__PURE__ */ m("div", { className: "modal-header", children: [
1268
+ /* @__PURE__ */ t("h3", { children: e }),
1269
+ /* @__PURE__ */ t(
1270
+ "div",
1271
+ {
1272
+ className: "btn-close-modal",
1273
+ onClick: c,
1274
+ role: "button",
1275
+ "aria-label": "Fechar modal",
1276
+ children: /* @__PURE__ */ t(
1277
+ "i",
1278
+ {
1279
+ className: "flaticon flaticon-close icon-md",
1280
+ "aria-hidden": "true"
1281
+ }
1282
+ )
1283
+ }
1284
+ )
1285
+ ] }),
1286
+ /* @__PURE__ */ t("div", { className: "modal-content", children: o }),
1287
+ l && /* @__PURE__ */ t("div", { className: "modal-footer", children: l })
1288
+ ]
1289
+ }
1290
+ )
1291
+ }
1292
+ ) : null;
1293
+ }
1294
+ function vt({
1295
+ logo: e,
1296
+ childs: r,
1297
+ footer: n,
1298
+ contentExternal: c,
1299
+ bg: o,
1300
+ color: l,
1301
+ onSelect: s
1302
+ }) {
1303
+ return /* @__PURE__ */ m("div", { className: "main-container dfea", children: [
1304
+ /* @__PURE__ */ m("div", { className: "sidebar-wrapper", style: { backgroundColor: `${o}` }, children: [
1305
+ e && /* @__PURE__ */ t("div", { className: "sidebar-logo", children: /* @__PURE__ */ t("img", { src: e, alt: "", width: "auto", height: "28px" }) }),
1306
+ /* @__PURE__ */ t("ul", { className: "sidebar-childs-content", children: r == null ? void 0 : r.map(
1307
+ (a) => {
1308
+ var h, f;
1309
+ 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: [
1310
+ /* @__PURE__ */ m(
1311
+ "li",
1312
+ {
1313
+ className: "sidebar-child",
1314
+ onClick: () => {
1315
+ var u;
1316
+ (u = a.action) == null || u.call(a), s == null || s(a.id);
1317
+ },
1318
+ style: { color: `${l}` },
1319
+ children: [
1320
+ a.icon && /* @__PURE__ */ t("i", { className: a.icon }),
1321
+ a.label
1322
+ ]
1323
+ }
1324
+ ),
1325
+ (f = a.options) == null ? void 0 : f.map((u) => /* @__PURE__ */ t(
1326
+ "li",
1327
+ {
1328
+ className: "sidebar-option",
1329
+ onClick: () => {
1330
+ var v;
1331
+ (v = u.action) == null || v.call(u), s == null || s(u.id);
1332
+ },
1333
+ style: { color: `${l}` },
1334
+ children: u.label
1335
+ }
1336
+ ))
1337
+ ] }) }) : /* @__PURE__ */ m(
1338
+ "li",
1339
+ {
1340
+ className: "sidebar-child",
1341
+ onClick: () => {
1342
+ var u;
1343
+ (u = a.action) == null || u.call(a), s == null || s(a.id);
1344
+ },
1345
+ style: { color: `${l}` },
1346
+ children: [
1347
+ a.icon && /* @__PURE__ */ t("i", { className: a.icon }),
1348
+ a.label
1349
+ ]
1350
+ }
1351
+ );
1352
+ }
1353
+ ) }),
1354
+ n && /* @__PURE__ */ t("div", { className: "sidebar-footer", children: n })
1355
+ ] }),
1356
+ /* @__PURE__ */ t("div", { className: "sidebar-content-external", children: c })
1357
+ ] });
1358
+ }
1081
1359
  export {
1082
- st as Checkbox,
1083
- lt as DatePicker,
1084
- rt as Input,
1085
- ot as RadioBtn,
1360
+ ht as Attachment,
1361
+ ft as Carousel,
1362
+ ot as Checkbox,
1363
+ dt as DatePicker,
1364
+ st as Input,
1365
+ gt as Modal,
1366
+ lt as RadioBtn,
1086
1367
  it as Select,
1087
- ut as SimpleTable,
1088
- ct as StatusBadge,
1089
- dt as TextArea
1368
+ vt as Sidebar,
1369
+ mt as SimpleTable,
1370
+ ut as StatusBadge,
1371
+ ct as TextArea
1090
1372
  };