@agile-team/mach-table 0.14.0 → 0.15.0

package/dist/index.d.cts

@@ -14,6 +14,7 @@ declare class Column<TData = any> {
     hide: boolean;
     pinned: PinnedDirection | null;
     manualWidth: number | null;
+    flex: number | null;
     currentWidth: number;
     parentGroup: ColumnGroup<TData> | null;
     level: number;
@@ -25,6 +26,7 @@ declare class Column<TData = any> {
     get filterable(): boolean;
     get filterType(): FilterType;
     get hasCheckbox(): boolean;
+    resetWidth(): void;
 }
 
 interface RowNode<TData = any> {
@@ -496,6 +498,8 @@ interface GridOptions<TData = any> extends EventHandlers<TData> {
     rowBuffer?: number;
     /** `fit` continuously fills the container without grid-ready glue code. */
     columnLayout?: ColumnLayoutMode;
+    /** Enables pointer, double-click and Alt+Arrow column resizing. Disabled by default. */
+    enableColumnResize?: boolean;
     /** Lets small grids grow with their rows. Avoid for large or infinite datasets. */
     domLayout?: DomLayoutMode;
     rowSelection?: RowSelectionMode;
@@ -606,6 +610,7 @@ interface ResolvedGridOptions<TData = any> extends EventHandlers<TData> {
     headerHeight: number;
     rowBuffer: number;
     columnLayout: ColumnLayoutMode;
+    enableColumnResize: boolean;
     domLayout: DomLayoutMode;
     rowSelection: RowSelectionMode;
     multiSort: boolean;
@@ -796,6 +801,8 @@ interface GridApi<TData = any> {
     setColumnVisibility(colId: string, visible: boolean): void;
     moveColumn(colId: string, toIndex: number): void;
     setColumnPinned(colId: string, pinned: "left" | "right" | null): void;
+    /** Sets one width without replacing the rest of the column state. */
+    setColumnWidth(colId: string, width: number): boolean;
     sizeColumnsToFit(width?: number): void;
     autoSizeColumn(colId: string, skipHeader?: boolean): void;
     autoSizeAllColumns(skipHeader?: boolean): void;
@@ -1120,6 +1127,10 @@ interface ColumnState {
     colId: string;
     hide?: boolean;
     width?: number;
+    /** Active flex weight. A resize clears flex and turns width into a manual override. */
+    flex?: number | null;
+    /** Distinguishes responsive/definition width from an explicit user or API override. */
+    widthMode?: "auto" | "manual";
     pinned?: "left" | "right" | null;
     sort?: SortDirection | null;
     sortIndex?: number | null;
@@ -1173,12 +1184,14 @@ declare class ColumnModel {
     paneOf(column: Column): PaneType;
     computeLayout(viewportWidth: number): void;
     private widthInputOf;
-    setColumnWidth(column: Column, width: number): void;
+    setColumnWidth(column: Column, width: number): boolean;
     setColumnVisibility(colId: string, visible: boolean): void;
     moveColumn(colId: string, toIndex: number): boolean;
     setColumnPinned(colId: string, pinned: PinnedDirection | null): void;
     getColumnState(): ColumnState[];
     applyColumnState(states: ColumnState[]): void;
+    private applyColumnViewState;
+    private sortModelFromState;
     private applyStateOrder;
     resetColumnState(): void;
     getSortModel(): SortModel;
@@ -1335,16 +1348,25 @@ declare class SelectionService {
     private recomputeTriState;
 }
 
-type ResizeContext = Pick<GridCore<any>, "columnModel" | "emit" | "persistColumnState" | "relayoutColumns" | "skeleton">;
+type ResizeContext = Pick<GridCore<any>, "columnModel" | "commitColumnWidths" | "emitColumnResize" | "options" | "relayoutColumns" | "skeleton">;
 declare class ResizeService {
     private core;
     private active;
     private rafId;
     private pendingWidth;
     constructor(core: ResizeContext);
-    startResize(e: PointerEvent, column: Column): void;
+    startResize(event: PointerEvent, column: Column): void;
+    cancelResize(restore?: boolean): void;
     private onMove;
     private onUp;
+    private onCancel;
+    private onLostPointerCapture;
+    private finishResize;
+    private applyPendingWidth;
+    private widthFromPointer;
+    private matchActivePointer;
+    private clearFrame;
+    private removeListeners;
     destroy(): void;
 }
 
@@ -1620,7 +1642,7 @@ declare class GridSkeleton {
     private cleanupOverlayContent;
 }
 
-type HeaderContext = Pick<GridCore<any>, "columnDragService" | "columnMenu" | "columnModel" | "cycleSort" | "emit" | "filterPopup" | "getApi" | "isDestroyed" | "moveColumn" | "options" | "relayoutColumns" | "reportError" | "resizeService" | "rowModel" | "selectionService" | "skeleton">;
+type HeaderContext = Pick<GridCore<any>, "columnDragService" | "columnMenu" | "columnModel" | "commitColumnWidths" | "cycleSort" | "emit" | "filterPopup" | "getApi" | "isDestroyed" | "moveColumn" | "options" | "relayoutColumns" | "reportError" | "resizeService" | "rowModel" | "selectionService" | "skeleton">;
 declare class HeaderRenderer {
     private core;
     private leafCells;
@@ -1634,6 +1656,7 @@ declare class HeaderRenderer {
     private visiblePaneLeaves;
     private onHeaderKeyDown;
     private focusHeaderCell;
+    private canResizeColumn;
     refreshSortIndicators(): void;
     refreshFilterIcons(): void;
     refreshSelectAllCheckbox(): void;
@@ -1922,6 +1945,9 @@ declare class GridCore<TData = any> {
     applyQuickFilter(): void;
     moveColumn(colId: string, toIndex: number): void;
     toggleDetail(rowId: string): boolean;
+    emitColumnResize(column: Column, finished: boolean): void;
+    /** Finalizes one logical resize operation and persists its state once. */
+    commitColumnWidths(columns: readonly Column[]): void;
     private columnStateLoadToken;
     loadPersistedColumnState(): void;
     persistColumnState(): void;
@@ -2022,6 +2048,10 @@ declare const GRID_OPTION_META: {
         readonly kind: "string";
         readonly update: "options";
     };
+    readonly enableColumnResize: {
+        readonly kind: "boolean";
+        readonly update: "options";
+    };
     readonly domLayout: {
         readonly kind: "string";
         readonly update: "options";

package/dist/index.d.ts

@@ -14,6 +14,7 @@ declare class Column<TData = any> {
     hide: boolean;
     pinned: PinnedDirection | null;
     manualWidth: number | null;
+    flex: number | null;
     currentWidth: number;
     parentGroup: ColumnGroup<TData> | null;
     level: number;
@@ -25,6 +26,7 @@ declare class Column<TData = any> {
     get filterable(): boolean;
     get filterType(): FilterType;
     get hasCheckbox(): boolean;
+    resetWidth(): void;
 }
 
 interface RowNode<TData = any> {
@@ -496,6 +498,8 @@ interface GridOptions<TData = any> extends EventHandlers<TData> {
     rowBuffer?: number;
     /** `fit` continuously fills the container without grid-ready glue code. */
     columnLayout?: ColumnLayoutMode;
+    /** Enables pointer, double-click and Alt+Arrow column resizing. Disabled by default. */
+    enableColumnResize?: boolean;
     /** Lets small grids grow with their rows. Avoid for large or infinite datasets. */
     domLayout?: DomLayoutMode;
     rowSelection?: RowSelectionMode;
@@ -606,6 +610,7 @@ interface ResolvedGridOptions<TData = any> extends EventHandlers<TData> {
     headerHeight: number;
     rowBuffer: number;
     columnLayout: ColumnLayoutMode;
+    enableColumnResize: boolean;
     domLayout: DomLayoutMode;
     rowSelection: RowSelectionMode;
     multiSort: boolean;
@@ -796,6 +801,8 @@ interface GridApi<TData = any> {
     setColumnVisibility(colId: string, visible: boolean): void;
     moveColumn(colId: string, toIndex: number): void;
     setColumnPinned(colId: string, pinned: "left" | "right" | null): void;
+    /** Sets one width without replacing the rest of the column state. */
+    setColumnWidth(colId: string, width: number): boolean;
     sizeColumnsToFit(width?: number): void;
     autoSizeColumn(colId: string, skipHeader?: boolean): void;
     autoSizeAllColumns(skipHeader?: boolean): void;
@@ -1120,6 +1127,10 @@ interface ColumnState {
     colId: string;
     hide?: boolean;
     width?: number;
+    /** Active flex weight. A resize clears flex and turns width into a manual override. */
+    flex?: number | null;
+    /** Distinguishes responsive/definition width from an explicit user or API override. */
+    widthMode?: "auto" | "manual";
     pinned?: "left" | "right" | null;
     sort?: SortDirection | null;
     sortIndex?: number | null;
@@ -1173,12 +1184,14 @@ declare class ColumnModel {
     paneOf(column: Column): PaneType;
     computeLayout(viewportWidth: number): void;
     private widthInputOf;
-    setColumnWidth(column: Column, width: number): void;
+    setColumnWidth(column: Column, width: number): boolean;
     setColumnVisibility(colId: string, visible: boolean): void;
     moveColumn(colId: string, toIndex: number): boolean;
     setColumnPinned(colId: string, pinned: PinnedDirection | null): void;
     getColumnState(): ColumnState[];
     applyColumnState(states: ColumnState[]): void;
+    private applyColumnViewState;
+    private sortModelFromState;
     private applyStateOrder;
     resetColumnState(): void;
     getSortModel(): SortModel;
@@ -1335,16 +1348,25 @@ declare class SelectionService {
     private recomputeTriState;
 }
 
-type ResizeContext = Pick<GridCore<any>, "columnModel" | "emit" | "persistColumnState" | "relayoutColumns" | "skeleton">;
+type ResizeContext = Pick<GridCore<any>, "columnModel" | "commitColumnWidths" | "emitColumnResize" | "options" | "relayoutColumns" | "skeleton">;
 declare class ResizeService {
     private core;
     private active;
     private rafId;
     private pendingWidth;
     constructor(core: ResizeContext);
-    startResize(e: PointerEvent, column: Column): void;
+    startResize(event: PointerEvent, column: Column): void;
+    cancelResize(restore?: boolean): void;
     private onMove;
     private onUp;
+    private onCancel;
+    private onLostPointerCapture;
+    private finishResize;
+    private applyPendingWidth;
+    private widthFromPointer;
+    private matchActivePointer;
+    private clearFrame;
+    private removeListeners;
     destroy(): void;
 }
 
@@ -1620,7 +1642,7 @@ declare class GridSkeleton {
     private cleanupOverlayContent;
 }
 
-type HeaderContext = Pick<GridCore<any>, "columnDragService" | "columnMenu" | "columnModel" | "cycleSort" | "emit" | "filterPopup" | "getApi" | "isDestroyed" | "moveColumn" | "options" | "relayoutColumns" | "reportError" | "resizeService" | "rowModel" | "selectionService" | "skeleton">;
+type HeaderContext = Pick<GridCore<any>, "columnDragService" | "columnMenu" | "columnModel" | "commitColumnWidths" | "cycleSort" | "emit" | "filterPopup" | "getApi" | "isDestroyed" | "moveColumn" | "options" | "relayoutColumns" | "reportError" | "resizeService" | "rowModel" | "selectionService" | "skeleton">;
 declare class HeaderRenderer {
     private core;
     private leafCells;
@@ -1634,6 +1656,7 @@ declare class HeaderRenderer {
     private visiblePaneLeaves;
     private onHeaderKeyDown;
     private focusHeaderCell;
+    private canResizeColumn;
     refreshSortIndicators(): void;
     refreshFilterIcons(): void;
     refreshSelectAllCheckbox(): void;
@@ -1922,6 +1945,9 @@ declare class GridCore<TData = any> {
     applyQuickFilter(): void;
     moveColumn(colId: string, toIndex: number): void;
     toggleDetail(rowId: string): boolean;
+    emitColumnResize(column: Column, finished: boolean): void;
+    /** Finalizes one logical resize operation and persists its state once. */
+    commitColumnWidths(columns: readonly Column[]): void;
     private columnStateLoadToken;
     loadPersistedColumnState(): void;
     persistColumnState(): void;
@@ -2022,6 +2048,10 @@ declare const GRID_OPTION_META: {
         readonly kind: "string";
         readonly update: "options";
     };
+    readonly enableColumnResize: {
+        readonly kind: "boolean";
+        readonly update: "options";
+    };
     readonly domLayout: {
         readonly kind: "string";
         readonly update: "options";