@cloudoperators/juno-messages-provider 0.2.24 → 0.2.25
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/build/index.js +189 -189
- package/package.json +4 -4
package/build/index.js
CHANGED
|
@@ -3,14 +3,14 @@ import V, { createContext as me, useContext as ye, forwardRef as K, cloneElement
|
|
|
3
3
|
import { createStore as gs, useStore as vs } from "zustand";
|
|
4
4
|
import * as Pn from "react-dom";
|
|
5
5
|
import { createPortal as oo, flushSync as ze } from "react-dom";
|
|
6
|
-
const
|
|
7
|
-
storeId:
|
|
6
|
+
const Xo = (t) => `${t}-${(+/* @__PURE__ */ new Date() + Math.random()).toString(36).slice(-5)}}`, bs = (t, n) => ({
|
|
7
|
+
storeId: Xo("store-"),
|
|
8
8
|
messages: [],
|
|
9
9
|
// this is the messages state
|
|
10
10
|
actions: {
|
|
11
11
|
addMessage: (e) => {
|
|
12
12
|
if (n().messages.findIndex((a) => a.text === e.text && a.variant === e.variant) >= 0) return;
|
|
13
|
-
const o = n().messages.slice(), i =
|
|
13
|
+
const o = n().messages.slice(), i = Xo("message-");
|
|
14
14
|
return o.push({ id: i, ...e }), t((a) => ({ ...a, messages: o })), i;
|
|
15
15
|
},
|
|
16
16
|
removeMessage: (e) => {
|
|
@@ -51,10 +51,10 @@ function ha(t) {
|
|
|
51
51
|
});
|
|
52
52
|
}), e;
|
|
53
53
|
}
|
|
54
|
-
var Er = { exports: {} }, Kt = {},
|
|
54
|
+
var Er = { exports: {} }, Kt = {}, Jo;
|
|
55
55
|
function xs() {
|
|
56
|
-
if (
|
|
57
|
-
|
|
56
|
+
if (Jo) return Kt;
|
|
57
|
+
Jo = 1;
|
|
58
58
|
var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
|
|
59
59
|
function e(r, o, i) {
|
|
60
60
|
var a = null;
|
|
@@ -131,11 +131,11 @@ function Es() {
|
|
|
131
131
|
}
|
|
132
132
|
if (k) {
|
|
133
133
|
k = console;
|
|
134
|
-
var ne = k.error,
|
|
134
|
+
var ne = k.error, J = typeof Symbol == "function" && Symbol.toStringTag && D[Symbol.toStringTag] || D.constructor.name || "Object";
|
|
135
135
|
return ne.call(
|
|
136
136
|
k,
|
|
137
137
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
138
|
-
|
|
138
|
+
J
|
|
139
139
|
), n(D);
|
|
140
140
|
}
|
|
141
141
|
}
|
|
@@ -182,14 +182,14 @@ function Es() {
|
|
|
182
182
|
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
183
183
|
)), D = this.props.ref, D !== void 0 ? D : null;
|
|
184
184
|
}
|
|
185
|
-
function u(D, k, ne,
|
|
185
|
+
function u(D, k, ne, J, fe, $) {
|
|
186
186
|
var ee = ne.ref;
|
|
187
187
|
return D = {
|
|
188
188
|
$$typeof: g,
|
|
189
189
|
type: D,
|
|
190
190
|
key: k,
|
|
191
191
|
props: ne,
|
|
192
|
-
_owner:
|
|
192
|
+
_owner: J
|
|
193
193
|
}, (ee !== void 0 ? ee : null) !== null ? Object.defineProperty(D, "ref", {
|
|
194
194
|
enumerable: !1,
|
|
195
195
|
get: s
|
|
@@ -215,13 +215,13 @@ function Es() {
|
|
|
215
215
|
value: $
|
|
216
216
|
}), Object.freeze && (Object.freeze(D.props), Object.freeze(D)), D;
|
|
217
217
|
}
|
|
218
|
-
function c(D, k, ne,
|
|
218
|
+
function c(D, k, ne, J, fe, $) {
|
|
219
219
|
var ee = k.children;
|
|
220
220
|
if (ee !== void 0)
|
|
221
|
-
if (
|
|
221
|
+
if (J)
|
|
222
222
|
if (B(ee)) {
|
|
223
|
-
for (
|
|
224
|
-
v(ee[
|
|
223
|
+
for (J = 0; J < ee.length; J++)
|
|
224
|
+
v(ee[J]);
|
|
225
225
|
Object.freeze && Object.freeze(ee);
|
|
226
226
|
} else
|
|
227
227
|
console.error(
|
|
@@ -233,18 +233,18 @@ function Es() {
|
|
|
233
233
|
var ie = Object.keys(k).filter(function(Yt) {
|
|
234
234
|
return Yt !== "key";
|
|
235
235
|
});
|
|
236
|
-
|
|
236
|
+
J = 0 < ie.length ? "{key: someKey, " + ie.join(": ..., ") + ": ...}" : "{key: someKey}", oe[ee + J] || (ie = 0 < ie.length ? "{" + ie.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
237
237
|
`A props object containing a "key" prop is being spread into JSX:
|
|
238
238
|
let props = %s;
|
|
239
239
|
<%s {...props} />
|
|
240
240
|
React keys must be passed directly to JSX without using spread:
|
|
241
241
|
let props = %s;
|
|
242
242
|
<%s key={someKey} {...props} />`,
|
|
243
|
-
|
|
243
|
+
J,
|
|
244
244
|
ee,
|
|
245
245
|
ie,
|
|
246
246
|
ee
|
|
247
|
-
), oe[ee +
|
|
247
|
+
), oe[ee + J] = !0);
|
|
248
248
|
}
|
|
249
249
|
if (ee = null, ne !== void 0 && (e(ne), ee = "" + ne), a(k) && (e(k.key), ee = "" + k.key), "key" in k) {
|
|
250
250
|
ne = {};
|
|
@@ -282,24 +282,24 @@ React keys must be passed directly to JSX without using spread:
|
|
|
282
282
|
i
|
|
283
283
|
)(), U = A(r(i)), oe = {};
|
|
284
284
|
xn.Fragment = x, xn.jsx = function(D, k, ne) {
|
|
285
|
-
var
|
|
285
|
+
var J = 1e4 > E.recentlyCreatedOwnerStacks++;
|
|
286
286
|
return c(
|
|
287
287
|
D,
|
|
288
288
|
k,
|
|
289
289
|
ne,
|
|
290
290
|
!1,
|
|
291
|
-
|
|
292
|
-
|
|
291
|
+
J ? Error("react-stack-top-frame") : P,
|
|
292
|
+
J ? A(r(D)) : U
|
|
293
293
|
);
|
|
294
294
|
}, xn.jsxs = function(D, k, ne) {
|
|
295
|
-
var
|
|
295
|
+
var J = 1e4 > E.recentlyCreatedOwnerStacks++;
|
|
296
296
|
return c(
|
|
297
297
|
D,
|
|
298
298
|
k,
|
|
299
299
|
ne,
|
|
300
300
|
!0,
|
|
301
|
-
|
|
302
|
-
|
|
301
|
+
J ? Error("react-stack-top-frame") : P,
|
|
302
|
+
J ? A(r(D)) : U
|
|
303
303
|
);
|
|
304
304
|
};
|
|
305
305
|
})()), xn;
|
|
@@ -380,11 +380,11 @@ const Ts = me(void 0), ks = ({
|
|
|
380
380
|
title: t,
|
|
381
381
|
titleId: n,
|
|
382
382
|
...e
|
|
383
|
-
}, r) => /* @__PURE__ */ d.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ref: r, "aria-labelledby": n, ...e }, t ? /* @__PURE__ */ d.createElement("title", { id: n }, t) : null, /* @__PURE__ */ d.createElement("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z" })),
|
|
383
|
+
}, r) => /* @__PURE__ */ d.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ref: r, "aria-labelledby": n, ...e }, t ? /* @__PURE__ */ d.createElement("title", { id: n }, t) : null, /* @__PURE__ */ d.createElement("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z" })), Xs = K(qs), Js = ({
|
|
384
384
|
title: t,
|
|
385
385
|
titleId: n,
|
|
386
386
|
...e
|
|
387
|
-
}, r) => /* @__PURE__ */ d.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ref: r, "aria-labelledby": n, ...e }, t ? /* @__PURE__ */ d.createElement("title", { id: n }, t) : null, /* @__PURE__ */ d.createElement("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })), ec = K(
|
|
387
|
+
}, r) => /* @__PURE__ */ d.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ref: r, "aria-labelledby": n, ...e }, t ? /* @__PURE__ */ d.createElement("title", { id: n }, t) : null, /* @__PURE__ */ d.createElement("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })), ec = K(Js), tc = ({
|
|
388
388
|
title: t,
|
|
389
389
|
titleId: n,
|
|
390
390
|
...e
|
|
@@ -492,11 +492,11 @@ const Ts = me(void 0), ks = ({
|
|
|
492
492
|
title: t,
|
|
493
493
|
titleId: n,
|
|
494
494
|
...e
|
|
495
|
-
}, r) => /* @__PURE__ */ d.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ref: r, "aria-labelledby": n, ...e }, t ? /* @__PURE__ */ d.createElement("title", { id: n }, t) : null, /* @__PURE__ */ d.createElement("path", { d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })),
|
|
495
|
+
}, r) => /* @__PURE__ */ d.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ref: r, "aria-labelledby": n, ...e }, t ? /* @__PURE__ */ d.createElement("title", { id: n }, t) : null, /* @__PURE__ */ d.createElement("path", { d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })), Xc = K(qc), Jc = ({
|
|
496
496
|
title: t,
|
|
497
497
|
titleId: n,
|
|
498
498
|
...e
|
|
499
|
-
}, r) => /* @__PURE__ */ d.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ref: r, "aria-labelledby": n, ...e }, t ? /* @__PURE__ */ d.createElement("title", { id: n }, t) : null, /* @__PURE__ */ d.createElement("path", { d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })), eu = K(
|
|
499
|
+
}, r) => /* @__PURE__ */ d.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ref: r, "aria-labelledby": n, ...e }, t ? /* @__PURE__ */ d.createElement("title", { id: n }, t) : null, /* @__PURE__ */ d.createElement("path", { d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })), eu = K(Jc), tu = ({
|
|
500
500
|
title: t,
|
|
501
501
|
titleId: n,
|
|
502
502
|
...e
|
|
@@ -721,7 +721,7 @@ const Au = ({ icon: t, color: n, size: e, title: r, iconClassName: o, ...i }) =>
|
|
|
721
721
|
);
|
|
722
722
|
case "chevronRight":
|
|
723
723
|
return /* @__PURE__ */ H.jsx(
|
|
724
|
-
|
|
724
|
+
Xs,
|
|
725
725
|
{
|
|
726
726
|
width: e,
|
|
727
727
|
height: e,
|
|
@@ -1189,7 +1189,7 @@ const Au = ({ icon: t, color: n, size: e, title: r, iconClassName: o, ...i }) =>
|
|
|
1189
1189
|
);
|
|
1190
1190
|
case "success":
|
|
1191
1191
|
return /* @__PURE__ */ H.jsx(
|
|
1192
|
-
|
|
1192
|
+
Xc,
|
|
1193
1193
|
{
|
|
1194
1194
|
width: e,
|
|
1195
1195
|
height: e,
|
|
@@ -1613,9 +1613,9 @@ const qu = `
|
|
|
1613
1613
|
jn:duration-100
|
|
1614
1614
|
jn:ease-in-out
|
|
1615
1615
|
jn:z-10
|
|
1616
|
-
`, Ju = `
|
|
1617
|
-
jn:absolute
|
|
1618
1616
|
`, Xu = `
|
|
1617
|
+
jn:absolute
|
|
1618
|
+
`, Ju = `
|
|
1619
1619
|
jn:scale-75
|
|
1620
1620
|
jn:-translate-y-[0.4375rem]
|
|
1621
1621
|
`, ed = `
|
|
@@ -1646,8 +1646,8 @@ const qu = `
|
|
|
1646
1646
|
className: `
|
|
1647
1647
|
juno-label
|
|
1648
1648
|
${qu}
|
|
1649
|
-
${i ? "juno-label-floating " +
|
|
1650
|
-
${a ? "juno-label-minimized " +
|
|
1649
|
+
${i ? "juno-label-floating " + Xu : ""}
|
|
1650
|
+
${a ? "juno-label-minimized " + Ju : ""}
|
|
1651
1651
|
${o ? "juno-label-disabled " + td : ""}
|
|
1652
1652
|
${r}
|
|
1653
1653
|
`,
|
|
@@ -1898,7 +1898,7 @@ function xa(t) {
|
|
|
1898
1898
|
e
|
|
1899
1899
|
]);
|
|
1900
1900
|
}
|
|
1901
|
-
let hd = !1, un = null, $r = /* @__PURE__ */ new Set(),
|
|
1901
|
+
let hd = !1, un = null, $r = /* @__PURE__ */ new Set(), Xt = /* @__PURE__ */ new Map(), Dt = !1, Wr = !1;
|
|
1902
1902
|
const gd = {
|
|
1903
1903
|
Tab: !0,
|
|
1904
1904
|
Escape: !0
|
|
@@ -1925,7 +1925,7 @@ function Ca() {
|
|
|
1925
1925
|
Dt = !1, Wr = !0;
|
|
1926
1926
|
}
|
|
1927
1927
|
function Ur(t) {
|
|
1928
|
-
if (typeof window > "u" ||
|
|
1928
|
+
if (typeof window > "u" || Xt.get(Ct(t))) return;
|
|
1929
1929
|
const n = Ct(t), e = vt(t);
|
|
1930
1930
|
let r = n.HTMLElement.prototype.focus;
|
|
1931
1931
|
n.HTMLElement.prototype.focus = function() {
|
|
@@ -1934,13 +1934,13 @@ function Ur(t) {
|
|
|
1934
1934
|
Oa(t);
|
|
1935
1935
|
}, {
|
|
1936
1936
|
once: !0
|
|
1937
|
-
}),
|
|
1937
|
+
}), Xt.set(n, {
|
|
1938
1938
|
focus: r
|
|
1939
1939
|
});
|
|
1940
1940
|
}
|
|
1941
1941
|
const Oa = (t, n) => {
|
|
1942
1942
|
const e = Ct(t), r = vt(t);
|
|
1943
|
-
n && r.removeEventListener("DOMContentLoaded", n),
|
|
1943
|
+
n && r.removeEventListener("DOMContentLoaded", n), Xt.has(e) && (e.HTMLElement.prototype.focus = Xt.get(e).focus, r.removeEventListener("keydown", Nn, !0), r.removeEventListener("keyup", Nn, !0), r.removeEventListener("click", Ea, !0), e.removeEventListener("focus", Sa, !0), e.removeEventListener("blur", Ca, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", Qe, !0), r.removeEventListener("pointermove", Qe, !0), r.removeEventListener("pointerup", Qe, !0)) : process.env.NODE_ENV === "test" && (r.removeEventListener("mousedown", Qe, !0), r.removeEventListener("mousemove", Qe, !0), r.removeEventListener("mouseup", Qe, !0)), Xt.delete(e));
|
|
1944
1944
|
};
|
|
1945
1945
|
function bd(t) {
|
|
1946
1946
|
const n = vt(t);
|
|
@@ -2130,7 +2130,7 @@ function qn(t) {
|
|
|
2130
2130
|
isHovered: i
|
|
2131
2131
|
};
|
|
2132
2132
|
}
|
|
2133
|
-
function
|
|
2133
|
+
function Xn(t = {}) {
|
|
2134
2134
|
let { autoFocus: n = !1, isTextInput: e, within: r } = t, o = ae({
|
|
2135
2135
|
isFocused: !1,
|
|
2136
2136
|
isFocusVisible: n || Ma()
|
|
@@ -2199,7 +2199,7 @@ function co(t) {
|
|
|
2199
2199
|
var n, e;
|
|
2200
2200
|
return (e = (n = _n(t)) == null ? void 0 : n.activeElement) != null ? e : null;
|
|
2201
2201
|
}
|
|
2202
|
-
function
|
|
2202
|
+
function Jn(t) {
|
|
2203
2203
|
return co(t) === t;
|
|
2204
2204
|
}
|
|
2205
2205
|
function Da(t) {
|
|
@@ -2574,14 +2574,14 @@ function qd() {
|
|
|
2574
2574
|
return V.createElement(nr.Provider, { value: o }, e.children);
|
|
2575
2575
|
}, [n])];
|
|
2576
2576
|
}
|
|
2577
|
-
let
|
|
2578
|
-
function
|
|
2577
|
+
let Xd = "p";
|
|
2578
|
+
function Jd(t, n) {
|
|
2579
2579
|
let e = Ae(), r = er(), { id: o = `headlessui-description-${e}`, ...i } = t, a = Ha(), l = ke(n);
|
|
2580
2580
|
ve(() => a.register(o), [o, a.register]);
|
|
2581
2581
|
let s = Ie({ ...a.slot, disabled: r || !1 }), u = { ref: l, ...a.props, id: o };
|
|
2582
|
-
return Ee()({ ourProps: u, theirProps: i, slot: s, defaultTag:
|
|
2582
|
+
return Ee()({ ourProps: u, theirProps: i, slot: s, defaultTag: Xd, name: a.name || "Description" });
|
|
2583
2583
|
}
|
|
2584
|
-
let ef = Se(
|
|
2584
|
+
let ef = Se(Jd);
|
|
2585
2585
|
Object.assign(ef, {});
|
|
2586
2586
|
var te = ((t) => (t.Space = " ", t.Enter = "Enter", t.Escape = "Escape", t.Backspace = "Backspace", t.Delete = "Delete", t.ArrowLeft = "ArrowLeft", t.ArrowUp = "ArrowUp", t.ArrowRight = "ArrowRight", t.ArrowDown = "ArrowDown", t.Home = "Home", t.End = "End", t.PageUp = "PageUp", t.PageDown = "PageDown", t.Tab = "Tab", t))(te || {});
|
|
2587
2587
|
let rr = me(null);
|
|
@@ -3289,7 +3289,7 @@ function xi(t) {
|
|
|
3289
3289
|
let n = Object.getPrototypeOf(t);
|
|
3290
3290
|
return n === null || Object.getPrototypeOf(n) === null;
|
|
3291
3291
|
}
|
|
3292
|
-
function
|
|
3292
|
+
function Jt(t) {
|
|
3293
3293
|
let [n, e] = t(), r = Re();
|
|
3294
3294
|
return (...o) => {
|
|
3295
3295
|
n(...o), r.dispose(), r.microTask(e);
|
|
@@ -3574,14 +3574,14 @@ function Ff(t, n, { sorted: e = !0, relativeTo: r = null, skipElements: o = [] }
|
|
|
3574
3574
|
} while (m !== co(m));
|
|
3575
3575
|
return n & 6 && Rf(m) && m.select(), 2;
|
|
3576
3576
|
}
|
|
3577
|
-
function
|
|
3577
|
+
function Xa() {
|
|
3578
3578
|
return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
|
|
3579
3579
|
}
|
|
3580
3580
|
function Hf() {
|
|
3581
3581
|
return /Android/gi.test(window.navigator.userAgent);
|
|
3582
3582
|
}
|
|
3583
3583
|
function Kr() {
|
|
3584
|
-
return
|
|
3584
|
+
return Xa() || Hf();
|
|
3585
3585
|
}
|
|
3586
3586
|
function Rt(t, n, e, r) {
|
|
3587
3587
|
let o = yt(e);
|
|
@@ -3635,7 +3635,7 @@ function kt(...t) {
|
|
|
3635
3635
|
return Ce(() => dn(...t), [...t]);
|
|
3636
3636
|
}
|
|
3637
3637
|
var Bf = ((t) => (t[t.Ignore = 0] = "Ignore", t[t.Select = 1] = "Select", t[t.Close = 2] = "Close", t))(Bf || {});
|
|
3638
|
-
const
|
|
3638
|
+
const Xe = { Ignore: { kind: 0 }, Select: (t) => ({ kind: 1, target: t }), Close: { kind: 2 } }, Vf = 200, Ii = 5;
|
|
3639
3639
|
function wo(t, { trigger: n, action: e, close: r, select: o }) {
|
|
3640
3640
|
let i = ae(null), a = ae(null), l = ae(null);
|
|
3641
3641
|
Rt(t && n !== null, "pointerdown", (s) => {
|
|
@@ -3669,13 +3669,13 @@ function $f(t, n, e, r) {
|
|
|
3669
3669
|
return t.addEventListener(n, i, r), () => t.removeEventListener(n, i, r);
|
|
3670
3670
|
}, [t, n, r]);
|
|
3671
3671
|
}
|
|
3672
|
-
function
|
|
3672
|
+
function Ja(t) {
|
|
3673
3673
|
let n = ae({ value: "", selectionStart: null, selectionEnd: null });
|
|
3674
3674
|
return $f(t, "blur", (e) => {
|
|
3675
3675
|
let r = e.target;
|
|
3676
3676
|
Rn(r) && (n.current = { value: r.value, selectionStart: r.selectionStart, selectionEnd: r.selectionEnd });
|
|
3677
3677
|
}), q(() => {
|
|
3678
|
-
if (!
|
|
3678
|
+
if (!Jn(t) && Rn(t) && t.isConnected) {
|
|
3679
3679
|
if (t.focus({ preventScroll: !0 }), t.value !== n.current.value) t.setSelectionRange(t.value.length, t.value.length);
|
|
3680
3680
|
else {
|
|
3681
3681
|
let { selectionStart: e, selectionEnd: r } = n.current;
|
|
@@ -3719,7 +3719,7 @@ function Yf() {
|
|
|
3719
3719
|
} };
|
|
3720
3720
|
}
|
|
3721
3721
|
function Gf() {
|
|
3722
|
-
return
|
|
3722
|
+
return Xa() ? { before({ doc: t, d: n, meta: e }) {
|
|
3723
3723
|
function r(o) {
|
|
3724
3724
|
for (let i of e().containers) for (let a of i()) if (a.contains(o)) return !0;
|
|
3725
3725
|
return !1;
|
|
@@ -3848,7 +3848,7 @@ function Oo(t, n, e, r) {
|
|
|
3848
3848
|
e && l(3);
|
|
3849
3849
|
return;
|
|
3850
3850
|
}
|
|
3851
|
-
return (m = void 0) == null || m.call(r, e),
|
|
3851
|
+
return (m = void 0) == null || m.call(r, e), Xf(n, { inFlight: u, prepare() {
|
|
3852
3852
|
c.current ? c.current = !1 : c.current = u.current, u.current = !0, !c.current && (e ? (l(3), s(4)) : (l(4), s(2)));
|
|
3853
3853
|
}, run() {
|
|
3854
3854
|
c.current ? e ? (s(3), l(4)) : (s(4), l(3)) : e ? s(1) : l(1);
|
|
@@ -3859,15 +3859,15 @@ function Oo(t, n, e, r) {
|
|
|
3859
3859
|
}
|
|
3860
3860
|
}, [t, e, n, v]), t ? [o, { closed: a(1), enter: a(2), leave: a(4), transition: a(2) || a(4) }] : [e, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
|
|
3861
3861
|
}
|
|
3862
|
-
function
|
|
3862
|
+
function Xf(t, { prepare: n, run: e, done: r, inFlight: o }) {
|
|
3863
3863
|
let i = Re();
|
|
3864
3864
|
return ep(t, { prepare: n, inFlight: o }), i.nextFrame(() => {
|
|
3865
3865
|
e(), i.requestAnimationFrame(() => {
|
|
3866
|
-
i.add(
|
|
3866
|
+
i.add(Jf(t, r));
|
|
3867
3867
|
});
|
|
3868
3868
|
}), i.dispose;
|
|
3869
3869
|
}
|
|
3870
|
-
function
|
|
3870
|
+
function Jf(t, n) {
|
|
3871
3871
|
var e, r;
|
|
3872
3872
|
let o = Re();
|
|
3873
3873
|
if (!t) return o.dispose;
|
|
@@ -3947,7 +3947,7 @@ function pn(t) {
|
|
|
3947
3947
|
overflowX: e,
|
|
3948
3948
|
overflowY: r,
|
|
3949
3949
|
display: o
|
|
3950
|
-
} =
|
|
3950
|
+
} = Je(t);
|
|
3951
3951
|
return /auto|scroll|overlay|hidden|clip/.test(n + r + e) && !np.has(o);
|
|
3952
3952
|
}
|
|
3953
3953
|
const rp = /* @__PURE__ */ new Set(["table", "td", "th"]);
|
|
@@ -3966,7 +3966,7 @@ function dr(t) {
|
|
|
3966
3966
|
}
|
|
3967
3967
|
const ap = ["transform", "translate", "scale", "rotate", "perspective"], lp = ["transform", "translate", "scale", "rotate", "perspective", "filter"], sp = ["paint", "layout", "strict", "content"];
|
|
3968
3968
|
function Mo(t) {
|
|
3969
|
-
const n = Do(), e = _e(t) ?
|
|
3969
|
+
const n = Do(), e = _e(t) ? Je(t) : t;
|
|
3970
3970
|
return ap.some((r) => e[r] ? e[r] !== "none" : !1) || (e.containerType ? e.containerType !== "normal" : !1) || !n && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !n && (e.filter ? e.filter !== "none" : !1) || lp.some((r) => (e.willChange || "").includes(r)) || sp.some((r) => (e.contain || "").includes(r));
|
|
3971
3971
|
}
|
|
3972
3972
|
function cp(t) {
|
|
@@ -3987,7 +3987,7 @@ const up = /* @__PURE__ */ new Set(["html", "body", "#document"]);
|
|
|
3987
3987
|
function Bt(t) {
|
|
3988
3988
|
return up.has(Vt(t));
|
|
3989
3989
|
}
|
|
3990
|
-
function
|
|
3990
|
+
function Je(t) {
|
|
3991
3991
|
return Ye(t).getComputedStyle(t);
|
|
3992
3992
|
}
|
|
3993
3993
|
function fr(t) {
|
|
@@ -4726,7 +4726,7 @@ const $p = function(t) {
|
|
|
4726
4726
|
};
|
|
4727
4727
|
};
|
|
4728
4728
|
function ml(t) {
|
|
4729
|
-
const n =
|
|
4729
|
+
const n = Je(t);
|
|
4730
4730
|
let e = parseFloat(n.width) || 0, r = parseFloat(n.height) || 0;
|
|
4731
4731
|
const o = at(t), i = o ? t.offsetWidth : e, a = o ? t.offsetHeight : r, l = an(e) !== i || an(r) !== a;
|
|
4732
4732
|
return l && (e = i, r = a), {
|
|
@@ -4775,7 +4775,7 @@ function Pt(t, n, e, r) {
|
|
|
4775
4775
|
const m = Ye(i), p = r && _e(r) ? Ye(r) : r;
|
|
4776
4776
|
let g = m, b = Zr(g);
|
|
4777
4777
|
for (; b && r && p !== g; ) {
|
|
4778
|
-
const x = Ft(b), C = b.getBoundingClientRect(), O =
|
|
4778
|
+
const x = Ft(b), C = b.getBoundingClientRect(), O = Je(b), I = C.left + (b.clientLeft + parseFloat(O.paddingLeft)) * x.x, F = C.top + (b.clientTop + parseFloat(O.paddingTop)) * x.y;
|
|
4779
4779
|
s *= x.x, u *= x.y, c *= x.x, v *= x.y, s += I, u += F, g = Ye(b), b = Zr(g);
|
|
4780
4780
|
}
|
|
4781
4781
|
}
|
|
@@ -4835,7 +4835,7 @@ function Qp(t) {
|
|
|
4835
4835
|
const n = lt(t), e = fr(t), r = t.ownerDocument.body, o = Ne(n.scrollWidth, n.clientWidth, r.scrollWidth, r.clientWidth), i = Ne(n.scrollHeight, n.clientHeight, r.scrollHeight, r.clientHeight);
|
|
4836
4836
|
let a = -e.scrollLeft + ko(t);
|
|
4837
4837
|
const l = -e.scrollTop;
|
|
4838
|
-
return
|
|
4838
|
+
return Je(r).direction === "rtl" && (a += Ne(n.clientWidth, r.clientWidth) - o), {
|
|
4839
4839
|
width: o,
|
|
4840
4840
|
height: i,
|
|
4841
4841
|
x: a,
|
|
@@ -4857,8 +4857,8 @@ function qp(t, n) {
|
|
|
4857
4857
|
y: s
|
|
4858
4858
|
};
|
|
4859
4859
|
}
|
|
4860
|
-
const
|
|
4861
|
-
function
|
|
4860
|
+
const Xp = /* @__PURE__ */ new Set(["absolute", "fixed"]);
|
|
4861
|
+
function Jp(t, n) {
|
|
4862
4862
|
const e = Pt(t, !0, n === "fixed"), r = e.top + t.clientTop, o = e.left + t.clientLeft, i = at(t) ? Ft(t) : ot(1), a = t.clientWidth * i.x, l = t.clientHeight * i.y, s = o * i.x, u = r * i.y;
|
|
4863
4863
|
return {
|
|
4864
4864
|
width: a,
|
|
@@ -4874,7 +4874,7 @@ function Vi(t, n, e) {
|
|
|
4874
4874
|
else if (n === "document")
|
|
4875
4875
|
r = Qp(lt(t));
|
|
4876
4876
|
else if (_e(n))
|
|
4877
|
-
r =
|
|
4877
|
+
r = Jp(n, e);
|
|
4878
4878
|
else {
|
|
4879
4879
|
const o = hl(t);
|
|
4880
4880
|
r = {
|
|
@@ -4888,18 +4888,18 @@ function Vi(t, n, e) {
|
|
|
4888
4888
|
}
|
|
4889
4889
|
function vl(t, n) {
|
|
4890
4890
|
const e = ht(t);
|
|
4891
|
-
return e === n || !_e(e) || Bt(e) ? !1 :
|
|
4891
|
+
return e === n || !_e(e) || Bt(e) ? !1 : Je(e).position === "fixed" || vl(e, n);
|
|
4892
4892
|
}
|
|
4893
4893
|
function em(t, n) {
|
|
4894
4894
|
const e = n.get(t);
|
|
4895
4895
|
if (e)
|
|
4896
4896
|
return e;
|
|
4897
4897
|
let r = on(t, [], !1).filter((l) => _e(l) && Vt(l) !== "body"), o = null;
|
|
4898
|
-
const i =
|
|
4898
|
+
const i = Je(t).position === "fixed";
|
|
4899
4899
|
let a = i ? ht(t) : t;
|
|
4900
4900
|
for (; _e(a) && !Bt(a); ) {
|
|
4901
|
-
const l =
|
|
4902
|
-
!s && l.position === "fixed" && (o = null), (i ? !s && !o : !s && l.position === "static" && o &&
|
|
4901
|
+
const l = Je(a), s = Mo(a);
|
|
4902
|
+
!s && l.position === "fixed" && (o = null), (i ? !s && !o : !s && l.position === "static" && o && Xp.has(o.position) || pn(a) && !s && vl(t, a)) ? r = r.filter((u) => u !== a) : o = l, a = ht(a);
|
|
4903
4903
|
}
|
|
4904
4904
|
return n.set(t, r), r;
|
|
4905
4905
|
}
|
|
@@ -4956,10 +4956,10 @@ function rm(t, n, e) {
|
|
|
4956
4956
|
};
|
|
4957
4957
|
}
|
|
4958
4958
|
function Ar(t) {
|
|
4959
|
-
return
|
|
4959
|
+
return Je(t).position === "static";
|
|
4960
4960
|
}
|
|
4961
4961
|
function $i(t, n) {
|
|
4962
|
-
if (!at(t) ||
|
|
4962
|
+
if (!at(t) || Je(t).position === "fixed")
|
|
4963
4963
|
return null;
|
|
4964
4964
|
if (n)
|
|
4965
4965
|
return n(t);
|
|
@@ -4997,7 +4997,7 @@ const om = async function(t) {
|
|
|
4997
4997
|
};
|
|
4998
4998
|
};
|
|
4999
4999
|
function im(t) {
|
|
5000
|
-
return
|
|
5000
|
+
return Je(t).direction === "rtl";
|
|
5001
5001
|
}
|
|
5002
5002
|
const am = {
|
|
5003
5003
|
convertOffsetParentRelativeRectToViewportRelativeRect: Kp,
|
|
@@ -5284,7 +5284,7 @@ function Sl(t) {
|
|
|
5284
5284
|
return n.current == null ? void 0 : n.current(...r);
|
|
5285
5285
|
}, []);
|
|
5286
5286
|
}
|
|
5287
|
-
var
|
|
5287
|
+
var Xr = typeof document < "u" ? ro : we;
|
|
5288
5288
|
let Ui = !1, Em = 0;
|
|
5289
5289
|
const Yi = () => (
|
|
5290
5290
|
// Ensure the id is unique with multiple independent versions of Floating UI
|
|
@@ -5293,7 +5293,7 @@ const Yi = () => (
|
|
|
5293
5293
|
);
|
|
5294
5294
|
function Sm() {
|
|
5295
5295
|
const [t, n] = d.useState(() => Ui ? Yi() : void 0);
|
|
5296
|
-
return
|
|
5296
|
+
return Xr(() => {
|
|
5297
5297
|
t == null && n(Yi());
|
|
5298
5298
|
}, []), d.useEffect(() => {
|
|
5299
5299
|
Ui = !0;
|
|
@@ -5386,7 +5386,7 @@ function Lm(t) {
|
|
|
5386
5386
|
...t.elements
|
|
5387
5387
|
}
|
|
5388
5388
|
}), r = t.rootContext || e, o = r.elements, [i, a] = d.useState(null), [l, s] = d.useState(null), u = o?.domReference || i, c = d.useRef(null), v = Pm();
|
|
5389
|
-
|
|
5389
|
+
Xr(() => {
|
|
5390
5390
|
u && (c.current = u);
|
|
5391
5391
|
}, [u]);
|
|
5392
5392
|
const m = gm({
|
|
@@ -5423,7 +5423,7 @@ function Lm(t) {
|
|
|
5423
5423
|
elements: x,
|
|
5424
5424
|
nodeId: n
|
|
5425
5425
|
}), [m, b, x, n, r]);
|
|
5426
|
-
return
|
|
5426
|
+
return Xr(() => {
|
|
5427
5427
|
r.dataRef.current.floatingContext = C;
|
|
5428
5428
|
const O = v?.nodesRef.current.find((I) => I.id === n);
|
|
5429
5429
|
O && (O.context = C);
|
|
@@ -5776,7 +5776,7 @@ $m(() => {
|
|
|
5776
5776
|
function Wm(t) {
|
|
5777
5777
|
throw new Error("Unexpected object: " + t);
|
|
5778
5778
|
}
|
|
5779
|
-
var
|
|
5779
|
+
var X = ((t) => (t[t.First = 0] = "First", t[t.Previous = 1] = "Previous", t[t.Next = 2] = "Next", t[t.Last = 3] = "Last", t[t.Specific = 4] = "Specific", t[t.Nothing = 5] = "Nothing", t))(X || {});
|
|
5780
5780
|
function rt(t, n) {
|
|
5781
5781
|
let e = n.resolveItems();
|
|
5782
5782
|
if (e.length <= 0) return null;
|
|
@@ -5841,7 +5841,7 @@ function Gm(t) {
|
|
|
5841
5841
|
let Ml = ut, Km = Se(function(t, n) {
|
|
5842
5842
|
let { ownerDocument: e = null, ...r } = t, o = ae(null), i = ke(Qd((m) => {
|
|
5843
5843
|
o.current = m;
|
|
5844
|
-
}), n), a = kt(o.current), l = e ?? a, s = Gm(l), u = ye(
|
|
5844
|
+
}), n), a = kt(o.current), l = e ?? a, s = Gm(l), u = ye(Xm), c = bt(), v = Ee();
|
|
5845
5845
|
return mr(() => {
|
|
5846
5846
|
var m;
|
|
5847
5847
|
s && s.childNodes.length <= 0 && ((m = s.parentElement) == null || m.removeChild(s));
|
|
@@ -5858,7 +5858,7 @@ function qm(t, n) {
|
|
|
5858
5858
|
let { target: e, ...r } = t, o = { ref: ke(n) }, i = Ee();
|
|
5859
5859
|
return V.createElement(Dl.Provider, { value: e }, i({ ourProps: o, theirProps: r, defaultTag: Qm, name: "Popover.Group" }));
|
|
5860
5860
|
}
|
|
5861
|
-
let
|
|
5861
|
+
let Xm = me(null), Jm = Se(Zm), eh = Se(qm), Ho = Object.assign(Jm, { Group: eh });
|
|
5862
5862
|
const Ue = { Idle: { kind: "Idle" }, Tracked: (t) => ({ kind: "Tracked", position: t }), Moved: { kind: "Moved" } };
|
|
5863
5863
|
function hr(t) {
|
|
5864
5864
|
let n = t.getBoundingClientRect();
|
|
@@ -5874,7 +5874,7 @@ function zo(t, n, e) {
|
|
|
5874
5874
|
}
|
|
5875
5875
|
return () => r.dispose();
|
|
5876
5876
|
}
|
|
5877
|
-
var th = Object.defineProperty, nh = (t, n, e) => n in t ? th(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e,
|
|
5877
|
+
var th = Object.defineProperty, nh = (t, n, e) => n in t ? th(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, Xi = (t, n, e) => (nh(t, typeof n != "symbol" ? n + "" : n, e), e), de = ((t) => (t[t.Open = 0] = "Open", t[t.Closed = 1] = "Closed", t))(de || {}), We = ((t) => (t[t.Single = 0] = "Single", t[t.Multi = 1] = "Multi", t))(We || {}), it = ((t) => (t[t.Pointer = 0] = "Pointer", t[t.Focus = 1] = "Focus", t[t.Other = 2] = "Other", t))(it || {}), Tl = ((t) => (t[t.OpenCombobox = 0] = "OpenCombobox", t[t.CloseCombobox = 1] = "CloseCombobox", t[t.GoToOption = 2] = "GoToOption", t[t.SetTyping = 3] = "SetTyping", t[t.RegisterOption = 4] = "RegisterOption", t[t.UnregisterOption = 5] = "UnregisterOption", t[t.DefaultToFirstOption = 6] = "DefaultToFirstOption", t[t.SetActivationTrigger = 7] = "SetActivationTrigger", t[t.UpdateVirtualConfiguration = 8] = "UpdateVirtualConfiguration", t[t.SetInputElement = 9] = "SetInputElement", t[t.SetButtonElement = 10] = "SetButtonElement", t[t.SetOptionsElement = 11] = "SetOptionsElement", t[t.MarkInputAsMoved = 12] = "MarkInputAsMoved", t))(Tl || {});
|
|
5878
5878
|
function _r(t, n = (e) => e) {
|
|
5879
5879
|
let e = t.activeOptionIndex !== null ? t.options[t.activeOptionIndex] : null, r = n(t.options.slice()), o = r.length > 0 && r[0].dataRef.current.order !== null ? r.sort((a, l) => a.dataRef.current.order - l.dataRef.current.order) : cr(r, (a) => a.dataRef.current.domRef.current), i = e ? o.indexOf(e) : null;
|
|
5880
5880
|
return i === -1 && (i = null), { options: o, activeOptionIndex: i };
|
|
@@ -5898,7 +5898,7 @@ let rh = { 1(t) {
|
|
|
5898
5898
|
var e, r, o, i;
|
|
5899
5899
|
if ((e = t.dataRef.current) != null && e.disabled || t.optionsElement && !((r = t.dataRef.current) != null && r.optionsPropsRef.current.static) && t.comboboxState === 1) return t;
|
|
5900
5900
|
if (t.virtual) {
|
|
5901
|
-
let { options: u, disabled: c } = t.virtual, v = n.focus ===
|
|
5901
|
+
let { options: u, disabled: c } = t.virtual, v = n.focus === X.Specific ? n.idx : rt(n, { resolveItems: () => u, resolveActiveIndex: () => {
|
|
5902
5902
|
var p, g;
|
|
5903
5903
|
return (g = (p = t.activeOptionIndex) != null ? p : u.findIndex((b) => !c(b))) != null ? g : null;
|
|
5904
5904
|
}, resolveDisabled: c, resolveId() {
|
|
@@ -5911,7 +5911,7 @@ let rh = { 1(t) {
|
|
|
5911
5911
|
let u = a.options.findIndex((c) => !c.dataRef.current.disabled);
|
|
5912
5912
|
u !== -1 && (a.activeOptionIndex = u);
|
|
5913
5913
|
}
|
|
5914
|
-
let l = n.focus ===
|
|
5914
|
+
let l = n.focus === X.Specific ? n.idx : rt(n, { resolveItems: () => a.options, resolveActiveIndex: () => a.activeOptionIndex, resolveId: (u) => u.id, resolveDisabled: (u) => u.dataRef.current.disabled }), s = (i = n.trigger) != null ? i : 2;
|
|
5915
5915
|
return t.activeOptionIndex === l && t.activationTrigger === s ? t : { ...t, ...a, isTyping: !1, activeOptionIndex: l, activationTrigger: s, __demoMode: !1 };
|
|
5916
5916
|
}, 4: (t, n) => {
|
|
5917
5917
|
var e, r, o, i;
|
|
@@ -5942,7 +5942,7 @@ let rh = { 1(t) {
|
|
|
5942
5942
|
return t.inputPositionState.kind !== "Tracked" ? t : { ...t, inputPositionState: Ue.Moved };
|
|
5943
5943
|
} }, oh = class kl extends ir {
|
|
5944
5944
|
constructor(n) {
|
|
5945
|
-
super(n),
|
|
5945
|
+
super(n), Xi(this, "actions", { onChange: (e) => {
|
|
5946
5946
|
let { onChange: r, compare: o, mode: i, value: a } = this.state.dataRef.current;
|
|
5947
5947
|
return Te(i, { 0: () => r?.(e), 1: () => {
|
|
5948
5948
|
let l = a.slice(), s = l.findIndex((u) => o(u, e));
|
|
@@ -5967,7 +5967,7 @@ let rh = { 1(t) {
|
|
|
5967
5967
|
let { dataRef: r } = this.state.options[e];
|
|
5968
5968
|
this.actions.onChange(r.current.value);
|
|
5969
5969
|
}
|
|
5970
|
-
this.actions.goToOption({ focus:
|
|
5970
|
+
this.actions.goToOption({ focus: X.Specific, idx: e });
|
|
5971
5971
|
}
|
|
5972
5972
|
}, setInputElement: (e) => {
|
|
5973
5973
|
this.send({ type: 9, element: e });
|
|
@@ -5975,7 +5975,7 @@ let rh = { 1(t) {
|
|
|
5975
5975
|
this.send({ type: 10, element: e });
|
|
5976
5976
|
}, setOptionsElement: (e) => {
|
|
5977
5977
|
this.send({ type: 11, element: e });
|
|
5978
|
-
} }),
|
|
5978
|
+
} }), Xi(this, "selectors", { activeDescendantId: (e) => {
|
|
5979
5979
|
var r, o;
|
|
5980
5980
|
let i = this.selectors.activeOptionIndex(e);
|
|
5981
5981
|
if (i !== null) return e.virtual ? (o = e.options.find((a) => !a.dataRef.current.disabled && e.dataRef.current.compare(a.dataRef.current.value, e.virtual.options[i]))) == null ? void 0 : o.id : (r = e.options[i]) == null ? void 0 : r.id;
|
|
@@ -6082,35 +6082,35 @@ function lh(t, n) {
|
|
|
6082
6082
|
}, [L]);
|
|
6083
6083
|
let [B, A, W, G] = se(_, (ie) => [ie.comboboxState, ie.buttonElement, ie.inputElement, ie.optionsElement]), P = Nt.get(null), U = se(P, ce((ie) => P.selectors.isTop(ie, e), [P, e]));
|
|
6084
6084
|
yo(U, [A, W, G], () => _.actions.closeCombobox());
|
|
6085
|
-
let oe = se(_, _.selectors.activeOptionIndex), D = se(_, _.selectors.activeOption), k = Ie({ open: B === de.Open, disabled: v, invalid: c, activeIndex: oe, activeOption: D, value: F }), [ne,
|
|
6085
|
+
let oe = se(_, _.selectors.activeOptionIndex), D = se(_, _.selectors.activeOption), k = Ie({ open: B === de.Open, disabled: v, invalid: c, activeIndex: oe, activeOption: D, value: F }), [ne, J] = or(), fe = n === null ? {} : { ref: n }, $ = ce(() => {
|
|
6086
6086
|
if (I !== void 0) return R?.(I);
|
|
6087
6087
|
}, [R, I]), ee = Ee();
|
|
6088
|
-
return V.createElement(
|
|
6088
|
+
return V.createElement(J, { value: ne, props: { htmlFor: W?.id }, slot: { open: B === de.Open, disabled: v } }, V.createElement(Lo, null, V.createElement(sn.Provider, { value: L }, V.createElement(Il.Provider, { value: _ }, V.createElement(Fo, { value: Te(B, { [de.Open]: Ge.Open, [de.Closed]: Ge.Closed }) }, s != null && V.createElement(La, { disabled: v, data: F != null ? { [s]: F } : {}, form: l, onReset: $ }), ee({ ourProps: fe, theirProps: O, slot: k, defaultTag: ah, name: "Combobox" }))))));
|
|
6089
6089
|
}
|
|
6090
6090
|
let sh = "input";
|
|
6091
6091
|
function ch(t, n) {
|
|
6092
6092
|
var e, r;
|
|
6093
6093
|
let o = hn("Combobox.Input"), i = Ut("Combobox.Input"), a = Ae(), l = po(), { id: s = l || `headlessui-combobox-input-${a}`, onChange: u, displayValue: c, disabled: v = i.disabled || !1, autoFocus: m = !1, type: p = "text", ...g } = t, b = ae(null), x = ke(b, n, Po(), o.actions.setInputElement), [C, O] = se(o, (k) => [k.comboboxState, k.isTyping]), I = bt(), F = q(() => {
|
|
6094
|
-
o.actions.onChange(null), o.state.optionsElement && (o.state.optionsElement.scrollTop = 0), o.actions.goToOption({ focus:
|
|
6094
|
+
o.actions.onChange(null), o.state.optionsElement && (o.state.optionsElement.scrollTop = 0), o.actions.goToOption({ focus: X.Nothing });
|
|
6095
6095
|
}), R = Ce(() => {
|
|
6096
6096
|
var k;
|
|
6097
6097
|
return typeof c == "function" && i.value !== void 0 ? (k = c(i.value)) != null ? k : "" : typeof i.value == "string" ? i.value : "";
|
|
6098
6098
|
}, [i.value, c]);
|
|
6099
|
-
Li(([k, ne], [
|
|
6099
|
+
Li(([k, ne], [J, fe]) => {
|
|
6100
6100
|
if (o.state.isTyping) return;
|
|
6101
6101
|
let $ = b.current;
|
|
6102
|
-
$ && ((fe === de.Open && ne === de.Closed || k !==
|
|
6103
|
-
if (o.state.isTyping || !$ ||
|
|
6102
|
+
$ && ((fe === de.Open && ne === de.Closed || k !== J) && ($.value = k), requestAnimationFrame(() => {
|
|
6103
|
+
if (o.state.isTyping || !$ || Jn($)) return;
|
|
6104
6104
|
let { selectionStart: ee, selectionEnd: ie } = $;
|
|
6105
6105
|
Math.abs((ie ?? 0) - (ee ?? 0)) === 0 && ee === 0 && $.setSelectionRange($.value.length, $.value.length);
|
|
6106
6106
|
}));
|
|
6107
6107
|
}, [R, C, O]), Li(([k], [ne]) => {
|
|
6108
6108
|
if (k === de.Open && ne === de.Closed) {
|
|
6109
6109
|
if (o.state.isTyping) return;
|
|
6110
|
-
let
|
|
6111
|
-
if (!
|
|
6112
|
-
let fe =
|
|
6113
|
-
|
|
6110
|
+
let J = b.current;
|
|
6111
|
+
if (!J) return;
|
|
6112
|
+
let fe = J.value, { selectionStart: $, selectionEnd: ee, selectionDirection: ie } = J;
|
|
6113
|
+
J.value = "", J.value = fe, ie !== null ? J.setSelectionRange($, ee, ie) : J.setSelectionRange($, ee);
|
|
6114
6114
|
}
|
|
6115
6115
|
}, [C]);
|
|
6116
6116
|
let _ = ae(!1), j = q(() => {
|
|
@@ -6130,21 +6130,21 @@ function ch(t, n) {
|
|
|
6130
6130
|
o.actions.selectActiveOption(), i.mode === We.Single && o.actions.closeCombobox();
|
|
6131
6131
|
break;
|
|
6132
6132
|
case te.ArrowDown:
|
|
6133
|
-
return k.preventDefault(), k.stopPropagation(), Te(o.state.comboboxState, { [de.Open]: () => o.actions.goToOption({ focus:
|
|
6133
|
+
return k.preventDefault(), k.stopPropagation(), Te(o.state.comboboxState, { [de.Open]: () => o.actions.goToOption({ focus: X.Next }), [de.Closed]: () => o.actions.openCombobox() });
|
|
6134
6134
|
case te.ArrowUp:
|
|
6135
|
-
return k.preventDefault(), k.stopPropagation(), Te(o.state.comboboxState, { [de.Open]: () => o.actions.goToOption({ focus:
|
|
6136
|
-
ze(() => o.actions.openCombobox()), i.value || o.actions.goToOption({ focus:
|
|
6135
|
+
return k.preventDefault(), k.stopPropagation(), Te(o.state.comboboxState, { [de.Open]: () => o.actions.goToOption({ focus: X.Previous }), [de.Closed]: () => {
|
|
6136
|
+
ze(() => o.actions.openCombobox()), i.value || o.actions.goToOption({ focus: X.Last });
|
|
6137
6137
|
} });
|
|
6138
6138
|
case te.Home:
|
|
6139
6139
|
if (o.state.comboboxState === de.Closed || k.shiftKey) break;
|
|
6140
|
-
return k.preventDefault(), k.stopPropagation(), o.actions.goToOption({ focus:
|
|
6140
|
+
return k.preventDefault(), k.stopPropagation(), o.actions.goToOption({ focus: X.First });
|
|
6141
6141
|
case te.PageUp:
|
|
6142
|
-
return k.preventDefault(), k.stopPropagation(), o.actions.goToOption({ focus:
|
|
6142
|
+
return k.preventDefault(), k.stopPropagation(), o.actions.goToOption({ focus: X.First });
|
|
6143
6143
|
case te.End:
|
|
6144
6144
|
if (o.state.comboboxState === de.Closed || k.shiftKey) break;
|
|
6145
|
-
return k.preventDefault(), k.stopPropagation(), o.actions.goToOption({ focus:
|
|
6145
|
+
return k.preventDefault(), k.stopPropagation(), o.actions.goToOption({ focus: X.Last });
|
|
6146
6146
|
case te.PageDown:
|
|
6147
|
-
return k.preventDefault(), k.stopPropagation(), o.actions.goToOption({ focus:
|
|
6147
|
+
return k.preventDefault(), k.stopPropagation(), o.actions.goToOption({ focus: X.Last });
|
|
6148
6148
|
case te.Escape:
|
|
6149
6149
|
return o.state.comboboxState !== de.Open ? void 0 : (k.preventDefault(), o.state.optionsElement && !i.optionsPropsRef.current.static && k.stopPropagation(), i.mode === We.Single && i.value === null && F(), o.actions.closeCombobox());
|
|
6150
6150
|
case te.Tab:
|
|
@@ -6155,25 +6155,25 @@ function ch(t, n) {
|
|
|
6155
6155
|
}), S = q((k) => {
|
|
6156
6156
|
u?.(k), i.mode === We.Single && k.target.value === "" && F(), o.actions.openCombobox();
|
|
6157
6157
|
}), y = q((k) => {
|
|
6158
|
-
var ne,
|
|
6158
|
+
var ne, J, fe;
|
|
6159
6159
|
let $ = (ne = k.relatedTarget) != null ? ne : Et.find((ee) => ee !== k.currentTarget);
|
|
6160
|
-
if (!((
|
|
6160
|
+
if (!((J = o.state.optionsElement) != null && J.contains($)) && !((fe = o.state.buttonElement) != null && fe.contains($)) && o.state.comboboxState === de.Open) return k.preventDefault(), i.mode === We.Single && i.value === null && F(), o.actions.closeCombobox();
|
|
6161
6161
|
}), E = q((k) => {
|
|
6162
|
-
var ne,
|
|
6162
|
+
var ne, J, fe;
|
|
6163
6163
|
let $ = (ne = k.relatedTarget) != null ? ne : Et.find((ee) => ee !== k.currentTarget);
|
|
6164
|
-
(
|
|
6164
|
+
(J = o.state.buttonElement) != null && J.contains($) || (fe = o.state.optionsElement) != null && fe.contains($) || i.disabled || i.immediate && o.state.comboboxState !== de.Open && I.microTask(() => {
|
|
6165
6165
|
ze(() => o.actions.openCombobox()), o.actions.setActivationTrigger(it.Focus);
|
|
6166
6166
|
});
|
|
6167
|
-
}), L = fn(), B = za(), { isFocused: A, focusProps: W } =
|
|
6167
|
+
}), L = fn(), B = za(), { isFocused: A, focusProps: W } = Xn({ autoFocus: m }), { isHovered: G, hoverProps: P } = qn({ isDisabled: v }), U = se(o, (k) => k.optionsElement), oe = Ie({ open: C === de.Open, disabled: v, invalid: i.invalid, hover: G, focus: A, autofocus: m }), D = jt({ ref: x, id: s, role: "combobox", type: p, "aria-controls": U?.id, "aria-expanded": C === de.Open, "aria-activedescendant": se(o, o.selectors.activeDescendantId), "aria-labelledby": L, "aria-describedby": B, "aria-autocomplete": "list", defaultValue: (r = (e = t.defaultValue) != null ? e : i.defaultValue !== void 0 ? c?.(i.defaultValue) : null) != null ? r : i.defaultValue, disabled: v || void 0, autoFocus: m, onCompositionStart: j, onCompositionEnd: T, onKeyDown: N, onChange: S, onFocus: E, onBlur: y }, W, P);
|
|
6168
6168
|
return Ee()({ ourProps: D, theirProps: g, slot: oe, defaultTag: sh, name: "Combobox.Input" });
|
|
6169
6169
|
}
|
|
6170
6170
|
let uh = "button";
|
|
6171
6171
|
function dh(t, n) {
|
|
6172
|
-
let e = hn("Combobox.Button"), r = Ut("Combobox.Button"), [o, i] = be(null), a = ke(n, i, e.actions.setButtonElement), l = Ae(), { id: s = `headlessui-combobox-button-${l}`, disabled: u = r.disabled || !1, autoFocus: c = !1, ...v } = t, [m, p, g] = se(e, (E) => [E.comboboxState, E.inputElement, E.optionsElement]), b =
|
|
6172
|
+
let e = hn("Combobox.Button"), r = Ut("Combobox.Button"), [o, i] = be(null), a = ke(n, i, e.actions.setButtonElement), l = Ae(), { id: s = `headlessui-combobox-button-${l}`, disabled: u = r.disabled || !1, autoFocus: c = !1, ...v } = t, [m, p, g] = se(e, (E) => [E.comboboxState, E.inputElement, E.optionsElement]), b = Ja(p), x = m === de.Open;
|
|
6173
6173
|
wo(x, { trigger: o, action: ce((E) => {
|
|
6174
|
-
if (o != null && o.contains(E.target) || p != null && p.contains(E.target)) return
|
|
6174
|
+
if (o != null && o.contains(E.target) || p != null && p.contains(E.target)) return Xe.Ignore;
|
|
6175
6175
|
let L = E.target.closest('[role="option"]:not([data-disabled])');
|
|
6176
|
-
return et(L) ?
|
|
6176
|
+
return et(L) ? Xe.Select(L) : g != null && g.contains(E.target) ? Xe.Ignore : Xe.Close;
|
|
6177
6177
|
}, [o, p, g]), close: e.actions.closeCombobox, select: e.actions.selectActiveOption });
|
|
6178
6178
|
let C = q((E) => {
|
|
6179
6179
|
switch (E.key) {
|
|
@@ -6182,10 +6182,10 @@ function dh(t, n) {
|
|
|
6182
6182
|
E.preventDefault(), E.stopPropagation(), e.state.comboboxState === de.Closed && ze(() => e.actions.openCombobox()), b();
|
|
6183
6183
|
return;
|
|
6184
6184
|
case te.ArrowDown:
|
|
6185
|
-
E.preventDefault(), E.stopPropagation(), e.state.comboboxState === de.Closed && (ze(() => e.actions.openCombobox()), e.state.dataRef.current.value || e.actions.goToOption({ focus:
|
|
6185
|
+
E.preventDefault(), E.stopPropagation(), e.state.comboboxState === de.Closed && (ze(() => e.actions.openCombobox()), e.state.dataRef.current.value || e.actions.goToOption({ focus: X.First })), b();
|
|
6186
6186
|
return;
|
|
6187
6187
|
case te.ArrowUp:
|
|
6188
|
-
E.preventDefault(), E.stopPropagation(), e.state.comboboxState === de.Closed && (ze(() => e.actions.openCombobox()), e.state.dataRef.current.value || e.actions.goToOption({ focus:
|
|
6188
|
+
E.preventDefault(), E.stopPropagation(), e.state.comboboxState === de.Closed && (ze(() => e.actions.openCombobox()), e.state.dataRef.current.value || e.actions.goToOption({ focus: X.Last })), b();
|
|
6189
6189
|
return;
|
|
6190
6190
|
case te.Escape:
|
|
6191
6191
|
if (e.state.comboboxState !== de.Open) return;
|
|
@@ -6196,7 +6196,7 @@ function dh(t, n) {
|
|
|
6196
6196
|
}
|
|
6197
6197
|
}), O = go(() => {
|
|
6198
6198
|
e.state.comboboxState === de.Open ? e.actions.closeCombobox() : e.actions.openCombobox(), b();
|
|
6199
|
-
}), I = fn([s]), { isFocusVisible: F, focusProps: R } =
|
|
6199
|
+
}), I = fn([s]), { isFocusVisible: F, focusProps: R } = Xn({ autoFocus: c }), { isHovered: _, hoverProps: j } = qn({ isDisabled: u }), { pressed: T, pressProps: N } = uo({ disabled: u }), S = Ie({ open: m === de.Open, active: T || m === de.Open, disabled: u, invalid: r.invalid, value: r.value, hover: _, focus: F }), y = jt({ ref: a, id: s, type: xo(t, o), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": g?.id, "aria-expanded": m === de.Open, "aria-labelledby": I, disabled: u || void 0, autoFocus: c, onKeyDown: C }, O, R, j, N);
|
|
6200
6200
|
return Ee()({ ourProps: y, theirProps: v, slot: S, defaultTag: uh, name: "Combobox.Button" });
|
|
6201
6201
|
}
|
|
6202
6202
|
let fh = "div", ph = Tt.RenderStrategy | Tt.Static;
|
|
@@ -6225,19 +6225,19 @@ function mh(t, n) {
|
|
|
6225
6225
|
p.actions.setActivationTrigger(it.Pointer);
|
|
6226
6226
|
}), k = q((Oe) => {
|
|
6227
6227
|
Oe.preventDefault(), p.actions.setActivationTrigger(it.Pointer);
|
|
6228
|
-
}), ne = jt(b ? F() : {}, { "aria-labelledby": U, role: "listbox", "aria-multiselectable": g.mode === We.Multi ? !0 : void 0, id: a, ref: R, style: { ...m.style, ...C, "--input-width": Fn(B, j, !0).width, "--button-width": Fn(B, T, !0).width }, onWheel: S === it.Pointer ? void 0 : D, onMouseDown: k, ...Co(A) }),
|
|
6228
|
+
}), ne = jt(b ? F() : {}, { "aria-labelledby": U, role: "listbox", "aria-multiselectable": g.mode === We.Multi ? !0 : void 0, id: a, ref: R, style: { ...m.style, ...C, "--input-width": Fn(B, j, !0).width, "--button-width": Fn(B, T, !0).width }, onWheel: S === it.Pointer ? void 0 : D, onMouseDown: k, ...Co(A) }), J = B && _ === de.Closed && !t.static, fe = Gn(J, (e = g.virtual) == null ? void 0 : e.options), $ = Gn(J, g.value), ee = ce((Oe) => g.compare($, Oe), [g.compare, $]), ie = Ce(() => {
|
|
6229
6229
|
if (!g.virtual) return g;
|
|
6230
6230
|
if (fe === void 0) throw new Error("Missing `options` in virtual mode");
|
|
6231
6231
|
return fe !== g.virtual.options ? { ...g, virtual: { ...g.virtual, options: fe } } : g;
|
|
6232
6232
|
}, [g, fe, (r = g.virtual) == null ? void 0 : r.options]);
|
|
6233
6233
|
g.virtual && Object.assign(m, { children: V.createElement(sn.Provider, { value: ie }, V.createElement(ih, { slot: oe }, m.children)) });
|
|
6234
6234
|
let De = Ee(), Yt = Ce(() => g.mode === We.Multi ? g : { ...g, isSelected: ee }, [g, ee]);
|
|
6235
|
-
return V.createElement(Ho, { enabled: u ? t.static || B : !1, ownerDocument: y }, V.createElement(sn.Provider, { value: Yt }, De({ ourProps: ne, theirProps: { ...m, children: V.createElement(Vm, { freeze:
|
|
6235
|
+
return V.createElement(Ho, { enabled: u ? t.static || B : !1, ownerDocument: y }, V.createElement(sn.Provider, { value: Yt }, De({ ourProps: ne, theirProps: { ...m, children: V.createElement(Vm, { freeze: J }, typeof m.children == "function" ? (o = m.children) == null ? void 0 : o.call(m, oe) : m.children) }, slot: oe, defaultTag: fh, features: ph, visible: P, name: "Combobox.Options" })));
|
|
6236
6236
|
}
|
|
6237
6237
|
let hh = "div";
|
|
6238
6238
|
function gh(t, n) {
|
|
6239
6239
|
var e, r, o;
|
|
6240
|
-
let i = Ut("Combobox.Option"), a = hn("Combobox.Option"), l = Ae(), { id: s = `headlessui-combobox-option-${l}`, value: u, disabled: c = (o = (r = (e = i.virtual) == null ? void 0 : e.disabled) == null ? void 0 : r.call(e, u)) != null ? o : !1, order: v = null, ...m } = t, [p] = se(a, (A) => [A.inputElement]), g =
|
|
6240
|
+
let i = Ut("Combobox.Option"), a = hn("Combobox.Option"), l = Ae(), { id: s = `headlessui-combobox-option-${l}`, value: u, disabled: c = (o = (r = (e = i.virtual) == null ? void 0 : e.disabled) == null ? void 0 : r.call(e, u)) != null ? o : !1, order: v = null, ...m } = t, [p] = se(a, (A) => [A.inputElement]), g = Ja(p), b = se(a, ce((A) => a.selectors.isActive(A, u, s), [u, s])), x = i.isSelected(u), C = ae(null), O = yt({ disabled: c, value: u, domRef: C, order: v }), I = ye(Pl), F = ke(n, C, I ? I.measureElement : null), R = q(() => {
|
|
6241
6241
|
a.actions.setIsTyping(!1), a.actions.onChange(u);
|
|
6242
6242
|
});
|
|
6243
6243
|
ve(() => a.actions.registerOption(s, O), [O, s]);
|
|
@@ -6251,21 +6251,21 @@ function gh(t, n) {
|
|
|
6251
6251
|
let j = q((A) => {
|
|
6252
6252
|
A.preventDefault(), A.button === ho.Left && (c || (R(), Kr() || requestAnimationFrame(() => g()), i.mode === We.Single && a.actions.closeCombobox()));
|
|
6253
6253
|
}), T = q(() => {
|
|
6254
|
-
if (c) return a.actions.goToOption({ focus:
|
|
6254
|
+
if (c) return a.actions.goToOption({ focus: X.Nothing });
|
|
6255
6255
|
let A = i.calculateIndex(u);
|
|
6256
|
-
a.actions.goToOption({ focus:
|
|
6256
|
+
a.actions.goToOption({ focus: X.Specific, idx: A });
|
|
6257
6257
|
}), N = So(), S = q((A) => N.update(A)), y = q((A) => {
|
|
6258
6258
|
if (!N.wasMoved(A) || c || b && a.state.activationTrigger === it.Pointer) return;
|
|
6259
6259
|
let W = i.calculateIndex(u);
|
|
6260
|
-
a.actions.goToOption({ focus:
|
|
6260
|
+
a.actions.goToOption({ focus: X.Specific, idx: W }, it.Pointer);
|
|
6261
6261
|
}), E = q((A) => {
|
|
6262
|
-
N.wasMoved(A) && (c || b && (i.optionsPropsRef.current.hold || a.state.activationTrigger === it.Pointer && a.actions.goToOption({ focus:
|
|
6262
|
+
N.wasMoved(A) && (c || b && (i.optionsPropsRef.current.hold || a.state.activationTrigger === it.Pointer && a.actions.goToOption({ focus: X.Nothing })));
|
|
6263
6263
|
}), L = Ie({ active: b, focus: b, selected: x, disabled: c }), B = { id: s, ref: F, role: "option", tabIndex: c === !0 ? void 0 : -1, "aria-disabled": c === !0 ? !0 : void 0, "aria-selected": x, disabled: void 0, onMouseDown: j, onFocus: T, onPointerEnter: S, onMouseEnter: S, onPointerMove: y, onMouseMove: y, onPointerLeave: E, onMouseLeave: E };
|
|
6264
6264
|
return Ee()({ ourProps: B, theirProps: m, slot: L, defaultTag: hh, name: "Combobox.Option" });
|
|
6265
6265
|
}
|
|
6266
6266
|
let vh = Se(lh), bh = Se(dh), yh = Se(ch), wh = Ba, xh = Se(mh), Eh = Se(gh);
|
|
6267
6267
|
Object.assign(vh, { Input: yh, Button: bh, Label: wh, Options: xh, Option: Eh });
|
|
6268
|
-
let
|
|
6268
|
+
let Ji = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
|
|
6269
6269
|
function ea(t) {
|
|
6270
6270
|
var n, e;
|
|
6271
6271
|
let r = (n = t.innerText) != null ? n : "", o = t.cloneNode(!0);
|
|
@@ -6273,7 +6273,7 @@ function ea(t) {
|
|
|
6273
6273
|
let i = !1;
|
|
6274
6274
|
for (let l of o.querySelectorAll('[hidden],[aria-hidden],[role="img"]')) l.remove(), i = !0;
|
|
6275
6275
|
let a = i ? (e = o.innerText) != null ? e : "" : r;
|
|
6276
|
-
return
|
|
6276
|
+
return Ji.test(a) && (a = a.replace(Ji, "")), a;
|
|
6277
6277
|
}
|
|
6278
6278
|
function Sh(t) {
|
|
6279
6279
|
let n = t.getAttribute("aria-label");
|
|
@@ -6311,7 +6311,7 @@ function na(t, n = (e) => e) {
|
|
|
6311
6311
|
let Mh = { 1(t) {
|
|
6312
6312
|
if (t.dataRef.current.disabled || t.listboxState === 1) return t;
|
|
6313
6313
|
let n = t.buttonElement ? Ue.Tracked(hr(t.buttonElement)) : t.buttonPositionState;
|
|
6314
|
-
return { ...t, activeOptionIndex: null, pendingFocus: { focus:
|
|
6314
|
+
return { ...t, activeOptionIndex: null, pendingFocus: { focus: X.Nothing }, listboxState: 1, __demoMode: !1, buttonPositionState: n };
|
|
6315
6315
|
}, 0(t, n) {
|
|
6316
6316
|
if (t.dataRef.current.disabled || t.listboxState === 0) return t;
|
|
6317
6317
|
let e = t.activeOptionIndex, { isSelected: r } = t.dataRef.current, o = t.options.findIndex((i) => r(i.dataRef.current.value));
|
|
@@ -6320,9 +6320,9 @@ let Mh = { 1(t) {
|
|
|
6320
6320
|
var e, r, o, i, a;
|
|
6321
6321
|
if (t.dataRef.current.disabled || t.listboxState === 1) return t;
|
|
6322
6322
|
let l = { ...t, searchQuery: "", activationTrigger: (e = n.trigger) != null ? e : 1, __demoMode: !1 };
|
|
6323
|
-
if (n.focus ===
|
|
6324
|
-
if (n.focus ===
|
|
6325
|
-
if (n.focus ===
|
|
6323
|
+
if (n.focus === X.Nothing) return { ...l, activeOptionIndex: null };
|
|
6324
|
+
if (n.focus === X.Specific) return { ...l, activeOptionIndex: t.options.findIndex((c) => c.id === n.id) };
|
|
6325
|
+
if (n.focus === X.Previous) {
|
|
6326
6326
|
let c = t.activeOptionIndex;
|
|
6327
6327
|
if (c !== null) {
|
|
6328
6328
|
let v = t.options[c].dataRef.current.domRef, m = rt(n, { resolveItems: () => t.options, resolveActiveIndex: () => t.activeOptionIndex, resolveId: (p) => p.id, resolveDisabled: (p) => p.dataRef.current.disabled });
|
|
@@ -6331,7 +6331,7 @@ let Mh = { 1(t) {
|
|
|
6331
6331
|
if (((r = v.current) == null ? void 0 : r.previousElementSibling) === p.current || ((o = p.current) == null ? void 0 : o.previousElementSibling) === null) return { ...l, activeOptionIndex: m };
|
|
6332
6332
|
}
|
|
6333
6333
|
}
|
|
6334
|
-
} else if (n.focus ===
|
|
6334
|
+
} else if (n.focus === X.Next) {
|
|
6335
6335
|
let c = t.activeOptionIndex;
|
|
6336
6336
|
if (c !== null) {
|
|
6337
6337
|
let v = t.options[c].dataRef.current.domRef, m = rt(n, { resolveItems: () => t.options, resolveActiveIndex: () => t.activeOptionIndex, resolveId: (p) => p.id, resolveDisabled: (p) => p.dataRef.current.disabled });
|
|
@@ -6356,14 +6356,14 @@ let Mh = { 1(t) {
|
|
|
6356
6356
|
return t.dataRef.current.mode === 0 ? { ...t, frozenValue: !0 } : { ...t };
|
|
6357
6357
|
}, 6: (t, n) => {
|
|
6358
6358
|
let e = t.options.concat(n.options), r = t.activeOptionIndex;
|
|
6359
|
-
if (t.pendingFocus.focus !==
|
|
6359
|
+
if (t.pendingFocus.focus !== X.Nothing && (r = rt(t.pendingFocus, { resolveItems: () => e, resolveActiveIndex: () => t.activeOptionIndex, resolveId: (o) => o.id, resolveDisabled: (o) => o.dataRef.current.disabled })), t.activeOptionIndex === null) {
|
|
6360
6360
|
let { isSelected: o } = t.dataRef.current;
|
|
6361
6361
|
if (o) {
|
|
6362
6362
|
let i = e.findIndex((a) => o?.(a.dataRef.current.value));
|
|
6363
6363
|
i !== -1 && (r = i);
|
|
6364
6364
|
}
|
|
6365
6365
|
}
|
|
6366
|
-
return { ...t, options: e, activeOptionIndex: r, pendingFocus: { focus:
|
|
6366
|
+
return { ...t, options: e, activeOptionIndex: r, pendingFocus: { focus: X.Nothing }, pendingShouldSort: !0 };
|
|
6367
6367
|
}, 7: (t, n) => {
|
|
6368
6368
|
let e = t.options, r = [], o = new Set(n.options);
|
|
6369
6369
|
for (let [i, a] of e.entries()) if (o.has(a.id) && (r.push(i), o.delete(a.id), o.size === 0)) break;
|
|
@@ -6382,17 +6382,17 @@ let Mh = { 1(t) {
|
|
|
6382
6382
|
let l = a.slice(), s = l.findIndex((u) => o(u, e));
|
|
6383
6383
|
return s === -1 ? l.push(e) : l.splice(s, 1), r?.(l);
|
|
6384
6384
|
} });
|
|
6385
|
-
}, registerOption:
|
|
6385
|
+
}, registerOption: Jt(() => {
|
|
6386
6386
|
let e = [], r = /* @__PURE__ */ new Set();
|
|
6387
6387
|
return [(o, i) => {
|
|
6388
6388
|
r.has(i) || (r.add(i), e.push({ id: o, dataRef: i }));
|
|
6389
6389
|
}, () => (r.clear(), this.send({ type: 6, options: e.splice(0) }))];
|
|
6390
|
-
}), unregisterOption:
|
|
6390
|
+
}), unregisterOption: Jt(() => {
|
|
6391
6391
|
let e = [];
|
|
6392
6392
|
return [(r) => e.push(r), () => {
|
|
6393
6393
|
this.send({ type: 7, options: e.splice(0) });
|
|
6394
6394
|
}];
|
|
6395
|
-
}), goToOption:
|
|
6395
|
+
}), goToOption: Jt(() => {
|
|
6396
6396
|
let e = null;
|
|
6397
6397
|
return [(r, o) => {
|
|
6398
6398
|
e = { type: 2, ...r, trigger: o };
|
|
@@ -6454,7 +6454,7 @@ let Mh = { 1(t) {
|
|
|
6454
6454
|
});
|
|
6455
6455
|
}
|
|
6456
6456
|
static new({ id: n, __demoMode: e = !1 }) {
|
|
6457
|
-
return new Ll({ id: n, dataRef: { current: {} }, listboxState: e ? 0 : 1, options: [], searchQuery: "", activeOptionIndex: null, activationTrigger: 1, buttonElement: null, optionsElement: null, pendingShouldSort: !1, pendingFocus: { focus:
|
|
6457
|
+
return new Ll({ id: n, dataRef: { current: {} }, listboxState: e ? 0 : 1, options: [], searchQuery: "", activeOptionIndex: null, activationTrigger: 1, buttonElement: null, optionsElement: null, pendingShouldSort: !1, pendingFocus: { focus: X.Nothing }, frozenValue: !1, __demoMode: e, buttonPositionState: Ue.Idle });
|
|
6458
6458
|
}
|
|
6459
6459
|
reduce(n, e) {
|
|
6460
6460
|
return Te(e.type, Mh, n, e);
|
|
@@ -6504,9 +6504,9 @@ let Ih = "button";
|
|
|
6504
6504
|
function Ah(t, n) {
|
|
6505
6505
|
let e = Ae(), r = po(), o = gn("Listbox.Button"), i = Bo("Listbox.Button"), { id: a = r || `headlessui-listbox-button-${e}`, disabled: l = o.disabled || !1, autoFocus: s = !1, ...u } = t, c = ke(n, Po(), i.actions.setButtonElement), v = Cl(), [m, p, g] = se(i, (A) => [A.listboxState, A.buttonElement, A.optionsElement]), b = m === Le.Open;
|
|
6506
6506
|
wo(b, { trigger: p, action: ce((A) => {
|
|
6507
|
-
if (p != null && p.contains(A.target)) return
|
|
6507
|
+
if (p != null && p.contains(A.target)) return Xe.Ignore;
|
|
6508
6508
|
let W = A.target.closest('[role="option"]:not([data-disabled])');
|
|
6509
|
-
return et(W) ?
|
|
6509
|
+
return et(W) ? Xe.Select(W) : g != null && g.contains(A.target) ? Xe.Ignore : Xe.Close;
|
|
6510
6510
|
}, [p, g]), close: i.actions.closeListbox, select: i.actions.selectActiveOption });
|
|
6511
6511
|
let x = q((A) => {
|
|
6512
6512
|
switch (A.key) {
|
|
@@ -6515,10 +6515,10 @@ function Ah(t, n) {
|
|
|
6515
6515
|
break;
|
|
6516
6516
|
case te.Space:
|
|
6517
6517
|
case te.ArrowDown:
|
|
6518
|
-
A.preventDefault(), i.actions.openListbox({ focus: o.value ?
|
|
6518
|
+
A.preventDefault(), i.actions.openListbox({ focus: o.value ? X.Nothing : X.First });
|
|
6519
6519
|
break;
|
|
6520
6520
|
case te.ArrowUp:
|
|
6521
|
-
A.preventDefault(), i.actions.openListbox({ focus: o.value ?
|
|
6521
|
+
A.preventDefault(), i.actions.openListbox({ focus: o.value ? X.Nothing : X.Last });
|
|
6522
6522
|
break;
|
|
6523
6523
|
}
|
|
6524
6524
|
}), C = q((A) => {
|
|
@@ -6529,8 +6529,8 @@ function Ah(t, n) {
|
|
|
6529
6529
|
}
|
|
6530
6530
|
}), O = go((A) => {
|
|
6531
6531
|
var W;
|
|
6532
|
-
i.state.listboxState === Le.Open ? (ze(() => i.actions.closeListbox()), (W = i.state.buttonElement) == null || W.focus({ preventScroll: !0 })) : (A.preventDefault(), i.actions.openListbox({ focus:
|
|
6533
|
-
}), I = q((A) => A.preventDefault()), F = fn([a]), R = za(), { isFocusVisible: _, focusProps: j } =
|
|
6532
|
+
i.state.listboxState === Le.Open ? (ze(() => i.actions.closeListbox()), (W = i.state.buttonElement) == null || W.focus({ preventScroll: !0 })) : (A.preventDefault(), i.actions.openListbox({ focus: X.Nothing }));
|
|
6533
|
+
}), I = q((A) => A.preventDefault()), F = fn([a]), R = za(), { isFocusVisible: _, focusProps: j } = Xn({ autoFocus: s }), { isHovered: T, hoverProps: N } = qn({ isDisabled: l }), { pressed: S, pressProps: y } = uo({ disabled: l }), E = Ie({ open: m === Le.Open, active: S || m === Le.Open, disabled: l, invalid: o.invalid, value: o.value, hover: T, focus: _, autofocus: s }), L = se(i, (A) => A.listboxState === Le.Open), B = jt(v(), { ref: c, id: a, type: xo(t, p), "aria-haspopup": "listbox", "aria-controls": g?.id, "aria-expanded": L, "aria-labelledby": F, "aria-describedby": R, disabled: l || void 0, autoFocus: s, onKeyDown: x, onKeyUp: C, onKeyPress: I }, O, j, N, y);
|
|
6534
6534
|
return Ee()({ ourProps: B, theirProps: u, slot: E, defaultTag: Ih, name: "Listbox.Button" });
|
|
6535
6535
|
}
|
|
6536
6536
|
let Fl = me(!1), Ph = "div", jh = Tt.RenderStrategy | Tt.Static;
|
|
@@ -6556,7 +6556,7 @@ function Nh(t, n) {
|
|
|
6556
6556
|
})(), [A, W] = No(B), G = jo(), P = ke(n, u ? A : null, p.actions.setOptionsElement, v), U = bt();
|
|
6557
6557
|
we(() => {
|
|
6558
6558
|
let $ = x;
|
|
6559
|
-
$ && g === Le.Open && (
|
|
6559
|
+
$ && g === Le.Open && (Jn($) || $ == null || $.focus({ preventScroll: !0 }));
|
|
6560
6560
|
}, [g, x]);
|
|
6561
6561
|
let oe = q(($) => {
|
|
6562
6562
|
var ee;
|
|
@@ -6567,15 +6567,15 @@ function Nh(t, n) {
|
|
|
6567
6567
|
$.preventDefault(), $.stopPropagation(), p.actions.selectActiveOption();
|
|
6568
6568
|
break;
|
|
6569
6569
|
case Te(m.orientation, { vertical: te.ArrowDown, horizontal: te.ArrowRight }):
|
|
6570
|
-
return $.preventDefault(), $.stopPropagation(), p.actions.goToOption({ focus:
|
|
6570
|
+
return $.preventDefault(), $.stopPropagation(), p.actions.goToOption({ focus: X.Next });
|
|
6571
6571
|
case Te(m.orientation, { vertical: te.ArrowUp, horizontal: te.ArrowLeft }):
|
|
6572
|
-
return $.preventDefault(), $.stopPropagation(), p.actions.goToOption({ focus:
|
|
6572
|
+
return $.preventDefault(), $.stopPropagation(), p.actions.goToOption({ focus: X.Previous });
|
|
6573
6573
|
case te.Home:
|
|
6574
6574
|
case te.PageUp:
|
|
6575
|
-
return $.preventDefault(), $.stopPropagation(), p.actions.goToOption({ focus:
|
|
6575
|
+
return $.preventDefault(), $.stopPropagation(), p.actions.goToOption({ focus: X.First });
|
|
6576
6576
|
case te.End:
|
|
6577
6577
|
case te.PageDown:
|
|
6578
|
-
return $.preventDefault(), $.stopPropagation(), p.actions.goToOption({ focus:
|
|
6578
|
+
return $.preventDefault(), $.stopPropagation(), p.actions.goToOption({ focus: X.Last });
|
|
6579
6579
|
case te.Escape:
|
|
6580
6580
|
$.preventDefault(), $.stopPropagation(), ze(() => p.actions.closeListbox()), (ee = p.state.buttonElement) == null || ee.focus({ preventScroll: !0 });
|
|
6581
6581
|
return;
|
|
@@ -6589,8 +6589,8 @@ function Nh(t, n) {
|
|
|
6589
6589
|
}), D = se(p, ($) => {
|
|
6590
6590
|
var ee;
|
|
6591
6591
|
return (ee = $.buttonElement) == null ? void 0 : ee.id;
|
|
6592
|
-
}), k = Ie({ open: g === Le.Open }), ne = jt(u ? G() : {}, { id: r, ref: P, "aria-activedescendant": se(p, p.selectors.activeDescendantId), "aria-multiselectable": m.mode === mt.Multi ? !0 : void 0, "aria-labelledby": D, "aria-orientation": m.orientation, onKeyDown: oe, role: "listbox", tabIndex: g === Le.Open ? 0 : void 0, style: { ...s.style, ...W, "--button-width": Fn(R, b, !0).width }, ...Co(_) }),
|
|
6593
|
-
return V.createElement(Ho, { enabled: i ? t.static || R : !1, ownerDocument: O }, V.createElement(gr.Provider, { value: fe },
|
|
6592
|
+
}), k = Ie({ open: g === Le.Open }), ne = jt(u ? G() : {}, { id: r, ref: P, "aria-activedescendant": se(p, p.selectors.activeDescendantId), "aria-multiselectable": m.mode === mt.Multi ? !0 : void 0, "aria-labelledby": D, "aria-orientation": m.orientation, onKeyDown: oe, role: "listbox", tabIndex: g === Le.Open ? 0 : void 0, style: { ...s.style, ...W, "--button-width": Fn(R, b, !0).width }, ...Co(_) }), J = Ee(), fe = Ce(() => m.mode === mt.Multi ? m : { ...m, isSelected: E }, [m, E]);
|
|
6593
|
+
return V.createElement(Ho, { enabled: i ? t.static || R : !1, ownerDocument: O }, V.createElement(gr.Provider, { value: fe }, J({ ourProps: ne, theirProps: s, slot: k, defaultTag: Ph, features: jh, visible: N, name: "Listbox.Options" })));
|
|
6594
6594
|
}
|
|
6595
6595
|
let Lh = "div";
|
|
6596
6596
|
function _h(t, n) {
|
|
@@ -6611,12 +6611,12 @@ function _h(t, n) {
|
|
|
6611
6611
|
if (o) return S.preventDefault();
|
|
6612
6612
|
u.actions.selectOption(i);
|
|
6613
6613
|
}), O = q(() => {
|
|
6614
|
-
if (o) return u.actions.goToOption({ focus:
|
|
6615
|
-
u.actions.goToOption({ focus:
|
|
6614
|
+
if (o) return u.actions.goToOption({ focus: X.Nothing });
|
|
6615
|
+
u.actions.goToOption({ focus: X.Specific, id: r });
|
|
6616
6616
|
}), I = So(), F = q((S) => I.update(S)), R = q((S) => {
|
|
6617
|
-
I.wasMoved(S) && (o || c && u.state.activationTrigger === An.Pointer || u.actions.goToOption({ focus:
|
|
6617
|
+
I.wasMoved(S) && (o || c && u.state.activationTrigger === An.Pointer || u.actions.goToOption({ focus: X.Specific, id: r }, An.Pointer));
|
|
6618
6618
|
}), _ = q((S) => {
|
|
6619
|
-
I.wasMoved(S) && (o || c && u.state.activationTrigger === An.Pointer && u.actions.goToOption({ focus:
|
|
6619
|
+
I.wasMoved(S) && (o || c && u.state.activationTrigger === An.Pointer && u.actions.goToOption({ focus: X.Nothing }));
|
|
6620
6620
|
}), j = Ie({ active: c, focus: c, selected: v, disabled: o, selectedOption: v && l }), T = l ? {} : { id: r, ref: b, role: "option", tabIndex: o === !0 ? void 0 : -1, "aria-disabled": o === !0 ? !0 : void 0, "aria-selected": v, disabled: void 0, onClick: C, onFocus: O, onPointerEnter: F, onMouseEnter: F, onPointerMove: R, onMouseMove: R, onPointerLeave: _, onMouseLeave: _ }, N = Ee();
|
|
6621
6621
|
return !v && l ? null : N({ ourProps: T, theirProps: a, slot: j, defaultTag: Lh, name: "Listbox.Option" });
|
|
6622
6622
|
}
|
|
@@ -6635,16 +6635,16 @@ function oa(t, n = (e) => e) {
|
|
|
6635
6635
|
let Gh = { 1(t) {
|
|
6636
6636
|
if (t.menuState === 1) return t;
|
|
6637
6637
|
let n = t.buttonElement ? Ue.Tracked(hr(t.buttonElement)) : t.buttonPositionState;
|
|
6638
|
-
return { ...t, activeItemIndex: null, pendingFocus: { focus:
|
|
6638
|
+
return { ...t, activeItemIndex: null, pendingFocus: { focus: X.Nothing }, menuState: 1, buttonPositionState: n };
|
|
6639
6639
|
}, 0(t, n) {
|
|
6640
6640
|
return t.menuState === 0 ? t : { ...t, __demoMode: !1, pendingFocus: n.focus, menuState: 0, buttonPositionState: Ue.Idle };
|
|
6641
6641
|
}, 2: (t, n) => {
|
|
6642
6642
|
var e, r, o, i, a;
|
|
6643
6643
|
if (t.menuState === 1) return t;
|
|
6644
6644
|
let l = { ...t, searchQuery: "", activationTrigger: (e = n.trigger) != null ? e : 1, __demoMode: !1 };
|
|
6645
|
-
if (n.focus ===
|
|
6646
|
-
if (n.focus ===
|
|
6647
|
-
if (n.focus ===
|
|
6645
|
+
if (n.focus === X.Nothing) return { ...l, activeItemIndex: null };
|
|
6646
|
+
if (n.focus === X.Specific) return { ...l, activeItemIndex: t.items.findIndex((c) => c.id === n.id) };
|
|
6647
|
+
if (n.focus === X.Previous) {
|
|
6648
6648
|
let c = t.activeItemIndex;
|
|
6649
6649
|
if (c !== null) {
|
|
6650
6650
|
let v = t.items[c].dataRef.current.domRef, m = rt(n, { resolveItems: () => t.items, resolveActiveIndex: () => t.activeItemIndex, resolveId: (p) => p.id, resolveDisabled: (p) => p.dataRef.current.disabled });
|
|
@@ -6653,7 +6653,7 @@ let Gh = { 1(t) {
|
|
|
6653
6653
|
if (((r = v.current) == null ? void 0 : r.previousElementSibling) === p.current || ((o = p.current) == null ? void 0 : o.previousElementSibling) === null) return { ...l, activeItemIndex: m };
|
|
6654
6654
|
}
|
|
6655
6655
|
}
|
|
6656
|
-
} else if (n.focus ===
|
|
6656
|
+
} else if (n.focus === X.Next) {
|
|
6657
6657
|
let c = t.activeItemIndex;
|
|
6658
6658
|
if (c !== null) {
|
|
6659
6659
|
let v = t.items[c].dataRef.current.domRef, m = rt(n, { resolveItems: () => t.items, resolveActiveIndex: () => t.activeItemIndex, resolveId: (p) => p.id, resolveDisabled: (p) => p.dataRef.current.disabled });
|
|
@@ -6675,7 +6675,7 @@ let Gh = { 1(t) {
|
|
|
6675
6675
|
return t.searchQuery === "" ? t : { ...t, searchQuery: "", searchActiveItemIndex: null };
|
|
6676
6676
|
}, 5: (t, n) => {
|
|
6677
6677
|
let e = t.items.concat(n.items.map((o) => o)), r = t.activeItemIndex;
|
|
6678
|
-
return t.pendingFocus.focus !==
|
|
6678
|
+
return t.pendingFocus.focus !== X.Nothing && (r = rt(t.pendingFocus, { resolveItems: () => e, resolveActiveIndex: () => t.activeItemIndex, resolveId: (o) => o.id, resolveDisabled: (o) => o.dataRef.current.disabled })), { ...t, items: e, activeItemIndex: r, pendingFocus: { focus: X.Nothing }, pendingShouldSort: !0 };
|
|
6679
6679
|
}, 6: (t, n) => {
|
|
6680
6680
|
let e = t.items, r = [], o = new Set(n.items);
|
|
6681
6681
|
for (let [i, a] of e.entries()) if (o.has(a.id) && (r.push(i), o.delete(a.id), o.size === 0)) break;
|
|
@@ -6689,12 +6689,12 @@ let Gh = { 1(t) {
|
|
|
6689
6689
|
} };
|
|
6690
6690
|
class Vo extends ir {
|
|
6691
6691
|
constructor(n) {
|
|
6692
|
-
super(n), ra(this, "actions", { registerItem:
|
|
6692
|
+
super(n), ra(this, "actions", { registerItem: Jt(() => {
|
|
6693
6693
|
let e = [], r = /* @__PURE__ */ new Set();
|
|
6694
6694
|
return [(o, i) => {
|
|
6695
6695
|
r.has(i) || (r.add(i), e.push({ id: o, dataRef: i }));
|
|
6696
6696
|
}, () => (r.clear(), this.send({ type: 5, items: e.splice(0) }))];
|
|
6697
|
-
}), unregisterItem:
|
|
6697
|
+
}), unregisterItem: Jt(() => {
|
|
6698
6698
|
let e = [];
|
|
6699
6699
|
return [(r) => e.push(r), () => this.send({ type: 6, items: e.splice(0) })];
|
|
6700
6700
|
}) }), ra(this, "selectors", { activeDescendantId(e) {
|
|
@@ -6729,7 +6729,7 @@ class Vo extends ir {
|
|
|
6729
6729
|
});
|
|
6730
6730
|
}
|
|
6731
6731
|
static new({ id: n, __demoMode: e = !1 }) {
|
|
6732
|
-
return new Vo({ id: n, __demoMode: e, menuState: e ? 0 : 1, buttonElement: null, itemsElement: null, items: [], searchQuery: "", activeItemIndex: null, activationTrigger: 1, pendingShouldSort: !1, pendingFocus: { focus:
|
|
6732
|
+
return new Vo({ id: n, __demoMode: e, menuState: e ? 0 : 1, buttonElement: null, itemsElement: null, items: [], searchQuery: "", activeItemIndex: null, activationTrigger: 1, pendingShouldSort: !1, pendingFocus: { focus: X.Nothing }, buttonPositionState: Ue.Idle });
|
|
6733
6733
|
}
|
|
6734
6734
|
reduce(n, e) {
|
|
6735
6735
|
return Te(e.type, Gh, n, e);
|
|
@@ -6767,10 +6767,10 @@ function qh(t, n) {
|
|
|
6767
6767
|
case te.Space:
|
|
6768
6768
|
case te.Enter:
|
|
6769
6769
|
case te.ArrowDown:
|
|
6770
|
-
S.preventDefault(), S.stopPropagation(), e.send({ type: ge.OpenMenu, focus: { focus:
|
|
6770
|
+
S.preventDefault(), S.stopPropagation(), e.send({ type: ge.OpenMenu, focus: { focus: X.First } });
|
|
6771
6771
|
break;
|
|
6772
6772
|
case te.ArrowUp:
|
|
6773
|
-
S.preventDefault(), S.stopPropagation(), e.send({ type: ge.OpenMenu, focus: { focus:
|
|
6773
|
+
S.preventDefault(), S.stopPropagation(), e.send({ type: ge.OpenMenu, focus: { focus: X.Last } });
|
|
6774
6774
|
break;
|
|
6775
6775
|
}
|
|
6776
6776
|
}), m = q((S) => {
|
|
@@ -6781,17 +6781,17 @@ function qh(t, n) {
|
|
|
6781
6781
|
}
|
|
6782
6782
|
}), [p, g, b] = se(e, (S) => [S.menuState, S.buttonElement, S.itemsElement]), x = p === je.Open;
|
|
6783
6783
|
wo(x, { trigger: g, action: ce((S) => {
|
|
6784
|
-
if (g != null && g.contains(S.target)) return
|
|
6784
|
+
if (g != null && g.contains(S.target)) return Xe.Ignore;
|
|
6785
6785
|
let y = S.target.closest('[role="menuitem"]:not([data-disabled])');
|
|
6786
|
-
return et(y) ?
|
|
6786
|
+
return et(y) ? Xe.Select(y) : b != null && b.contains(S.target) ? Xe.Ignore : Xe.Close;
|
|
6787
6787
|
}, [g, b]), close: ce(() => e.send({ type: ge.CloseMenu }), []), select: ce((S) => S.click(), []) });
|
|
6788
6788
|
let C = go((S) => {
|
|
6789
6789
|
var y;
|
|
6790
|
-
i || (p === je.Open ? (ze(() => e.send({ type: ge.CloseMenu })), (y = s.current) == null || y.focus({ preventScroll: !0 })) : (S.preventDefault(), e.send({ type: ge.OpenMenu, focus: { focus:
|
|
6791
|
-
}), { isFocusVisible: O, focusProps: I } =
|
|
6790
|
+
i || (p === je.Open ? (ze(() => e.send({ type: ge.CloseMenu })), (y = s.current) == null || y.focus({ preventScroll: !0 })) : (S.preventDefault(), e.send({ type: ge.OpenMenu, focus: { focus: X.Nothing }, trigger: Kn.Pointer })));
|
|
6791
|
+
}), { isFocusVisible: O, focusProps: I } = Xn({ autoFocus: a }), { isHovered: F, hoverProps: R } = qn({ isDisabled: i }), { pressed: _, pressProps: j } = uo({ disabled: i }), T = Ie({ open: p === je.Open, active: _ || p === je.Open, disabled: i, hover: F, focus: O, autofocus: a }), N = jt(u(), { ref: c, id: o, type: xo(t, s.current), "aria-haspopup": "menu", "aria-controls": b?.id, "aria-expanded": p === je.Open, disabled: i || void 0, autoFocus: a, onKeyDown: v, onKeyUp: m }, C, I, R, j);
|
|
6792
6792
|
return Ee()({ ourProps: N, theirProps: l, slot: T, defaultTag: Qh, name: "Menu.Button" });
|
|
6793
6793
|
}
|
|
6794
|
-
let
|
|
6794
|
+
let Xh = "div", Jh = Tt.RenderStrategy | Tt.Static;
|
|
6795
6795
|
function eg(t, n) {
|
|
6796
6796
|
let e = Ae(), { id: r = `headlessui-menu-items-${e}`, anchor: o, portal: i = !1, modal: a = !0, transition: l = !1, ...s } = t, u = Ao(o), c = $o("Menu.Items"), [v, m] = No(u), p = jo(), [g, b] = be(null), x = ke(n, u ? v : null, q((P) => c.send({ type: ge.SetItemsElement, element: P })), b), [C, O] = se(c, (P) => [P.menuState, P.buttonElement]), I = kt(O), F = kt(g);
|
|
6797
6797
|
u && (i = !0);
|
|
@@ -6806,7 +6806,7 @@ function eg(t, n) {
|
|
|
6806
6806
|
let y = se(c, c.selectors.didButtonMove) ? !1 : _;
|
|
6807
6807
|
we(() => {
|
|
6808
6808
|
let P = g;
|
|
6809
|
-
P && C === je.Open && (
|
|
6809
|
+
P && C === je.Open && (Jn(P) || P.focus({ preventScroll: !0 }));
|
|
6810
6810
|
}, [C, g]), el(C === je.Open, { container: g, accept(P) {
|
|
6811
6811
|
return P.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : P.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
|
|
6812
6812
|
}, walk(P) {
|
|
@@ -6825,15 +6825,15 @@ function eg(t, n) {
|
|
|
6825
6825
|
c.send({ type: ge.CloseMenu }), Qa(c.state.buttonElement);
|
|
6826
6826
|
break;
|
|
6827
6827
|
case te.ArrowDown:
|
|
6828
|
-
return P.preventDefault(), P.stopPropagation(), c.send({ type: ge.GoToItem, focus:
|
|
6828
|
+
return P.preventDefault(), P.stopPropagation(), c.send({ type: ge.GoToItem, focus: X.Next });
|
|
6829
6829
|
case te.ArrowUp:
|
|
6830
|
-
return P.preventDefault(), P.stopPropagation(), c.send({ type: ge.GoToItem, focus:
|
|
6830
|
+
return P.preventDefault(), P.stopPropagation(), c.send({ type: ge.GoToItem, focus: X.Previous });
|
|
6831
6831
|
case te.Home:
|
|
6832
6832
|
case te.PageUp:
|
|
6833
|
-
return P.preventDefault(), P.stopPropagation(), c.send({ type: ge.GoToItem, focus:
|
|
6833
|
+
return P.preventDefault(), P.stopPropagation(), c.send({ type: ge.GoToItem, focus: X.First });
|
|
6834
6834
|
case te.End:
|
|
6835
6835
|
case te.PageDown:
|
|
6836
|
-
return P.preventDefault(), P.stopPropagation(), c.send({ type: ge.GoToItem, focus:
|
|
6836
|
+
return P.preventDefault(), P.stopPropagation(), c.send({ type: ge.GoToItem, focus: X.Last });
|
|
6837
6837
|
case te.Escape:
|
|
6838
6838
|
P.preventDefault(), P.stopPropagation(), ze(() => c.send({ type: ge.CloseMenu })), (D = c.state.buttonElement) == null || D.focus({ preventScroll: !0 });
|
|
6839
6839
|
break;
|
|
@@ -6854,7 +6854,7 @@ function eg(t, n) {
|
|
|
6854
6854
|
var U;
|
|
6855
6855
|
return (U = P.buttonElement) == null ? void 0 : U.id;
|
|
6856
6856
|
}), id: r, onKeyDown: L, onKeyUp: B, role: "menu", tabIndex: C === je.Open ? 0 : void 0, ref: x, style: { ...s.style, ...m, "--button-width": Fn(_, O, !0).width }, ...Co(j) }), G = Ee();
|
|
6857
|
-
return V.createElement(Ho, { enabled: i ? t.static || _ : !1, ownerDocument: I }, G({ ourProps: W, theirProps: s, slot: A, defaultTag:
|
|
6857
|
+
return V.createElement(Ho, { enabled: i ? t.static || _ : !1, ownerDocument: I }, G({ ourProps: W, theirProps: s, slot: A, defaultTag: Xh, features: Jh, visible: y, name: "Menu.Items" }));
|
|
6858
6858
|
}
|
|
6859
6859
|
let tg = ut;
|
|
6860
6860
|
function ng(t, n) {
|
|
@@ -6877,12 +6877,12 @@ function ng(t, n) {
|
|
|
6877
6877
|
if (o) return y.preventDefault();
|
|
6878
6878
|
a.send({ type: ge.CloseMenu }), Qa(a.state.buttonElement);
|
|
6879
6879
|
}), b = q(() => {
|
|
6880
|
-
if (o) return a.send({ type: ge.GoToItem, focus:
|
|
6881
|
-
a.send({ type: ge.GoToItem, focus:
|
|
6880
|
+
if (o) return a.send({ type: ge.GoToItem, focus: X.Nothing });
|
|
6881
|
+
a.send({ type: ge.GoToItem, focus: X.Specific, id: r });
|
|
6882
6882
|
}), x = So(), C = q((y) => x.update(y)), O = q((y) => {
|
|
6883
|
-
x.wasMoved(y) && (o || l || a.send({ type: ge.GoToItem, focus:
|
|
6883
|
+
x.wasMoved(y) && (o || l || a.send({ type: ge.GoToItem, focus: X.Specific, id: r, trigger: Kn.Pointer }));
|
|
6884
6884
|
}), I = q((y) => {
|
|
6885
|
-
x.wasMoved(y) && (o || l && a.state.activationTrigger === Kn.Pointer && a.send({ type: ge.GoToItem, focus:
|
|
6885
|
+
x.wasMoved(y) && (o || l && a.state.activationTrigger === Kn.Pointer && a.send({ type: ge.GoToItem, focus: X.Nothing }));
|
|
6886
6886
|
}), [F, R] = or(), [_, j] = qd(), T = Ie({ active: l, focus: l, disabled: o, close: p }), N = { id: r, ref: u, role: "menuitem", tabIndex: o === !0 ? void 0 : -1, "aria-disabled": o === !0 ? !0 : void 0, "aria-labelledby": F, "aria-describedby": _, disabled: void 0, onClick: g, onFocus: b, onPointerEnter: C, onMouseEnter: C, onPointerMove: O, onMouseMove: O, onPointerLeave: I, onMouseLeave: I }, S = Ee();
|
|
6887
6887
|
return V.createElement(R, null, V.createElement(j, null, S({ ourProps: N, theirProps: i, slot: T, defaultTag: tg, name: "Menu.Item" })));
|
|
6888
6888
|
}
|
|
@@ -6905,7 +6905,7 @@ function sg(t, n) {
|
|
|
6905
6905
|
}
|
|
6906
6906
|
let cg = Se(Zh), ug = Se(qh), dg = Se(eg), fg = Se(ng), pg = Se(og), mg = Se(ag), hg = Se(sg);
|
|
6907
6907
|
Object.assign(cg, { Button: ug, Items: dg, Item: fg, Section: pg, Heading: mg, Separator: hg });
|
|
6908
|
-
function
|
|
6908
|
+
function Jr(t) {
|
|
6909
6909
|
const n = d.useRef(void 0), e = d.useCallback((r) => {
|
|
6910
6910
|
const o = t.map((i) => {
|
|
6911
6911
|
if (i != null) {
|
|
@@ -7475,7 +7475,7 @@ function Tg(t, n) {
|
|
|
7475
7475
|
config: Pe(Pe({}, Ht), Me.defaultConfig),
|
|
7476
7476
|
l10n: cn
|
|
7477
7477
|
};
|
|
7478
|
-
e.parseDate = eo({ config: e.config, l10n: e.l10n }), e._handlers = [], e.pluginElements = [], e.loadedPlugins = [], e._bind = b, e._setHoursFromDate = m, e._positionCalendar = bn, e.changeMonth = D, e.changeYear = ee, e.clear = k, e.close = ne, e.onMouseOver = vn, e._createElement = pe, e.createDay = _, e.destroy =
|
|
7478
|
+
e.parseDate = eo({ config: e.config, l10n: e.l10n }), e._handlers = [], e.pluginElements = [], e.loadedPlugins = [], e._bind = b, e._setHoursFromDate = m, e._positionCalendar = bn, e.changeMonth = D, e.changeYear = ee, e.clear = k, e.close = ne, e.onMouseOver = vn, e._createElement = pe, e.createDay = _, e.destroy = J, e.isEnabled = ie, e.jumpToDate = O, e.updateValue = st, e.open = Yl, e.redraw = Go, e.set = Ql, e.setDate = ql, e.toggle = ts;
|
|
7479
7479
|
function r() {
|
|
7480
7480
|
e.utils = {
|
|
7481
7481
|
getDaysInMonth: function(f, h) {
|
|
@@ -7484,7 +7484,7 @@ function Tg(t, n) {
|
|
|
7484
7484
|
};
|
|
7485
7485
|
}
|
|
7486
7486
|
function o() {
|
|
7487
|
-
e.element = e.input = t, e.isOpen = !1, Gl(), Yo(),
|
|
7487
|
+
e.element = e.input = t, e.isOpen = !1, Gl(), Yo(), Jl(), Xl(), r(), e.isMobile || R(), C(), (e.selectedDates.length || e.config.noCalendar) && (e.config.enableTime && m(e.config.noCalendar ? e.latestSelectedDateObj : void 0), st(!1)), l();
|
|
7488
7488
|
var f = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
|
|
7489
7489
|
!e.isMobile && f && bn(), xe("onReady");
|
|
7490
7490
|
}
|
|
@@ -7800,7 +7800,7 @@ function Tg(t, n) {
|
|
|
7800
7800
|
function ne() {
|
|
7801
7801
|
e.isOpen = !1, e.isMobile || (e.calendarContainer !== void 0 && e.calendarContainer.classList.remove("open"), e._input !== void 0 && e._input.classList.remove("active")), xe("onClose");
|
|
7802
7802
|
}
|
|
7803
|
-
function
|
|
7803
|
+
function J() {
|
|
7804
7804
|
e.config !== void 0 && xe("onDestroy");
|
|
7805
7805
|
for (var f = e._handlers.length; f--; )
|
|
7806
7806
|
e._handlers[f].remove();
|
|
@@ -8253,12 +8253,12 @@ function Tg(t, n) {
|
|
|
8253
8253
|
return h;
|
|
8254
8254
|
});
|
|
8255
8255
|
}
|
|
8256
|
-
function
|
|
8256
|
+
function Xl() {
|
|
8257
8257
|
e.selectedDates = [], e.now = e.parseDate(e.config.now) || /* @__PURE__ */ new Date();
|
|
8258
8258
|
var f = e.config.defaultDate || ((e.input.nodeName === "INPUT" || e.input.nodeName === "TEXTAREA") && e.input.placeholder && e.input.value === e.input.placeholder ? null : e.input.value);
|
|
8259
8259
|
f && Zo(f, e.config.dateFormat), e._initialDate = e.selectedDates.length > 0 ? e.selectedDates[0] : e.config.minDate && e.config.minDate.getTime() > e.now.getTime() ? e.config.minDate : e.config.maxDate && e.config.maxDate.getTime() < e.now.getTime() ? e.config.maxDate : e.now, e.currentYear = e._initialDate.getFullYear(), e.currentMonth = e._initialDate.getMonth(), e.selectedDates.length > 0 && (e.latestSelectedDateObj = e.selectedDates[0]), e.config.minTime !== void 0 && (e.config.minTime = e.parseDate(e.config.minTime, "H:i")), e.config.maxTime !== void 0 && (e.config.maxTime = e.parseDate(e.config.maxTime, "H:i")), e.minDateHasTime = !!e.config.minDate && (e.config.minDate.getHours() > 0 || e.config.minDate.getMinutes() > 0 || e.config.minDate.getSeconds() > 0), e.maxDateHasTime = !!e.config.maxDate && (e.config.maxDate.getHours() > 0 || e.config.maxDate.getMinutes() > 0 || e.config.maxDate.getSeconds() > 0);
|
|
8260
8260
|
}
|
|
8261
|
-
function
|
|
8261
|
+
function Jl() {
|
|
8262
8262
|
if (e.input = Uo(), !e.input) {
|
|
8263
8263
|
e.config.errorHandler(new Error("Invalid input element specified"));
|
|
8264
8264
|
return;
|
|
@@ -8666,11 +8666,11 @@ var ca = {
|
|
|
8666
8666
|
}
|
|
8667
8667
|
}, qg = function(t) {
|
|
8668
8668
|
return t.tagName && t.tagName.toLowerCase() === "input" && typeof t.select == "function";
|
|
8669
|
-
},
|
|
8669
|
+
}, Xg = function(t) {
|
|
8670
8670
|
return t?.key === "Escape" || t?.key === "Esc" || t?.keyCode === 27;
|
|
8671
8671
|
}, nn = function(t) {
|
|
8672
8672
|
return t?.key === "Tab" || t?.keyCode === 9;
|
|
8673
|
-
},
|
|
8673
|
+
}, Jg = function(t) {
|
|
8674
8674
|
return nn(t) && !t.shiftKey;
|
|
8675
8675
|
}, ev = function(t) {
|
|
8676
8676
|
return nn(t) && t.shiftKey;
|
|
@@ -8687,7 +8687,7 @@ var ca = {
|
|
|
8687
8687
|
returnFocusOnDeactivate: !0,
|
|
8688
8688
|
escapeDeactivates: !0,
|
|
8689
8689
|
delayInitialFocus: !0,
|
|
8690
|
-
isKeyForward:
|
|
8690
|
+
isKeyForward: Jg,
|
|
8691
8691
|
isKeyBackward: ev
|
|
8692
8692
|
}, n), i = {
|
|
8693
8693
|
// containers given to createFocusTrap()
|
|
@@ -8868,8 +8868,8 @@ var ca = {
|
|
|
8868
8868
|
return E === $;
|
|
8869
8869
|
});
|
|
8870
8870
|
if (k < 0 && (P.container === E || kn(E, o.tabbableOptions) && !xt(E, o.tabbableOptions) && !P.nextTabbableNode(E)) && (k = G), k >= 0) {
|
|
8871
|
-
var ne = k === i.tabbableGroups.length - 1 ? 0 : k + 1,
|
|
8872
|
-
W = ft(E) >= 0 ?
|
|
8871
|
+
var ne = k === i.tabbableGroups.length - 1 ? 0 : k + 1, J = i.tabbableGroups[ne];
|
|
8872
|
+
W = ft(E) >= 0 ? J.firstTabbableNode : J.firstDomTabbableNode;
|
|
8873
8873
|
} else nn(L) || (W = P.nextTabbableNode(E));
|
|
8874
8874
|
}
|
|
8875
8875
|
} else
|
|
@@ -8935,7 +8935,7 @@ var ca = {
|
|
|
8935
8935
|
}, I = function(y) {
|
|
8936
8936
|
(o.isKeyForward(y) || o.isKeyBackward(y)) && O(y, o.isKeyBackward(y));
|
|
8937
8937
|
}, F = function(y) {
|
|
8938
|
-
|
|
8938
|
+
Xg(y) && Zt(o.escapeDeactivates, y) !== !1 && (y.preventDefault(), a.deactivate());
|
|
8939
8939
|
}, R = function(y) {
|
|
8940
8940
|
var E = Dn(y);
|
|
8941
8941
|
s(E, y) >= 0 || Zt(o.clickOutsideDeactivates, y) || Zt(o.allowOutsideClick, y) || (y.preventDefault(), y.stopImmediatePropagation());
|
|
@@ -9361,7 +9361,7 @@ const cv = V.createContext(null), Wl = () => {
|
|
|
9361
9361
|
}
|
|
9362
9362
|
};
|
|
9363
9363
|
V.forwardRef(function({ className: t = "", children: n, ...e }, r) {
|
|
9364
|
-
const o = Wl(), i =
|
|
9364
|
+
const o = Wl(), i = Jr([o.refs?.setFloating ?? null, r]), a = o.variant;
|
|
9365
9365
|
return o.disabled ? null : /* @__PURE__ */ H.jsx(H.Fragment, { children: o.open && /* @__PURE__ */ H.jsxs(
|
|
9366
9366
|
"div",
|
|
9367
9367
|
{
|
|
@@ -9386,10 +9386,10 @@ V.forwardRef(function({ className: t = "", children: n, ...e }, r) {
|
|
|
9386
9386
|
) });
|
|
9387
9387
|
});
|
|
9388
9388
|
V.forwardRef(function({ children: t, asChild: n = !1, className: e = "", ...r }, o) {
|
|
9389
|
-
const i = Wl(), a =
|
|
9389
|
+
const i = Wl(), a = Jr([i.refs?.setReference, o]);
|
|
9390
9390
|
if (n && V.isValidElement(t)) {
|
|
9391
9391
|
const l = t.props, s = l.ref, u = i.refs?.setReference, c = {
|
|
9392
|
-
ref:
|
|
9392
|
+
ref: Jr([u, o, s]),
|
|
9393
9393
|
...r,
|
|
9394
9394
|
...l,
|
|
9395
9395
|
"data-state": i.open ? "open" : "closed",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cloudoperators/juno-messages-provider",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.25",
|
|
4
4
|
"description": "Messages provider",
|
|
5
5
|
"author": "UI-Team",
|
|
6
6
|
"contributors": [
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@testing-library/jest-dom": "6.9.1",
|
|
28
28
|
"@testing-library/react": "16.3.0",
|
|
29
|
-
"@types/react": "19.2.
|
|
30
|
-
"@types/react-dom": "19.2.
|
|
29
|
+
"@types/react": "19.2.5",
|
|
30
|
+
"@types/react-dom": "19.2.3",
|
|
31
31
|
"react": "19.2.0",
|
|
32
32
|
"react-dom": "19.2.0",
|
|
33
33
|
"typescript": "5.9.3",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"@cloudoperators/juno-config": "0.0.5"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@cloudoperators/juno-ui-components": "5.
|
|
41
|
+
"@cloudoperators/juno-ui-components": "5.10.0"
|
|
42
42
|
},
|
|
43
43
|
"jest": {
|
|
44
44
|
"testEnvironment": "jsdom",
|