@react-spectrum/card 3.0.0-alpha.6 → 3.0.0-alpha.7
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 +22 -12
- package/dist/main.js.map +1 -1
- package/dist/module.js +22 -12
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +20 -20
- package/src/CardView.tsx +16 -1
package/dist/main.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
require("./main.css");
|
|
2
2
|
var $jpY3B$reactspectrumutils = require("@react-spectrum/utils");
|
|
3
3
|
var $jpY3B$reactstatelygrid = require("@react-stately/grid");
|
|
4
|
+
var $jpY3B$reactariautils = require("@react-aria/utils");
|
|
4
5
|
var $jpY3B$reactspectrumprogress = require("@react-spectrum/progress");
|
|
5
6
|
var $jpY3B$react = require("react");
|
|
6
7
|
var $jpY3B$reactariai18n = require("@react-aria/i18n");
|
|
@@ -9,7 +10,6 @@ var $jpY3B$reactstatelylist = require("@react-stately/list");
|
|
|
9
10
|
var $jpY3B$reactspectrumprovider = require("@react-spectrum/provider");
|
|
10
11
|
var $jpY3B$reactariavirtualizer = require("@react-aria/virtualizer");
|
|
11
12
|
var $jpY3B$reactspectrumcheckbox = require("@react-spectrum/checkbox");
|
|
12
|
-
var $jpY3B$reactariautils = require("@react-aria/utils");
|
|
13
13
|
var $jpY3B$reactariafocus = require("@react-aria/focus");
|
|
14
14
|
var $jpY3B$reactariainteractions = require("@react-aria/interactions");
|
|
15
15
|
var $jpY3B$reactstatelyvirtualizer = require("@react-stately/virtualizer");
|
|
@@ -327,11 +327,11 @@ $1086444b40892e5d$exports = JSON.parse("{\"loading\":\"Načítání...\",\"loadi
|
|
|
327
327
|
|
|
328
328
|
|
|
329
329
|
var $26f9bd87c0446842$exports = {};
|
|
330
|
-
$26f9bd87c0446842$exports = JSON.parse("{\"loading\":\"Indlæser
|
|
330
|
+
$26f9bd87c0446842$exports = JSON.parse("{\"loading\":\"Indlæser...\",\"loadingMore\":\"Indlæser flere...\"}");
|
|
331
331
|
|
|
332
332
|
|
|
333
333
|
var $5922ace8d8eedc34$exports = {};
|
|
334
|
-
$5922ace8d8eedc34$exports = JSON.parse("{\"loading\":\"
|
|
334
|
+
$5922ace8d8eedc34$exports = JSON.parse("{\"loading\":\"Wird geladen...\",\"loadingMore\":\"Noch mehr wird geladen...\"}");
|
|
335
335
|
|
|
336
336
|
|
|
337
337
|
var $0dff680a5aaa08a6$exports = {};
|
|
@@ -355,7 +355,7 @@ $8725562d6e87d608$exports = JSON.parse("{\"loading\":\"Ladataan…\",\"loadingMo
|
|
|
355
355
|
|
|
356
356
|
|
|
357
357
|
var $5b8a7cd61bd67f0d$exports = {};
|
|
358
|
-
$5b8a7cd61bd67f0d$exports = JSON.parse("{\"loading\":\"Chargement
|
|
358
|
+
$5b8a7cd61bd67f0d$exports = JSON.parse("{\"loading\":\"Chargement en cours…\",\"loadingMore\":\"Chargement d’autres d’éléments…\"}");
|
|
359
359
|
|
|
360
360
|
|
|
361
361
|
var $904fdf1c66b8e1ae$exports = {};
|
|
@@ -379,19 +379,19 @@ $57201e032f548603$exports = JSON.parse("{\"loading\":\"読み込み中...\",\"lo
|
|
|
379
379
|
|
|
380
380
|
|
|
381
381
|
var $74aa6884e1ef4030$exports = {};
|
|
382
|
-
$74aa6884e1ef4030$exports = JSON.parse("{\"loading\":\"로드
|
|
382
|
+
$74aa6884e1ef4030$exports = JSON.parse("{\"loading\":\"로드 중…\",\"loadingMore\":\"추가 로드 중…\"}");
|
|
383
383
|
|
|
384
384
|
|
|
385
385
|
var $50cefda6a03c058b$exports = {};
|
|
386
|
-
$50cefda6a03c058b$exports = JSON.parse("{\"loading\":\"Įkeliama
|
|
386
|
+
$50cefda6a03c058b$exports = JSON.parse("{\"loading\":\"Įkeliama…\",\"loadingMore\":\"Įkeliama daugiau…\"}");
|
|
387
387
|
|
|
388
388
|
|
|
389
389
|
var $3d08f75b6bbe5354$exports = {};
|
|
390
|
-
$3d08f75b6bbe5354$exports = JSON.parse("{\"loading\":\"Notiek ielāde
|
|
390
|
+
$3d08f75b6bbe5354$exports = JSON.parse("{\"loading\":\"Notiek ielāde…\",\"loadingMore\":\"Tiek ielādēts vēl...\"}");
|
|
391
391
|
|
|
392
392
|
|
|
393
393
|
var $c59f7b2f9755472b$exports = {};
|
|
394
|
-
$c59f7b2f9755472b$exports = JSON.parse("{\"loading\":\"Laster inn
|
|
394
|
+
$c59f7b2f9755472b$exports = JSON.parse("{\"loading\":\"Laster inn...\",\"loadingMore\":\"Laster inn flere...\"}");
|
|
395
395
|
|
|
396
396
|
|
|
397
397
|
var $d81bf728da4b1c33$exports = {};
|
|
@@ -399,7 +399,7 @@ $d81bf728da4b1c33$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\
|
|
|
399
399
|
|
|
400
400
|
|
|
401
401
|
var $f323a42ea1486c2f$exports = {};
|
|
402
|
-
$f323a42ea1486c2f$exports = JSON.parse("{\"loading\":\"
|
|
402
|
+
$f323a42ea1486c2f$exports = JSON.parse("{\"loading\":\"Wczytywanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\"}");
|
|
403
403
|
|
|
404
404
|
|
|
405
405
|
var $2b2937248d390105$exports = {};
|
|
@@ -423,7 +423,7 @@ $815155759d865560$exports = JSON.parse("{\"loading\":\"Načítava sa...\",\"load
|
|
|
423
423
|
|
|
424
424
|
|
|
425
425
|
var $d5deb2faae807da5$exports = {};
|
|
426
|
-
$d5deb2faae807da5$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje
|
|
426
|
+
$d5deb2faae807da5$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje dodatne vsebine...\"}");
|
|
427
427
|
|
|
428
428
|
|
|
429
429
|
var $42e52cb34b81b4af$exports = {};
|
|
@@ -447,7 +447,7 @@ $2c1c50c48e046fcb$exports = JSON.parse("{\"loading\":\"正在加载...\",\"loadi
|
|
|
447
447
|
|
|
448
448
|
|
|
449
449
|
var $d20ec5c21f83badd$exports = {};
|
|
450
|
-
$d20ec5c21f83badd$exports = JSON.parse("{\"loading\":\"
|
|
450
|
+
$d20ec5c21f83badd$exports = JSON.parse("{\"loading\":\"正在載入…\",\"loadingMore\":\"正在載入更多…\"}");
|
|
451
451
|
|
|
452
452
|
|
|
453
453
|
$dc38f0b958ac5018$exports = {
|
|
@@ -496,6 +496,7 @@ $dc38f0b958ac5018$exports = {
|
|
|
496
496
|
|
|
497
497
|
|
|
498
498
|
|
|
499
|
+
|
|
499
500
|
function $514a55f6d91f25ef$var$CardView(props, ref) {
|
|
500
501
|
let { scale: scale } = $jpY3B$reactspectrumprovider.useProvider();
|
|
501
502
|
let { styleProps: styleProps } = $jpY3B$reactspectrumutils.useStyleProps(props);
|
|
@@ -639,7 +640,7 @@ function $514a55f6d91f25ef$var$InternalCard(props) {
|
|
|
639
640
|
let rowRef = $jpY3B$react.useRef();
|
|
640
641
|
let cellRef = $jpY3B$react.useRef();
|
|
641
642
|
let unwrappedRef = $jpY3B$reactspectrumutils.useUnwrapDOMRef(cellRef);
|
|
642
|
-
let { rowProps:
|
|
643
|
+
let { rowProps: gridRowProps } = $jpY3B$reactariagrid.useGridRow({
|
|
643
644
|
node: item,
|
|
644
645
|
isVirtualized: true
|
|
645
646
|
}, state, rowRef);
|
|
@@ -647,6 +648,15 @@ function $514a55f6d91f25ef$var$InternalCard(props) {
|
|
|
647
648
|
node: cellNode,
|
|
648
649
|
focusMode: 'cell'
|
|
649
650
|
}, state, unwrappedRef);
|
|
651
|
+
// Prevent space key from scrolling the CardView if triggered on a disabled item or on a Card in a selectionMode="none" CardView.
|
|
652
|
+
let allowsInteraction = state.selectionManager.selectionMode !== 'none';
|
|
653
|
+
let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
|
|
654
|
+
let onKeyDown = (e)=>{
|
|
655
|
+
if (e.key === ' ' && isDisabled) e.preventDefault();
|
|
656
|
+
};
|
|
657
|
+
let rowProps = $jpY3B$reactariautils.mergeProps(gridRowProps, {
|
|
658
|
+
onKeyDown: onKeyDown
|
|
659
|
+
});
|
|
650
660
|
if (layoutType === 'grid' || layoutType === 'gallery') isQuiet = true;
|
|
651
661
|
if (layoutType !== 'grid') cardOrientation = 'vertical';
|
|
652
662
|
// We don't want to focus the checkbox (or any other focusable elements) within the Card
|