@skyux/ag-grid 13.16.0 → 13.16.2

package/fesm2022/skyux-ag-grid.mjs

@@ -7,7 +7,7 @@ import { SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
 import { toSignal, toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@skyux/core';
 import { SkyMutationObserverService, SkyIdModule, SkyViewkeeperModule, SkyMediaQueryService, SkyResizeObserverService, SkyAffixModule, SkyOverlayService, SkyScrollableHostService, SKY_STACKING_CONTEXT, SkyNumericModule, SkyDynamicComponentService, SkyDynamicComponentLocation, SkyLogService } from '@skyux/core';
-import { SkyDataManagerService } from '@skyux/data-manager';
+import { SkyDataManagerService, SkyDataManagerState, SkyDataViewState } from '@skyux/data-manager';
 import { Subject, BehaviorSubject, ReplaySubject, takeUntil, combineLatest, distinctUntilChanged, of, take, map, switchMap, filter, fromEvent, Subscription, merge, startWith, scan, first, fromEventPattern, isObservable, observeOn, asyncScheduler } from 'rxjs';
 import * as i2$4 from '@skyux/theme';
 import { SkyThemeService, SkyThemeModule } from '@skyux/theme';
@@ -894,7 +894,7 @@ class SkyAgGridDataManagerAdapterDirective {
                 const viewConfig = this.#viewConfig();
                 if (viewConfig && this.#currentDataState) {
                     const row = event.node;
-                    const selectedIds = this.#currentDataState.selectedIds || [];
+                    const selectedIds = [...(this.#currentDataState.selectedIds || [])];
                     const rowIndex = selectedIds.indexOf(row.data.id);
                     if (row.isSelected() && rowIndex === -1) {
                         selectedIds.push(row.data.id);
@@ -902,8 +902,10 @@ class SkyAgGridDataManagerAdapterDirective {
                     else if (!row.isSelected() && rowIndex !== -1) {
                         selectedIds.splice(rowIndex, 1);
                     }
-                    this.#currentDataState.selectedIds = selectedIds;
-                    this.#dataManagerSvc.updateDataState(this.#currentDataState, viewConfig.id);
+                    const newState = new SkyDataManagerState(this.#currentDataState.getStateOptions());
+                    newState.selectedIds = selectedIds;
+                    this.#currentDataState = newState;
+                    this.#dataManagerSvc.updateDataState(newState, viewConfig.id);
                     this.#changeDetector.markForCheck();
                 }
             });
@@ -913,9 +915,10 @@ class SkyAgGridDataManagerAdapterDirective {
                 const activeSortColumnState = gridColumnStates?.find((aGridColumnState) => aGridColumnState.sortIndex === 0) ??
                     gridColumnStates?.find((aGridColumnState) => aGridColumnState.sort);
                 if (viewConfig && this.#currentDataState) {
+                    const newState = new SkyDataManagerState(this.#currentDataState.getStateOptions());
                     if (activeSortColumnState) {
                         const activeSortColumnDef = agGrid.api.getColumnDef(activeSortColumnState.colId);
-                        this.#currentDataState.activeSortOption = {
+                        newState.activeSortOption = {
                             descending: activeSortColumnState.sort === 'desc',
                             id: activeSortColumnState.colId,
                             propertyName: activeSortColumnDef?.field || '',
@@ -923,9 +926,10 @@ class SkyAgGridDataManagerAdapterDirective {
                         };
                     }
                     else {
-                        this.#currentDataState.activeSortOption = undefined;
+                        newState.activeSortOption = undefined;
                     }
-                    this.#dataManagerSvc.updateDataState(this.#currentDataState, viewConfig.id);
+                    this.#currentDataState = newState;
+                    this.#dataManagerSvc.updateDataState(newState, viewConfig.id);
                 }
             });
         }
@@ -938,8 +942,11 @@ class SkyAgGridDataManagerAdapterDirective {
             if (viewState &&
                 (viewState.displayedColumnIds.length !== columnOrder.length ||
                     viewState.displayedColumnIds.some((col, i) => col !== columnOrder[i]))) {
-                viewState.displayedColumnIds = columnOrder;
-                this.#dataManagerSvc.updateDataState(this.#currentDataState.addOrUpdateView(viewConfig.id, viewState), viewConfig.id);
+                const updatedViewState = new SkyDataViewState(viewState.getViewStateOptions());
+                updatedViewState.displayedColumnIds = columnOrder;
+                const newDataState = this.#currentDataState.addOrUpdateView(viewConfig.id, updatedViewState);
+                this.#currentDataState = newDataState;
+                this.#dataManagerSvc.updateDataState(newDataState, viewConfig.id);
             }
         }
     }
@@ -993,23 +1000,26 @@ class SkyAgGridDataManagerAdapterDirective {
         const viewId = this.viewId();
         const viewState = viewId && this.#currentDataState?.getViewStateById(viewId);
         if (viewState && viewId && this.#currentDataState) {
-            const currentWidths = viewState?.columnWidths;
-            currentWidths[toColumnWidthName(breakpoint)][colId] = width;
-            viewState.columnWidths = currentWidths;
-            this.#dataManagerSvc.updateDataState(this.#currentDataState.addOrUpdateView(viewId, viewState), viewId);
+            const updatedViewState = new SkyDataViewState(viewState.getViewStateOptions());
+            updatedViewState.columnWidths[toColumnWidthName(breakpoint)][colId] =
+                width;
+            const newDataState = this.#currentDataState.addOrUpdateView(viewId, updatedViewState);
+            this.#currentDataState = newDataState;
+            this.#dataManagerSvc.updateDataState(newDataState, viewId);
         }
     }
     #removeColumnWidths(colIds) {
         const viewId = this.viewId();
         const viewState = viewId && this.#currentDataState?.getViewStateById(viewId);
         if (viewState && viewId && this.#currentDataState) {
-            const currentWidths = viewState?.columnWidths;
+            const updatedViewState = new SkyDataViewState(viewState.getViewStateOptions());
             for (const colId of colIds) {
-                delete currentWidths['xs'][colId];
-                delete currentWidths['sm'][colId];
+                delete updatedViewState.columnWidths['xs'][colId];
+                delete updatedViewState.columnWidths['sm'][colId];
             }
-            viewState.columnWidths = currentWidths;
-            this.#dataManagerSvc.updateDataState(this.#currentDataState.addOrUpdateView(viewId, viewState), viewId);
+            const newDataState = this.#currentDataState.addOrUpdateView(viewId, updatedViewState);
+            this.#currentDataState = newDataState;
+            this.#dataManagerSvc.updateDataState(newDataState, viewId);
         }
     }
     #applyColumnWidths(breakpoint) {