@react-aria/gridlist
Advanced tools
@react-aria/gridlist - npm Package Compare versions
Comparing version
| 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; |
| 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; |
| { | ||
| "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" | ||
| } |
@@ -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 @@ ); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
Manifest confusion
Supply chain riskThis 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 riskThis 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
1.76%- Lines of code
1268
1.85%