react-aria 3.49.0 → 3.51.0

package/dist/private/gridlist/useGridListItem.js

@@ -2,6 +2,7 @@ import {chain as $2cf8bb4b9e45dc81$export$e08e3b67e392101e} from "../utils/chain
 import {focusSafely as $56c81cdebdc6a696$export$80f3e147d781571c} from "../interactions/focusSafely.js";
 import {getActiveElement as $d8ac7ed472840322$export$cd4e5573fbe2b576, getEventTarget as $d8ac7ed472840322$export$e58f029f0fbfdb29, isFocusWithin as $d8ac7ed472840322$export$b4f377a2b6254582, nodeContains as $d8ac7ed472840322$export$4282f70798064fe0} from "../utils/shadowdom/DOMFunctions.js";
 import {getFocusableTreeWalker as $903814aeb7d53b38$export$2d6ec8fc375ceafa} from "../focus/FocusScope.js";
+import {getOwnerDocument as $cc3c3666b64debad$export$b204af158042fbac} from "../utils/domHelpers.js";
 import {getRowId as $781ed2e01df48c52$export$f45c25170b9a99c2, listMap as $781ed2e01df48c52$export$5b9bb410392e3991} from "./utils.js";
 import {getScrollParent as $5b46e0a1626c2890$export$cfa2225e87938781} from "../utils/getScrollParent.js";
 import {isFocusVisible as $b50b1cc8a843ace7$export$b9b3dfddab17db27} from "../interactions/useFocusVisible.js";
@@ -37,6 +38,7 @@ import {useRef as $45hvd$useRef} from "react";
 
 
 
+
 const $7d08662b45460e3b$var$EXPANSION_KEYS = {
     expand: {
         ltr: 'ArrowRight',
@@ -50,7 +52,7 @@ const $7d08662b45460e3b$var$EXPANSION_KEYS = {
 function $7d08662b45460e3b$export$9610e69494fadfd2(props, state, ref) {
     var _node_props, _node_props1;
     // Copied from useGridCell + some modifications to make it not so grid specific
-    let { node: node, isVirtualized: isVirtualized } = props;
+    let { node: node, isVirtualized: isVirtualized, focusMode: focusMode = 'row', allowsArrowNavigation: allowsArrowNavigation } = props;
     // let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/gridlist');
     let { direction: direction } = (0, $4defb058003b3e05$export$43bb16f9c6d9e3f7)();
     let { onAction: onAction, linkBehavior: linkBehavior, keyboardNavigationBehavior: keyboardNavigationBehavior, shouldSelectOnPressUp: shouldSelectOnPressUp } = (0, $781ed2e01df48c52$export$5b9bb410392e3991).get(state);
@@ -59,9 +61,25 @@ function $7d08662b45460e3b$export$9610e69494fadfd2(props, state, ref) {
     // focus to go to the item when the DOM node is reused for a different item in a virtualizer.
     let keyWhenFocused = (0, $45hvd$useRef)(null);
     let focus = ()=>{
+        if (ref.current === null) return;
+        if (focusMode === 'child') {
+            // If focus is already on a focusable child within the row, early return so we don't shift focus
+            if ((0, $d8ac7ed472840322$export$b4f377a2b6254582)(ref.current) && ref.current !== (0, $d8ac7ed472840322$export$cd4e5573fbe2b576)((0, $cc3c3666b64debad$export$b204af158042fbac)(ref.current))) return;
+            let treeWalker = (0, $903814aeb7d53b38$export$2d6ec8fc375ceafa)(ref.current, {
+                tabbable: true
+            });
+            let focusable = treeWalker.firstChild();
+            if (focusable) {
+                (0, $56c81cdebdc6a696$export$80f3e147d781571c)(focusable);
+                (0, $6507765bd7f5ad94$export$c826860796309d1b)(focusable, {
+                    containingElement: (0, $5b46e0a1626c2890$export$cfa2225e87938781)(focusable)
+                });
+                return;
+            }
+        }
         // Don't shift focus to the row if the active element is a element within the row already
         // (e.g. clicking on a row button)
-        if (ref.current !== null && (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !(0, $d8ac7ed472840322$export$b4f377a2b6254582)(ref.current))) (0, $56c81cdebdc6a696$export$80f3e147d781571c)(ref.current);
+        if (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !(0, $d8ac7ed472840322$export$b4f377a2b6254582)(ref.current)) (0, $56c81cdebdc6a696$export$80f3e147d781571c)(ref.current);
     };
     let treeGridRowProps = {};
     let hasChildRows = props.hasChildItems;
@@ -109,30 +127,11 @@ function $7d08662b45460e3b$export$9610e69494fadfd2(props, state, ref) {
         linkBehavior: linkBehavior
     });
     let onKeyDownCapture = (e)=>{
-        let activeElement = (0, $d8ac7ed472840322$export$cd4e5573fbe2b576)();
+        let activeElement = (0, $d8ac7ed472840322$export$cd4e5573fbe2b576)((0, $cc3c3666b64debad$export$b204af158042fbac)(ref.current));
         if (!(0, $d8ac7ed472840322$export$4282f70798064fe0)(e.currentTarget, (0, $d8ac7ed472840322$export$e58f029f0fbfdb29)(e)) || !ref.current || !activeElement) return;
         let walker = (0, $903814aeb7d53b38$export$2d6ec8fc375ceafa)(ref.current);
         walker.currentNode = activeElement;
-        if ('expandedKeys' in state && activeElement === ref.current) {
-            if (e.key === $7d08662b45460e3b$var$EXPANSION_KEYS['expand'][direction] && state.selectionManager.focusedKey === node.key && hasChildRows && !state.expandedKeys.has(node.key)) {
-                state.toggleKey(node.key);
-                e.stopPropagation();
-                return;
-            } else if (e.key === $7d08662b45460e3b$var$EXPANSION_KEYS['collapse'][direction] && state.selectionManager.focusedKey === node.key) {
-                var _state_collection_getItem;
-                // If item is collapsible, collapse it; else move to parent
-                if (hasChildRows && state.expandedKeys.has(node.key)) {
-                    state.toggleKey(node.key);
-                    e.stopPropagation();
-                    return;
-                } else if (!state.expandedKeys.has(node.key) && node.parentKey && ((_state_collection_getItem = state.collection.getItem(node.parentKey)) === null || _state_collection_getItem === void 0 ? void 0 : _state_collection_getItem.type) === 'item') {
-                    // Item is a leaf or already collapsed, move focus to parent
-                    state.selectionManager.setFocusedKey(node.parentKey);
-                    e.stopPropagation();
-                    return;
-                }
-            }
-        }
+        if ($7d08662b45460e3b$var$handleTreeExpansionKeys(e, state, node, hasChildRows, direction, activeElement, ref.current, allowsArrowNavigation)) return;
         switch(e.key){
             case 'ArrowLeft':
                 if (keyboardNavigationBehavior === 'arrow') {
@@ -226,10 +225,28 @@ function $7d08662b45460e3b$export$9610e69494fadfd2(props, state, ref) {
             if (!(0, $b50b1cc8a843ace7$export$b9b3dfddab17db27)()) state.selectionManager.setFocusedKey(node.key);
             return;
         }
+        // if focus goes back to cell from child, make sure we don't refocus the cell if we are in focusMode=child
+        // since that would be a focus trap
+        if (focusMode === 'child' && e.relatedTarget && (0, $d8ac7ed472840322$export$4282f70798064fe0)(ref.current, e.relatedTarget)) return;
+        // If the cell itself is focused, wait a frame so that focus finishes propagating
+        // up to the tree, and move focus to a focusable child if possible.
+        requestAnimationFrame(()=>{
+            if (focusMode === 'child' && (0, $d8ac7ed472840322$export$cd4e5573fbe2b576)((0, $cc3c3666b64debad$export$b204af158042fbac)(ref.current)) === ref.current) focus();
+        });
     };
     let onKeyDown = (e)=>{
-        let activeElement = (0, $d8ac7ed472840322$export$cd4e5573fbe2b576)();
+        let activeElement = (0, $d8ac7ed472840322$export$cd4e5573fbe2b576)((0, $cc3c3666b64debad$export$b204af158042fbac)(ref.current));
         if (!(0, $d8ac7ed472840322$export$4282f70798064fe0)(e.currentTarget, (0, $d8ac7ed472840322$export$e58f029f0fbfdb29)(e)) || !ref.current || !activeElement) return;
+        if (keyboardNavigationBehavior === 'tab') {
+            // Stop propagation for all events that originate from the children of the gridlist item since we don't want to trigger
+            // grid level interactions (row navigation/typeselect/etc)
+            // exception made for Tab since that needs to propagate to useSelectableCollection to tab out of the gridlist, might be others?
+            if ((0, $d8ac7ed472840322$export$e58f029f0fbfdb29)(e) !== ref.current && e.key !== 'Tab') {
+                e.stopPropagation();
+                return;
+            }
+            if ($7d08662b45460e3b$var$handleTreeExpansionKeys(e, state, node, hasChildRows, direction, activeElement, ref.current, allowsArrowNavigation)) return;
+        }
         switch(e.key){
             case 'Tab':
                 if (keyboardNavigationBehavior === 'tab') {
@@ -255,10 +272,10 @@ function $7d08662b45460e3b$export$9610e69494fadfd2(props, state, ref) {
     //     link: node.props.href
     //   });
     // }
+    // oxlint-disable-next-line react/react-compiler
     let rowProps = (0, $64c36edd757dfa16$export$9d1611c77c2fe928)(itemProps, linkProps, {
         role: 'row',
-        onKeyDownCapture: onKeyDownCapture,
-        onKeyDown: onKeyDown,
+        onKeyDownCapture: keyboardNavigationBehavior === 'arrow' || allowsArrowNavigation ? onKeyDownCapture : undefined,
         onFocus: onFocus,
         // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),
         'aria-label': node['aria-label'] || node.textValue || undefined,
@@ -267,6 +284,14 @@ function $7d08662b45460e3b$export$9610e69494fadfd2(props, state, ref) {
         'aria-labelledby': descriptionId && (node['aria-label'] || node.textValue) ? `${(0, $781ed2e01df48c52$export$f45c25170b9a99c2)(state, node.key)} ${descriptionId}` : undefined,
         id: (0, $781ed2e01df48c52$export$f45c25170b9a99c2)(state, node.key)
     });
+    if (focusMode === 'child' && allowsArrowNavigation && keyboardNavigationBehavior === 'tab') rowProps.tabIndex = -1;
+    // we need to guard against space/enter triggering selection/row link via usePress (from itemProps) so check if propagation
+    // is stopped. this also fixes space not working in a textfield in a tree parent row
+    let baseOnKeyDown = rowProps.onKeyDown;
+    rowProps.onKeyDown = (e)=>{
+        onKeyDown(e);
+        if (!e.isPropagationStopped()) baseOnKeyDown === null || baseOnKeyDown === void 0 ? void 0 : baseOnKeyDown(e);
+    };
     if (isVirtualized) {
         let { collection: collection } = state;
         let nodes = [
@@ -285,6 +310,7 @@ function $7d08662b45460e3b$export$9610e69494fadfd2(props, state, ref) {
         'aria-colindex': 1
     };
     // TODO: should isExpanded and hasChildRows be a item state that gets returned by the hook?
+    // oxlint-disable react/react-compiler
     return {
         rowProps: {
             ...(0, $64c36edd757dfa16$export$9d1611c77c2fe928)(rowProps, treeGridRowProps)
@@ -295,6 +321,29 @@ function $7d08662b45460e3b$export$9610e69494fadfd2(props, state, ref) {
         },
         ...itemStates
     };
+// oxlint-enable react/react-compiler
+}
+function $7d08662b45460e3b$var$handleTreeExpansionKeys(e, state, node, hasChildRows, direction, activeElement, rowRef, allowsArrowNavigation) {
+    if (!('expandedKeys' in state) || !allowsArrowNavigation && activeElement !== rowRef) return false;
+    if (e.key === $7d08662b45460e3b$var$EXPANSION_KEYS['expand'][direction] && state.selectionManager.focusedKey === node.key && hasChildRows && !state.expandedKeys.has(node.key)) {
+        state.toggleKey(node.key);
+        e.stopPropagation();
+        return true;
+    } else if (e.key === $7d08662b45460e3b$var$EXPANSION_KEYS['collapse'][direction] && state.selectionManager.focusedKey === node.key) {
+        var _state_collection_getItem;
+        // If item is collapsible, collapse it; else move to parent
+        if (hasChildRows && state.expandedKeys.has(node.key)) {
+            state.toggleKey(node.key);
+            e.stopPropagation();
+            return true;
+        } else if (!state.expandedKeys.has(node.key) && node.parentKey && ((_state_collection_getItem = state.collection.getItem(node.parentKey)) === null || _state_collection_getItem === void 0 ? void 0 : _state_collection_getItem.type) === 'item') {
+            // Item is a leaf or already collapsed, move focus to parent
+            state.selectionManager.setFocusedKey(node.parentKey);
+            e.stopPropagation();
+            return true;
+        }
+    }
+    return false;
 }
 function $7d08662b45460e3b$var$last(walker) {
     let next = null;

package/dist/private/gridlist/useGridListItem.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/gridlist/useGridListItem.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 {chain} from '../utils/chain';\n\nimport {\n  Collection,\n  DOMAttributes,\n  FocusableElement,\n  Key,\n  RefObject,\n  Node as RSNode\n} from '@react-types/shared';\nimport {focusSafely} from '../interactions/focusSafely';\nimport {\n  getActiveElement,\n  getEventTarget,\n  isFocusWithin,\n  nodeContains\n} from '../utils/shadowdom/DOMFunctions';\nimport {getFocusableTreeWalker} from '../focus/FocusScope';\nimport {getRowId, listMap} from './utils';\nimport {getScrollParent} from '../utils/getScrollParent';\nimport {HTMLAttributes, KeyboardEvent as ReactKeyboardEvent, useRef} from 'react';\nimport {isFocusVisible} from '../interactions/useFocusVisible';\nimport type {ListState} from 'react-stately/useListState';\nimport {mergeProps} from '../utils/mergeProps';\nimport {scrollIntoViewport} from '../utils/scrollIntoView';\nimport {SelectableItemStates, useSelectableItem} from '../selection/useSelectableItem';\nimport type {TreeState} from 'react-stately/useTreeState';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useSlotId} from '../utils/useId';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nexport interface AriaGridListItemOptions {\n  /**\n   * An object representing the list item. Contains all the relevant information that makes up the\n   * list row.\n   */\n  node: RSNode<unknown>;\n  /** Whether the list row is contained in a virtual scroller. */\n  isVirtualized?: boolean;\n  /** Whether selection should occur on press up instead of press down. */\n  shouldSelectOnPressUp?: boolean;\n  /** Whether this item has children, even if not loaded yet. */\n  hasChildItems?: boolean;\n}\n\nexport interface GridListItemAria extends SelectableItemStates {\n  /** Props for the list row element. */\n  rowProps: DOMAttributes;\n  /** Props for the grid cell element within the list row. */\n  gridCellProps: DOMAttributes;\n  /** Props for the list item description element, if any. */\n  descriptionProps: DOMAttributes;\n}\n\nconst EXPANSION_KEYS = {\n  expand: {\n    ltr: 'ArrowRight',\n    rtl: 'ArrowLeft'\n  },\n  collapse: {\n    ltr: 'ArrowLeft',\n    rtl: 'ArrowRight'\n  }\n};\n\n/**\n * Provides the behavior and accessibility implementation for a row in a grid list.\n *\n * @param props - Props for the row.\n * @param state - State of the parent list, as returned by `useListState`.\n * @param ref - The ref attached to the row element.\n */\nexport function useGridListItem<T>(\n  props: AriaGridListItemOptions,\n  state: ListState<T> | TreeState<T>,\n  ref: RefObject<FocusableElement | null>\n): GridListItemAria {\n  // Copied from useGridCell + some modifications to make it not so grid specific\n  let {node, isVirtualized} = props;\n\n  // let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/gridlist');\n  let {direction} = useLocale();\n  let {onAction, linkBehavior, keyboardNavigationBehavior, shouldSelectOnPressUp} =\n    listMap.get(state)!;\n  let descriptionId = useSlotId();\n\n  // We need to track the key of the item at the time it was last focused so that we force\n  // focus to go to the item when the DOM node is reused for a different item in a virtualizer.\n  let keyWhenFocused = useRef<Key | null>(null);\n  let focus = () => {\n    // Don't shift focus to the row if the active element is a element within the row already\n    // (e.g. clicking on a row button)\n    if (\n      ref.current !== null &&\n      ((keyWhenFocused.current != null && node.key !== keyWhenFocused.current) ||\n        !isFocusWithin(ref.current))\n    ) {\n      focusSafely(ref.current);\n    }\n  };\n\n  let treeGridRowProps: HTMLAttributes<HTMLElement> = {};\n  let hasChildRows = props.hasChildItems;\n  let hasLink = state.selectionManager.isLink(node.key);\n  if (node != null && 'expandedKeys' in state) {\n    // TODO: ideally node.hasChildNodes would be a way to tell if a row has child nodes, but the row's contents make it so that value is always\n    // true...\n    let children = state.collection.getChildren?.(node.key);\n    hasChildRows = hasChildRows || [...(children ?? [])].length > 1;\n\n    if (\n      onAction == null &&\n      !hasLink &&\n      state.selectionManager.selectionMode === 'none' &&\n      hasChildRows\n    ) {\n      onAction = () => state.toggleKey(node.key);\n    }\n\n    let isExpanded = hasChildRows ? state.expandedKeys.has(node.key) : undefined;\n    let setSize = 1;\n    let index = node.index;\n    if (node.level >= 0 && node?.parentKey != null) {\n      let parent = state.collection.getItem(node.parentKey);\n      if (parent) {\n        // siblings must exist because our original node exists\n        let siblings = getDirectChildren(parent, state.collection);\n        setSize = [...siblings].filter(row => row.type === 'item').length;\n        if (index > 0 && siblings[0].type !== 'item') {\n          index -= 1; // subtract one for the parent item's content node\n        }\n      }\n    } else {\n      setSize = [...state.collection].filter(row => row.level === 0 && row.type === 'item').length;\n    }\n\n    treeGridRowProps = {\n      'aria-expanded': isExpanded,\n      'aria-level': node.level + 1,\n      'aria-posinset': index + 1,\n      'aria-setsize': setSize\n    };\n  }\n\n  let {itemProps, ...itemStates} = useSelectableItem({\n    selectionManager: state.selectionManager,\n    key: node.key,\n    ref,\n    isVirtualized,\n    shouldSelectOnPressUp: props.shouldSelectOnPressUp || shouldSelectOnPressUp,\n    onAction:\n      onAction || node.props?.onAction\n        ? chain(node.props?.onAction, onAction ? () => onAction(node.key) : undefined)\n        : undefined,\n    focus,\n    linkBehavior\n  });\n\n  let onKeyDownCapture = (e: ReactKeyboardEvent) => {\n    let activeElement = getActiveElement();\n    if (\n      !nodeContains(e.currentTarget, getEventTarget(e) as Element) ||\n      !ref.current ||\n      !activeElement\n    ) {\n      return;\n    }\n\n    let walker = getFocusableTreeWalker(ref.current);\n    walker.currentNode = activeElement;\n\n    if ('expandedKeys' in state && activeElement === ref.current) {\n      if (\n        e.key === EXPANSION_KEYS['expand'][direction] &&\n        state.selectionManager.focusedKey === node.key &&\n        hasChildRows &&\n        !state.expandedKeys.has(node.key)\n      ) {\n        state.toggleKey(node.key);\n        e.stopPropagation();\n        return;\n      } else if (\n        e.key === EXPANSION_KEYS['collapse'][direction] &&\n        state.selectionManager.focusedKey === node.key\n      ) {\n        // If item is collapsible, collapse it; else move to parent\n        if (hasChildRows && state.expandedKeys.has(node.key)) {\n          state.toggleKey(node.key);\n          e.stopPropagation();\n          return;\n        } else if (\n          !state.expandedKeys.has(node.key) &&\n          node.parentKey &&\n          state.collection.getItem(node.parentKey)?.type === 'item'\n        ) {\n          // Item is a leaf or already collapsed, move focus to parent\n          state.selectionManager.setFocusedKey(node.parentKey);\n          e.stopPropagation();\n          return;\n        }\n      }\n    }\n\n    switch (e.key) {\n      case 'ArrowLeft': {\n        if (keyboardNavigationBehavior === 'arrow') {\n          // Find the next focusable element within the row.\n          let focusable =\n            direction === 'rtl'\n              ? (walker.nextNode() as FocusableElement)\n              : (walker.previousNode() as FocusableElement);\n\n          if (focusable) {\n            e.preventDefault();\n            e.stopPropagation();\n            focusSafely(focusable);\n            scrollIntoViewport(focusable, {containingElement: getScrollParent(ref.current)});\n          } else {\n            // If there is no next focusable child, then return focus back to the row\n            e.preventDefault();\n            e.stopPropagation();\n            if (direction === 'rtl') {\n              focusSafely(ref.current);\n              scrollIntoViewport(ref.current, {containingElement: getScrollParent(ref.current)});\n            } else {\n              walker.currentNode = ref.current;\n              let lastElement = last(walker);\n              // oxlint-disable-next-line max-depth\n              if (lastElement) {\n                focusSafely(lastElement);\n                scrollIntoViewport(lastElement, {containingElement: getScrollParent(ref.current)});\n              }\n            }\n          }\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        if (keyboardNavigationBehavior === 'arrow') {\n          let focusable =\n            direction === 'rtl'\n              ? (walker.previousNode() as FocusableElement)\n              : (walker.nextNode() as FocusableElement);\n\n          if (focusable) {\n            e.preventDefault();\n            e.stopPropagation();\n            focusSafely(focusable);\n            scrollIntoViewport(focusable, {containingElement: getScrollParent(ref.current)});\n          } else {\n            e.preventDefault();\n            e.stopPropagation();\n            if (direction === 'ltr') {\n              focusSafely(ref.current);\n              scrollIntoViewport(ref.current, {containingElement: getScrollParent(ref.current)});\n            } else {\n              walker.currentNode = ref.current;\n              let lastElement = last(walker);\n              // oxlint-disable-next-line max-depth\n              if (lastElement) {\n                focusSafely(lastElement);\n                scrollIntoViewport(lastElement, {containingElement: getScrollParent(ref.current)});\n              }\n            }\n          }\n        }\n        break;\n      }\n      case 'ArrowUp':\n      case 'ArrowDown':\n        // Prevent this event from reaching row children, e.g. menu buttons. We want arrow keys to navigate\n        // to the row above/below instead. We need to re-dispatch the event from a higher parent so it still\n        // bubbles and gets handled by useSelectableCollection.\n        if (!e.altKey && nodeContains(ref.current, getEventTarget(e) as Element)) {\n          e.stopPropagation();\n          e.preventDefault();\n          ref.current.parentElement?.dispatchEvent(\n            new KeyboardEvent(e.nativeEvent.type, e.nativeEvent)\n          );\n        }\n        break;\n    }\n  };\n\n  let onFocus = e => {\n    keyWhenFocused.current = node.key;\n    if (getEventTarget(e) !== ref.current) {\n      // useSelectableItem only handles setting the focused key when\n      // the focused element is the row itself. We also want to\n      // set the focused key when a child element receives focus.\n      // If focus is currently visible (e.g. the user is navigating with the keyboard),\n      // then skip this. We want to restore focus to the previously focused row\n      // in that case since the list should act like a single tab stop.\n      if (!isFocusVisible()) {\n        state.selectionManager.setFocusedKey(node.key);\n      }\n      return;\n    }\n  };\n\n  let onKeyDown = e => {\n    let activeElement = getActiveElement();\n    if (\n      !nodeContains(e.currentTarget, getEventTarget(e) as Element) ||\n      !ref.current ||\n      !activeElement\n    ) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'Tab': {\n        if (keyboardNavigationBehavior === 'tab') {\n          // If there is another focusable element within this item, stop propagation so the tab key\n          // is handled by the browser and not by useSelectableCollection (which would take us out of the list).\n          let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n          walker.currentNode = activeElement;\n          let next = e.shiftKey ? walker.previousNode() : walker.nextNode();\n\n          if (next) {\n            e.stopPropagation();\n          }\n        }\n      }\n    }\n  };\n\n  let syntheticLinkProps = useSyntheticLinkProps(node.props);\n  let linkProps = itemStates.hasAction ? syntheticLinkProps : {};\n  // TODO: re-add when we get translations and fix this for iOS VO\n  // let rowAnnouncement;\n  // if (onAction) {\n  //   rowAnnouncement = stringFormatter.format('hasActionAnnouncement');\n  // } else if (hasLink) {\n  //   rowAnnouncement = stringFormatter.format('hasLinkAnnouncement', {\n  //     link: node.props.href\n  //   });\n  // }\n\n  let rowProps: DOMAttributes = mergeProps(itemProps, linkProps, {\n    role: 'row',\n    onKeyDownCapture,\n    onKeyDown,\n    onFocus,\n    // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),\n    'aria-label': node['aria-label'] || node.textValue || undefined,\n    'aria-selected': state.selectionManager.canSelectItem(node.key)\n      ? state.selectionManager.isSelected(node.key)\n      : undefined,\n    'aria-disabled': state.selectionManager.isDisabled(node.key) || undefined,\n    'aria-labelledby':\n      descriptionId && (node['aria-label'] || node.textValue)\n        ? `${getRowId(state, node.key)} ${descriptionId}`\n        : undefined,\n    id: getRowId(state, node.key)\n  });\n\n  if (isVirtualized) {\n    let {collection} = state;\n    let nodes = [...collection];\n    // TODO: refactor ListCollection to store an absolute index of a node's position?\n    rowProps['aria-rowindex'] = nodes.find(node => node.type === 'section')\n      ? [...collection.getKeys()]\n          .filter(key => collection.getItem(key)?.type !== 'section')\n          .findIndex(key => key === node.key) + 1\n      : node.index + 1;\n  }\n\n  let gridCellProps = {\n    role: 'gridcell',\n    'aria-colindex': 1\n  };\n\n  // TODO: should isExpanded and hasChildRows be a item state that gets returned by the hook?\n  return {\n    rowProps: {...mergeProps(rowProps, treeGridRowProps)},\n    gridCellProps,\n    descriptionProps: {\n      id: descriptionId\n    },\n    ...itemStates\n  };\n}\n\nfunction last(walker: TreeWalker) {\n  let next: FocusableElement | null = null;\n  let last: FocusableElement | null = null;\n  do {\n    last = walker.lastChild() as FocusableElement | null;\n    if (last) {\n      next = last;\n    }\n  } while (last);\n  return next;\n}\n\nfunction getDirectChildren<T>(parent: RSNode<T>, collection: Collection<RSNode<T>>) {\n  // We can't assume that we can use firstChildKey because if a person builds a tree using hooks, they would not have access to that property (using type Node vs CollectionNode)\n  // Instead, get all children and start at the first node (rather than just using firstChildKey) and only look at its siblings\n  let children = collection.getChildren?.(parent.key);\n  let childArray = children ? Array.from(children) : [];\n  let node = childArray.length > 0 ? childArray[0] : null;\n  let siblings: RSNode<T>[] = [];\n  while (node) {\n    siblings.push(node);\n    node = node.nextKey != null ? collection.getItem(node.nextKey) : null;\n  }\n  return siblings;\n}\n"],"names":[],"version":3,"file":"useGridListItem.js.map"}
+{"mappings":"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","sources":["packages/react-aria/src/gridlist/useGridListItem.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 {chain} from '../utils/chain';\nimport {\n  Collection,\n  DOMAttributes,\n  FocusableElement,\n  Key,\n  RefObject,\n  Node as RSNode\n} from '@react-types/shared';\nimport {focusSafely} from '../interactions/focusSafely';\nimport {\n  getActiveElement,\n  getEventTarget,\n  isFocusWithin,\n  nodeContains\n} from '../utils/shadowdom/DOMFunctions';\nimport {getFocusableTreeWalker} from '../focus/FocusScope';\nimport {getOwnerDocument} from '../utils/domHelpers';\nimport {getRowId, listMap} from './utils';\nimport {getScrollParent} from '../utils/getScrollParent';\nimport {HTMLAttributes, KeyboardEvent as ReactKeyboardEvent, useRef} from 'react';\nimport {isFocusVisible} from '../interactions/useFocusVisible';\nimport type {ListState} from 'react-stately/useListState';\nimport {mergeProps} from '../utils/mergeProps';\nimport {scrollIntoViewport} from '../utils/scrollIntoView';\nimport {SelectableItemStates, useSelectableItem} from '../selection/useSelectableItem';\nimport type {TreeState} from 'react-stately/useTreeState';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useSlotId} from '../utils/useId';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nexport interface AriaGridListItemOptions {\n  /**\n   * An object representing the list item. Contains all the relevant information that makes up the\n   * list row.\n   */\n  node: RSNode<unknown>;\n  /** Whether the list row is contained in a virtual scroller. */\n  isVirtualized?: boolean;\n  /** Whether selection should occur on press up instead of press down. */\n  shouldSelectOnPressUp?: boolean;\n  /** Whether this item has children, even if not loaded yet. */\n  hasChildItems?: boolean;\n  /**\n   * Whether the row or its first focusable child element should be focused when the row is\n   * focused.\n   *\n   * @default 'row'\n   */\n  focusMode?: 'child' | 'row';\n  /**\n   * Whether the row should support arrow key navigation even when the containing collection uses\n   * tab keyboard navigation. Allows users to navigate between rows with arrow keys while\n   * focus is on an interactive child element within the row.\n   */\n  allowsArrowNavigation?: boolean;\n}\n\nexport interface GridListItemAria extends SelectableItemStates {\n  /** Props for the list row element. */\n  rowProps: DOMAttributes;\n  /** Props for the grid cell element within the list row. */\n  gridCellProps: DOMAttributes;\n  /** Props for the list item description element, if any. */\n  descriptionProps: DOMAttributes;\n}\n\nconst EXPANSION_KEYS = {\n  expand: {\n    ltr: 'ArrowRight',\n    rtl: 'ArrowLeft'\n  },\n  collapse: {\n    ltr: 'ArrowLeft',\n    rtl: 'ArrowRight'\n  }\n};\n\n/**\n * Provides the behavior and accessibility implementation for a row in a grid list.\n *\n * @param props - Props for the row.\n * @param state - State of the parent list, as returned by `useListState`.\n * @param ref - The ref attached to the row element.\n */\nexport function useGridListItem<T>(\n  props: AriaGridListItemOptions,\n  state: ListState<T> | TreeState<T>,\n  ref: RefObject<FocusableElement | null>\n): GridListItemAria {\n  // Copied from useGridCell + some modifications to make it not so grid specific\n  let {node, isVirtualized, focusMode = 'row', allowsArrowNavigation} = props;\n\n  // let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/gridlist');\n  let {direction} = useLocale();\n  let {onAction, linkBehavior, keyboardNavigationBehavior, shouldSelectOnPressUp} =\n    listMap.get(state)!;\n  let descriptionId = useSlotId();\n\n  // We need to track the key of the item at the time it was last focused so that we force\n  // focus to go to the item when the DOM node is reused for a different item in a virtualizer.\n  let keyWhenFocused = useRef<Key | null>(null);\n  let focus = () => {\n    if (ref.current === null) {\n      return;\n    }\n\n    if (focusMode === 'child') {\n      // If focus is already on a focusable child within the row, early return so we don't shift focus\n      if (\n        isFocusWithin(ref.current) &&\n        ref.current !== getActiveElement(getOwnerDocument(ref.current))\n      ) {\n        return;\n      }\n\n      let treeWalker = getFocusableTreeWalker(ref.current, {tabbable: true});\n      let focusable = treeWalker.firstChild() as FocusableElement;\n      if (focusable) {\n        focusSafely(focusable);\n        scrollIntoViewport(focusable, {containingElement: getScrollParent(focusable)});\n        return;\n      }\n    }\n\n    // Don't shift focus to the row if the active element is a element within the row already\n    // (e.g. clicking on a row button)\n    if (\n      (keyWhenFocused.current != null && node.key !== keyWhenFocused.current) ||\n      !isFocusWithin(ref.current)\n    ) {\n      focusSafely(ref.current);\n    }\n  };\n\n  let treeGridRowProps: HTMLAttributes<HTMLElement> = {};\n  let hasChildRows = props.hasChildItems;\n  let hasLink = state.selectionManager.isLink(node.key);\n  if (node != null && 'expandedKeys' in state) {\n    // TODO: ideally node.hasChildNodes would be a way to tell if a row has child nodes, but the row's contents make it so that value is always\n    // true...\n    let children = state.collection.getChildren?.(node.key);\n    hasChildRows = hasChildRows || [...(children ?? [])].length > 1;\n\n    if (\n      onAction == null &&\n      !hasLink &&\n      state.selectionManager.selectionMode === 'none' &&\n      hasChildRows\n    ) {\n      onAction = () => state.toggleKey(node.key);\n    }\n\n    let isExpanded = hasChildRows ? state.expandedKeys.has(node.key) : undefined;\n    let setSize = 1;\n    let index = node.index;\n    if (node.level >= 0 && node?.parentKey != null) {\n      let parent = state.collection.getItem(node.parentKey);\n      if (parent) {\n        // siblings must exist because our original node exists\n        let siblings = getDirectChildren(parent, state.collection);\n        setSize = [...siblings].filter(row => row.type === 'item').length;\n        if (index > 0 && siblings[0].type !== 'item') {\n          index -= 1; // subtract one for the parent item's content node\n        }\n      }\n    } else {\n      setSize = [...state.collection].filter(row => row.level === 0 && row.type === 'item').length;\n    }\n\n    treeGridRowProps = {\n      'aria-expanded': isExpanded,\n      'aria-level': node.level + 1,\n      'aria-posinset': index + 1,\n      'aria-setsize': setSize\n    };\n  }\n\n  let {itemProps, ...itemStates} = useSelectableItem({\n    selectionManager: state.selectionManager,\n    key: node.key,\n    ref,\n    isVirtualized,\n    shouldSelectOnPressUp: props.shouldSelectOnPressUp || shouldSelectOnPressUp,\n    onAction:\n      onAction || node.props?.onAction\n        ? chain(node.props?.onAction, onAction ? () => onAction(node.key) : undefined)\n        : undefined,\n    focus,\n    linkBehavior\n  });\n\n  let onKeyDownCapture = (e: ReactKeyboardEvent) => {\n    let activeElement = getActiveElement(getOwnerDocument(ref.current));\n    if (\n      !nodeContains(e.currentTarget, getEventTarget(e) as Element) ||\n      !ref.current ||\n      !activeElement\n    ) {\n      return;\n    }\n\n    let walker = getFocusableTreeWalker(ref.current);\n    walker.currentNode = activeElement;\n\n    if (\n      handleTreeExpansionKeys(\n        e,\n        state,\n        node,\n        hasChildRows,\n        direction,\n        activeElement,\n        ref.current,\n        allowsArrowNavigation\n      )\n    ) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowLeft': {\n        if (keyboardNavigationBehavior === 'arrow') {\n          // Find the next focusable element within the row.\n          let focusable =\n            direction === 'rtl'\n              ? (walker.nextNode() as FocusableElement)\n              : (walker.previousNode() as FocusableElement);\n\n          if (focusable) {\n            e.preventDefault();\n            e.stopPropagation();\n            focusSafely(focusable);\n            scrollIntoViewport(focusable, {containingElement: getScrollParent(ref.current)});\n          } else {\n            // If there is no next focusable child, then return focus back to the row\n            e.preventDefault();\n            e.stopPropagation();\n            if (direction === 'rtl') {\n              focusSafely(ref.current);\n              scrollIntoViewport(ref.current, {containingElement: getScrollParent(ref.current)});\n            } else {\n              walker.currentNode = ref.current;\n              let lastElement = last(walker);\n              // oxlint-disable-next-line max-depth\n              if (lastElement) {\n                focusSafely(lastElement);\n                scrollIntoViewport(lastElement, {containingElement: getScrollParent(ref.current)});\n              }\n            }\n          }\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        if (keyboardNavigationBehavior === 'arrow') {\n          let focusable =\n            direction === 'rtl'\n              ? (walker.previousNode() as FocusableElement)\n              : (walker.nextNode() as FocusableElement);\n\n          if (focusable) {\n            e.preventDefault();\n            e.stopPropagation();\n            focusSafely(focusable);\n            scrollIntoViewport(focusable, {containingElement: getScrollParent(ref.current)});\n          } else {\n            e.preventDefault();\n            e.stopPropagation();\n            if (direction === 'ltr') {\n              focusSafely(ref.current);\n              scrollIntoViewport(ref.current, {containingElement: getScrollParent(ref.current)});\n            } else {\n              walker.currentNode = ref.current;\n              let lastElement = last(walker);\n              // oxlint-disable-next-line max-depth\n              if (lastElement) {\n                focusSafely(lastElement);\n                scrollIntoViewport(lastElement, {containingElement: getScrollParent(ref.current)});\n              }\n            }\n          }\n        }\n        break;\n      }\n      case 'ArrowUp':\n      case 'ArrowDown':\n        // Prevent this event from reaching row children, e.g. menu buttons. We want arrow keys to navigate\n        // to the row above/below instead. We need to re-dispatch the event from a higher parent so it still\n        // bubbles and gets handled by useSelectableCollection.\n        if (!e.altKey && nodeContains(ref.current, getEventTarget(e) as Element)) {\n          e.stopPropagation();\n          e.preventDefault();\n          ref.current.parentElement?.dispatchEvent(\n            new KeyboardEvent(e.nativeEvent.type, e.nativeEvent)\n          );\n        }\n        break;\n    }\n  };\n\n  let onFocus = e => {\n    keyWhenFocused.current = node.key;\n    if (getEventTarget(e) !== ref.current) {\n      // useSelectableItem only handles setting the focused key when\n      // the focused element is the row itself. We also want to\n      // set the focused key when a child element receives focus.\n      // If focus is currently visible (e.g. the user is navigating with the keyboard),\n      // then skip this. We want to restore focus to the previously focused row\n      // in that case since the list should act like a single tab stop.\n      if (!isFocusVisible()) {\n        state.selectionManager.setFocusedKey(node.key);\n      }\n      return;\n    }\n\n    // if focus goes back to cell from child, make sure we don't refocus the cell if we are in focusMode=child\n    // since that would be a focus trap\n    if (\n      focusMode === 'child' &&\n      e.relatedTarget &&\n      nodeContains(ref.current, e.relatedTarget as Element)\n    ) {\n      return;\n    }\n\n    // If the cell itself is focused, wait a frame so that focus finishes propagating\n    // up to the tree, and move focus to a focusable child if possible.\n    requestAnimationFrame(() => {\n      if (\n        focusMode === 'child' &&\n        getActiveElement(getOwnerDocument(ref.current)) === ref.current\n      ) {\n        focus();\n      }\n    });\n  };\n\n  let onKeyDown = (e: ReactKeyboardEvent) => {\n    let activeElement = getActiveElement(getOwnerDocument(ref.current));\n    if (\n      !nodeContains(e.currentTarget, getEventTarget(e) as Element) ||\n      !ref.current ||\n      !activeElement\n    ) {\n      return;\n    }\n\n    if (keyboardNavigationBehavior === 'tab') {\n      // Stop propagation for all events that originate from the children of the gridlist item since we don't want to trigger\n      // grid level interactions (row navigation/typeselect/etc)\n      // exception made for Tab since that needs to propagate to useSelectableCollection to tab out of the gridlist, might be others?\n      if (getEventTarget(e) !== ref.current && e.key !== 'Tab') {\n        e.stopPropagation();\n        return;\n      }\n\n      if (\n        handleTreeExpansionKeys(\n          e,\n          state,\n          node,\n          hasChildRows,\n          direction,\n          activeElement,\n          ref.current,\n          allowsArrowNavigation\n        )\n      ) {\n        return;\n      }\n    }\n\n    switch (e.key) {\n      case 'Tab': {\n        if (keyboardNavigationBehavior === 'tab') {\n          // If there is another focusable element within this item, stop propagation so the tab key\n          // is handled by the browser and not by useSelectableCollection (which would take us out of the list).\n          let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n          walker.currentNode = activeElement;\n          let next = e.shiftKey ? walker.previousNode() : walker.nextNode();\n\n          if (next) {\n            e.stopPropagation();\n          }\n        }\n      }\n    }\n  };\n\n  let syntheticLinkProps = useSyntheticLinkProps(node.props);\n  let linkProps = itemStates.hasAction ? syntheticLinkProps : {};\n  // TODO: re-add when we get translations and fix this for iOS VO\n  // let rowAnnouncement;\n  // if (onAction) {\n  //   rowAnnouncement = stringFormatter.format('hasActionAnnouncement');\n  // } else if (hasLink) {\n  //   rowAnnouncement = stringFormatter.format('hasLinkAnnouncement', {\n  //     link: node.props.href\n  //   });\n  // }\n\n  // oxlint-disable-next-line react/react-compiler\n  let rowProps: DOMAttributes = mergeProps(itemProps, linkProps, {\n    role: 'row',\n    onKeyDownCapture:\n      keyboardNavigationBehavior === 'arrow' || allowsArrowNavigation\n        ? onKeyDownCapture\n        : undefined,\n    onFocus,\n    // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),\n    'aria-label': node['aria-label'] || node.textValue || undefined,\n    'aria-selected': state.selectionManager.canSelectItem(node.key)\n      ? state.selectionManager.isSelected(node.key)\n      : undefined,\n    'aria-disabled': state.selectionManager.isDisabled(node.key) || undefined,\n    'aria-labelledby':\n      descriptionId && (node['aria-label'] || node.textValue)\n        ? `${getRowId(state, node.key)} ${descriptionId}`\n        : undefined,\n    id: getRowId(state, node.key)\n  });\n\n  if (focusMode === 'child' && allowsArrowNavigation && keyboardNavigationBehavior === 'tab') {\n    rowProps.tabIndex = -1;\n  }\n\n  // we need to guard against space/enter triggering selection/row link via usePress (from itemProps) so check if propagation\n  // is stopped. this also fixes space not working in a textfield in a tree parent row\n  let baseOnKeyDown = rowProps.onKeyDown;\n  rowProps.onKeyDown = (e: ReactKeyboardEvent<FocusableElement>) => {\n    onKeyDown(e as ReactKeyboardEvent);\n    if (!e.isPropagationStopped()) {\n      baseOnKeyDown?.(e);\n    }\n  };\n\n  if (isVirtualized) {\n    let {collection} = state;\n    let nodes = [...collection];\n    // TODO: refactor ListCollection to store an absolute index of a node's position?\n    rowProps['aria-rowindex'] = nodes.find(node => node.type === 'section')\n      ? [...collection.getKeys()]\n          .filter(key => collection.getItem(key)?.type !== 'section')\n          .findIndex(key => key === node.key) + 1\n      : node.index + 1;\n  }\n\n  let gridCellProps = {\n    role: 'gridcell',\n    'aria-colindex': 1\n  };\n\n  // TODO: should isExpanded and hasChildRows be a item state that gets returned by the hook?\n  // oxlint-disable react/react-compiler\n  return {\n    rowProps: {...mergeProps(rowProps, treeGridRowProps)},\n    gridCellProps,\n    descriptionProps: {\n      id: descriptionId\n    },\n    ...itemStates\n  };\n  // oxlint-enable react/react-compiler\n}\n\nfunction handleTreeExpansionKeys<T>(\n  e: ReactKeyboardEvent,\n  state: ListState<T> | TreeState<T>,\n  node: RSNode<unknown>,\n  hasChildRows: boolean | undefined,\n  direction: string,\n  activeElement: Element | null,\n  rowRef: FocusableElement | null,\n  allowsArrowNavigation: boolean | undefined\n): boolean {\n  if (!('expandedKeys' in state) || (!allowsArrowNavigation && activeElement !== rowRef)) {\n    return false;\n  }\n  if (\n    e.key === EXPANSION_KEYS['expand'][direction] &&\n    state.selectionManager.focusedKey === node.key &&\n    hasChildRows &&\n    !state.expandedKeys.has(node.key)\n  ) {\n    state.toggleKey(node.key);\n    e.stopPropagation();\n    return true;\n  } else if (\n    e.key === EXPANSION_KEYS['collapse'][direction] &&\n    state.selectionManager.focusedKey === node.key\n  ) {\n    // If item is collapsible, collapse it; else move to parent\n    if (hasChildRows && state.expandedKeys.has(node.key)) {\n      state.toggleKey(node.key);\n      e.stopPropagation();\n      return true;\n    } else if (\n      !state.expandedKeys.has(node.key) &&\n      node.parentKey &&\n      state.collection.getItem(node.parentKey)?.type === 'item'\n    ) {\n      // Item is a leaf or already collapsed, move focus to parent\n      state.selectionManager.setFocusedKey(node.parentKey);\n      e.stopPropagation();\n      return true;\n    }\n  }\n  return false;\n}\n\nfunction last(walker: TreeWalker) {\n  let next: FocusableElement | null = null;\n  let last: FocusableElement | null = null;\n  do {\n    last = walker.lastChild() as FocusableElement | null;\n    if (last) {\n      next = last;\n    }\n  } while (last);\n  return next;\n}\n\nfunction getDirectChildren<T>(parent: RSNode<T>, collection: Collection<RSNode<T>>) {\n  // We can't assume that we can use firstChildKey because if a person builds a tree using hooks, they would not have access to that property (using type Node vs CollectionNode)\n  // Instead, get all children and start at the first node (rather than just using firstChildKey) and only look at its siblings\n  let children = collection.getChildren?.(parent.key);\n  let childArray = children ? Array.from(children) : [];\n  let node = childArray.length > 0 ? childArray[0] : null;\n  let siblings: RSNode<T>[] = [];\n  while (node) {\n    siblings.push(node);\n    node = node.nextKey != null ? collection.getItem(node.nextKey) : null;\n  }\n  return siblings;\n}\n"],"names":[],"version":3,"file":"useGridListItem.js.map"}

package/dist/private/gridlist/useGridListItem.mjs

@@ -2,6 +2,7 @@ import {chain as $a4e76a5424781910$export$e08e3b67e392101e} from "../utils/chain
 import {focusSafely as $f192c2f16961cbe0$export$80f3e147d781571c} from "../interactions/focusSafely.mjs";
 import {getActiveElement as $23f2114a1b82827e$export$cd4e5573fbe2b576, getEventTarget as $23f2114a1b82827e$export$e58f029f0fbfdb29, isFocusWithin as $23f2114a1b82827e$export$b4f377a2b6254582, nodeContains as $23f2114a1b82827e$export$4282f70798064fe0} from "../utils/shadowdom/DOMFunctions.mjs";
 import {getFocusableTreeWalker as $535772f9d2c1f38d$export$2d6ec8fc375ceafa} from "../focus/FocusScope.mjs";
+import {getOwnerDocument as $d447af545b77c9f1$export$b204af158042fbac} from "../utils/domHelpers.mjs";
 import {getRowId as $c1c90317e8bffe4d$export$f45c25170b9a99c2, listMap as $c1c90317e8bffe4d$export$5b9bb410392e3991} from "./utils.mjs";
 import {getScrollParent as $3578607fe3d4b096$export$cfa2225e87938781} from "../utils/getScrollParent.mjs";
 import {isFocusVisible as $8f5a2122b0992be3$export$b9b3dfddab17db27} from "../interactions/useFocusVisible.mjs";
@@ -37,6 +38,7 @@ import {useRef as $2igou$useRef} from "react";
 
 
 
+
 const $be7bed9611dd7497$var$EXPANSION_KEYS = {
     expand: {
         ltr: 'ArrowRight',
@@ -49,7 +51,7 @@ const $be7bed9611dd7497$var$EXPANSION_KEYS = {
 };
 function $be7bed9611dd7497$export$9610e69494fadfd2(props, state, ref) {
     // Copied from useGridCell + some modifications to make it not so grid specific
-    let { node: node, isVirtualized: isVirtualized } = props;
+    let { node: node, isVirtualized: isVirtualized, focusMode: focusMode = 'row', allowsArrowNavigation: allowsArrowNavigation } = props;
     // let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/gridlist');
     let { direction: direction } = (0, $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
     let { onAction: onAction, linkBehavior: linkBehavior, keyboardNavigationBehavior: keyboardNavigationBehavior, shouldSelectOnPressUp: shouldSelectOnPressUp } = (0, $c1c90317e8bffe4d$export$5b9bb410392e3991).get(state);
@@ -58,9 +60,25 @@ function $be7bed9611dd7497$export$9610e69494fadfd2(props, state, ref) {
     // focus to go to the item when the DOM node is reused for a different item in a virtualizer.
     let keyWhenFocused = (0, $2igou$useRef)(null);
     let focus = ()=>{
+        if (ref.current === null) return;
+        if (focusMode === 'child') {
+            // If focus is already on a focusable child within the row, early return so we don't shift focus
+            if ((0, $23f2114a1b82827e$export$b4f377a2b6254582)(ref.current) && ref.current !== (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)((0, $d447af545b77c9f1$export$b204af158042fbac)(ref.current))) return;
+            let treeWalker = (0, $535772f9d2c1f38d$export$2d6ec8fc375ceafa)(ref.current, {
+                tabbable: true
+            });
+            let focusable = treeWalker.firstChild();
+            if (focusable) {
+                (0, $f192c2f16961cbe0$export$80f3e147d781571c)(focusable);
+                (0, $51a3e22a5186a962$export$c826860796309d1b)(focusable, {
+                    containingElement: (0, $3578607fe3d4b096$export$cfa2225e87938781)(focusable)
+                });
+                return;
+            }
+        }
         // Don't shift focus to the row if the active element is a element within the row already
         // (e.g. clicking on a row button)
-        if (ref.current !== null && (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !(0, $23f2114a1b82827e$export$b4f377a2b6254582)(ref.current))) (0, $f192c2f16961cbe0$export$80f3e147d781571c)(ref.current);
+        if (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !(0, $23f2114a1b82827e$export$b4f377a2b6254582)(ref.current)) (0, $f192c2f16961cbe0$export$80f3e147d781571c)(ref.current);
     };
     let treeGridRowProps = {};
     let hasChildRows = props.hasChildItems;
@@ -107,29 +125,11 @@ function $be7bed9611dd7497$export$9610e69494fadfd2(props, state, ref) {
         linkBehavior: linkBehavior
     });
     let onKeyDownCapture = (e)=>{
-        let activeElement = (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)();
+        let activeElement = (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)((0, $d447af545b77c9f1$export$b204af158042fbac)(ref.current));
         if (!(0, $23f2114a1b82827e$export$4282f70798064fe0)(e.currentTarget, (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e)) || !ref.current || !activeElement) return;
         let walker = (0, $535772f9d2c1f38d$export$2d6ec8fc375ceafa)(ref.current);
         walker.currentNode = activeElement;
-        if ('expandedKeys' in state && activeElement === ref.current) {
-            if (e.key === $be7bed9611dd7497$var$EXPANSION_KEYS['expand'][direction] && state.selectionManager.focusedKey === node.key && hasChildRows && !state.expandedKeys.has(node.key)) {
-                state.toggleKey(node.key);
-                e.stopPropagation();
-                return;
-            } else if (e.key === $be7bed9611dd7497$var$EXPANSION_KEYS['collapse'][direction] && state.selectionManager.focusedKey === node.key) {
-                // If item is collapsible, collapse it; else move to parent
-                if (hasChildRows && state.expandedKeys.has(node.key)) {
-                    state.toggleKey(node.key);
-                    e.stopPropagation();
-                    return;
-                } else if (!state.expandedKeys.has(node.key) && node.parentKey && state.collection.getItem(node.parentKey)?.type === 'item') {
-                    // Item is a leaf or already collapsed, move focus to parent
-                    state.selectionManager.setFocusedKey(node.parentKey);
-                    e.stopPropagation();
-                    return;
-                }
-            }
-        }
+        if ($be7bed9611dd7497$var$handleTreeExpansionKeys(e, state, node, hasChildRows, direction, activeElement, ref.current, allowsArrowNavigation)) return;
         switch(e.key){
             case 'ArrowLeft':
                 if (keyboardNavigationBehavior === 'arrow') {
@@ -222,10 +222,28 @@ function $be7bed9611dd7497$export$9610e69494fadfd2(props, state, ref) {
             if (!(0, $8f5a2122b0992be3$export$b9b3dfddab17db27)()) state.selectionManager.setFocusedKey(node.key);
             return;
         }
+        // if focus goes back to cell from child, make sure we don't refocus the cell if we are in focusMode=child
+        // since that would be a focus trap
+        if (focusMode === 'child' && e.relatedTarget && (0, $23f2114a1b82827e$export$4282f70798064fe0)(ref.current, e.relatedTarget)) return;
+        // If the cell itself is focused, wait a frame so that focus finishes propagating
+        // up to the tree, and move focus to a focusable child if possible.
+        requestAnimationFrame(()=>{
+            if (focusMode === 'child' && (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)((0, $d447af545b77c9f1$export$b204af158042fbac)(ref.current)) === ref.current) focus();
+        });
     };
     let onKeyDown = (e)=>{
-        let activeElement = (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)();
+        let activeElement = (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)((0, $d447af545b77c9f1$export$b204af158042fbac)(ref.current));
         if (!(0, $23f2114a1b82827e$export$4282f70798064fe0)(e.currentTarget, (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e)) || !ref.current || !activeElement) return;
+        if (keyboardNavigationBehavior === 'tab') {
+            // Stop propagation for all events that originate from the children of the gridlist item since we don't want to trigger
+            // grid level interactions (row navigation/typeselect/etc)
+            // exception made for Tab since that needs to propagate to useSelectableCollection to tab out of the gridlist, might be others?
+            if ((0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e) !== ref.current && e.key !== 'Tab') {
+                e.stopPropagation();
+                return;
+            }
+            if ($be7bed9611dd7497$var$handleTreeExpansionKeys(e, state, node, hasChildRows, direction, activeElement, ref.current, allowsArrowNavigation)) return;
+        }
         switch(e.key){
             case 'Tab':
                 if (keyboardNavigationBehavior === 'tab') {
@@ -251,10 +269,10 @@ function $be7bed9611dd7497$export$9610e69494fadfd2(props, state, ref) {
     //     link: node.props.href
     //   });
     // }
+    // oxlint-disable-next-line react/react-compiler
     let rowProps = (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(itemProps, linkProps, {
         role: 'row',
-        onKeyDownCapture: onKeyDownCapture,
-        onKeyDown: onKeyDown,
+        onKeyDownCapture: keyboardNavigationBehavior === 'arrow' || allowsArrowNavigation ? onKeyDownCapture : undefined,
         onFocus: onFocus,
         // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),
         'aria-label': node['aria-label'] || node.textValue || undefined,
@@ -263,6 +281,14 @@ function $be7bed9611dd7497$export$9610e69494fadfd2(props, state, ref) {
         'aria-labelledby': descriptionId && (node['aria-label'] || node.textValue) ? `${(0, $c1c90317e8bffe4d$export$f45c25170b9a99c2)(state, node.key)} ${descriptionId}` : undefined,
         id: (0, $c1c90317e8bffe4d$export$f45c25170b9a99c2)(state, node.key)
     });
+    if (focusMode === 'child' && allowsArrowNavigation && keyboardNavigationBehavior === 'tab') rowProps.tabIndex = -1;
+    // we need to guard against space/enter triggering selection/row link via usePress (from itemProps) so check if propagation
+    // is stopped. this also fixes space not working in a textfield in a tree parent row
+    let baseOnKeyDown = rowProps.onKeyDown;
+    rowProps.onKeyDown = (e)=>{
+        onKeyDown(e);
+        if (!e.isPropagationStopped()) baseOnKeyDown?.(e);
+    };
     if (isVirtualized) {
         let { collection: collection } = state;
         let nodes = [
@@ -278,6 +304,7 @@ function $be7bed9611dd7497$export$9610e69494fadfd2(props, state, ref) {
         'aria-colindex': 1
     };
     // TODO: should isExpanded and hasChildRows be a item state that gets returned by the hook?
+    // oxlint-disable react/react-compiler
     return {
         rowProps: {
             ...(0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(rowProps, treeGridRowProps)
@@ -288,6 +315,28 @@ function $be7bed9611dd7497$export$9610e69494fadfd2(props, state, ref) {
         },
         ...itemStates
     };
+// oxlint-enable react/react-compiler
+}
+function $be7bed9611dd7497$var$handleTreeExpansionKeys(e, state, node, hasChildRows, direction, activeElement, rowRef, allowsArrowNavigation) {
+    if (!('expandedKeys' in state) || !allowsArrowNavigation && activeElement !== rowRef) return false;
+    if (e.key === $be7bed9611dd7497$var$EXPANSION_KEYS['expand'][direction] && state.selectionManager.focusedKey === node.key && hasChildRows && !state.expandedKeys.has(node.key)) {
+        state.toggleKey(node.key);
+        e.stopPropagation();
+        return true;
+    } else if (e.key === $be7bed9611dd7497$var$EXPANSION_KEYS['collapse'][direction] && state.selectionManager.focusedKey === node.key) {
+        // If item is collapsible, collapse it; else move to parent
+        if (hasChildRows && state.expandedKeys.has(node.key)) {
+            state.toggleKey(node.key);
+            e.stopPropagation();
+            return true;
+        } else if (!state.expandedKeys.has(node.key) && node.parentKey && state.collection.getItem(node.parentKey)?.type === 'item') {
+            // Item is a leaf or already collapsed, move focus to parent
+            state.selectionManager.setFocusedKey(node.parentKey);
+            e.stopPropagation();
+            return true;
+        }
+    }
+    return false;
 }
 function $be7bed9611dd7497$var$last(walker) {
     let next = null;

package/dist/private/gridlist/useGridListItem.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria/src/gridlist/useGridListItem.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 {chain} from '../utils/chain';\n\nimport {\n  Collection,\n  DOMAttributes,\n  FocusableElement,\n  Key,\n  RefObject,\n  Node as RSNode\n} from '@react-types/shared';\nimport {focusSafely} from '../interactions/focusSafely';\nimport {\n  getActiveElement,\n  getEventTarget,\n  isFocusWithin,\n  nodeContains\n} from '../utils/shadowdom/DOMFunctions';\nimport {getFocusableTreeWalker} from '../focus/FocusScope';\nimport {getRowId, listMap} from './utils';\nimport {getScrollParent} from '../utils/getScrollParent';\nimport {HTMLAttributes, KeyboardEvent as ReactKeyboardEvent, useRef} from 'react';\nimport {isFocusVisible} from '../interactions/useFocusVisible';\nimport type {ListState} from 'react-stately/useListState';\nimport {mergeProps} from '../utils/mergeProps';\nimport {scrollIntoViewport} from '../utils/scrollIntoView';\nimport {SelectableItemStates, useSelectableItem} from '../selection/useSelectableItem';\nimport type {TreeState} from 'react-stately/useTreeState';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useSlotId} from '../utils/useId';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nexport interface AriaGridListItemOptions {\n  /**\n   * An object representing the list item. Contains all the relevant information that makes up the\n   * list row.\n   */\n  node: RSNode<unknown>;\n  /** Whether the list row is contained in a virtual scroller. */\n  isVirtualized?: boolean;\n  /** Whether selection should occur on press up instead of press down. */\n  shouldSelectOnPressUp?: boolean;\n  /** Whether this item has children, even if not loaded yet. */\n  hasChildItems?: boolean;\n}\n\nexport interface GridListItemAria extends SelectableItemStates {\n  /** Props for the list row element. */\n  rowProps: DOMAttributes;\n  /** Props for the grid cell element within the list row. */\n  gridCellProps: DOMAttributes;\n  /** Props for the list item description element, if any. */\n  descriptionProps: DOMAttributes;\n}\n\nconst EXPANSION_KEYS = {\n  expand: {\n    ltr: 'ArrowRight',\n    rtl: 'ArrowLeft'\n  },\n  collapse: {\n    ltr: 'ArrowLeft',\n    rtl: 'ArrowRight'\n  }\n};\n\n/**\n * Provides the behavior and accessibility implementation for a row in a grid list.\n *\n * @param props - Props for the row.\n * @param state - State of the parent list, as returned by `useListState`.\n * @param ref - The ref attached to the row element.\n */\nexport function useGridListItem<T>(\n  props: AriaGridListItemOptions,\n  state: ListState<T> | TreeState<T>,\n  ref: RefObject<FocusableElement | null>\n): GridListItemAria {\n  // Copied from useGridCell + some modifications to make it not so grid specific\n  let {node, isVirtualized} = props;\n\n  // let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/gridlist');\n  let {direction} = useLocale();\n  let {onAction, linkBehavior, keyboardNavigationBehavior, shouldSelectOnPressUp} =\n    listMap.get(state)!;\n  let descriptionId = useSlotId();\n\n  // We need to track the key of the item at the time it was last focused so that we force\n  // focus to go to the item when the DOM node is reused for a different item in a virtualizer.\n  let keyWhenFocused = useRef<Key | null>(null);\n  let focus = () => {\n    // Don't shift focus to the row if the active element is a element within the row already\n    // (e.g. clicking on a row button)\n    if (\n      ref.current !== null &&\n      ((keyWhenFocused.current != null && node.key !== keyWhenFocused.current) ||\n        !isFocusWithin(ref.current))\n    ) {\n      focusSafely(ref.current);\n    }\n  };\n\n  let treeGridRowProps: HTMLAttributes<HTMLElement> = {};\n  let hasChildRows = props.hasChildItems;\n  let hasLink = state.selectionManager.isLink(node.key);\n  if (node != null && 'expandedKeys' in state) {\n    // TODO: ideally node.hasChildNodes would be a way to tell if a row has child nodes, but the row's contents make it so that value is always\n    // true...\n    let children = state.collection.getChildren?.(node.key);\n    hasChildRows = hasChildRows || [...(children ?? [])].length > 1;\n\n    if (\n      onAction == null &&\n      !hasLink &&\n      state.selectionManager.selectionMode === 'none' &&\n      hasChildRows\n    ) {\n      onAction = () => state.toggleKey(node.key);\n    }\n\n    let isExpanded = hasChildRows ? state.expandedKeys.has(node.key) : undefined;\n    let setSize = 1;\n    let index = node.index;\n    if (node.level >= 0 && node?.parentKey != null) {\n      let parent = state.collection.getItem(node.parentKey);\n      if (parent) {\n        // siblings must exist because our original node exists\n        let siblings = getDirectChildren(parent, state.collection);\n        setSize = [...siblings].filter(row => row.type === 'item').length;\n        if (index > 0 && siblings[0].type !== 'item') {\n          index -= 1; // subtract one for the parent item's content node\n        }\n      }\n    } else {\n      setSize = [...state.collection].filter(row => row.level === 0 && row.type === 'item').length;\n    }\n\n    treeGridRowProps = {\n      'aria-expanded': isExpanded,\n      'aria-level': node.level + 1,\n      'aria-posinset': index + 1,\n      'aria-setsize': setSize\n    };\n  }\n\n  let {itemProps, ...itemStates} = useSelectableItem({\n    selectionManager: state.selectionManager,\n    key: node.key,\n    ref,\n    isVirtualized,\n    shouldSelectOnPressUp: props.shouldSelectOnPressUp || shouldSelectOnPressUp,\n    onAction:\n      onAction || node.props?.onAction\n        ? chain(node.props?.onAction, onAction ? () => onAction(node.key) : undefined)\n        : undefined,\n    focus,\n    linkBehavior\n  });\n\n  let onKeyDownCapture = (e: ReactKeyboardEvent) => {\n    let activeElement = getActiveElement();\n    if (\n      !nodeContains(e.currentTarget, getEventTarget(e) as Element) ||\n      !ref.current ||\n      !activeElement\n    ) {\n      return;\n    }\n\n    let walker = getFocusableTreeWalker(ref.current);\n    walker.currentNode = activeElement;\n\n    if ('expandedKeys' in state && activeElement === ref.current) {\n      if (\n        e.key === EXPANSION_KEYS['expand'][direction] &&\n        state.selectionManager.focusedKey === node.key &&\n        hasChildRows &&\n        !state.expandedKeys.has(node.key)\n      ) {\n        state.toggleKey(node.key);\n        e.stopPropagation();\n        return;\n      } else if (\n        e.key === EXPANSION_KEYS['collapse'][direction] &&\n        state.selectionManager.focusedKey === node.key\n      ) {\n        // If item is collapsible, collapse it; else move to parent\n        if (hasChildRows && state.expandedKeys.has(node.key)) {\n          state.toggleKey(node.key);\n          e.stopPropagation();\n          return;\n        } else if (\n          !state.expandedKeys.has(node.key) &&\n          node.parentKey &&\n          state.collection.getItem(node.parentKey)?.type === 'item'\n        ) {\n          // Item is a leaf or already collapsed, move focus to parent\n          state.selectionManager.setFocusedKey(node.parentKey);\n          e.stopPropagation();\n          return;\n        }\n      }\n    }\n\n    switch (e.key) {\n      case 'ArrowLeft': {\n        if (keyboardNavigationBehavior === 'arrow') {\n          // Find the next focusable element within the row.\n          let focusable =\n            direction === 'rtl'\n              ? (walker.nextNode() as FocusableElement)\n              : (walker.previousNode() as FocusableElement);\n\n          if (focusable) {\n            e.preventDefault();\n            e.stopPropagation();\n            focusSafely(focusable);\n            scrollIntoViewport(focusable, {containingElement: getScrollParent(ref.current)});\n          } else {\n            // If there is no next focusable child, then return focus back to the row\n            e.preventDefault();\n            e.stopPropagation();\n            if (direction === 'rtl') {\n              focusSafely(ref.current);\n              scrollIntoViewport(ref.current, {containingElement: getScrollParent(ref.current)});\n            } else {\n              walker.currentNode = ref.current;\n              let lastElement = last(walker);\n              // oxlint-disable-next-line max-depth\n              if (lastElement) {\n                focusSafely(lastElement);\n                scrollIntoViewport(lastElement, {containingElement: getScrollParent(ref.current)});\n              }\n            }\n          }\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        if (keyboardNavigationBehavior === 'arrow') {\n          let focusable =\n            direction === 'rtl'\n              ? (walker.previousNode() as FocusableElement)\n              : (walker.nextNode() as FocusableElement);\n\n          if (focusable) {\n            e.preventDefault();\n            e.stopPropagation();\n            focusSafely(focusable);\n            scrollIntoViewport(focusable, {containingElement: getScrollParent(ref.current)});\n          } else {\n            e.preventDefault();\n            e.stopPropagation();\n            if (direction === 'ltr') {\n              focusSafely(ref.current);\n              scrollIntoViewport(ref.current, {containingElement: getScrollParent(ref.current)});\n            } else {\n              walker.currentNode = ref.current;\n              let lastElement = last(walker);\n              // oxlint-disable-next-line max-depth\n              if (lastElement) {\n                focusSafely(lastElement);\n                scrollIntoViewport(lastElement, {containingElement: getScrollParent(ref.current)});\n              }\n            }\n          }\n        }\n        break;\n      }\n      case 'ArrowUp':\n      case 'ArrowDown':\n        // Prevent this event from reaching row children, e.g. menu buttons. We want arrow keys to navigate\n        // to the row above/below instead. We need to re-dispatch the event from a higher parent so it still\n        // bubbles and gets handled by useSelectableCollection.\n        if (!e.altKey && nodeContains(ref.current, getEventTarget(e) as Element)) {\n          e.stopPropagation();\n          e.preventDefault();\n          ref.current.parentElement?.dispatchEvent(\n            new KeyboardEvent(e.nativeEvent.type, e.nativeEvent)\n          );\n        }\n        break;\n    }\n  };\n\n  let onFocus = e => {\n    keyWhenFocused.current = node.key;\n    if (getEventTarget(e) !== ref.current) {\n      // useSelectableItem only handles setting the focused key when\n      // the focused element is the row itself. We also want to\n      // set the focused key when a child element receives focus.\n      // If focus is currently visible (e.g. the user is navigating with the keyboard),\n      // then skip this. We want to restore focus to the previously focused row\n      // in that case since the list should act like a single tab stop.\n      if (!isFocusVisible()) {\n        state.selectionManager.setFocusedKey(node.key);\n      }\n      return;\n    }\n  };\n\n  let onKeyDown = e => {\n    let activeElement = getActiveElement();\n    if (\n      !nodeContains(e.currentTarget, getEventTarget(e) as Element) ||\n      !ref.current ||\n      !activeElement\n    ) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'Tab': {\n        if (keyboardNavigationBehavior === 'tab') {\n          // If there is another focusable element within this item, stop propagation so the tab key\n          // is handled by the browser and not by useSelectableCollection (which would take us out of the list).\n          let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n          walker.currentNode = activeElement;\n          let next = e.shiftKey ? walker.previousNode() : walker.nextNode();\n\n          if (next) {\n            e.stopPropagation();\n          }\n        }\n      }\n    }\n  };\n\n  let syntheticLinkProps = useSyntheticLinkProps(node.props);\n  let linkProps = itemStates.hasAction ? syntheticLinkProps : {};\n  // TODO: re-add when we get translations and fix this for iOS VO\n  // let rowAnnouncement;\n  // if (onAction) {\n  //   rowAnnouncement = stringFormatter.format('hasActionAnnouncement');\n  // } else if (hasLink) {\n  //   rowAnnouncement = stringFormatter.format('hasLinkAnnouncement', {\n  //     link: node.props.href\n  //   });\n  // }\n\n  let rowProps: DOMAttributes = mergeProps(itemProps, linkProps, {\n    role: 'row',\n    onKeyDownCapture,\n    onKeyDown,\n    onFocus,\n    // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),\n    'aria-label': node['aria-label'] || node.textValue || undefined,\n    'aria-selected': state.selectionManager.canSelectItem(node.key)\n      ? state.selectionManager.isSelected(node.key)\n      : undefined,\n    'aria-disabled': state.selectionManager.isDisabled(node.key) || undefined,\n    'aria-labelledby':\n      descriptionId && (node['aria-label'] || node.textValue)\n        ? `${getRowId(state, node.key)} ${descriptionId}`\n        : undefined,\n    id: getRowId(state, node.key)\n  });\n\n  if (isVirtualized) {\n    let {collection} = state;\n    let nodes = [...collection];\n    // TODO: refactor ListCollection to store an absolute index of a node's position?\n    rowProps['aria-rowindex'] = nodes.find(node => node.type === 'section')\n      ? [...collection.getKeys()]\n          .filter(key => collection.getItem(key)?.type !== 'section')\n          .findIndex(key => key === node.key) + 1\n      : node.index + 1;\n  }\n\n  let gridCellProps = {\n    role: 'gridcell',\n    'aria-colindex': 1\n  };\n\n  // TODO: should isExpanded and hasChildRows be a item state that gets returned by the hook?\n  return {\n    rowProps: {...mergeProps(rowProps, treeGridRowProps)},\n    gridCellProps,\n    descriptionProps: {\n      id: descriptionId\n    },\n    ...itemStates\n  };\n}\n\nfunction last(walker: TreeWalker) {\n  let next: FocusableElement | null = null;\n  let last: FocusableElement | null = null;\n  do {\n    last = walker.lastChild() as FocusableElement | null;\n    if (last) {\n      next = last;\n    }\n  } while (last);\n  return next;\n}\n\nfunction getDirectChildren<T>(parent: RSNode<T>, collection: Collection<RSNode<T>>) {\n  // We can't assume that we can use firstChildKey because if a person builds a tree using hooks, they would not have access to that property (using type Node vs CollectionNode)\n  // Instead, get all children and start at the first node (rather than just using firstChildKey) and only look at its siblings\n  let children = collection.getChildren?.(parent.key);\n  let childArray = children ? Array.from(children) : [];\n  let node = childArray.length > 0 ? childArray[0] : null;\n  let siblings: RSNode<T>[] = [];\n  while (node) {\n    siblings.push(node);\n    node = node.nextKey != null ? collection.getItem(node.nextKey) : null;\n  }\n  return siblings;\n}\n"],"names":[],"version":3,"file":"useGridListItem.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria/src/gridlist/useGridListItem.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 {chain} from '../utils/chain';\nimport {\n  Collection,\n  DOMAttributes,\n  FocusableElement,\n  Key,\n  RefObject,\n  Node as RSNode\n} from '@react-types/shared';\nimport {focusSafely} from '../interactions/focusSafely';\nimport {\n  getActiveElement,\n  getEventTarget,\n  isFocusWithin,\n  nodeContains\n} from '../utils/shadowdom/DOMFunctions';\nimport {getFocusableTreeWalker} from '../focus/FocusScope';\nimport {getOwnerDocument} from '../utils/domHelpers';\nimport {getRowId, listMap} from './utils';\nimport {getScrollParent} from '../utils/getScrollParent';\nimport {HTMLAttributes, KeyboardEvent as ReactKeyboardEvent, useRef} from 'react';\nimport {isFocusVisible} from '../interactions/useFocusVisible';\nimport type {ListState} from 'react-stately/useListState';\nimport {mergeProps} from '../utils/mergeProps';\nimport {scrollIntoViewport} from '../utils/scrollIntoView';\nimport {SelectableItemStates, useSelectableItem} from '../selection/useSelectableItem';\nimport type {TreeState} from 'react-stately/useTreeState';\nimport {useLocale} from '../i18n/I18nProvider';\nimport {useSlotId} from '../utils/useId';\nimport {useSyntheticLinkProps} from '../utils/openLink';\n\nexport interface AriaGridListItemOptions {\n  /**\n   * An object representing the list item. Contains all the relevant information that makes up the\n   * list row.\n   */\n  node: RSNode<unknown>;\n  /** Whether the list row is contained in a virtual scroller. */\n  isVirtualized?: boolean;\n  /** Whether selection should occur on press up instead of press down. */\n  shouldSelectOnPressUp?: boolean;\n  /** Whether this item has children, even if not loaded yet. */\n  hasChildItems?: boolean;\n  /**\n   * Whether the row or its first focusable child element should be focused when the row is\n   * focused.\n   *\n   * @default 'row'\n   */\n  focusMode?: 'child' | 'row';\n  /**\n   * Whether the row should support arrow key navigation even when the containing collection uses\n   * tab keyboard navigation. Allows users to navigate between rows with arrow keys while\n   * focus is on an interactive child element within the row.\n   */\n  allowsArrowNavigation?: boolean;\n}\n\nexport interface GridListItemAria extends SelectableItemStates {\n  /** Props for the list row element. */\n  rowProps: DOMAttributes;\n  /** Props for the grid cell element within the list row. */\n  gridCellProps: DOMAttributes;\n  /** Props for the list item description element, if any. */\n  descriptionProps: DOMAttributes;\n}\n\nconst EXPANSION_KEYS = {\n  expand: {\n    ltr: 'ArrowRight',\n    rtl: 'ArrowLeft'\n  },\n  collapse: {\n    ltr: 'ArrowLeft',\n    rtl: 'ArrowRight'\n  }\n};\n\n/**\n * Provides the behavior and accessibility implementation for a row in a grid list.\n *\n * @param props - Props for the row.\n * @param state - State of the parent list, as returned by `useListState`.\n * @param ref - The ref attached to the row element.\n */\nexport function useGridListItem<T>(\n  props: AriaGridListItemOptions,\n  state: ListState<T> | TreeState<T>,\n  ref: RefObject<FocusableElement | null>\n): GridListItemAria {\n  // Copied from useGridCell + some modifications to make it not so grid specific\n  let {node, isVirtualized, focusMode = 'row', allowsArrowNavigation} = props;\n\n  // let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/gridlist');\n  let {direction} = useLocale();\n  let {onAction, linkBehavior, keyboardNavigationBehavior, shouldSelectOnPressUp} =\n    listMap.get(state)!;\n  let descriptionId = useSlotId();\n\n  // We need to track the key of the item at the time it was last focused so that we force\n  // focus to go to the item when the DOM node is reused for a different item in a virtualizer.\n  let keyWhenFocused = useRef<Key | null>(null);\n  let focus = () => {\n    if (ref.current === null) {\n      return;\n    }\n\n    if (focusMode === 'child') {\n      // If focus is already on a focusable child within the row, early return so we don't shift focus\n      if (\n        isFocusWithin(ref.current) &&\n        ref.current !== getActiveElement(getOwnerDocument(ref.current))\n      ) {\n        return;\n      }\n\n      let treeWalker = getFocusableTreeWalker(ref.current, {tabbable: true});\n      let focusable = treeWalker.firstChild() as FocusableElement;\n      if (focusable) {\n        focusSafely(focusable);\n        scrollIntoViewport(focusable, {containingElement: getScrollParent(focusable)});\n        return;\n      }\n    }\n\n    // Don't shift focus to the row if the active element is a element within the row already\n    // (e.g. clicking on a row button)\n    if (\n      (keyWhenFocused.current != null && node.key !== keyWhenFocused.current) ||\n      !isFocusWithin(ref.current)\n    ) {\n      focusSafely(ref.current);\n    }\n  };\n\n  let treeGridRowProps: HTMLAttributes<HTMLElement> = {};\n  let hasChildRows = props.hasChildItems;\n  let hasLink = state.selectionManager.isLink(node.key);\n  if (node != null && 'expandedKeys' in state) {\n    // TODO: ideally node.hasChildNodes would be a way to tell if a row has child nodes, but the row's contents make it so that value is always\n    // true...\n    let children = state.collection.getChildren?.(node.key);\n    hasChildRows = hasChildRows || [...(children ?? [])].length > 1;\n\n    if (\n      onAction == null &&\n      !hasLink &&\n      state.selectionManager.selectionMode === 'none' &&\n      hasChildRows\n    ) {\n      onAction = () => state.toggleKey(node.key);\n    }\n\n    let isExpanded = hasChildRows ? state.expandedKeys.has(node.key) : undefined;\n    let setSize = 1;\n    let index = node.index;\n    if (node.level >= 0 && node?.parentKey != null) {\n      let parent = state.collection.getItem(node.parentKey);\n      if (parent) {\n        // siblings must exist because our original node exists\n        let siblings = getDirectChildren(parent, state.collection);\n        setSize = [...siblings].filter(row => row.type === 'item').length;\n        if (index > 0 && siblings[0].type !== 'item') {\n          index -= 1; // subtract one for the parent item's content node\n        }\n      }\n    } else {\n      setSize = [...state.collection].filter(row => row.level === 0 && row.type === 'item').length;\n    }\n\n    treeGridRowProps = {\n      'aria-expanded': isExpanded,\n      'aria-level': node.level + 1,\n      'aria-posinset': index + 1,\n      'aria-setsize': setSize\n    };\n  }\n\n  let {itemProps, ...itemStates} = useSelectableItem({\n    selectionManager: state.selectionManager,\n    key: node.key,\n    ref,\n    isVirtualized,\n    shouldSelectOnPressUp: props.shouldSelectOnPressUp || shouldSelectOnPressUp,\n    onAction:\n      onAction || node.props?.onAction\n        ? chain(node.props?.onAction, onAction ? () => onAction(node.key) : undefined)\n        : undefined,\n    focus,\n    linkBehavior\n  });\n\n  let onKeyDownCapture = (e: ReactKeyboardEvent) => {\n    let activeElement = getActiveElement(getOwnerDocument(ref.current));\n    if (\n      !nodeContains(e.currentTarget, getEventTarget(e) as Element) ||\n      !ref.current ||\n      !activeElement\n    ) {\n      return;\n    }\n\n    let walker = getFocusableTreeWalker(ref.current);\n    walker.currentNode = activeElement;\n\n    if (\n      handleTreeExpansionKeys(\n        e,\n        state,\n        node,\n        hasChildRows,\n        direction,\n        activeElement,\n        ref.current,\n        allowsArrowNavigation\n      )\n    ) {\n      return;\n    }\n\n    switch (e.key) {\n      case 'ArrowLeft': {\n        if (keyboardNavigationBehavior === 'arrow') {\n          // Find the next focusable element within the row.\n          let focusable =\n            direction === 'rtl'\n              ? (walker.nextNode() as FocusableElement)\n              : (walker.previousNode() as FocusableElement);\n\n          if (focusable) {\n            e.preventDefault();\n            e.stopPropagation();\n            focusSafely(focusable);\n            scrollIntoViewport(focusable, {containingElement: getScrollParent(ref.current)});\n          } else {\n            // If there is no next focusable child, then return focus back to the row\n            e.preventDefault();\n            e.stopPropagation();\n            if (direction === 'rtl') {\n              focusSafely(ref.current);\n              scrollIntoViewport(ref.current, {containingElement: getScrollParent(ref.current)});\n            } else {\n              walker.currentNode = ref.current;\n              let lastElement = last(walker);\n              // oxlint-disable-next-line max-depth\n              if (lastElement) {\n                focusSafely(lastElement);\n                scrollIntoViewport(lastElement, {containingElement: getScrollParent(ref.current)});\n              }\n            }\n          }\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        if (keyboardNavigationBehavior === 'arrow') {\n          let focusable =\n            direction === 'rtl'\n              ? (walker.previousNode() as FocusableElement)\n              : (walker.nextNode() as FocusableElement);\n\n          if (focusable) {\n            e.preventDefault();\n            e.stopPropagation();\n            focusSafely(focusable);\n            scrollIntoViewport(focusable, {containingElement: getScrollParent(ref.current)});\n          } else {\n            e.preventDefault();\n            e.stopPropagation();\n            if (direction === 'ltr') {\n              focusSafely(ref.current);\n              scrollIntoViewport(ref.current, {containingElement: getScrollParent(ref.current)});\n            } else {\n              walker.currentNode = ref.current;\n              let lastElement = last(walker);\n              // oxlint-disable-next-line max-depth\n              if (lastElement) {\n                focusSafely(lastElement);\n                scrollIntoViewport(lastElement, {containingElement: getScrollParent(ref.current)});\n              }\n            }\n          }\n        }\n        break;\n      }\n      case 'ArrowUp':\n      case 'ArrowDown':\n        // Prevent this event from reaching row children, e.g. menu buttons. We want arrow keys to navigate\n        // to the row above/below instead. We need to re-dispatch the event from a higher parent so it still\n        // bubbles and gets handled by useSelectableCollection.\n        if (!e.altKey && nodeContains(ref.current, getEventTarget(e) as Element)) {\n          e.stopPropagation();\n          e.preventDefault();\n          ref.current.parentElement?.dispatchEvent(\n            new KeyboardEvent(e.nativeEvent.type, e.nativeEvent)\n          );\n        }\n        break;\n    }\n  };\n\n  let onFocus = e => {\n    keyWhenFocused.current = node.key;\n    if (getEventTarget(e) !== ref.current) {\n      // useSelectableItem only handles setting the focused key when\n      // the focused element is the row itself. We also want to\n      // set the focused key when a child element receives focus.\n      // If focus is currently visible (e.g. the user is navigating with the keyboard),\n      // then skip this. We want to restore focus to the previously focused row\n      // in that case since the list should act like a single tab stop.\n      if (!isFocusVisible()) {\n        state.selectionManager.setFocusedKey(node.key);\n      }\n      return;\n    }\n\n    // if focus goes back to cell from child, make sure we don't refocus the cell if we are in focusMode=child\n    // since that would be a focus trap\n    if (\n      focusMode === 'child' &&\n      e.relatedTarget &&\n      nodeContains(ref.current, e.relatedTarget as Element)\n    ) {\n      return;\n    }\n\n    // If the cell itself is focused, wait a frame so that focus finishes propagating\n    // up to the tree, and move focus to a focusable child if possible.\n    requestAnimationFrame(() => {\n      if (\n        focusMode === 'child' &&\n        getActiveElement(getOwnerDocument(ref.current)) === ref.current\n      ) {\n        focus();\n      }\n    });\n  };\n\n  let onKeyDown = (e: ReactKeyboardEvent) => {\n    let activeElement = getActiveElement(getOwnerDocument(ref.current));\n    if (\n      !nodeContains(e.currentTarget, getEventTarget(e) as Element) ||\n      !ref.current ||\n      !activeElement\n    ) {\n      return;\n    }\n\n    if (keyboardNavigationBehavior === 'tab') {\n      // Stop propagation for all events that originate from the children of the gridlist item since we don't want to trigger\n      // grid level interactions (row navigation/typeselect/etc)\n      // exception made for Tab since that needs to propagate to useSelectableCollection to tab out of the gridlist, might be others?\n      if (getEventTarget(e) !== ref.current && e.key !== 'Tab') {\n        e.stopPropagation();\n        return;\n      }\n\n      if (\n        handleTreeExpansionKeys(\n          e,\n          state,\n          node,\n          hasChildRows,\n          direction,\n          activeElement,\n          ref.current,\n          allowsArrowNavigation\n        )\n      ) {\n        return;\n      }\n    }\n\n    switch (e.key) {\n      case 'Tab': {\n        if (keyboardNavigationBehavior === 'tab') {\n          // If there is another focusable element within this item, stop propagation so the tab key\n          // is handled by the browser and not by useSelectableCollection (which would take us out of the list).\n          let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n          walker.currentNode = activeElement;\n          let next = e.shiftKey ? walker.previousNode() : walker.nextNode();\n\n          if (next) {\n            e.stopPropagation();\n          }\n        }\n      }\n    }\n  };\n\n  let syntheticLinkProps = useSyntheticLinkProps(node.props);\n  let linkProps = itemStates.hasAction ? syntheticLinkProps : {};\n  // TODO: re-add when we get translations and fix this for iOS VO\n  // let rowAnnouncement;\n  // if (onAction) {\n  //   rowAnnouncement = stringFormatter.format('hasActionAnnouncement');\n  // } else if (hasLink) {\n  //   rowAnnouncement = stringFormatter.format('hasLinkAnnouncement', {\n  //     link: node.props.href\n  //   });\n  // }\n\n  // oxlint-disable-next-line react/react-compiler\n  let rowProps: DOMAttributes = mergeProps(itemProps, linkProps, {\n    role: 'row',\n    onKeyDownCapture:\n      keyboardNavigationBehavior === 'arrow' || allowsArrowNavigation\n        ? onKeyDownCapture\n        : undefined,\n    onFocus,\n    // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),\n    'aria-label': node['aria-label'] || node.textValue || undefined,\n    'aria-selected': state.selectionManager.canSelectItem(node.key)\n      ? state.selectionManager.isSelected(node.key)\n      : undefined,\n    'aria-disabled': state.selectionManager.isDisabled(node.key) || undefined,\n    'aria-labelledby':\n      descriptionId && (node['aria-label'] || node.textValue)\n        ? `${getRowId(state, node.key)} ${descriptionId}`\n        : undefined,\n    id: getRowId(state, node.key)\n  });\n\n  if (focusMode === 'child' && allowsArrowNavigation && keyboardNavigationBehavior === 'tab') {\n    rowProps.tabIndex = -1;\n  }\n\n  // we need to guard against space/enter triggering selection/row link via usePress (from itemProps) so check if propagation\n  // is stopped. this also fixes space not working in a textfield in a tree parent row\n  let baseOnKeyDown = rowProps.onKeyDown;\n  rowProps.onKeyDown = (e: ReactKeyboardEvent<FocusableElement>) => {\n    onKeyDown(e as ReactKeyboardEvent);\n    if (!e.isPropagationStopped()) {\n      baseOnKeyDown?.(e);\n    }\n  };\n\n  if (isVirtualized) {\n    let {collection} = state;\n    let nodes = [...collection];\n    // TODO: refactor ListCollection to store an absolute index of a node's position?\n    rowProps['aria-rowindex'] = nodes.find(node => node.type === 'section')\n      ? [...collection.getKeys()]\n          .filter(key => collection.getItem(key)?.type !== 'section')\n          .findIndex(key => key === node.key) + 1\n      : node.index + 1;\n  }\n\n  let gridCellProps = {\n    role: 'gridcell',\n    'aria-colindex': 1\n  };\n\n  // TODO: should isExpanded and hasChildRows be a item state that gets returned by the hook?\n  // oxlint-disable react/react-compiler\n  return {\n    rowProps: {...mergeProps(rowProps, treeGridRowProps)},\n    gridCellProps,\n    descriptionProps: {\n      id: descriptionId\n    },\n    ...itemStates\n  };\n  // oxlint-enable react/react-compiler\n}\n\nfunction handleTreeExpansionKeys<T>(\n  e: ReactKeyboardEvent,\n  state: ListState<T> | TreeState<T>,\n  node: RSNode<unknown>,\n  hasChildRows: boolean | undefined,\n  direction: string,\n  activeElement: Element | null,\n  rowRef: FocusableElement | null,\n  allowsArrowNavigation: boolean | undefined\n): boolean {\n  if (!('expandedKeys' in state) || (!allowsArrowNavigation && activeElement !== rowRef)) {\n    return false;\n  }\n  if (\n    e.key === EXPANSION_KEYS['expand'][direction] &&\n    state.selectionManager.focusedKey === node.key &&\n    hasChildRows &&\n    !state.expandedKeys.has(node.key)\n  ) {\n    state.toggleKey(node.key);\n    e.stopPropagation();\n    return true;\n  } else if (\n    e.key === EXPANSION_KEYS['collapse'][direction] &&\n    state.selectionManager.focusedKey === node.key\n  ) {\n    // If item is collapsible, collapse it; else move to parent\n    if (hasChildRows && state.expandedKeys.has(node.key)) {\n      state.toggleKey(node.key);\n      e.stopPropagation();\n      return true;\n    } else if (\n      !state.expandedKeys.has(node.key) &&\n      node.parentKey &&\n      state.collection.getItem(node.parentKey)?.type === 'item'\n    ) {\n      // Item is a leaf or already collapsed, move focus to parent\n      state.selectionManager.setFocusedKey(node.parentKey);\n      e.stopPropagation();\n      return true;\n    }\n  }\n  return false;\n}\n\nfunction last(walker: TreeWalker) {\n  let next: FocusableElement | null = null;\n  let last: FocusableElement | null = null;\n  do {\n    last = walker.lastChild() as FocusableElement | null;\n    if (last) {\n      next = last;\n    }\n  } while (last);\n  return next;\n}\n\nfunction getDirectChildren<T>(parent: RSNode<T>, collection: Collection<RSNode<T>>) {\n  // We can't assume that we can use firstChildKey because if a person builds a tree using hooks, they would not have access to that property (using type Node vs CollectionNode)\n  // Instead, get all children and start at the first node (rather than just using firstChildKey) and only look at its siblings\n  let children = collection.getChildren?.(parent.key);\n  let childArray = children ? Array.from(children) : [];\n  let node = childArray.length > 0 ? childArray[0] : null;\n  let siblings: RSNode<T>[] = [];\n  while (node) {\n    siblings.push(node);\n    node = node.nextKey != null ? collection.getItem(node.nextKey) : null;\n  }\n  return siblings;\n}\n"],"names":[],"version":3,"file":"useGridListItem.mjs.map"}