react-aria 3.46.0 → 3.48.0

package/dist/private/grid/useGridSelectionAnnouncement.cjs

@@ -0,0 +1,113 @@
+var $74b2c5b1e7ea9589$exports = require("../live-announcer/LiveAnnouncer.cjs");
+var $88d878ce22ac7f67$exports = require("./intlStrings.cjs");
+var $d4e8e26182baab6e$exports = require("../i18n/useLocalizedStringFormatter.cjs");
+var $c4703f4a6fffa1e7$exports = require("../utils/useUpdateEffect.cjs");
+var $bOW8t$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useGridSelectionAnnouncement", function () { return $35a82e8f7ac1674d$export$137e594ef3218a10; });
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $35a82e8f7ac1674d$export$137e594ef3218a10(props, state) {
+    let { getRowText: getRowText = (key)=>state.collection.getTextValue?.(key) ?? state.collection.getItem(key)?.textValue } = props;
+    let stringFormatter = (0, $d4e8e26182baab6e$exports.useLocalizedStringFormatter)((0, ($parcel$interopDefault($88d878ce22ac7f67$exports))), '@react-aria/grid');
+    // 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 = (0, $bOW8t$react.useRef)(selection);
+    let announceSelectionChange = (0, $bOW8t$react.useCallback)(()=>{
+        if (!state.selectionManager.isFocused || selection === lastSelection.current) {
+            lastSelection.current = selection;
+            return;
+        }
+        let addedKeys = $35a82e8f7ac1674d$var$diffSelection(selection, lastSelection.current);
+        let removedKeys = $35a82e8f7ac1674d$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) {
+            let firstKey = state.selectionManager.selectedKeys.keys().next().value;
+            if (firstKey != null && state.collection.getItem(firstKey)) {
+                let currentSelectionText = getRowText(firstKey);
+                if (currentSelectionText) messages.push(stringFormatter.format('selectedItem', {
+                    item: currentSelectionText
+                }));
+            }
+        } else if (addedKeys.size === 1 && removedKeys.size === 0) {
+            let firstKey = addedKeys.keys().next().value;
+            if (firstKey != null) {
+                let addedText = getRowText(firstKey);
+                if (addedText) messages.push(stringFormatter.format('selectedItem', {
+                    item: addedText
+                }));
+            }
+        } else if (removedKeys.size === 1 && addedKeys.size === 0) {
+            let firstKey = removedKeys.keys().next().value;
+            if (firstKey != null && state.collection.getItem(firstKey)) {
+                let removedText = getRowText(firstKey);
+                if (removedText) messages.push(stringFormatter.format('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' || lastSelection.current?.size > 1) messages.push(selection === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selectedCount', {
+                count: selection.size
+            }));
+        }
+        if (messages.length > 0) (0, $74b2c5b1e7ea9589$exports.announce)(messages.join(' '));
+        lastSelection.current = selection;
+    }, [
+        selection,
+        state.selectionManager.selectedKeys,
+        state.selectionManager.isFocused,
+        state.selectionManager.selectionBehavior,
+        state.selectionManager.selectionMode,
+        state.collection,
+        getRowText,
+        stringFormatter
+    ]);
+    // useUpdateEffect will handle using useEffectEvent, no need to stabilize anything on this end
+    (0, $c4703f4a6fffa1e7$exports.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
+    ]);
+}
+function $35a82e8f7ac1674d$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;
+}
+
+
+//# sourceMappingURL=useGridSelectionAnnouncement.cjs.map

package/dist/private/grid/useGridSelectionAnnouncement.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria/src/grid/useGridSelectionAnnouncement.ts"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {announce} from '../live-announcer/LiveAnnouncer';\nimport {Collection, Key, Node, Selection} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/grid/*.json';\nimport {SelectionManager} from 'react-stately/private/selection/SelectionManager';\nimport {useCallback, useRef} from 'react';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useUpdateEffect} from '../utils/useUpdateEffect';\n\nexport interface GridSelectionAnnouncementProps {\n  /**\n   * A function that returns the text that should be announced by assistive technology when a row is added or removed from selection.\n   * @default (key) => state.collection.getItem(key)?.textValue\n   */\n  getRowText?: (key: Key) => string\n}\n\ninterface GridSelectionState<T> {\n  /** A collection of items in the grid. */\n  collection: Collection<Node<T>>,\n  /** A set of items that are disabled. */\n  disabledKeys: Set<Key>,\n  /** A selection manager to read and update multiple selection state. */\n  selectionManager: SelectionManager\n}\n\nexport function useGridSelectionAnnouncement<T>(props: GridSelectionAnnouncementProps, state: GridSelectionState<T>): void {\n  let {\n    getRowText = (key) => state.collection.getTextValue?.(key) ?? state.collection.getItem(key)?.textValue\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/grid');\n\n  // Many screen readers do not announce when items in a grid are selected/deselected.\n  // We do this using an ARIA live region.\n  let selection = state.selectionManager.rawSelection;\n  let lastSelection = useRef(selection);\n  let announceSelectionChange = useCallback(() => {\n    if (!state.selectionManager.isFocused || selection === lastSelection.current) {\n      lastSelection.current = selection;\n\n      return;\n    }\n\n    let addedKeys = diffSelection(selection, lastSelection.current);\n    let removedKeys = diffSelection(lastSelection.current, selection);\n\n    // If adding or removing a single row from the selection, announce the name of that item.\n    let isReplace = state.selectionManager.selectionBehavior === 'replace';\n    let messages: string[] = [];\n\n    if ((state.selectionManager.selectedKeys.size === 1 && isReplace)) {\n      let firstKey = state.selectionManager.selectedKeys.keys().next().value;\n      if (firstKey != null && state.collection.getItem(firstKey)) {\n        let currentSelectionText = getRowText(firstKey);\n        if (currentSelectionText) {\n          messages.push(stringFormatter.format('selectedItem', {item: currentSelectionText}));\n        }\n      }\n    } else if (addedKeys.size === 1 && removedKeys.size === 0) {\n      let firstKey = addedKeys.keys().next().value;\n      if (firstKey != null) {\n        let addedText = getRowText(firstKey);\n        if (addedText) {\n          messages.push(stringFormatter.format('selectedItem', {item: addedText}));\n        }\n      }\n    } else if (removedKeys.size === 1 && addedKeys.size === 0) {\n      let firstKey = removedKeys.keys().next().value;\n      if (firstKey != null && state.collection.getItem(firstKey)) {\n        let removedText = getRowText(firstKey);\n        if (removedText) {\n          messages.push(stringFormatter.format('deselectedItem', {item: removedText}));\n        }\n      }\n    }\n\n    // Announce how many items are selected, except when selecting the first item.\n    if (state.selectionManager.selectionMode === 'multiple') {\n      if (messages.length === 0 || selection === 'all' || selection.size > 1 || lastSelection.current === 'all' || lastSelection.current?.size > 1) {\n        messages.push(selection === 'all'\n          ? stringFormatter.format('selectedAll')\n          : stringFormatter.format('selectedCount', {count: selection.size})\n        );\n      }\n    }\n\n    if (messages.length > 0) {\n      announce(messages.join(' '));\n    }\n\n    lastSelection.current = selection;\n  }, [\n    selection,\n    state.selectionManager.selectedKeys,\n    state.selectionManager.isFocused,\n    state.selectionManager.selectionBehavior,\n    state.selectionManager.selectionMode,\n    state.collection,\n    getRowText,\n    stringFormatter\n  ]);\n\n  // useUpdateEffect will handle using useEffectEvent, no need to stabilize anything on this end\n  useUpdateEffect(() => {\n    if (state.selectionManager.isFocused) {\n      announceSelectionChange();\n    } else {\n      // Wait a frame in case the collection is about to become focused (e.g. on mouse down).\n      let raf = requestAnimationFrame(announceSelectionChange);\n      return () => cancelAnimationFrame(raf);\n    }\n  }, [selection, state.selectionManager.isFocused]);\n}\n\nfunction diffSelection(a: Selection, b: Selection): Set<Key> {\n  let res = new Set<Key>();\n  if (a === 'all' || b === 'all') {\n    return res;\n  }\n\n  for (let key of a.keys()) {\n    if (!b.has(key)) {\n      res.add(key);\n    }\n  }\n\n  return res;\n}\n"],"names":[],"version":3,"file":"useGridSelectionAnnouncement.cjs.map"}

package/dist/private/grid/useGridSelectionAnnouncement.js

@@ -0,0 +1,113 @@
+import {announce as $a53edfcc12185fd0$export$a9b970dcc4ae71a9} from "../live-announcer/LiveAnnouncer.js";
+import $4drYP$intlStringsjs from "./intlStrings.js";
+import {useLocalizedStringFormatter as $1adfa757ef3cd864$export$f12b703ca79dfbb1} from "../i18n/useLocalizedStringFormatter.js";
+import {useUpdateEffect as $b444858e8a82ccea$export$496315a1608d9602} from "../utils/useUpdateEffect.js";
+import {useRef as $4drYP$useRef, useCallback as $4drYP$useCallback} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $c799300bff6b6e06$export$137e594ef3218a10(props, state) {
+    let { getRowText: getRowText = (key)=>{
+        var _state_collection_getTextValue, _state_collection, _state_collection_getItem;
+        var _state_collection_getTextValue1;
+        return (_state_collection_getTextValue1 = (_state_collection_getTextValue = (_state_collection = state.collection).getTextValue) === null || _state_collection_getTextValue === void 0 ? void 0 : _state_collection_getTextValue.call(_state_collection, key)) !== null && _state_collection_getTextValue1 !== void 0 ? _state_collection_getTextValue1 : (_state_collection_getItem = state.collection.getItem(key)) === null || _state_collection_getItem === void 0 ? void 0 : _state_collection_getItem.textValue;
+    } } = props;
+    let stringFormatter = (0, $1adfa757ef3cd864$export$f12b703ca79dfbb1)((0, ($parcel$interopDefault($4drYP$intlStringsjs))), '@react-aria/grid');
+    // 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 = (0, $4drYP$useRef)(selection);
+    let announceSelectionChange = (0, $4drYP$useCallback)(()=>{
+        var _lastSelection_current;
+        if (!state.selectionManager.isFocused || selection === lastSelection.current) {
+            lastSelection.current = selection;
+            return;
+        }
+        let addedKeys = $c799300bff6b6e06$var$diffSelection(selection, lastSelection.current);
+        let removedKeys = $c799300bff6b6e06$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) {
+            let firstKey = state.selectionManager.selectedKeys.keys().next().value;
+            if (firstKey != null && state.collection.getItem(firstKey)) {
+                let currentSelectionText = getRowText(firstKey);
+                if (currentSelectionText) messages.push(stringFormatter.format('selectedItem', {
+                    item: currentSelectionText
+                }));
+            }
+        } else if (addedKeys.size === 1 && removedKeys.size === 0) {
+            let firstKey = addedKeys.keys().next().value;
+            if (firstKey != null) {
+                let addedText = getRowText(firstKey);
+                if (addedText) messages.push(stringFormatter.format('selectedItem', {
+                    item: addedText
+                }));
+            }
+        } else if (removedKeys.size === 1 && addedKeys.size === 0) {
+            let firstKey = removedKeys.keys().next().value;
+            if (firstKey != null && state.collection.getItem(firstKey)) {
+                let removedText = getRowText(firstKey);
+                if (removedText) messages.push(stringFormatter.format('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' || ((_lastSelection_current = lastSelection.current) === null || _lastSelection_current === void 0 ? void 0 : _lastSelection_current.size) > 1) messages.push(selection === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selectedCount', {
+                count: selection.size
+            }));
+        }
+        if (messages.length > 0) (0, $a53edfcc12185fd0$export$a9b970dcc4ae71a9)(messages.join(' '));
+        lastSelection.current = selection;
+    }, [
+        selection,
+        state.selectionManager.selectedKeys,
+        state.selectionManager.isFocused,
+        state.selectionManager.selectionBehavior,
+        state.selectionManager.selectionMode,
+        state.collection,
+        getRowText,
+        stringFormatter
+    ]);
+    // useUpdateEffect will handle using useEffectEvent, no need to stabilize anything on this end
+    (0, $b444858e8a82ccea$export$496315a1608d9602)(()=>{
+        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
+    ]);
+}
+function $c799300bff6b6e06$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;
+}
+
+
+export {$c799300bff6b6e06$export$137e594ef3218a10 as useGridSelectionAnnouncement};
+//# sourceMappingURL=useGridSelectionAnnouncement.js.map

package/dist/private/grid/useGridSelectionAnnouncement.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria/src/grid/useGridSelectionAnnouncement.ts"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {announce} from '../live-announcer/LiveAnnouncer';\nimport {Collection, Key, Node, Selection} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/grid/*.json';\nimport {SelectionManager} from 'react-stately/private/selection/SelectionManager';\nimport {useCallback, useRef} from 'react';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useUpdateEffect} from '../utils/useUpdateEffect';\n\nexport interface GridSelectionAnnouncementProps {\n  /**\n   * A function that returns the text that should be announced by assistive technology when a row is added or removed from selection.\n   * @default (key) => state.collection.getItem(key)?.textValue\n   */\n  getRowText?: (key: Key) => string\n}\n\ninterface GridSelectionState<T> {\n  /** A collection of items in the grid. */\n  collection: Collection<Node<T>>,\n  /** A set of items that are disabled. */\n  disabledKeys: Set<Key>,\n  /** A selection manager to read and update multiple selection state. */\n  selectionManager: SelectionManager\n}\n\nexport function useGridSelectionAnnouncement<T>(props: GridSelectionAnnouncementProps, state: GridSelectionState<T>): void {\n  let {\n    getRowText = (key) => state.collection.getTextValue?.(key) ?? state.collection.getItem(key)?.textValue\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/grid');\n\n  // Many screen readers do not announce when items in a grid are selected/deselected.\n  // We do this using an ARIA live region.\n  let selection = state.selectionManager.rawSelection;\n  let lastSelection = useRef(selection);\n  let announceSelectionChange = useCallback(() => {\n    if (!state.selectionManager.isFocused || selection === lastSelection.current) {\n      lastSelection.current = selection;\n\n      return;\n    }\n\n    let addedKeys = diffSelection(selection, lastSelection.current);\n    let removedKeys = diffSelection(lastSelection.current, selection);\n\n    // If adding or removing a single row from the selection, announce the name of that item.\n    let isReplace = state.selectionManager.selectionBehavior === 'replace';\n    let messages: string[] = [];\n\n    if ((state.selectionManager.selectedKeys.size === 1 && isReplace)) {\n      let firstKey = state.selectionManager.selectedKeys.keys().next().value;\n      if (firstKey != null && state.collection.getItem(firstKey)) {\n        let currentSelectionText = getRowText(firstKey);\n        if (currentSelectionText) {\n          messages.push(stringFormatter.format('selectedItem', {item: currentSelectionText}));\n        }\n      }\n    } else if (addedKeys.size === 1 && removedKeys.size === 0) {\n      let firstKey = addedKeys.keys().next().value;\n      if (firstKey != null) {\n        let addedText = getRowText(firstKey);\n        if (addedText) {\n          messages.push(stringFormatter.format('selectedItem', {item: addedText}));\n        }\n      }\n    } else if (removedKeys.size === 1 && addedKeys.size === 0) {\n      let firstKey = removedKeys.keys().next().value;\n      if (firstKey != null && state.collection.getItem(firstKey)) {\n        let removedText = getRowText(firstKey);\n        if (removedText) {\n          messages.push(stringFormatter.format('deselectedItem', {item: removedText}));\n        }\n      }\n    }\n\n    // Announce how many items are selected, except when selecting the first item.\n    if (state.selectionManager.selectionMode === 'multiple') {\n      if (messages.length === 0 || selection === 'all' || selection.size > 1 || lastSelection.current === 'all' || lastSelection.current?.size > 1) {\n        messages.push(selection === 'all'\n          ? stringFormatter.format('selectedAll')\n          : stringFormatter.format('selectedCount', {count: selection.size})\n        );\n      }\n    }\n\n    if (messages.length > 0) {\n      announce(messages.join(' '));\n    }\n\n    lastSelection.current = selection;\n  }, [\n    selection,\n    state.selectionManager.selectedKeys,\n    state.selectionManager.isFocused,\n    state.selectionManager.selectionBehavior,\n    state.selectionManager.selectionMode,\n    state.collection,\n    getRowText,\n    stringFormatter\n  ]);\n\n  // useUpdateEffect will handle using useEffectEvent, no need to stabilize anything on this end\n  useUpdateEffect(() => {\n    if (state.selectionManager.isFocused) {\n      announceSelectionChange();\n    } else {\n      // Wait a frame in case the collection is about to become focused (e.g. on mouse down).\n      let raf = requestAnimationFrame(announceSelectionChange);\n      return () => cancelAnimationFrame(raf);\n    }\n  }, [selection, state.selectionManager.isFocused]);\n}\n\nfunction diffSelection(a: Selection, b: Selection): Set<Key> {\n  let res = new Set<Key>();\n  if (a === 'all' || b === 'all') {\n    return res;\n  }\n\n  for (let key of a.keys()) {\n    if (!b.has(key)) {\n      res.add(key);\n    }\n  }\n\n  return res;\n}\n"],"names":[],"version":3,"file":"useGridSelectionAnnouncement.js.map"}

package/dist/private/grid/useGridSelectionAnnouncement.mjs

@@ -0,0 +1,108 @@
+import {announce as $a46cf152bb926da5$export$a9b970dcc4ae71a9} from "../live-announcer/LiveAnnouncer.mjs";
+import $dKyQQ$intlStringsmjs from "./intlStrings.mjs";
+import {useLocalizedStringFormatter as $cf2482eff2eeeec2$export$f12b703ca79dfbb1} from "../i18n/useLocalizedStringFormatter.mjs";
+import {useUpdateEffect as $3c71b1595a147f24$export$496315a1608d9602} from "../utils/useUpdateEffect.mjs";
+import {useRef as $dKyQQ$useRef, useCallback as $dKyQQ$useCallback} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $2b2556a8276954c1$export$137e594ef3218a10(props, state) {
+    let { getRowText: getRowText = (key)=>state.collection.getTextValue?.(key) ?? state.collection.getItem(key)?.textValue } = props;
+    let stringFormatter = (0, $cf2482eff2eeeec2$export$f12b703ca79dfbb1)((0, ($parcel$interopDefault($dKyQQ$intlStringsmjs))), '@react-aria/grid');
+    // 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 = (0, $dKyQQ$useRef)(selection);
+    let announceSelectionChange = (0, $dKyQQ$useCallback)(()=>{
+        if (!state.selectionManager.isFocused || selection === lastSelection.current) {
+            lastSelection.current = selection;
+            return;
+        }
+        let addedKeys = $2b2556a8276954c1$var$diffSelection(selection, lastSelection.current);
+        let removedKeys = $2b2556a8276954c1$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) {
+            let firstKey = state.selectionManager.selectedKeys.keys().next().value;
+            if (firstKey != null && state.collection.getItem(firstKey)) {
+                let currentSelectionText = getRowText(firstKey);
+                if (currentSelectionText) messages.push(stringFormatter.format('selectedItem', {
+                    item: currentSelectionText
+                }));
+            }
+        } else if (addedKeys.size === 1 && removedKeys.size === 0) {
+            let firstKey = addedKeys.keys().next().value;
+            if (firstKey != null) {
+                let addedText = getRowText(firstKey);
+                if (addedText) messages.push(stringFormatter.format('selectedItem', {
+                    item: addedText
+                }));
+            }
+        } else if (removedKeys.size === 1 && addedKeys.size === 0) {
+            let firstKey = removedKeys.keys().next().value;
+            if (firstKey != null && state.collection.getItem(firstKey)) {
+                let removedText = getRowText(firstKey);
+                if (removedText) messages.push(stringFormatter.format('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' || lastSelection.current?.size > 1) messages.push(selection === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selectedCount', {
+                count: selection.size
+            }));
+        }
+        if (messages.length > 0) (0, $a46cf152bb926da5$export$a9b970dcc4ae71a9)(messages.join(' '));
+        lastSelection.current = selection;
+    }, [
+        selection,
+        state.selectionManager.selectedKeys,
+        state.selectionManager.isFocused,
+        state.selectionManager.selectionBehavior,
+        state.selectionManager.selectionMode,
+        state.collection,
+        getRowText,
+        stringFormatter
+    ]);
+    // useUpdateEffect will handle using useEffectEvent, no need to stabilize anything on this end
+    (0, $3c71b1595a147f24$export$496315a1608d9602)(()=>{
+        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
+    ]);
+}
+function $2b2556a8276954c1$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;
+}
+
+
+export {$2b2556a8276954c1$export$137e594ef3218a10 as useGridSelectionAnnouncement};
+//# sourceMappingURL=useGridSelectionAnnouncement.mjs.map

package/dist/private/grid/useGridSelectionAnnouncement.mjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria/src/grid/useGridSelectionAnnouncement.ts"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {announce} from '../live-announcer/LiveAnnouncer';\nimport {Collection, Key, Node, Selection} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/grid/*.json';\nimport {SelectionManager} from 'react-stately/private/selection/SelectionManager';\nimport {useCallback, useRef} from 'react';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useUpdateEffect} from '../utils/useUpdateEffect';\n\nexport interface GridSelectionAnnouncementProps {\n  /**\n   * A function that returns the text that should be announced by assistive technology when a row is added or removed from selection.\n   * @default (key) => state.collection.getItem(key)?.textValue\n   */\n  getRowText?: (key: Key) => string\n}\n\ninterface GridSelectionState<T> {\n  /** A collection of items in the grid. */\n  collection: Collection<Node<T>>,\n  /** A set of items that are disabled. */\n  disabledKeys: Set<Key>,\n  /** A selection manager to read and update multiple selection state. */\n  selectionManager: SelectionManager\n}\n\nexport function useGridSelectionAnnouncement<T>(props: GridSelectionAnnouncementProps, state: GridSelectionState<T>): void {\n  let {\n    getRowText = (key) => state.collection.getTextValue?.(key) ?? state.collection.getItem(key)?.textValue\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/grid');\n\n  // Many screen readers do not announce when items in a grid are selected/deselected.\n  // We do this using an ARIA live region.\n  let selection = state.selectionManager.rawSelection;\n  let lastSelection = useRef(selection);\n  let announceSelectionChange = useCallback(() => {\n    if (!state.selectionManager.isFocused || selection === lastSelection.current) {\n      lastSelection.current = selection;\n\n      return;\n    }\n\n    let addedKeys = diffSelection(selection, lastSelection.current);\n    let removedKeys = diffSelection(lastSelection.current, selection);\n\n    // If adding or removing a single row from the selection, announce the name of that item.\n    let isReplace = state.selectionManager.selectionBehavior === 'replace';\n    let messages: string[] = [];\n\n    if ((state.selectionManager.selectedKeys.size === 1 && isReplace)) {\n      let firstKey = state.selectionManager.selectedKeys.keys().next().value;\n      if (firstKey != null && state.collection.getItem(firstKey)) {\n        let currentSelectionText = getRowText(firstKey);\n        if (currentSelectionText) {\n          messages.push(stringFormatter.format('selectedItem', {item: currentSelectionText}));\n        }\n      }\n    } else if (addedKeys.size === 1 && removedKeys.size === 0) {\n      let firstKey = addedKeys.keys().next().value;\n      if (firstKey != null) {\n        let addedText = getRowText(firstKey);\n        if (addedText) {\n          messages.push(stringFormatter.format('selectedItem', {item: addedText}));\n        }\n      }\n    } else if (removedKeys.size === 1 && addedKeys.size === 0) {\n      let firstKey = removedKeys.keys().next().value;\n      if (firstKey != null && state.collection.getItem(firstKey)) {\n        let removedText = getRowText(firstKey);\n        if (removedText) {\n          messages.push(stringFormatter.format('deselectedItem', {item: removedText}));\n        }\n      }\n    }\n\n    // Announce how many items are selected, except when selecting the first item.\n    if (state.selectionManager.selectionMode === 'multiple') {\n      if (messages.length === 0 || selection === 'all' || selection.size > 1 || lastSelection.current === 'all' || lastSelection.current?.size > 1) {\n        messages.push(selection === 'all'\n          ? stringFormatter.format('selectedAll')\n          : stringFormatter.format('selectedCount', {count: selection.size})\n        );\n      }\n    }\n\n    if (messages.length > 0) {\n      announce(messages.join(' '));\n    }\n\n    lastSelection.current = selection;\n  }, [\n    selection,\n    state.selectionManager.selectedKeys,\n    state.selectionManager.isFocused,\n    state.selectionManager.selectionBehavior,\n    state.selectionManager.selectionMode,\n    state.collection,\n    getRowText,\n    stringFormatter\n  ]);\n\n  // useUpdateEffect will handle using useEffectEvent, no need to stabilize anything on this end\n  useUpdateEffect(() => {\n    if (state.selectionManager.isFocused) {\n      announceSelectionChange();\n    } else {\n      // Wait a frame in case the collection is about to become focused (e.g. on mouse down).\n      let raf = requestAnimationFrame(announceSelectionChange);\n      return () => cancelAnimationFrame(raf);\n    }\n  }, [selection, state.selectionManager.isFocused]);\n}\n\nfunction diffSelection(a: Selection, b: Selection): Set<Key> {\n  let res = new Set<Key>();\n  if (a === 'all' || b === 'all') {\n    return res;\n  }\n\n  for (let key of a.keys()) {\n    if (!b.has(key)) {\n      res.add(key);\n    }\n  }\n\n  return res;\n}\n"],"names":[],"version":3,"file":"useGridSelectionAnnouncement.mjs.map"}

package/dist/private/grid/useGridSelectionCheckbox.cjs

@@ -0,0 +1,39 @@
+var $88d878ce22ac7f67$exports = require("./intlStrings.cjs");
+var $7ac82d1fee77eb8a$exports = require("../utils/useId.cjs");
+var $d4e8e26182baab6e$exports = require("../i18n/useLocalizedStringFormatter.cjs");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useGridSelectionCheckbox", function () { return $6f0f3cb792714c98$export$70e2eed1a92976ad; });
+
+
+
+function $6f0f3cb792714c98$export$70e2eed1a92976ad(props, state) {
+    let { key: key } = props;
+    let manager = state.selectionManager;
+    let checkboxId = (0, $7ac82d1fee77eb8a$exports.useId)();
+    let isDisabled = !state.selectionManager.canSelectItem(key);
+    let isSelected = state.selectionManager.isSelected(key);
+    // Checkbox should always toggle selection, regardless of selectionBehavior.
+    let onChange = ()=>manager.toggleSelection(key);
+    const stringFormatter = (0, $d4e8e26182baab6e$exports.useLocalizedStringFormatter)((0, ($parcel$interopDefault($88d878ce22ac7f67$exports))), '@react-aria/grid');
+    return {
+        checkboxProps: {
+            id: checkboxId,
+            'aria-label': stringFormatter.format('select'),
+            isSelected: isSelected,
+            isDisabled: isDisabled,
+            onChange: onChange
+        }
+    };
+}
+
+
+//# sourceMappingURL=useGridSelectionCheckbox.cjs.map

package/dist/private/grid/useGridSelectionCheckbox.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAyBO,SAAS,0CAAyD,KAAqC,EAAE,KAAsB;IACpI,IAAI,OAAC,GAAG,EAAC,GAAG;IAEZ,IAAI,UAAU,MAAM,gBAAgB;IACpC,IAAI,aAAa,CAAA,GAAA,+BAAI;IACrB,IAAI,aAAa,CAAC,MAAM,gBAAgB,CAAC,aAAa,CAAC;IACvD,IAAI,aAAa,MAAM,gBAAgB,CAAC,UAAU,CAAC;IAEnD,4EAA4E;IAC5E,IAAI,WAAW,IAAM,QAAQ,eAAe,CAAC;IAE7C,MAAM,kBAAkB,CAAA,GAAA,qDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAElE,OAAO;QACL,eAAe;YACb,IAAI;YACJ,cAAc,gBAAgB,MAAM,CAAC;wBACrC;wBACA;sBACA;QACF;IACF;AACF","sources":["packages/react-aria/src/grid/useGridSelectionCheckbox.ts"],"sourcesContent":["import {AriaCheckboxProps} from '../checkbox/useCheckbox';\nimport {IGridCollection as GridCollection} from 'react-stately/private/grid/GridCollection';\nimport {GridState} from 'react-stately/private/grid/useGridState';\n// @ts-ignore\nimport intlMessages from '../../intl/grid/*.json';\nimport {Key} from '@react-types/shared';\nimport {useId} from '../utils/useId';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\n\nexport interface AriaGridSelectionCheckboxProps {\n  /** A unique key for the checkbox. */\n  key: Key\n}\n\nexport interface GridSelectionCheckboxAria {\n  /** Props for the row selection checkbox element. */\n  checkboxProps: AriaCheckboxProps\n}\n\n\n/**\n * Provides the behavior and accessibility implementation for a selection checkbox in a grid.\n * @param props - Props for the selection checkbox.\n * @param state - State of the grid, as returned by `useGridState`.\n */\nexport function useGridSelectionCheckbox<T, C extends GridCollection<T>>(props: AriaGridSelectionCheckboxProps, state: GridState<T, C>): GridSelectionCheckboxAria {\n  let {key} = props;\n\n  let manager = state.selectionManager;\n  let checkboxId = useId();\n  let isDisabled = !state.selectionManager.canSelectItem(key);\n  let isSelected = state.selectionManager.isSelected(key);\n\n  // Checkbox should always toggle selection, regardless of selectionBehavior.\n  let onChange = () => manager.toggleSelection(key);\n\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/grid');\n\n  return {\n    checkboxProps: {\n      id: checkboxId,\n      'aria-label': stringFormatter.format('select'),\n      isSelected,\n      isDisabled,\n      onChange\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useGridSelectionCheckbox.cjs.map"}

package/dist/private/grid/useGridSelectionCheckbox.js

@@ -0,0 +1,34 @@
+import $cPCZU$intlStringsjs from "./intlStrings.js";
+import {useId as $0292efe68908de6b$export$f680877a34711e37} from "../utils/useId.js";
+import {useLocalizedStringFormatter as $1adfa757ef3cd864$export$f12b703ca79dfbb1} from "../i18n/useLocalizedStringFormatter.js";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+function $ba59c92b3d4c78e7$export$70e2eed1a92976ad(props, state) {
+    let { key: key } = props;
+    let manager = state.selectionManager;
+    let checkboxId = (0, $0292efe68908de6b$export$f680877a34711e37)();
+    let isDisabled = !state.selectionManager.canSelectItem(key);
+    let isSelected = state.selectionManager.isSelected(key);
+    // Checkbox should always toggle selection, regardless of selectionBehavior.
+    let onChange = ()=>manager.toggleSelection(key);
+    const stringFormatter = (0, $1adfa757ef3cd864$export$f12b703ca79dfbb1)((0, ($parcel$interopDefault($cPCZU$intlStringsjs))), '@react-aria/grid');
+    return {
+        checkboxProps: {
+            id: checkboxId,
+            'aria-label': stringFormatter.format('select'),
+            isSelected: isSelected,
+            isDisabled: isDisabled,
+            onChange: onChange
+        }
+    };
+}
+
+
+export {$ba59c92b3d4c78e7$export$70e2eed1a92976ad as useGridSelectionCheckbox};
+//# sourceMappingURL=useGridSelectionCheckbox.js.map

package/dist/private/grid/useGridSelectionCheckbox.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAyBO,SAAS,0CAAyD,KAAqC,EAAE,KAAsB;IACpI,IAAI,OAAC,GAAG,EAAC,GAAG;IAEZ,IAAI,UAAU,MAAM,gBAAgB;IACpC,IAAI,aAAa,CAAA,GAAA,yCAAI;IACrB,IAAI,aAAa,CAAC,MAAM,gBAAgB,CAAC,aAAa,CAAC;IACvD,IAAI,aAAa,MAAM,gBAAgB,CAAC,UAAU,CAAC;IAEnD,4EAA4E;IAC5E,IAAI,WAAW,IAAM,QAAQ,eAAe,CAAC;IAE7C,MAAM,kBAAkB,CAAA,GAAA,yCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAElE,OAAO;QACL,eAAe;YACb,IAAI;YACJ,cAAc,gBAAgB,MAAM,CAAC;wBACrC;wBACA;sBACA;QACF;IACF;AACF","sources":["packages/react-aria/src/grid/useGridSelectionCheckbox.ts"],"sourcesContent":["import {AriaCheckboxProps} from '../checkbox/useCheckbox';\nimport {IGridCollection as GridCollection} from 'react-stately/private/grid/GridCollection';\nimport {GridState} from 'react-stately/private/grid/useGridState';\n// @ts-ignore\nimport intlMessages from '../../intl/grid/*.json';\nimport {Key} from '@react-types/shared';\nimport {useId} from '../utils/useId';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\n\nexport interface AriaGridSelectionCheckboxProps {\n  /** A unique key for the checkbox. */\n  key: Key\n}\n\nexport interface GridSelectionCheckboxAria {\n  /** Props for the row selection checkbox element. */\n  checkboxProps: AriaCheckboxProps\n}\n\n\n/**\n * Provides the behavior and accessibility implementation for a selection checkbox in a grid.\n * @param props - Props for the selection checkbox.\n * @param state - State of the grid, as returned by `useGridState`.\n */\nexport function useGridSelectionCheckbox<T, C extends GridCollection<T>>(props: AriaGridSelectionCheckboxProps, state: GridState<T, C>): GridSelectionCheckboxAria {\n  let {key} = props;\n\n  let manager = state.selectionManager;\n  let checkboxId = useId();\n  let isDisabled = !state.selectionManager.canSelectItem(key);\n  let isSelected = state.selectionManager.isSelected(key);\n\n  // Checkbox should always toggle selection, regardless of selectionBehavior.\n  let onChange = () => manager.toggleSelection(key);\n\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/grid');\n\n  return {\n    checkboxProps: {\n      id: checkboxId,\n      'aria-label': stringFormatter.format('select'),\n      isSelected,\n      isDisabled,\n      onChange\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useGridSelectionCheckbox.js.map"}

package/dist/private/grid/useGridSelectionCheckbox.mjs

@@ -0,0 +1,34 @@
+import $iU8zV$intlStringsmjs from "./intlStrings.mjs";
+import {useId as $390e54f620492c70$export$f680877a34711e37} from "../utils/useId.mjs";
+import {useLocalizedStringFormatter as $cf2482eff2eeeec2$export$f12b703ca79dfbb1} from "../i18n/useLocalizedStringFormatter.mjs";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+
+
+function $575d7acf5e0b35f6$export$70e2eed1a92976ad(props, state) {
+    let { key: key } = props;
+    let manager = state.selectionManager;
+    let checkboxId = (0, $390e54f620492c70$export$f680877a34711e37)();
+    let isDisabled = !state.selectionManager.canSelectItem(key);
+    let isSelected = state.selectionManager.isSelected(key);
+    // Checkbox should always toggle selection, regardless of selectionBehavior.
+    let onChange = ()=>manager.toggleSelection(key);
+    const stringFormatter = (0, $cf2482eff2eeeec2$export$f12b703ca79dfbb1)((0, ($parcel$interopDefault($iU8zV$intlStringsmjs))), '@react-aria/grid');
+    return {
+        checkboxProps: {
+            id: checkboxId,
+            'aria-label': stringFormatter.format('select'),
+            isSelected: isSelected,
+            isDisabled: isDisabled,
+            onChange: onChange
+        }
+    };
+}
+
+
+export {$575d7acf5e0b35f6$export$70e2eed1a92976ad as useGridSelectionCheckbox};
+//# sourceMappingURL=useGridSelectionCheckbox.mjs.map

package/dist/private/grid/useGridSelectionCheckbox.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAyBO,SAAS,0CAAyD,KAAqC,EAAE,KAAsB;IACpI,IAAI,OAAC,GAAG,EAAC,GAAG;IAEZ,IAAI,UAAU,MAAM,gBAAgB;IACpC,IAAI,aAAa,CAAA,GAAA,yCAAI;IACrB,IAAI,aAAa,CAAC,MAAM,gBAAgB,CAAC,aAAa,CAAC;IACvD,IAAI,aAAa,MAAM,gBAAgB,CAAC,UAAU,CAAC;IAEnD,4EAA4E;IAC5E,IAAI,WAAW,IAAM,QAAQ,eAAe,CAAC;IAE7C,MAAM,kBAAkB,CAAA,GAAA,yCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAElE,OAAO;QACL,eAAe;YACb,IAAI;YACJ,cAAc,gBAAgB,MAAM,CAAC;wBACrC;wBACA;sBACA;QACF;IACF;AACF","sources":["packages/react-aria/src/grid/useGridSelectionCheckbox.ts"],"sourcesContent":["import {AriaCheckboxProps} from '../checkbox/useCheckbox';\nimport {IGridCollection as GridCollection} from 'react-stately/private/grid/GridCollection';\nimport {GridState} from 'react-stately/private/grid/useGridState';\n// @ts-ignore\nimport intlMessages from '../../intl/grid/*.json';\nimport {Key} from '@react-types/shared';\nimport {useId} from '../utils/useId';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\n\nexport interface AriaGridSelectionCheckboxProps {\n  /** A unique key for the checkbox. */\n  key: Key\n}\n\nexport interface GridSelectionCheckboxAria {\n  /** Props for the row selection checkbox element. */\n  checkboxProps: AriaCheckboxProps\n}\n\n\n/**\n * Provides the behavior and accessibility implementation for a selection checkbox in a grid.\n * @param props - Props for the selection checkbox.\n * @param state - State of the grid, as returned by `useGridState`.\n */\nexport function useGridSelectionCheckbox<T, C extends GridCollection<T>>(props: AriaGridSelectionCheckboxProps, state: GridState<T, C>): GridSelectionCheckboxAria {\n  let {key} = props;\n\n  let manager = state.selectionManager;\n  let checkboxId = useId();\n  let isDisabled = !state.selectionManager.canSelectItem(key);\n  let isSelected = state.selectionManager.isSelected(key);\n\n  // Checkbox should always toggle selection, regardless of selectionBehavior.\n  let onChange = () => manager.toggleSelection(key);\n\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/grid');\n\n  return {\n    checkboxProps: {\n      id: checkboxId,\n      'aria-label': stringFormatter.format('select'),\n      isSelected,\n      isDisabled,\n      onChange\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useGridSelectionCheckbox.mjs.map"}

package/dist/private/grid/useHighlightSelectionDescription.cjs

@@ -0,0 +1,55 @@
+var $88d878ce22ac7f67$exports = require("./intlStrings.cjs");
+var $2205bbfafbd0b5cd$exports = require("../utils/useDescription.cjs");
+var $d0df89f3abe2c2ca$exports = require("../interactions/useFocusVisible.cjs");
+var $d4e8e26182baab6e$exports = require("../i18n/useLocalizedStringFormatter.cjs");
+var $1RmMN$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useHighlightSelectionDescription", function () { return $50ae4f70f9b3767e$export$be42ebdab07ae4c2; });
+/*
+ * Copyright 2021 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $50ae4f70f9b3767e$export$be42ebdab07ae4c2(props) {
+    let stringFormatter = (0, $d4e8e26182baab6e$exports.useLocalizedStringFormatter)((0, ($parcel$interopDefault($88d878ce22ac7f67$exports))), '@react-aria/grid');
+    let modality = (0, $d0df89f3abe2c2ca$exports.useInteractionModality)();
+    // null is the default if the user hasn't interacted with the table at all yet or the rest of the page
+    let shouldLongPress = (modality === 'pointer' || modality === 'virtual' || modality == null) && typeof window !== 'undefined' && 'ontouchstart' in window;
+    let interactionDescription = (0, $1RmMN$react.useMemo)(()=>{
+        let selectionMode = props.selectionManager.selectionMode;
+        let selectionBehavior = props.selectionManager.selectionBehavior;
+        let message;
+        if (shouldLongPress) message = stringFormatter.format('longPressToSelect');
+        return selectionBehavior === 'replace' && selectionMode !== 'none' && props.hasItemActions ? message : undefined;
+    }, [
+        props.selectionManager.selectionMode,
+        props.selectionManager.selectionBehavior,
+        props.hasItemActions,
+        stringFormatter,
+        shouldLongPress
+    ]);
+    let descriptionProps = (0, $2205bbfafbd0b5cd$exports.useDescription)(interactionDescription);
+    return descriptionProps;
+}
+
+
+//# sourceMappingURL=useHighlightSelectionDescription.cjs.map

package/dist/private/grid/useHighlightSelectionDescription.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAoBM,SAAS,0CAAiC,KAAyC;IACxF,IAAI,kBAAkB,CAAA,GAAA,qDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,WAAW,CAAA,GAAA,gDAAqB;IACpC,sGAAsG;IACtG,IAAI,kBAAkB,AAAC,CAAA,aAAa,aAAa,aAAa,aAAa,YAAY,IAAG,KACrF,OAAO,WAAW,eAAe,kBAAkB;IAExD,IAAI,yBAAyB,CAAA,GAAA,oBAAM,EAAE;QACnC,IAAI,gBAAgB,MAAM,gBAAgB,CAAC,aAAa;QACxD,IAAI,oBAAoB,MAAM,gBAAgB,CAAC,iBAAiB;QAEhE,IAAI;QACJ,IAAI,iBACF,UAAU,gBAAgB,MAAM,CAAC;QAGnC,OAAO,sBAAsB,aAAa,kBAAkB,UAAU,MAAM,cAAc,GAAG,UAAU;IACzG,GAAG;QAAC,MAAM,gBAAgB,CAAC,aAAa;QAAE,MAAM,gBAAgB,CAAC,iBAAiB;QAAE,MAAM,cAAc;QAAE;QAAiB;KAAgB;IAE3I,IAAI,mBAAmB,CAAA,GAAA,wCAAa,EAAE;IACtC,OAAO;AACT","sources":["packages/react-aria/src/grid/useHighlightSelectionDescription.ts"],"sourcesContent":["/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../../intl/grid/*.json';\nimport {MultipleSelectionManager} from 'react-stately/useMultipleSelectionState';\nimport {useDescription} from '../utils/useDescription';\nimport {useInteractionModality} from '../interactions/useFocusVisible';\nimport {useLocalizedStringFormatter} from '../i18n/useLocalizedStringFormatter';\nimport {useMemo} from 'react';\n\nexport interface HighlightSelectionDescriptionProps {\n  selectionManager: MultipleSelectionManager,\n  hasItemActions?: boolean\n}\n\n/**\n * Computes the description for a grid selectable collection.\n * @param props\n */\nexport function useHighlightSelectionDescription(props: HighlightSelectionDescriptionProps): AriaLabelingProps {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/grid');\n  let modality = useInteractionModality();\n  // null is the default if the user hasn't interacted with the table at all yet or the rest of the page\n  let shouldLongPress = (modality === 'pointer' || modality === 'virtual' || modality == null)\n    && typeof window !== 'undefined' && 'ontouchstart' in window;\n\n  let interactionDescription = useMemo(() => {\n    let selectionMode = props.selectionManager.selectionMode;\n    let selectionBehavior = props.selectionManager.selectionBehavior;\n\n    let message: string | undefined;\n    if (shouldLongPress) {\n      message = stringFormatter.format('longPressToSelect');\n    }\n\n    return selectionBehavior === 'replace' && selectionMode !== 'none' && props.hasItemActions ? message : undefined;\n  }, [props.selectionManager.selectionMode, props.selectionManager.selectionBehavior, props.hasItemActions, stringFormatter, shouldLongPress]);\n\n  let descriptionProps = useDescription(interactionDescription);\n  return descriptionProps;\n}\n"],"names":[],"version":3,"file":"useHighlightSelectionDescription.cjs.map"}