@react-aria/gridlist 3.1.3-nightly.3698 → 3.1.3-nightly.3705

package/dist/import.mjs

@@ -0,0 +1,285 @@
+import {useId as $13Gtr$useId, filterDOMProps as $13Gtr$filterDOMProps, mergeProps as $13Gtr$mergeProps, useSlotId as $13Gtr$useSlotId, scrollIntoViewport as $13Gtr$scrollIntoViewport, getScrollParent as $13Gtr$getScrollParent} from "@react-aria/utils";
+import {useHighlightSelectionDescription as $13Gtr$useHighlightSelectionDescription, useGridSelectionAnnouncement as $13Gtr$useGridSelectionAnnouncement, useGridSelectionCheckbox as $13Gtr$useGridSelectionCheckbox} from "@react-aria/grid";
+import {useSelectableList as $13Gtr$useSelectableList, useSelectableItem as $13Gtr$useSelectableItem} from "@react-aria/selection";
+import {focusSafely as $13Gtr$focusSafely, getFocusableTreeWalker as $13Gtr$getFocusableTreeWalker} from "@react-aria/focus";
+import {isFocusVisible as $13Gtr$isFocusVisible} from "@react-aria/interactions";
+import {useLocale as $13Gtr$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.
+ */ /*
+ * 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 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  } = 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"
+    });
+    let id = (0, $13Gtr$useId)(props.id);
+    (0, $ce9b18daab526bbd$export$5b9bb410392e3991).set(state, {
+        id: id,
+        onAction: onAction
+    });
+    let descriptionProps = (0, $13Gtr$useHighlightSelectionDescription)({
+        selectionManager: state.selectionManager,
+        hasItemActions: !!onAction
+    });
+    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
+    }, state.collection.size === 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.
+ */ 
+
+
+
+
+
+function $4e8b0456ef72939f$export$9610e69494fadfd2(props, state, ref) {
+    // 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  } = (0, $ce9b18daab526bbd$export$5b9bb410392e3991).get(state);
+    let descriptionId = (0, $13Gtr$useSlotId)();
+    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.contains(document.activeElement)) (0, $13Gtr$focusSafely)(ref.current);
+    };
+    let { itemProps: itemProps , ...itemStates } = (0, $13Gtr$useSelectableItem)({
+        selectionManager: state.selectionManager,
+        key: node.key,
+        ref: ref,
+        isVirtualized: isVirtualized,
+        shouldSelectOnPressUp: shouldSelectOnPressUp,
+        onAction: onAction ? ()=>onAction(node.key) : undefined,
+        focus: focus
+    });
+    let onKeyDown = (e)=>{
+        if (!e.currentTarget.contains(e.target)) return;
+        let walker = (0, $13Gtr$getFocusableTreeWalker)(ref.current);
+        walker.currentNode = document.activeElement;
+        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 focusable1 = direction === "rtl" ? walker.previousNode() : walker.nextNode();
+                    if (focusable1) {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        (0, $13Gtr$focusSafely)(focusable1);
+                        (0, $13Gtr$scrollIntoViewport)(focusable1, {
+                            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 lastElement1 = $4e8b0456ef72939f$var$last(walker);
+                            if (lastElement1) {
+                                (0, $13Gtr$focusSafely)(lastElement1);
+                                (0, $13Gtr$scrollIntoViewport)(lastElement1, {
+                                    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)=>{
+        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 rowProps = (0, $13Gtr$mergeProps)(itemProps, {
+        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
+    };
+    return {
+        rowProps: rowProps,
+        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)}`
+        }
+    };
+}
+
+
+
+
+export {$f47efb0c3a859cf2$export$664f9155035607eb as useGridList, $4e8b0456ef72939f$export$9610e69494fadfd2 as useGridListItem, $e52ffc04a4adbd52$export$e29f2573fabbf7b9 as useGridListSelectionCheckbox};
+//# sourceMappingURL=module.js.map

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@react-aria/gridlist",
-  "version": "3.1.3-nightly.3698+72ee92f6d",
+  "version": "3.1.3-nightly.3705+93b3c951e",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
   "types": "dist/types.d.ts",
   "source": "src/index.ts",
   "files": [
@@ -17,15 +22,15 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-aria/grid": "3.5.3-nightly.3698+72ee92f6d",
-    "@react-aria/i18n": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-aria/interactions": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-aria/selection": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-aria/utils": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-stately/list": "3.6.2-nightly.3698+72ee92f6d",
-    "@react-types/checkbox": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-types/shared": "3.0.0-nightly.1998+72ee92f6d",
+    "@react-aria/focus": "3.0.0-nightly.2005+93b3c951e",
+    "@react-aria/grid": "3.5.3-nightly.3705+93b3c951e",
+    "@react-aria/i18n": "3.0.0-nightly.2005+93b3c951e",
+    "@react-aria/interactions": "3.0.0-nightly.2005+93b3c951e",
+    "@react-aria/selection": "3.0.0-nightly.2005+93b3c951e",
+    "@react-aria/utils": "3.0.0-nightly.2005+93b3c951e",
+    "@react-stately/list": "3.6.2-nightly.3705+93b3c951e",
+    "@react-types/checkbox": "3.0.0-nightly.2005+93b3c951e",
+    "@react-types/shared": "3.0.0-nightly.2005+93b3c951e",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
@@ -34,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "72ee92f6d497163468a80642ccb96576f822f365"
+  "gitHead": "93b3c951eb784b14183f9988f2d188b34de8f42d"
 }