@react-spectrum/card 3.0.0-alpha.4 → 3.0.0-alpha.7

package/dist/module.js

@@ -1,6 +1,7 @@
 import "./main.css";
 import {useStyleProps as $8EWFi$useStyleProps, useDOMRef as $8EWFi$useDOMRef, classNames as $8EWFi$classNames, useUnwrapDOMRef as $8EWFi$useUnwrapDOMRef, useHasChild as $8EWFi$useHasChild, SlotProvider as $8EWFi$SlotProvider} from "@react-spectrum/utils";
 import {GridCollection as $8EWFi$GridCollection, useGridState as $8EWFi$useGridState} from "@react-stately/grid";
+import {mergeProps as $8EWFi$mergeProps, useResizeObserver as $8EWFi$useResizeObserver, useLayoutEffect as $8EWFi$useLayoutEffect, filterDOMProps as $8EWFi$filterDOMProps, useSlotId as $8EWFi$useSlotId} from "@react-aria/utils";
 import {ProgressCircle as $8EWFi$ProgressCircle} from "@react-spectrum/progress";
 import $8EWFi$react, {useMemo as $8EWFi$useMemo, useCallback as $8EWFi$useCallback, useRef as $8EWFi$useRef, useState as $8EWFi$useState, useContext as $8EWFi$useContext, forwardRef as $8EWFi$forwardRef} from "react";
 import {useCollator as $8EWFi$useCollator, useMessageFormatter as $8EWFi$useMessageFormatter, useLocale as $8EWFi$useLocale} from "@react-aria/i18n";
@@ -9,7 +10,6 @@ import {useListState as $8EWFi$useListState} from "@react-stately/list";
 import {useProvider as $8EWFi$useProvider, useProviderProps as $8EWFi$useProviderProps} from "@react-spectrum/provider";
 import {VirtualizerItem as $8EWFi$VirtualizerItem, Virtualizer as $8EWFi$Virtualizer} from "@react-aria/virtualizer";
 import {Checkbox as $8EWFi$Checkbox} from "@react-spectrum/checkbox";
-import {useResizeObserver as $8EWFi$useResizeObserver, useLayoutEffect as $8EWFi$useLayoutEffect, mergeProps as $8EWFi$mergeProps, filterDOMProps as $8EWFi$filterDOMProps, useSlotId as $8EWFi$useSlotId} from "@react-aria/utils";
 import {getFocusableTreeWalker as $8EWFi$getFocusableTreeWalker, FocusRing as $8EWFi$FocusRing} from "@react-aria/focus";
 import {useHover as $8EWFi$useHover, useFocusWithin as $8EWFi$useFocusWithin} from "@react-aria/interactions";
 import {Size as $8EWFi$Size, Rect as $8EWFi$Rect, LayoutInfo as $8EWFi$LayoutInfo, Layout as $8EWFi$Layout} from "@react-stately/virtualizer";
@@ -311,11 +311,11 @@ $1ddb4e1a3e8b15a5$exports = JSON.parse("{\"loading\":\"Načítání...\",\"loadi
 
 
 var $44b7f17cd1f1db7f$exports = {};
-$44b7f17cd1f1db7f$exports = JSON.parse("{\"loading\":\"Indlæser ...\",\"loadingMore\":\"Indlæser flere ...\"}");
+$44b7f17cd1f1db7f$exports = JSON.parse("{\"loading\":\"Indlæser...\",\"loadingMore\":\"Indlæser flere...\"}");
 
 
 var $ffa85bef2c730318$exports = {};
-$ffa85bef2c730318$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\":\"Mehr laden ...\"}");
+$ffa85bef2c730318$exports = JSON.parse("{\"loading\":\"Wird geladen...\",\"loadingMore\":\"Noch mehr wird geladen...\"}");
 
 
 var $1904be2ca25ad4ef$exports = {};
@@ -339,7 +339,7 @@ $5ced2ee930f1d61a$exports = JSON.parse("{\"loading\":\"Ladataan…\",\"loadingMo
 
 
 var $bd751114db2e8872$exports = {};
-$bd751114db2e8872$exports = JSON.parse("{\"loading\":\"Chargement...\",\"loadingMore\":\"Chargement supplémentaire...\"}");
+$bd751114db2e8872$exports = JSON.parse("{\"loading\":\"Chargement en cours…\",\"loadingMore\":\"Chargement d’autres d’éléments…\"}");
 
 
 var $6291b4a5eb5146c5$exports = {};
@@ -363,19 +363,19 @@ $8643fac062a08b30$exports = JSON.parse("{\"loading\":\"読み込み中...\",\"lo
 
 
 var $41f4de1d2f63c8f4$exports = {};
-$41f4de1d2f63c8f4$exports = JSON.parse("{\"loading\":\"로드 중\",\"loadingMore\":\"추가 로드 중\"}");
+$41f4de1d2f63c8f4$exports = JSON.parse("{\"loading\":\"로드 중…\",\"loadingMore\":\"추가 로드 중…\"}");
 
 
 var $9819c3a9877418b0$exports = {};
-$9819c3a9877418b0$exports = JSON.parse("{\"loading\":\"Įkeliama...\",\"loadingMore\":\"Įkeliama daugiau...\"}");
+$9819c3a9877418b0$exports = JSON.parse("{\"loading\":\"Įkeliama…\",\"loadingMore\":\"Įkeliama daugiau…\"}");
 
 
 var $3e8ad6b78b8cc064$exports = {};
-$3e8ad6b78b8cc064$exports = JSON.parse("{\"loading\":\"Notiek ielāde...\",\"loadingMore\":\"Tiek ielādēts vēl...\"}");
+$3e8ad6b78b8cc064$exports = JSON.parse("{\"loading\":\"Notiek ielāde…\",\"loadingMore\":\"Tiek ielādēts vēl...\"}");
 
 
 var $baa4fb210e65a6c5$exports = {};
-$baa4fb210e65a6c5$exports = JSON.parse("{\"loading\":\"Laster inn ...\",\"loadingMore\":\"Laster inn flere ...\"}");
+$baa4fb210e65a6c5$exports = JSON.parse("{\"loading\":\"Laster inn...\",\"loadingMore\":\"Laster inn flere...\"}");
 
 
 var $ee123eda5b089b7d$exports = {};
@@ -383,7 +383,7 @@ $ee123eda5b089b7d$exports = JSON.parse("{\"loading\":\"Laden...\",\"loadingMore\
 
 
 var $36a325cd1c9e414f$exports = {};
-$36a325cd1c9e414f$exports = JSON.parse("{\"loading\":\"Ładowanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\"}");
+$36a325cd1c9e414f$exports = JSON.parse("{\"loading\":\"Wczytywanie...\",\"loadingMore\":\"Wczytywanie większej liczby...\"}");
 
 
 var $52d4fd0f211d7e51$exports = {};
@@ -407,7 +407,7 @@ $75167f0b339049be$exports = JSON.parse("{\"loading\":\"Načítava sa...\",\"load
 
 
 var $83a887ec3d5f2028$exports = {};
-$83a887ec3d5f2028$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje več vsebine...\"}");
+$83a887ec3d5f2028$exports = JSON.parse("{\"loading\":\"Nalaganje...\",\"loadingMore\":\"Nalaganje dodatne vsebine...\"}");
 
 
 var $8352707b2eadbfb4$exports = {};
@@ -431,7 +431,7 @@ $88c83d794a7a062b$exports = JSON.parse("{\"loading\":\"正在加载...\",\"loadi
 
 
 var $b7e2865acb74a940$exports = {};
-$b7e2865acb74a940$exports = JSON.parse("{\"loading\":\"正在載入\",\"loadingMore\":\"正在載入更多…\"}");
+$b7e2865acb74a940$exports = JSON.parse("{\"loading\":\"正在載入…\",\"loadingMore\":\"正在載入更多…\"}");
 
 
 $e24fb79fb8b63230$exports = {
@@ -480,6 +480,7 @@ $e24fb79fb8b63230$exports = {
 
 
 
+
 function $81a52da995c19652$var$CardView(props, ref) {
     let { scale: scale  } = $8EWFi$useProvider();
     let { styleProps: styleProps  } = $8EWFi$useStyleProps(props);
@@ -623,7 +624,7 @@ function $81a52da995c19652$var$InternalCard(props) {
     let rowRef = $8EWFi$useRef();
     let cellRef = $8EWFi$useRef();
     let unwrappedRef = $8EWFi$useUnwrapDOMRef(cellRef);
-    let { rowProps: rowProps  } = $8EWFi$useGridRow({
+    let { rowProps: gridRowProps  } = $8EWFi$useGridRow({
         node: item,
         isVirtualized: true
     }, state, rowRef);
@@ -631,6 +632,15 @@ function $81a52da995c19652$var$InternalCard(props) {
         node: cellNode,
         focusMode: 'cell'
     }, state, unwrappedRef);
+    // Prevent space key from scrolling the CardView if triggered on a disabled item or on a Card in a selectionMode="none" CardView.
+    let allowsInteraction = state.selectionManager.selectionMode !== 'none';
+    let isDisabled = !allowsInteraction || state.disabledKeys.has(item.key);
+    let onKeyDown = (e)=>{
+        if (e.key === ' ' && isDisabled) e.preventDefault();
+    };
+    let rowProps = $8EWFi$mergeProps(gridRowProps, {
+        onKeyDown: onKeyDown
+    });
     if (layoutType === 'grid' || layoutType === 'gallery') isQuiet = true;
     if (layoutType !== 'grid') cardOrientation = 'vertical';
     // We don't want to focus the checkbox (or any other focusable elements) within the Card