@react-aria/selection - npm Package Compare versions

Comparing version 3.0.0-nightly.932 to 3.0.0-nightly.935

dist/main.js

 var {
+  useLocale,
   useCollator
@@ -127,2 +128,5 @@ } = require("@react-aria/i18n");
   } = options;
+  let {
+    direction
+  } = useLocale();
 
@@ -203,3 +207,3 @@ let onKeyDown = e => {
             if (nextKey != null) {
-              manager.setFocusedKey(nextKey);
+              manager.setFocusedKey(nextKey, direction === 'rtl' ? 'first' : 'last');
 
@@ -226,3 +230,3 @@ if (manager.selectionMode === 'single' && selectOnFocus) {
             if (nextKey != null) {
-              manager.setFocusedKey(nextKey);
+              manager.setFocusedKey(nextKey, direction === 'rtl' ? 'last' : 'first');
 
@@ -434,3 +438,3 @@ if (manager.selectionMode === 'single' && selectOnFocus) {
     // to the cell below, and not open a menu.
-    onKeyDownCapture: onKeyDown,
+    onKeyDown,
     onFocus,
@@ -501,3 +505,3 @@ onBlur,
     }
-  }, [ref, isFocused, manager.focusedKey, manager.isFocused, shouldUseVirtualFocus]); // Set tabIndex to 0 if the element is focused, or -1 otherwise so that only the last focused
+  }, [ref, isFocused, manager.focusedKey, manager.childFocusStrategy, manager.isFocused, shouldUseVirtualFocus]); // Set tabIndex to 0 if the element is focused, or -1 otherwise so that only the last focused
   // item is tabbable.  If using virtual focus, don't set a tabIndex at all so that VoiceOver
@@ -504,0 +508,0 @@ // on iOS 14 doesn't try to move real DOM focus to the item anyway.

dist/module.js

@@ -1,2 +0,2 @@
-import { useCollator } from "@react-aria/i18n";
+import { useLocale, useCollator } from "@react-aria/i18n";
 import { isMac, mergeProps } from "@react-aria/utils";
@@ -105,2 +105,5 @@ import { focusSafely, getFocusableTreeWalker } from "@react-aria/focus";
   } = options;
+  let {
+    direction
+  } = useLocale();
 
@@ -181,3 +184,3 @@ let onKeyDown = e => {
             if (nextKey != null) {
-              manager.setFocusedKey(nextKey);
+              manager.setFocusedKey(nextKey, direction === 'rtl' ? 'first' : 'last');
 
@@ -204,3 +207,3 @@ if (manager.selectionMode === 'single' && selectOnFocus) {
             if (nextKey != null) {
-              manager.setFocusedKey(nextKey);
+              manager.setFocusedKey(nextKey, direction === 'rtl' ? 'last' : 'first');
 
@@ -412,3 +415,3 @@ if (manager.selectionMode === 'single' && selectOnFocus) {
     // to the cell below, and not open a menu.
-    onKeyDownCapture: onKeyDown,
+    onKeyDown,
     onFocus,
@@ -477,3 +480,3 @@ onBlur,
     }
-  }, [ref, isFocused, manager.focusedKey, manager.isFocused, shouldUseVirtualFocus]); // Set tabIndex to 0 if the element is focused, or -1 otherwise so that only the last focused
+  }, [ref, isFocused, manager.focusedKey, manager.childFocusStrategy, manager.isFocused, shouldUseVirtualFocus]); // Set tabIndex to 0 if the element is focused, or -1 otherwise so that only the last focused
   // item is tabbable.  If using virtual focus, don't set a tabIndex at all so that VoiceOver
@@ -480,0 +483,0 @@ // on iOS 14 doesn't try to move real DOM focus to the item anyway.

package.json

 {
   "name": "@react-aria/selection",
-  "version": "3.0.0-nightly.932+dfdf27ea",
+  "version": "3.0.0-nightly.935+e706b29d",
   "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.932+dfdf27ea",
-    "@react-aria/i18n": "3.0.0-nightly.932+dfdf27ea",
-    "@react-aria/interactions": "3.0.0-nightly.932+dfdf27ea",
-    "@react-aria/utils": "3.0.0-nightly.932+dfdf27ea",
-    "@react-stately/collections": "3.0.0-nightly.932+dfdf27ea",
-    "@react-stately/selection": "3.0.0-nightly.932+dfdf27ea",
-    "@react-types/shared": "3.0.0-nightly.932+dfdf27ea"
+    "@react-aria/focus": "3.0.0-nightly.935+e706b29d",
+    "@react-aria/i18n": "3.0.0-nightly.935+e706b29d",
+    "@react-aria/interactions": "3.0.0-nightly.935+e706b29d",
+    "@react-aria/utils": "3.0.0-nightly.935+e706b29d",
+    "@react-stately/collections": "3.0.0-nightly.935+e706b29d",
+    "@react-stately/selection": "3.0.0-nightly.935+e706b29d",
+    "@react-types/shared": "3.0.0-nightly.935+e706b29d"
   },
@@ -36,3 +36,3 @@ "peerDependencies": {
   },
-  "gitHead": "dfdf27ea3ceaaaeedd411da6e0454e08eb584c7f"
+  "gitHead": "e706b29dad382de94cffbfd943004fc90b808f8f"
 }

src/useSelectableCollection.ts

@@ -18,2 +18,3 @@ /*
 import {MultipleSelectionManager} from '@react-stately/selection';
+import {useLocale} from '@react-aria/i18n';
 import {useTypeSelect} from './useTypeSelect';
@@ -99,2 +100,3 @@
   } = options;
+  let {direction} = useLocale();
 
@@ -167,3 +169,3 @@ let onKeyDown = (e: KeyboardEvent) => {
           if (nextKey != null) {
-            manager.setFocusedKey(nextKey);
+            manager.setFocusedKey(nextKey, direction === 'rtl' ? 'first' : 'last');
             if (manager.selectionMode === 'single' && selectOnFocus) {
@@ -184,3 +186,3 @@ manager.replaceSelection(nextKey);
           if (nextKey != null) {
-            manager.setFocusedKey(nextKey);
+            manager.setFocusedKey(nextKey, direction === 'rtl' ? 'last' : 'first');
             if (manager.selectionMode === 'single' && selectOnFocus) {
@@ -356,3 +358,3 @@ manager.replaceSelection(nextKey);
     // to the cell below, and not open a menu.
-    onKeyDownCapture: onKeyDown,
+    onKeyDown,
     onFocus,
@@ -359,0 +361,0 @@ onBlur,

src/useSelectableItem.ts

@@ -84,3 +84,3 @@ /*
     }
-  }, [ref, isFocused, manager.focusedKey, manager.isFocused, shouldUseVirtualFocus]);
+  }, [ref, isFocused, manager.focusedKey, manager.childFocusStrategy, manager.isFocused, shouldUseVirtualFocus]);
 
@@ -87,0 +87,0 @@ // Set tabIndex to 0 if the element is focused, or -1 otherwise so that only the last focused

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

199782

increased by0.62%

Lines of code

2313

increased by0.39%

Dependency changes

• Updated@react-aria/focus@3.0.0-nightly.935+e706b29d

• Updated@react-aria/i18n@3.0.0-nightly.935+e706b29d

• Updated@react-aria/interactions@3.0.0-nightly.935+e706b29d

• Updated@react-aria/utils@3.0.0-nightly.935+e706b29d

• Updated@react-stately/collections@3.0.0-nightly.935+e706b29d

• Updated@react-stately/selection@3.0.0-nightly.935+e706b29d

• Updated@react-types/shared@3.0.0-nightly.935+e706b29d