mimir-ui-kit 1.38.43 → 1.38.44
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/components/Dropdown/Dropdown.js +176 -176
- package/package.json +1 -1
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsx as de, jsxs as Ae, Fragment as nt } from "react/jsx-runtime";
|
|
2
2
|
import { c as ve } from "../../index-DIxK0V-G.js";
|
|
3
|
-
import E, { createContext as ae, useState as
|
|
3
|
+
import E, { createContext as ae, useState as X, useContext as ee, useRef as k, useEffect as ie, useMemo as j, Fragment as pe, useReducer as rt, createRef as Ie, useId as be, memo as ot, useCallback as me } from "react";
|
|
4
4
|
import { Button as lt } from "../Button/Button.js";
|
|
5
|
-
import { o as S, u as
|
|
5
|
+
import { o as S, u as He, M as fe, W as V, y as z, O as oe, n as se, m as at, e as ut, H as ue, s as Fe, p as st, a as Q, T as it, $ as ct, b as dt, D as Ce, I as pt, c as re } from "../../keyboard-CUMsrFX1.js";
|
|
6
6
|
import { w as ft } from "../../use-active-press-BVQqDQ3V.js";
|
|
7
|
-
import { n as $e, s as vt, l as
|
|
7
|
+
import { n as $e, s as vt, l as De, e as mt, E as bt, R as ht, v as Pt, y as $t, x as yt, a as Et, b as gt, m as St, f as Tt, d as _t, t as wt } from "../../portal-D3A00sie.js";
|
|
8
8
|
import { e as It } from "../../use-resolve-button-type-DhFdPxnv.js";
|
|
9
9
|
import { T as he, s as Pe } from "../../hidden-Dn4lM6EL.js";
|
|
10
|
-
import { R as
|
|
10
|
+
import { R as Oe, H as Me, i as K, c as Ge, u as ye, s as Ft } from "../../open-closed-CkTbpRyi.js";
|
|
11
11
|
import { C as Ct } from "../../close-provider-CEutdhG8.js";
|
|
12
12
|
import { r as Ke } from "../../bugs-diTMAGNw.js";
|
|
13
13
|
import { b as xe, P as le, F as Y, A as Bt, h as kt, T as Be } from "../../focus-management-Dp2_vbQ3.js";
|
|
14
|
-
import { f as
|
|
15
|
-
import '../../assets/Dropdown.css';function
|
|
14
|
+
import { f as Ot } from "../../use-is-mounted-D7cq4xsa.js";
|
|
15
|
+
import '../../assets/Dropdown.css';function Mt({ defaultContainers: e = [], portals: t, mainTreeNode: o } = {}) {
|
|
16
16
|
let d = $e(o), v = S(() => {
|
|
17
17
|
var b, m;
|
|
18
18
|
let l = [];
|
|
@@ -25,11 +25,11 @@ import '../../assets/Dropdown.css';function Ot({ defaultContainers: e = [], port
|
|
|
25
25
|
}
|
|
26
26
|
let Ue = ae(null);
|
|
27
27
|
function je({ children: e, node: t }) {
|
|
28
|
-
let [o, d] =
|
|
28
|
+
let [o, d] = X(null), v = Xe(t ?? o);
|
|
29
29
|
return E.createElement(Ue.Provider, { value: v }, e, v === null && E.createElement(he, { features: Pe.Hidden, ref: (b) => {
|
|
30
30
|
var m, l;
|
|
31
31
|
if (b) {
|
|
32
|
-
for (let r of (l = (m =
|
|
32
|
+
for (let r of (l = (m = He(b)) == null ? void 0 : m.querySelectorAll("html > *, body > *")) != null ? l : []) if (r !== document.body && r !== document.head && r instanceof HTMLElement && r != null && r.contains(b)) {
|
|
33
33
|
d(r);
|
|
34
34
|
break;
|
|
35
35
|
}
|
|
@@ -42,7 +42,7 @@ function Xe(e = null) {
|
|
|
42
42
|
}
|
|
43
43
|
var J = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(J || {});
|
|
44
44
|
function We() {
|
|
45
|
-
let e =
|
|
45
|
+
let e = k(0);
|
|
46
46
|
return vt(!0, "keydown", (t) => {
|
|
47
47
|
t.key === "Tab" && (e.current = t.shiftKey ? 1 : 0);
|
|
48
48
|
}, !0), e;
|
|
@@ -70,99 +70,99 @@ function Se(e) {
|
|
|
70
70
|
return "children" in e ? Se(e.children) : e.current.filter(({ el: t }) => t.current !== null).filter(({ state: t }) => t === "visible").length > 0;
|
|
71
71
|
}
|
|
72
72
|
function qe(e, t) {
|
|
73
|
-
let o = Fe(e), d =
|
|
74
|
-
let
|
|
75
|
-
|
|
76
|
-
d.current.splice(
|
|
73
|
+
let o = Fe(e), d = k([]), v = Ot(), b = st(), m = S((c, a = oe.Hidden) => {
|
|
74
|
+
let i = d.current.findIndex(({ el: u }) => u === c);
|
|
75
|
+
i !== -1 && (Q(a, { [oe.Unmount]() {
|
|
76
|
+
d.current.splice(i, 1);
|
|
77
77
|
}, [oe.Hidden]() {
|
|
78
|
-
d.current[
|
|
78
|
+
d.current[i].state = "hidden";
|
|
79
79
|
} }), b.microTask(() => {
|
|
80
80
|
var u;
|
|
81
81
|
!Se(d) && v.current && ((u = o.current) == null || u.call(o));
|
|
82
82
|
}));
|
|
83
83
|
}), l = S((c) => {
|
|
84
|
-
let a = d.current.find(({ el:
|
|
84
|
+
let a = d.current.find(({ el: i }) => i === c);
|
|
85
85
|
return a ? a.state !== "visible" && (a.state = "visible") : d.current.push({ el: c, state: "visible" }), () => m(c, oe.Unmount);
|
|
86
|
-
}), r =
|
|
86
|
+
}), r = k([]), h = k(Promise.resolve()), n = k({ enter: [], leave: [] }), y = S((c, a, i) => {
|
|
87
87
|
r.current.splice(0), t && (t.chains.current[a] = t.chains.current[a].filter(([u]) => u !== c)), t == null || t.chains.current[a].push([c, new Promise((u) => {
|
|
88
88
|
r.current.push(u);
|
|
89
89
|
})]), t == null || t.chains.current[a].push([c, new Promise((u) => {
|
|
90
90
|
Promise.all(n.current[a].map(([$, I]) => I)).then(() => u());
|
|
91
|
-
})]), a === "enter" ? h.current = h.current.then(() => t == null ? void 0 : t.wait.current).then(() =>
|
|
92
|
-
}), P = S((c, a,
|
|
91
|
+
})]), a === "enter" ? h.current = h.current.then(() => t == null ? void 0 : t.wait.current).then(() => i(a)) : i(a);
|
|
92
|
+
}), P = S((c, a, i) => {
|
|
93
93
|
Promise.all(n.current[a].splice(0).map(([u, $]) => $)).then(() => {
|
|
94
94
|
var u;
|
|
95
95
|
(u = r.current.shift()) == null || u();
|
|
96
|
-
}).then(() =>
|
|
96
|
+
}).then(() => i(a));
|
|
97
97
|
});
|
|
98
|
-
return
|
|
98
|
+
return j(() => ({ children: d, register: l, unregister: m, onStart: y, onStop: P, wait: h, chains: n }), [l, m, d, y, P, n, h]);
|
|
99
99
|
}
|
|
100
100
|
let Je = pe, Qe = fe.RenderStrategy;
|
|
101
101
|
function Lt(e, t) {
|
|
102
102
|
var o, d;
|
|
103
|
-
let { transition: v = !0, beforeEnter: b, afterEnter: m, beforeLeave: l, afterLeave: r, enter: h, enterFrom: n, enterTo: y, entered: P, leave: c, leaveFrom: a, leaveTo:
|
|
104
|
-
|
|
105
|
-
if (
|
|
106
|
-
if (
|
|
107
|
-
|
|
103
|
+
let { transition: v = !0, beforeEnter: b, afterEnter: m, beforeLeave: l, afterLeave: r, enter: h, enterFrom: n, enterTo: y, entered: P, leave: c, leaveFrom: a, leaveTo: i, ...u } = e, [$, I] = X(null), g = k(null), C = Ze(e), N = z(...C ? [g, t, I] : t === null ? [] : [t]), D = (o = u.unmount) == null || o ? oe.Unmount : oe.Hidden, { show: F, appear: B, initial: G } = Nt(), [O, M] = X(F ? "visible" : "hidden"), W = Rt(), { register: R, unregister: L } = W;
|
|
104
|
+
se(() => R(g), [R, g]), se(() => {
|
|
105
|
+
if (D === oe.Hidden && g.current) {
|
|
106
|
+
if (F && O !== "visible") {
|
|
107
|
+
M("visible");
|
|
108
108
|
return;
|
|
109
109
|
}
|
|
110
|
-
return Q(
|
|
110
|
+
return Q(O, { hidden: () => L(g), visible: () => R(g) });
|
|
111
111
|
}
|
|
112
|
-
}, [
|
|
113
|
-
let
|
|
114
|
-
|
|
115
|
-
if (
|
|
116
|
-
}, [g,
|
|
117
|
-
let te =
|
|
118
|
-
f.current || (
|
|
119
|
-
},
|
|
112
|
+
}, [O, g, R, L, F, D]);
|
|
113
|
+
let Z = De();
|
|
114
|
+
se(() => {
|
|
115
|
+
if (C && Z && O === "visible" && g.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
|
|
116
|
+
}, [g, O, Z, C]);
|
|
117
|
+
let te = G && !B, q = B && F && G, f = k(!1), s = qe(() => {
|
|
118
|
+
f.current || (M("hidden"), L(g));
|
|
119
|
+
}, W), p = S((H) => {
|
|
120
120
|
f.current = !0;
|
|
121
121
|
let ne = H ? "enter" : "leave";
|
|
122
|
-
|
|
122
|
+
s.onStart(g, ne, (ce) => {
|
|
123
123
|
ce === "enter" ? b == null || b() : ce === "leave" && (l == null || l());
|
|
124
124
|
});
|
|
125
125
|
}), T = S((H) => {
|
|
126
126
|
let ne = H ? "enter" : "leave";
|
|
127
|
-
f.current = !1,
|
|
127
|
+
f.current = !1, s.onStop(g, ne, (ce) => {
|
|
128
128
|
ce === "enter" ? m == null || m() : ce === "leave" && (r == null || r());
|
|
129
|
-
}), ne === "leave" && !Se(
|
|
129
|
+
}), ne === "leave" && !Se(s) && (M("hidden"), L(g));
|
|
130
130
|
});
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
}, [
|
|
134
|
-
let _ = !(!v || !
|
|
135
|
-
return
|
|
131
|
+
ie(() => {
|
|
132
|
+
C && v || (p(F), T(F));
|
|
133
|
+
}, [F, C, v]);
|
|
134
|
+
let _ = !(!v || !C || !Z || te), [, w] = Oe(_, $, F, { start: p, end: T }), x = at({ ref: N, className: ((d = ut(u.className, q && h, q && n, w.enter && h, w.enter && w.closed && n, w.enter && !w.closed && y, w.leave && c, w.leave && !w.closed && a, w.leave && w.closed && i, !w.transition && F && P)) == null ? void 0 : d.trim()) || void 0, ...Me(w) }), A = 0;
|
|
135
|
+
return O === "visible" && (A |= K.Open), O === "hidden" && (A |= K.Closed), w.enter && (A |= K.Opening), w.leave && (A |= K.Closing), E.createElement(ge.Provider, { value: s }, E.createElement(Ge, { value: A }, ue({ ourProps: x, theirProps: u, defaultTag: Je, features: Qe, visible: O === "visible", name: "Transition.Child" })));
|
|
136
136
|
}
|
|
137
137
|
function At(e, t) {
|
|
138
|
-
let { show: o, appear: d = !1, unmount: v = !0, ...b } = e, m =
|
|
139
|
-
|
|
138
|
+
let { show: o, appear: d = !1, unmount: v = !0, ...b } = e, m = k(null), l = Ze(e), r = z(...l ? [m, t] : t === null ? [] : [t]);
|
|
139
|
+
De();
|
|
140
140
|
let h = ye();
|
|
141
|
-
if (o === void 0 && h !== null && (o = (h &
|
|
142
|
-
let [n, y] =
|
|
141
|
+
if (o === void 0 && h !== null && (o = (h & K.Open) === K.Open), o === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
|
|
142
|
+
let [n, y] = X(o ? "visible" : "hidden"), P = qe(() => {
|
|
143
143
|
o || y("hidden");
|
|
144
|
-
}), [c, a] =
|
|
145
|
-
|
|
146
|
-
c !== !1 &&
|
|
147
|
-
}, [
|
|
148
|
-
let u =
|
|
149
|
-
|
|
144
|
+
}), [c, a] = X(!0), i = k([o]);
|
|
145
|
+
se(() => {
|
|
146
|
+
c !== !1 && i.current[i.current.length - 1] !== o && (i.current.push(o), a(!1));
|
|
147
|
+
}, [i, o]);
|
|
148
|
+
let u = j(() => ({ show: o, appear: d, initial: c }), [o, d, c]);
|
|
149
|
+
se(() => {
|
|
150
150
|
o ? y("visible") : !Se(P) && m.current !== null && y("hidden");
|
|
151
151
|
}, [o, P]);
|
|
152
152
|
let $ = { unmount: v }, I = S(() => {
|
|
153
|
-
var
|
|
154
|
-
c && a(!1), (
|
|
153
|
+
var C;
|
|
154
|
+
c && a(!1), (C = e.beforeEnter) == null || C.call(e);
|
|
155
155
|
}), g = S(() => {
|
|
156
|
-
var
|
|
157
|
-
c && a(!1), (
|
|
156
|
+
var C;
|
|
157
|
+
c && a(!1), (C = e.beforeLeave) == null || C.call(e);
|
|
158
158
|
});
|
|
159
159
|
return E.createElement(ge.Provider, { value: P }, E.createElement(Ee.Provider, { value: u }, ue({ ourProps: { ...$, as: pe, children: E.createElement(Ve, { ref: r, ...$, ...b, beforeEnter: I, beforeLeave: g }) }, theirProps: {}, defaultTag: pe, features: Qe, visible: n === "visible", name: "Transition" })));
|
|
160
160
|
}
|
|
161
|
-
function
|
|
161
|
+
function Ht(e, t) {
|
|
162
162
|
let o = ee(Ee) !== null, d = ye() !== null;
|
|
163
163
|
return E.createElement(E.Fragment, null, !o && d ? E.createElement(ke, { ref: t, ...e }) : E.createElement(Ve, { ref: t, ...e }));
|
|
164
164
|
}
|
|
165
|
-
let ke = V(At), Ve = V(Lt),
|
|
165
|
+
let ke = V(At), Ve = V(Lt), Dt = V(Ht), Gt = Object.assign(ke, { Child: Dt, Root: ke });
|
|
166
166
|
var Kt = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Kt || {}), Ut = ((e) => (e[e.TogglePopover = 0] = "TogglePopover", e[e.ClosePopover = 1] = "ClosePopover", e[e.SetButton = 2] = "SetButton", e[e.SetButtonId = 3] = "SetButtonId", e[e.SetPanel = 4] = "SetPanel", e[e.SetPanelId = 5] = "SetPanelId", e))(Ut || {});
|
|
167
167
|
let jt = { 0: (e) => ({ ...e, popoverState: Q(e.popoverState, { 0: 1, 1: 0 }), __demoMode: !1 }), 1(e) {
|
|
168
168
|
return e.popoverState === 1 ? e : { ...e, popoverState: 1, __demoMode: !1 };
|
|
@@ -210,135 +210,135 @@ function Wt(e, t) {
|
|
|
210
210
|
let Zt = "div";
|
|
211
211
|
function qt(e, t) {
|
|
212
212
|
var o;
|
|
213
|
-
let { __demoMode: d = !1, ...v } = e, b =
|
|
213
|
+
let { __demoMode: d = !1, ...v } = e, b = k(null), m = z(t, it((f) => {
|
|
214
214
|
b.current = f;
|
|
215
|
-
})), l =
|
|
215
|
+
})), l = k([]), r = rt(Wt, { __demoMode: d, popoverState: d ? 0 : 1, buttons: l, button: null, buttonId: null, panel: null, panelId: null, beforePanelSentinel: Ie(), afterPanelSentinel: Ie(), afterButtonSentinel: Ie() }), [{ popoverState: h, button: n, buttonId: y, panel: P, panelId: c, beforePanelSentinel: a, afterPanelSentinel: i, afterButtonSentinel: u }, $] = r, I = $e((o = b.current) != null ? o : n), g = j(() => {
|
|
216
216
|
if (!n || !P) return !1;
|
|
217
|
-
for (let
|
|
218
|
-
let f = xe(),
|
|
217
|
+
for (let x of document.querySelectorAll("body > *")) if (Number(x == null ? void 0 : x.contains(n)) ^ Number(x == null ? void 0 : x.contains(P))) return !0;
|
|
218
|
+
let f = xe(), s = f.indexOf(n), p = (s + f.length - 1) % f.length, T = (s + 1) % f.length, _ = f[p], w = f[T];
|
|
219
219
|
return !P.contains(_) && !P.contains(w);
|
|
220
|
-
}, [n, P]),
|
|
220
|
+
}, [n, P]), C = Fe(y), N = Fe(c), D = j(() => ({ buttonId: C, panelId: N, close: () => $({ type: 1 }) }), [C, N, $]), F = Ye(), B = F == null ? void 0 : F.registerPopover, G = S(() => {
|
|
221
221
|
var f;
|
|
222
|
-
return (f =
|
|
222
|
+
return (f = F == null ? void 0 : F.isFocusWithinPopoverGroup()) != null ? f : (I == null ? void 0 : I.activeElement) && ((n == null ? void 0 : n.contains(I.activeElement)) || (P == null ? void 0 : P.contains(I.activeElement)));
|
|
223
223
|
});
|
|
224
|
-
|
|
225
|
-
let [
|
|
224
|
+
ie(() => B == null ? void 0 : B(D), [B, D]);
|
|
225
|
+
let [O, M] = mt(), W = Xe(n), R = Mt({ mainTreeNode: W, portals: O, defaultContainers: [n, P] });
|
|
226
226
|
bt(I == null ? void 0 : I.defaultView, "focus", (f) => {
|
|
227
|
-
var
|
|
228
|
-
f.target !== window && f.target instanceof HTMLElement && h === 0 && (
|
|
229
|
-
}, !0), ht(h === 0,
|
|
230
|
-
$({ type: 1 }), Bt(
|
|
227
|
+
var s, p, T, _, w, x;
|
|
228
|
+
f.target !== window && f.target instanceof HTMLElement && h === 0 && (G() || n && P && (R.contains(f.target) || (p = (s = a.current) == null ? void 0 : s.contains) != null && p.call(s, f.target) || (_ = (T = i.current) == null ? void 0 : T.contains) != null && _.call(T, f.target) || (x = (w = u.current) == null ? void 0 : w.contains) != null && x.call(w, f.target) || $({ type: 1 })));
|
|
229
|
+
}, !0), ht(h === 0, R.resolveContainers, (f, s) => {
|
|
230
|
+
$({ type: 1 }), Bt(s, kt.Loose) || (f.preventDefault(), n == null || n.focus());
|
|
231
231
|
});
|
|
232
|
-
let
|
|
232
|
+
let L = S((f) => {
|
|
233
233
|
$({ type: 1 });
|
|
234
|
-
let
|
|
235
|
-
|
|
236
|
-
}),
|
|
237
|
-
return E.createElement(je, { node:
|
|
234
|
+
let s = f ? f instanceof HTMLElement ? f : "current" in f && f.current instanceof HTMLElement ? f.current : n : n;
|
|
235
|
+
s == null || s.focus();
|
|
236
|
+
}), Z = j(() => ({ close: L, isPortalled: g }), [L, g]), te = j(() => ({ open: h === 0, close: L }), [h, L]), q = { ref: m };
|
|
237
|
+
return E.createElement(je, { node: W }, E.createElement(Pt, null, E.createElement(we.Provider, { value: null }, E.createElement(Ne.Provider, { value: r }, E.createElement(_e.Provider, { value: Z }, E.createElement(Ct, { value: L }, E.createElement(Ge, { value: Q(h, { 0: K.Open, 1: K.Closed }) }, E.createElement(M, null, ue({ ourProps: q, theirProps: v, slot: te, defaultTag: Zt, name: "Popover" })))))))));
|
|
238
238
|
}
|
|
239
239
|
let Jt = "button";
|
|
240
240
|
function Qt(e, t) {
|
|
241
|
-
let o = be(), { id: d = `headlessui-popover-button-${o}`, disabled: v = !1, autoFocus: b = !1, ...m } = e, [l, r] = Te("Popover.Button"), { isPortalled: h } = Re("Popover.Button"), n =
|
|
242
|
-
|
|
241
|
+
let o = be(), { id: d = `headlessui-popover-button-${o}`, disabled: v = !1, autoFocus: b = !1, ...m } = e, [l, r] = Te("Popover.Button"), { isPortalled: h } = Re("Popover.Button"), n = k(null), y = `headlessui-focus-sentinel-${be()}`, P = Ye(), c = P == null ? void 0 : P.closeOthers, a = Xt() !== null;
|
|
242
|
+
ie(() => {
|
|
243
243
|
if (!a) return r({ type: 3, buttonId: d }), () => {
|
|
244
244
|
r({ type: 3, buttonId: null });
|
|
245
245
|
};
|
|
246
246
|
}, [a, d, r]);
|
|
247
|
-
let [
|
|
247
|
+
let [i] = X(() => Symbol()), u = z(n, t, $t(), S((s) => {
|
|
248
248
|
if (!a) {
|
|
249
|
-
if (
|
|
249
|
+
if (s) l.buttons.current.push(i);
|
|
250
250
|
else {
|
|
251
|
-
let p = l.buttons.current.indexOf(
|
|
251
|
+
let p = l.buttons.current.indexOf(i);
|
|
252
252
|
p !== -1 && l.buttons.current.splice(p, 1);
|
|
253
253
|
}
|
|
254
|
-
l.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."),
|
|
254
|
+
l.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."), s && r({ type: 2, button: s });
|
|
255
255
|
}
|
|
256
|
-
})), $ = z(n, t), I = $e(n), g = S((
|
|
256
|
+
})), $ = z(n, t), I = $e(n), g = S((s) => {
|
|
257
257
|
var p, T, _;
|
|
258
258
|
if (a) {
|
|
259
259
|
if (l.popoverState === 1) return;
|
|
260
|
-
switch (
|
|
260
|
+
switch (s.key) {
|
|
261
261
|
case re.Space:
|
|
262
262
|
case re.Enter:
|
|
263
|
-
|
|
263
|
+
s.preventDefault(), (T = (p = s.target).click) == null || T.call(p), r({ type: 1 }), (_ = l.button) == null || _.focus();
|
|
264
264
|
break;
|
|
265
265
|
}
|
|
266
|
-
} else switch (
|
|
266
|
+
} else switch (s.key) {
|
|
267
267
|
case re.Space:
|
|
268
268
|
case re.Enter:
|
|
269
|
-
|
|
269
|
+
s.preventDefault(), s.stopPropagation(), l.popoverState === 1 && (c == null || c(l.buttonId)), r({ type: 0 });
|
|
270
270
|
break;
|
|
271
271
|
case re.Escape:
|
|
272
272
|
if (l.popoverState !== 0) return c == null ? void 0 : c(l.buttonId);
|
|
273
273
|
if (!n.current || I != null && I.activeElement && !n.current.contains(I.activeElement)) return;
|
|
274
|
-
|
|
274
|
+
s.preventDefault(), s.stopPropagation(), r({ type: 1 });
|
|
275
275
|
break;
|
|
276
276
|
}
|
|
277
|
-
}),
|
|
278
|
-
a ||
|
|
279
|
-
}),
|
|
277
|
+
}), C = S((s) => {
|
|
278
|
+
a || s.key === re.Space && s.preventDefault();
|
|
279
|
+
}), N = S((s) => {
|
|
280
280
|
var p, T;
|
|
281
|
-
Ke(
|
|
282
|
-
}),
|
|
283
|
-
|
|
284
|
-
}), { isFocusVisible:
|
|
285
|
-
let
|
|
286
|
-
if (!
|
|
281
|
+
Ke(s.currentTarget) || v || (a ? (r({ type: 1 }), (p = l.button) == null || p.focus()) : (s.preventDefault(), s.stopPropagation(), l.popoverState === 1 && (c == null || c(l.buttonId)), r({ type: 0 }), (T = l.button) == null || T.focus()));
|
|
282
|
+
}), D = S((s) => {
|
|
283
|
+
s.preventDefault(), s.stopPropagation();
|
|
284
|
+
}), { isFocusVisible: F, focusProps: B } = ct({ autoFocus: b }), { isHovered: G, hoverProps: O } = dt({ isDisabled: v }), { pressed: M, pressProps: W } = ft({ disabled: v }), R = l.popoverState === 0, L = j(() => ({ open: R, active: M || R, disabled: v, hover: G, focus: F, autofocus: b }), [R, G, F, M, v, b]), Z = It(e, l.button), te = a ? Ce({ ref: $, type: Z, onKeyDown: g, onClick: N, disabled: v || void 0, autoFocus: b }, B, O, W) : Ce({ ref: u, id: l.buttonId, type: Z, "aria-expanded": l.popoverState === 0, "aria-controls": l.panel ? l.panelId : void 0, disabled: v || void 0, autoFocus: b, onKeyDown: g, onKeyUp: C, onClick: N, onMouseDown: D }, B, O, W), q = We(), f = S(() => {
|
|
285
|
+
let s = l.panel;
|
|
286
|
+
if (!s) return;
|
|
287
287
|
function p() {
|
|
288
|
-
Q(
|
|
288
|
+
Q(q.current, { [J.Forwards]: () => le(s, Y.First), [J.Backwards]: () => le(s, Y.Last) }) === Be.Error && le(xe().filter((T) => T.dataset.headlessuiFocusGuard !== "true"), Q(q.current, { [J.Forwards]: Y.Next, [J.Backwards]: Y.Previous }), { relativeTo: l.button });
|
|
289
289
|
}
|
|
290
290
|
p();
|
|
291
291
|
});
|
|
292
|
-
return E.createElement(E.Fragment, null, ue({ ourProps: te, theirProps: m, slot:
|
|
292
|
+
return E.createElement(E.Fragment, null, ue({ ourProps: te, theirProps: m, slot: L, defaultTag: Jt, name: "Popover.Button" }), R && !a && h && E.createElement(he, { id: y, ref: l.afterButtonSentinel, features: Pe.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: f }));
|
|
293
293
|
}
|
|
294
294
|
let Vt = "div", Yt = fe.RenderStrategy | fe.Static;
|
|
295
295
|
function ze(e, t) {
|
|
296
|
-
let o = be(), { id: d = `headlessui-popover-backdrop-${o}`, transition: v = !1, ...b } = e, [{ popoverState: m }, l] = Te("Popover.Backdrop"), [r, h] =
|
|
296
|
+
let o = be(), { id: d = `headlessui-popover-backdrop-${o}`, transition: v = !1, ...b } = e, [{ popoverState: m }, l] = Te("Popover.Backdrop"), [r, h] = X(null), n = z(t, h), y = ye(), [P, c] = Oe(v, r, y !== null ? (y & K.Open) === K.Open : m === 0), a = S(($) => {
|
|
297
297
|
if (Ke($.currentTarget)) return $.preventDefault();
|
|
298
298
|
l({ type: 1 });
|
|
299
|
-
}),
|
|
300
|
-
return ue({ ourProps: u, theirProps: b, slot:
|
|
299
|
+
}), i = j(() => ({ open: m === 0 }), [m]), u = { ref: n, id: d, "aria-hidden": !0, onClick: a, ...Me(c) };
|
|
300
|
+
return ue({ ourProps: u, theirProps: b, slot: i, defaultTag: Vt, features: Yt, visible: P, name: "Popover.Backdrop" });
|
|
301
301
|
}
|
|
302
302
|
let zt = "div", en = fe.RenderStrategy | fe.Static;
|
|
303
303
|
function tn(e, t) {
|
|
304
|
-
let o = be(), { id: d = `headlessui-popover-panel-${o}`, focus: v = !1, anchor: b, portal: m = !1, modal: l = !1, transition: r = !1, ...h } = e, [n, y] = Te("Popover.Panel"), { close: P, isPortalled: c } = Re("Popover.Panel"), a = `headlessui-focus-sentinel-before-${o}`,
|
|
304
|
+
let o = be(), { id: d = `headlessui-popover-panel-${o}`, focus: v = !1, anchor: b, portal: m = !1, modal: l = !1, transition: r = !1, ...h } = e, [n, y] = Te("Popover.Panel"), { close: P, isPortalled: c } = Re("Popover.Panel"), a = `headlessui-focus-sentinel-before-${o}`, i = `headlessui-focus-sentinel-after-${o}`, u = k(null), $ = yt(b), [I, g] = Et($), C = gt();
|
|
305
305
|
$ && (m = !0);
|
|
306
|
-
let [
|
|
307
|
-
|
|
306
|
+
let [N, D] = X(null), F = z(u, t, $ ? I : null, S((p) => y({ type: 4, panel: p })), D), B = $e(u), G = pt();
|
|
307
|
+
se(() => (y({ type: 5, panelId: d }), () => {
|
|
308
308
|
y({ type: 5, panelId: null });
|
|
309
309
|
}), [d, y]);
|
|
310
|
-
let
|
|
311
|
-
St(
|
|
310
|
+
let O = ye(), [M, W] = Oe(r, N, O !== null ? (O & K.Open) === K.Open : n.popoverState === 0);
|
|
311
|
+
St(M, n.button, () => {
|
|
312
312
|
y({ type: 1 });
|
|
313
313
|
});
|
|
314
|
-
let
|
|
315
|
-
Tt(
|
|
316
|
-
let
|
|
314
|
+
let R = n.__demoMode ? !1 : l && M;
|
|
315
|
+
Tt(R, B);
|
|
316
|
+
let L = S((p) => {
|
|
317
317
|
var T;
|
|
318
318
|
switch (p.key) {
|
|
319
319
|
case re.Escape:
|
|
320
|
-
if (n.popoverState !== 0 || !u.current ||
|
|
320
|
+
if (n.popoverState !== 0 || !u.current || B != null && B.activeElement && !u.current.contains(B.activeElement)) return;
|
|
321
321
|
p.preventDefault(), p.stopPropagation(), y({ type: 1 }), (T = n.button) == null || T.focus();
|
|
322
322
|
break;
|
|
323
323
|
}
|
|
324
324
|
});
|
|
325
|
-
|
|
325
|
+
ie(() => {
|
|
326
326
|
var p;
|
|
327
327
|
e.static || n.popoverState === 1 && ((p = e.unmount) == null || p) && y({ type: 4, panel: null });
|
|
328
|
-
}, [n.popoverState, e.unmount, e.static, y]),
|
|
328
|
+
}, [n.popoverState, e.unmount, e.static, y]), ie(() => {
|
|
329
329
|
if (n.__demoMode || !v || n.popoverState !== 0 || !u.current) return;
|
|
330
|
-
let p =
|
|
330
|
+
let p = B == null ? void 0 : B.activeElement;
|
|
331
331
|
u.current.contains(p) || le(u.current, Y.First);
|
|
332
332
|
}, [n.__demoMode, v, u.current, n.popoverState]);
|
|
333
|
-
let
|
|
334
|
-
var T, _, w,
|
|
333
|
+
let Z = j(() => ({ open: n.popoverState === 0, close: P }), [n.popoverState, P]), te = Ce($ ? C() : {}, { ref: F, id: d, onKeyDown: L, onBlur: v && n.popoverState === 0 ? (p) => {
|
|
334
|
+
var T, _, w, x, A;
|
|
335
335
|
let H = p.relatedTarget;
|
|
336
|
-
H && u.current && ((T = u.current) != null && T.contains(H) || (y({ type: 1 }), ((w = (_ = n.beforePanelSentinel.current) == null ? void 0 : _.contains) != null && w.call(_, H) || (
|
|
337
|
-
} : void 0, tabIndex: -1, style: { ...h.style, ...g, "--button-width": _t(n.button, !0).width }, ...
|
|
336
|
+
H && u.current && ((T = u.current) != null && T.contains(H) || (y({ type: 1 }), ((w = (_ = n.beforePanelSentinel.current) == null ? void 0 : _.contains) != null && w.call(_, H) || (A = (x = n.afterPanelSentinel.current) == null ? void 0 : x.contains) != null && A.call(x, H)) && H.focus({ preventScroll: !0 })));
|
|
337
|
+
} : void 0, tabIndex: -1, style: { ...h.style, ...g, "--button-width": _t(n.button, !0).width }, ...Me(W) }), q = We(), f = S(() => {
|
|
338
338
|
let p = u.current;
|
|
339
339
|
if (!p) return;
|
|
340
340
|
function T() {
|
|
341
|
-
Q(
|
|
341
|
+
Q(q.current, { [J.Forwards]: () => {
|
|
342
342
|
var _;
|
|
343
343
|
le(p, Y.First) === Be.Error && ((_ = n.afterPanelSentinel.current) == null || _.focus());
|
|
344
344
|
}, [J.Backwards]: () => {
|
|
@@ -347,18 +347,18 @@ function tn(e, t) {
|
|
|
347
347
|
} });
|
|
348
348
|
}
|
|
349
349
|
T();
|
|
350
|
-
}),
|
|
350
|
+
}), s = S(() => {
|
|
351
351
|
let p = u.current;
|
|
352
352
|
if (!p) return;
|
|
353
353
|
function T() {
|
|
354
|
-
Q(
|
|
354
|
+
Q(q.current, { [J.Forwards]: () => {
|
|
355
355
|
if (!n.button) return;
|
|
356
|
-
let _ = xe(), w = _.indexOf(n.button),
|
|
357
|
-
for (let H of
|
|
358
|
-
let ne =
|
|
359
|
-
ne !== -1 &&
|
|
356
|
+
let _ = xe(), w = _.indexOf(n.button), x = _.slice(0, w + 1), A = [..._.slice(w + 1), ...x];
|
|
357
|
+
for (let H of A.slice()) if (H.dataset.headlessuiFocusGuard === "true" || N != null && N.contains(H)) {
|
|
358
|
+
let ne = A.indexOf(H);
|
|
359
|
+
ne !== -1 && A.splice(ne, 1);
|
|
360
360
|
}
|
|
361
|
-
le(
|
|
361
|
+
le(A, Y.First, { sorted: !1 });
|
|
362
362
|
}, [J.Backwards]: () => {
|
|
363
363
|
var _;
|
|
364
364
|
le(p, Y.Previous) === Be.Error && ((_ = n.button) == null || _.focus());
|
|
@@ -366,35 +366,35 @@ function tn(e, t) {
|
|
|
366
366
|
}
|
|
367
367
|
T();
|
|
368
368
|
});
|
|
369
|
-
return E.createElement(Ft, null, E.createElement(we.Provider, { value: d }, E.createElement(_e.Provider, { value: { close: P, isPortalled: c } }, E.createElement(wt, { enabled: m ? e.static ||
|
|
369
|
+
return E.createElement(Ft, null, E.createElement(we.Provider, { value: d }, E.createElement(_e.Provider, { value: { close: P, isPortalled: c } }, E.createElement(wt, { enabled: m ? e.static || M : !1 }, M && c && E.createElement(he, { id: a, ref: n.beforePanelSentinel, features: Pe.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: f }), ue({ mergeRefs: G, ourProps: te, theirProps: h, slot: Z, defaultTag: zt, features: en, visible: M, name: "Popover.Panel" }), M && c && E.createElement(he, { id: i, ref: n.afterPanelSentinel, features: Pe.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: s })))));
|
|
370
370
|
}
|
|
371
371
|
let nn = "div";
|
|
372
372
|
function rn(e, t) {
|
|
373
|
-
let o =
|
|
374
|
-
b((
|
|
375
|
-
let u =
|
|
373
|
+
let o = k(null), d = z(o, t), [v, b] = X([]), m = S((a) => {
|
|
374
|
+
b((i) => {
|
|
375
|
+
let u = i.indexOf(a);
|
|
376
376
|
if (u !== -1) {
|
|
377
|
-
let $ =
|
|
377
|
+
let $ = i.slice();
|
|
378
378
|
return $.splice(u, 1), $;
|
|
379
379
|
}
|
|
380
|
-
return
|
|
380
|
+
return i;
|
|
381
381
|
});
|
|
382
|
-
}), l = S((a) => (b((
|
|
382
|
+
}), l = S((a) => (b((i) => [...i, a]), () => m(a))), r = S(() => {
|
|
383
383
|
var a;
|
|
384
|
-
let
|
|
385
|
-
if (!
|
|
386
|
-
let u =
|
|
384
|
+
let i = He(o);
|
|
385
|
+
if (!i) return !1;
|
|
386
|
+
let u = i.activeElement;
|
|
387
387
|
return (a = o.current) != null && a.contains(u) ? !0 : v.some(($) => {
|
|
388
388
|
var I, g;
|
|
389
|
-
return ((I =
|
|
389
|
+
return ((I = i.getElementById($.buttonId.current)) == null ? void 0 : I.contains(u)) || ((g = i.getElementById($.panelId.current)) == null ? void 0 : g.contains(u));
|
|
390
390
|
});
|
|
391
391
|
}), h = S((a) => {
|
|
392
|
-
for (let
|
|
393
|
-
}), n =
|
|
392
|
+
for (let i of v) i.buttonId.current !== a && i.close();
|
|
393
|
+
}), n = j(() => ({ registerPopover: l, unregisterPopover: m, isFocusWithinPopoverGroup: r, closeOthers: h }), [l, m, r, h]), y = j(() => ({}), []), P = e, c = { ref: d };
|
|
394
394
|
return E.createElement(je, null, E.createElement(Le.Provider, { value: n }, ue({ ourProps: c, theirProps: P, slot: y, defaultTag: nn, name: "Popover.Group" })));
|
|
395
395
|
}
|
|
396
396
|
let on = V(qt), et = V(Qt), ln = V(ze), an = V(ze), tt = V(tn), un = V(rn), sn = Object.assign(on, { Button: et, Backdrop: an, Overlay: ln, Panel: tt, Group: un });
|
|
397
|
-
const cn = "_menu_1o2uo_3", dn = "_enter_1o2uo_34", pn = "_leave_1o2uo_48",
|
|
397
|
+
const cn = "_menu_1o2uo_3", dn = "_enter_1o2uo_34", pn = "_leave_1o2uo_48", U = {
|
|
398
398
|
menu: cn,
|
|
399
399
|
"menu-button": "_menu-button_1o2uo_6",
|
|
400
400
|
"menu-items": "_menu-items_1o2uo_11",
|
|
@@ -421,23 +421,23 @@ const cn = "_menu_1o2uo_3", dn = "_enter_1o2uo_34", pn = "_leave_1o2uo_48", K =
|
|
|
421
421
|
isOpen: n = !1,
|
|
422
422
|
autoCloseTimeout: y = 0
|
|
423
423
|
}) => {
|
|
424
|
-
const [P, c] =
|
|
425
|
-
|
|
426
|
-
}, []),
|
|
427
|
-
y > 0 && (
|
|
428
|
-
c(!1);
|
|
424
|
+
const [P, c] = X(n), [a, i] = X(!1), u = k(null), $ = k(null), I = k(null), g = me(() => {
|
|
425
|
+
u.current && clearTimeout(u.current);
|
|
426
|
+
}, []), C = me(() => {
|
|
427
|
+
y > 0 && !a && (u.current = setTimeout(() => {
|
|
428
|
+
c(!1), i(!0);
|
|
429
429
|
}, y));
|
|
430
|
-
}, [y]);
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
}), [P,
|
|
434
|
-
const
|
|
430
|
+
}, [y, a]);
|
|
431
|
+
ie(() => (P ? C() : g(), () => {
|
|
432
|
+
g();
|
|
433
|
+
}), [P, C, g]);
|
|
434
|
+
const N = me(() => {
|
|
435
435
|
h && c(!0);
|
|
436
|
-
}, [h]),
|
|
437
|
-
(
|
|
436
|
+
}, [h]), D = me(
|
|
437
|
+
(F) => {
|
|
438
438
|
if (h) {
|
|
439
|
-
const
|
|
440
|
-
|
|
439
|
+
const B = F.relatedTarget;
|
|
440
|
+
$.current && !$.current.contains(B) && I.current && !I.current.contains(B) && c(!1);
|
|
441
441
|
}
|
|
442
442
|
},
|
|
443
443
|
[h]
|
|
@@ -446,61 +446,61 @@ const cn = "_menu_1o2uo_3", dn = "_enter_1o2uo_34", pn = "_leave_1o2uo_48", K =
|
|
|
446
446
|
sn,
|
|
447
447
|
{
|
|
448
448
|
as: "div",
|
|
449
|
-
className: ve(
|
|
449
|
+
className: ve(U.menu, d),
|
|
450
450
|
...o,
|
|
451
|
-
children: ({ open:
|
|
452
|
-
const
|
|
453
|
-
|
|
451
|
+
children: ({ open: F, close: B }) => {
|
|
452
|
+
const G = () => {
|
|
453
|
+
B(), c(!1);
|
|
454
454
|
};
|
|
455
455
|
return /* @__PURE__ */ Ae(nt, { children: [
|
|
456
456
|
/* @__PURE__ */ de(
|
|
457
457
|
et,
|
|
458
458
|
{
|
|
459
|
-
ref:
|
|
460
|
-
onMouseEnter:
|
|
461
|
-
onMouseLeave:
|
|
462
|
-
className: ve(
|
|
459
|
+
ref: $,
|
|
460
|
+
onMouseEnter: N,
|
|
461
|
+
onMouseLeave: D,
|
|
462
|
+
className: ve(U["menu-button"], v),
|
|
463
463
|
children: l
|
|
464
464
|
}
|
|
465
465
|
),
|
|
466
466
|
/* @__PURE__ */ de(
|
|
467
467
|
Gt,
|
|
468
468
|
{
|
|
469
|
-
show: P ||
|
|
469
|
+
show: P || F,
|
|
470
470
|
as: pe,
|
|
471
|
-
enter:
|
|
472
|
-
enterFrom:
|
|
473
|
-
enterTo:
|
|
474
|
-
leave:
|
|
475
|
-
leaveFrom:
|
|
476
|
-
leaveTo:
|
|
471
|
+
enter: U.enter,
|
|
472
|
+
enterFrom: U["enter-from"],
|
|
473
|
+
enterTo: U["enter-to"],
|
|
474
|
+
leave: U.leave,
|
|
475
|
+
leaveFrom: U["leave-from"],
|
|
476
|
+
leaveTo: U["leave-to"],
|
|
477
477
|
children: /* @__PURE__ */ Ae(
|
|
478
478
|
tt,
|
|
479
479
|
{
|
|
480
|
-
ref:
|
|
480
|
+
ref: I,
|
|
481
481
|
anchor: t,
|
|
482
|
-
onMouseEnter:
|
|
483
|
-
onMouseLeave:
|
|
484
|
-
className: ve(
|
|
482
|
+
onMouseEnter: N,
|
|
483
|
+
onMouseLeave: D,
|
|
484
|
+
className: ve(U["menu-items"], b),
|
|
485
485
|
children: [
|
|
486
486
|
r && /* @__PURE__ */ de(
|
|
487
487
|
lt,
|
|
488
488
|
{
|
|
489
489
|
isIconButton: !0,
|
|
490
490
|
iconName: "Close16px",
|
|
491
|
-
onClick:
|
|
491
|
+
onClick: G,
|
|
492
492
|
clear: !0,
|
|
493
|
-
className:
|
|
493
|
+
className: U["close-button"]
|
|
494
494
|
}
|
|
495
495
|
),
|
|
496
496
|
/* @__PURE__ */ de(
|
|
497
497
|
"div",
|
|
498
498
|
{
|
|
499
499
|
className: ve(
|
|
500
|
-
|
|
500
|
+
U["menu-items-container"],
|
|
501
501
|
m
|
|
502
502
|
),
|
|
503
|
-
children: typeof e == "function" ? e({ close:
|
|
503
|
+
children: typeof e == "function" ? e({ close: G }) : e
|
|
504
504
|
}
|
|
505
505
|
)
|
|
506
506
|
]
|