@react-aria/tag 3.0.0-alpha.1 → 3.0.0-alpha.2
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 +133 -133
- package/dist/module.js +131 -131
- package/package.json +3 -3
package/dist/main.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
var $
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
4
|
-
var $
|
|
5
|
-
var $
|
|
1
|
+
var $bSzeT$reactariagrid = require("@react-aria/grid");
|
|
2
|
+
var $bSzeT$reactariautils = require("@react-aria/utils");
|
|
3
|
+
var $bSzeT$reactariai18n = require("@react-aria/i18n");
|
|
4
|
+
var $bSzeT$react = require("react");
|
|
5
|
+
var $bSzeT$reactariainteractions = require("@react-aria/interactions");
|
|
6
6
|
|
|
7
7
|
function $parcel$exportWildcard(dest, source) {
|
|
8
8
|
Object.keys(source).forEach(function(key) {
|
|
@@ -26,11 +26,11 @@ function $parcel$export(e, n, v, s) {
|
|
|
26
26
|
function $parcel$interopDefault(a) {
|
|
27
27
|
return a && a.__esModule ? a.default : a;
|
|
28
28
|
}
|
|
29
|
-
var $
|
|
29
|
+
var $d3d7c73f2e3f4edb$exports = {};
|
|
30
30
|
|
|
31
|
-
$parcel$export($
|
|
31
|
+
$parcel$export($d3d7c73f2e3f4edb$exports, "TagKeyboardDelegate", () => $d3d7c73f2e3f4edb$export$b00754732e683b92);
|
|
32
32
|
|
|
33
|
-
class $
|
|
33
|
+
class $d3d7c73f2e3f4edb$export$b00754732e683b92 extends $bSzeT$reactariagrid.GridKeyboardDelegate {
|
|
34
34
|
getKeyRightOf(key) {
|
|
35
35
|
return this.direction === 'rtl' ? this.getKeyAbove(key) : this.getKeyBelow(key);
|
|
36
36
|
}
|
|
@@ -84,201 +84,201 @@ class $9949860e867a4f6e$export$b00754732e683b92 extends $fbMcw$reactariagrid.Gri
|
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
|
|
87
|
-
var $
|
|
87
|
+
var $a442534c81d8ad16$exports = {};
|
|
88
88
|
|
|
89
|
-
$parcel$export($
|
|
89
|
+
$parcel$export($a442534c81d8ad16$exports, "useTag", () => $a442534c81d8ad16$export$3f568fff7dff2f03);
|
|
90
90
|
|
|
91
|
-
var $
|
|
92
|
-
var $
|
|
93
|
-
$
|
|
91
|
+
var $29abb9209b62cd49$exports = {};
|
|
92
|
+
var $6a4ddf1abe55d42a$exports = {};
|
|
93
|
+
$6a4ddf1abe55d42a$exports = JSON.parse("{\"remove\":\"إزالة\"}");
|
|
94
94
|
|
|
95
95
|
|
|
96
|
-
var $
|
|
97
|
-
$
|
|
96
|
+
var $1bdc82b10375b4a8$exports = {};
|
|
97
|
+
$1bdc82b10375b4a8$exports = JSON.parse("{\"remove\":\"Премахване\"}");
|
|
98
98
|
|
|
99
99
|
|
|
100
|
-
var $
|
|
101
|
-
$
|
|
100
|
+
var $e3fdf009dfe14bbc$exports = {};
|
|
101
|
+
$e3fdf009dfe14bbc$exports = JSON.parse("{\"remove\":\"Odebrat\"}");
|
|
102
102
|
|
|
103
103
|
|
|
104
|
-
var $
|
|
105
|
-
$
|
|
104
|
+
var $8e3a8efadaa261b3$exports = {};
|
|
105
|
+
$8e3a8efadaa261b3$exports = JSON.parse("{\"remove\":\"Fjern\"}");
|
|
106
106
|
|
|
107
107
|
|
|
108
|
-
var $
|
|
109
|
-
$
|
|
108
|
+
var $405462110cf9cc8d$exports = {};
|
|
109
|
+
$405462110cf9cc8d$exports = JSON.parse("{\"remove\":\"Entfernen\"}");
|
|
110
110
|
|
|
111
111
|
|
|
112
|
-
var $
|
|
113
|
-
$
|
|
112
|
+
var $9ec4c01646bfc149$exports = {};
|
|
113
|
+
$9ec4c01646bfc149$exports = JSON.parse("{\"remove\":\"Κατάργηση\"}");
|
|
114
114
|
|
|
115
115
|
|
|
116
|
-
var $
|
|
117
|
-
$
|
|
116
|
+
var $0b797b6d677cd5c7$exports = {};
|
|
117
|
+
$0b797b6d677cd5c7$exports = JSON.parse("{\"remove\":\"Remove\"}");
|
|
118
118
|
|
|
119
119
|
|
|
120
|
-
var $
|
|
121
|
-
$
|
|
120
|
+
var $bacdb4955d86e000$exports = {};
|
|
121
|
+
$bacdb4955d86e000$exports = JSON.parse("{\"remove\":\"Quitar\"}");
|
|
122
122
|
|
|
123
123
|
|
|
124
|
-
var $
|
|
125
|
-
$
|
|
124
|
+
var $28e6b3e2003cb89e$exports = {};
|
|
125
|
+
$28e6b3e2003cb89e$exports = JSON.parse("{\"remove\":\"Eemalda\"}");
|
|
126
126
|
|
|
127
127
|
|
|
128
|
-
var $
|
|
129
|
-
$
|
|
128
|
+
var $080ec9a9a4197fc3$exports = {};
|
|
129
|
+
$080ec9a9a4197fc3$exports = JSON.parse("{\"remove\":\"Poista\"}");
|
|
130
130
|
|
|
131
131
|
|
|
132
|
-
var $
|
|
133
|
-
$
|
|
132
|
+
var $d186548cad5da12b$exports = {};
|
|
133
|
+
$d186548cad5da12b$exports = JSON.parse("{\"remove\":\"Supprimer\"}");
|
|
134
134
|
|
|
135
135
|
|
|
136
|
-
var $
|
|
137
|
-
$
|
|
136
|
+
var $58694cb16d86dce9$exports = {};
|
|
137
|
+
$58694cb16d86dce9$exports = JSON.parse("{\"remove\":\"הסר\"}");
|
|
138
138
|
|
|
139
139
|
|
|
140
|
-
var $
|
|
141
|
-
$
|
|
140
|
+
var $3622620b71bc3eed$exports = {};
|
|
141
|
+
$3622620b71bc3eed$exports = JSON.parse("{\"remove\":\"Ukloni\"}");
|
|
142
142
|
|
|
143
143
|
|
|
144
|
-
var $
|
|
145
|
-
$
|
|
144
|
+
var $25f88eb7a72b76e1$exports = {};
|
|
145
|
+
$25f88eb7a72b76e1$exports = JSON.parse("{\"remove\":\"Eltávolítás\"}");
|
|
146
146
|
|
|
147
147
|
|
|
148
|
-
var $
|
|
149
|
-
$
|
|
148
|
+
var $ac7f4b0e2cb68452$exports = {};
|
|
149
|
+
$ac7f4b0e2cb68452$exports = JSON.parse("{\"remove\":\"Rimuovi\"}");
|
|
150
150
|
|
|
151
151
|
|
|
152
|
-
var $
|
|
153
|
-
$
|
|
152
|
+
var $eb1a168dda0e2196$exports = {};
|
|
153
|
+
$eb1a168dda0e2196$exports = JSON.parse("{\"remove\":\"削除\"}");
|
|
154
154
|
|
|
155
155
|
|
|
156
|
-
var $
|
|
157
|
-
$
|
|
156
|
+
var $eee5df414cc6e698$exports = {};
|
|
157
|
+
$eee5df414cc6e698$exports = JSON.parse("{\"remove\":\"제거\"}");
|
|
158
158
|
|
|
159
159
|
|
|
160
|
-
var $
|
|
161
|
-
$
|
|
160
|
+
var $89b3b12fbd9b247d$exports = {};
|
|
161
|
+
$89b3b12fbd9b247d$exports = JSON.parse("{\"remove\":\"Pašalinti\"}");
|
|
162
162
|
|
|
163
163
|
|
|
164
|
-
var $
|
|
165
|
-
$
|
|
164
|
+
var $1919b5d1d79b472a$exports = {};
|
|
165
|
+
$1919b5d1d79b472a$exports = JSON.parse("{\"remove\":\"Noņemt\"}");
|
|
166
166
|
|
|
167
167
|
|
|
168
|
-
var $
|
|
169
|
-
$
|
|
168
|
+
var $19c1a9b6c040fcbd$exports = {};
|
|
169
|
+
$19c1a9b6c040fcbd$exports = JSON.parse("{\"remove\":\"Fjern\"}");
|
|
170
170
|
|
|
171
171
|
|
|
172
|
-
var $
|
|
173
|
-
$
|
|
172
|
+
var $be2ec555d5f5fd09$exports = {};
|
|
173
|
+
$be2ec555d5f5fd09$exports = JSON.parse("{\"remove\":\"Verwijderen\"}");
|
|
174
174
|
|
|
175
175
|
|
|
176
|
-
var $
|
|
177
|
-
$
|
|
176
|
+
var $949a33b7200b0e13$exports = {};
|
|
177
|
+
$949a33b7200b0e13$exports = JSON.parse("{\"remove\":\"Usuń\"}");
|
|
178
178
|
|
|
179
179
|
|
|
180
|
-
var $
|
|
181
|
-
$
|
|
180
|
+
var $ae5f6174df72ed0e$exports = {};
|
|
181
|
+
$ae5f6174df72ed0e$exports = JSON.parse("{\"remove\":\"Remover\"}");
|
|
182
182
|
|
|
183
183
|
|
|
184
|
-
var $
|
|
185
|
-
$
|
|
184
|
+
var $f93b2eb3a2267af4$exports = {};
|
|
185
|
+
$f93b2eb3a2267af4$exports = JSON.parse("{\"remove\":\"Eliminar\"}");
|
|
186
186
|
|
|
187
187
|
|
|
188
|
-
var $
|
|
189
|
-
$
|
|
188
|
+
var $0986e262b15bfc91$exports = {};
|
|
189
|
+
$0986e262b15bfc91$exports = JSON.parse("{\"remove\":\"Îndepărtaţi\"}");
|
|
190
190
|
|
|
191
191
|
|
|
192
|
-
var $
|
|
193
|
-
$
|
|
192
|
+
var $1fc455c3f981c785$exports = {};
|
|
193
|
+
$1fc455c3f981c785$exports = JSON.parse("{\"remove\":\"Удалить\"}");
|
|
194
194
|
|
|
195
195
|
|
|
196
|
-
var $
|
|
197
|
-
$
|
|
196
|
+
var $93e0f346215d9446$exports = {};
|
|
197
|
+
$93e0f346215d9446$exports = JSON.parse("{\"remove\":\"Odstrániť\"}");
|
|
198
198
|
|
|
199
199
|
|
|
200
|
-
var $
|
|
201
|
-
$
|
|
200
|
+
var $fef8a51090f12761$exports = {};
|
|
201
|
+
$fef8a51090f12761$exports = JSON.parse("{\"remove\":\"Odstrani\"}");
|
|
202
202
|
|
|
203
203
|
|
|
204
|
-
var $
|
|
205
|
-
$
|
|
204
|
+
var $04502b7a450fc878$exports = {};
|
|
205
|
+
$04502b7a450fc878$exports = JSON.parse("{\"remove\":\"Ukloni\"}");
|
|
206
206
|
|
|
207
207
|
|
|
208
|
-
var $
|
|
209
|
-
$
|
|
208
|
+
var $95460d4e4c3e3778$exports = {};
|
|
209
|
+
$95460d4e4c3e3778$exports = JSON.parse("{\"remove\":\"Ta bort\"}");
|
|
210
210
|
|
|
211
211
|
|
|
212
|
-
var $
|
|
213
|
-
$
|
|
212
|
+
var $818e5758c72a695c$exports = {};
|
|
213
|
+
$818e5758c72a695c$exports = JSON.parse("{\"remove\":\"Kaldır\"}");
|
|
214
214
|
|
|
215
215
|
|
|
216
|
-
var $
|
|
217
|
-
$
|
|
216
|
+
var $5c17d07165fb1742$exports = {};
|
|
217
|
+
$5c17d07165fb1742$exports = JSON.parse("{\"remove\":\"Видалити\"}");
|
|
218
218
|
|
|
219
219
|
|
|
220
|
-
var $
|
|
221
|
-
$
|
|
220
|
+
var $c6666cc31aa025e0$exports = {};
|
|
221
|
+
$c6666cc31aa025e0$exports = JSON.parse("{\"remove\":\"删除\"}");
|
|
222
222
|
|
|
223
223
|
|
|
224
|
-
var $
|
|
225
|
-
$
|
|
224
|
+
var $a34b8398aee73e0f$exports = {};
|
|
225
|
+
$a34b8398aee73e0f$exports = JSON.parse("{\"remove\":\"移除\"}");
|
|
226
226
|
|
|
227
227
|
|
|
228
|
-
$
|
|
229
|
-
"ar-AE": $
|
|
230
|
-
"bg-BG": $
|
|
231
|
-
"cs-CZ": $
|
|
232
|
-
"da-DK": $
|
|
233
|
-
"de-DE": $
|
|
234
|
-
"el-GR": $
|
|
235
|
-
"en-US": $
|
|
236
|
-
"es-ES": $
|
|
237
|
-
"et-EE": $
|
|
238
|
-
"fi-FI": $
|
|
239
|
-
"fr-FR": $
|
|
240
|
-
"he-IL": $
|
|
241
|
-
"hr-HR": $
|
|
242
|
-
"hu-HU": $
|
|
243
|
-
"it-IT": $
|
|
244
|
-
"ja-JP": $
|
|
245
|
-
"ko-KR": $
|
|
246
|
-
"lt-LT": $
|
|
247
|
-
"lv-LV": $
|
|
248
|
-
"nb-NO": $
|
|
249
|
-
"nl-NL": $
|
|
250
|
-
"pl-PL": $
|
|
251
|
-
"pt-BR": $
|
|
252
|
-
"pt-PT": $
|
|
253
|
-
"ro-RO": $
|
|
254
|
-
"ru-RU": $
|
|
255
|
-
"sk-SK": $
|
|
256
|
-
"sl-SI": $
|
|
257
|
-
"sr-SP": $
|
|
258
|
-
"sv-SE": $
|
|
259
|
-
"tr-TR": $
|
|
260
|
-
"uk-UA": $
|
|
261
|
-
"zh-CN": $
|
|
262
|
-
"zh-TW": $
|
|
228
|
+
$29abb9209b62cd49$exports = {
|
|
229
|
+
"ar-AE": $6a4ddf1abe55d42a$exports,
|
|
230
|
+
"bg-BG": $1bdc82b10375b4a8$exports,
|
|
231
|
+
"cs-CZ": $e3fdf009dfe14bbc$exports,
|
|
232
|
+
"da-DK": $8e3a8efadaa261b3$exports,
|
|
233
|
+
"de-DE": $405462110cf9cc8d$exports,
|
|
234
|
+
"el-GR": $9ec4c01646bfc149$exports,
|
|
235
|
+
"en-US": $0b797b6d677cd5c7$exports,
|
|
236
|
+
"es-ES": $bacdb4955d86e000$exports,
|
|
237
|
+
"et-EE": $28e6b3e2003cb89e$exports,
|
|
238
|
+
"fi-FI": $080ec9a9a4197fc3$exports,
|
|
239
|
+
"fr-FR": $d186548cad5da12b$exports,
|
|
240
|
+
"he-IL": $58694cb16d86dce9$exports,
|
|
241
|
+
"hr-HR": $3622620b71bc3eed$exports,
|
|
242
|
+
"hu-HU": $25f88eb7a72b76e1$exports,
|
|
243
|
+
"it-IT": $ac7f4b0e2cb68452$exports,
|
|
244
|
+
"ja-JP": $eb1a168dda0e2196$exports,
|
|
245
|
+
"ko-KR": $eee5df414cc6e698$exports,
|
|
246
|
+
"lt-LT": $89b3b12fbd9b247d$exports,
|
|
247
|
+
"lv-LV": $1919b5d1d79b472a$exports,
|
|
248
|
+
"nb-NO": $19c1a9b6c040fcbd$exports,
|
|
249
|
+
"nl-NL": $be2ec555d5f5fd09$exports,
|
|
250
|
+
"pl-PL": $949a33b7200b0e13$exports,
|
|
251
|
+
"pt-BR": $ae5f6174df72ed0e$exports,
|
|
252
|
+
"pt-PT": $f93b2eb3a2267af4$exports,
|
|
253
|
+
"ro-RO": $0986e262b15bfc91$exports,
|
|
254
|
+
"ru-RU": $1fc455c3f981c785$exports,
|
|
255
|
+
"sk-SK": $93e0f346215d9446$exports,
|
|
256
|
+
"sl-SI": $fef8a51090f12761$exports,
|
|
257
|
+
"sr-SP": $04502b7a450fc878$exports,
|
|
258
|
+
"sv-SE": $95460d4e4c3e3778$exports,
|
|
259
|
+
"tr-TR": $818e5758c72a695c$exports,
|
|
260
|
+
"uk-UA": $5c17d07165fb1742$exports,
|
|
261
|
+
"zh-CN": $c6666cc31aa025e0$exports,
|
|
262
|
+
"zh-TW": $a34b8398aee73e0f$exports
|
|
263
263
|
};
|
|
264
264
|
|
|
265
265
|
|
|
266
266
|
|
|
267
267
|
|
|
268
|
-
function $
|
|
268
|
+
function $a442534c81d8ad16$export$3f568fff7dff2f03(props, state) {
|
|
269
269
|
let { isFocused: isFocused } = props;
|
|
270
270
|
const { isDisabled: isDisabled , isRemovable: isRemovable , onRemove: onRemove , children: children , item: item , tagRef: tagRef , tagRowRef: tagRowRef } = props;
|
|
271
|
-
const formatMessage = $
|
|
271
|
+
const formatMessage = $bSzeT$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($29abb9209b62cd49$exports)));
|
|
272
272
|
const removeString = formatMessage('remove');
|
|
273
|
-
const labelId = $
|
|
274
|
-
const buttonId = $
|
|
275
|
-
let { rowProps: rowProps } = $
|
|
273
|
+
const labelId = $bSzeT$reactariautils.useId();
|
|
274
|
+
const buttonId = $bSzeT$reactariautils.useId();
|
|
275
|
+
let { rowProps: rowProps } = $bSzeT$reactariagrid.useGridRow({
|
|
276
276
|
node: item
|
|
277
277
|
}, state, tagRowRef);
|
|
278
278
|
// Don't want the row to be focusable or accessible via keyboard
|
|
279
279
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
280
280
|
let { tabIndex: tabIndex , ...otherRowProps } = rowProps;
|
|
281
|
-
let { gridCellProps: gridCellProps } = $
|
|
281
|
+
let { gridCellProps: gridCellProps } = $bSzeT$reactariagrid.useGridCell({
|
|
282
282
|
node: [
|
|
283
283
|
...item.childNodes
|
|
284
284
|
][0],
|
|
@@ -296,9 +296,9 @@ function $7e6365ae3faa3ee9$export$3f568fff7dff2f03(props, state) {
|
|
|
296
296
|
}
|
|
297
297
|
};
|
|
298
298
|
isFocused = isFocused || state.selectionManager.focusedKey === item.childNodes[0].key;
|
|
299
|
-
let domProps = $
|
|
299
|
+
let domProps = $bSzeT$reactariautils.filterDOMProps(props);
|
|
300
300
|
return {
|
|
301
|
-
clearButtonProps: $
|
|
301
|
+
clearButtonProps: $bSzeT$reactariautils.mergeProps(pressProps, {
|
|
302
302
|
'aria-label': removeString,
|
|
303
303
|
'aria-labelledby': `${buttonId} ${labelId}`,
|
|
304
304
|
id: buttonId,
|
|
@@ -308,7 +308,7 @@ function $7e6365ae3faa3ee9$export$3f568fff7dff2f03(props, state) {
|
|
|
308
308
|
id: labelId
|
|
309
309
|
},
|
|
310
310
|
tagRowProps: otherRowProps,
|
|
311
|
-
tagProps: $
|
|
311
|
+
tagProps: $bSzeT$reactariautils.mergeProps(domProps, gridCellProps, {
|
|
312
312
|
'aria-disabled': isDisabled,
|
|
313
313
|
'aria-errormessage': props['aria-errormessage'],
|
|
314
314
|
'aria-label': props['aria-label'],
|
|
@@ -323,16 +323,16 @@ function $7e6365ae3faa3ee9$export$3f568fff7dff2f03(props, state) {
|
|
|
323
323
|
}
|
|
324
324
|
|
|
325
325
|
|
|
326
|
-
var $
|
|
326
|
+
var $09704b0efefe5140$exports = {};
|
|
327
327
|
|
|
328
|
-
$parcel$export($
|
|
328
|
+
$parcel$export($09704b0efefe5140$exports, "useTagGroup", () => $09704b0efefe5140$export$4f8b5cda58b7e8ff);
|
|
329
329
|
|
|
330
330
|
|
|
331
331
|
|
|
332
|
-
function $
|
|
332
|
+
function $09704b0efefe5140$export$4f8b5cda58b7e8ff(props, listState) {
|
|
333
333
|
let { isDisabled: isDisabled } = props;
|
|
334
|
-
let [isFocusWithin, setFocusWithin] = $
|
|
335
|
-
let { focusWithinProps: focusWithinProps } = $
|
|
334
|
+
let [isFocusWithin, setFocusWithin] = $bSzeT$react.useState(false);
|
|
335
|
+
let { focusWithinProps: focusWithinProps } = $bSzeT$reactariainteractions.useFocusWithin({
|
|
336
336
|
onFocusWithinChange: setFocusWithin
|
|
337
337
|
});
|
|
338
338
|
let allKeys = [
|
|
@@ -340,9 +340,9 @@ function $0bed33a3a01edef1$export$4f8b5cda58b7e8ff(props, listState) {
|
|
|
340
340
|
];
|
|
341
341
|
if (!allKeys.some((key)=>!listState.disabledKeys.has(key)
|
|
342
342
|
)) isDisabled = true;
|
|
343
|
-
let domProps = $
|
|
343
|
+
let domProps = $bSzeT$reactariautils.filterDOMProps(props);
|
|
344
344
|
return {
|
|
345
|
-
tagGroupProps: $
|
|
345
|
+
tagGroupProps: $bSzeT$reactariautils.mergeProps(domProps, {
|
|
346
346
|
'aria-atomic': false,
|
|
347
347
|
'aria-relevant': 'additions',
|
|
348
348
|
'aria-live': isFocusWithin ? 'polite' : 'off',
|
|
@@ -353,9 +353,9 @@ function $0bed33a3a01edef1$export$4f8b5cda58b7e8ff(props, listState) {
|
|
|
353
353
|
}
|
|
354
354
|
|
|
355
355
|
|
|
356
|
-
$parcel$exportWildcard(module.exports, $
|
|
357
|
-
$parcel$exportWildcard(module.exports, $
|
|
358
|
-
$parcel$exportWildcard(module.exports, $
|
|
356
|
+
$parcel$exportWildcard(module.exports, $d3d7c73f2e3f4edb$exports);
|
|
357
|
+
$parcel$exportWildcard(module.exports, $a442534c81d8ad16$exports);
|
|
358
|
+
$parcel$exportWildcard(module.exports, $09704b0efefe5140$exports);
|
|
359
359
|
|
|
360
360
|
|
|
361
361
|
//# sourceMappingURL=main.js.map
|
package/dist/module.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {GridKeyboardDelegate as $
|
|
2
|
-
import {useId as $
|
|
3
|
-
import {useMessageFormatter as $
|
|
4
|
-
import {useState as $
|
|
5
|
-
import {useFocusWithin as $
|
|
1
|
+
import {GridKeyboardDelegate as $aIvin$GridKeyboardDelegate, useGridRow as $aIvin$useGridRow, useGridCell as $aIvin$useGridCell} from "@react-aria/grid";
|
|
2
|
+
import {useId as $aIvin$useId, filterDOMProps as $aIvin$filterDOMProps, mergeProps as $aIvin$mergeProps} from "@react-aria/utils";
|
|
3
|
+
import {useMessageFormatter as $aIvin$useMessageFormatter} from "@react-aria/i18n";
|
|
4
|
+
import {useState as $aIvin$useState} from "react";
|
|
5
|
+
import {useFocusWithin as $aIvin$useFocusWithin} 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});
|
|
@@ -10,11 +10,11 @@ function $parcel$export(e, n, v, s) {
|
|
|
10
10
|
function $parcel$interopDefault(a) {
|
|
11
11
|
return a && a.__esModule ? a.default : a;
|
|
12
12
|
}
|
|
13
|
-
var $
|
|
13
|
+
var $542448901dbd2c36$exports = {};
|
|
14
14
|
|
|
15
|
-
$parcel$export($
|
|
15
|
+
$parcel$export($542448901dbd2c36$exports, "TagKeyboardDelegate", () => $542448901dbd2c36$export$b00754732e683b92);
|
|
16
16
|
|
|
17
|
-
class $
|
|
17
|
+
class $542448901dbd2c36$export$b00754732e683b92 extends $aIvin$GridKeyboardDelegate {
|
|
18
18
|
getKeyRightOf(key) {
|
|
19
19
|
return this.direction === 'rtl' ? this.getKeyAbove(key) : this.getKeyBelow(key);
|
|
20
20
|
}
|
|
@@ -68,201 +68,201 @@ class $49a8b54c6d106eb7$export$b00754732e683b92 extends $jwmN4$GridKeyboardDeleg
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
|
|
71
|
-
var $
|
|
71
|
+
var $fc6126c82a4601f1$exports = {};
|
|
72
72
|
|
|
73
|
-
$parcel$export($
|
|
73
|
+
$parcel$export($fc6126c82a4601f1$exports, "useTag", () => $fc6126c82a4601f1$export$3f568fff7dff2f03);
|
|
74
74
|
|
|
75
|
-
var $
|
|
76
|
-
var $
|
|
77
|
-
$
|
|
75
|
+
var $4d1b62e0e67c00a4$exports = {};
|
|
76
|
+
var $84925f526f90eebd$exports = {};
|
|
77
|
+
$84925f526f90eebd$exports = JSON.parse("{\"remove\":\"إزالة\"}");
|
|
78
78
|
|
|
79
79
|
|
|
80
|
-
var $
|
|
81
|
-
$
|
|
80
|
+
var $c0650163dc1b6f9d$exports = {};
|
|
81
|
+
$c0650163dc1b6f9d$exports = JSON.parse("{\"remove\":\"Премахване\"}");
|
|
82
82
|
|
|
83
83
|
|
|
84
|
-
var $
|
|
85
|
-
$
|
|
84
|
+
var $b2b55661291de587$exports = {};
|
|
85
|
+
$b2b55661291de587$exports = JSON.parse("{\"remove\":\"Odebrat\"}");
|
|
86
86
|
|
|
87
87
|
|
|
88
|
-
var $
|
|
89
|
-
$
|
|
88
|
+
var $deb83970956f6d5b$exports = {};
|
|
89
|
+
$deb83970956f6d5b$exports = JSON.parse("{\"remove\":\"Fjern\"}");
|
|
90
90
|
|
|
91
91
|
|
|
92
|
-
var $
|
|
93
|
-
$
|
|
92
|
+
var $aea1cb4c7ec97e1c$exports = {};
|
|
93
|
+
$aea1cb4c7ec97e1c$exports = JSON.parse("{\"remove\":\"Entfernen\"}");
|
|
94
94
|
|
|
95
95
|
|
|
96
|
-
var $
|
|
97
|
-
$
|
|
96
|
+
var $3618d917e503a8d3$exports = {};
|
|
97
|
+
$3618d917e503a8d3$exports = JSON.parse("{\"remove\":\"Κατάργηση\"}");
|
|
98
98
|
|
|
99
99
|
|
|
100
|
-
var $
|
|
101
|
-
$
|
|
100
|
+
var $9eb56bbbe8e31294$exports = {};
|
|
101
|
+
$9eb56bbbe8e31294$exports = JSON.parse("{\"remove\":\"Remove\"}");
|
|
102
102
|
|
|
103
103
|
|
|
104
|
-
var $
|
|
105
|
-
$
|
|
104
|
+
var $361c604b0fc269a3$exports = {};
|
|
105
|
+
$361c604b0fc269a3$exports = JSON.parse("{\"remove\":\"Quitar\"}");
|
|
106
106
|
|
|
107
107
|
|
|
108
|
-
var $
|
|
109
|
-
$
|
|
108
|
+
var $2f00170f4ee3ca01$exports = {};
|
|
109
|
+
$2f00170f4ee3ca01$exports = JSON.parse("{\"remove\":\"Eemalda\"}");
|
|
110
110
|
|
|
111
111
|
|
|
112
|
-
var $
|
|
113
|
-
$
|
|
112
|
+
var $80ee16b64fab9fb5$exports = {};
|
|
113
|
+
$80ee16b64fab9fb5$exports = JSON.parse("{\"remove\":\"Poista\"}");
|
|
114
114
|
|
|
115
115
|
|
|
116
|
-
var $
|
|
117
|
-
$
|
|
116
|
+
var $be9d354476c08087$exports = {};
|
|
117
|
+
$be9d354476c08087$exports = JSON.parse("{\"remove\":\"Supprimer\"}");
|
|
118
118
|
|
|
119
119
|
|
|
120
|
-
var $
|
|
121
|
-
$
|
|
120
|
+
var $ffeb903ba092eb35$exports = {};
|
|
121
|
+
$ffeb903ba092eb35$exports = JSON.parse("{\"remove\":\"הסר\"}");
|
|
122
122
|
|
|
123
123
|
|
|
124
|
-
var $
|
|
125
|
-
$
|
|
124
|
+
var $1df6722c6f19728b$exports = {};
|
|
125
|
+
$1df6722c6f19728b$exports = JSON.parse("{\"remove\":\"Ukloni\"}");
|
|
126
126
|
|
|
127
127
|
|
|
128
|
-
var $
|
|
129
|
-
$
|
|
128
|
+
var $093d57e325bc9071$exports = {};
|
|
129
|
+
$093d57e325bc9071$exports = JSON.parse("{\"remove\":\"Eltávolítás\"}");
|
|
130
130
|
|
|
131
131
|
|
|
132
|
-
var $
|
|
133
|
-
$
|
|
132
|
+
var $609dbdfbcad85bdb$exports = {};
|
|
133
|
+
$609dbdfbcad85bdb$exports = JSON.parse("{\"remove\":\"Rimuovi\"}");
|
|
134
134
|
|
|
135
135
|
|
|
136
|
-
var $
|
|
137
|
-
$
|
|
136
|
+
var $c08e84f882644048$exports = {};
|
|
137
|
+
$c08e84f882644048$exports = JSON.parse("{\"remove\":\"削除\"}");
|
|
138
138
|
|
|
139
139
|
|
|
140
|
-
var $
|
|
141
|
-
$
|
|
140
|
+
var $5cd130489822fa21$exports = {};
|
|
141
|
+
$5cd130489822fa21$exports = JSON.parse("{\"remove\":\"제거\"}");
|
|
142
142
|
|
|
143
143
|
|
|
144
|
-
var $
|
|
145
|
-
$
|
|
144
|
+
var $ab5183739b6c5e7e$exports = {};
|
|
145
|
+
$ab5183739b6c5e7e$exports = JSON.parse("{\"remove\":\"Pašalinti\"}");
|
|
146
146
|
|
|
147
147
|
|
|
148
|
-
var $
|
|
149
|
-
$
|
|
148
|
+
var $dd84a0b574be3f23$exports = {};
|
|
149
|
+
$dd84a0b574be3f23$exports = JSON.parse("{\"remove\":\"Noņemt\"}");
|
|
150
150
|
|
|
151
151
|
|
|
152
|
-
var $
|
|
153
|
-
$
|
|
152
|
+
var $85eee97d14eef7b5$exports = {};
|
|
153
|
+
$85eee97d14eef7b5$exports = JSON.parse("{\"remove\":\"Fjern\"}");
|
|
154
154
|
|
|
155
155
|
|
|
156
|
-
var $
|
|
157
|
-
$
|
|
156
|
+
var $18781839f93b0314$exports = {};
|
|
157
|
+
$18781839f93b0314$exports = JSON.parse("{\"remove\":\"Verwijderen\"}");
|
|
158
158
|
|
|
159
159
|
|
|
160
|
-
var $
|
|
161
|
-
$
|
|
160
|
+
var $1c40ffbbfe9f3bda$exports = {};
|
|
161
|
+
$1c40ffbbfe9f3bda$exports = JSON.parse("{\"remove\":\"Usuń\"}");
|
|
162
162
|
|
|
163
163
|
|
|
164
|
-
var $
|
|
165
|
-
$
|
|
164
|
+
var $156880e329b1c717$exports = {};
|
|
165
|
+
$156880e329b1c717$exports = JSON.parse("{\"remove\":\"Remover\"}");
|
|
166
166
|
|
|
167
167
|
|
|
168
|
-
var $
|
|
169
|
-
$
|
|
168
|
+
var $b6d50b1d20768ce4$exports = {};
|
|
169
|
+
$b6d50b1d20768ce4$exports = JSON.parse("{\"remove\":\"Eliminar\"}");
|
|
170
170
|
|
|
171
171
|
|
|
172
|
-
var $
|
|
173
|
-
$
|
|
172
|
+
var $d8c38c691b006187$exports = {};
|
|
173
|
+
$d8c38c691b006187$exports = JSON.parse("{\"remove\":\"Îndepărtaţi\"}");
|
|
174
174
|
|
|
175
175
|
|
|
176
|
-
var $
|
|
177
|
-
$
|
|
176
|
+
var $ed9b4bf7ce1fb1d7$exports = {};
|
|
177
|
+
$ed9b4bf7ce1fb1d7$exports = JSON.parse("{\"remove\":\"Удалить\"}");
|
|
178
178
|
|
|
179
179
|
|
|
180
|
-
var $
|
|
181
|
-
$
|
|
180
|
+
var $51d8721afda4d678$exports = {};
|
|
181
|
+
$51d8721afda4d678$exports = JSON.parse("{\"remove\":\"Odstrániť\"}");
|
|
182
182
|
|
|
183
183
|
|
|
184
|
-
var $
|
|
185
|
-
$
|
|
184
|
+
var $fd37a27baae493e8$exports = {};
|
|
185
|
+
$fd37a27baae493e8$exports = JSON.parse("{\"remove\":\"Odstrani\"}");
|
|
186
186
|
|
|
187
187
|
|
|
188
|
-
var $
|
|
189
|
-
$
|
|
188
|
+
var $5505a1ca71ffd6f4$exports = {};
|
|
189
|
+
$5505a1ca71ffd6f4$exports = JSON.parse("{\"remove\":\"Ukloni\"}");
|
|
190
190
|
|
|
191
191
|
|
|
192
|
-
var $
|
|
193
|
-
$
|
|
192
|
+
var $33670e148c84ad02$exports = {};
|
|
193
|
+
$33670e148c84ad02$exports = JSON.parse("{\"remove\":\"Ta bort\"}");
|
|
194
194
|
|
|
195
195
|
|
|
196
|
-
var $
|
|
197
|
-
$
|
|
196
|
+
var $0bf46fdcdd7cb5f6$exports = {};
|
|
197
|
+
$0bf46fdcdd7cb5f6$exports = JSON.parse("{\"remove\":\"Kaldır\"}");
|
|
198
198
|
|
|
199
199
|
|
|
200
|
-
var $
|
|
201
|
-
$
|
|
200
|
+
var $9d9765222bc08ca2$exports = {};
|
|
201
|
+
$9d9765222bc08ca2$exports = JSON.parse("{\"remove\":\"Видалити\"}");
|
|
202
202
|
|
|
203
203
|
|
|
204
|
-
var $
|
|
205
|
-
$
|
|
204
|
+
var $d737296cedcdee9f$exports = {};
|
|
205
|
+
$d737296cedcdee9f$exports = JSON.parse("{\"remove\":\"删除\"}");
|
|
206
206
|
|
|
207
207
|
|
|
208
|
-
var $
|
|
209
|
-
$
|
|
208
|
+
var $09cd168ab18773f4$exports = {};
|
|
209
|
+
$09cd168ab18773f4$exports = JSON.parse("{\"remove\":\"移除\"}");
|
|
210
210
|
|
|
211
211
|
|
|
212
|
-
$
|
|
213
|
-
"ar-AE": $
|
|
214
|
-
"bg-BG": $
|
|
215
|
-
"cs-CZ": $
|
|
216
|
-
"da-DK": $
|
|
217
|
-
"de-DE": $
|
|
218
|
-
"el-GR": $
|
|
219
|
-
"en-US": $
|
|
220
|
-
"es-ES": $
|
|
221
|
-
"et-EE": $
|
|
222
|
-
"fi-FI": $
|
|
223
|
-
"fr-FR": $
|
|
224
|
-
"he-IL": $
|
|
225
|
-
"hr-HR": $
|
|
226
|
-
"hu-HU": $
|
|
227
|
-
"it-IT": $
|
|
228
|
-
"ja-JP": $
|
|
229
|
-
"ko-KR": $
|
|
230
|
-
"lt-LT": $
|
|
231
|
-
"lv-LV": $
|
|
232
|
-
"nb-NO": $
|
|
233
|
-
"nl-NL": $
|
|
234
|
-
"pl-PL": $
|
|
235
|
-
"pt-BR": $
|
|
236
|
-
"pt-PT": $
|
|
237
|
-
"ro-RO": $
|
|
238
|
-
"ru-RU": $
|
|
239
|
-
"sk-SK": $
|
|
240
|
-
"sl-SI": $
|
|
241
|
-
"sr-SP": $
|
|
242
|
-
"sv-SE": $
|
|
243
|
-
"tr-TR": $
|
|
244
|
-
"uk-UA": $
|
|
245
|
-
"zh-CN": $
|
|
246
|
-
"zh-TW": $
|
|
212
|
+
$4d1b62e0e67c00a4$exports = {
|
|
213
|
+
"ar-AE": $84925f526f90eebd$exports,
|
|
214
|
+
"bg-BG": $c0650163dc1b6f9d$exports,
|
|
215
|
+
"cs-CZ": $b2b55661291de587$exports,
|
|
216
|
+
"da-DK": $deb83970956f6d5b$exports,
|
|
217
|
+
"de-DE": $aea1cb4c7ec97e1c$exports,
|
|
218
|
+
"el-GR": $3618d917e503a8d3$exports,
|
|
219
|
+
"en-US": $9eb56bbbe8e31294$exports,
|
|
220
|
+
"es-ES": $361c604b0fc269a3$exports,
|
|
221
|
+
"et-EE": $2f00170f4ee3ca01$exports,
|
|
222
|
+
"fi-FI": $80ee16b64fab9fb5$exports,
|
|
223
|
+
"fr-FR": $be9d354476c08087$exports,
|
|
224
|
+
"he-IL": $ffeb903ba092eb35$exports,
|
|
225
|
+
"hr-HR": $1df6722c6f19728b$exports,
|
|
226
|
+
"hu-HU": $093d57e325bc9071$exports,
|
|
227
|
+
"it-IT": $609dbdfbcad85bdb$exports,
|
|
228
|
+
"ja-JP": $c08e84f882644048$exports,
|
|
229
|
+
"ko-KR": $5cd130489822fa21$exports,
|
|
230
|
+
"lt-LT": $ab5183739b6c5e7e$exports,
|
|
231
|
+
"lv-LV": $dd84a0b574be3f23$exports,
|
|
232
|
+
"nb-NO": $85eee97d14eef7b5$exports,
|
|
233
|
+
"nl-NL": $18781839f93b0314$exports,
|
|
234
|
+
"pl-PL": $1c40ffbbfe9f3bda$exports,
|
|
235
|
+
"pt-BR": $156880e329b1c717$exports,
|
|
236
|
+
"pt-PT": $b6d50b1d20768ce4$exports,
|
|
237
|
+
"ro-RO": $d8c38c691b006187$exports,
|
|
238
|
+
"ru-RU": $ed9b4bf7ce1fb1d7$exports,
|
|
239
|
+
"sk-SK": $51d8721afda4d678$exports,
|
|
240
|
+
"sl-SI": $fd37a27baae493e8$exports,
|
|
241
|
+
"sr-SP": $5505a1ca71ffd6f4$exports,
|
|
242
|
+
"sv-SE": $33670e148c84ad02$exports,
|
|
243
|
+
"tr-TR": $0bf46fdcdd7cb5f6$exports,
|
|
244
|
+
"uk-UA": $9d9765222bc08ca2$exports,
|
|
245
|
+
"zh-CN": $d737296cedcdee9f$exports,
|
|
246
|
+
"zh-TW": $09cd168ab18773f4$exports
|
|
247
247
|
};
|
|
248
248
|
|
|
249
249
|
|
|
250
250
|
|
|
251
251
|
|
|
252
|
-
function $
|
|
252
|
+
function $fc6126c82a4601f1$export$3f568fff7dff2f03(props, state) {
|
|
253
253
|
let { isFocused: isFocused } = props;
|
|
254
254
|
const { isDisabled: isDisabled , isRemovable: isRemovable , onRemove: onRemove , children: children , item: item , tagRef: tagRef , tagRowRef: tagRowRef } = props;
|
|
255
|
-
const formatMessage = $
|
|
255
|
+
const formatMessage = $aIvin$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($4d1b62e0e67c00a4$exports)));
|
|
256
256
|
const removeString = formatMessage('remove');
|
|
257
|
-
const labelId = $
|
|
258
|
-
const buttonId = $
|
|
259
|
-
let { rowProps: rowProps } = $
|
|
257
|
+
const labelId = $aIvin$useId();
|
|
258
|
+
const buttonId = $aIvin$useId();
|
|
259
|
+
let { rowProps: rowProps } = $aIvin$useGridRow({
|
|
260
260
|
node: item
|
|
261
261
|
}, state, tagRowRef);
|
|
262
262
|
// Don't want the row to be focusable or accessible via keyboard
|
|
263
263
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
264
264
|
let { tabIndex: tabIndex , ...otherRowProps } = rowProps;
|
|
265
|
-
let { gridCellProps: gridCellProps } = $
|
|
265
|
+
let { gridCellProps: gridCellProps } = $aIvin$useGridCell({
|
|
266
266
|
node: [
|
|
267
267
|
...item.childNodes
|
|
268
268
|
][0],
|
|
@@ -280,9 +280,9 @@ function $72adfd28c36c897c$export$3f568fff7dff2f03(props, state) {
|
|
|
280
280
|
}
|
|
281
281
|
};
|
|
282
282
|
isFocused = isFocused || state.selectionManager.focusedKey === item.childNodes[0].key;
|
|
283
|
-
let domProps = $
|
|
283
|
+
let domProps = $aIvin$filterDOMProps(props);
|
|
284
284
|
return {
|
|
285
|
-
clearButtonProps: $
|
|
285
|
+
clearButtonProps: $aIvin$mergeProps(pressProps, {
|
|
286
286
|
'aria-label': removeString,
|
|
287
287
|
'aria-labelledby': `${buttonId} ${labelId}`,
|
|
288
288
|
id: buttonId,
|
|
@@ -292,7 +292,7 @@ function $72adfd28c36c897c$export$3f568fff7dff2f03(props, state) {
|
|
|
292
292
|
id: labelId
|
|
293
293
|
},
|
|
294
294
|
tagRowProps: otherRowProps,
|
|
295
|
-
tagProps: $
|
|
295
|
+
tagProps: $aIvin$mergeProps(domProps, gridCellProps, {
|
|
296
296
|
'aria-disabled': isDisabled,
|
|
297
297
|
'aria-errormessage': props['aria-errormessage'],
|
|
298
298
|
'aria-label': props['aria-label'],
|
|
@@ -307,16 +307,16 @@ function $72adfd28c36c897c$export$3f568fff7dff2f03(props, state) {
|
|
|
307
307
|
}
|
|
308
308
|
|
|
309
309
|
|
|
310
|
-
var $
|
|
310
|
+
var $d7323bca8d074eeb$exports = {};
|
|
311
311
|
|
|
312
|
-
$parcel$export($
|
|
312
|
+
$parcel$export($d7323bca8d074eeb$exports, "useTagGroup", () => $d7323bca8d074eeb$export$4f8b5cda58b7e8ff);
|
|
313
313
|
|
|
314
314
|
|
|
315
315
|
|
|
316
|
-
function $
|
|
316
|
+
function $d7323bca8d074eeb$export$4f8b5cda58b7e8ff(props, listState) {
|
|
317
317
|
let { isDisabled: isDisabled } = props;
|
|
318
|
-
let [isFocusWithin, setFocusWithin] = $
|
|
319
|
-
let { focusWithinProps: focusWithinProps } = $
|
|
318
|
+
let [isFocusWithin, setFocusWithin] = $aIvin$useState(false);
|
|
319
|
+
let { focusWithinProps: focusWithinProps } = $aIvin$useFocusWithin({
|
|
320
320
|
onFocusWithinChange: setFocusWithin
|
|
321
321
|
});
|
|
322
322
|
let allKeys = [
|
|
@@ -324,9 +324,9 @@ function $e0ac83e10cc83958$export$4f8b5cda58b7e8ff(props, listState) {
|
|
|
324
324
|
];
|
|
325
325
|
if (!allKeys.some((key)=>!listState.disabledKeys.has(key)
|
|
326
326
|
)) isDisabled = true;
|
|
327
|
-
let domProps = $
|
|
327
|
+
let domProps = $aIvin$filterDOMProps(props);
|
|
328
328
|
return {
|
|
329
|
-
tagGroupProps: $
|
|
329
|
+
tagGroupProps: $aIvin$mergeProps(domProps, {
|
|
330
330
|
'aria-atomic': false,
|
|
331
331
|
'aria-relevant': 'additions',
|
|
332
332
|
'aria-live': isFocusWithin ? 'polite' : 'off',
|
|
@@ -339,5 +339,5 @@ function $e0ac83e10cc83958$export$4f8b5cda58b7e8ff(props, listState) {
|
|
|
339
339
|
|
|
340
340
|
|
|
341
341
|
|
|
342
|
-
export {$
|
|
342
|
+
export {$542448901dbd2c36$export$b00754732e683b92 as TagKeyboardDelegate, $fc6126c82a4601f1$export$3f568fff7dff2f03 as useTag, $d7323bca8d074eeb$export$4f8b5cda58b7e8ff as useTagGroup};
|
|
343
343
|
//# sourceMappingURL=module.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-aria/tag",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.2",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@babel/runtime": "^7.6.2",
|
|
21
|
-
"@react-aria/grid": "^3.2.
|
|
21
|
+
"@react-aria/grid": "^3.2.3",
|
|
22
22
|
"@react-aria/i18n": "^3.3.6",
|
|
23
23
|
"@react-aria/interactions": "^3.8.1",
|
|
24
24
|
"@react-aria/utils": "^3.11.2",
|
|
@@ -33,5 +33,5 @@
|
|
|
33
33
|
"publishConfig": {
|
|
34
34
|
"access": "public"
|
|
35
35
|
},
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "b98f0e60590d784afd54140916576021d4c1bfd7"
|
|
37
37
|
}
|