Function onKeyDown

packages/react-aria/src/gridlist/useGridListItem.ts:351–401

(e: ReactKeyboardEvent)

  };

  let onKeyDown = (e: ReactKeyboardEvent) => {
    let activeElement = getActiveElement(getOwnerDocument(ref.current));
    if (
      !nodeContains(e.currentTarget, getEventTarget(e) as Element) ||
      !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 (getEventTarget(e) !== ref.current && e.key !== 'Tab') {
        e.stopPropagation();
        return;
      }

      if (
        handleTreeExpansionKeys(
          e,
          state,
          node,
          hasChildRows,
          direction,
          activeElement,
          ref.current,
          allowsArrowNavigation
        )
      ) {
        return;
      }
    }

    switch (e.key) {
      case 'Tab': {
        if (keyboardNavigationBehavior === 'tab') {
          // If there is another focusable element within this item, stop propagation so the tab key
          // is handled by the browser and not by useSelectableCollection (which would take us out of the list).
          let walker = getFocusableTreeWalker(ref.current, {tabbable: true});
          walker.currentNode = activeElement;
          let next = e.shiftKey ? walker.previousNode() : walker.nextNode();

          if (next) {
            e.stopPropagation();
          }
        }
      }
    }
  };

  let syntheticLinkProps = useSyntheticLinkProps(node.props);
  let linkProps = itemStates.hasAction ? syntheticLinkProps : {};