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

package/dist/TableColumnLayout.main.js

@@ -0,0 +1,162 @@
+var $9e5f6a0caf75716e$exports = require("./TableUtils.main.js");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "TableColumnLayout", () => $2240a72410c17d51$export$7ff77a162970b30e);
+/*
+ * 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.
+ */ 
+class $2240a72410c17d51$export$7ff77a162970b30e {
+    /** Takes an array of columns and splits it into 2 maps of columns with controlled and columns with uncontrolled widths. */ splitColumnsIntoControlledAndUncontrolled(columns) {
+        return columns.reduce((acc, col)=>{
+            if (col.props.width != null) acc[0].set(col.key, col);
+            else acc[1].set(col.key, col);
+            return acc;
+        }, [
+            new Map(),
+            new Map()
+        ]);
+    }
+    /** Takes uncontrolled and controlled widths and joins them into a single Map. */ recombineColumns(columns, uncontrolledWidths, uncontrolledColumns, controlledColumns) {
+        return new Map(columns.map((col)=>{
+            if (uncontrolledColumns.has(col.key)) return [
+                col.key,
+                uncontrolledWidths.get(col.key)
+            ];
+            else return [
+                col.key,
+                controlledColumns.get(col.key).props.width
+            ];
+        }));
+    }
+    /** Used to make an initial Map of the uncontrolled widths based on default widths. */ getInitialUncontrolledWidths(uncontrolledColumns) {
+        return new Map(Array.from(uncontrolledColumns).map(([key, col])=>{
+            var _this_getDefaultWidth, _this;
+            var _col_props_defaultWidth, _ref;
+            return [
+                key,
+                (_ref = (_col_props_defaultWidth = col.props.defaultWidth) !== null && _col_props_defaultWidth !== void 0 ? _col_props_defaultWidth : (_this_getDefaultWidth = (_this = this).getDefaultWidth) === null || _this_getDefaultWidth === void 0 ? void 0 : _this_getDefaultWidth.call(_this, col)) !== null && _ref !== void 0 ? _ref : "1fr"
+            ];
+        }));
+    }
+    getColumnWidth(key) {
+        var _this_columnWidths_get;
+        return (_this_columnWidths_get = this.columnWidths.get(key)) !== null && _this_columnWidths_get !== void 0 ? _this_columnWidths_get : 0;
+    }
+    getColumnMinWidth(key) {
+        var _this_columnMinWidths_get;
+        return (_this_columnMinWidths_get = this.columnMinWidths.get(key)) !== null && _this_columnMinWidths_get !== void 0 ? _this_columnMinWidths_get : 0;
+    }
+    getColumnMaxWidth(key) {
+        var _this_columnMaxWidths_get;
+        return (_this_columnMaxWidths_get = this.columnMaxWidths.get(key)) !== null && _this_columnMaxWidths_get !== void 0 ? _this_columnMaxWidths_get : 0;
+    }
+    resizeColumnWidth(tableWidth, collection, controlledWidths, uncontrolledWidths, col = null, width) {
+        let prevColumnWidths = this.columnWidths;
+        // resizing a column
+        let resizeIndex = Infinity;
+        let resizingChanged = new Map([
+            ...controlledWidths,
+            ...uncontrolledWidths
+        ]);
+        let percentKeys = new Map();
+        let frKeysToTheRight = new Map();
+        let minWidths = new Map();
+        // freeze columns to the left to their previous pixel value
+        collection.columns.forEach((column, i)=>{
+            var _column_props_width_endsWith, _column_props_width;
+            let frKey;
+            let frValue;
+            minWidths.set(column.key, this.getDefaultMinWidth(collection.columns[i]));
+            if (col !== column.key && !column.props.width && !(0, $9e5f6a0caf75716e$exports.isStatic)(uncontrolledWidths.get(column.key))) {
+                // uncontrolled don't have props.width for us, so instead get from our state
+                frKey = column.key;
+                frValue = (0, $9e5f6a0caf75716e$exports.parseFractionalUnit)(uncontrolledWidths.get(column.key));
+            } else if (col !== column.key && !(0, $9e5f6a0caf75716e$exports.isStatic)(column.props.width) && !uncontrolledWidths.get(column.key)) {
+                // controlledWidths will be the same in the collection
+                frKey = column.key;
+                frValue = (0, $9e5f6a0caf75716e$exports.parseFractionalUnit)(column.props.width);
+            } else if (col !== column.key && ((_column_props_width = column.props.width) === null || _column_props_width === void 0 ? void 0 : (_column_props_width_endsWith = _column_props_width.endsWith) === null || _column_props_width_endsWith === void 0 ? void 0 : _column_props_width_endsWith.call(_column_props_width, "%"))) percentKeys.set(column.key, column.props.width);
+            // don't freeze columns to the right of the resizing one
+            if (resizeIndex < i) {
+                if (frKey) frKeysToTheRight.set(frKey, frValue);
+                return;
+            }
+            // we already know the new size of the resizing column
+            if (column.key === col) {
+                resizeIndex = i;
+                resizingChanged.set(column.key, Math.floor(width));
+                return;
+            }
+            // freeze column to previous value
+            resizingChanged.set(column.key, prevColumnWidths.get(column.key));
+        });
+        // predict pixels sizes for all columns based on resize
+        let columnWidths = (0, $9e5f6a0caf75716e$exports.calculateColumnSizes)(tableWidth, collection.columns.map((col)=>({
+                ...col.props,
+                key: col.key
+            })), resizingChanged, (i)=>this.getDefaultWidth(collection.columns[i]), (i)=>this.getDefaultMinWidth(collection.columns[i]));
+        // set all new column widths for onResize event
+        // columns going in will be the same order as the columns coming out
+        let newWidths = new Map();
+        // set all column widths based on calculateColumnSize
+        columnWidths.forEach((width, index)=>{
+            let key = collection.columns[index].key;
+            newWidths.set(key, width);
+        });
+        // add FR's back as they were to columns to the right
+        Array.from(frKeysToTheRight).forEach(([key])=>{
+            newWidths.set(key, `${frKeysToTheRight.get(key)}fr`);
+        });
+        // put back in percents
+        Array.from(percentKeys).forEach(([key, width])=>{
+            // resizing locks a column to a px width
+            if (key === col) return;
+            newWidths.set(key, width);
+        });
+        return newWidths;
+    }
+    buildColumnWidths(tableWidth, collection, widths) {
+        this.columnWidths = new Map();
+        this.columnMinWidths = new Map();
+        this.columnMaxWidths = new Map();
+        // initial layout or table/window resizing
+        let columnWidths = (0, $9e5f6a0caf75716e$exports.calculateColumnSizes)(tableWidth, collection.columns.map((col)=>({
+                ...col.props,
+                key: col.key
+            })), widths, (i)=>this.getDefaultWidth(collection.columns[i]), (i)=>this.getDefaultMinWidth(collection.columns[i]));
+        // columns going in will be the same order as the columns coming out
+        columnWidths.forEach((width, index)=>{
+            let key = collection.columns[index].key;
+            let column = collection.columns[index];
+            this.columnWidths.set(key, width);
+            var _column_props_minWidth;
+            this.columnMinWidths.set(key, (0, $9e5f6a0caf75716e$exports.getMinWidth)((_column_props_minWidth = column.props.minWidth) !== null && _column_props_minWidth !== void 0 ? _column_props_minWidth : this.getDefaultMinWidth(column), tableWidth));
+            this.columnMaxWidths.set(key, (0, $9e5f6a0caf75716e$exports.getMaxWidth)(column.props.maxWidth, tableWidth));
+        });
+        return this.columnWidths;
+    }
+    constructor(options){
+        this.columnWidths = new Map();
+        this.columnMinWidths = new Map();
+        this.columnMaxWidths = new Map();
+        var _options_getDefaultWidth;
+        this.getDefaultWidth = (_options_getDefaultWidth = options === null || options === void 0 ? void 0 : options.getDefaultWidth) !== null && _options_getDefaultWidth !== void 0 ? _options_getDefaultWidth : ()=>"1fr";
+        var _options_getDefaultMinWidth;
+        this.getDefaultMinWidth = (_options_getDefaultMinWidth = options === null || options === void 0 ? void 0 : options.getDefaultMinWidth) !== null && _options_getDefaultMinWidth !== void 0 ? _options_getDefaultMinWidth : ()=>75;
+    }
+}
+
+
+//# sourceMappingURL=TableColumnLayout.main.js.map

package/dist/TableColumnLayout.main.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-stately/table/src/TableColumnLayout.ts"],"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 */\n\nimport {\n  calculateColumnSizes,\n  getMaxWidth,\n  getMinWidth,\n  isStatic,\n  parseFractionalUnit\n} from './TableUtils';\nimport {ColumnSize, TableCollection} from '@react-types/table';\nimport {GridNode} from '@react-types/grid';\nimport {Key} from '@react-types/shared';\n\nexport interface TableColumnLayoutOptions<T> {\n  getDefaultWidth?: (column: GridNode<T>) => ColumnSize | null | undefined,\n  getDefaultMinWidth?: (column: GridNode<T>) => ColumnSize | null | undefined\n}\n\nexport class TableColumnLayout<T> {\n  getDefaultWidth: (column: GridNode<T>) => ColumnSize | null | undefined;\n  getDefaultMinWidth: (column: GridNode<T>) => ColumnSize | null | undefined;\n  columnWidths: Map<Key, number> = new Map();\n  columnMinWidths: Map<Key, number> = new Map();\n  columnMaxWidths: Map<Key, number> = new Map();\n\n  constructor(options: TableColumnLayoutOptions<T>) {\n    this.getDefaultWidth = options?.getDefaultWidth ?? (() => '1fr');\n    this.getDefaultMinWidth = options?.getDefaultMinWidth ?? (() => 75);\n  }\n\n  /** Takes an array of columns and splits it into 2 maps of columns with controlled and columns with uncontrolled widths. */\n  splitColumnsIntoControlledAndUncontrolled(columns: Array<GridNode<T>>): [Map<Key, GridNode<T>>, Map<Key, GridNode<T>>] {\n    return columns.reduce((acc, col) => {\n      if (col.props.width != null) {\n        acc[0].set(col.key, col);\n      } else {\n        acc[1].set(col.key, col);\n      }\n      return acc;\n    }, [new Map(), new Map()]);\n  }\n\n  /** Takes uncontrolled and controlled widths and joins them into a single Map. */\n  recombineColumns(columns: Array<GridNode<T>>, uncontrolledWidths: Map<Key, ColumnSize>, uncontrolledColumns: Map<Key, GridNode<T>>, controlledColumns: Map<Key, GridNode<T>>): Map<Key, ColumnSize> {\n    return new Map(columns.map(col => {\n      if (uncontrolledColumns.has(col.key)) {\n        return [col.key, uncontrolledWidths.get(col.key)];\n      } else {\n        return [col.key, controlledColumns.get(col.key).props.width];\n      }\n    }));\n  }\n\n  /** Used to make an initial Map of the uncontrolled widths based on default widths. */\n  getInitialUncontrolledWidths(uncontrolledColumns: Map<Key, GridNode<T>>): Map<Key, ColumnSize> {\n    return new Map(Array.from(uncontrolledColumns).map(([key, col]) =>\n      [key, col.props.defaultWidth ?? this.getDefaultWidth?.(col) ?? '1fr']\n    ));\n  }\n\n  getColumnWidth(key: Key): number {\n    return this.columnWidths.get(key) ?? 0;\n  }\n\n  getColumnMinWidth(key: Key): number {\n    return this.columnMinWidths.get(key) ?? 0;\n  }\n\n  getColumnMaxWidth(key: Key): number {\n    return this.columnMaxWidths.get(key) ?? 0;\n  }\n\n  resizeColumnWidth(tableWidth: number, collection: TableCollection<T>, controlledWidths: Map<Key, ColumnSize>, uncontrolledWidths: Map<Key, ColumnSize>, col = null, width: number): Map<Key, ColumnSize> {\n    let prevColumnWidths = this.columnWidths;\n    // resizing a column\n    let resizeIndex = Infinity;\n    let resizingChanged = new Map<Key, ColumnSize>([...controlledWidths, ...uncontrolledWidths]);\n    let percentKeys = new Map();\n    let frKeysToTheRight = new Map();\n    let minWidths = new Map();\n    // freeze columns to the left to their previous pixel value\n    collection.columns.forEach((column, i) => {\n      let frKey;\n      let frValue;\n      minWidths.set(column.key, this.getDefaultMinWidth(collection.columns[i]));\n      if (col !== column.key && !column.props.width && !isStatic(uncontrolledWidths.get(column.key))) {\n        // uncontrolled don't have props.width for us, so instead get from our state\n        frKey = column.key;\n        frValue = parseFractionalUnit(uncontrolledWidths.get(column.key) as string);\n      } else if (col !== column.key && !isStatic(column.props.width) && !uncontrolledWidths.get(column.key)) {\n        // controlledWidths will be the same in the collection\n        frKey = column.key;\n        frValue = parseFractionalUnit(column.props.width);\n      } else if (col !== column.key && column.props.width?.endsWith?.('%')) {\n        percentKeys.set(column.key, column.props.width);\n      }\n      // don't freeze columns to the right of the resizing one\n      if (resizeIndex < i) {\n        if (frKey) {\n          frKeysToTheRight.set(frKey, frValue);\n        }\n        return;\n      }\n      // we already know the new size of the resizing column\n      if (column.key === col) {\n        resizeIndex = i;\n        resizingChanged.set(column.key, Math.floor(width));\n        return;\n      }\n      // freeze column to previous value\n      resizingChanged.set(column.key, prevColumnWidths.get(column.key));\n    });\n\n    // predict pixels sizes for all columns based on resize\n    let columnWidths = calculateColumnSizes(\n      tableWidth,\n      collection.columns.map(col => ({...col.props, key: col.key})),\n      resizingChanged,\n      (i) => this.getDefaultWidth(collection.columns[i]),\n      (i) => this.getDefaultMinWidth(collection.columns[i])\n    );\n\n    // set all new column widths for onResize event\n    // columns going in will be the same order as the columns coming out\n    let newWidths = new Map<Key, ColumnSize>();\n    // set all column widths based on calculateColumnSize\n    columnWidths.forEach((width, index) => {\n      let key = collection.columns[index].key;\n      newWidths.set(key, width);\n    });\n\n    // add FR's back as they were to columns to the right\n    Array.from(frKeysToTheRight).forEach(([key]) => {\n      newWidths.set(key, `${frKeysToTheRight.get(key)}fr`);\n    });\n\n    // put back in percents\n    Array.from(percentKeys).forEach(([key, width]) => {\n      // resizing locks a column to a px width\n      if (key === col) {\n        return;\n      }\n      newWidths.set(key, width);\n    });\n    return newWidths;\n  }\n\n  buildColumnWidths(tableWidth: number, collection: TableCollection<T>, widths: Map<Key, ColumnSize>) {\n    this.columnWidths = new Map();\n    this.columnMinWidths = new Map();\n    this.columnMaxWidths = new Map();\n\n    // initial layout or table/window resizing\n    let columnWidths = calculateColumnSizes(\n      tableWidth,\n      collection.columns.map(col => ({...col.props, key: col.key})),\n      widths,\n      (i) => this.getDefaultWidth(collection.columns[i]),\n      (i) => this.getDefaultMinWidth(collection.columns[i])\n    );\n\n    // columns going in will be the same order as the columns coming out\n    columnWidths.forEach((width, index) => {\n      let key = collection.columns[index].key;\n      let column = collection.columns[index];\n      this.columnWidths.set(key, width);\n      this.columnMinWidths.set(key, getMinWidth(column.props.minWidth ?? this.getDefaultMinWidth(column), tableWidth));\n      this.columnMaxWidths.set(key, getMaxWidth(column.props.maxWidth, tableWidth));\n    });\n    return this.columnWidths;\n  }\n}\n"],"names":[],"version":3,"file":"TableColumnLayout.main.js.map"}

package/dist/TableColumnLayout.mjs

@@ -0,0 +1,157 @@
+import {calculateColumnSizes as $6818b1c4fc67028d$export$55d50dc687385491, getMaxWidth as $6818b1c4fc67028d$export$59185c62a7544aa0, getMinWidth as $6818b1c4fc67028d$export$f556054ce4358701, isStatic as $6818b1c4fc67028d$export$1994a077b98ee0d5, parseFractionalUnit as $6818b1c4fc67028d$export$9078bad4c3934604} from "./TableUtils.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.
+ */ 
+class $a9e7ae544a4e41dd$export$7ff77a162970b30e {
+    /** Takes an array of columns and splits it into 2 maps of columns with controlled and columns with uncontrolled widths. */ splitColumnsIntoControlledAndUncontrolled(columns) {
+        return columns.reduce((acc, col)=>{
+            if (col.props.width != null) acc[0].set(col.key, col);
+            else acc[1].set(col.key, col);
+            return acc;
+        }, [
+            new Map(),
+            new Map()
+        ]);
+    }
+    /** Takes uncontrolled and controlled widths and joins them into a single Map. */ recombineColumns(columns, uncontrolledWidths, uncontrolledColumns, controlledColumns) {
+        return new Map(columns.map((col)=>{
+            if (uncontrolledColumns.has(col.key)) return [
+                col.key,
+                uncontrolledWidths.get(col.key)
+            ];
+            else return [
+                col.key,
+                controlledColumns.get(col.key).props.width
+            ];
+        }));
+    }
+    /** Used to make an initial Map of the uncontrolled widths based on default widths. */ getInitialUncontrolledWidths(uncontrolledColumns) {
+        return new Map(Array.from(uncontrolledColumns).map(([key, col])=>{
+            var _this_getDefaultWidth, _this;
+            var _col_props_defaultWidth, _ref;
+            return [
+                key,
+                (_ref = (_col_props_defaultWidth = col.props.defaultWidth) !== null && _col_props_defaultWidth !== void 0 ? _col_props_defaultWidth : (_this_getDefaultWidth = (_this = this).getDefaultWidth) === null || _this_getDefaultWidth === void 0 ? void 0 : _this_getDefaultWidth.call(_this, col)) !== null && _ref !== void 0 ? _ref : "1fr"
+            ];
+        }));
+    }
+    getColumnWidth(key) {
+        var _this_columnWidths_get;
+        return (_this_columnWidths_get = this.columnWidths.get(key)) !== null && _this_columnWidths_get !== void 0 ? _this_columnWidths_get : 0;
+    }
+    getColumnMinWidth(key) {
+        var _this_columnMinWidths_get;
+        return (_this_columnMinWidths_get = this.columnMinWidths.get(key)) !== null && _this_columnMinWidths_get !== void 0 ? _this_columnMinWidths_get : 0;
+    }
+    getColumnMaxWidth(key) {
+        var _this_columnMaxWidths_get;
+        return (_this_columnMaxWidths_get = this.columnMaxWidths.get(key)) !== null && _this_columnMaxWidths_get !== void 0 ? _this_columnMaxWidths_get : 0;
+    }
+    resizeColumnWidth(tableWidth, collection, controlledWidths, uncontrolledWidths, col = null, width) {
+        let prevColumnWidths = this.columnWidths;
+        // resizing a column
+        let resizeIndex = Infinity;
+        let resizingChanged = new Map([
+            ...controlledWidths,
+            ...uncontrolledWidths
+        ]);
+        let percentKeys = new Map();
+        let frKeysToTheRight = new Map();
+        let minWidths = new Map();
+        // freeze columns to the left to their previous pixel value
+        collection.columns.forEach((column, i)=>{
+            var _column_props_width_endsWith, _column_props_width;
+            let frKey;
+            let frValue;
+            minWidths.set(column.key, this.getDefaultMinWidth(collection.columns[i]));
+            if (col !== column.key && !column.props.width && !(0, $6818b1c4fc67028d$export$1994a077b98ee0d5)(uncontrolledWidths.get(column.key))) {
+                // uncontrolled don't have props.width for us, so instead get from our state
+                frKey = column.key;
+                frValue = (0, $6818b1c4fc67028d$export$9078bad4c3934604)(uncontrolledWidths.get(column.key));
+            } else if (col !== column.key && !(0, $6818b1c4fc67028d$export$1994a077b98ee0d5)(column.props.width) && !uncontrolledWidths.get(column.key)) {
+                // controlledWidths will be the same in the collection
+                frKey = column.key;
+                frValue = (0, $6818b1c4fc67028d$export$9078bad4c3934604)(column.props.width);
+            } else if (col !== column.key && ((_column_props_width = column.props.width) === null || _column_props_width === void 0 ? void 0 : (_column_props_width_endsWith = _column_props_width.endsWith) === null || _column_props_width_endsWith === void 0 ? void 0 : _column_props_width_endsWith.call(_column_props_width, "%"))) percentKeys.set(column.key, column.props.width);
+            // don't freeze columns to the right of the resizing one
+            if (resizeIndex < i) {
+                if (frKey) frKeysToTheRight.set(frKey, frValue);
+                return;
+            }
+            // we already know the new size of the resizing column
+            if (column.key === col) {
+                resizeIndex = i;
+                resizingChanged.set(column.key, Math.floor(width));
+                return;
+            }
+            // freeze column to previous value
+            resizingChanged.set(column.key, prevColumnWidths.get(column.key));
+        });
+        // predict pixels sizes for all columns based on resize
+        let columnWidths = (0, $6818b1c4fc67028d$export$55d50dc687385491)(tableWidth, collection.columns.map((col)=>({
+                ...col.props,
+                key: col.key
+            })), resizingChanged, (i)=>this.getDefaultWidth(collection.columns[i]), (i)=>this.getDefaultMinWidth(collection.columns[i]));
+        // set all new column widths for onResize event
+        // columns going in will be the same order as the columns coming out
+        let newWidths = new Map();
+        // set all column widths based on calculateColumnSize
+        columnWidths.forEach((width, index)=>{
+            let key = collection.columns[index].key;
+            newWidths.set(key, width);
+        });
+        // add FR's back as they were to columns to the right
+        Array.from(frKeysToTheRight).forEach(([key])=>{
+            newWidths.set(key, `${frKeysToTheRight.get(key)}fr`);
+        });
+        // put back in percents
+        Array.from(percentKeys).forEach(([key, width])=>{
+            // resizing locks a column to a px width
+            if (key === col) return;
+            newWidths.set(key, width);
+        });
+        return newWidths;
+    }
+    buildColumnWidths(tableWidth, collection, widths) {
+        this.columnWidths = new Map();
+        this.columnMinWidths = new Map();
+        this.columnMaxWidths = new Map();
+        // initial layout or table/window resizing
+        let columnWidths = (0, $6818b1c4fc67028d$export$55d50dc687385491)(tableWidth, collection.columns.map((col)=>({
+                ...col.props,
+                key: col.key
+            })), widths, (i)=>this.getDefaultWidth(collection.columns[i]), (i)=>this.getDefaultMinWidth(collection.columns[i]));
+        // columns going in will be the same order as the columns coming out
+        columnWidths.forEach((width, index)=>{
+            let key = collection.columns[index].key;
+            let column = collection.columns[index];
+            this.columnWidths.set(key, width);
+            var _column_props_minWidth;
+            this.columnMinWidths.set(key, (0, $6818b1c4fc67028d$export$f556054ce4358701)((_column_props_minWidth = column.props.minWidth) !== null && _column_props_minWidth !== void 0 ? _column_props_minWidth : this.getDefaultMinWidth(column), tableWidth));
+            this.columnMaxWidths.set(key, (0, $6818b1c4fc67028d$export$59185c62a7544aa0)(column.props.maxWidth, tableWidth));
+        });
+        return this.columnWidths;
+    }
+    constructor(options){
+        this.columnWidths = new Map();
+        this.columnMinWidths = new Map();
+        this.columnMaxWidths = new Map();
+        var _options_getDefaultWidth;
+        this.getDefaultWidth = (_options_getDefaultWidth = options === null || options === void 0 ? void 0 : options.getDefaultWidth) !== null && _options_getDefaultWidth !== void 0 ? _options_getDefaultWidth : ()=>"1fr";
+        var _options_getDefaultMinWidth;
+        this.getDefaultMinWidth = (_options_getDefaultMinWidth = options === null || options === void 0 ? void 0 : options.getDefaultMinWidth) !== null && _options_getDefaultMinWidth !== void 0 ? _options_getDefaultMinWidth : ()=>75;
+    }
+}
+
+
+export {$a9e7ae544a4e41dd$export$7ff77a162970b30e as TableColumnLayout};
+//# sourceMappingURL=TableColumnLayout.mjs.map

package/dist/TableColumnLayout.module.js

@@ -0,0 +1,157 @@
+import {calculateColumnSizes as $6818b1c4fc67028d$export$55d50dc687385491, getMaxWidth as $6818b1c4fc67028d$export$59185c62a7544aa0, getMinWidth as $6818b1c4fc67028d$export$f556054ce4358701, isStatic as $6818b1c4fc67028d$export$1994a077b98ee0d5, parseFractionalUnit as $6818b1c4fc67028d$export$9078bad4c3934604} from "./TableUtils.module.js";
+
+/*
+ * 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.
+ */ 
+class $a9e7ae544a4e41dd$export$7ff77a162970b30e {
+    /** Takes an array of columns and splits it into 2 maps of columns with controlled and columns with uncontrolled widths. */ splitColumnsIntoControlledAndUncontrolled(columns) {
+        return columns.reduce((acc, col)=>{
+            if (col.props.width != null) acc[0].set(col.key, col);
+            else acc[1].set(col.key, col);
+            return acc;
+        }, [
+            new Map(),
+            new Map()
+        ]);
+    }
+    /** Takes uncontrolled and controlled widths and joins them into a single Map. */ recombineColumns(columns, uncontrolledWidths, uncontrolledColumns, controlledColumns) {
+        return new Map(columns.map((col)=>{
+            if (uncontrolledColumns.has(col.key)) return [
+                col.key,
+                uncontrolledWidths.get(col.key)
+            ];
+            else return [
+                col.key,
+                controlledColumns.get(col.key).props.width
+            ];
+        }));
+    }
+    /** Used to make an initial Map of the uncontrolled widths based on default widths. */ getInitialUncontrolledWidths(uncontrolledColumns) {
+        return new Map(Array.from(uncontrolledColumns).map(([key, col])=>{
+            var _this_getDefaultWidth, _this;
+            var _col_props_defaultWidth, _ref;
+            return [
+                key,
+                (_ref = (_col_props_defaultWidth = col.props.defaultWidth) !== null && _col_props_defaultWidth !== void 0 ? _col_props_defaultWidth : (_this_getDefaultWidth = (_this = this).getDefaultWidth) === null || _this_getDefaultWidth === void 0 ? void 0 : _this_getDefaultWidth.call(_this, col)) !== null && _ref !== void 0 ? _ref : "1fr"
+            ];
+        }));
+    }
+    getColumnWidth(key) {
+        var _this_columnWidths_get;
+        return (_this_columnWidths_get = this.columnWidths.get(key)) !== null && _this_columnWidths_get !== void 0 ? _this_columnWidths_get : 0;
+    }
+    getColumnMinWidth(key) {
+        var _this_columnMinWidths_get;
+        return (_this_columnMinWidths_get = this.columnMinWidths.get(key)) !== null && _this_columnMinWidths_get !== void 0 ? _this_columnMinWidths_get : 0;
+    }
+    getColumnMaxWidth(key) {
+        var _this_columnMaxWidths_get;
+        return (_this_columnMaxWidths_get = this.columnMaxWidths.get(key)) !== null && _this_columnMaxWidths_get !== void 0 ? _this_columnMaxWidths_get : 0;
+    }
+    resizeColumnWidth(tableWidth, collection, controlledWidths, uncontrolledWidths, col = null, width) {
+        let prevColumnWidths = this.columnWidths;
+        // resizing a column
+        let resizeIndex = Infinity;
+        let resizingChanged = new Map([
+            ...controlledWidths,
+            ...uncontrolledWidths
+        ]);
+        let percentKeys = new Map();
+        let frKeysToTheRight = new Map();
+        let minWidths = new Map();
+        // freeze columns to the left to their previous pixel value
+        collection.columns.forEach((column, i)=>{
+            var _column_props_width_endsWith, _column_props_width;
+            let frKey;
+            let frValue;
+            minWidths.set(column.key, this.getDefaultMinWidth(collection.columns[i]));
+            if (col !== column.key && !column.props.width && !(0, $6818b1c4fc67028d$export$1994a077b98ee0d5)(uncontrolledWidths.get(column.key))) {
+                // uncontrolled don't have props.width for us, so instead get from our state
+                frKey = column.key;
+                frValue = (0, $6818b1c4fc67028d$export$9078bad4c3934604)(uncontrolledWidths.get(column.key));
+            } else if (col !== column.key && !(0, $6818b1c4fc67028d$export$1994a077b98ee0d5)(column.props.width) && !uncontrolledWidths.get(column.key)) {
+                // controlledWidths will be the same in the collection
+                frKey = column.key;
+                frValue = (0, $6818b1c4fc67028d$export$9078bad4c3934604)(column.props.width);
+            } else if (col !== column.key && ((_column_props_width = column.props.width) === null || _column_props_width === void 0 ? void 0 : (_column_props_width_endsWith = _column_props_width.endsWith) === null || _column_props_width_endsWith === void 0 ? void 0 : _column_props_width_endsWith.call(_column_props_width, "%"))) percentKeys.set(column.key, column.props.width);
+            // don't freeze columns to the right of the resizing one
+            if (resizeIndex < i) {
+                if (frKey) frKeysToTheRight.set(frKey, frValue);
+                return;
+            }
+            // we already know the new size of the resizing column
+            if (column.key === col) {
+                resizeIndex = i;
+                resizingChanged.set(column.key, Math.floor(width));
+                return;
+            }
+            // freeze column to previous value
+            resizingChanged.set(column.key, prevColumnWidths.get(column.key));
+        });
+        // predict pixels sizes for all columns based on resize
+        let columnWidths = (0, $6818b1c4fc67028d$export$55d50dc687385491)(tableWidth, collection.columns.map((col)=>({
+                ...col.props,
+                key: col.key
+            })), resizingChanged, (i)=>this.getDefaultWidth(collection.columns[i]), (i)=>this.getDefaultMinWidth(collection.columns[i]));
+        // set all new column widths for onResize event
+        // columns going in will be the same order as the columns coming out
+        let newWidths = new Map();
+        // set all column widths based on calculateColumnSize
+        columnWidths.forEach((width, index)=>{
+            let key = collection.columns[index].key;
+            newWidths.set(key, width);
+        });
+        // add FR's back as they were to columns to the right
+        Array.from(frKeysToTheRight).forEach(([key])=>{
+            newWidths.set(key, `${frKeysToTheRight.get(key)}fr`);
+        });
+        // put back in percents
+        Array.from(percentKeys).forEach(([key, width])=>{
+            // resizing locks a column to a px width
+            if (key === col) return;
+            newWidths.set(key, width);
+        });
+        return newWidths;
+    }
+    buildColumnWidths(tableWidth, collection, widths) {
+        this.columnWidths = new Map();
+        this.columnMinWidths = new Map();
+        this.columnMaxWidths = new Map();
+        // initial layout or table/window resizing
+        let columnWidths = (0, $6818b1c4fc67028d$export$55d50dc687385491)(tableWidth, collection.columns.map((col)=>({
+                ...col.props,
+                key: col.key
+            })), widths, (i)=>this.getDefaultWidth(collection.columns[i]), (i)=>this.getDefaultMinWidth(collection.columns[i]));
+        // columns going in will be the same order as the columns coming out
+        columnWidths.forEach((width, index)=>{
+            let key = collection.columns[index].key;
+            let column = collection.columns[index];
+            this.columnWidths.set(key, width);
+            var _column_props_minWidth;
+            this.columnMinWidths.set(key, (0, $6818b1c4fc67028d$export$f556054ce4358701)((_column_props_minWidth = column.props.minWidth) !== null && _column_props_minWidth !== void 0 ? _column_props_minWidth : this.getDefaultMinWidth(column), tableWidth));
+            this.columnMaxWidths.set(key, (0, $6818b1c4fc67028d$export$59185c62a7544aa0)(column.props.maxWidth, tableWidth));
+        });
+        return this.columnWidths;
+    }
+    constructor(options){
+        this.columnWidths = new Map();
+        this.columnMinWidths = new Map();
+        this.columnMaxWidths = new Map();
+        var _options_getDefaultWidth;
+        this.getDefaultWidth = (_options_getDefaultWidth = options === null || options === void 0 ? void 0 : options.getDefaultWidth) !== null && _options_getDefaultWidth !== void 0 ? _options_getDefaultWidth : ()=>"1fr";
+        var _options_getDefaultMinWidth;
+        this.getDefaultMinWidth = (_options_getDefaultMinWidth = options === null || options === void 0 ? void 0 : options.getDefaultMinWidth) !== null && _options_getDefaultMinWidth !== void 0 ? _options_getDefaultMinWidth : ()=>75;
+    }
+}
+
+
+export {$a9e7ae544a4e41dd$export$7ff77a162970b30e as TableColumnLayout};
+//# sourceMappingURL=TableColumnLayout.module.js.map

package/dist/TableColumnLayout.module.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-stately/table/src/TableColumnLayout.ts"],"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 */\n\nimport {\n  calculateColumnSizes,\n  getMaxWidth,\n  getMinWidth,\n  isStatic,\n  parseFractionalUnit\n} from './TableUtils';\nimport {ColumnSize, TableCollection} from '@react-types/table';\nimport {GridNode} from '@react-types/grid';\nimport {Key} from '@react-types/shared';\n\nexport interface TableColumnLayoutOptions<T> {\n  getDefaultWidth?: (column: GridNode<T>) => ColumnSize | null | undefined,\n  getDefaultMinWidth?: (column: GridNode<T>) => ColumnSize | null | undefined\n}\n\nexport class TableColumnLayout<T> {\n  getDefaultWidth: (column: GridNode<T>) => ColumnSize | null | undefined;\n  getDefaultMinWidth: (column: GridNode<T>) => ColumnSize | null | undefined;\n  columnWidths: Map<Key, number> = new Map();\n  columnMinWidths: Map<Key, number> = new Map();\n  columnMaxWidths: Map<Key, number> = new Map();\n\n  constructor(options: TableColumnLayoutOptions<T>) {\n    this.getDefaultWidth = options?.getDefaultWidth ?? (() => '1fr');\n    this.getDefaultMinWidth = options?.getDefaultMinWidth ?? (() => 75);\n  }\n\n  /** Takes an array of columns and splits it into 2 maps of columns with controlled and columns with uncontrolled widths. */\n  splitColumnsIntoControlledAndUncontrolled(columns: Array<GridNode<T>>): [Map<Key, GridNode<T>>, Map<Key, GridNode<T>>] {\n    return columns.reduce((acc, col) => {\n      if (col.props.width != null) {\n        acc[0].set(col.key, col);\n      } else {\n        acc[1].set(col.key, col);\n      }\n      return acc;\n    }, [new Map(), new Map()]);\n  }\n\n  /** Takes uncontrolled and controlled widths and joins them into a single Map. */\n  recombineColumns(columns: Array<GridNode<T>>, uncontrolledWidths: Map<Key, ColumnSize>, uncontrolledColumns: Map<Key, GridNode<T>>, controlledColumns: Map<Key, GridNode<T>>): Map<Key, ColumnSize> {\n    return new Map(columns.map(col => {\n      if (uncontrolledColumns.has(col.key)) {\n        return [col.key, uncontrolledWidths.get(col.key)];\n      } else {\n        return [col.key, controlledColumns.get(col.key).props.width];\n      }\n    }));\n  }\n\n  /** Used to make an initial Map of the uncontrolled widths based on default widths. */\n  getInitialUncontrolledWidths(uncontrolledColumns: Map<Key, GridNode<T>>): Map<Key, ColumnSize> {\n    return new Map(Array.from(uncontrolledColumns).map(([key, col]) =>\n      [key, col.props.defaultWidth ?? this.getDefaultWidth?.(col) ?? '1fr']\n    ));\n  }\n\n  getColumnWidth(key: Key): number {\n    return this.columnWidths.get(key) ?? 0;\n  }\n\n  getColumnMinWidth(key: Key): number {\n    return this.columnMinWidths.get(key) ?? 0;\n  }\n\n  getColumnMaxWidth(key: Key): number {\n    return this.columnMaxWidths.get(key) ?? 0;\n  }\n\n  resizeColumnWidth(tableWidth: number, collection: TableCollection<T>, controlledWidths: Map<Key, ColumnSize>, uncontrolledWidths: Map<Key, ColumnSize>, col = null, width: number): Map<Key, ColumnSize> {\n    let prevColumnWidths = this.columnWidths;\n    // resizing a column\n    let resizeIndex = Infinity;\n    let resizingChanged = new Map<Key, ColumnSize>([...controlledWidths, ...uncontrolledWidths]);\n    let percentKeys = new Map();\n    let frKeysToTheRight = new Map();\n    let minWidths = new Map();\n    // freeze columns to the left to their previous pixel value\n    collection.columns.forEach((column, i) => {\n      let frKey;\n      let frValue;\n      minWidths.set(column.key, this.getDefaultMinWidth(collection.columns[i]));\n      if (col !== column.key && !column.props.width && !isStatic(uncontrolledWidths.get(column.key))) {\n        // uncontrolled don't have props.width for us, so instead get from our state\n        frKey = column.key;\n        frValue = parseFractionalUnit(uncontrolledWidths.get(column.key) as string);\n      } else if (col !== column.key && !isStatic(column.props.width) && !uncontrolledWidths.get(column.key)) {\n        // controlledWidths will be the same in the collection\n        frKey = column.key;\n        frValue = parseFractionalUnit(column.props.width);\n      } else if (col !== column.key && column.props.width?.endsWith?.('%')) {\n        percentKeys.set(column.key, column.props.width);\n      }\n      // don't freeze columns to the right of the resizing one\n      if (resizeIndex < i) {\n        if (frKey) {\n          frKeysToTheRight.set(frKey, frValue);\n        }\n        return;\n      }\n      // we already know the new size of the resizing column\n      if (column.key === col) {\n        resizeIndex = i;\n        resizingChanged.set(column.key, Math.floor(width));\n        return;\n      }\n      // freeze column to previous value\n      resizingChanged.set(column.key, prevColumnWidths.get(column.key));\n    });\n\n    // predict pixels sizes for all columns based on resize\n    let columnWidths = calculateColumnSizes(\n      tableWidth,\n      collection.columns.map(col => ({...col.props, key: col.key})),\n      resizingChanged,\n      (i) => this.getDefaultWidth(collection.columns[i]),\n      (i) => this.getDefaultMinWidth(collection.columns[i])\n    );\n\n    // set all new column widths for onResize event\n    // columns going in will be the same order as the columns coming out\n    let newWidths = new Map<Key, ColumnSize>();\n    // set all column widths based on calculateColumnSize\n    columnWidths.forEach((width, index) => {\n      let key = collection.columns[index].key;\n      newWidths.set(key, width);\n    });\n\n    // add FR's back as they were to columns to the right\n    Array.from(frKeysToTheRight).forEach(([key]) => {\n      newWidths.set(key, `${frKeysToTheRight.get(key)}fr`);\n    });\n\n    // put back in percents\n    Array.from(percentKeys).forEach(([key, width]) => {\n      // resizing locks a column to a px width\n      if (key === col) {\n        return;\n      }\n      newWidths.set(key, width);\n    });\n    return newWidths;\n  }\n\n  buildColumnWidths(tableWidth: number, collection: TableCollection<T>, widths: Map<Key, ColumnSize>) {\n    this.columnWidths = new Map();\n    this.columnMinWidths = new Map();\n    this.columnMaxWidths = new Map();\n\n    // initial layout or table/window resizing\n    let columnWidths = calculateColumnSizes(\n      tableWidth,\n      collection.columns.map(col => ({...col.props, key: col.key})),\n      widths,\n      (i) => this.getDefaultWidth(collection.columns[i]),\n      (i) => this.getDefaultMinWidth(collection.columns[i])\n    );\n\n    // columns going in will be the same order as the columns coming out\n    columnWidths.forEach((width, index) => {\n      let key = collection.columns[index].key;\n      let column = collection.columns[index];\n      this.columnWidths.set(key, width);\n      this.columnMinWidths.set(key, getMinWidth(column.props.minWidth ?? this.getDefaultMinWidth(column), tableWidth));\n      this.columnMaxWidths.set(key, getMaxWidth(column.props.maxWidth, tableWidth));\n    });\n    return this.columnWidths;\n  }\n}\n"],"names":[],"version":3,"file":"TableColumnLayout.module.js.map"}

package/dist/TableHeader.main.js

@@ -0,0 +1,56 @@
+var $kcTb5$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "TableHeader", () => $f45775f5d6f744fa$export$f850895b287ef28e);
+/*
+ * 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.
+ */ 
+function $f45775f5d6f744fa$var$TableHeader(props) {
+    return null;
+}
+$f45775f5d6f744fa$var$TableHeader.getCollectionNode = function* getCollectionNode(props, context) {
+    let { children: children, columns: columns } = props;
+    // Clear columns so they aren't double added in strict mode.
+    context.columns = [];
+    if (typeof children === "function") {
+        if (!columns) throw new Error("props.children was a function but props.columns is missing");
+        for (let column of columns)yield {
+            type: "column",
+            value: column,
+            renderer: children
+        };
+    } else {
+        let columns = [];
+        (0, ($parcel$interopDefault($kcTb5$react))).Children.forEach(children, (column)=>{
+            columns.push({
+                type: "column",
+                element: column
+            });
+        });
+        yield* columns;
+    }
+};
+/**
+ * A TableHeader is a container for the Column elements in a Table. Columns can be statically defined
+ * as children, or generated dynamically using a function based on the data passed to the `columns` prop.
+ */ // We don't want getCollectionNode to show up in the type definition
+let $f45775f5d6f744fa$export$f850895b287ef28e = $f45775f5d6f744fa$var$TableHeader;
+
+
+//# sourceMappingURL=TableHeader.main.js.map

package/dist/TableHeader.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;AAOD,SAAS,kCAAe,KAA0B;IAChD,OAAO;AACT;AAEA,kCAAY,iBAAiB,GAAG,UAAU,kBAAqB,KAA0B,EAAE,OAAoC;IAC7H,IAAI,YAAC,QAAQ,WAAE,OAAO,EAAC,GAAG;IAE1B,4DAA4D;IAC5D,QAAQ,OAAO,GAAG,EAAE;IAEpB,IAAI,OAAO,aAAa,YAAY;QAClC,IAAI,CAAC,SACH,MAAM,IAAI,MAAM;QAGlB,KAAK,IAAI,UAAU,QACjB,MAAM;YACJ,MAAM;YACN,OAAO;YACP,UAAU;QACZ;IAEJ,OAAO;QACL,IAAI,UAA4B,EAAE;QAClC,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAA;YAC/B,QAAQ,IAAI,CAAC;gBACX,MAAM;gBACN,SAAS;YACX;QACF;QAEA,OAAO;IACT;AACF;AAEA;;;CAGC,GACD,oEAAoE;AACpE,IAAI,4CAAe","sources":["packages/@react-stately/table/src/TableHeader.ts"],"sourcesContent":["/*\n * Copyright 2020 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 {CollectionBuilderContext} from './useTableState';\nimport {PartialNode} from '@react-stately/collections';\nimport React, {JSX, ReactElement} from 'react';\nimport {TableHeaderProps} from '@react-types/table';\n\nfunction TableHeader<T>(props: TableHeaderProps<T>): ReactElement { // eslint-disable-line @typescript-eslint/no-unused-vars\n  return null;\n}\n\nTableHeader.getCollectionNode = function* getCollectionNode<T>(props: TableHeaderProps<T>, context: CollectionBuilderContext<T>): Generator<PartialNode<T>, void, any> {\n  let {children, columns} = props;\n\n  // Clear columns so they aren't double added in strict mode.\n  context.columns = [];\n\n  if (typeof children === 'function') {\n    if (!columns) {\n      throw new Error('props.children was a function but props.columns is missing');\n    }\n\n    for (let column of columns) {\n      yield {\n        type: 'column',\n        value: column,\n        renderer: children\n      };\n    }\n  } else {\n    let columns: PartialNode<T>[] = [];\n    React.Children.forEach(children, column => {\n      columns.push({\n        type: 'column',\n        element: column\n      });\n    });\n\n    yield* columns;\n  }\n};\n\n/**\n * A TableHeader is a container for the Column elements in a Table. Columns can be statically defined\n * as children, or generated dynamically using a function based on the data passed to the `columns` prop.\n */\n// We don't want getCollectionNode to show up in the type definition\nlet _TableHeader = TableHeader as <T>(props: TableHeaderProps<T>) => JSX.Element;\nexport {_TableHeader as TableHeader};\n"],"names":[],"version":3,"file":"TableHeader.main.js.map"}

package/dist/TableHeader.mjs

@@ -0,0 +1,47 @@
+import $20k3Y$react from "react";
+
+/*
+ * 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.
+ */ 
+function $312ae3b56a94a86e$var$TableHeader(props) {
+    return null;
+}
+$312ae3b56a94a86e$var$TableHeader.getCollectionNode = function* getCollectionNode(props, context) {
+    let { children: children, columns: columns } = props;
+    // Clear columns so they aren't double added in strict mode.
+    context.columns = [];
+    if (typeof children === "function") {
+        if (!columns) throw new Error("props.children was a function but props.columns is missing");
+        for (let column of columns)yield {
+            type: "column",
+            value: column,
+            renderer: children
+        };
+    } else {
+        let columns = [];
+        (0, $20k3Y$react).Children.forEach(children, (column)=>{
+            columns.push({
+                type: "column",
+                element: column
+            });
+        });
+        yield* columns;
+    }
+};
+/**
+ * A TableHeader is a container for the Column elements in a Table. Columns can be statically defined
+ * as children, or generated dynamically using a function based on the data passed to the `columns` prop.
+ */ // We don't want getCollectionNode to show up in the type definition
+let $312ae3b56a94a86e$export$f850895b287ef28e = $312ae3b56a94a86e$var$TableHeader;
+
+
+export {$312ae3b56a94a86e$export$f850895b287ef28e as TableHeader};
+//# sourceMappingURL=TableHeader.mjs.map