@react-aria/listbox 3.4.1-nightly.3085 → 3.4.1-nightly.3100
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 +45 -45
- package/dist/module.js +42 -42
- package/package.json +11 -11
package/dist/main.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
var $
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
4
|
-
var $
|
|
5
|
-
var $
|
|
1
|
+
var $cCiqH$reactariautils = require("@react-aria/utils");
|
|
2
|
+
var $cCiqH$reactariainteractions = require("@react-aria/interactions");
|
|
3
|
+
var $cCiqH$reactarialabel = require("@react-aria/label");
|
|
4
|
+
var $cCiqH$reactariaselection = require("@react-aria/selection");
|
|
5
|
+
var $cCiqH$reactstatelycollections = require("@react-stately/collections");
|
|
6
6
|
|
|
7
7
|
function $parcel$exportWildcard(dest, source) {
|
|
8
8
|
Object.keys(source).forEach(function(key) {
|
|
@@ -23,23 +23,23 @@ function $parcel$exportWildcard(dest, source) {
|
|
|
23
23
|
function $parcel$export(e, n, v, s) {
|
|
24
24
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
25
25
|
}
|
|
26
|
-
var $
|
|
26
|
+
var $791342f030d1fc2c$exports = {};
|
|
27
27
|
|
|
28
|
-
$parcel$export($
|
|
28
|
+
$parcel$export($791342f030d1fc2c$exports, "useListBox", () => $791342f030d1fc2c$export$50eacbbf140a3141);
|
|
29
29
|
|
|
30
|
-
var $
|
|
30
|
+
var $55ba9445af8053ba$exports = {};
|
|
31
31
|
|
|
32
|
-
$parcel$export($
|
|
33
|
-
$parcel$export($
|
|
34
|
-
const $
|
|
35
|
-
function $
|
|
32
|
+
$parcel$export($55ba9445af8053ba$exports, "listData", () => $55ba9445af8053ba$export$3585ede4d035bf14);
|
|
33
|
+
$parcel$export($55ba9445af8053ba$exports, "getItemId", () => $55ba9445af8053ba$export$9145995848b05025);
|
|
34
|
+
const $55ba9445af8053ba$export$3585ede4d035bf14 = new WeakMap();
|
|
35
|
+
function $55ba9445af8053ba$var$normalizeKey(key) {
|
|
36
36
|
if (typeof key === 'string') return key.replace(/\s*/g, '');
|
|
37
37
|
return '' + key;
|
|
38
38
|
}
|
|
39
|
-
function $
|
|
40
|
-
let data = $
|
|
39
|
+
function $55ba9445af8053ba$export$9145995848b05025(state, itemKey) {
|
|
40
|
+
let data = $55ba9445af8053ba$export$3585ede4d035bf14.get(state);
|
|
41
41
|
if (!data) throw new Error('Unknown list');
|
|
42
|
-
return `${data.id}-option-${$
|
|
42
|
+
return `${data.id}-option-${$55ba9445af8053ba$var$normalizeKey(itemKey)}`;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
|
|
@@ -47,32 +47,32 @@ function $37e9f5eb92c9cd49$export$9145995848b05025(state, itemKey) {
|
|
|
47
47
|
|
|
48
48
|
|
|
49
49
|
|
|
50
|
-
function $
|
|
51
|
-
let domProps = $
|
|
50
|
+
function $791342f030d1fc2c$export$50eacbbf140a3141(props, state, ref) {
|
|
51
|
+
let domProps = $cCiqH$reactariautils.filterDOMProps(props, {
|
|
52
52
|
labelable: true
|
|
53
53
|
});
|
|
54
|
-
let { listProps: listProps } = $
|
|
54
|
+
let { listProps: listProps } = $cCiqH$reactariaselection.useSelectableList({
|
|
55
55
|
...props,
|
|
56
56
|
ref: ref,
|
|
57
57
|
selectionManager: state.selectionManager,
|
|
58
58
|
collection: state.collection,
|
|
59
59
|
disabledKeys: state.disabledKeys
|
|
60
60
|
});
|
|
61
|
-
let { focusWithinProps: focusWithinProps } = $
|
|
61
|
+
let { focusWithinProps: focusWithinProps } = $cCiqH$reactariainteractions.useFocusWithin({
|
|
62
62
|
onFocusWithin: props.onFocus,
|
|
63
63
|
onBlurWithin: props.onBlur,
|
|
64
64
|
onFocusWithinChange: props.onFocusChange
|
|
65
65
|
});
|
|
66
66
|
// Share list id and some props with child options.
|
|
67
|
-
let id = $
|
|
68
|
-
$
|
|
67
|
+
let id = $cCiqH$reactariautils.useId(props.id);
|
|
68
|
+
$55ba9445af8053ba$export$3585ede4d035bf14.set(state, {
|
|
69
69
|
id: id,
|
|
70
70
|
shouldUseVirtualFocus: props.shouldUseVirtualFocus,
|
|
71
71
|
shouldSelectOnPressUp: props.shouldSelectOnPressUp,
|
|
72
72
|
shouldFocusOnHover: props.shouldFocusOnHover,
|
|
73
73
|
isVirtualized: props.isVirtualized
|
|
74
74
|
});
|
|
75
|
-
let { labelProps: labelProps , fieldProps: fieldProps } = $
|
|
75
|
+
let { labelProps: labelProps , fieldProps: fieldProps } = $cCiqH$reactarialabel.useLabel({
|
|
76
76
|
...props,
|
|
77
77
|
id: id,
|
|
78
78
|
// listbox is not an HTML input element so it
|
|
@@ -81,28 +81,28 @@ function $53a4d916549839c6$export$50eacbbf140a3141(props, state, ref) {
|
|
|
81
81
|
});
|
|
82
82
|
return {
|
|
83
83
|
labelProps: labelProps,
|
|
84
|
-
listBoxProps: $
|
|
84
|
+
listBoxProps: $cCiqH$reactariautils.mergeProps(domProps, focusWithinProps, state.selectionManager.selectionMode === 'multiple' ? {
|
|
85
85
|
'aria-multiselectable': 'true'
|
|
86
86
|
} : {
|
|
87
87
|
}, {
|
|
88
88
|
role: 'listbox',
|
|
89
|
-
...$
|
|
89
|
+
...$cCiqH$reactariautils.mergeProps(fieldProps, listProps)
|
|
90
90
|
})
|
|
91
91
|
};
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
|
|
95
|
-
var $
|
|
95
|
+
var $379f8fed3835a355$exports = {};
|
|
96
96
|
|
|
97
|
-
$parcel$export($
|
|
97
|
+
$parcel$export($379f8fed3835a355$exports, "useOption", () => $379f8fed3835a355$export$497855f14858aa34);
|
|
98
98
|
|
|
99
99
|
|
|
100
100
|
|
|
101
101
|
|
|
102
102
|
|
|
103
|
-
function $
|
|
103
|
+
function $379f8fed3835a355$export$497855f14858aa34(props, state, ref) {
|
|
104
104
|
let { key: key } = props;
|
|
105
|
-
let data = $
|
|
105
|
+
let data = $55ba9445af8053ba$export$3585ede4d035bf14.get(state);
|
|
106
106
|
let isDisabled = props.isDisabled ?? state.disabledKeys.has(key);
|
|
107
107
|
let isSelected = props.isSelected ?? state.selectionManager.isSelected(key);
|
|
108
108
|
let isFocused = state.selectionManager.focusedKey === key;
|
|
@@ -110,8 +110,8 @@ function $eb4e3b1392b9d051$export$497855f14858aa34(props, state, ref) {
|
|
|
110
110
|
let shouldFocusOnHover = props.shouldFocusOnHover ?? data.shouldFocusOnHover;
|
|
111
111
|
let shouldUseVirtualFocus = props.shouldUseVirtualFocus ?? data.shouldUseVirtualFocus;
|
|
112
112
|
let isVirtualized = props.isVirtualized ?? data.isVirtualized;
|
|
113
|
-
let labelId = $
|
|
114
|
-
let descriptionId = $
|
|
113
|
+
let labelId = $cCiqH$reactariautils.useSlotId();
|
|
114
|
+
let descriptionId = $cCiqH$reactariautils.useSlotId();
|
|
115
115
|
let optionProps = {
|
|
116
116
|
role: 'option',
|
|
117
117
|
'aria-disabled': isDisabled,
|
|
@@ -120,16 +120,16 @@ function $eb4e3b1392b9d051$export$497855f14858aa34(props, state, ref) {
|
|
|
120
120
|
// Safari with VoiceOver on macOS misreads options with aria-labelledby or aria-label as simply "text".
|
|
121
121
|
// We should not map slots to the label and description on Safari and instead just have VoiceOver read the textContent.
|
|
122
122
|
// https://bugs.webkit.org/show_bug.cgi?id=209279
|
|
123
|
-
if (!($
|
|
123
|
+
if (!($cCiqH$reactariautils.isMac() && $cCiqH$reactariautils.isWebKit())) {
|
|
124
124
|
optionProps['aria-label'] = props['aria-label'];
|
|
125
125
|
optionProps['aria-labelledby'] = labelId;
|
|
126
126
|
optionProps['aria-describedby'] = descriptionId;
|
|
127
127
|
}
|
|
128
128
|
if (isVirtualized) {
|
|
129
129
|
optionProps['aria-posinset'] = state.collection.getItem(key).index + 1;
|
|
130
|
-
optionProps['aria-setsize'] = $
|
|
130
|
+
optionProps['aria-setsize'] = $cCiqH$reactstatelycollections.getItemCount(state.collection);
|
|
131
131
|
}
|
|
132
|
-
let { itemProps: itemProps , isPressed: isPressed } = $
|
|
132
|
+
let { itemProps: itemProps , isPressed: isPressed } = $cCiqH$reactariaselection.useSelectableItem({
|
|
133
133
|
selectionManager: state.selectionManager,
|
|
134
134
|
key: key,
|
|
135
135
|
ref: ref,
|
|
@@ -138,10 +138,10 @@ function $eb4e3b1392b9d051$export$497855f14858aa34(props, state, ref) {
|
|
|
138
138
|
shouldUseVirtualFocus: shouldUseVirtualFocus,
|
|
139
139
|
isDisabled: isDisabled
|
|
140
140
|
});
|
|
141
|
-
let { hoverProps: hoverProps } = $
|
|
141
|
+
let { hoverProps: hoverProps } = $cCiqH$reactariainteractions.useHover({
|
|
142
142
|
isDisabled: isDisabled || !shouldFocusOnHover,
|
|
143
143
|
onHoverStart () {
|
|
144
|
-
if (!$
|
|
144
|
+
if (!$cCiqH$reactariainteractions.isFocusVisible()) {
|
|
145
145
|
state.selectionManager.setFocused(true);
|
|
146
146
|
state.selectionManager.setFocusedKey(key);
|
|
147
147
|
}
|
|
@@ -150,8 +150,8 @@ function $eb4e3b1392b9d051$export$497855f14858aa34(props, state, ref) {
|
|
|
150
150
|
return {
|
|
151
151
|
optionProps: {
|
|
152
152
|
...optionProps,
|
|
153
|
-
...$
|
|
154
|
-
id: $
|
|
153
|
+
...$cCiqH$reactariautils.mergeProps(itemProps, hoverProps),
|
|
154
|
+
id: $55ba9445af8053ba$export$9145995848b05025(state, key)
|
|
155
155
|
},
|
|
156
156
|
labelProps: {
|
|
157
157
|
id: labelId
|
|
@@ -167,13 +167,13 @@ function $eb4e3b1392b9d051$export$497855f14858aa34(props, state, ref) {
|
|
|
167
167
|
}
|
|
168
168
|
|
|
169
169
|
|
|
170
|
-
var $
|
|
170
|
+
var $701722104b57f7b1$exports = {};
|
|
171
171
|
|
|
172
|
-
$parcel$export($
|
|
172
|
+
$parcel$export($701722104b57f7b1$exports, "useListBoxSection", () => $701722104b57f7b1$export$c3f9f39876e4bc7);
|
|
173
173
|
|
|
174
|
-
function $
|
|
174
|
+
function $701722104b57f7b1$export$c3f9f39876e4bc7(props) {
|
|
175
175
|
let { heading: heading , 'aria-label': ariaLabel } = props;
|
|
176
|
-
let headingId = $
|
|
176
|
+
let headingId = $cCiqH$reactariautils.useId();
|
|
177
177
|
return {
|
|
178
178
|
itemProps: {
|
|
179
179
|
role: 'presentation'
|
|
@@ -196,10 +196,10 @@ function $7f215c4024f2e672$export$c3f9f39876e4bc7(props) {
|
|
|
196
196
|
|
|
197
197
|
|
|
198
198
|
|
|
199
|
-
$parcel$exportWildcard(module.exports, $
|
|
200
|
-
$parcel$exportWildcard(module.exports, $
|
|
201
|
-
$parcel$exportWildcard(module.exports, $
|
|
202
|
-
$parcel$exportWildcard(module.exports, $
|
|
199
|
+
$parcel$exportWildcard(module.exports, $791342f030d1fc2c$exports);
|
|
200
|
+
$parcel$exportWildcard(module.exports, $379f8fed3835a355$exports);
|
|
201
|
+
$parcel$exportWildcard(module.exports, $701722104b57f7b1$exports);
|
|
202
|
+
$parcel$exportWildcard(module.exports, $55ba9445af8053ba$exports);
|
|
203
203
|
|
|
204
204
|
|
|
205
205
|
//# sourceMappingURL=main.js.map
|
package/dist/module.js
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import {filterDOMProps as $
|
|
2
|
-
import {useFocusWithin as $
|
|
3
|
-
import {useLabel as $
|
|
4
|
-
import {useSelectableList as $
|
|
5
|
-
import {getItemCount as $
|
|
1
|
+
import {filterDOMProps as $7Yq4N$filterDOMProps, useId as $7Yq4N$useId, mergeProps as $7Yq4N$mergeProps, useSlotId as $7Yq4N$useSlotId, isMac as $7Yq4N$isMac, isWebKit as $7Yq4N$isWebKit} from "@react-aria/utils";
|
|
2
|
+
import {useFocusWithin as $7Yq4N$useFocusWithin, useHover as $7Yq4N$useHover, isFocusVisible as $7Yq4N$isFocusVisible} from "@react-aria/interactions";
|
|
3
|
+
import {useLabel as $7Yq4N$useLabel} from "@react-aria/label";
|
|
4
|
+
import {useSelectableList as $7Yq4N$useSelectableList, useSelectableItem as $7Yq4N$useSelectableItem} from "@react-aria/selection";
|
|
5
|
+
import {getItemCount as $7Yq4N$getItemCount} from "@react-stately/collections";
|
|
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 $b6a6a3879de3c160$exports = {};
|
|
11
11
|
|
|
12
|
-
$parcel$export($
|
|
12
|
+
$parcel$export($b6a6a3879de3c160$exports, "useListBox", () => $b6a6a3879de3c160$export$50eacbbf140a3141);
|
|
13
13
|
|
|
14
|
-
var $
|
|
14
|
+
var $d786742a15de2e64$exports = {};
|
|
15
15
|
|
|
16
|
-
$parcel$export($
|
|
17
|
-
$parcel$export($
|
|
18
|
-
const $
|
|
19
|
-
function $
|
|
16
|
+
$parcel$export($d786742a15de2e64$exports, "listData", () => $d786742a15de2e64$export$3585ede4d035bf14);
|
|
17
|
+
$parcel$export($d786742a15de2e64$exports, "getItemId", () => $d786742a15de2e64$export$9145995848b05025);
|
|
18
|
+
const $d786742a15de2e64$export$3585ede4d035bf14 = new WeakMap();
|
|
19
|
+
function $d786742a15de2e64$var$normalizeKey(key) {
|
|
20
20
|
if (typeof key === 'string') return key.replace(/\s*/g, '');
|
|
21
21
|
return '' + key;
|
|
22
22
|
}
|
|
23
|
-
function $
|
|
24
|
-
let data = $
|
|
23
|
+
function $d786742a15de2e64$export$9145995848b05025(state, itemKey) {
|
|
24
|
+
let data = $d786742a15de2e64$export$3585ede4d035bf14.get(state);
|
|
25
25
|
if (!data) throw new Error('Unknown list');
|
|
26
|
-
return `${data.id}-option-${$
|
|
26
|
+
return `${data.id}-option-${$d786742a15de2e64$var$normalizeKey(itemKey)}`;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
|
|
@@ -31,32 +31,32 @@ function $d67ea16022cad274$export$9145995848b05025(state, itemKey) {
|
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
|
|
34
|
-
function $
|
|
35
|
-
let domProps = $
|
|
34
|
+
function $b6a6a3879de3c160$export$50eacbbf140a3141(props, state, ref) {
|
|
35
|
+
let domProps = $7Yq4N$filterDOMProps(props, {
|
|
36
36
|
labelable: true
|
|
37
37
|
});
|
|
38
|
-
let { listProps: listProps } = $
|
|
38
|
+
let { listProps: listProps } = $7Yq4N$useSelectableList({
|
|
39
39
|
...props,
|
|
40
40
|
ref: ref,
|
|
41
41
|
selectionManager: state.selectionManager,
|
|
42
42
|
collection: state.collection,
|
|
43
43
|
disabledKeys: state.disabledKeys
|
|
44
44
|
});
|
|
45
|
-
let { focusWithinProps: focusWithinProps } = $
|
|
45
|
+
let { focusWithinProps: focusWithinProps } = $7Yq4N$useFocusWithin({
|
|
46
46
|
onFocusWithin: props.onFocus,
|
|
47
47
|
onBlurWithin: props.onBlur,
|
|
48
48
|
onFocusWithinChange: props.onFocusChange
|
|
49
49
|
});
|
|
50
50
|
// Share list id and some props with child options.
|
|
51
|
-
let id = $
|
|
52
|
-
$
|
|
51
|
+
let id = $7Yq4N$useId(props.id);
|
|
52
|
+
$d786742a15de2e64$export$3585ede4d035bf14.set(state, {
|
|
53
53
|
id: id,
|
|
54
54
|
shouldUseVirtualFocus: props.shouldUseVirtualFocus,
|
|
55
55
|
shouldSelectOnPressUp: props.shouldSelectOnPressUp,
|
|
56
56
|
shouldFocusOnHover: props.shouldFocusOnHover,
|
|
57
57
|
isVirtualized: props.isVirtualized
|
|
58
58
|
});
|
|
59
|
-
let { labelProps: labelProps , fieldProps: fieldProps } = $
|
|
59
|
+
let { labelProps: labelProps , fieldProps: fieldProps } = $7Yq4N$useLabel({
|
|
60
60
|
...props,
|
|
61
61
|
id: id,
|
|
62
62
|
// listbox is not an HTML input element so it
|
|
@@ -65,28 +65,28 @@ function $a88263fde148e1a2$export$50eacbbf140a3141(props, state, ref) {
|
|
|
65
65
|
});
|
|
66
66
|
return {
|
|
67
67
|
labelProps: labelProps,
|
|
68
|
-
listBoxProps: $
|
|
68
|
+
listBoxProps: $7Yq4N$mergeProps(domProps, focusWithinProps, state.selectionManager.selectionMode === 'multiple' ? {
|
|
69
69
|
'aria-multiselectable': 'true'
|
|
70
70
|
} : {
|
|
71
71
|
}, {
|
|
72
72
|
role: 'listbox',
|
|
73
|
-
...$
|
|
73
|
+
...$7Yq4N$mergeProps(fieldProps, listProps)
|
|
74
74
|
})
|
|
75
75
|
};
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
|
|
79
|
-
var $
|
|
79
|
+
var $ffbe2720d8d792ce$exports = {};
|
|
80
80
|
|
|
81
|
-
$parcel$export($
|
|
81
|
+
$parcel$export($ffbe2720d8d792ce$exports, "useOption", () => $ffbe2720d8d792ce$export$497855f14858aa34);
|
|
82
82
|
|
|
83
83
|
|
|
84
84
|
|
|
85
85
|
|
|
86
86
|
|
|
87
|
-
function $
|
|
87
|
+
function $ffbe2720d8d792ce$export$497855f14858aa34(props, state, ref) {
|
|
88
88
|
let { key: key } = props;
|
|
89
|
-
let data = $
|
|
89
|
+
let data = $d786742a15de2e64$export$3585ede4d035bf14.get(state);
|
|
90
90
|
let isDisabled = props.isDisabled ?? state.disabledKeys.has(key);
|
|
91
91
|
let isSelected = props.isSelected ?? state.selectionManager.isSelected(key);
|
|
92
92
|
let isFocused = state.selectionManager.focusedKey === key;
|
|
@@ -94,8 +94,8 @@ function $408857500f80c2ac$export$497855f14858aa34(props, state, ref) {
|
|
|
94
94
|
let shouldFocusOnHover = props.shouldFocusOnHover ?? data.shouldFocusOnHover;
|
|
95
95
|
let shouldUseVirtualFocus = props.shouldUseVirtualFocus ?? data.shouldUseVirtualFocus;
|
|
96
96
|
let isVirtualized = props.isVirtualized ?? data.isVirtualized;
|
|
97
|
-
let labelId = $
|
|
98
|
-
let descriptionId = $
|
|
97
|
+
let labelId = $7Yq4N$useSlotId();
|
|
98
|
+
let descriptionId = $7Yq4N$useSlotId();
|
|
99
99
|
let optionProps = {
|
|
100
100
|
role: 'option',
|
|
101
101
|
'aria-disabled': isDisabled,
|
|
@@ -104,16 +104,16 @@ function $408857500f80c2ac$export$497855f14858aa34(props, state, ref) {
|
|
|
104
104
|
// Safari with VoiceOver on macOS misreads options with aria-labelledby or aria-label as simply "text".
|
|
105
105
|
// We should not map slots to the label and description on Safari and instead just have VoiceOver read the textContent.
|
|
106
106
|
// https://bugs.webkit.org/show_bug.cgi?id=209279
|
|
107
|
-
if (!($
|
|
107
|
+
if (!($7Yq4N$isMac() && $7Yq4N$isWebKit())) {
|
|
108
108
|
optionProps['aria-label'] = props['aria-label'];
|
|
109
109
|
optionProps['aria-labelledby'] = labelId;
|
|
110
110
|
optionProps['aria-describedby'] = descriptionId;
|
|
111
111
|
}
|
|
112
112
|
if (isVirtualized) {
|
|
113
113
|
optionProps['aria-posinset'] = state.collection.getItem(key).index + 1;
|
|
114
|
-
optionProps['aria-setsize'] = $
|
|
114
|
+
optionProps['aria-setsize'] = $7Yq4N$getItemCount(state.collection);
|
|
115
115
|
}
|
|
116
|
-
let { itemProps: itemProps , isPressed: isPressed } = $
|
|
116
|
+
let { itemProps: itemProps , isPressed: isPressed } = $7Yq4N$useSelectableItem({
|
|
117
117
|
selectionManager: state.selectionManager,
|
|
118
118
|
key: key,
|
|
119
119
|
ref: ref,
|
|
@@ -122,10 +122,10 @@ function $408857500f80c2ac$export$497855f14858aa34(props, state, ref) {
|
|
|
122
122
|
shouldUseVirtualFocus: shouldUseVirtualFocus,
|
|
123
123
|
isDisabled: isDisabled
|
|
124
124
|
});
|
|
125
|
-
let { hoverProps: hoverProps } = $
|
|
125
|
+
let { hoverProps: hoverProps } = $7Yq4N$useHover({
|
|
126
126
|
isDisabled: isDisabled || !shouldFocusOnHover,
|
|
127
127
|
onHoverStart () {
|
|
128
|
-
if (!$
|
|
128
|
+
if (!$7Yq4N$isFocusVisible()) {
|
|
129
129
|
state.selectionManager.setFocused(true);
|
|
130
130
|
state.selectionManager.setFocusedKey(key);
|
|
131
131
|
}
|
|
@@ -134,8 +134,8 @@ function $408857500f80c2ac$export$497855f14858aa34(props, state, ref) {
|
|
|
134
134
|
return {
|
|
135
135
|
optionProps: {
|
|
136
136
|
...optionProps,
|
|
137
|
-
...$
|
|
138
|
-
id: $
|
|
137
|
+
...$7Yq4N$mergeProps(itemProps, hoverProps),
|
|
138
|
+
id: $d786742a15de2e64$export$9145995848b05025(state, key)
|
|
139
139
|
},
|
|
140
140
|
labelProps: {
|
|
141
141
|
id: labelId
|
|
@@ -151,13 +151,13 @@ function $408857500f80c2ac$export$497855f14858aa34(props, state, ref) {
|
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
|
|
154
|
-
var $
|
|
154
|
+
var $60eb9482f3936d5e$exports = {};
|
|
155
155
|
|
|
156
|
-
$parcel$export($
|
|
156
|
+
$parcel$export($60eb9482f3936d5e$exports, "useListBoxSection", () => $60eb9482f3936d5e$export$c3f9f39876e4bc7);
|
|
157
157
|
|
|
158
|
-
function $
|
|
158
|
+
function $60eb9482f3936d5e$export$c3f9f39876e4bc7(props) {
|
|
159
159
|
let { heading: heading , 'aria-label': ariaLabel } = props;
|
|
160
|
-
let headingId = $
|
|
160
|
+
let headingId = $7Yq4N$useId();
|
|
161
161
|
return {
|
|
162
162
|
itemProps: {
|
|
163
163
|
role: 'presentation'
|
|
@@ -182,5 +182,5 @@ function $4e02d605eb96f219$export$c3f9f39876e4bc7(props) {
|
|
|
182
182
|
|
|
183
183
|
|
|
184
184
|
|
|
185
|
-
export {$
|
|
185
|
+
export {$b6a6a3879de3c160$export$50eacbbf140a3141 as useListBox, $ffbe2720d8d792ce$export$497855f14858aa34 as useOption, $60eb9482f3936d5e$export$c3f9f39876e4bc7 as useListBoxSection, $d786742a15de2e64$export$3585ede4d035bf14 as listData, $d786742a15de2e64$export$9145995848b05025 as getItemId};
|
|
186
186
|
//# sourceMappingURL=module.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-aria/listbox",
|
|
3
|
-
"version": "3.4.1-nightly.
|
|
3
|
+
"version": "3.4.1-nightly.3100+da2aa7467",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -18,15 +18,15 @@
|
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@babel/runtime": "^7.6.2",
|
|
21
|
-
"@react-aria/focus": "3.0.0-nightly.
|
|
22
|
-
"@react-aria/interactions": "3.0.0-nightly.
|
|
23
|
-
"@react-aria/label": "3.0.0-nightly.
|
|
24
|
-
"@react-aria/selection": "3.0.0-nightly.
|
|
25
|
-
"@react-aria/utils": "3.0.0-nightly.
|
|
26
|
-
"@react-stately/collections": "3.0.0-nightly.
|
|
27
|
-
"@react-stately/list": "3.4.2-nightly.
|
|
28
|
-
"@react-types/listbox": "3.2.2-nightly.
|
|
29
|
-
"@react-types/shared": "3.0.0-nightly.
|
|
21
|
+
"@react-aria/focus": "3.0.0-nightly.1409+da2aa7467",
|
|
22
|
+
"@react-aria/interactions": "3.0.0-nightly.1409+da2aa7467",
|
|
23
|
+
"@react-aria/label": "3.0.0-nightly.1409+da2aa7467",
|
|
24
|
+
"@react-aria/selection": "3.0.0-nightly.1409+da2aa7467",
|
|
25
|
+
"@react-aria/utils": "3.0.0-nightly.1409+da2aa7467",
|
|
26
|
+
"@react-stately/collections": "3.0.0-nightly.1409+da2aa7467",
|
|
27
|
+
"@react-stately/list": "3.4.2-nightly.3100+da2aa7467",
|
|
28
|
+
"@react-types/listbox": "3.2.2-nightly.3100+da2aa7467",
|
|
29
|
+
"@react-types/shared": "3.0.0-nightly.1409+da2aa7467"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"react": "^16.8.0 || ^17.0.0-rc.1"
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"publishConfig": {
|
|
35
35
|
"access": "public"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "da2aa74670fbd93335ff01401ca53826b3602777"
|
|
38
38
|
}
|