@react-stately/table 3.10.1-nightly.4028 → 3.10.1-nightly.4036

package/dist/import.mjs

@@ -1,6 +1,8 @@
-import {Section as $6555104ff085bef4$re_export$Section, useCollection as $1BfjW$useCollection, getFirstItem as $1BfjW$getFirstItem, getLastItem as $1BfjW$getLastItem} from "@react-stately/collections";
+import {Section as $6555104ff085bef4$re_export$Section, useCollection as $1BfjW$useCollection, getFirstItem as $1BfjW$getFirstItem, getLastItem as $1BfjW$getLastItem, CollectionBuilder as $1BfjW$CollectionBuilder} from "@react-stately/collections";
 import $1BfjW$react, {useState as $1BfjW$useState, useMemo as $1BfjW$useMemo, useCallback as $1BfjW$useCallback} from "react";
 import {useGridState as $1BfjW$useGridState, GridCollection as $1BfjW$GridCollection} from "@react-stately/grid";
+import {tableNestedRows as $1BfjW$tableNestedRows} from "@react-stately/flags";
+import {useControlledState as $1BfjW$useControlledState} from "@react-stately/utils";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -929,7 +931,7 @@ function $70d70eb16ea48428$var$Row(props) {
     return null;
 }
 $70d70eb16ea48428$var$Row.getCollectionNode = function* getCollectionNode(props, context) {
-    let { children: children , textValue: textValue  } = props;
+    let { children: children , textValue: textValue , UNSTABLE_childItems: UNSTABLE_childItems  } = props;
     yield {
         type: "item",
         props: props,
@@ -952,21 +954,36 @@ $70d70eb16ea48428$var$Row.getCollectionNode = function* getCollectionNode(props,
                     isSelectionCell: true
                 }
             };
-            if (typeof children === "function") for (let column of context.columns)yield {
-                type: "cell",
-                element: children(column.key),
-                key: column.key // this is combined with the row key by CollectionBuilder
-            };
-            else {
+            if (typeof children === "function") {
+                for (let column of context.columns)yield {
+                    type: "cell",
+                    element: children(column.key),
+                    key: column.key // this is combined with the row key by CollectionBuilder
+                };
+                if (UNSTABLE_childItems) for (let child of UNSTABLE_childItems)// Note: in order to reuse the render function of TableBody for our child rows, we just need to yield a type and a value here. CollectionBuilder will then look up
+                // the parent renderer and use that to build the full node of this child row, using the value provided here to generate the cells
+                yield {
+                    type: "item",
+                    value: child
+                };
+            } else {
                 let cells = [];
-                (0, $1BfjW$react).Children.forEach(children, (cell)=>{
-                    cells.push({
+                let childRows = [];
+                (0, $1BfjW$react).Children.forEach(children, (node)=>{
+                    if (node.type === $70d70eb16ea48428$var$Row) {
+                        if (cells.length < context.columns.length) throw new Error("All of a Row's child Cells must be positioned before any child Rows.");
+                        childRows.push({
+                            type: "item",
+                            element: node
+                        });
+                    } else cells.push({
                         type: "cell",
-                        element: cell
+                        element: node
                     });
                 });
                 if (cells.length !== context.columns.length) throw new Error(`Cell count must match column count. Found ${cells.length} cells and ${context.columns.length} columns.`);
                 yield* cells;
+                yield* childRows;
             }
         },
         shouldInvalidate (newContext) {
@@ -1017,7 +1034,200 @@ let $941d1d9a6a28982a$export$f6f0c3fe4ec306ea = $941d1d9a6a28982a$var$Cell;
 
 
 
+/*
+ * 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, $1BfjW$tableNestedRows)()) throw new Error("Feature flag for table nested rows must be enabled to use useTreeGridState.");
+    let [expandedKeys, setExpandedKeys] = (0, $1BfjW$useControlledState)(propExpandedKeys ? $ee65a0057fd99531$var$convertExpanded(propExpandedKeys) : undefined, propDefaultExpandedKeys ? $ee65a0057fd99531$var$convertExpanded(propDefaultExpandedKeys) : new Set(), UNSTABLE_onExpandedChange);
+    let context = (0, $1BfjW$useMemo)(()=>({
+            showSelectionCheckboxes: showSelectionCheckboxes && selectionMode !== "none",
+            showDragButtons: showDragButtons,
+            selectionMode: selectionMode,
+            columns: []
+        }), [
+        children,
+        showSelectionCheckboxes,
+        selectionMode,
+        showDragButtons
+    ]);
+    let builder = (0, $1BfjW$useMemo)(()=>new (0, $1BfjW$CollectionBuilder)(), []);
+    let nodes = (0, $1BfjW$useMemo)(()=>builder.build({
+            children: children
+        }, context), [
+        builder,
+        children,
+        context
+    ]);
+    let treeGridCollection = (0, $1BfjW$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, $1BfjW$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 {$292bc4e09cd0eb62$export$cb895dcf85db1319 as useTableColumnResizeState, $4a0dd036d492cee4$export$907bcc6c48325fd6 as useTableState, $312ae3b56a94a86e$export$f850895b287ef28e as TableHeader, $4ae5314bf50db1a3$export$76ccd210b9029917 as TableBody, $1cd244557c2f97d5$export$816b5d811295e6bc as Column, $70d70eb16ea48428$export$b59bdbef9ce70de2 as Row, $941d1d9a6a28982a$export$f6f0c3fe4ec306ea as Cell, $6555104ff085bef4$re_export$Section as Section, $788781baa30117fa$export$596e1b2e2cf93690 as TableCollection, $788781baa30117fa$export$7c127db850d4e81e as buildHeaderRows, $a9e7ae544a4e41dd$export$7ff77a162970b30e as TableColumnLayout};
+export {$292bc4e09cd0eb62$export$cb895dcf85db1319 as useTableColumnResizeState, $4a0dd036d492cee4$export$907bcc6c48325fd6 as useTableState, $312ae3b56a94a86e$export$f850895b287ef28e as TableHeader, $4ae5314bf50db1a3$export$76ccd210b9029917 as TableBody, $1cd244557c2f97d5$export$816b5d811295e6bc as Column, $70d70eb16ea48428$export$b59bdbef9ce70de2 as Row, $941d1d9a6a28982a$export$f6f0c3fe4ec306ea as Cell, $6555104ff085bef4$re_export$Section as Section, $788781baa30117fa$export$596e1b2e2cf93690 as TableCollection, $788781baa30117fa$export$7c127db850d4e81e as buildHeaderRows, $a9e7ae544a4e41dd$export$7ff77a162970b30e as TableColumnLayout, $ee65a0057fd99531$export$34dfa8a1622185a4 as UNSTABLE_useTreeGridState};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,6 +1,8 @@
 var $56JBj$reactstatelycollections = require("@react-stately/collections");
 var $56JBj$react = require("react");
 var $56JBj$reactstatelygrid = require("@react-stately/grid");
+var $56JBj$reactstatelyflags = require("@react-stately/flags");
+var $56JBj$reactstatelyutils = require("@react-stately/utils");
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -20,6 +22,7 @@ $parcel$export(module.exports, "Section", () => $56JBj$reactstatelycollections.S
 $parcel$export(module.exports, "TableCollection", () => $7f5a58334d8866a5$export$596e1b2e2cf93690);
 $parcel$export(module.exports, "buildHeaderRows", () => $7f5a58334d8866a5$export$7c127db850d4e81e);
 $parcel$export(module.exports, "TableColumnLayout", () => $2240a72410c17d51$export$7ff77a162970b30e);
+$parcel$export(module.exports, "UNSTABLE_useTreeGridState", () => $ed4e0b68b470dcfd$export$34dfa8a1622185a4);
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -947,7 +950,7 @@ function $9ec6912e32cc0d81$var$Row(props) {
     return null;
 }
 $9ec6912e32cc0d81$var$Row.getCollectionNode = function* getCollectionNode(props, context) {
-    let { children: children , textValue: textValue  } = props;
+    let { children: children , textValue: textValue , UNSTABLE_childItems: UNSTABLE_childItems  } = props;
     yield {
         type: "item",
         props: props,
@@ -970,21 +973,36 @@ $9ec6912e32cc0d81$var$Row.getCollectionNode = function* getCollectionNode(props,
                     isSelectionCell: true
                 }
             };
-            if (typeof children === "function") for (let column of context.columns)yield {
-                type: "cell",
-                element: children(column.key),
-                key: column.key // this is combined with the row key by CollectionBuilder
-            };
-            else {
+            if (typeof children === "function") {
+                for (let column of context.columns)yield {
+                    type: "cell",
+                    element: children(column.key),
+                    key: column.key // this is combined with the row key by CollectionBuilder
+                };
+                if (UNSTABLE_childItems) for (let child of UNSTABLE_childItems)// Note: in order to reuse the render function of TableBody for our child rows, we just need to yield a type and a value here. CollectionBuilder will then look up
+                // the parent renderer and use that to build the full node of this child row, using the value provided here to generate the cells
+                yield {
+                    type: "item",
+                    value: child
+                };
+            } else {
                 let cells = [];
-                (0, ($parcel$interopDefault($56JBj$react))).Children.forEach(children, (cell)=>{
-                    cells.push({
+                let childRows = [];
+                (0, ($parcel$interopDefault($56JBj$react))).Children.forEach(children, (node)=>{
+                    if (node.type === $9ec6912e32cc0d81$var$Row) {
+                        if (cells.length < context.columns.length) throw new Error("All of a Row's child Cells must be positioned before any child Rows.");
+                        childRows.push({
+                            type: "item",
+                            element: node
+                        });
+                    } else cells.push({
                         type: "cell",
-                        element: cell
+                        element: node
                     });
                 });
                 if (cells.length !== context.columns.length) throw new Error(`Cell count must match column count. Found ${cells.length} cells and ${context.columns.length} columns.`);
                 yield* cells;
+                yield* childRows;
             }
         },
         shouldInvalidate (newContext) {
@@ -1035,6 +1053,199 @@ let $ad4ab0a21c733e1f$export$f6f0c3fe4ec306ea = $ad4ab0a21c733e1f$var$Cell;
 
 
 
+/*
+ * 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 $ed4e0b68b470dcfd$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, $56JBj$reactstatelyflags.tableNestedRows)()) throw new Error("Feature flag for table nested rows must be enabled to use useTreeGridState.");
+    let [expandedKeys, setExpandedKeys] = (0, $56JBj$reactstatelyutils.useControlledState)(propExpandedKeys ? $ed4e0b68b470dcfd$var$convertExpanded(propExpandedKeys) : undefined, propDefaultExpandedKeys ? $ed4e0b68b470dcfd$var$convertExpanded(propDefaultExpandedKeys) : new Set(), UNSTABLE_onExpandedChange);
+    let context = (0, $56JBj$react.useMemo)(()=>({
+            showSelectionCheckboxes: showSelectionCheckboxes && selectionMode !== "none",
+            showDragButtons: showDragButtons,
+            selectionMode: selectionMode,
+            columns: []
+        }), [
+        children,
+        showSelectionCheckboxes,
+        selectionMode,
+        showDragButtons
+    ]);
+    let builder = (0, $56JBj$react.useMemo)(()=>new (0, $56JBj$reactstatelycollections.CollectionBuilder)(), []);
+    let nodes = (0, $56JBj$react.useMemo)(()=>builder.build({
+            children: children
+        }, context), [
+        builder,
+        children,
+        context
+    ]);
+    let treeGridCollection = (0, $56JBj$react.useMemo)(()=>{
+        return $ed4e0b68b470dcfd$var$generateTreeGridCollection(nodes, {
+            showSelectionCheckboxes: showSelectionCheckboxes,
+            showDragButtons: showDragButtons,
+            expandedKeys: expandedKeys
+        });
+    }, [
+        nodes,
+        showSelectionCheckboxes,
+        showDragButtons,
+        expandedKeys
+    ]);
+    let onToggle = (key)=>{
+        setExpandedKeys($ed4e0b68b470dcfd$var$toggleKey(expandedKeys, key, treeGridCollection));
+    };
+    let collection = (0, $56JBj$react.useMemo)(()=>{
+        return new (0, $7f5a58334d8866a5$export$596e1b2e2cf93690)(treeGridCollection.tableNodes, null, context);
+    }, [
+        context,
+        treeGridCollection.tableNodes
+    ]);
+    let tableState = (0, $e3f7784147dde23d$export$907bcc6c48325fd6)({
+        ...props,
+        collection: collection
+    });
+    return {
+        ...tableState,
+        keyMap: treeGridCollection.keyMap,
+        userColumnCount: treeGridCollection.userColumnCount,
+        expandedKeys: expandedKeys,
+        toggleKey: onToggle
+    };
+}
+function $ed4e0b68b470dcfd$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 $ed4e0b68b470dcfd$var$convertExpanded(expanded) {
+    if (!expanded) return new Set();
+    return expanded === "all" ? "all" : new Set(expanded);
+}
+function $ed4e0b68b470dcfd$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
+            }
+        ]
+    };
+}
+
+
 
 
 //# sourceMappingURL=main.js.map