lawgic-dev-kit 0.9.3 → 0.10.0
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.
- package/dist/_virtual/index2.js +3 -2
- package/dist/_virtual/index3.js +3 -2
- package/dist/_virtual/index4.js +5 -3
- package/dist/_virtual/index5.js +2 -3
- package/dist/_virtual/index6.js +2 -5
- package/dist/_virtual/index7.js +2 -2
- package/dist/_virtual/index8.js +2 -2
- package/dist/components/atoms/Avatar/Avatar.js +6 -5
- package/dist/components/atoms/Checkbox/Checkbox.js +34 -0
- package/dist/components/atoms/CountryInput/CountryInput.js +255 -0
- package/dist/components/atoms/CountrySelectInput/CountryDropdown.js +1 -1
- package/dist/components/atoms/ImageProfileInput/ImageProfileInput.js +1 -1
- package/dist/components/atoms/IndexedStep/IndexedStep.js +40 -0
- package/dist/components/atoms/PasswordInput/PasswordInput.js +1 -1
- package/dist/components/atoms/PhoneInput/PhoneInput.js +1 -1
- package/dist/components/atoms/SelectDropdown/SelectDropdown.js +1 -1
- package/dist/components/atoms/TextInput/TextInput.js +23 -25
- package/dist/components/atoms/TextStaticInput/TextStaticInput.js +12 -0
- package/dist/components/atoms/UploadContainer/UploadContainer.js +4 -3
- package/dist/components/atoms/index.d.ts +8 -4
- package/dist/components/molecules/AlertModal/AlertModal.js +4 -3
- package/dist/components/molecules/CalendarSelector/CalendarSelector.js +4 -3
- package/dist/components/molecules/DateInput/DateInput.js +2 -2
- package/dist/components/molecules/DialogModal/DialogModal.js +4 -3
- package/dist/components/molecules/FloatingMenu/FloatingMenu.js +8 -7
- package/dist/components/molecules/Tabs/Tabs.js +4 -3
- package/dist/index.js +108 -100
- package/dist/lawgic-dev-kit.umd.js +149 -137
- package/dist/node_modules/@fortawesome/pro-regular-svg-icons/index.js +5 -0
- package/dist/node_modules/prop-types/index.js +1 -1
- package/dist/node_modules/prop-types/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/scheduler/index.js +1 -1
- package/dist/node_modules/toposort/index.js +1 -1
- package/dist/node_modules/yup/index.esm.js +3 -3
- package/dist/src/components/atoms/index.d.ts +34 -0
- package/dist/utils/modal.js +22 -21
- package/dist/utils/toast.js +17 -16
- package/package.json +2 -1
- package/dist/node_modules/react-hook-form/dist/index.esm.js +0 -203
package/dist/_virtual/index2.js
CHANGED
package/dist/_virtual/index3.js
CHANGED
package/dist/_virtual/index4.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
|
|
2
|
+
import { __require as r } from "../node_modules/toposort/index.js";
|
|
3
|
+
var t = r();
|
|
4
|
+
const s = /* @__PURE__ */ o(t);
|
|
3
5
|
export {
|
|
4
|
-
|
|
6
|
+
s as default
|
|
5
7
|
};
|
package/dist/_virtual/index5.js
CHANGED
package/dist/_virtual/index6.js
CHANGED
package/dist/_virtual/index7.js
CHANGED
package/dist/_virtual/index8.js
CHANGED
|
@@ -6,11 +6,12 @@ import { stringToColor as h } from "../../../utils/strings.js";
|
|
|
6
6
|
import { getImageUrl as E } from "../../../utils/images.js";
|
|
7
7
|
import "../../../_virtual/lodash.js";
|
|
8
8
|
import "../../../contexts/themeContext.js";
|
|
9
|
-
import "
|
|
9
|
+
import "react-hook-form";
|
|
10
10
|
import "../../../constants/countries.js";
|
|
11
|
+
import "../ImageProfileInput/ImageProfileInput.validators.js";
|
|
11
12
|
import "react-dom";
|
|
12
|
-
const
|
|
13
|
-
const { className:
|
|
13
|
+
const $ = ({ containerProps: x = {}, imageProps: p = {}, src: m = "", alt: i = "", size: e = 30, user: t = null }) => {
|
|
14
|
+
const { className: d = " ", ...g } = x, { className: s = " ", ...v } = p, o = e + "px", n = e * 0.5 + "px", l = e * 0.4 + "px", [j, w] = W(!1), N = () => i ? h(i) : t ? h(t != null && t.first_name || t != null && t.last_name ? ((t == null ? void 0 : t.first_name) || "") + " " + ((t == null ? void 0 : t.last_name) || "") : t == null ? void 0 : t.email) : "#9CA1B6", c = (f) => {
|
|
14
15
|
try {
|
|
15
16
|
return f ? (new URL(f), !0) : !1;
|
|
16
17
|
} catch (C) {
|
|
@@ -52,7 +53,7 @@ const V = ({ containerProps: x = {}, imageProps: d = {}, src: m = "", alt: i = "
|
|
|
52
53
|
return /* @__PURE__ */ a.jsxs(
|
|
53
54
|
"div",
|
|
54
55
|
{
|
|
55
|
-
className: "flex items-center justify-center rounded-full overflow-hidden h-full relative " +
|
|
56
|
+
className: "flex items-center justify-center rounded-full overflow-hidden h-full relative " + d,
|
|
56
57
|
style: {
|
|
57
58
|
maxWidth: o,
|
|
58
59
|
maxHeight: o,
|
|
@@ -96,5 +97,5 @@ const V = ({ containerProps: x = {}, imageProps: d = {}, src: m = "", alt: i = "
|
|
|
96
97
|
);
|
|
97
98
|
};
|
|
98
99
|
export {
|
|
99
|
-
|
|
100
|
+
$ as default
|
|
100
101
|
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { j as a } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
const b = ({
|
|
3
|
+
active: r,
|
|
4
|
+
color: s = "blue",
|
|
5
|
+
variant: d = "rounded",
|
|
6
|
+
className: t,
|
|
7
|
+
...u
|
|
8
|
+
}) => {
|
|
9
|
+
const e = {
|
|
10
|
+
blue: "border-blue-500 bg-blue-500",
|
|
11
|
+
aqua: "border-aqua-500 bg-aqua-500",
|
|
12
|
+
red: "border-red-500 bg-red-500",
|
|
13
|
+
gray: "border-gray-500 bg-gray-500"
|
|
14
|
+
}[s], o = {
|
|
15
|
+
rounded: "rounded-full",
|
|
16
|
+
square: "rounded-md"
|
|
17
|
+
}[d];
|
|
18
|
+
return /* @__PURE__ */ a.jsx(
|
|
19
|
+
"div",
|
|
20
|
+
{
|
|
21
|
+
className: `transition-colors ease-in-out duration-150 flex items-center justify-center ${o} border-[1.5px] bg-white ${r ? e : "border-gray-400"} ${t}`,
|
|
22
|
+
...u,
|
|
23
|
+
children: /* @__PURE__ */ a.jsx(
|
|
24
|
+
"div",
|
|
25
|
+
{
|
|
26
|
+
className: `absolute transition-colors ease-in-out duration-150 ${o} size-12 ${r ? e : ""}`
|
|
27
|
+
}
|
|
28
|
+
)
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
};
|
|
32
|
+
export {
|
|
33
|
+
b as default
|
|
34
|
+
};
|
|
@@ -0,0 +1,255 @@
|
|
|
1
|
+
import { j as t } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import { useState as b, useRef as w, useEffect as P } from "react";
|
|
3
|
+
import { useController as re } from "react-hook-form";
|
|
4
|
+
import { useFloating as se, useClick as le, useDismiss as ne, useInteractions as ae, useTransitionStyles as ie } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
|
|
5
|
+
import { useTheme as ce } from "../../../hooks/useTheme.js";
|
|
6
|
+
import de from "../../../constants/countries.js";
|
|
7
|
+
import { autoUpdate as pe } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
|
|
8
|
+
import { offset as ue, flip as me, shift as fe, size as he, arrow as xe } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
|
|
9
|
+
const Le = ({
|
|
10
|
+
countries: v = de,
|
|
11
|
+
name: C,
|
|
12
|
+
control: _,
|
|
13
|
+
label: z = "select_a_country",
|
|
14
|
+
placeholder: F = "type_to_search",
|
|
15
|
+
language: p = "en",
|
|
16
|
+
className: M = "",
|
|
17
|
+
translateKey: D
|
|
18
|
+
}) => {
|
|
19
|
+
var O, I, R;
|
|
20
|
+
const { t: s } = ce(), { field: l, fieldState: A } = re({
|
|
21
|
+
name: C,
|
|
22
|
+
control: _,
|
|
23
|
+
rules: { validate: {} },
|
|
24
|
+
defaultValue: null
|
|
25
|
+
}), [n, u] = b(!1), [c, j] = b(""), [o, S] = b(
|
|
26
|
+
l.value || null
|
|
27
|
+
), m = w(null), y = w(null), f = w(null), { x: Y, y: H, strategy: U, refs: N, context: h, placement: V, middlewareData: L } = se({
|
|
28
|
+
open: n,
|
|
29
|
+
onOpenChange: u,
|
|
30
|
+
middleware: [
|
|
31
|
+
ue(8),
|
|
32
|
+
me(),
|
|
33
|
+
fe({ padding: 8 }),
|
|
34
|
+
he({
|
|
35
|
+
apply({ availableHeight: e, elements: r }) {
|
|
36
|
+
Object.assign(r.floating.style, {
|
|
37
|
+
maxHeight: `${Math.min(e - 10, 300)}px`
|
|
38
|
+
});
|
|
39
|
+
},
|
|
40
|
+
padding: 8
|
|
41
|
+
}),
|
|
42
|
+
xe({ element: y })
|
|
43
|
+
],
|
|
44
|
+
placement: "bottom-start",
|
|
45
|
+
whileElementsMounted: pe
|
|
46
|
+
}), W = le(h), X = ne(h), { getReferenceProps: q, getFloatingProps: G } = ae([
|
|
47
|
+
W,
|
|
48
|
+
X
|
|
49
|
+
]), { isMounted: $, styles: J } = ie(h, {
|
|
50
|
+
duration: {
|
|
51
|
+
open: 200,
|
|
52
|
+
close: 150
|
|
53
|
+
},
|
|
54
|
+
initial: {
|
|
55
|
+
opacity: 0,
|
|
56
|
+
transform: "translateY(-4px)"
|
|
57
|
+
}
|
|
58
|
+
}), E = (Array.isArray(v) ? v : []).filter((e) => {
|
|
59
|
+
if (!c.trim()) return !0;
|
|
60
|
+
const r = p === "es" && e.labelES ? e.labelES.toLowerCase() : e.label.toLowerCase(), i = e.code ? e.code.toLowerCase() : "";
|
|
61
|
+
return r.includes(c.toLowerCase()) || i.includes(c.toLowerCase());
|
|
62
|
+
}), K = (e) => {
|
|
63
|
+
S(e), u(!1), j(""), l.onChange(e);
|
|
64
|
+
}, Q = () => {
|
|
65
|
+
u(!n), !n && m.current && setTimeout(() => {
|
|
66
|
+
var e;
|
|
67
|
+
(e = m.current) == null || e.focus();
|
|
68
|
+
}, 100);
|
|
69
|
+
}, Z = () => {
|
|
70
|
+
setTimeout(() => {
|
|
71
|
+
n || l.onBlur();
|
|
72
|
+
}, 200);
|
|
73
|
+
};
|
|
74
|
+
P(() => {
|
|
75
|
+
S(l.value);
|
|
76
|
+
}, [l.value]), P(() => {
|
|
77
|
+
const e = (r) => {
|
|
78
|
+
f.current && !f.current.contains(r.target) && l.onBlur();
|
|
79
|
+
};
|
|
80
|
+
return document.addEventListener("mousedown", e), () => {
|
|
81
|
+
document.removeEventListener("mousedown", e);
|
|
82
|
+
};
|
|
83
|
+
}, [l]);
|
|
84
|
+
const x = (e) => {
|
|
85
|
+
var r;
|
|
86
|
+
return e ? e.codeISO2 ? e.codeISO2.toLowerCase() : ((r = e.code) == null ? void 0 : r.toLowerCase()) || "" : "";
|
|
87
|
+
}, T = (O = L.arrow) == null ? void 0 : O.x, k = (I = L.arrow) == null ? void 0 : I.y, a = {
|
|
88
|
+
top: "bottom",
|
|
89
|
+
right: "left",
|
|
90
|
+
bottom: "top",
|
|
91
|
+
left: "right"
|
|
92
|
+
}[V.split("-")[0]], ee = q({
|
|
93
|
+
onClick: Q,
|
|
94
|
+
onBlur: Z
|
|
95
|
+
}), te = s(z), oe = s(F), d = (R = A.error) == null ? void 0 : R.message;
|
|
96
|
+
return /* @__PURE__ */ t.jsxs(
|
|
97
|
+
"div",
|
|
98
|
+
{
|
|
99
|
+
ref: f,
|
|
100
|
+
className: `w-full relative flex flex-col gap-8 ${M}`,
|
|
101
|
+
children: [
|
|
102
|
+
/* @__PURE__ */ t.jsx(
|
|
103
|
+
"label",
|
|
104
|
+
{
|
|
105
|
+
className: `text-gray-600 font-600 group ${d && "!text-red-500"} text-label`,
|
|
106
|
+
children: te
|
|
107
|
+
}
|
|
108
|
+
),
|
|
109
|
+
/* @__PURE__ */ t.jsxs(
|
|
110
|
+
"div",
|
|
111
|
+
{
|
|
112
|
+
ref: N.setReference,
|
|
113
|
+
className: `flex items-center justify-between bg-light rounded-full p-16 cursor-pointer border transition-all duration-200 hover:border-blue-400 ${d && "border-red-500 hover:border-red-600"} ${$ ? "border-blue-400" : "border-blue-100"}`,
|
|
114
|
+
...ee,
|
|
115
|
+
tabIndex: 0,
|
|
116
|
+
children: [
|
|
117
|
+
o != null && o.code ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center w-full", children: [
|
|
118
|
+
x(o) && /* @__PURE__ */ t.jsx(
|
|
119
|
+
"img",
|
|
120
|
+
{
|
|
121
|
+
loading: "lazy",
|
|
122
|
+
width: "24",
|
|
123
|
+
height: "16",
|
|
124
|
+
className: "mr-2",
|
|
125
|
+
src: `https://flagcdn.com/w20/${x(
|
|
126
|
+
o
|
|
127
|
+
)}.png`,
|
|
128
|
+
srcSet: `https://flagcdn.com/w40/${x(
|
|
129
|
+
o
|
|
130
|
+
)}.png 2x`,
|
|
131
|
+
alt: o.label,
|
|
132
|
+
onError: (e) => {
|
|
133
|
+
e.currentTarget.style.display = "none";
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
),
|
|
137
|
+
/* @__PURE__ */ t.jsxs("span", { className: "flex-grow", children: [
|
|
138
|
+
p === "es" && o.labelES ? o.labelES : o.label,
|
|
139
|
+
o.code ? ` (${o.code})` : s("select_country")
|
|
140
|
+
] })
|
|
141
|
+
] }) : /* @__PURE__ */ t.jsx("span", { className: "text-gray-500", children: oe }),
|
|
142
|
+
/* @__PURE__ */ t.jsx(
|
|
143
|
+
"svg",
|
|
144
|
+
{
|
|
145
|
+
className: `w-16 h-16 transition-transform ${n ? "transform rotate-180" : ""}`,
|
|
146
|
+
fill: "none",
|
|
147
|
+
stroke: "currentColor",
|
|
148
|
+
viewBox: "0 0 24 24",
|
|
149
|
+
children: /* @__PURE__ */ t.jsx(
|
|
150
|
+
"path",
|
|
151
|
+
{
|
|
152
|
+
strokeLinecap: "round",
|
|
153
|
+
strokeLinejoin: "round",
|
|
154
|
+
strokeWidth: "2",
|
|
155
|
+
d: "M19 9l-7 7-7-7"
|
|
156
|
+
}
|
|
157
|
+
)
|
|
158
|
+
}
|
|
159
|
+
)
|
|
160
|
+
]
|
|
161
|
+
}
|
|
162
|
+
),
|
|
163
|
+
d && /* @__PURE__ */ t.jsx("p", { className: "mt-1 text-sm text-red-600", children: s(d, { x: s(D || "") || s(C) }) }),
|
|
164
|
+
$ && /* @__PURE__ */ t.jsxs(
|
|
165
|
+
"div",
|
|
166
|
+
{
|
|
167
|
+
ref: N.setFloating,
|
|
168
|
+
style: {
|
|
169
|
+
position: U,
|
|
170
|
+
top: H ?? 0,
|
|
171
|
+
left: Y ?? 0,
|
|
172
|
+
...J
|
|
173
|
+
},
|
|
174
|
+
className: "z-10 w-full bg-white border border-blue-400 rounded-3xl shadow-lg overflow-auto",
|
|
175
|
+
...G(),
|
|
176
|
+
children: [
|
|
177
|
+
/* @__PURE__ */ t.jsx(
|
|
178
|
+
"div",
|
|
179
|
+
{
|
|
180
|
+
ref: y,
|
|
181
|
+
className: "absolute w-4 h-4 bg-white rotate-45 border-blue-400",
|
|
182
|
+
style: {
|
|
183
|
+
left: T != null ? `${T}px` : "",
|
|
184
|
+
top: k != null ? `${k}px` : "",
|
|
185
|
+
right: "",
|
|
186
|
+
bottom: "",
|
|
187
|
+
[a]: "-2px",
|
|
188
|
+
borderRight: a === "left" ? "1px solid" : "none",
|
|
189
|
+
borderBottom: a === "top" ? "1px solid" : "none",
|
|
190
|
+
borderLeft: a === "right" ? "1px solid" : "none",
|
|
191
|
+
borderTop: a === "bottom" ? "1px solid" : "none"
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
),
|
|
195
|
+
/* @__PURE__ */ t.jsx("div", { className: "sticky top-0 bg-white p-2 z-20", children: /* @__PURE__ */ t.jsx(
|
|
196
|
+
"input",
|
|
197
|
+
{
|
|
198
|
+
ref: m,
|
|
199
|
+
type: "text",
|
|
200
|
+
className: "w-full p-16",
|
|
201
|
+
placeholder: s("search") + "...",
|
|
202
|
+
value: c,
|
|
203
|
+
onChange: (e) => j(e.target.value),
|
|
204
|
+
onClick: (e) => e.stopPropagation(),
|
|
205
|
+
onBlur: (e) => {
|
|
206
|
+
e.stopPropagation();
|
|
207
|
+
},
|
|
208
|
+
autoFocus: !0
|
|
209
|
+
}
|
|
210
|
+
) }),
|
|
211
|
+
/* @__PURE__ */ t.jsx("div", { children: E.length > 0 ? /* @__PURE__ */ t.jsx("ul", { className: "flex flex-col", children: E.map((e, r) => {
|
|
212
|
+
var B;
|
|
213
|
+
const i = e.codeISO2 ? e.codeISO2.toLowerCase() : ((B = e.code) == null ? void 0 : B.toLowerCase()) || "";
|
|
214
|
+
return /* @__PURE__ */ t.jsxs(
|
|
215
|
+
"li",
|
|
216
|
+
{
|
|
217
|
+
className: "flex items-center gap-10 px-16 py-8 transition-all duration-200 hover:bg-blue-100/50 cursor-pointer",
|
|
218
|
+
onClick: (g) => {
|
|
219
|
+
g.stopPropagation(), K(e);
|
|
220
|
+
},
|
|
221
|
+
children: [
|
|
222
|
+
i && /* @__PURE__ */ t.jsx(
|
|
223
|
+
"img",
|
|
224
|
+
{
|
|
225
|
+
loading: "lazy",
|
|
226
|
+
width: "24",
|
|
227
|
+
height: "16",
|
|
228
|
+
className: "mr-2",
|
|
229
|
+
src: `https://flagcdn.com/w20/${i}.png`,
|
|
230
|
+
srcSet: `https://flagcdn.com/w40/${i}.png 2x`,
|
|
231
|
+
alt: e.label,
|
|
232
|
+
onError: (g) => {
|
|
233
|
+
g.currentTarget.style.display = "none";
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
),
|
|
237
|
+
/* @__PURE__ */ t.jsxs("span", { children: [
|
|
238
|
+
p === "es" && e.labelES ? e.labelES : e.label,
|
|
239
|
+
e.code ? ` (${e.code})` : "Country not found"
|
|
240
|
+
] })
|
|
241
|
+
]
|
|
242
|
+
},
|
|
243
|
+
`${e.code}-${r}`
|
|
244
|
+
);
|
|
245
|
+
}) }) : /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-gray-500", children: s("no_countries_found") }) })
|
|
246
|
+
]
|
|
247
|
+
}
|
|
248
|
+
)
|
|
249
|
+
]
|
|
250
|
+
}
|
|
251
|
+
);
|
|
252
|
+
};
|
|
253
|
+
export {
|
|
254
|
+
Le as default
|
|
255
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as t } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import { useState as S, useRef as z, useEffect as J } from "react";
|
|
3
|
-
import { Controller as K } from "
|
|
3
|
+
import { Controller as K } from "react-hook-form";
|
|
4
4
|
import { useFloating as Q, useClick as V, useDismiss as Z, useInteractions as ee, useTransitionStyles as te } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
|
|
5
5
|
import { useTheme as D } from "../../../hooks/useTheme.js";
|
|
6
6
|
import { autoUpdate as oe } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
|
|
@@ -2,7 +2,7 @@ import { j as n } from "../../../_virtual/jsx-runtime.js";
|
|
|
2
2
|
import { faPlus as k } from "../../../node_modules/@fortawesome/pro-solid-svg-icons/index.js";
|
|
3
3
|
import { FontAwesomeIcon as R } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
|
|
4
4
|
import { useState as h, useRef as L, useEffect as C } from "react";
|
|
5
|
-
import { useController as N } from "
|
|
5
|
+
import { useController as N } from "react-hook-form";
|
|
6
6
|
import z from "../Avatar/Avatar.js";
|
|
7
7
|
function B(i) {
|
|
8
8
|
return i !== null && typeof i == "object" && "name" in i && "size" in i && "type" in i && typeof i.name == "string" && typeof i.size == "number" && typeof i.type == "string";
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { j as t } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import { faCheck as n } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
|
|
3
|
+
import { FontAwesomeIcon as a } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
|
|
4
|
+
const u = ({ index: o, label: s, active: r, completed: e }) => /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-8", children: [
|
|
5
|
+
/* @__PURE__ */ t.jsx(
|
|
6
|
+
"div",
|
|
7
|
+
{
|
|
8
|
+
className: `
|
|
9
|
+
size-24 rounded-full border-[1px] flex items-center justify-center text-center font-600 text-label transition-colors ease-in-out duration-200
|
|
10
|
+
${r && "border-blue-500! text-blue-500!"}
|
|
11
|
+
${e ? "text-blue-500 bg-blue-50 border-none!" : "border-gray-300 text-gray-300"}
|
|
12
|
+
`,
|
|
13
|
+
children: e ? /* @__PURE__ */ t.jsx(
|
|
14
|
+
a,
|
|
15
|
+
{
|
|
16
|
+
icon: n,
|
|
17
|
+
className: `
|
|
18
|
+
text-blue-500
|
|
19
|
+
size-16
|
|
20
|
+
`
|
|
21
|
+
}
|
|
22
|
+
) : o
|
|
23
|
+
}
|
|
24
|
+
),
|
|
25
|
+
/* @__PURE__ */ t.jsx(
|
|
26
|
+
"h6",
|
|
27
|
+
{
|
|
28
|
+
className: `
|
|
29
|
+
text-body-m transition-colors ease-in-out duration-200
|
|
30
|
+
${r || e ? "text-blue-500" : "text-gray-300"}
|
|
31
|
+
${r && "font-600"}
|
|
32
|
+
${e && "font-500"}
|
|
33
|
+
`,
|
|
34
|
+
children: s
|
|
35
|
+
}
|
|
36
|
+
)
|
|
37
|
+
] });
|
|
38
|
+
export {
|
|
39
|
+
u as default
|
|
40
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as r } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import { useState as m } from "react";
|
|
3
|
-
import { useController as b } from "
|
|
3
|
+
import { useController as b } from "react-hook-form";
|
|
4
4
|
import { FontAwesomeIcon as w } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
|
|
5
5
|
import { faEye as y, faEyeSlash as j } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
|
|
6
6
|
import { useTheme as $ } from "../../../hooks/useTheme.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as t } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import { useState as f, useRef as h, useEffect as A } from "react";
|
|
3
|
-
import { useController as xe } from "
|
|
3
|
+
import { useController as xe } from "react-hook-form";
|
|
4
4
|
import { useFloating as be, useClick as we, useDismiss as Ce, useInteractions as ve, useTransitionStyles as je } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
|
|
5
5
|
import { FontAwesomeIcon as Ne } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
|
|
6
6
|
import { faChevronDown as ye } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as e } from "../../../_virtual/jsx-runtime.js";
|
|
2
2
|
import { useFloating as B, useClick as H, useDismiss as U, useInteractions as W, useTransitionStyles as Y } from "../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
|
|
3
3
|
import { useState as b, useRef as k, useEffect as q } from "react";
|
|
4
|
-
import { Controller as G } from "
|
|
4
|
+
import { Controller as G } from "react-hook-form";
|
|
5
5
|
import { useTheme as J } from "../../../hooks/useTheme.js";
|
|
6
6
|
import { autoUpdate as K } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
|
|
7
7
|
import { offset as Q, flip as V, shift as X, size as Z, arrow as _ } from "../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { useController as
|
|
1
|
+
import { j as r } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import { useController as j } from "react-hook-form";
|
|
3
3
|
import { useTheme as w } from "../../../hooks/useTheme.js";
|
|
4
4
|
const C = ({
|
|
5
5
|
label: u,
|
|
6
6
|
control: d,
|
|
7
|
-
name:
|
|
7
|
+
name: e,
|
|
8
8
|
placeholder: c,
|
|
9
9
|
className: g = "",
|
|
10
|
-
disabled:
|
|
10
|
+
disabled: t = !1,
|
|
11
11
|
leftSide: a,
|
|
12
12
|
rightSide: s,
|
|
13
13
|
translateKey: i = "",
|
|
@@ -15,39 +15,37 @@ const C = ({
|
|
|
15
15
|
}) => {
|
|
16
16
|
const {
|
|
17
17
|
field: { value: n = "", onChange: f, ref: p, onBlur: b },
|
|
18
|
-
fieldState: { error:
|
|
19
|
-
} =
|
|
20
|
-
|
|
21
|
-
const h = o(t), m = o(i);
|
|
22
|
-
return /* @__PURE__ */ e.jsxs(
|
|
18
|
+
fieldState: { error: l }
|
|
19
|
+
} = j({ name: e, control: d }), { t: o } = w(), h = o(e), m = o(i);
|
|
20
|
+
return /* @__PURE__ */ r.jsxs(
|
|
23
21
|
"label",
|
|
24
22
|
{
|
|
25
|
-
className: `flex flex-col group gap-8 select-none ${
|
|
26
|
-
htmlFor:
|
|
23
|
+
className: `flex flex-col group gap-8 select-none ${t && "cursor-not-allowed"} ${g}`,
|
|
24
|
+
htmlFor: e,
|
|
27
25
|
children: [
|
|
28
|
-
/* @__PURE__ */
|
|
26
|
+
/* @__PURE__ */ r.jsx(
|
|
29
27
|
"h6",
|
|
30
28
|
{
|
|
31
|
-
className: `text-gray-600 font-600 group ${
|
|
29
|
+
className: `text-gray-600 font-600 group ${l && "text-red-500!"} text-label ${t && "text-gray-300"}`,
|
|
32
30
|
children: u
|
|
33
31
|
}
|
|
34
32
|
),
|
|
35
|
-
/* @__PURE__ */
|
|
33
|
+
/* @__PURE__ */ r.jsxs(
|
|
36
34
|
"label",
|
|
37
35
|
{
|
|
38
|
-
htmlFor:
|
|
36
|
+
htmlFor: e,
|
|
39
37
|
className: `
|
|
40
38
|
flex items-center justify-between gap-8 p-16
|
|
41
39
|
|
|
42
|
-
${
|
|
40
|
+
${l && "border-red-500!"}
|
|
43
41
|
|
|
44
42
|
bg-light
|
|
45
43
|
|
|
46
44
|
w-full h-full rounded-full border
|
|
47
45
|
|
|
48
|
-
${n && !
|
|
49
|
-
${!
|
|
50
|
-
${
|
|
46
|
+
${n && !t ? "border-blue-200" : "border-blue-100"}
|
|
47
|
+
${!t && "group-hover:border-blue-300"}
|
|
48
|
+
${t && "cursor-not-allowed"}
|
|
51
49
|
|
|
52
50
|
group-focus-within:border-blue-500 transition-colors duration-200 ease-in-out
|
|
53
51
|
|
|
@@ -55,15 +53,15 @@ const C = ({
|
|
|
55
53
|
`,
|
|
56
54
|
children: [
|
|
57
55
|
a && a,
|
|
58
|
-
/* @__PURE__ */
|
|
56
|
+
/* @__PURE__ */ r.jsx(
|
|
59
57
|
"input",
|
|
60
58
|
{
|
|
61
|
-
id:
|
|
62
|
-
name:
|
|
63
|
-
disabled:
|
|
59
|
+
id: e,
|
|
60
|
+
name: e,
|
|
61
|
+
disabled: t,
|
|
64
62
|
placeholder: c,
|
|
65
63
|
value: n,
|
|
66
|
-
onChange: (
|
|
64
|
+
onChange: (y) => f(y.target.value),
|
|
67
65
|
onBlur: b,
|
|
68
66
|
ref: p,
|
|
69
67
|
className: "group bg-transparent w-full h-full font-600 placeholder:font-600 text-body-m disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-hidden",
|
|
@@ -74,7 +72,7 @@ const C = ({
|
|
|
74
72
|
]
|
|
75
73
|
}
|
|
76
74
|
),
|
|
77
|
-
/* @__PURE__ */
|
|
75
|
+
/* @__PURE__ */ r.jsx("h4", { className: "font-500 text-label text-red-500 leading-none", children: (l == null ? void 0 : l.message) && o(l.message, { x: m || h }) })
|
|
78
76
|
]
|
|
79
77
|
}
|
|
80
78
|
);
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { j as t } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
const l = ({
|
|
3
|
+
label: e,
|
|
4
|
+
value: s,
|
|
5
|
+
className: a
|
|
6
|
+
}) => /* @__PURE__ */ t.jsxs("div", { className: `flex flex-col gap-4 ${a || ""}`, children: [
|
|
7
|
+
/* @__PURE__ */ t.jsx("p", { className: "text-lg font-600 text-gray-800", children: e }),
|
|
8
|
+
/* @__PURE__ */ t.jsx("p", { className: "text-base font-400 text-gray-600", children: s })
|
|
9
|
+
] });
|
|
10
|
+
export {
|
|
11
|
+
l as default
|
|
12
|
+
};
|
|
@@ -5,10 +5,11 @@ import { useTheme as B } from "../../../hooks/useTheme.js";
|
|
|
5
5
|
import { translateBytes as F } from "../../../utils/files.js";
|
|
6
6
|
import "../../../_virtual/lodash.js";
|
|
7
7
|
import "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
|
|
8
|
-
import "
|
|
8
|
+
import "react-hook-form";
|
|
9
9
|
import "../../../constants/countries.js";
|
|
10
|
+
import "../ImageProfileInput/ImageProfileInput.validators.js";
|
|
10
11
|
import "react-dom";
|
|
11
|
-
const
|
|
12
|
+
const z = ({
|
|
12
13
|
title: h = "drag_and_drop_your_files_here",
|
|
13
14
|
subtitle: d = null,
|
|
14
15
|
buttonTitle: v = "choose_files",
|
|
@@ -112,5 +113,5 @@ const q = ({
|
|
|
112
113
|
] });
|
|
113
114
|
};
|
|
114
115
|
export {
|
|
115
|
-
|
|
116
|
+
z as default
|
|
116
117
|
};
|
|
@@ -1,17 +1,24 @@
|
|
|
1
1
|
export * from './ActionButton/index';
|
|
2
|
+
export * from './ActionButton/index';
|
|
2
3
|
export * from './AsyncToast/index';
|
|
3
4
|
export * from './Avatar/index';
|
|
4
5
|
export * from './BoxContainer/index';
|
|
5
6
|
export * from './Button/index';
|
|
6
7
|
export * from './CenterModal/index';
|
|
8
|
+
export * from './Checkbox/index';
|
|
9
|
+
export * from './CountryInput/index';
|
|
10
|
+
export * from './CountryLabel/index';
|
|
7
11
|
export * from './CountrySelectInput/index';
|
|
8
12
|
export * from './Divider/index';
|
|
9
13
|
export * from './FullLogo/index';
|
|
10
14
|
export * from './IconButton/index';
|
|
11
15
|
export * from './ImageProfileInput/index';
|
|
16
|
+
export * from './IndexedStep/index';
|
|
12
17
|
export * from './InfoCard/index';
|
|
18
|
+
export * from './InformationDisclaimer/index';
|
|
13
19
|
export * from './LoadingSpinner/index';
|
|
14
20
|
export * from './PasswordInput/index';
|
|
21
|
+
export * from './PhoneInput/index';
|
|
15
22
|
export * from './ProgressBar/index';
|
|
16
23
|
export * from './SearchBar/index';
|
|
17
24
|
export * from './SectionButton/index';
|
|
@@ -20,11 +27,8 @@ export * from './SidebarButton/index';
|
|
|
20
27
|
export * from './Tab/index';
|
|
21
28
|
export * from './TextButton/index';
|
|
22
29
|
export * from './TextInput/index';
|
|
30
|
+
export * from './TextStaticInput/index';
|
|
23
31
|
export * from './Toast/index';
|
|
24
32
|
export * from './UncontrolledSelector/index';
|
|
25
33
|
export * from './UncontrolledTextInput/index';
|
|
26
34
|
export * from './UploadContainer/index';
|
|
27
|
-
export * from './InformationDisclaimer/index';
|
|
28
|
-
export * from './CountryLabel/index';
|
|
29
|
-
export * from './PhoneInput/index';
|
|
30
|
-
export * from './SidebarButton/index';
|