@react-aria/selection - npm Package Compare versions

Comparing version 3.0.0-nightly.738 to 3.0.0-nightly.741

dist/main.js

@@ -125,3 +125,4 @@ var {
     selectOnFocus = false,
-    disallowTypeAhead = false
+    disallowTypeAhead = false,
+    shouldUseVirtualFocus
   } = options;
@@ -422,3 +423,3 @@
 
-      if (focusedKey == null) {
+      if (focusedKey == null && !shouldUseVirtualFocus) {
         focusSafely(ref.current);
@@ -458,3 +459,3 @@ }
       // This will be marshalled to either the first or last item depending on where focus came from.
-      tabIndex: manager.focusedKey == null ? 0 : -1
+      tabIndex: manager.focusedKey == null && !shouldUseVirtualFocus ? 0 : -1
     })
@@ -510,3 +511,3 @@ };
   let itemProps = {
-    tabIndex: isFocused ? 0 : -1,
+    tabIndex: isFocused && !shouldUseVirtualFocus ? 0 : -1,
 
@@ -725,3 +726,4 @@ onFocus(e) {
     selectOnFocus = false,
-    disallowTypeAhead
+    disallowTypeAhead,
+    shouldUseVirtualFocus
   } = props; // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
@@ -756,3 +758,4 @@ // When virtualized, the layout object will be passed in as a prop and override this.
     selectOnFocus,
-    disallowTypeAhead
+    disallowTypeAhead,
+    shouldUseVirtualFocus
   });
@@ -759,0 +762,0 @@ return {

dist/module.js

@@ -104,3 +104,4 @@ import { useCollator } from "@react-aria/i18n";
     selectOnFocus = false,
-    disallowTypeAhead = false
+    disallowTypeAhead = false,
+    shouldUseVirtualFocus
   } = options;
@@ -401,3 +402,3 @@
 
-      if (focusedKey == null) {
+      if (focusedKey == null && !shouldUseVirtualFocus) {
         focusSafely(ref.current);
@@ -437,3 +438,3 @@ }
       // This will be marshalled to either the first or last item depending on where focus came from.
-      tabIndex: manager.focusedKey == null ? 0 : -1
+      tabIndex: manager.focusedKey == null && !shouldUseVirtualFocus ? 0 : -1
     })
@@ -487,3 +488,3 @@ };
   let itemProps = {
-    tabIndex: isFocused ? 0 : -1,
+    tabIndex: isFocused && !shouldUseVirtualFocus ? 0 : -1,
 
@@ -698,3 +699,4 @@ onFocus(e) {
     selectOnFocus = false,
-    disallowTypeAhead
+    disallowTypeAhead,
+    shouldUseVirtualFocus
   } = props; // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
@@ -729,3 +731,4 @@ // When virtualized, the layout object will be passed in as a prop and override this.
     selectOnFocus,
-    disallowTypeAhead
+    disallowTypeAhead,
+    shouldUseVirtualFocus
   });
@@ -732,0 +735,0 @@ return {

dist/types.d.ts

@@ -72,2 +72,6 @@ import { HTMLAttributes, Key, RefObject } from "react";
     disallowTypeAhead?: boolean;
+    /**
+     * Whether the collection items should use virtual focus instead of being focused directly.
+     */
+    shouldUseVirtualFocus?: boolean;
 }
@@ -183,2 +187,6 @@ interface SelectableCollectionAria {
     disallowTypeAhead?: boolean;
+    /**
+     * Whether the collection items should use virtual focus instead of being focused directly.
+     */
+    shouldUseVirtualFocus?: boolean;
 }
@@ -185,0 +193,0 @@ interface SelectableListAria {

package.json

 {
   "name": "@react-aria/selection",
-  "version": "3.0.0-nightly.738+dc6d7873",
+  "version": "3.0.0-nightly.741+975957a3",
   "description": "Spectrum UI components in React",
@@ -21,9 +21,9 @@ "license": "Apache-2.0",
     "@babel/runtime": "^7.6.2",
-    "@react-aria/focus": "3.0.0-nightly.738+dc6d7873",
-    "@react-aria/i18n": "3.0.0-nightly.738+dc6d7873",
-    "@react-aria/interactions": "3.0.0-nightly.738+dc6d7873",
-    "@react-aria/utils": "3.0.0-nightly.738+dc6d7873",
-    "@react-stately/collections": "3.0.0-nightly.738+dc6d7873",
-    "@react-stately/selection": "3.0.0-nightly.738+dc6d7873",
-    "@react-types/shared": "3.0.0-nightly.738+dc6d7873"
+    "@react-aria/focus": "3.0.0-nightly.741+975957a3",
+    "@react-aria/i18n": "3.0.0-nightly.741+975957a3",
+    "@react-aria/interactions": "3.0.0-nightly.741+975957a3",
+    "@react-aria/utils": "3.0.0-nightly.741+975957a3",
+    "@react-stately/collections": "3.0.0-nightly.741+975957a3",
+    "@react-stately/selection": "3.0.0-nightly.741+975957a3",
+    "@react-types/shared": "3.0.0-nightly.741+975957a3"
   },
@@ -36,3 +36,3 @@ "peerDependencies": {
   },
-  "gitHead": "dc6d78733fb26fa02afeb1a36e11de7d71c84467"
+  "gitHead": "975957a3c3fb4a9f3be358428e0980a4d4e51c1a"
 }

src/useSelectableCollection.ts

@@ -75,3 +75,7 @@ /*
    */
-  disallowTypeAhead?: boolean
+  disallowTypeAhead?: boolean,
+  /**
+   * Whether the collection items should use virtual focus instead of being focused directly.
+   */
+  shouldUseVirtualFocus?: boolean
 }
@@ -97,3 +101,4 @@
     selectOnFocus = false,
-    disallowTypeAhead = false
+    disallowTypeAhead = false,
+    shouldUseVirtualFocus
   } = options;
@@ -343,3 +348,3 @@
       // If no default focus key is selected, focus the collection itself.
-      if (focusedKey == null) {
+      if (focusedKey == null && !shouldUseVirtualFocus) {
         focusSafely(ref.current);
@@ -378,5 +383,5 @@ }
       // This will be marshalled to either the first or last item depending on where focus came from.
-      tabIndex: manager.focusedKey == null ? 0 : -1
+      tabIndex: manager.focusedKey == null && !shouldUseVirtualFocus ? 0 : -1
     }
   };
 }

src/useSelectableItem.ts

@@ -103,3 +103,3 @@ /*
   let itemProps: SelectableItemAria['itemProps'] = {
-    tabIndex: isFocused ? 0 : -1,
+    tabIndex: isFocused && !shouldUseVirtualFocus ? 0 : -1,
     onFocus(e) {
@@ -106,0 +106,0 @@ if (e.target === ref.current) {

src/useSelectableList.ts

@@ -69,3 +69,7 @@ /*
    */
-  disallowTypeAhead?: boolean
+  disallowTypeAhead?: boolean,
+  /**
+   * Whether the collection items should use virtual focus instead of being focused directly.
+   */
+  shouldUseVirtualFocus?: boolean
 }
@@ -95,3 +99,4 @@
     selectOnFocus = false,
-    disallowTypeAhead
+    disallowTypeAhead,
+    shouldUseVirtualFocus
   } = props;
@@ -123,3 +128,4 @@
     selectOnFocus,
-    disallowTypeAhead
+    disallowTypeAhead,
+    shouldUseVirtualFocus
   });
@@ -126,0 +132,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

199660

increased by1.19%

Lines of code

2322

increased by1.09%

Dependency changes

• Updated@react-aria/focus@3.0.0-nightly.741+975957a3

• Updated@react-aria/i18n@3.0.0-nightly.741+975957a3

• Updated@react-aria/interactions@3.0.0-nightly.741+975957a3

• Updated@react-aria/utils@3.0.0-nightly.741+975957a3

• Updated@react-stately/collections@3.0.0-nightly.741+975957a3

• Updated@react-stately/selection@3.0.0-nightly.741+975957a3

• Updated@react-types/shared@3.0.0-nightly.741+975957a3