welcome-ui 8.0.0 → 8.0.3
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/AXB53BZF-BOEe01VW.mjs +25 -0
- package/dist/Accordion.mjs +17 -17
- package/dist/Alert.mjs +19 -19
- package/dist/{BYC7LY2E-CVjUW1dr.mjs → BYC7LY2E-B1IDizRs.mjs} +298 -295
- package/dist/Badge.mjs +1 -1
- package/dist/Breadcrumb.mjs +27 -26
- package/dist/Button.mjs +2 -2
- package/dist/Checkbox.mjs +1 -1
- package/dist/{CustomInput-D_13Gd_3.mjs → CustomInput-IA_gVoXd.mjs} +2991 -2859
- package/dist/DatePicker.mjs +4 -4
- package/dist/DateTimePicker.mjs +9 -9
- package/dist/DateTimePickerCommon.mjs +1 -1
- package/dist/Drawer.mjs +7 -7
- package/dist/DropdownMenu.mjs +262 -262
- package/dist/Field.mjs +25 -25
- package/dist/FileDrop.mjs +273 -267
- package/dist/FileUpload.mjs +26 -26
- package/dist/Files.mjs +1 -1
- package/dist/Hint.mjs +1 -1
- package/dist/{ITI7HKP4-BONrZ9Pq.mjs → ITI7HKP4-EL9KXYBU.mjs} +150 -150
- package/dist/Icons.mjs +88 -88
- package/dist/IconsFont.mjs +159 -159
- package/dist/InputText.mjs +1 -1
- package/dist/{JC64G2H7-Dey-8h60.mjs → JC64G2H7-BzklVBKM.mjs} +70 -70
- package/dist/KUU7WJ55-CS4NemC6.mjs +61 -0
- package/dist/{LVA2YJMS-qFC9J-lt.mjs → LVA2YJMS-DDEmK0pp.mjs} +491 -488
- package/dist/Label.mjs +2 -2
- package/dist/Link.mjs +3 -3
- package/dist/MTZPJQMC-CMjAwC0N.mjs +15 -0
- package/dist/Modal.mjs +13 -13
- package/dist/NLEBE274-QOMV1l7e.mjs +84 -0
- package/dist/P2CTZE2T-Cl2w7OLV.mjs +300 -0
- package/dist/P4IRICAX-DezbJY4s.mjs +37 -0
- package/dist/Pagination.mjs +22 -22
- package/dist/Picker.mjs +2 -2
- package/dist/Popover.mjs +2 -2
- package/dist/QYJ6MIDR-Bb0O5xUM.mjs +97 -0
- package/dist/Radio.mjs +18 -18
- package/dist/RadioGroup.mjs +15 -15
- package/dist/RadioTab.mjs +9 -9
- package/dist/{SYRFVSLH-cVmYtx36.mjs → SYRFVSLH-jn06-eLy.mjs} +17 -17
- package/dist/Search.mjs +2 -2
- package/dist/Select.mjs +719 -716
- package/dist/Shape.mjs +1 -1
- package/dist/Slider.mjs +1 -1
- package/dist/Swiper.mjs +284 -278
- package/dist/Tabs.mjs +128 -128
- package/dist/Tag.mjs +16 -16
- package/dist/Text.mjs +1 -1
- package/dist/Textarea.mjs +4 -4
- package/dist/TimePicker.mjs +6 -6
- package/dist/Toast.mjs +69 -69
- package/dist/Toggle.mjs +2 -2
- package/dist/Tooltip.mjs +60 -60
- package/dist/UniversalLink.mjs +8 -8
- package/dist/VEVQD5MH-CuegL0m0.mjs +20 -0
- package/dist/{VGCJ63VH-B39w1tBw.mjs → VGCJ63VH-BMzoZtCu.mjs} +31 -33
- package/dist/VariantIcon.mjs +4 -4
- package/dist/WelcomeLoader.mjs +4862 -9223
- package/dist/X5NMLKT6-CvSCix-_.mjs +25 -0
- package/dist/YV4JVR4I-Bh7B7TET.mjs +344 -0
- package/dist/downshift.esm-D0ns_SQs.mjs +1082 -0
- package/dist/{field-styles-DLIhqG_8.mjs → field-styles-CfVLcVQp.mjs} +1 -1
- package/dist/{index-BDeIsk2X.mjs → index-5PUh49rV.mjs} +56 -56
- package/dist/{index-DEJJvyGk.mjs → index-B0gDDiFm.mjs} +7 -7
- package/dist/{index-CExLVjET.mjs → index-B22SHR8h.mjs} +4 -4
- package/dist/index-BhcLigYU.mjs +77 -0
- package/dist/{index-BJAZgeHL.mjs → index-Bkl89twW.mjs} +4 -4
- package/dist/{index-BYdkhqH4.mjs → index-CBBbX29m.mjs} +3652 -3584
- package/dist/{index-BpRjq7lj.mjs → index-CQD9fgf_.mjs} +3 -3
- package/dist/{index-BRDOakbf.mjs → index-CmsWSKKs.mjs} +5 -5
- package/dist/{index-SbQUT2mU.mjs → index-DgSynio4.mjs} +244 -239
- package/dist/{index-BrfXjmHY.mjs → index-wr_b5GSV.mjs} +6 -6
- package/dist/radio-group-RFyDp0KD.mjs +51 -0
- package/dist/theme.mjs +670 -615
- package/dist/{use-viewport-m3glsbna.mjs → use-viewport-CfklieD-.mjs} +5 -5
- package/dist/utils.mjs +29 -91
- package/package.json +13 -13
- package/dist/AXB53BZF-CGoc4K3d.mjs +0 -25
- package/dist/KUU7WJ55-3sP-w1F1.mjs +0 -61
- package/dist/MTZPJQMC-C0Xe_WK4.mjs +0 -13
- package/dist/NLEBE274-C94QU78N.mjs +0 -84
- package/dist/P2CTZE2T-YPes1GXe.mjs +0 -297
- package/dist/P4IRICAX-DzXqUYe-.mjs +0 -37
- package/dist/QYJ6MIDR-BLLqyXdd.mjs +0 -97
- package/dist/VEVQD5MH-ZMnHV8ZJ.mjs +0 -20
- package/dist/X5NMLKT6-uFSu0Lii.mjs +0 -25
- package/dist/YV4JVR4I-BGfUf3Nu.mjs +0 -341
- package/dist/downshift.esm-CEHW4VDy.mjs +0 -1085
- package/dist/radio-group-CGC6DTFJ.mjs +0 -51
package/dist/DropdownMenu.mjs
CHANGED
|
@@ -2,27 +2,27 @@
|
|
|
2
2
|
import C, { useCallback as $e, useRef as le, createContext as ge, useState as we, useEffect as Me, createRef as Ve, useMemo as Re } from "react";
|
|
3
3
|
import Y, { th as U, css as Be, useTheme as Ke } from "@xstyled/styled-components";
|
|
4
4
|
import { forwardRef as J } from "./System.mjs";
|
|
5
|
-
import { h as ce, j as ze, C as Se, a as xe, u as je } from "./P2CTZE2T-
|
|
6
|
-
import { e as We, f as Ze, c as Ue, d as qe, g as Ge, h as Ye } from "./BYC7LY2E-
|
|
7
|
-
import { c as D, _ as O, i as K, a7 as Je, u as
|
|
8
|
-
import { u as mt, b as
|
|
9
|
-
import { m as
|
|
10
|
-
import { c as Et, u as Ct, a as yt } from "./ITI7HKP4-
|
|
11
|
-
import { i as Pt } from "./VGCJ63VH-
|
|
12
|
-
import { c as Ot, R as At } from "./JC64G2H7-
|
|
13
|
-
import { a as It } from "./VEVQD5MH-
|
|
5
|
+
import { h as ce, j as ze, C as Se, a as xe, u as je } from "./P2CTZE2T-Cl2w7OLV.mjs";
|
|
6
|
+
import { e as We, f as Ze, c as Ue, d as qe, g as Ge, h as Ye } from "./BYC7LY2E-B1IDizRs.mjs";
|
|
7
|
+
import { c as D, _ as O, i as K, a7 as Je, u as se, b as V, a9 as Z, V as Qe, d as y, e as ne, g as b, z as Ee, Z as Xe, $ as et, w as Ce, f as k, h as F, I as ye, R as tt, p as rt, o as nt, ab as ot, v as Pe, A as at, B as G, C as W, D as $, a3 as st, H as ut, x as Oe, E as Ae, t as ue, ac as it, Y as lt, l as ct, ad as Ie, s as dt, ae as ft, af as pt } from "./LVA2YJMS-DDEmK0pp.mjs";
|
|
8
|
+
import { u as mt, b as vt } from "./QYJ6MIDR-Bb0O5xUM.mjs";
|
|
9
|
+
import { m as bt, o as ht, p as gt, t as wt, c as Mt, s as ve, d as be, a as St, b as xt, u as R } from "./YV4JVR4I-Bh7B7TET.mjs";
|
|
10
|
+
import { c as Et, u as Ct, a as yt } from "./ITI7HKP4-EL9KXYBU.mjs";
|
|
11
|
+
import { i as Pt } from "./VGCJ63VH-BMzoZtCu.mjs";
|
|
12
|
+
import { c as Ot, R as At } from "./JC64G2H7-BzklVBKM.mjs";
|
|
13
|
+
import { a as It } from "./VEVQD5MH-CuegL0m0.mjs";
|
|
14
14
|
var Tt = "div";
|
|
15
|
-
function Te(
|
|
16
|
-
const t =
|
|
15
|
+
function Te(r) {
|
|
16
|
+
const t = r.relatedTarget;
|
|
17
17
|
return (t == null ? void 0 : t.nodeType) === Node.ELEMENT_NODE ? t : null;
|
|
18
18
|
}
|
|
19
|
-
function _t(
|
|
20
|
-
const t = Te(
|
|
21
|
-
return t ? Xe(
|
|
19
|
+
function _t(r) {
|
|
20
|
+
const t = Te(r);
|
|
21
|
+
return t ? Xe(r.currentTarget, t) : !1;
|
|
22
22
|
}
|
|
23
23
|
var ie = Symbol("composite-hover");
|
|
24
|
-
function Ht(
|
|
25
|
-
let t = Te(
|
|
24
|
+
function Ht(r) {
|
|
25
|
+
let t = Te(r);
|
|
26
26
|
if (!t) return !1;
|
|
27
27
|
do {
|
|
28
28
|
if (et(t, ie) && t[ie]) return !0;
|
|
@@ -32,11 +32,11 @@ function Ht(n) {
|
|
|
32
32
|
}
|
|
33
33
|
var _e = D(
|
|
34
34
|
function(t) {
|
|
35
|
-
var
|
|
35
|
+
var n = t, {
|
|
36
36
|
store: e,
|
|
37
|
-
focusOnHover:
|
|
38
|
-
blurOnHoverEnd:
|
|
39
|
-
} =
|
|
37
|
+
focusOnHover: a = !0,
|
|
38
|
+
blurOnHoverEnd: u = !!a
|
|
39
|
+
} = n, s = O(n, [
|
|
40
40
|
"store",
|
|
41
41
|
"focusOnHover",
|
|
42
42
|
"blurOnHoverEnd"
|
|
@@ -46,7 +46,7 @@ var _e = D(
|
|
|
46
46
|
e,
|
|
47
47
|
process.env.NODE_ENV !== "production" && "CompositeHover must be wrapped in a Composite component."
|
|
48
48
|
);
|
|
49
|
-
const l = Je(), c =
|
|
49
|
+
const l = Je(), c = s.onMouseMove, i = se(a), w = V((f) => {
|
|
50
50
|
if (c == null || c(f), !f.defaultPrevented && l() && i(f)) {
|
|
51
51
|
if (!Z(f.currentTarget)) {
|
|
52
52
|
const M = e == null ? void 0 : e.getState().baseElement;
|
|
@@ -54,123 +54,123 @@ var _e = D(
|
|
|
54
54
|
}
|
|
55
55
|
e == null || e.setActiveId(f.currentTarget.id);
|
|
56
56
|
}
|
|
57
|
-
}), m =
|
|
57
|
+
}), m = s.onMouseLeave, d = se(u), x = V((f) => {
|
|
58
58
|
var M;
|
|
59
59
|
m == null || m(f), !f.defaultPrevented && l() && (_t(f) || Ht(f) || i(f) && d(f) && (e == null || e.setActiveId(null), (M = e == null ? void 0 : e.getState().baseElement) == null || M.focus()));
|
|
60
60
|
}), p = $e((f) => {
|
|
61
61
|
f && (f[ie] = !0);
|
|
62
62
|
}, []);
|
|
63
|
-
return
|
|
64
|
-
ref:
|
|
63
|
+
return s = y(b({}, s), {
|
|
64
|
+
ref: ne(p, s.ref),
|
|
65
65
|
onMouseMove: w,
|
|
66
66
|
onMouseLeave: x
|
|
67
|
-
}), Ee(
|
|
67
|
+
}), Ee(s);
|
|
68
68
|
}
|
|
69
69
|
);
|
|
70
70
|
Ce(
|
|
71
71
|
k(function(t) {
|
|
72
|
-
const
|
|
73
|
-
return F(Tt,
|
|
72
|
+
const n = _e(t);
|
|
73
|
+
return F(Tt, n);
|
|
74
74
|
})
|
|
75
75
|
);
|
|
76
76
|
var Dt = "hr", He = D(
|
|
77
77
|
function(t) {
|
|
78
|
-
var
|
|
79
|
-
return
|
|
78
|
+
var n = t, { orientation: e = "horizontal" } = n, a = O(n, ["orientation"]);
|
|
79
|
+
return a = b({
|
|
80
80
|
role: "separator",
|
|
81
81
|
"aria-orientation": e
|
|
82
|
-
},
|
|
82
|
+
}, a), a;
|
|
83
83
|
}
|
|
84
84
|
);
|
|
85
85
|
k(function(t) {
|
|
86
|
-
const
|
|
87
|
-
return F(Dt,
|
|
86
|
+
const n = He(t);
|
|
87
|
+
return F(Dt, n);
|
|
88
88
|
});
|
|
89
89
|
var kt = "hr", De = D(function(t) {
|
|
90
|
-
var
|
|
91
|
-
const
|
|
92
|
-
e = e ||
|
|
90
|
+
var n = t, { store: e } = n, a = O(n, ["store"]);
|
|
91
|
+
const u = ce();
|
|
92
|
+
e = e || u, K(
|
|
93
93
|
e,
|
|
94
94
|
process.env.NODE_ENV !== "production" && "CompositeSeparator must be wrapped in a Composite component."
|
|
95
95
|
);
|
|
96
|
-
const
|
|
96
|
+
const s = e.useState(
|
|
97
97
|
(o) => o.orientation === "horizontal" ? "vertical" : "horizontal"
|
|
98
98
|
);
|
|
99
|
-
return
|
|
99
|
+
return a = He(y(b({}, a), { orientation: s })), a;
|
|
100
100
|
});
|
|
101
101
|
k(function(t) {
|
|
102
|
-
const
|
|
103
|
-
return F(kt,
|
|
102
|
+
const n = De(t);
|
|
103
|
+
return F(kt, n);
|
|
104
104
|
});
|
|
105
105
|
var Ft = "div", N = "";
|
|
106
|
-
function
|
|
106
|
+
function ae() {
|
|
107
107
|
N = "";
|
|
108
108
|
}
|
|
109
|
-
function Nt(
|
|
110
|
-
const t =
|
|
111
|
-
return t &&
|
|
109
|
+
function Nt(r) {
|
|
110
|
+
const t = r.target;
|
|
111
|
+
return t && rt(t) ? !1 : r.key === " " && N.length ? !0 : r.key.length === 1 && !r.ctrlKey && !r.altKey && !r.metaKey && /^[\p{Letter}\p{Number}]$/u.test(r.key);
|
|
112
112
|
}
|
|
113
|
-
function Lt(
|
|
114
|
-
if (
|
|
115
|
-
const
|
|
116
|
-
return
|
|
113
|
+
function Lt(r, t) {
|
|
114
|
+
if (nt(r)) return !0;
|
|
115
|
+
const n = r.target;
|
|
116
|
+
return n ? t.some((a) => a.element === n) : !1;
|
|
117
117
|
}
|
|
118
|
-
function $t(
|
|
119
|
-
return
|
|
118
|
+
function $t(r) {
|
|
119
|
+
return r.filter((t) => !t.disabled);
|
|
120
120
|
}
|
|
121
|
-
function
|
|
122
|
-
var
|
|
123
|
-
const e = ((
|
|
121
|
+
function re(r, t) {
|
|
122
|
+
var n;
|
|
123
|
+
const e = ((n = r.element) == null ? void 0 : n.textContent) || r.children || // The composite item object itself doesn't include a value property, but
|
|
124
124
|
// other components like Select do. Since CompositeTypeahead is a generic
|
|
125
125
|
// component that can be used with those as well, we also consider the value
|
|
126
126
|
// property as a fallback for the typeahead text content.
|
|
127
|
-
"value" in
|
|
127
|
+
"value" in r && r.value;
|
|
128
128
|
return e ? ot(e).trim().toLowerCase().startsWith(t.toLowerCase()) : !1;
|
|
129
129
|
}
|
|
130
|
-
function Vt(
|
|
131
|
-
if (!
|
|
132
|
-
const e =
|
|
133
|
-
return !e || !
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
).filter((
|
|
130
|
+
function Vt(r, t, n) {
|
|
131
|
+
if (!n) return r;
|
|
132
|
+
const e = r.find((a) => a.id === n);
|
|
133
|
+
return !e || !re(e, t) || N !== t && re(e, N) ? r : (N = t, ze(
|
|
134
|
+
r.filter((a) => re(a, N)),
|
|
135
|
+
n
|
|
136
|
+
).filter((a) => a.id !== n));
|
|
137
137
|
}
|
|
138
138
|
var de = D(function(t) {
|
|
139
|
-
var
|
|
140
|
-
const
|
|
141
|
-
e = e ||
|
|
139
|
+
var n = t, { store: e, typeahead: a = !0 } = n, u = O(n, ["store", "typeahead"]);
|
|
140
|
+
const s = ce();
|
|
141
|
+
e = e || s, K(
|
|
142
142
|
e,
|
|
143
143
|
process.env.NODE_ENV !== "production" && "CompositeTypeahead must be a Composite component"
|
|
144
144
|
);
|
|
145
|
-
const o =
|
|
146
|
-
if (o == null || o(i), i.defaultPrevented || !
|
|
145
|
+
const o = u.onKeyDownCapture, l = le(0), c = V((i) => {
|
|
146
|
+
if (o == null || o(i), i.defaultPrevented || !a || !e) return;
|
|
147
147
|
if (!Nt(i))
|
|
148
|
-
return
|
|
148
|
+
return ae();
|
|
149
149
|
const { renderedItems: w, items: m, activeId: d, id: x } = e.getState();
|
|
150
150
|
let p = $t(
|
|
151
151
|
m.length > w.length ? m : w
|
|
152
152
|
);
|
|
153
|
-
const f = ye(i.currentTarget), M = `[data-offscreen-id="${x}"]`,
|
|
154
|
-
for (const S of
|
|
153
|
+
const f = ye(i.currentTarget), M = `[data-offscreen-id="${x}"]`, v = f.querySelectorAll(M);
|
|
154
|
+
for (const S of v) {
|
|
155
155
|
const _ = S.ariaDisabled === "true" || "disabled" in S && !!S.disabled;
|
|
156
156
|
p.push({ id: S.id, element: S, disabled: _ });
|
|
157
157
|
}
|
|
158
|
-
if (
|
|
158
|
+
if (v.length && (p = tt(p, (S) => S.element)), !Lt(i, p)) return ae();
|
|
159
159
|
i.preventDefault(), window.clearTimeout(l.current), l.current = window.setTimeout(() => {
|
|
160
160
|
N = "";
|
|
161
161
|
}, 500);
|
|
162
162
|
const A = i.key.toLowerCase();
|
|
163
163
|
N += A, p = Vt(p, A, d);
|
|
164
|
-
const P = p.find((S) =>
|
|
165
|
-
P ? e.move(P.id) :
|
|
164
|
+
const P = p.find((S) => re(S, N));
|
|
165
|
+
P ? e.move(P.id) : ae();
|
|
166
166
|
});
|
|
167
|
-
return
|
|
167
|
+
return u = y(b({}, u), {
|
|
168
168
|
onKeyDownCapture: c
|
|
169
|
-
}), Ee(
|
|
169
|
+
}), Ee(u);
|
|
170
170
|
});
|
|
171
171
|
k(function(t) {
|
|
172
|
-
const
|
|
173
|
-
return F(Ft,
|
|
172
|
+
const n = de(t);
|
|
173
|
+
return F(Ft, n);
|
|
174
174
|
});
|
|
175
175
|
var ke = Pe(
|
|
176
176
|
[xe],
|
|
@@ -186,20 +186,20 @@ var Q = Pe(
|
|
|
186
186
|
ge(
|
|
187
187
|
void 0
|
|
188
188
|
);
|
|
189
|
-
function Wt(
|
|
190
|
-
var t =
|
|
191
|
-
combobox:
|
|
189
|
+
function Wt(r = {}) {
|
|
190
|
+
var t = r, {
|
|
191
|
+
combobox: n,
|
|
192
192
|
parent: e,
|
|
193
|
-
menubar:
|
|
194
|
-
} = t,
|
|
193
|
+
menubar: a
|
|
194
|
+
} = t, u = at(t, [
|
|
195
195
|
"combobox",
|
|
196
196
|
"parent",
|
|
197
197
|
"menubar"
|
|
198
198
|
]);
|
|
199
|
-
const
|
|
200
|
-
|
|
199
|
+
const s = !!a && !e, o = bt(
|
|
200
|
+
u.store,
|
|
201
201
|
gt(e, ["values"]),
|
|
202
|
-
ht(
|
|
202
|
+
ht(n, [
|
|
203
203
|
"arrowElement",
|
|
204
204
|
"anchorElement",
|
|
205
205
|
"contentElement",
|
|
@@ -207,53 +207,53 @@ function Wt(n = {}) {
|
|
|
207
207
|
"disclosureElement"
|
|
208
208
|
])
|
|
209
209
|
);
|
|
210
|
-
wt(
|
|
211
|
-
const l = o.getState(), c = Et(G($({},
|
|
210
|
+
wt(u, o);
|
|
211
|
+
const l = o.getState(), c = Et(G($({}, u), {
|
|
212
212
|
store: o,
|
|
213
213
|
orientation: W(
|
|
214
|
-
|
|
214
|
+
u.orientation,
|
|
215
215
|
l.orientation,
|
|
216
216
|
"vertical"
|
|
217
217
|
)
|
|
218
|
-
})), i = Ue(G($({},
|
|
218
|
+
})), i = Ue(G($({}, u), {
|
|
219
219
|
store: o,
|
|
220
220
|
placement: W(
|
|
221
|
-
|
|
221
|
+
u.placement,
|
|
222
222
|
l.placement,
|
|
223
223
|
"bottom-start"
|
|
224
224
|
),
|
|
225
225
|
timeout: W(
|
|
226
|
-
|
|
226
|
+
u.timeout,
|
|
227
227
|
l.timeout,
|
|
228
|
-
|
|
228
|
+
s ? 0 : 150
|
|
229
229
|
),
|
|
230
|
-
hideTimeout: W(
|
|
230
|
+
hideTimeout: W(u.hideTimeout, l.hideTimeout, 0)
|
|
231
231
|
})), w = G($($({}, c.getState()), i.getState()), {
|
|
232
232
|
initialFocus: W(l.initialFocus, "container"),
|
|
233
233
|
values: W(
|
|
234
|
-
|
|
234
|
+
u.values,
|
|
235
235
|
l.values,
|
|
236
|
-
|
|
236
|
+
u.defaultValues,
|
|
237
237
|
{}
|
|
238
238
|
)
|
|
239
239
|
}), m = Mt(w, c, i, o);
|
|
240
|
-
return
|
|
240
|
+
return ve(
|
|
241
241
|
m,
|
|
242
|
-
() =>
|
|
242
|
+
() => be(m, ["mounted"], (d) => {
|
|
243
243
|
d.mounted || m.setState("activeId", null);
|
|
244
244
|
})
|
|
245
|
-
),
|
|
245
|
+
), ve(
|
|
246
246
|
m,
|
|
247
|
-
() =>
|
|
247
|
+
() => be(e, ["orientation"], (d) => {
|
|
248
248
|
m.setState(
|
|
249
249
|
"placement",
|
|
250
250
|
d.orientation === "vertical" ? "right-start" : "bottom-start"
|
|
251
251
|
);
|
|
252
252
|
})
|
|
253
253
|
), G($($($({}, c), i), m), {
|
|
254
|
-
combobox:
|
|
254
|
+
combobox: n,
|
|
255
255
|
parent: e,
|
|
256
|
-
menubar:
|
|
256
|
+
menubar: a,
|
|
257
257
|
hideAll: () => {
|
|
258
258
|
i.hide(), e == null || e.hideAll();
|
|
259
259
|
},
|
|
@@ -261,7 +261,7 @@ function Wt(n = {}) {
|
|
|
261
261
|
setValues: (d) => m.setState("values", d),
|
|
262
262
|
setValue: (d, x) => {
|
|
263
263
|
d !== "__proto__" && d !== "constructor" && (Array.isArray(d) || m.setState("values", (p) => {
|
|
264
|
-
const f = p[d], M =
|
|
264
|
+
const f = p[d], M = st(x, f);
|
|
265
265
|
return M === f ? p : G($({}, p), {
|
|
266
266
|
[d]: M !== void 0 && M
|
|
267
267
|
});
|
|
@@ -269,51 +269,51 @@ function Wt(n = {}) {
|
|
|
269
269
|
}
|
|
270
270
|
});
|
|
271
271
|
}
|
|
272
|
-
function Zt(
|
|
273
|
-
return
|
|
272
|
+
function Zt(r, t, n) {
|
|
273
|
+
return ut(t, [n.combobox, n.parent, n.menubar]), xt(r, n, "values", "setValues"), Object.assign(
|
|
274
274
|
qe(
|
|
275
|
-
Ct(
|
|
275
|
+
Ct(r, t, n),
|
|
276
276
|
t,
|
|
277
|
-
|
|
277
|
+
n
|
|
278
278
|
),
|
|
279
279
|
{
|
|
280
|
-
combobox:
|
|
281
|
-
parent:
|
|
282
|
-
menubar:
|
|
280
|
+
combobox: n.combobox,
|
|
281
|
+
parent: n.parent,
|
|
282
|
+
menubar: n.menubar
|
|
283
283
|
}
|
|
284
284
|
);
|
|
285
285
|
}
|
|
286
|
-
function Ut(
|
|
287
|
-
const t = fe(),
|
|
288
|
-
|
|
289
|
-
parent:
|
|
290
|
-
menubar:
|
|
291
|
-
combobox:
|
|
286
|
+
function Ut(r = {}) {
|
|
287
|
+
const t = fe(), n = Rt(), e = It();
|
|
288
|
+
r = y(b({}, r), {
|
|
289
|
+
parent: r.parent !== void 0 ? r.parent : t,
|
|
290
|
+
menubar: r.menubar !== void 0 ? r.menubar : n,
|
|
291
|
+
combobox: r.combobox !== void 0 ? r.combobox : e
|
|
292
292
|
});
|
|
293
|
-
const [
|
|
294
|
-
return Zt(
|
|
293
|
+
const [a, u] = St(Wt, r);
|
|
294
|
+
return Zt(a, u, r);
|
|
295
295
|
}
|
|
296
296
|
var qt = "div";
|
|
297
|
-
function Gt(
|
|
298
|
-
var t =
|
|
299
|
-
const [
|
|
297
|
+
function Gt(r) {
|
|
298
|
+
var t = r, { store: n } = t, e = O(t, ["store"]);
|
|
299
|
+
const [a, u] = we(void 0), s = e["aria-label"], o = R(n, "disclosureElement"), l = R(n, "contentElement");
|
|
300
300
|
return Me(() => {
|
|
301
301
|
const c = o;
|
|
302
302
|
if (!c) return;
|
|
303
303
|
const i = l;
|
|
304
304
|
if (!i) return;
|
|
305
|
-
|
|
306
|
-
}, [
|
|
305
|
+
s || i.hasAttribute("aria-label") ? u(void 0) : c.id && u(c.id);
|
|
306
|
+
}, [s, o, l]), a;
|
|
307
307
|
}
|
|
308
308
|
var Fe = D(
|
|
309
309
|
function(t) {
|
|
310
|
-
var
|
|
310
|
+
var n = t, { store: e, alwaysVisible: a, composite: u } = n, s = O(n, ["store", "alwaysVisible", "composite"]);
|
|
311
311
|
const o = oe();
|
|
312
312
|
e = e || o, K(
|
|
313
313
|
e,
|
|
314
314
|
process.env.NODE_ENV !== "production" && "MenuList must receive a `store` prop or be wrapped in a MenuProvider component."
|
|
315
315
|
);
|
|
316
|
-
const l = e.parent, c = e.menubar, i = !!l, w = Oe(
|
|
316
|
+
const l = e.parent, c = e.menubar, i = !!l, w = Oe(s.id), m = s.onKeyDown, d = e.useState(
|
|
317
317
|
(g) => g.placement.split("-")[0]
|
|
318
318
|
), x = e.useState(
|
|
319
319
|
(g) => g.orientation === "both" ? void 0 : g.orientation
|
|
@@ -355,42 +355,42 @@ var Fe = D(
|
|
|
355
355
|
}
|
|
356
356
|
}
|
|
357
357
|
});
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
(g) => /* @__PURE__ */
|
|
358
|
+
s = Ae(
|
|
359
|
+
s,
|
|
360
|
+
(g) => /* @__PURE__ */ ue.jsx(jt, { value: e, children: g }),
|
|
361
361
|
[e]
|
|
362
362
|
);
|
|
363
|
-
const
|
|
364
|
-
|
|
363
|
+
const v = Gt(b({ store: e }, s)), A = e.useState("mounted"), P = Pt(A, s.hidden, a), S = P ? y(b({}, s.style), { display: "none" }) : s.style;
|
|
364
|
+
s = y(b({
|
|
365
365
|
id: w,
|
|
366
|
-
"aria-labelledby":
|
|
366
|
+
"aria-labelledby": v,
|
|
367
367
|
hidden: P
|
|
368
|
-
},
|
|
369
|
-
ref:
|
|
368
|
+
}, s), {
|
|
369
|
+
ref: ne(w ? e.setContentElement : null, s.ref),
|
|
370
370
|
style: S,
|
|
371
371
|
onKeyDown: M
|
|
372
372
|
});
|
|
373
373
|
const _ = !!e.combobox;
|
|
374
|
-
return
|
|
374
|
+
return u = u ?? !_, u && (s = b({
|
|
375
375
|
role: "menu",
|
|
376
376
|
"aria-orientation": x
|
|
377
|
-
},
|
|
377
|
+
}, s)), s = yt(b({ store: e, composite: u }, s)), s = de(b({ store: e, typeahead: !_ }, s)), s;
|
|
378
378
|
}
|
|
379
379
|
);
|
|
380
380
|
k(function(t) {
|
|
381
|
-
const
|
|
382
|
-
return F(qt,
|
|
381
|
+
const n = Fe(t);
|
|
382
|
+
return F(qt, n);
|
|
383
383
|
});
|
|
384
384
|
var Yt = "div", Jt = D(function(t) {
|
|
385
|
-
var
|
|
385
|
+
var n = t, {
|
|
386
386
|
store: e,
|
|
387
|
-
modal:
|
|
388
|
-
portal:
|
|
389
|
-
hideOnEscape:
|
|
387
|
+
modal: a = !1,
|
|
388
|
+
portal: u = !!a,
|
|
389
|
+
hideOnEscape: s = !0,
|
|
390
390
|
autoFocusOnShow: o = !0,
|
|
391
391
|
hideOnHoverOutside: l,
|
|
392
392
|
alwaysVisible: c
|
|
393
|
-
} =
|
|
393
|
+
} = n, i = O(n, [
|
|
394
394
|
"store",
|
|
395
395
|
"modal",
|
|
396
396
|
"portal",
|
|
@@ -405,13 +405,13 @@ var Yt = "div", Jt = D(function(t) {
|
|
|
405
405
|
process.env.NODE_ENV !== "production" && "Menu must receive a `store` prop or be wrapped in a MenuProvider component."
|
|
406
406
|
);
|
|
407
407
|
const m = le(null), d = e.parent, x = e.menubar, p = !!d, f = !!x && !p;
|
|
408
|
-
i = y(
|
|
409
|
-
ref:
|
|
408
|
+
i = y(b({}, i), {
|
|
409
|
+
ref: ne(m, i.ref)
|
|
410
410
|
});
|
|
411
|
-
const M = Fe(
|
|
411
|
+
const M = Fe(b({
|
|
412
412
|
store: e,
|
|
413
413
|
alwaysVisible: c
|
|
414
|
-
}, i)), { "aria-labelledby":
|
|
414
|
+
}, i)), { "aria-labelledby": v } = M;
|
|
415
415
|
i = O(M, ["aria-labelledby"]);
|
|
416
416
|
const [P, S] = we(), _ = e.useState("autoFocusOnShow"), g = e.useState("initialFocus"), z = e.useState("baseElement"), I = e.useState("renderedItems");
|
|
417
417
|
Me(() => {
|
|
@@ -436,7 +436,7 @@ var Yt = "div", Jt = D(function(t) {
|
|
|
436
436
|
H = !0;
|
|
437
437
|
};
|
|
438
438
|
}, [e, _, g, I, z]);
|
|
439
|
-
const L = p ? !1 :
|
|
439
|
+
const L = p ? !1 : a, h = !!o, T = !!P || !!i.initialFocus || !!L, j = R(
|
|
440
440
|
e.combobox || e,
|
|
441
441
|
"contentElement"
|
|
442
442
|
), B = R(
|
|
@@ -448,64 +448,64 @@ var Yt = "div", Jt = D(function(t) {
|
|
|
448
448
|
if (!((E === "menu" || E === "menubar") && H === "menu"))
|
|
449
449
|
return B;
|
|
450
450
|
}, [j, B]);
|
|
451
|
-
return X !== void 0 && (i =
|
|
451
|
+
return X !== void 0 && (i = b({
|
|
452
452
|
preserveTabOrderAnchor: X
|
|
453
|
-
}, i)), i = Ge(y(
|
|
453
|
+
}, i)), i = Ge(y(b({
|
|
454
454
|
store: e,
|
|
455
455
|
alwaysVisible: c,
|
|
456
456
|
initialFocus: P,
|
|
457
457
|
autoFocusOnShow: h ? T && o : _ || !!L
|
|
458
458
|
}, i), {
|
|
459
459
|
hideOnEscape(H) {
|
|
460
|
-
return
|
|
460
|
+
return lt(s, H) ? !1 : (e == null || e.hideAll(), !0);
|
|
461
461
|
},
|
|
462
462
|
hideOnHoverOutside(H) {
|
|
463
463
|
const E = e == null ? void 0 : e.getState().disclosureElement;
|
|
464
|
-
return (typeof l == "function" ? l(H) : l ?? (p ? !0 : f ? E ? !Z(E) : !0 : !1)) ? H.defaultPrevented || !p || !E || (
|
|
464
|
+
return (typeof l == "function" ? l(H) : l ?? (p ? !0 : f ? E ? !Z(E) : !0 : !1)) ? H.defaultPrevented || !p || !E || (it(E, "mouseout", H), !Z(E)) ? !0 : (requestAnimationFrame(() => {
|
|
465
465
|
Z(E) || e == null || e.hide();
|
|
466
466
|
}), !1) : !1;
|
|
467
467
|
},
|
|
468
468
|
modal: L,
|
|
469
|
-
portal:
|
|
469
|
+
portal: u,
|
|
470
470
|
backdrop: p ? !1 : i.backdrop
|
|
471
|
-
})), i =
|
|
472
|
-
"aria-labelledby":
|
|
471
|
+
})), i = b({
|
|
472
|
+
"aria-labelledby": v
|
|
473
473
|
}, i), i;
|
|
474
474
|
}), Qt = Ot(
|
|
475
475
|
k(function(t) {
|
|
476
|
-
const
|
|
477
|
-
return F(Yt,
|
|
476
|
+
const n = Jt(t);
|
|
477
|
+
return F(Yt, n);
|
|
478
478
|
}),
|
|
479
479
|
oe
|
|
480
|
-
), Xt = "div",
|
|
480
|
+
), Xt = "div", er = D(
|
|
481
481
|
function(t) {
|
|
482
|
-
var
|
|
483
|
-
const
|
|
484
|
-
return e = e ||
|
|
482
|
+
var n = t, { store: e } = n, a = O(n, ["store"]);
|
|
483
|
+
const u = fe();
|
|
484
|
+
return e = e || u, mt(b({ store: e }, a));
|
|
485
485
|
}
|
|
486
|
-
),
|
|
487
|
-
const
|
|
488
|
-
return F(Xt,
|
|
489
|
-
}),
|
|
490
|
-
function
|
|
486
|
+
), tr = k(function(t) {
|
|
487
|
+
const n = er(t);
|
|
488
|
+
return F(Xt, n);
|
|
489
|
+
}), rr = "button";
|
|
490
|
+
function nr(r, t) {
|
|
491
491
|
return {
|
|
492
492
|
ArrowDown: t === "bottom" || t === "top" ? "first" : !1,
|
|
493
493
|
ArrowUp: t === "bottom" || t === "top" ? "last" : !1,
|
|
494
494
|
ArrowRight: t === "right" ? "first" : !1,
|
|
495
495
|
ArrowLeft: t === "left" ? "first" : !1
|
|
496
|
-
}[
|
|
496
|
+
}[r.key];
|
|
497
497
|
}
|
|
498
|
-
function he(
|
|
499
|
-
return !!(
|
|
498
|
+
function he(r, t) {
|
|
499
|
+
return !!(r != null && r.some((n) => !n.element || n.element === t ? !1 : n.element.getAttribute("aria-expanded") === "true"));
|
|
500
500
|
}
|
|
501
|
-
var
|
|
501
|
+
var or = D(
|
|
502
502
|
function(t) {
|
|
503
|
-
var
|
|
503
|
+
var n = t, {
|
|
504
504
|
store: e,
|
|
505
|
-
focusable:
|
|
506
|
-
accessibleWhenDisabled:
|
|
507
|
-
showOnHover:
|
|
508
|
-
} =
|
|
505
|
+
focusable: a,
|
|
506
|
+
accessibleWhenDisabled: u,
|
|
507
|
+
showOnHover: s
|
|
508
|
+
} = n, o = O(n, [
|
|
509
509
|
"store",
|
|
510
510
|
"focusable",
|
|
511
511
|
"accessibleWhenDisabled",
|
|
@@ -523,12 +523,12 @@ var on = D(
|
|
|
523
523
|
if (f == null || f(h), x || h.defaultPrevented || (e == null || e.setAutoFocusOnShow(!1), e == null || e.setActiveId(null), !w) || !d) return;
|
|
524
524
|
const { items: T } = w.getState();
|
|
525
525
|
he(T, h.currentTarget) && p();
|
|
526
|
-
}),
|
|
526
|
+
}), v = R(
|
|
527
527
|
e,
|
|
528
528
|
(h) => h.placement.split("-")[0]
|
|
529
529
|
), A = o.onKeyDown, P = V((h) => {
|
|
530
530
|
if (A == null || A(h), x || h.defaultPrevented) return;
|
|
531
|
-
const T =
|
|
531
|
+
const T = nr(h, v);
|
|
532
532
|
T && (h.preventDefault(), p(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(T));
|
|
533
533
|
}), S = o.onClick, _ = V((h) => {
|
|
534
534
|
if (S == null || S(h), h.defaultPrevented || !e) return;
|
|
@@ -537,33 +537,33 @@ var on = D(
|
|
|
537
537
|
});
|
|
538
538
|
o = Ae(
|
|
539
539
|
o,
|
|
540
|
-
(h) => /* @__PURE__ */
|
|
540
|
+
(h) => /* @__PURE__ */ ue.jsx(zt, { value: e, children: h }),
|
|
541
541
|
[e]
|
|
542
|
-
), m && (o = y(
|
|
543
|
-
render: /* @__PURE__ */
|
|
542
|
+
), m && (o = y(b({}, o), {
|
|
543
|
+
render: /* @__PURE__ */ ue.jsx(At.div, { render: o.render })
|
|
544
544
|
}));
|
|
545
545
|
const g = Oe(o.id), z = R(
|
|
546
546
|
(i == null ? void 0 : i.combobox) || i,
|
|
547
547
|
"contentElement"
|
|
548
548
|
), I = m || d ? Ie(z, "menuitem") : void 0, L = e.useState("contentElement");
|
|
549
|
-
return o = y(
|
|
549
|
+
return o = y(b({
|
|
550
550
|
id: g,
|
|
551
551
|
role: I,
|
|
552
552
|
"aria-haspopup": dt(L, "menu")
|
|
553
553
|
}, o), {
|
|
554
|
-
ref:
|
|
554
|
+
ref: ne(c, o.ref),
|
|
555
555
|
onFocus: M,
|
|
556
556
|
onKeyDown: P,
|
|
557
557
|
onClick: _
|
|
558
|
-
}), o = Ye(y(
|
|
558
|
+
}), o = Ye(y(b({
|
|
559
559
|
store: e,
|
|
560
|
-
focusable:
|
|
561
|
-
accessibleWhenDisabled:
|
|
560
|
+
focusable: a,
|
|
561
|
+
accessibleWhenDisabled: u
|
|
562
562
|
}, o), {
|
|
563
563
|
showOnHover: (h) => {
|
|
564
564
|
if (!(() => {
|
|
565
|
-
if (typeof
|
|
566
|
-
if (
|
|
565
|
+
if (typeof s == "function") return s(h);
|
|
566
|
+
if (s != null) return s;
|
|
567
567
|
if (m) return !0;
|
|
568
568
|
if (!w) return !1;
|
|
569
569
|
const { items: X } = w.getState();
|
|
@@ -572,41 +572,41 @@ var on = D(
|
|
|
572
572
|
const B = d ? w : i;
|
|
573
573
|
return B && B.setActiveId(h.currentTarget.id), !0;
|
|
574
574
|
}
|
|
575
|
-
})), o =
|
|
575
|
+
})), o = vt(b({
|
|
576
576
|
store: e,
|
|
577
577
|
toggleOnClick: !m,
|
|
578
|
-
focusable:
|
|
579
|
-
accessibleWhenDisabled:
|
|
580
|
-
}, o)), o = de(
|
|
578
|
+
focusable: a,
|
|
579
|
+
accessibleWhenDisabled: u
|
|
580
|
+
}, o)), o = de(b({
|
|
581
581
|
store: e,
|
|
582
582
|
typeahead: d
|
|
583
583
|
}, o)), o;
|
|
584
584
|
}
|
|
585
|
-
),
|
|
586
|
-
const
|
|
587
|
-
return F(
|
|
588
|
-
}),
|
|
589
|
-
function
|
|
585
|
+
), ar = k(function(t) {
|
|
586
|
+
const n = or(t);
|
|
587
|
+
return F(rr, n);
|
|
588
|
+
}), sr = "div";
|
|
589
|
+
function ur(r, t, n) {
|
|
590
590
|
var e;
|
|
591
|
-
if (!
|
|
592
|
-
if (Z(
|
|
593
|
-
const
|
|
591
|
+
if (!r) return !1;
|
|
592
|
+
if (Z(r)) return !0;
|
|
593
|
+
const a = t == null ? void 0 : t.find((l) => {
|
|
594
594
|
var c;
|
|
595
|
-
return l.element ===
|
|
596
|
-
}),
|
|
597
|
-
if (!
|
|
598
|
-
const o = ye(
|
|
595
|
+
return l.element === n ? !1 : ((c = l.element) == null ? void 0 : c.getAttribute("aria-expanded")) === "true";
|
|
596
|
+
}), u = (e = a == null ? void 0 : a.element) == null ? void 0 : e.getAttribute("aria-controls");
|
|
597
|
+
if (!u) return !1;
|
|
598
|
+
const o = ye(r).getElementById(u);
|
|
599
599
|
return o ? Z(o) ? !0 : !!o.querySelector("[role=menuitem][aria-expanded=true]") : !1;
|
|
600
600
|
}
|
|
601
|
-
var
|
|
601
|
+
var ir = D(
|
|
602
602
|
function(t) {
|
|
603
|
-
var
|
|
603
|
+
var n = t, {
|
|
604
604
|
store: e,
|
|
605
|
-
hideOnClick:
|
|
606
|
-
preventScrollOnKeyDown:
|
|
607
|
-
focusOnHover:
|
|
605
|
+
hideOnClick: a = !0,
|
|
606
|
+
preventScrollOnKeyDown: u = !0,
|
|
607
|
+
focusOnHover: s,
|
|
608
608
|
blurOnHoverEnd: o
|
|
609
|
-
} =
|
|
609
|
+
} = n, l = O(n, [
|
|
610
610
|
"store",
|
|
611
611
|
"hideOnClick",
|
|
612
612
|
"preventScrollOnKeyDown",
|
|
@@ -618,49 +618,49 @@ var ln = D(
|
|
|
618
618
|
e,
|
|
619
619
|
process.env.NODE_ENV !== "production" && "MenuItem must be wrapped in a MenuList, Menu or Menubar component"
|
|
620
620
|
);
|
|
621
|
-
const w = l.onClick, m =
|
|
622
|
-
w == null || w(
|
|
621
|
+
const w = l.onClick, m = se(a), d = "hideAll" in e ? e.hideAll : void 0, x = !!d, p = V((v) => {
|
|
622
|
+
w == null || w(v), !(v.defaultPrevented || ft(v) || pt(v) || !d || v.currentTarget.getAttribute("aria-haspopup") === "menu") && m(v) && d();
|
|
623
623
|
}), f = R(
|
|
624
624
|
e,
|
|
625
|
-
(
|
|
625
|
+
(v) => "contentElement" in v ? v.contentElement : null
|
|
626
626
|
), M = Ie(f, "menuitem");
|
|
627
|
-
return l = y(
|
|
627
|
+
return l = y(b({
|
|
628
628
|
role: M
|
|
629
629
|
}, l), {
|
|
630
630
|
onClick: p
|
|
631
|
-
}), l = je(
|
|
631
|
+
}), l = je(b({
|
|
632
632
|
store: e,
|
|
633
|
-
preventScrollOnKeyDown:
|
|
634
|
-
}, l)), l = _e(y(
|
|
633
|
+
preventScrollOnKeyDown: u
|
|
634
|
+
}, l)), l = _e(y(b({
|
|
635
635
|
store: e
|
|
636
636
|
}, l), {
|
|
637
|
-
focusOnHover(
|
|
638
|
-
const A = () => typeof
|
|
637
|
+
focusOnHover(v) {
|
|
638
|
+
const A = () => typeof s == "function" ? s(v) : s ?? !0;
|
|
639
639
|
if (!e || !A()) return !1;
|
|
640
640
|
const { baseElement: P, items: S } = e.getState();
|
|
641
|
-
return x ? (
|
|
641
|
+
return x ? (v.currentTarget.hasAttribute("aria-expanded") && v.currentTarget.focus(), !0) : ur(P, S, v.currentTarget) ? (v.currentTarget.focus(), !0) : !1;
|
|
642
642
|
},
|
|
643
|
-
blurOnHoverEnd(
|
|
644
|
-
return typeof o == "function" ? o(
|
|
643
|
+
blurOnHoverEnd(v) {
|
|
644
|
+
return typeof o == "function" ? o(v) : o ?? x;
|
|
645
645
|
}
|
|
646
646
|
})), l;
|
|
647
647
|
}
|
|
648
|
-
),
|
|
648
|
+
), lr = Ce(
|
|
649
649
|
k(function(t) {
|
|
650
|
-
const
|
|
651
|
-
return F(
|
|
650
|
+
const n = ir(t);
|
|
651
|
+
return F(sr, n);
|
|
652
652
|
})
|
|
653
|
-
),
|
|
653
|
+
), cr = "hr", dr = D(
|
|
654
654
|
function(t) {
|
|
655
|
-
var
|
|
656
|
-
const
|
|
657
|
-
return e = e ||
|
|
655
|
+
var n = t, { store: e } = n, a = O(n, ["store"]);
|
|
656
|
+
const u = fe();
|
|
657
|
+
return e = e || u, a = De(b({ store: e }, a)), a;
|
|
658
658
|
}
|
|
659
|
-
),
|
|
660
|
-
const
|
|
661
|
-
return F(
|
|
659
|
+
), fr = k(function(t) {
|
|
660
|
+
const n = dr(t);
|
|
661
|
+
return F(cr, n);
|
|
662
662
|
});
|
|
663
|
-
const
|
|
663
|
+
const pr = Y.divBox`
|
|
664
664
|
display: flex;
|
|
665
665
|
z-index: 2;
|
|
666
666
|
color: ${U("defaultCards.backgroundColor")};
|
|
@@ -669,21 +669,21 @@ const mn = Y.divBox`
|
|
|
669
669
|
#stroke {
|
|
670
670
|
color: ${U("defaultCards.borderColor")};
|
|
671
671
|
}
|
|
672
|
-
`,
|
|
673
|
-
({ $transform:
|
|
674
|
-
transform: ${
|
|
672
|
+
`, mr = Y.svgBox(
|
|
673
|
+
({ $transform: r }) => Be`
|
|
674
|
+
transform: ${r};
|
|
675
675
|
`
|
|
676
|
-
),
|
|
676
|
+
), vr = {
|
|
677
677
|
top: "rotateZ(180deg)",
|
|
678
678
|
right: "rotateZ(-90deg)",
|
|
679
679
|
bottom: "rotateZ(360deg)",
|
|
680
680
|
left: "rotateZ(90deg)"
|
|
681
|
-
}, Ne = J(({ store:
|
|
682
|
-
const
|
|
683
|
-
return /* @__PURE__ */ C.createElement(
|
|
684
|
-
|
|
681
|
+
}, Ne = J(({ store: r }, t) => {
|
|
682
|
+
const n = r == null ? void 0 : r.useState("currentPlacement"), [e] = n.split("-");
|
|
683
|
+
return /* @__PURE__ */ C.createElement(tr, { ref: t, render: /* @__PURE__ */ C.createElement(pr, null) }, /* @__PURE__ */ C.createElement(
|
|
684
|
+
mr,
|
|
685
685
|
{
|
|
686
|
-
$transform:
|
|
686
|
+
$transform: vr[e],
|
|
687
687
|
h: 30,
|
|
688
688
|
viewBox: "0 0 30 30",
|
|
689
689
|
w: 30,
|
|
@@ -694,7 +694,7 @@ const mn = Y.divBox`
|
|
|
694
694
|
));
|
|
695
695
|
});
|
|
696
696
|
Ne.displayName = "Arrow";
|
|
697
|
-
const
|
|
697
|
+
const br = Y.buttonBox`
|
|
698
698
|
${U("dropdownMenu.item")};
|
|
699
699
|
display: flex;
|
|
700
700
|
align-items: center;
|
|
@@ -709,14 +709,14 @@ const hn = Y.buttonBox`
|
|
|
709
709
|
&:focus {
|
|
710
710
|
outline: none !important; /* important for firefox */
|
|
711
711
|
}
|
|
712
|
-
`, Le = J(({ as:
|
|
712
|
+
`, Le = J(({ as: r, ...t }, n) => /* @__PURE__ */ C.createElement(lr, { ref: n, type: "button", ...t, render: /* @__PURE__ */ C.createElement(br, { as: r }) }));
|
|
713
713
|
Le.displayName = "Item";
|
|
714
|
-
const
|
|
714
|
+
const hr = Y.hr`
|
|
715
715
|
${U("dropdownMenu.separator")};
|
|
716
716
|
border: 0;
|
|
717
717
|
height: 1px;
|
|
718
718
|
margin: 0;
|
|
719
|
-
`,
|
|
719
|
+
`, gr = J((r, t) => /* @__PURE__ */ C.createElement(fr, { ref: t, render: /* @__PURE__ */ C.createElement(hr, null), ...r })), wr = Y.divBox`
|
|
720
720
|
${U("cards.default")};
|
|
721
721
|
${U("dropdownMenu.inner")};
|
|
722
722
|
z-index: 1;
|
|
@@ -726,47 +726,47 @@ const gn = Y.hr`
|
|
|
726
726
|
&[data-enter] {
|
|
727
727
|
opacity: 1;
|
|
728
728
|
}
|
|
729
|
-
`,
|
|
730
|
-
({ children:
|
|
731
|
-
const o = Ke(), l =
|
|
732
|
-
let c =
|
|
733
|
-
return typeof c == "string" && (c = parseInt(o.toPx(parseFloat(o.space[
|
|
729
|
+
`, Mr = J(
|
|
730
|
+
({ children: r, dataTestId: t, gutter: n = "xs", innerProps: e = {}, store: a, ...u }, s) => {
|
|
731
|
+
const o = Ke(), l = a.useState("arrowElement");
|
|
732
|
+
let c = n;
|
|
733
|
+
return typeof c == "string" && (c = parseInt(o.toPx(parseFloat(o.space[n])), 10) || 0), l && (c = 0), /* @__PURE__ */ C.createElement(
|
|
734
734
|
Qt,
|
|
735
735
|
{
|
|
736
736
|
"aria-label": "dropdown-menu",
|
|
737
737
|
"data-testid": t,
|
|
738
738
|
gutter: c,
|
|
739
|
-
ref:
|
|
740
|
-
render: /* @__PURE__ */ C.createElement(
|
|
741
|
-
store:
|
|
739
|
+
ref: s,
|
|
740
|
+
render: /* @__PURE__ */ C.createElement(wr, { ...e }),
|
|
741
|
+
store: a,
|
|
742
742
|
tabIndex: 0,
|
|
743
|
-
...
|
|
743
|
+
...u
|
|
744
744
|
},
|
|
745
|
-
|
|
745
|
+
r
|
|
746
746
|
);
|
|
747
747
|
}
|
|
748
748
|
);
|
|
749
|
-
function
|
|
749
|
+
function kr(r = {}) {
|
|
750
750
|
return Ut({
|
|
751
751
|
animated: !0,
|
|
752
|
-
...
|
|
752
|
+
...r
|
|
753
753
|
});
|
|
754
754
|
}
|
|
755
|
-
const
|
|
756
|
-
|
|
755
|
+
const Sr = J(({ as: r, store: t, ...n }, e) => /* @__PURE__ */ C.createElement(
|
|
756
|
+
ar,
|
|
757
757
|
{
|
|
758
758
|
ref: e,
|
|
759
|
-
render:
|
|
759
|
+
render: r ? (a) => /* @__PURE__ */ C.createElement(r, { ...a }) : void 0,
|
|
760
760
|
store: t,
|
|
761
|
-
...
|
|
761
|
+
...n
|
|
762
762
|
}
|
|
763
|
-
)),
|
|
764
|
-
Trigger:
|
|
763
|
+
)), Fr = Object.assign(Mr, {
|
|
764
|
+
Trigger: Sr,
|
|
765
765
|
Item: Le,
|
|
766
|
-
Separator:
|
|
766
|
+
Separator: gr,
|
|
767
767
|
Arrow: Ne
|
|
768
768
|
});
|
|
769
769
|
export {
|
|
770
|
-
|
|
771
|
-
|
|
770
|
+
Fr as DropdownMenu,
|
|
771
|
+
kr as useDropdownMenu
|
|
772
772
|
};
|