@f5-sales-demo/pi-tui 23.6.9 → 23.8.0

package/package.json

@@ -1,7 +1,7 @@
 {
 	"type": "module",
 	"name": "@f5-sales-demo/pi-tui",
-	"version": "23.6.9",
+	"version": "23.8.0",
 	"description": "Terminal User Interface library with differential rendering for efficient text-based applications",
 	"homepage": "https://github.com/f5-sales-demo/xcsh",
 	"author": "Can Boluk",
@@ -37,8 +37,8 @@
 		"fmt": "biome format --write ."
 	},
 	"dependencies": {
-		"@f5-sales-demo/pi-natives": "23.6.9",
-		"@f5-sales-demo/pi-utils": "23.6.9",
+		"@f5-sales-demo/pi-natives": "23.8.0",
+		"@f5-sales-demo/pi-utils": "23.8.0",
 		"marked": "18.0.11"
 	},
 	"devDependencies": {

package/src/components/table.ts

@@ -15,6 +15,7 @@ export function renderTable(
 	availableWidth: number,
 	theme: TableTheme,
 	alignment?: readonly ("left" | "right" | "center" | null)[],
+	columnSizing?: readonly { minWidth?: number; maxWidth?: number }[],
 ): string[] {
 	const lines: string[] = [];
 	const numCols = headers.length;
@@ -56,6 +57,18 @@ export function renderTable(
 			minWordWidths[i] = Math.max(minWordWidths[i] || 1, longestWordWidth(cellText, maxUnbrokenWordWidth));
 		}
 	}
+	const readableWidths = naturalWidths.map((natural, index) => {
+		const declared = columnSizing?.[index]?.minWidth;
+		return Number.isFinite(declared) ? Math.max(1, Math.floor(declared!)) : Math.min(6, natural);
+	});
+	if (readableWidths.reduce((sum, width) => sum + width, 0) > availableForCells) return reflow();
+	for (let i = 0; i < numCols; i++) {
+		const max = columnSizing?.[i]?.maxWidth;
+		if (Number.isFinite(max))
+			naturalWidths[i] = Math.min(naturalWidths[i], Math.max(readableWidths[i], Math.floor(max!)));
+		naturalWidths[i] = Math.max(naturalWidths[i], readableWidths[i]);
+		minWordWidths[i] = Math.max(readableWidths[i], Math.min(minWordWidths[i], naturalWidths[i]));
+	}
 
 	let minColumnWidths = minWordWidths;
 	let minCellsWidth = minColumnWidths.reduce((a, b) => a + b, 0);
@@ -127,7 +140,7 @@ export function renderTable(
 		}
 	}
 
-	if (columnWidths.some((width, index) => width < Math.min(6, naturalWidths[index]))) return reflow();
+	if (columnWidths.some((width, index) => width < readableWidths[index])) return reflow();
 
 	const t = theme.symbols;
 	const h = t.horizontal;