@react-aria/gridlist 3.7.6-nightly.4555 → 3.7.6-nightly.4558

package/dist/import.mjs

@@ -1,23 +1,8 @@
-import {useId as $13Gtr$useId, filterDOMProps as $13Gtr$filterDOMProps, mergeProps as $13Gtr$mergeProps, useSlotId as $13Gtr$useSlotId, chain as $13Gtr$chain, scrollIntoViewport as $13Gtr$scrollIntoViewport, getScrollParent as $13Gtr$getScrollParent, getSyntheticLinkProps as $13Gtr$getSyntheticLinkProps} from "@react-aria/utils";
-import {useHighlightSelectionDescription as $13Gtr$useHighlightSelectionDescription, useGridSelectionAnnouncement as $13Gtr$useGridSelectionAnnouncement, useGridSelectionCheckbox as $13Gtr$useGridSelectionCheckbox} from "@react-aria/grid";
-import {useHasTabbableChild as $13Gtr$useHasTabbableChild, focusSafely as $13Gtr$focusSafely, getFocusableTreeWalker as $13Gtr$getFocusableTreeWalker} from "@react-aria/focus";
-import {useSelectableList as $13Gtr$useSelectableList, useSelectableItem as $13Gtr$useSelectableItem} from "@react-aria/selection";
-import {getLastItem as $13Gtr$getLastItem} from "@react-stately/collections";
-import {useRef as $13Gtr$useRef} from "react";
-import {isFocusVisible as $13Gtr$isFocusVisible} from "@react-aria/interactions";
-import {useLocale as $13Gtr$useLocale} from "@react-aria/i18n";
+import {useGridList as $f47efb0c3a859cf2$export$664f9155035607eb} from "./useGridList.mjs";
+import {useGridListItem as $4e8b0456ef72939f$export$9610e69494fadfd2} from "./useGridListItem.mjs";
+import {useGridListSelectionCheckbox as $e52ffc04a4adbd52$export$e29f2573fabbf7b9} from "./useGridListSelectionCheckbox.mjs";
 
 /*
- * 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.
- */ /*
  * 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
@@ -28,321 +13,6 @@ import {useLocale as $13Gtr$useLocale} from "@react-aria/i18n";
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ const $ce9b18daab526bbd$export$5b9bb410392e3991 = new WeakMap();
-function $ce9b18daab526bbd$export$f45c25170b9a99c2(state, key) {
-    let { id: id } = $ce9b18daab526bbd$export$5b9bb410392e3991.get(state);
-    if (!id) throw new Error("Unknown list");
-    return `${id}-${$ce9b18daab526bbd$export$e0c709538cb8ae18(key)}`;
-}
-function $ce9b18daab526bbd$export$e0c709538cb8ae18(key) {
-    if (typeof key === "string") return key.replace(/\s*/g, "");
-    return "" + key;
-}
-
-
-
-
-
-function $f47efb0c3a859cf2$export$664f9155035607eb(props, state, ref) {
-    let { isVirtualized: isVirtualized, keyboardDelegate: keyboardDelegate, onAction: onAction, linkBehavior: linkBehavior = "action" } = props;
-    if (!props["aria-label"] && !props["aria-labelledby"]) console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
-    let { listProps: listProps } = (0, $13Gtr$useSelectableList)({
-        selectionManager: state.selectionManager,
-        collection: state.collection,
-        disabledKeys: state.disabledKeys,
-        ref: ref,
-        keyboardDelegate: keyboardDelegate,
-        isVirtualized: isVirtualized,
-        selectOnFocus: state.selectionManager.selectionBehavior === "replace",
-        shouldFocusWrap: props.shouldFocusWrap,
-        linkBehavior: linkBehavior
-    });
-    let id = (0, $13Gtr$useId)(props.id);
-    (0, $ce9b18daab526bbd$export$5b9bb410392e3991).set(state, {
-        id: id,
-        onAction: onAction,
-        linkBehavior: linkBehavior
-    });
-    let descriptionProps = (0, $13Gtr$useHighlightSelectionDescription)({
-        selectionManager: state.selectionManager,
-        hasItemActions: !!onAction
-    });
-    let hasTabbableChild = (0, $13Gtr$useHasTabbableChild)(ref, {
-        isDisabled: state.collection.size !== 0
-    });
-    let domProps = (0, $13Gtr$filterDOMProps)(props, {
-        labelable: true
-    });
-    let gridProps = (0, $13Gtr$mergeProps)(domProps, {
-        role: "grid",
-        id: id,
-        "aria-multiselectable": state.selectionManager.selectionMode === "multiple" ? "true" : undefined
-    }, // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
-    state.collection.size === 0 ? {
-        tabIndex: hasTabbableChild ? -1 : 0
-    } : listProps, descriptionProps);
-    if (isVirtualized) {
-        gridProps["aria-rowcount"] = state.collection.size;
-        gridProps["aria-colcount"] = 1;
-    }
-    (0, $13Gtr$useGridSelectionAnnouncement)({}, state);
-    return {
-        gridProps: gridProps
-    };
-}
-
-
-/*
- * 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, shouldSelectOnPressUp: shouldSelectOnPressUp } = props;
-    let { direction: direction } = (0, $13Gtr$useLocale)();
-    let { onAction: onAction, linkBehavior: linkBehavior } = (0, $ce9b18daab526bbd$export$5b9bb410392e3991).get(state);
-    let descriptionId = (0, $13Gtr$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, $13Gtr$useRef)(null);
-    let focus = ()=>{
-        var _ref_current;
-        // 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 (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(document.activeElement))) (0, $13Gtr$focusSafely)(ref.current);
-    };
-    let treeGridRowProps = {};
-    let hasChildRows;
-    let hasLink = state.selectionManager.isLink(node.key);
-    if (node != null && "expandedKeys" in state) {
-        // TODO: ideally node.hasChildNodes would be a way to tell if a row has child nodes, but the row's contents make it so that value is always
-        // true...
-        hasChildRows = [
-            ...state.collection.getChildren(node.key)
-        ].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;
-        treeGridRowProps = {
-            "aria-expanded": isExpanded,
-            "aria-level": node.level + 1,
-            "aria-posinset": (node === null || node === void 0 ? void 0 : node.index) + 1,
-            "aria-setsize": node.level > 0 ? (0, $13Gtr$getLastItem)(state.collection.getChildren(node === null || node === void 0 ? void 0 : node.parentKey)).index + 1 : [
-                ...state.collection
-            ].filter((row)=>row.level === 0).at(-1).index + 1
-        };
-    }
-    let { itemProps: itemProps, ...itemStates } = (0, $13Gtr$useSelectableItem)({
-        selectionManager: state.selectionManager,
-        key: node.key,
-        ref: ref,
-        isVirtualized: isVirtualized,
-        shouldSelectOnPressUp: shouldSelectOnPressUp,
-        onAction: onAction || ((_node_props = node.props) === null || _node_props === void 0 ? void 0 : _node_props.onAction) ? (0, $13Gtr$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 onKeyDown = (e)=>{
-        if (!e.currentTarget.contains(e.target)) return;
-        let walker = (0, $13Gtr$getFocusableTreeWalker)(ref.current);
-        walker.currentNode = document.activeElement;
-        if ("expandedKeys" in state && document.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":
-                {
-                    // Find the next focusable element within the row.
-                    let focusable = direction === "rtl" ? walker.nextNode() : walker.previousNode();
-                    if (focusable) {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        (0, $13Gtr$focusSafely)(focusable);
-                        (0, $13Gtr$scrollIntoViewport)(focusable, {
-                            containingElement: (0, $13Gtr$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, $13Gtr$focusSafely)(ref.current);
-                            (0, $13Gtr$scrollIntoViewport)(ref.current, {
-                                containingElement: (0, $13Gtr$getScrollParent)(ref.current)
-                            });
-                        } else {
-                            walker.currentNode = ref.current;
-                            let lastElement = $4e8b0456ef72939f$var$last(walker);
-                            if (lastElement) {
-                                (0, $13Gtr$focusSafely)(lastElement);
-                                (0, $13Gtr$scrollIntoViewport)(lastElement, {
-                                    containingElement: (0, $13Gtr$getScrollParent)(ref.current)
-                                });
-                            }
-                        }
-                    }
-                    break;
-                }
-            case "ArrowRight":
-                {
-                    let focusable = direction === "rtl" ? walker.previousNode() : walker.nextNode();
-                    if (focusable) {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        (0, $13Gtr$focusSafely)(focusable);
-                        (0, $13Gtr$scrollIntoViewport)(focusable, {
-                            containingElement: (0, $13Gtr$getScrollParent)(ref.current)
-                        });
-                    } else {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        if (direction === "ltr") {
-                            (0, $13Gtr$focusSafely)(ref.current);
-                            (0, $13Gtr$scrollIntoViewport)(ref.current, {
-                                containingElement: (0, $13Gtr$getScrollParent)(ref.current)
-                            });
-                        } else {
-                            walker.currentNode = ref.current;
-                            let lastElement = $4e8b0456ef72939f$var$last(walker);
-                            if (lastElement) {
-                                (0, $13Gtr$focusSafely)(lastElement);
-                                (0, $13Gtr$scrollIntoViewport)(lastElement, {
-                                    containingElement: (0, $13Gtr$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 && ref.current.contains(e.target)) {
-                    e.stopPropagation();
-                    e.preventDefault();
-                    ref.current.parentElement.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
-                }
-                break;
-        }
-    };
-    let onFocus = (e)=>{
-        keyWhenFocused.current = node.key;
-        if (e.target !== 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, $13Gtr$isFocusVisible)()) state.selectionManager.setFocusedKey(node.key);
-            return;
-        }
-    };
-    let linkProps = itemStates.hasAction ? (0, $13Gtr$getSyntheticLinkProps)(node.props) : {};
-    let rowProps = (0, $13Gtr$mergeProps)(itemProps, linkProps, {
-        role: "row",
-        onKeyDownCapture: onKeyDown,
-        onFocus: onFocus,
-        "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.textValue ? `${(0, $ce9b18daab526bbd$export$f45c25170b9a99c2)(state, node.key)} ${descriptionId}` : undefined,
-        id: (0, $ce9b18daab526bbd$export$f45c25170b9a99c2)(state, node.key)
-    });
-    if (isVirtualized) rowProps["aria-rowindex"] = 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, $13Gtr$mergeProps)(rowProps, treeGridRowProps)
-        },
-        gridCellProps: gridCellProps,
-        descriptionProps: {
-            id: descriptionId
-        },
-        ...itemStates
-    };
-}
-function $4e8b0456ef72939f$var$last(walker) {
-    let next;
-    let last;
-    do {
-        last = walker.lastChild();
-        if (last) next = last;
-    }while (last);
-    return next;
-}
-
-
-/*
- * 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.
- */ 
-
-function $e52ffc04a4adbd52$export$e29f2573fabbf7b9(props, state) {
-    let { key: key } = props;
-    const { checkboxProps: checkboxProps } = (0, $13Gtr$useGridSelectionCheckbox)(props, state);
-    return {
-        checkboxProps: {
-            ...checkboxProps,
-            "aria-labelledby": `${checkboxProps.id} ${(0, $ce9b18daab526bbd$export$f45c25170b9a99c2)(state, key)}`
-        }
-    };
-}