add-ideas/govoplan-core
1
0
Fork 0
Code Issues 45 Pull Requests Actions Packages Projects Releases Wiki Activity

WebUI module split; docs

Browse Source
This commit is contained in:
Albrecht Degering
2026-06-24 10:18:47 +02:00
parent 30c11a6dcf
commit 44516a03aa
8 changed files with 558 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
webui/src/components/table/DataGrid.tsx
View File

@@ -670,7 +670,7 @@ export default function DataGrid<T>({
startX: event.clientX,
startWidth: currentWidth,
minWidth: effectiveColumnMinWidth(column),
maxWidth: Math.max(effectiveColumnMinWidth(column), column.maxWidth ?? 2000),
maxWidth: effectiveColumnMaxWidth(column),
baseWidths,
rightResizeTargets,
bufferTarget: canUseBuffer ? {
@@ -1223,7 +1223,7 @@ function sanitizePersistedColumnState<T>(
const column = columnMap.get(columnId);
if (!column || !Number.isFinite(width)) return [];
const minimum = effectiveColumnMinWidth(column);
const maximum = Math.max(minimum, column.maxWidth ?? 2000);
const maximum = effectiveColumnMaxWidth(column, minimum);
return [[columnId, Math.min(maximum, Math.max(minimum, width))]];
})
);
@@ -1246,7 +1246,7 @@ function sanitizePersistedColumnState<T>(
function widthForColumn<T>(column: DataGridColumn<T>, savedWidth?: number): string {
const minimum = effectiveColumnMinWidth(column);
const maximum = Math.max(minimum, column.maxWidth ?? 2000);
const maximum = effectiveColumnMaxWidth(column, minimum);
if (savedWidth !== undefined) return `${Math.min(maximum, Math.max(minimum, savedWidth))}px`;
if (typeof column.width === "number") return `${Math.min(maximum, Math.max(minimum, column.width))}px`;
if (column.width) return columnTrackWithMinimum(column.width, minimum);
@@ -1291,7 +1291,7 @@ function resizeTargetForColumn<T>(column: DataGridColumn<T>, baseWidths: Record<
columnId: column.id,
startWidth: baseWidths[column.id] ?? columnPixelWidth(column),
minWidth: minimum,
maxWidth: Math.max(minimum, column.maxWidth ?? 2000)
maxWidth: effectiveColumnMaxWidth(column, minimum)
};
}
@@ -1303,6 +1303,11 @@ function effectiveColumnMinWidth<T>(column: DataGridColumn<T>): number {
return Math.max(column.minWidth ?? 0, affordanceWidth);
}
function effectiveColumnMaxWidth<T>(column: DataGridColumn<T>, minimum = effectiveColumnMinWidth(column)): number {
if (column.maxWidth !== undefined) return Math.max(minimum, column.maxWidth);
return Math.max(minimum, isFlexibleWidth(column.width) ? BUFFER_MAX_WIDTH : 2000);
}
function totalColumnWidth<T>(columns: DataGridColumn<T>[], widths: Record<string, number>): number {
return columns.reduce((total, column) => total + (widths[column.id] ?? columnPixelWidth(column)), 0);
}
@@ -1450,7 +1455,7 @@ function isFlexibleWidth(width?: string | number): boolean {
function columnPixelWidth<T>(column: DataGridColumn<T>, savedWidth?: number, measuredWidth?: number): number {
const minimum = effectiveColumnMinWidth(column);
const maximum = Math.max(minimum, column.maxWidth ?? 2000);
const maximum = effectiveColumnMaxWidth(column, minimum);
const configured = measuredWidth
?? savedWidth
?? (typeof column.width === "number" ? column.width : parsePixelWidth(column.width))