snapflow-ui-kit 1.1.0 → 1.1.2
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/README.md +2 -1
- package/dist/{Radio-Dngy9qay.js → Textarea-BwDvldVO.js} +104 -105
- package/dist/Textarea-BwDvldVO.js.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/index.client.js +544 -20
- package/dist/index.client.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -5
- package/dist/index.js +12 -20
- package/dist/index.js.map +1 -1
- package/dist/index.server.js +1 -1
- package/package.json +1 -1
- package/dist/DatePicker-SCRr57u0.js +0 -465
- package/dist/DatePicker-SCRr57u0.js.map +0 -1
- package/dist/Radio-Dngy9qay.js.map +0 -1
package/dist/index.client.js
CHANGED
|
@@ -1,24 +1,548 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import { clsx as
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
2
|
+
import $, { clsx as v } from "clsx";
|
|
3
|
+
import { clsx as Ft } from "clsx";
|
|
4
|
+
import J from "simplebar-react";
|
|
5
|
+
import { default as Gt } from "simplebar-react";
|
|
6
|
+
import { A as G, s as T, c as z } from "./Textarea-BwDvldVO.js";
|
|
7
|
+
import { B as qt, C as Ht, a as Kt, L as Yt, R as Jt, T as Qt, b as Ut } from "./Textarea-BwDvldVO.js";
|
|
8
|
+
import { jsxs as m, jsx as a } from "react/jsx-runtime";
|
|
9
|
+
import { forwardRef as Q, useId as W, useState as M, useEffect as E, useMemo as A, useRef as j } from "react";
|
|
10
|
+
import { DayPicker as F } from "react-day-picker";
|
|
11
|
+
import { parse as x, isValid as B, format as R } from "date-fns";
|
|
12
|
+
import { E as U, a as X, A as Z, C as ee } from "./ArrowDownIcon-DL5pXuXm.js";
|
|
13
|
+
import { C as q } from "./CloseIcon-CwhvW02e.js";
|
|
14
|
+
import { createPortal as te } from "react-dom";
|
|
15
|
+
import { FocusTrap as ne } from "focus-trap-react";
|
|
16
|
+
import { toast as L } from "react-hot-toast";
|
|
17
|
+
const oe = "_wrapper_1i0po_1", re = "_label_1i0po_7", ae = "_disabled_1i0po_14", se = "_inputContainer_1i0po_18", ce = "_input_1i0po_18", ie = "_error_1i0po_51", le = "_withStartIcon_1i0po_64", de = "_withEndIcon_1i0po_68", pe = "_startIcon_1i0po_72", _e = "_endIcon_1i0po_73", ue = "_errorMessage_1i0po_115", me = "_required_1i0po_122", _ = {
|
|
18
|
+
wrapper: oe,
|
|
19
|
+
label: re,
|
|
20
|
+
disabled: ae,
|
|
21
|
+
inputContainer: se,
|
|
22
|
+
input: ce,
|
|
23
|
+
error: ie,
|
|
24
|
+
withStartIcon: le,
|
|
25
|
+
withEndIcon: de,
|
|
26
|
+
startIcon: pe,
|
|
27
|
+
endIcon: _e,
|
|
28
|
+
errorMessage: ue,
|
|
29
|
+
required: me
|
|
30
|
+
}, fe = Q(
|
|
31
|
+
({
|
|
32
|
+
label: e,
|
|
33
|
+
errorMessage: t,
|
|
34
|
+
startIcon: o,
|
|
35
|
+
endIcon: n,
|
|
36
|
+
onEndIconClick: i,
|
|
37
|
+
allowPasswordToggle: s,
|
|
38
|
+
disabled: c,
|
|
39
|
+
type: l = "text",
|
|
40
|
+
className: d,
|
|
41
|
+
required: f,
|
|
42
|
+
id: g,
|
|
43
|
+
...h
|
|
44
|
+
}, y) => {
|
|
45
|
+
const w = W(), p = g ?? w, N = t ? `${p}-error` : void 0, k = !!t, D = l === "password" && s, [C, S] = M(!1);
|
|
46
|
+
return /* @__PURE__ */ m("div", { className: v(_.wrapper, d), children: [
|
|
47
|
+
e && /* @__PURE__ */ m("label", { htmlFor: p, className: v(_.label, { [_.disabled]: c }), children: [
|
|
48
|
+
e,
|
|
49
|
+
f && /* @__PURE__ */ a("sup", { className: _.required, children: " *" })
|
|
50
|
+
] }),
|
|
51
|
+
/* @__PURE__ */ m(
|
|
52
|
+
"div",
|
|
53
|
+
{
|
|
54
|
+
className: v(_.inputContainer, {
|
|
55
|
+
[_.error]: k,
|
|
56
|
+
[_.disabled]: c,
|
|
57
|
+
[_.withStartIcon]: !!o,
|
|
58
|
+
[_.withEndIcon]: !!n || D
|
|
59
|
+
}),
|
|
60
|
+
children: [
|
|
61
|
+
o && /* @__PURE__ */ a("span", { className: _.startIcon, children: o }),
|
|
62
|
+
/* @__PURE__ */ a(
|
|
63
|
+
"input",
|
|
64
|
+
{
|
|
65
|
+
ref: y,
|
|
66
|
+
id: p,
|
|
67
|
+
className: _.input,
|
|
68
|
+
type: D && C ? "text" : l,
|
|
69
|
+
autoComplete: l === "password" ? "current-password" : "off",
|
|
70
|
+
required: f,
|
|
71
|
+
disabled: c,
|
|
72
|
+
"aria-invalid": k,
|
|
73
|
+
"aria-describedby": N,
|
|
74
|
+
...h
|
|
75
|
+
}
|
|
76
|
+
),
|
|
77
|
+
D && /* @__PURE__ */ a(
|
|
78
|
+
"button",
|
|
79
|
+
{
|
|
80
|
+
type: "button",
|
|
81
|
+
className: _.endIcon,
|
|
82
|
+
onClick: () => S((b) => !b),
|
|
83
|
+
"aria-label": C ? "Hide password" : "Show password",
|
|
84
|
+
disabled: c,
|
|
85
|
+
tabIndex: -1,
|
|
86
|
+
children: C ? /* @__PURE__ */ a(U, {}) : /* @__PURE__ */ a(X, {})
|
|
87
|
+
}
|
|
88
|
+
),
|
|
89
|
+
n && !D && /* @__PURE__ */ a(
|
|
90
|
+
"button",
|
|
91
|
+
{
|
|
92
|
+
type: "button",
|
|
93
|
+
className: _.endIcon,
|
|
94
|
+
onClick: i,
|
|
95
|
+
"aria-label": "Action",
|
|
96
|
+
disabled: c,
|
|
97
|
+
children: n
|
|
98
|
+
}
|
|
99
|
+
)
|
|
100
|
+
]
|
|
101
|
+
}
|
|
102
|
+
),
|
|
103
|
+
k && /* @__PURE__ */ a("span", { id: N, className: _.errorMessage, role: "alert", children: t })
|
|
104
|
+
] });
|
|
105
|
+
}
|
|
106
|
+
);
|
|
107
|
+
fe.displayName = "Input";
|
|
108
|
+
const Lt = (e) => {
|
|
109
|
+
L.custom((t) => /* @__PURE__ */ a(
|
|
110
|
+
G,
|
|
111
|
+
{
|
|
112
|
+
variant: "success",
|
|
113
|
+
message: e,
|
|
114
|
+
className: t.visible ? T.toastEnter : T.toastExit,
|
|
115
|
+
onClose: () => L.dismiss(t.id)
|
|
116
|
+
}
|
|
117
|
+
));
|
|
118
|
+
}, Mt = (e, t = "Error!") => {
|
|
119
|
+
L.custom((o) => /* @__PURE__ */ a(
|
|
120
|
+
G,
|
|
121
|
+
{
|
|
122
|
+
variant: "error",
|
|
123
|
+
title: t,
|
|
124
|
+
message: e,
|
|
125
|
+
className: o.visible ? T.toastEnter : T.toastExit,
|
|
126
|
+
onClose: () => L.dismiss(o.id)
|
|
127
|
+
}
|
|
128
|
+
));
|
|
129
|
+
}, we = "_wrapper_l023w_1", he = "_inputContainer_l023w_5", ye = "_label_l023w_11", be = "_inputWrapper_l023w_15", ge = "_trigger_l023w_22", ve = "_icon_l023w_38", Ce = "_placeholder_l023w_45", Ne = "_clearButton_l023w_49", De = "_clearIcon_l023w_89", Ie = "_disabledLabel_l023w_101", Ee = "_error_l023w_123", ke = "_calendar_l023w_141", Se = "_open_l023w_160", xe = "_monthsCaption_l023w_166", Be = "_navButtonPrevious_l023w_172", Re = "_navButtonNext_l023w_173", Oe = "_navIcon_l023w_193", Pe = "_monthGrid_l023w_199", Te = "_dropdowns_l023w_205", Le = "_weekday_l023w_209", Me = "_day_l023w_220", $e = "_dayButton_l023w_227", Ae = "_dayOutside_l023w_254", je = "_dayToday_l023w_258", ze = "_daySelected_l023w_263", Fe = "_dayRangeStart_l023w_264", Ve = "_dayRangeEnd_l023w_265", Ge = "_dayRangeMiddle_l023w_266", r = {
|
|
130
|
+
wrapper: we,
|
|
131
|
+
inputContainer: he,
|
|
132
|
+
label: ye,
|
|
133
|
+
inputWrapper: be,
|
|
134
|
+
trigger: ge,
|
|
135
|
+
icon: ve,
|
|
136
|
+
placeholder: Ce,
|
|
137
|
+
clearButton: Ne,
|
|
138
|
+
clearIcon: De,
|
|
139
|
+
disabledLabel: Ie,
|
|
140
|
+
error: Ee,
|
|
141
|
+
calendar: ke,
|
|
142
|
+
open: Se,
|
|
143
|
+
monthsCaption: xe,
|
|
144
|
+
navButtonPrevious: Be,
|
|
145
|
+
navButtonNext: Re,
|
|
146
|
+
navIcon: Oe,
|
|
147
|
+
monthGrid: Pe,
|
|
148
|
+
dropdowns: Te,
|
|
149
|
+
weekday: Le,
|
|
150
|
+
day: Me,
|
|
151
|
+
dayButton: $e,
|
|
152
|
+
dayOutside: Ae,
|
|
153
|
+
dayToday: je,
|
|
154
|
+
daySelected: ze,
|
|
155
|
+
dayRangeStart: Fe,
|
|
156
|
+
dayRangeEnd: Ve,
|
|
157
|
+
dayRangeMiddle: Ge
|
|
158
|
+
}, We = ({
|
|
159
|
+
ref: e,
|
|
160
|
+
isOpen: t,
|
|
161
|
+
onDismiss: o
|
|
162
|
+
}) => {
|
|
163
|
+
E(() => {
|
|
164
|
+
if (!t) return;
|
|
165
|
+
const n = (s) => {
|
|
166
|
+
e.current && !e.current.contains(s.target) && o();
|
|
167
|
+
}, i = (s) => {
|
|
168
|
+
s.key === "Escape" && o();
|
|
169
|
+
};
|
|
170
|
+
return document.addEventListener("mousedown", n), document.addEventListener("touchstart", n), document.addEventListener("keydown", i), () => {
|
|
171
|
+
document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n), document.removeEventListener("keydown", i);
|
|
172
|
+
};
|
|
173
|
+
}, [t, o, e]);
|
|
174
|
+
}, O = "dd.MM.yyyy", qe = (e) => {
|
|
175
|
+
if (!e) return;
|
|
176
|
+
const t = x(e, O, /* @__PURE__ */ new Date());
|
|
177
|
+
return B(t) ? t : void 0;
|
|
178
|
+
}, He = (e) => {
|
|
179
|
+
if (!e) return;
|
|
180
|
+
const t = " - ", o = e.indexOf(t);
|
|
181
|
+
if (o === -1) {
|
|
182
|
+
const l = x(e.trim(), O, /* @__PURE__ */ new Date());
|
|
183
|
+
return B(l) ? { from: l, to: void 0 } : void 0;
|
|
184
|
+
}
|
|
185
|
+
const n = e.substring(0, o).trim(), i = e.substring(o + t.length).trim();
|
|
186
|
+
if (!n || !i) return;
|
|
187
|
+
const s = x(n, O, /* @__PURE__ */ new Date()), c = x(i, O, /* @__PURE__ */ new Date());
|
|
188
|
+
if (B(s) && B(c))
|
|
189
|
+
return { from: s, to: c };
|
|
190
|
+
}, H = (e, t) => {
|
|
191
|
+
if (e)
|
|
192
|
+
return t === "single" ? qe(e) : He(e);
|
|
193
|
+
}, Ke = (e, t) => {
|
|
194
|
+
const [o, n] = M(/* @__PURE__ */ new Date());
|
|
195
|
+
return {
|
|
196
|
+
month: A(() => {
|
|
197
|
+
const c = H(e, t);
|
|
198
|
+
if (!c) return o;
|
|
199
|
+
if (t === "single" && c instanceof Date)
|
|
200
|
+
return c;
|
|
201
|
+
if (t === "range" && typeof c == "object" && "from" in c) {
|
|
202
|
+
const l = c;
|
|
203
|
+
if (l.from)
|
|
204
|
+
return l.from;
|
|
205
|
+
if (l.to)
|
|
206
|
+
return l.to;
|
|
207
|
+
}
|
|
208
|
+
return o;
|
|
209
|
+
}, [e, t, o]),
|
|
210
|
+
setMonth: (c) => {
|
|
211
|
+
n(c);
|
|
212
|
+
}
|
|
213
|
+
};
|
|
214
|
+
}, Ye = "_container_15bt3_1", Je = "_label_15bt3_7", Qe = "_select_15bt3_14", Ue = "_trigger_15bt3_19", Xe = "_triggerOpen_15bt3_46", Ze = "_placeholder_15bt3_67", et = "_selectedContent_15bt3_71", tt = "_optionIcon_15bt3_81", nt = "_arrow_15bt3_87", ot = "_open_15bt3_98", rt = "_dropdown_15bt3_102", at = "_option_15bt3_81", st = "_selected_15bt3_71", u = {
|
|
215
|
+
container: Ye,
|
|
216
|
+
label: Je,
|
|
217
|
+
select: Qe,
|
|
218
|
+
trigger: Ue,
|
|
219
|
+
triggerOpen: Xe,
|
|
220
|
+
placeholder: Ze,
|
|
221
|
+
selectedContent: et,
|
|
222
|
+
optionIcon: tt,
|
|
223
|
+
arrow: nt,
|
|
224
|
+
open: ot,
|
|
225
|
+
dropdown: rt,
|
|
226
|
+
option: at,
|
|
227
|
+
selected: st
|
|
228
|
+
}, ct = (e) => {
|
|
229
|
+
const { className: t, disabled: o = !1, label: n, onChange: i, options: s, placeholder: c, value: l } = e, [d, f] = M(!1), g = j(null), h = s.find((p) => p.value === l), y = () => {
|
|
230
|
+
o || f(!d);
|
|
231
|
+
}, w = (p) => {
|
|
232
|
+
i?.(p), f(!1);
|
|
233
|
+
};
|
|
234
|
+
return E(() => {
|
|
235
|
+
const p = (N) => {
|
|
236
|
+
g.current && !g.current.contains(N.target) && f(!1);
|
|
237
|
+
};
|
|
238
|
+
return d && document.addEventListener("mousedown", p), () => {
|
|
239
|
+
document.removeEventListener("mousedown", p);
|
|
240
|
+
};
|
|
241
|
+
}, [d]), /* @__PURE__ */ m("div", { className: v(u.container, t), children: [
|
|
242
|
+
n && /* @__PURE__ */ a("label", { className: u.label, children: n }),
|
|
243
|
+
/* @__PURE__ */ m("div", { className: u.select, ref: g, children: [
|
|
244
|
+
/* @__PURE__ */ m(
|
|
245
|
+
"button",
|
|
246
|
+
{
|
|
247
|
+
className: v(u.trigger, d && u.triggerOpen),
|
|
248
|
+
disabled: o,
|
|
249
|
+
onClick: y,
|
|
250
|
+
type: "button",
|
|
251
|
+
"aria-haspopup": "listbox",
|
|
252
|
+
"aria-expanded": d,
|
|
253
|
+
children: [
|
|
254
|
+
/* @__PURE__ */ m("span", { className: h ? u.selectedContent : u.placeholder, children: [
|
|
255
|
+
h?.icon && /* @__PURE__ */ a("span", { className: u.optionIcon, children: h.icon }),
|
|
256
|
+
h ? h.label : c || "Select an option"
|
|
257
|
+
] }),
|
|
258
|
+
/* @__PURE__ */ a("span", { className: v(u.arrow, d && u.open), children: /* @__PURE__ */ a(Z, {}) })
|
|
259
|
+
]
|
|
260
|
+
}
|
|
261
|
+
),
|
|
262
|
+
d && /* @__PURE__ */ a(J, { className: u.dropdown, role: "listbox", style: { maxHeight: 191 }, children: s.map((p) => /* @__PURE__ */ m(
|
|
263
|
+
"button",
|
|
264
|
+
{
|
|
265
|
+
className: v(u.option, p.value === l && u.selected),
|
|
266
|
+
onClick: () => w(p.value),
|
|
267
|
+
type: "button",
|
|
268
|
+
role: "option",
|
|
269
|
+
"aria-selected": p.value === l,
|
|
270
|
+
children: [
|
|
271
|
+
p.icon && /* @__PURE__ */ a("span", { className: u.optionIcon, children: p.icon }),
|
|
272
|
+
p.label
|
|
273
|
+
]
|
|
274
|
+
},
|
|
275
|
+
p.value
|
|
276
|
+
)) })
|
|
277
|
+
] })
|
|
278
|
+
] });
|
|
279
|
+
}, K = (e) => {
|
|
280
|
+
const t = (n) => {
|
|
281
|
+
if (e.onChange) {
|
|
282
|
+
const i = {
|
|
283
|
+
target: {
|
|
284
|
+
value: n
|
|
285
|
+
}
|
|
286
|
+
};
|
|
287
|
+
e.onChange(i);
|
|
288
|
+
}
|
|
289
|
+
}, o = e.options?.map((n) => ({
|
|
290
|
+
value: n.value.toString(),
|
|
291
|
+
label: n.label
|
|
292
|
+
})) || [];
|
|
293
|
+
return /* @__PURE__ */ a(
|
|
294
|
+
ct,
|
|
295
|
+
{
|
|
296
|
+
className: e.className,
|
|
297
|
+
options: o,
|
|
298
|
+
value: e.value?.toString() || "",
|
|
299
|
+
onChange: t
|
|
300
|
+
}
|
|
301
|
+
);
|
|
302
|
+
};
|
|
303
|
+
K.displayName = "DatePickerDropdown";
|
|
304
|
+
const it = {
|
|
305
|
+
month_caption: r.monthsCaption,
|
|
306
|
+
button_previous: r.navButtonPrevious,
|
|
307
|
+
button_next: r.navButtonNext,
|
|
308
|
+
chevron: r.navIcon,
|
|
309
|
+
caption_label: r.captionLabel,
|
|
310
|
+
dropdowns: r.dropdowns,
|
|
311
|
+
dropdown_root: r.dropdown_root,
|
|
312
|
+
dropdown: r.dropdown,
|
|
313
|
+
dropdown_select_option: r.option,
|
|
314
|
+
months_dropdown: r.monthsDropdown,
|
|
315
|
+
years_dropdown: r.yearsDropdown,
|
|
316
|
+
month_grid: r.monthGrid,
|
|
317
|
+
weekday: r.weekday,
|
|
318
|
+
day_button: r.dayButton,
|
|
319
|
+
day: r.day,
|
|
320
|
+
outside: r.dayOutside,
|
|
321
|
+
selected: r.daySelected,
|
|
322
|
+
range_start: r.dayRangeStart,
|
|
323
|
+
range_middle: r.dayRangeMiddle,
|
|
324
|
+
range_end: r.dayRangeEnd,
|
|
325
|
+
today: r.dayToday
|
|
326
|
+
}, lt = {
|
|
327
|
+
Dropdown: K
|
|
328
|
+
}, dt = {
|
|
329
|
+
weekStartsOn: 1,
|
|
330
|
+
showOutsideDays: !0,
|
|
331
|
+
reverseYears: !0,
|
|
332
|
+
captionLayout: "dropdown"
|
|
333
|
+
}, pt = {
|
|
334
|
+
components: lt,
|
|
335
|
+
...dt
|
|
336
|
+
}, _t = (e) => ({
|
|
337
|
+
...pt,
|
|
338
|
+
classNames: {
|
|
339
|
+
root: $(r.calendar, e && r.open),
|
|
340
|
+
...it
|
|
341
|
+
}
|
|
342
|
+
}), P = "dd.MM.yyyy", ut = (e) => e ? R(e, P) : "", mt = (e) => !e || !e.from ? "" : e.to && e.from.getTime() !== e.to.getTime() ? `${R(e.from, P)} - ${R(e.to, P)}` : R(e.from, P), V = (e, t) => e ? t === "single" && e instanceof Date ? ut(e) : t === "range" && typeof e == "object" && "from" in e ? mt(e) : "" : "", ft = ({
|
|
343
|
+
value: e,
|
|
344
|
+
mode: t,
|
|
345
|
+
onChange: o,
|
|
346
|
+
setMonth: n,
|
|
347
|
+
setIsOpen: i
|
|
348
|
+
}) => {
|
|
349
|
+
if (!e) {
|
|
350
|
+
o("");
|
|
351
|
+
return;
|
|
352
|
+
}
|
|
353
|
+
if (t === "single") {
|
|
354
|
+
e instanceof Date && (n(e), o(V(e, "single")), i(!1));
|
|
355
|
+
return;
|
|
356
|
+
}
|
|
357
|
+
if (t === "range" && typeof e == "object" && "from" in e) {
|
|
358
|
+
const s = e;
|
|
359
|
+
s.from ? n(s.from) : s.to && n(s.to);
|
|
360
|
+
const c = V(s, "range");
|
|
361
|
+
o(c), s.from && s.to && s.from.getTime() !== s.to.getTime() && i(!1);
|
|
362
|
+
}
|
|
363
|
+
}, wt = (e, t, o) => {
|
|
364
|
+
if (e) {
|
|
365
|
+
if (t === "single" && e instanceof Date) {
|
|
366
|
+
o(e);
|
|
367
|
+
return;
|
|
368
|
+
}
|
|
369
|
+
if (t === "range" && typeof e == "object" && "from" in e) {
|
|
370
|
+
const n = e;
|
|
371
|
+
n.from ? o(n.from) : n.to && o(n.to);
|
|
372
|
+
}
|
|
373
|
+
}
|
|
374
|
+
}, $t = ({
|
|
375
|
+
mode: e,
|
|
376
|
+
value: t,
|
|
377
|
+
onChange: o,
|
|
378
|
+
disabled: n,
|
|
379
|
+
label: i,
|
|
380
|
+
error: s,
|
|
381
|
+
placeholder: c,
|
|
382
|
+
...l
|
|
383
|
+
}) => {
|
|
384
|
+
const [d, f] = M(!1), g = j(null), { month: h, setMonth: y } = Ke(t, e), w = A(() => H(t, e), [t, e]);
|
|
385
|
+
E(() => {
|
|
386
|
+
wt(w, e, y);
|
|
387
|
+
}, [w, e, y]), We({ ref: g, isOpen: d, onDismiss: () => {
|
|
388
|
+
f(!1);
|
|
389
|
+
} });
|
|
390
|
+
const N = (b) => {
|
|
391
|
+
b.stopPropagation(), C(void 0);
|
|
392
|
+
}, k = () => {
|
|
393
|
+
n || f((b) => !b);
|
|
394
|
+
}, D = (b) => {
|
|
395
|
+
const Y = b.currentTarget.value;
|
|
396
|
+
o(Y);
|
|
397
|
+
}, C = (b) => {
|
|
398
|
+
ft({
|
|
399
|
+
value: b,
|
|
400
|
+
mode: e,
|
|
401
|
+
onChange: o,
|
|
402
|
+
setMonth: y,
|
|
403
|
+
setIsOpen: f
|
|
404
|
+
});
|
|
405
|
+
}, S = A(() => _t(d), [d]);
|
|
406
|
+
return /* @__PURE__ */ m("div", { ref: g, className: r.wrapper, children: [
|
|
407
|
+
/* @__PURE__ */ m("div", { className: r.inputContainer, children: [
|
|
408
|
+
i && /* @__PURE__ */ a("span", { className: n ? r.disabledLabel : r.label, children: /* @__PURE__ */ a(z, { variant: "text-14", children: i }) }),
|
|
409
|
+
/* @__PURE__ */ m("div", { className: r.inputWrapper, children: [
|
|
410
|
+
/* @__PURE__ */ a(
|
|
411
|
+
"input",
|
|
412
|
+
{
|
|
413
|
+
type: "text",
|
|
414
|
+
className: $(r.trigger, s && r.error),
|
|
415
|
+
onClick: k,
|
|
416
|
+
value: t,
|
|
417
|
+
onChange: D,
|
|
418
|
+
placeholder: c,
|
|
419
|
+
disabled: n,
|
|
420
|
+
"aria-label": i || "Select date",
|
|
421
|
+
"aria-expanded": d,
|
|
422
|
+
"aria-haspopup": "dialog",
|
|
423
|
+
"aria-invalid": s ? "true" : "false",
|
|
424
|
+
...l
|
|
425
|
+
}
|
|
426
|
+
),
|
|
427
|
+
t && !n && /* @__PURE__ */ a(
|
|
428
|
+
"button",
|
|
429
|
+
{
|
|
430
|
+
type: "button",
|
|
431
|
+
className: r.clearButton,
|
|
432
|
+
onClick: N,
|
|
433
|
+
"aria-label": "Clear date",
|
|
434
|
+
children: /* @__PURE__ */ a(q, { className: r.clearIcon })
|
|
435
|
+
}
|
|
436
|
+
),
|
|
437
|
+
/* @__PURE__ */ a(ee, { className: $(r.icon, !t && r.placeholder) })
|
|
438
|
+
] }),
|
|
439
|
+
s && /* @__PURE__ */ a(z, { variant: "small", className: r.error, children: s })
|
|
440
|
+
] }),
|
|
441
|
+
e === "single" ? /* @__PURE__ */ a(
|
|
442
|
+
F,
|
|
443
|
+
{
|
|
444
|
+
...S,
|
|
445
|
+
month: h,
|
|
446
|
+
onMonthChange: y,
|
|
447
|
+
mode: "single",
|
|
448
|
+
selected: w instanceof Date ? w : void 0,
|
|
449
|
+
onSelect: C
|
|
450
|
+
}
|
|
451
|
+
) : /* @__PURE__ */ a(
|
|
452
|
+
F,
|
|
453
|
+
{
|
|
454
|
+
...S,
|
|
455
|
+
month: h,
|
|
456
|
+
onMonthChange: y,
|
|
457
|
+
mode: "range",
|
|
458
|
+
selected: w && typeof w == "object" && "from" in w ? w : void 0,
|
|
459
|
+
onSelect: C
|
|
460
|
+
}
|
|
461
|
+
)
|
|
462
|
+
] });
|
|
463
|
+
}, ht = "_overlay_1botz_1", yt = "_modal_1botz_15", bt = "_header_1botz_29", gt = "_title_1botz_39", vt = "_close_1botz_52", Ct = "_body_1botz_79", I = {
|
|
464
|
+
overlay: ht,
|
|
465
|
+
modal: yt,
|
|
466
|
+
header: bt,
|
|
467
|
+
title: gt,
|
|
468
|
+
close: vt,
|
|
469
|
+
body: Ct
|
|
470
|
+
}, At = ({ open: e, onClose: t, title: o, children: n, className: i }) => {
|
|
471
|
+
const s = W(), c = j(t);
|
|
472
|
+
if (E(() => {
|
|
473
|
+
c.current = t;
|
|
474
|
+
}, [t]), E(() => {
|
|
475
|
+
if (e)
|
|
476
|
+
return document.body.style.overflow = "hidden", () => {
|
|
477
|
+
document.body.style.overflow = "";
|
|
478
|
+
};
|
|
479
|
+
}, [e]), E(() => {
|
|
480
|
+
if (!e) return;
|
|
481
|
+
const d = (f) => {
|
|
482
|
+
f.key === "Escape" && c.current();
|
|
483
|
+
};
|
|
484
|
+
return document.addEventListener("keydown", d), () => {
|
|
485
|
+
document.removeEventListener("keydown", d);
|
|
486
|
+
};
|
|
487
|
+
}, [e]), !e || typeof document > "u") return null;
|
|
488
|
+
const l = document.getElementById("modal-root") ?? document.body;
|
|
489
|
+
return te(
|
|
490
|
+
/* @__PURE__ */ a(
|
|
491
|
+
ne,
|
|
492
|
+
{
|
|
493
|
+
active: e,
|
|
494
|
+
focusTrapOptions: {
|
|
495
|
+
clickOutsideDeactivates: !0,
|
|
496
|
+
returnFocusOnDeactivate: !0
|
|
497
|
+
},
|
|
498
|
+
children: /* @__PURE__ */ a("div", { className: I.overlay, onClick: () => c.current(), children: /* @__PURE__ */ m(
|
|
499
|
+
"div",
|
|
500
|
+
{
|
|
501
|
+
className: v(I.modal, i),
|
|
502
|
+
onClick: (d) => d.stopPropagation(),
|
|
503
|
+
role: "dialog",
|
|
504
|
+
"aria-modal": "true",
|
|
505
|
+
"aria-labelledby": s,
|
|
506
|
+
children: [
|
|
507
|
+
/* @__PURE__ */ m("header", { className: I.header, children: [
|
|
508
|
+
/* @__PURE__ */ a("h2", { id: s, className: I.title, children: o }),
|
|
509
|
+
/* @__PURE__ */ a(
|
|
510
|
+
"button",
|
|
511
|
+
{
|
|
512
|
+
type: "button",
|
|
513
|
+
className: I.close,
|
|
514
|
+
"aria-label": "Close modal",
|
|
515
|
+
onClick: () => c.current(),
|
|
516
|
+
children: /* @__PURE__ */ a(q, {})
|
|
517
|
+
}
|
|
518
|
+
)
|
|
519
|
+
] }),
|
|
520
|
+
/* @__PURE__ */ a("div", { className: I.body, children: n })
|
|
521
|
+
]
|
|
522
|
+
}
|
|
523
|
+
) })
|
|
524
|
+
}
|
|
525
|
+
),
|
|
526
|
+
l
|
|
527
|
+
);
|
|
528
|
+
};
|
|
6
529
|
export {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
530
|
+
G as Alert,
|
|
531
|
+
qt as Button,
|
|
532
|
+
Ht as Card,
|
|
533
|
+
Kt as Checkbox,
|
|
534
|
+
$t as DatePicker,
|
|
535
|
+
fe as Input,
|
|
536
|
+
Yt as Label,
|
|
537
|
+
At as Modal,
|
|
538
|
+
Jt as Radio,
|
|
539
|
+
ct as Select,
|
|
540
|
+
Gt as SimpleBar,
|
|
541
|
+
Qt as Tab,
|
|
542
|
+
Ut as Textarea,
|
|
543
|
+
z as Typography,
|
|
544
|
+
Ft as clsx,
|
|
545
|
+
Mt as toastError,
|
|
546
|
+
Lt as toastSuccess
|
|
23
547
|
};
|
|
24
548
|
//# sourceMappingURL=index.client.js.map
|
package/dist/index.client.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.client.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
1
|
+
{"version":3,"file":"index.client.js","sources":["../src/components/Input/Input.tsx","../src/components/Alert/toast.tsx","../src/components/DatePicker/hooks/useDismiss.ts","../src/components/DatePicker/utils/parseDateValue.ts","../src/components/DatePicker/hooks/useDatePickerState.ts","../src/components/Select/Select.tsx","../src/components/DatePicker/utils/getDayPickerProps.tsx","../src/components/DatePicker/utils/formatDateValue.ts","../src/components/DatePicker/utils/handleDateSelect.ts","../src/components/DatePicker/utils/updateMonthFromDate.ts","../src/components/DatePicker/DatePicker.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef, useId, useState } from 'react'\nimport { clsx } from 'clsx'\n\nimport s from './Input.module.css'\nimport { InputProps } from './Input.types'\nimport { EyeIcon, EyeOffIcon } from '@/icons'\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n (\n {\n label,\n errorMessage,\n startIcon,\n endIcon,\n onEndIconClick,\n allowPasswordToggle,\n disabled,\n type = 'text',\n className,\n required,\n id,\n ...rest\n },\n ref,\n ) => {\n const generatedId = useId()\n const inputId = id ?? generatedId\n const errorId = errorMessage ? `${inputId}-error` : undefined\n\n const isError = Boolean(errorMessage)\n const isPassword = type === 'password' && allowPasswordToggle\n\n const [showPassword, setShowPassword] = useState(false)\n\n return (\n <div className={clsx(s.wrapper, className)}>\n {label && (\n <label htmlFor={inputId} className={clsx(s.label, { [s.disabled]: disabled })}>\n {label}\n {required && <sup className={s.required}> *</sup>}\n </label>\n )}\n\n <div\n className={clsx(s.inputContainer, {\n [s.error]: isError,\n [s.disabled]: disabled,\n [s.withStartIcon]: Boolean(startIcon),\n [s.withEndIcon]: Boolean(endIcon) || isPassword,\n })}\n >\n {startIcon && <span className={s.startIcon}>{startIcon}</span>}\n\n <input\n ref={ref}\n id={inputId}\n className={s.input}\n type={isPassword && showPassword ? 'text' : type}\n autoComplete={type === 'password' ? 'current-password' : 'off'}\n required={required}\n disabled={disabled}\n aria-invalid={isError}\n aria-describedby={errorId}\n {...rest}\n />\n\n {isPassword && (\n <button\n type=\"button\"\n className={s.endIcon}\n onClick={() => setShowPassword((v) => !v)}\n aria-label={showPassword ? 'Hide password' : 'Show password'}\n disabled={disabled}\n tabIndex={-1}\n >\n {showPassword ? <EyeOffIcon /> : <EyeIcon />}\n </button>\n )}\n\n {endIcon && !isPassword && (\n <button\n type=\"button\"\n className={s.endIcon}\n onClick={onEndIconClick}\n aria-label=\"Action\"\n disabled={disabled}\n >\n {endIcon}\n </button>\n )}\n </div>\n\n {isError && (\n <span id={errorId} className={s.errorMessage} role=\"alert\">\n {errorMessage}\n </span>\n )}\n </div>\n )\n },\n)\n\nInput.displayName = 'Input'\n","'use client'\n\nimport { toast } from 'react-hot-toast'\nimport { Alert } from './Alert'\nimport s from './Alert.module.css'\n\n/**\n * Show a success toast rendered with the shared `Alert` component.\n * @param message - Text to display in the toast body.\n */\nexport const toastSuccess = (message: string) => {\n toast.custom((t) => (\n <Alert\n variant=\"success\"\n message={message}\n className={t.visible ? s.toastEnter : s.toastExit}\n onClose={() => toast.dismiss(t.id)}\n />\n ))\n}\n\n/**\n * Show an error toast rendered with the shared `Alert` component.\n * @param message - Text to display in the toast body.\n * @param title - Optional heading shown above the message. Defaults to `\"Error!\"`.\n */\nexport const toastError = (message: string, title = 'Error!') => {\n toast.custom((t) => (\n <Alert\n variant=\"error\"\n title={title}\n message={message}\n className={t.visible ? s.toastEnter : s.toastExit}\n onClose={() => toast.dismiss(t.id)}\n />\n ))\n}\n","'use client'\n\nimport { useEffect, type RefObject } from 'react'\n\ntype UseDismissParams<T extends HTMLElement = HTMLElement> = {\n ref: RefObject<T | null>\n isOpen: boolean\n onDismiss: () => void\n}\n\nexport const useDismiss = <T extends HTMLElement = HTMLElement>({\n ref,\n isOpen,\n onDismiss,\n}: UseDismissParams<T>) => {\n useEffect(() => {\n if (!isOpen) return\n\n const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n onDismiss()\n }\n }\n\n const handleEscape = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n onDismiss()\n }\n }\n\n document.addEventListener('mousedown', handleClickOutside)\n document.addEventListener('touchstart', handleClickOutside)\n document.addEventListener('keydown', handleEscape)\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n document.removeEventListener('touchstart', handleClickOutside)\n document.removeEventListener('keydown', handleEscape)\n }\n }, [isOpen, onDismiss, ref])\n}\n","import { isValid, parse } from 'date-fns'\nimport { DateRange } from 'react-day-picker'\n\nconst DATE_FORMAT = 'dd.MM.yyyy'\n\nexport const parseSingleDate = (value: string): Date | undefined => {\n if (!value) return undefined\n\n const parsedDate = parse(value, DATE_FORMAT, new Date())\n return isValid(parsedDate) ? parsedDate : undefined\n}\n\nexport const parseRangeDate = (value: string): DateRange | undefined => {\n if (!value) return undefined\n\n const separator = ' - '\n const separatorIndex = value.indexOf(separator)\n\n if (separatorIndex === -1) {\n const parsedDate = parse(value.trim(), DATE_FORMAT, new Date())\n if (isValid(parsedDate)) {\n return { from: parsedDate, to: undefined }\n }\n return undefined\n }\n\n const fromPart = value.substring(0, separatorIndex).trim()\n const toPart = value.substring(separatorIndex + separator.length).trim()\n\n if (!fromPart || !toPart) return undefined\n\n const fromDate = parse(fromPart, DATE_FORMAT, new Date())\n const toDate = parse(toPart, DATE_FORMAT, new Date())\n\n if (isValid(fromDate) && isValid(toDate)) {\n return { from: fromDate, to: toDate }\n }\n\n return undefined\n}\n\nexport const parseDateValue = (\n value: string,\n mode: 'single' | 'range',\n): Date | DateRange | undefined => {\n if (!value) return undefined\n\n if (mode === 'single') {\n return parseSingleDate(value)\n }\n\n return parseRangeDate(value)\n}\n","'use client'\n\nimport { useState, useMemo } from 'react'\nimport { DateRange } from 'react-day-picker'\nimport { parseDateValue } from '../utils/parseDateValue'\n\nexport const useDatePickerState = (value: string, mode: 'single' | 'range') => {\n const [localMonth, setLocalMonth] = useState(new Date())\n\n const month = useMemo(() => {\n const parsedDate = parseDateValue(value, mode)\n\n if (!parsedDate) return localMonth\n\n if (mode === 'single' && parsedDate instanceof Date) {\n return parsedDate\n }\n\n if (mode === 'range' && typeof parsedDate === 'object' && 'from' in parsedDate) {\n const range = parsedDate as DateRange\n if (range.from) {\n return range.from\n }\n if (range.to) {\n return range.to\n }\n }\n\n return localMonth\n }, [value, mode, localMonth])\n\n const setMonth = (date: Date) => {\n setLocalMonth(date)\n }\n\n return {\n month,\n setMonth,\n }\n}\n","'use client'\n\nimport { useEffect, useRef, useState } from 'react'\n\nimport { clsx } from 'clsx'\n\nimport SimpleBar from 'simplebar-react'\nimport 'simplebar-react/dist/simplebar.min.css'\n\nimport { ArrowDownIcon } from '@/icons'\n\nimport s from './Select.module.css'\nimport { SelectProps } from './'\n\nexport const Select = (props: SelectProps) => {\n const { className, disabled = false, label, onChange, options, placeholder, value } = props\n\n const [isOpen, setIsOpen] = useState(false)\n const selectRef = useRef<HTMLDivElement>(null)\n\n const selectedOption = options.find((option) => option.value === value)\n\n const handleToggle = () => {\n if (!disabled) {\n setIsOpen(!isOpen)\n }\n }\n\n const handleSelect = (optionValue: string) => {\n onChange?.(optionValue)\n setIsOpen(false)\n }\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (selectRef.current && !selectRef.current.contains(event.target as Node)) {\n setIsOpen(false)\n }\n }\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside)\n }\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [isOpen])\n\n return (\n <div className={clsx(s.container, className)}>\n {label && <label className={s.label}>{label}</label>}\n\n <div className={s.select} ref={selectRef}>\n <button\n className={clsx(s.trigger, isOpen && s.triggerOpen)}\n disabled={disabled}\n onClick={handleToggle}\n type=\"button\"\n aria-haspopup=\"listbox\"\n aria-expanded={isOpen}\n >\n <span className={selectedOption ? s.selectedContent : s.placeholder}>\n {selectedOption?.icon && <span className={s.optionIcon}>{selectedOption.icon}</span>}\n {selectedOption ? selectedOption.label : placeholder || 'Select an option'}\n </span>\n <span className={clsx(s.arrow, isOpen && s.open)}>\n <ArrowDownIcon />\n </span>\n </button>\n\n {isOpen && (\n <SimpleBar className={s.dropdown} role=\"listbox\" style={{ maxHeight: 191 }}>\n {options.map((option) => (\n <button\n key={option.value}\n className={clsx(s.option, option.value === value && s.selected)}\n onClick={() => handleSelect(option.value)}\n type=\"button\"\n role=\"option\"\n aria-selected={option.value === value}\n >\n {option.icon && <span className={s.optionIcon}>{option.icon}</span>}\n {option.label}\n </button>\n ))}\n </SimpleBar>\n )}\n </div>\n </div>\n )\n}\n","import React from 'react'\nimport clsx from 'clsx'\nimport { DropdownProps } from 'react-day-picker'\nimport { Select } from '../../Select'\nimport styles from '../DatePicker.module.css'\nimport { CaptionLayout, WeekStartsOn } from '../DatePicker.types'\n\nconst DropdownComponent = (props: DropdownProps) => {\n const handleDropdownChange = (value: string) => {\n if (props.onChange) {\n const syntheticEvent = {\n target: {\n value,\n },\n } as React.ChangeEvent<HTMLSelectElement>\n\n props.onChange(syntheticEvent)\n }\n }\n\n const selectOptions =\n props.options?.map((option) => ({\n value: option.value.toString(),\n label: option.label,\n })) || []\n\n return (\n <Select\n className={props.className}\n options={selectOptions}\n value={props.value?.toString() || ''}\n onChange={handleDropdownChange}\n />\n )\n}\n\nDropdownComponent.displayName = 'DatePickerDropdown'\n\nconst staticClassNames = {\n month_caption: styles.monthsCaption,\n button_previous: styles.navButtonPrevious,\n button_next: styles.navButtonNext,\n chevron: styles.navIcon,\n caption_label: styles.captionLabel,\n\n dropdowns: styles.dropdowns,\n dropdown_root: styles.dropdown_root,\n dropdown: styles.dropdown,\n dropdown_select_option: styles.option,\n\n months_dropdown: styles.monthsDropdown,\n years_dropdown: styles.yearsDropdown,\n\n month_grid: styles.monthGrid,\n weekday: styles.weekday,\n day_button: styles.dayButton,\n day: styles.day,\n outside: styles.dayOutside,\n selected: styles.daySelected,\n range_start: styles.dayRangeStart,\n range_middle: styles.dayRangeMiddle,\n range_end: styles.dayRangeEnd,\n today: styles.dayToday,\n} as const\n\nconst staticComponents = {\n Dropdown: DropdownComponent,\n} as const\n\nconst staticProps = {\n weekStartsOn: 1 as WeekStartsOn,\n showOutsideDays: true,\n reverseYears: true,\n captionLayout: 'dropdown' as CaptionLayout,\n} as const\n\nconst baseDayPickerProps = {\n components: staticComponents,\n ...staticProps,\n} as const\n\nexport const getDayPickerProps = (isOpen: boolean) => {\n return {\n ...baseDayPickerProps,\n classNames: {\n root: clsx(styles.calendar, isOpen && styles.open),\n ...staticClassNames,\n },\n }\n}\n","import { DateRange } from 'react-day-picker'\nimport { format } from 'date-fns'\n\nconst DATE_FORMAT = 'dd.MM.yyyy'\n\nexport const formatSingleDate = (date: Date | undefined): string => {\n if (!date) return ''\n return format(date, DATE_FORMAT)\n}\n\nexport const formatRangeDate = (range: DateRange | undefined): string => {\n if (!range || !range.from) return ''\n\n if (range.to && range.from.getTime() !== range.to.getTime()) {\n return `${format(range.from, DATE_FORMAT)} - ${format(range.to, DATE_FORMAT)}`\n }\n\n return format(range.from, DATE_FORMAT)\n}\n\nexport const formatDateValue = (\n value: Date | DateRange | undefined,\n mode: 'single' | 'range',\n): string => {\n if (!value) return ''\n\n if (mode === 'single' && value instanceof Date) {\n return formatSingleDate(value)\n }\n\n if (mode === 'range' && typeof value === 'object' && 'from' in value) {\n return formatRangeDate(value as DateRange)\n }\n\n return ''\n}\n","import { DateRange } from 'react-day-picker'\nimport { formatDateValue } from './formatDateValue'\n\ntype HandleDateSelectParams = {\n value: Date | DateRange | undefined\n mode: 'single' | 'range'\n onChange: (value: string) => void\n setMonth: (date: Date) => void\n setIsOpen: (open: boolean) => void\n}\n\nexport const handleDateSelect = ({\n value,\n mode,\n onChange,\n setMonth,\n setIsOpen,\n}: HandleDateSelectParams) => {\n if (!value) {\n onChange('')\n return\n }\n\n if (mode === 'single') {\n if (value instanceof Date) {\n setMonth(value)\n onChange(formatDateValue(value, 'single'))\n setIsOpen(false)\n }\n return\n }\n\n if (mode === 'range' && typeof value === 'object' && 'from' in value) {\n const range = value as DateRange\n\n if (range.from) {\n setMonth(range.from)\n } else if (range.to) {\n setMonth(range.to)\n }\n\n const formattedValue = formatDateValue(range, 'range')\n onChange(formattedValue)\n\n if (range.from && range.to && range.from.getTime() !== range.to.getTime()) {\n setIsOpen(false)\n }\n }\n}\n","import { DateRange } from 'react-day-picker'\n\nexport const updateMonthFromDate = (\n date: Date | DateRange | undefined,\n mode: 'single' | 'range',\n setMonth: (date: Date) => void,\n) => {\n if (!date) return\n\n if (mode === 'single' && date instanceof Date) {\n setMonth(date)\n return\n }\n\n if (mode === 'range' && typeof date === 'object' && 'from' in date) {\n const range = date as DateRange\n if (range.from) {\n setMonth(range.from)\n } else if (range.to) {\n setMonth(range.to)\n }\n }\n}\n","'use client'\n\nimport { Typography } from '@/components/Typography'\nimport { CalendarIcon, CloseIcon } from '@/icons'\nimport clsx from 'clsx'\nimport { ChangeEvent, type MouseEvent, useEffect, useMemo, useRef, useState } from 'react'\nimport { DateRange, DayPicker, type DayPickerProps } from 'react-day-picker'\n\nimport styles from './DatePicker.module.css'\nimport { DatePickerProps } from './DatePicker.types'\nimport { useDismiss } from './hooks/useDismiss'\nimport { useDatePickerState } from './hooks/useDatePickerState'\nimport { getDayPickerProps } from './utils/getDayPickerProps'\nimport { handleDateSelect } from './utils/handleDateSelect'\nimport { parseDateValue } from './utils/parseDateValue'\nimport { updateMonthFromDate } from './utils/updateMonthFromDate'\n\nexport const DatePicker = ({\n mode,\n value,\n onChange,\n disabled,\n label,\n error,\n placeholder,\n ...rest\n}: DatePickerProps) => {\n const [isOpen, setIsOpen] = useState(false)\n const wrapperRef = useRef<HTMLDivElement>(null)\n const { month, setMonth } = useDatePickerState(value, mode)\n\n const parsedDate = useMemo(() => parseDateValue(value, mode), [value, mode])\n\n useEffect(() => {\n updateMonthFromDate(parsedDate, mode, setMonth)\n }, [parsedDate, mode, setMonth])\n\n const closeCalendar = () => {\n setIsOpen(false)\n }\n\n useDismiss({ ref: wrapperRef, isOpen, onDismiss: closeCalendar })\n\n const handleClear = (e: MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation()\n handleSelect(undefined)\n }\n\n const handleToggle = () => {\n if (disabled) return\n setIsOpen((prev) => !prev)\n }\n\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.currentTarget.value\n onChange(inputValue)\n }\n\n const handleSelect = (selectedValue: Date | DateRange | undefined) => {\n handleDateSelect({\n value: selectedValue,\n mode,\n onChange,\n setMonth,\n setIsOpen,\n })\n }\n\n const commonDayPickerProps = useMemo(() => getDayPickerProps(isOpen), [isOpen])\n\n return (\n <div ref={wrapperRef} className={styles.wrapper}>\n <div className={styles.inputContainer}>\n {label && (\n <span className={disabled ? styles.disabledLabel : styles.label}>\n <Typography variant=\"text-14\">{label}</Typography>\n </span>\n )}\n <div className={styles.inputWrapper}>\n <input\n type=\"text\"\n className={clsx(styles.trigger, error && styles.error)}\n onClick={handleToggle}\n value={value}\n onChange={handleInputChange}\n placeholder={placeholder}\n disabled={disabled}\n aria-label={label || 'Select date'}\n aria-expanded={isOpen}\n aria-haspopup=\"dialog\"\n aria-invalid={error ? 'true' : 'false'}\n {...rest}\n />\n {value && !disabled && (\n <button\n type=\"button\"\n className={styles.clearButton}\n onClick={handleClear}\n aria-label=\"Clear date\"\n >\n <CloseIcon className={styles.clearIcon} />\n </button>\n )}\n <CalendarIcon className={clsx(styles.icon, !value && styles.placeholder)} />\n </div>\n {error && (\n <Typography variant=\"small\" className={styles.error}>\n {error}\n </Typography>\n )}\n </div>\n\n {mode === 'single' ? (\n <DayPicker\n {...(commonDayPickerProps as DayPickerProps)}\n month={month}\n onMonthChange={setMonth}\n mode=\"single\"\n selected={parsedDate instanceof Date ? parsedDate : undefined}\n onSelect={handleSelect}\n />\n ) : (\n <DayPicker\n {...(commonDayPickerProps as DayPickerProps)}\n month={month}\n onMonthChange={setMonth}\n mode=\"range\"\n selected={\n parsedDate && typeof parsedDate === 'object' && 'from' in parsedDate\n ? (parsedDate as DateRange)\n : undefined\n }\n onSelect={handleSelect}\n />\n )}\n </div>\n )\n}\n","'use client'\n\nimport { useEffect, useId, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport { FocusTrap } from 'focus-trap-react'\n\nimport s from './Modal.module.css'\nimport { ModalProps } from './Modal.types'\nimport { CloseIcon } from '@/icons/CloseIcon'\n\nexport const Modal = ({ open, onClose, title, children, className }: ModalProps) => {\n const titleId = useId()\n const onCloseRef = useRef(onClose)\n\n useEffect(() => {\n onCloseRef.current = onClose\n }, [onClose])\n\n useEffect(() => {\n if (!open) return\n\n document.body.style.overflow = 'hidden'\n\n return () => {\n document.body.style.overflow = ''\n }\n }, [open])\n\n useEffect(() => {\n if (!open) return\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n onCloseRef.current()\n }\n }\n\n document.addEventListener('keydown', handleKeyDown)\n return () => {\n document.removeEventListener('keydown', handleKeyDown)\n }\n }, [open])\n\n if (!open) return null\n if (typeof document === 'undefined') return null\n const modalRoot = document.getElementById('modal-root') ?? document.body\n\n return createPortal(\n <FocusTrap\n active={open}\n focusTrapOptions={{\n clickOutsideDeactivates: true,\n returnFocusOnDeactivate: true,\n }}\n >\n <div className={s.overlay} onClick={() => onCloseRef.current()}>\n <div\n className={clsx(s.modal, className)}\n onClick={(e) => e.stopPropagation()}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={titleId}\n >\n <header className={s.header}>\n <h2 id={titleId} className={s.title}>\n {title}\n </h2>\n\n <button\n type=\"button\"\n className={s.close}\n aria-label=\"Close modal\"\n onClick={() => onCloseRef.current()}\n >\n <CloseIcon />\n </button>\n </header>\n\n <div className={s.body}>{children}</div>\n </div>\n </div>\n </FocusTrap>,\n modalRoot,\n )\n}\n"],"names":["Input","forwardRef","label","errorMessage","startIcon","endIcon","onEndIconClick","allowPasswordToggle","disabled","type","className","required","id","rest","ref","generatedId","useId","inputId","errorId","isError","isPassword","showPassword","setShowPassword","useState","clsx","s","jsxs","jsx","v","EyeOffIcon","EyeIcon","toastSuccess","message","toast","Alert","toastError","title","t","useDismiss","isOpen","onDismiss","useEffect","handleClickOutside","event","handleEscape","DATE_FORMAT","parseSingleDate","value","parsedDate","parse","isValid","parseRangeDate","separator","separatorIndex","fromPart","toPart","fromDate","toDate","parseDateValue","mode","useDatePickerState","localMonth","setLocalMonth","useMemo","range","date","Select","props","onChange","options","placeholder","setIsOpen","selectRef","useRef","selectedOption","option","handleToggle","handleSelect","optionValue","ArrowDownIcon","SimpleBar","DropdownComponent","handleDropdownChange","syntheticEvent","selectOptions","staticClassNames","styles","staticComponents","staticProps","baseDayPickerProps","getDayPickerProps","formatSingleDate","format","formatRangeDate","formatDateValue","handleDateSelect","setMonth","formattedValue","updateMonthFromDate","DatePicker","error","wrapperRef","month","handleClear","e","prev","handleInputChange","inputValue","selectedValue","commonDayPickerProps","Typography","CloseIcon","CalendarIcon","DayPicker","Modal","open","onClose","children","titleId","onCloseRef","handleKeyDown","modalRoot","createPortal","FocusTrap"],"mappings":"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"}
|