@react-aria/gridlist - npm Package Compare versions

Comparing version 3.2.2-nightly.3768 to 3.2.2-nightly.3785

dist/main.js

 var $dSFus$reactariautils = require("@react-aria/utils");
 var $dSFus$reactariagrid = require("@react-aria/grid");
+var $dSFus$reactariafocus = require("@react-aria/focus");
 var $dSFus$reactariaselection = require("@react-aria/selection");
-var $dSFus$reactariafocus = require("@react-aria/focus");
 var $dSFus$reactariainteractions = require("@react-aria/interactions");
@@ -60,2 +60,3 @@ var $dSFus$reactariai18n = require("@react-aria/i18n");
 
+
 function $acf209ae814f1c93$export$664f9155035607eb(props, state, ref) {
@@ -82,2 +83,5 @@ let { isVirtualized: isVirtualized , keyboardDelegate: keyboardDelegate , onAction: onAction  } = props;
     });
+    let hasTabbableChild = (0, $dSFus$reactariafocus.useHasTabbableChild)(ref, {
+        isDisabled: state.collection.size !== 0
+    });
     let domProps = (0, $dSFus$reactariautils.filterDOMProps)(props, {
@@ -90,3 +94,6 @@ labelable: true
         "aria-multiselectable": state.selectionManager.selectionMode === "multiple" ? "true" : undefined
-    }, state.collection.size === 0 ? {} : listProps, descriptionProps);
+    }, // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
+    state.collection.size === 0 ? {
+        tabIndex: hasTabbableChild ? -1 : 0
+    } : listProps, descriptionProps);
     if (isVirtualized) {
@@ -93,0 +100,0 @@ gridProps["aria-rowcount"] = state.collection.size;

dist/module.js

 import {useId as $13Gtr$useId, filterDOMProps as $13Gtr$filterDOMProps, mergeProps as $13Gtr$mergeProps, useSlotId as $13Gtr$useSlotId, scrollIntoViewport as $13Gtr$scrollIntoViewport, getScrollParent as $13Gtr$getScrollParent} from "@react-aria/utils";
 import {useHighlightSelectionDescription as $13Gtr$useHighlightSelectionDescription, useGridSelectionAnnouncement as $13Gtr$useGridSelectionAnnouncement, useGridSelectionCheckbox as $13Gtr$useGridSelectionCheckbox} from "@react-aria/grid";
+import {useHasTabbableChild as $13Gtr$useHasTabbableChild, focusSafely as $13Gtr$focusSafely, getFocusableTreeWalker as $13Gtr$getFocusableTreeWalker} from "@react-aria/focus";
 import {useSelectableList as $13Gtr$useSelectableList, useSelectableItem as $13Gtr$useSelectableItem} from "@react-aria/selection";
-import {focusSafely as $13Gtr$focusSafely, getFocusableTreeWalker as $13Gtr$getFocusableTreeWalker} from "@react-aria/focus";
 import {isFocusVisible as $13Gtr$isFocusVisible} from "@react-aria/interactions";
@@ -53,2 +53,3 @@ import {useLocale as $13Gtr$useLocale} from "@react-aria/i18n";
 
+
 function $f47efb0c3a859cf2$export$664f9155035607eb(props, state, ref) {
@@ -75,2 +76,5 @@ let { isVirtualized: isVirtualized , keyboardDelegate: keyboardDelegate , onAction: onAction  } = props;
     });
+    let hasTabbableChild = (0, $13Gtr$useHasTabbableChild)(ref, {
+        isDisabled: state.collection.size !== 0
+    });
     let domProps = (0, $13Gtr$filterDOMProps)(props, {
@@ -83,3 +87,6 @@ labelable: true
         "aria-multiselectable": state.selectionManager.selectionMode === "multiple" ? "true" : undefined
-    }, state.collection.size === 0 ? {} : listProps, descriptionProps);
+    }, // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
+    state.collection.size === 0 ? {
+        tabIndex: hasTabbableChild ? -1 : 0
+    } : listProps, descriptionProps);
     if (isVirtualized) {
@@ -86,0 +93,0 @@ gridProps["aria-rowcount"] = state.collection.size;

package.json

 {
   "name": "@react-aria/gridlist",
-  "version": "3.2.2-nightly.3768+536f42d9f",
+  "version": "3.2.2-nightly.3785+e67d48d49",
   "description": "Spectrum UI components in React",
@@ -25,11 +25,11 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/focus": "3.0.0-nightly.2068+536f42d9f",
-    "@react-aria/grid": "3.6.2-nightly.3768+536f42d9f",
-    "@react-aria/i18n": "3.0.0-nightly.2068+536f42d9f",
-    "@react-aria/interactions": "3.0.0-nightly.2068+536f42d9f",
-    "@react-aria/selection": "3.0.0-nightly.2068+536f42d9f",
-    "@react-aria/utils": "3.0.0-nightly.2068+536f42d9f",
-    "@react-stately/list": "3.7.1-nightly.3768+536f42d9f",
-    "@react-types/checkbox": "3.0.0-nightly.2068+536f42d9f",
-    "@react-types/shared": "3.0.0-nightly.2068+536f42d9f",
+    "@react-aria/focus": "3.0.0-nightly.2085+e67d48d49",
+    "@react-aria/grid": "3.6.2-nightly.3785+e67d48d49",
+    "@react-aria/i18n": "3.0.0-nightly.2085+e67d48d49",
+    "@react-aria/interactions": "3.0.0-nightly.2085+e67d48d49",
+    "@react-aria/selection": "3.0.0-nightly.2085+e67d48d49",
+    "@react-aria/utils": "3.0.0-nightly.2085+e67d48d49",
+    "@react-stately/list": "3.7.1-nightly.3785+e67d48d49",
+    "@react-types/checkbox": "3.0.0-nightly.2085+e67d48d49",
+    "@react-types/shared": "3.0.0-nightly.2085+e67d48d49",
     "@swc/helpers": "^0.4.14"
@@ -43,3 +43,3 @@ },
   },
-  "gitHead": "536f42d9fef70d1ac060e774354b803e9af70b8c"
+  "gitHead": "e67d48d4935b772f915b08f1d695d2ebafb876f0"
 }

src/useGridList.ts

@@ -27,2 +27,3 @@ /*
 import {useGridSelectionAnnouncement, useHighlightSelectionDescription} from '@react-aria/grid';
+import {useHasTabbableChild} from '@react-aria/focus';
 import {useSelectableList} from '@react-aria/selection';
@@ -93,2 +94,6 @@
 
+  let hasTabbableChild = useHasTabbableChild(ref, {
+    isDisabled: state.collection.size !== 0
+  });
+
   let domProps = filterDOMProps(props, {labelable: true});
@@ -102,3 +107,4 @@ let gridProps: DOMAttributes = mergeProps(
     },
-    state.collection.size === 0 ? {} : listProps,
+    // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
+    state.collection.size === 0 ? {tabIndex: hasTabbableChild ? -1 : 0} : listProps,
     descriptionProps
@@ -105,0 +111,0 @@ );

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

121633

increased by1.76%

Lines of code

1268

increased by1.85%

Dependency changes

• Updated@react-aria/focus@3.0.0-nightly.2085+e67d48d49

• Updated@react-aria/grid@3.6.2-nightly.3785+e67d48d49

• Updated@react-aria/i18n@3.0.0-nightly.2085+e67d48d49

• Updated@react-aria/interactions@3.0.0-nightly.2085+e67d48d49

• Updated@react-aria/selection@3.0.0-nightly.2085+e67d48d49

• Updated@react-aria/utils@3.0.0-nightly.2085+e67d48d49

• Updated@react-stately/list@3.7.1-nightly.3785+e67d48d49

• Updated@react-types/checkbox@3.0.0-nightly.2085+e67d48d49

• Updated@react-types/shared@3.0.0-nightly.2085+e67d48d49