@react-aria/gridlist 3.14.4 → 3.15.0

package/dist/useGridListItem.main.js

@@ -1,305 +0,0 @@
-var $7db02799adae605d$exports = require("./utils.main.js");
-var $911qM$reactariautils = require("@react-aria/utils");
-var $911qM$reactariafocus = require("@react-aria/focus");
-var $911qM$react = require("react");
-var $911qM$reactariainteractions = require("@react-aria/interactions");
-var $911qM$reactariaselection = require("@react-aria/selection");
-var $911qM$reactariai18n = require("@react-aria/i18n");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useGridListItem", () => $f7116f5928c03f32$export$9610e69494fadfd2);
-/*
- * 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.
- */ 
-
-
-
-
-
-
-const $f7116f5928c03f32$var$EXPANSION_KEYS = {
-    'expand': {
-        ltr: 'ArrowRight',
-        rtl: 'ArrowLeft'
-    },
-    'collapse': {
-        ltr: 'ArrowLeft',
-        rtl: 'ArrowRight'
-    }
-};
-function $f7116f5928c03f32$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 stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/gridlist');
-    let { direction: direction } = (0, $911qM$reactariai18n.useLocale)();
-    let { onAction: onAction, linkBehavior: linkBehavior, keyboardNavigationBehavior: keyboardNavigationBehavior, shouldSelectOnPressUp: shouldSelectOnPressUp } = (0, $7db02799adae605d$exports.listMap).get(state);
-    let descriptionId = (0, $911qM$reactariautils.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 = (0, $911qM$react.useRef)(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 || !(0, $911qM$reactariautils.isFocusWithin)(ref.current))) (0, $911qM$reactariafocus.focusSafely)(ref.current);
-    };
-    let treeGridRowProps = {};
-    let hasChildRows = props.hasChildItems;
-    let hasLink = state.selectionManager.isLink(node.key);
-    if (node != null && 'expandedKeys' in state) {
-        var _state_collection_getChildren, _state_collection;
-        // 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 = (_state_collection = state.collection).getChildren) === null || _state_collection_getChildren === void 0 ? void 0 : _state_collection_getChildren.call(_state_collection, node.key);
-        hasChildRows = hasChildRows || [
-            ...children !== null && children !== void 0 ? 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 === null || node === void 0 ? void 0 : node.parentKey) != null) {
-            let parent = state.collection.getItem(node.parentKey);
-            if (parent) {
-                // siblings must exist because our original node exists
-                let siblings = $f7116f5928c03f32$var$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: itemProps, ...itemStates } = (0, $911qM$reactariaselection.useSelectableItem)({
-        selectionManager: state.selectionManager,
-        key: node.key,
-        ref: ref,
-        isVirtualized: isVirtualized,
-        shouldSelectOnPressUp: props.shouldSelectOnPressUp || shouldSelectOnPressUp,
-        onAction: onAction || ((_node_props = node.props) === null || _node_props === void 0 ? void 0 : _node_props.onAction) ? (0, $911qM$reactariautils.chain)((_node_props1 = node.props) === null || _node_props1 === void 0 ? void 0 : _node_props1.onAction, onAction ? ()=>onAction(node.key) : undefined) : undefined,
-        focus: focus,
-        linkBehavior: linkBehavior
-    });
-    let onKeyDownCapture = (e)=>{
-        let activeElement = (0, $911qM$reactariautils.getActiveElement)();
-        if (!(0, $911qM$reactariautils.nodeContains)(e.currentTarget, (0, $911qM$reactariautils.getEventTarget)(e)) || !ref.current || !activeElement) return;
-        let walker = (0, $911qM$reactariafocus.getFocusableTreeWalker)(ref.current);
-        walker.currentNode = activeElement;
-        if ('expandedKeys' in state && activeElement === ref.current) {
-            if (e.key === $f7116f5928c03f32$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 === $f7116f5928c03f32$var$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() : walker.previousNode();
-                    if (focusable) {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        (0, $911qM$reactariafocus.focusSafely)(focusable);
-                        (0, $911qM$reactariautils.scrollIntoViewport)(focusable, {
-                            containingElement: (0, $911qM$reactariautils.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') {
-                            (0, $911qM$reactariafocus.focusSafely)(ref.current);
-                            (0, $911qM$reactariautils.scrollIntoViewport)(ref.current, {
-                                containingElement: (0, $911qM$reactariautils.getScrollParent)(ref.current)
-                            });
-                        } else {
-                            walker.currentNode = ref.current;
-                            let lastElement = $f7116f5928c03f32$var$last(walker);
-                            if (lastElement) {
-                                (0, $911qM$reactariafocus.focusSafely)(lastElement);
-                                (0, $911qM$reactariautils.scrollIntoViewport)(lastElement, {
-                                    containingElement: (0, $911qM$reactariautils.getScrollParent)(ref.current)
-                                });
-                            }
-                        }
-                    }
-                }
-                break;
-            case 'ArrowRight':
-                if (keyboardNavigationBehavior === 'arrow') {
-                    let focusable = direction === 'rtl' ? walker.previousNode() : walker.nextNode();
-                    if (focusable) {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        (0, $911qM$reactariafocus.focusSafely)(focusable);
-                        (0, $911qM$reactariautils.scrollIntoViewport)(focusable, {
-                            containingElement: (0, $911qM$reactariautils.getScrollParent)(ref.current)
-                        });
-                    } else {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        if (direction === 'ltr') {
-                            (0, $911qM$reactariafocus.focusSafely)(ref.current);
-                            (0, $911qM$reactariautils.scrollIntoViewport)(ref.current, {
-                                containingElement: (0, $911qM$reactariautils.getScrollParent)(ref.current)
-                            });
-                        } else {
-                            walker.currentNode = ref.current;
-                            let lastElement = $f7116f5928c03f32$var$last(walker);
-                            if (lastElement) {
-                                (0, $911qM$reactariafocus.focusSafely)(lastElement);
-                                (0, $911qM$reactariautils.scrollIntoViewport)(lastElement, {
-                                    containingElement: (0, $911qM$reactariautils.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 && (0, $911qM$reactariautils.nodeContains)(ref.current, (0, $911qM$reactariautils.getEventTarget)(e))) {
-                    var _ref_current_parentElement;
-                    e.stopPropagation();
-                    e.preventDefault();
-                    (_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === void 0 ? void 0 : _ref_current_parentElement.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
-                }
-                break;
-        }
-    };
-    let onFocus = (e)=>{
-        keyWhenFocused.current = node.key;
-        if ((0, $911qM$reactariautils.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 (!(0, $911qM$reactariainteractions.isFocusVisible)()) state.selectionManager.setFocusedKey(node.key);
-            return;
-        }
-    };
-    let onKeyDown = (e)=>{
-        let activeElement = (0, $911qM$reactariautils.getActiveElement)();
-        if (!(0, $911qM$reactariautils.nodeContains)(e.currentTarget, (0, $911qM$reactariautils.getEventTarget)(e)) || !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 = (0, $911qM$reactariafocus.getFocusableTreeWalker)(ref.current, {
-                        tabbable: true
-                    });
-                    walker.currentNode = activeElement;
-                    let next = e.shiftKey ? walker.previousNode() : walker.nextNode();
-                    if (next) e.stopPropagation();
-                }
-        }
-    };
-    let syntheticLinkProps = (0, $911qM$reactariautils.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 = (0, $911qM$reactariautils.mergeProps)(itemProps, linkProps, {
-        role: 'row',
-        onKeyDownCapture: onKeyDownCapture,
-        onKeyDown: onKeyDown,
-        onFocus: 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) ? `${(0, $7db02799adae605d$exports.getRowId)(state, node.key)} ${descriptionId}` : undefined,
-        id: (0, $7db02799adae605d$exports.getRowId)(state, node.key)
-    });
-    if (isVirtualized) {
-        let { collection: 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)=>{
-            var _collection_getItem;
-            return ((_collection_getItem = collection.getItem(key)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.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: {
-            ...(0, $911qM$reactariautils.mergeProps)(rowProps, treeGridRowProps)
-        },
-        gridCellProps: gridCellProps,
-        descriptionProps: {
-            id: descriptionId
-        },
-        ...itemStates
-    };
-}
-function $f7116f5928c03f32$var$last(walker) {
-    let next = null;
-    let last = null;
-    do {
-        last = walker.lastChild();
-        if (last) next = last;
-    }while (last);
-    return next;
-}
-function $f7116f5928c03f32$var$getDirectChildren(parent, collection) {
-    var _collection_getChildren;
-    // 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 = collection.getChildren) === null || _collection_getChildren === void 0 ? void 0 : _collection_getChildren.call(collection, parent.key);
-    let childArray = children ? Array.from(children) : [];
-    let node = childArray.length > 0 ? childArray[0] : null;
-    let siblings = [];
-    while(node){
-        siblings.push(node);
-        node = node.nextKey != null ? collection.getItem(node.nextKey) : null;
-    }
-    return siblings;
-}
-
-
-//# sourceMappingURL=useGridListItem.main.js.map

package/dist/useGridListItem.main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-aria/gridlist/src/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, getActiveElement, getEventTarget, getScrollParent, isFocusWithin, mergeProps, nodeContains, scrollIntoViewport, useSlotId, useSyntheticLinkProps} from '@react-aria/utils';\nimport {Collection, DOMAttributes, FocusableElement, Key, RefObject, Node as RSNode} from '@react-types/shared';\nimport {focusSafely, getFocusableTreeWalker} from '@react-aria/focus';\nimport {getRowId, listMap} from './utils';\nimport {HTMLAttributes, KeyboardEvent as ReactKeyboardEvent, useRef} from 'react';\nimport {isFocusVisible} from '@react-aria/interactions';\nimport type {ListState} from '@react-stately/list';\nimport {SelectableItemStates, useSelectableItem} from '@react-aria/selection';\nimport type {TreeState} from '@react-stately/tree';\nimport {useLocale} from '@react-aria/i18n';\n\nexport interface AriaGridListItemOptions {\n  /** An object representing the list item. Contains all the relevant information that makes up the list row. */\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 * @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>(props: AriaGridListItemOptions, state: ListState<T> | TreeState<T>, ref: RefObject<FocusableElement | null>): GridListItemAria {\n  // Copied from useGridCell + some modifications to make it not so grid specific\n  let {\n    node,\n    isVirtualized\n  } = props;\n\n  // let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/gridlist');\n  let {direction} = useLocale();\n  let {onAction, linkBehavior, keyboardNavigationBehavior, shouldSelectOnPressUp} = 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 (onAction == null && !hasLink && state.selectionManager.selectionMode === 'none' && hasChildRows) {\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: onAction || node.props?.onAction ? chain(node.props?.onAction, onAction ? () => onAction(node.key) : undefined) : undefined,\n    focus,\n    linkBehavior\n  });\n\n  let onKeyDownCapture = (e: ReactKeyboardEvent) => {\n    let activeElement = getActiveElement();\n    if (!nodeContains(e.currentTarget, getEventTarget(e) as Element) || !ref.current || !activeElement) {\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 ((e.key === EXPANSION_KEYS['expand'][direction]) && state.selectionManager.focusedKey === node.key && hasChildRows && !state.expandedKeys.has(node.key)) {\n        state.toggleKey(node.key);\n        e.stopPropagation();\n        return;\n      } else if ((e.key === EXPANSION_KEYS['collapse'][direction]) && state.selectionManager.focusedKey === node.key && hasChildRows && state.expandedKeys.has(node.key)) {\n        state.toggleKey(node.key);\n        e.stopPropagation();\n        return;\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 = 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              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 = 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              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 (!nodeContains(e.currentTarget, getEventTarget(e) as Element) || !ref.current || !activeElement) {\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) ? state.selectionManager.isSelected(node.key) : undefined,\n    'aria-disabled': state.selectionManager.isDisabled(node.key) || undefined,\n    'aria-labelledby': descriptionId && (node['aria-label'] || node.textValue) ? `${getRowId(state, node.key)} ${descriptionId}` : 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') ? [...collection.getKeys()].filter((key) => collection.getItem(key)?.type !== 'section').findIndex((key) => key === node.key) + 1 : 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.main.js.map"}

package/dist/useGridListItem.mjs

@@ -1,300 +0,0 @@
-import {getRowId as $ce9b18daab526bbd$export$f45c25170b9a99c2, listMap as $ce9b18daab526bbd$export$5b9bb410392e3991} from "./utils.mjs";
-import {useSlotId as $lxFUG$useSlotId, isFocusWithin as $lxFUG$isFocusWithin, chain as $lxFUG$chain, getActiveElement as $lxFUG$getActiveElement, nodeContains as $lxFUG$nodeContains, getEventTarget as $lxFUG$getEventTarget, scrollIntoViewport as $lxFUG$scrollIntoViewport, getScrollParent as $lxFUG$getScrollParent, useSyntheticLinkProps as $lxFUG$useSyntheticLinkProps, mergeProps as $lxFUG$mergeProps} from "@react-aria/utils";
-import {focusSafely as $lxFUG$focusSafely, getFocusableTreeWalker as $lxFUG$getFocusableTreeWalker} from "@react-aria/focus";
-import {useRef as $lxFUG$useRef} from "react";
-import {isFocusVisible as $lxFUG$isFocusVisible} from "@react-aria/interactions";
-import {useSelectableItem as $lxFUG$useSelectableItem} from "@react-aria/selection";
-import {useLocale as $lxFUG$useLocale} from "@react-aria/i18n";
-
-/*
- * 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.
- */ 
-
-
-
-
-
-
-const $4e8b0456ef72939f$var$EXPANSION_KEYS = {
-    'expand': {
-        ltr: 'ArrowRight',
-        rtl: 'ArrowLeft'
-    },
-    'collapse': {
-        ltr: 'ArrowLeft',
-        rtl: 'ArrowRight'
-    }
-};
-function $4e8b0456ef72939f$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 stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/gridlist');
-    let { direction: direction } = (0, $lxFUG$useLocale)();
-    let { onAction: onAction, linkBehavior: linkBehavior, keyboardNavigationBehavior: keyboardNavigationBehavior, shouldSelectOnPressUp: shouldSelectOnPressUp } = (0, $ce9b18daab526bbd$export$5b9bb410392e3991).get(state);
-    let descriptionId = (0, $lxFUG$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 = (0, $lxFUG$useRef)(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 || !(0, $lxFUG$isFocusWithin)(ref.current))) (0, $lxFUG$focusSafely)(ref.current);
-    };
-    let treeGridRowProps = {};
-    let hasChildRows = props.hasChildItems;
-    let hasLink = state.selectionManager.isLink(node.key);
-    if (node != null && 'expandedKeys' in state) {
-        var _state_collection_getChildren, _state_collection;
-        // 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 = (_state_collection = state.collection).getChildren) === null || _state_collection_getChildren === void 0 ? void 0 : _state_collection_getChildren.call(_state_collection, node.key);
-        hasChildRows = hasChildRows || [
-            ...children !== null && children !== void 0 ? 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 === null || node === void 0 ? void 0 : node.parentKey) != null) {
-            let parent = state.collection.getItem(node.parentKey);
-            if (parent) {
-                // siblings must exist because our original node exists
-                let siblings = $4e8b0456ef72939f$var$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: itemProps, ...itemStates } = (0, $lxFUG$useSelectableItem)({
-        selectionManager: state.selectionManager,
-        key: node.key,
-        ref: ref,
-        isVirtualized: isVirtualized,
-        shouldSelectOnPressUp: props.shouldSelectOnPressUp || shouldSelectOnPressUp,
-        onAction: onAction || ((_node_props = node.props) === null || _node_props === void 0 ? void 0 : _node_props.onAction) ? (0, $lxFUG$chain)((_node_props1 = node.props) === null || _node_props1 === void 0 ? void 0 : _node_props1.onAction, onAction ? ()=>onAction(node.key) : undefined) : undefined,
-        focus: focus,
-        linkBehavior: linkBehavior
-    });
-    let onKeyDownCapture = (e)=>{
-        let activeElement = (0, $lxFUG$getActiveElement)();
-        if (!(0, $lxFUG$nodeContains)(e.currentTarget, (0, $lxFUG$getEventTarget)(e)) || !ref.current || !activeElement) return;
-        let walker = (0, $lxFUG$getFocusableTreeWalker)(ref.current);
-        walker.currentNode = activeElement;
-        if ('expandedKeys' in state && activeElement === ref.current) {
-            if (e.key === $4e8b0456ef72939f$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 === $4e8b0456ef72939f$var$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() : walker.previousNode();
-                    if (focusable) {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        (0, $lxFUG$focusSafely)(focusable);
-                        (0, $lxFUG$scrollIntoViewport)(focusable, {
-                            containingElement: (0, $lxFUG$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') {
-                            (0, $lxFUG$focusSafely)(ref.current);
-                            (0, $lxFUG$scrollIntoViewport)(ref.current, {
-                                containingElement: (0, $lxFUG$getScrollParent)(ref.current)
-                            });
-                        } else {
-                            walker.currentNode = ref.current;
-                            let lastElement = $4e8b0456ef72939f$var$last(walker);
-                            if (lastElement) {
-                                (0, $lxFUG$focusSafely)(lastElement);
-                                (0, $lxFUG$scrollIntoViewport)(lastElement, {
-                                    containingElement: (0, $lxFUG$getScrollParent)(ref.current)
-                                });
-                            }
-                        }
-                    }
-                }
-                break;
-            case 'ArrowRight':
-                if (keyboardNavigationBehavior === 'arrow') {
-                    let focusable = direction === 'rtl' ? walker.previousNode() : walker.nextNode();
-                    if (focusable) {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        (0, $lxFUG$focusSafely)(focusable);
-                        (0, $lxFUG$scrollIntoViewport)(focusable, {
-                            containingElement: (0, $lxFUG$getScrollParent)(ref.current)
-                        });
-                    } else {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        if (direction === 'ltr') {
-                            (0, $lxFUG$focusSafely)(ref.current);
-                            (0, $lxFUG$scrollIntoViewport)(ref.current, {
-                                containingElement: (0, $lxFUG$getScrollParent)(ref.current)
-                            });
-                        } else {
-                            walker.currentNode = ref.current;
-                            let lastElement = $4e8b0456ef72939f$var$last(walker);
-                            if (lastElement) {
-                                (0, $lxFUG$focusSafely)(lastElement);
-                                (0, $lxFUG$scrollIntoViewport)(lastElement, {
-                                    containingElement: (0, $lxFUG$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 && (0, $lxFUG$nodeContains)(ref.current, (0, $lxFUG$getEventTarget)(e))) {
-                    var _ref_current_parentElement;
-                    e.stopPropagation();
-                    e.preventDefault();
-                    (_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === void 0 ? void 0 : _ref_current_parentElement.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
-                }
-                break;
-        }
-    };
-    let onFocus = (e)=>{
-        keyWhenFocused.current = node.key;
-        if ((0, $lxFUG$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 (!(0, $lxFUG$isFocusVisible)()) state.selectionManager.setFocusedKey(node.key);
-            return;
-        }
-    };
-    let onKeyDown = (e)=>{
-        let activeElement = (0, $lxFUG$getActiveElement)();
-        if (!(0, $lxFUG$nodeContains)(e.currentTarget, (0, $lxFUG$getEventTarget)(e)) || !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 = (0, $lxFUG$getFocusableTreeWalker)(ref.current, {
-                        tabbable: true
-                    });
-                    walker.currentNode = activeElement;
-                    let next = e.shiftKey ? walker.previousNode() : walker.nextNode();
-                    if (next) e.stopPropagation();
-                }
-        }
-    };
-    let syntheticLinkProps = (0, $lxFUG$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 = (0, $lxFUG$mergeProps)(itemProps, linkProps, {
-        role: 'row',
-        onKeyDownCapture: onKeyDownCapture,
-        onKeyDown: onKeyDown,
-        onFocus: 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) ? `${(0, $ce9b18daab526bbd$export$f45c25170b9a99c2)(state, node.key)} ${descriptionId}` : undefined,
-        id: (0, $ce9b18daab526bbd$export$f45c25170b9a99c2)(state, node.key)
-    });
-    if (isVirtualized) {
-        let { collection: 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)=>{
-            var _collection_getItem;
-            return ((_collection_getItem = collection.getItem(key)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.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: {
-            ...(0, $lxFUG$mergeProps)(rowProps, treeGridRowProps)
-        },
-        gridCellProps: gridCellProps,
-        descriptionProps: {
-            id: descriptionId
-        },
-        ...itemStates
-    };
-}
-function $4e8b0456ef72939f$var$last(walker) {
-    let next = null;
-    let last = null;
-    do {
-        last = walker.lastChild();
-        if (last) next = last;
-    }while (last);
-    return next;
-}
-function $4e8b0456ef72939f$var$getDirectChildren(parent, collection) {
-    var _collection_getChildren;
-    // 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 = collection.getChildren) === null || _collection_getChildren === void 0 ? void 0 : _collection_getChildren.call(collection, parent.key);
-    let childArray = children ? Array.from(children) : [];
-    let node = childArray.length > 0 ? childArray[0] : null;
-    let siblings = [];
-    while(node){
-        siblings.push(node);
-        node = node.nextKey != null ? collection.getItem(node.nextKey) : null;
-    }
-    return siblings;
-}
-
-
-export {$4e8b0456ef72939f$export$9610e69494fadfd2 as useGridListItem};
-//# sourceMappingURL=useGridListItem.module.js.map