mimir-ui-kit 1.37.14 → 1.37.16
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/{combobox-CDU06zJj.js → combobox-BpYucpxz.js} +1121 -1080
- package/dist/components/Accordion/Accordion.js +24 -24
- package/dist/components/CheckboxMimir/CheckboxMimir.js +4 -4
- package/dist/components/MultiSelectSearch/MultiSelectSearch.js +18 -18
- package/dist/components/RadioGroup/RadioGroup.js +3 -3
- package/dist/components/SelectSearch/SelectSearch.js +112 -112
- package/dist/components/Switcher/Switcher.js +4 -4
- package/dist/components/TabTrail/TabTrail.js +4 -4
- package/dist/{field-FJ34aSs4.js → field-C1kt7aNM.js} +2 -2
- package/dist/{focus-management-XwV-9qkO.js → focus-management-DOYCPyGg.js} +1 -1
- package/dist/{hidden-DbgtYPOH.js → hidden-PvGXrYUY.js} +1 -1
- package/dist/{keyboard-B0lm_zyn.js → keyboard-mgWkd2Vh.js} +114 -111
- package/dist/{label-y3ANLTNC.js → label-D4GFpe5F.js} +2 -2
- package/dist/open-closed-D2VjDhAN.js +86 -0
- package/dist/{use-active-press-86hajhdd.js → use-active-press-CqLGIFz7.js} +1 -1
- package/package.json +1 -1
- package/dist/open-closed-CdldUPoq.js +0 -86
@@ -1,140 +1,140 @@
|
|
1
|
-
import { jsx as a, jsxs as
|
2
|
-
import { c
|
3
|
-
import { forwardRef as U, useState as
|
4
|
-
import { ESelectSearchSize as
|
5
|
-
import { mapSizeToInputSize as
|
6
|
-
import { Icon as
|
7
|
-
import { Button as
|
8
|
-
import { I as
|
1
|
+
import { jsx as a, jsxs as u, Fragment as z } from "react/jsx-runtime";
|
2
|
+
import { c } from "../../index-DIxK0V-G.js";
|
3
|
+
import { forwardRef as U, useState as D, useMemo as R, useCallback as $, useEffect as J } from "react";
|
4
|
+
import { ESelectSearchSize as v } from "./constants.js";
|
5
|
+
import { mapSizeToInputSize as j, getDropdownArrowIcon as Q } from "./utils.js";
|
6
|
+
import { Icon as A } from "../../icons/Icon.js";
|
7
|
+
import { Button as W } from "../Button/Button.js";
|
8
|
+
import { I as O } from "../../Input-BYrIS5GU.js";
|
9
9
|
import { EInputVariant as X } from "../Input/constants.js";
|
10
|
-
import { H as Y, U as
|
11
|
-
import '../../assets/SelectSearch.css';const te = "
|
12
|
-
"select-search": "_select-
|
10
|
+
import { H as Y, U as B, G as M, K as Z, j as ee } from "../../combobox-BpYucpxz.js";
|
11
|
+
import '../../assets/SelectSearch.css';const te = "_disabled_5nqc2_6", oe = "_container_5nqc2_13", ne = "_full_5nqc2_28", se = "_button_5nqc2_40", ae = "_options_5nqc2_54", ie = "_top_5nqc2_65", ce = "_bottom_5nqc2_71", le = "_m_5nqc2_98", re = "_l_5nqc2_113", de = "_option_5nqc2_54", pe = "_clear_5nqc2_167", e = {
|
12
|
+
"select-search": "_select-search_5nqc2_2",
|
13
13
|
disabled: te,
|
14
14
|
container: oe,
|
15
|
-
"container-open": "_container-
|
15
|
+
"container-open": "_container-open_5nqc2_24",
|
16
16
|
full: ne,
|
17
|
-
"selected-icon": "_selected-
|
18
|
-
"selector-icon-open": "_selector-icon-
|
17
|
+
"selected-icon": "_selected-icon_5nqc2_32",
|
18
|
+
"selector-icon-open": "_selector-icon-open_5nqc2_36",
|
19
19
|
button: se,
|
20
|
-
"selector-icon": "_selector-
|
20
|
+
"selector-icon": "_selector-icon_5nqc2_36",
|
21
21
|
options: ae,
|
22
22
|
top: ie,
|
23
|
-
bottom:
|
24
|
-
"no-options": "_no-
|
25
|
-
m:
|
26
|
-
l:
|
27
|
-
"select-input": "_select-
|
28
|
-
"select-input-disabled": "_select-input-
|
23
|
+
bottom: ce,
|
24
|
+
"no-options": "_no-options_5nqc2_77",
|
25
|
+
m: le,
|
26
|
+
l: re,
|
27
|
+
"select-input": "_select-input_5nqc2_128",
|
28
|
+
"select-input-disabled": "_select-input-disabled_5nqc2_131",
|
29
29
|
option: de,
|
30
|
-
"option-active": "_option-
|
31
|
-
"option-inner": "_option-
|
32
|
-
"right-slot": "_right-
|
33
|
-
"required-mark": "_required-
|
34
|
-
clear:
|
35
|
-
"icon-button": "_icon-
|
36
|
-
},
|
30
|
+
"option-active": "_option-active_5nqc2_147",
|
31
|
+
"option-inner": "_option-inner_5nqc2_150",
|
32
|
+
"right-slot": "_right-slot_5nqc2_157",
|
33
|
+
"required-mark": "_required-mark_5nqc2_162",
|
34
|
+
clear: pe,
|
35
|
+
"icon-button": "_icon-button_5nqc2_176"
|
36
|
+
}, we = U(
|
37
37
|
(E, L) => {
|
38
38
|
const {
|
39
|
-
placeholder:
|
40
|
-
size: i =
|
39
|
+
placeholder: g,
|
40
|
+
size: i = v.L,
|
41
41
|
value: n,
|
42
42
|
onChange: s,
|
43
43
|
full: V,
|
44
|
-
showArrow:
|
45
|
-
items:
|
44
|
+
showArrow: w = !0,
|
45
|
+
items: p = [],
|
46
46
|
classNameOption: F,
|
47
47
|
displayValue: G = "name",
|
48
|
-
filterOnSearch:
|
49
|
-
onSearch:
|
50
|
-
variant:
|
51
|
-
menuPlacement:
|
52
|
-
disabled:
|
53
|
-
searchProps:
|
48
|
+
filterOnSearch: C = !0,
|
49
|
+
onSearch: _,
|
50
|
+
variant: I = X.DefaultGray,
|
51
|
+
menuPlacement: f = "bottom",
|
52
|
+
disabled: l = !1,
|
53
|
+
searchProps: S,
|
54
54
|
withClearButton: b = !1,
|
55
|
-
disableInput:
|
56
|
-
autocomplete:
|
55
|
+
disableInput: r = !1,
|
56
|
+
autocomplete: y = "on",
|
57
57
|
immediate: P = !1
|
58
|
-
} = E,
|
58
|
+
} = E, q = String((n == null ? void 0 : n[G]) || ""), [d, m] = D(q), [N, h] = D(n), k = R(() => !C || n && (n.id || n.name) ? p : d.trim().toLowerCase() ? p.filter(
|
59
59
|
(o) => o.name.toLowerCase().includes(d.toLowerCase())
|
60
|
-
) :
|
61
|
-
o ? (
|
62
|
-
},
|
60
|
+
) : p, [d, p, n, C]), T = (o) => {
|
61
|
+
o ? (m(o.name), h(o), s == null || s(o)) : (m(""), h(null), s == null || s({ id: "", name: "" }));
|
62
|
+
}, x = $(
|
63
63
|
(o) => {
|
64
|
-
if (
|
64
|
+
if (r) return;
|
65
65
|
const t = o.target.value;
|
66
|
-
|
66
|
+
m(t), _ == null || _(t), !t && n && (s == null || s({ id: "", name: "" }));
|
67
67
|
},
|
68
|
-
[
|
68
|
+
[r, s, _, n]
|
69
69
|
), H = () => {
|
70
|
-
|
70
|
+
m(""), h(null), s == null || s({ id: "", name: "" });
|
71
71
|
};
|
72
|
-
return
|
72
|
+
return J(() => {
|
73
73
|
const o = !n || typeof n == "object" && !Object.keys(n).length;
|
74
|
-
|
75
|
-
}, [n,
|
74
|
+
m(o ? "" : q), h(o ? null : n);
|
75
|
+
}, [n, q]), /* @__PURE__ */ a(
|
76
76
|
Y,
|
77
77
|
{
|
78
78
|
as: "div",
|
79
|
-
value:
|
80
|
-
className:
|
79
|
+
value: N,
|
80
|
+
className: c(e["select-search"], {
|
81
81
|
[e.full]: V,
|
82
|
-
[e.disabled]:
|
82
|
+
[e.disabled]: l
|
83
83
|
}),
|
84
84
|
onChange: T,
|
85
85
|
ref: L,
|
86
|
-
disabled:
|
87
|
-
virtual: { options:
|
86
|
+
disabled: l,
|
87
|
+
virtual: { options: k },
|
88
88
|
immediate: P,
|
89
|
-
children: ({ open: o }) => /* @__PURE__ */
|
90
|
-
/* @__PURE__ */
|
89
|
+
children: ({ open: o }) => /* @__PURE__ */ u(z, { children: [
|
90
|
+
/* @__PURE__ */ u(
|
91
91
|
"div",
|
92
92
|
{
|
93
|
-
className:
|
93
|
+
className: c(e.container, e[i], {
|
94
94
|
[e["container-open"]]: o
|
95
95
|
}),
|
96
96
|
children: [
|
97
|
-
|
98
|
-
/* @__PURE__ */ a(
|
99
|
-
|
97
|
+
r && /* @__PURE__ */ u("div", { style: { position: "relative", width: "100%" }, children: [
|
98
|
+
/* @__PURE__ */ a(B, { disabled: l, style: { width: "100%" }, children: /* @__PURE__ */ a(
|
99
|
+
M,
|
100
100
|
{
|
101
|
-
as:
|
102
|
-
label:
|
103
|
-
size:
|
104
|
-
className:
|
105
|
-
[e["select-input-disabled"]]:
|
101
|
+
as: O,
|
102
|
+
label: g,
|
103
|
+
size: j(i),
|
104
|
+
className: c(e["select-input"], {
|
105
|
+
[e["select-input-disabled"]]: r && b
|
106
106
|
}),
|
107
|
-
onChange:
|
107
|
+
onChange: x,
|
108
108
|
value: d,
|
109
|
-
disabled:
|
110
|
-
variant:
|
109
|
+
disabled: l,
|
110
|
+
variant: I,
|
111
111
|
rightSlotClassName: e["right-slot"],
|
112
112
|
requiredMarkClassName: e["required-mark"],
|
113
113
|
"data-testid": "select-search-input",
|
114
114
|
onFocus: (t) => {
|
115
|
-
|
115
|
+
r && t.target.blur();
|
116
116
|
},
|
117
117
|
rightAddon: {
|
118
118
|
addonType: "icon",
|
119
|
-
addonContent:
|
119
|
+
addonContent: Q(o, i)
|
120
120
|
},
|
121
|
-
autocomplete:
|
122
|
-
...
|
121
|
+
autocomplete: y,
|
122
|
+
...S
|
123
123
|
}
|
124
124
|
) }),
|
125
125
|
b && d && /* @__PURE__ */ a(
|
126
|
-
|
126
|
+
W,
|
127
127
|
{
|
128
128
|
tabIndex: -1,
|
129
|
-
className:
|
130
|
-
[e.disabled]:
|
129
|
+
className: c(e.clear, {
|
130
|
+
[e.disabled]: l
|
131
131
|
}),
|
132
132
|
iconButtonClassName: e["icon-button"],
|
133
133
|
isIconButton: !0,
|
134
134
|
iconName: "Close16px",
|
135
135
|
size: "m-s",
|
136
136
|
clear: !0,
|
137
|
-
disabled:
|
137
|
+
disabled: l,
|
138
138
|
variant: "secondary-gray",
|
139
139
|
onClick: (t) => {
|
140
140
|
t.stopPropagation(), H();
|
@@ -143,35 +143,35 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
|
|
143
143
|
}
|
144
144
|
)
|
145
145
|
] }),
|
146
|
-
!
|
147
|
-
|
146
|
+
!r && /* @__PURE__ */ a(
|
147
|
+
M,
|
148
148
|
{
|
149
|
-
as:
|
150
|
-
label:
|
151
|
-
size:
|
149
|
+
as: O,
|
150
|
+
label: g,
|
151
|
+
size: j(i),
|
152
152
|
className: e["select-input"],
|
153
|
-
onChange:
|
153
|
+
onChange: x,
|
154
154
|
value: d,
|
155
|
-
disabled:
|
156
|
-
variant:
|
155
|
+
disabled: l,
|
156
|
+
variant: I,
|
157
157
|
withClearButton: b,
|
158
158
|
rightSlotClassName: e["right-slot"],
|
159
159
|
requiredMarkClassName: e["required-mark"],
|
160
160
|
"data-testid": "select-search-input",
|
161
|
-
rightAddon:
|
161
|
+
rightAddon: w ? {
|
162
162
|
addonType: "react-node",
|
163
|
-
addonContent:
|
164
|
-
|
163
|
+
addonContent: w && /* @__PURE__ */ a(
|
164
|
+
B,
|
165
165
|
{
|
166
|
-
className:
|
167
|
-
[e.disabled]:
|
166
|
+
className: c(e.button, {
|
167
|
+
[e.disabled]: l
|
168
168
|
}),
|
169
|
-
disabled:
|
169
|
+
disabled: l,
|
170
170
|
children: /* @__PURE__ */ a(
|
171
|
-
|
171
|
+
A,
|
172
172
|
{
|
173
|
-
iconName: i ==
|
174
|
-
className:
|
173
|
+
iconName: i == v.M ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
|
174
|
+
className: c(e["selector-icon"], {
|
175
175
|
[e["selector-icon-open"]]: o
|
176
176
|
})
|
177
177
|
}
|
@@ -180,29 +180,29 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
|
|
180
180
|
)
|
181
181
|
} : void 0,
|
182
182
|
onFocus: (t) => {
|
183
|
-
|
183
|
+
r && t.target.blur();
|
184
184
|
},
|
185
|
-
autocomplete:
|
186
|
-
...
|
185
|
+
autocomplete: y,
|
186
|
+
...S
|
187
187
|
}
|
188
188
|
)
|
189
189
|
]
|
190
190
|
}
|
191
191
|
),
|
192
|
-
o && /* @__PURE__ */ a(
|
192
|
+
o && /* @__PURE__ */ a(z, { children: p.length ? k.length ? /* @__PURE__ */ a(
|
193
193
|
Z,
|
194
194
|
{
|
195
195
|
"data-testid": "select-search-options",
|
196
|
-
className:
|
196
|
+
className: c(
|
197
197
|
e.options,
|
198
198
|
e[i],
|
199
|
-
e[
|
199
|
+
e[f]
|
200
200
|
),
|
201
|
-
children: ({ option: t }) => /* @__PURE__ */
|
201
|
+
children: ({ option: t }) => /* @__PURE__ */ u(
|
202
202
|
ee,
|
203
203
|
{
|
204
204
|
value: t,
|
205
|
-
className: ({ focus: K }) =>
|
205
|
+
className: ({ focus: K }) => c(
|
206
206
|
e.option,
|
207
207
|
F,
|
208
208
|
i && e[i],
|
@@ -212,14 +212,14 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
|
|
212
212
|
),
|
213
213
|
"data-testid": `select-search-option-${t.id}`,
|
214
214
|
children: [
|
215
|
-
/* @__PURE__ */
|
215
|
+
/* @__PURE__ */ u("div", { className: e["option-inner"], children: [
|
216
216
|
t.name,
|
217
217
|
t.bottom && /* @__PURE__ */ a("div", { children: t.bottom })
|
218
218
|
] }),
|
219
|
-
|
220
|
-
|
219
|
+
N && N.id === t.id && /* @__PURE__ */ a(
|
220
|
+
A,
|
221
221
|
{
|
222
|
-
iconName: i ===
|
222
|
+
iconName: i === v.M ? "Done16px" : "Done24px",
|
223
223
|
className: e["selected-icon"]
|
224
224
|
}
|
225
225
|
)
|
@@ -231,22 +231,22 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
|
|
231
231
|
) : /* @__PURE__ */ a(
|
232
232
|
"div",
|
233
233
|
{
|
234
|
-
className:
|
234
|
+
className: c(
|
235
235
|
e.options,
|
236
236
|
e[i],
|
237
237
|
e["no-options"],
|
238
|
-
e[
|
238
|
+
e[f]
|
239
239
|
),
|
240
240
|
children: "Ничего не найдено"
|
241
241
|
}
|
242
242
|
) : /* @__PURE__ */ a(
|
243
243
|
"div",
|
244
244
|
{
|
245
|
-
className:
|
245
|
+
className: c(
|
246
246
|
e.options,
|
247
247
|
e[i],
|
248
248
|
e["no-options"],
|
249
|
-
e[
|
249
|
+
e[f]
|
250
250
|
),
|
251
251
|
children: "Нет данных"
|
252
252
|
}
|
@@ -257,5 +257,5 @@ import '../../assets/SelectSearch.css';const te = "_disabled_1f5f7_5", oe = "_co
|
|
257
257
|
}
|
258
258
|
);
|
259
259
|
export {
|
260
|
-
|
260
|
+
we as SelectSearch
|
261
261
|
};
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import { jsxs as L, jsx as N } from "react/jsx-runtime";
|
2
|
-
import { H as te } from "../../field-
|
3
|
-
import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-
|
4
|
-
import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-
|
2
|
+
import { H as te } from "../../field-C1kt7aNM.js";
|
3
|
+
import { K as I, w as re, z as se, U as ae, u as ce, a as le, b as oe, T as ie, I as ne, G as ue, j as he, p as me } from "../../label-D4GFpe5F.js";
|
4
|
+
import { W as de, H as j, y as pe, p as fe, o as $, $ as be, b as we, D as _e, c as H } from "../../keyboard-mgWkd2Vh.js";
|
5
5
|
import u, { createContext as $e, useState as x, useMemo as G, useId as ge, useContext as ve, useRef as ke, useCallback as xe, Fragment as ye, forwardRef as Pe } from "react";
|
6
|
-
import { w as Ce } from "../../use-active-press-
|
6
|
+
import { w as Ce } from "../../use-active-press-CqLGIFz7.js";
|
7
7
|
import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
|
8
8
|
import { r as Fe } from "../../bugs-diTMAGNw.js";
|
9
9
|
import { c as g } from "../../index-DIxK0V-G.js";
|
@@ -6,11 +6,11 @@ import { ETabTrailSize as Ae } from "./constants.js";
|
|
6
6
|
import { TabButtons as Se } from "./TabButtons/TabButtons.js";
|
7
7
|
import { ETabTrailButtonVariant as Fe } from "./TabButtons/constants.js";
|
8
8
|
import { NotificationBadge as De } from "../NotificationBadge/NotificationBadge.js";
|
9
|
-
import { n as W, M as se, W as V, s as j, y as q, o as A, H as z, $ as ce, b as Ne, D as de, a as G, u as Re, c as T, t as Me } from "../../keyboard-
|
10
|
-
import { w as Ce } from "../../use-active-press-
|
9
|
+
import { n as W, M as se, W as V, s as j, y as q, o as A, H as z, $ as ce, b as Ne, D as de, a as G, u as Re, c as T, t as Me } from "../../keyboard-mgWkd2Vh.js";
|
10
|
+
import { w as Ce } from "../../use-active-press-CqLGIFz7.js";
|
11
11
|
import { e as Le } from "../../use-resolve-button-type-DhFdPxnv.js";
|
12
|
-
import { T as pe, s as Oe } from "../../hidden-
|
13
|
-
import { _ as B, T as J, P as N, F as I } from "../../focus-management-
|
12
|
+
import { T as pe, s as Oe } from "../../hidden-PvGXrYUY.js";
|
13
|
+
import { _ as B, T as J, P as N, F as I } from "../../focus-management-DOYCPyGg.js";
|
14
14
|
import '../../assets/TabTrail.css';function Be() {
|
15
15
|
let e = U(!1);
|
16
16
|
return W(() => (e.current = !0, () => {
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import l, { useId as u, useMemo as f } from "react";
|
2
|
-
import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-
|
3
|
-
import { W as H, H as W } from "./keyboard-
|
2
|
+
import { z as p, U as h, a as v, l as E, f as b, W as $ } from "./label-D4GFpe5F.js";
|
3
|
+
import { W as H, H as W } from "./keyboard-mgWkd2Vh.js";
|
4
4
|
let P = "div";
|
5
5
|
function _(a, i) {
|
6
6
|
let d = `headlessui-control-${u()}`, [o, n] = p(), [m, s] = h(), c = v(), { disabled: e = c || !1, ...t } = a, r = f(() => ({ disabled: e }), [e]);
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { u as N, a as v } from "./keyboard-
|
1
|
+
import { u as N, a as v } from "./keyboard-mgWkd2Vh.js";
|
2
2
|
let m = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(","), F = ["[data-autofocus]"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
|
3
3
|
var h = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e[e.AutoFocus = 64] = "AutoFocus", e))(h || {}), x = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(x || {}), A = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(A || {});
|
4
4
|
function y(e = document.body) {
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { W as t, H as a } from "./keyboard-
|
1
|
+
import { W as t, H as a } from "./keyboard-mgWkd2Vh.js";
|
2
2
|
let l = "span";
|
3
3
|
var p = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(p || {});
|
4
4
|
function s(e, n) {
|