@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 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 ...\",\"loadingMore\":\"Indlæser flere ...\"}");
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\":\"Laden...\",\"loadingMore\":\"Mehr laden ...\"}");
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...\",\"loadingMore\":\"Chargement supplémentaire...\"}");
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\":\"로드 중\",\"loadingMore\":\"추가 로드 중\"}");
382
+ $74aa6884e1ef4030$exports = JSON.parse("{\"loading\":\"로드 중…\",\"loadingMore\":\"추가 로드 중…\"}");
383
383
 
384
384
 
385
385
  var $50cefda6a03c058b$exports = {};
386
- $50cefda6a03c058b$exports = JSON.parse("{\"loading\":\"Įkeliama...\",\"loadingMore\":\"Įkeliama daugiau...\"}");
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...\",\"loadingMore\":\"Tiek ielādēts vēl...\"}");
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 ...\",\"loadingMore\":\"Laster inn flere ...\"}");
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\":\"Ładowanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\"}");
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 več vsebine...\"}");
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\":\"正在載入\",\"loadingMore\":\"正在載入更多…\"}");
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: rowProps } = $jpY3B$reactariagrid.useGridRow({
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