@solid2-aria/stately 0.0.0-stage → 0.0.1

package/dist/table/table-collection.js

@@ -0,0 +1,274 @@
+/*
+ * 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/table/TableCollection.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { getFirstItem, getLastItem, getNodeChildren } from "../collections/get-child-nodes.js";
+import { getNodeProps } from "../utils/get-node-props.js";
+import { requireValue } from "../utils/require-value.js";
+import { GridCollection, setColumnSpan } from "../grid/grid-collection.js";
+// src/table/table-collection.ts
+const ROW_HEADER_COLUMN_KEY = `row-header-column-${Math.random().toString(36).slice(2)}`;
+let ROW_HEADER_COLUMN_KEY_DRAG = `row-header-column-${Math.random().toString(36).slice(2)}`;
+while (ROW_HEADER_COLUMN_KEY === ROW_HEADER_COLUMN_KEY_DRAG) ROW_HEADER_COLUMN_KEY_DRAG = `row-header-column-${Math.random().toString(36).slice(2)}`;
+/** @private */
+function buildHeaderRows(keyMap, columnNodes) {
+	const columns = [];
+	const seen = /* @__PURE__ */ new Map();
+	for (const column of columnNodes) {
+		let { parentKey } = column;
+		const col = [column];
+		while (parentKey !== null && parentKey !== void 0) {
+			const parent = keyMap.get(parentKey);
+			if (!parent) break;
+			const seenParent = seen.get(parent);
+			if (seenParent) {
+				setColumnSpan(parent, (parent.colSpan ?? 0) + 1);
+				const { column: localColumn, index } = seenParent;
+				if (index > col.length) break;
+				for (let i = index; i < col.length; i += 1) localColumn.splice(i, 0, null);
+				for (let i = col.length; i < localColumn.length; i += 1) {
+					const shifted = localColumn[i];
+					const shiftedEntry = shifted ? seen.get(shifted) : void 0;
+					if (shiftedEntry) shiftedEntry.index = i;
+				}
+			} else {
+				setColumnSpan(parent, 1);
+				col.push(parent);
+				seen.set(parent, {
+					column: col,
+					index: col.length - 1
+				});
+			}
+			({parentKey} = parent);
+		}
+		columns.push(col);
+		column.index = columns.length - 1;
+	}
+	const maxLength = Math.max(0, ...columns.map((c) => c.length));
+	const headerRows = Array.from({ length: maxLength }, () => []);
+	let colIndex = 0;
+	for (const column of columns) {
+		let i = maxLength - 1;
+		for (const item of column) {
+			if (item) {
+				const row = requireValue(headerRows[i], "Missing header row for a column level.");
+				const rowLength = row.reduce((p, c) => p + (c.colSpan ?? 1), 0);
+				if (rowLength < colIndex) {
+					const placeholder = {
+						childNodes: [],
+						colSpan: colIndex - rowLength,
+						colspan: colIndex - rowLength,
+						hasChildNodes: false,
+						index: rowLength,
+						key: `placeholder-${item.key}`,
+						level: i,
+						rendered: null,
+						textValue: "",
+						type: "placeholder",
+						value: null
+					};
+					const previous = row.at(-1);
+					if (previous) {
+						previous.nextKey = placeholder.key;
+						placeholder.prevKey = previous.key;
+					}
+					row.push(placeholder);
+				}
+				const previous = row.at(-1);
+				if (previous) {
+					previous.nextKey = item.key;
+					item.prevKey = previous.key;
+				}
+				item.level = i;
+				item.colIndex = colIndex;
+				row.push(item);
+			}
+			i -= 1;
+		}
+		colIndex += 1;
+	}
+	let i = 0;
+	for (const row of headerRows) {
+		const rowLength = row.reduce((p, c) => p + (c.colSpan ?? 1), 0);
+		if (rowLength < columnNodes.length) {
+			const previous = requireValue(row.at(-1), "A header placeholder must follow a column.");
+			const placeholder = {
+				childNodes: [],
+				colSpan: columnNodes.length - rowLength,
+				colspan: columnNodes.length - rowLength,
+				hasChildNodes: false,
+				index: rowLength,
+				key: `placeholder-${previous.key}`,
+				level: i,
+				prevKey: previous.key,
+				rendered: null,
+				textValue: "",
+				type: "placeholder",
+				value: null
+			};
+			row.push(placeholder);
+		}
+		i += 1;
+	}
+	return headerRows.map((childNodes, index) => {
+		return {
+			childNodes,
+			hasChildNodes: true,
+			index,
+			key: `headerrow-${index}`,
+			level: 0,
+			rendered: null,
+			textValue: "",
+			type: "headerrow",
+			value: null
+		};
+	});
+}
+var TableCollection = class extends GridCollection {
+	headerRows;
+	columns;
+	rowHeaderColumnKeys;
+	body;
+	_size = 0;
+	constructor(nodes, prev, opts) {
+		const rowHeaderColumnKeys = /* @__PURE__ */ new Set();
+		let body = null;
+		const columns = [];
+		if (opts?.showSelectionCheckboxes === true) {
+			const rowHeaderColumn = {
+				childNodes: [],
+				hasChildNodes: false,
+				index: opts?.showDragButtons === true ? 1 : 0,
+				key: ROW_HEADER_COLUMN_KEY,
+				level: 0,
+				props: { isSelectionCell: true },
+				rendered: null,
+				textValue: "",
+				type: "column",
+				value: null
+			};
+			columns.unshift(rowHeaderColumn);
+		}
+		if (opts?.showDragButtons === true) {
+			const rowHeaderColumn = {
+				childNodes: [],
+				hasChildNodes: false,
+				index: 0,
+				key: ROW_HEADER_COLUMN_KEY_DRAG,
+				level: 0,
+				props: { isDragButtonCell: true },
+				rendered: null,
+				textValue: "",
+				type: "column",
+				value: null
+			};
+			columns.unshift(rowHeaderColumn);
+		}
+		const rows = [];
+		const columnKeyMap = /* @__PURE__ */ new Map();
+		const visit = (node) => {
+			switch (node.type) {
+				case "body":
+					body = node;
+					break;
+				case "column":
+					columnKeyMap.set(node.key, node);
+					if (!node.hasChildNodes) {
+						columns.push(node);
+						if (getNodeProps(node).isRowHeader) rowHeaderColumnKeys.add(node.key);
+					}
+					break;
+				case "item":
+					rows.push(node);
+					return;
+			}
+			for (const child of getNodeChildren(node)) visit(child);
+		};
+		for (const node of nodes) visit(node);
+		const headerRows = buildHeaderRows(columnKeyMap, columns);
+		for (const [i, row] of headerRows.entries()) rows.splice(i, 0, row);
+		super({
+			columnCount: columns.length,
+			items: rows,
+			visitNode: (node) => {
+				node.column = columns[node.index];
+				return node;
+			}
+		});
+		this.columns = columns;
+		this.rowHeaderColumnKeys = rowHeaderColumnKeys;
+		this.body = requireValue(body, "Table collections require a body node.");
+		this.headerRows = headerRows;
+		this._size = [...getNodeChildren(this.body)].length;
+		if (this.rowHeaderColumnKeys.size === 0) {
+			const col = this.columns.find((column) => !getNodeProps(column).isDragButtonCell && !getNodeProps(column).isSelectionCell);
+			if (col) this.rowHeaderColumnKeys.add(col.key);
+		}
+	}
+	*[Symbol.iterator]() {
+		yield* getNodeChildren(this.body);
+	}
+	get size() {
+		return this._size;
+	}
+	getKeys() {
+		return this.keyMap.keys();
+	}
+	getKeyBefore(key) {
+		return this.keyMap.get(key)?.prevKey ?? null;
+	}
+	getKeyAfter(key) {
+		return this.keyMap.get(key)?.nextKey ?? null;
+	}
+	getFirstKey() {
+		return getFirstItem(getNodeChildren(this.body))?.key ?? null;
+	}
+	getLastKey() {
+		return getLastItem(getNodeChildren(this.body))?.key ?? null;
+	}
+	getItem(key) {
+		if (key === this.body.key) return this.body;
+		return this.keyMap.get(key) ?? null;
+	}
+	at(idx) {
+		const key = [...this.getKeys()][idx];
+		return key === void 0 ? null : this.getItem(key);
+	}
+	getChildren(key) {
+		if (key === this.body.key) return getNodeChildren(this.body);
+		const node = this.getItem(key);
+		if (node?.type === "item") return [...getNodeChildren(node)].filter((n) => n.type === "cell");
+		return super.getChildren(key);
+	}
+	getTextValue(key) {
+		const row = this.getItem(key);
+		if (!row) return "";
+		if (row.textValue) return row.textValue;
+		const { rowHeaderColumnKeys } = this;
+		const text = [];
+		for (const cell of getNodeChildren(row)) {
+			const column = this.columns[cell.index];
+			if (rowHeaderColumnKeys.has(requireValue(column, "Expected column to exist.").key) && cell.textValue) text.push(cell.textValue);
+			if (text.length === rowHeaderColumnKeys.size) break;
+		}
+		return text.join(" ");
+	}
+};
+function isTableCollection(collection) {
+	return "columns" in collection && Array.isArray(collection.columns) && "headerRows" in collection && Array.isArray(collection.headerRows) && "rows" in collection && Array.isArray(collection.rows) && "columnCount" in collection && typeof collection.columnCount === "number" && "rowHeaderColumnKeys" in collection && collection.rowHeaderColumnKeys instanceof Set && "body" in collection && typeof collection.body === "object" && collection.body !== null;
+}
+export { TableCollection, buildHeaderRows, isTableCollection };
+
+//# sourceMappingURL=table-collection.js.map

package/dist/table/table-collection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-collection.js","names":[],"sources":["../../src/table/table-collection.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/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/table/TableCollection.ts.\n * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type { Collection, Node, Key } from \"@solid2-aria/types-shared\";\n\nimport {\n  getFirstItem,\n  getLastItem,\n  getNodeChildren,\n} from \"../collections/get-child-nodes\";\nimport { GridCollection, setColumnSpan } from \"../grid/grid-collection\";\nimport type { GridNode, IGridCollection } from \"../grid/grid-collection\";\nimport { getNodeProps } from \"../utils/get-node-props\";\nimport { requireValue } from \"../utils/require-value\";\n\nexport interface ITableCollection<T> extends IGridCollection<T> {\n  filter?: (\n    ...args: Parameters<NonNullable<Collection<GridNode<T>>[\"filter\"]>>\n  ) => ITableCollection<T>;\n  // perhaps elaborate on this? maybe not clear enough, essentially returns the table header rows (e.g. in a tiered headers table, will return the nodes containing the top tier column, next tier, etc)\n  /** A list of header row nodes in the table. */\n  headerRows: GridNode<T>[];\n  /** A list of column nodes in the table. */\n  columns: GridNode<T>[];\n  /**\n   * A set of column keys that serve as the [row\n   * header](https://www.w3.org/TR/wai-aria-1.1/#rowheader).\n   */\n  rowHeaderColumnKeys: Set<Key>;\n  /** The node that makes up the header of the table. */\n  head?: GridNode<T>;\n  /** The node that makes up the body of the table. */\n  body: GridNode<T>;\n}\n\ninterface GridCollectionOptions {\n  showSelectionCheckboxes?: boolean;\n  showDragButtons?: boolean;\n}\n\nconst ROW_HEADER_COLUMN_KEY = `row-header-column-${Math.random().toString(36).slice(2)}`;\nlet ROW_HEADER_COLUMN_KEY_DRAG = `row-header-column-${Math.random().toString(36).slice(2)}`;\n\nwhile (ROW_HEADER_COLUMN_KEY === ROW_HEADER_COLUMN_KEY_DRAG) {\n  ROW_HEADER_COLUMN_KEY_DRAG = `row-header-column-${Math.random().toString(36).slice(2)}`;\n}\n\n/** @private */\nexport function buildHeaderRows<T>(\n  keyMap: Map<Key, GridNode<T>>,\n  columnNodes: GridNode<T>[]\n): GridNode<T>[] {\n  const columns: (GridNode<T> | null)[][] = [];\n\n  const seen = new Map<\n    GridNode<T>,\n    { column: (GridNode<T> | null)[]; index: number }\n  >();\n\n  for (const column of columnNodes) {\n    let { parentKey } = column;\n    const col: (GridNode<T> | null)[] = [column];\n\n    while (parentKey !== null && parentKey !== undefined) {\n      const parent: GridNode<T> | undefined = keyMap.get(parentKey);\n\n      if (!parent) {\n        break;\n      }\n\n      // If we've already seen this parent, than it is shared\n      // with a previous column. If the current column is taller\n      // than the previous column, than we need to shift the parent\n      // in the previous column so it's level with the current column.\n      const seenParent = seen.get(parent);\n\n      if (seenParent) {\n        setColumnSpan(parent, (parent.colSpan ?? 0) + 1);\n        const { column: localColumn, index } = seenParent;\n\n        if (index > col.length) {\n          break;\n        }\n\n        for (let i = index; i < col.length; i += 1) {\n          localColumn.splice(i, 0, null);\n        }\n\n        // Adjust shifted indices\n        for (let i = col.length; i < localColumn.length; i += 1) {\n          const shifted = localColumn[i];\n          const shiftedEntry = shifted ? seen.get(shifted) : undefined;\n\n          if (shiftedEntry) {\n            shiftedEntry.index = i;\n          }\n        }\n      } else {\n        setColumnSpan(parent, 1);\n        col.push(parent);\n        seen.set(parent, { column: col, index: col.length - 1 });\n      }\n\n      ({ parentKey } = parent);\n    }\n\n    columns.push(col);\n    column.index = columns.length - 1;\n  }\n\n  const maxLength = Math.max(0, ...columns.map((c) => c.length));\n\n  const headerRows: GridNode<T>[][] = Array.from(\n    { length: maxLength },\n    () => []\n  );\n\n  // Convert columns into rows.\n  let colIndex = 0;\n\n  for (const column of columns) {\n    let i = maxLength - 1;\n\n    for (const item of column) {\n      if (item) {\n        // Fill the space up until the current column with a placeholder\n        const row = requireValue(\n          headerRows[i],\n          \"Missing header row for a column level.\"\n        );\n\n        const rowLength = row.reduce((p, c) => p + (c.colSpan ?? 1), 0);\n\n        if (rowLength < colIndex) {\n          const placeholder: GridNode<T> = {\n            // oxlint-disable-next-line typescript/no-deprecated -- Node-backed collection construction must populate the upstream childNodes output contract.\n            childNodes: [],\n            colSpan: colIndex - rowLength,\n            // oxlint-disable-next-line typescript/no-deprecated -- Expose the legacy output alias for existing consumers; internal state uses its modern replacement.\n            colspan: colIndex - rowLength,\n            hasChildNodes: false,\n            index: rowLength,\n            key: `placeholder-${item.key}`,\n            level: i,\n            rendered: null,\n            textValue: \"\",\n            type: \"placeholder\",\n            value: null,\n          };\n\n          const previous = row.at(-1);\n\n          if (previous) {\n            previous.nextKey = placeholder.key;\n            placeholder.prevKey = previous.key;\n          }\n\n          row.push(placeholder);\n        }\n\n        const previous = row.at(-1);\n\n        if (previous) {\n          previous.nextKey = item.key;\n          item.prevKey = previous.key;\n        }\n\n        item.level = i;\n        item.colIndex = colIndex;\n        row.push(item);\n      }\n\n      i -= 1;\n    }\n\n    colIndex += 1;\n  }\n\n  // Add placeholders at the end of each row that is shorter than the maximum\n  let i = 0;\n\n  for (const row of headerRows) {\n    const rowLength = row.reduce((p, c) => p + (c.colSpan ?? 1), 0);\n\n    if (rowLength < columnNodes.length) {\n      const previous = requireValue(\n        row.at(-1),\n        \"A header placeholder must follow a column.\"\n      );\n\n      const placeholder: GridNode<T> = {\n        // oxlint-disable-next-line typescript/no-deprecated -- Node-backed collection construction must populate the upstream childNodes output contract.\n        childNodes: [],\n        colSpan: columnNodes.length - rowLength,\n        // oxlint-disable-next-line typescript/no-deprecated -- Expose the legacy output alias for existing consumers; internal state uses its modern replacement.\n        colspan: columnNodes.length - rowLength,\n        hasChildNodes: false,\n        index: rowLength,\n        key: `placeholder-${previous.key}`,\n        level: i,\n        prevKey: previous.key,\n        rendered: null,\n        textValue: \"\",\n        type: \"placeholder\",\n        value: null,\n      };\n\n      row.push(placeholder);\n    }\n\n    i += 1;\n  }\n\n  return headerRows.map((childNodes, index) => {\n    const row: GridNode<T> = {\n      // oxlint-disable-next-line typescript/no-deprecated -- Node-backed collection construction must populate the upstream childNodes output contract.\n      childNodes,\n      hasChildNodes: true,\n      index,\n      key: `headerrow-${index}`,\n      level: 0,\n      rendered: null,\n      textValue: \"\",\n      type: \"headerrow\",\n      value: null,\n    };\n\n    return row;\n  });\n}\n\nexport class TableCollection<T>\n  extends GridCollection<T>\n  implements ITableCollection<T>\n{\n  headerRows: GridNode<T>[];\n  columns: GridNode<T>[];\n  rowHeaderColumnKeys: Set<Key>;\n  body: GridNode<T>;\n  _size = 0;\n  constructor(\n    nodes: Iterable<GridNode<T>>,\n    prev?: ITableCollection<T> | null,\n    opts?: GridCollectionOptions\n  ) {\n    const rowHeaderColumnKeys = new Set<Key>();\n    let body: GridNode<T> | null = null;\n    const columns: GridNode<T>[] = [];\n\n    // Add cell for selection checkboxes if needed.\n    if (opts?.showSelectionCheckboxes === true) {\n      const rowHeaderColumn: GridNode<T> = {\n        // oxlint-disable-next-line typescript/no-deprecated -- Node-backed collection construction must populate the upstream childNodes output contract.\n        childNodes: [],\n        hasChildNodes: false,\n        index: opts?.showDragButtons === true ? 1 : 0,\n        key: ROW_HEADER_COLUMN_KEY,\n        level: 0,\n        props: {\n          isSelectionCell: true,\n        },\n        rendered: null,\n        textValue: \"\",\n        type: \"column\",\n        value: null,\n      };\n\n      columns.unshift(rowHeaderColumn);\n    }\n\n    // Add cell for drag buttons if needed.\n    if (opts?.showDragButtons === true) {\n      const rowHeaderColumn: GridNode<T> = {\n        // oxlint-disable-next-line typescript/no-deprecated -- Node-backed collection construction must populate the upstream childNodes output contract.\n        childNodes: [],\n        hasChildNodes: false,\n        index: 0,\n        key: ROW_HEADER_COLUMN_KEY_DRAG,\n        level: 0,\n        props: {\n          isDragButtonCell: true,\n        },\n        rendered: null,\n        textValue: \"\",\n        type: \"column\",\n        value: null,\n      };\n\n      columns.unshift(rowHeaderColumn);\n    }\n\n    const rows: GridNode<T>[] = [];\n    const columnKeyMap = new Map<Key, GridNode<T>>();\n\n    const visit = (node: GridNode<T>) => {\n      switch (node.type) {\n        case \"body\": {\n          body = node;\n          break;\n        }\n\n        case \"column\": {\n          columnKeyMap.set(node.key, node);\n\n          if (!node.hasChildNodes) {\n            columns.push(node);\n\n            if (getNodeProps(node).isRowHeader) {\n              rowHeaderColumnKeys.add(node.key);\n            }\n          }\n\n          break;\n        }\n\n        case \"item\": {\n          rows.push(node);\n\n          return;\n          // do not go into childNodes\n        }\n\n        default: {\n          break;\n        }\n      }\n\n      for (const child of getNodeChildren(node)) {\n        visit(child);\n      }\n    };\n\n    for (const node of nodes) {\n      visit(node);\n    }\n\n    const headerRows = buildHeaderRows(columnKeyMap, columns);\n\n    for (const [i, row] of headerRows.entries()) {\n      rows.splice(i, 0, row);\n    }\n\n    super({\n      columnCount: columns.length,\n      items: rows,\n      visitNode: (node) => {\n        node.column = columns[node.index];\n\n        return node;\n      },\n    });\n    this.columns = columns;\n    this.rowHeaderColumnKeys = rowHeaderColumnKeys;\n    this.body = requireValue(body, \"Table collections require a body node.\");\n    this.headerRows = headerRows;\n    this._size = [...getNodeChildren(this.body)].length;\n\n    // Default row header column to the first one.\n    if (this.rowHeaderColumnKeys.size === 0) {\n      const col = this.columns.find(\n        (column) =>\n          !getNodeProps(column).isDragButtonCell &&\n          !getNodeProps(column).isSelectionCell\n      );\n\n      if (col) {\n        this.rowHeaderColumnKeys.add(col.key);\n      }\n    }\n  }\n  override *[Symbol.iterator](): IterableIterator<GridNode<T>> {\n    yield* getNodeChildren(this.body);\n  }\n  override get size(): number {\n    return this._size;\n  }\n  override getKeys(): IterableIterator<Key> {\n    return this.keyMap.keys();\n  }\n  override getKeyBefore(key: Key): Key | null {\n    const node = this.keyMap.get(key);\n\n    return node?.prevKey ?? null;\n  }\n  override getKeyAfter(key: Key): Key | null {\n    const node = this.keyMap.get(key);\n\n    return node?.nextKey ?? null;\n  }\n  override getFirstKey(): Key | null {\n    return getFirstItem(getNodeChildren(this.body))?.key ?? null;\n  }\n  override getLastKey(): Key | null {\n    return getLastItem(getNodeChildren(this.body))?.key ?? null;\n  }\n  override getItem(key: Key): GridNode<T> | null {\n    if (key === this.body.key) {\n      return this.body;\n    }\n\n    return this.keyMap.get(key) ?? null;\n  }\n  override at(idx: number): GridNode<T> | null {\n    const keys = [...this.getKeys()];\n    const key = keys[idx];\n\n    return key === undefined ? null : this.getItem(key);\n  }\n  override getChildren(key: Key): Iterable<GridNode<T>> {\n    if (key === this.body.key) {\n      return getNodeChildren(this.body);\n    }\n\n    const node = this.getItem(key);\n\n    if (node?.type === \"item\") {\n      return [...getNodeChildren(node)].filter((n) => n.type === \"cell\");\n    }\n\n    return super.getChildren(key);\n  }\n  getTextValue(key: Key): string {\n    const row = this.getItem(key);\n\n    if (!row) {\n      return \"\";\n    }\n\n    // If the row has a textValue, use that.\n    if (row.textValue) {\n      return row.textValue;\n    }\n\n    // Otherwise combine the text of each of the row header columns.\n    const { rowHeaderColumnKeys } = this;\n\n    const text: string[] = [];\n\n    for (const cell of getNodeChildren(row)) {\n      const column = this.columns[cell.index];\n\n      if (\n        rowHeaderColumnKeys.has(\n          requireValue(column, \"Expected column to exist.\").key\n        ) &&\n        cell.textValue\n      ) {\n        text.push(cell.textValue);\n      }\n\n      if (text.length === rowHeaderColumnKeys.size) {\n        break;\n      }\n    }\n\n    return text.join(\" \");\n  }\n}\n\nexport function isTableCollection<T>(\n  collection: Collection<Node<T>>\n): collection is ITableCollection<T> {\n  return (\n    \"columns\" in collection &&\n    Array.isArray(collection.columns) &&\n    \"headerRows\" in collection &&\n    Array.isArray(collection.headerRows) &&\n    \"rows\" in collection &&\n    Array.isArray(collection.rows) &&\n    \"columnCount\" in collection &&\n    typeof collection.columnCount === \"number\" &&\n    \"rowHeaderColumnKeys\" in collection &&\n    collection.rowHeaderColumnKeys instanceof Set &&\n    \"body\" in collection &&\n    typeof collection.body === \"object\" &&\n    collection.body !== null\n  );\n}\n"],"mappings":"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"}

package/dist/table/table-column-layout.d.ts

@@ -0,0 +1,47 @@
+/*
+ * 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/table/TableColumnLayout.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { GridNode } from "../grid/grid-collection.js";
+import { ITableCollection } from "./table-collection.js";
+import { ColumnSize } from "./column.js";
+import { Key } from "@solid2-aria/types-shared";
+export interface TableColumnLayoutOptions<T> {
+  getDefaultWidth?: (column: GridNode<T>) => ColumnSize | null | undefined;
+  getDefaultMinWidth?: (column: GridNode<T>) => ColumnSize | null | undefined;
+}
+export declare class TableColumnLayout<T> {
+  getDefaultWidth: (column: GridNode<T>) => ColumnSize | null | undefined;
+  getDefaultMinWidth: (column: GridNode<T>) => ColumnSize | null | undefined;
+  columnWidths: Map<Key, number>;
+  columnMinWidths: Map<Key, number>;
+  columnMaxWidths: Map<Key, number>;
+  constructor(options: TableColumnLayoutOptions<T>);
+  /**
+   * Takes an array of columns and splits it into 2 maps of columns with controlled and columns with
+   * uncontrolled widths.
+   */
+  splitColumnsIntoControlledAndUncontrolled(columns: GridNode<T>[]): [Map<Key, GridNode<T>>, Map<Key, GridNode<T>>];
+  /** Takes uncontrolled and controlled widths and joins them into a single Map. */
+  recombineColumns(columns: GridNode<T>[], uncontrolledWidths: Map<Key, ColumnSize>, uncontrolledColumns: Map<Key, GridNode<T>>, controlledColumns: Map<Key, GridNode<T>>): Map<Key, ColumnSize>;
+  /** Used to make an initial Map of the uncontrolled widths based on default widths. */
+  getInitialUncontrolledWidths(uncontrolledColumns: Map<Key, GridNode<T>>): Map<Key, ColumnSize>;
+  getColumnWidth(key: Key): number;
+  getColumnMinWidth(key: Key): number;
+  getColumnMaxWidth(key: Key): number;
+  resizeColumnWidth(collection: ITableCollection<T>, uncontrolledWidths: Map<Key, ColumnSize>, col: Key, initialWidth: number): Map<Key, ColumnSize>;
+  buildColumnWidths(tableWidth: number, collection: ITableCollection<T>, widths: Map<Key, ColumnSize>): Map<Key, number>;
+}
+//# sourceMappingURL=table-column-layout.d.ts.map

package/dist/table/table-column-layout.js

@@ -0,0 +1,94 @@
+/*
+ * 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/table/TableColumnLayout.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { getNodeProps } from "../utils/get-node-props.js";
+import { requireValue } from "../utils/require-value.js";
+import { calculateColumnSizes, getMaxWidth, getMinWidth } from "./table-utils.js";
+// src/table/table-column-layout.ts
+var TableColumnLayout = class {
+	getDefaultWidth;
+	getDefaultMinWidth;
+	columnWidths = /* @__PURE__ */ new Map();
+	columnMinWidths = /* @__PURE__ */ new Map();
+	columnMaxWidths = /* @__PURE__ */ new Map();
+	constructor(options) {
+		this.getDefaultWidth = options?.getDefaultWidth ?? (() => "1fr");
+		this.getDefaultMinWidth = options?.getDefaultMinWidth ?? (() => 75);
+	}
+	/**
+	* Takes an array of columns and splits it into 2 maps of columns with controlled and columns with
+	* uncontrolled widths.
+	*/
+	splitColumnsIntoControlledAndUncontrolled(columns) {
+		const controlled = /* @__PURE__ */ new Map();
+		const uncontrolled = /* @__PURE__ */ new Map();
+		for (const column of columns) (getNodeProps(column).width === void 0 ? uncontrolled : controlled).set(column.key, column);
+		return [controlled, uncontrolled];
+	}
+	/** 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, requireValue(uncontrolledWidths.get(col.key), "Missing uncontrolled column width.")];
+			return [col.key, requireValue(getNodeProps(controlledColumns.get(col.key)).width, "Missing controlled column width.")];
+		}));
+	}
+	/** Used to make an initial Map of the uncontrolled widths based on default widths. */
+	getInitialUncontrolledWidths(uncontrolledColumns) {
+		return new Map([...uncontrolledColumns].map(([key, col]) => [key, getNodeProps(col).defaultWidth ?? this.getDefaultWidth?.(col) ?? "1fr"]));
+	}
+	getColumnWidth(key) {
+		return this.columnWidths.get(key) ?? 0;
+	}
+	getColumnMinWidth(key) {
+		return this.columnMinWidths.get(key) ?? 0;
+	}
+	getColumnMaxWidth(key) {
+		return this.columnMaxWidths.get(key) ?? 0;
+	}
+	resizeColumnWidth(collection, uncontrolledWidths, col, initialWidth) {
+		let width = initialWidth;
+		const prevColumnWidths = this.columnWidths;
+		let freeze = true;
+		const newWidths = /* @__PURE__ */ new Map();
+		width = Math.max(this.getColumnMinWidth(col), Math.min(this.getColumnMaxWidth(col), Math.floor(width)));
+		for (const column of collection.columns) if (column.key === col) {
+			newWidths.set(column.key, width);
+			freeze = false;
+		} else if (freeze) newWidths.set(column.key, prevColumnWidths.get(column.key) ?? 0);
+		else newWidths.set(column.key, requireValue(getNodeProps(column).width ?? uncontrolledWidths.get(column.key), "A column must have a controlled or uncontrolled width."));
+		return newWidths;
+	}
+	buildColumnWidths(tableWidth, collection, widths) {
+		this.columnWidths = /* @__PURE__ */ new Map();
+		this.columnMinWidths = /* @__PURE__ */ new Map();
+		this.columnMaxWidths = /* @__PURE__ */ new Map();
+		const columnWidths = calculateColumnSizes(tableWidth, collection.columns.map((col) => ({
+			...getNodeProps(col),
+			key: col.key
+		})), widths, (i) => this.getDefaultWidth(requireValue(collection.columns[i], "Expected collection.columns[i] to exist.")), (i) => this.getDefaultMinWidth(requireValue(collection.columns[i], "Expected collection.columns[i] to exist.")));
+		for (const [index, width] of columnWidths.entries()) {
+			const column = requireValue(collection.columns[index], "Column widths must correspond to collection columns.");
+			const { key } = column;
+			this.columnWidths.set(key, width);
+			this.columnMinWidths.set(key, getMinWidth(getNodeProps(column).minWidth ?? this.getDefaultMinWidth(column), tableWidth));
+			this.columnMaxWidths.set(key, getMaxWidth(getNodeProps(column).maxWidth, tableWidth));
+		}
+		return this.columnWidths;
+	}
+};
+export { TableColumnLayout };
+
+//# sourceMappingURL=table-column-layout.js.map

package/dist/table/table-column-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-column-layout.js","names":[],"sources":["../../src/table/table-column-layout.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/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/table/TableColumnLayout.ts.\n * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type { Key } from \"@solid2-aria/types-shared\";\n\nimport type { GridNode } from \"../grid/grid-collection\";\nimport { getNodeProps } from \"../utils/get-node-props\";\nimport { requireValue } from \"../utils/require-value\";\nimport type { ColumnSize } from \"./column\";\nimport type { ITableCollection as TableCollection } from \"./table-collection\";\nimport { calculateColumnSizes, getMaxWidth, getMinWidth } from \"./table-utils\";\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 = new Map<Key, number>();\n  columnMinWidths = new Map<Key, number>();\n  columnMaxWidths = new Map<Key, number>();\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\n   * uncontrolled widths.\n   */\n  splitColumnsIntoControlledAndUncontrolled(\n    columns: GridNode<T>[]\n  ): [Map<Key, GridNode<T>>, Map<Key, GridNode<T>>] {\n    const controlled = new Map<Key, GridNode<T>>();\n    const uncontrolled = new Map<Key, GridNode<T>>();\n\n    for (const column of columns) {\n      const target =\n        getNodeProps(column).width === undefined ? uncontrolled : controlled;\n\n      target.set(column.key, column);\n    }\n\n    return [controlled, uncontrolled];\n  }\n  /** Takes uncontrolled and controlled widths and joins them into a single Map. */\n  recombineColumns(\n    columns: GridNode<T>[],\n    uncontrolledWidths: Map<Key, ColumnSize>,\n    uncontrolledColumns: Map<Key, GridNode<T>>,\n    controlledColumns: Map<Key, GridNode<T>>\n  ): Map<Key, ColumnSize> {\n    return new Map(\n      columns.map((col) => {\n        if (uncontrolledColumns.has(col.key)) {\n          return [\n            col.key,\n            requireValue(\n              uncontrolledWidths.get(col.key),\n              \"Missing uncontrolled column width.\"\n            ),\n          ];\n        }\n\n        return [\n          col.key,\n          requireValue(\n            getNodeProps(controlledColumns.get(col.key)).width,\n            \"Missing controlled column width.\"\n          ),\n        ];\n      })\n    );\n  }\n  /** Used to make an initial Map of the uncontrolled widths based on default widths. */\n  getInitialUncontrolledWidths(\n    uncontrolledColumns: Map<Key, GridNode<T>>\n  ): Map<Key, ColumnSize> {\n    return new Map(\n      [...uncontrolledColumns].map(([key, col]) => [\n        key,\n        getNodeProps(col).defaultWidth ?? this.getDefaultWidth?.(col) ?? \"1fr\",\n      ])\n    );\n  }\n  getColumnWidth(key: Key): number {\n    return this.columnWidths.get(key) ?? 0;\n  }\n  getColumnMinWidth(key: Key): number {\n    return this.columnMinWidths.get(key) ?? 0;\n  }\n  getColumnMaxWidth(key: Key): number {\n    return this.columnMaxWidths.get(key) ?? 0;\n  }\n  resizeColumnWidth(\n    collection: TableCollection<T>,\n    uncontrolledWidths: Map<Key, ColumnSize>,\n    col: Key,\n    initialWidth: number\n  ): Map<Key, ColumnSize> {\n    let width = initialWidth;\n\n    const prevColumnWidths = this.columnWidths;\n    let freeze = true;\n    const newWidths = new Map<Key, ColumnSize>();\n    width = Math.max(\n      this.getColumnMinWidth(col),\n      Math.min(this.getColumnMaxWidth(col), Math.floor(width))\n    );\n\n    for (const column of collection.columns) {\n      if (column.key === col) {\n        newWidths.set(column.key, width);\n        freeze = false;\n      } else if (freeze) {\n        // freeze columns to the left to their previous pixel value\n        newWidths.set(column.key, prevColumnWidths.get(column.key) ?? 0);\n      } else {\n        newWidths.set(\n          column.key,\n          requireValue(\n            getNodeProps(column).width ?? uncontrolledWidths.get(column.key),\n            \"A column must have a controlled or uncontrolled width.\"\n          )\n        );\n      }\n    }\n\n    return newWidths;\n  }\n  buildColumnWidths(\n    tableWidth: number,\n    collection: TableCollection<T>,\n    widths: Map<Key, ColumnSize>\n  ): Map<Key, number> {\n    this.columnWidths = new Map();\n    this.columnMinWidths = new Map();\n    this.columnMaxWidths = new Map();\n\n    // initial layout or table/window resizing\n    const columnWidths = calculateColumnSizes(\n      tableWidth,\n      collection.columns.map((col) => ({ ...getNodeProps(col), key: col.key })),\n      widths,\n      (i) =>\n        this.getDefaultWidth(\n          requireValue(\n            collection.columns[i],\n            \"Expected collection.columns[i] to exist.\"\n          )\n        ),\n      (i) =>\n        this.getDefaultMinWidth(\n          requireValue(\n            collection.columns[i],\n            \"Expected collection.columns[i] to exist.\"\n          )\n        )\n    );\n\n    // columns going in will be the same order as the columns coming out\n    for (const [index, width] of columnWidths.entries()) {\n      const column = requireValue(\n        collection.columns[index],\n        \"Column widths must correspond to collection columns.\"\n      );\n\n      const { key } = column;\n      this.columnWidths.set(key, width);\n      this.columnMinWidths.set(\n        key,\n        getMinWidth(\n          getNodeProps(column).minWidth ?? this.getDefaultMinWidth(column),\n          tableWidth\n        )\n      );\n      this.columnMaxWidths.set(\n        key,\n        getMaxWidth(getNodeProps(column).maxWidth, tableWidth)\n      );\n    }\n\n    return this.columnWidths;\n  }\n}\n"],"mappings":"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"}

package/dist/table/table-header.d.ts

@@ -0,0 +1,37 @@
+/*
+ * 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/table/TableHeader.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { CollectionContext, PartialNode } from "../collections/types.js";
+import { ColumnElement, ColumnRenderer } from "./column.js";
+import { Element } from "solid-js";
+import { Key } from "@solid2-aria/types-shared";
+export interface TableHeaderProps<T> {
+  key?: Key;
+  "aria-label"?: string;
+  /** A list of table columns. */
+  columns?: readonly T[];
+  /**
+   * A list of `Column(s)` or a function. If the latter, a list of columns must be provided using
+   * the `columns` prop.
+   */
+  children: ColumnElement<T> | ColumnElement<T>[] | ColumnRenderer<T>;
+}
+declare function TableHeader<T>(props: TableHeaderProps<T>): Element;
+declare namespace TableHeader {
+  var getCollectionNode: <T>(props: TableHeaderProps<T>, context: CollectionContext) => Generator<PartialNode<T>, void>;
+}
+export { TableHeader };
+//# sourceMappingURL=table-header.d.ts.map

package/dist/table/table-header.js

@@ -0,0 +1,52 @@
+/*
+ * 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/table/TableHeader.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { collectionChildren } from "../collections/types.js";
+import { isTableCollectionContext } from "./collection-context.js";
+// src/table/table-header.ts
+function TableHeader(props) {
+	return Object.assign([], {
+		getCollectionNode: (context) => TableHeader.getCollectionNode(props, context),
+		get key() {
+			return props.key;
+		},
+		props,
+		type: TableHeader
+	});
+}
+TableHeader.getCollectionNode = function* getCollectionNode(props, context) {
+	if (!isTableCollectionContext(context)) throw new Error("Table collection context is required.");
+	const { children, columns } = props;
+	context.columns = [];
+	if (typeof children === "function") {
+		if (!columns) throw new Error("props.children was a function but props.columns is missing");
+		for (const column of columns) yield {
+			renderer: children,
+			type: "column",
+			value: column
+		};
+	} else {
+		const localColumns = [];
+		for (const column of collectionChildren(children)) localColumns.push({
+			element: column,
+			type: "column"
+		});
+		yield* localColumns;
+	}
+};
+export { TableHeader };
+
+//# sourceMappingURL=table-header.js.map

package/dist/table/table-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header.js","names":[],"sources":["../../src/table/table-header.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/*\n * Derived from Adobe React Spectrum: packages/react-stately/src/table/TableHeader.ts.\n * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type { Key } from \"@solid2-aria/types-shared\";\nimport type { Element as SolidElement } from \"solid-js\";\n\nimport type { PartialNode, CollectionContext } from \"../collections/types\";\nimport { collectionChildren } from \"../collections/types\";\nimport { isTableCollectionContext } from \"./collection-context\";\nimport type { ColumnElement, ColumnRenderer } from \"./column\";\n\nexport interface TableHeaderProps<T> {\n  key?: Key;\n  \"aria-label\"?: string;\n  /** A list of table columns. */\n  columns?: readonly T[];\n  /**\n   * A list of `Column(s)` or a function. If the latter, a list of columns must be provided using\n   * the `columns` prop.\n   */\n  children: ColumnElement<T> | ColumnElement<T>[] | ColumnRenderer<T>;\n}\n\nfunction TableHeader<T>(props: TableHeaderProps<T>): SolidElement {\n  return Object.assign([], {\n    getCollectionNode: (context: CollectionContext) =>\n      TableHeader.getCollectionNode(props, context),\n    get key() {\n      return props.key;\n    },\n    props,\n    type: TableHeader,\n  });\n}\n\nTableHeader.getCollectionNode = function* getCollectionNode<T>(\n  props: TableHeaderProps<T>,\n  context: CollectionContext\n): Generator<PartialNode<T>, void> {\n  if (!isTableCollectionContext<T>(context)) {\n    throw new Error(\"Table collection context is required.\");\n  }\n\n  const { children, columns } = props;\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(\n        \"props.children was a function but props.columns is missing\"\n      );\n    }\n\n    for (const column of columns) {\n      yield {\n        renderer: children,\n        type: \"column\",\n        value: column,\n      };\n    }\n  } else {\n    const localColumns: PartialNode<T>[] = [];\n\n    for (const column of collectionChildren(children)) {\n      localColumns.push({\n        element: column,\n        type: \"column\",\n      });\n    }\n\n    yield* localColumns;\n  }\n};\n\n/**\n * A TableHeader is a container for the Column elements in a Table. Columns can be statically\n * defined as children, or generated dynamically using a function based on the data passed to the\n * `columns` prop.\n */\n// We don't want getCollectionNode to show up in the type definition\nexport { TableHeader };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqCA,SAAS,YAAe,OAA0C;CAChE,OAAO,OAAO,OAAO,CAAC,GAAG;EACvB,oBAAoB,YAClB,YAAY,kBAAkB,OAAO,OAAO;EAC9C,IAAI,MAAM;GACR,OAAO,MAAM;EACf;EACA;EACA,MAAM;CACR,CAAC;AACH;AAEA,YAAY,oBAAoB,UAAU,kBACxC,OACA,SACiC;CACjC,IAAI,CAAC,yBAA4B,OAAO,GACtC,MAAM,IAAI,MAAM,uCAAuC;CAGzD,MAAM,EAAE,UAAU,YAAY;CAE9B,QAAQ,UAAU,CAAC;CAEnB,IAAI,OAAO,aAAa,YAAY;EAClC,IAAI,CAAC,SACH,MAAM,IAAI,MACR,4DACF;EAGF,KAAK,MAAM,UAAU,SACnB,MAAM;GACJ,UAAU;GACV,MAAM;GACN,OAAO;EACT;CAEJ,OAAO;EACL,MAAM,eAAiC,CAAC;EAExC,KAAK,MAAM,UAAU,mBAAmB,QAAQ,GAC9C,aAAa,KAAK;GAChB,SAAS;GACT,MAAM;EACR,CAAC;EAGH,OAAO;CACT;AACF"}

package/dist/table/table-utils.d.ts

@@ -0,0 +1,60 @@
+/*
+ * 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-stately/src/table/TableUtils.ts.
+ * Modified for Solid Aria: adapted imports, collection descriptors, and reactive state APIs for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { ColumnSize } from "./column.js";
+import { Key } from "@solid2-aria/types-shared";
+export declare function isStatic(width?: string | number | null): boolean;
+export declare function parseFractionalUnit(width?: string | number | null): number;
+export declare function parseStaticWidth(width: number | string, tableWidth: number): number;
+export declare function getMaxWidth(maxWidth: number | string | null | undefined, tableWidth: number): number;
+export declare function getMinWidth(minWidth: number | string | null | undefined, tableWidth: number): number;
+export interface IColumn {
+  minWidth?: number | string;
+  maxWidth?: number | string;
+  width?: number | string;
+  defaultWidth?: number | string;
+  key: Key;
+}
+/**
+ * Implements the flex algorithm described in https://www.w3.org/TR/css-flexbox-1/#layout-algorithm
+ * It makes a few constraint/assumptions: 1. All basis values are 0 unless it is a static width,
+ * then the basis is the static width 2. All flex grow and shrink values are equal to the FR
+ * specified on the column, grow and shrink for the same column are equal 3. We only have one row An
+ * example of the setup can be seen here https://jsfiddle.net/snowystinger/wv0ymjaf/61/ where I let
+ * the browser figure out the flex of the columns. Note: We differ in one key aspect, all of our
+ * column widths must be whole numbers, so we avoid browser sub pixel rounding errors. To do this,
+ * we use a cascading rounding algorithm to ensure that the sum of the widths is maintained while
+ * distributing the rounding remainder across the columns.
+ *
+ * As noted in the chrome source code, this algorithm is very accurate, but has the potential to be
+ * quadratic. They have deemed this to be acceptable because the number of elements is usually small
+ * and the flex factors are usually not high variance. I believe we can make the same assumptions.
+ * Particularly once resizing is started, it will convert all columns to the left to static widths,
+ * so it will cut down on the number of FR columns.
+ *
+ * There are likely faster ways to do this, I've chosen to stick to the spec as closely as possible
+ * for readability, accuracy, and for the note that this behaving quadratically is unlikely to be a
+ * problem.
+ *
+ * @param availableWidth - The visible width of the table.
+ * @param columns - The table defined columns.
+ * @param changedColumns - Any columns we want to override, for example, during resizing.
+ * @param getDefaultWidth - A function that returns the default width of a column by its index.
+ * @param getDefaultMinWidth - A function that returns the default min width of a column by its
+ *   index.
+ */
+export declare function calculateColumnSizes(initialAvailableWidth: number, columns: IColumn[], changedColumns: Map<Key, ColumnSize>, getDefaultWidth?: (index: number) => ColumnSize | null | undefined, getDefaultMinWidth?: (index: number) => ColumnSize | null | undefined): number[];
+//# sourceMappingURL=table-utils.d.ts.map