@cfx-dev/ui-components 4.3.14 → 4.3.17
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/{DropdownContent-Robn2rha.js → DropdownContent-BertjH0y.js} +128 -124
- package/dist/assets/css/DropdownContent.css +1 -1
- package/dist/assets/css/Select.css +1 -1
- package/dist/components/DropdownContent/DropdownContent.d.ts +6 -2
- package/dist/components/DropdownContent/DropdownContent.js +1 -1
- package/dist/components/DropdownContent/index.js +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +1 -1
- package/dist/components/DropdownSelect/DropdownSelect.d.ts +2 -2
- package/dist/components/DropdownSelect/DropdownSelect.js +56 -55
- package/dist/components/DropdownSelect/DropdownSelectShowcase.js +14 -14
- package/dist/components/Text/Text.js +54 -41
- package/dist/components/Text/Text.types.d.ts +2 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +178 -176
- package/dist/utils/joaat32.d.ts +1 -0
- package/dist/utils/joaat32.js +11 -0
- package/package.json +1 -1
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import * as a from "react";
|
|
3
3
|
import gn from "react";
|
|
4
|
-
import { c as
|
|
5
|
-
import { c as
|
|
6
|
-
import { u as le, a as
|
|
7
|
-
import { P as
|
|
8
|
-
import { clsx as
|
|
4
|
+
import { c as _e, P as N, e as w, u as z, d as xe, g as vn, b as Mn, h as ye } from "./index-DCuJlMqr.js";
|
|
5
|
+
import { c as Pe, u as Te } from "./index-BMU9X4M-.js";
|
|
6
|
+
import { u as le, a as we, c as Ae, h as hn, b as Cn, R as Rn, F as In, D as bn, C as Dn, d as En, A as Sn, e as xn } from "./Combination-2dfXEDc9.js";
|
|
7
|
+
import { P as ge } from "./index-DWzyrn_L.js";
|
|
8
|
+
import { clsx as fe } from "./utils/clsx.js";
|
|
9
9
|
import { ui as Ne } from "./utils/ui/ui.js";
|
|
10
|
-
var de = "rovingFocusGroup.onEntryFocus", yn = { bubbles: !1, cancelable: !0 },
|
|
11
|
-
|
|
10
|
+
var de = "rovingFocusGroup.onEntryFocus", yn = { bubbles: !1, cancelable: !0 }, Z = "RovingFocusGroup", [pe, Oe, Pn] = Pe(Z), [Tn, Fe] = _e(
|
|
11
|
+
Z,
|
|
12
12
|
[Pn]
|
|
13
|
-
), [An, Nn] = Tn(
|
|
14
|
-
(e, o) => /* @__PURE__ */ s(
|
|
13
|
+
), [An, Nn] = Tn(Z), ke = a.forwardRef(
|
|
14
|
+
(e, o) => /* @__PURE__ */ s(pe.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ s(pe.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ s(On, { ...e, ref: o }) }) })
|
|
15
15
|
);
|
|
16
|
-
ke.displayName =
|
|
16
|
+
ke.displayName = Z;
|
|
17
17
|
var On = a.forwardRef((e, o) => {
|
|
18
18
|
const {
|
|
19
19
|
__scopeRovingFocusGroup: n,
|
|
@@ -26,12 +26,12 @@ var On = a.forwardRef((e, o) => {
|
|
|
26
26
|
onEntryFocus: m,
|
|
27
27
|
preventScrollOnEntryFocus: d = !1,
|
|
28
28
|
...i
|
|
29
|
-
} = e, f = a.useRef(null), v = z(o, f), g =
|
|
29
|
+
} = e, f = a.useRef(null), v = z(o, f), g = Te(c), [b, M] = xe({
|
|
30
30
|
prop: u,
|
|
31
31
|
defaultProp: l ?? null,
|
|
32
32
|
onChange: _,
|
|
33
|
-
caller:
|
|
34
|
-
}), [R, T] = a.useState(!1), h =
|
|
33
|
+
caller: Z
|
|
34
|
+
}), [R, T] = a.useState(!1), h = we(m), S = Oe(n), $ = a.useRef(!1), [Q, O] = a.useState(0);
|
|
35
35
|
return a.useEffect(() => {
|
|
36
36
|
const C = f.current;
|
|
37
37
|
if (C)
|
|
@@ -43,7 +43,7 @@ var On = a.forwardRef((e, o) => {
|
|
|
43
43
|
orientation: t,
|
|
44
44
|
dir: g,
|
|
45
45
|
loop: r,
|
|
46
|
-
currentTabStopId:
|
|
46
|
+
currentTabStopId: b,
|
|
47
47
|
onItemFocus: a.useCallback(
|
|
48
48
|
(C) => M(C),
|
|
49
49
|
[M]
|
|
@@ -60,7 +60,7 @@ var On = a.forwardRef((e, o) => {
|
|
|
60
60
|
children: /* @__PURE__ */ s(
|
|
61
61
|
N.div,
|
|
62
62
|
{
|
|
63
|
-
tabIndex: R ||
|
|
63
|
+
tabIndex: R || Q === 0 ? -1 : 0,
|
|
64
64
|
"data-orientation": t,
|
|
65
65
|
...i,
|
|
66
66
|
ref: v,
|
|
@@ -73,7 +73,7 @@ var On = a.forwardRef((e, o) => {
|
|
|
73
73
|
if (C.target === C.currentTarget && G && !R) {
|
|
74
74
|
const F = new CustomEvent(de, yn);
|
|
75
75
|
if (C.currentTarget.dispatchEvent(F), !F.defaultPrevented) {
|
|
76
|
-
const B = S().filter((y) => y.focusable), V = B.find((y) => y.active),
|
|
76
|
+
const B = S().filter((y) => y.focusable), V = B.find((y) => y.active), ee = B.find((y) => y.id === b), se = [V, ee, ...B].filter(
|
|
77
77
|
Boolean
|
|
78
78
|
).map((y) => y.ref.current);
|
|
79
79
|
Ke(se, d);
|
|
@@ -95,12 +95,12 @@ var On = a.forwardRef((e, o) => {
|
|
|
95
95
|
tabStopId: c,
|
|
96
96
|
children: u,
|
|
97
97
|
...l
|
|
98
|
-
} = e, _ = le(), m = c || _, d = Nn(Ge, n), i = d.currentTabStopId === m, f = Oe(n), { onFocusableItemAdd: v, onFocusableItemRemove: g, currentTabStopId:
|
|
98
|
+
} = e, _ = le(), m = c || _, d = Nn(Ge, n), i = d.currentTabStopId === m, f = Oe(n), { onFocusableItemAdd: v, onFocusableItemRemove: g, currentTabStopId: b } = d;
|
|
99
99
|
return a.useEffect(() => {
|
|
100
100
|
if (t)
|
|
101
101
|
return v(), () => g();
|
|
102
102
|
}, [t, v, g]), /* @__PURE__ */ s(
|
|
103
|
-
|
|
103
|
+
pe.ItemSlot,
|
|
104
104
|
{
|
|
105
105
|
scope: n,
|
|
106
106
|
id: m,
|
|
@@ -137,7 +137,7 @@ var On = a.forwardRef((e, o) => {
|
|
|
137
137
|
setTimeout(() => Ke(h));
|
|
138
138
|
}
|
|
139
139
|
}),
|
|
140
|
-
children: typeof u == "function" ? u({ isCurrentTabStop: i, hasTabStop:
|
|
140
|
+
children: typeof u == "function" ? u({ isCurrentTabStop: i, hasTabStop: b != null }) : u
|
|
141
141
|
}
|
|
142
142
|
)
|
|
143
143
|
}
|
|
@@ -171,18 +171,18 @@ function Ke(e, o = !1) {
|
|
|
171
171
|
function Ln(e, o) {
|
|
172
172
|
return e.map((n, t) => e[(o + t) % e.length]);
|
|
173
173
|
}
|
|
174
|
-
var Kn = ke, zn = Le,
|
|
175
|
-
ltr: [...
|
|
176
|
-
rtl: [...
|
|
174
|
+
var Kn = ke, zn = Le, me = ["Enter", " "], Un = ["ArrowDown", "PageUp", "Home"], ze = ["ArrowUp", "PageDown", "End"], $n = [...Un, ...ze], Bn = {
|
|
175
|
+
ltr: [...me, "ArrowRight"],
|
|
176
|
+
rtl: [...me, "ArrowLeft"]
|
|
177
177
|
}, Vn = {
|
|
178
178
|
ltr: ["ArrowLeft"],
|
|
179
179
|
rtl: ["ArrowRight"]
|
|
180
|
-
},
|
|
180
|
+
}, q = "Menu", [H, Wn, Yn] = Pe(q), [k, Ue] = _e(q, [
|
|
181
181
|
Yn,
|
|
182
|
-
|
|
182
|
+
Ae,
|
|
183
183
|
Fe
|
|
184
|
-
]), re =
|
|
185
|
-
const { __scopeMenu: o, open: n = !1, children: t, dir: r, onOpenChange: c, modal: u = !0 } = e, l = re(o), [_, m] = a.useState(null), d = a.useRef(!1), i =
|
|
184
|
+
]), re = Ae(), $e = Fe(), [Xn, U] = k(q), [Hn, J] = k(q), Be = (e) => {
|
|
185
|
+
const { __scopeMenu: o, open: n = !1, children: t, dir: r, onOpenChange: c, modal: u = !0 } = e, l = re(o), [_, m] = a.useState(null), d = a.useRef(!1), i = we(c), f = Te(r);
|
|
186
186
|
return a.useEffect(() => {
|
|
187
187
|
const v = () => {
|
|
188
188
|
d.current = !0, document.addEventListener("pointerdown", g, { capture: !0, once: !0 }), document.addEventListener("pointermove", g, { capture: !0, once: !0 });
|
|
@@ -212,20 +212,20 @@ var Kn = ke, zn = Le, pe = ["Enter", " "], Un = ["ArrowDown", "PageUp", "Home"],
|
|
|
212
212
|
}
|
|
213
213
|
) });
|
|
214
214
|
};
|
|
215
|
-
Be.displayName =
|
|
216
|
-
var jn = "MenuAnchor",
|
|
215
|
+
Be.displayName = q;
|
|
216
|
+
var jn = "MenuAnchor", ve = a.forwardRef(
|
|
217
217
|
(e, o) => {
|
|
218
218
|
const { __scopeMenu: n, ...t } = e, r = re(n);
|
|
219
219
|
return /* @__PURE__ */ s(Sn, { ...r, ...t, ref: o });
|
|
220
220
|
}
|
|
221
221
|
);
|
|
222
|
-
|
|
223
|
-
var Zn = "MenuPortal", [
|
|
222
|
+
ve.displayName = jn;
|
|
223
|
+
var Zn = "MenuPortal", [vt, Ve] = k(Zn, {
|
|
224
224
|
forceMount: void 0
|
|
225
|
-
}), E = "MenuContent", [qn,
|
|
225
|
+
}), E = "MenuContent", [qn, Me] = k(E), We = a.forwardRef(
|
|
226
226
|
(e, o) => {
|
|
227
|
-
const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), u =
|
|
228
|
-
return /* @__PURE__ */ s(
|
|
227
|
+
const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), u = J(E, e.__scopeMenu);
|
|
228
|
+
return /* @__PURE__ */ s(H.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: t || c.open, children: /* @__PURE__ */ s(H.Slot, { scope: e.__scopeMenu, children: u.modal ? /* @__PURE__ */ s(Jn, { ...r, ref: o }) : /* @__PURE__ */ s(Qn, { ...r, ref: o }) }) }) });
|
|
229
229
|
}
|
|
230
230
|
), Jn = a.forwardRef(
|
|
231
231
|
(e, o) => {
|
|
@@ -234,7 +234,7 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
|
|
|
234
234
|
const c = t.current;
|
|
235
235
|
if (c) return hn(c);
|
|
236
236
|
}, []), /* @__PURE__ */ s(
|
|
237
|
-
|
|
237
|
+
he,
|
|
238
238
|
{
|
|
239
239
|
...e,
|
|
240
240
|
ref: r,
|
|
@@ -253,7 +253,7 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
|
|
|
253
253
|
), Qn = a.forwardRef((e, o) => {
|
|
254
254
|
const n = U(E, e.__scopeMenu);
|
|
255
255
|
return /* @__PURE__ */ s(
|
|
256
|
-
|
|
256
|
+
he,
|
|
257
257
|
{
|
|
258
258
|
...e,
|
|
259
259
|
ref: o,
|
|
@@ -263,7 +263,7 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
|
|
|
263
263
|
onDismiss: () => n.onOpenChange(!1)
|
|
264
264
|
}
|
|
265
265
|
);
|
|
266
|
-
}), eo = Mn("MenuContent.ScrollLock"),
|
|
266
|
+
}), eo = Mn("MenuContent.ScrollLock"), he = a.forwardRef(
|
|
267
267
|
(e, o) => {
|
|
268
268
|
const {
|
|
269
269
|
__scopeMenu: n,
|
|
@@ -279,18 +279,18 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
|
|
|
279
279
|
onInteractOutside: f,
|
|
280
280
|
onDismiss: v,
|
|
281
281
|
disableOutsideScroll: g,
|
|
282
|
-
...
|
|
283
|
-
} = e, M = U(E, n), R =
|
|
282
|
+
...b
|
|
283
|
+
} = e, M = U(E, n), R = J(E, n), T = re(n), h = $e(n), S = Wn(n), [$, Q] = a.useState(null), O = a.useRef(null), C = z(o, O, M.onContentChange), G = a.useRef(0), F = a.useRef(""), B = a.useRef(0), V = a.useRef(null), ee = a.useRef("right"), ne = a.useRef(0), se = g ? Rn : a.Fragment, y = g ? { as: eo, allowPinchZoom: !0 } : void 0, wn = (p) => {
|
|
284
284
|
var K, De;
|
|
285
|
-
const
|
|
286
|
-
(function P(
|
|
287
|
-
F.current =
|
|
288
|
-
})(
|
|
285
|
+
const D = F.current + p, x = S().filter((P) => !P.disabled), A = document.activeElement, ie = (K = x.find((P) => P.ref.current === A)) == null ? void 0 : K.textValue, ue = x.map((P) => P.textValue), be = po(ue, D, ie), W = (De = x.find((P) => P.textValue === be)) == null ? void 0 : De.ref.current;
|
|
286
|
+
(function P(Ee) {
|
|
287
|
+
F.current = Ee, window.clearTimeout(G.current), Ee !== "" && (G.current = window.setTimeout(() => P(""), 1e3));
|
|
288
|
+
})(D), W && setTimeout(() => W.focus());
|
|
289
289
|
};
|
|
290
290
|
a.useEffect(() => () => window.clearTimeout(G.current), []), Cn();
|
|
291
291
|
const L = a.useCallback((p) => {
|
|
292
292
|
var x, A;
|
|
293
|
-
return
|
|
293
|
+
return ee.current === ((x = V.current) == null ? void 0 : x.side) && _o(p, (A = V.current) == null ? void 0 : A.area);
|
|
294
294
|
}, []);
|
|
295
295
|
return /* @__PURE__ */ s(
|
|
296
296
|
qn,
|
|
@@ -305,8 +305,8 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
|
|
|
305
305
|
),
|
|
306
306
|
onItemLeave: a.useCallback(
|
|
307
307
|
(p) => {
|
|
308
|
-
var
|
|
309
|
-
L(p) || ((
|
|
308
|
+
var D;
|
|
309
|
+
L(p) || ((D = O.current) == null || D.focus(), Q(null));
|
|
310
310
|
},
|
|
311
311
|
[L]
|
|
312
312
|
),
|
|
@@ -326,12 +326,12 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
|
|
|
326
326
|
asChild: !0,
|
|
327
327
|
trapped: r,
|
|
328
328
|
onMountAutoFocus: w(c, (p) => {
|
|
329
|
-
var
|
|
330
|
-
p.preventDefault(), (
|
|
329
|
+
var D;
|
|
330
|
+
p.preventDefault(), (D = O.current) == null || D.focus({ preventScroll: !0 });
|
|
331
331
|
}),
|
|
332
332
|
onUnmountAutoFocus: u,
|
|
333
333
|
children: /* @__PURE__ */ s(
|
|
334
|
-
|
|
334
|
+
bn,
|
|
335
335
|
{
|
|
336
336
|
asChild: !0,
|
|
337
337
|
disableOutsidePointerEvents: l,
|
|
@@ -349,13 +349,13 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
|
|
|
349
349
|
orientation: "vertical",
|
|
350
350
|
loop: t,
|
|
351
351
|
currentTabStopId: $,
|
|
352
|
-
onCurrentTabStopIdChange:
|
|
352
|
+
onCurrentTabStopIdChange: Q,
|
|
353
353
|
onEntryFocus: w(_, (p) => {
|
|
354
354
|
R.isUsingKeyboardRef.current || p.preventDefault();
|
|
355
355
|
}),
|
|
356
356
|
preventScrollOnEntryFocus: !0,
|
|
357
357
|
children: /* @__PURE__ */ s(
|
|
358
|
-
|
|
358
|
+
Dn,
|
|
359
359
|
{
|
|
360
360
|
role: "menu",
|
|
361
361
|
"aria-orientation": "vertical",
|
|
@@ -363,10 +363,10 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
|
|
|
363
363
|
"data-radix-menu-content": "",
|
|
364
364
|
dir: R.dir,
|
|
365
365
|
...T,
|
|
366
|
-
...
|
|
366
|
+
...b,
|
|
367
367
|
ref: C,
|
|
368
|
-
style: { outline: "none", ...
|
|
369
|
-
onKeyDown: w(
|
|
368
|
+
style: { outline: "none", ...b.style },
|
|
369
|
+
onKeyDown: w(b.onKeyDown, (p) => {
|
|
370
370
|
const x = p.target.closest("[data-radix-menu-content]") === p.currentTarget, A = p.ctrlKey || p.altKey || p.metaKey, ie = p.key.length === 1;
|
|
371
371
|
x && (p.key === "Tab" && p.preventDefault(), !A && ie && wn(p.key));
|
|
372
372
|
const ue = O.current;
|
|
@@ -380,11 +380,11 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
|
|
|
380
380
|
}),
|
|
381
381
|
onPointerMove: w(
|
|
382
382
|
e.onPointerMove,
|
|
383
|
-
|
|
384
|
-
const
|
|
385
|
-
if (p.currentTarget.contains(
|
|
386
|
-
const A = p.clientX >
|
|
387
|
-
|
|
383
|
+
j((p) => {
|
|
384
|
+
const D = p.target, x = ne.current !== p.clientX;
|
|
385
|
+
if (p.currentTarget.contains(D) && x) {
|
|
386
|
+
const A = p.clientX > ne.current ? "right" : "left";
|
|
387
|
+
ee.current = A, ne.current = p.clientX;
|
|
388
388
|
}
|
|
389
389
|
})
|
|
390
390
|
)
|
|
@@ -401,13 +401,13 @@ var Zn = "MenuPortal", [gt, Ve] = k(Zn, {
|
|
|
401
401
|
}
|
|
402
402
|
);
|
|
403
403
|
We.displayName = E;
|
|
404
|
-
var no = "MenuGroup",
|
|
404
|
+
var no = "MenuGroup", Ce = a.forwardRef(
|
|
405
405
|
(e, o) => {
|
|
406
406
|
const { __scopeMenu: n, ...t } = e;
|
|
407
407
|
return /* @__PURE__ */ s(N.div, { role: "group", ...t, ref: o });
|
|
408
408
|
}
|
|
409
409
|
);
|
|
410
|
-
|
|
410
|
+
Ce.displayName = no;
|
|
411
411
|
var oo = "MenuLabel", Ye = a.forwardRef(
|
|
412
412
|
(e, o) => {
|
|
413
413
|
const { __scopeMenu: n, ...t } = e;
|
|
@@ -415,13 +415,13 @@ var oo = "MenuLabel", Ye = a.forwardRef(
|
|
|
415
415
|
}
|
|
416
416
|
);
|
|
417
417
|
Ye.displayName = oo;
|
|
418
|
-
var
|
|
418
|
+
var oe = "MenuItem", Se = "menu.itemSelect", ae = a.forwardRef(
|
|
419
419
|
(e, o) => {
|
|
420
|
-
const { disabled: n = !1, onSelect: t, ...r } = e, c = a.useRef(null), u =
|
|
420
|
+
const { disabled: n = !1, onSelect: t, ...r } = e, c = a.useRef(null), u = J(oe, e.__scopeMenu), l = Me(oe, e.__scopeMenu), _ = z(o, c), m = a.useRef(!1), d = () => {
|
|
421
421
|
const i = c.current;
|
|
422
422
|
if (!n && i) {
|
|
423
|
-
const f = new CustomEvent(
|
|
424
|
-
i.addEventListener(
|
|
423
|
+
const f = new CustomEvent(Se, { bubbles: !0, cancelable: !0 });
|
|
424
|
+
i.addEventListener(Se, (v) => t == null ? void 0 : t(v), { once: !0 }), vn(i, f), f.defaultPrevented ? m.current = !1 : u.onClose();
|
|
425
425
|
}
|
|
426
426
|
};
|
|
427
427
|
return /* @__PURE__ */ s(
|
|
@@ -441,21 +441,21 @@ var ne = "MenuItem", Ee = "menu.itemSelect", ae = a.forwardRef(
|
|
|
441
441
|
}),
|
|
442
442
|
onKeyDown: w(e.onKeyDown, (i) => {
|
|
443
443
|
const f = l.searchRef.current !== "";
|
|
444
|
-
n || f && i.key === " " ||
|
|
444
|
+
n || f && i.key === " " || me.includes(i.key) && (i.currentTarget.click(), i.preventDefault());
|
|
445
445
|
})
|
|
446
446
|
}
|
|
447
447
|
);
|
|
448
448
|
}
|
|
449
449
|
);
|
|
450
|
-
ae.displayName =
|
|
450
|
+
ae.displayName = oe;
|
|
451
451
|
var Xe = a.forwardRef(
|
|
452
452
|
(e, o) => {
|
|
453
|
-
const { __scopeMenu: n, disabled: t = !1, textValue: r, ...c } = e, u =
|
|
453
|
+
const { __scopeMenu: n, disabled: t = !1, textValue: r, ...c } = e, u = Me(oe, n), l = $e(n), _ = a.useRef(null), m = z(o, _), [d, i] = a.useState(!1), [f, v] = a.useState("");
|
|
454
454
|
return a.useEffect(() => {
|
|
455
455
|
const g = _.current;
|
|
456
456
|
g && v((g.textContent ?? "").trim());
|
|
457
457
|
}, [c.children]), /* @__PURE__ */ s(
|
|
458
|
-
|
|
458
|
+
H.ItemSlot,
|
|
459
459
|
{
|
|
460
460
|
scope: n,
|
|
461
461
|
disabled: t,
|
|
@@ -471,13 +471,13 @@ var Xe = a.forwardRef(
|
|
|
471
471
|
ref: m,
|
|
472
472
|
onPointerMove: w(
|
|
473
473
|
e.onPointerMove,
|
|
474
|
-
|
|
474
|
+
j((g) => {
|
|
475
475
|
t ? u.onItemLeave(g) : (u.onItemEnter(g), g.defaultPrevented || g.currentTarget.focus({ preventScroll: !0 }));
|
|
476
476
|
})
|
|
477
477
|
),
|
|
478
478
|
onPointerLeave: w(
|
|
479
479
|
e.onPointerLeave,
|
|
480
|
-
|
|
480
|
+
j((g) => u.onItemLeave(g))
|
|
481
481
|
),
|
|
482
482
|
onFocus: w(e.onFocus, () => i(!0)),
|
|
483
483
|
onBlur: w(e.onBlur, () => i(!1))
|
|
@@ -493,13 +493,13 @@ var Xe = a.forwardRef(
|
|
|
493
493
|
ae,
|
|
494
494
|
{
|
|
495
495
|
role: "menuitemcheckbox",
|
|
496
|
-
"aria-checked":
|
|
496
|
+
"aria-checked": te(n) ? "mixed" : n,
|
|
497
497
|
...r,
|
|
498
498
|
ref: o,
|
|
499
|
-
"data-state":
|
|
499
|
+
"data-state": Ie(n),
|
|
500
500
|
onSelect: w(
|
|
501
501
|
r.onSelect,
|
|
502
|
-
() => t == null ? void 0 : t(
|
|
502
|
+
() => t == null ? void 0 : t(te(n) ? !0 : !n),
|
|
503
503
|
{ checkForDefaultPrevented: !1 }
|
|
504
504
|
)
|
|
505
505
|
}
|
|
@@ -513,8 +513,8 @@ var je = "MenuRadioGroup", [ro, ao] = k(
|
|
|
513
513
|
} }
|
|
514
514
|
), Ze = a.forwardRef(
|
|
515
515
|
(e, o) => {
|
|
516
|
-
const { value: n, onValueChange: t, ...r } = e, c =
|
|
517
|
-
return /* @__PURE__ */ s(ro, { scope: e.__scopeMenu, value: n, onValueChange: c, children: /* @__PURE__ */ s(
|
|
516
|
+
const { value: n, onValueChange: t, ...r } = e, c = we(t);
|
|
517
|
+
return /* @__PURE__ */ s(ro, { scope: e.__scopeMenu, value: n, onValueChange: c, children: /* @__PURE__ */ s(Ce, { ...r, ref: o }) });
|
|
518
518
|
}
|
|
519
519
|
);
|
|
520
520
|
Ze.displayName = je;
|
|
@@ -528,7 +528,7 @@ var qe = "MenuRadioItem", Je = a.forwardRef(
|
|
|
528
528
|
"aria-checked": c,
|
|
529
529
|
...t,
|
|
530
530
|
ref: o,
|
|
531
|
-
"data-state":
|
|
531
|
+
"data-state": Ie(c),
|
|
532
532
|
onSelect: w(
|
|
533
533
|
t.onSelect,
|
|
534
534
|
() => {
|
|
@@ -542,29 +542,29 @@ var qe = "MenuRadioItem", Je = a.forwardRef(
|
|
|
542
542
|
}
|
|
543
543
|
);
|
|
544
544
|
Je.displayName = qe;
|
|
545
|
-
var
|
|
546
|
-
|
|
545
|
+
var Re = "MenuItemIndicator", [Qe, co] = k(
|
|
546
|
+
Re,
|
|
547
547
|
{ checked: !1 }
|
|
548
548
|
), en = a.forwardRef(
|
|
549
549
|
(e, o) => {
|
|
550
|
-
const { __scopeMenu: n, forceMount: t, ...r } = e, c = co(
|
|
550
|
+
const { __scopeMenu: n, forceMount: t, ...r } = e, c = co(Re, n);
|
|
551
551
|
return /* @__PURE__ */ s(
|
|
552
|
-
|
|
552
|
+
ge,
|
|
553
553
|
{
|
|
554
|
-
present: t ||
|
|
554
|
+
present: t || te(c.checked) || c.checked === !0,
|
|
555
555
|
children: /* @__PURE__ */ s(
|
|
556
556
|
N.span,
|
|
557
557
|
{
|
|
558
558
|
...r,
|
|
559
559
|
ref: o,
|
|
560
|
-
"data-state":
|
|
560
|
+
"data-state": Ie(c.checked)
|
|
561
561
|
}
|
|
562
562
|
)
|
|
563
563
|
}
|
|
564
564
|
);
|
|
565
565
|
}
|
|
566
566
|
);
|
|
567
|
-
en.displayName =
|
|
567
|
+
en.displayName = Re;
|
|
568
568
|
var so = "MenuSeparator", nn = a.forwardRef(
|
|
569
569
|
(e, o) => {
|
|
570
570
|
const { __scopeMenu: n, ...t } = e;
|
|
@@ -587,9 +587,9 @@ var io = "MenuArrow", on = a.forwardRef(
|
|
|
587
587
|
}
|
|
588
588
|
);
|
|
589
589
|
on.displayName = io;
|
|
590
|
-
var uo = "MenuSub", [
|
|
590
|
+
var uo = "MenuSub", [Mt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
|
|
591
591
|
(e, o) => {
|
|
592
|
-
const n = U(Y, e.__scopeMenu), t =
|
|
592
|
+
const n = U(Y, e.__scopeMenu), t = J(Y, e.__scopeMenu), r = tn(Y, e.__scopeMenu), c = Me(Y, e.__scopeMenu), u = a.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: _ } = c, m = { __scopeMenu: e.__scopeMenu }, d = a.useCallback(() => {
|
|
593
593
|
u.current && window.clearTimeout(u.current), u.current = null;
|
|
594
594
|
}, []);
|
|
595
595
|
return a.useEffect(() => d, [d]), a.useEffect(() => {
|
|
@@ -597,7 +597,7 @@ var uo = "MenuSub", [vt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
|
|
|
597
597
|
return () => {
|
|
598
598
|
window.clearTimeout(i), _(null);
|
|
599
599
|
};
|
|
600
|
-
}, [l, _]), /* @__PURE__ */ s(
|
|
600
|
+
}, [l, _]), /* @__PURE__ */ s(ve, { asChild: !0, ...m, children: /* @__PURE__ */ s(
|
|
601
601
|
Xe,
|
|
602
602
|
{
|
|
603
603
|
id: r.triggerId,
|
|
@@ -606,14 +606,14 @@ var uo = "MenuSub", [vt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
|
|
|
606
606
|
"aria-controls": r.contentId,
|
|
607
607
|
"data-state": sn(n.open),
|
|
608
608
|
...e,
|
|
609
|
-
ref:
|
|
609
|
+
ref: ye(o, r.onTriggerChange),
|
|
610
610
|
onClick: (i) => {
|
|
611
611
|
var f;
|
|
612
612
|
(f = e.onClick) == null || f.call(e, i), !(e.disabled || i.defaultPrevented) && (i.currentTarget.focus(), n.open || n.onOpenChange(!0));
|
|
613
613
|
},
|
|
614
614
|
onPointerMove: w(
|
|
615
615
|
e.onPointerMove,
|
|
616
|
-
|
|
616
|
+
j((i) => {
|
|
617
617
|
c.onItemEnter(i), !i.defaultPrevented && !e.disabled && !n.open && !u.current && (c.onPointerGraceIntentChange(null), u.current = window.setTimeout(() => {
|
|
618
618
|
n.onOpenChange(!0), d();
|
|
619
619
|
}, 100));
|
|
@@ -621,12 +621,12 @@ var uo = "MenuSub", [vt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
|
|
|
621
621
|
),
|
|
622
622
|
onPointerLeave: w(
|
|
623
623
|
e.onPointerLeave,
|
|
624
|
-
|
|
624
|
+
j((i) => {
|
|
625
625
|
var v, g;
|
|
626
626
|
d();
|
|
627
627
|
const f = (v = n.content) == null ? void 0 : v.getBoundingClientRect();
|
|
628
628
|
if (f) {
|
|
629
|
-
const
|
|
629
|
+
const b = (g = n.content) == null ? void 0 : g.dataset.side, M = b === "right", R = M ? -5 : 5, T = f[M ? "left" : "right"], h = f[M ? "right" : "left"];
|
|
630
630
|
c.onPointerGraceIntentChange({
|
|
631
631
|
area: [
|
|
632
632
|
// Apply a bleed on clientX to ensure that our exit point is
|
|
@@ -637,7 +637,7 @@ var uo = "MenuSub", [vt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
|
|
|
637
637
|
{ x: h, y: f.bottom },
|
|
638
638
|
{ x: T, y: f.bottom }
|
|
639
639
|
],
|
|
640
|
-
side:
|
|
640
|
+
side: b
|
|
641
641
|
}), window.clearTimeout(l.current), l.current = window.setTimeout(
|
|
642
642
|
() => c.onPointerGraceIntentChange(null),
|
|
643
643
|
300
|
|
@@ -660,9 +660,9 @@ var uo = "MenuSub", [vt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
|
|
|
660
660
|
rn.displayName = Y;
|
|
661
661
|
var an = "MenuSubContent", cn = a.forwardRef(
|
|
662
662
|
(e, o) => {
|
|
663
|
-
const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), u =
|
|
664
|
-
return /* @__PURE__ */ s(
|
|
665
|
-
|
|
663
|
+
const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), u = J(E, e.__scopeMenu), l = tn(an, e.__scopeMenu), _ = a.useRef(null), m = z(o, _);
|
|
664
|
+
return /* @__PURE__ */ s(H.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: t || c.open, children: /* @__PURE__ */ s(H.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(
|
|
665
|
+
he,
|
|
666
666
|
{
|
|
667
667
|
id: l.contentId,
|
|
668
668
|
"aria-labelledby": l.triggerId,
|
|
@@ -697,11 +697,11 @@ cn.displayName = an;
|
|
|
697
697
|
function sn(e) {
|
|
698
698
|
return e ? "open" : "closed";
|
|
699
699
|
}
|
|
700
|
-
function
|
|
700
|
+
function te(e) {
|
|
701
701
|
return e === "indeterminate";
|
|
702
702
|
}
|
|
703
|
-
function
|
|
704
|
-
return
|
|
703
|
+
function Ie(e) {
|
|
704
|
+
return te(e) ? "indeterminate" : e ? "checked" : "unchecked";
|
|
705
705
|
}
|
|
706
706
|
function lo(e) {
|
|
707
707
|
const o = document.activeElement;
|
|
@@ -734,10 +734,10 @@ function _o(e, o) {
|
|
|
734
734
|
const n = { x: e.clientX, y: e.clientY };
|
|
735
735
|
return mo(n, o);
|
|
736
736
|
}
|
|
737
|
-
function
|
|
737
|
+
function j(e) {
|
|
738
738
|
return (o) => o.pointerType === "mouse" ? e(o) : void 0;
|
|
739
739
|
}
|
|
740
|
-
var wo = Be, go =
|
|
740
|
+
var wo = Be, go = ve, vo = We, Mo = Ce, ho = Ye, Co = ae, Ro = He, Io = Ze, bo = Je, Do = en, Eo = nn, So = on, xo = rn, yo = cn, ce = "DropdownMenu", [Po, ht] = _e(
|
|
741
741
|
ce,
|
|
742
742
|
[Ue]
|
|
743
743
|
), I = Ue(), [To, un] = Po(ce), dn = (e) => {
|
|
@@ -749,7 +749,7 @@ var wo = Be, go = ge, vo = We, Mo = he, ho = Ye, Co = ae, Ro = He, Io = Ze, Do =
|
|
|
749
749
|
defaultOpen: c,
|
|
750
750
|
onOpenChange: u,
|
|
751
751
|
modal: l = !0
|
|
752
|
-
} = e, _ = I(o), m = a.useRef(null), [d, i] =
|
|
752
|
+
} = e, _ = I(o), m = a.useRef(null), [d, i] = xe({
|
|
753
753
|
prop: r,
|
|
754
754
|
defaultProp: c ?? !1,
|
|
755
755
|
onChange: u,
|
|
@@ -786,7 +786,7 @@ var ln = "DropdownMenuTrigger", fn = a.forwardRef(
|
|
|
786
786
|
"data-disabled": t ? "" : void 0,
|
|
787
787
|
disabled: t,
|
|
788
788
|
...r,
|
|
789
|
-
ref:
|
|
789
|
+
ref: ye(o, c.triggerRef),
|
|
790
790
|
onPointerDown: w(e.onPointerDown, (l) => {
|
|
791
791
|
!t && l.button === 0 && l.ctrlKey === !1 && (c.onOpenToggle(), c.open || l.preventDefault());
|
|
792
792
|
}),
|
|
@@ -863,12 +863,12 @@ var Ko = "DropdownMenuRadioGroup", zo = a.forwardRef((e, o) => {
|
|
|
863
863
|
zo.displayName = Ko;
|
|
864
864
|
var Uo = "DropdownMenuRadioItem", $o = a.forwardRef((e, o) => {
|
|
865
865
|
const { __scopeDropdownMenu: n, ...t } = e, r = I(n);
|
|
866
|
-
return /* @__PURE__ */ s(
|
|
866
|
+
return /* @__PURE__ */ s(bo, { ...r, ...t, ref: o });
|
|
867
867
|
});
|
|
868
868
|
$o.displayName = Uo;
|
|
869
869
|
var Bo = "DropdownMenuItemIndicator", Vo = a.forwardRef((e, o) => {
|
|
870
870
|
const { __scopeDropdownMenu: n, ...t } = e, r = I(n);
|
|
871
|
-
return /* @__PURE__ */ s(
|
|
871
|
+
return /* @__PURE__ */ s(Do, { ...r, ...t, ref: o });
|
|
872
872
|
});
|
|
873
873
|
Vo.displayName = Bo;
|
|
874
874
|
var Wo = "DropdownMenuSeparator", Yo = a.forwardRef((e, o) => {
|
|
@@ -908,15 +908,16 @@ var qo = "DropdownMenuSubContent", Jo = a.forwardRef((e, o) => {
|
|
|
908
908
|
);
|
|
909
909
|
});
|
|
910
910
|
Jo.displayName = qo;
|
|
911
|
-
var
|
|
912
|
-
const nt = "
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
911
|
+
var Ct = dn, Rt = fn, Qo = mn, et = _n;
|
|
912
|
+
const nt = "cfxui__DropdownContent__fullWidth__c56c3", ot = "cfxui__DropdownContent__item__8feac", tt = "cfxui__DropdownContent__content__ea3aa", rt = "cfxui__DropdownContent__onlight__352dc", at = "cfxui__DropdownContent__disabled__9002a", ct = "cfxui__DropdownContent__trigger__4bac0", st = "cfxui__DropdownContent__icon__2ede5", X = {
|
|
913
|
+
fullWidth: nt,
|
|
914
|
+
item: ot,
|
|
915
|
+
content: tt,
|
|
916
|
+
onlight: rt,
|
|
917
|
+
disabled: at,
|
|
917
918
|
"dropdownselect-size-initial-large": "cfxui__DropdownContent__dropdownselect-size-initial-large__04104",
|
|
918
|
-
trigger:
|
|
919
|
-
icon:
|
|
919
|
+
trigger: ct,
|
|
920
|
+
icon: st,
|
|
920
921
|
"dropdownselect-size-initial-small": "cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca",
|
|
921
922
|
"dropdownselect-size-small-large": "cfxui__DropdownContent__dropdownselect-size-small-large__269b0",
|
|
922
923
|
"dropdownselect-size-small-small": "cfxui__DropdownContent__dropdownselect-size-small-small__faa09",
|
|
@@ -931,13 +932,13 @@ const nt = "cfxui__DropdownContent__content__ea3aa", ot = "cfxui__DropdownConten
|
|
|
931
932
|
"dropdownselect-size-xlarge-large": "cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8",
|
|
932
933
|
"dropdownselect-size-xlarge-small": "cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb"
|
|
933
934
|
};
|
|
934
|
-
function
|
|
935
|
-
return
|
|
936
|
-
|
|
937
|
-
Ne.getResponsiveFlatClassnames("dropdownselect-size", e).map((n) =>
|
|
935
|
+
function it(e = "normal", o = "content") {
|
|
936
|
+
return fe(
|
|
937
|
+
X[o],
|
|
938
|
+
Ne.getResponsiveFlatClassnames("dropdownselect-size", e).map((n) => X[n])
|
|
938
939
|
);
|
|
939
940
|
}
|
|
940
|
-
function
|
|
941
|
+
function ut(e) {
|
|
941
942
|
const {
|
|
942
943
|
triggerWidth: o,
|
|
943
944
|
options: n,
|
|
@@ -945,11 +946,11 @@ function it(e) {
|
|
|
945
946
|
fullWidth: r = !1,
|
|
946
947
|
className: c,
|
|
947
948
|
onSelect: u
|
|
948
|
-
} = e, l =
|
|
949
|
+
} = e, l = it(t), _ = fe(
|
|
949
950
|
c,
|
|
950
951
|
l,
|
|
951
952
|
{
|
|
952
|
-
[
|
|
953
|
+
[X.fullWidth]: r
|
|
953
954
|
}
|
|
954
955
|
);
|
|
955
956
|
return /* @__PURE__ */ s(
|
|
@@ -965,7 +966,10 @@ function it(e) {
|
|
|
965
966
|
children: n.map((m) => /* @__PURE__ */ s(
|
|
966
967
|
et,
|
|
967
968
|
{
|
|
968
|
-
|
|
969
|
+
disabled: m.disabled,
|
|
970
|
+
className: fe(X.item, {
|
|
971
|
+
[X.disabled]: m.disabled
|
|
972
|
+
}),
|
|
969
973
|
onSelect: () => u(m.value),
|
|
970
974
|
style: { width: o },
|
|
971
975
|
children: m.label
|
|
@@ -975,10 +979,10 @@ function it(e) {
|
|
|
975
979
|
}
|
|
976
980
|
);
|
|
977
981
|
}
|
|
978
|
-
const
|
|
982
|
+
const It = gn.memo(ut);
|
|
979
983
|
export {
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
+
It as D,
|
|
985
|
+
Ct as R,
|
|
986
|
+
Rt as T,
|
|
987
|
+
it as g
|
|
984
988
|
};
|