@react-aria/grid - npm Package Compare versions

Comparing version 3.0.0-nightly-c53ab48ec-250115 to 3.0.0-nightly-c78b24831-250206

dist/useGridSelectionAnnouncement.main.js

 var $085250522aa37816$exports = require("./intlStrings.main.js");
 var $iMOYA$reactarialiveannouncer = require("@react-aria/live-announcer");
+var $iMOYA$reactariautils = require("@react-aria/utils");
 var $iMOYA$reactariai18n = require("@react-aria/i18n");
 var $iMOYA$react = require("react");
-var $iMOYA$reactariautils = require("@react-aria/utils");
 
@@ -43,5 +43,5 @@
     let lastSelection = (0, $iMOYA$react.useRef)(selection);
-    (0, $iMOYA$reactariautils.useUpdateEffect)(()=>{
+    let announceSelectionChange = (0, $iMOYA$reactariautils.useEffectEvent)(()=>{
         var _lastSelection_current;
-        if (!state.selectionManager.isFocused) {
+        if (!state.selectionManager.isFocused || selection === lastSelection.current) {
             lastSelection.current = selection;
@@ -83,4 +83,13 @@ return;
         lastSelection.current = selection;
+    });
+    (0, $iMOYA$reactariautils.useUpdateEffect)(()=>{
+        if (state.selectionManager.isFocused) announceSelectionChange();
+        else {
+            // Wait a frame in case the collection is about to become focused (e.g. on mouse down).
+            let raf = requestAnimationFrame(announceSelectionChange);
+            return ()=>cancelAnimationFrame(raf);
+        }
     }, [
-        selection
+        selection,
+        state.selectionManager.isFocused
     ]);
@@ -87,0 +96,0 @@ }

dist/useGridSelectionAnnouncement.module.js

 import $4stjr$intlStringsmodulejs from "./intlStrings.module.js";
 import {announce as $4stjr$announce} from "@react-aria/live-announcer";
+import {useEffectEvent as $4stjr$useEffectEvent, useUpdateEffect as $4stjr$useUpdateEffect} from "@react-aria/utils";
 import {useLocalizedStringFormatter as $4stjr$useLocalizedStringFormatter} from "@react-aria/i18n";
 import {useRef as $4stjr$useRef} from "react";
-import {useUpdateEffect as $4stjr$useUpdateEffect} from "@react-aria/utils";
 
@@ -37,5 +37,5 @@
     let lastSelection = (0, $4stjr$useRef)(selection);
-    (0, $4stjr$useUpdateEffect)(()=>{
+    let announceSelectionChange = (0, $4stjr$useEffectEvent)(()=>{
         var _lastSelection_current;
-        if (!state.selectionManager.isFocused) {
+        if (!state.selectionManager.isFocused || selection === lastSelection.current) {
             lastSelection.current = selection;
@@ -77,4 +77,13 @@ return;
         lastSelection.current = selection;
+    });
+    (0, $4stjr$useUpdateEffect)(()=>{
+        if (state.selectionManager.isFocused) announceSelectionChange();
+        else {
+            // Wait a frame in case the collection is about to become focused (e.g. on mouse down).
+            let raf = requestAnimationFrame(announceSelectionChange);
+            return ()=>cancelAnimationFrame(raf);
+        }
     }, [
-        selection
+        selection,
+        state.selectionManager.isFocused
     ]);
@@ -81,0 +90,0 @@ }

package.json

 {
   "name": "@react-aria/grid",
-  "version": "3.0.0-nightly-c53ab48ec-250115",
+  "version": "3.0.0-nightly-c78b24831-250206",
   "description": "Spectrum UI components in React",
@@ -25,14 +25,14 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-aria/focus": "3.0.0-nightly-c53ab48ec-250115",
-    "@react-aria/i18n": "3.0.0-nightly-c53ab48ec-250115",
-    "@react-aria/interactions": "3.0.0-nightly-c53ab48ec-250115",
-    "@react-aria/live-announcer": "3.0.0-nightly-c53ab48ec-250115",
-    "@react-aria/selection": "3.0.0-nightly-c53ab48ec-250115",
-    "@react-aria/utils": "3.0.0-nightly-c53ab48ec-250115",
-    "@react-stately/collections": "3.0.0-nightly-c53ab48ec-250115",
-    "@react-stately/grid": "3.0.0-nightly-c53ab48ec-250115",
-    "@react-stately/selection": "3.0.0-nightly-c53ab48ec-250115",
-    "@react-types/checkbox": "3.0.0-nightly-c53ab48ec-250115",
-    "@react-types/grid": "3.0.0-nightly-c53ab48ec-250115",
-    "@react-types/shared": "3.0.0-nightly-c53ab48ec-250115",
+    "@react-aria/focus": "3.0.0-nightly-c78b24831-250206",
+    "@react-aria/i18n": "3.0.0-nightly-c78b24831-250206",
+    "@react-aria/interactions": "3.0.0-nightly-c78b24831-250206",
+    "@react-aria/live-announcer": "3.0.0-nightly-c78b24831-250206",
+    "@react-aria/selection": "3.0.0-nightly-c78b24831-250206",
+    "@react-aria/utils": "3.0.0-nightly-c78b24831-250206",
+    "@react-stately/collections": "3.0.0-nightly-c78b24831-250206",
+    "@react-stately/grid": "3.0.0-nightly-c78b24831-250206",
+    "@react-stately/selection": "3.0.0-nightly-c78b24831-250206",
+    "@react-types/checkbox": "3.0.0-nightly-c78b24831-250206",
+    "@react-types/grid": "3.0.0-nightly-c78b24831-250206",
+    "@react-types/shared": "3.0.0-nightly-c78b24831-250206",
     "@swc/helpers": "^0.5.0"
@@ -39,0 +39,0 @@ },

src/useGridSelectionAnnouncement.ts

@@ -18,5 +18,5 @@ /*
 import {SelectionManager} from '@react-stately/selection';
+import {useEffectEvent, useUpdateEffect} from '@react-aria/utils';
 import {useLocalizedStringFormatter} from '@react-aria/i18n';
 import {useRef} from 'react';
-import {useUpdateEffect} from '@react-aria/utils';
 
@@ -50,4 +50,4 @@ export interface GridSelectionAnnouncementProps {
   let lastSelection = useRef(selection);
-  useUpdateEffect(() => {
-    if (!state.selectionManager.isFocused) {
+  let announceSelectionChange = useEffectEvent(() => {
+    if (!state.selectionManager.isFocused || selection === lastSelection.current) {
       lastSelection.current = selection;
@@ -101,3 +101,13 @@
     lastSelection.current = selection;
-  }, [selection]);
+  });
+
+  useUpdateEffect(() => {
+    if (state.selectionManager.isFocused) {
+      announceSelectionChange();
+    } else {
+      // Wait a frame in case the collection is about to become focused (e.g. on mouse down).
+      let raf = requestAnimationFrame(announceSelectionChange);
+      return () => cancelAnimationFrame(raf);
+    }
+  }, [selection, state.selectionManager.isFocused]);
 }
@@ -104,0 +114,0 @@

No alert changes

Improved metrics

Total package byte prevSize

535351

increased by0.62%

Lines of code

5757

increased by0.63%

Dependency changes

• + Added@internationalized/date@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@internationalized/message@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@internationalized/number@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@internationalized/string@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-aria/focus@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-aria/i18n@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-aria/interactions@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-aria/live-announcer@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-aria/selection@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-aria/ssr@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-aria/utils@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-stately/collections@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-stately/flags@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-stately/grid@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-stately/selection@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-stately/utils@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-types/checkbox@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-types/grid@3.0.0-nightly-c78b24831-250206(transitive)

• + Added@react-types/shared@3.0.0-nightly-c78b24831-250206(transitive)

• - Removed@internationalized/date@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@internationalized/message@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@internationalized/number@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@internationalized/string@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-aria/focus@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-aria/i18n@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-aria/interactions@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-aria/live-announcer@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-aria/selection@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-aria/ssr@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-aria/utils@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-stately/collections@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-stately/grid@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-stately/selection@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-stately/utils@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-types/checkbox@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-types/grid@3.0.0-nightly-c53ab48ec-250115(transitive)

• - Removed@react-types/shared@3.0.0-nightly-c53ab48ec-250115(transitive)

• Updated@react-aria/focus@3.0.0-nightly-c78b24831-250206

• Updated@react-aria/i18n@3.0.0-nightly-c78b24831-250206

• Updated@react-aria/interactions@3.0.0-nightly-c78b24831-250206

• Updated@react-aria/live-announcer@3.0.0-nightly-c78b24831-250206

• Updated@react-aria/selection@3.0.0-nightly-c78b24831-250206

• Updated@react-aria/utils@3.0.0-nightly-c78b24831-250206

• Updated@react-stately/collections@3.0.0-nightly-c78b24831-250206

• Updated@react-stately/grid@3.0.0-nightly-c78b24831-250206

• Updated@react-stately/selection@3.0.0-nightly-c78b24831-250206

• Updated@react-types/checkbox@3.0.0-nightly-c78b24831-250206

• Updated@react-types/grid@3.0.0-nightly-c78b24831-250206

• Updated@react-types/shared@3.0.0-nightly-c78b24831-250206