@tamagui/roving-focus 1.123.0 → 1.123.1
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/package.json +11 -12
- package/dist/jsx/RovingFocusGroup.js +0 -194
- package/dist/jsx/RovingFocusGroup.js.map +0 -6
- package/dist/jsx/RovingFocusGroup.mjs +0 -185
- package/dist/jsx/RovingFocusGroup.mjs.map +0 -1
- package/dist/jsx/RovingFocusGroup.native.js +0 -32
- package/dist/jsx/RovingFocusGroup.native.js.map +0 -6
- package/dist/jsx/index.js +0 -2
- package/dist/jsx/index.js.map +0 -6
- package/dist/jsx/index.mjs +0 -2
- package/dist/jsx/index.mjs.map +0 -1
- package/dist/jsx/index.native.js +0 -2
- package/dist/jsx/index.native.js.map +0 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/roving-focus",
|
|
3
|
-
"version": "1.123.
|
|
3
|
+
"version": "1.123.1",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
"types": "./types/index.d.ts",
|
|
9
9
|
"main": "dist/cjs",
|
|
10
10
|
"module": "dist/esm",
|
|
11
|
-
"module:jsx": "dist/jsx",
|
|
12
11
|
"files": [
|
|
13
12
|
"src",
|
|
14
13
|
"types",
|
|
@@ -36,18 +35,18 @@
|
|
|
36
35
|
}
|
|
37
36
|
},
|
|
38
37
|
"dependencies": {
|
|
39
|
-
"@tamagui/collection": "1.123.
|
|
40
|
-
"@tamagui/compose-refs": "1.123.
|
|
41
|
-
"@tamagui/constants": "1.123.
|
|
42
|
-
"@tamagui/core": "1.123.
|
|
43
|
-
"@tamagui/create-context": "1.123.
|
|
44
|
-
"@tamagui/helpers": "1.123.
|
|
45
|
-
"@tamagui/use-controllable-state": "1.123.
|
|
46
|
-
"@tamagui/use-direction": "1.123.
|
|
47
|
-
"@tamagui/use-event": "1.123.
|
|
38
|
+
"@tamagui/collection": "1.123.1",
|
|
39
|
+
"@tamagui/compose-refs": "1.123.1",
|
|
40
|
+
"@tamagui/constants": "1.123.1",
|
|
41
|
+
"@tamagui/core": "1.123.1",
|
|
42
|
+
"@tamagui/create-context": "1.123.1",
|
|
43
|
+
"@tamagui/helpers": "1.123.1",
|
|
44
|
+
"@tamagui/use-controllable-state": "1.123.1",
|
|
45
|
+
"@tamagui/use-direction": "1.123.1",
|
|
46
|
+
"@tamagui/use-event": "1.123.1"
|
|
48
47
|
},
|
|
49
48
|
"devDependencies": {
|
|
50
|
-
"@tamagui/build": "1.123.
|
|
49
|
+
"@tamagui/build": "1.123.1",
|
|
51
50
|
"react": "*"
|
|
52
51
|
},
|
|
53
52
|
"publishConfig": {
|
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
import { createCollection } from "@tamagui/collection";
|
|
2
|
-
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
3
|
-
import { isWeb } from "@tamagui/constants";
|
|
4
|
-
import { Stack, createStyledContext, useEvent } from "@tamagui/core";
|
|
5
|
-
import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
|
|
6
|
-
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
7
|
-
import { useDirection } from "@tamagui/use-direction";
|
|
8
|
-
import * as React from "react";
|
|
9
|
-
import { jsx } from "react/jsx-runtime";
|
|
10
|
-
const ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus", EVENT_OPTIONS = { bubbles: !1, cancelable: !0 }, RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
|
|
11
|
-
const {
|
|
12
|
-
__scopeRovingFocusGroup,
|
|
13
|
-
orientation,
|
|
14
|
-
loop = !1,
|
|
15
|
-
dir,
|
|
16
|
-
currentTabStopId: currentTabStopIdProp,
|
|
17
|
-
defaultCurrentTabStopId,
|
|
18
|
-
onCurrentTabStopIdChange,
|
|
19
|
-
onEntryFocus,
|
|
20
|
-
...groupProps
|
|
21
|
-
} = props, ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), direction = useDirection(dir), [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
|
|
22
|
-
prop: currentTabStopIdProp,
|
|
23
|
-
defaultProp: defaultCurrentTabStopId ?? null,
|
|
24
|
-
onChange: onCurrentTabStopIdChange
|
|
25
|
-
}), [isTabbingBackOut, setIsTabbingBackOut] = React.useState(!1), handleEntryFocus = useEvent(onEntryFocus), getItems = useCollection(__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT), isClickFocusRef = React.useRef(!1), [focusableItemsCount, setFocusableItemsCount] = React.useState(0);
|
|
26
|
-
return React.useEffect(() => {
|
|
27
|
-
const node = ref.current;
|
|
28
|
-
if (node)
|
|
29
|
-
return node.addEventListener(ENTRY_FOCUS, handleEntryFocus), () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
|
|
30
|
-
}, [handleEntryFocus]), /* @__PURE__ */ jsx(
|
|
31
|
-
RovingFocusProvider,
|
|
32
|
-
{
|
|
33
|
-
scope: __scopeRovingFocusGroup,
|
|
34
|
-
orientation,
|
|
35
|
-
dir: direction,
|
|
36
|
-
loop,
|
|
37
|
-
currentTabStopId,
|
|
38
|
-
onItemFocus: React.useCallback(
|
|
39
|
-
(tabStopId) => setCurrentTabStopId(tabStopId),
|
|
40
|
-
[setCurrentTabStopId]
|
|
41
|
-
),
|
|
42
|
-
onItemShiftTab: React.useCallback(() => setIsTabbingBackOut(!0), []),
|
|
43
|
-
onFocusableItemAdd: React.useCallback(
|
|
44
|
-
() => setFocusableItemsCount((prevCount) => prevCount + 1),
|
|
45
|
-
[]
|
|
46
|
-
),
|
|
47
|
-
onFocusableItemRemove: React.useCallback(
|
|
48
|
-
() => setFocusableItemsCount((prevCount) => prevCount - 1),
|
|
49
|
-
[]
|
|
50
|
-
),
|
|
51
|
-
children: /* @__PURE__ */ jsx(
|
|
52
|
-
Stack,
|
|
53
|
-
{
|
|
54
|
-
tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
|
|
55
|
-
"data-orientation": orientation,
|
|
56
|
-
...groupProps,
|
|
57
|
-
ref: composedRefs,
|
|
58
|
-
style: [{ outline: "none" }, props.style],
|
|
59
|
-
onMouseDown: composeEventHandlers(props.onMouseDown, () => {
|
|
60
|
-
isClickFocusRef.current = !0;
|
|
61
|
-
}),
|
|
62
|
-
onFocus: composeEventHandlers(props.onFocus, (event) => {
|
|
63
|
-
const isKeyboardFocus = !isClickFocusRef.current;
|
|
64
|
-
if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
|
|
65
|
-
const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
|
|
66
|
-
if (event.currentTarget.dispatchEvent(entryFocusEvent), !entryFocusEvent.defaultPrevented) {
|
|
67
|
-
const items = getItems().filter((item) => item.focusable), activeItem = items.find((item) => item.active), currentItem = items.find((item) => item.id === currentTabStopId), candidateNodes = [activeItem, currentItem, ...items].filter(
|
|
68
|
-
Boolean
|
|
69
|
-
).map((item) => item.ref.current);
|
|
70
|
-
focusFirst(candidateNodes);
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
isClickFocusRef.current = !1;
|
|
74
|
-
}),
|
|
75
|
-
onBlur: composeEventHandlers(
|
|
76
|
-
props.onBlur,
|
|
77
|
-
() => setIsTabbingBackOut(!1)
|
|
78
|
-
)
|
|
79
|
-
}
|
|
80
|
-
)
|
|
81
|
-
}
|
|
82
|
-
);
|
|
83
|
-
}), ITEM_NAME = "RovingFocusGroupItem", RovingFocusGroupItem = React.forwardRef((props, forwardedRef) => {
|
|
84
|
-
const {
|
|
85
|
-
__scopeRovingFocusGroup,
|
|
86
|
-
focusable = !0,
|
|
87
|
-
active = !1,
|
|
88
|
-
tabStopId,
|
|
89
|
-
...itemProps
|
|
90
|
-
} = props, autoId = React.useId(), id = tabStopId || autoId, context = useRovingFocusContext(__scopeRovingFocusGroup), isCurrentTabStop = context.currentTabStopId === id, getItems = useCollection(__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT), { onFocusableItemAdd, onFocusableItemRemove } = context;
|
|
91
|
-
return React.useEffect(() => {
|
|
92
|
-
if (focusable)
|
|
93
|
-
return onFocusableItemAdd(), () => onFocusableItemRemove();
|
|
94
|
-
}, [focusable, onFocusableItemAdd, onFocusableItemRemove]), /* @__PURE__ */ jsx(
|
|
95
|
-
Collection.ItemSlot,
|
|
96
|
-
{
|
|
97
|
-
__scopeCollection: __scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
|
|
98
|
-
id,
|
|
99
|
-
focusable,
|
|
100
|
-
active,
|
|
101
|
-
children: /* @__PURE__ */ jsx(
|
|
102
|
-
Stack,
|
|
103
|
-
{
|
|
104
|
-
tabIndex: isCurrentTabStop ? 0 : -1,
|
|
105
|
-
"data-orientation": context.orientation,
|
|
106
|
-
...itemProps,
|
|
107
|
-
ref: forwardedRef,
|
|
108
|
-
onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
|
|
109
|
-
focusable ? context.onItemFocus(id) : event.preventDefault();
|
|
110
|
-
}),
|
|
111
|
-
onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
|
|
112
|
-
...isWeb && {
|
|
113
|
-
onKeyDown: composeEventHandlers(
|
|
114
|
-
props.onKeyDown,
|
|
115
|
-
(event) => {
|
|
116
|
-
if (event.key === "Tab" && event.shiftKey) {
|
|
117
|
-
context.onItemShiftTab();
|
|
118
|
-
return;
|
|
119
|
-
}
|
|
120
|
-
if (event.target !== event.currentTarget) return;
|
|
121
|
-
const focusIntent = getFocusIntent(event, context.orientation, context.dir);
|
|
122
|
-
if (focusIntent !== void 0) {
|
|
123
|
-
event.preventDefault();
|
|
124
|
-
let candidateNodes = getItems().filter((item) => item.focusable).map((item) => item.ref.current);
|
|
125
|
-
if (focusIntent === "last") candidateNodes.reverse();
|
|
126
|
-
else if (focusIntent === "prev" || focusIntent === "next") {
|
|
127
|
-
focusIntent === "prev" && candidateNodes.reverse();
|
|
128
|
-
const currentIndex = candidateNodes.indexOf(event.currentTarget);
|
|
129
|
-
candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
|
|
130
|
-
}
|
|
131
|
-
setTimeout(() => focusFirst(candidateNodes));
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
)
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
)
|
|
138
|
-
}
|
|
139
|
-
);
|
|
140
|
-
});
|
|
141
|
-
RovingFocusGroupItem.displayName = ITEM_NAME;
|
|
142
|
-
const GROUP_NAME = "RovingFocusGroup", [Collection, useCollection] = createCollection(
|
|
143
|
-
GROUP_NAME
|
|
144
|
-
), { Provider: RovingFocusProvider, useStyledContext: useRovingFocusContext } = createStyledContext(), ROVING_FOCUS_GROUP_CONTEXT = "RovingFocusGroupContext", RovingFocusGroup = withStaticProperties(
|
|
145
|
-
React.forwardRef(
|
|
146
|
-
(props, forwardedRef) => /* @__PURE__ */ jsx(
|
|
147
|
-
Collection.Provider,
|
|
148
|
-
{
|
|
149
|
-
__scopeCollection: props.__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
|
|
150
|
-
children: /* @__PURE__ */ jsx(
|
|
151
|
-
Collection.Slot,
|
|
152
|
-
{
|
|
153
|
-
__scopeCollection: props.__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
|
|
154
|
-
children: /* @__PURE__ */ jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef })
|
|
155
|
-
}
|
|
156
|
-
)
|
|
157
|
-
}
|
|
158
|
-
)
|
|
159
|
-
),
|
|
160
|
-
{
|
|
161
|
-
Item: RovingFocusGroupItem
|
|
162
|
-
}
|
|
163
|
-
);
|
|
164
|
-
RovingFocusGroup.displayName = GROUP_NAME;
|
|
165
|
-
const MAP_KEY_TO_FOCUS_INTENT = {
|
|
166
|
-
ArrowLeft: "prev",
|
|
167
|
-
ArrowUp: "prev",
|
|
168
|
-
ArrowRight: "next",
|
|
169
|
-
ArrowDown: "next",
|
|
170
|
-
PageUp: "first",
|
|
171
|
-
Home: "first",
|
|
172
|
-
PageDown: "last",
|
|
173
|
-
End: "last"
|
|
174
|
-
};
|
|
175
|
-
function getDirectionAwareKey(key, dir) {
|
|
176
|
-
return dir !== "rtl" ? key : key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
|
|
177
|
-
}
|
|
178
|
-
function getFocusIntent(event, orientation, dir) {
|
|
179
|
-
const key = getDirectionAwareKey(event.key, dir);
|
|
180
|
-
if (!(orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) && !(orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)))
|
|
181
|
-
return MAP_KEY_TO_FOCUS_INTENT[key];
|
|
182
|
-
}
|
|
183
|
-
function focusFirst(candidates) {
|
|
184
|
-
const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
|
|
185
|
-
for (const candidate of candidates)
|
|
186
|
-
if (candidate === PREVIOUSLY_FOCUSED_ELEMENT || (candidate.focus(), document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT)) return;
|
|
187
|
-
}
|
|
188
|
-
function wrapArray(array, startIndex) {
|
|
189
|
-
return array.map((_, index) => array[(startIndex + index) % array.length]);
|
|
190
|
-
}
|
|
191
|
-
export {
|
|
192
|
-
RovingFocusGroup
|
|
193
|
-
};
|
|
194
|
-
//# sourceMappingURL=RovingFocusGroup.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/RovingFocusGroup.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,185 +0,0 @@
|
|
|
1
|
-
import { createCollection } from "@tamagui/collection";
|
|
2
|
-
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
3
|
-
import { isWeb } from "@tamagui/constants";
|
|
4
|
-
import { Stack, createStyledContext, useEvent } from "@tamagui/core";
|
|
5
|
-
import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
|
|
6
|
-
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
7
|
-
import { useDirection } from "@tamagui/use-direction";
|
|
8
|
-
import * as React from "react";
|
|
9
|
-
import { jsx } from "react/jsx-runtime";
|
|
10
|
-
const ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus",
|
|
11
|
-
EVENT_OPTIONS = {
|
|
12
|
-
bubbles: !1,
|
|
13
|
-
cancelable: !0
|
|
14
|
-
},
|
|
15
|
-
RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
|
|
16
|
-
const {
|
|
17
|
-
__scopeRovingFocusGroup,
|
|
18
|
-
orientation,
|
|
19
|
-
loop = !1,
|
|
20
|
-
dir,
|
|
21
|
-
currentTabStopId: currentTabStopIdProp,
|
|
22
|
-
defaultCurrentTabStopId,
|
|
23
|
-
onCurrentTabStopIdChange,
|
|
24
|
-
onEntryFocus,
|
|
25
|
-
...groupProps
|
|
26
|
-
} = props,
|
|
27
|
-
ref = React.useRef(null),
|
|
28
|
-
composedRefs = useComposedRefs(forwardedRef, ref),
|
|
29
|
-
direction = useDirection(dir),
|
|
30
|
-
[currentTabStopId = null, setCurrentTabStopId] = useControllableState({
|
|
31
|
-
prop: currentTabStopIdProp,
|
|
32
|
-
defaultProp: defaultCurrentTabStopId ?? null,
|
|
33
|
-
onChange: onCurrentTabStopIdChange
|
|
34
|
-
}),
|
|
35
|
-
[isTabbingBackOut, setIsTabbingBackOut] = React.useState(!1),
|
|
36
|
-
handleEntryFocus = useEvent(onEntryFocus),
|
|
37
|
-
getItems = useCollection(__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT),
|
|
38
|
-
isClickFocusRef = React.useRef(!1),
|
|
39
|
-
[focusableItemsCount, setFocusableItemsCount] = React.useState(0);
|
|
40
|
-
return React.useEffect(() => {
|
|
41
|
-
const node = ref.current;
|
|
42
|
-
if (node) return node.addEventListener(ENTRY_FOCUS, handleEntryFocus), () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
|
|
43
|
-
}, [handleEntryFocus]), /* @__PURE__ */jsx(RovingFocusProvider, {
|
|
44
|
-
scope: __scopeRovingFocusGroup,
|
|
45
|
-
orientation,
|
|
46
|
-
dir: direction,
|
|
47
|
-
loop,
|
|
48
|
-
currentTabStopId,
|
|
49
|
-
onItemFocus: React.useCallback(tabStopId => setCurrentTabStopId(tabStopId), [setCurrentTabStopId]),
|
|
50
|
-
onItemShiftTab: React.useCallback(() => setIsTabbingBackOut(!0), []),
|
|
51
|
-
onFocusableItemAdd: React.useCallback(() => setFocusableItemsCount(prevCount => prevCount + 1), []),
|
|
52
|
-
onFocusableItemRemove: React.useCallback(() => setFocusableItemsCount(prevCount => prevCount - 1), []),
|
|
53
|
-
children: /* @__PURE__ */jsx(Stack, {
|
|
54
|
-
tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
|
|
55
|
-
"data-orientation": orientation,
|
|
56
|
-
...groupProps,
|
|
57
|
-
ref: composedRefs,
|
|
58
|
-
style: [{
|
|
59
|
-
outline: "none"
|
|
60
|
-
}, props.style],
|
|
61
|
-
onMouseDown: composeEventHandlers(props.onMouseDown, () => {
|
|
62
|
-
isClickFocusRef.current = !0;
|
|
63
|
-
}),
|
|
64
|
-
onFocus: composeEventHandlers(props.onFocus, event => {
|
|
65
|
-
const isKeyboardFocus = !isClickFocusRef.current;
|
|
66
|
-
if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
|
|
67
|
-
const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
|
|
68
|
-
if (event.currentTarget.dispatchEvent(entryFocusEvent), !entryFocusEvent.defaultPrevented) {
|
|
69
|
-
const items = getItems().filter(item => item.focusable),
|
|
70
|
-
activeItem = items.find(item => item.active),
|
|
71
|
-
currentItem = items.find(item => item.id === currentTabStopId),
|
|
72
|
-
candidateNodes = [activeItem, currentItem, ...items].filter(Boolean).map(item => item.ref.current);
|
|
73
|
-
focusFirst(candidateNodes);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
isClickFocusRef.current = !1;
|
|
77
|
-
}),
|
|
78
|
-
onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(!1))
|
|
79
|
-
})
|
|
80
|
-
});
|
|
81
|
-
}),
|
|
82
|
-
ITEM_NAME = "RovingFocusGroupItem",
|
|
83
|
-
RovingFocusGroupItem = React.forwardRef((props, forwardedRef) => {
|
|
84
|
-
const {
|
|
85
|
-
__scopeRovingFocusGroup,
|
|
86
|
-
focusable = !0,
|
|
87
|
-
active = !1,
|
|
88
|
-
tabStopId,
|
|
89
|
-
...itemProps
|
|
90
|
-
} = props,
|
|
91
|
-
autoId = React.useId(),
|
|
92
|
-
id = tabStopId || autoId,
|
|
93
|
-
context = useRovingFocusContext(__scopeRovingFocusGroup),
|
|
94
|
-
isCurrentTabStop = context.currentTabStopId === id,
|
|
95
|
-
getItems = useCollection(__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT),
|
|
96
|
-
{
|
|
97
|
-
onFocusableItemAdd,
|
|
98
|
-
onFocusableItemRemove
|
|
99
|
-
} = context;
|
|
100
|
-
return React.useEffect(() => {
|
|
101
|
-
if (focusable) return onFocusableItemAdd(), () => onFocusableItemRemove();
|
|
102
|
-
}, [focusable, onFocusableItemAdd, onFocusableItemRemove]), /* @__PURE__ */jsx(Collection.ItemSlot, {
|
|
103
|
-
__scopeCollection: __scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
|
|
104
|
-
id,
|
|
105
|
-
focusable,
|
|
106
|
-
active,
|
|
107
|
-
children: /* @__PURE__ */jsx(Stack, {
|
|
108
|
-
tabIndex: isCurrentTabStop ? 0 : -1,
|
|
109
|
-
"data-orientation": context.orientation,
|
|
110
|
-
...itemProps,
|
|
111
|
-
ref: forwardedRef,
|
|
112
|
-
onMouseDown: composeEventHandlers(props.onMouseDown, event => {
|
|
113
|
-
focusable ? context.onItemFocus(id) : event.preventDefault();
|
|
114
|
-
}),
|
|
115
|
-
onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
|
|
116
|
-
...(isWeb && {
|
|
117
|
-
onKeyDown: composeEventHandlers(props.onKeyDown, event => {
|
|
118
|
-
if (event.key === "Tab" && event.shiftKey) {
|
|
119
|
-
context.onItemShiftTab();
|
|
120
|
-
return;
|
|
121
|
-
}
|
|
122
|
-
if (event.target !== event.currentTarget) return;
|
|
123
|
-
const focusIntent = getFocusIntent(event, context.orientation, context.dir);
|
|
124
|
-
if (focusIntent !== void 0) {
|
|
125
|
-
event.preventDefault();
|
|
126
|
-
let candidateNodes = getItems().filter(item => item.focusable).map(item => item.ref.current);
|
|
127
|
-
if (focusIntent === "last") candidateNodes.reverse();else if (focusIntent === "prev" || focusIntent === "next") {
|
|
128
|
-
focusIntent === "prev" && candidateNodes.reverse();
|
|
129
|
-
const currentIndex = candidateNodes.indexOf(event.currentTarget);
|
|
130
|
-
candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
|
|
131
|
-
}
|
|
132
|
-
setTimeout(() => focusFirst(candidateNodes));
|
|
133
|
-
}
|
|
134
|
-
})
|
|
135
|
-
})
|
|
136
|
-
})
|
|
137
|
-
});
|
|
138
|
-
});
|
|
139
|
-
RovingFocusGroupItem.displayName = ITEM_NAME;
|
|
140
|
-
const GROUP_NAME = "RovingFocusGroup",
|
|
141
|
-
[Collection, useCollection] = createCollection(GROUP_NAME),
|
|
142
|
-
{
|
|
143
|
-
Provider: RovingFocusProvider,
|
|
144
|
-
useStyledContext: useRovingFocusContext
|
|
145
|
-
} = createStyledContext(),
|
|
146
|
-
ROVING_FOCUS_GROUP_CONTEXT = "RovingFocusGroupContext",
|
|
147
|
-
RovingFocusGroup = withStaticProperties(React.forwardRef((props, forwardedRef) => /* @__PURE__ */jsx(Collection.Provider, {
|
|
148
|
-
__scopeCollection: props.__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
|
|
149
|
-
children: /* @__PURE__ */jsx(Collection.Slot, {
|
|
150
|
-
__scopeCollection: props.__scopeRovingFocusGroup || ROVING_FOCUS_GROUP_CONTEXT,
|
|
151
|
-
children: /* @__PURE__ */jsx(RovingFocusGroupImpl, {
|
|
152
|
-
...props,
|
|
153
|
-
ref: forwardedRef
|
|
154
|
-
})
|
|
155
|
-
})
|
|
156
|
-
})), {
|
|
157
|
-
Item: RovingFocusGroupItem
|
|
158
|
-
});
|
|
159
|
-
RovingFocusGroup.displayName = GROUP_NAME;
|
|
160
|
-
const MAP_KEY_TO_FOCUS_INTENT = {
|
|
161
|
-
ArrowLeft: "prev",
|
|
162
|
-
ArrowUp: "prev",
|
|
163
|
-
ArrowRight: "next",
|
|
164
|
-
ArrowDown: "next",
|
|
165
|
-
PageUp: "first",
|
|
166
|
-
Home: "first",
|
|
167
|
-
PageDown: "last",
|
|
168
|
-
End: "last"
|
|
169
|
-
};
|
|
170
|
-
function getDirectionAwareKey(key, dir) {
|
|
171
|
-
return dir !== "rtl" ? key : key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
|
|
172
|
-
}
|
|
173
|
-
function getFocusIntent(event, orientation, dir) {
|
|
174
|
-
const key = getDirectionAwareKey(event.key, dir);
|
|
175
|
-
if (!(orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) && !(orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key))) return MAP_KEY_TO_FOCUS_INTENT[key];
|
|
176
|
-
}
|
|
177
|
-
function focusFirst(candidates) {
|
|
178
|
-
const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
|
|
179
|
-
for (const candidate of candidates) if (candidate === PREVIOUSLY_FOCUSED_ELEMENT || (candidate.focus(), document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT)) return;
|
|
180
|
-
}
|
|
181
|
-
function wrapArray(array, startIndex) {
|
|
182
|
-
return array.map((_, index) => array[(startIndex + index) % array.length]);
|
|
183
|
-
}
|
|
184
|
-
export { RovingFocusGroup };
|
|
185
|
-
//# sourceMappingURL=RovingFocusGroup.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createCollection","useComposedRefs","isWeb","Stack","createStyledContext","useEvent","composeEventHandlers","withStaticProperties","useControllableState","useDirection","React","jsx","ENTRY_FOCUS","EVENT_OPTIONS","bubbles","cancelable","RovingFocusGroupImpl","forwardRef","props","forwardedRef","__scopeRovingFocusGroup","orientation","loop","dir","currentTabStopId","currentTabStopIdProp","defaultCurrentTabStopId","onCurrentTabStopIdChange","onEntryFocus","groupProps","ref","useRef","composedRefs","direction","setCurrentTabStopId","prop","defaultProp","onChange","isTabbingBackOut","setIsTabbingBackOut","useState","handleEntryFocus","getItems","useCollection","ROVING_FOCUS_GROUP_CONTEXT","isClickFocusRef","focusableItemsCount","setFocusableItemsCount","useEffect","node","current","addEventListener","removeEventListener","RovingFocusProvider","scope","onItemFocus","useCallback","tabStopId","onItemShiftTab","onFocusableItemAdd","prevCount","onFocusableItemRemove","children","tabIndex","style","outline","onMouseDown","onFocus","event","isKeyboardFocus","target","currentTarget","entryFocusEvent","CustomEvent","dispatchEvent","defaultPrevented","items","filter","item","focusable","activeItem","find","active","currentItem","id","candidateNodes","Boolean","map","focusFirst","onBlur","ITEM_NAME","RovingFocusGroupItem","itemProps","autoId","useId","context","useRovingFocusContext","isCurrentTabStop","Collection","ItemSlot","__scopeCollection","preventDefault","onKeyDown","key","shiftKey","focusIntent","getFocusIntent","reverse","currentIndex","indexOf","wrapArray","slice","setTimeout","displayName","GROUP_NAME","Provider","useStyledContext","RovingFocusGroup","Slot","Item","MAP_KEY_TO_FOCUS_INTENT","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","PageUp","Home","PageDown","End","getDirectionAwareKey","includes","candidates","PREVIOUSLY_FOCUSED_ELEMENT","document","activeElement","candidate","focus","array","startIndex","_","index","length"],"sources":["../../src/RovingFocusGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Stack } from "@tamagui/core";
|
|
3
|
-
import { withStaticProperties } from "@tamagui/helpers";
|
|
4
|
-
import React from "react";
|
|
5
|
-
var ITEM_NAME = "RovingFocusGroupItem", RovingFocusGroupItem = /* @__PURE__ */ React.forwardRef(function(param, _ref) {
|
|
6
|
-
var { children, ...props } = param;
|
|
7
|
-
return /* @__PURE__ */ _jsx(Stack, {
|
|
8
|
-
...props,
|
|
9
|
-
children
|
|
10
|
-
});
|
|
11
|
-
});
|
|
12
|
-
RovingFocusGroupItem.displayName = ITEM_NAME;
|
|
13
|
-
var GROUP_NAME = "RovingFocusGroup", RovingFocusGroup = withStaticProperties(/* @__PURE__ */ React.forwardRef(function(param, _ref) {
|
|
14
|
-
var { children, ...props } = param;
|
|
15
|
-
return /* @__PURE__ */ _jsx(Stack, {
|
|
16
|
-
...props,
|
|
17
|
-
children
|
|
18
|
-
});
|
|
19
|
-
}), {
|
|
20
|
-
Item: RovingFocusGroupItem
|
|
21
|
-
});
|
|
22
|
-
RovingFocusGroup.displayName = GROUP_NAME;
|
|
23
|
-
var createRovingFocusGroupScope = function() {
|
|
24
|
-
return function() {
|
|
25
|
-
return {};
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
export {
|
|
29
|
-
RovingFocusGroup,
|
|
30
|
-
createRovingFocusGroupScope
|
|
31
|
-
};
|
|
32
|
-
//# sourceMappingURL=RovingFocusGroup.native.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/ui/roving-focus/src/RovingFocusGroup.native.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,aAAa;AACtB,SAASC,4BAA4B;AACrC,OAAOC,WAAW;AAMlB,IAAMC,YAAY,wBACZC,uBAAuBF,sBAAMG,WACjC,SAAA,OAA+CC,MAAAA;MAA9C,EAAEC,UAAU,GAAGC,MAAAA,IAA6B;SAC3C,qBAACR,OAAAA;IAAO,GAAGQ;;;;AAGfJ,qBAAqBK,cAAcN;AACnC,IAAMO,aAAa,oBAEbC,mBAAmBV,qBACvBC,sBAAMG,WAAW,SAAA,OAAgDC,MAAAA;MAA/C,EAAEC,UAAU,GAAGC,MAAAA,IAA8B;SAC7D,qBAACR,OAAAA;IAAO,GAAGQ;;;IAEb;EACEI,MAAMR;AACR,CAAA;AAGFO,iBAAiBF,cAAcC;AAE/B,IAAMG,8BAA8B,WAAA;SAAM,WAAA;WAAO,CAAC;;;",
|
|
5
|
-
"names": ["Stack", "withStaticProperties", "React", "ITEM_NAME", "RovingFocusGroupItem", "forwardRef", "_ref", "children", "props", "displayName", "GROUP_NAME", "RovingFocusGroup", "Item", "createRovingFocusGroupScope"]
|
|
6
|
-
}
|
package/dist/jsx/index.js
DELETED
package/dist/jsx/index.js.map
DELETED
package/dist/jsx/index.mjs
DELETED
package/dist/jsx/index.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
package/dist/jsx/index.native.js
DELETED