@react-aria/grid 3.2.7-nightly.3249 → 3.2.7-nightly.3262

package/dist/module.js

@@ -1,9 +1,9 @@
 import {Rect as $cVkRF$Rect} from "@react-stately/virtualizer";
-import {announce as $cVkRF$announce} from "@react-aria/live-announcer";
 import {useId as $cVkRF$useId, filterDOMProps as $cVkRF$filterDOMProps, mergeProps as $cVkRF$mergeProps, useUpdateEffect as $cVkRF$useUpdateEffect, useDescription as $cVkRF$useDescription} from "@react-aria/utils";
 import {useMemo as $cVkRF$useMemo, useRef as $cVkRF$useRef} from "react";
-import {useMessageFormatter as $cVkRF$useMessageFormatter, useCollator as $cVkRF$useCollator, useLocale as $cVkRF$useLocale} from "@react-aria/i18n";
+import {useCollator as $cVkRF$useCollator, useLocale as $cVkRF$useLocale, useMessageFormatter as $cVkRF$useMessageFormatter} from "@react-aria/i18n";
 import {useSelectableCollection as $cVkRF$useSelectableCollection, useSelectableItem as $cVkRF$useSelectableItem} from "@react-aria/selection";
+import {announce as $cVkRF$announce} from "@react-aria/live-announcer";
 import {useInteractionModality as $cVkRF$useInteractionModality, isFocusVisible as $cVkRF$isFocusVisible} from "@react-aria/interactions";
 import {getFocusableTreeWalker as $cVkRF$getFocusableTreeWalker, focusSafely as $cVkRF$focusSafely} from "@react-aria/focus";
 
@@ -269,11 +269,15 @@ var $83c6e2eafa584c67$exports = {};
 $parcel$export($83c6e2eafa584c67$exports, "useGrid", () => $83c6e2eafa584c67$export$f6b86a04e5d66d90);
 
 
-
 const $1af922eb41e03c8f$export$e6235c0d09b995d0 = new WeakMap();
 
 
 
+
+var $92599c3fd427b763$exports = {};
+
+$parcel$export($92599c3fd427b763$exports, "useGridSelectionAnnouncement", () => $92599c3fd427b763$export$137e594ef3218a10);
+
 var $1dbe5ffd32adb38c$exports = {};
 var $682989befd4f478d$exports = {};
 $682989befd4f478d$exports = JSON.parse("{\"deselectedItem\":\"{item} غير المحدد\",\"longPressToSelect\":\"اضغط مطولًا للدخول إلى وضع التحديد.\",\"select\":\"تحديد\",\"selectedAll\":\"جميع العناصر المحددة.\",\"selectedCount\":\"{count, plural, =0 {لم يتم تحديد عناصر} one {# عنصر محدد} other {# عنصر محدد}}.\",\"selectedItem\":\"{item} المحدد\"}");
@@ -452,6 +456,72 @@ $1dbe5ffd32adb38c$exports = {
 
 
 
+function $92599c3fd427b763$export$137e594ef3218a10(props, state) {
+    let { getRowText: getRowText = (key)=>{
+        var ref;
+        return (ref = state.collection.getItem(key)) === null || ref === void 0 ? void 0 : ref.textValue;
+    }  } = props;
+    let formatMessage = $cVkRF$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($1dbe5ffd32adb38c$exports)));
+    // Many screen readers do not announce when items in a grid are selected/deselected.
+    // We do this using an ARIA live region.
+    let selection = state.selectionManager.rawSelection;
+    let lastSelection = $cVkRF$useRef(selection);
+    $cVkRF$useUpdateEffect(()=>{
+        var ref;
+        if (!state.selectionManager.isFocused) {
+            lastSelection.current = selection;
+            return;
+        }
+        let addedKeys = $92599c3fd427b763$var$diffSelection(selection, lastSelection.current);
+        let removedKeys = $92599c3fd427b763$var$diffSelection(lastSelection.current, selection);
+        // If adding or removing a single row from the selection, announce the name of that item.
+        let isReplace = state.selectionManager.selectionBehavior === 'replace';
+        let messages = [];
+        if (state.selectionManager.selectedKeys.size === 1 && isReplace) {
+            if (state.collection.getItem(state.selectionManager.selectedKeys.keys().next().value)) {
+                let currentSelectionText = getRowText(state.selectionManager.selectedKeys.keys().next().value);
+                if (currentSelectionText) messages.push(formatMessage('selectedItem', {
+                    item: currentSelectionText
+                }));
+            }
+        } else if (addedKeys.size === 1 && removedKeys.size === 0) {
+            let addedText = getRowText(addedKeys.keys().next().value);
+            if (addedText) messages.push(formatMessage('selectedItem', {
+                item: addedText
+            }));
+        } else if (removedKeys.size === 1 && addedKeys.size === 0) {
+            if (state.collection.getItem(removedKeys.keys().next().value)) {
+                let removedText = getRowText(removedKeys.keys().next().value);
+                if (removedText) messages.push(formatMessage('deselectedItem', {
+                    item: removedText
+                }));
+            }
+        }
+        // Announce how many items are selected, except when selecting the first item.
+        if (state.selectionManager.selectionMode === 'multiple') {
+            if (messages.length === 0 || selection === 'all' || selection.size > 1 || lastSelection.current === 'all' || ((ref = lastSelection.current) === null || ref === void 0 ? void 0 : ref.size) > 1) messages.push(selection === 'all' ? formatMessage('selectedAll') : formatMessage('selectedCount', {
+                count: selection.size
+            }));
+        }
+        if (messages.length > 0) $cVkRF$announce(messages.join(' '));
+        lastSelection.current = selection;
+    }, [
+        selection
+    ]);
+}
+function $92599c3fd427b763$var$diffSelection(a, b) {
+    let res = new Set();
+    if (a === 'all' || b === 'all') return res;
+    for (let key of a.keys())if (!b.has(key)) res.add(key);
+    return res;
+}
+
+
+var $5b9b5b5723db6ae1$exports = {};
+
+$parcel$export($5b9b5b5723db6ae1$exports, "useHighlightSelectionDescription", () => $5b9b5b5723db6ae1$export$be42ebdab07ae4c2);
+
+
 
 
 
@@ -479,12 +549,8 @@ function $5b9b5b5723db6ae1$export$be42ebdab07ae4c2(props) {
 
 
 
-function $83c6e2eafa584c67$export$f6b86a04e5d66d90(props, state, ref1) {
-    let { isVirtualized: isVirtualized , keyboardDelegate: keyboardDelegate , focusMode: focusMode , getRowText: getRowText = (key)=>{
-        var ref;
-        return (ref = state.collection.getItem(key)) === null || ref === void 0 ? void 0 : ref.textValue;
-    } , scrollRef: scrollRef , onRowAction: onRowAction , onCellAction: onCellAction  } = props;
-    let formatMessage = $cVkRF$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($1dbe5ffd32adb38c$exports)));
+function $83c6e2eafa584c67$export$f6b86a04e5d66d90(props, state, ref) {
+    let { isVirtualized: isVirtualized , keyboardDelegate: keyboardDelegate , focusMode: focusMode , scrollRef: scrollRef , getRowText: getRowText , onRowAction: onRowAction , onCellAction: onCellAction  } = props;
     if (!props['aria-label'] && !props['aria-labelledby']) console.warn('An aria-label or aria-labelledby prop is required for accessibility.');
     // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
     // When virtualized, the layout object will be passed in as a prop and override this.
@@ -496,7 +562,7 @@ function $83c6e2eafa584c67$export$f6b86a04e5d66d90(props, state, ref1) {
     let delegate = $cVkRF$useMemo(()=>keyboardDelegate || new $d1c300d9c497e402$export$de9feff04fda126e({
             collection: state.collection,
             disabledKeys: state.disabledKeys,
-            ref: ref1,
+            ref: ref,
             direction: direction,
             collator: collator,
             focusMode: focusMode
@@ -505,13 +571,13 @@ function $83c6e2eafa584c67$export$f6b86a04e5d66d90(props, state, ref1) {
         keyboardDelegate,
         state.collection,
         state.disabledKeys,
-        ref1,
+        ref,
         direction,
         collator,
         focusMode
     ]);
     let { collectionProps: collectionProps  } = $cVkRF$useSelectableCollection({
-        ref: ref1,
+        ref: ref,
         selectionManager: state.selectionManager,
         keyboardDelegate: delegate,
         isVirtualized: isVirtualized,
@@ -541,62 +607,13 @@ function $83c6e2eafa584c67$export$f6b86a04e5d66d90(props, state, ref1) {
         gridProps['aria-rowcount'] = state.collection.size;
         gridProps['aria-colcount'] = state.collection.columnCount;
     }
-    // Many screen readers do not announce when items in a grid are selected/deselected.
-    // We do this using an ARIA live region.
-    let selection = state.selectionManager.rawSelection;
-    let lastSelection = $cVkRF$useRef(selection);
-    $cVkRF$useUpdateEffect(()=>{
-        var ref;
-        if (!state.selectionManager.isFocused) {
-            lastSelection.current = selection;
-            return;
-        }
-        let addedKeys = $83c6e2eafa584c67$var$diffSelection(selection, lastSelection.current);
-        let removedKeys = $83c6e2eafa584c67$var$diffSelection(lastSelection.current, selection);
-        // If adding or removing a single row from the selection, announce the name of that item.
-        let isReplace = state.selectionManager.selectionBehavior === 'replace';
-        let messages = [];
-        if (state.selectionManager.selectedKeys.size === 1 && isReplace) {
-            if (state.collection.getItem(state.selectionManager.selectedKeys.keys().next().value)) {
-                let currentSelectionText = getRowText(state.selectionManager.selectedKeys.keys().next().value);
-                if (currentSelectionText) messages.push(formatMessage('selectedItem', {
-                    item: currentSelectionText
-                }));
-            }
-        } else if (addedKeys.size === 1 && removedKeys.size === 0) {
-            let addedText = getRowText(addedKeys.keys().next().value);
-            if (addedText) messages.push(formatMessage('selectedItem', {
-                item: addedText
-            }));
-        } else if (removedKeys.size === 1 && addedKeys.size === 0) {
-            if (state.collection.getItem(removedKeys.keys().next().value)) {
-                let removedText = getRowText(removedKeys.keys().next().value);
-                if (removedText) messages.push(formatMessage('deselectedItem', {
-                    item: removedText
-                }));
-            }
-        }
-        // Announce how many items are selected, except when selecting the first item.
-        if (state.selectionManager.selectionMode === 'multiple') {
-            if (messages.length === 0 || selection === 'all' || selection.size > 1 || lastSelection.current === 'all' || ((ref = lastSelection.current) === null || ref === void 0 ? void 0 : ref.size) > 1) messages.push(selection === 'all' ? formatMessage('selectedAll') : formatMessage('selectedCount', {
-                count: selection.size
-            }));
-        }
-        if (messages.length > 0) $cVkRF$announce(messages.join(' '));
-        lastSelection.current = selection;
-    }, [
-        selection
-    ]);
+    $92599c3fd427b763$export$137e594ef3218a10({
+        getRowText: getRowText
+    }, state);
     return {
         gridProps: gridProps
     };
 }
-function $83c6e2eafa584c67$var$diffSelection(a, b) {
-    let res = new Set();
-    if (a === 'all' || b === 'all') return res;
-    for (let key of a.keys())if (!b.has(key)) res.add(key);
-    return res;
-}
 
 
 var $e45487f8ba1cbdbf$exports = {};
@@ -819,5 +836,7 @@ function $7cb39d07f245a780$export$70e2eed1a92976ad(props, state) {
 
 
 
-export {$d1c300d9c497e402$export$de9feff04fda126e as GridKeyboardDelegate, $83c6e2eafa584c67$export$f6b86a04e5d66d90 as useGrid, $e45487f8ba1cbdbf$export$d3037f5d3f3e51bf as useGridRowGroup, $4159a7a9cbb0cc18$export$96357d5a73f686fa as useGridRow, $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c as useGridCell, $7cb39d07f245a780$export$70e2eed1a92976ad as useGridSelectionCheckbox};
+
+
+export {$d1c300d9c497e402$export$de9feff04fda126e as GridKeyboardDelegate, $83c6e2eafa584c67$export$f6b86a04e5d66d90 as useGrid, $e45487f8ba1cbdbf$export$d3037f5d3f3e51bf as useGridRowGroup, $4159a7a9cbb0cc18$export$96357d5a73f686fa as useGridRow, $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c as useGridCell, $7cb39d07f245a780$export$70e2eed1a92976ad as useGridSelectionCheckbox, $5b9b5b5723db6ae1$export$be42ebdab07ae4c2 as useHighlightSelectionDescription, $92599c3fd427b763$export$137e594ef3218a10 as useGridSelectionAnnouncement};
 //# sourceMappingURL=module.js.map