@react-aria/selection 3.7.2 → 3.7.3
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/main.js +79 -76
- package/dist/main.js.map +1 -1
- package/dist/module.js +75 -72
- package/dist/module.js.map +1 -1
- package/package.json +9 -9
package/dist/module.js
CHANGED
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
import {useRef as $
|
|
2
|
-
import {getFocusableTreeWalker as $
|
|
3
|
-
import {focusWithoutScrolling as $
|
|
4
|
-
import {useLocale as $
|
|
5
|
-
import {usePress as $
|
|
1
|
+
import {useRef as $dgwbL$useRef, useEffect as $dgwbL$useEffect, useMemo as $dgwbL$useMemo} from "react";
|
|
2
|
+
import {getFocusableTreeWalker as $dgwbL$getFocusableTreeWalker, focusSafely as $dgwbL$focusSafely} from "@react-aria/focus";
|
|
3
|
+
import {focusWithoutScrolling as $dgwbL$focusWithoutScrolling, useEvent as $dgwbL$useEvent, scrollIntoView as $dgwbL$scrollIntoView, mergeProps as $dgwbL$mergeProps, isAppleDevice as $dgwbL$isAppleDevice, isMac as $dgwbL$isMac} from "@react-aria/utils";
|
|
4
|
+
import {useLocale as $dgwbL$useLocale, useCollator as $dgwbL$useCollator} from "@react-aria/i18n";
|
|
5
|
+
import {usePress as $dgwbL$usePress, useLongPress as $dgwbL$useLongPress} from "@react-aria/interactions";
|
|
6
6
|
|
|
7
7
|
function $parcel$export(e, n, v, s) {
|
|
8
8
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
9
9
|
}
|
|
10
|
-
var $
|
|
10
|
+
var $52ac987c016884e9$exports = {};
|
|
11
11
|
|
|
12
|
-
$parcel$export($
|
|
12
|
+
$parcel$export($52ac987c016884e9$exports, "useSelectableCollection", () => $52ac987c016884e9$export$d6daf82dcd84e87c);
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
function $
|
|
18
|
+
function $c636d3b6065ca9f6$export$d3e3bd3e26688c04(e) {
|
|
19
19
|
// Ctrl + Arrow Up/Arrow Down has a system wide meaning on macOS, so use Alt instead.
|
|
20
20
|
// On Windows and Ubuntu, Alt + Space has a system wide meaning.
|
|
21
|
-
return $
|
|
21
|
+
return $dgwbL$isAppleDevice() ? e.altKey : e.ctrlKey;
|
|
22
22
|
}
|
|
23
|
-
function $
|
|
24
|
-
if ($
|
|
23
|
+
function $c636d3b6065ca9f6$export$16792effe837dba3(e) {
|
|
24
|
+
if ($dgwbL$isMac()) return e.metaKey;
|
|
25
25
|
return e.ctrlKey;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
|
|
29
29
|
|
|
30
|
-
var $
|
|
30
|
+
var $a6f03d1cafa48b51$exports = {};
|
|
31
31
|
|
|
32
|
-
$parcel$export($
|
|
32
|
+
$parcel$export($a6f03d1cafa48b51$exports, "useTypeSelect", () => $a6f03d1cafa48b51$export$e32c88dfddc6e1d8);
|
|
33
33
|
|
|
34
|
-
function $
|
|
34
|
+
function $a6f03d1cafa48b51$export$e32c88dfddc6e1d8(options) {
|
|
35
35
|
let { keyboardDelegate: keyboardDelegate , selectionManager: selectionManager , onTypeSelect: onTypeSelect } = options;
|
|
36
|
-
let state = $
|
|
36
|
+
let state = $dgwbL$useRef({
|
|
37
37
|
search: '',
|
|
38
38
|
timeout: null
|
|
39
39
|
}).current;
|
|
40
40
|
let onKeyDown = (e)=>{
|
|
41
|
-
let character = $
|
|
41
|
+
let character = $a6f03d1cafa48b51$var$getStringForKey(e.key);
|
|
42
42
|
if (!character || e.ctrlKey || e.metaKey) return;
|
|
43
43
|
// Do not propagate the Spacebar event if it's meant to be part of the search.
|
|
44
44
|
// When we time out, the search term becomes empty, hence the check on length.
|
|
@@ -71,7 +71,7 @@ function $eb39f547daf47539$export$e32c88dfddc6e1d8(options) {
|
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
73
|
}
|
|
74
|
-
function $
|
|
74
|
+
function $a6f03d1cafa48b51$var$getStringForKey(key) {
|
|
75
75
|
// If the key is of length 1, it is an ASCII value.
|
|
76
76
|
// Otherwise, if there are no ASCII characters in the key name,
|
|
77
77
|
// it is a Unicode character.
|
|
@@ -81,10 +81,10 @@ function $eb39f547daf47539$var$getStringForKey(key) {
|
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
|
|
84
|
-
function $
|
|
84
|
+
function $52ac987c016884e9$export$d6daf82dcd84e87c(options) {
|
|
85
85
|
let { selectionManager: manager , keyboardDelegate: delegate , ref: ref , autoFocus: autoFocus = false , shouldFocusWrap: shouldFocusWrap = false , disallowEmptySelection: disallowEmptySelection = false , disallowSelectAll: disallowSelectAll = false , selectOnFocus: selectOnFocus = manager.selectionBehavior === 'replace' , disallowTypeAhead: disallowTypeAhead = false , shouldUseVirtualFocus: shouldUseVirtualFocus , allowsTabNavigation: allowsTabNavigation = false , isVirtualized: isVirtualized , scrollRef: // If no scrollRef is provided, assume the collection ref is the scrollable region
|
|
86
86
|
scrollRef = ref } = options;
|
|
87
|
-
let { direction: direction } = $
|
|
87
|
+
let { direction: direction } = $dgwbL$useLocale();
|
|
88
88
|
let onKeyDown = (e)=>{
|
|
89
89
|
// Prevent option + tab from doing anything since it doesn't move focus to the cells, only buttons/checkboxes
|
|
90
90
|
if (e.altKey && e.key === 'Tab') e.preventDefault();
|
|
@@ -95,23 +95,25 @@ function $f2918947066e8d51$export$d6daf82dcd84e87c(options) {
|
|
|
95
95
|
if (key != null) {
|
|
96
96
|
manager.setFocusedKey(key, childFocus);
|
|
97
97
|
if (e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(key);
|
|
98
|
-
else if (selectOnFocus && !$
|
|
98
|
+
else if (selectOnFocus && !$c636d3b6065ca9f6$export$d3e3bd3e26688c04(e)) manager.replaceSelection(key);
|
|
99
99
|
}
|
|
100
100
|
};
|
|
101
101
|
switch(e.key){
|
|
102
102
|
case 'ArrowDown':
|
|
103
103
|
if (delegate.getKeyBelow) {
|
|
104
|
+
var ref4, ref1;
|
|
104
105
|
e.preventDefault();
|
|
105
|
-
let nextKey = manager.focusedKey != null ? delegate.getKeyBelow(manager.focusedKey) : delegate.getFirstKey
|
|
106
|
-
if (nextKey == null && shouldFocusWrap) nextKey = delegate.getFirstKey
|
|
106
|
+
let nextKey = manager.focusedKey != null ? delegate.getKeyBelow(manager.focusedKey) : (ref4 = delegate.getFirstKey) === null || ref4 === void 0 ? void 0 : ref4.call(delegate);
|
|
107
|
+
if (nextKey == null && shouldFocusWrap) nextKey = (ref1 = delegate.getFirstKey) === null || ref1 === void 0 ? void 0 : ref1.call(delegate, manager.focusedKey);
|
|
107
108
|
navigateToKey(nextKey);
|
|
108
109
|
}
|
|
109
110
|
break;
|
|
110
111
|
case 'ArrowUp':
|
|
111
112
|
if (delegate.getKeyAbove) {
|
|
113
|
+
var ref2, ref3;
|
|
112
114
|
e.preventDefault();
|
|
113
|
-
let nextKey = manager.focusedKey != null ? delegate.getKeyAbove(manager.focusedKey) : delegate.getLastKey
|
|
114
|
-
if (nextKey == null && shouldFocusWrap) nextKey = delegate.getLastKey
|
|
115
|
+
let nextKey = manager.focusedKey != null ? delegate.getKeyAbove(manager.focusedKey) : (ref2 = delegate.getLastKey) === null || ref2 === void 0 ? void 0 : ref2.call(delegate);
|
|
116
|
+
if (nextKey == null && shouldFocusWrap) nextKey = (ref3 = delegate.getLastKey) === null || ref3 === void 0 ? void 0 : ref3.call(delegate, manager.focusedKey);
|
|
115
117
|
navigateToKey(nextKey);
|
|
116
118
|
}
|
|
117
119
|
break;
|
|
@@ -132,18 +134,18 @@ function $f2918947066e8d51$export$d6daf82dcd84e87c(options) {
|
|
|
132
134
|
case 'Home':
|
|
133
135
|
if (delegate.getFirstKey) {
|
|
134
136
|
e.preventDefault();
|
|
135
|
-
let firstKey = delegate.getFirstKey(manager.focusedKey, $
|
|
137
|
+
let firstKey = delegate.getFirstKey(manager.focusedKey, $c636d3b6065ca9f6$export$16792effe837dba3(e));
|
|
136
138
|
manager.setFocusedKey(firstKey);
|
|
137
|
-
if ($
|
|
139
|
+
if ($c636d3b6065ca9f6$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(firstKey);
|
|
138
140
|
else if (selectOnFocus) manager.replaceSelection(firstKey);
|
|
139
141
|
}
|
|
140
142
|
break;
|
|
141
143
|
case 'End':
|
|
142
144
|
if (delegate.getLastKey) {
|
|
143
145
|
e.preventDefault();
|
|
144
|
-
let lastKey = delegate.getLastKey(manager.focusedKey, $
|
|
146
|
+
let lastKey = delegate.getLastKey(manager.focusedKey, $c636d3b6065ca9f6$export$16792effe837dba3(e));
|
|
145
147
|
manager.setFocusedKey(lastKey);
|
|
146
|
-
if ($
|
|
148
|
+
if ($c636d3b6065ca9f6$export$16792effe837dba3(e) && e.shiftKey && manager.selectionMode === 'multiple') manager.extendSelection(lastKey);
|
|
147
149
|
else if (selectOnFocus) manager.replaceSelection(lastKey);
|
|
148
150
|
}
|
|
149
151
|
break;
|
|
@@ -162,7 +164,7 @@ function $f2918947066e8d51$export$d6daf82dcd84e87c(options) {
|
|
|
162
164
|
}
|
|
163
165
|
break;
|
|
164
166
|
case 'a':
|
|
165
|
-
if ($
|
|
167
|
+
if ($c636d3b6065ca9f6$export$16792effe837dba3(e) && manager.selectionMode === 'multiple' && disallowSelectAll !== true) {
|
|
166
168
|
e.preventDefault();
|
|
167
169
|
manager.selectAll();
|
|
168
170
|
}
|
|
@@ -181,7 +183,7 @@ function $f2918947066e8d51$export$d6daf82dcd84e87c(options) {
|
|
|
181
183
|
// rather than the currently focused one.
|
|
182
184
|
if (e.shiftKey) ref.current.focus();
|
|
183
185
|
else {
|
|
184
|
-
let walker = $
|
|
186
|
+
let walker = $dgwbL$getFocusableTreeWalker(ref.current, {
|
|
185
187
|
tabbable: true
|
|
186
188
|
});
|
|
187
189
|
let next;
|
|
@@ -190,18 +192,18 @@ function $f2918947066e8d51$export$d6daf82dcd84e87c(options) {
|
|
|
190
192
|
last = walker.lastChild();
|
|
191
193
|
if (last) next = last;
|
|
192
194
|
}while (last)
|
|
193
|
-
if (next && !next.contains(document.activeElement)) $
|
|
195
|
+
if (next && !next.contains(document.activeElement)) $dgwbL$focusWithoutScrolling(next);
|
|
194
196
|
}
|
|
195
197
|
break;
|
|
196
198
|
}
|
|
197
199
|
}
|
|
198
200
|
};
|
|
199
201
|
// Store the scroll position so we can restore it later.
|
|
200
|
-
let scrollPos = $
|
|
202
|
+
let scrollPos = $dgwbL$useRef({
|
|
201
203
|
top: 0,
|
|
202
204
|
left: 0
|
|
203
205
|
});
|
|
204
|
-
$
|
|
206
|
+
$dgwbL$useEvent(scrollRef, 'scroll', isVirtualized ? null : ()=>{
|
|
205
207
|
scrollPos.current = {
|
|
206
208
|
top: scrollRef.current.scrollTop,
|
|
207
209
|
left: scrollRef.current.scrollLeft
|
|
@@ -227,8 +229,9 @@ function $f2918947066e8d51$export$d6daf82dcd84e87c(options) {
|
|
|
227
229
|
// Attempt to detect whether the user is tabbing forward or backward into the collection
|
|
228
230
|
// and either focus the first or last item accordingly.
|
|
229
231
|
let relatedTarget = e.relatedTarget;
|
|
230
|
-
|
|
231
|
-
|
|
232
|
+
var _lastSelectedKey, _firstSelectedKey;
|
|
233
|
+
if (relatedTarget && e.currentTarget.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING) navigateToFirstKey((_lastSelectedKey = manager.lastSelectedKey) !== null && _lastSelectedKey !== void 0 ? _lastSelectedKey : delegate.getLastKey());
|
|
234
|
+
else navigateToFirstKey((_firstSelectedKey = manager.firstSelectedKey) !== null && _firstSelectedKey !== void 0 ? _firstSelectedKey : delegate.getFirstKey());
|
|
232
235
|
} else if (!isVirtualized) {
|
|
233
236
|
// Restore the scroll position to what it was before.
|
|
234
237
|
scrollRef.current.scrollTop = scrollPos.current.top;
|
|
@@ -237,8 +240,8 @@ function $f2918947066e8d51$export$d6daf82dcd84e87c(options) {
|
|
|
237
240
|
let element = scrollRef.current.querySelector(`[data-key="${manager.focusedKey}"]`);
|
|
238
241
|
if (element) {
|
|
239
242
|
// This prevents a flash of focus on the first/last element in the collection
|
|
240
|
-
$
|
|
241
|
-
$
|
|
243
|
+
$dgwbL$focusWithoutScrolling(element);
|
|
244
|
+
$dgwbL$scrollIntoView(scrollRef.current, element);
|
|
242
245
|
}
|
|
243
246
|
}
|
|
244
247
|
};
|
|
@@ -246,8 +249,8 @@ function $f2918947066e8d51$export$d6daf82dcd84e87c(options) {
|
|
|
246
249
|
// Don't set blurred and then focused again if moving focus within the collection.
|
|
247
250
|
if (!e.currentTarget.contains(e.relatedTarget)) manager.setFocused(false);
|
|
248
251
|
};
|
|
249
|
-
const autoFocusRef = $
|
|
250
|
-
$
|
|
252
|
+
const autoFocusRef = $dgwbL$useRef(autoFocus);
|
|
253
|
+
$dgwbL$useEffect(()=>{
|
|
251
254
|
if (autoFocusRef.current) {
|
|
252
255
|
let focusedKey = null;
|
|
253
256
|
// Check focus strategy to determine which item to focus
|
|
@@ -259,17 +262,17 @@ function $f2918947066e8d51$export$d6daf82dcd84e87c(options) {
|
|
|
259
262
|
manager.setFocused(true);
|
|
260
263
|
manager.setFocusedKey(focusedKey);
|
|
261
264
|
// If no default focus key is selected, focus the collection itself.
|
|
262
|
-
if (focusedKey == null && !shouldUseVirtualFocus) $
|
|
265
|
+
if (focusedKey == null && !shouldUseVirtualFocus) $dgwbL$focusSafely(ref.current);
|
|
263
266
|
}
|
|
264
267
|
autoFocusRef.current = false;
|
|
265
268
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
266
269
|
}, []);
|
|
267
270
|
// If not virtualized, scroll the focused element into view when the focusedKey changes.
|
|
268
271
|
// When virtualized, Virtualizer handles this internally.
|
|
269
|
-
$
|
|
270
|
-
if (!isVirtualized && manager.focusedKey && scrollRef
|
|
272
|
+
$dgwbL$useEffect(()=>{
|
|
273
|
+
if (!isVirtualized && manager.focusedKey && (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) {
|
|
271
274
|
let element = scrollRef.current.querySelector(`[data-key="${manager.focusedKey}"]`);
|
|
272
|
-
if (element) $
|
|
275
|
+
if (element) $dgwbL$scrollIntoView(scrollRef.current, element);
|
|
273
276
|
}
|
|
274
277
|
}, [
|
|
275
278
|
isVirtualized,
|
|
@@ -286,11 +289,11 @@ function $f2918947066e8d51$export$d6daf82dcd84e87c(options) {
|
|
|
286
289
|
e.preventDefault();
|
|
287
290
|
}
|
|
288
291
|
};
|
|
289
|
-
let { typeSelectProps: typeSelectProps } = $
|
|
292
|
+
let { typeSelectProps: typeSelectProps } = $a6f03d1cafa48b51$export$e32c88dfddc6e1d8({
|
|
290
293
|
keyboardDelegate: delegate,
|
|
291
294
|
selectionManager: manager
|
|
292
295
|
});
|
|
293
|
-
if (!disallowTypeAhead) handlers = $
|
|
296
|
+
if (!disallowTypeAhead) handlers = $dgwbL$mergeProps(typeSelectProps, handlers);
|
|
294
297
|
// If nothing is focused within the collection, make the collection itself tabbable.
|
|
295
298
|
// This will be marshalled to either the first or last item depending on where focus came from.
|
|
296
299
|
// If using virtual focus, don't set a tabIndex at all so that VoiceOver on iOS 14 doesn't try
|
|
@@ -306,35 +309,35 @@ function $f2918947066e8d51$export$d6daf82dcd84e87c(options) {
|
|
|
306
309
|
}
|
|
307
310
|
|
|
308
311
|
|
|
309
|
-
var $
|
|
312
|
+
var $5ec5a493f6042709$exports = {};
|
|
310
313
|
|
|
311
|
-
$parcel$export($
|
|
314
|
+
$parcel$export($5ec5a493f6042709$exports, "useSelectableItem", () => $5ec5a493f6042709$export$ecf600387e221c37);
|
|
312
315
|
|
|
313
316
|
|
|
314
317
|
|
|
315
318
|
|
|
316
319
|
|
|
317
|
-
function $
|
|
320
|
+
function $5ec5a493f6042709$export$ecf600387e221c37(options) {
|
|
318
321
|
let { selectionManager: manager , key: key , ref: ref , shouldSelectOnPressUp: shouldSelectOnPressUp , isVirtualized: isVirtualized , shouldUseVirtualFocus: shouldUseVirtualFocus , focus: focus , isDisabled: isDisabled , onAction: onAction } = options;
|
|
319
322
|
let onSelect = (e)=>{
|
|
320
|
-
if (e.pointerType === 'keyboard' && $
|
|
323
|
+
if (e.pointerType === 'keyboard' && $c636d3b6065ca9f6$export$d3e3bd3e26688c04(e)) manager.toggleSelection(key);
|
|
321
324
|
else {
|
|
322
325
|
if (manager.selectionMode === 'none') return;
|
|
323
326
|
if (manager.selectionMode === 'single') {
|
|
324
327
|
if (manager.isSelected(key) && !manager.disallowEmptySelection) manager.toggleSelection(key);
|
|
325
328
|
else manager.replaceSelection(key);
|
|
326
329
|
} else if (e && e.shiftKey) manager.extendSelection(key);
|
|
327
|
-
else if (manager.selectionBehavior === 'toggle' || e && ($
|
|
330
|
+
else if (manager.selectionBehavior === 'toggle' || e && ($c636d3b6065ca9f6$export$16792effe837dba3(e) || e.pointerType === 'touch' || e.pointerType === 'virtual')) // if touch or virtual (VO) then we just want to toggle, otherwise it's impossible to multi select because they don't have modifier keys
|
|
328
331
|
manager.toggleSelection(key);
|
|
329
332
|
else manager.replaceSelection(key);
|
|
330
333
|
}
|
|
331
334
|
};
|
|
332
335
|
// Focus the associated DOM node when this item becomes the focusedKey
|
|
333
336
|
let isFocused = key === manager.focusedKey;
|
|
334
|
-
$
|
|
337
|
+
$dgwbL$useEffect(()=>{
|
|
335
338
|
if (isFocused && manager.isFocused && !shouldUseVirtualFocus && document.activeElement !== ref.current) {
|
|
336
339
|
if (focus) focus();
|
|
337
|
-
else $
|
|
340
|
+
else $dgwbL$focusSafely(ref.current);
|
|
338
341
|
}
|
|
339
342
|
}, [
|
|
340
343
|
ref,
|
|
@@ -355,7 +358,7 @@ function $28b3f01514e02622$export$ecf600387e221c37(options) {
|
|
|
355
358
|
if (e.target === ref.current) manager.setFocusedKey(key);
|
|
356
359
|
}
|
|
357
360
|
};
|
|
358
|
-
let modality = $
|
|
361
|
+
let modality = $dgwbL$useRef(null);
|
|
359
362
|
let hasPrimaryAction = onAction && manager.selectionMode === 'none';
|
|
360
363
|
let hasSecondaryAction = onAction && manager.selectionMode !== 'none' && manager.selectionBehavior === 'replace';
|
|
361
364
|
let allowsSelection = !isDisabled && manager.canSelectItem(key);
|
|
@@ -395,7 +398,7 @@ function $28b3f01514e02622$export$ecf600387e221c37(options) {
|
|
|
395
398
|
}
|
|
396
399
|
if (!isVirtualized) itemProps['data-key'] = key;
|
|
397
400
|
itemPressProps.preventFocusOnPress = shouldUseVirtualFocus;
|
|
398
|
-
let { pressProps: pressProps , isPressed: isPressed } = $
|
|
401
|
+
let { pressProps: pressProps , isPressed: isPressed } = $dgwbL$usePress(itemPressProps);
|
|
399
402
|
// Double clicking with a mouse with selectionBehavior = 'replace' performs an action.
|
|
400
403
|
let onDoubleClick = hasSecondaryAction ? (e)=>{
|
|
401
404
|
if (modality.current === 'mouse') {
|
|
@@ -408,7 +411,7 @@ function $28b3f01514e02622$export$ecf600387e221c37(options) {
|
|
|
408
411
|
// to 'toggle'. This changes the single tap behavior from performing an action (i.e. navigating) to
|
|
409
412
|
// selecting, and may toggle the appearance of a UI affordance like checkboxes on each item.
|
|
410
413
|
// TODO: what about when drag and drop is also enabled??
|
|
411
|
-
let { longPressProps: longPressProps } = $
|
|
414
|
+
let { longPressProps: longPressProps } = $dgwbL$useLongPress({
|
|
412
415
|
isDisabled: !hasSecondaryAction,
|
|
413
416
|
onLongPress (e) {
|
|
414
417
|
if (e.pointerType === 'touch') {
|
|
@@ -422,7 +425,7 @@ function $28b3f01514e02622$export$ecf600387e221c37(options) {
|
|
|
422
425
|
if (e.key === 'Enter') onAction();
|
|
423
426
|
} : undefined;
|
|
424
427
|
return {
|
|
425
|
-
itemProps: $
|
|
428
|
+
itemProps: $dgwbL$mergeProps(itemProps, allowsSelection || hasPrimaryAction ? pressProps : {
|
|
426
429
|
}, hasSecondaryAction ? longPressProps : {
|
|
427
430
|
}, {
|
|
428
431
|
onKeyUp: onKeyUp,
|
|
@@ -433,20 +436,14 @@ function $28b3f01514e02622$export$ecf600387e221c37(options) {
|
|
|
433
436
|
}
|
|
434
437
|
|
|
435
438
|
|
|
436
|
-
var $
|
|
439
|
+
var $38e0ab555fbd8768$exports = {};
|
|
437
440
|
|
|
438
|
-
$parcel$export($
|
|
441
|
+
$parcel$export($38e0ab555fbd8768$exports, "useSelectableList", () => $38e0ab555fbd8768$export$b95089534ab7c1fd);
|
|
439
442
|
|
|
440
|
-
var $
|
|
443
|
+
var $8dd8d9b0d53d6ca8$exports = {};
|
|
441
444
|
|
|
442
|
-
$parcel$export($
|
|
443
|
-
class $
|
|
444
|
-
constructor(collection, disabledKeys, ref, collator){
|
|
445
|
-
this.collection = collection;
|
|
446
|
-
this.disabledKeys = disabledKeys;
|
|
447
|
-
this.ref = ref;
|
|
448
|
-
this.collator = collator;
|
|
449
|
-
}
|
|
445
|
+
$parcel$export($8dd8d9b0d53d6ca8$exports, "ListKeyboardDelegate", () => $8dd8d9b0d53d6ca8$export$a05409b8bb224a5a);
|
|
446
|
+
class $8dd8d9b0d53d6ca8$export$a05409b8bb224a5a {
|
|
450
447
|
getKeyBelow(key) {
|
|
451
448
|
key = this.collection.getKeyAfter(key);
|
|
452
449
|
while(key != null){
|
|
@@ -516,20 +513,26 @@ class $57c17da9c35ecb23$export$a05409b8bb224a5a {
|
|
|
516
513
|
}
|
|
517
514
|
return null;
|
|
518
515
|
}
|
|
516
|
+
constructor(collection, disabledKeys, ref, collator){
|
|
517
|
+
this.collection = collection;
|
|
518
|
+
this.disabledKeys = disabledKeys;
|
|
519
|
+
this.ref = ref;
|
|
520
|
+
this.collator = collator;
|
|
521
|
+
}
|
|
519
522
|
}
|
|
520
523
|
|
|
521
524
|
|
|
522
525
|
|
|
523
526
|
|
|
524
|
-
function $
|
|
527
|
+
function $38e0ab555fbd8768$export$b95089534ab7c1fd(props) {
|
|
525
528
|
let { selectionManager: selectionManager , collection: collection , disabledKeys: disabledKeys , ref: ref , keyboardDelegate: keyboardDelegate , autoFocus: autoFocus , shouldFocusWrap: shouldFocusWrap , isVirtualized: isVirtualized , disallowEmptySelection: disallowEmptySelection , selectOnFocus: selectOnFocus = false , disallowTypeAhead: disallowTypeAhead , shouldUseVirtualFocus: shouldUseVirtualFocus , allowsTabNavigation: allowsTabNavigation } = props;
|
|
526
529
|
// By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
|
|
527
530
|
// When virtualized, the layout object will be passed in as a prop and override this.
|
|
528
|
-
let collator = $
|
|
531
|
+
let collator = $dgwbL$useCollator({
|
|
529
532
|
usage: 'search',
|
|
530
533
|
sensitivity: 'base'
|
|
531
534
|
});
|
|
532
|
-
let delegate = $
|
|
535
|
+
let delegate = $dgwbL$useMemo(()=>keyboardDelegate || new $8dd8d9b0d53d6ca8$export$a05409b8bb224a5a(collection, disabledKeys, ref, collator)
|
|
533
536
|
, [
|
|
534
537
|
keyboardDelegate,
|
|
535
538
|
collection,
|
|
@@ -537,7 +540,7 @@ function $95210d28646fd635$export$b95089534ab7c1fd(props) {
|
|
|
537
540
|
ref,
|
|
538
541
|
collator
|
|
539
542
|
]);
|
|
540
|
-
let { collectionProps: collectionProps } = $
|
|
543
|
+
let { collectionProps: collectionProps } = $52ac987c016884e9$export$d6daf82dcd84e87c({
|
|
541
544
|
ref: ref,
|
|
542
545
|
selectionManager: selectionManager,
|
|
543
546
|
keyboardDelegate: delegate,
|
|
@@ -561,5 +564,5 @@ function $95210d28646fd635$export$b95089534ab7c1fd(props) {
|
|
|
561
564
|
|
|
562
565
|
|
|
563
566
|
|
|
564
|
-
export {$
|
|
567
|
+
export {$52ac987c016884e9$export$d6daf82dcd84e87c as useSelectableCollection, $5ec5a493f6042709$export$ecf600387e221c37 as useSelectableItem, $38e0ab555fbd8768$export$b95089534ab7c1fd as useSelectableList, $8dd8d9b0d53d6ca8$export$a05409b8bb224a5a as ListKeyboardDelegate, $a6f03d1cafa48b51$export$e32c88dfddc6e1d8 as useTypeSelect};
|
|
565
568
|
//# sourceMappingURL=module.js.map
|