@datawire-ai/busyfile-design-library 1.30.8 → 1.30.9
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/index100.js +182 -9
- package/dist/index101.js +8 -50
- package/dist/index102.js +24 -181
- package/dist/index103.js +5 -7
- package/dist/index104.js +135 -24
- package/dist/index105.js +15 -5
- package/dist/index106.js +8 -10
- package/dist/index107.js +49 -3
- package/dist/index108.js +10 -12
- package/dist/index109.js +3 -219
- package/dist/index110.js +13 -30
- package/dist/index111.js +3 -650
- package/dist/index112.js +46 -3
- package/dist/index113.js +644 -40
- package/dist/index114.js +13 -14
- package/dist/index115.js +226 -13
- package/dist/index116.js +14 -226
- package/dist/index121.js +1 -1
- package/dist/index122.js +206 -6
- package/dist/index123.js +20 -204
- package/dist/index124.js +399 -21
- package/dist/index125.js +6 -400
- package/dist/index127.js +3 -3
- package/dist/index128.js +3 -3
- package/dist/index130.js +1 -1
- package/dist/index131.js +1 -1
- package/dist/index159.js +1 -1
- package/dist/index160.js +1 -1
- package/dist/index161.js +33 -33
- package/dist/index180.js +5 -5
- package/dist/index200.js +525 -2
- package/dist/index201.js +128 -2
- package/dist/index202.js +133 -8
- package/dist/index203.js +5 -20
- package/dist/index204.js +3 -525
- package/dist/index205.js +23 -127
- package/dist/index206.js +105 -129
- package/dist/index207.js +15 -16
- package/dist/index208.js +2 -6
- package/dist/index209.js +2 -6
- package/dist/index210.js +8 -6
- package/dist/index211.js +19 -4
- package/dist/index212.js +16 -7
- package/dist/index213.js +5 -17
- package/dist/index214.js +5 -5
- package/dist/index215.js +6 -5
- package/dist/index216.js +4 -13
- package/dist/index217.js +7 -10
- package/dist/index218.js +17 -14
- package/dist/index219.js +5 -5
- package/dist/index220.js +5 -6
- package/dist/index221.js +13 -8
- package/dist/index222.js +10 -6
- package/dist/index223.js +14 -56
- package/dist/index224.js +5 -9
- package/dist/index225.js +6 -5
- package/dist/index226.js +8 -5
- package/dist/index227.js +6 -9
- package/dist/index228.js +56 -5
- package/dist/index229.js +9 -5
- package/dist/index230.js +5 -4
- package/dist/index231.js +5 -11
- package/dist/index232.js +9 -10
- package/dist/index233.js +4 -9
- package/dist/index234.js +5 -11
- package/dist/index235.js +4 -11
- package/dist/index236.js +11 -10
- package/dist/index237.js +10 -7
- package/dist/index238.js +10 -6
- package/dist/index239.js +11 -5
- package/dist/index240.js +11 -6
- package/dist/index241.js +10 -8
- package/dist/index242.js +7 -6
- package/dist/index243.js +7 -5
- package/dist/index244.js +6 -3
- package/dist/index245.js +6 -23
- package/dist/index246.js +8 -109
- package/dist/index247.js +6 -15
- package/dist/index253.js +3 -3
- package/dist/index260.js +1 -1
- package/dist/index268.js +65 -68
- package/dist/index269.js +68 -30
- package/dist/index270.js +9 -9
- package/dist/index271.js +13 -152
- package/dist/index272.js +65 -107
- package/dist/index273.js +68 -5
- package/dist/index274.js +31 -65
- package/dist/index275.js +9 -69
- package/dist/index276.js +152 -8
- package/dist/index277.js +107 -13
- package/dist/index278.js +5 -66
- package/dist/index280.js +3 -5
- package/dist/index281.js +22 -5
- package/dist/index282.js +6 -4
- package/dist/index283.js +5 -15
- package/dist/index284.js +4 -9
- package/dist/index285.js +15 -5
- package/dist/index286.js +8 -4
- package/dist/index287.js +5 -512
- package/dist/index288.js +5 -50
- package/dist/index289.js +510 -15
- package/dist/index290.js +50 -7
- package/dist/index291.js +17 -8
- package/dist/index292.js +6 -7
- package/dist/index293.js +8 -8
- package/dist/index294.js +7 -12
- package/dist/index295.js +8 -10
- package/dist/index296.js +12 -14
- package/dist/index297.js +10 -6
- package/dist/index298.js +14 -15
- package/dist/index299.js +5 -27
- package/dist/index300.js +14 -11
- package/dist/index301.js +28 -3
- package/dist/index302.js +12 -22
- package/dist/index303.js +23 -5
- package/dist/index304.js +12 -56
- package/dist/index305.js +26 -11
- package/dist/index306.js +4 -27
- package/dist/index307.js +5 -5
- package/dist/index308.js +56 -22
- package/dist/index40.js +1 -1
- package/dist/index41.js +1 -1
- package/dist/index42.js +6 -6
- package/dist/index44.js +9 -9
- package/dist/index46.js +7 -7
- package/dist/index49.js +12 -12
- package/dist/index52.js +10 -10
- package/dist/index59.js +4 -4
- package/dist/index63.js +1 -1
- package/dist/index75.js +7 -7
- package/dist/index80.js +2 -2
- package/dist/index82.js +19 -19
- package/dist/index85.js +13 -13
- package/dist/index86.js +4 -4
- package/dist/index87.js +6 -6
- package/dist/index89.js +5 -25
- package/dist/index90.js +25 -5
- package/dist/index92.js +125 -10
- package/dist/index93.js +10 -51
- package/dist/index94.js +207 -113
- package/dist/index95.js +13 -134
- package/dist/index96.js +69 -14
- package/dist/index97.js +32 -68
- package/dist/index98.js +51 -33
- package/dist/index99.js +30 -16
- package/package.json +1 -1
package/dist/index100.js
CHANGED
|
@@ -1,11 +1,184 @@
|
|
|
1
|
-
|
|
2
|
-
import * as
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import * as c from "react";
|
|
3
|
+
import { composeEventHandlers as p } from "./index89.js";
|
|
4
|
+
import { createCollection as V } from "./index112.js";
|
|
5
|
+
import { useComposedRefs as j } from "./index90.js";
|
|
6
|
+
import { createContextScope as z } from "./index91.js";
|
|
7
|
+
import { useId as q } from "./index93.js";
|
|
8
|
+
import { Primitive as G } from "./index97.js";
|
|
9
|
+
import { useCallbackRef as J } from "./index108.js";
|
|
10
|
+
import { useControllableState as Q } from "./index98.js";
|
|
11
|
+
import { useDirection as W } from "./index101.js";
|
|
12
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
13
|
+
var y = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, I = "RovingFocusGroup", [D, N, Z] = V(I), [$, Fe] = z(
|
|
14
|
+
I,
|
|
15
|
+
[Z]
|
|
16
|
+
), [ee, oe] = $(I), O = c.forwardRef(
|
|
17
|
+
(e, r) => /* @__PURE__ */ d(D.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(D.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d(te, { ...e, ref: r }) }) })
|
|
18
|
+
);
|
|
19
|
+
O.displayName = I;
|
|
20
|
+
var te = c.forwardRef((e, r) => {
|
|
21
|
+
const {
|
|
22
|
+
__scopeRovingFocusGroup: s,
|
|
23
|
+
orientation: o,
|
|
24
|
+
loop: T = !1,
|
|
25
|
+
dir: w,
|
|
26
|
+
currentTabStopId: v,
|
|
27
|
+
defaultCurrentTabStopId: C,
|
|
28
|
+
onCurrentTabStopIdChange: S,
|
|
29
|
+
onEntryFocus: m,
|
|
30
|
+
preventScrollOnEntryFocus: u = !1,
|
|
31
|
+
...b
|
|
32
|
+
} = e, F = c.useRef(null), g = j(r, F), R = W(w), [E, t] = Q({
|
|
33
|
+
prop: v,
|
|
34
|
+
defaultProp: C ?? null,
|
|
35
|
+
onChange: S,
|
|
36
|
+
caller: I
|
|
37
|
+
}), [i, h] = c.useState(!1), a = J(m), l = N(s), A = c.useRef(!1), [L, P] = c.useState(0);
|
|
38
|
+
return c.useEffect(() => {
|
|
39
|
+
const n = F.current;
|
|
40
|
+
if (n)
|
|
41
|
+
return n.addEventListener(y, a), () => n.removeEventListener(y, a);
|
|
42
|
+
}, [a]), /* @__PURE__ */ d(
|
|
43
|
+
ee,
|
|
44
|
+
{
|
|
45
|
+
scope: s,
|
|
46
|
+
orientation: o,
|
|
47
|
+
dir: R,
|
|
48
|
+
loop: T,
|
|
49
|
+
currentTabStopId: E,
|
|
50
|
+
onItemFocus: c.useCallback(
|
|
51
|
+
(n) => t(n),
|
|
52
|
+
[t]
|
|
53
|
+
),
|
|
54
|
+
onItemShiftTab: c.useCallback(() => h(!0), []),
|
|
55
|
+
onFocusableItemAdd: c.useCallback(
|
|
56
|
+
() => P((n) => n + 1),
|
|
57
|
+
[]
|
|
58
|
+
),
|
|
59
|
+
onFocusableItemRemove: c.useCallback(
|
|
60
|
+
() => P((n) => n - 1),
|
|
61
|
+
[]
|
|
62
|
+
),
|
|
63
|
+
children: /* @__PURE__ */ d(
|
|
64
|
+
G.div,
|
|
65
|
+
{
|
|
66
|
+
tabIndex: i || L === 0 ? -1 : 0,
|
|
67
|
+
"data-orientation": o,
|
|
68
|
+
...b,
|
|
69
|
+
ref: g,
|
|
70
|
+
style: { outline: "none", ...e.style },
|
|
71
|
+
onMouseDown: p(e.onMouseDown, () => {
|
|
72
|
+
A.current = !0;
|
|
73
|
+
}),
|
|
74
|
+
onFocus: p(e.onFocus, (n) => {
|
|
75
|
+
const U = !A.current;
|
|
76
|
+
if (n.target === n.currentTarget && U && !i) {
|
|
77
|
+
const x = new CustomEvent(y, X);
|
|
78
|
+
if (n.currentTarget.dispatchEvent(x), !x.defaultPrevented) {
|
|
79
|
+
const _ = l().filter((f) => f.focusable), B = _.find((f) => f.active), Y = _.find((f) => f.id === E), H = [B, Y, ..._].filter(
|
|
80
|
+
Boolean
|
|
81
|
+
).map((f) => f.ref.current);
|
|
82
|
+
k(H, u);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
A.current = !1;
|
|
86
|
+
}),
|
|
87
|
+
onBlur: p(e.onBlur, () => h(!1))
|
|
88
|
+
}
|
|
89
|
+
)
|
|
90
|
+
}
|
|
91
|
+
);
|
|
92
|
+
}), K = "RovingFocusGroupItem", M = c.forwardRef(
|
|
93
|
+
(e, r) => {
|
|
94
|
+
const {
|
|
95
|
+
__scopeRovingFocusGroup: s,
|
|
96
|
+
focusable: o = !0,
|
|
97
|
+
active: T = !1,
|
|
98
|
+
tabStopId: w,
|
|
99
|
+
children: v,
|
|
100
|
+
...C
|
|
101
|
+
} = e, S = q(), m = w || S, u = oe(K, s), b = u.currentTabStopId === m, F = N(s), { onFocusableItemAdd: g, onFocusableItemRemove: R, currentTabStopId: E } = u;
|
|
102
|
+
return c.useEffect(() => {
|
|
103
|
+
if (o)
|
|
104
|
+
return g(), () => R();
|
|
105
|
+
}, [o, g, R]), /* @__PURE__ */ d(
|
|
106
|
+
D.ItemSlot,
|
|
107
|
+
{
|
|
108
|
+
scope: s,
|
|
109
|
+
id: m,
|
|
110
|
+
focusable: o,
|
|
111
|
+
active: T,
|
|
112
|
+
children: /* @__PURE__ */ d(
|
|
113
|
+
G.span,
|
|
114
|
+
{
|
|
115
|
+
tabIndex: b ? 0 : -1,
|
|
116
|
+
"data-orientation": u.orientation,
|
|
117
|
+
...C,
|
|
118
|
+
ref: r,
|
|
119
|
+
onMouseDown: p(e.onMouseDown, (t) => {
|
|
120
|
+
o ? u.onItemFocus(m) : t.preventDefault();
|
|
121
|
+
}),
|
|
122
|
+
onFocus: p(e.onFocus, () => u.onItemFocus(m)),
|
|
123
|
+
onKeyDown: p(e.onKeyDown, (t) => {
|
|
124
|
+
if (t.key === "Tab" && t.shiftKey) {
|
|
125
|
+
u.onItemShiftTab();
|
|
126
|
+
return;
|
|
127
|
+
}
|
|
128
|
+
if (t.target !== t.currentTarget) return;
|
|
129
|
+
const i = ce(t, u.orientation, u.dir);
|
|
130
|
+
if (i !== void 0) {
|
|
131
|
+
if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
|
|
132
|
+
t.preventDefault();
|
|
133
|
+
let a = F().filter((l) => l.focusable).map((l) => l.ref.current);
|
|
134
|
+
if (i === "last") a.reverse();
|
|
135
|
+
else if (i === "prev" || i === "next") {
|
|
136
|
+
i === "prev" && a.reverse();
|
|
137
|
+
const l = a.indexOf(t.currentTarget);
|
|
138
|
+
a = u.loop ? se(a, l + 1) : a.slice(l + 1);
|
|
139
|
+
}
|
|
140
|
+
setTimeout(() => k(a));
|
|
141
|
+
}
|
|
142
|
+
}),
|
|
143
|
+
children: typeof v == "function" ? v({ isCurrentTabStop: b, hasTabStop: E != null }) : v
|
|
144
|
+
}
|
|
145
|
+
)
|
|
146
|
+
}
|
|
147
|
+
);
|
|
148
|
+
}
|
|
149
|
+
);
|
|
150
|
+
M.displayName = K;
|
|
151
|
+
var re = {
|
|
152
|
+
ArrowLeft: "prev",
|
|
153
|
+
ArrowUp: "prev",
|
|
154
|
+
ArrowRight: "next",
|
|
155
|
+
ArrowDown: "next",
|
|
156
|
+
PageUp: "first",
|
|
157
|
+
Home: "first",
|
|
158
|
+
PageDown: "last",
|
|
159
|
+
End: "last"
|
|
160
|
+
};
|
|
161
|
+
function ne(e, r) {
|
|
162
|
+
return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
|
|
163
|
+
}
|
|
164
|
+
function ce(e, r, s) {
|
|
165
|
+
const o = ne(e.key, s);
|
|
166
|
+
if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
|
|
167
|
+
return re[o];
|
|
168
|
+
}
|
|
169
|
+
function k(e, r = !1) {
|
|
170
|
+
const s = document.activeElement;
|
|
171
|
+
for (const o of e)
|
|
172
|
+
if (o === s || (o.focus({ preventScroll: r }), document.activeElement !== s)) return;
|
|
173
|
+
}
|
|
174
|
+
function se(e, r) {
|
|
175
|
+
return e.map((s, o) => e[(r + o) % e.length]);
|
|
176
|
+
}
|
|
177
|
+
var ge = O, Re = M;
|
|
9
178
|
export {
|
|
10
|
-
|
|
179
|
+
Re as Item,
|
|
180
|
+
ge as Root,
|
|
181
|
+
O as RovingFocusGroup,
|
|
182
|
+
M as RovingFocusGroupItem,
|
|
183
|
+
Fe as createRovingFocusGroupScope
|
|
11
184
|
};
|
package/dist/index101.js
CHANGED
|
@@ -1,52 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}, D = function(r, u) {
|
|
9
|
-
return u.map(function(e) {
|
|
10
|
-
if (r.contains(e))
|
|
11
|
-
return e;
|
|
12
|
-
var n = W(e);
|
|
13
|
-
return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
|
|
14
|
-
}).filter(function(e) {
|
|
15
|
-
return !!e;
|
|
16
|
-
});
|
|
17
|
-
}, E = function(r, u, e, n) {
|
|
18
|
-
var i = D(u, Array.isArray(r) ? r : [r]);
|
|
19
|
-
p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
|
|
20
|
-
var s = p[e], l = [], o = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
|
|
21
|
-
!t || o.has(t) || (o.add(t), y(t.parentNode));
|
|
22
|
-
};
|
|
23
|
-
i.forEach(y);
|
|
24
|
-
var A = function(t) {
|
|
25
|
-
!t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
|
|
26
|
-
if (o.has(a))
|
|
27
|
-
A(a);
|
|
28
|
-
else
|
|
29
|
-
try {
|
|
30
|
-
var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (s.get(a) || 0) + 1;
|
|
31
|
-
f.set(a, d), s.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
|
|
32
|
-
} catch (k) {
|
|
33
|
-
console.error("aria-hidden: cannot operate on ", a, k);
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
};
|
|
37
|
-
return A(u), o.clear(), h++, function() {
|
|
38
|
-
l.forEach(function(t) {
|
|
39
|
-
var a = f.get(t) - 1, c = s.get(t) - 1;
|
|
40
|
-
f.set(t, a), s.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
|
|
41
|
-
}), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
|
|
42
|
-
};
|
|
43
|
-
}, C = function(r, u, e) {
|
|
44
|
-
e === void 0 && (e = "data-aria-hidden");
|
|
45
|
-
var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
|
|
46
|
-
return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live], script"))), E(n, i, e, "aria-hidden")) : function() {
|
|
47
|
-
return null;
|
|
48
|
-
};
|
|
49
|
-
};
|
|
1
|
+
import * as t from "react";
|
|
2
|
+
import "react/jsx-runtime";
|
|
3
|
+
var r = t.createContext(void 0);
|
|
4
|
+
function n(o) {
|
|
5
|
+
const e = t.useContext(r);
|
|
6
|
+
return o || e || "ltr";
|
|
7
|
+
}
|
|
50
8
|
export {
|
|
51
|
-
|
|
9
|
+
n as useDirection
|
|
52
10
|
};
|
package/dist/index102.js
CHANGED
|
@@ -1,184 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
);
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
loop: T = !1,
|
|
25
|
-
dir: w,
|
|
26
|
-
currentTabStopId: v,
|
|
27
|
-
defaultCurrentTabStopId: C,
|
|
28
|
-
onCurrentTabStopIdChange: S,
|
|
29
|
-
onEntryFocus: m,
|
|
30
|
-
preventScrollOnEntryFocus: u = !1,
|
|
31
|
-
...b
|
|
32
|
-
} = e, F = c.useRef(null), g = j(r, F), R = W(w), [E, t] = Q({
|
|
33
|
-
prop: v,
|
|
34
|
-
defaultProp: C ?? null,
|
|
35
|
-
onChange: S,
|
|
36
|
-
caller: I
|
|
37
|
-
}), [i, h] = c.useState(!1), a = J(m), l = N(s), A = c.useRef(!1), [L, P] = c.useState(0);
|
|
38
|
-
return c.useEffect(() => {
|
|
39
|
-
const n = F.current;
|
|
40
|
-
if (n)
|
|
41
|
-
return n.addEventListener(y, a), () => n.removeEventListener(y, a);
|
|
42
|
-
}, [a]), /* @__PURE__ */ d(
|
|
43
|
-
ee,
|
|
44
|
-
{
|
|
45
|
-
scope: s,
|
|
46
|
-
orientation: o,
|
|
47
|
-
dir: R,
|
|
48
|
-
loop: T,
|
|
49
|
-
currentTabStopId: E,
|
|
50
|
-
onItemFocus: c.useCallback(
|
|
51
|
-
(n) => t(n),
|
|
52
|
-
[t]
|
|
53
|
-
),
|
|
54
|
-
onItemShiftTab: c.useCallback(() => h(!0), []),
|
|
55
|
-
onFocusableItemAdd: c.useCallback(
|
|
56
|
-
() => P((n) => n + 1),
|
|
57
|
-
[]
|
|
58
|
-
),
|
|
59
|
-
onFocusableItemRemove: c.useCallback(
|
|
60
|
-
() => P((n) => n - 1),
|
|
61
|
-
[]
|
|
62
|
-
),
|
|
63
|
-
children: /* @__PURE__ */ d(
|
|
64
|
-
G.div,
|
|
65
|
-
{
|
|
66
|
-
tabIndex: i || L === 0 ? -1 : 0,
|
|
67
|
-
"data-orientation": o,
|
|
68
|
-
...b,
|
|
69
|
-
ref: g,
|
|
70
|
-
style: { outline: "none", ...e.style },
|
|
71
|
-
onMouseDown: p(e.onMouseDown, () => {
|
|
72
|
-
A.current = !0;
|
|
73
|
-
}),
|
|
74
|
-
onFocus: p(e.onFocus, (n) => {
|
|
75
|
-
const U = !A.current;
|
|
76
|
-
if (n.target === n.currentTarget && U && !i) {
|
|
77
|
-
const x = new CustomEvent(y, X);
|
|
78
|
-
if (n.currentTarget.dispatchEvent(x), !x.defaultPrevented) {
|
|
79
|
-
const _ = l().filter((f) => f.focusable), B = _.find((f) => f.active), Y = _.find((f) => f.id === E), H = [B, Y, ..._].filter(
|
|
80
|
-
Boolean
|
|
81
|
-
).map((f) => f.ref.current);
|
|
82
|
-
k(H, u);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
A.current = !1;
|
|
86
|
-
}),
|
|
87
|
-
onBlur: p(e.onBlur, () => h(!1))
|
|
88
|
-
}
|
|
89
|
-
)
|
|
90
|
-
}
|
|
91
|
-
);
|
|
92
|
-
}), K = "RovingFocusGroupItem", M = c.forwardRef(
|
|
93
|
-
(e, r) => {
|
|
94
|
-
const {
|
|
95
|
-
__scopeRovingFocusGroup: s,
|
|
96
|
-
focusable: o = !0,
|
|
97
|
-
active: T = !1,
|
|
98
|
-
tabStopId: w,
|
|
99
|
-
children: v,
|
|
100
|
-
...C
|
|
101
|
-
} = e, S = q(), m = w || S, u = oe(K, s), b = u.currentTabStopId === m, F = N(s), { onFocusableItemAdd: g, onFocusableItemRemove: R, currentTabStopId: E } = u;
|
|
102
|
-
return c.useEffect(() => {
|
|
103
|
-
if (o)
|
|
104
|
-
return g(), () => R();
|
|
105
|
-
}, [o, g, R]), /* @__PURE__ */ d(
|
|
106
|
-
D.ItemSlot,
|
|
107
|
-
{
|
|
108
|
-
scope: s,
|
|
109
|
-
id: m,
|
|
110
|
-
focusable: o,
|
|
111
|
-
active: T,
|
|
112
|
-
children: /* @__PURE__ */ d(
|
|
113
|
-
G.span,
|
|
114
|
-
{
|
|
115
|
-
tabIndex: b ? 0 : -1,
|
|
116
|
-
"data-orientation": u.orientation,
|
|
117
|
-
...C,
|
|
118
|
-
ref: r,
|
|
119
|
-
onMouseDown: p(e.onMouseDown, (t) => {
|
|
120
|
-
o ? u.onItemFocus(m) : t.preventDefault();
|
|
121
|
-
}),
|
|
122
|
-
onFocus: p(e.onFocus, () => u.onItemFocus(m)),
|
|
123
|
-
onKeyDown: p(e.onKeyDown, (t) => {
|
|
124
|
-
if (t.key === "Tab" && t.shiftKey) {
|
|
125
|
-
u.onItemShiftTab();
|
|
126
|
-
return;
|
|
127
|
-
}
|
|
128
|
-
if (t.target !== t.currentTarget) return;
|
|
129
|
-
const i = ce(t, u.orientation, u.dir);
|
|
130
|
-
if (i !== void 0) {
|
|
131
|
-
if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
|
|
132
|
-
t.preventDefault();
|
|
133
|
-
let a = F().filter((l) => l.focusable).map((l) => l.ref.current);
|
|
134
|
-
if (i === "last") a.reverse();
|
|
135
|
-
else if (i === "prev" || i === "next") {
|
|
136
|
-
i === "prev" && a.reverse();
|
|
137
|
-
const l = a.indexOf(t.currentTarget);
|
|
138
|
-
a = u.loop ? se(a, l + 1) : a.slice(l + 1);
|
|
139
|
-
}
|
|
140
|
-
setTimeout(() => k(a));
|
|
141
|
-
}
|
|
142
|
-
}),
|
|
143
|
-
children: typeof v == "function" ? v({ isCurrentTabStop: b, hasTabStop: E != null }) : v
|
|
144
|
-
}
|
|
145
|
-
)
|
|
146
|
-
}
|
|
147
|
-
);
|
|
148
|
-
}
|
|
149
|
-
);
|
|
150
|
-
M.displayName = K;
|
|
151
|
-
var re = {
|
|
152
|
-
ArrowLeft: "prev",
|
|
153
|
-
ArrowUp: "prev",
|
|
154
|
-
ArrowRight: "next",
|
|
155
|
-
ArrowDown: "next",
|
|
156
|
-
PageUp: "first",
|
|
157
|
-
Home: "first",
|
|
158
|
-
PageDown: "last",
|
|
159
|
-
End: "last"
|
|
160
|
-
};
|
|
161
|
-
function ne(e, r) {
|
|
162
|
-
return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
|
|
163
|
-
}
|
|
164
|
-
function ce(e, r, s) {
|
|
165
|
-
const o = ne(e.key, s);
|
|
166
|
-
if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
|
|
167
|
-
return re[o];
|
|
168
|
-
}
|
|
169
|
-
function k(e, r = !1) {
|
|
170
|
-
const s = document.activeElement;
|
|
171
|
-
for (const o of e)
|
|
172
|
-
if (o === s || (o.focus({ preventScroll: r }), document.activeElement !== s)) return;
|
|
173
|
-
}
|
|
174
|
-
function se(e, r) {
|
|
175
|
-
return e.map((s, o) => e[(r + o) % e.length]);
|
|
1
|
+
import * as h from "react";
|
|
2
|
+
import { useLayoutEffect as z } from "./index109.js";
|
|
3
|
+
function c(r) {
|
|
4
|
+
const [d, e] = h.useState(void 0);
|
|
5
|
+
return z(() => {
|
|
6
|
+
if (r) {
|
|
7
|
+
e({ width: r.offsetWidth, height: r.offsetHeight });
|
|
8
|
+
const f = new ResizeObserver((i) => {
|
|
9
|
+
if (!Array.isArray(i) || !i.length)
|
|
10
|
+
return;
|
|
11
|
+
const b = i[0];
|
|
12
|
+
let o, t;
|
|
13
|
+
if ("borderBoxSize" in b) {
|
|
14
|
+
const s = b.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
|
|
15
|
+
o = u.inlineSize, t = u.blockSize;
|
|
16
|
+
} else
|
|
17
|
+
o = r.offsetWidth, t = r.offsetHeight;
|
|
18
|
+
e({ width: o, height: t });
|
|
19
|
+
});
|
|
20
|
+
return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
|
|
21
|
+
} else
|
|
22
|
+
e(void 0);
|
|
23
|
+
}, [r]), d;
|
|
176
24
|
}
|
|
177
|
-
var ge = O, Re = M;
|
|
178
25
|
export {
|
|
179
|
-
|
|
180
|
-
ge as Root,
|
|
181
|
-
O as RovingFocusGroup,
|
|
182
|
-
M as RovingFocusGroupItem,
|
|
183
|
-
Fe as createRovingFocusGroupScope
|
|
26
|
+
c as useSize
|
|
184
27
|
};
|
package/dist/index103.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const e = t.useContext(r);
|
|
6
|
-
return o || e || "ltr";
|
|
1
|
+
import * as u from "react";
|
|
2
|
+
function t(r) {
|
|
3
|
+
const e = u.useRef({ value: r, previous: r });
|
|
4
|
+
return u.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
|
|
7
5
|
}
|
|
8
6
|
export {
|
|
9
|
-
|
|
7
|
+
t as usePrevious
|
|
10
8
|
};
|
package/dist/index104.js
CHANGED
|
@@ -1,27 +1,138 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import * as d from "react";
|
|
3
|
+
import { useComposedRefs as R } from "./index90.js";
|
|
4
|
+
import { Primitive as M } from "./index97.js";
|
|
5
|
+
import { useCallbackRef as y } from "./index108.js";
|
|
6
|
+
import { jsx as _ } from "react/jsx-runtime";
|
|
7
|
+
var F = "focusScope.autoFocusOnMount", T = "focusScope.autoFocusOnUnmount", N = { bubbles: !1, cancelable: !0 }, K = "FocusScope", k = d.forwardRef((e, n) => {
|
|
8
|
+
const {
|
|
9
|
+
loop: t = !1,
|
|
10
|
+
trapped: u = !1,
|
|
11
|
+
onMountAutoFocus: p,
|
|
12
|
+
onUnmountAutoFocus: L,
|
|
13
|
+
...g
|
|
14
|
+
} = e, [o, U] = d.useState(null), E = y(p), v = y(L), b = d.useRef(null), A = R(n, (s) => U(s)), a = d.useRef({
|
|
15
|
+
paused: !1,
|
|
16
|
+
pause() {
|
|
17
|
+
this.paused = !0;
|
|
18
|
+
},
|
|
19
|
+
resume() {
|
|
20
|
+
this.paused = !1;
|
|
21
|
+
}
|
|
22
|
+
}).current;
|
|
23
|
+
d.useEffect(() => {
|
|
24
|
+
if (u) {
|
|
25
|
+
let s = function(i) {
|
|
26
|
+
if (a.paused || !o) return;
|
|
27
|
+
const c = i.target;
|
|
28
|
+
o.contains(c) ? b.current = c : f(b.current, { select: !0 });
|
|
29
|
+
}, l = function(i) {
|
|
30
|
+
if (a.paused || !o) return;
|
|
31
|
+
const c = i.relatedTarget;
|
|
32
|
+
c !== null && (o.contains(c) || f(b.current, { select: !0 }));
|
|
33
|
+
}, r = function(i) {
|
|
34
|
+
if (document.activeElement === document.body)
|
|
35
|
+
for (const h of i)
|
|
36
|
+
h.removedNodes.length > 0 && f(o);
|
|
37
|
+
};
|
|
38
|
+
document.addEventListener("focusin", s), document.addEventListener("focusout", l);
|
|
39
|
+
const m = new MutationObserver(r);
|
|
40
|
+
return o && m.observe(o, { childList: !0, subtree: !0 }), () => {
|
|
41
|
+
document.removeEventListener("focusin", s), document.removeEventListener("focusout", l), m.disconnect();
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
}, [u, o, a.paused]), d.useEffect(() => {
|
|
45
|
+
if (o) {
|
|
46
|
+
S.add(a);
|
|
47
|
+
const s = document.activeElement;
|
|
48
|
+
if (!o.contains(s)) {
|
|
49
|
+
const r = new CustomEvent(F, N);
|
|
50
|
+
o.addEventListener(F, E), o.dispatchEvent(r), r.defaultPrevented || (w(W(I(o)), { select: !0 }), document.activeElement === s && f(o));
|
|
51
|
+
}
|
|
52
|
+
return () => {
|
|
53
|
+
o.removeEventListener(F, E), setTimeout(() => {
|
|
54
|
+
const r = new CustomEvent(T, N);
|
|
55
|
+
o.addEventListener(T, v), o.dispatchEvent(r), r.defaultPrevented || f(s ?? document.body, { select: !0 }), o.removeEventListener(T, v), S.remove(a);
|
|
56
|
+
}, 0);
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
}, [o, E, v, a]);
|
|
60
|
+
const P = d.useCallback(
|
|
61
|
+
(s) => {
|
|
62
|
+
if (!t && !u || a.paused) return;
|
|
63
|
+
const l = s.key === "Tab" && !s.altKey && !s.ctrlKey && !s.metaKey, r = document.activeElement;
|
|
64
|
+
if (l && r) {
|
|
65
|
+
const m = s.currentTarget, [i, c] = x(m);
|
|
66
|
+
i && c ? !s.shiftKey && r === c ? (s.preventDefault(), t && f(i, { select: !0 })) : s.shiftKey && r === i && (s.preventDefault(), t && f(c, { select: !0 })) : r === m && s.preventDefault();
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
[t, u, a.paused]
|
|
70
|
+
);
|
|
71
|
+
return /* @__PURE__ */ _(M.div, { tabIndex: -1, ...g, ref: A, onKeyDown: P });
|
|
72
|
+
});
|
|
73
|
+
k.displayName = K;
|
|
74
|
+
function w(e, { select: n = !1 } = {}) {
|
|
75
|
+
const t = document.activeElement;
|
|
76
|
+
for (const u of e)
|
|
77
|
+
if (f(u, { select: n }), document.activeElement !== t) return;
|
|
78
|
+
}
|
|
79
|
+
function x(e) {
|
|
80
|
+
const n = I(e), t = O(n, e), u = O(n.reverse(), e);
|
|
81
|
+
return [t, u];
|
|
82
|
+
}
|
|
83
|
+
function I(e) {
|
|
84
|
+
const n = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
|
|
85
|
+
acceptNode: (u) => {
|
|
86
|
+
const p = u.tagName === "INPUT" && u.type === "hidden";
|
|
87
|
+
return u.disabled || u.hidden || p ? NodeFilter.FILTER_SKIP : u.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
for (; t.nextNode(); ) n.push(t.currentNode);
|
|
91
|
+
return n;
|
|
92
|
+
}
|
|
93
|
+
function O(e, n) {
|
|
94
|
+
for (const t of e)
|
|
95
|
+
if (!D(t, { upTo: n })) return t;
|
|
96
|
+
}
|
|
97
|
+
function D(e, { upTo: n }) {
|
|
98
|
+
if (getComputedStyle(e).visibility === "hidden") return !0;
|
|
99
|
+
for (; e; ) {
|
|
100
|
+
if (n !== void 0 && e === n) return !1;
|
|
101
|
+
if (getComputedStyle(e).display === "none") return !0;
|
|
102
|
+
e = e.parentElement;
|
|
103
|
+
}
|
|
104
|
+
return !1;
|
|
105
|
+
}
|
|
106
|
+
function H(e) {
|
|
107
|
+
return e instanceof HTMLInputElement && "select" in e;
|
|
108
|
+
}
|
|
109
|
+
function f(e, { select: n = !1 } = {}) {
|
|
110
|
+
if (e && e.focus) {
|
|
111
|
+
const t = document.activeElement;
|
|
112
|
+
e.focus({ preventScroll: !0 }), e !== t && H(e) && n && e.select();
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
var S = V();
|
|
116
|
+
function V() {
|
|
117
|
+
let e = [];
|
|
118
|
+
return {
|
|
119
|
+
add(n) {
|
|
120
|
+
const t = e[0];
|
|
121
|
+
n !== t && (t == null || t.pause()), e = C(e, n), e.unshift(n);
|
|
122
|
+
},
|
|
123
|
+
remove(n) {
|
|
124
|
+
var t;
|
|
125
|
+
e = C(e, n), (t = e[0]) == null || t.resume();
|
|
126
|
+
}
|
|
127
|
+
};
|
|
128
|
+
}
|
|
129
|
+
function C(e, n) {
|
|
130
|
+
const t = [...e], u = t.indexOf(n);
|
|
131
|
+
return u !== -1 && t.splice(u, 1), t;
|
|
132
|
+
}
|
|
133
|
+
function W(e) {
|
|
134
|
+
return e.filter((n) => n.tagName !== "A");
|
|
24
135
|
}
|
|
25
136
|
export {
|
|
26
|
-
|
|
137
|
+
k as FocusScope
|
|
27
138
|
};
|
package/dist/index105.js
CHANGED
|
@@ -1,8 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import * as r from "react";
|
|
3
|
+
var t = 0;
|
|
4
|
+
function a() {
|
|
5
|
+
r.useEffect(() => {
|
|
6
|
+
const e = document.querySelectorAll("[data-radix-focus-guard]");
|
|
7
|
+
return document.body.insertAdjacentElement("afterbegin", e[0] ?? n()), document.body.insertAdjacentElement("beforeend", e[1] ?? n()), t++, () => {
|
|
8
|
+
t === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((o) => o.remove()), t--;
|
|
9
|
+
};
|
|
10
|
+
}, []);
|
|
11
|
+
}
|
|
12
|
+
function n() {
|
|
13
|
+
const e = document.createElement("span");
|
|
14
|
+
return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
|
|
5
15
|
}
|
|
6
16
|
export {
|
|
7
|
-
|
|
17
|
+
a as useFocusGuards
|
|
8
18
|
};
|