fix: expression property setters replace state instead of being additive (#60)

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: damyanpetev <damyanpetev@users.noreply.github.com>

Author: Copilot

src/components/grid.ts

@@ -243,7 +243,8 @@ export class IgcGridLite<T extends object = any> extends EventEmitterBase<IgcGri
    * Set the sort state for the grid.
    */
   public set sortingExpressions(expressions: SortingExpression<T>[]) {
-    if (this.hasUpdated && expressions.length) {
+    this._stateController.sorting.reset();
+    if (this.hasUpdated) {
       this.sort(expressions);
     } else {
       for (const expr of expressions) {
@@ -264,7 +265,8 @@ export class IgcGridLite<T extends object = any> extends EventEmitterBase<IgcGri
    * Set the filter state for the grid.
    */
   public set filterExpressions(expressions: FilterExpression<T>[]) {
-    if (this.hasUpdated && expressions.length) {
+    this._stateController.filtering.reset();
+    if (this.hasUpdated) {
       this.filter(expressions);
     } else {
       this._stateController.filtering.setRaw(expressions);
@@ -381,9 +383,7 @@ export class IgcGridLite<T extends object = any> extends EventEmitterBase<IgcGri
       expr.condition = (getFilterOperandsFor(this.getColumn(expr.key)!) as any)[expr.condition];
     }
 
-    if (expressions.length) {
-      this._stateController.filtering.filter(expressions);
-    }
+    this._stateController.filtering.filter(expressions);
   }
 
   /**

test/grid.properties.test.ts

@@ -146,6 +146,52 @@ describe('Grid properties', () => {
     expect(TDD.rows.first.data.id).to.equal(8);
   });
 
+  it('Sort expressions late binding replaces previous state', async () => {
+    await TDD.updateProperty('sortingExpressions', [{ key: 'id', direction: 'descending' }]);
+    expect(TDD.grid.sortingExpressions).lengthOf(1);
+    expect(TDD.rows.first.data.id).to.equal(8);
+
+    await TDD.updateProperty('sortingExpressions', [{ key: 'name', direction: 'ascending' }]);
+    expect(TDD.grid.sortingExpressions).lengthOf(1);
+    expect(TDD.grid.sortingExpressions[0].key).to.equal('name');
+  });
+
+  it('Sort expressions late binding clears state with empty array', async () => {
+    await TDD.updateProperty('sortingExpressions', [{ key: 'id', direction: 'descending' }]);
+    expect(TDD.grid.sortingExpressions).lengthOf(1);
+
+    await TDD.updateProperty('sortingExpressions', []);
+    expect(TDD.grid.sortingExpressions).lengthOf(0);
+  });
+
+  it('Filter expressions late binding replaces previous state', async () => {
+    await TDD.updateColumns({ field: 'id', dataType: 'number' });
+    await TDD.updateProperty('filterExpressions', [
+      { key: 'id', condition: 'greaterThanOrEqual', searchTerm: 8 },
+    ]);
+    expect(TDD.grid.filterExpressions).lengthOf(1);
+    expect(TDD.grid.totalItems).to.equal(1);
+
+    await TDD.updateProperty('filterExpressions', [
+      { key: 'name', condition: 'startsWith', searchTerm: 'A' },
+    ]);
+    expect(TDD.grid.filterExpressions).lengthOf(1);
+    expect(TDD.grid.filterExpressions[0].key).to.equal('name');
+  });
+
+  it('Filter expressions late binding clears state with empty array', async () => {
+    await TDD.updateColumns({ field: 'id', dataType: 'number' });
+    await TDD.updateProperty('filterExpressions', [
+      { key: 'id', condition: 'greaterThanOrEqual', searchTerm: 8 },
+    ]);
+    expect(TDD.grid.filterExpressions).lengthOf(1);
+    expect(TDD.grid.totalItems).to.equal(1);
+
+    await TDD.updateProperty('filterExpressions', []);
+    expect(TDD.grid.filterExpressions).lengthOf(0);
+    expect(TDD.grid.totalItems).to.equal(data.length);
+  });
+
   it('Sort expressions (get)', async () => {
     await TDD.sort([
       { key: 'name', direction: 'descending' },