@react-spectrum/card 3.0.0-nightly.3201 → 3.0.0-nightly.3204

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";
@@ -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