mimir-ui-kit 1.38.22 → 1.38.24
Sign up to get free protection for your applications and to get access to all the features.
package/dist/assets/GosZnak.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._gos-
|
|
1
|
+
._gos-znak_dm2gm_2{display:inline-flex;align-items:center;width:var(--gos-znak-width);height:var(--gos-znak-height);overflow:hidden;background-color:var(--gos-znak-background-color);border-radius:var(--mimir-control-radius-xs1);outline:1px solid var(--gos-znak-outline-color)}._number_dm2gm_13{font-size:var(--gos-znak-number-font-size)}._number_dm2gm_13,._number-letter_dm2gm_16{font-weight:var(--mimir-font-weight-text-medium);font-family:var(--mimir-font-montserrat);line-height:var(--mimir-line-height-text-xss);letter-spacing:-.02em;text-align:center}._number-letter_dm2gm_16{font-size:var(--gos-znak-number-letter-font-size);text-transform:uppercase}._number-container_dm2gm_27{display:flex;align-items:center;justify-content:center;min-width:var(--gos-znak-number-container-width);height:100%;overflow:hidden;border-right:1px solid var(--number-border-right-color)}._region_dm2gm_37{font-weight:var(--mimir-font-weight-text-regular);font-size:var(--gos-znak-region-text-size);font-family:var(--mimir-font-inter);line-height:var(--mimir-line-height-text-l)}._region-container_dm2gm_43{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden}._country_dm2gm_51{color:var(--gos-znak-country-color);font-size:var(--gos-znak-country-text-size);line-height:var(--mimir-line-height-text-s1);text-transform:uppercase}._l_dm2gm_58{--gos-znak-number-font-size: var(--mimir-size-text-xl3);--gos-znak-number-letter-font-size: var(--mimir-size-text-xl2);--gos-znak-region-text-size: var(--mimir-size-text-xl);--gos-znak-country-text-size: var(--mimir-size-text-l);--gos-znak-number-container-width: 172px;--gos-znak-width: 242px;--gos-znak-height: 64px}._s_dm2gm_68{--gos-znak-number-font-size: var(--mimir-size-text-l);--gos-znak-number-letter-font-size: var(--mimir-size-text-s);--gos-znak-region-text-size: var(--mimir-size-text-xs);--gos-znak-country-text-size: var(--mimir-size-text-xs2);--gos-znak-number-container-width: 86px;--gos-znak-width: 121px;--gos-znak-height: 32px}._normal_dm2gm_78{--gos-znak-background-color: var(--white);--gos-znak-outline-color: var(--black-20);--number-border-right-color: var(--black-20);--gos-znak-country-color: var(--black-60)}._traffic_dm2gm_85{--gos-znak-background-color: var(--gos-znak-traffic-background-color);--gos-znak-outline-color: var(--gos-znak-military-background-color);--number-border-right-color: var(--gos-znak-military-background-color);--gos-znak-country-color: var(--black-60)}._military_dm2gm_92{--gos-znak-background-color: var(--gos-znak-military-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--black-30)}._police_dm2gm_99{--gos-znak-background-color: var(--gos-znak-police-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--sapphire-30)}._diplomatic_dm2gm_106{--gos-znak-background-color: var(--gos-znak-diplomatic-background-color);--gos-znak-outline-color: var(--black-5);--number-border-right-color: var(--black-5);--gos-znak-country-color: var(--gos-znak-diplomatic-country-color)}._military_dm2gm_92,._police_dm2gm_99,._diplomatic_dm2gm_106{color:var(--white)}
|
|
@@ -1,63 +1,78 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c as
|
|
3
|
-
import { EGosZnakSize as
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
1
|
+
import { jsxs as m, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { c as r } from "../../index-DIxK0V-G.js";
|
|
3
|
+
import { EGosZnakSize as h, EGosZnakType as N } from "./constants.js";
|
|
4
|
+
import { formatGosZnakNumber as y } from "./utils.js";
|
|
5
|
+
import '../../assets/GosZnak.css';const k = "_number_dm2gm_13", v = "_region_dm2gm_37", z = "_country_dm2gm_51", G = "_l_dm2gm_58", Z = "_s_dm2gm_68", x = "_normal_dm2gm_78", L = "_traffic_dm2gm_85", j = "_military_dm2gm_92", E = "_police_dm2gm_99", S = "_diplomatic_dm2gm_106", n = {
|
|
6
|
+
"gos-znak": "_gos-znak_dm2gm_2",
|
|
7
|
+
number: k,
|
|
8
|
+
"number-letter": "_number-letter_dm2gm_16",
|
|
9
|
+
"number-container": "_number-container_dm2gm_27",
|
|
10
|
+
region: v,
|
|
11
|
+
"region-container": "_region-container_dm2gm_43",
|
|
12
|
+
country: z,
|
|
13
|
+
l: G,
|
|
14
|
+
s: Z,
|
|
15
|
+
normal: x,
|
|
16
|
+
traffic: L,
|
|
17
|
+
military: j,
|
|
18
|
+
police: E,
|
|
19
|
+
diplomatic: S
|
|
20
|
+
}, B = ({
|
|
21
|
+
number: t = "",
|
|
22
|
+
region: c,
|
|
23
|
+
country: i,
|
|
24
|
+
size: s = h.L,
|
|
25
|
+
type: a = N.Normal,
|
|
26
|
+
className: _,
|
|
27
|
+
numberClassName: o,
|
|
28
|
+
regionClassName: l,
|
|
27
29
|
countryClassName: d,
|
|
28
|
-
numberContainerClassName:
|
|
29
|
-
regionContainerClassName:
|
|
30
|
-
}) =>
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
30
|
+
numberContainerClassName: g,
|
|
31
|
+
regionContainerClassName: p
|
|
32
|
+
}) => {
|
|
33
|
+
const [u, f, b] = y(t);
|
|
34
|
+
return /* @__PURE__ */ m(
|
|
35
|
+
"div",
|
|
36
|
+
{
|
|
37
|
+
className: r(n["gos-znak"], n[s], n[a], _),
|
|
38
|
+
children: [
|
|
39
|
+
/* @__PURE__ */ e(
|
|
40
|
+
"div",
|
|
41
|
+
{
|
|
42
|
+
className: r(
|
|
43
|
+
n["number-container"],
|
|
44
|
+
g
|
|
45
|
+
),
|
|
46
|
+
children: /* @__PURE__ */ m("div", { children: [
|
|
47
|
+
/* @__PURE__ */ m("span", { className: r(n["number-letter"], o), children: [
|
|
48
|
+
u,
|
|
49
|
+
" "
|
|
50
|
+
] }),
|
|
51
|
+
/* @__PURE__ */ m("span", { className: r(n.number, o), children: [
|
|
52
|
+
f,
|
|
53
|
+
" "
|
|
54
|
+
] }),
|
|
55
|
+
/* @__PURE__ */ e("span", { className: r(n["number-letter"], o), children: b })
|
|
56
|
+
] })
|
|
57
|
+
}
|
|
58
|
+
),
|
|
59
|
+
/* @__PURE__ */ m(
|
|
60
|
+
"div",
|
|
61
|
+
{
|
|
62
|
+
className: r(
|
|
63
|
+
n["region-container"],
|
|
64
|
+
p
|
|
65
|
+
),
|
|
66
|
+
children: [
|
|
67
|
+
/* @__PURE__ */ e("span", { className: r(n.region, l), children: c }),
|
|
68
|
+
/* @__PURE__ */ e("span", { className: r(n.country, d), children: i })
|
|
69
|
+
]
|
|
70
|
+
}
|
|
71
|
+
)
|
|
72
|
+
]
|
|
73
|
+
}
|
|
74
|
+
);
|
|
75
|
+
};
|
|
61
76
|
export {
|
|
62
|
-
|
|
77
|
+
B as GosZnak
|
|
63
78
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const formatGosZnakNumber: (num: string) => string[];
|
|
@@ -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
|
};
|