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

package/dist/main.js

@@ -1,9 +1,9 @@
 var $2oePb$reactstatelyvirtualizer = require("@react-stately/virtualizer");
-var $2oePb$reactarialiveannouncer = require("@react-aria/live-announcer");
 var $2oePb$reactariautils = require("@react-aria/utils");
 var $2oePb$react = require("react");
 var $2oePb$reactariai18n = require("@react-aria/i18n");
 var $2oePb$reactariaselection = require("@react-aria/selection");
+var $2oePb$reactarialiveannouncer = require("@react-aria/live-announcer");
 var $2oePb$reactariainteractions = require("@react-aria/interactions");
 var $2oePb$reactariafocus = require("@react-aria/focus");
 
@@ -285,11 +285,15 @@ var $11d770dfabe45077$exports = {};
 $parcel$export($11d770dfabe45077$exports, "useGrid", () => $11d770dfabe45077$export$f6b86a04e5d66d90);
 
 
-
 const $8ee34951196858d0$export$e6235c0d09b995d0 = new WeakMap();
 
 
 
+
+var $1eb174acfe8a0f16$exports = {};
+
+$parcel$export($1eb174acfe8a0f16$exports, "useGridSelectionAnnouncement", () => $1eb174acfe8a0f16$export$137e594ef3218a10);
+
 var $cba28e4266d77056$exports = {};
 var $6f42661ae0214332$exports = {};
 $6f42661ae0214332$exports = JSON.parse("{\"deselectedItem\":\"{item} غير المحدد\",\"longPressToSelect\":\"اضغط مطولًا للدخول إلى وضع التحديد.\",\"select\":\"تحديد\",\"selectedAll\":\"جميع العناصر المحددة.\",\"selectedCount\":\"{count, plural, =0 {لم يتم تحديد عناصر} one {# عنصر محدد} other {# عنصر محدد}}.\",\"selectedItem\":\"{item} المحدد\"}");
@@ -468,6 +472,72 @@ $cba28e4266d77056$exports = {
 
 
 
+function $1eb174acfe8a0f16$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 = $2oePb$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($cba28e4266d77056$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 = $2oePb$react.useRef(selection);
+    $2oePb$reactariautils.useUpdateEffect(()=>{
+        var ref;
+        if (!state.selectionManager.isFocused) {
+            lastSelection.current = selection;
+            return;
+        }
+        let addedKeys = $1eb174acfe8a0f16$var$diffSelection(selection, lastSelection.current);
+        let removedKeys = $1eb174acfe8a0f16$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) $2oePb$reactarialiveannouncer.announce(messages.join(' '));
+        lastSelection.current = selection;
+    }, [
+        selection
+    ]);
+}
+function $1eb174acfe8a0f16$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 $340f2fcd0ef9ce8d$exports = {};
+
+$parcel$export($340f2fcd0ef9ce8d$exports, "useHighlightSelectionDescription", () => $340f2fcd0ef9ce8d$export$be42ebdab07ae4c2);
+
+
 
 
 
@@ -495,12 +565,8 @@ function $340f2fcd0ef9ce8d$export$be42ebdab07ae4c2(props) {
 
 
 
-function $11d770dfabe45077$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 = $2oePb$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($cba28e4266d77056$exports)));
+function $11d770dfabe45077$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.
@@ -512,7 +578,7 @@ function $11d770dfabe45077$export$f6b86a04e5d66d90(props, state, ref1) {
     let delegate = $2oePb$react.useMemo(()=>keyboardDelegate || new $3187c0e19200cb16$export$de9feff04fda126e({
             collection: state.collection,
             disabledKeys: state.disabledKeys,
-            ref: ref1,
+            ref: ref,
             direction: direction,
             collator: collator,
             focusMode: focusMode
@@ -521,13 +587,13 @@ function $11d770dfabe45077$export$f6b86a04e5d66d90(props, state, ref1) {
         keyboardDelegate,
         state.collection,
         state.disabledKeys,
-        ref1,
+        ref,
         direction,
         collator,
         focusMode
     ]);
     let { collectionProps: collectionProps  } = $2oePb$reactariaselection.useSelectableCollection({
-        ref: ref1,
+        ref: ref,
         selectionManager: state.selectionManager,
         keyboardDelegate: delegate,
         isVirtualized: isVirtualized,
@@ -557,62 +623,13 @@ function $11d770dfabe45077$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 = $2oePb$react.useRef(selection);
-    $2oePb$reactariautils.useUpdateEffect(()=>{
-        var ref;
-        if (!state.selectionManager.isFocused) {
-            lastSelection.current = selection;
-            return;
-        }
-        let addedKeys = $11d770dfabe45077$var$diffSelection(selection, lastSelection.current);
-        let removedKeys = $11d770dfabe45077$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) $2oePb$reactarialiveannouncer.announce(messages.join(' '));
-        lastSelection.current = selection;
-    }, [
-        selection
-    ]);
+    $1eb174acfe8a0f16$export$137e594ef3218a10({
+        getRowText: getRowText
+    }, state);
     return {
         gridProps: gridProps
     };
 }
-function $11d770dfabe45077$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 $c7def85a57100898$exports = {};
@@ -833,12 +850,16 @@ function $d8385f73d3701365$export$70e2eed1a92976ad(props, state) {
 }
 
 
+
+
 $parcel$exportWildcard(module.exports, $3187c0e19200cb16$exports);
 $parcel$exportWildcard(module.exports, $11d770dfabe45077$exports);
 $parcel$exportWildcard(module.exports, $c7def85a57100898$exports);
 $parcel$exportWildcard(module.exports, $eed398987c639831$exports);
 $parcel$exportWildcard(module.exports, $cf2021be63b01ef4$exports);
 $parcel$exportWildcard(module.exports, $d8385f73d3701365$exports);
+$parcel$exportWildcard(module.exports, $340f2fcd0ef9ce8d$exports);
+$parcel$exportWildcard(module.exports, $1eb174acfe8a0f16$exports);
 
 
 //# sourceMappingURL=main.js.map