mimir-ui-kit 1.36.6 → 1.36.8
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/assets/TextArea.css +1 -1
- package/dist/{combobox-BpYucpxz.js → combobox-CDU06zJj.js} +1080 -1121
- package/dist/components/Accordion/Accordion.js +15 -15
- package/dist/components/CheckboxMimir/CheckboxMimir.js +4 -4
- package/dist/components/MultiSelectSearch/MultiSelectSearch.js +22 -22
- package/dist/components/RadioGroup/RadioGroup.js +3 -3
- package/dist/components/SelectSearch/SelectSearch.js +26 -26
- package/dist/components/Switcher/Switcher.js +4 -4
- package/dist/components/TabTrail/TabTrail.js +4 -4
- package/dist/components/TextArea/TextArea.js +61 -61
- package/dist/{field-C1kt7aNM.js → field-FJ34aSs4.js} +2 -2
- package/dist/{focus-management-DOYCPyGg.js → focus-management-XwV-9qkO.js} +1 -1
- package/dist/{hidden-PvGXrYUY.js → hidden-DbgtYPOH.js} +1 -1
- package/dist/{keyboard-mgWkd2Vh.js → keyboard-B0lm_zyn.js} +111 -114
- package/dist/{label-D4GFpe5F.js → label-y3ANLTNC.js} +2 -2
- package/dist/open-closed-CdldUPoq.js +86 -0
- package/dist/{use-active-press-CqLGIFz7.js → use-active-press-86hajhdd.js} +1 -1
- package/package.json +1 -1
- package/dist/open-closed-D2VjDhAN.js +0 -86
@@ -1,16 +1,16 @@
|
|
1
1
|
import { jsxs as x, Fragment as X, jsx as v } from "react/jsx-runtime";
|
2
2
|
import { c as D } from "../../index-DIxK0V-G.js";
|
3
|
-
import S, { createContext as F, useRef as oe, Fragment as ne, useReducer as de, useMemo as R, useId as re, useEffect as le, useState as se, useContext as
|
3
|
+
import S, { createContext as F, useRef as oe, Fragment as ne, useReducer as de, useMemo as R, useId as re, useEffect as le, useState as se, useContext as L, forwardRef as pe } from "react";
|
4
4
|
import { AccordionItem as me } from "./AccordionItem/AccordionItem.js";
|
5
5
|
import { EAccordionButtonType as w, EAccordionSize as O, EAccordionLinkIconSize as G, EAccordionButtonStyle as fe, EAccordionIconType as J, EAccordionButtonIconSize as Y } from "./constants.js";
|
6
6
|
import { useMediaQuery as _e } from "../../hooks/useMediaQuery/useMediaQuery.js";
|
7
7
|
import { EMediaQuery as Ee } from "../../hooks/useMediaQuery/constants.js";
|
8
8
|
import { Icon as ke } from "../../icons/Icon.js";
|
9
9
|
import { Link as Se } from "../AnchorLink/Link.js";
|
10
|
-
import { M as Z, W as K, y as U, T as Ie, o as $, a as q, H as j, I as ae, $ as be, b as ve, D as ee, u as he, c as N } from "../../keyboard-
|
11
|
-
import { w as ye } from "../../use-active-press-
|
10
|
+
import { M as Z, W as K, y as U, T as Ie, o as $, a as q, H as j, I as ae, $ as be, b as ve, D as ee, u as he, c as N } from "../../keyboard-B0lm_zyn.js";
|
11
|
+
import { w as ye } from "../../use-active-press-86hajhdd.js";
|
12
12
|
import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
|
13
|
-
import { c as $e, i as M, u as Pe,
|
13
|
+
import { c as $e, i as M, u as Pe, R as ge, H as Te, s as we } from "../../open-closed-CdldUPoq.js";
|
14
14
|
import { r as Ne } from "../../bugs-diTMAGNw.js";
|
15
15
|
import '../../assets/Accordion.css';let Ce = F(() => {
|
16
16
|
});
|
@@ -33,7 +33,7 @@ let Re = { 0: (e) => ({ ...e, disclosureState: q(e.disclosureState, { 0: 1, 1: 0
|
|
33
33
|
} }, W = F(null);
|
34
34
|
W.displayName = "DisclosureContext";
|
35
35
|
function Q(e) {
|
36
|
-
let t =
|
36
|
+
let t = L(W);
|
37
37
|
if (t === null) {
|
38
38
|
let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
|
39
39
|
throw Error.captureStackTrace && Error.captureStackTrace(a, Q), a;
|
@@ -43,7 +43,7 @@ function Q(e) {
|
|
43
43
|
let V = F(null);
|
44
44
|
V.displayName = "DisclosureAPIContext";
|
45
45
|
function ce(e) {
|
46
|
-
let t =
|
46
|
+
let t = L(V);
|
47
47
|
if (t === null) {
|
48
48
|
let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
|
49
49
|
throw Error.captureStackTrace && Error.captureStackTrace(a, ce), a;
|
@@ -53,13 +53,13 @@ function ce(e) {
|
|
53
53
|
let z = F(null);
|
54
54
|
z.displayName = "DisclosurePanelContext";
|
55
55
|
function Me() {
|
56
|
-
return
|
56
|
+
return L(z);
|
57
57
|
}
|
58
58
|
function Fe(e, t) {
|
59
59
|
return q(t.type, Re, e, t);
|
60
60
|
}
|
61
|
-
let
|
62
|
-
function
|
61
|
+
let He = ne;
|
62
|
+
function Le(e, t) {
|
63
63
|
let { defaultOpen: a = !1, ...d } = e, n = oe(null), p = U(t, Ie((c) => {
|
64
64
|
n.current = c;
|
65
65
|
}, e.as === void 0 || e.as === ne)), m = de(Fe, { disclosureState: a ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: o, buttonId: r }, k] = m, l = $((c) => {
|
@@ -69,7 +69,7 @@ function He(e, t) {
|
|
69
69
|
let u = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : E.getElementById(r) : E.getElementById(r);
|
70
70
|
u == null || u.focus();
|
71
71
|
}), I = R(() => ({ close: l }), [l]), f = R(() => ({ open: o === 0, close: l }), [o, l]), _ = { ref: p };
|
72
|
-
return S.createElement(W.Provider, { value: m }, S.createElement(V.Provider, { value: I }, S.createElement(Be, { value: l }, S.createElement($e, { value: q(o, { 0: M.Open, 1: M.Closed }) }, j({ ourProps: _, theirProps: d, slot: f, defaultTag:
|
72
|
+
return S.createElement(W.Provider, { value: m }, S.createElement(V.Provider, { value: I }, S.createElement(Be, { value: l }, S.createElement($e, { value: q(o, { 0: M.Open, 1: M.Closed }) }, j({ ourProps: _, theirProps: d, slot: f, defaultTag: He, name: "Disclosure" })))));
|
73
73
|
}
|
74
74
|
let Ke = "button";
|
75
75
|
function Ue(e, t) {
|
@@ -106,8 +106,8 @@ function Ue(e, t) {
|
|
106
106
|
}), u = $((s) => {
|
107
107
|
var T;
|
108
108
|
Ne(s.currentTarget) || n || (l ? (r({ type: 0 }), (T = o.buttonElement) == null || T.focus()) : r({ type: 0 }));
|
109
|
-
}), { isFocusVisible: h, focusProps: y } = be({ autoFocus: p }), { isHovered: b, hoverProps: P } = ve({ isDisabled: n }), { pressed: C, pressProps: B } = ye({ disabled: n }),
|
110
|
-
return j({ mergeRefs: _, ourProps: g, theirProps: m, slot:
|
109
|
+
}), { isFocusVisible: h, focusProps: y } = be({ autoFocus: p }), { isHovered: b, hoverProps: P } = ve({ isDisabled: n }), { pressed: C, pressProps: B } = ye({ disabled: n }), H = R(() => ({ open: o.disclosureState === 0, hover: b, active: C, disabled: n, focus: h, autofocus: p }), [o, b, C, h, n, p]), A = De(e, o.buttonElement), g = l ? ee({ ref: f, type: A, disabled: n || void 0, autoFocus: p, onKeyDown: c, onClick: u }, y, P, B) : ee({ ref: f, id: d, type: A, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: n || void 0, autoFocus: p, onKeyDown: c, onKeyUp: E, onClick: u }, y, P, B);
|
110
|
+
return j({ mergeRefs: _, ourProps: g, theirProps: m, slot: H, defaultTag: Ke, name: "Disclosure.Button" });
|
111
111
|
}
|
112
112
|
let qe = "div", je = Z.RenderStrategy | Z.Static;
|
113
113
|
function We(e, t) {
|
@@ -120,7 +120,7 @@ function We(e, t) {
|
|
120
120
|
let _ = Pe(), [c, E] = ge(n, l, _ !== null ? (_ & M.Open) === M.Open : m.disclosureState === 0), u = R(() => ({ open: m.disclosureState === 0, close: r }), [m.disclosureState, r]), h = { ref: f, id: d, ...Te(E) };
|
121
121
|
return S.createElement(we, null, S.createElement(z.Provider, { value: m.panelId }, j({ mergeRefs: k, ourProps: h, theirProps: p, slot: u, defaultTag: qe, features: je, visible: c, name: "Disclosure.Panel" })));
|
122
122
|
}
|
123
|
-
let Qe = K(
|
123
|
+
let Qe = K(Le), ie = K(Ue), ue = K(We), Ve = Object.assign(Qe, { Button: ie, Panel: ue });
|
124
124
|
const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_25", Je = "_title_1k9to_29", Ye = "_icon_1k9to_36", Ze = "_circle_1k9to_46", et = "_square_1k9to_53", tt = "_panel_1k9to_73", ot = "_open_1k9to_80", nt = "_m_1k9to_106", rt = "_s_1k9to_53", i = {
|
125
125
|
accordion: ze,
|
126
126
|
"is-link": "_is-link_1k9to_9",
|
@@ -160,7 +160,7 @@ const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_
|
|
160
160
|
[i["is-link"]]: b
|
161
161
|
}, C = () => {
|
162
162
|
t || h((g) => !g);
|
163
|
-
}, B = n === O.S ? G.S : G.M,
|
163
|
+
}, B = n === O.S ? G.S : G.M, H = {
|
164
164
|
variant: "anchor",
|
165
165
|
size: y ? "s" : "l",
|
166
166
|
rightIcon: {
|
@@ -234,7 +234,7 @@ const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_
|
|
234
234
|
[i.header]: !b,
|
235
235
|
[i.disabled]: t
|
236
236
|
}),
|
237
|
-
...b ?
|
237
|
+
...b ? H : {},
|
238
238
|
children: A(u)
|
239
239
|
}
|
240
240
|
),
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { jsxs as O, jsx as x } from "react/jsx-runtime";
|
2
|
-
import { W as V, p as W, o as m, $ as X, b as q, D as z, H as J, c as y } from "../../keyboard-
|
2
|
+
import { W as V, p as W, o as m, $ as X, b as q, D as z, H as J, c as y } from "../../keyboard-B0lm_zyn.js";
|
3
3
|
import $, { useId as Q, useState as F, useMemo as Y, useCallback as Z, forwardRef as ee, useEffect as ae } from "react";
|
4
|
-
import { w as re } from "../../use-active-press-
|
5
|
-
import { u as oe, a as te, b as ce, T as se, I as ne, G as ie, j as de, p as le, K as be } from "../../label-
|
4
|
+
import { w as re } from "../../use-active-press-86hajhdd.js";
|
5
|
+
import { u as oe, a as te, b as ce, T as se, I as ne, G as ie, j as de, p as le, K as be } from "../../label-y3ANLTNC.js";
|
6
6
|
import { r as ue } from "../../bugs-diTMAGNw.js";
|
7
|
-
import { H as fe } from "../../field-
|
7
|
+
import { H as fe } from "../../field-FJ34aSs4.js";
|
8
8
|
import { c as me } from "../../index-DIxK0V-G.js";
|
9
9
|
import { Icon as pe } from "../../icons/Icon.js";
|
10
10
|
import '../../assets/CheckboxMimir.css';let he = "span";
|
@@ -2,14 +2,14 @@ import { jsxs as g, jsx as o, Fragment as V } from "react/jsx-runtime";
|
|
2
2
|
import { c as l } from "../../index-DIxK0V-G.js";
|
3
3
|
import { forwardRef as se, useRef as B, useState as S, useEffect as R, useMemo as ie } from "react";
|
4
4
|
import { EMultiSelectSearchSize as M } from "./constants.js";
|
5
|
-
import { getInitialInputValue as
|
5
|
+
import { getInitialInputValue as E, mapSizeToInputSize as F, getDropdownArrowIcon as le, joinSelectedItems as P } from "./utils.js";
|
6
6
|
import { Icon as re } from "../../icons/Icon.js";
|
7
7
|
import { Button as ce } from "../Button/Button.js";
|
8
8
|
import { CheckboxMimir as ae } from "../CheckboxMimir/CheckboxMimir.js";
|
9
9
|
import { Chip as ue } from "../Chip/Chip.js";
|
10
|
-
import { I as
|
10
|
+
import { I as j } from "../../Input-WnjLXNpw.js";
|
11
11
|
import { EInputVariant as de } from "../Input/constants.js";
|
12
|
-
import { H as pe, U as G, G as
|
12
|
+
import { H as pe, U as G, G as W, K as me, W as _e } from "../../combobox-CDU06zJj.js";
|
13
13
|
import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe = "_container_17kql_9", ke = "_full_17kql_27", qe = "_button_17kql_39", ge = "_options_17kql_53", be = "_top_17kql_64", ve = "_bottom_17kql_69", Ne = "_m_17kql_2", Ie = "_l_17kql_111", we = "_focused_17kql_129", Ce = "_option_17kql_53", Se = "_chip_17kql_158", Me = "_clear_17kql_183", e = {
|
14
14
|
"multi-select-search": "_multi-select-search_17kql_2",
|
15
15
|
disabled: he,
|
@@ -40,15 +40,15 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
|
|
40
40
|
"required-mark": "_required-mark_17kql_178",
|
41
41
|
clear: Me,
|
42
42
|
"icon-button": "_icon-button_17kql_192"
|
43
|
-
},
|
44
|
-
(
|
43
|
+
}, Fe = se(
|
44
|
+
(H, J) => {
|
45
45
|
const {
|
46
46
|
placeholder: x,
|
47
47
|
size: i = M.L,
|
48
48
|
value: a,
|
49
49
|
onChange: s,
|
50
|
-
full:
|
51
|
-
showArrow:
|
50
|
+
full: K,
|
51
|
+
showArrow: U = !0,
|
52
52
|
items: m = [],
|
53
53
|
classNameOption: Q,
|
54
54
|
displayValue: d = "name",
|
@@ -62,13 +62,13 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
|
|
62
62
|
withChip: X = !1,
|
63
63
|
chipVariant: Y = "sapphire",
|
64
64
|
disableInput: _ = !1
|
65
|
-
} =
|
66
|
-
() =>
|
65
|
+
} = H, w = B(null), p = B(null), [b, h] = S(!1), [f, k] = S(
|
66
|
+
() => E(a, d)
|
67
67
|
), [u, q] = S(
|
68
68
|
a || []
|
69
69
|
);
|
70
70
|
R(() => {
|
71
|
-
a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(
|
71
|
+
a && (q(a), JSON.stringify(a) !== JSON.stringify(u) && k(E(a, d)));
|
72
72
|
}, [a, d, u]);
|
73
73
|
const O = ie(() => {
|
74
74
|
var n;
|
@@ -79,7 +79,7 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
|
|
79
79
|
);
|
80
80
|
}, [y, m, f]), Z = (t) => {
|
81
81
|
q(t), s == null || s(t);
|
82
|
-
const n =
|
82
|
+
const n = P(t, d);
|
83
83
|
k(n), h(!0), setTimeout(() => {
|
84
84
|
if (p.current) {
|
85
85
|
p.current.focus(), p.current.scrollLeft = p.current.scrollWidth;
|
@@ -99,7 +99,7 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
|
|
99
99
|
const n = u.filter(
|
100
100
|
(c) => c.id !== t.id
|
101
101
|
);
|
102
|
-
q(n), s == null || s(n), k(
|
102
|
+
q(n), s == null || s(n), k(P(n, d));
|
103
103
|
}, L = () => h((t) => !t), ee = (t) => {
|
104
104
|
t.preventDefault(), t.currentTarget.focus();
|
105
105
|
const n = t.currentTarget.value.length;
|
@@ -126,11 +126,11 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
|
|
126
126
|
as: "div",
|
127
127
|
value: u,
|
128
128
|
className: l(e["multi-select-search"], {
|
129
|
-
[e.full]:
|
129
|
+
[e.full]: K,
|
130
130
|
[e.disabled]: r
|
131
131
|
}),
|
132
132
|
onChange: Z,
|
133
|
-
ref:
|
133
|
+
ref: J,
|
134
134
|
disabled: r,
|
135
135
|
virtual: { options: O },
|
136
136
|
children: /* @__PURE__ */ g(
|
@@ -148,11 +148,11 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
|
|
148
148
|
style: { width: "100%" },
|
149
149
|
onClick: L,
|
150
150
|
children: /* @__PURE__ */ o(
|
151
|
-
|
151
|
+
W,
|
152
152
|
{
|
153
|
-
as:
|
153
|
+
as: j,
|
154
154
|
label: x,
|
155
|
-
size:
|
155
|
+
size: F(i),
|
156
156
|
className: l(e["multi-select-input"], {
|
157
157
|
[e["multi-select-input-disabled"]]: _ && I
|
158
158
|
}),
|
@@ -193,11 +193,11 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
|
|
193
193
|
)
|
194
194
|
] }),
|
195
195
|
!_ && /* @__PURE__ */ o(
|
196
|
-
|
196
|
+
W,
|
197
197
|
{
|
198
|
-
as:
|
198
|
+
as: j,
|
199
199
|
label: x,
|
200
|
-
size:
|
200
|
+
size: F(i),
|
201
201
|
className: e["multi-select-input"],
|
202
202
|
rightSlotClassName: e["right-slot"],
|
203
203
|
requiredMarkClassName: e["required-mark"],
|
@@ -211,7 +211,7 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
|
|
211
211
|
ref: p,
|
212
212
|
rightAddon: {
|
213
213
|
addonType: "react-node",
|
214
|
-
addonContent:
|
214
|
+
addonContent: U && /* @__PURE__ */ o(
|
215
215
|
G,
|
216
216
|
{
|
217
217
|
className: l(e.button, {
|
@@ -320,5 +320,5 @@ import '../../assets/MultiSelectSearch.css';const he = "_disabled_17kql_5", fe =
|
|
320
320
|
}
|
321
321
|
);
|
322
322
|
export {
|
323
|
-
|
323
|
+
Fe as MultiSelectSearch
|
324
324
|
};
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { jsxs as ee, jsx as L, Fragment as _e } from "react/jsx-runtime";
|
2
|
-
import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-
|
3
|
-
import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-
|
2
|
+
import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-y3ANLTNC.js";
|
3
|
+
import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-B0lm_zyn.js";
|
4
4
|
import E, { createContext as ce, useId as q, useReducer as xe, useRef as B, useMemo as T, useCallback as Fe, useContext as pe, forwardRef as Ne } from "react";
|
5
5
|
import { u as Ae } from "../../use-by-comparator-CVuf9KBq.js";
|
6
6
|
import { r as fe } from "../../bugs-diTMAGNw.js";
|
7
|
-
import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-
|
7
|
+
import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-XwV-9qkO.js";
|
8
8
|
import { c as M } from "../../index-DIxK0V-G.js";
|
9
9
|
import '../../assets/RadioGroup.css';var Se = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Se || {});
|
10
10
|
let Le = { 0(e, r) {
|
@@ -1,13 +1,13 @@
|
|
1
1
|
import { jsx as n, jsxs as u, Fragment as y } from "react/jsx-runtime";
|
2
2
|
import { c as i } from "../../index-DIxK0V-G.js";
|
3
|
-
import { forwardRef as H, useState as z, useMemo as K, useCallback as U, useEffect as
|
3
|
+
import { forwardRef as H, useState as z, useMemo as K, useCallback as U, useEffect as W } from "react";
|
4
4
|
import { ESelectSearchSize as v } from "./constants.js";
|
5
|
-
import { mapSizeToInputSize as D, getDropdownArrowIcon as
|
5
|
+
import { mapSizeToInputSize as D, getDropdownArrowIcon as R } from "./utils.js";
|
6
6
|
import { Icon as q } from "../../icons/Icon.js";
|
7
|
-
import { Button as
|
7
|
+
import { Button as $ } from "../Button/Button.js";
|
8
8
|
import { I as A } from "../../Input-WnjLXNpw.js";
|
9
|
-
import { EInputVariant as
|
10
|
-
import { H as
|
9
|
+
import { EInputVariant as J } from "../Input/constants.js";
|
10
|
+
import { H as Q, U as B, G as M, K as X, W as Y } from "../../combobox-CDU06zJj.js";
|
11
11
|
import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_container_rphak_9", te = "_full_rphak_22", oe = "_button_rphak_34", ae = "_options_rphak_48", ne = "_top_rphak_59", se = "_bottom_rphak_64", re = "_m_rphak_91", ie = "_l_rphak_106", le = "_option_rphak_48", ce = "_clear_rphak_160", e = {
|
12
12
|
"select-search": "_select-search_rphak_2",
|
13
13
|
disabled: Z,
|
@@ -34,28 +34,28 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
|
|
34
34
|
clear: ce,
|
35
35
|
"icon-button": "_icon-button_rphak_169"
|
36
36
|
}, ve = H(
|
37
|
-
(O,
|
37
|
+
(O, L) => {
|
38
38
|
const {
|
39
39
|
placeholder: g,
|
40
40
|
size: s = v.L,
|
41
41
|
value: r,
|
42
42
|
onChange: o,
|
43
|
-
full:
|
44
|
-
showArrow:
|
43
|
+
full: E,
|
44
|
+
showArrow: F = !0,
|
45
45
|
items: d = [],
|
46
|
-
classNameOption:
|
47
|
-
displayValue:
|
46
|
+
classNameOption: G,
|
47
|
+
displayValue: P = "name",
|
48
48
|
filterOnSearch: w = !0,
|
49
49
|
onSearch: m,
|
50
|
-
variant: C =
|
50
|
+
variant: C = J.DefaultGray,
|
51
51
|
menuPlacement: h = "bottom",
|
52
52
|
disabled: l = !1,
|
53
53
|
searchProps: I,
|
54
54
|
withClearButton: f = !1,
|
55
55
|
disableInput: c = !1
|
56
|
-
} = O, k = String((r == null ? void 0 : r[
|
56
|
+
} = O, k = String((r == null ? void 0 : r[P]) || ""), [p, _] = z(k), [b, N] = z(r), S = K(() => !w || r && (r.id || r.name) ? d : p.trim().toLowerCase() ? d.filter(
|
57
57
|
(a) => a.name.toLowerCase().includes(p.toLowerCase())
|
58
|
-
) : d, [p, d, r, w]),
|
58
|
+
) : d, [p, d, r, w]), T = (a) => {
|
59
59
|
a ? (_(a.name), N(a), o == null || o(a)) : (_(""), N(null), o == null || o({ id: "", name: "" }));
|
60
60
|
}, x = U(
|
61
61
|
(a) => {
|
@@ -64,22 +64,22 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
|
|
64
64
|
_(t), m == null || m(t), !t && r && (o == null || o({ id: "", name: "" }));
|
65
65
|
},
|
66
66
|
[c, o, m, r]
|
67
|
-
),
|
67
|
+
), V = () => {
|
68
68
|
_(""), N(null), o == null || o({ id: "", name: "" });
|
69
69
|
};
|
70
|
-
return
|
70
|
+
return W(() => {
|
71
71
|
_(k);
|
72
72
|
}, [k]), /* @__PURE__ */ n(
|
73
|
-
|
73
|
+
Q,
|
74
74
|
{
|
75
75
|
as: "div",
|
76
76
|
value: b,
|
77
77
|
className: i(e["select-search"], {
|
78
|
-
[e.full]:
|
78
|
+
[e.full]: E,
|
79
79
|
[e.disabled]: l
|
80
80
|
}),
|
81
|
-
onChange:
|
82
|
-
ref:
|
81
|
+
onChange: T,
|
82
|
+
ref: L,
|
83
83
|
disabled: l,
|
84
84
|
virtual: { options: S },
|
85
85
|
children: ({ open: a }) => /* @__PURE__ */ u(y, { children: [
|
@@ -112,13 +112,13 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
|
|
112
112
|
},
|
113
113
|
rightAddon: {
|
114
114
|
addonType: "icon",
|
115
|
-
addonContent:
|
115
|
+
addonContent: R(a, s)
|
116
116
|
},
|
117
117
|
...I
|
118
118
|
}
|
119
119
|
) }),
|
120
120
|
f && p && /* @__PURE__ */ n(
|
121
|
-
|
121
|
+
$,
|
122
122
|
{
|
123
123
|
tabIndex: -1,
|
124
124
|
className: i(e.clear, {
|
@@ -132,7 +132,7 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
|
|
132
132
|
disabled: l,
|
133
133
|
variant: "secondary-gray",
|
134
134
|
onClick: (t) => {
|
135
|
-
t.stopPropagation(),
|
135
|
+
t.stopPropagation(), V();
|
136
136
|
},
|
137
137
|
"data-testid": "clear-button"
|
138
138
|
}
|
@@ -155,7 +155,7 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
|
|
155
155
|
"data-testid": "select-search-input",
|
156
156
|
rightAddon: {
|
157
157
|
addonType: "react-node",
|
158
|
-
addonContent:
|
158
|
+
addonContent: F && /* @__PURE__ */ n(
|
159
159
|
B,
|
160
160
|
{
|
161
161
|
className: i(e.button, {
|
@@ -196,12 +196,12 @@ import '../../assets/SelectSearch.css';const Z = "_disabled_rphak_5", ee = "_con
|
|
196
196
|
Y,
|
197
197
|
{
|
198
198
|
value: t,
|
199
|
-
className: ({ focus:
|
199
|
+
className: ({ focus: j }) => i(
|
200
200
|
e.option,
|
201
|
-
|
201
|
+
G,
|
202
202
|
s && e[s],
|
203
203
|
{
|
204
|
-
[e["option-active"]]:
|
204
|
+
[e["option-active"]]: j
|
205
205
|
}
|
206
206
|
),
|
207
207
|
"data-testid": `select-search-option-${t.id}`,
|
@@ -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-FJ34aSs4.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-y3ANLTNC.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-B0lm_zyn.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-86hajhdd.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";
|
@@ -5,11 +5,11 @@ import N, { useRef as U, useState as Q, createContext as oe, useReducer as ke, u
|
|
5
5
|
import { ETabTrailSize as Ae } from "./constants.js";
|
6
6
|
import { TabButtons as Se } from "./TabButtons/TabButtons.js";
|
7
7
|
import { NotificationBadge as Fe } from "../NotificationBadge/NotificationBadge.js";
|
8
|
-
import { n as W, M as se, W as q, s as H, y as z, o as E, H as V, $ as ce, b as De, D as de, a as B, u as Ne, c as h, t as Re } from "../../keyboard-
|
9
|
-
import { w as Me } from "../../use-active-press-
|
8
|
+
import { n as W, M as se, W as q, s as H, y as z, o as E, H as V, $ as ce, b as De, D as de, a as B, u as Ne, c as h, t as Re } from "../../keyboard-B0lm_zyn.js";
|
9
|
+
import { w as Me } from "../../use-active-press-86hajhdd.js";
|
10
10
|
import { e as Ce } from "../../use-resolve-button-type-DhFdPxnv.js";
|
11
|
-
import { T as pe, s as Le } from "../../hidden-
|
12
|
-
import { _ as G, T as J, P as D, F as T } from "../../focus-management-
|
11
|
+
import { T as pe, s as Le } from "../../hidden-DbgtYPOH.js";
|
12
|
+
import { _ as G, T as J, P as D, F as T } from "../../focus-management-XwV-9qkO.js";
|
13
13
|
import '../../assets/TabTrail.css';function Oe() {
|
14
14
|
let e = U(!1);
|
15
15
|
return W(() => (e.current = !0, () => {
|