mimir-ui-kit 1.65.1 → 1.65.2
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.
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
import { jsx as z, jsxs as De, Fragment as nt } from "react/jsx-runtime";
|
|
2
2
|
import { c as fe } from "../../index-DIxK0V-G.js";
|
|
3
|
-
import E, { createContext as ie, useState as J, useContext as re, useRef as A, useEffect as te, useMemo as q, Fragment as ve, useReducer as rt, createRef as
|
|
3
|
+
import E, { createContext as ie, useState as J, useContext as re, useRef as A, useEffect as te, useMemo as q, Fragment as ve, useReducer as rt, createRef as Fe, useId as be, memo as ot, useCallback as ce } from "react";
|
|
4
4
|
import { u as lt, c as U } from "../../hooks-HgN6Yauq.js";
|
|
5
5
|
import { Button as at } from "../Button/Button.js";
|
|
6
|
-
import { o as T, u as He, M as me, W as Y, y as ne, O as ae, n as de, m as ut, t as it, H as se, s as
|
|
6
|
+
import { o as T, u as He, M as me, W as Y, y as ne, O as ae, n as de, m as ut, t as it, H as se, s as ke, p as st, a as V, T as ct, $ as dt, b as pt, D as Be, I as ft, c as le } from "../../keyboard-wis2TUql.js";
|
|
7
7
|
import { w as vt } from "../../use-active-press-CnDeVvQq.js";
|
|
8
|
-
import { n as ye, s as mt, l as Ke, e as bt, E as ht, R as Pt, v as yt, y as $t, x as Et, a as St, b as gt, m as Tt, f as wt, d as It, t as
|
|
9
|
-
import { e as
|
|
8
|
+
import { n as ye, s as mt, l as Ke, e as bt, E as ht, R as Pt, v as yt, y as $t, x as Et, a as St, b as gt, m as Tt, f as wt, d as It, t as Ft } from "../../portal-BnEqSZwo.js";
|
|
9
|
+
import { e as kt } from "../../use-resolve-button-type-DhFdPxnv.js";
|
|
10
10
|
import { T as he, s as Pe } from "../../hidden-CkTYbiNM.js";
|
|
11
11
|
import { R as Oe, H as xe, i as X, c as Ge, u as $e, s as Bt } from "../../open-closed-CJijMeI2.js";
|
|
12
12
|
import { C as Mt } from "../../close-provider-CEutdhG8.js";
|
|
13
13
|
import { r as Ue } from "../../bugs-diTMAGNw.js";
|
|
14
14
|
import { b as Re, P as ue, F as ee, A as Nt, h as Lt, T as Me } from "../../focus-management-BAl0GmRk.js";
|
|
15
15
|
import { f as Ot } from "../../use-is-mounted-MBU4fiLr.js";
|
|
16
|
-
function xt({ defaultContainers: e = [], portals: t, mainTreeNode:
|
|
17
|
-
let c = ye(
|
|
16
|
+
function xt({ defaultContainers: e = [], portals: t, mainTreeNode: r } = {}) {
|
|
17
|
+
let c = ye(r), p = T(() => {
|
|
18
18
|
var P, m;
|
|
19
19
|
let l = [];
|
|
20
|
-
for (let
|
|
21
|
-
if (t != null && t.current) for (let
|
|
22
|
-
for (let
|
|
20
|
+
for (let o of e) o !== null && (o instanceof HTMLElement ? l.push(o) : "current" in o && o.current instanceof HTMLElement && l.push(o.current));
|
|
21
|
+
if (t != null && t.current) for (let o of t.current) l.push(o);
|
|
22
|
+
for (let o of (P = c == null ? void 0 : c.querySelectorAll("html > *, body > *")) != null ? P : []) o !== document.body && o !== document.head && o instanceof HTMLElement && o.id !== "headlessui-portal-root" && (r && (o.contains(r) || o.contains((m = r == null ? void 0 : r.getRootNode()) == null ? void 0 : m.host)) || l.some((h) => o.contains(h)) || l.push(o));
|
|
23
23
|
return l;
|
|
24
24
|
});
|
|
25
25
|
return { resolveContainers: p, contains: T((P) => p().some((m) => m.contains(P))) };
|
|
26
26
|
}
|
|
27
27
|
let je = ie(null);
|
|
28
28
|
function We({ children: e, node: t }) {
|
|
29
|
-
let [
|
|
29
|
+
let [r, c] = J(null), p = Xe(t ?? r);
|
|
30
30
|
return E.createElement(je.Provider, { value: p }, e, p === null && E.createElement(he, { features: Pe.Hidden, ref: (P) => {
|
|
31
31
|
var m, l;
|
|
32
32
|
if (P) {
|
|
33
|
-
for (let
|
|
34
|
-
c(
|
|
33
|
+
for (let o of (l = (m = He(P)) == null ? void 0 : m.querySelectorAll("html > *, body > *")) != null ? l : []) if (o !== document.body && o !== document.head && o instanceof HTMLElement && o != null && o.contains(P)) {
|
|
34
|
+
c(o);
|
|
35
35
|
break;
|
|
36
36
|
}
|
|
37
37
|
}
|
|
@@ -71,7 +71,7 @@ function ge(e) {
|
|
|
71
71
|
return "children" in e ? ge(e.children) : e.current.filter(({ el: t }) => t.current !== null).filter(({ state: t }) => t === "visible").length > 0;
|
|
72
72
|
}
|
|
73
73
|
function Je(e, t) {
|
|
74
|
-
let
|
|
74
|
+
let r = ke(e), c = A([]), p = Ot(), P = st(), m = T((d, a = ae.Hidden) => {
|
|
75
75
|
let s = c.current.findIndex(({ el: u }) => u === d);
|
|
76
76
|
s !== -1 && (V(a, { [ae.Unmount]() {
|
|
77
77
|
c.current.splice(s, 1);
|
|
@@ -79,43 +79,43 @@ function Je(e, t) {
|
|
|
79
79
|
c.current[s].state = "hidden";
|
|
80
80
|
} }), P.microTask(() => {
|
|
81
81
|
var u;
|
|
82
|
-
!ge(c) && p.current && ((u =
|
|
82
|
+
!ge(c) && p.current && ((u = r.current) == null || u.call(r));
|
|
83
83
|
}));
|
|
84
84
|
}), l = T((d) => {
|
|
85
85
|
let a = c.current.find(({ el: s }) => s === d);
|
|
86
86
|
return a ? a.state !== "visible" && (a.state = "visible") : c.current.push({ el: d, state: "visible" }), () => m(d, ae.Unmount);
|
|
87
|
-
}),
|
|
88
|
-
|
|
89
|
-
|
|
87
|
+
}), o = A([]), h = A(Promise.resolve()), n = A({ enter: [], leave: [] }), f = T((d, a, s) => {
|
|
88
|
+
o.current.splice(0), t && (t.chains.current[a] = t.chains.current[a].filter(([u]) => u !== d)), t == null || t.chains.current[a].push([d, new Promise((u) => {
|
|
89
|
+
o.current.push(u);
|
|
90
90
|
})]), t == null || t.chains.current[a].push([d, new Promise((u) => {
|
|
91
91
|
Promise.all(n.current[a].map(([v, g]) => g)).then(() => u());
|
|
92
92
|
})]), a === "enter" ? h.current = h.current.then(() => t == null ? void 0 : t.wait.current).then(() => s(a)) : s(a);
|
|
93
93
|
}), $ = T((d, a, s) => {
|
|
94
94
|
Promise.all(n.current[a].splice(0).map(([u, v]) => v)).then(() => {
|
|
95
95
|
var u;
|
|
96
|
-
(u =
|
|
96
|
+
(u = o.current.shift()) == null || u();
|
|
97
97
|
}).then(() => s(a));
|
|
98
98
|
});
|
|
99
99
|
return q(() => ({ children: c, register: l, unregister: m, onStart: f, onStop: $, wait: h, chains: n }), [l, m, c, f, $, n, h]);
|
|
100
100
|
}
|
|
101
101
|
let Qe = ve, Ve = me.RenderStrategy;
|
|
102
102
|
function Ct(e, t) {
|
|
103
|
-
var
|
|
104
|
-
let { transition: p = !0, beforeEnter: P, afterEnter: m, beforeLeave: l, afterLeave:
|
|
103
|
+
var r, c;
|
|
104
|
+
let { transition: p = !0, beforeEnter: P, afterEnter: m, beforeLeave: l, afterLeave: o, enter: h, enterFrom: n, enterTo: f, entered: $, leave: d, leaveFrom: a, leaveTo: s, ...u } = e, [v, g] = J(null), S = A(null), B = qe(e), D = ne(...B ? [S, t, g] : t === null ? [] : [t]), C = (r = u.unmount) == null || r ? ae.Unmount : ae.Hidden, { show: k, appear: N, initial: Z } = _t(), [M, L] = J(k ? "visible" : "hidden"), G = At(), { register: O, unregister: x } = G;
|
|
105
105
|
de(() => O(S), [O, S]), de(() => {
|
|
106
106
|
if (C === ae.Hidden && S.current) {
|
|
107
|
-
if (
|
|
107
|
+
if (k && M !== "visible") {
|
|
108
108
|
L("visible");
|
|
109
109
|
return;
|
|
110
110
|
}
|
|
111
111
|
return V(M, { hidden: () => x(S), visible: () => O(S) });
|
|
112
112
|
}
|
|
113
|
-
}, [M, S, O, x,
|
|
113
|
+
}, [M, S, O, x, k, C]);
|
|
114
114
|
let H = Ke();
|
|
115
115
|
de(() => {
|
|
116
116
|
if (B && H && M === "visible" && S.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
|
|
117
117
|
}, [S, M, H, B]);
|
|
118
|
-
let R = Z && !N, _ = N &&
|
|
118
|
+
let R = Z && !N, _ = N && k && Z, y = A(!1), i = Je(() => {
|
|
119
119
|
y.current || (L("hidden"), x(S));
|
|
120
120
|
}, G), b = T((W) => {
|
|
121
121
|
y.current = !0;
|
|
@@ -126,30 +126,30 @@ function Ct(e, t) {
|
|
|
126
126
|
}), w = T((W) => {
|
|
127
127
|
let oe = W ? "enter" : "leave";
|
|
128
128
|
y.current = !1, i.onStop(S, oe, (pe) => {
|
|
129
|
-
pe === "enter" ? m == null || m() : pe === "leave" && (
|
|
129
|
+
pe === "enter" ? m == null || m() : pe === "leave" && (o == null || o());
|
|
130
130
|
}), oe === "leave" && !ge(i) && (L("hidden"), x(S));
|
|
131
131
|
});
|
|
132
132
|
te(() => {
|
|
133
|
-
B && p || (b(
|
|
134
|
-
}, [
|
|
135
|
-
let I = !(!p || !B || !H || R), [,
|
|
136
|
-
return M === "visible" && (j |= X.Open), M === "hidden" && (j |= X.Closed),
|
|
133
|
+
B && p || (b(k), w(k));
|
|
134
|
+
}, [k, B, p]);
|
|
135
|
+
let I = !(!p || !B || !H || R), [, F] = Oe(I, v, k, { start: b, end: w }), K = ut({ ref: D, className: ((c = it(u.className, _ && h, _ && n, F.enter && h, F.enter && F.closed && n, F.enter && !F.closed && f, F.leave && d, F.leave && !F.closed && a, F.leave && F.closed && s, !F.transition && k && $)) == null ? void 0 : c.trim()) || void 0, ...xe(F) }), j = 0;
|
|
136
|
+
return M === "visible" && (j |= X.Open), M === "hidden" && (j |= X.Closed), F.enter && (j |= X.Opening), F.leave && (j |= X.Closing), E.createElement(Se.Provider, { value: i }, E.createElement(Ge, { value: j }, se({ ourProps: K, theirProps: u, defaultTag: Qe, features: Ve, visible: M === "visible", name: "Transition.Child" })));
|
|
137
137
|
}
|
|
138
138
|
function Dt(e, t) {
|
|
139
|
-
let { show:
|
|
139
|
+
let { show: r, appear: c = !1, unmount: p = !0, ...P } = e, m = A(null), l = qe(e), o = ne(...l ? [m, t] : t === null ? [] : [t]);
|
|
140
140
|
Ke();
|
|
141
141
|
let h = $e();
|
|
142
|
-
if (
|
|
143
|
-
let [n, f] = J(
|
|
144
|
-
|
|
145
|
-
}), [d, a] = J(!0), s = A([
|
|
142
|
+
if (r === void 0 && h !== null && (r = (h & X.Open) === X.Open), r === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
|
|
143
|
+
let [n, f] = J(r ? "visible" : "hidden"), $ = Je(() => {
|
|
144
|
+
r || f("hidden");
|
|
145
|
+
}), [d, a] = J(!0), s = A([r]);
|
|
146
146
|
de(() => {
|
|
147
|
-
d !== !1 && s.current[s.current.length - 1] !==
|
|
148
|
-
}, [s,
|
|
149
|
-
let u = q(() => ({ show:
|
|
147
|
+
d !== !1 && s.current[s.current.length - 1] !== r && (s.current.push(r), a(!1));
|
|
148
|
+
}, [s, r]);
|
|
149
|
+
let u = q(() => ({ show: r, appear: c, initial: d }), [r, c, d]);
|
|
150
150
|
de(() => {
|
|
151
|
-
|
|
152
|
-
}, [
|
|
151
|
+
r ? f("visible") : !ge($) && m.current !== null && f("hidden");
|
|
152
|
+
}, [r, $]);
|
|
153
153
|
let v = { unmount: p }, g = T(() => {
|
|
154
154
|
var B;
|
|
155
155
|
d && a(!1), (B = e.beforeEnter) == null || B.call(e);
|
|
@@ -157,11 +157,11 @@ function Dt(e, t) {
|
|
|
157
157
|
var B;
|
|
158
158
|
d && a(!1), (B = e.beforeLeave) == null || B.call(e);
|
|
159
159
|
});
|
|
160
|
-
return E.createElement(Se.Provider, { value: $ }, E.createElement(Ee.Provider, { value: u }, se({ ourProps: { ...v, as: ve, children: E.createElement(Ye, { ref:
|
|
160
|
+
return E.createElement(Se.Provider, { value: $ }, E.createElement(Ee.Provider, { value: u }, se({ ourProps: { ...v, as: ve, children: E.createElement(Ye, { ref: o, ...v, ...P, beforeEnter: g, beforeLeave: S }) }, theirProps: {}, defaultTag: ve, features: Ve, visible: n === "visible", name: "Transition" })));
|
|
161
161
|
}
|
|
162
162
|
function Ht(e, t) {
|
|
163
|
-
let
|
|
164
|
-
return E.createElement(E.Fragment, null, !
|
|
163
|
+
let r = re(Ee) !== null, c = $e() !== null;
|
|
164
|
+
return E.createElement(E.Fragment, null, !r && c ? E.createElement(Ne, { ref: t, ...e }) : E.createElement(Ye, { ref: t, ...e }));
|
|
165
165
|
}
|
|
166
166
|
let Ne = Y(Dt), Ye = Y(Ct), Kt = Y(Ht), Gt = Object.assign(Ne, { Child: Kt, Root: Ne });
|
|
167
167
|
var Ut = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Ut || {}), jt = ((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))(jt || {});
|
|
@@ -180,8 +180,8 @@ _e.displayName = "PopoverContext";
|
|
|
180
180
|
function Te(e) {
|
|
181
181
|
let t = re(_e);
|
|
182
182
|
if (t === null) {
|
|
183
|
-
let
|
|
184
|
-
throw Error.captureStackTrace && Error.captureStackTrace(
|
|
183
|
+
let r = new Error(`<${e} /> is missing a parent <Popover /> component.`);
|
|
184
|
+
throw Error.captureStackTrace && Error.captureStackTrace(r, Te), r;
|
|
185
185
|
}
|
|
186
186
|
return t;
|
|
187
187
|
}
|
|
@@ -190,8 +190,8 @@ we.displayName = "PopoverAPIContext";
|
|
|
190
190
|
function Ae(e) {
|
|
191
191
|
let t = re(we);
|
|
192
192
|
if (t === null) {
|
|
193
|
-
let
|
|
194
|
-
throw Error.captureStackTrace && Error.captureStackTrace(
|
|
193
|
+
let r = new Error(`<${e} /> is missing a parent <Popover /> component.`);
|
|
194
|
+
throw Error.captureStackTrace && Error.captureStackTrace(r, Ae), r;
|
|
195
195
|
}
|
|
196
196
|
return t;
|
|
197
197
|
}
|
|
@@ -210,23 +210,23 @@ function Zt(e, t) {
|
|
|
210
210
|
}
|
|
211
211
|
let qt = "div";
|
|
212
212
|
function Jt(e, t) {
|
|
213
|
-
var
|
|
213
|
+
var r;
|
|
214
214
|
let { __demoMode: c = !1, ...p } = e, P = A(null), m = ne(t, ct((y) => {
|
|
215
215
|
P.current = y;
|
|
216
|
-
})), l = A([]),
|
|
216
|
+
})), l = A([]), o = rt(Zt, { __demoMode: c, popoverState: c ? 0 : 1, buttons: l, button: null, buttonId: null, panel: null, panelId: null, beforePanelSentinel: Fe(), afterPanelSentinel: Fe(), afterButtonSentinel: Fe() }), [{ popoverState: h, button: n, buttonId: f, panel: $, panelId: d, beforePanelSentinel: a, afterPanelSentinel: s, afterButtonSentinel: u }, v] = o, g = ye((r = P.current) != null ? r : n), S = q(() => {
|
|
217
217
|
if (!n || !$) return !1;
|
|
218
218
|
for (let K of document.querySelectorAll("body > *")) if (Number(K == null ? void 0 : K.contains(n)) ^ Number(K == null ? void 0 : K.contains($))) return !0;
|
|
219
|
-
let y = Re(), i = y.indexOf(n), b = (i + y.length - 1) % y.length, w = (i + 1) % y.length, I = y[b],
|
|
220
|
-
return !$.contains(I) && !$.contains(
|
|
221
|
-
}, [n, $]), B =
|
|
219
|
+
let y = Re(), i = y.indexOf(n), b = (i + y.length - 1) % y.length, w = (i + 1) % y.length, I = y[b], F = y[w];
|
|
220
|
+
return !$.contains(I) && !$.contains(F);
|
|
221
|
+
}, [n, $]), B = ke(f), D = ke(d), C = q(() => ({ buttonId: B, panelId: D, close: () => v({ type: 1 }) }), [B, D, v]), k = ze(), N = k == null ? void 0 : k.registerPopover, Z = T(() => {
|
|
222
222
|
var y;
|
|
223
|
-
return (y =
|
|
223
|
+
return (y = k == null ? void 0 : k.isFocusWithinPopoverGroup()) != null ? y : (g == null ? void 0 : g.activeElement) && ((n == null ? void 0 : n.contains(g.activeElement)) || ($ == null ? void 0 : $.contains(g.activeElement)));
|
|
224
224
|
});
|
|
225
225
|
te(() => N == null ? void 0 : N(C), [N, C]);
|
|
226
226
|
let [M, L] = bt(), G = Xe(n), O = xt({ mainTreeNode: G, portals: M, defaultContainers: [n, $] });
|
|
227
227
|
ht(g == null ? void 0 : g.defaultView, "focus", (y) => {
|
|
228
|
-
var i, b, w, I,
|
|
229
|
-
y.target !== window && y.target instanceof HTMLElement && h === 0 && (Z() || n && $ && (O.contains(y.target) || (b = (i = a.current) == null ? void 0 : i.contains) != null && b.call(i, y.target) || (I = (w = s.current) == null ? void 0 : w.contains) != null && I.call(w, y.target) || (K = (
|
|
228
|
+
var i, b, w, I, F, K;
|
|
229
|
+
y.target !== window && y.target instanceof HTMLElement && h === 0 && (Z() || n && $ && (O.contains(y.target) || (b = (i = a.current) == null ? void 0 : i.contains) != null && b.call(i, y.target) || (I = (w = s.current) == null ? void 0 : w.contains) != null && I.call(w, y.target) || (K = (F = u.current) == null ? void 0 : F.contains) != null && K.call(F, y.target) || v({ type: 1 })));
|
|
230
230
|
}, !0), Pt(h === 0, O.resolveContainers, (y, i) => {
|
|
231
231
|
v({ type: 1 }), Nt(i, Lt.Loose) || (y.preventDefault(), n == null || n.focus());
|
|
232
232
|
});
|
|
@@ -235,16 +235,16 @@ function Jt(e, t) {
|
|
|
235
235
|
let i = y ? y instanceof HTMLElement ? y : "current" in y && y.current instanceof HTMLElement ? y.current : n : n;
|
|
236
236
|
i == null || i.focus();
|
|
237
237
|
}), H = q(() => ({ close: x, isPortalled: S }), [x, S]), R = q(() => ({ open: h === 0, close: x }), [h, x]), _ = { ref: m };
|
|
238
|
-
return E.createElement(We, { node: G }, E.createElement(yt, null, E.createElement(Ie.Provider, { value: null }, E.createElement(_e.Provider, { value:
|
|
238
|
+
return E.createElement(We, { node: G }, E.createElement(yt, null, E.createElement(Ie.Provider, { value: null }, E.createElement(_e.Provider, { value: o }, E.createElement(we.Provider, { value: H }, E.createElement(Mt, { value: x }, E.createElement(Ge, { value: V(h, { 0: X.Open, 1: X.Closed }) }, E.createElement(L, null, se({ ourProps: _, theirProps: p, slot: R, defaultTag: qt, name: "Popover" })))))))));
|
|
239
239
|
}
|
|
240
240
|
let Qt = "button";
|
|
241
241
|
function Vt(e, t) {
|
|
242
|
-
let
|
|
242
|
+
let r = be(), { id: c = `headlessui-popover-button-${r}`, disabled: p = !1, autoFocus: P = !1, ...m } = e, [l, o] = Te("Popover.Button"), { isPortalled: h } = Ae("Popover.Button"), n = A(null), f = `headlessui-focus-sentinel-${be()}`, $ = ze(), d = $ == null ? void 0 : $.closeOthers, a = Xt() !== null;
|
|
243
243
|
te(() => {
|
|
244
|
-
if (!a) return
|
|
245
|
-
|
|
244
|
+
if (!a) return o({ type: 3, buttonId: c }), () => {
|
|
245
|
+
o({ type: 3, buttonId: null });
|
|
246
246
|
};
|
|
247
|
-
}, [a, c,
|
|
247
|
+
}, [a, c, o]);
|
|
248
248
|
let [s] = J(() => Symbol()), u = ne(n, t, $t(), T((i) => {
|
|
249
249
|
if (!a) {
|
|
250
250
|
if (i) l.buttons.current.push(s);
|
|
@@ -252,7 +252,7 @@ function Vt(e, t) {
|
|
|
252
252
|
let b = l.buttons.current.indexOf(s);
|
|
253
253
|
b !== -1 && l.buttons.current.splice(b, 1);
|
|
254
254
|
}
|
|
255
|
-
l.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."), i &&
|
|
255
|
+
l.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."), i && o({ type: 2, button: i });
|
|
256
256
|
}
|
|
257
257
|
})), v = ne(n, t), g = ye(n), S = T((i) => {
|
|
258
258
|
var b, w, I;
|
|
@@ -261,28 +261,28 @@ function Vt(e, t) {
|
|
|
261
261
|
switch (i.key) {
|
|
262
262
|
case le.Space:
|
|
263
263
|
case le.Enter:
|
|
264
|
-
i.preventDefault(), (w = (b = i.target).click) == null || w.call(b),
|
|
264
|
+
i.preventDefault(), (w = (b = i.target).click) == null || w.call(b), o({ type: 1 }), (I = l.button) == null || I.focus();
|
|
265
265
|
break;
|
|
266
266
|
}
|
|
267
267
|
} else switch (i.key) {
|
|
268
268
|
case le.Space:
|
|
269
269
|
case le.Enter:
|
|
270
|
-
i.preventDefault(), i.stopPropagation(), l.popoverState === 1 && (d == null || d(l.buttonId)),
|
|
270
|
+
i.preventDefault(), i.stopPropagation(), l.popoverState === 1 && (d == null || d(l.buttonId)), o({ type: 0 });
|
|
271
271
|
break;
|
|
272
272
|
case le.Escape:
|
|
273
273
|
if (l.popoverState !== 0) return d == null ? void 0 : d(l.buttonId);
|
|
274
274
|
if (!n.current || g != null && g.activeElement && !n.current.contains(g.activeElement)) return;
|
|
275
|
-
i.preventDefault(), i.stopPropagation(),
|
|
275
|
+
i.preventDefault(), i.stopPropagation(), o({ type: 1 });
|
|
276
276
|
break;
|
|
277
277
|
}
|
|
278
278
|
}), B = T((i) => {
|
|
279
279
|
a || i.key === le.Space && i.preventDefault();
|
|
280
280
|
}), D = T((i) => {
|
|
281
281
|
var b, w;
|
|
282
|
-
Ue(i.currentTarget) || p || (a ? (
|
|
282
|
+
Ue(i.currentTarget) || p || (a ? (o({ type: 1 }), (b = l.button) == null || b.focus()) : (i.preventDefault(), i.stopPropagation(), l.popoverState === 1 && (d == null || d(l.buttonId)), o({ type: 0 }), (w = l.button) == null || w.focus()));
|
|
283
283
|
}), C = T((i) => {
|
|
284
284
|
i.preventDefault(), i.stopPropagation();
|
|
285
|
-
}), { isFocusVisible:
|
|
285
|
+
}), { isFocusVisible: k, focusProps: N } = dt({ autoFocus: P }), { isHovered: Z, hoverProps: M } = pt({ isDisabled: p }), { pressed: L, pressProps: G } = vt({ disabled: p }), O = l.popoverState === 0, x = q(() => ({ open: O, active: L || O, disabled: p, hover: Z, focus: k, autofocus: P }), [O, Z, k, L, p, P]), H = kt(e, l.button), R = a ? Be({ ref: v, type: H, onKeyDown: S, onClick: D, disabled: p || void 0, autoFocus: P }, N, M, G) : Be({ ref: u, id: l.buttonId, type: H, "aria-expanded": l.popoverState === 0, "aria-controls": l.panel ? l.panelId : void 0, disabled: p || void 0, autoFocus: P, onKeyDown: S, onKeyUp: B, onClick: D, onMouseDown: C }, N, M, G), _ = Ze(), y = T(() => {
|
|
286
286
|
let i = l.panel;
|
|
287
287
|
if (!i) return;
|
|
288
288
|
function b() {
|
|
@@ -294,7 +294,7 @@ function Vt(e, t) {
|
|
|
294
294
|
}
|
|
295
295
|
let Yt = "div", zt = me.RenderStrategy | me.Static;
|
|
296
296
|
function et(e, t) {
|
|
297
|
-
let
|
|
297
|
+
let r = be(), { id: c = `headlessui-popover-backdrop-${r}`, transition: p = !1, ...P } = e, [{ popoverState: m }, l] = Te("Popover.Backdrop"), [o, h] = J(null), n = ne(t, h), f = $e(), [$, d] = Oe(p, o, f !== null ? (f & X.Open) === X.Open : m === 0), a = T((v) => {
|
|
298
298
|
if (Ue(v.currentTarget)) return v.preventDefault();
|
|
299
299
|
l({ type: 1 });
|
|
300
300
|
}), s = q(() => ({ open: m === 0 }), [m]), u = { ref: n, id: c, "aria-hidden": !0, onClick: a, ...xe(d) };
|
|
@@ -302,13 +302,13 @@ function et(e, t) {
|
|
|
302
302
|
}
|
|
303
303
|
let en = "div", tn = me.RenderStrategy | me.Static;
|
|
304
304
|
function nn(e, t) {
|
|
305
|
-
let
|
|
305
|
+
let r = be(), { id: c = `headlessui-popover-panel-${r}`, focus: p = !1, anchor: P, portal: m = !1, modal: l = !1, transition: o = !1, ...h } = e, [n, f] = Te("Popover.Panel"), { close: $, isPortalled: d } = Ae("Popover.Panel"), a = `headlessui-focus-sentinel-before-${r}`, s = `headlessui-focus-sentinel-after-${r}`, u = A(null), v = Et(P), [g, S] = St(v), B = gt();
|
|
306
306
|
v && (m = !0);
|
|
307
|
-
let [D, C] = J(null),
|
|
307
|
+
let [D, C] = J(null), k = ne(u, t, v ? g : null, T((b) => f({ type: 4, panel: b })), C), N = ye(u), Z = ft();
|
|
308
308
|
de(() => (f({ type: 5, panelId: c }), () => {
|
|
309
309
|
f({ type: 5, panelId: null });
|
|
310
310
|
}), [c, f]);
|
|
311
|
-
let M = $e(), [L, G] = Oe(
|
|
311
|
+
let M = $e(), [L, G] = Oe(o, D, M !== null ? (M & X.Open) === X.Open : n.popoverState === 0);
|
|
312
312
|
Tt(L, n.button, () => {
|
|
313
313
|
f({ type: 1 });
|
|
314
314
|
});
|
|
@@ -331,10 +331,10 @@ function nn(e, t) {
|
|
|
331
331
|
let b = N == null ? void 0 : N.activeElement;
|
|
332
332
|
u.current.contains(b) || ue(u.current, ee.First);
|
|
333
333
|
}, [n.__demoMode, p, u.current, n.popoverState]);
|
|
334
|
-
let H = q(() => ({ open: n.popoverState === 0, close: $ }), [n.popoverState, $]), R = Be(v ? B() : {}, { ref:
|
|
335
|
-
var w, I,
|
|
334
|
+
let H = q(() => ({ open: n.popoverState === 0, close: $ }), [n.popoverState, $]), R = Be(v ? B() : {}, { ref: k, id: c, onKeyDown: x, onBlur: p && n.popoverState === 0 ? (b) => {
|
|
335
|
+
var w, I, F, K, j;
|
|
336
336
|
let W = b.relatedTarget;
|
|
337
|
-
W && u.current && ((w = u.current) != null && w.contains(W) || (f({ type: 1 }), ((
|
|
337
|
+
W && u.current && ((w = u.current) != null && w.contains(W) || (f({ type: 1 }), ((F = (I = n.beforePanelSentinel.current) == null ? void 0 : I.contains) != null && F.call(I, W) || (j = (K = n.afterPanelSentinel.current) == null ? void 0 : K.contains) != null && j.call(K, W)) && W.focus({ preventScroll: !0 })));
|
|
338
338
|
} : void 0, tabIndex: -1, style: { ...h.style, ...S, "--button-width": It(n.button, !0).width }, ...xe(G) }), _ = Ze(), y = T(() => {
|
|
339
339
|
let b = u.current;
|
|
340
340
|
if (!b) return;
|
|
@@ -354,7 +354,7 @@ function nn(e, t) {
|
|
|
354
354
|
function w() {
|
|
355
355
|
V(_.current, { [Q.Forwards]: () => {
|
|
356
356
|
if (!n.button) return;
|
|
357
|
-
let I = Re(),
|
|
357
|
+
let I = Re(), F = I.indexOf(n.button), K = I.slice(0, F + 1), j = [...I.slice(F + 1), ...K];
|
|
358
358
|
for (let W of j.slice()) if (W.dataset.headlessuiFocusGuard === "true" || D != null && D.contains(W)) {
|
|
359
359
|
let oe = j.indexOf(W);
|
|
360
360
|
oe !== -1 && j.splice(oe, 1);
|
|
@@ -367,11 +367,11 @@ function nn(e, t) {
|
|
|
367
367
|
}
|
|
368
368
|
w();
|
|
369
369
|
});
|
|
370
|
-
return E.createElement(Bt, null, E.createElement(Ie.Provider, { value: c }, E.createElement(we.Provider, { value: { close: $, isPortalled: d } }, E.createElement(
|
|
370
|
+
return E.createElement(Bt, null, E.createElement(Ie.Provider, { value: c }, E.createElement(we.Provider, { value: { close: $, isPortalled: d } }, E.createElement(Ft, { enabled: m ? e.static || L : !1 }, L && d && E.createElement(he, { id: a, ref: n.beforePanelSentinel, features: Pe.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: y }), se({ mergeRefs: Z, ourProps: R, theirProps: h, slot: H, defaultTag: en, features: tn, visible: L, name: "Popover.Panel" }), L && d && E.createElement(he, { id: s, ref: n.afterPanelSentinel, features: Pe.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: i })))));
|
|
371
371
|
}
|
|
372
372
|
let rn = "div";
|
|
373
373
|
function on(e, t) {
|
|
374
|
-
let
|
|
374
|
+
let r = A(null), c = ne(r, t), [p, P] = J([]), m = T((a) => {
|
|
375
375
|
P((s) => {
|
|
376
376
|
let u = s.indexOf(a);
|
|
377
377
|
if (u !== -1) {
|
|
@@ -380,32 +380,32 @@ function on(e, t) {
|
|
|
380
380
|
}
|
|
381
381
|
return s;
|
|
382
382
|
});
|
|
383
|
-
}), l = T((a) => (P((s) => [...s, a]), () => m(a))),
|
|
383
|
+
}), l = T((a) => (P((s) => [...s, a]), () => m(a))), o = T(() => {
|
|
384
384
|
var a;
|
|
385
|
-
let s = He(
|
|
385
|
+
let s = He(r);
|
|
386
386
|
if (!s) return !1;
|
|
387
387
|
let u = s.activeElement;
|
|
388
|
-
return (a =
|
|
388
|
+
return (a = r.current) != null && a.contains(u) ? !0 : p.some((v) => {
|
|
389
389
|
var g, S;
|
|
390
390
|
return ((g = s.getElementById(v.buttonId.current)) == null ? void 0 : g.contains(u)) || ((S = s.getElementById(v.panelId.current)) == null ? void 0 : S.contains(u));
|
|
391
391
|
});
|
|
392
392
|
}), h = T((a) => {
|
|
393
393
|
for (let s of p) s.buttonId.current !== a && s.close();
|
|
394
|
-
}), n = q(() => ({ registerPopover: l, unregisterPopover: m, isFocusWithinPopoverGroup:
|
|
394
|
+
}), n = q(() => ({ registerPopover: l, unregisterPopover: m, isFocusWithinPopoverGroup: o, closeOthers: h }), [l, m, o, h]), f = q(() => ({}), []), $ = e, d = { ref: c };
|
|
395
395
|
return E.createElement(We, null, E.createElement(Ce.Provider, { value: n }, se({ ourProps: d, theirProps: $, slot: f, defaultTag: rn, name: "Popover.Group" })));
|
|
396
396
|
}
|
|
397
397
|
let ln = Y(Jt), Le = Y(Vt), an = Y(et), un = Y(et), tt = Y(nn), sn = Y(on), cn = Object.assign(ln, { Button: Le, Backdrop: un, Overlay: an, Panel: tt, Group: sn });
|
|
398
|
-
const
|
|
398
|
+
const Fn = 300, kn = ot(
|
|
399
399
|
({
|
|
400
400
|
children: e,
|
|
401
401
|
position: t = "bottom end",
|
|
402
|
-
popoverProps:
|
|
402
|
+
popoverProps: r,
|
|
403
403
|
className: c,
|
|
404
404
|
buttonClassName: p,
|
|
405
405
|
panelClassName: P,
|
|
406
406
|
menuItemsClassName: m,
|
|
407
407
|
buttonContent: l,
|
|
408
|
-
needCloseButton:
|
|
408
|
+
needCloseButton: o,
|
|
409
409
|
openOnHover: h = !1,
|
|
410
410
|
isOpen: n,
|
|
411
411
|
isControlled: f = !1,
|
|
@@ -417,9 +417,9 @@ const kn = 300, Fn = ot(
|
|
|
417
417
|
}) => {
|
|
418
418
|
const [v, g] = J(
|
|
419
419
|
n ?? !1
|
|
420
|
-
), [S, B] = J(!1), D = A(null), C = A(null),
|
|
420
|
+
), [S, B] = J(!1), D = A(null), C = A(null), k = A(null), { getArrowClasses: N, getPositionClass: Z } = lt({
|
|
421
421
|
buttonRef: C,
|
|
422
|
-
panelRef:
|
|
422
|
+
panelRef: k,
|
|
423
423
|
initialPosition: t,
|
|
424
424
|
isOpen: v || n,
|
|
425
425
|
arrow: u,
|
|
@@ -436,7 +436,7 @@ const kn = 300, Fn = ot(
|
|
|
436
436
|
(R) => {
|
|
437
437
|
if (h) {
|
|
438
438
|
const _ = R.relatedTarget;
|
|
439
|
-
C.current && !C.current.contains(_) &&
|
|
439
|
+
C.current && !C.current.contains(_) && k.current && !k.current.contains(_) && g(!1);
|
|
440
440
|
}
|
|
441
441
|
},
|
|
442
442
|
[h]
|
|
@@ -460,7 +460,7 @@ const kn = 300, Fn = ot(
|
|
|
460
460
|
{
|
|
461
461
|
as: "div",
|
|
462
462
|
className: fe(U.menu, c),
|
|
463
|
-
...
|
|
463
|
+
...r,
|
|
464
464
|
children: ({ open: R, close: _ }) => /* @__PURE__ */ De(
|
|
465
465
|
dn,
|
|
466
466
|
{
|
|
@@ -468,7 +468,7 @@ const kn = 300, Fn = ot(
|
|
|
468
468
|
isControlled: f,
|
|
469
469
|
onClose: () => H(_),
|
|
470
470
|
buttonRef: C,
|
|
471
|
-
panelRef:
|
|
471
|
+
panelRef: k,
|
|
472
472
|
children: [
|
|
473
473
|
a ? /* @__PURE__ */ z(
|
|
474
474
|
Le,
|
|
@@ -508,7 +508,7 @@ const kn = 300, Fn = ot(
|
|
|
508
508
|
children: /* @__PURE__ */ De(
|
|
509
509
|
tt,
|
|
510
510
|
{
|
|
511
|
-
ref:
|
|
511
|
+
ref: k,
|
|
512
512
|
anchor: t,
|
|
513
513
|
static: f,
|
|
514
514
|
onMouseEnter: G,
|
|
@@ -524,7 +524,7 @@ const kn = 300, Fn = ot(
|
|
|
524
524
|
),
|
|
525
525
|
children: [
|
|
526
526
|
u && /* @__PURE__ */ z("div", { className: N() }),
|
|
527
|
-
|
|
527
|
+
o && /* @__PURE__ */ z(
|
|
528
528
|
at,
|
|
529
529
|
{
|
|
530
530
|
isIconButton: !0,
|
|
@@ -559,25 +559,25 @@ const kn = 300, Fn = ot(
|
|
|
559
559
|
function dn({
|
|
560
560
|
isControlled: e,
|
|
561
561
|
isOpen: t,
|
|
562
|
-
onClose:
|
|
562
|
+
onClose: r,
|
|
563
563
|
buttonRef: c,
|
|
564
564
|
panelRef: p,
|
|
565
565
|
children: P
|
|
566
566
|
}) {
|
|
567
567
|
return te(() => {
|
|
568
568
|
if (!t || !e) return;
|
|
569
|
-
const m = (
|
|
570
|
-
|
|
571
|
-
}, l = (
|
|
572
|
-
const h =
|
|
573
|
-
n && f && (
|
|
569
|
+
const m = (o) => {
|
|
570
|
+
o.key === "Escape" && (r == null || r());
|
|
571
|
+
}, l = (o) => {
|
|
572
|
+
const h = o.target, n = c.current && !c.current.contains(h), f = p.current && !p.current.contains(h);
|
|
573
|
+
n && f && (r == null || r());
|
|
574
574
|
};
|
|
575
575
|
return document.addEventListener("keydown", m), document.addEventListener("mousedown", l), () => {
|
|
576
576
|
document.removeEventListener("keydown", m), document.removeEventListener("mousedown", l);
|
|
577
577
|
};
|
|
578
|
-
}, [e, e, t,
|
|
578
|
+
}, [e, e, t, r]), /* @__PURE__ */ z(nt, { children: P });
|
|
579
579
|
}
|
|
580
580
|
export {
|
|
581
|
-
|
|
582
|
-
|
|
581
|
+
Fn as ANIMATION_DELAY,
|
|
582
|
+
kn as Dropdown
|
|
583
583
|
};
|