mimir-ui-kit 1.38.22 → 1.38.23
Sign up to get free protection for your applications and to get access to all the features.
@@ -1,16 +1,16 @@
|
|
1
|
-
import { jsxs as E, jsx as n, Fragment as
|
2
|
-
import { c as
|
3
|
-
import { forwardRef as
|
4
|
-
import { EMultiSelectSearchSize as
|
5
|
-
import { getInitialInputValue as
|
6
|
-
import { Icon as
|
7
|
-
import { Button as
|
8
|
-
import { CheckboxMimir as
|
9
|
-
import { Chip as
|
10
|
-
import { I as
|
1
|
+
import { jsxs as E, jsx as n, Fragment as Y } from "react/jsx-runtime";
|
2
|
+
import { c as u } from "../../index-DIxK0V-G.js";
|
3
|
+
import { forwardRef as Ne, useId as Se, useRef as P, useState as g, useEffect as y, useMemo as Ce, useCallback as Me } from "react";
|
4
|
+
import { EMultiSelectSearchSize as R } from "./constants.js";
|
5
|
+
import { getInitialInputValue as Z, shouldShowMenuOnTop as Ee, MULTISELECT_OPEN_EVENT as ee, mapSizeToInputSize as te, getDropdownArrowIcon as Le, dispatchMultiselectOpen as L, joinSelectedItems as oe } from "./utils.js";
|
6
|
+
import { Icon as ye } from "../../icons/Icon.js";
|
7
|
+
import { Button as ke } from "../Button/Button.js";
|
8
|
+
import { CheckboxMimir as Te } from "../CheckboxMimir/CheckboxMimir.js";
|
9
|
+
import { Chip as Oe } from "../Chip/Chip.js";
|
10
|
+
import { I as ne } from "../../Input-CQ7LgZWK.js";
|
11
11
|
import { EInputVariant as ze } from "../Input/constants.js";
|
12
|
-
import { H as Ae, U as
|
13
|
-
import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De = "_container_io0c8_9", Pe = "_full_io0c8_27",
|
12
|
+
import { H as Ae, U as ie, G as se, K as Ve, W as qe } from "../../combobox-CVtJDVoZ.js";
|
13
|
+
import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De = "_container_io0c8_9", Pe = "_full_io0c8_27", Re = "_button_io0c8_39", Be = "_options_io0c8_53", Fe = "_visible_io0c8_66", Je = "_top_io0c8_69", je = "_bottom_io0c8_74", Ge = "_m_io0c8_2", He = "_l_io0c8_116", Ue = "_focused_io0c8_134", We = "_option_io0c8_53", Ke = "_chip_io0c8_163", $e = "_clear_io0c8_188", e = {
|
14
14
|
"multi-select-search": "_multi-select-search_io0c8_2",
|
15
15
|
disabled: xe,
|
16
16
|
container: De,
|
@@ -19,224 +19,218 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
|
|
19
19
|
full: Pe,
|
20
20
|
"selected-icon": "_selected-icon_io0c8_31",
|
21
21
|
"selector-icon-open": "_selector-icon-open_io0c8_35",
|
22
|
-
button:
|
22
|
+
button: Re,
|
23
23
|
"selector-icon": "_selector-icon_io0c8_35",
|
24
|
-
options:
|
25
|
-
visible:
|
26
|
-
top:
|
24
|
+
options: Be,
|
25
|
+
visible: Fe,
|
26
|
+
top: Je,
|
27
27
|
bottom: je,
|
28
28
|
"no-options": "_no-options_io0c8_95",
|
29
29
|
m: Ge,
|
30
|
-
l:
|
30
|
+
l: He,
|
31
31
|
"multi-select-input-disabled": "_multi-select-input-disabled_io0c8_131",
|
32
32
|
"multi-select-input": "_multi-select-input_io0c8_131",
|
33
|
-
focused:
|
34
|
-
option:
|
33
|
+
focused: Ue,
|
34
|
+
option: We,
|
35
35
|
"option-active": "_option-active_io0c8_153",
|
36
36
|
"option-inner": "_option-inner_io0c8_156",
|
37
|
-
chip:
|
37
|
+
chip: Ke,
|
38
38
|
"chip-container": "_chip-container_io0c8_168",
|
39
39
|
"chip-root": "_chip-root_io0c8_174",
|
40
40
|
"right-slot": "_right-slot_io0c8_178",
|
41
41
|
"required-mark": "_required-mark_io0c8_183",
|
42
|
-
clear:
|
42
|
+
clear: $e,
|
43
43
|
"icon-button": "_icon-button_io0c8_197"
|
44
|
-
},
|
45
|
-
(
|
44
|
+
}, at = Ne(
|
45
|
+
(ce, re) => {
|
46
46
|
const {
|
47
|
-
placeholder:
|
48
|
-
size: i =
|
49
|
-
value:
|
47
|
+
placeholder: B,
|
48
|
+
size: i = R.L,
|
49
|
+
value: m,
|
50
50
|
onChange: s,
|
51
51
|
full: le,
|
52
|
-
showArrow:
|
53
|
-
items:
|
54
|
-
classNameOption:
|
55
|
-
displayValue:
|
56
|
-
filterOnSearch:
|
52
|
+
showArrow: ae = !0,
|
53
|
+
items: f = [],
|
54
|
+
classNameOption: ue,
|
55
|
+
displayValue: v = "name",
|
56
|
+
filterOnSearch: F = !0,
|
57
57
|
onSearch: k,
|
58
|
-
variant:
|
59
|
-
menuPlacement:
|
60
|
-
disabled:
|
61
|
-
searchProps:
|
62
|
-
withClearButton:
|
63
|
-
withChip:
|
64
|
-
chipVariant:
|
58
|
+
variant: J = ze.DefaultGray,
|
59
|
+
menuPlacement: w = "bottom",
|
60
|
+
disabled: d = !1,
|
61
|
+
searchProps: j,
|
62
|
+
withClearButton: T = !1,
|
63
|
+
withChip: de = !1,
|
64
|
+
chipVariant: pe = "sapphire",
|
65
65
|
disableInput: I = !1,
|
66
|
-
autocomplete:
|
67
|
-
id:
|
68
|
-
autoPlacement:
|
69
|
-
onIsOpen:
|
70
|
-
} =
|
71
|
-
() =>
|
72
|
-
), [c, M] =
|
73
|
-
|
74
|
-
), [A,
|
75
|
-
|
76
|
-
|
77
|
-
}, [
|
78
|
-
const
|
66
|
+
autocomplete: G = "on",
|
67
|
+
id: me,
|
68
|
+
autoPlacement: O = !1,
|
69
|
+
onIsOpen: r
|
70
|
+
} = ce, _e = Se(), _ = me || `multiselect-${_e}`, N = P(null), b = P(null), z = P(!1), [l, h] = g(!1), [S, C] = g(
|
71
|
+
() => Z(m, v)
|
72
|
+
), [c, M] = g(
|
73
|
+
m || []
|
74
|
+
), [A, H] = g(w), [V, U] = g(!1), [he, W] = g(!1);
|
75
|
+
y(() => {
|
76
|
+
m && (M(m), JSON.stringify(m) !== JSON.stringify(c) && C(Z(m, v)));
|
77
|
+
}, [m, v, c]);
|
78
|
+
const K = Ce(() => {
|
79
79
|
var o;
|
80
|
-
if (!
|
81
|
-
const
|
82
|
-
return c.length > 0 && c[c.length - 1].name.toLowerCase() ===
|
83
|
-
(
|
80
|
+
if (!F) return f;
|
81
|
+
const t = ((o = S.split(",").pop()) == null ? void 0 : o.trim().toLowerCase()) ?? "";
|
82
|
+
return c.length > 0 && c[c.length - 1].name.toLowerCase() === t ? f : f.filter(
|
83
|
+
(a) => a.name.toLowerCase().includes(t)
|
84
84
|
);
|
85
|
-
}, [
|
86
|
-
M(
|
87
|
-
const o =
|
88
|
-
C(o),
|
85
|
+
}, [F, f, S, c]), fe = (t) => {
|
86
|
+
M(t), s == null || s(t);
|
87
|
+
const o = oe(t, v);
|
88
|
+
C(o), h(!0), L(_), setTimeout(() => {
|
89
89
|
if (b.current) {
|
90
90
|
b.current.focus(), b.current.scrollLeft = b.current.scrollWidth;
|
91
|
-
const
|
92
|
-
b.current.setSelectionRange(
|
91
|
+
const a = o.length;
|
92
|
+
b.current.setSelectionRange(a, a);
|
93
93
|
}
|
94
94
|
}, 0);
|
95
|
-
},
|
96
|
-
var
|
95
|
+
}, $ = (t) => {
|
96
|
+
var X;
|
97
97
|
if (I) return;
|
98
|
-
const o =
|
98
|
+
const o = t.target.value;
|
99
99
|
C(o), k == null || k(o);
|
100
|
-
const
|
101
|
-
(
|
100
|
+
const a = o.split(",").map((D) => D.trim()).filter(Boolean), q = f.filter(
|
101
|
+
(D) => a.includes(D[v])
|
102
102
|
);
|
103
|
-
M(
|
104
|
-
const
|
105
|
-
`.${
|
103
|
+
JSON.stringify(q) !== JSON.stringify(c) && (M(q), s == null || s(q)), h(!0), L(_);
|
104
|
+
const x = (X = N.current) == null ? void 0 : X.querySelector(
|
105
|
+
`.${e.options}`
|
106
106
|
);
|
107
|
-
|
108
|
-
},
|
107
|
+
x && typeof x.scrollTo == "function" && x.scrollTo({ top: 0, behavior: "smooth" });
|
108
|
+
}, ve = (t) => {
|
109
109
|
const o = c.filter(
|
110
|
-
(
|
110
|
+
(a) => a.id !== t.id
|
111
111
|
);
|
112
|
-
M(o), s == null || s(o), C(
|
113
|
-
},
|
114
|
-
if (!
|
115
|
-
|
112
|
+
M(o), s == null || s(o), C(oe(o, v));
|
113
|
+
}, p = Me(() => {
|
114
|
+
if (!O) {
|
115
|
+
H(w);
|
116
116
|
return;
|
117
117
|
}
|
118
|
-
const
|
119
|
-
|
120
|
-
}, [
|
121
|
-
const
|
122
|
-
|
123
|
-
},
|
124
|
-
|
125
|
-
const o =
|
126
|
-
|
127
|
-
},
|
118
|
+
const t = Ee(N, i);
|
119
|
+
H(t ? "top" : w);
|
120
|
+
}, [O, w, i]), Q = () => {
|
121
|
+
const t = !l;
|
122
|
+
t && (p(), L(_)), h(t), r == null || r(t);
|
123
|
+
}, be = (t) => {
|
124
|
+
t.preventDefault(), t.currentTarget.focus();
|
125
|
+
const o = t.currentTarget.value.length;
|
126
|
+
t.currentTarget.setSelectionRange(o, o);
|
127
|
+
}, ge = () => {
|
128
128
|
C(""), M([]), s == null || s([]);
|
129
|
-
}, we = (
|
130
|
-
|
131
|
-
},
|
129
|
+
}, we = (t) => {
|
130
|
+
t.stopPropagation(), ge();
|
131
|
+
}, Ie = (t) => {
|
132
132
|
if (I) {
|
133
|
-
|
133
|
+
t.target.blur();
|
134
134
|
return;
|
135
135
|
}
|
136
|
-
|
136
|
+
p(), h(!0), L(_);
|
137
137
|
};
|
138
|
-
return
|
139
|
-
if (
|
140
|
-
const
|
141
|
-
N.current && !N.current.contains(o.target) && !o.defaultPrevented && (
|
138
|
+
return y(() => {
|
139
|
+
if (l) {
|
140
|
+
const t = (o) => {
|
141
|
+
N.current && !N.current.contains(o.target) && !o.defaultPrevented && (h(!1), r == null || r(!1));
|
142
142
|
};
|
143
|
-
return document.addEventListener("mousedown",
|
144
|
-
document.removeEventListener("mousedown",
|
143
|
+
return document.addEventListener("mousedown", t), () => {
|
144
|
+
document.removeEventListener("mousedown", t);
|
145
145
|
};
|
146
146
|
}
|
147
|
-
}, [
|
148
|
-
const
|
149
|
-
|
147
|
+
}, [l, r]), y(() => {
|
148
|
+
const o = (a) => {
|
149
|
+
a.detail === _ || !l || z.current || (z.current = !0, h(!1), r == null || r(!1), queueMicrotask(() => {
|
150
|
+
z.current = !1;
|
151
|
+
}));
|
150
152
|
};
|
151
|
-
return window.addEventListener(
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
e
|
158
|
-
);
|
159
|
-
};
|
160
|
-
}, [m]), T(() => {
|
161
|
-
if (a) {
|
162
|
-
d(), window.addEventListener("scroll", d), window.addEventListener("resize", d);
|
163
|
-
const e = requestAnimationFrame(() => {
|
164
|
-
U(!0), G(!0);
|
153
|
+
return window.addEventListener(ee, o), () => window.removeEventListener(ee, o);
|
154
|
+
}, [_, r, l]), y(() => {
|
155
|
+
if (l) {
|
156
|
+
p(), window.addEventListener("scroll", p), window.addEventListener("resize", p);
|
157
|
+
const t = requestAnimationFrame(() => {
|
158
|
+
W(!0), U(!0);
|
165
159
|
});
|
166
160
|
return () => {
|
167
|
-
window.removeEventListener("scroll",
|
161
|
+
window.removeEventListener("scroll", p), window.removeEventListener("resize", p), cancelAnimationFrame(t);
|
168
162
|
};
|
169
163
|
} else
|
170
|
-
|
171
|
-
}, [
|
164
|
+
U(!1), W(!1);
|
165
|
+
}, [l, w, O, i, p]), /* @__PURE__ */ E("div", { ref: N, children: [
|
172
166
|
/* @__PURE__ */ n(
|
173
167
|
Ae,
|
174
168
|
{
|
175
169
|
multiple: !0,
|
176
170
|
as: "div",
|
177
171
|
value: c,
|
178
|
-
className:
|
179
|
-
[
|
180
|
-
[
|
172
|
+
className: u(e["multi-select-search"], {
|
173
|
+
[e.full]: le,
|
174
|
+
[e.disabled]: d
|
181
175
|
}),
|
182
|
-
onChange:
|
183
|
-
ref:
|
184
|
-
disabled:
|
185
|
-
virtual: { options:
|
176
|
+
onChange: fe,
|
177
|
+
ref: re,
|
178
|
+
disabled: d,
|
179
|
+
virtual: { options: K },
|
186
180
|
children: /* @__PURE__ */ E(
|
187
181
|
"div",
|
188
182
|
{
|
189
|
-
className:
|
190
|
-
[
|
183
|
+
className: u(e.container, e[i], {
|
184
|
+
[e["container-open"]]: l
|
191
185
|
}),
|
192
186
|
children: [
|
193
|
-
I && /* @__PURE__ */ E("div", { className:
|
187
|
+
I && /* @__PURE__ */ E("div", { className: e["input-container"], children: [
|
194
188
|
/* @__PURE__ */ n(
|
195
|
-
|
189
|
+
ie,
|
196
190
|
{
|
197
|
-
disabled:
|
191
|
+
disabled: d,
|
198
192
|
style: { width: "100%" },
|
199
|
-
onClick:
|
193
|
+
onClick: Q,
|
200
194
|
children: /* @__PURE__ */ n(
|
201
|
-
|
195
|
+
se,
|
202
196
|
{
|
203
|
-
as:
|
204
|
-
label:
|
205
|
-
size:
|
206
|
-
className:
|
207
|
-
[
|
197
|
+
as: ne,
|
198
|
+
label: B,
|
199
|
+
size: te(i),
|
200
|
+
className: u(e["multi-select-input"], {
|
201
|
+
[e["multi-select-input-disabled"]]: I && T
|
208
202
|
}),
|
209
|
-
onChange:
|
203
|
+
onChange: $,
|
210
204
|
value: S,
|
211
|
-
disabled:
|
212
|
-
variant:
|
213
|
-
rightSlotClassName:
|
214
|
-
requiredMarkClassName:
|
205
|
+
disabled: d,
|
206
|
+
variant: J,
|
207
|
+
rightSlotClassName: e["right-slot"],
|
208
|
+
requiredMarkClassName: e["required-mark"],
|
215
209
|
"data-testid": "select-search-input",
|
216
|
-
onFocus:
|
210
|
+
onFocus: Ie,
|
217
211
|
rightAddon: {
|
218
212
|
addonType: "icon",
|
219
|
-
addonContent:
|
213
|
+
addonContent: Le(l, i)
|
220
214
|
},
|
221
|
-
autocomplete:
|
222
|
-
...
|
215
|
+
autocomplete: G,
|
216
|
+
...j
|
223
217
|
}
|
224
218
|
)
|
225
219
|
}
|
226
220
|
),
|
227
|
-
|
228
|
-
|
221
|
+
T && S && /* @__PURE__ */ n(
|
222
|
+
ke,
|
229
223
|
{
|
230
224
|
tabIndex: -1,
|
231
|
-
className:
|
232
|
-
[
|
225
|
+
className: u(e.clear, {
|
226
|
+
[e.disabled]: d
|
233
227
|
}),
|
234
|
-
iconButtonClassName:
|
228
|
+
iconButtonClassName: e["icon-button"],
|
235
229
|
isIconButton: !0,
|
236
230
|
iconName: "Close16px",
|
237
231
|
size: "m-s",
|
238
232
|
clear: !0,
|
239
|
-
disabled:
|
233
|
+
disabled: d,
|
240
234
|
variant: "secondary-gray",
|
241
235
|
onClick: we,
|
242
236
|
"data-testid": "clear-button"
|
@@ -244,40 +238,40 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
|
|
244
238
|
)
|
245
239
|
] }),
|
246
240
|
!I && /* @__PURE__ */ n(
|
247
|
-
|
241
|
+
se,
|
248
242
|
{
|
249
|
-
as:
|
250
|
-
label:
|
251
|
-
size:
|
252
|
-
className:
|
253
|
-
rightSlotClassName:
|
254
|
-
requiredMarkClassName:
|
243
|
+
as: ne,
|
244
|
+
label: B,
|
245
|
+
size: te(i),
|
246
|
+
className: e["multi-select-input"],
|
247
|
+
rightSlotClassName: e["right-slot"],
|
248
|
+
requiredMarkClassName: e["required-mark"],
|
255
249
|
value: S,
|
256
|
-
disabled:
|
257
|
-
variant:
|
258
|
-
withClearButton:
|
250
|
+
disabled: d,
|
251
|
+
variant: J,
|
252
|
+
withClearButton: T,
|
259
253
|
onFocus: () => {
|
260
|
-
|
254
|
+
h(!0), L(_);
|
261
255
|
},
|
262
|
-
onMouseDown:
|
263
|
-
onChange:
|
256
|
+
onMouseDown: be,
|
257
|
+
onChange: $,
|
264
258
|
ref: b,
|
265
259
|
rightAddon: {
|
266
260
|
addonType: "react-node",
|
267
|
-
addonContent:
|
268
|
-
|
261
|
+
addonContent: ae && /* @__PURE__ */ n(
|
262
|
+
ie,
|
269
263
|
{
|
270
|
-
className:
|
271
|
-
[
|
264
|
+
className: u(e.button, {
|
265
|
+
[e.disabled]: d
|
272
266
|
}),
|
273
|
-
disabled:
|
274
|
-
onMouseDown:
|
267
|
+
disabled: d,
|
268
|
+
onMouseDown: Q,
|
275
269
|
children: /* @__PURE__ */ n(
|
276
|
-
|
270
|
+
ye,
|
277
271
|
{
|
278
|
-
iconName: i ==
|
279
|
-
className:
|
280
|
-
[
|
272
|
+
iconName: i == R.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
|
273
|
+
className: u(e["selector-icon"], {
|
274
|
+
[e["selector-icon-open"]]: l
|
281
275
|
})
|
282
276
|
}
|
283
277
|
)
|
@@ -285,73 +279,73 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
|
|
285
279
|
)
|
286
280
|
},
|
287
281
|
"data-testid": "select-search-input",
|
288
|
-
autocomplete:
|
289
|
-
...
|
282
|
+
autocomplete: G,
|
283
|
+
...j
|
290
284
|
}
|
291
285
|
),
|
292
|
-
|
293
|
-
|
286
|
+
l && he && /* @__PURE__ */ n(Y, { children: f.length ? K.length ? /* @__PURE__ */ n(
|
287
|
+
Ve,
|
294
288
|
{
|
295
|
-
className:
|
296
|
-
|
297
|
-
|
298
|
-
|
299
|
-
{ [
|
289
|
+
className: u(
|
290
|
+
e.options,
|
291
|
+
e[i],
|
292
|
+
e[A],
|
293
|
+
{ [e.visible]: V }
|
300
294
|
),
|
301
295
|
modal: !1,
|
302
296
|
static: !0,
|
303
|
-
children: ({ option:
|
304
|
-
|
297
|
+
children: ({ option: t }) => /* @__PURE__ */ n(
|
298
|
+
qe,
|
305
299
|
{
|
306
|
-
value:
|
307
|
-
className: ({ focus: o }) =>
|
308
|
-
|
309
|
-
|
310
|
-
i &&
|
300
|
+
value: t,
|
301
|
+
className: ({ focus: o }) => u(
|
302
|
+
e.option,
|
303
|
+
ue,
|
304
|
+
i && e[i],
|
311
305
|
{
|
312
|
-
[
|
306
|
+
[e["option-active"]]: o
|
313
307
|
}
|
314
308
|
),
|
315
|
-
children: /* @__PURE__ */ E(
|
316
|
-
/* @__PURE__ */ E("div", { className:
|
317
|
-
|
318
|
-
|
309
|
+
children: /* @__PURE__ */ E(Y, { children: [
|
310
|
+
/* @__PURE__ */ E("div", { className: e["option-inner"], children: [
|
311
|
+
t.name,
|
312
|
+
t.bottom && /* @__PURE__ */ n("div", { children: t.bottom })
|
319
313
|
] }),
|
320
314
|
/* @__PURE__ */ n(
|
321
|
-
|
315
|
+
Te,
|
322
316
|
{
|
323
317
|
isInteractive: !1,
|
324
318
|
checked: c.some(
|
325
|
-
(o) => o.id ===
|
319
|
+
(o) => o.id === t.id
|
326
320
|
)
|
327
321
|
}
|
328
322
|
)
|
329
323
|
] })
|
330
324
|
},
|
331
|
-
|
325
|
+
t.id
|
332
326
|
)
|
333
327
|
}
|
334
328
|
) : /* @__PURE__ */ n(
|
335
329
|
"div",
|
336
330
|
{
|
337
|
-
className:
|
338
|
-
|
339
|
-
|
340
|
-
|
341
|
-
|
342
|
-
{ [
|
331
|
+
className: u(
|
332
|
+
e.options,
|
333
|
+
e[i],
|
334
|
+
e["no-options"],
|
335
|
+
e[A],
|
336
|
+
{ [e.visible]: V }
|
343
337
|
),
|
344
338
|
children: "Ничего не найдено"
|
345
339
|
}
|
346
340
|
) : /* @__PURE__ */ n(
|
347
341
|
"div",
|
348
342
|
{
|
349
|
-
className:
|
350
|
-
|
351
|
-
|
352
|
-
|
353
|
-
|
354
|
-
{ [
|
343
|
+
className: u(
|
344
|
+
e.options,
|
345
|
+
e[i],
|
346
|
+
e["no-options"],
|
347
|
+
e[A],
|
348
|
+
{ [e.visible]: V }
|
355
349
|
),
|
356
350
|
children: "Нет данных"
|
357
351
|
}
|
@@ -361,21 +355,21 @@ import '../../assets/MultiSelectSearch.css';const xe = "_disabled_io0c8_5", De =
|
|
361
355
|
)
|
362
356
|
}
|
363
357
|
),
|
364
|
-
|
365
|
-
|
358
|
+
de && c.length > 0 && /* @__PURE__ */ n("div", { className: e["chip-container"], children: c.map((t) => /* @__PURE__ */ n(
|
359
|
+
Oe,
|
366
360
|
{
|
367
|
-
size: i ===
|
368
|
-
variant:
|
369
|
-
className:
|
361
|
+
size: i === R.L ? "s" : "xs",
|
362
|
+
variant: pe,
|
363
|
+
className: e["chip-root"],
|
370
364
|
withAction: !0,
|
371
|
-
onClose: () =>
|
372
|
-
children: /* @__PURE__ */ n("span", { className:
|
365
|
+
onClose: () => ve(t),
|
366
|
+
children: /* @__PURE__ */ n("span", { className: e.chip, children: t.name })
|
373
367
|
},
|
374
|
-
|
368
|
+
t.id
|
375
369
|
)) })
|
376
370
|
] });
|
377
371
|
}
|
378
372
|
);
|
379
373
|
export {
|
380
|
-
|
374
|
+
at as MultiSelectSearch
|
381
375
|
};
|