mimir-ui-kit 1.38.22 → 1.38.23
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,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
|
};
|