@yourbestsoft/studio-screen-ui-kit 0.0.7 → 0.0.9
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/ToolIconButton-Ch07gB2_.js +524 -0
- package/dist/ToolIconButton-Ch07gB2_.js.map +1 -0
- package/dist/components/table/Table.d.ts +9 -15
- package/dist/components/text-field/text-field.d.ts +1 -0
- package/dist/features/card-collection/CardCollection.d.ts +4 -1
- package/dist/index.js +2 -2
- package/dist/index2.js +38 -37
- package/dist/index2.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/ToolIconButton-uQjlHv_6.js +0 -520
- package/dist/ToolIconButton-uQjlHv_6.js.map +0 -1
|
@@ -0,0 +1,524 @@
|
|
|
1
|
+
import { jsx as n, jsxs as g, Fragment as A } from "react/jsx-runtime";
|
|
2
|
+
import i from "classnames";
|
|
3
|
+
import G, { forwardRef as b, createContext as W, useState as T, useRef as E, useEffect as I, useContext as w } from "react";
|
|
4
|
+
import { Eye as J, EyeOff as Q, X as U, Search as Y } from "lucide-react";
|
|
5
|
+
const Z = "_text_4m304_1", tt = "_tertiary_4m304_1", et = "_secondary_4m304_1", ot = "_primary_4m304_1", nt = "_fullWidth_4m304_50", st = "_buttonWithIcon_4m304_54", rt = "_content_4m304_61", ct = "_shortcut_4m304_70", at = "_disabled_4m304_82", v = {
|
|
6
|
+
text: Z,
|
|
7
|
+
tertiary: tt,
|
|
8
|
+
secondary: et,
|
|
9
|
+
primary: ot,
|
|
10
|
+
fullWidth: nt,
|
|
11
|
+
buttonWithIcon: st,
|
|
12
|
+
content: rt,
|
|
13
|
+
shortcut: ct,
|
|
14
|
+
disabled: at
|
|
15
|
+
}, it = ({
|
|
16
|
+
children: t,
|
|
17
|
+
className: e,
|
|
18
|
+
component: o = "button",
|
|
19
|
+
disabled: s,
|
|
20
|
+
fullWidth: c,
|
|
21
|
+
icon: r,
|
|
22
|
+
shortcut: a,
|
|
23
|
+
variant: _ = "primary",
|
|
24
|
+
...d
|
|
25
|
+
}, l) => {
|
|
26
|
+
const m = /* @__PURE__ */ g("div", { className: v.buttonWithIcon, children: [
|
|
27
|
+
/* @__PURE__ */ g("div", { className: v.content, children: [
|
|
28
|
+
r,
|
|
29
|
+
t
|
|
30
|
+
] }),
|
|
31
|
+
/* @__PURE__ */ n("div", { className: v.shortcut, children: a })
|
|
32
|
+
] });
|
|
33
|
+
return /* @__PURE__ */ n(
|
|
34
|
+
o,
|
|
35
|
+
{
|
|
36
|
+
className: i(
|
|
37
|
+
v[_],
|
|
38
|
+
c && v.fullWidth,
|
|
39
|
+
s && v.disabled,
|
|
40
|
+
r && v.icon,
|
|
41
|
+
e
|
|
42
|
+
),
|
|
43
|
+
children: r ? m : t,
|
|
44
|
+
disabled: s,
|
|
45
|
+
ref: l,
|
|
46
|
+
...d
|
|
47
|
+
}
|
|
48
|
+
);
|
|
49
|
+
}, qe = b(it), lt = "_content_23x5h_1", dt = "_header_23x5h_1", _t = "_root_23x5h_7", ut = "_contentAfterHeader_23x5h_22", R = {
|
|
50
|
+
content: lt,
|
|
51
|
+
header: dt,
|
|
52
|
+
root: _t,
|
|
53
|
+
contentAfterHeader: ut
|
|
54
|
+
}, q = b(
|
|
55
|
+
({ className: t, ...e }, o) => /* @__PURE__ */ n("div", { className: i(R.root, t), ref: o, ...e })
|
|
56
|
+
), ht = b(
|
|
57
|
+
({ className: t, ignoreHeader: e, ...o }, s) => /* @__PURE__ */ n(
|
|
58
|
+
"div",
|
|
59
|
+
{
|
|
60
|
+
className: i(
|
|
61
|
+
R.content,
|
|
62
|
+
!e && R.contentAfterHeader,
|
|
63
|
+
t
|
|
64
|
+
),
|
|
65
|
+
ref: s,
|
|
66
|
+
...o
|
|
67
|
+
}
|
|
68
|
+
)
|
|
69
|
+
), mt = b(
|
|
70
|
+
({ className: t, ...e }, o) => /* @__PURE__ */ n("div", { className: i(R.header, t), ref: o, ...e })
|
|
71
|
+
), He = Object.assign(q, {
|
|
72
|
+
Content: ht,
|
|
73
|
+
Header: mt,
|
|
74
|
+
Root: q
|
|
75
|
+
}), gt = "_root_1xfv8_1", bt = "_dropdownContent_1xfv8_6", ft = "_left_1xfv8_17", pt = "_center_1xfv8_21", vt = "_right_1xfv8_26", Ct = "_top_1xfv8_30", wt = "_bottom_1xfv8_34", Nt = "_fixedPosition_1xfv8_38", k = {
|
|
76
|
+
root: gt,
|
|
77
|
+
dropdownContent: bt,
|
|
78
|
+
left: ft,
|
|
79
|
+
center: pt,
|
|
80
|
+
right: vt,
|
|
81
|
+
top: Ct,
|
|
82
|
+
bottom: wt,
|
|
83
|
+
fixedPosition: Nt
|
|
84
|
+
}, B = W(
|
|
85
|
+
void 0
|
|
86
|
+
), M = () => {
|
|
87
|
+
const t = w(B);
|
|
88
|
+
if (!t)
|
|
89
|
+
throw new Error("useDropDownContext must be used within a DropDown.Root");
|
|
90
|
+
return t;
|
|
91
|
+
}, x = [], xt = ({
|
|
92
|
+
children: t,
|
|
93
|
+
closeOnEsc: e = !0,
|
|
94
|
+
closeOnOutsideClick: o = !0,
|
|
95
|
+
defaultVisible: s = !1
|
|
96
|
+
}) => {
|
|
97
|
+
const [c, r] = T(s), a = E(null), _ = () => {
|
|
98
|
+
c ? d() : (r(!0), a.current && x.push(a.current));
|
|
99
|
+
}, d = () => {
|
|
100
|
+
if (r(!1), a.current) {
|
|
101
|
+
const l = x.indexOf(a.current);
|
|
102
|
+
l !== -1 && x.splice(l, 1);
|
|
103
|
+
}
|
|
104
|
+
};
|
|
105
|
+
return I(() => {
|
|
106
|
+
if (!o) return;
|
|
107
|
+
const l = (m) => {
|
|
108
|
+
a.current && !a.current.contains(m.target) && d();
|
|
109
|
+
};
|
|
110
|
+
return document.addEventListener("mousedown", l), () => {
|
|
111
|
+
document.removeEventListener("mousedown", l);
|
|
112
|
+
};
|
|
113
|
+
}, [o]), I(() => {
|
|
114
|
+
if (!e) return;
|
|
115
|
+
const l = (m) => {
|
|
116
|
+
m.key === "Escape" && c && x[x.length - 1] === a.current && d();
|
|
117
|
+
};
|
|
118
|
+
return document.addEventListener("keydown", l), () => {
|
|
119
|
+
document.removeEventListener("keydown", l);
|
|
120
|
+
};
|
|
121
|
+
}, [e, c]), /* @__PURE__ */ n(B.Provider, { value: { close: d, toggle: _, visible: c }, children: /* @__PURE__ */ n("div", { ref: a, className: k.root, children: t }) });
|
|
122
|
+
}, kt = ({ children: t }) => {
|
|
123
|
+
const { toggle: e } = M();
|
|
124
|
+
return /* @__PURE__ */ n("div", { onClick: e, children: t });
|
|
125
|
+
}, yt = ({
|
|
126
|
+
children: t,
|
|
127
|
+
className: e,
|
|
128
|
+
fixedPosition: o = !1,
|
|
129
|
+
horizontal: s = "left",
|
|
130
|
+
vertical: c = "bottom"
|
|
131
|
+
}) => {
|
|
132
|
+
const { visible: r } = M();
|
|
133
|
+
return r ? /* @__PURE__ */ n(
|
|
134
|
+
"div",
|
|
135
|
+
{
|
|
136
|
+
className: i(
|
|
137
|
+
k.dropdownContent,
|
|
138
|
+
k[s],
|
|
139
|
+
k[c],
|
|
140
|
+
{ [k.fixedPosition]: o },
|
|
141
|
+
e
|
|
142
|
+
),
|
|
143
|
+
children: t
|
|
144
|
+
}
|
|
145
|
+
) : null;
|
|
146
|
+
}, Fe = { Content: yt, Root: xt, Trigger: kt }, Tt = "_dialogRoot_c30vs_1", Rt = "_dialogTrigger_c30vs_5", St = "_dialogContent_c30vs_13", Dt = "_dialogClose_c30vs_25", $t = "_dialogTitle_c30vs_33", Ot = "_dialogSeparator_c30vs_38", N = {
|
|
147
|
+
dialogRoot: Tt,
|
|
148
|
+
dialogTrigger: Rt,
|
|
149
|
+
dialogContent: St,
|
|
150
|
+
dialogClose: Dt,
|
|
151
|
+
dialogTitle: $t,
|
|
152
|
+
dialogSeparator: Ot
|
|
153
|
+
}, S = G.createContext(null), It = ({
|
|
154
|
+
children: t,
|
|
155
|
+
isOpen: e,
|
|
156
|
+
onStateChange: o
|
|
157
|
+
}) => {
|
|
158
|
+
const s = E(null), [c, r] = T(!1), a = e !== void 0 ? e : c, _ = (d) => {
|
|
159
|
+
e === void 0 && r(d), o && o(d);
|
|
160
|
+
};
|
|
161
|
+
return /* @__PURE__ */ n(S.Provider, { value: { dialogRef: s, isOpen: a, setIsOpen: _ }, children: /* @__PURE__ */ n("div", { className: N.dialogRoot, children: t }) });
|
|
162
|
+
}, Wt = ({
|
|
163
|
+
as: t,
|
|
164
|
+
children: e,
|
|
165
|
+
...o
|
|
166
|
+
}) => {
|
|
167
|
+
const s = w(S);
|
|
168
|
+
if (!s) throw new Error("Trigger must be used within a Dialog.Root");
|
|
169
|
+
const { dialogRef: c, setIsOpen: r } = s;
|
|
170
|
+
return /* @__PURE__ */ n(
|
|
171
|
+
t || "button",
|
|
172
|
+
{
|
|
173
|
+
onClick: () => {
|
|
174
|
+
c.current?.showModal(), r(!0);
|
|
175
|
+
},
|
|
176
|
+
...o,
|
|
177
|
+
className: N.dialogTrigger,
|
|
178
|
+
role: t && t !== "button" ? "button" : void 0,
|
|
179
|
+
children: e
|
|
180
|
+
}
|
|
181
|
+
);
|
|
182
|
+
}, Et = b(
|
|
183
|
+
({ children: t, className: e, closeOnBackdropClick: o = !0 }, s) => {
|
|
184
|
+
const c = w(S);
|
|
185
|
+
if (!c) throw new Error("Content must be used within a Dialog.Root");
|
|
186
|
+
const { dialogRef: r, isOpen: a, setIsOpen: _ } = c, d = (l) => {
|
|
187
|
+
o && l.target === r.current && (r.current?.close(), _(!1));
|
|
188
|
+
};
|
|
189
|
+
return /* @__PURE__ */ n(
|
|
190
|
+
"dialog",
|
|
191
|
+
{
|
|
192
|
+
ref: r,
|
|
193
|
+
className: i(N.dialogContent, e),
|
|
194
|
+
onClick: d,
|
|
195
|
+
open: a,
|
|
196
|
+
children: /* @__PURE__ */ n("div", { onClick: (l) => l.stopPropagation(), children: t })
|
|
197
|
+
}
|
|
198
|
+
);
|
|
199
|
+
}
|
|
200
|
+
), Pt = ({
|
|
201
|
+
as: t,
|
|
202
|
+
children: e,
|
|
203
|
+
...o
|
|
204
|
+
}) => {
|
|
205
|
+
const s = w(S);
|
|
206
|
+
if (!s) throw new Error("Close must be used within a Dialog.Root");
|
|
207
|
+
const { dialogRef: c, setIsOpen: r } = s;
|
|
208
|
+
return /* @__PURE__ */ n(
|
|
209
|
+
t || "button",
|
|
210
|
+
{
|
|
211
|
+
onClick: () => {
|
|
212
|
+
c.current?.close(), r(!1);
|
|
213
|
+
},
|
|
214
|
+
...o,
|
|
215
|
+
className: N.dialogClose,
|
|
216
|
+
role: t && t !== "button" ? "button" : void 0,
|
|
217
|
+
children: e
|
|
218
|
+
}
|
|
219
|
+
);
|
|
220
|
+
}, Lt = ({ children: t, className: e }) => /* @__PURE__ */ n("h2", { className: i(N.dialogTitle, e), children: t }), qt = ({}) => /* @__PURE__ */ n("div", { className: N.dialogSeparator }), Ae = {
|
|
221
|
+
Close: Pt,
|
|
222
|
+
Content: Et,
|
|
223
|
+
Root: It,
|
|
224
|
+
Separator: qt,
|
|
225
|
+
Title: Lt,
|
|
226
|
+
Trigger: Wt
|
|
227
|
+
}, Ht = "_sidebar_dg2au_12", Ft = "_trigger_dg2au_16", At = "_content_dg2au_21", Bt = "_left_dg2au_34", Mt = "_open_dg2au_38", Vt = "_right_dg2au_42", jt = "_bottom_dg2au_50", zt = "_top_dg2au_63", C = {
|
|
228
|
+
sidebar: Ht,
|
|
229
|
+
trigger: Ft,
|
|
230
|
+
content: At,
|
|
231
|
+
left: Bt,
|
|
232
|
+
open: Mt,
|
|
233
|
+
right: Vt,
|
|
234
|
+
bottom: jt,
|
|
235
|
+
top: zt
|
|
236
|
+
}, V = W(
|
|
237
|
+
void 0
|
|
238
|
+
), P = () => {
|
|
239
|
+
const t = w(V);
|
|
240
|
+
if (!t)
|
|
241
|
+
throw new Error("useSidebarContext must be used within a SidebarProvider");
|
|
242
|
+
return t;
|
|
243
|
+
}, Kt = ({ children: t, isOpen: e, setIsOpen: o }) => /* @__PURE__ */ n(
|
|
244
|
+
V.Provider,
|
|
245
|
+
{
|
|
246
|
+
value: {
|
|
247
|
+
isOpen: e,
|
|
248
|
+
setIsOpen: () => o(!e)
|
|
249
|
+
},
|
|
250
|
+
children: t
|
|
251
|
+
}
|
|
252
|
+
), Xt = ({ children: t }) => {
|
|
253
|
+
const { setIsOpen: e } = P(), o = (s) => {
|
|
254
|
+
s.preventDefault(), e(!0);
|
|
255
|
+
};
|
|
256
|
+
return /* @__PURE__ */ n("div", { className: C.trigger, onClick: o, children: t });
|
|
257
|
+
}, Gt = ({
|
|
258
|
+
children: t,
|
|
259
|
+
className: e,
|
|
260
|
+
closeOnOutsideClick: o = !0,
|
|
261
|
+
position: s = "right"
|
|
262
|
+
}) => {
|
|
263
|
+
const { isOpen: c, setIsOpen: r } = P(), a = E(null);
|
|
264
|
+
return I(() => {
|
|
265
|
+
if (!o) return;
|
|
266
|
+
const _ = (d) => {
|
|
267
|
+
a.current && !a.current.contains(d.target) && r(!1);
|
|
268
|
+
};
|
|
269
|
+
return c && document.addEventListener("mousedown", _), () => {
|
|
270
|
+
document.removeEventListener("mousedown", _);
|
|
271
|
+
};
|
|
272
|
+
}, [c, r, o]), /* @__PURE__ */ n(
|
|
273
|
+
"div",
|
|
274
|
+
{
|
|
275
|
+
ref: a,
|
|
276
|
+
className: i(
|
|
277
|
+
C[s],
|
|
278
|
+
C.content,
|
|
279
|
+
{
|
|
280
|
+
[C.close]: !c,
|
|
281
|
+
[C.open]: c
|
|
282
|
+
},
|
|
283
|
+
e
|
|
284
|
+
),
|
|
285
|
+
children: t
|
|
286
|
+
}
|
|
287
|
+
);
|
|
288
|
+
}, Jt = ({ children: t }) => {
|
|
289
|
+
const { setIsOpen: e } = P(), o = (s) => {
|
|
290
|
+
s.preventDefault(), e(!1);
|
|
291
|
+
};
|
|
292
|
+
return /* @__PURE__ */ n("button", { className: C.close, onClick: o, children: t });
|
|
293
|
+
}, Be = {
|
|
294
|
+
Close: Jt,
|
|
295
|
+
Content: Gt,
|
|
296
|
+
Root: Kt,
|
|
297
|
+
Trigger: Xt
|
|
298
|
+
}, Qt = "_switcher_k6tdq_1", Ut = "_buttons_k6tdq_6", Yt = "_separator_k6tdq_10", O = {
|
|
299
|
+
switcher: Qt,
|
|
300
|
+
buttons: Ut,
|
|
301
|
+
separator: Yt
|
|
302
|
+
}, Me = b(
|
|
303
|
+
({
|
|
304
|
+
className: t,
|
|
305
|
+
component: e,
|
|
306
|
+
componentValues: o,
|
|
307
|
+
containerProps: s,
|
|
308
|
+
onChange: c,
|
|
309
|
+
selectedValue: r,
|
|
310
|
+
slot: a
|
|
311
|
+
}, _) => {
|
|
312
|
+
const [d, l] = T(
|
|
313
|
+
r || o[0].value
|
|
314
|
+
), m = (h) => {
|
|
315
|
+
l(h), c && c(h);
|
|
316
|
+
};
|
|
317
|
+
return /* @__PURE__ */ g("div", { ref: _, className: O.switcher, ...s, children: [
|
|
318
|
+
/* @__PURE__ */ n("div", { className: i(O.buttons, t), children: o.map((h, p) => /* @__PURE__ */ n(
|
|
319
|
+
e,
|
|
320
|
+
{
|
|
321
|
+
...h,
|
|
322
|
+
selected: d === h.value,
|
|
323
|
+
onClick: () => m(h.value)
|
|
324
|
+
},
|
|
325
|
+
p
|
|
326
|
+
)) }),
|
|
327
|
+
a && /* @__PURE__ */ g(A, { children: [
|
|
328
|
+
/* @__PURE__ */ n("div", { className: O.separator }),
|
|
329
|
+
a
|
|
330
|
+
] })
|
|
331
|
+
] });
|
|
332
|
+
}
|
|
333
|
+
), Zt = "_root_1b0i5_13", te = "_header_1b0i5_19", ee = "_footer_1b0i5_23", oe = "_row_1b0i5_28", ne = "_body_1b0i5_41", se = "_head_1b0i5_19", re = "_cell_1b0i5_48", ce = "_caption_1b0i5_65", ae = "_storiesFooterCellOne_1b0i5_70", ie = "_storiesFooterCellTwo_1b0i5_73", f = {
|
|
334
|
+
root: Zt,
|
|
335
|
+
header: te,
|
|
336
|
+
footer: ee,
|
|
337
|
+
row: oe,
|
|
338
|
+
body: ne,
|
|
339
|
+
head: se,
|
|
340
|
+
cell: re,
|
|
341
|
+
caption: ce,
|
|
342
|
+
storiesFooterCellOne: ae,
|
|
343
|
+
storiesFooterCellTwo: ie
|
|
344
|
+
}, H = ({ children: t, className: e }) => /* @__PURE__ */ n("table", { className: i(f.root, e), children: t }), le = ({ children: t, className: e }) => /* @__PURE__ */ n("caption", { className: i(f.caption, e), children: t }), de = ({ children: t, className: e }) => /* @__PURE__ */ n("thead", { className: i(f.header, e), children: t }), _e = ({ children: t, className: e, onClick: o, onDoubleClick: s }) => /* @__PURE__ */ n(
|
|
345
|
+
"tr",
|
|
346
|
+
{
|
|
347
|
+
className: i(f.row, e),
|
|
348
|
+
onClick: o,
|
|
349
|
+
onDoubleClick: s,
|
|
350
|
+
children: t
|
|
351
|
+
}
|
|
352
|
+
), ue = ({ children: t, className: e }) => /* @__PURE__ */ n("th", { className: i(f.head, e), children: t }), he = ({ children: t, className: e }) => /* @__PURE__ */ n("tbody", { className: i(f.body, e), children: t }), me = ({ children: t, className: e }) => /* @__PURE__ */ n("td", { className: i(f.cell, e), children: t }), ge = ({ children: t, className: e }) => /* @__PURE__ */ n("tfoot", { className: i(f.footer, e), children: t }), Ve = Object.assign(H, {
|
|
353
|
+
Body: he,
|
|
354
|
+
Caption: le,
|
|
355
|
+
Cell: me,
|
|
356
|
+
Footer: ge,
|
|
357
|
+
Head: ue,
|
|
358
|
+
Header: de,
|
|
359
|
+
Root: H,
|
|
360
|
+
Row: _e
|
|
361
|
+
}), be = "_inputContainer_iqbs3_1", fe = "_input_iqbs3_1", pe = "_inputSearch_iqbs3_40", ve = "_error_iqbs3_43", Ce = "_button_iqbs3_58", we = "_buttonWithLabel_iqbs3_68", Ne = "_resetSearchValue_iqbs3_73", xe = "_searchOutline_iqbs3_80", ke = "_errorMessage_iqbs3_87", u = {
|
|
362
|
+
inputContainer: be,
|
|
363
|
+
input: fe,
|
|
364
|
+
inputSearch: pe,
|
|
365
|
+
error: ve,
|
|
366
|
+
button: Ce,
|
|
367
|
+
buttonWithLabel: we,
|
|
368
|
+
resetSearchValue: Ne,
|
|
369
|
+
searchOutline: xe,
|
|
370
|
+
errorMessage: ke
|
|
371
|
+
}, je = b(({ className: t, error: e, label: o, onChange: s, required: c, ...r }, a) => {
|
|
372
|
+
const [_, d] = T(!1), l = (p) => s(p.currentTarget.value), m = i(u.input, e && u.error, t);
|
|
373
|
+
let h;
|
|
374
|
+
if (!r.as || r.as === "input") {
|
|
375
|
+
const { inputType: p, ...K } = r, D = p === "search", L = p === "password", X = _ ? "text" : "password";
|
|
376
|
+
h = /* @__PURE__ */ g(A, { children: [
|
|
377
|
+
/* @__PURE__ */ n(
|
|
378
|
+
"input",
|
|
379
|
+
{
|
|
380
|
+
className: i(m, D && u.inputSearch),
|
|
381
|
+
onChange: l,
|
|
382
|
+
ref: a,
|
|
383
|
+
type: L ? X : p,
|
|
384
|
+
...K
|
|
385
|
+
}
|
|
386
|
+
),
|
|
387
|
+
L && (_ ? /* @__PURE__ */ n(
|
|
388
|
+
J,
|
|
389
|
+
{
|
|
390
|
+
strokeWidth: 2.5,
|
|
391
|
+
width: 20,
|
|
392
|
+
className: i(u.button, o && u.buttonWithLabel),
|
|
393
|
+
onClick: () => d(($) => !$)
|
|
394
|
+
}
|
|
395
|
+
) : /* @__PURE__ */ n(
|
|
396
|
+
Q,
|
|
397
|
+
{
|
|
398
|
+
strokeWidth: 2.5,
|
|
399
|
+
width: 20,
|
|
400
|
+
className: i(u.button, o && u.buttonWithLabel),
|
|
401
|
+
onClick: () => d(($) => !$)
|
|
402
|
+
}
|
|
403
|
+
)),
|
|
404
|
+
D && r.value && /* @__PURE__ */ n(
|
|
405
|
+
U,
|
|
406
|
+
{
|
|
407
|
+
onClick: () => s(""),
|
|
408
|
+
className: i(
|
|
409
|
+
u.button,
|
|
410
|
+
o && u.buttonWithLabel,
|
|
411
|
+
u.resetSearchValue
|
|
412
|
+
),
|
|
413
|
+
strokeWidth: 2.5,
|
|
414
|
+
size: 24
|
|
415
|
+
}
|
|
416
|
+
),
|
|
417
|
+
D && /* @__PURE__ */ n(
|
|
418
|
+
Y,
|
|
419
|
+
{
|
|
420
|
+
className: i(
|
|
421
|
+
u.searchOutline,
|
|
422
|
+
o && u.searchOutlineWithLabel
|
|
423
|
+
),
|
|
424
|
+
size: 20
|
|
425
|
+
}
|
|
426
|
+
)
|
|
427
|
+
] });
|
|
428
|
+
}
|
|
429
|
+
return r.as === "textarea" && (h = /* @__PURE__ */ n(
|
|
430
|
+
"textarea",
|
|
431
|
+
{
|
|
432
|
+
className: m,
|
|
433
|
+
onChange: l,
|
|
434
|
+
ref: a,
|
|
435
|
+
...r
|
|
436
|
+
}
|
|
437
|
+
)), /* @__PURE__ */ g("div", { className: u.root, children: [
|
|
438
|
+
/* @__PURE__ */ g("span", { className: u.title, children: [
|
|
439
|
+
o,
|
|
440
|
+
c && /* @__PURE__ */ n("span", { className: u.titleError, children: "*" })
|
|
441
|
+
] }),
|
|
442
|
+
/* @__PURE__ */ n("div", { className: u.inputContainer, children: h }),
|
|
443
|
+
/* @__PURE__ */ n("div", { className: u.errorMessage, children: e })
|
|
444
|
+
] });
|
|
445
|
+
}), j = W(void 0), ze = ({ children: t }) => {
|
|
446
|
+
const e = z() || "system", [o, s] = T(e);
|
|
447
|
+
return /* @__PURE__ */ n(j.Provider, { value: { setTheme: s, theme: o }, children: t });
|
|
448
|
+
}, Ke = () => {
|
|
449
|
+
const t = w(j);
|
|
450
|
+
if (!t)
|
|
451
|
+
throw new Error("useTheme must be used within a ThemeProvider");
|
|
452
|
+
return ye(t.theme), t;
|
|
453
|
+
}, ye = (t) => {
|
|
454
|
+
const e = z();
|
|
455
|
+
Te(t || e);
|
|
456
|
+
}, Te = (t) => {
|
|
457
|
+
const e = window.matchMedia("(prefers-color-scheme: dark)");
|
|
458
|
+
if (t === "system") {
|
|
459
|
+
const o = e.matches ? "dark" : "light";
|
|
460
|
+
localStorage.setItem("theme", t), F(o);
|
|
461
|
+
} else
|
|
462
|
+
localStorage.setItem("theme", t), F(t);
|
|
463
|
+
}, F = (t) => {
|
|
464
|
+
document.documentElement.setAttribute("data-theme", t);
|
|
465
|
+
}, z = () => {
|
|
466
|
+
const t = localStorage.getItem("theme");
|
|
467
|
+
if (t) return t;
|
|
468
|
+
}, Re = "_root_17w6h_1", Se = "_icon_17w6h_11", De = "_active_17w6h_27", $e = "_disabled_17w6h_31", Oe = "_keybinding_17w6h_44", y = {
|
|
469
|
+
root: Re,
|
|
470
|
+
icon: Se,
|
|
471
|
+
active: De,
|
|
472
|
+
disabled: $e,
|
|
473
|
+
keybinding: Oe
|
|
474
|
+
}, Xe = b(
|
|
475
|
+
(t, e) => {
|
|
476
|
+
const { classes: o, disabled: s, icon: c, isActive: r, keybinding: a, onClick: _, title: d } = t, l = Ie(o, r, s);
|
|
477
|
+
return /* @__PURE__ */ g("label", { className: y.root, title: d, children: [
|
|
478
|
+
/* @__PURE__ */ n(
|
|
479
|
+
"div",
|
|
480
|
+
{
|
|
481
|
+
className: l.icon,
|
|
482
|
+
ref: e,
|
|
483
|
+
tabIndex: s ? -1 : 0,
|
|
484
|
+
role: "button",
|
|
485
|
+
"aria-pressed": r,
|
|
486
|
+
"aria-disabled": s,
|
|
487
|
+
onClick: s ? void 0 : _,
|
|
488
|
+
children: c
|
|
489
|
+
}
|
|
490
|
+
),
|
|
491
|
+
a && /* @__PURE__ */ n("span", { className: l.keybinding, children: a })
|
|
492
|
+
] });
|
|
493
|
+
}
|
|
494
|
+
), Ie = (t, e, o) => ({
|
|
495
|
+
icon: i(
|
|
496
|
+
y.icon,
|
|
497
|
+
{
|
|
498
|
+
[y.active]: e,
|
|
499
|
+
[y.disabled]: o
|
|
500
|
+
},
|
|
501
|
+
t?.icon
|
|
502
|
+
),
|
|
503
|
+
keybinding: i(y.keybinding, t?.keybinding)
|
|
504
|
+
});
|
|
505
|
+
export {
|
|
506
|
+
qe as B,
|
|
507
|
+
q as C,
|
|
508
|
+
Fe as D,
|
|
509
|
+
V as S,
|
|
510
|
+
Ve as T,
|
|
511
|
+
it as a,
|
|
512
|
+
ht as b,
|
|
513
|
+
mt as c,
|
|
514
|
+
He as d,
|
|
515
|
+
Ae as e,
|
|
516
|
+
P as f,
|
|
517
|
+
Be as g,
|
|
518
|
+
Me as h,
|
|
519
|
+
je as i,
|
|
520
|
+
Xe as j,
|
|
521
|
+
ze as k,
|
|
522
|
+
Ke as u
|
|
523
|
+
};
|
|
524
|
+
//# sourceMappingURL=ToolIconButton-Ch07gB2_.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToolIconButton-Ch07gB2_.js","sources":["../src/components/button/Button.tsx","../src/components/card/Card.tsx","../src/components/drop-down/DropDown.tsx","../src/components/dialog/Dialog.tsx","../src/components/sidebar/Sidebar.tsx","../src/components/switcher-buttons/SwitcherButtons.tsx","../src/components/table/Table.tsx","../src/components/text-field/text-field.tsx","../src/features/theme-provider/ThemeProvider.tsx","../src/components/toolbar/tool-icon-button/ToolIconButton.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n ComponentPropsWithoutRef,\n ElementRef,\n ElementType,\n ForwardedRef,\n ReactNode,\n forwardRef,\n} from 'react'\n\nimport { Replace } from '../../utils'\nimport s from './button.module.scss'\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'text'\ntype OwnProps<T extends ElementType> = {\n children?: ReactNode\n className?: string\n component?: T\n disabled?: boolean\n fullWidth?: boolean\n variant?: ButtonVariant\n icon?: ReactNode\n shortcut?: string\n}\n\nexport type ButtonProps<T extends ElementType> = Replace<\n ComponentPropsWithoutRef<T>,\n OwnProps<T>\n>\n\ntype ButtonRenderType = {\n (\n props: ButtonProps<'button'>,\n ref?: ForwardedRef<ElementRef<'button'>>\n ): ReactNode\n (\n props: ButtonProps<ElementType>,\n ref?: ForwardedRef<ElementRef<ElementType>>\n ): ReactNode\n}\n\nexport type ButtonComponent = {\n <T extends ElementType = 'button'>(\n props: ButtonProps<T> & { ref?: ForwardedRef<ElementRef<T>> }\n ): ReactNode\n}\n\nexport const ButtonRender: ButtonRenderType = (\n {\n children,\n className,\n component: Component = 'button',\n disabled,\n fullWidth,\n icon,\n shortcut,\n variant = 'primary',\n ...props\n },\n ref\n) => {\n const content = (\n <div className={s.buttonWithIcon}>\n <div className={s.content}>\n {icon}\n {children}\n </div>\n <div className={s.shortcut}>{shortcut}</div>\n </div>\n )\n\n return (\n <Component\n className={classNames(\n s[variant],\n fullWidth && s.fullWidth,\n disabled && s.disabled,\n icon && s.icon,\n className\n )}\n children={icon ? content : children}\n disabled={disabled}\n ref={ref}\n {...props}\n />\n )\n}\n\nexport const Button: ButtonComponent = forwardRef(ButtonRender)\n","import classNames from 'classnames'\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react'\n\nimport s from './card.module.scss'\n\nexport type CardProps = ComponentPropsWithoutRef<'div'>\n\nexport const CardRoot = forwardRef<ElementRef<'div'>, CardProps>(\n ({ className, ...props }, ref) => (\n <div className={classNames(s.root, className)} ref={ref} {...props} />\n )\n)\n\nexport type CardContentProps = CardProps & { ignoreHeader?: boolean }\n\nexport const CardContent = forwardRef<ElementRef<'div'>, CardContentProps>(\n ({ className, ignoreHeader, ...props }, ref) => (\n <div\n className={classNames(\n s.content,\n !ignoreHeader && s.contentAfterHeader,\n className\n )}\n ref={ref}\n {...props}\n />\n )\n)\n\nexport const CardHeader = forwardRef<ElementRef<'div'>, CardProps>(\n ({ className, ...props }, ref) => (\n <div className={classNames(s.header, className)} ref={ref} {...props} />\n )\n)\n\nexport const Card = Object.assign(CardRoot, {\n Content: CardContent,\n Header: CardHeader,\n Root: CardRoot,\n})\n","import classNames from 'classnames'\nimport {\n createContext,\n ReactNode,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react'\n\nimport styles from './drop-down.module.scss'\n\ninterface DropDownContextType {\n visible: boolean\n toggle: () => void\n close: () => void\n}\n\nconst DropDownContext = createContext<DropDownContextType | undefined>(\n undefined\n)\n\nconst useDropDownContext = () => {\n const context = useContext(DropDownContext)\n if (!context) {\n throw new Error('useDropDownContext must be used within a DropDown.Root')\n }\n return context\n}\n\ninterface RootProps {\n children: ReactNode\n defaultVisible?: boolean\n closeOnOutsideClick?: boolean\n closeOnEsc?: boolean\n}\n\nconst openDropDownStack: HTMLElement[] = []\n\nconst Root = ({\n children,\n closeOnEsc = true,\n closeOnOutsideClick = true,\n defaultVisible = false,\n}: RootProps) => {\n const [visible, setVisible] = useState(defaultVisible)\n const rootRef = useRef<HTMLDivElement>(null)\n\n const toggle = () => {\n if (!visible) {\n setVisible(true)\n if (rootRef.current) {\n openDropDownStack.push(rootRef.current)\n }\n } else {\n close()\n }\n }\n\n const close = () => {\n setVisible(false)\n if (rootRef.current) {\n const index = openDropDownStack.indexOf(rootRef.current)\n if (index !== -1) {\n openDropDownStack.splice(index, 1)\n }\n }\n }\n\n useEffect(() => {\n if (!closeOnOutsideClick) return\n\n const handleClickOutside = (event: MouseEvent) => {\n if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n close()\n }\n }\n\n document.addEventListener('mousedown', handleClickOutside)\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n }\n }, [closeOnOutsideClick])\n\n useEffect(() => {\n if (!closeOnEsc) return\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && visible) {\n const lastDropDown = openDropDownStack[openDropDownStack.length - 1]\n if (lastDropDown === rootRef.current) {\n close()\n }\n }\n }\n\n document.addEventListener('keydown', handleKeyDown)\n return () => {\n document.removeEventListener('keydown', handleKeyDown)\n }\n }, [closeOnEsc, visible])\n\n return (\n <DropDownContext.Provider value={{ close, toggle, visible }}>\n <div ref={rootRef} className={styles.root}>\n {children}\n </div>\n </DropDownContext.Provider>\n )\n}\n\ninterface TriggerProps {\n children: ReactNode\n}\n\nconst Trigger = ({ children }: TriggerProps) => {\n const { toggle } = useDropDownContext()\n return <div onClick={toggle}>{children}</div>\n}\n\ninterface ContentProps {\n children: ReactNode\n horizontal?: 'left' | 'center' | 'right'\n vertical?: 'top' | 'bottom'\n className?: string\n fixedPosition?: boolean\n}\n\nconst Content = ({\n children,\n className,\n fixedPosition = false,\n horizontal = 'left',\n vertical = 'bottom',\n}: ContentProps) => {\n const { visible } = useDropDownContext()\n\n if (!visible) return null\n\n return (\n <div\n className={classNames(\n styles.dropdownContent,\n styles[horizontal],\n styles[vertical],\n { [styles.fixedPosition]: fixedPosition },\n className\n )}\n >\n {children}\n </div>\n )\n}\n\nexport const DropDown = { Content, Root, Trigger }\n","import classNames from 'classnames'\nimport React, {\n useState,\n useRef,\n ReactNode,\n forwardRef,\n MouseEvent,\n ElementType,\n useContext,\n} from 'react'\n\nimport styles from './dialog.module.scss'\n\ninterface RootProps {\n children: React.ReactNode\n isOpen?: boolean\n onStateChange?: (isOpen: boolean) => void\n}\n\ninterface DialogContextProps {\n dialogRef: React.RefObject<HTMLDialogElement>\n isOpen: boolean\n setIsOpen: (state: boolean) => void\n}\nconst DialogContext = React.createContext<DialogContextProps | null>(null)\n\nconst Root = ({\n children,\n isOpen: externalIsOpen,\n onStateChange,\n}: RootProps) => {\n const dialogRef = useRef<HTMLDialogElement | null>(null)\n const [internalIsOpen, setInternalIsOpen] = useState(false)\n\n const isOpen = externalIsOpen !== undefined ? externalIsOpen : internalIsOpen\n const setIsOpen = (state: boolean) => {\n if (externalIsOpen === undefined) {\n setInternalIsOpen(state)\n }\n if (onStateChange) {\n onStateChange(state)\n }\n }\n\n return (\n <DialogContext.Provider value={{ dialogRef, isOpen, setIsOpen }}>\n <div className={styles.dialogRoot}>{children}</div>\n </DialogContext.Provider>\n )\n}\n\ninterface TriggerProps<T extends ElementType = 'button'> {\n as?: T\n children: ReactNode\n}\n\nconst Trigger = <T extends ElementType = 'button'>({\n as,\n children,\n ...props\n}: TriggerProps<T> & React.ComponentPropsWithoutRef<T>) => {\n const context = useContext(DialogContext)\n if (!context) throw new Error('Trigger must be used within a Dialog.Root')\n\n const { dialogRef, setIsOpen } = context\n const Component = as || 'button'\n\n const handleClick = () => {\n dialogRef.current?.showModal()\n setIsOpen(true)\n }\n\n return (\n <Component\n onClick={handleClick}\n {...props}\n className={styles.dialogTrigger}\n role={as && as !== 'button' ? 'button' : undefined}\n >\n {children}\n </Component>\n )\n}\n\ninterface ContentProps {\n children: ReactNode\n className?: string\n closeOnBackdropClick?: boolean\n}\n\nconst Content = forwardRef<HTMLDialogElement, ContentProps>(\n ({ children, className, closeOnBackdropClick = true }, _) => {\n const context = useContext(DialogContext)\n if (!context) throw new Error('Content must be used within a Dialog.Root')\n\n const { dialogRef, isOpen, setIsOpen } = context\n\n const handleBackdropClick = (event: MouseEvent<HTMLDialogElement>) => {\n if (closeOnBackdropClick && event.target === dialogRef.current) {\n dialogRef.current?.close()\n setIsOpen(false)\n }\n }\n\n return (\n <dialog\n ref={dialogRef}\n className={classNames(styles.dialogContent, className)}\n onClick={handleBackdropClick}\n open={isOpen}\n >\n <div onClick={(e) => e.stopPropagation()}>{children}</div>\n </dialog>\n )\n }\n)\n\ninterface CloseProps<T extends ElementType = 'button'> {\n as?: T\n children?: ReactNode\n}\n\nconst Close = <T extends ElementType = 'button'>({\n as,\n children,\n ...props\n}: CloseProps<T> & React.ComponentPropsWithoutRef<T>) => {\n const context = useContext(DialogContext)\n if (!context) throw new Error('Close must be used within a Dialog.Root')\n\n const { dialogRef, setIsOpen } = context\n const Component = as || 'button'\n\n const handleClick = () => {\n dialogRef.current?.close()\n setIsOpen(false)\n }\n\n return (\n <Component\n onClick={handleClick}\n {...props}\n className={styles.dialogClose}\n role={as && as !== 'button' ? 'button' : undefined}\n >\n {children}\n </Component>\n )\n}\n\ninterface TitleProps {\n children: ReactNode\n className?: string\n}\n\nconst Title = ({ children, className }: TitleProps) => {\n return (\n <h2 className={classNames(styles.dialogTitle, className)}>{children}</h2>\n )\n}\n\ninterface SeparatorProps {}\n\nconst Separator = ({}: SeparatorProps) => {\n return <div className={styles.dialogSeparator} />\n}\n\nexport const Dialog = {\n Close,\n Content,\n Root,\n Separator,\n Title,\n Trigger,\n}\n","import classNames from 'classnames'\nimport {\n createContext,\n MouseEvent,\n ReactNode,\n useContext,\n useEffect,\n useRef,\n} from 'react'\n\nimport styles from './sidebar.module.scss'\n\ntype SidebarContextProps = {\n isOpen: boolean\n setIsOpen: (isOpen: boolean) => void\n}\n\nexport const SidebarContext = createContext<SidebarContextProps | undefined>(\n undefined\n)\n\nexport const useSidebarContext = () => {\n const context = useContext(SidebarContext)\n if (!context) {\n throw new Error('useSidebarContext must be used within a SidebarProvider')\n }\n return context\n}\n\ntype SidebarRootProps = {\n isOpen: boolean\n setIsOpen: (isOpen: boolean) => void\n children: ReactNode\n}\n\nconst Root = ({ children, isOpen, setIsOpen }: SidebarRootProps) => {\n return (\n <SidebarContext.Provider\n value={{\n isOpen: isOpen,\n setIsOpen: () => setIsOpen(!isOpen),\n }}\n >\n {children}\n </SidebarContext.Provider>\n )\n}\n\ntype SidebarTriggerProps = {\n children: ReactNode\n}\n\nconst Trigger = ({ children }: SidebarTriggerProps) => {\n const { setIsOpen } = useSidebarContext()\n\n const onClickHandler = (event: MouseEvent<HTMLDivElement>) => {\n event.preventDefault()\n setIsOpen(true)\n }\n\n return (\n <div className={styles.trigger} onClick={onClickHandler}>\n {children}\n </div>\n )\n}\n\ntype SidebarContentProps = {\n position?: 'left' | 'right' | 'bottom' | 'top'\n children: ReactNode\n className?: string\n closeOnOutsideClick?: boolean\n}\n\nconst Content = ({\n children,\n className,\n closeOnOutsideClick = true,\n position = 'right',\n}: SidebarContentProps) => {\n const { isOpen, setIsOpen } = useSidebarContext()\n const contentRef = useRef<HTMLDivElement | null>(null)\n\n useEffect(() => {\n if (!closeOnOutsideClick) return\n\n const handleClickOutside = (event: Event) => {\n if (\n contentRef.current &&\n !contentRef.current.contains(event.target as Node)\n ) {\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, setIsOpen, closeOnOutsideClick])\n\n return (\n <div\n ref={contentRef}\n className={classNames(\n styles[position],\n styles.content,\n {\n [styles.close]: !isOpen,\n [styles.open]: isOpen,\n },\n className\n )}\n >\n {children}\n </div>\n )\n}\n\ntype SidebarCloseProps = {\n children: ReactNode\n}\n\nconst Close = ({ children }: SidebarCloseProps) => {\n const { setIsOpen } = useSidebarContext()\n\n const onClickHandler = (event: MouseEvent<HTMLButtonElement>) => {\n event.preventDefault()\n setIsOpen(false)\n }\n\n return (\n <button className={styles.close} onClick={onClickHandler}>\n {children}\n </button>\n )\n}\n\nexport const Sidebar = {\n Close,\n Content,\n Root,\n Trigger,\n}\n","import classNames from 'classnames'\nimport React, { ElementType, forwardRef, ReactNode, useState } from 'react'\n\nimport style from './switcher-buttons.module.scss'\n\ninterface ComponentValues {\n value: string\n [key: string]: any\n}\n\ninterface SwitcherProps {\n componentValues: ComponentValues[]\n defaultValue?: string\n onChange?: (value: string) => void\n selectedValue?: string\n component: ElementType\n containerProps?: React.HTMLAttributes<HTMLDivElement>\n slot?: ReactNode\n className?: string\n}\n\nexport const SwitcherButtons = forwardRef<HTMLDivElement, SwitcherProps>(\n (\n {\n className,\n component: Component,\n componentValues,\n containerProps,\n onChange,\n selectedValue,\n slot,\n },\n ref\n ) => {\n const [activeValue, setActiveValue] = useState<string>(\n selectedValue || componentValues[0].value\n )\n\n const onChangeHandler = (value: string) => {\n setActiveValue(value)\n if (onChange) onChange(value)\n }\n\n return (\n <div ref={ref} className={style.switcher} {...containerProps}>\n <div className={classNames(style.buttons, className)}>\n {componentValues.map((button, index) => (\n <Component\n key={index}\n {...button}\n selected={activeValue === button.value}\n onClick={() => onChangeHandler(button.value)}\n />\n ))}\n </div>\n {slot && (\n <>\n <div className={style.separator} />\n {slot}\n </>\n )}\n </div>\n )\n }\n)\n","import classNames from 'classnames'\nimport { MouseEventHandler, ReactNode } from 'react'\n\nimport s from './table.module.scss'\n\ninterface Props {\n children: ReactNode\n className?: string\n}\n\ntype RootProps = Props\nconst Root = ({ children, className }: RootProps) => {\n return <table className={classNames(s.root, className)}>{children}</table>\n}\n\ntype CaptionProps = Props\nconst Caption = ({ children, className }: CaptionProps) => {\n return (\n <caption className={classNames(s.caption, className)}>{children}</caption>\n )\n}\n\ntype HeaderProps = Props\nconst Header = ({ children, className }: HeaderProps) => {\n return <thead className={classNames(s.header, className)}>{children}</thead>\n}\n\ninterface RowProps extends Props {\n onClick?: MouseEventHandler<HTMLTableRowElement> | undefined\n onDoubleClick?: MouseEventHandler<HTMLTableRowElement> | undefined\n}\nconst Row = ({ children, className, onClick, onDoubleClick }: RowProps) => {\n return (\n <tr\n className={classNames(s.row, className)}\n onClick={onClick}\n onDoubleClick={onDoubleClick}\n >\n {children}\n </tr>\n )\n}\n\ntype HeadProps = Props\nconst Head = ({ children, className }: HeadProps) => {\n return <th className={classNames(s.head, className)}>{children}</th>\n}\n\ntype BodyProps = Props\nconst Body = ({ children, className }: BodyProps) => {\n return <tbody className={classNames(s.body, className)}>{children}</tbody>\n}\n\ntype CellProps = Props\nconst Cell = ({ children, className }: CellProps) => {\n return <td className={classNames(s.cell, className)}>{children}</td>\n}\n\ntype FooterProps = Props\nconst Footer = ({ children, className }: FooterProps) => {\n return <tfoot className={classNames(s.footer, className)}>{children}</tfoot>\n}\n\nexport const Table = Object.assign(Root, {\n Body,\n Caption,\n Cell,\n Footer,\n Head,\n Header,\n Root,\n Row,\n})\n","import classNames from 'classnames'\nimport { X, Eye, Search, EyeOff } from 'lucide-react'\nimport {\n ChangeEvent,\n ForwardedRef,\n ReactNode,\n forwardRef,\n useState,\n} from 'react'\n\nimport s from './text-field.module.scss'\n\ntype SharedProps = {\n className?: string\n disabled?: boolean\n error?: string\n label?: string\n onBlur?: () => void\n onChange: (value: string) => void\n onFocus?: () => void\n placeholder?: string\n required?: boolean\n type?: 'text' | 'password' | 'email' | 'url' | string\n value: string\n}\n\nexport type TextFieldProps =\n | (SharedProps & {\n as?: 'input'\n inputType?: 'password' | 'search' | 'text'\n })\n | (SharedProps & { as: 'textarea' })\n\nexport type TextFieldComponent = {\n (\n props: Extract<TextFieldProps, { as: 'textarea' }> & {\n ref?: ForwardedRef<HTMLTextAreaElement>\n }\n ): ReactNode\n (\n props: Extract<TextFieldProps, { as?: 'input' }> & {\n ref?: ForwardedRef<HTMLInputElement>\n }\n ): ReactNode\n}\n\nexport const TextField: TextFieldComponent = forwardRef<\n HTMLInputElement | HTMLTextAreaElement,\n TextFieldProps\n>(({ className, error, label, onChange, required, ...props }, ref) => {\n const [showPassword, setShowPassword] = useState(false)\n\n const handleChange = (\n e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n ) => onChange(e.currentTarget.value)\n\n const sharedClassName = classNames(s.input, error && s.error, className)\n let resolvedFragment: ReactNode\n\n if (!props.as || props.as === 'input') {\n const { inputType, ...restProps } = props\n const isSearch = inputType === 'search'\n const isPassword = inputType === 'password'\n const passwordFieldNextType = showPassword ? 'text' : 'password'\n\n resolvedFragment = (\n <>\n <input\n className={classNames(sharedClassName, isSearch && s.inputSearch)}\n onChange={handleChange}\n ref={ref as unknown as ForwardedRef<HTMLInputElement>}\n type={isPassword ? passwordFieldNextType : inputType}\n {...restProps}\n />\n {isPassword &&\n (showPassword ? (\n <Eye\n strokeWidth={2.5}\n width={20}\n className={classNames(s.button, label && s.buttonWithLabel)}\n onClick={() => setShowPassword((prev) => !prev)}\n />\n ) : (\n <EyeOff\n strokeWidth={2.5}\n width={20}\n className={classNames(s.button, label && s.buttonWithLabel)}\n onClick={() => setShowPassword((prev) => !prev)}\n />\n ))}\n {isSearch && props.value && (\n <X\n onClick={() => onChange('')}\n className={classNames(\n s.button,\n label && s.buttonWithLabel,\n s.resetSearchValue\n )}\n strokeWidth={2.5}\n size={24}\n />\n )}\n {isSearch && (\n <Search\n className={classNames(\n s.searchOutline,\n label && s.searchOutlineWithLabel\n )}\n size={20}\n />\n )}\n </>\n )\n }\n\n if (props.as === 'textarea') {\n resolvedFragment = (\n <textarea\n className={sharedClassName}\n onChange={handleChange}\n ref={ref as unknown as ForwardedRef<HTMLTextAreaElement>}\n {...props}\n />\n )\n }\n\n return (\n <div className={s.root}>\n <span className={s.title}>\n {label}\n {required && <span className={s.titleError}>*</span>}\n </span>\n <div className={s.inputContainer}>{resolvedFragment}</div>\n <div className={s.errorMessage}>{error}</div>\n </div>\n )\n})\n","import { createContext, useContext, useState, ReactNode } from 'react'\n\nexport type Theme = 'light' | 'dark'\nexport type ThemeValue = Theme | 'system'\n\ninterface ThemeContextType {\n theme: ThemeValue\n setTheme: (theme: ThemeValue) => void\n}\n\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined)\n\nexport const ThemeProvider = ({ children }: { children: ReactNode }) => {\n const defaultTheme = getTheme() || 'system'\n const [theme, setTheme] = useState<ThemeValue>(defaultTheme)\n\n return (\n <ThemeContext.Provider value={{ setTheme, theme }}>\n {children}\n </ThemeContext.Provider>\n )\n}\n\nexport const useTheme = () => {\n const context = useContext(ThemeContext)\n\n if (!context) {\n throw new Error('useTheme must be used within a ThemeProvider')\n }\n\n setDataThemeHandler(context.theme)\n\n return context\n}\n\nconst setDataThemeHandler = (value: ThemeValue) => {\n const savedTheme = getTheme()\n\n saveTheme(value || savedTheme)\n}\n\nconst saveTheme = (theme: ThemeValue) => {\n const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)')\n\n if (theme === 'system') {\n const defaultTheme = prefersDarkScheme.matches ? 'dark' : 'light'\n localStorage.setItem('theme', theme)\n setTheme(defaultTheme)\n } else {\n localStorage.setItem('theme', theme)\n setTheme(theme)\n }\n}\n\nconst setTheme = (theme: Theme) => {\n document.documentElement.setAttribute('data-theme', theme)\n}\n\nconst getTheme = () => {\n const theme = localStorage.getItem('theme')\n if (theme) return theme as ThemeValue\n}\n","import classNames from 'classnames'\nimport { ReactNode, forwardRef } from 'react'\n\nimport s from './tool-icon-button.module.scss'\n\nexport type ToolbarSlot = 'icon' | 'keybinding'\nexport type ToolbarClasses = { [P in ToolbarSlot]?: string }\n\ninterface Props {\n title?: string\n icon: ReactNode\n keybinding?: string\n aria_label?: string\n aria_keyshortcuts?: string\n classes?: ToolbarClasses\n name?: string\n id?: string\n isActive?: boolean\n disabled?: boolean\n onClick?: () => void\n}\n\nexport const ToolIconButton = forwardRef<HTMLDivElement, Props>(\n (props, ref) => {\n const { classes, disabled, icon, isActive, keybinding, onClick, title } =\n props\n\n const styles = getClasses(classes, isActive, disabled)\n\n return (\n <label className={s.root} title={title}>\n <div\n className={styles.icon}\n ref={ref}\n tabIndex={disabled ? -1 : 0}\n role=\"button\"\n aria-pressed={isActive}\n aria-disabled={disabled}\n onClick={!disabled ? onClick : undefined}\n >\n {icon}\n </div>\n {keybinding && <span className={styles.keybinding}>{keybinding}</span>}\n </label>\n )\n }\n)\n\nconst getClasses = (\n classes?: ToolbarClasses,\n isActive?: boolean,\n disabled?: boolean\n): Required<ToolbarClasses> => ({\n icon: classNames(\n s.icon,\n {\n [s.active]: isActive,\n [s.disabled]: disabled,\n },\n classes?.icon\n ),\n keybinding: classNames(s.keybinding, classes?.keybinding),\n})\n"],"names":["ButtonRender","children","className","Component","disabled","fullWidth","icon","shortcut","variant","props","ref","content","jsxs","s","jsx","classNames","Button","forwardRef","CardRoot","CardContent","ignoreHeader","CardHeader","Card","DropDownContext","createContext","useDropDownContext","context","useContext","openDropDownStack","Root","closeOnEsc","closeOnOutsideClick","defaultVisible","visible","setVisible","useState","rootRef","useRef","toggle","close","index","useEffect","handleClickOutside","event","handleKeyDown","styles","Trigger","Content","fixedPosition","horizontal","vertical","DropDown","DialogContext","React","externalIsOpen","onStateChange","dialogRef","internalIsOpen","setInternalIsOpen","isOpen","setIsOpen","state","as","closeOnBackdropClick","_","handleBackdropClick","e","Close","Title","Separator","Dialog","SidebarContext","useSidebarContext","onClickHandler","position","contentRef","Sidebar","SwitcherButtons","componentValues","containerProps","onChange","selectedValue","slot","activeValue","setActiveValue","onChangeHandler","value","style","button","Fragment","Caption","Header","Row","onClick","onDoubleClick","Head","Body","Cell","Footer","Table","TextField","error","label","required","showPassword","setShowPassword","handleChange","sharedClassName","resolvedFragment","inputType","restProps","isSearch","isPassword","passwordFieldNextType","Eye","prev","EyeOff","X","Search","ThemeContext","ThemeProvider","defaultTheme","getTheme","theme","setTheme","useTheme","setDataThemeHandler","savedTheme","saveTheme","prefersDarkScheme","ToolIconButton","classes","isActive","keybinding","title","getClasses"],"mappings":"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"}
|
|
@@ -3,23 +3,17 @@ interface Props {
|
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
className?: string;
|
|
5
5
|
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
interface HeaderProps extends Props {
|
|
11
|
-
}
|
|
6
|
+
type RootProps = Props;
|
|
7
|
+
type CaptionProps = Props;
|
|
8
|
+
type HeaderProps = Props;
|
|
12
9
|
interface RowProps extends Props {
|
|
13
10
|
onClick?: MouseEventHandler<HTMLTableRowElement> | undefined;
|
|
11
|
+
onDoubleClick?: MouseEventHandler<HTMLTableRowElement> | undefined;
|
|
14
12
|
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
interface CellProps extends Props {
|
|
20
|
-
}
|
|
21
|
-
interface FooterProps extends Props {
|
|
22
|
-
}
|
|
13
|
+
type HeadProps = Props;
|
|
14
|
+
type BodyProps = Props;
|
|
15
|
+
type CellProps = Props;
|
|
16
|
+
type FooterProps = Props;
|
|
23
17
|
export declare const Table: (({ children, className }: RootProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
24
18
|
Body: ({ children, className }: BodyProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
19
|
Caption: ({ children, className }: CaptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -28,6 +22,6 @@ export declare const Table: (({ children, className }: RootProps) => import("rea
|
|
|
28
22
|
Head: ({ children, className }: HeadProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
23
|
Header: ({ children, className }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
30
24
|
Root: ({ children, className }: RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
|
-
Row: ({ children, className, onClick }: RowProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
Row: ({ children, className, onClick, onDoubleClick }: RowProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
26
|
};
|
|
33
27
|
export {};
|
|
@@ -10,7 +10,10 @@ type Item = {
|
|
|
10
10
|
};
|
|
11
11
|
type Props = {
|
|
12
12
|
className?: string;
|
|
13
|
-
|
|
13
|
+
children: ReactNode;
|
|
14
14
|
};
|
|
15
15
|
export declare const CardCollection: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const CardCollectionItem: ({ card }: {
|
|
17
|
+
card: Item;
|
|
18
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
16
19
|
export {};
|