@genesislcap/grid-pro 14.157.1-alpha-e60ad86.0 → 14.158.1-forms-deepclone.2

package/dist/esm/grid-pro.js

@@ -45,6 +45,24 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         this.classNames = classNames(agThemeTokenMapClassname(newValue), newValue);
         this.insertFontFace(newValue);
     }
+    getfilterModel() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.persistFilterModelKey) {
+                return this._filterConfig;
+            }
+            const filterModel = yield this.statePersistence.getFilterModel(this.persistFilterModelKey);
+            return filterModel;
+        });
+    }
+    setFilterModel(value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.persistFilterModelKey) {
+                this._filterConfig = value;
+                return;
+            }
+            yield this.statePersistence.saveFilterModel(this.persistFilterModelKey, value);
+        });
+    }
     constructor() {
         super();
         // Genesis-specific attrs
@@ -94,7 +112,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         this.theme = AgGridTheme.alpine;
         this.rehydrationAttempted = false;
         this.gridEventsQueue = [];
-        this.filterConfig = undefined;
+        this._filterConfig = undefined;
         this.agAttributes = {};
         this.agPropertiesMap = ComponentUtil.ALL_PROPERTIES.reduce((map, property) => {
             map[property.toLowerCase()] = property;
@@ -145,7 +163,6 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        this.cacheFilterConfig();
         this.rehydrationAttempted = false;
         const shouldRunDisconnect = this.shouldRunDisconnect;
         DOM.queueUpdate(() => {
@@ -243,14 +260,17 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
     }
     cacheFilterConfig() {
         var _a;
-        this.filterConfig = ((_a = this.gridApi) === null || _a === void 0 ? void 0 : _a.getFilterModel()) || undefined;
+        this.setFilterModel(((_a = this.gridApi) === null || _a === void 0 ? void 0 : _a.getFilterModel()) || undefined);
     }
     restoreCachedFilterConfig() {
         var _a, _b;
-        if (typeof this.filterConfig !== 'undefined') {
-            (_a = this.gridApi) === null || _a === void 0 ? void 0 : _a.setFilterModel(this.filterConfig);
-            (_b = this.gridApi) === null || _b === void 0 ? void 0 : _b.onFilterChanged();
-        }
+        return __awaiter(this, void 0, void 0, function* () {
+            const filterModel = yield this.getfilterModel();
+            if (typeof filterModel !== 'undefined') {
+                (_a = this.gridApi) === null || _a === void 0 ? void 0 : _a.setFilterModel(filterModel);
+                (_b = this.gridApi) === null || _b === void 0 ? void 0 : _b.onFilterChanged();
+            }
+        });
     }
     /**
      * @public
@@ -265,6 +285,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
     }
     set gridOptions(options) {
         const debounceSaveColumnState = debounce(this.saveColumnState.bind(this), DEBOUNCE_TIME);
+        const debouceSaveFiltermodel = debounce(this.cacheFilterConfig.bind(this), DEBOUNCE_TIME);
         const globalEventListener = this.globalEventListener.bind(this);
         const gridOnChangeCallback = () => {
             debounceSaveColumnState();
@@ -276,7 +297,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
                 return;
             this.agAttributes[attrName] = attribute.value;
         });
-        const { columnDefs, components, defaultColDef, onGridReady, onFirstDataRendered } = options, rest = __rest(options, ["columnDefs", "components", "defaultColDef", "onGridReady", "onFirstDataRendered"]);
+        const { columnDefs, components, defaultColDef, onGridReady, onFilterChanged } = options, rest = __rest(options, ["columnDefs", "components", "defaultColDef", "onGridReady", "onFilterChanged"]);
         const derivedOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.gridOptionsConfig), { defaultColDef: Object.assign({ enableCellChangeFlash: this.enableCellFlashing, filter: true, resizable: true, sortable: true }, defaultColDef), components: this.combineAllGridComponents(components), suppressDragLeaveHidesColumns: true }), this.eventsAndCallbacks), { onGridReady: (event) => {
                 var _a, _b;
                 this.gridApi = (_a = options.api) !== null && _a !== void 0 ? _a : event.api;
@@ -295,12 +316,12 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
                 });
                 this.restoreColumnState.bind(this)();
                 this.debouncedColumnAutosize.bind(this)();
-            }, onFirstDataRendered: (event) => {
-                this.restoreCachedFilterConfig.bind(this)();
-                if (onFirstDataRendered) {
-                    onFirstDataRendered(event);
+            }, onColumnPinned: gridOnChangeCallback, onColumnResized: gridOnChangeCallback, onColumnMoved: gridOnChangeCallback, onDisplayedColumnsChanged: gridOnChangeCallback, onFilterChanged: (filterChangedEvent) => {
+                debouceSaveFiltermodel();
+                if (onFilterChanged) {
+                    onFilterChanged(filterChangedEvent);
                 }
-            }, onColumnPinned: gridOnChangeCallback, onColumnResized: gridOnChangeCallback, onColumnMoved: gridOnChangeCallback, onDisplayedColumnsChanged: gridOnChangeCallback, onFilterChanged: gridOnChangeCallback, onGridSizeChanged: gridOnChangeCallback, onSortChanged: gridOnChangeCallback }), rest);
+            }, onGridSizeChanged: gridOnChangeCallback, onSortChanged: gridOnChangeCallback }), rest);
         if (this.gridProDatasource) {
             derivedOptions.columnDefs = columnDefs;
             this.initGridOptions(derivedOptions, globalEventListener);
@@ -513,6 +534,9 @@ __decorate([
 __decorate([
     attr({ attribute: 'persist-column-state-key' })
 ], GridPro.prototype, "persistColumnStateKey", void 0);
+__decorate([
+    attr({ attribute: 'persist-filter-model-key' })
+], GridPro.prototype, "persistFilterModelKey", void 0);
 __decorate([
     attr({ attribute: 'header-case-type' })
 ], GridPro.prototype, "headerCaseType", void 0);

package/dist/esm/state-persistence/kv-state.js

@@ -49,6 +49,27 @@ export class KVStorageStatePersistence {
             }
         });
     }
+    getFilterModel(persistFilterModelKey) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            const kvFilterModel = yield this.kvStorage.get(persistFilterModelKey);
+            const storagetFilterModel = kvFilterModel ? (_b = (_a = kvFilterModel[0]) === null || _a === void 0 ? void 0 : _a.kv) === null || _b === void 0 ? void 0 : _b.value : undefined;
+            if (storagetFilterModel) {
+                return JSON.parse(storagetFilterModel);
+            }
+            return [];
+        });
+    }
+    saveFilterModel(persistFilterModelKey, filterModel) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.kvStorage.put([
+                {
+                    key: persistFilterModelKey,
+                    value: JSON.stringify(filterModel),
+                },
+            ]);
+        });
+    }
 }
 __decorate([
     KVStorage

package/dist/esm/state-persistence/local-state.js

@@ -24,6 +24,25 @@ export class LocalStorageStatePersistence {
             this.session.setLocalStorageItem('gridOptions', JSON.stringify(existingOptions));
         });
     }
+    getFilterModel(persistFilterModelKey) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const localStorageGridOptions = this.session.getLocalStorageItem('gridOptions');
+            if (localStorageGridOptions) {
+                const allGridOptions = JSON.parse(localStorageGridOptions);
+                if (persistFilterModelKey in allGridOptions) {
+                    return JSON.parse(allGridOptions[persistFilterModelKey]);
+                }
+            }
+            return {};
+        });
+    }
+    saveFilterModel(persistFilterModelKey, filterModel) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const existingOptions = JSON.parse(this.session.getLocalStorageItem('gridOptions') || '{}');
+            existingOptions[persistFilterModelKey] = JSON.stringify(filterModel);
+            this.session.setLocalStorageItem('gridOptions', JSON.stringify(existingOptions));
+        });
+    }
 }
 __decorate([
     Session