@depup/react-aria-components 1.16.0-depup.0

package/dist/GridList.module.js

@@ -0,0 +1,573 @@
+import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from "./Button.module.js";
+import {CheckboxContext as $4e85f108e88277b8$export$b085522c77523c51, FieldInputContext as $4e85f108e88277b8$export$698f465ec27e93df, SelectableCollectionContext as $4e85f108e88277b8$export$b0d3ecf7112093a7} from "./RSPContexts.module.js";
+import {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, dom as $64fa3d84918910a7$export$df3a06d6289f983e, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from "./utils.module.js";
+import {CollectionRendererContext as $7135fc7d473fd974$export$4feb769f8ddf26c5, DefaultCollectionRenderer as $7135fc7d473fd974$export$a164736487e3f0ae} from "./Collection.module.js";
+import {DragAndDropContext as $612b8eb6cb90e02d$export$d188a835a7bc5783, DropIndicatorContext as $612b8eb6cb90e02d$export$f55761759794cf55, useDndPersistedKeys as $612b8eb6cb90e02d$export$d1e8e3fbb7461f6, useRenderDropIndicator as $612b8eb6cb90e02d$export$971707d8a129a1f7} from "./DragAndDrop.module.js";
+import {ListStateContext as $eed445e0843c11d0$export$7c5906fe4f1f2af2} from "./ListBox.module.js";
+import {SelectionIndicatorContext as $1d5b8b8664671ef2$export$c9549807523555e0} from "./SelectionIndicator.module.js";
+import {SharedElementTransition as $c8a5a149f625efcf$export$758399f318e6385a} from "./SharedElementTransition.module.js";
+import {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from "./Text.module.js";
+import {useCollator as $jTmF7$useCollator, useLocale as $jTmF7$useLocale, ListKeyboardDelegate as $jTmF7$ListKeyboardDelegate, useGridList as $jTmF7$useGridList, useFocusRing as $jTmF7$useFocusRing, FocusScope as $jTmF7$FocusScope, mergeProps as $jTmF7$mergeProps, useGridListItem as $jTmF7$useGridListItem, useHover as $jTmF7$useHover, useGridListSelectionCheckbox as $jTmF7$useGridListSelectionCheckbox, useVisuallyHidden as $jTmF7$useVisuallyHidden, useGridListSection as $jTmF7$useGridListSection} from "react-aria";
+import {CollectionBuilder as $jTmF7$CollectionBuilder, Collection as $jTmF7$Collection, createLeafComponent as $jTmF7$createLeafComponent, ItemNode as $jTmF7$ItemNode, LoaderNode as $jTmF7$LoaderNode, createBranchComponent as $jTmF7$createBranchComponent, SectionNode as $jTmF7$SectionNode, HeaderNode as $jTmF7$HeaderNode} from "@react-aria/collections";
+import {useListState as $jTmF7$useListState, UNSTABLE_useFilteredListState as $jTmF7$UNSTABLE_useFilteredListState} from "react-stately";
+import {filterDOMProps as $jTmF7$filterDOMProps, useObjectRef as $jTmF7$useObjectRef, useLoadMoreSentinel as $jTmF7$useLoadMoreSentinel, inertValue as $jTmF7$inertValue} from "@react-aria/utils";
+import $jTmF7$react, {createContext as $jTmF7$createContext, forwardRef as $jTmF7$forwardRef, useContext as $jTmF7$useContext, useMemo as $jTmF7$useMemo, useRef as $jTmF7$useRef, useEffect as $jTmF7$useEffect} from "react";
+
+/*
+ * 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 $72e60046c03fbe42$export$54fe942636b6416d = /*#__PURE__*/ (0, $jTmF7$createContext)(null);
+const $72e60046c03fbe42$export$a7bfbda1311ca015 = /*#__PURE__*/ (0, $jTmF7$forwardRef)(function GridList(props, ref) {
+    // Render the portal first so that we have the collection by the time we render the DOM in SSR.
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $72e60046c03fbe42$export$54fe942636b6416d);
+    return /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $jTmF7$CollectionBuilder), {
+        content: /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $jTmF7$Collection), props)
+    }, (collection)=>/*#__PURE__*/ (0, $jTmF7$react).createElement($72e60046c03fbe42$var$GridListInner, {
+            props: props,
+            collection: collection,
+            gridListRef: ref
+        }));
+});
+function $72e60046c03fbe42$var$GridListInner({ props: props, collection: collection, gridListRef: ref }) {
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, (0, $4e85f108e88277b8$export$b0d3ecf7112093a7));
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let { shouldUseVirtualFocus: shouldUseVirtualFocus, filter: filter, disallowTypeAhead: disallowTypeAhead, ...DOMCollectionProps } = props;
+    let { dragAndDropHooks: dragAndDropHooks, keyboardNavigationBehavior: keyboardNavigationBehavior = 'arrow', layout: layout = 'stack' } = props;
+    let { CollectionRoot: CollectionRoot, isVirtualized: isVirtualized, layoutDelegate: layoutDelegate, dropTargetDelegate: ctxDropTargetDelegate } = (0, $jTmF7$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let gridlistState = (0, $jTmF7$useListState)({
+        ...DOMCollectionProps,
+        collection: collection,
+        children: undefined,
+        layoutDelegate: layoutDelegate
+    });
+    let filteredState = (0, $jTmF7$UNSTABLE_useFilteredListState)(gridlistState, filter);
+    let collator = (0, $jTmF7$useCollator)({
+        usage: 'search',
+        sensitivity: 'base'
+    });
+    let { disabledBehavior: disabledBehavior, disabledKeys: disabledKeys } = filteredState.selectionManager;
+    let { direction: direction } = (0, $jTmF7$useLocale)();
+    let keyboardDelegate = (0, $jTmF7$useMemo)(()=>new (0, $jTmF7$ListKeyboardDelegate)({
+            collection: filteredState.collection,
+            collator: collator,
+            ref: ref,
+            disabledKeys: disabledKeys,
+            disabledBehavior: disabledBehavior,
+            layoutDelegate: layoutDelegate,
+            layout: layout,
+            direction: direction
+        }), [
+        filteredState.collection,
+        ref,
+        layout,
+        disabledKeys,
+        disabledBehavior,
+        layoutDelegate,
+        collator,
+        direction
+    ]);
+    let { gridProps: gridProps } = (0, $jTmF7$useGridList)({
+        ...DOMCollectionProps,
+        keyboardDelegate: keyboardDelegate,
+        // Only tab navigation is supported in grid layout.
+        keyboardNavigationBehavior: layout === 'grid' ? 'tab' : keyboardNavigationBehavior,
+        isVirtualized: isVirtualized,
+        shouldSelectOnPressUp: props.shouldSelectOnPressUp,
+        disallowTypeAhead: disallowTypeAhead
+    }, filteredState, ref);
+    let selectionManager = filteredState.selectionManager;
+    let isListDraggable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDraggableCollectionState);
+    let isListDroppable = !!(dragAndDropHooks === null || dragAndDropHooks === void 0 ? void 0 : dragAndDropHooks.useDroppableCollectionState);
+    let dragHooksProvided = (0, $jTmF7$useRef)(isListDraggable);
+    let dropHooksProvided = (0, $jTmF7$useRef)(isListDroppable);
+    (0, $jTmF7$useEffect)(()=>{
+        if (process.env.NODE_ENV === 'production') return;
+        if (dragHooksProvided.current !== isListDraggable) console.warn('Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.');
+        if (dropHooksProvided.current !== isListDroppable) console.warn('Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.');
+    }, [
+        isListDraggable,
+        isListDroppable
+    ]);
+    let dragState = undefined;
+    let dropState = undefined;
+    let droppableCollection = undefined;
+    let isRootDropTarget = false;
+    let dragPreview = null;
+    let preview = (0, $jTmF7$useRef)(null);
+    if (isListDraggable && dragAndDropHooks) {
+        dragState = dragAndDropHooks.useDraggableCollectionState({
+            collection: filteredState.collection,
+            selectionManager: selectionManager,
+            preview: dragAndDropHooks.renderDragPreview ? preview : undefined
+        });
+        dragAndDropHooks.useDraggableCollection({}, dragState, ref);
+        let DragPreview = dragAndDropHooks.DragPreview;
+        dragPreview = dragAndDropHooks.renderDragPreview ? /*#__PURE__*/ (0, $jTmF7$react).createElement(DragPreview, {
+            ref: preview
+        }, dragAndDropHooks.renderDragPreview) : null;
+    }
+    if (isListDroppable && dragAndDropHooks) {
+        dropState = dragAndDropHooks.useDroppableCollectionState({
+            collection: filteredState.collection,
+            selectionManager: selectionManager
+        });
+        let keyboardDelegate = new (0, $jTmF7$ListKeyboardDelegate)({
+            collection: filteredState.collection,
+            disabledKeys: selectionManager.disabledKeys,
+            disabledBehavior: selectionManager.disabledBehavior,
+            ref: ref
+        });
+        let dropTargetDelegate = dragAndDropHooks.dropTargetDelegate || ctxDropTargetDelegate || new dragAndDropHooks.ListDropTargetDelegate(collection, ref, {
+            layout: layout,
+            direction: direction
+        });
+        droppableCollection = dragAndDropHooks.useDroppableCollection({
+            keyboardDelegate: keyboardDelegate,
+            dropTargetDelegate: dropTargetDelegate
+        }, dropState, ref);
+        isRootDropTarget = dropState.isDropTarget({
+            type: 'root'
+        });
+    }
+    let { focusProps: focusProps, isFocused: isFocused, isFocusVisible: isFocusVisible } = (0, $jTmF7$useFocusRing)();
+    let isEmpty = filteredState.collection.size === 0;
+    let renderValues = {
+        isDropTarget: isRootDropTarget,
+        isEmpty: isEmpty,
+        isFocused: isFocused,
+        isFocusVisible: isFocusVisible,
+        layout: layout,
+        state: filteredState
+    };
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        children: undefined,
+        defaultClassName: 'react-aria-GridList',
+        values: renderValues
+    });
+    let emptyState = null;
+    let emptyStatePropOverrides = null;
+    if (isEmpty && props.renderEmptyState) {
+        let content = props.renderEmptyState(renderValues);
+        emptyState = /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+            role: "row",
+            "aria-rowindex": 1,
+            style: {
+                display: 'contents'
+            }
+        }, /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+            role: "gridcell",
+            style: {
+                display: 'contents'
+            }
+        }, content));
+    }
+    let DOMProps = (0, $jTmF7$filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $jTmF7$FocusScope), null, /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        ...(0, $jTmF7$mergeProps)(DOMProps, renderProps, gridProps, focusProps, droppableCollection === null || droppableCollection === void 0 ? void 0 : droppableCollection.collectionProps, emptyStatePropOverrides),
+        ref: ref,
+        slot: props.slot || undefined,
+        onScroll: props.onScroll,
+        "data-drop-target": isRootDropTarget || undefined,
+        "data-empty": isEmpty || undefined,
+        "data-focused": isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-layout": layout
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $eed445e0843c11d0$export$7c5906fe4f1f2af2),
+                filteredState
+            ],
+            [
+                (0, $612b8eb6cb90e02d$export$d188a835a7bc5783),
+                {
+                    dragAndDropHooks: dragAndDropHooks,
+                    dragState: dragState,
+                    dropState: dropState
+                }
+            ],
+            [
+                (0, $612b8eb6cb90e02d$export$f55761759794cf55),
+                {
+                    render: $72e60046c03fbe42$var$GridListDropIndicatorWrapper
+                }
+            ]
+        ]
+    }, isListDroppable && /*#__PURE__*/ (0, $jTmF7$react).createElement($72e60046c03fbe42$var$RootDropIndicator, null), /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $c8a5a149f625efcf$export$758399f318e6385a), null, /*#__PURE__*/ (0, $jTmF7$react).createElement(CollectionRoot, {
+        collection: filteredState.collection,
+        scrollRef: ref,
+        persistedKeys: (0, $612b8eb6cb90e02d$export$d1e8e3fbb7461f6)(selectionManager, dragAndDropHooks, dropState),
+        renderDropIndicator: (0, $612b8eb6cb90e02d$export$971707d8a129a1f7)(dragAndDropHooks, dropState)
+    }))), emptyState, dragPreview));
+}
+const $72e60046c03fbe42$export$e96fc9a8407faa6b = /*#__PURE__*/ (0, $jTmF7$createLeafComponent)((0, $jTmF7$ItemNode), function GridListItem(props, forwardedRef, item) {
+    let state = (0, $jTmF7$useContext)((0, $eed445e0843c11d0$export$7c5906fe4f1f2af2));
+    let { dragAndDropHooks: dragAndDropHooks, dragState: dragState, dropState: dropState } = (0, $jTmF7$useContext)((0, $612b8eb6cb90e02d$export$d188a835a7bc5783));
+    let ref = (0, $jTmF7$useObjectRef)(forwardedRef);
+    let { isVirtualized: isVirtualized } = (0, $jTmF7$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let { rowProps: rowProps, gridCellProps: gridCellProps, descriptionProps: descriptionProps, ...states } = (0, $jTmF7$useGridListItem)({
+        node: item,
+        shouldSelectOnPressUp: !!dragState,
+        isVirtualized: isVirtualized
+    }, state, ref);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $jTmF7$useHover)({
+        isDisabled: !states.allowsSelection && !states.hasAction,
+        onHoverStart: item.props.onHoverStart,
+        onHoverChange: item.props.onHoverChange,
+        onHoverEnd: item.props.onHoverEnd
+    });
+    let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $jTmF7$useFocusRing)();
+    let { checkboxProps: checkboxProps } = (0, $jTmF7$useGridListSelectionCheckbox)({
+        key: item.key
+    }, state);
+    let buttonProps = state.selectionManager.disabledBehavior === 'all' && states.isDisabled ? {
+        isDisabled: true
+    } : {};
+    let draggableItem = null;
+    if (dragState && dragAndDropHooks) draggableItem = dragAndDropHooks.useDraggableItem({
+        key: item.key,
+        hasDragButton: true
+    }, dragState);
+    let dropIndicator = null;
+    let dropIndicatorRef = (0, $jTmF7$useRef)(null);
+    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $jTmF7$useVisuallyHidden)();
+    if (dropState && dragAndDropHooks) dropIndicator = dragAndDropHooks.useDropIndicator({
+        target: {
+            type: 'item',
+            key: item.key,
+            dropPosition: 'on'
+        }
+    }, dropState, dropIndicatorRef);
+    let isDragging = dragState && dragState.isDragging(item.key);
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        id: undefined,
+        children: item.rendered,
+        defaultClassName: 'react-aria-GridListItem',
+        values: {
+            ...states,
+            isHovered: isHovered,
+            isFocusVisible: isFocusVisible,
+            selectionMode: state.selectionManager.selectionMode,
+            selectionBehavior: state.selectionManager.selectionBehavior,
+            allowsDragging: !!dragState,
+            isDragging: isDragging,
+            isDropTarget: dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.isDropTarget,
+            id: item.key,
+            state: state
+        }
+    });
+    let dragButtonRef = (0, $jTmF7$useRef)(null);
+    (0, $jTmF7$useEffect)(()=>{
+        if (dragState && !dragButtonRef.current) console.warn('Draggable items in a GridList must contain a <Button slot="drag"> element so that keyboard and screen reader users can drag them.');
+    // eslint-disable-next-line
+    }, []);
+    (0, $jTmF7$useEffect)(()=>{
+        if (!item.textValue && process.env.NODE_ENV !== 'production') console.warn('A `textValue` prop is required for <GridListItem> elements with non-plain text children in order to support accessibility features such as type to select.');
+    }, [
+        item.textValue
+    ]);
+    let DOMProps = (0, $jTmF7$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    delete DOMProps.onClick;
+    return /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $jTmF7$react).Fragment, null, dropIndicator && !dropIndicator.isHidden && /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+        role: "row",
+        style: {
+            position: 'absolute'
+        }
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+        role: "gridcell"
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+        role: "button",
+        ...visuallyHiddenProps,
+        ...dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.dropIndicatorProps,
+        ref: dropIndicatorRef
+    }))), /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        ...(0, $jTmF7$mergeProps)(DOMProps, renderProps, rowProps, focusProps, hoverProps, draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragProps),
+        ref: ref,
+        "data-selected": states.isSelected || undefined,
+        "data-disabled": states.isDisabled || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focused": states.isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-pressed": states.isPressed || undefined,
+        "data-allows-dragging": !!dragState || undefined,
+        "data-dragging": isDragging || undefined,
+        "data-drop-target": (dropIndicator === null || dropIndicator === void 0 ? void 0 : dropIndicator.isDropTarget) || undefined,
+        "data-selection-mode": state.selectionManager.selectionMode === 'none' ? undefined : state.selectionManager.selectionMode
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+        ...gridCellProps,
+        style: {
+            display: 'contents'
+        }
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                (0, $4e85f108e88277b8$export$b085522c77523c51),
+                {
+                    slots: {
+                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},
+                        selection: checkboxProps
+                    }
+                }
+            ],
+            [
+                (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),
+                {
+                    slots: {
+                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: buttonProps,
+                        drag: {
+                            ...draggableItem === null || draggableItem === void 0 ? void 0 : draggableItem.dragButtonProps,
+                            ref: dragButtonRef,
+                            style: {
+                                pointerEvents: 'none'
+                            }
+                        }
+                    }
+                }
+            ],
+            [
+                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),
+                {
+                    slots: {
+                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},
+                        description: descriptionProps
+                    }
+                }
+            ],
+            [
+                (0, $7135fc7d473fd974$export$4feb769f8ddf26c5),
+                (0, $7135fc7d473fd974$export$a164736487e3f0ae)
+            ],
+            [
+                (0, $eed445e0843c11d0$export$7c5906fe4f1f2af2),
+                null
+            ],
+            [
+                (0, $4e85f108e88277b8$export$b0d3ecf7112093a7),
+                null
+            ],
+            [
+                (0, $4e85f108e88277b8$export$698f465ec27e93df),
+                null
+            ],
+            [
+                (0, $1d5b8b8664671ef2$export$c9549807523555e0),
+                {
+                    isSelected: states.isSelected
+                }
+            ]
+        ]
+    }, renderProps.children))));
+});
+function $72e60046c03fbe42$var$GridListDropIndicatorWrapper(props, ref) {
+    ref = (0, $jTmF7$useObjectRef)(ref);
+    let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $jTmF7$useContext)((0, $612b8eb6cb90e02d$export$d188a835a7bc5783));
+    let buttonRef = (0, $jTmF7$useRef)(null);
+    let { dropIndicatorProps: dropIndicatorProps, isHidden: isHidden, isDropTarget: isDropTarget } = dragAndDropHooks.useDropIndicator(props, dropState, buttonRef);
+    if (isHidden) return null;
+    return /*#__PURE__*/ (0, $jTmF7$react).createElement($72e60046c03fbe42$var$GridListDropIndicatorForwardRef, {
+        ...props,
+        dropIndicatorProps: dropIndicatorProps,
+        isDropTarget: isDropTarget,
+        buttonRef: buttonRef,
+        ref: ref
+    });
+}
+function $72e60046c03fbe42$var$GridListDropIndicator(props, ref) {
+    let { dropIndicatorProps: dropIndicatorProps, isDropTarget: isDropTarget, buttonRef: buttonRef, ...otherProps } = props;
+    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $jTmF7$useVisuallyHidden)();
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...otherProps,
+        defaultClassName: 'react-aria-DropIndicator',
+        values: {
+            isDropTarget: isDropTarget
+        }
+    });
+    return /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        ...renderProps,
+        role: "row",
+        ref: ref,
+        "data-drop-target": isDropTarget || undefined
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+        role: "gridcell"
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+        ...visuallyHiddenProps,
+        role: "button",
+        ...dropIndicatorProps,
+        ref: buttonRef
+    }), renderProps.children));
+}
+const $72e60046c03fbe42$var$GridListDropIndicatorForwardRef = /*#__PURE__*/ (0, $jTmF7$forwardRef)($72e60046c03fbe42$var$GridListDropIndicator);
+function $72e60046c03fbe42$var$RootDropIndicator() {
+    let { dragAndDropHooks: dragAndDropHooks, dropState: dropState } = (0, $jTmF7$useContext)((0, $612b8eb6cb90e02d$export$d188a835a7bc5783));
+    let ref = (0, $jTmF7$useRef)(null);
+    let { dropIndicatorProps: dropIndicatorProps } = dragAndDropHooks.useDropIndicator({
+        target: {
+            type: 'root'
+        }
+    }, dropState, ref);
+    let isDropTarget = dropState.isDropTarget({
+        type: 'root'
+    });
+    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $jTmF7$useVisuallyHidden)();
+    if (!isDropTarget && dropIndicatorProps['aria-hidden']) return null;
+    return /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+        role: "row",
+        "aria-hidden": dropIndicatorProps['aria-hidden'],
+        style: {
+            position: 'absolute'
+        }
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+        role: "gridcell"
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+        role: "button",
+        ...visuallyHiddenProps,
+        ...dropIndicatorProps,
+        ref: ref
+    })));
+}
+const $72e60046c03fbe42$export$392b9a0bbc7c7e43 = (0, $jTmF7$createLeafComponent)((0, $jTmF7$LoaderNode), function GridListLoadingIndicator(props, ref, item) {
+    let state = (0, $jTmF7$useContext)((0, $eed445e0843c11d0$export$7c5906fe4f1f2af2));
+    let { isVirtualized: isVirtualized } = (0, $jTmF7$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let { isLoading: isLoading, onLoadMore: onLoadMore, scrollOffset: scrollOffset, ...otherProps } = props;
+    let sentinelRef = (0, $jTmF7$useRef)(null);
+    let memoedLoadMoreProps = (0, $jTmF7$useMemo)(()=>({
+            onLoadMore: onLoadMore,
+            collection: state === null || state === void 0 ? void 0 : state.collection,
+            sentinelRef: sentinelRef,
+            scrollOffset: scrollOffset
+        }), [
+        onLoadMore,
+        scrollOffset,
+        state === null || state === void 0 ? void 0 : state.collection
+    ]);
+    (0, $jTmF7$useLoadMoreSentinel)(memoedLoadMoreProps, sentinelRef);
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...otherProps,
+        id: undefined,
+        children: item.rendered,
+        defaultClassName: 'react-aria-GridListLoadingIndicator',
+        values: undefined
+    });
+    // For now don't include aria-posinset and aria-setsize on loader since they aren't keyboard focusable
+    // Arguably shouldn't include them ever since it might be confusing to the user to include the loaders as part of the
+    // item count
+    return /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $jTmF7$react).Fragment, null, /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+        style: {
+            position: 'relative',
+            width: 0,
+            height: 0
+        },
+        inert: (0, $jTmF7$inertValue)(true)
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+        "data-testid": "loadMoreSentinel",
+        ref: sentinelRef,
+        style: {
+            position: 'absolute',
+            height: 1,
+            width: 1
+        }
+    })), isLoading && renderProps.children && /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        ...renderProps,
+        ...(0, $jTmF7$filterDOMProps)(props, {
+            global: true
+        }),
+        role: "row",
+        ref: ref
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+        "aria-colindex": isVirtualized ? 1 : undefined,
+        role: "gridcell"
+    }, renderProps.children)));
+});
+const $72e60046c03fbe42$export$f696877219115b14 = /*#__PURE__*/ (0, $jTmF7$createBranchComponent)((0, $jTmF7$SectionNode), (props, ref, item)=>{
+    let state = (0, $jTmF7$useContext)((0, $eed445e0843c11d0$export$7c5906fe4f1f2af2));
+    let { CollectionBranch: CollectionBranch } = (0, $jTmF7$useContext)((0, $7135fc7d473fd974$export$4feb769f8ddf26c5));
+    let headingRef = (0, $jTmF7$useRef)(null);
+    ref = (0, $jTmF7$useObjectRef)(ref);
+    var _props_arialabel;
+    let { rowHeaderProps: rowHeaderProps, rowProps: rowProps, rowGroupProps: rowGroupProps } = (0, $jTmF7$useGridListSection)({
+        'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !== void 0 ? _props_arialabel : undefined
+    }, state, ref);
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        id: undefined,
+        children: undefined,
+        defaultClassName: 'react-aria-GridListSection',
+        values: undefined
+    });
+    let DOMProps = (0, $jTmF7$filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    return /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        ...(0, $jTmF7$mergeProps)(DOMProps, renderProps, rowGroupProps),
+        ref: ref
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
+        values: [
+            [
+                $72e60046c03fbe42$export$87f5843bfb30d205,
+                {
+                    ...rowProps,
+                    ref: headingRef
+                }
+            ],
+            [
+                $72e60046c03fbe42$export$bc7e8a4031ec2a33,
+                {
+                    ...rowHeaderProps
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement(CollectionBranch, {
+        collection: state.collection,
+        parent: item
+    })));
+});
+const $72e60046c03fbe42$export$87f5843bfb30d205 = /*#__PURE__*/ (0, $jTmF7$createContext)({});
+const $72e60046c03fbe42$export$bc7e8a4031ec2a33 = /*#__PURE__*/ (0, $jTmF7$createContext)(null);
+const $72e60046c03fbe42$export$1b574dbdb0075ff6 = /*#__PURE__*/ (0, $jTmF7$createLeafComponent)((0, $jTmF7$HeaderNode), function Header(props, ref) {
+    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $72e60046c03fbe42$export$87f5843bfb30d205);
+    let rowHeaderProps = (0, $jTmF7$useContext)($72e60046c03fbe42$export$bc7e8a4031ec2a33);
+    return /*#__PURE__*/ (0, $jTmF7$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {
+        render: props.render,
+        className: "react-aria-GridListHeader",
+        ref: ref,
+        ...props
+    }, /*#__PURE__*/ (0, $jTmF7$react).createElement("div", {
+        ...rowHeaderProps,
+        style: {
+            display: 'contents'
+        }
+    }, props.children));
+});
+
+
+export {$72e60046c03fbe42$export$54fe942636b6416d as GridListContext, $72e60046c03fbe42$export$a7bfbda1311ca015 as GridList, $72e60046c03fbe42$export$e96fc9a8407faa6b as GridListItem, $72e60046c03fbe42$export$392b9a0bbc7c7e43 as GridListLoadMoreItem, $72e60046c03fbe42$export$f696877219115b14 as GridListSection, $72e60046c03fbe42$export$87f5843bfb30d205 as GridListHeaderContext, $72e60046c03fbe42$export$bc7e8a4031ec2a33 as GridListHeaderInnerContext, $72e60046c03fbe42$export$1b574dbdb0075ff6 as GridListHeader};
+//# sourceMappingURL=GridList.module.js.map

package/dist/GridList.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/GridList.tsx"],"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 */\nimport {AriaGridListProps, DraggableItemResult, DragPreviewRenderer, DropIndicatorAria, DroppableCollectionResult, FocusScope, ListKeyboardDelegate, mergeProps, useCollator, useFocusRing, useGridList, useGridListItem, useGridListSection, useGridListSelectionCheckbox, useHover, useLocale, useVisuallyHidden} from 'react-aria';\nimport {ButtonContext} from './Button';\nimport {CheckboxContext, FieldInputContext, SelectableCollectionContext, SelectableCollectionContextValue} from './RSPContexts';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  DEFAULT_SLOT,\n  dom,\n  DOMProps,\n  DOMRenderProps,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {Collection, CollectionBuilder, createBranchComponent, createLeafComponent, HeaderNode, ItemNode, LoaderNode, SectionNode} from '@react-aria/collections';\nimport {CollectionProps, CollectionRendererContext, DefaultCollectionRenderer, ItemRenderProps, SectionProps} from './Collection';\nimport {DragAndDropContext, DropIndicatorContext, DropIndicatorProps, useDndPersistedKeys, useRenderDropIndicator} from './DragAndDrop';\nimport {DragAndDropHooks} from './useDragAndDrop';\nimport {DraggableCollectionState, DroppableCollectionState, Collection as ICollection, ListState, Node, SelectionBehavior, UNSTABLE_useFilteredListState, useListState} from 'react-stately';\nimport {filterDOMProps, inertValue, LoadMoreSentinelProps, useLoadMoreSentinel, useObjectRef} from '@react-aria/utils';\nimport {forwardRefType, GlobalDOMAttributes, HoverEvents, Key, LinkDOMProps, PressEvents, RefObject} from '@react-types/shared';\nimport {ListStateContext} from './ListBox';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes, JSX, ReactNode, useContext, useEffect, useMemo, useRef} from 'react';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {SharedElementTransition} from './SharedElementTransition';\nimport {TextContext} from './Text';\n\nexport interface GridListRenderProps {\n  /**\n   * Whether the list has no items and should display its empty state.\n   * @selector [data-empty]\n   */\n  isEmpty: boolean,\n  /**\n   * Whether the grid list is currently focused.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the grid list is currently keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean,\n  /**\n   * Whether the grid list is currently the active drop target.\n   * @selector [data-drop-target]\n   */\n  isDropTarget: boolean,\n  /**\n   * Whether the items are arranged in a stack or grid.\n   * @selector [data-layout=\"stack | grid\"]\n   */\n  layout: 'stack' | 'grid',\n  /**\n   * State of the grid list.\n   */\n  state: ListState<unknown>\n}\n\nexport interface GridListProps<T> extends Omit<AriaGridListProps<T>, 'children'>, CollectionProps<T>, StyleRenderProps<GridListRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-GridList'\n   */\n  className?: ClassNameOrFunction<GridListRenderProps>,\n  /**\n   * Whether typeahead navigation is disabled.\n   * @default false\n   */\n  disallowTypeAhead?: boolean,\n  /**\n   * How multiple selection should behave in the collection.\n   * @default \"toggle\"\n   */\n  selectionBehavior?: SelectionBehavior,\n  /** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the GridList. */\n  dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>,\n  /** Provides content to display when there are no items in the list. */\n  renderEmptyState?: (props: GridListRenderProps) => ReactNode,\n  /**\n   * Whether the items are arranged in a stack or grid.\n   * @default 'stack'\n   */\n  layout?: 'stack' | 'grid'\n}\n\n\nexport const GridListContext = createContext<ContextValue<GridListProps<any>, HTMLDivElement>>(null);\n\n/**\n * A grid list displays a list of interactive items, with support for keyboard navigation,\n * single or multiple selection, and row actions.\n */\nexport const GridList = /*#__PURE__*/ (forwardRef as forwardRefType)(function GridList<T extends object>(props: GridListProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  // Render the portal first so that we have the collection by the time we render the DOM in SSR.\n  [props, ref] = useContextProps(props, ref, GridListContext);\n\n  return (\n    <CollectionBuilder content={<Collection {...props} />}>\n      {collection => <GridListInner props={props} collection={collection} gridListRef={ref} />}\n    </CollectionBuilder>\n  );\n});\n\ninterface GridListInnerProps<T extends object> {\n  props: GridListProps<T> & SelectableCollectionContextValue<T>,\n  collection: ICollection<Node<object>>,\n  gridListRef: RefObject<HTMLElement | null>\n}\n\nfunction GridListInner<T extends object>({props, collection, gridListRef: ref}: GridListInnerProps<T>) {\n  [props, ref] = useContextProps(props, ref, SelectableCollectionContext);\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {shouldUseVirtualFocus, filter, disallowTypeAhead, ...DOMCollectionProps} = props;\n  let {dragAndDropHooks, keyboardNavigationBehavior = 'arrow', layout = 'stack'} = props;\n  let {CollectionRoot, isVirtualized, layoutDelegate, dropTargetDelegate: ctxDropTargetDelegate} = useContext(CollectionRendererContext);\n  let gridlistState = useListState({\n    ...DOMCollectionProps,\n    collection,\n    children: undefined,\n    layoutDelegate\n  });\n\n  let filteredState = UNSTABLE_useFilteredListState(gridlistState as ListState<T>, filter);\n  let collator = useCollator({usage: 'search', sensitivity: 'base'});\n  let {disabledBehavior, disabledKeys} = filteredState.selectionManager;\n  let {direction} = useLocale();\n  let keyboardDelegate = useMemo(() => (\n    new ListKeyboardDelegate({\n      collection: filteredState.collection,\n      collator,\n      ref,\n      disabledKeys,\n      disabledBehavior,\n      layoutDelegate,\n      layout,\n      direction\n    })\n  ), [filteredState.collection, ref, layout, disabledKeys, disabledBehavior, layoutDelegate, collator, direction]);\n\n  let {gridProps} = useGridList({\n    ...DOMCollectionProps,\n    keyboardDelegate,\n    // Only tab navigation is supported in grid layout.\n    keyboardNavigationBehavior: layout === 'grid' ? 'tab' : keyboardNavigationBehavior,\n    isVirtualized,\n    shouldSelectOnPressUp: props.shouldSelectOnPressUp,\n    disallowTypeAhead\n  }, filteredState, ref);\n\n  let selectionManager = filteredState.selectionManager;\n  let isListDraggable = !!dragAndDropHooks?.useDraggableCollectionState;\n  let isListDroppable = !!dragAndDropHooks?.useDroppableCollectionState;\n  let dragHooksProvided = useRef(isListDraggable);\n  let dropHooksProvided = useRef(isListDroppable);\n  useEffect(() => {\n    if (process.env.NODE_ENV === 'production') {\n      return;\n    }\n    if (dragHooksProvided.current !== isListDraggable) {\n      console.warn('Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.');\n    }\n    if (dropHooksProvided.current !== isListDroppable) {\n      console.warn('Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.');\n    }\n  }, [isListDraggable, isListDroppable]);\n\n  let dragState: DraggableCollectionState | undefined = undefined;\n  let dropState: DroppableCollectionState | undefined = undefined;\n  let droppableCollection: DroppableCollectionResult | undefined = undefined;\n  let isRootDropTarget = false;\n  let dragPreview: JSX.Element | null = null;\n  let preview = useRef<DragPreviewRenderer>(null);\n\n  if (isListDraggable && dragAndDropHooks) {\n    dragState = dragAndDropHooks.useDraggableCollectionState!({\n      collection: filteredState.collection,\n      selectionManager,\n      preview: dragAndDropHooks.renderDragPreview ? preview : undefined\n    });\n    dragAndDropHooks.useDraggableCollection!({}, dragState, ref);\n\n    let DragPreview = dragAndDropHooks.DragPreview!;\n    dragPreview = dragAndDropHooks.renderDragPreview\n      ? <DragPreview ref={preview}>{dragAndDropHooks.renderDragPreview}</DragPreview>\n      : null;\n  }\n\n  if (isListDroppable && dragAndDropHooks) {\n    dropState = dragAndDropHooks.useDroppableCollectionState!({\n      collection: filteredState.collection,\n      selectionManager\n    });\n\n    let keyboardDelegate = new ListKeyboardDelegate({\n      collection: filteredState.collection,\n      disabledKeys: selectionManager.disabledKeys,\n      disabledBehavior: selectionManager.disabledBehavior,\n      ref\n    });\n    let dropTargetDelegate = dragAndDropHooks.dropTargetDelegate || ctxDropTargetDelegate || new dragAndDropHooks.ListDropTargetDelegate(collection, ref, {layout, direction});\n    droppableCollection = dragAndDropHooks.useDroppableCollection!({\n      keyboardDelegate,\n      dropTargetDelegate\n    }, dropState, ref);\n\n    isRootDropTarget = dropState.isDropTarget({type: 'root'});\n  }\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let isEmpty = filteredState.collection.size === 0;\n  let renderValues = {\n    isDropTarget: isRootDropTarget,\n    isEmpty,\n    isFocused,\n    isFocusVisible,\n    layout,\n    state: filteredState\n  };\n  let renderProps = useRenderProps({\n    ...props,\n    children: undefined,\n    defaultClassName: 'react-aria-GridList',\n    values: renderValues\n  });\n\n  let emptyState: ReactNode = null;\n  let emptyStatePropOverrides: HTMLAttributes<HTMLElement> | null = null;\n\n  if (isEmpty && props.renderEmptyState) {\n    let content = props.renderEmptyState(renderValues);\n    emptyState = (\n      <div role=\"row\" aria-rowindex={1} style={{display: 'contents'}}>\n        <div role=\"gridcell\" style={{display: 'contents'}}>\n          {content}\n        </div>\n      </div>\n    );\n  }\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <FocusScope>\n      <dom.div\n        {...mergeProps(DOMProps, renderProps, gridProps, focusProps, droppableCollection?.collectionProps, emptyStatePropOverrides)}\n        ref={ref as RefObject<HTMLDivElement>}\n        slot={props.slot || undefined}\n        onScroll={props.onScroll}\n        data-drop-target={isRootDropTarget || undefined}\n        data-empty={isEmpty || undefined}\n        data-focused={isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        data-layout={layout}>\n        <Provider\n          values={[\n            [ListStateContext, filteredState],\n            [DragAndDropContext, {dragAndDropHooks, dragState, dropState}],\n            [DropIndicatorContext, {render: GridListDropIndicatorWrapper}]\n          ]}>\n          {isListDroppable && <RootDropIndicator />}\n          <SharedElementTransition>\n            <CollectionRoot\n              collection={filteredState.collection}\n              scrollRef={ref}\n              persistedKeys={useDndPersistedKeys(selectionManager, dragAndDropHooks, dropState)}\n              renderDropIndicator={useRenderDropIndicator(dragAndDropHooks, dropState)} />\n          </SharedElementTransition>\n        </Provider>\n        {emptyState}\n        {dragPreview}\n      </dom.div>\n    </FocusScope>\n  );\n}\n\nexport interface GridListItemRenderProps extends ItemRenderProps {\n  /** The unique id of the item. */\n  id?: Key,\n  /**\n   * State of the grid list.\n   */\n  state: ListState<unknown>\n}\n\nexport interface GridListItemProps<T = object> extends RenderProps<GridListItemRenderProps>, LinkDOMProps, HoverEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-GridListItem'\n   */\n  className?: ClassNameOrFunction<GridListItemRenderProps>,\n  /** The unique id of the item. */\n  id?: Key,\n  /** The object value that this item represents. When using dynamic collections, this is set automatically. */\n  value?: T,\n  /** A string representation of the item's contents, used for features like typeahead. */\n  textValue?: string,\n  /** Whether the item is disabled. */\n  isDisabled?: boolean,\n  /**\n   * Handler that is called when a user performs an action on the item. The exact user event depends on\n   * the collection's `selectionBehavior` prop and the interaction modality.\n   */\n  onAction?: () => void\n}\n\n/**\n * A GridListItem represents an individual item in a GridList.\n */\nexport const GridListItem = /*#__PURE__*/ createLeafComponent(ItemNode, function GridListItem<T extends object>(props: GridListItemProps<T>, forwardedRef: ForwardedRef<HTMLDivElement>, item: Node<T>) {\n  let state = useContext(ListStateContext)!;\n  let {dragAndDropHooks, dragState, dropState} = useContext(DragAndDropContext);\n  let ref = useObjectRef<HTMLDivElement>(forwardedRef);\n  let {isVirtualized} = useContext(CollectionRendererContext);\n  let {rowProps, gridCellProps, descriptionProps, ...states} = useGridListItem(\n    {\n      node: item,\n      shouldSelectOnPressUp: !!dragState,\n      isVirtualized\n    },\n    state,\n    ref\n  );\n\n  let {hoverProps, isHovered} = useHover({\n    isDisabled: !states.allowsSelection && !states.hasAction,\n    onHoverStart: item.props.onHoverStart,\n    onHoverChange: item.props.onHoverChange,\n    onHoverEnd: item.props.onHoverEnd\n  });\n\n  let {isFocusVisible, focusProps} = useFocusRing();\n  let {checkboxProps} = useGridListSelectionCheckbox(\n    {key: item.key},\n    state\n  );\n\n  let buttonProps = state.selectionManager.disabledBehavior === 'all' && states.isDisabled ? {isDisabled: true} : {};\n\n  let draggableItem: DraggableItemResult | null = null;\n  if (dragState && dragAndDropHooks) {\n    draggableItem = dragAndDropHooks.useDraggableItem!({key: item.key, hasDragButton: true}, dragState);\n  }\n\n  let dropIndicator: DropIndicatorAria | null = null;\n  let dropIndicatorRef = useRef<HTMLDivElement>(null);\n  let {visuallyHiddenProps} = useVisuallyHidden();\n  if (dropState && dragAndDropHooks) {\n    dropIndicator = dragAndDropHooks.useDropIndicator!({\n      target: {type: 'item', key: item.key, dropPosition: 'on'}\n    }, dropState, dropIndicatorRef);\n  }\n\n  let isDragging = dragState && dragState.isDragging(item.key);\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    children: item.rendered,\n    defaultClassName: 'react-aria-GridListItem',\n    values: {\n      ...states,\n      isHovered,\n      isFocusVisible,\n      selectionMode: state.selectionManager.selectionMode,\n      selectionBehavior: state.selectionManager.selectionBehavior,\n      allowsDragging: !!dragState,\n      isDragging,\n      isDropTarget: dropIndicator?.isDropTarget,\n      id: item.key,\n      state\n    }\n  });\n\n  let dragButtonRef = useRef<HTMLButtonElement>(null);\n  useEffect(() => {\n    if (dragState && !dragButtonRef.current) {\n      console.warn('Draggable items in a GridList must contain a <Button slot=\"drag\"> element so that keyboard and screen reader users can drag them.');\n    }\n  // eslint-disable-next-line\n  }, []);\n\n  useEffect(() => {\n    if (!item.textValue && process.env.NODE_ENV !== 'production') {\n      console.warn('A `textValue` prop is required for <GridListItem> elements with non-plain text children in order to support accessibility features such as type to select.');\n    }\n  }, [item.textValue]);\n\n  let DOMProps = filterDOMProps(props as any, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <>\n      {dropIndicator && !dropIndicator.isHidden &&\n        <div role=\"row\" style={{position: 'absolute'}}>\n          <div role=\"gridcell\">\n            <div role=\"button\" {...visuallyHiddenProps} {...dropIndicator?.dropIndicatorProps} ref={dropIndicatorRef} />\n          </div>\n        </div>\n      }\n      <dom.div\n        {...mergeProps(DOMProps, renderProps, rowProps, focusProps, hoverProps, draggableItem?.dragProps)}\n        ref={ref}\n        data-selected={states.isSelected || undefined}\n        data-disabled={states.isDisabled || undefined}\n        data-hovered={isHovered || undefined}\n        data-focused={states.isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        data-pressed={states.isPressed || undefined}\n        data-allows-dragging={!!dragState || undefined}\n        data-dragging={isDragging || undefined}\n        data-drop-target={dropIndicator?.isDropTarget || undefined}\n        data-selection-mode={state.selectionManager.selectionMode === 'none' ? undefined : state.selectionManager.selectionMode}>\n        <div {...gridCellProps} style={{display: 'contents'}}>\n          <Provider\n            values={[\n              [CheckboxContext, {\n                slots: {\n                  [DEFAULT_SLOT]: {},\n                  selection: checkboxProps\n                }\n              }],\n              [ButtonContext, {\n                slots: {\n                  [DEFAULT_SLOT]: buttonProps,\n                  drag: {\n                    ...draggableItem?.dragButtonProps,\n                    ref: dragButtonRef,\n                    style: {\n                      pointerEvents: 'none'\n                    }\n                  }\n                }\n              }],\n              [TextContext, {\n                slots: {\n                  [DEFAULT_SLOT]: {},\n                  description: descriptionProps\n                }\n              }],\n              [CollectionRendererContext, DefaultCollectionRenderer],\n              [ListStateContext, null],\n              [SelectableCollectionContext, null],\n              [FieldInputContext, null],\n              [SelectionIndicatorContext, {isSelected: states.isSelected}]\n            ]}>\n            {renderProps.children}\n          </Provider>\n        </div>\n      </dom.div>\n    </>\n  );\n});\n\nfunction GridListDropIndicatorWrapper(props: DropIndicatorProps, ref: ForwardedRef<HTMLElement>) {\n  ref = useObjectRef(ref);\n  let {dragAndDropHooks, dropState} = useContext(DragAndDropContext);\n  let buttonRef = useRef<HTMLDivElement>(null);\n  let {dropIndicatorProps, isHidden, isDropTarget} = dragAndDropHooks!.useDropIndicator!(\n    props,\n    dropState!,\n    buttonRef\n  );\n\n  if (isHidden) {\n    return null;\n  }\n\n  return (\n    <GridListDropIndicatorForwardRef {...props} dropIndicatorProps={dropIndicatorProps} isDropTarget={isDropTarget} buttonRef={buttonRef} ref={ref} />\n  );\n}\n\ninterface GridListDropIndicatorProps extends DropIndicatorProps {\n  dropIndicatorProps: React.HTMLAttributes<HTMLElement>,\n  isDropTarget: boolean,\n  buttonRef: RefObject<HTMLDivElement | null>\n}\n\nfunction GridListDropIndicator(props: GridListDropIndicatorProps, ref: ForwardedRef<HTMLElement>) {\n  let {\n    dropIndicatorProps,\n    isDropTarget,\n    buttonRef,\n    ...otherProps\n  } = props;\n\n  let {visuallyHiddenProps} = useVisuallyHidden();\n  let renderProps = useRenderProps({\n    ...otherProps,\n    defaultClassName: 'react-aria-DropIndicator',\n    values: {\n      isDropTarget\n    }\n  });\n\n  return (\n    <dom.div\n      {...renderProps}\n      role=\"row\"\n      ref={ref as RefObject<HTMLDivElement | null>}\n      data-drop-target={isDropTarget || undefined}>\n      <div role=\"gridcell\">\n        <div {...visuallyHiddenProps} role=\"button\" {...dropIndicatorProps} ref={buttonRef} />\n        {renderProps.children}\n      </div>\n    </dom.div>\n  );\n}\n\nconst GridListDropIndicatorForwardRef = forwardRef(GridListDropIndicator);\n\nfunction RootDropIndicator() {\n  let {dragAndDropHooks, dropState} = useContext(DragAndDropContext);\n  let ref = useRef<HTMLDivElement>(null);\n  let {dropIndicatorProps} = dragAndDropHooks!.useDropIndicator!({\n    target: {type: 'root'}\n  }, dropState!, ref);\n  let isDropTarget = dropState!.isDropTarget({type: 'root'});\n  let {visuallyHiddenProps} = useVisuallyHidden();\n\n  if (!isDropTarget && dropIndicatorProps['aria-hidden']) {\n    return null;\n  }\n\n  return (\n    <div role=\"row\" aria-hidden={dropIndicatorProps['aria-hidden']} style={{position: 'absolute'}}>\n      <div role=\"gridcell\">\n        <div role=\"button\" {...visuallyHiddenProps} {...dropIndicatorProps} ref={ref} />\n      </div>\n    </div>\n  );\n}\n\nexport interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.\n   * @default 'react-aria-GridListLoadMoreItem'\n   */\n  className?: string,\n  /**\n   * The load more spinner to render when loading additional items.\n   */\n  children?: ReactNode,\n  /**\n   * Whether or not the loading spinner should be rendered or not.\n   */\n  isLoading?: boolean\n}\n\nexport const GridListLoadMoreItem = createLeafComponent(LoaderNode, function GridListLoadingIndicator(props: GridListLoadMoreItemProps, ref: ForwardedRef<HTMLDivElement>, item: Node<object>) {\n  let state = useContext(ListStateContext)!;\n  let {isVirtualized} = useContext(CollectionRendererContext);\n  let {isLoading, onLoadMore, scrollOffset, ...otherProps} = props;\n\n  let sentinelRef = useRef(null);\n  let memoedLoadMoreProps = useMemo(() => ({\n    onLoadMore,\n    collection: state?.collection,\n    sentinelRef,\n    scrollOffset\n  }), [onLoadMore, scrollOffset, state?.collection]);\n  useLoadMoreSentinel(memoedLoadMoreProps, sentinelRef);\n\n  let renderProps = useRenderProps({\n    ...otherProps,\n    id: undefined,\n    children: item.rendered,\n    defaultClassName: 'react-aria-GridListLoadingIndicator',\n    values: undefined\n  });\n  // For now don't include aria-posinset and aria-setsize on loader since they aren't keyboard focusable\n  // Arguably shouldn't include them ever since it might be confusing to the user to include the loaders as part of the\n  // item count\n\n  return (\n    <>\n      {/* Alway render the sentinel. For now onus is on the user for styling when using flex + gap (this would introduce a gap even though it doesn't take room) */}\n      {/* @ts-ignore - compatibility with React < 19 */}\n      <div style={{position: 'relative', width: 0, height: 0}} inert={inertValue(true)} >\n        <div data-testid=\"loadMoreSentinel\" ref={sentinelRef} style={{position: 'absolute', height: 1, width: 1}} />\n      </div>\n      {isLoading && renderProps.children && (\n        <dom.div\n          {...renderProps}\n          {...filterDOMProps(props, {global: true})}\n          role=\"row\"\n          ref={ref}>\n          <div\n            aria-colindex={isVirtualized ? 1 : undefined}\n            role=\"gridcell\">\n            {renderProps.children}\n          </div>\n        </dom.div>\n      )}\n    </>\n  );\n});\n\nexport interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps<'div', undefined> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.\n   * @default 'react-aria-GridListSection'\n   */\n  className?: string\n}\n\n/**\n * A GridListSection represents a section within a GridList.\n */\nexport const GridListSection = /*#__PURE__*/ createBranchComponent(SectionNode, <T extends object>(props: GridListSectionProps<T>, ref: ForwardedRef<HTMLDivElement>, item: Node<T>) => {\n  let state = useContext(ListStateContext)!;\n  let {CollectionBranch} = useContext(CollectionRendererContext);\n  let headingRef = useRef(null);\n  ref = useObjectRef<HTMLDivElement>(ref);\n  let {rowHeaderProps, rowProps, rowGroupProps} = useGridListSection({\n    'aria-label': props['aria-label'] ?? undefined\n  }, state, ref);\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    children: undefined,\n    defaultClassName: 'react-aria-GridListSection',\n    values: undefined\n  });\n\n  let DOMProps = filterDOMProps(props as any, {global: true});\n  delete DOMProps.id;\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, rowGroupProps)}\n      ref={ref}>\n      <Provider\n        values={[\n          [GridListHeaderContext, {...rowProps, ref: headingRef}],\n          [GridListHeaderInnerContext, {...rowHeaderProps}]\n        ]}>\n        <CollectionBranch\n          collection={state.collection}\n          parent={item} />\n      </Provider>\n    </dom.div>\n  );\n});\n\nexport interface GridListHeaderProps extends DOMRenderProps<'div', undefined>, DOMProps, GlobalDOMAttributes<HTMLElement> {}\n\nexport const GridListHeaderContext = createContext<ContextValue<GridListHeaderProps, HTMLDivElement>>({});\nexport const GridListHeaderInnerContext = createContext<HTMLAttributes<HTMLElement> | null>(null);\n\nexport const GridListHeader = /*#__PURE__*/ createLeafComponent(HeaderNode, function Header(props: GridListHeaderProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, GridListHeaderContext);\n  let rowHeaderProps = useContext(GridListHeaderInnerContext);\n\n  return (\n    <dom.div render={props.render} className=\"react-aria-GridListHeader\" ref={ref} {...props}>\n      <div {...rowHeaderProps} style={{display: 'contents'}}>\n        {props.children}\n      </div>\n    </dom.div>\n  );\n});\n"],"names":[],"version":3,"file":"GridList.module.js.map"}