@react-aria/focus - npm Package Compare versions

Comparing version 3.0.0-nightly.2857 to 3.0.0-nightly.2866

dist/FocusScope.main.js

@@ -18,2 +18,3 @@ var $1c7f9157d722357d$exports = require("./focusSafely.main.js");
 $parcel$export(module.exports, "getFocusableTreeWalker", () => $a7a032acae3ddda9$export$2d6ec8fc375ceafa);
+$parcel$export(module.exports, "isFocusable", () => $a7a032acae3ddda9$export$4c063cf1350e6fed);
 $parcel$export(module.exports, "isElementInChildOfActiveScope", () => $a7a032acae3ddda9$export$1258395f99bf9cbf);
@@ -227,2 +228,5 @@ $parcel$export(module.exports, "createFocusManager", () => $a7a032acae3ddda9$export$c5251b9e124bf29);
 const $a7a032acae3ddda9$var$TABBABLE_ELEMENT_SELECTOR = $a7a032acae3ddda9$var$focusableElements.join(':not([hidden]):not([tabindex="-1"]),');
+function $a7a032acae3ddda9$export$4c063cf1350e6fed(element) {
+    return element.matches($a7a032acae3ddda9$var$FOCUSABLE_ELEMENT_SELECTOR);
+}
 function $a7a032acae3ddda9$var$getScopeRoot(scope) {
@@ -229,0 +233,0 @@ return scope[0].parentElement;

dist/FocusScope.module.js

@@ -212,2 +212,5 @@ import {focusSafely as $6a99195332edec8b$export$80f3e147d781571c} from "./focusSafely.module.js";
 const $9bf71ea28793e738$var$TABBABLE_ELEMENT_SELECTOR = $9bf71ea28793e738$var$focusableElements.join(':not([hidden]):not([tabindex="-1"]),');
+function $9bf71ea28793e738$export$4c063cf1350e6fed(element) {
+    return element.matches($9bf71ea28793e738$var$FOCUSABLE_ELEMENT_SELECTOR);
+}
 function $9bf71ea28793e738$var$getScopeRoot(scope) {
@@ -711,3 +714,3 @@ return scope[0].parentElement;
 
-export {$9bf71ea28793e738$export$20e40289641fbbb6 as FocusScope, $9bf71ea28793e738$export$d06fae2ee68b101e as focusScopeTree, $9bf71ea28793e738$export$10c5169755ce7bd7 as useFocusManager, $9bf71ea28793e738$export$2d6ec8fc375ceafa as getFocusableTreeWalker, $9bf71ea28793e738$export$1258395f99bf9cbf as isElementInChildOfActiveScope, $9bf71ea28793e738$export$c5251b9e124bf29 as createFocusManager};
+export {$9bf71ea28793e738$export$20e40289641fbbb6 as FocusScope, $9bf71ea28793e738$export$d06fae2ee68b101e as focusScopeTree, $9bf71ea28793e738$export$10c5169755ce7bd7 as useFocusManager, $9bf71ea28793e738$export$2d6ec8fc375ceafa as getFocusableTreeWalker, $9bf71ea28793e738$export$4c063cf1350e6fed as isFocusable, $9bf71ea28793e738$export$1258395f99bf9cbf as isElementInChildOfActiveScope, $9bf71ea28793e738$export$c5251b9e124bf29 as createFocusManager};
 //# sourceMappingURL=FocusScope.module.js.map

dist/isElementVisible.main.js

@@ -34,3 +34,3 @@ var $fhpU6$reactariautils = require("@react-aria/utils");
     return !element.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
-    !(element.hasAttribute("data-hidden-select-ignore") && element.getAttribute("aria-hidden") === "true") && (element.nodeName === "DETAILS" && childElement && childElement.nodeName !== "SUMMARY" ? element.hasAttribute("open") : true);
+    !element.hasAttribute("data-react-aria-prevent-focus") && (element.nodeName === "DETAILS" && childElement && childElement.nodeName !== "SUMMARY" ? element.hasAttribute("open") : true);
 }
@@ -37,0 +37,0 @@ function $d5156037ad898a4d$export$e989c0fffaa6b27a(element, childElement) {

dist/isElementVisible.module.js

@@ -28,3 +28,3 @@ import {getOwnerWindow as $djhjW$getOwnerWindow} from "@react-aria/utils";
     return !element.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
-    !(element.hasAttribute("data-hidden-select-ignore") && element.getAttribute("aria-hidden") === "true") && (element.nodeName === "DETAILS" && childElement && childElement.nodeName !== "SUMMARY" ? element.hasAttribute("open") : true);
+    !element.hasAttribute("data-react-aria-prevent-focus") && (element.nodeName === "DETAILS" && childElement && childElement.nodeName !== "SUMMARY" ? element.hasAttribute("open") : true);
 }
@@ -31,0 +31,0 @@ function $645f2e67b85a24c9$export$e989c0fffaa6b27a(element, childElement) {

dist/main.js

@@ -18,2 +18,3 @@ var $a7a032acae3ddda9$exports = require("./FocusScope.main.js");
 $parcel$export(module.exports, "isElementInChildOfActiveScope", () => $a7a032acae3ddda9$exports.isElementInChildOfActiveScope);
+$parcel$export(module.exports, "isFocusable", () => $a7a032acae3ddda9$exports.isFocusable);
 $parcel$export(module.exports, "FocusRing", () => $dfd8c70b928eb1b3$exports.FocusRing);
@@ -20,0 +21,0 @@ $parcel$export(module.exports, "FocusableProvider", () => $fb504d83237fd6ac$exports.FocusableProvider);

dist/module.js

@@ -1,2 +0,2 @@
-import {createFocusManager as $9bf71ea28793e738$export$c5251b9e124bf29, FocusScope as $9bf71ea28793e738$export$20e40289641fbbb6, getFocusableTreeWalker as $9bf71ea28793e738$export$2d6ec8fc375ceafa, isElementInChildOfActiveScope as $9bf71ea28793e738$export$1258395f99bf9cbf, useFocusManager as $9bf71ea28793e738$export$10c5169755ce7bd7} from "./FocusScope.module.js";
+import {createFocusManager as $9bf71ea28793e738$export$c5251b9e124bf29, FocusScope as $9bf71ea28793e738$export$20e40289641fbbb6, getFocusableTreeWalker as $9bf71ea28793e738$export$2d6ec8fc375ceafa, isElementInChildOfActiveScope as $9bf71ea28793e738$export$1258395f99bf9cbf, isFocusable as $9bf71ea28793e738$export$4c063cf1350e6fed, useFocusManager as $9bf71ea28793e738$export$10c5169755ce7bd7} from "./FocusScope.module.js";
 import {FocusRing as $907718708eab68af$export$1a38b4ad7f578e1d} from "./FocusRing.module.js";
@@ -26,3 +26,3 @@ import {FocusableProvider as $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5, useFocusable as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c} from "./useFocusable.module.js";
 
-export {$9bf71ea28793e738$export$20e40289641fbbb6 as FocusScope, $9bf71ea28793e738$export$10c5169755ce7bd7 as useFocusManager, $9bf71ea28793e738$export$2d6ec8fc375ceafa as getFocusableTreeWalker, $9bf71ea28793e738$export$c5251b9e124bf29 as createFocusManager, $9bf71ea28793e738$export$1258395f99bf9cbf as isElementInChildOfActiveScope, $907718708eab68af$export$1a38b4ad7f578e1d as FocusRing, $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5 as FocusableProvider, $e6afbd83fe6ebbd2$export$4c014de7c8940b4c as useFocusable, $f7dceffc5ad7768b$export$4e328f61c538687f as useFocusRing, $6a99195332edec8b$export$80f3e147d781571c as focusSafely, $83013635b024ae3d$export$eac1895992b9f3d6 as useHasTabbableChild};
+export {$9bf71ea28793e738$export$20e40289641fbbb6 as FocusScope, $9bf71ea28793e738$export$10c5169755ce7bd7 as useFocusManager, $9bf71ea28793e738$export$2d6ec8fc375ceafa as getFocusableTreeWalker, $9bf71ea28793e738$export$c5251b9e124bf29 as createFocusManager, $9bf71ea28793e738$export$1258395f99bf9cbf as isElementInChildOfActiveScope, $9bf71ea28793e738$export$4c063cf1350e6fed as isFocusable, $907718708eab68af$export$1a38b4ad7f578e1d as FocusRing, $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5 as FocusableProvider, $e6afbd83fe6ebbd2$export$4c014de7c8940b4c as useFocusable, $f7dceffc5ad7768b$export$4e328f61c538687f as useFocusRing, $6a99195332edec8b$export$80f3e147d781571c as focusSafely, $83013635b024ae3d$export$eac1895992b9f3d6 as useHasTabbableChild};
 //# sourceMappingURL=module.js.map

dist/types.d.ts

@@ -58,2 +58,3 @@ import { FocusableElement, DOMAttributes, FocusableDOMProps, FocusableProps } from "@react-types/shared";
 export function useFocusManager(): FocusManager | undefined;
+export function isFocusable(element: HTMLElement): boolean;
 /** @private */
@@ -60,0 +61,0 @@ export function isElementInChildOfActiveScope(element: Element): boolean;

package.json

 {
   "name": "@react-aria/focus",
-  "version": "3.0.0-nightly.2857+1550ccaa6",
+  "version": "3.0.0-nightly.2866+b09a14eb1",
   "description": "Spectrum UI components in React",
@@ -25,5 +25,5 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/interactions": "3.0.0-nightly.2857+1550ccaa6",
-    "@react-aria/utils": "3.0.0-nightly.2857+1550ccaa6",
-    "@react-types/shared": "3.0.0-nightly.2857+1550ccaa6",
+    "@react-aria/interactions": "3.0.0-nightly.2866+b09a14eb1",
+    "@react-aria/utils": "3.0.0-nightly.2866+b09a14eb1",
+    "@react-types/shared": "3.0.0-nightly.2866+b09a14eb1",
     "@swc/helpers": "^0.5.0",
@@ -38,3 +38,3 @@ "clsx": "^2.0.0"
   },
-  "gitHead": "1550ccaa62363b65079eb2e36563380db0e7c043"
+  "gitHead": "b09a14eb1854d9d52e08739e30aa8fae51f1595a"
 }

src/index.ts

@@ -13,3 +13,3 @@ /*
 
-export {FocusScope, useFocusManager, getFocusableTreeWalker, createFocusManager, isElementInChildOfActiveScope} from './FocusScope';
+export {FocusScope, useFocusManager, getFocusableTreeWalker, createFocusManager, isElementInChildOfActiveScope, isFocusable} from './FocusScope';
 export {FocusRing} from './FocusRing';
@@ -16,0 +16,0 @@ export {FocusableProvider, useFocusable} from './useFocusable';

src/isElementVisible.ts

@@ -47,3 +47,3 @@ /*
     // Ignore HiddenSelect when tree walking.
-    !(element.hasAttribute('data-hidden-select-ignore') && element.getAttribute('aria-hidden') === 'true') &&
+    !element.hasAttribute('data-react-aria-prevent-focus') &&
     (element.nodeName === 'DETAILS' &&
@@ -50,0 +50,0 @@ childElement &&

No alert changes

Improved metrics

Total package byte prevSize

386833

increased by0.31%

Lines of code

4354

increased by0.35%

Dependency changes

• Updated@react-aria/interactions@3.0.0-nightly.2866+b09a14eb1

• Updated@react-aria/utils@3.0.0-nightly.2866+b09a14eb1

• Updated@react-types/shared@3.0.0-nightly.2866+b09a14eb1