[IMP] pivot: persist defer update

Add the defer update option to the pivot core definition so it
is persisted when re-opening the side panel.

Task: 4080797

src/components/side_panel/pivot/pivot_side_panel/pivot_side_panel_store.ts

@@ -17,10 +17,12 @@ import {
 export class PivotSidePanelStore extends SpreadsheetStore {
   mutators = ["reset", "deferUpdates", "applyUpdate", "discardPendingUpdate", "update"] as const;
 
-  private updatesAreDeferred: boolean = false;
+  private updatesAreDeferred: boolean;
   private draft: PivotCoreDefinition | null = null;
   constructor(get: Get, private pivotId: UID) {
     super(get);
+    this.updatesAreDeferred =
+      this.getters.getPivotCoreDefinition(this.pivotId).deferUpdates ?? false;
   }
 
   handle(cmd: Command) {
@@ -123,10 +125,13 @@ export class PivotSidePanelStore extends SpreadsheetStore {
   }
 
   deferUpdates(shouldDefer: boolean) {
-    this.updatesAreDeferred = shouldDefer;
     if (shouldDefer === false && this.draft) {
+      this.draft.deferUpdates = false;
       this.applyUpdate();
+    } else {
+      this.update({ deferUpdates: shouldDefer });
     }
+    this.updatesAreDeferred = shouldDefer;
   }
 
   applyUpdate() {

src/types/pivot.ts

@@ -56,6 +56,7 @@ export interface CommonPivotCoreDefinition {
   rows: PivotCoreDimension[];
   measures: PivotCoreMeasure[];
   name: string;
+  deferUpdates?: boolean;
 }
 
 export interface SpreadsheetPivotCoreDefinition extends CommonPivotCoreDefinition {

tests/pivots/spreadsheet_pivot/spreadsheet_pivot_side_panel.test.ts

@@ -305,6 +305,21 @@ describe("Spreadsheet pivot side panel", () => {
     expect(fixture.querySelectorAll(".pivot-dimension")).toHaveLength(0);
   });
 
+  test("defer update option is persistent", async () => {
+    const pivotId = model.getters.getPivotIds()[0];
+    expect(".pivot-defer-update input").toHaveValue(false);
+    expect(model.getters.getPivotCoreDefinition(pivotId).deferUpdates).toBeFalsy();
+
+    await click(fixture, ".pivot-defer-update input");
+    expect(".pivot-defer-update input").toHaveValue(true);
+    expect(model.getters.getPivotCoreDefinition(pivotId).deferUpdates).toBeTruthy();
+
+    await click(fixture, ".o-sidePanelClose");
+    env.openSidePanel("PivotSidePanel", { pivotId });
+    await nextTick();
+    expect(".pivot-defer-update input").toHaveValue(true);
+  });
+
   test("Measures have the correct default aggregator", async () => {
     setCellContent(model, "A1", "amount");
     setCellContent(model, "A2", "10");