@agility-workbench/angular-grid 1.10.0 → 1.11.0

package/README.md

@@ -77,6 +77,13 @@ are not overwritten), `[pivotColumnMoveMode]` is live, `[pivotResultColumnDef]`
 `[sheets]` renders the footer tab strip with the same app-owned persistence contract as
 `[savedViews]`. See the core README for what pivot mode and sheets do.
 
+Most inputs are live. The ones the grid reads only at creation (`rowHeight`, `getRowId`,
+`rowIdKey`, `rowModelType`, `defaultColDef`, `groupColumnDef`, `pivotResultColumnDef`,
+`initialSort`, … — the core's `CREATION_ONLY_OPTION_KEYS`, minus the bridged inputs) ignore later
+changes; in development mode (`isDevMode()`) the grid logs one `console.warn` naming the input when
+that happens. Re-create the `<awb-grid>` (for example under an `@if`, or a keyed `@for`) to apply
+such a change. The Angular page of the documentation site has the full live-vs-creation table.
+
 ## Styling
 
 Nothing to do — the grid delivers its own stylesheet when it attaches, once per document, and
@@ -91,8 +98,11 @@ copies do not fight in the cascade.
 ## Angular components in the grid
 
 Column definitions accept Angular component classes wherever the core accepts a class component —
-`cellRenderer`, `cellEditor`, `tooltipComponent`, `headerTooltip`, and `actionFrameComponent`.
-A component receives its params either through an input named `params` or by implementing
+`cellRenderer`, `cellEditor`, `tooltipComponent`, `headerTooltip`, `actionFrameComponent`, the
+set-filter components in `filterParams`, and the header components `headerComponent` (header
+content) and `headerCellComponent` (the whole header cell; contract `IHeaderNgComp`). The same slots
+are adapted in `[defaultColDef]`, `[groupColumnDef]`, and `[pivotResultColumnDef]`. A component
+receives its params either through an input named `params` or by implementing
 `awbInit(params)` (plus optional `awbRefresh(params)`):
 
 ```ts

package/fesm2022/agility-workbench-angular-grid.mjs

@@ -1,7 +1,7 @@
-import { isClassRenderer, isClassTooltipComponent, isClassActionFrameComponent, isClassSetFilterComponent, createGrid } from '@agility-workbench/grid';
+import { isClassRenderer, isClassTooltipComponent, isClassActionFrameComponent, isClassHeaderComponent, isClassSetFilterComponent, CREATION_ONLY_OPTION_KEYS, createGrid } from '@agility-workbench/grid';
 export * from '@agility-workbench/grid';
 import * as i0 from '@angular/core';
-import { reflectComponentType, createComponent, input, output, inject, ElementRef, NgZone, Injector, ApplicationRef, EnvironmentInjector, afterNextRender, untracked, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { reflectComponentType, createComponent, input, output, inject, ElementRef, NgZone, Injector, ApplicationRef, EnvironmentInjector, afterNextRender, isDevMode, untracked, isSignal, effect, ChangeDetectionStrategy, Component } from '@angular/core';
 
 /** True when `value` is a compiled Angular component class (vs a core class or plain function). */
 function isNgComponent(value) {
@@ -40,6 +40,7 @@ class NgAdapters {
         this.actionFrameCache = new WeakMap();
         this.editorCache = new WeakMap();
         this.setFilterComponentCache = new WeakMap();
+        this.headerComponentCache = new WeakMap();
     }
     /**
      * Create `component` with `hostElement` as its host, deliver params, attach it to the app for
@@ -225,6 +226,57 @@ class NgAdapters {
             }
         };
     }
+    // --- header components -----------------------------------------------------------------------
+    /**
+     * Adapt a `headerComponent` / `headerCellComponent`. Core class components and the core function
+     * form pass through; an Angular component is mounted into the header slot.
+     */
+    adaptHeaderComponent(comp) {
+        if (!comp)
+            return undefined;
+        if (typeof comp === "function" && isClassHeaderComponent(comp)) {
+            return comp;
+        }
+        if (!isNgComponent(comp))
+            return comp;
+        const cached = this.headerComponentCache.get(comp);
+        if (cached)
+            return cached;
+        const adapted = this.createHeaderComponentClass(comp);
+        this.headerComponentCache.set(comp, adapted);
+        return adapted;
+    }
+    createHeaderComponentClass(component) {
+        const adapters = this;
+        return class NgHeaderComponentAdapter {
+            constructor() {
+                this.el = document.createElement("div");
+                this.mounted = null;
+            }
+            init(params) {
+                // Same box the core gives its function form, so an Angular header lays out like a native one.
+                this.el.className = "pte-hcell-custom-root";
+                this.el.style.display = "flex";
+                this.el.style.alignItems = "center";
+                this.el.style.width = "100%";
+                this.el.style.height = "100%";
+                this.el.style.overflow = "hidden";
+                // One component instance per header cell; sort/filter refreshes re-deliver params (an
+                // awbRefresh returning false asks the grid to recreate it). Header rebuilds destroy it.
+                this.mounted = adapters.mount(component, params, this.el, "headerComponent");
+            }
+            getGui() {
+                return this.el;
+            }
+            refresh(params) {
+                return this.mounted?.refresh(params) ?? false;
+            }
+            destroy() {
+                this.mounted?.destroy();
+                this.mounted = null;
+            }
+        };
+    }
     // --- cell editors ----------------------------------------------------------------------------
     adaptCellEditor(editor) {
         if (editor == null)
@@ -345,6 +397,8 @@ class NgAdapters {
             headerTooltip: this.adaptHeaderTooltip(colDef.headerTooltip),
             actionFrameComponent: this.adaptActionFrame(colDef.actionFrameComponent),
             filterParams: this.adaptFilterParams(colDef.filterParams),
+            headerComponent: this.adaptHeaderComponent(colDef.headerComponent),
+            headerCellComponent: this.adaptHeaderComponent(colDef.headerCellComponent),
             children: colDef.children ? (this.adaptColumnDefs(colDef.children) ?? undefined) : undefined,
         };
     }
@@ -361,20 +415,37 @@ class NgAdapters {
     adaptDefaultColDef(defaultColDef) {
         if (defaultColDef == null)
             return undefined;
-        const next = { ...defaultColDef };
-        if ("cellRenderer" in defaultColDef)
-            next.cellRenderer = this.adaptCellRenderer(defaultColDef.cellRenderer);
-        if ("cellEditor" in defaultColDef)
-            next.cellEditor = this.adaptCellEditor(defaultColDef.cellEditor);
-        if ("tooltipComponent" in defaultColDef)
-            next.tooltipComponent = this.adaptTooltip(defaultColDef.tooltipComponent);
-        if ("headerTooltip" in defaultColDef)
-            next.headerTooltip = this.adaptHeaderTooltip(defaultColDef.headerTooltip);
-        if ("actionFrameComponent" in defaultColDef) {
-            next.actionFrameComponent = this.adaptActionFrame(defaultColDef.actionFrameComponent);
+        return this.adaptPartial(defaultColDef);
+    }
+    /**
+     * Adapt `groupColumnDef` / `pivotResultColumnDef`, the partial defs the grid layers over its
+     * synthesized columns. Present-fields-only, like {@link adaptDefaultColDef}: the core layers these
+     * with object spread, where an explicit `undefined` would clobber the layer beneath.
+     */
+    adaptPartialColDef(def) {
+        if (def == null)
+            return undefined;
+        return this.adaptPartial(def);
+    }
+    adaptPartial(def) {
+        const next = { ...def };
+        if ("cellRenderer" in def)
+            next.cellRenderer = this.adaptCellRenderer(def.cellRenderer);
+        if ("cellEditor" in def)
+            next.cellEditor = this.adaptCellEditor(def.cellEditor);
+        if ("tooltipComponent" in def)
+            next.tooltipComponent = this.adaptTooltip(def.tooltipComponent);
+        if ("headerTooltip" in def)
+            next.headerTooltip = this.adaptHeaderTooltip(def.headerTooltip);
+        if ("actionFrameComponent" in def)
+            next.actionFrameComponent = this.adaptActionFrame(def.actionFrameComponent);
+        if ("filterParams" in def)
+            next.filterParams = this.adaptFilterParams(def.filterParams);
+        if ("headerComponent" in def)
+            next.headerComponent = this.adaptHeaderComponent(def.headerComponent);
+        if ("headerCellComponent" in def) {
+            next.headerCellComponent = this.adaptHeaderComponent(def.headerCellComponent);
         }
-        if ("filterParams" in defaultColDef)
-            next.filterParams = this.adaptFilterParams(defaultColDef.filterParams);
         return next;
     }
 }
@@ -404,6 +475,56 @@ function getActionFrameProps(params) {
     return { ...params, ...extraParams };
 }
 
+/**
+ * Core creation-only options the Angular binding keeps live anyway: the value-returning hooks and
+ * `multiColumnMenu` are read through their input signals on every call. (The event callbacks are
+ * outputs, not inputs, so they never reach this list.) Everything else in core's
+ * {@link CREATION_ONLY_OPTION_KEYS} that `<awb-grid>` declares as an input is fixed once the grid
+ * exists.
+ */
+const BRIDGED_INPUTS = new Set([
+    "onBeforeCellCommit",
+    "fillOperation",
+    "multiColumnMenu",
+]);
+/** Core creation-only option names minus the inputs the binding bridges (derived from core). */
+const CREATION_ONLY_INPUT_CANDIDATES = CREATION_ONLY_OPTION_KEYS.filter((key) => !BRIDGED_INPUTS.has(key));
+/** The `treeData` members the binding reconciles live (via setTreeDataKeyboardNavigationOptions). */
+const LIVE_TREE_DATA_KEYS = ["keyboardNavigationMode", "enableKeyboardNavigationModeSwitch"];
+const UNCOMPARABLE = Symbol("uncomparable");
+/**
+ * A structural fingerprint of an input value, so a template literal object or a function re-created
+ * with the same contents does not count as a change. Functions (and component classes) compare by
+ * source text; `treeData` ignores the members that are live. Values that cannot be serialized
+ * (cycles) compare by identity.
+ */
+function inputFingerprint(key, value) {
+    let subject = value;
+    if (key === "treeData" && value != null && typeof value === "object") {
+        const rest = { ...value };
+        for (const live of LIVE_TREE_DATA_KEYS)
+            delete rest[live];
+        subject = rest;
+    }
+    try {
+        return JSON.stringify(subject, (_k, v) => {
+            if (typeof v === "function")
+                return `ƒ ${String(v)}`;
+            if (v === undefined)
+                return "∅undefined";
+            return v;
+        }) ?? "∅undefined";
+    }
+    catch {
+        return UNCOMPARABLE;
+    }
+}
+function creationOnlyWarning(key) {
+    return (`[agility-workbench] <awb-grid> input "${key}" changed after the grid was created. It is read ` +
+        `only at creation, so the change is ignored. Re-create the grid to apply it (for example, ` +
+        `render it under an @if or a keyed @for so Angular destroys and creates a new <awb-grid>).`);
+}
+
 function setIfDefined(options, key, value) {
     if (value != null)
         options[key] = value;
@@ -430,7 +551,6 @@ function getGridOptions(grid, adapters) {
     setIfDefined(options, "maxColumnWidth", grid.maxColumnWidth());
     setIfDefined(options, "pivotMode", grid.pivotMode());
     setIfDefined(options, "pivotColumns", grid.pivotColumns());
-    setIfDefined(options, "pivotResultColumnDef", grid.pivotResultColumnDef());
     setIfDefined(options, "maxPivotColumns", grid.maxPivotColumns());
     setIfDefined(options, "pivotColumnMoveMode", grid.pivotColumnMoveMode());
     setIfDefined(options, "autosizeColumnsOnDataChange", grid.autosizeColumnsOnDataChange());
@@ -481,7 +601,6 @@ function getGridOptions(grid, adapters) {
     setIfDefined(options, "commitOnBlur", grid.commitOnBlur());
     setIfDefined(options, "reevaluateOnEdit", grid.reevaluateOnEdit());
     setIfDefined(options, "groupDisplayType", grid.groupDisplayType());
-    setIfDefined(options, "groupColumnDef", grid.groupColumnDef());
     setIfDefined(options, "groupDefaultExpanded", grid.groupDefaultExpanded());
     setIfDefined(options, "groupSortMode", grid.groupSortMode());
     setIfDefined(options, "treeData", grid.treeData());
@@ -514,6 +633,14 @@ function getGridOptions(grid, adapters) {
     const defaultColDef = grid.defaultColDef();
     if (defaultColDef != null)
         options.defaultColDef = adapters.adaptDefaultColDef(defaultColDef);
+    // The partial defs the grid layers over its synthesized columns carry component fields too.
+    const groupColumnDef = grid.groupColumnDef();
+    if (groupColumnDef != null)
+        options.groupColumnDef = adapters.adaptPartialColDef(groupColumnDef);
+    const pivotResultColumnDef = grid.pivotResultColumnDef();
+    if (pivotResultColumnDef != null) {
+        options.pivotResultColumnDef = adapters.adaptPartialColDef(pivotResultColumnDef);
+    }
     // Forward only the boolean intent to core: false disables the menu (native menu shows);
     // everything else (true / omitted / a function) leaves core at its "show menu" default and lets
     // the body-menu adapter apply the function arm (so TemplateRef slots are handled). This avoids
@@ -894,6 +1021,8 @@ class AwbGrid {
             return created;
         });
         this.instance = instance;
+        if (isDevMode())
+            this.startCreationOnlyWarnings();
         this.startSyncEffects(instance);
         this.gridReady.emit(instance.api);
     }
@@ -1080,6 +1209,39 @@ class AwbGrid {
             return () => api.updateGridOptions({ theme, icons: { ...theme?.getIcons(), ...icons } });
         });
     }
+    /**
+     * Development only. Creation-only inputs are read once, by createGrid; a later change to one is
+     * ignored. Instead of letting that change vanish silently, warn once per input (per grid
+     * instance), comparing against the value the grid was created with. The input list is core's
+     * creation-only key list, intersected with the inputs this component declares.
+     */
+    startCreationOnlyWarnings() {
+        const self = this;
+        const inputs = CREATION_ONLY_INPUT_CANDIDATES.flatMap((key) => {
+            const candidate = self[key];
+            return isSignal(candidate) ? [{ key, read: candidate }] : [];
+        });
+        const created = new Map(inputs.map(({ key, read }) => {
+            const value = untracked(read);
+            return [key, { value, fingerprint: inputFingerprint(key, value) }];
+        }));
+        const warned = new Set();
+        effect(() => {
+            for (const { key, read } of inputs) {
+                const value = read();
+                if (warned.has(key))
+                    continue;
+                const initial = created.get(key);
+                if (Object.is(value, initial.value))
+                    continue;
+                const fingerprint = inputFingerprint(key, value);
+                if (fingerprint !== UNCOMPARABLE && fingerprint === initial.fingerprint)
+                    continue;
+                warned.add(key);
+                console.warn(creationOnlyWarning(key));
+            }
+        }, { injector: this.injector });
+    }
     /**
      * Effect helper: `read` runs tracked (signal reads register dependencies) and returns the core
      * call to make, or null to skip; the call itself runs outside the Angular zone so core-side

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _agility_workbench_grid from '@agility-workbench/grid';
-import { ColDef, CellRenderer, CellEditor, TooltipComponent, ActionFrameComponent, FilterParams, SetFilterValueComponent, SetFilterSpecialValueComponent, SetFilterGroupComponent, NON_DEFAULTABLE_COLDEF_KEYS, RowPresentationParams, RowPresentation, RowTooltipPresentation, ActionFrameComponentParams, ICellEditorParams, CellRendererParams, SetFilterGroupComponentParams, SetFilterSpecialValueComponentParams, SetFilterValueComponentParams, TooltipComponentParams, MenuItem, ColumnMenuContext, BodyMenuContext, Column, IGridAPI, GridEventCellClickedParams, GridEventRowClickedParams, CellValueChangedParams, GridEventSelectionChangedParams, SortChangedParams, GridEventFilterChangedParams, GridEventQuickFilterFindChangedParams, GridEventHistoryChangedParams } from '@agility-workbench/grid';
+import { ColDef, CellRenderer, CellEditor, TooltipComponent, ActionFrameComponent, FilterParams, SetFilterValueComponent, SetFilterSpecialValueComponent, SetFilterGroupComponent, HeaderComponent, NON_DEFAULTABLE_COLDEF_KEYS, RowPresentationParams, RowPresentation, RowTooltipPresentation, ActionFrameComponentParams, ICellEditorParams, CellRendererParams, HeaderComponentParams, SetFilterGroupComponentParams, SetFilterSpecialValueComponentParams, SetFilterValueComponentParams, TooltipComponentParams, MenuItem, ColumnMenuContext, BodyMenuContext, Column, IGridAPI, GridEventCellClickedParams, GridEventRowClickedParams, CellValueChangedParams, GridEventSelectionChangedParams, SortChangedParams, GridEventFilterChangedParams, GridEventQuickFilterFindChangedParams, GridEventHistoryChangedParams } from '@agility-workbench/grid';
 export * from '@agility-workbench/grid';
 import * as _angular_core from '@angular/core';
 import { Type, TemplateRef, OnDestroy } from '@angular/core';
@@ -25,6 +25,15 @@ interface IActionFrameNgComp<P extends ActionFrameComponentParams = ActionFrameC
     awbInit(params: P): void;
     awbRefresh?(params: P): boolean;
 }
+/**
+ * Same contract as {@link ICellRendererNgComp}, for `headerComponent` / `headerCellComponent`.
+ * `awbRefresh` runs when the header's sort/filter state changes; without it the params are simply
+ * re-delivered.
+ */
+interface IHeaderNgComp<P extends HeaderComponentParams = HeaderComponentParams> {
+    awbInit(params: P): void;
+    awbRefresh?(params: P): boolean;
+}
 /** Angular component contract for a regular set-filter value label. */
 interface ISetFilterValueNgComp<P extends SetFilterValueComponentParams = SetFilterValueComponentParams> {
     awbInit(params: P): void;
@@ -57,7 +66,7 @@ interface ICellEditorNgComp<P extends ICellEditorParams = ICellEditorParams> {
     /** Return true to abort opening the editor. */
     isCancelBeforeStart?(): boolean;
 }
-/** An Angular component class usable as a cell renderer / tooltip / ActionFrame / editor. */
+/** An Angular component class usable as a cell renderer / tooltip / ActionFrame / editor / header. */
 type NgComponent = Type<unknown>;
 type NgFilterParams = Omit<FilterParams, "valueComponent" | "selectAllComponent" | "blanksComponent" | "groupComponent"> & {
     valueComponent?: SetFilterValueComponent | NgComponent;
@@ -74,17 +83,20 @@ type NgRowPresentation = Omit<RowPresentation, "tooltip"> & {
 type NgGetRowPresentation = (params: RowPresentationParams) => NgRowPresentation | null | undefined;
 /**
  * Angular-aware column definition: identical to the core {@link ColDef}, but every component slot
- * (cellRenderer, cellEditor, tooltipComponent, headerTooltip, actionFrameComponent) may also be an
+ * (cellRenderer, cellEditor, tooltipComponent, headerTooltip, actionFrameComponent, headerComponent,
+ * headerCellComponent, and the set-filter components in filterParams) may also be an
  * Angular component class. Angular components are wrapped in core adapter classes; core renderer
  * classes and string aliases pass through unchanged.
  */
-type NgColDef = Omit<ColDef, "cellRenderer" | "cellEditor" | "children" | "tooltipComponent" | "headerTooltip" | "actionFrameComponent" | "filterParams"> & {
+type NgColDef = Omit<ColDef, "cellRenderer" | "cellEditor" | "children" | "tooltipComponent" | "headerTooltip" | "actionFrameComponent" | "filterParams" | "headerComponent" | "headerCellComponent"> & {
     cellRenderer?: CellRenderer | NgComponent;
     cellEditor?: CellEditor | NgComponent;
     tooltipComponent?: TooltipComponent | NgComponent;
     headerTooltip?: string | TooltipComponent | NgComponent;
     actionFrameComponent?: ActionFrameComponent | NgComponent;
     filterParams?: NgFilterParams;
+    headerComponent?: HeaderComponent | NgComponent;
+    headerCellComponent?: HeaderComponent | NgComponent;
     children?: NgColDef[];
 };
 /**
@@ -93,6 +105,12 @@ type NgColDef = Omit<ColDef, "cellRenderer" | "cellEditor" | "children" | "toolt
  * `DefaultColDef`, but its component fields may be Angular components.
  */
 type NgDefaultColDef = Omit<NgColDef, (typeof NON_DEFAULTABLE_COLDEF_KEYS)[number]>;
+/**
+ * Angular-aware shape of the partial column defs the grid layers over a synthesized column
+ * (`groupColumnDef`, `pivotResultColumnDef`): a `Partial<NgColDef>`, so component fields may be
+ * Angular components.
+ */
+type NgPartialColDef = Partial<Omit<NgColDef, "children">>;
 
 /**
  * A menu-item slot in the Angular wrapper: a plain string, a ready-made element, or an
@@ -128,7 +146,7 @@ declare class AwbGrid implements OnDestroy {
     readonly maxColumnWidth: _angular_core.InputSignal<number | undefined>;
     readonly pivotMode: _angular_core.InputSignal<boolean | undefined>;
     readonly pivotColumns: _angular_core.InputSignal<string[] | undefined>;
-    readonly pivotResultColumnDef: _angular_core.InputSignal<Partial<ColDef> | undefined>;
+    readonly pivotResultColumnDef: _angular_core.InputSignal<Partial<Omit<NgColDef, "children">> | undefined>;
     readonly maxPivotColumns: _angular_core.InputSignal<number | undefined>;
     readonly pivotColumnMoveMode: _angular_core.InputSignal<"measures" | "free" | undefined>;
     readonly autosizeColumnsOnDataChange: _angular_core.InputSignal<boolean | undefined>;
@@ -178,7 +196,7 @@ declare class AwbGrid implements OnDestroy {
     readonly quickFilter: _angular_core.InputSignal<boolean | _agility_workbench_grid.QuickFilterOptions | undefined>;
     readonly filterDebounceMs: _angular_core.InputSignal<number | undefined>;
     readonly groupDisplayType: _angular_core.InputSignal<_agility_workbench_grid.GroupDisplayType | undefined>;
-    readonly groupColumnDef: _angular_core.InputSignal<Partial<ColDef> | undefined>;
+    readonly groupColumnDef: _angular_core.InputSignal<Partial<Omit<NgColDef, "children">> | undefined>;
     readonly groupDefaultExpanded: _angular_core.InputSignal<number | undefined>;
     readonly groupSortMode: _angular_core.InputSignal<_agility_workbench_grid.GroupSortMode | undefined>;
     readonly groupRowsSelectable: _angular_core.InputSignal<boolean | undefined>;
@@ -280,6 +298,13 @@ declare class AwbGrid implements OnDestroy {
      * rebuild UI on re-application skip their first run via `keyedEffect`.
      */
     private startSyncEffects;
+    /**
+     * Development only. Creation-only inputs are read once, by createGrid; a later change to one is
+     * ignored. Instead of letting that change vanish silently, warn once per input (per grid
+     * instance), comparing against the value the grid was created with. The input list is core's
+     * creation-only key list, intersected with the inputs this component declares.
+     */
+    private startCreationOnlyWarnings;
     /**
      * Effect helper: `read` runs tracked (signal reads register dependencies) and returns the core
      * call to make, or null to skip; the call itself runs outside the Angular zone so core-side
@@ -299,4 +324,4 @@ declare class AwbGrid implements OnDestroy {
 }
 
 export { AwbGrid };
-export type { IActionFrameNgComp, ICellEditorNgComp, ICellRendererNgComp, ISetFilterGroupNgComp, ISetFilterSpecialValueNgComp, ISetFilterValueNgComp, ITooltipNgComp, NgColDef, NgComponent, NgDefaultColDef, NgFilterParams, NgGetRowPresentation, NgMenuItem, NgMenuSlot, NgRowPresentation, NgRowTooltipPresentation };
+export type { IActionFrameNgComp, ICellEditorNgComp, ICellRendererNgComp, IHeaderNgComp, ISetFilterGroupNgComp, ISetFilterSpecialValueNgComp, ISetFilterValueNgComp, ITooltipNgComp, NgColDef, NgComponent, NgDefaultColDef, NgFilterParams, NgGetRowPresentation, NgMenuItem, NgMenuSlot, NgPartialColDef, NgRowPresentation, NgRowTooltipPresentation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agility-workbench/angular-grid",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "description": "Angular bindings for @agility-workbench/grid — a high-performance data grid. Supports Angular 20.3 through 22.",
   "license": "MIT",
   "author": "Himanshu M",
@@ -33,7 +33,7 @@
     "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
   },
   "dependencies": {
-    "@agility-workbench/grid": "^1.10.0",
+    "@agility-workbench/grid": "^1.11.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {