@react-aria/menu 3.4.1-nightly.3111 → 3.4.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/dist/main.js +145 -145
- package/dist/main.js.map +1 -1
- package/dist/module.js +142 -142
- package/dist/module.js.map +1 -1
- package/package.json +13 -13
package/dist/module.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {useId as $
|
|
2
|
-
import {useLongPress as $
|
|
3
|
-
import {useMessageFormatter as $
|
|
4
|
-
import {useOverlayTrigger as $
|
|
5
|
-
import {useSelectableList as $
|
|
6
|
-
import {getItemCount as $
|
|
1
|
+
import {useId as $lVGRk$useId, mergeProps as $lVGRk$mergeProps, filterDOMProps as $lVGRk$filterDOMProps, useSlotId as $lVGRk$useSlotId} from "@react-aria/utils";
|
|
2
|
+
import {useLongPress as $lVGRk$useLongPress, usePress as $lVGRk$usePress, useHover as $lVGRk$useHover, isFocusVisible as $lVGRk$isFocusVisible} from "@react-aria/interactions";
|
|
3
|
+
import {useMessageFormatter as $lVGRk$useMessageFormatter} from "@react-aria/i18n";
|
|
4
|
+
import {useOverlayTrigger as $lVGRk$useOverlayTrigger} from "@react-aria/overlays";
|
|
5
|
+
import {useSelectableList as $lVGRk$useSelectableList, useSelectableItem as $lVGRk$useSelectableItem} from "@react-aria/selection";
|
|
6
|
+
import {getItemCount as $lVGRk$getItemCount} from "@react-stately/collections";
|
|
7
7
|
|
|
8
8
|
function $parcel$interopDefault(a) {
|
|
9
9
|
return a && a.__esModule ? a.default : a;
|
|
@@ -11,181 +11,181 @@ function $parcel$interopDefault(a) {
|
|
|
11
11
|
function $parcel$export(e, n, v, s) {
|
|
12
12
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
13
13
|
}
|
|
14
|
-
var $
|
|
14
|
+
var $235cea8b956832d5$exports = {};
|
|
15
15
|
|
|
16
|
-
$parcel$export($
|
|
17
|
-
var $
|
|
18
|
-
var $
|
|
19
|
-
$
|
|
16
|
+
$parcel$export($235cea8b956832d5$exports, "useMenuTrigger", () => $235cea8b956832d5$export$dc9c12ed27dd1b49);
|
|
17
|
+
var $96dc1c2244700b52$exports = {};
|
|
18
|
+
var $1a8690630e322ec6$exports = {};
|
|
19
|
+
$1a8690630e322ec6$exports = JSON.parse("{\"longPressMessage\":\"اضغط مطولاً أو اضغط على Alt + السهم لأسفل لفتح القائمة\"}");
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
var $
|
|
23
|
-
$
|
|
22
|
+
var $fc3ddb23f24e2eea$exports = {};
|
|
23
|
+
$fc3ddb23f24e2eea$exports = JSON.parse("{\"longPressMessage\":\"Натиснете продължително или натиснете Alt+ стрелка надолу, за да отворите менюто\"}");
|
|
24
24
|
|
|
25
25
|
|
|
26
|
-
var $
|
|
27
|
-
$
|
|
26
|
+
var $eb1dc9b603d71109$exports = {};
|
|
27
|
+
$eb1dc9b603d71109$exports = JSON.parse("{\"longPressMessage\":\"Dlouhým stiskem nebo stisknutím kláves Alt + šipka dolů otevřete nabídku\"}");
|
|
28
28
|
|
|
29
29
|
|
|
30
|
-
var $
|
|
31
|
-
$
|
|
30
|
+
var $2d95ec734354bc1d$exports = {};
|
|
31
|
+
$2d95ec734354bc1d$exports = JSON.parse("{\"longPressMessage\":\"Langt tryk eller tryk på Alt + pil ned for at åbne menuen\"}");
|
|
32
32
|
|
|
33
33
|
|
|
34
|
-
var $
|
|
35
|
-
$
|
|
34
|
+
var $e5cd075746034abd$exports = {};
|
|
35
|
+
$e5cd075746034abd$exports = JSON.parse("{\"longPressMessage\":\"Drücken Sie lange oder drücken Sie Alt + Nach-unten, um das Menü zu öffnen\"}");
|
|
36
36
|
|
|
37
37
|
|
|
38
|
-
var $
|
|
39
|
-
$
|
|
38
|
+
var $74fe177ce68f16a7$exports = {};
|
|
39
|
+
$74fe177ce68f16a7$exports = JSON.parse("{\"longPressMessage\":\"Πιέστε παρατεταμένα ή πατήστε Alt + κάτω βέλος για να ανοίξετε το μενού\"}");
|
|
40
40
|
|
|
41
41
|
|
|
42
|
-
var $
|
|
43
|
-
$
|
|
42
|
+
var $a59d721fbb9df903$exports = {};
|
|
43
|
+
$a59d721fbb9df903$exports = JSON.parse("{\"longPressMessage\":\"Long press or press Alt + ArrowDown to open menu\"}");
|
|
44
44
|
|
|
45
45
|
|
|
46
|
-
var $
|
|
47
|
-
$
|
|
46
|
+
var $617e1630a7dd16ea$exports = {};
|
|
47
|
+
$617e1630a7dd16ea$exports = JSON.parse("{\"longPressMessage\":\"Mantenga pulsado o pulse Alt + flecha abajo para abrir el menú\"}");
|
|
48
48
|
|
|
49
49
|
|
|
50
|
-
var $
|
|
51
|
-
$
|
|
50
|
+
var $3218d8c72495e96b$exports = {};
|
|
51
|
+
$3218d8c72495e96b$exports = JSON.parse("{\"longPressMessage\":\"Menüü avamiseks vajutage pikalt või vajutage klahve Alt + allanool\"}");
|
|
52
52
|
|
|
53
53
|
|
|
54
|
-
var $
|
|
55
|
-
$
|
|
54
|
+
var $f2f412c97ede0995$exports = {};
|
|
55
|
+
$f2f412c97ede0995$exports = JSON.parse("{\"longPressMessage\":\"Avaa valikko painamalla pohjassa tai näppäinyhdistelmällä Alt + Alanuoli\"}");
|
|
56
56
|
|
|
57
57
|
|
|
58
|
-
var $
|
|
59
|
-
$
|
|
58
|
+
var $7640150678ab200d$exports = {};
|
|
59
|
+
$7640150678ab200d$exports = JSON.parse("{\"longPressMessage\":\"Appuyez de manière prolongée ou appuyez sur Alt + Flèche vers le bas pour ouvrir le menu.\"}");
|
|
60
60
|
|
|
61
61
|
|
|
62
|
-
var $
|
|
63
|
-
$
|
|
62
|
+
var $84c642b6d2ee0f06$exports = {};
|
|
63
|
+
$84c642b6d2ee0f06$exports = JSON.parse("{\"longPressMessage\":\"לחץ לחיצה ארוכה או הקש Alt + ArrowDown כדי לפתוח את התפריט\"}");
|
|
64
64
|
|
|
65
65
|
|
|
66
|
-
var $
|
|
67
|
-
$
|
|
66
|
+
var $57727cf256b928dd$exports = {};
|
|
67
|
+
$57727cf256b928dd$exports = JSON.parse("{\"longPressMessage\":\"Dugo pritisnite ili pritisnite Alt + strelicu prema dolje za otvaranje izbornika\"}");
|
|
68
68
|
|
|
69
69
|
|
|
70
|
-
var $
|
|
71
|
-
$
|
|
70
|
+
var $05114af5675ffd82$exports = {};
|
|
71
|
+
$05114af5675ffd82$exports = JSON.parse("{\"longPressMessage\":\"Nyomja meg hosszan, vagy nyomja meg az Alt + lefele nyíl gombot a menü megnyitásához\"}");
|
|
72
72
|
|
|
73
73
|
|
|
74
|
-
var $
|
|
75
|
-
$
|
|
74
|
+
var $38a13f141610baa6$exports = {};
|
|
75
|
+
$38a13f141610baa6$exports = JSON.parse("{\"longPressMessage\":\"Premere a lungo o premere Alt + Freccia giù per aprire il menu\"}");
|
|
76
76
|
|
|
77
77
|
|
|
78
|
-
var $
|
|
79
|
-
$
|
|
78
|
+
var $02ea00ed085de6ca$exports = {};
|
|
79
|
+
$02ea00ed085de6ca$exports = JSON.parse("{\"longPressMessage\":\"長押しまたは Alt+下矢印キーでメニューを開く\"}");
|
|
80
80
|
|
|
81
81
|
|
|
82
|
-
var $
|
|
83
|
-
$
|
|
82
|
+
var $220ff1248b85a717$exports = {};
|
|
83
|
+
$220ff1248b85a717$exports = JSON.parse("{\"longPressMessage\":\"길게 누르거나 Alt + 아래쪽 화살표를 눌러 메뉴 열기\"}");
|
|
84
84
|
|
|
85
85
|
|
|
86
|
-
var $
|
|
87
|
-
$
|
|
86
|
+
var $bf5ad8f2c050e288$exports = {};
|
|
87
|
+
$bf5ad8f2c050e288$exports = JSON.parse("{\"longPressMessage\":\"Norėdami atidaryti meniu, nuspaudę palaikykite arba paspauskite „Alt + ArrowDown“.\"}");
|
|
88
88
|
|
|
89
89
|
|
|
90
|
-
var $
|
|
91
|
-
$
|
|
90
|
+
var $f3bc8e284003309a$exports = {};
|
|
91
|
+
$f3bc8e284003309a$exports = JSON.parse("{\"longPressMessage\":\"Lai atvērtu izvēlni, turiet nospiestu vai nospiediet taustiņu kombināciju Alt + lejupvērstā bultiņa\"}");
|
|
92
92
|
|
|
93
93
|
|
|
94
|
-
var $
|
|
95
|
-
$
|
|
94
|
+
var $7cb4a85cce2978c1$exports = {};
|
|
95
|
+
$7cb4a85cce2978c1$exports = JSON.parse("{\"longPressMessage\":\"Langt trykk eller trykk Alt + PilNed for å åpne menyen\"}");
|
|
96
96
|
|
|
97
97
|
|
|
98
|
-
var $
|
|
99
|
-
$
|
|
98
|
+
var $4bbc2c2d2f167f68$exports = {};
|
|
99
|
+
$4bbc2c2d2f167f68$exports = JSON.parse("{\"longPressMessage\":\"Druk lang op Alt + pijl-omlaag of druk op Alt om het menu te openen\"}");
|
|
100
100
|
|
|
101
101
|
|
|
102
|
-
var $
|
|
103
|
-
$
|
|
102
|
+
var $ed008113cc0b674e$exports = {};
|
|
103
|
+
$ed008113cc0b674e$exports = JSON.parse("{\"longPressMessage\":\"Naciśnij i przytrzymaj lub naciśnij klawisze Alt + Strzałka w dół, aby otworzyć menu\"}");
|
|
104
104
|
|
|
105
105
|
|
|
106
|
-
var $
|
|
107
|
-
$
|
|
106
|
+
var $62bfb2a2daab045d$exports = {};
|
|
107
|
+
$62bfb2a2daab045d$exports = JSON.parse("{\"longPressMessage\":\"Pressione e segure ou pressione Alt + Seta para baixo para abrir o menu\"}");
|
|
108
108
|
|
|
109
109
|
|
|
110
|
-
var $
|
|
111
|
-
$
|
|
110
|
+
var $856d8cc1d19b4c06$exports = {};
|
|
111
|
+
$856d8cc1d19b4c06$exports = JSON.parse("{\"longPressMessage\":\"Prima continuamente ou prima Alt + Seta Para Baixo para abrir o menu\"}");
|
|
112
112
|
|
|
113
113
|
|
|
114
|
-
var $
|
|
115
|
-
$
|
|
114
|
+
var $a46dcfaf580fda03$exports = {};
|
|
115
|
+
$a46dcfaf580fda03$exports = JSON.parse("{\"longPressMessage\":\"Apăsați lung sau apăsați pe Alt + săgeată în jos pentru a deschide meniul\"}");
|
|
116
116
|
|
|
117
117
|
|
|
118
|
-
var $
|
|
119
|
-
$
|
|
118
|
+
var $d919ca79cce015eb$exports = {};
|
|
119
|
+
$d919ca79cce015eb$exports = JSON.parse("{\"longPressMessage\":\"Нажмите и удерживайте или нажмите Alt + Стрелка вниз, чтобы открыть меню\"}");
|
|
120
120
|
|
|
121
121
|
|
|
122
|
-
var $
|
|
123
|
-
$
|
|
122
|
+
var $dcee2f03ab5d79f4$exports = {};
|
|
123
|
+
$dcee2f03ab5d79f4$exports = JSON.parse("{\"longPressMessage\":\"Ponuku otvoríte dlhým stlačením alebo stlačením klávesu Alt + klávesu so šípkou nadol\"}");
|
|
124
124
|
|
|
125
125
|
|
|
126
|
-
var $
|
|
127
|
-
$
|
|
126
|
+
var $ec308c4d4a31d7ef$exports = {};
|
|
127
|
+
$ec308c4d4a31d7ef$exports = JSON.parse("{\"longPressMessage\":\"Za odprtje menija pritisnite in držite gumb ali pritisnite Alt+puščica navzdol\"}");
|
|
128
128
|
|
|
129
129
|
|
|
130
|
-
var $
|
|
131
|
-
$
|
|
130
|
+
var $639001ec689e223b$exports = {};
|
|
131
|
+
$639001ec689e223b$exports = JSON.parse("{\"longPressMessage\":\"Dugo pritisnite ili pritisnite Alt + strelicu prema dole da otvorite meni\"}");
|
|
132
132
|
|
|
133
133
|
|
|
134
|
-
var $
|
|
135
|
-
$
|
|
134
|
+
var $37090bf5b661009a$exports = {};
|
|
135
|
+
$37090bf5b661009a$exports = JSON.parse("{\"longPressMessage\":\"Håll nedtryckt eller tryck på Alt + pil nedåt för att öppna menyn\"}");
|
|
136
136
|
|
|
137
137
|
|
|
138
|
-
var $
|
|
139
|
-
$
|
|
138
|
+
var $4ca70371ce142708$exports = {};
|
|
139
|
+
$4ca70371ce142708$exports = JSON.parse("{\"longPressMessage\":\"Menüyü açmak için uzun basın veya Alt + Aşağı Ok tuşuna basın\"}");
|
|
140
140
|
|
|
141
141
|
|
|
142
|
-
var $
|
|
143
|
-
$
|
|
142
|
+
var $772cc5075c4120ad$exports = {};
|
|
143
|
+
$772cc5075c4120ad$exports = JSON.parse("{\"longPressMessage\":\"Довго або звичайно натисніть комбінацію клавіш Alt і стрілка вниз, щоб відкрити меню\"}");
|
|
144
144
|
|
|
145
145
|
|
|
146
|
-
var $
|
|
147
|
-
$
|
|
146
|
+
var $a280148193f17e0f$exports = {};
|
|
147
|
+
$a280148193f17e0f$exports = JSON.parse("{\"longPressMessage\":\"长按或按 Alt + 向下方向键以打开菜单\"}");
|
|
148
148
|
|
|
149
149
|
|
|
150
|
-
var $
|
|
151
|
-
$
|
|
150
|
+
var $08dca4706d9e39f3$exports = {};
|
|
151
|
+
$08dca4706d9e39f3$exports = JSON.parse("{\"longPressMessage\":\"長按或按 Alt+向下鍵以開啟功能表\"}");
|
|
152
152
|
|
|
153
153
|
|
|
154
|
-
$
|
|
155
|
-
"ar-AE": $
|
|
156
|
-
"bg-BG": $
|
|
157
|
-
"cs-CZ": $
|
|
158
|
-
"da-DK": $
|
|
159
|
-
"de-DE": $
|
|
160
|
-
"el-GR": $
|
|
161
|
-
"en-US": $
|
|
162
|
-
"es-ES": $
|
|
163
|
-
"et-EE": $
|
|
164
|
-
"fi-FI": $
|
|
165
|
-
"fr-FR": $
|
|
166
|
-
"he-IL": $
|
|
167
|
-
"hr-HR": $
|
|
168
|
-
"hu-HU": $
|
|
169
|
-
"it-IT": $
|
|
170
|
-
"ja-JP": $
|
|
171
|
-
"ko-KR": $
|
|
172
|
-
"lt-LT": $
|
|
173
|
-
"lv-LV": $
|
|
174
|
-
"nb-NO": $
|
|
175
|
-
"nl-NL": $
|
|
176
|
-
"pl-PL": $
|
|
177
|
-
"pt-BR": $
|
|
178
|
-
"pt-PT": $
|
|
179
|
-
"ro-RO": $
|
|
180
|
-
"ru-RU": $
|
|
181
|
-
"sk-SK": $
|
|
182
|
-
"sl-SI": $
|
|
183
|
-
"sr-SP": $
|
|
184
|
-
"sv-SE": $
|
|
185
|
-
"tr-TR": $
|
|
186
|
-
"uk-UA": $
|
|
187
|
-
"zh-CN": $
|
|
188
|
-
"zh-TW": $
|
|
154
|
+
$96dc1c2244700b52$exports = {
|
|
155
|
+
"ar-AE": $1a8690630e322ec6$exports,
|
|
156
|
+
"bg-BG": $fc3ddb23f24e2eea$exports,
|
|
157
|
+
"cs-CZ": $eb1dc9b603d71109$exports,
|
|
158
|
+
"da-DK": $2d95ec734354bc1d$exports,
|
|
159
|
+
"de-DE": $e5cd075746034abd$exports,
|
|
160
|
+
"el-GR": $74fe177ce68f16a7$exports,
|
|
161
|
+
"en-US": $a59d721fbb9df903$exports,
|
|
162
|
+
"es-ES": $617e1630a7dd16ea$exports,
|
|
163
|
+
"et-EE": $3218d8c72495e96b$exports,
|
|
164
|
+
"fi-FI": $f2f412c97ede0995$exports,
|
|
165
|
+
"fr-FR": $7640150678ab200d$exports,
|
|
166
|
+
"he-IL": $84c642b6d2ee0f06$exports,
|
|
167
|
+
"hr-HR": $57727cf256b928dd$exports,
|
|
168
|
+
"hu-HU": $05114af5675ffd82$exports,
|
|
169
|
+
"it-IT": $38a13f141610baa6$exports,
|
|
170
|
+
"ja-JP": $02ea00ed085de6ca$exports,
|
|
171
|
+
"ko-KR": $220ff1248b85a717$exports,
|
|
172
|
+
"lt-LT": $bf5ad8f2c050e288$exports,
|
|
173
|
+
"lv-LV": $f3bc8e284003309a$exports,
|
|
174
|
+
"nb-NO": $7cb4a85cce2978c1$exports,
|
|
175
|
+
"nl-NL": $4bbc2c2d2f167f68$exports,
|
|
176
|
+
"pl-PL": $ed008113cc0b674e$exports,
|
|
177
|
+
"pt-BR": $62bfb2a2daab045d$exports,
|
|
178
|
+
"pt-PT": $856d8cc1d19b4c06$exports,
|
|
179
|
+
"ro-RO": $a46dcfaf580fda03$exports,
|
|
180
|
+
"ru-RU": $d919ca79cce015eb$exports,
|
|
181
|
+
"sk-SK": $dcee2f03ab5d79f4$exports,
|
|
182
|
+
"sl-SI": $ec308c4d4a31d7ef$exports,
|
|
183
|
+
"sr-SP": $639001ec689e223b$exports,
|
|
184
|
+
"sv-SE": $37090bf5b661009a$exports,
|
|
185
|
+
"tr-TR": $4ca70371ce142708$exports,
|
|
186
|
+
"uk-UA": $772cc5075c4120ad$exports,
|
|
187
|
+
"zh-CN": $a280148193f17e0f$exports,
|
|
188
|
+
"zh-TW": $08dca4706d9e39f3$exports
|
|
189
189
|
};
|
|
190
190
|
|
|
191
191
|
|
|
@@ -193,10 +193,10 @@ $f51f2c62e1c6fa57$exports = {
|
|
|
193
193
|
|
|
194
194
|
|
|
195
195
|
|
|
196
|
-
function $
|
|
196
|
+
function $235cea8b956832d5$export$dc9c12ed27dd1b49(props, state, ref) {
|
|
197
197
|
let { type: type = 'menu' , isDisabled: isDisabled , trigger: trigger = 'press' } = props;
|
|
198
|
-
let menuTriggerId = $
|
|
199
|
-
let { triggerProps: triggerProps , overlayProps: overlayProps } = $
|
|
198
|
+
let menuTriggerId = $lVGRk$useId();
|
|
199
|
+
let { triggerProps: triggerProps , overlayProps: overlayProps } = $lVGRk$useOverlayTrigger({
|
|
200
200
|
type: type
|
|
201
201
|
}, state, ref);
|
|
202
202
|
let onKeyDown = (e)=>{
|
|
@@ -220,8 +220,8 @@ function $f00d7b16b5e8d6e2$export$dc9c12ed27dd1b49(props, state, ref) {
|
|
|
220
220
|
break;
|
|
221
221
|
}
|
|
222
222
|
};
|
|
223
|
-
let formatMessage = $
|
|
224
|
-
let { longPressProps: longPressProps } = $
|
|
223
|
+
let formatMessage = $lVGRk$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($96dc1c2244700b52$exports)));
|
|
224
|
+
let { longPressProps: longPressProps } = $lVGRk$useLongPress({
|
|
225
225
|
accessibilityDescription: formatMessage('longPressMessage'),
|
|
226
226
|
onLongPressStart () {
|
|
227
227
|
state.close();
|
|
@@ -241,7 +241,7 @@ function $f00d7b16b5e8d6e2$export$dc9c12ed27dd1b49(props, state, ref) {
|
|
|
241
241
|
if (e.pointerType === 'touch' && !isDisabled) state.toggle();
|
|
242
242
|
}
|
|
243
243
|
};
|
|
244
|
-
triggerProps = $
|
|
244
|
+
triggerProps = $lVGRk$mergeProps(triggerProps, trigger === 'press' ? pressProps : longPressProps);
|
|
245
245
|
return {
|
|
246
246
|
menuTriggerProps: {
|
|
247
247
|
...triggerProps,
|
|
@@ -256,18 +256,18 @@ function $f00d7b16b5e8d6e2$export$dc9c12ed27dd1b49(props, state, ref) {
|
|
|
256
256
|
}
|
|
257
257
|
|
|
258
258
|
|
|
259
|
-
var $
|
|
259
|
+
var $9e81e1e13d86f3bd$exports = {};
|
|
260
260
|
|
|
261
|
-
$parcel$export($
|
|
261
|
+
$parcel$export($9e81e1e13d86f3bd$exports, "useMenu", () => $9e81e1e13d86f3bd$export$38eaa17faae8f579);
|
|
262
262
|
|
|
263
263
|
|
|
264
|
-
function $
|
|
264
|
+
function $9e81e1e13d86f3bd$export$38eaa17faae8f579(props, state, ref) {
|
|
265
265
|
let { shouldFocusWrap: shouldFocusWrap = true , ...otherProps } = props;
|
|
266
266
|
if (!props['aria-label'] && !props['aria-labelledby']) console.warn('An aria-label or aria-labelledby prop is required for accessibility.');
|
|
267
|
-
let domProps = $
|
|
267
|
+
let domProps = $lVGRk$filterDOMProps(props, {
|
|
268
268
|
labelable: true
|
|
269
269
|
});
|
|
270
|
-
let { listProps: listProps } = $
|
|
270
|
+
let { listProps: listProps } = $lVGRk$useSelectableList({
|
|
271
271
|
...otherProps,
|
|
272
272
|
ref: ref,
|
|
273
273
|
selectionManager: state.selectionManager,
|
|
@@ -276,7 +276,7 @@ function $c227569f61491ba9$export$38eaa17faae8f579(props, state, ref) {
|
|
|
276
276
|
shouldFocusWrap: shouldFocusWrap
|
|
277
277
|
});
|
|
278
278
|
return {
|
|
279
|
-
menuProps: $
|
|
279
|
+
menuProps: $lVGRk$mergeProps(domProps, {
|
|
280
280
|
role: 'menu',
|
|
281
281
|
...listProps
|
|
282
282
|
})
|
|
@@ -284,21 +284,21 @@ function $c227569f61491ba9$export$38eaa17faae8f579(props, state, ref) {
|
|
|
284
284
|
}
|
|
285
285
|
|
|
286
286
|
|
|
287
|
-
var $
|
|
287
|
+
var $c5d816999d2ff723$exports = {};
|
|
288
288
|
|
|
289
|
-
$parcel$export($
|
|
289
|
+
$parcel$export($c5d816999d2ff723$exports, "useMenuItem", () => $c5d816999d2ff723$export$9d32628fc2aea7da);
|
|
290
290
|
|
|
291
291
|
|
|
292
292
|
|
|
293
293
|
|
|
294
|
-
function $
|
|
294
|
+
function $c5d816999d2ff723$export$9d32628fc2aea7da(props, state, ref) {
|
|
295
295
|
let { isSelected: isSelected , isDisabled: isDisabled , key: key , onClose: onClose , closeOnSelect: closeOnSelect , isVirtualized: isVirtualized , onAction: onAction } = props;
|
|
296
296
|
let role = 'menuitem';
|
|
297
297
|
if (state.selectionManager.selectionMode === 'single') role = 'menuitemradio';
|
|
298
298
|
else if (state.selectionManager.selectionMode === 'multiple') role = 'menuitemcheckbox';
|
|
299
|
-
let labelId = $
|
|
300
|
-
let descriptionId = $
|
|
301
|
-
let keyboardId = $
|
|
299
|
+
let labelId = $lVGRk$useSlotId();
|
|
300
|
+
let descriptionId = $lVGRk$useSlotId();
|
|
301
|
+
let keyboardId = $lVGRk$useSlotId();
|
|
302
302
|
let ariaProps = {
|
|
303
303
|
'aria-disabled': isDisabled,
|
|
304
304
|
role: role,
|
|
@@ -312,7 +312,7 @@ function $f9449620c639d150$export$9d32628fc2aea7da(props, state, ref) {
|
|
|
312
312
|
if (state.selectionManager.selectionMode !== 'none') ariaProps['aria-checked'] = isSelected;
|
|
313
313
|
if (isVirtualized) {
|
|
314
314
|
ariaProps['aria-posinset'] = state.collection.getItem(key).index;
|
|
315
|
-
ariaProps['aria-setsize'] = $
|
|
315
|
+
ariaProps['aria-setsize'] = $lVGRk$getItemCount(state.collection);
|
|
316
316
|
}
|
|
317
317
|
let onKeyDown = (e)=>{
|
|
318
318
|
// Ignore repeating events, which may have started on the menu trigger before moving
|
|
@@ -336,24 +336,24 @@ function $f9449620c639d150$export$9d32628fc2aea7da(props, state, ref) {
|
|
|
336
336
|
if (onAction) onAction(key);
|
|
337
337
|
// Pressing a menu item should close by default in single selection mode but not multiple
|
|
338
338
|
// selection mode, except if overridden by the closeOnSelect prop.
|
|
339
|
-
if (onClose && (closeOnSelect
|
|
339
|
+
if (onClose && (closeOnSelect !== null && closeOnSelect !== void 0 ? closeOnSelect : state.selectionManager.selectionMode !== 'multiple')) onClose();
|
|
340
340
|
}
|
|
341
341
|
};
|
|
342
|
-
let { itemProps: itemProps } = $
|
|
342
|
+
let { itemProps: itemProps } = $lVGRk$useSelectableItem({
|
|
343
343
|
selectionManager: state.selectionManager,
|
|
344
344
|
key: key,
|
|
345
345
|
ref: ref,
|
|
346
346
|
shouldSelectOnPressUp: true
|
|
347
347
|
});
|
|
348
|
-
let { pressProps: pressProps } = $
|
|
348
|
+
let { pressProps: pressProps } = $lVGRk$usePress({
|
|
349
349
|
onPressStart: onPressStart,
|
|
350
350
|
onPressUp: onPressUp,
|
|
351
351
|
isDisabled: isDisabled
|
|
352
352
|
});
|
|
353
|
-
let { hoverProps: hoverProps } = $
|
|
353
|
+
let { hoverProps: hoverProps } = $lVGRk$useHover({
|
|
354
354
|
isDisabled: isDisabled,
|
|
355
355
|
onHoverStart () {
|
|
356
|
-
if (!$
|
|
356
|
+
if (!$lVGRk$isFocusVisible()) {
|
|
357
357
|
state.selectionManager.setFocused(true);
|
|
358
358
|
state.selectionManager.setFocusedKey(key);
|
|
359
359
|
}
|
|
@@ -362,7 +362,7 @@ function $f9449620c639d150$export$9d32628fc2aea7da(props, state, ref) {
|
|
|
362
362
|
return {
|
|
363
363
|
menuItemProps: {
|
|
364
364
|
...ariaProps,
|
|
365
|
-
...$
|
|
365
|
+
...$lVGRk$mergeProps(itemProps, pressProps, hoverProps, {
|
|
366
366
|
onKeyDown: onKeyDown
|
|
367
367
|
})
|
|
368
368
|
},
|
|
@@ -379,13 +379,13 @@ function $f9449620c639d150$export$9d32628fc2aea7da(props, state, ref) {
|
|
|
379
379
|
}
|
|
380
380
|
|
|
381
381
|
|
|
382
|
-
var $
|
|
382
|
+
var $2e6444d9033828ce$exports = {};
|
|
383
383
|
|
|
384
|
-
$parcel$export($
|
|
384
|
+
$parcel$export($2e6444d9033828ce$exports, "useMenuSection", () => $2e6444d9033828ce$export$73f7a44322579622);
|
|
385
385
|
|
|
386
|
-
function $
|
|
386
|
+
function $2e6444d9033828ce$export$73f7a44322579622(props) {
|
|
387
387
|
let { heading: heading , 'aria-label': ariaLabel } = props;
|
|
388
|
-
let headingId = $
|
|
388
|
+
let headingId = $lVGRk$useId();
|
|
389
389
|
return {
|
|
390
390
|
itemProps: {
|
|
391
391
|
role: 'presentation'
|
|
@@ -409,5 +409,5 @@ function $eb7748cf1d7e6885$export$73f7a44322579622(props) {
|
|
|
409
409
|
|
|
410
410
|
|
|
411
411
|
|
|
412
|
-
export {$
|
|
412
|
+
export {$235cea8b956832d5$export$dc9c12ed27dd1b49 as useMenuTrigger, $9e81e1e13d86f3bd$export$38eaa17faae8f579 as useMenu, $c5d816999d2ff723$export$9d32628fc2aea7da as useMenuItem, $2e6444d9033828ce$export$73f7a44322579622 as useMenuSection};
|
|
413
413
|
//# sourceMappingURL=module.js.map
|