@reportportal/ui-kit 0.0.1-alpha.237 → 0.0.1-alpha.238

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.
@@ -1,167 +0,0 @@
1
- import { jsx as n, jsxs as s, Fragment as E } from "react/jsx-runtime";
2
- import { forwardRef as W, useRef as X, useId as Y, useState as b } from "react";
3
- import { c as Z } from "./bind-06a7ff84.js";
4
- import { S as q } from "./clear-53660571.js";
5
- import { a as nn, S as en } from "./openEye-950159cb.js";
6
- import { B as tn } from "./baseIconButton-251479f7.js";
7
- import { S as on } from "./spinLoader-c4a53718.js";
8
- import { M as sn } from "./maxValueDisplay-9be01a75.js";
9
- import { FieldLabel as an } from "./fieldLabel.js";
10
- const cn = "_collapsed_18d9y_11", rn = "_field_18d9y_23", ln = "_placeholder_18d9y_48", dn = "_disabled_18d9y_51", _n = "_error_18d9y_54", pn = "_touched_18d9y_54", un = "_input_18d9y_73", mn = "_icon_18d9y_1", fn = "_text_18d9y_171", hn = {
11
- "icon-container": "_icon-container_18d9y_1",
12
- "icon-container-additional": "_icon-container-additional_18d9y_1",
13
- "icon-container-end": "_icon-container-end_18d9y_1",
14
- "icon-container-start": "_icon-container-start_18d9y_1",
15
- collapsed: cn,
16
- field: rn,
17
- "default-width": "_default-width_18d9y_35",
18
- placeholder: ln,
19
- disabled: dn,
20
- error: _n,
21
- touched: pn,
22
- "max-length-display": "_max-length-display_18d9y_61",
23
- "input-container": "_input-container_18d9y_73",
24
- "type-password": "_type-password_18d9y_77",
25
- input: un,
26
- "eye-icon": "_eye-icon_18d9y_81",
27
- icon: mn,
28
- "start-icon": "_start-icon_18d9y_127",
29
- "clear-icon": "_clear-icon_18d9y_128",
30
- "additional-content": "_additional-content_18d9y_164",
31
- text: fn,
32
- "error-text": "_error-text_18d9y_191",
33
- "help-text": "_help-text_18d9y_195"
34
- }, e = Z.bind(hn), Bn = W(
35
- ({
36
- value: o = "",
37
- className: v,
38
- classNameHelpText: C,
39
- error: r,
40
- placeholder: u,
41
- disabled: a = !1,
42
- onChange: T,
43
- touched: m = !1,
44
- title: V,
45
- label: l,
46
- helpText: d,
47
- defaultWidth: k = !0,
48
- startIcon: f,
49
- endIcon: h,
50
- clearable: I = !1,
51
- onClear: y,
52
- isRequired: x = !1,
53
- hasDoubleMessage: L = !1,
54
- type: c = "text",
55
- displayError: P = !0,
56
- collapsible: R = !1,
57
- loading: j = !1,
58
- maxLengthDisplay: H,
59
- onFocus: O = () => {
60
- },
61
- onBlur: U = () => {
62
- },
63
- ...$
64
- }, z) => {
65
- const A = X(null), _ = z || A, w = Y(), [N, g] = b(!1), [S, F] = b(!1), G = (t) => {
66
- g(!0), O(t);
67
- }, J = (t) => {
68
- g(!1), U(t);
69
- }, K = () => {
70
- var t;
71
- y && (y(o), (t = _.current) == null || t.focus());
72
- }, D = P && r && m, M = /* @__PURE__ */ n("span", { className: e("text", "help-text", C), children: d }), Q = () => c !== "password" ? c : S ? "text" : "password", B = (t) => {
73
- t.preventDefault(), F(!0);
74
- }, i = (t) => {
75
- t.preventDefault(), F(!1);
76
- };
77
- return /* @__PURE__ */ s(E, { children: [
78
- l && /* @__PURE__ */ n(an, { isRequired: x, htmlFor: w, children: l }),
79
- /* @__PURE__ */ s(
80
- "div",
81
- {
82
- className: e("field", v, {
83
- error: r,
84
- touched: m,
85
- disabled: a,
86
- "default-width": k,
87
- collapsed: R && !N && !o
88
- }),
89
- title: V,
90
- children: [
91
- j ? /* @__PURE__ */ n(on, {}) : f && /* @__PURE__ */ n(
92
- "span",
93
- {
94
- className: e("icon-container-start"),
95
- onClick: () => {
96
- var p;
97
- (p = _.current) == null || p.focus();
98
- },
99
- children: /* @__PURE__ */ n("span", { className: e("icon", { "start-icon": !N }), children: f })
100
- }
101
- ),
102
- /* @__PURE__ */ s("span", { className: e("input-container", `type-${c}`), children: [
103
- /* @__PURE__ */ n(
104
- "input",
105
- {
106
- ref: _,
107
- type: Q(),
108
- className: e("input"),
109
- value: o,
110
- disabled: a,
111
- id: w,
112
- onChange: T,
113
- onFocus: G,
114
- onBlur: J,
115
- ...$
116
- }
117
- ),
118
- c === "password" && o && /* @__PURE__ */ n(
119
- tn,
120
- {
121
- className: e("eye-icon"),
122
- onMouseDown: B,
123
- onMouseLeave: i,
124
- onMouseUp: i,
125
- onTouchStart: B,
126
- onTouchEnd: i,
127
- onTouchCancel: i,
128
- children: S ? /* @__PURE__ */ n(nn, {}) : /* @__PURE__ */ n(en, {})
129
- }
130
- ),
131
- u && !o && /* @__PURE__ */ s("span", { className: e("placeholder"), children: [
132
- u,
133
- x && !l && /* @__PURE__ */ n("span", { className: e("asterisk") })
134
- ] })
135
- ] }),
136
- /* @__PURE__ */ n(
137
- sn,
138
- {
139
- className: e("max-length-display"),
140
- value: o.length,
141
- maxValue: H
142
- }
143
- ),
144
- I && o.length > 0 && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n(
145
- "button",
146
- {
147
- type: "button",
148
- className: e("clear-icon", { disabled: a }),
149
- onClick: K,
150
- onMouseDown: (t) => t.preventDefault(),
151
- children: /* @__PURE__ */ n(q, {})
152
- }
153
- ) }),
154
- h && /* @__PURE__ */ n("span", { className: e("icon-container-end"), children: /* @__PURE__ */ n("span", { className: e("icon"), children: h }) })
155
- ]
156
- }
157
- ),
158
- (D || d) && /* @__PURE__ */ n("div", { className: e("additional-content", { disabled: a }), children: D ? /* @__PURE__ */ s(E, { children: [
159
- /* @__PURE__ */ n("span", { className: e("text", "error-text"), children: r }),
160
- L && M
161
- ] }) : d && M })
162
- ] });
163
- }
164
- );
165
- export {
166
- Bn as F
167
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.31082 7.31081C2.94108 7.30926 2.6426 7.60773 2.64415 7.97748C2.64571 8.34722 2.9467 8.64822 3.31645 8.64977L12.6892 8.68919C13.0589 8.69074 13.3574 8.39227 13.3559 8.02252C13.3543 7.65278 13.0533 7.35178 12.6836 7.35023L3.31082 7.31081Z" }));
3
- export {
4
- l as S
5
- };
@@ -1,6 +0,0 @@
1
- import * as e from "react";
2
- const l = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.09194 3.90153C8.73249 3.84853 8.36745 3.82135 7.99778 3.82135C5.24735 3.82135 2.75312 5.32613 0.912626 7.77031C0.762442 7.97055 0.762442 8.25031 0.912626 8.45055C1.96494 9.84971 3.23098 10.9408 4.63642 11.6187L5.59679 9.95532C5.16732 9.39694 4.92809 8.68447 4.97644 7.91459C5.07067 6.40686 6.29276 5.18478 7.80049 5.09055C8.00285 5.07782 8.2013 5.08498 8.39407 5.11028L9.09194 3.90153ZM7.56961 6.5383C6.91222 6.71981 6.41543 7.30478 6.37225 8.00589C6.36032 8.18701 6.37814 8.36223 6.42131 8.5272L7.56961 6.5383ZM8.40613 9.68939L9.57119 7.67146C9.61868 7.84288 9.6387 8.02571 9.62624 8.21497C9.58001 8.92637 9.07238 9.51681 8.40613 9.68939ZM7.58518 11.1113C7.78307 11.1384 7.98701 11.1463 8.19509 11.1332C9.69987 11.0361 10.922 9.81398 11.0191 8.3092C11.0679 7.53332 10.8245 6.81576 10.3887 6.25546L11.3454 4.59845C12.7563 5.27587 14.0272 6.36953 15.0829 7.77325C15.2331 7.9735 15.2331 8.25325 15.0829 8.4535C13.2424 10.8977 10.7482 12.4025 7.99778 12.4025C7.62256 12.4025 7.25211 12.3744 6.88743 12.3199L7.58518 11.1113Z", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("path", { d: "M10.5051 2.25952C10.7122 1.9008 11.1709 1.7779 11.5296 1.985C11.8883 2.19211 12.0112 2.6508 11.8041 3.00952L5.35413 14.1812C5.14702 14.54 4.68833 14.6629 4.32961 14.4558C3.97089 14.2487 3.84798 13.79 4.05509 13.4312L10.5051 2.25952Z", fill: "#A2AAB5" })), t = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.99778 3.82135C5.24735 3.82135 2.75312 5.32613 0.912626 7.77031C0.762442 7.97055 0.762442 8.25031 0.912626 8.45055C2.75312 10.8977 5.24735 12.4025 7.99778 12.4025C10.7482 12.4025 13.2424 10.8977 15.0829 8.4535C15.2331 8.25325 15.2331 7.9735 15.0829 7.77325C13.2424 5.32614 10.7482 3.82135 7.99778 3.82135ZM8.19509 11.1332C6.36932 11.2481 4.86159 9.74331 4.97644 7.91459C5.07067 6.40686 6.29276 5.18478 7.80049 5.09055C9.62625 4.9757 11.134 6.48048 11.0191 8.3092C10.922 9.81398 9.69987 11.0361 8.19509 11.1332ZM6.37225 8.00589C6.30746 8.98945 7.12022 9.79926 8.10378 9.73742C8.9136 9.68736 9.57323 9.03068 9.62624 8.21497C9.69102 7.23141 8.87826 6.4216 7.8947 6.48344C7.08194 6.53644 6.42231 7.19313 6.37225 8.00589Z", fill: "#A2AAB5" }));
3
- export {
4
- l as S,
5
- t as a
6
- };
@@ -1,355 +0,0 @@
1
- import { jsxs as p, jsx as t } from "react/jsx-runtime";
2
- import { c as _ } from "./bind-06a7ff84.js";
3
- import { useState as f } from "react";
4
- import { Popover as I } from "./popover.js";
5
- import { B as $ } from "./button-7ab874f3.js";
6
- import { F as j } from "./fieldText-1749da7a.js";
7
- import { B as y } from "./baseIconButton-251479f7.js";
8
- import { S as T, a as z } from "./prevPage-87faf576.js";
9
- import { Tooltip as A } from "./tooltip.js";
10
- const B = {
11
- "item-counter": "_item-counter_1qk4p_1"
12
- }, W = _.bind(B), P = ({
13
- activePage: o,
14
- pageSize: n,
15
- totalItems: s,
16
- ofText: r,
17
- itemsText: a,
18
- limitExceeded: i = !1,
19
- warningContent: c = null
20
- }) => {
21
- const e = o * n, d = e - n;
22
- return /* @__PURE__ */ p("div", { className: W("item-counter"), children: [
23
- `${d + 1} - ${e < s ? e : s}`,
24
- ` ${r} ${s}${i ? "+" : ""} ${a}`,
25
- c
26
- ] });
27
- }, E = "_selected_cjnvy_23", M = {
28
- "size-selector": "_size-selector_cjnvy_1",
29
- "size-option": "_size-option_cjnvy_6",
30
- selected: E
31
- }, C = _.bind(M), V = ({
32
- currentSize: o,
33
- options: n,
34
- onClickOption: s
35
- }) => /* @__PURE__ */ t("div", { className: C("size-selector"), children: n.map((r) => /* @__PURE__ */ t(
36
- "button",
37
- {
38
- className: C("size-option", { selected: r === o }),
39
- onClick: () => {
40
- s(r);
41
- },
42
- children: r
43
- },
44
- r
45
- )) }), D = {
46
- "page-size-control": "_page-size-control_8rb7p_1",
47
- "page-size-options": "_page-size-options_8rb7p_8",
48
- "size-selector-button": "_size-selector-button_8rb7p_12"
49
- }, N = _.bind(D), F = ({
50
- size: o,
51
- sizeOptions: n,
52
- perPageText: s,
53
- changeSize: r
54
- }) => {
55
- const [a, i] = f(!1), c = (e) => {
56
- r(e), i(!1);
57
- };
58
- return /* @__PURE__ */ p("div", { className: N("page-size-control"), children: [
59
- /* @__PURE__ */ t(
60
- I,
61
- {
62
- content: /* @__PURE__ */ t(V, { options: n, onClickOption: c, currentSize: o }),
63
- placement: "top",
64
- isOpened: a,
65
- setIsOpened: i,
66
- className: N("page-size-options"),
67
- children: /* @__PURE__ */ t($, { className: N("size-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
68
- }
69
- ),
70
- ` ${s}`
71
- ] });
72
- }, G = {
73
- "page-selector": "_page-selector_rtho4_1",
74
- "field-wrapper": "_field-wrapper_rtho4_6",
75
- "apply-button": "_apply-button_rtho4_10"
76
- }, x = _.bind(G), H = ({
77
- totalPages: o,
78
- pageText: n,
79
- goActionText: s,
80
- selectPage: r
81
- }) => {
82
- const [a, i] = f(""), [c, e] = f(!0), d = (g) => {
83
- const h = g.target.value.replace(/\D/g, ""), b = Number(h), k = b > 0 && b <= o;
84
- e(k), i(h);
85
- }, l = () => {
86
- r(Number(a));
87
- };
88
- return /* @__PURE__ */ p("div", { className: x("page-selector"), children: [
89
- /* @__PURE__ */ t("div", { className: x("field-wrapper"), children: /* @__PURE__ */ t(
90
- j,
91
- {
92
- onChange: d,
93
- value: a,
94
- placeholder: n,
95
- error: c ? "" : "Error",
96
- touched: !0,
97
- defaultWidth: !1,
98
- displayError: !1
99
- }
100
- ) }),
101
- /* @__PURE__ */ t($, { onClick: l, disabled: !a || !c, className: x("apply-button"), children: s })
102
- ] });
103
- }, q = {
104
- "active-page": "_active-page_1gl9o_1",
105
- "page-selector": "_page-selector_1gl9o_10",
106
- "page-selector-button": "_page-selector-button_1gl9o_14"
107
- }, v = _.bind(q), L = ({
108
- activePage: o,
109
- totalPages: n,
110
- pageText: s,
111
- goToText: r,
112
- goActionText: a,
113
- changePage: i
114
- }) => {
115
- const [c, e] = f(!1), d = (l) => {
116
- i(l), e(!1);
117
- };
118
- return /* @__PURE__ */ p("div", { className: v("active-page"), children: [
119
- `${s} `,
120
- /* @__PURE__ */ t(
121
- I,
122
- {
123
- content: /* @__PURE__ */ t(
124
- H,
125
- {
126
- pageText: s,
127
- goActionText: a,
128
- selectPage: d,
129
- totalPages: n
130
- }
131
- ),
132
- title: r,
133
- placement: "top",
134
- isOpened: c,
135
- setIsOpened: e,
136
- className: v("page-selector"),
137
- children: /* @__PURE__ */ t($, { className: v("page-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
138
- }
139
- )
140
- ] });
141
- }, R = "_bar_y74hy_1", J = "_section_y74hy_9", K = "_selected_y74hy_33", Q = "_tooltip_y74hy_37", U = {
142
- bar: R,
143
- "section-with-tooltip": "_section-with-tooltip_y74hy_9",
144
- section: J,
145
- selected: K,
146
- "tooltip-wrapper": "_tooltip-wrapper_y74hy_37",
147
- tooltip: Q,
148
- "tooltip-text": "_tooltip-text_y74hy_48",
149
- "page-number": "_page-number_y74hy_52"
150
- }, m = _.bind(U), S = 13, O = 260, X = ({
151
- totalPages: o,
152
- activePage: n,
153
- changePage: s,
154
- captions: r
155
- }) => {
156
- const a = O / o, i = Math.min(Math.ceil(O / S), o), c = Math.max(S, a), e = [];
157
- for (let l = 1; l <= o; l++)
158
- e.push({
159
- end: l * a,
160
- pageNumber: l
161
- });
162
- const d = Array.from({ length: i }, () => ({ pages: { from: void 0, to: void 0 } }));
163
- return d.forEach((l, g) => {
164
- for (l.pages.from = e[0].pageNumber; c * (g + 1) > e[0].end; )
165
- e.shift();
166
- l.pages.to = e[0].pageNumber, e.shift();
167
- }), /* @__PURE__ */ t("div", { className: m("bar"), children: d.map((l, g) => /* @__PURE__ */ t(
168
- "div",
169
- {
170
- className: m("section-with-tooltip"),
171
- style: { width: c },
172
- onClick: () => l.pages.from && s(l.pages.from),
173
- children: /* @__PURE__ */ t(
174
- A,
175
- {
176
- content: /* @__PURE__ */ p("div", { className: m("tooltip"), children: [
177
- /* @__PURE__ */ t("div", { className: m("tooltip-text"), children: r.goTo }),
178
- /* @__PURE__ */ t("div", { className: m("page-number"), children: l.pages.from })
179
- ] }),
180
- wrapperClassName: m("tooltip-wrapper"),
181
- placement: "top",
182
- children: /* @__PURE__ */ t(
183
- "div",
184
- {
185
- className: m("section", {
186
- selected: l.pages.from && l.pages.to && l.pages.from <= n && n <= l.pages.to
187
- })
188
- }
189
- )
190
- }
191
- )
192
- },
193
- g
194
- )) });
195
- }, Y = "_next_pyt8p_21", Z = {
196
- "page-navigator": "_page-navigator_pyt8p_1",
197
- "page-buttons": "_page-buttons_pyt8p_7",
198
- "page-button": "_page-button_pyt8p_7",
199
- next: Y
200
- }, u = _.bind(Z), ee = ({
201
- activePage: o,
202
- changePage: n,
203
- totalPages: s,
204
- captions: r
205
- }) => {
206
- const a = () => {
207
- n(1);
208
- }, i = () => {
209
- n(o - 1);
210
- }, c = () => {
211
- n(o + 1);
212
- }, e = () => {
213
- n(s);
214
- };
215
- return /* @__PURE__ */ p("div", { className: u("page-navigator"), children: [
216
- /* @__PURE__ */ p("div", { className: u("page-buttons"), children: [
217
- /* @__PURE__ */ t(
218
- y,
219
- {
220
- className: u("page-button"),
221
- onClick: a,
222
- disabled: o === 1,
223
- children: /* @__PURE__ */ t(T, {})
224
- }
225
- ),
226
- /* @__PURE__ */ t(
227
- y,
228
- {
229
- className: u("page-button"),
230
- onClick: i,
231
- disabled: o === 1,
232
- children: /* @__PURE__ */ t(z, {})
233
- }
234
- )
235
- ] }),
236
- /* @__PURE__ */ t(
237
- X,
238
- {
239
- totalPages: s,
240
- activePage: o,
241
- changePage: n,
242
- captions: r
243
- }
244
- ),
245
- /* @__PURE__ */ p("div", { className: u("page-buttons"), children: [
246
- /* @__PURE__ */ t(
247
- y,
248
- {
249
- className: u("page-button", "next"),
250
- onClick: c,
251
- disabled: o === s,
252
- children: /* @__PURE__ */ t(z, {})
253
- }
254
- ),
255
- /* @__PURE__ */ t(
256
- y,
257
- {
258
- className: u("page-button", "next"),
259
- onClick: e,
260
- disabled: o === s,
261
- children: /* @__PURE__ */ t(T, {})
262
- }
263
- )
264
- ] })
265
- ] });
266
- }, te = {
267
- "page-controls": "_page-controls_thyf8_1",
268
- "total-pages": "_total-pages_thyf8_8"
269
- }, w = _.bind(te), oe = ({
270
- activePage: o,
271
- changePage: n,
272
- captions: s,
273
- totalPages: r
274
- }) => /* @__PURE__ */ p("div", { className: w("page-controls"), children: [
275
- /* @__PURE__ */ t(
276
- L,
277
- {
278
- activePage: o,
279
- totalPages: r,
280
- changePage: n,
281
- pageText: s.page,
282
- goToText: s.goTo,
283
- goActionText: s.goAction
284
- }
285
- ),
286
- /* @__PURE__ */ t(
287
- ee,
288
- {
289
- changePage: n,
290
- activePage: o,
291
- totalPages: r,
292
- captions: { goTo: s.goTo }
293
- }
294
- ),
295
- /* @__PURE__ */ p("span", { className: w("total-pages"), children: [
296
- `${s.of} `,
297
- r
298
- ] })
299
- ] }), se = "_pagination_ax9ed_1", ne = {
300
- pagination: se
301
- }, re = _.bind(ne), ue = ({
302
- activePage: o,
303
- totalPages: n,
304
- pageSize: s,
305
- totalItems: r,
306
- pageSizeOptions: a,
307
- changePage: i,
308
- changePageSize: c,
309
- captions: e,
310
- className: d,
311
- warningContent: l,
312
- limitExceeded: g = !1
313
- }) => {
314
- const h = (e == null ? void 0 : e.of) || "of", b = (e == null ? void 0 : e.page) || "Page";
315
- return /* @__PURE__ */ p("div", { className: re("pagination", d), children: [
316
- /* @__PURE__ */ t(
317
- P,
318
- {
319
- activePage: o,
320
- pageSize: s,
321
- totalItems: r,
322
- ofText: h,
323
- itemsText: (e == null ? void 0 : e.items) || "items",
324
- limitExceeded: g,
325
- warningContent: l
326
- }
327
- ),
328
- n > 1 && /* @__PURE__ */ t(
329
- oe,
330
- {
331
- activePage: o,
332
- totalPages: n,
333
- changePage: i,
334
- captions: {
335
- page: b,
336
- of: h,
337
- goTo: (e == null ? void 0 : e.goTo) || "Go to page",
338
- goAction: (e == null ? void 0 : e.goAction) || "Go"
339
- }
340
- }
341
- ),
342
- /* @__PURE__ */ t(
343
- F,
344
- {
345
- size: s,
346
- sizeOptions: a,
347
- changeSize: c,
348
- perPageText: (e == null ? void 0 : e.perPage) || "per page"
349
- }
350
- )
351
- ] });
352
- };
353
- export {
354
- ue as P
355
- };
@@ -1,5 +0,0 @@
1
- import * as e from "react";
2
- const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00117 2.62046C7.63142 2.6189 7.33294 2.91738 7.3345 3.28712L7.35159 7.35159L3.28712 7.3345C2.91738 7.33295 2.6189 7.63142 2.62045 8.00117C2.62201 8.37091 2.92301 8.67191 3.29275 8.67346L7.35722 8.69056L7.37391 12.6599C7.37547 13.0296 7.67647 13.3306 8.04621 13.3322C8.41596 13.3337 8.71443 13.0352 8.71288 12.6655L8.69619 8.69619L12.6655 8.71288C13.0352 8.71444 13.3337 8.41596 13.3322 8.04621C13.3306 7.67647 13.0296 7.37547 12.6599 7.37392L8.69056 7.35722L8.67346 3.29275C8.67191 2.92301 8.37091 2.62201 8.00117 2.62046Z" }));
3
- export {
4
- l as S
5
- };
@@ -1,6 +0,0 @@
1
- import * as e from "react";
2
- const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 13, height: 12, viewBox: "0 0 13 12", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12L2 12L2 2.38498e-08L1.90798e-07 0L0 12ZM13 1L5 6L13 11L13 1Z" })), a = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12 13L4 8L12 3L12 13Z" }));
3
- export {
4
- l as S,
5
- a
6
- };
@@ -1,77 +0,0 @@
1
- import { jsxs as p, jsx as a } from "react/jsx-runtime";
2
- import { useRef as g, useId as k } from "react";
3
- import { c as y } from "./bind-06a7ff84.js";
4
- import { K as _ } from "./keyCodes-f63c0e11.js";
5
- const x = "_disabled_1fetm_9", D = "_toggler_1fetm_15", E = "_checked_1fetm_21", v = "_input_1fetm_28", C = {
6
- "radio-button": "_radio-button_1fetm_1",
7
- disabled: x,
8
- "children-container": "_children-container_1fetm_12",
9
- toggler: D,
10
- checked: E,
11
- input: v
12
- }, d = y.bind(C), K = ({
13
- option: e,
14
- value: l,
15
- onChange: s,
16
- onFocus: c,
17
- onBlur: N,
18
- className: m,
19
- ...f
20
- }) => {
21
- const t = g(null), n = k(), r = String(e.value) === String(l), h = (i) => {
22
- var u, b;
23
- const { keyCode: o } = i;
24
- if (o === _.SPACE_KEY_CODE) {
25
- i.preventDefault(), (u = t.current) == null || u.click();
26
- return;
27
- }
28
- o === _.ENTER_KEY_CODE && (i.preventDefault(), (b = t.current) == null || b.click());
29
- };
30
- return (
31
- // eslint-disable-next-line
32
- /* @__PURE__ */ p(
33
- "label",
34
- {
35
- id: n,
36
- className: d(m, "radio-button", {
37
- disabled: e.disabled
38
- }),
39
- tabIndex: e.disabled ? -1 : 0,
40
- onKeyDown: e.disabled ? void 0 : h,
41
- children: [
42
- /* @__PURE__ */ a(
43
- "input",
44
- {
45
- tabIndex: -1,
46
- ref: t,
47
- type: "radio",
48
- className: d("input"),
49
- disabled: e.disabled,
50
- onChange: s,
51
- value: e.value,
52
- checked: r,
53
- ...f
54
- }
55
- ),
56
- /* @__PURE__ */ a(
57
- "span",
58
- {
59
- role: "radio",
60
- "aria-labelledby": n,
61
- "aria-checked": r,
62
- className: d("toggler", {
63
- disabled: e.disabled,
64
- checked: r
65
- })
66
- }
67
- ),
68
- /* @__PURE__ */ a("span", { className: d("children-container"), children: e.label })
69
- ]
70
- }
71
- )
72
- );
73
- }, w = ({ options: e, value: l, ...s }) => /* @__PURE__ */ a("div", { style: { display: "flex", flexDirection: "column" }, children: e.map((c) => /* @__PURE__ */ a(K, { option: c, value: l, ...s }, c.value)) });
74
- export {
75
- K as R,
76
- w as a
77
- };