mimir-ui-kit 1.43.11 → 1.43.13
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/Input-BU_6U1CW.js +227 -0
- package/dist/assets/Accordion.css +1 -1
- package/dist/assets/AccordionItem.css +1 -1
- package/dist/assets/Avatar.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/CheckboxMimir.css +1 -1
- package/dist/assets/Chip.css +1 -1
- package/dist/assets/ClearButton.css +1 -0
- package/dist/assets/Drawer.css +1 -1
- package/dist/assets/GosZnak.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/InputPassword.css +1 -1
- package/dist/assets/InputRangeSlider.css +1 -1
- package/dist/assets/Link.css +1 -1
- package/dist/assets/ListFiles.css +1 -1
- package/dist/assets/ListPhotos.css +1 -1
- package/dist/assets/MessageShortReply.css +1 -1
- package/dist/assets/MultiSelectSearch.css +1 -1
- package/dist/assets/NotificationBadge.css +1 -1
- package/dist/assets/OtpInput.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/assets/hooks.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/components/Accordion/Accordion.d.ts +3 -10
- package/dist/components/Accordion/Accordion.js +212 -286
- package/dist/components/Accordion/AccordionItem/AccordionItem.js +3 -3
- package/dist/components/Accordion/constants.d.ts +4 -0
- package/dist/components/Accordion/constants.js +5 -4
- package/dist/components/AnchorLink/Link.js +20 -21
- package/dist/components/Avatar/Avatar.js +26 -26
- package/dist/components/Button/Button.js +87 -110
- package/dist/components/Button/constants.d.ts +2 -8
- package/dist/components/Button/constants.js +5 -6
- package/dist/components/CheckboxMimir/CheckboxMimir.d.ts +0 -2
- package/dist/components/CheckboxMimir/CheckboxMimir.js +35 -37
- package/dist/components/Chip/Chip.js +17 -17
- package/dist/components/DatePicker/DatePicker.d.ts +0 -8
- package/dist/components/DatePicker/DatePicker.js +169 -182
- package/dist/components/DatePicker/DatePickerModal.js +98 -134
- package/dist/components/DatePicker/MonthPickerModal.js +95 -115
- package/dist/components/DatePicker/YearPickerModal.js +89 -109
- package/dist/components/DatePicker/constants.d.ts +1 -1
- package/dist/components/DatePicker/constants.js +7 -6
- package/dist/components/DatePicker/hooks.d.ts +1 -2
- package/dist/components/DatePicker/hooks.js +13 -13
- package/dist/components/Drawer/Drawer.js +138 -172
- package/dist/components/Dropdown/Dropdown.js +1 -1
- package/dist/components/Dropdown/hooks.js +1 -1
- package/dist/components/GosZnak/GosZnak.js +38 -47
- package/dist/components/Input/Input.d.ts +0 -4
- package/dist/components/Input/Input.js +2 -2
- package/dist/components/Input/index.js +1 -1
- package/dist/components/{MiniButton/MiniButton.d.ts → InputClearButton/ClearButton.d.ts} +8 -17
- package/dist/components/InputClearButton/ClearButton.js +41 -0
- package/dist/components/InputClearButton/constants.d.ts +8 -0
- package/dist/components/InputClearButton/constants.js +5 -0
- package/dist/components/InputClearButton/index.d.ts +4 -0
- package/dist/components/InputClearButton/index.js +6 -0
- package/dist/components/InputPassword/InputPassword.js +42 -38
- package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
- package/dist/components/InputRangeSlider/InputRangeSlider.js +139 -159
- package/dist/components/InputRangeSlider/constants.d.ts +0 -5
- package/dist/components/InputRangeSlider/constants.js +6 -11
- package/dist/components/ListFiles/ListFiles.js +39 -41
- package/dist/components/ListPhotos/ListPhotos.js +18 -17
- package/dist/components/MessageShortReply/MessageShortReply.js +34 -34
- package/dist/components/MultiSelectSearch/MultiSelectSearch.js +152 -153
- package/dist/components/MultiSelectSearch/constants.d.ts +0 -1
- package/dist/components/MultiSelectSearch/constants.js +7 -7
- package/dist/components/MultiSelectSearch/utils.d.ts +1 -1
- package/dist/components/MultiSelectSearch/utils.js +16 -18
- package/dist/components/NotificationBadge/NotificationBadge.js +33 -49
- package/dist/components/NotificationBadge/constants.d.ts +2 -9
- package/dist/components/NotificationBadge/constants.js +2 -3
- package/dist/components/NotificationBadge/types.d.ts +1 -11
- package/dist/components/OtpInput/OtpInput.js +40 -44
- package/dist/components/OtpInput/constants.d.ts +0 -4
- package/dist/components/OtpInput/constants.js +4 -6
- package/dist/components/OtpInput/index.d.ts +0 -1
- package/dist/components/OtpInput/index.js +0 -2
- package/dist/components/Pagination/Pagination.js +23 -23
- package/dist/components/SelectSearch/SelectSearch.js +241 -241
- package/dist/components/SelectSearch/utils.d.ts +1 -1
- package/dist/components/SelectSearch/utils.js +1 -1
- package/dist/components/Slider/Slider.d.ts +5 -1
- package/dist/components/Slider/Slider.js +36 -34
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/index.d.ts +1 -3
- package/dist/components/index.js +51 -55
- package/dist/hooks-HgN6Yauq.js +117 -0
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/components/64px/AdvancePaymentDiscount64px.js +59 -0
- package/dist/icons/components/64px/AtsVendors64px.js +37 -0
- package/dist/icons/components/64px/ButtonOn64px.js +31 -0
- package/dist/icons/components/64px/BuyoutAuto64px.js +45 -0
- package/dist/icons/components/64px/CarAssistance64px.js +44 -0
- package/dist/icons/components/64px/CarDelivery64px.js +37 -0
- package/dist/icons/components/64px/CarSearchReturn64px.js +45 -0
- package/dist/icons/components/64px/CarService64px.js +37 -0
- package/dist/icons/components/64px/Case64px.js +33 -0
- package/dist/icons/components/64px/CoatOfArms64px.js +149 -0
- package/dist/icons/components/64px/CoffeeCup64px.js +44 -0
- package/dist/icons/components/64px/Cup64px.js +38 -0
- package/dist/icons/components/64px/ExpertAdvice64px.js +40 -0
- package/dist/icons/components/64px/Fines64px.js +88 -0
- package/dist/icons/components/64px/Fuel64px.js +38 -0
- package/dist/icons/components/64px/GazprombankIcon24px.js +21 -0
- package/dist/icons/components/64px/Kasko64px.js +44 -0
- package/dist/icons/components/64px/LegalSupport64px.js +58 -0
- package/dist/icons/components/64px/Microphone64px.js +37 -0
- package/dist/icons/components/64px/Money64px.js +60 -0
- package/dist/icons/components/64px/PaymentSchedule64px.js +39 -0
- package/dist/icons/components/64px/PersonalManager64px.js +100 -0
- package/dist/icons/components/64px/PreApproval64px.js +44 -0
- package/dist/icons/components/64px/Questions64px.js +37 -0
- package/dist/icons/components/64px/SupportGeography64px.js +51 -0
- package/dist/icons/components/64px/Timer64px.js +45 -0
- package/dist/icons/components/64px/Twogis64px.js +51 -0
- package/dist/icons/components/64px/Vehicles64px.js +45 -0
- package/dist/icons/components/64px/Workplace64px.js +38 -0
- package/dist/icons/components/index.js +591 -564
- package/dist/{index-DrVFMaBi.js → index-C2dQUuc9.js} +1346 -1184
- package/dist/index.js +69 -73
- package/dist/styles.module-Cuqm31CO.js +28 -0
- package/package.json +1 -1
- package/dist/Input-CGZoshMl.js +0 -224
- package/dist/assets/CarBodyButton.css +0 -1
- package/dist/assets/MiniButton.css +0 -1
- package/dist/assets/RoundButton.css +0 -1
- package/dist/assets/ScrollWrapper.css +0 -1
- package/dist/components/CarBodyButton/CarBodyButton.d.ts +0 -26
- package/dist/components/CarBodyButton/CarBodyButton.js +0 -40
- package/dist/components/CarBodyButton/index.d.ts +0 -1
- package/dist/components/CarBodyButton/index.js +0 -4
- package/dist/components/Drawer/ScrollWrapper/ScrollWrapper.d.ts +0 -11
- package/dist/components/Drawer/ScrollWrapper/ScrollWrapper.js +0 -27
- package/dist/components/GosZnak/utils.d.ts +0 -6
- package/dist/components/GosZnak/utils.js +0 -15
- package/dist/components/MiniButton/MiniButton.js +0 -44
- package/dist/components/MiniButton/constants.d.ts +0 -9
- package/dist/components/MiniButton/constants.js +0 -5
- package/dist/components/MiniButton/index.d.ts +0 -4
- package/dist/components/MiniButton/index.js +0 -6
- package/dist/components/NotificationBadge/utils.d.ts +0 -8
- package/dist/components/NotificationBadge/utils.js +0 -4
- package/dist/components/RoundButton/RoundButton.d.ts +0 -82
- package/dist/components/RoundButton/RoundButton.js +0 -69
- package/dist/components/RoundButton/constants.d.ts +0 -11
- package/dist/components/RoundButton/constants.js +0 -5
- package/dist/components/RoundButton/index.d.ts +0 -2
- package/dist/components/RoundButton/index.js +0 -7
- package/dist/components/RoundButton/types.d.ts +0 -20
- package/dist/hooks-Cd4Ez6_j.js +0 -117
- package/dist/icons/components/16px/DropdownArrowDown16px.js +0 -23
- package/dist/icons/components/24px/EyeClosed24px.js +0 -65
- package/dist/styles.module-BfkM1-KJ.js +0 -32
@@ -1,175 +1,175 @@
|
|
1
|
-
import { jsx as
|
2
|
-
import { u as
|
3
|
-
import { c as
|
4
|
-
import { forwardRef as
|
1
|
+
import { jsx as r, jsxs as c, Fragment as V } from "react/jsx-runtime";
|
2
|
+
import { u as zt } from "../../index-D5H8gPPn.js";
|
3
|
+
import { c as i } from "../../index-DIxK0V-G.js";
|
4
|
+
import { forwardRef as Lt, useRef as Dt, useState as E, useMemo as q, useEffect as st, useCallback as Vt } from "react";
|
5
5
|
import { ESelectSearchSize as l, ELoadingIndicatorPlacement as x } from "./constants.js";
|
6
|
-
import { prepareGroupedItems as
|
6
|
+
import { prepareGroupedItems as Et, mapSizeToInputSize as it, getDropdownArrowIcon as Tt } from "./utils.js";
|
7
7
|
import { Icon as P } from "../../icons/Icon.js";
|
8
|
-
import { Button as
|
9
|
-
import { I as
|
10
|
-
import { EInputVariant as
|
11
|
-
import { Loader as
|
12
|
-
import { H as
|
13
|
-
import '../../assets/SelectSearch.css';const
|
14
|
-
"select-search": "_select-
|
15
|
-
disabled:
|
16
|
-
container:
|
17
|
-
"container-open": "_container-
|
18
|
-
full:
|
19
|
-
"selected-icon": "_selected-
|
20
|
-
"selector-icon-open": "_selector-icon-
|
21
|
-
button:
|
22
|
-
"selector-icon": "_selector-
|
23
|
-
options:
|
24
|
-
top:
|
25
|
-
bottom:
|
26
|
-
"no-options": "_no-
|
27
|
-
s:
|
28
|
-
m:
|
29
|
-
l:
|
30
|
-
"select-search-input": "_select-search-
|
31
|
-
"select-search-input-disabled": "_select-search-input-
|
32
|
-
"group-header": "_group-
|
33
|
-
"sticky-active": "_sticky-
|
34
|
-
loader:
|
35
|
-
"input-container": "_input-
|
36
|
-
option:
|
37
|
-
"option-active": "_option-
|
38
|
-
"option-inner": "_option-
|
39
|
-
"right-slot": "_right-
|
40
|
-
"required-mark": "_required-
|
41
|
-
clear:
|
42
|
-
"icon-button": "_icon-
|
43
|
-
},
|
44
|
-
(
|
8
|
+
import { Button as Bt } from "../Button/Button.js";
|
9
|
+
import { I as at } from "../../Input-BU_6U1CW.js";
|
10
|
+
import { EInputVariant as At } from "../Input/constants.js";
|
11
|
+
import { Loader as ct } from "../Loader/Loader.js";
|
12
|
+
import { H as Gt, U as lt, G as dt, W as ut, K as Mt } from "../../combobox-fIVOzEhl.js";
|
13
|
+
import '../../assets/SelectSearch.css';const qt = "_disabled_1rthm_6", Pt = "_container_1rthm_13", jt = "_full_1rthm_26", Ft = "_button_1rthm_38", Ht = "_options_1rthm_52", $t = "_top_1rthm_63", Kt = "_bottom_1rthm_69", Ut = "_s_1rthm_2", Wt = "_m_1rthm_110", Qt = "_l_1rthm_123", Yt = "_loader_1rthm_161", Jt = "_option_1rthm_52", Rt = "_clear_1rthm_200", t = {
|
14
|
+
"select-search": "_select-search_1rthm_2",
|
15
|
+
disabled: qt,
|
16
|
+
container: Pt,
|
17
|
+
"container-open": "_container-open_1rthm_22",
|
18
|
+
full: jt,
|
19
|
+
"selected-icon": "_selected-icon_1rthm_30",
|
20
|
+
"selector-icon-open": "_selector-icon-open_1rthm_34",
|
21
|
+
button: Ft,
|
22
|
+
"selector-icon": "_selector-icon_1rthm_34",
|
23
|
+
options: Ht,
|
24
|
+
top: $t,
|
25
|
+
bottom: Kt,
|
26
|
+
"no-options": "_no-options_1rthm_75",
|
27
|
+
s: Ut,
|
28
|
+
m: Wt,
|
29
|
+
l: Qt,
|
30
|
+
"select-search-input": "_select-search-input_1rthm_136",
|
31
|
+
"select-search-input-disabled": "_select-search-input-disabled_1rthm_139",
|
32
|
+
"group-header": "_group-header_1rthm_146",
|
33
|
+
"sticky-active": "_sticky-active_1rthm_157",
|
34
|
+
loader: Yt,
|
35
|
+
"input-container": "_input-container_1rthm_166",
|
36
|
+
option: Jt,
|
37
|
+
"option-active": "_option-active_1rthm_180",
|
38
|
+
"option-inner": "_option-inner_1rthm_183",
|
39
|
+
"right-slot": "_right-slot_1rthm_190",
|
40
|
+
"required-mark": "_required-mark_1rthm_195",
|
41
|
+
clear: Rt,
|
42
|
+
"icon-button": "_icon-button_1rthm_209"
|
43
|
+
}, Xt = Lt(
|
44
|
+
(mt, pt) => {
|
45
45
|
const {
|
46
46
|
placeholder: j,
|
47
|
-
size:
|
47
|
+
size: o = l.L,
|
48
48
|
value: d,
|
49
|
-
onChange:
|
50
|
-
full:
|
51
|
-
showArrow:
|
49
|
+
onChange: a,
|
50
|
+
full: ht,
|
51
|
+
showArrow: _t = !0,
|
52
52
|
items: g = [],
|
53
53
|
classNameOption: F,
|
54
54
|
classNameOptionInner: H,
|
55
|
-
displayValue:
|
55
|
+
displayValue: S = "name",
|
56
56
|
filterOnSearch: $ = !0,
|
57
|
-
onSearch:
|
58
|
-
variant: K =
|
57
|
+
onSearch: I,
|
58
|
+
variant: K = At.DefaultGray,
|
59
59
|
menuPlacement: k = "bottom",
|
60
60
|
disabled: u = !1,
|
61
61
|
searchProps: U,
|
62
|
-
withClearButton:
|
63
|
-
disableInput:
|
62
|
+
withClearButton: T = !1,
|
63
|
+
disableInput: h = !1,
|
64
64
|
autocomplete: W = "on",
|
65
|
-
immediate:
|
66
|
-
noOptionsText:
|
67
|
-
noMatchText:
|
68
|
-
loadOnOpen:
|
65
|
+
immediate: ft = !1,
|
66
|
+
noOptionsText: gt = "Нет данных",
|
67
|
+
noMatchText: vt = "Ничего не найдено",
|
68
|
+
loadOnOpen: B,
|
69
69
|
loading: Q,
|
70
70
|
loadingIndicatorPlacement: w = x.Dropdown,
|
71
|
-
groupBy:
|
72
|
-
getGroupTitle: Y = (
|
73
|
-
optionLayout:
|
74
|
-
} =
|
75
|
-
if (!
|
76
|
-
const
|
77
|
-
return typeof
|
78
|
-
},
|
79
|
-
const
|
80
|
-
return typeof
|
81
|
-
}, G = A(d), C =
|
71
|
+
groupBy: p,
|
72
|
+
getGroupTitle: Y = (e) => e,
|
73
|
+
optionLayout: bt = "name-bottom"
|
74
|
+
} = mt, A = (e) => {
|
75
|
+
if (!e) return "";
|
76
|
+
const n = e[S];
|
77
|
+
return typeof n == "string" ? n : String(n || "");
|
78
|
+
}, yt = (e) => {
|
79
|
+
const n = e[S];
|
80
|
+
return typeof n == "string" ? n : String(n || "");
|
81
|
+
}, G = A(d), C = Dt(null), [_, v] = E(G), [m, b] = E(d), [Nt, J] = E(!1), [M, xt] = E(null), R = Q !== void 0 ? Q : Nt, y = q(() => {
|
82
82
|
if (!$)
|
83
83
|
return g;
|
84
|
-
const
|
85
|
-
return
|
86
|
-
}, [_, g, $,
|
84
|
+
const e = String(_ || "").trim().toLowerCase();
|
85
|
+
return e ? g.filter((n) => yt(n).toLowerCase().includes(e)) : g;
|
86
|
+
}, [_, g, $, S]), N = q(() => p ? Et(
|
87
87
|
y,
|
88
|
-
|
89
|
-
Y || ((
|
90
|
-
) : y, [y,
|
91
|
-
const
|
92
|
-
return N.forEach((
|
93
|
-
|
94
|
-
}),
|
95
|
-
}, [N]), f =
|
88
|
+
p,
|
89
|
+
Y || ((e) => e)
|
90
|
+
) : y, [y, p, Y]), O = q(() => {
|
91
|
+
const e = [];
|
92
|
+
return N.forEach((n, s) => {
|
93
|
+
n.isGroupHeader && e.push(s);
|
94
|
+
}), e;
|
95
|
+
}, [N]), f = zt({
|
96
96
|
count: N.length,
|
97
97
|
getScrollElement: () => C.current,
|
98
|
-
estimateSize: () =>
|
98
|
+
estimateSize: () => o === l.L ? 65 : 49,
|
99
99
|
overscan: 10
|
100
100
|
});
|
101
|
-
|
102
|
-
const
|
103
|
-
if (!
|
104
|
-
const
|
105
|
-
var
|
106
|
-
const s =
|
107
|
-
let
|
108
|
-
for (let
|
109
|
-
const
|
110
|
-
if ((((
|
111
|
-
|
112
|
-
const
|
113
|
-
if (
|
101
|
+
st(() => {
|
102
|
+
const e = C.current;
|
103
|
+
if (!e || !p) return;
|
104
|
+
const n = () => {
|
105
|
+
var nt, ot;
|
106
|
+
const s = e.scrollTop;
|
107
|
+
let z = null;
|
108
|
+
for (let L = 0; L < O.length; L++) {
|
109
|
+
const rt = O[L];
|
110
|
+
if ((((nt = f.getVirtualItems().find((D) => D.index === rt)) == null ? void 0 : nt.start) || 0) <= s) {
|
111
|
+
z = rt;
|
112
|
+
const D = O[L + 1];
|
113
|
+
if (D !== void 0 && (((ot = f.getVirtualItems().find((Ot) => Ot.index === D)) == null ? void 0 : ot.start) || 0) <= s)
|
114
114
|
continue;
|
115
115
|
} else
|
116
116
|
break;
|
117
117
|
}
|
118
|
-
|
118
|
+
xt(z);
|
119
119
|
};
|
120
|
-
return
|
121
|
-
}, [f, O,
|
120
|
+
return e.addEventListener("scroll", n), () => e.removeEventListener("scroll", n);
|
121
|
+
}, [f, O, p, C.current]);
|
122
122
|
const X = async () => {
|
123
|
-
if (
|
123
|
+
if (B)
|
124
124
|
try {
|
125
|
-
J(!0), await
|
125
|
+
J(!0), await B();
|
126
126
|
} finally {
|
127
127
|
J(!1);
|
128
128
|
}
|
129
|
-
},
|
130
|
-
if (
|
131
|
-
const
|
132
|
-
v(
|
129
|
+
}, St = (e) => {
|
130
|
+
if (e) {
|
131
|
+
const n = A(e);
|
132
|
+
v(n), b(e), a == null || a(e);
|
133
133
|
} else
|
134
|
-
v(""), b(null),
|
135
|
-
}, Z =
|
136
|
-
(
|
137
|
-
if (
|
138
|
-
const
|
139
|
-
v(
|
134
|
+
v(""), b(null), a == null || a({ id: "", name: "" });
|
135
|
+
}, Z = Vt(
|
136
|
+
(e) => {
|
137
|
+
if (h) return;
|
138
|
+
const n = e.target.value;
|
139
|
+
v(n), I == null || I(n), m && n !== A(m) && b(null), !n && d && (a == null || a({ id: "", name: "" }));
|
140
140
|
},
|
141
|
-
[
|
142
|
-
),
|
143
|
-
v(""), b(null),
|
144
|
-
},
|
145
|
-
|
141
|
+
[h, a, I, d, m, S]
|
142
|
+
), It = () => {
|
143
|
+
v(""), b(null), a == null || a({ id: "", name: "" });
|
144
|
+
}, tt = async (e) => {
|
145
|
+
h && e.target.blur(), B && await X();
|
146
146
|
};
|
147
|
-
|
148
|
-
const
|
149
|
-
v(
|
147
|
+
st(() => {
|
148
|
+
const e = !d || typeof d == "object" && !Object.keys(d).length;
|
149
|
+
v(e ? "" : G), b(e ? null : d);
|
150
150
|
}, [d, G]);
|
151
|
-
const
|
152
|
-
/* @__PURE__ */
|
151
|
+
const kt = () => R && (w === x.Dropdown || w === x.Both) ? /* @__PURE__ */ c("div", { className: t.loader, children: [
|
152
|
+
/* @__PURE__ */ r(ct, { size: "s" }),
|
153
153
|
"Загрузка..."
|
154
|
-
] }) :
|
155
|
-
if (
|
154
|
+
] }) : gt, wt = (e) => {
|
155
|
+
if (_t)
|
156
156
|
return {
|
157
157
|
addonType: "react-node",
|
158
|
-
addonContent: /* @__PURE__ */ c(
|
159
|
-
R && (w === x.Input || w === x.Both) && /* @__PURE__ */
|
160
|
-
/* @__PURE__ */
|
161
|
-
|
158
|
+
addonContent: /* @__PURE__ */ c(V, { children: [
|
159
|
+
R && (w === x.Input || w === x.Both) && /* @__PURE__ */ r(ct, { size: "s" }),
|
160
|
+
/* @__PURE__ */ r(
|
161
|
+
lt,
|
162
162
|
{
|
163
|
-
className:
|
164
|
-
[
|
163
|
+
className: i(t.button, {
|
164
|
+
[t.disabled]: u
|
165
165
|
}),
|
166
166
|
disabled: u,
|
167
|
-
children: /* @__PURE__ */
|
167
|
+
children: /* @__PURE__ */ r(
|
168
168
|
P,
|
169
169
|
{
|
170
|
-
iconName:
|
171
|
-
className:
|
172
|
-
[
|
170
|
+
iconName: o == l.M || o == l.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
|
171
|
+
className: i(t["selector-icon"], {
|
172
|
+
[t["selector-icon-open"]]: e
|
173
173
|
})
|
174
174
|
}
|
175
175
|
)
|
@@ -177,30 +177,30 @@ import '../../assets/SelectSearch.css';const Me = "_disabled_coh7i_6", qe = "_co
|
|
177
177
|
)
|
178
178
|
] })
|
179
179
|
};
|
180
|
-
},
|
181
|
-
const
|
182
|
-
return
|
180
|
+
}, et = (e) => {
|
181
|
+
const n = e.name, s = e.bottom && /* @__PURE__ */ r("div", { children: e.bottom });
|
182
|
+
return bt === "bottom-name" ? /* @__PURE__ */ c(V, { children: [
|
183
183
|
s,
|
184
|
-
|
185
|
-
] }) : /* @__PURE__ */ c(
|
186
|
-
|
184
|
+
n
|
185
|
+
] }) : /* @__PURE__ */ c(V, { children: [
|
186
|
+
n,
|
187
187
|
s
|
188
188
|
] });
|
189
|
-
},
|
189
|
+
}, Ct = (e) => g.length ? y.length ? p ? /* @__PURE__ */ c(
|
190
190
|
"div",
|
191
191
|
{
|
192
192
|
ref: C,
|
193
193
|
"data-testid": "select-search-options",
|
194
|
-
className:
|
194
|
+
className: i(t.options, t[o], t[k]),
|
195
195
|
style: {
|
196
|
-
height:
|
196
|
+
height: o === l.M || o === l.S ? "240px" : "320px",
|
197
197
|
overflow: "auto"
|
198
198
|
},
|
199
199
|
children: [
|
200
|
-
M !== null && /* @__PURE__ */
|
200
|
+
M !== null && /* @__PURE__ */ r(
|
201
201
|
"div",
|
202
202
|
{
|
203
|
-
className:
|
203
|
+
className: t["group-header"],
|
204
204
|
style: {
|
205
205
|
position: "sticky",
|
206
206
|
top: 0,
|
@@ -209,65 +209,65 @@ import '../../assets/SelectSearch.css';const Me = "_disabled_coh7i_6", qe = "_co
|
|
209
209
|
children: N[M].name
|
210
210
|
}
|
211
211
|
),
|
212
|
-
/* @__PURE__ */
|
212
|
+
/* @__PURE__ */ r(
|
213
213
|
"div",
|
214
214
|
{
|
215
215
|
style: {
|
216
216
|
height: `${f.getTotalSize()}px`,
|
217
217
|
width: "100%"
|
218
218
|
},
|
219
|
-
children: f.getVirtualItems().map((
|
220
|
-
const s = N[
|
221
|
-
return /* @__PURE__ */
|
219
|
+
children: f.getVirtualItems().map((n) => {
|
220
|
+
const s = N[n.index];
|
221
|
+
return /* @__PURE__ */ r(
|
222
222
|
"div",
|
223
223
|
{
|
224
|
-
"data-index":
|
224
|
+
"data-index": n.index,
|
225
225
|
ref: f.measureElement,
|
226
226
|
style: {
|
227
227
|
position: "absolute",
|
228
228
|
top: 0,
|
229
229
|
left: 0,
|
230
230
|
width: "100%",
|
231
|
-
transform: `translateY(${
|
231
|
+
transform: `translateY(${n.start}px)`
|
232
232
|
},
|
233
|
-
children: s.isGroupHeader ? /* @__PURE__ */
|
233
|
+
children: s.isGroupHeader ? /* @__PURE__ */ r(
|
234
234
|
"div",
|
235
235
|
{
|
236
|
-
className:
|
236
|
+
className: t["group-header"],
|
237
237
|
style: {
|
238
|
-
visibility: M ===
|
238
|
+
visibility: M === n.index ? "hidden" : "visible"
|
239
239
|
},
|
240
240
|
children: s.name
|
241
241
|
}
|
242
242
|
) : /* @__PURE__ */ c(
|
243
|
-
|
243
|
+
ut,
|
244
244
|
{
|
245
245
|
value: s,
|
246
|
-
className: ({ focus:
|
247
|
-
|
246
|
+
className: ({ focus: z }) => i(
|
247
|
+
t.option,
|
248
248
|
F,
|
249
|
-
|
249
|
+
o && t[o],
|
250
250
|
{
|
251
|
-
[
|
251
|
+
[t["option-active"]]: z
|
252
252
|
}
|
253
253
|
),
|
254
254
|
"data-testid": `select-search-option-${s.id}`,
|
255
255
|
children: [
|
256
|
-
/* @__PURE__ */
|
256
|
+
/* @__PURE__ */ r(
|
257
257
|
"div",
|
258
258
|
{
|
259
|
-
className:
|
260
|
-
|
259
|
+
className: i(
|
260
|
+
t["option-inner"],
|
261
261
|
H
|
262
262
|
),
|
263
|
-
children:
|
263
|
+
children: et(s)
|
264
264
|
}
|
265
265
|
),
|
266
|
-
|
266
|
+
m && m.id === s.id && /* @__PURE__ */ r(
|
267
267
|
P,
|
268
268
|
{
|
269
|
-
iconName:
|
270
|
-
className:
|
269
|
+
iconName: o === l.M || o === l.S ? "Done16px" : "Done24px",
|
270
|
+
className: t["selected-icon"]
|
271
271
|
}
|
272
272
|
)
|
273
273
|
]
|
@@ -275,129 +275,129 @@ import '../../assets/SelectSearch.css';const Me = "_disabled_coh7i_6", qe = "_co
|
|
275
275
|
s.id
|
276
276
|
)
|
277
277
|
},
|
278
|
-
|
278
|
+
n.key
|
279
279
|
);
|
280
280
|
})
|
281
281
|
}
|
282
282
|
)
|
283
283
|
]
|
284
284
|
}
|
285
|
-
) : /* @__PURE__ */
|
286
|
-
|
285
|
+
) : /* @__PURE__ */ r(
|
286
|
+
Mt,
|
287
287
|
{
|
288
|
-
className:
|
288
|
+
className: i(t.options, t[o], t[k]),
|
289
289
|
"data-testid": "select-search-options",
|
290
290
|
style: { width: "100%" },
|
291
291
|
static: !0,
|
292
|
-
children: ({ option:
|
293
|
-
|
292
|
+
children: ({ option: n }) => /* @__PURE__ */ c(
|
293
|
+
ut,
|
294
294
|
{
|
295
|
-
value:
|
296
|
-
className: ({ focus: s }) =>
|
297
|
-
|
295
|
+
value: n,
|
296
|
+
className: ({ focus: s }) => i(
|
297
|
+
t.option,
|
298
298
|
F,
|
299
299
|
{
|
300
|
-
[
|
300
|
+
[t["option-active"]]: s
|
301
301
|
},
|
302
|
-
|
302
|
+
o && t[o]
|
303
303
|
),
|
304
304
|
children: [
|
305
|
-
/* @__PURE__ */
|
305
|
+
/* @__PURE__ */ r(
|
306
306
|
"div",
|
307
307
|
{
|
308
|
-
className:
|
309
|
-
|
308
|
+
className: i(
|
309
|
+
t["option-inner"],
|
310
310
|
H
|
311
311
|
),
|
312
|
-
children:
|
312
|
+
children: et(n)
|
313
313
|
}
|
314
314
|
),
|
315
|
-
|
315
|
+
m && m.id === n.id && /* @__PURE__ */ r(
|
316
316
|
P,
|
317
317
|
{
|
318
|
-
iconName:
|
319
|
-
className:
|
318
|
+
iconName: o === l.M || o === l.S ? "Done16px" : "Done24px",
|
319
|
+
className: t["selected-icon"]
|
320
320
|
}
|
321
321
|
)
|
322
322
|
]
|
323
323
|
},
|
324
|
-
|
324
|
+
n.id
|
325
325
|
)
|
326
326
|
}
|
327
|
-
) : /* @__PURE__ */
|
327
|
+
) : /* @__PURE__ */ r(
|
328
328
|
"div",
|
329
329
|
{
|
330
|
-
className:
|
331
|
-
|
332
|
-
|
333
|
-
|
334
|
-
|
330
|
+
className: i(
|
331
|
+
t.options,
|
332
|
+
t[o],
|
333
|
+
t["no-options"],
|
334
|
+
t[k]
|
335
335
|
),
|
336
|
-
"data-headlessui-state":
|
337
|
-
children:
|
336
|
+
"data-headlessui-state": e ? "open" : "closed",
|
337
|
+
children: vt
|
338
338
|
}
|
339
|
-
) : /* @__PURE__ */
|
339
|
+
) : /* @__PURE__ */ r(
|
340
340
|
"div",
|
341
341
|
{
|
342
|
-
className:
|
343
|
-
|
344
|
-
|
345
|
-
|
346
|
-
|
342
|
+
className: i(
|
343
|
+
t.options,
|
344
|
+
t[o],
|
345
|
+
t["no-options"],
|
346
|
+
t[k]
|
347
347
|
),
|
348
|
-
"data-headlessui-state":
|
349
|
-
children:
|
348
|
+
"data-headlessui-state": e ? "open" : "closed",
|
349
|
+
children: kt()
|
350
350
|
}
|
351
351
|
);
|
352
|
-
return /* @__PURE__ */
|
353
|
-
|
352
|
+
return /* @__PURE__ */ r(
|
353
|
+
Gt,
|
354
354
|
{
|
355
355
|
as: "div",
|
356
|
-
value:
|
357
|
-
className:
|
358
|
-
[
|
359
|
-
[
|
356
|
+
value: m,
|
357
|
+
className: i(t["select-search"], {
|
358
|
+
[t.full]: ht,
|
359
|
+
[t.disabled]: u
|
360
360
|
}),
|
361
|
-
onChange:
|
362
|
-
ref:
|
361
|
+
onChange: St,
|
362
|
+
ref: pt,
|
363
363
|
disabled: u,
|
364
|
-
virtual:
|
365
|
-
immediate:
|
366
|
-
children: ({ open:
|
364
|
+
virtual: p ? void 0 : { options: y },
|
365
|
+
immediate: ft,
|
366
|
+
children: ({ open: e }) => /* @__PURE__ */ c(V, { children: [
|
367
367
|
/* @__PURE__ */ c(
|
368
368
|
"div",
|
369
369
|
{
|
370
|
-
className:
|
371
|
-
[
|
370
|
+
className: i(t.container, t[o], {
|
371
|
+
[t["container-open"]]: e
|
372
372
|
}),
|
373
373
|
children: [
|
374
|
-
|
375
|
-
/* @__PURE__ */
|
376
|
-
|
374
|
+
h && /* @__PURE__ */ c("div", { className: t["input-container"], children: [
|
375
|
+
/* @__PURE__ */ r(
|
376
|
+
lt,
|
377
377
|
{
|
378
378
|
disabled: u,
|
379
379
|
style: { width: "100%" },
|
380
380
|
onClick: X,
|
381
|
-
children: /* @__PURE__ */
|
382
|
-
|
381
|
+
children: /* @__PURE__ */ r(
|
382
|
+
dt,
|
383
383
|
{
|
384
|
-
as:
|
384
|
+
as: at,
|
385
385
|
label: j,
|
386
|
-
size:
|
387
|
-
className:
|
388
|
-
[
|
386
|
+
size: it(o),
|
387
|
+
className: i(t["select-search-input"], {
|
388
|
+
[t["select-search-input-disabled"]]: h && T
|
389
389
|
}),
|
390
390
|
onChange: Z,
|
391
391
|
value: _,
|
392
392
|
disabled: u,
|
393
393
|
variant: K,
|
394
|
-
rightSlotClassName:
|
395
|
-
requiredMarkClassName:
|
394
|
+
rightSlotClassName: t["right-slot"],
|
395
|
+
requiredMarkClassName: t["required-mark"],
|
396
396
|
"data-testid": "select-search-input",
|
397
|
-
onFocus:
|
397
|
+
onFocus: tt,
|
398
398
|
rightAddon: {
|
399
399
|
addonType: "icon",
|
400
|
-
addonContent:
|
400
|
+
addonContent: Tt(e, o)
|
401
401
|
},
|
402
402
|
autocomplete: W,
|
403
403
|
...U
|
@@ -405,44 +405,44 @@ import '../../assets/SelectSearch.css';const Me = "_disabled_coh7i_6", qe = "_co
|
|
405
405
|
)
|
406
406
|
}
|
407
407
|
),
|
408
|
-
|
409
|
-
|
408
|
+
T && _ && /* @__PURE__ */ r(
|
409
|
+
Bt,
|
410
410
|
{
|
411
411
|
tabIndex: -1,
|
412
|
-
className:
|
413
|
-
[
|
412
|
+
className: i(t.clear, {
|
413
|
+
[t.disabled]: u
|
414
414
|
}),
|
415
|
-
iconButtonClassName:
|
415
|
+
iconButtonClassName: t["icon-button"],
|
416
416
|
isIconButton: !0,
|
417
417
|
iconName: "Close16px",
|
418
418
|
size: "m-s",
|
419
419
|
clear: !0,
|
420
420
|
disabled: u,
|
421
421
|
variant: "secondary-gray",
|
422
|
-
onClick: (
|
423
|
-
|
422
|
+
onClick: (n) => {
|
423
|
+
n.stopPropagation(), It();
|
424
424
|
},
|
425
425
|
"data-testid": "clear-button"
|
426
426
|
}
|
427
427
|
)
|
428
428
|
] }),
|
429
|
-
!
|
430
|
-
|
429
|
+
!h && /* @__PURE__ */ r(
|
430
|
+
dt,
|
431
431
|
{
|
432
|
-
as:
|
432
|
+
as: at,
|
433
433
|
label: j,
|
434
|
-
size:
|
435
|
-
className:
|
436
|
-
rightSlotClassName:
|
437
|
-
requiredMarkClassName:
|
434
|
+
size: it(o),
|
435
|
+
className: t["select-search-input"],
|
436
|
+
rightSlotClassName: t["right-slot"],
|
437
|
+
requiredMarkClassName: t["required-mark"],
|
438
438
|
value: _,
|
439
439
|
disabled: u,
|
440
440
|
variant: K,
|
441
|
-
withClearButton:
|
441
|
+
withClearButton: T && !!_,
|
442
442
|
onChange: Z,
|
443
|
-
rightAddon:
|
443
|
+
rightAddon: wt(e),
|
444
444
|
"data-testid": "select-search-input",
|
445
|
-
onFocus:
|
445
|
+
onFocus: tt,
|
446
446
|
autocomplete: W,
|
447
447
|
...U
|
448
448
|
}
|
@@ -450,13 +450,13 @@ import '../../assets/SelectSearch.css';const Me = "_disabled_coh7i_6", qe = "_co
|
|
450
450
|
]
|
451
451
|
}
|
452
452
|
),
|
453
|
-
|
453
|
+
e && Ct(e)
|
454
454
|
] })
|
455
455
|
}
|
456
456
|
);
|
457
457
|
}
|
458
458
|
);
|
459
|
-
|
459
|
+
Xt.displayName = "SelectSearch";
|
460
460
|
export {
|
461
|
-
|
461
|
+
Xt as SelectSearch
|
462
462
|
};
|