@react-stately/table 3.11.7-nightly.4555 → 3.11.7-nightly.4560

package/dist/useTreeGridState.mjs

@@ -0,0 +1,202 @@
+import {TableCollection as $788781baa30117fa$export$596e1b2e2cf93690} from "./TableCollection.mjs";
+import {useTableState as $4a0dd036d492cee4$export$907bcc6c48325fd6} from "./useTableState.mjs";
+import {CollectionBuilder as $2Mvwf$CollectionBuilder} from "@react-stately/collections";
+import {useMemo as $2Mvwf$useMemo} from "react";
+import {tableNestedRows as $2Mvwf$tableNestedRows} from "@react-stately/flags";
+import {useControlledState as $2Mvwf$useControlledState} from "@react-stately/utils";
+
+/*
+ * Copyright 2023 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 $ee65a0057fd99531$export$34dfa8a1622185a4(props) {
+    let { selectionMode: selectionMode = "none", showSelectionCheckboxes: showSelectionCheckboxes, showDragButtons: showDragButtons, UNSTABLE_expandedKeys: propExpandedKeys, UNSTABLE_defaultExpandedKeys: propDefaultExpandedKeys, UNSTABLE_onExpandedChange: UNSTABLE_onExpandedChange, children: children } = props;
+    if (!(0, $2Mvwf$tableNestedRows)()) throw new Error("Feature flag for table nested rows must be enabled to use useTreeGridState.");
+    let [expandedKeys, setExpandedKeys] = (0, $2Mvwf$useControlledState)(propExpandedKeys ? $ee65a0057fd99531$var$convertExpanded(propExpandedKeys) : undefined, propDefaultExpandedKeys ? $ee65a0057fd99531$var$convertExpanded(propDefaultExpandedKeys) : new Set(), UNSTABLE_onExpandedChange);
+    let context = (0, $2Mvwf$useMemo)(()=>({
+            showSelectionCheckboxes: showSelectionCheckboxes && selectionMode !== "none",
+            showDragButtons: showDragButtons,
+            selectionMode: selectionMode,
+            columns: []
+        }), [
+        children,
+        showSelectionCheckboxes,
+        selectionMode,
+        showDragButtons
+    ]);
+    let builder = (0, $2Mvwf$useMemo)(()=>new (0, $2Mvwf$CollectionBuilder)(), []);
+    let nodes = (0, $2Mvwf$useMemo)(()=>builder.build({
+            children: children
+        }, context), [
+        builder,
+        children,
+        context
+    ]);
+    let treeGridCollection = (0, $2Mvwf$useMemo)(()=>{
+        return $ee65a0057fd99531$var$generateTreeGridCollection(nodes, {
+            showSelectionCheckboxes: showSelectionCheckboxes,
+            showDragButtons: showDragButtons,
+            expandedKeys: expandedKeys
+        });
+    }, [
+        nodes,
+        showSelectionCheckboxes,
+        showDragButtons,
+        expandedKeys
+    ]);
+    let onToggle = (key)=>{
+        setExpandedKeys($ee65a0057fd99531$var$toggleKey(expandedKeys, key, treeGridCollection));
+    };
+    let collection = (0, $2Mvwf$useMemo)(()=>{
+        return new (0, $788781baa30117fa$export$596e1b2e2cf93690)(treeGridCollection.tableNodes, null, context);
+    }, [
+        context,
+        treeGridCollection.tableNodes
+    ]);
+    let tableState = (0, $4a0dd036d492cee4$export$907bcc6c48325fd6)({
+        ...props,
+        collection: collection
+    });
+    return {
+        ...tableState,
+        keyMap: treeGridCollection.keyMap,
+        userColumnCount: treeGridCollection.userColumnCount,
+        expandedKeys: expandedKeys,
+        toggleKey: onToggle
+    };
+}
+function $ee65a0057fd99531$var$toggleKey(currentExpandedKeys, key, collection) {
+    let updatedExpandedKeys;
+    if (currentExpandedKeys === "all") {
+        updatedExpandedKeys = new Set(collection.flattenedRows.filter((row)=>row.props.UNSTABLE_childItems || row.props.children.length > collection.userColumnCount).map((row)=>row.key));
+        updatedExpandedKeys.delete(key);
+    } else {
+        updatedExpandedKeys = new Set(currentExpandedKeys);
+        if (updatedExpandedKeys.has(key)) updatedExpandedKeys.delete(key);
+        else updatedExpandedKeys.add(key);
+    }
+    return updatedExpandedKeys;
+}
+function $ee65a0057fd99531$var$convertExpanded(expanded) {
+    if (!expanded) return new Set();
+    return expanded === "all" ? "all" : new Set(expanded);
+}
+function $ee65a0057fd99531$var$generateTreeGridCollection(nodes, opts) {
+    let { expandedKeys: expandedKeys = new Set() } = opts;
+    let body;
+    let flattenedRows = [];
+    let columnCount = 0;
+    let userColumnCount = 0;
+    let originalColumns = [];
+    let keyMap = new Map();
+    if (opts === null || opts === void 0 ? void 0 : opts.showSelectionCheckboxes) columnCount++;
+    if (opts === null || opts === void 0 ? void 0 : opts.showDragButtons) columnCount++;
+    let topLevelRows = [];
+    let visit = (node)=>{
+        switch(node.type){
+            case "body":
+                body = node;
+                keyMap.set(body.key, body);
+                break;
+            case "column":
+                if (!node.hasChildNodes) userColumnCount++;
+                break;
+            case "item":
+                topLevelRows.push(node);
+                return;
+        }
+        for (let child of node.childNodes)visit(child);
+    };
+    for (let node of nodes){
+        if (node.type === "column") originalColumns.push(node);
+        visit(node);
+    }
+    columnCount += userColumnCount;
+    // Update each grid node in the treegrid table with values specific to a treegrid structure. Also store a set of flattened row nodes for TableCollection to consume
+    let globalRowCount = 0;
+    let visitNode = (node, i)=>{
+        // Clone row node and its children so modifications to the node for treegrid specific values aren't applied on the nodes provided
+        // to TableCollection. Index, level, and parent keys are all changed to reflect a flattened row structure rather than the treegrid structure
+        // values automatically calculated via CollectionBuilder
+        if (node.type === "item") {
+            let childNodes = [];
+            for (let child of node.childNodes)if (child.type === "cell") {
+                let cellClone = {
+                    ...child
+                };
+                if (cellClone.index + 1 === columnCount) cellClone.nextKey = null;
+                childNodes.push({
+                    ...cellClone
+                });
+            }
+            let clone = {
+                ...node,
+                childNodes: childNodes,
+                parentKey: body.key,
+                level: 1,
+                index: globalRowCount++
+            };
+            flattenedRows.push(clone);
+        }
+        let newProps = {};
+        // Assign indexOfType to cells and rows for aria-posinset
+        if (node.type !== "placeholder" && node.type !== "column") newProps["indexOfType"] = i;
+        // Use Object.assign instead of spread to preserve object reference for keyMap. Also ensures retrieving nodes
+        // via .childNodes returns the same object as the one found via keyMap look up
+        Object.assign(node, newProps);
+        keyMap.set(node.key, node);
+        let lastNode;
+        let rowIndex = 0;
+        for (let child of node.childNodes)if (!(child.type === "item" && expandedKeys !== "all" && !expandedKeys.has(node.key))) {
+            if (child.parentKey == null) // if child is a cell/expanded row/column and the parent key isn't already established by the collection, match child node to parent row
+            child.parentKey = node.key;
+            if (lastNode) {
+                lastNode.nextKey = child.key;
+                child.prevKey = lastNode.key;
+            } else child.prevKey = null;
+            if (child.type === "item") visitNode(child, rowIndex++);
+            else // We enforce that the cells come before rows so can just reuse cell index
+            visitNode(child, child.index);
+            lastNode = child;
+        }
+        if (lastNode) lastNode.nextKey = null;
+    };
+    let last;
+    topLevelRows.forEach((node, i)=>{
+        visitNode(node, i);
+        if (last) {
+            last.nextKey = node.key;
+            node.prevKey = last.key;
+        } else node.prevKey = null;
+        last = node;
+    });
+    if (last) last.nextKey = null;
+    return {
+        keyMap: keyMap,
+        userColumnCount: userColumnCount,
+        flattenedRows: flattenedRows,
+        tableNodes: [
+            ...originalColumns,
+            {
+                ...body,
+                childNodes: flattenedRows
+            }
+        ]
+    };
+}
+
+
+export {$ee65a0057fd99531$export$34dfa8a1622185a4 as UNSTABLE_useTreeGridState};
+//# sourceMappingURL=useTreeGridState.mjs.map

package/dist/useTreeGridState.module.js

@@ -0,0 +1,202 @@
+import {TableCollection as $788781baa30117fa$export$596e1b2e2cf93690} from "./TableCollection.module.js";
+import {useTableState as $4a0dd036d492cee4$export$907bcc6c48325fd6} from "./useTableState.module.js";
+import {CollectionBuilder as $2Mvwf$CollectionBuilder} from "@react-stately/collections";
+import {useMemo as $2Mvwf$useMemo} from "react";
+import {tableNestedRows as $2Mvwf$tableNestedRows} from "@react-stately/flags";
+import {useControlledState as $2Mvwf$useControlledState} from "@react-stately/utils";
+
+/*
+ * Copyright 2023 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 $ee65a0057fd99531$export$34dfa8a1622185a4(props) {
+    let { selectionMode: selectionMode = "none", showSelectionCheckboxes: showSelectionCheckboxes, showDragButtons: showDragButtons, UNSTABLE_expandedKeys: propExpandedKeys, UNSTABLE_defaultExpandedKeys: propDefaultExpandedKeys, UNSTABLE_onExpandedChange: UNSTABLE_onExpandedChange, children: children } = props;
+    if (!(0, $2Mvwf$tableNestedRows)()) throw new Error("Feature flag for table nested rows must be enabled to use useTreeGridState.");
+    let [expandedKeys, setExpandedKeys] = (0, $2Mvwf$useControlledState)(propExpandedKeys ? $ee65a0057fd99531$var$convertExpanded(propExpandedKeys) : undefined, propDefaultExpandedKeys ? $ee65a0057fd99531$var$convertExpanded(propDefaultExpandedKeys) : new Set(), UNSTABLE_onExpandedChange);
+    let context = (0, $2Mvwf$useMemo)(()=>({
+            showSelectionCheckboxes: showSelectionCheckboxes && selectionMode !== "none",
+            showDragButtons: showDragButtons,
+            selectionMode: selectionMode,
+            columns: []
+        }), [
+        children,
+        showSelectionCheckboxes,
+        selectionMode,
+        showDragButtons
+    ]);
+    let builder = (0, $2Mvwf$useMemo)(()=>new (0, $2Mvwf$CollectionBuilder)(), []);
+    let nodes = (0, $2Mvwf$useMemo)(()=>builder.build({
+            children: children
+        }, context), [
+        builder,
+        children,
+        context
+    ]);
+    let treeGridCollection = (0, $2Mvwf$useMemo)(()=>{
+        return $ee65a0057fd99531$var$generateTreeGridCollection(nodes, {
+            showSelectionCheckboxes: showSelectionCheckboxes,
+            showDragButtons: showDragButtons,
+            expandedKeys: expandedKeys
+        });
+    }, [
+        nodes,
+        showSelectionCheckboxes,
+        showDragButtons,
+        expandedKeys
+    ]);
+    let onToggle = (key)=>{
+        setExpandedKeys($ee65a0057fd99531$var$toggleKey(expandedKeys, key, treeGridCollection));
+    };
+    let collection = (0, $2Mvwf$useMemo)(()=>{
+        return new (0, $788781baa30117fa$export$596e1b2e2cf93690)(treeGridCollection.tableNodes, null, context);
+    }, [
+        context,
+        treeGridCollection.tableNodes
+    ]);
+    let tableState = (0, $4a0dd036d492cee4$export$907bcc6c48325fd6)({
+        ...props,
+        collection: collection
+    });
+    return {
+        ...tableState,
+        keyMap: treeGridCollection.keyMap,
+        userColumnCount: treeGridCollection.userColumnCount,
+        expandedKeys: expandedKeys,
+        toggleKey: onToggle
+    };
+}
+function $ee65a0057fd99531$var$toggleKey(currentExpandedKeys, key, collection) {
+    let updatedExpandedKeys;
+    if (currentExpandedKeys === "all") {
+        updatedExpandedKeys = new Set(collection.flattenedRows.filter((row)=>row.props.UNSTABLE_childItems || row.props.children.length > collection.userColumnCount).map((row)=>row.key));
+        updatedExpandedKeys.delete(key);
+    } else {
+        updatedExpandedKeys = new Set(currentExpandedKeys);
+        if (updatedExpandedKeys.has(key)) updatedExpandedKeys.delete(key);
+        else updatedExpandedKeys.add(key);
+    }
+    return updatedExpandedKeys;
+}
+function $ee65a0057fd99531$var$convertExpanded(expanded) {
+    if (!expanded) return new Set();
+    return expanded === "all" ? "all" : new Set(expanded);
+}
+function $ee65a0057fd99531$var$generateTreeGridCollection(nodes, opts) {
+    let { expandedKeys: expandedKeys = new Set() } = opts;
+    let body;
+    let flattenedRows = [];
+    let columnCount = 0;
+    let userColumnCount = 0;
+    let originalColumns = [];
+    let keyMap = new Map();
+    if (opts === null || opts === void 0 ? void 0 : opts.showSelectionCheckboxes) columnCount++;
+    if (opts === null || opts === void 0 ? void 0 : opts.showDragButtons) columnCount++;
+    let topLevelRows = [];
+    let visit = (node)=>{
+        switch(node.type){
+            case "body":
+                body = node;
+                keyMap.set(body.key, body);
+                break;
+            case "column":
+                if (!node.hasChildNodes) userColumnCount++;
+                break;
+            case "item":
+                topLevelRows.push(node);
+                return;
+        }
+        for (let child of node.childNodes)visit(child);
+    };
+    for (let node of nodes){
+        if (node.type === "column") originalColumns.push(node);
+        visit(node);
+    }
+    columnCount += userColumnCount;
+    // Update each grid node in the treegrid table with values specific to a treegrid structure. Also store a set of flattened row nodes for TableCollection to consume
+    let globalRowCount = 0;
+    let visitNode = (node, i)=>{
+        // Clone row node and its children so modifications to the node for treegrid specific values aren't applied on the nodes provided
+        // to TableCollection. Index, level, and parent keys are all changed to reflect a flattened row structure rather than the treegrid structure
+        // values automatically calculated via CollectionBuilder
+        if (node.type === "item") {
+            let childNodes = [];
+            for (let child of node.childNodes)if (child.type === "cell") {
+                let cellClone = {
+                    ...child
+                };
+                if (cellClone.index + 1 === columnCount) cellClone.nextKey = null;
+                childNodes.push({
+                    ...cellClone
+                });
+            }
+            let clone = {
+                ...node,
+                childNodes: childNodes,
+                parentKey: body.key,
+                level: 1,
+                index: globalRowCount++
+            };
+            flattenedRows.push(clone);
+        }
+        let newProps = {};
+        // Assign indexOfType to cells and rows for aria-posinset
+        if (node.type !== "placeholder" && node.type !== "column") newProps["indexOfType"] = i;
+        // Use Object.assign instead of spread to preserve object reference for keyMap. Also ensures retrieving nodes
+        // via .childNodes returns the same object as the one found via keyMap look up
+        Object.assign(node, newProps);
+        keyMap.set(node.key, node);
+        let lastNode;
+        let rowIndex = 0;
+        for (let child of node.childNodes)if (!(child.type === "item" && expandedKeys !== "all" && !expandedKeys.has(node.key))) {
+            if (child.parentKey == null) // if child is a cell/expanded row/column and the parent key isn't already established by the collection, match child node to parent row
+            child.parentKey = node.key;
+            if (lastNode) {
+                lastNode.nextKey = child.key;
+                child.prevKey = lastNode.key;
+            } else child.prevKey = null;
+            if (child.type === "item") visitNode(child, rowIndex++);
+            else // We enforce that the cells come before rows so can just reuse cell index
+            visitNode(child, child.index);
+            lastNode = child;
+        }
+        if (lastNode) lastNode.nextKey = null;
+    };
+    let last;
+    topLevelRows.forEach((node, i)=>{
+        visitNode(node, i);
+        if (last) {
+            last.nextKey = node.key;
+            node.prevKey = last.key;
+        } else node.prevKey = null;
+        last = node;
+    });
+    if (last) last.nextKey = null;
+    return {
+        keyMap: keyMap,
+        userColumnCount: userColumnCount,
+        flattenedRows: flattenedRows,
+        tableNodes: [
+            ...originalColumns,
+            {
+                ...body,
+                childNodes: flattenedRows
+            }
+        ]
+    };
+}
+
+
+export {$ee65a0057fd99531$export$34dfa8a1622185a4 as UNSTABLE_useTreeGridState};
+//# sourceMappingURL=useTreeGridState.module.js.map

package/dist/useTreeGridState.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-stately/table/src/useTreeGridState.ts"],"sourcesContent":["/*\n * Copyright 2023 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 {CollectionBuilder} from '@react-stately/collections';\nimport {GridNode} from '@react-types/grid';\nimport {Key} from '@react-types/shared';\nimport {ReactElement, useMemo} from 'react';\nimport {TableCollection} from './TableCollection';\nimport {tableNestedRows} from '@react-stately/flags';\nimport {TableState, TableStateProps, useTableState} from './useTableState';\nimport {useControlledState} from '@react-stately/utils';\n\nexport interface TreeGridState<T> extends TableState<T> {\n  /** A set of keys for items that are expanded. */\n  expandedKeys: 'all' | Set<Key>,\n  /** Toggles the expanded state for a row by its key. */\n  toggleKey(key: Key): void,\n  /** The key map containing nodes representing the collection's tree grid structure. */\n  keyMap: Map<Key, GridNode<T>>,\n  /** The number of leaf columns provided by the user. */\n  userColumnCount: number\n}\n\nexport interface TreeGridStateProps<T> extends Omit<TableStateProps<T>, 'collection'> {\n  /** The currently expanded keys in the collection (controlled). */\n  UNSTABLE_expandedKeys?: 'all' | Iterable<Key>,\n  /** The initial expanded keys in the collection (uncontrolled). */\n  UNSTABLE_defaultExpandedKeys?: 'all' | Iterable<Key>,\n  /** Handler that is called when items are expanded or collapsed. */\n  UNSTABLE_onExpandedChange?: (keys: Set<Key>) => any\n}\n\n/**\n * Provides state management for a tree grid component. Handles building a collection\n * of columns and rows from props. In addition, it tracks and manages expanded rows, row selection, and sort order changes.\n */\nexport function UNSTABLE_useTreeGridState<T extends object>(props: TreeGridStateProps<T>): TreeGridState<T> {\n  let {\n    selectionMode = 'none',\n    showSelectionCheckboxes,\n    showDragButtons,\n    UNSTABLE_expandedKeys: propExpandedKeys,\n    UNSTABLE_defaultExpandedKeys: propDefaultExpandedKeys,\n    UNSTABLE_onExpandedChange,\n    children\n  } = props;\n\n  if (!tableNestedRows()) {\n    throw new Error('Feature flag for table nested rows must be enabled to use useTreeGridState.');\n  }\n\n  let [expandedKeys, setExpandedKeys] = useControlledState(\n    propExpandedKeys ? convertExpanded(propExpandedKeys) : undefined,\n    propDefaultExpandedKeys ? convertExpanded(propDefaultExpandedKeys) : new Set(),\n    UNSTABLE_onExpandedChange\n  );\n\n  let context = useMemo(() => ({\n    showSelectionCheckboxes: showSelectionCheckboxes && selectionMode !== 'none',\n    showDragButtons: showDragButtons,\n    selectionMode,\n    columns: []\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }), [children, showSelectionCheckboxes, selectionMode, showDragButtons]);\n\n  let builder = useMemo(() => new CollectionBuilder<T>(), []);\n  let nodes = useMemo(() => builder.build({children: children as ReactElement[]}, context), [builder, children, context]);\n  let treeGridCollection = useMemo(() => {\n    return generateTreeGridCollection<T>(nodes, {showSelectionCheckboxes, showDragButtons, expandedKeys});\n  }, [nodes, showSelectionCheckboxes, showDragButtons, expandedKeys]);\n\n  let onToggle = (key: Key) => {\n    setExpandedKeys(toggleKey(expandedKeys, key, treeGridCollection));\n  };\n\n  let collection = useMemo(() => {\n    return new TableCollection(treeGridCollection.tableNodes, null, context);\n  }, [context, treeGridCollection.tableNodes]);\n\n  let tableState = useTableState({...props, collection});\n  return {\n    ...tableState,\n    keyMap: treeGridCollection.keyMap,\n    userColumnCount: treeGridCollection.userColumnCount,\n    expandedKeys,\n    toggleKey: onToggle\n  };\n}\n\nfunction toggleKey<T>(currentExpandedKeys: 'all' | Set<Key>, key: Key, collection: TreeGridCollection<T>): Set<Key> {\n  let updatedExpandedKeys: Set<Key>;\n  if (currentExpandedKeys === 'all') {\n    updatedExpandedKeys = new Set(collection.flattenedRows.filter(row => row.props.UNSTABLE_childItems || row.props.children.length > collection.userColumnCount).map(row => row.key));\n    updatedExpandedKeys.delete(key);\n  } else {\n    updatedExpandedKeys = new Set(currentExpandedKeys);\n    if (updatedExpandedKeys.has(key)) {\n      updatedExpandedKeys.delete(key);\n    } else {\n      updatedExpandedKeys.add(key);\n    }\n  }\n\n  return updatedExpandedKeys;\n}\n\nfunction convertExpanded(expanded: 'all' | Iterable<Key>): 'all' | Set<Key> {\n  if (!expanded) {\n    return new Set<Key>();\n  }\n\n  return expanded === 'all'\n    ? 'all'\n    : new Set(expanded);\n}\n\ninterface TreeGridCollectionOptions {\n  showSelectionCheckboxes?: boolean,\n  showDragButtons?: boolean,\n  expandedKeys: 'all' | Set<Key>\n}\n\ninterface TreeGridCollection<T> {\n  keyMap: Map<Key, GridNode<T>>,\n  tableNodes: GridNode<T>[],\n  flattenedRows: GridNode<T>[],\n  userColumnCount: number\n}\nfunction generateTreeGridCollection<T>(nodes, opts: TreeGridCollectionOptions): TreeGridCollection<T> {\n  let {\n    expandedKeys = new Set()\n  } = opts;\n\n  let body: GridNode<T>;\n  let flattenedRows = [];\n  let columnCount = 0;\n  let userColumnCount = 0;\n  let originalColumns = [];\n  let keyMap = new Map();\n\n  if (opts?.showSelectionCheckboxes) {\n    columnCount++;\n  }\n\n  if (opts?.showDragButtons) {\n    columnCount++;\n  }\n\n  let topLevelRows = [];\n  let visit = (node: GridNode<T>) => {\n    switch (node.type) {\n      case 'body':\n        body = node;\n        keyMap.set(body.key, body);\n        break;\n      case 'column':\n        if (!node.hasChildNodes) {\n          userColumnCount++;\n        }\n        break;\n      case 'item':\n        topLevelRows.push(node);\n        return;\n    }\n\n    for (let child of node.childNodes) {\n      visit(child);\n    }\n  };\n\n  for (let node of nodes) {\n    if (node.type === 'column') {\n      originalColumns.push(node);\n    }\n    visit(node);\n  }\n  columnCount += userColumnCount;\n\n  // Update each grid node in the treegrid table with values specific to a treegrid structure. Also store a set of flattened row nodes for TableCollection to consume\n  let globalRowCount = 0;\n  let visitNode = (node: GridNode<T>, i?: number) => {\n    // Clone row node and its children so modifications to the node for treegrid specific values aren't applied on the nodes provided\n    // to TableCollection. Index, level, and parent keys are all changed to reflect a flattened row structure rather than the treegrid structure\n    // values automatically calculated via CollectionBuilder\n    if (node.type === 'item') {\n      let childNodes = [];\n      for (let child of node.childNodes) {\n        if (child.type === 'cell') {\n          let cellClone = {...child};\n          if (cellClone.index + 1 === columnCount) {\n            cellClone.nextKey = null;\n          }\n          childNodes.push({...cellClone});\n        }\n      }\n      let clone = {...node, childNodes: childNodes, parentKey: body.key, level: 1, index: globalRowCount++};\n      flattenedRows.push(clone);\n    }\n\n    let newProps = {};\n\n    // Assign indexOfType to cells and rows for aria-posinset\n    if (node.type !== 'placeholder' && node.type !== 'column') {\n      newProps['indexOfType'] = i;\n    }\n\n    // Use Object.assign instead of spread to preserve object reference for keyMap. Also ensures retrieving nodes\n    // via .childNodes returns the same object as the one found via keyMap look up\n    Object.assign(node, newProps);\n    keyMap.set(node.key, node);\n\n    let lastNode: GridNode<T>;\n    let rowIndex = 0;\n    for (let child of node.childNodes) {\n      if (!(child.type === 'item' && expandedKeys !== 'all' && !expandedKeys.has(node.key))) {\n        if (child.parentKey == null) {\n          // if child is a cell/expanded row/column and the parent key isn't already established by the collection, match child node to parent row\n          child.parentKey = node.key;\n        }\n\n        if (lastNode) {\n          lastNode.nextKey = child.key;\n          child.prevKey = lastNode.key;\n        } else {\n          child.prevKey = null;\n        }\n\n        if (child.type === 'item') {\n          visitNode(child, rowIndex++);\n        } else {\n          // We enforce that the cells come before rows so can just reuse cell index\n          visitNode(child, child.index);\n        }\n\n        lastNode = child;\n      }\n    }\n\n    if (lastNode) {\n      lastNode.nextKey = null;\n    }\n  };\n\n  let last: GridNode<T>;\n  topLevelRows.forEach((node: GridNode<T>, i) => {\n    visitNode(node as GridNode<T>, i);\n\n    if (last) {\n      last.nextKey = node.key;\n      node.prevKey = last.key;\n    } else {\n      node.prevKey = null;\n    }\n\n    last = node;\n  });\n\n  if (last) {\n    last.nextKey = null;\n  }\n\n  return {\n    keyMap,\n    userColumnCount,\n    flattenedRows,\n    tableNodes: [...originalColumns, {...body, childNodes: flattenedRows}]\n  };\n}\n"],"names":[],"version":3,"file":"useTreeGridState.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-stately/table",
-  "version": "3.11.7-nightly.4555+81162ea39",
+  "version": "3.11.7-nightly.4560+72775d272",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -22,14 +22,14 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-stately/collections": "3.0.0-nightly.2843+81162ea39",
-    "@react-stately/flags": "3.0.2-nightly.4555+81162ea39",
-    "@react-stately/grid": "3.8.6-nightly.4555+81162ea39",
-    "@react-stately/selection": "3.0.0-nightly.2843+81162ea39",
-    "@react-stately/utils": "3.0.0-nightly.2843+81162ea39",
-    "@react-types/grid": "3.2.5-nightly.4555+81162ea39",
-    "@react-types/shared": "3.0.0-nightly.2843+81162ea39",
-    "@react-types/table": "3.9.4-nightly.4555+81162ea39",
+    "@react-stately/collections": "3.0.0-nightly.2848+72775d272",
+    "@react-stately/flags": "3.0.2-nightly.4560+72775d272",
+    "@react-stately/grid": "3.8.6-nightly.4560+72775d272",
+    "@react-stately/selection": "3.0.0-nightly.2848+72775d272",
+    "@react-stately/utils": "3.0.0-nightly.2848+72775d272",
+    "@react-types/grid": "3.2.5-nightly.4560+72775d272",
+    "@react-types/shared": "3.0.0-nightly.2848+72775d272",
+    "@react-types/table": "3.9.4-nightly.4560+72775d272",
     "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
@@ -38,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "81162ea392926d06ec3d25c228e6f9b6b5479d59"
+  "gitHead": "72775d272be04cfa32d26ec821bc68513d92a72b"
 }