@react-aria/gridlist 3.14.4 → 3.15.0

package/dist/utils.mjs

@@ -1,25 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ const $ce9b18daab526bbd$export$5b9bb410392e3991 = new WeakMap();
-function $ce9b18daab526bbd$export$f45c25170b9a99c2(state, key) {
-    var _listMap_get;
-    let { id: id } = (_listMap_get = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state)) !== null && _listMap_get !== void 0 ? _listMap_get : {};
-    if (!id) throw new Error('Unknown list');
-    return `${id}-${$ce9b18daab526bbd$export$e0c709538cb8ae18(key)}`;
-}
-function $ce9b18daab526bbd$export$e0c709538cb8ae18(key) {
-    if (typeof key === 'string') return key.replace(/\s*/g, '');
-    return '' + key;
-}
-
-
-export {$ce9b18daab526bbd$export$5b9bb410392e3991 as listMap, $ce9b18daab526bbd$export$f45c25170b9a99c2 as getRowId, $ce9b18daab526bbd$export$e0c709538cb8ae18 as normalizeKey};
-//# sourceMappingURL=utils.module.js.map

package/dist/utils.module.js

@@ -1,25 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ const $ce9b18daab526bbd$export$5b9bb410392e3991 = new WeakMap();
-function $ce9b18daab526bbd$export$f45c25170b9a99c2(state, key) {
-    var _listMap_get;
-    let { id: id } = (_listMap_get = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state)) !== null && _listMap_get !== void 0 ? _listMap_get : {};
-    if (!id) throw new Error('Unknown list');
-    return `${id}-${$ce9b18daab526bbd$export$e0c709538cb8ae18(key)}`;
-}
-function $ce9b18daab526bbd$export$e0c709538cb8ae18(key) {
-    if (typeof key === 'string') return key.replace(/\s*/g, '');
-    return '' + key;
-}
-
-
-export {$ce9b18daab526bbd$export$5b9bb410392e3991 as listMap, $ce9b18daab526bbd$export$f45c25170b9a99c2 as getRowId, $ce9b18daab526bbd$export$e0c709538cb8ae18 as normalizeKey};
-//# sourceMappingURL=utils.module.js.map

package/dist/utils.module.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;;;;;;;;;;CAUC,GAeM,MAAM,4CAAsD,IAAI;AAEhE,SAAS,0CAAY,KAAmB,EAAE,GAAQ;QAC5C;IAAX,IAAI,MAAC,EAAE,EAAC,GAAG,CAAA,eAAA,0CAAQ,GAAG,CAAC,oBAAZ,0BAAA,eAAsB,CAAC;IAClC,IAAI,CAAC,IACH,MAAM,IAAI,MAAM;IAGlB,OAAO,GAAG,GAAG,CAAC,EAAE,0CAAa,MAAM;AACrC;AAEO,SAAS,0CAAa,GAAQ;IACnC,IAAI,OAAO,QAAQ,UACjB,OAAO,IAAI,OAAO,CAAC,QAAQ;IAG7B,OAAO,KAAK;AACd","sources":["packages/@react-aria/gridlist/src/utils.ts"],"sourcesContent":["/*\n * Copyright 2020 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 {Key} from '@react-types/shared';\nimport type {ListState} from '@react-stately/list';\n\ninterface ListMapShared {\n  id: string,\n  onAction?: (key: Key) => void,\n  linkBehavior?: 'action' | 'selection' | 'override',\n  keyboardNavigationBehavior: 'arrow' | 'tab',\n  shouldSelectOnPressUp?: boolean\n}\n\n// Used to share:\n// id of the list and onAction between useList, useListItem, and useListSelectionCheckbox\nexport const listMap: WeakMap<ListState<unknown>, ListMapShared> = new WeakMap<ListState<unknown>, ListMapShared>();\n\nexport function getRowId<T>(state: ListState<T>, key: Key): string {\n  let {id} = listMap.get(state) ?? {};\n  if (!id) {\n    throw new Error('Unknown list');\n  }\n\n  return `${id}-${normalizeKey(key)}`;\n}\n\nexport function normalizeKey(key: Key): string {\n  if (typeof key === 'string') {\n    return key.replace(/\\s*/g, '');\n  }\n\n  return '' + key;\n}\n"],"names":[],"version":3,"file":"utils.module.js.map"}

package/src/useGridList.ts

@@ -1,182 +0,0 @@
-/*
- * Copyright 2022 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {
-  AriaLabelingProps,
-  CollectionBase,
-  DisabledBehavior,
-  DOMAttributes,
-  DOMProps,
-  FocusStrategy,
-  Key,
-  KeyboardDelegate,
-  LayoutDelegate,
-  MultipleSelection,
-  RefObject
-} from '@react-types/shared';
-import {filterDOMProps, mergeProps, useId} from '@react-aria/utils';
-import {listMap} from './utils';
-import {ListState} from '@react-stately/list';
-import {useGridSelectionAnnouncement, useHighlightSelectionDescription} from '@react-aria/grid';
-import {useHasTabbableChild} from '@react-aria/focus';
-import {useSelectableList} from '@react-aria/selection';
-
-export interface GridListProps<T> extends CollectionBase<T>, MultipleSelection {
-  /** Whether to auto focus the gridlist or an option. */
-  autoFocus?: boolean | FocusStrategy,
-  /**
-   * Handler that is called when a user performs an action on an item. The exact user event depends on
-   * the collection's `selectionBehavior` prop and the interaction modality.
-   */
-  onAction?: (key: Key) => void,
-  /**
-   * Whether `disabledKeys` applies to all interactions, or only selection.
-   * @default "all"
-   */
-  disabledBehavior?: DisabledBehavior,
-  /** Whether selection should occur on press up instead of press down. */
-  shouldSelectOnPressUp?: boolean
-}
-
-export interface AriaGridListProps<T> extends GridListProps<T>, DOMProps, AriaLabelingProps {
-  /**
-   * Whether keyboard navigation to focusable elements within grid list items is
-   * via the left/right arrow keys or the tab key.
-   * @default 'arrow'
-   */
-  keyboardNavigationBehavior?: 'arrow' | 'tab',
-  /**
-   * Whether pressing the escape key should clear selection in the grid list or not.
-   *
-   * Most experiences should not modify this option as it eliminates a keyboard user's ability to
-   * easily clear selection. Only use if the escape key is being handled externally or should not
-   * trigger selection clearing contextually.
-   * @default 'clearSelection'
-   */
-  escapeKeyBehavior?: 'clearSelection' | 'none'
-}
-
-export interface AriaGridListOptions<T> extends Omit<AriaGridListProps<T>, 'children'> {
-  /** Whether the list uses virtual scrolling. */
-  isVirtualized?: boolean,
-  /**
-   * Whether typeahead navigation is disabled.
-   * @default false
-   */
-  disallowTypeAhead?: boolean,
-  /**
-   * An optional keyboard delegate implementation for type to select,
-   * to override the default.
-   */
-  keyboardDelegate?: KeyboardDelegate,
-  /**
-   * A delegate object that provides layout information for items in the collection.
-   * By default this uses the DOM, but this can be overridden to implement things like
-   * virtualized scrolling.
-   */
-  layoutDelegate?: LayoutDelegate,
-  /**
-   * Whether focus should wrap around when the end/start is reached.
-   * @default false
-   */
-  shouldFocusWrap?: boolean,
-  /**
-   * The behavior of links in the collection.
-   * - 'action': link behaves like onAction.
-   * - 'selection': link follows selection interactions (e.g. if URL drives selection).
-   * - 'override': links override all other interactions (link items are not selectable).
-   * @default 'action'
-   */
-  linkBehavior?: 'action' | 'selection' | 'override'
-}
-
-export interface GridListAria {
-  /** Props for the grid element. */
-  gridProps: DOMAttributes
-}
-
-/**
- * Provides the behavior and accessibility implementation for a list component with interactive children.
- * A grid list displays data in a single column and enables a user to navigate its contents via directional navigation keys.
- * @param props - Props for the list.
- * @param state - State for the list, as returned by `useListState`.
- * @param ref - The ref attached to the list element.
- */
-export function useGridList<T>(props: AriaGridListOptions<T>, state: ListState<T>, ref: RefObject<HTMLElement | null>): GridListAria {
-  let {
-    isVirtualized,
-    keyboardDelegate,
-    layoutDelegate,
-    onAction,
-    disallowTypeAhead,
-    linkBehavior = 'action',
-    keyboardNavigationBehavior = 'arrow',
-    escapeKeyBehavior = 'clearSelection',
-    shouldSelectOnPressUp
-  } = props;
-
-  if (!props['aria-label'] && !props['aria-labelledby']) {
-    console.warn('An aria-label or aria-labelledby prop is required for accessibility.');
-  }
-
-  let {listProps} = useSelectableList({
-    selectionManager: state.selectionManager,
-    collection: state.collection,
-    disabledKeys: state.disabledKeys,
-    ref,
-    keyboardDelegate,
-    layoutDelegate,
-    isVirtualized,
-    selectOnFocus: state.selectionManager.selectionBehavior === 'replace',
-    shouldFocusWrap: props.shouldFocusWrap,
-    linkBehavior,
-    disallowTypeAhead,
-    autoFocus: props.autoFocus,
-    escapeKeyBehavior
-  });
-
-  let id = useId(props.id);
-  listMap.set(state, {id, onAction, linkBehavior, keyboardNavigationBehavior, shouldSelectOnPressUp});
-
-  let descriptionProps = useHighlightSelectionDescription({
-    selectionManager: state.selectionManager,
-    hasItemActions: !!onAction
-  });
-
-  let hasTabbableChild = useHasTabbableChild(ref, {
-    isDisabled: state.collection.size !== 0
-  });
-
-  let domProps = filterDOMProps(props, {labelable: true});
-  let gridProps: DOMAttributes = mergeProps(
-    domProps,
-    {
-      role: 'grid',
-      id,
-      'aria-multiselectable': state.selectionManager.selectionMode === 'multiple' ? 'true' : undefined
-    },
-    // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
-    state.collection.size === 0 ? {tabIndex: hasTabbableChild ? -1 : 0} : listProps,
-    descriptionProps
-  );
-
-  if (isVirtualized) {
-    gridProps['aria-rowcount'] = state.collection.size;
-    gridProps['aria-colcount'] = 1;
-  }
-
-  useGridSelectionAnnouncement({}, state);
-
-  return {
-    gridProps
-  };
-}

package/src/useGridListItem.ts

@@ -1,346 +0,0 @@
-/*
- * Copyright 2022 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {chain, getActiveElement, getEventTarget, getScrollParent, isFocusWithin, mergeProps, nodeContains, scrollIntoViewport, useSlotId, useSyntheticLinkProps} from '@react-aria/utils';
-import {Collection, DOMAttributes, FocusableElement, Key, RefObject, Node as RSNode} from '@react-types/shared';
-import {focusSafely, getFocusableTreeWalker} from '@react-aria/focus';
-import {getRowId, listMap} from './utils';
-import {HTMLAttributes, KeyboardEvent as ReactKeyboardEvent, useRef} from 'react';
-import {isFocusVisible} from '@react-aria/interactions';
-import type {ListState} from '@react-stately/list';
-import {SelectableItemStates, useSelectableItem} from '@react-aria/selection';
-import type {TreeState} from '@react-stately/tree';
-import {useLocale} from '@react-aria/i18n';
-
-export interface AriaGridListItemOptions {
-  /** An object representing the list item. Contains all the relevant information that makes up the list row. */
-  node: RSNode<unknown>,
-  /** Whether the list row is contained in a virtual scroller. */
-  isVirtualized?: boolean,
-  /** Whether selection should occur on press up instead of press down. */
-  shouldSelectOnPressUp?: boolean,
-  /** Whether this item has children, even if not loaded yet. */
-  hasChildItems?: boolean
-}
-
-export interface GridListItemAria extends SelectableItemStates {
-  /** Props for the list row element. */
-  rowProps: DOMAttributes,
-  /** Props for the grid cell element within the list row. */
-  gridCellProps: DOMAttributes,
-  /** Props for the list item description element, if any. */
-  descriptionProps: DOMAttributes
-}
-
-const EXPANSION_KEYS = {
-  'expand': {
-    ltr: 'ArrowRight',
-    rtl: 'ArrowLeft'
-  },
-  'collapse': {
-    ltr: 'ArrowLeft',
-    rtl: 'ArrowRight'
-  }
-};
-
-/**
- * Provides the behavior and accessibility implementation for a row in a grid list.
- * @param props - Props for the row.
- * @param state - State of the parent list, as returned by `useListState`.
- * @param ref - The ref attached to the row element.
- */
-export function useGridListItem<T>(props: AriaGridListItemOptions, state: ListState<T> | TreeState<T>, ref: RefObject<FocusableElement | null>): GridListItemAria {
-  // Copied from useGridCell + some modifications to make it not so grid specific
-  let {
-    node,
-    isVirtualized
-  } = props;
-
-  // let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/gridlist');
-  let {direction} = useLocale();
-  let {onAction, linkBehavior, keyboardNavigationBehavior, shouldSelectOnPressUp} = listMap.get(state)!;
-  let descriptionId = useSlotId();
-
-  // We need to track the key of the item at the time it was last focused so that we force
-  // focus to go to the item when the DOM node is reused for a different item in a virtualizer.
-  let keyWhenFocused = useRef<Key | null>(null);
-  let focus = () => {
-    // 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) ||
-      !isFocusWithin(ref.current))
-    ) {
-      focusSafely(ref.current);
-    }
-  };
-
-  let treeGridRowProps: HTMLAttributes<HTMLElement> = {};
-  let hasChildRows = props.hasChildItems;
-  let hasLink = state.selectionManager.isLink(node.key);
-  if (node != null && 'expandedKeys' in state) {
-    // 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
-    // true...
-    let children = state.collection.getChildren?.(node.key);
-    hasChildRows = hasChildRows || [...(children ?? [])].length > 1;
-
-    if (onAction == null && !hasLink && state.selectionManager.selectionMode === 'none' && hasChildRows) {
-      onAction = () => state.toggleKey(node.key);
-    }
-
-    let isExpanded = hasChildRows ? state.expandedKeys.has(node.key) : undefined;
-    let setSize = 1;
-    let index = node.index;
-    if (node.level >= 0 && node?.parentKey != null) {
-      let parent = state.collection.getItem(node.parentKey);
-      if (parent) {
-        // siblings must exist because our original node exists
-        let siblings = getDirectChildren(parent, state.collection);
-        setSize = [...siblings].filter(row => row.type === 'item').length;
-        if (index > 0 && siblings[0].type !== 'item') {
-          index -= 1; // subtract one for the parent item's content node
-        }
-      }
-    } else {
-      setSize = [...state.collection].filter(row => row.level === 0 && row.type === 'item').length;
-    }
-
-    treeGridRowProps = {
-      'aria-expanded': isExpanded,
-      'aria-level': node.level + 1,
-      'aria-posinset': index + 1,
-      'aria-setsize': setSize
-    };
-  }
-
-  let {itemProps, ...itemStates} = useSelectableItem({
-    selectionManager: state.selectionManager,
-    key: node.key,
-    ref,
-    isVirtualized,
-    shouldSelectOnPressUp: props.shouldSelectOnPressUp || shouldSelectOnPressUp,
-    onAction: onAction || node.props?.onAction ? chain(node.props?.onAction, onAction ? () => onAction(node.key) : undefined) : undefined,
-    focus,
-    linkBehavior
-  });
-
-  let onKeyDownCapture = (e: ReactKeyboardEvent) => {
-    let activeElement = getActiveElement();
-    if (!nodeContains(e.currentTarget, getEventTarget(e) as Element) || !ref.current || !activeElement) {
-      return;
-    }
-
-    let walker = getFocusableTreeWalker(ref.current);
-    walker.currentNode = activeElement;
-
-    if ('expandedKeys' in state && activeElement === ref.current) {
-      if ((e.key === 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 === EXPANSION_KEYS['collapse'][direction]) && state.selectionManager.focusedKey === node.key && hasChildRows && state.expandedKeys.has(node.key)) {
-        state.toggleKey(node.key);
-        e.stopPropagation();
-        return;
-      }
-    }
-
-    switch (e.key) {
-      case 'ArrowLeft': {
-        if (keyboardNavigationBehavior === 'arrow') {
-          // Find the next focusable element within the row.
-          let focusable = direction === 'rtl'
-            ? walker.nextNode() as FocusableElement
-            : walker.previousNode() as FocusableElement;
-
-          if (focusable) {
-            e.preventDefault();
-            e.stopPropagation();
-            focusSafely(focusable);
-            scrollIntoViewport(focusable, {containingElement: getScrollParent(ref.current)});
-          } else {
-            // If there is no next focusable child, then return focus back to the row
-            e.preventDefault();
-            e.stopPropagation();
-            if (direction === 'rtl') {
-              focusSafely(ref.current);
-              scrollIntoViewport(ref.current, {containingElement: getScrollParent(ref.current)});
-            } else {
-              walker.currentNode = ref.current;
-              let lastElement = last(walker);
-              if (lastElement) {
-                focusSafely(lastElement);
-                scrollIntoViewport(lastElement, {containingElement: getScrollParent(ref.current)});
-              }
-            }
-          }
-        }
-        break;
-      }
-      case 'ArrowRight': {
-        if (keyboardNavigationBehavior === 'arrow') {
-          let focusable = direction === 'rtl'
-            ? walker.previousNode() as FocusableElement
-            : walker.nextNode() as FocusableElement;
-
-          if (focusable) {
-            e.preventDefault();
-            e.stopPropagation();
-            focusSafely(focusable);
-            scrollIntoViewport(focusable, {containingElement: getScrollParent(ref.current)});
-          } else {
-            e.preventDefault();
-            e.stopPropagation();
-            if (direction === 'ltr') {
-              focusSafely(ref.current);
-              scrollIntoViewport(ref.current, {containingElement: getScrollParent(ref.current)});
-            } else {
-              walker.currentNode = ref.current;
-              let lastElement = last(walker);
-              if (lastElement) {
-                focusSafely(lastElement);
-                scrollIntoViewport(lastElement, {containingElement: getScrollParent(ref.current)});
-              }
-            }
-          }
-        }
-        break;
-      }
-      case 'ArrowUp':
-      case 'ArrowDown':
-        // Prevent this event from reaching row children, e.g. menu buttons. We want arrow keys to navigate
-        // to the row above/below instead. We need to re-dispatch the event from a higher parent so it still
-        // bubbles and gets handled by useSelectableCollection.
-        if (!e.altKey && nodeContains(ref.current, getEventTarget(e) as Element)) {
-          e.stopPropagation();
-          e.preventDefault();
-          ref.current.parentElement?.dispatchEvent(
-            new KeyboardEvent(e.nativeEvent.type, e.nativeEvent)
-          );
-        }
-        break;
-    }
-  };
-
-  let onFocus = (e) => {
-    keyWhenFocused.current = node.key;
-    if (getEventTarget(e) !== ref.current) {
-      // useSelectableItem only handles setting the focused key when
-      // the focused element is the row itself. We also want to
-      // set the focused key when a child element receives focus.
-      // If focus is currently visible (e.g. the user is navigating with the keyboard),
-      // then skip this. We want to restore focus to the previously focused row
-      // in that case since the list should act like a single tab stop.
-      if (!isFocusVisible()) {
-        state.selectionManager.setFocusedKey(node.key);
-      }
-      return;
-    }
-  };
-
-  let onKeyDown = (e) => {
-    let activeElement = getActiveElement();
-    if (!nodeContains(e.currentTarget, getEventTarget(e) as Element) || !ref.current || !activeElement) {
-      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 : {};
-  // TODO: re-add when we get translations and fix this for iOS VO
-  // let rowAnnouncement;
-  // if (onAction) {
-  //   rowAnnouncement = stringFormatter.format('hasActionAnnouncement');
-  // } else if (hasLink) {
-  //   rowAnnouncement = stringFormatter.format('hasLinkAnnouncement', {
-  //     link: node.props.href
-  //   });
-  // }
-
-  let rowProps: DOMAttributes = mergeProps(itemProps, linkProps, {
-    role: 'row',
-    onKeyDownCapture,
-    onKeyDown,
-    onFocus,
-    // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),
-    'aria-label': node['aria-label'] || node.textValue || undefined,
-    'aria-selected': state.selectionManager.canSelectItem(node.key) ? state.selectionManager.isSelected(node.key) : undefined,
-    'aria-disabled': state.selectionManager.isDisabled(node.key) || undefined,
-    'aria-labelledby': descriptionId && (node['aria-label'] || node.textValue) ? `${getRowId(state, node.key)} ${descriptionId}` : undefined,
-    id: getRowId(state, node.key)
-  });
-
-  if (isVirtualized) {
-    let {collection} = state;
-    let nodes = [...collection];
-    // TODO: refactor ListCollection to store an absolute index of a node's position?
-    rowProps['aria-rowindex'] = nodes.find(node => node.type === 'section') ? [...collection.getKeys()].filter((key) => collection.getItem(key)?.type !== 'section').findIndex((key) => key === node.key) + 1 : node.index + 1;
-  }
-
-  let gridCellProps = {
-    role: 'gridcell',
-    'aria-colindex': 1
-  };
-
-  // TODO: should isExpanded and hasChildRows be a item state that gets returned by the hook?
-  return {
-    rowProps: {...mergeProps(rowProps, treeGridRowProps)},
-    gridCellProps,
-    descriptionProps: {
-      id: descriptionId
-    },
-    ...itemStates
-  };
-}
-
-function last(walker: TreeWalker) {
-  let next: FocusableElement | null = null;
-  let last: FocusableElement | null = null;
-  do {
-    last = walker.lastChild() as FocusableElement | null;
-    if (last) {
-      next = last;
-    }
-  } while (last);
-  return next;
-}
-
-function getDirectChildren<T>(parent: RSNode<T>, collection: Collection<RSNode<T>>) {
-  // 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)
-  // Instead, get all children and start at the first node (rather than just using firstChildKey) and only look at its siblings
-  let children = collection.getChildren?.(parent.key);
-  let childArray = children ? Array.from(children) : [];
-  let node = childArray.length > 0 ?  childArray[0] : null;
-  let siblings: RSNode<T>[] = [];
-  while (node) {
-    siblings.push(node);
-    node = node.nextKey != null ? collection.getItem(node.nextKey) : null;
-  }
-  return siblings;
-}

package/src/useGridListSection.ts

@@ -1,60 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {DOMAttributes, RefObject} from '@react-types/shared';
-import type {ListState} from '@react-stately/list';
-import {useLabels, useSlotId} from '@react-aria/utils';
-
-export interface AriaGridListSectionProps {
-  /** An accessibility label for the section. Required if `heading` is not present. */
-  'aria-label'?: string
-}
-
-export interface GridListSectionAria {
-  /** Props for the wrapper list item. */
-  rowProps: DOMAttributes,
-
-  /** Props for the heading element, if any. */
-  rowHeaderProps: DOMAttributes,
-
-  /** Props for the grid's row group element. */
-  rowGroupProps: DOMAttributes
-}
-
-/**
- * Provides the behavior and accessibility implementation for a section in a grid list.
- * See `useGridList` for more details about grid list.
- * @param props - Props for the section.
- */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export function useGridListSection<T>(props: AriaGridListSectionProps, state: ListState<T>, ref: RefObject<HTMLElement | null>): GridListSectionAria {
-  let {'aria-label': ariaLabel} = props;
-  let headingId = useSlotId();
-  let labelProps = useLabels({
-    'aria-label': ariaLabel,
-    'aria-labelledby': headingId
-  });
-
-  return {
-    rowProps: {
-      role: 'row'
-    },
-    rowHeaderProps: {
-      id: headingId,
-      role: 'rowheader'
-    },
-    rowGroupProps: {
-      role: 'rowgroup',
-      ...labelProps
-    }
-  };
-}

package/src/useGridListSelectionCheckbox.ts

@@ -1,32 +0,0 @@
-/*
- * Copyright 2022 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {AriaGridSelectionCheckboxProps, GridSelectionCheckboxAria, useGridSelectionCheckbox} from '@react-aria/grid';
-import {getRowId} from './utils';
-import type {ListState} from '@react-stately/list';
-
-/**
- * Provides the behavior and accessibility implementation for a selection checkbox in a grid list.
- * @param props - Props for the selection checkbox.
- * @param state - State of the list, as returned by `useListState`.
- */
-export function useGridListSelectionCheckbox<T>(props: AriaGridSelectionCheckboxProps, state: ListState<T>): GridSelectionCheckboxAria {
-  let {key} = props;
-  const {checkboxProps} = useGridSelectionCheckbox(props, state as any);
-
-  return {
-    checkboxProps: {
-      ...checkboxProps,
-      'aria-labelledby': `${checkboxProps.id} ${getRowId(state, key)}`
-    }
-  };
-}