bways-grid 0.0.15 → 0.0.16

package/fesm2022/bways-grid.mjs

@@ -2755,6 +2755,11 @@ class UltraGridComponent {
     activeFilters = new Map();
     // Tracks condition-based filters per column
     conditionFilters = new Map();
+    /**
+     * Input to apply filters via a JSON object or string.
+     * Expected format: { activeFilters: Record<string, any[]>, conditionFilters: Record<string, ColumnConditionFilter> }
+     */
+    filterModel;
     isChooseColumnsOpen = false;
     chooseColumnsPosition = { x: 0, y: 0 };
     destroy$ = new Subject();
@@ -2803,8 +2808,6 @@ class UltraGridComponent {
             if (this.sortingWorker) {
                 this.sortingWorker.postMessage({ action: 'INIT', rows: this._mappedRowData });
             }
-            // We do not immediately `applyLocalData()` here anymore if we have a worker,
-            // because INIT needs to finish first. If no worker, we apply directly.
             if (!this.sortingWorker) {
                 this.applyLocalData();
             }
@@ -2812,6 +2815,13 @@ class UltraGridComponent {
                 this.ssrData = this.renderedLocalData.slice(0, 50);
             }
         }
+        // If filters are changed from outside (e.g. loading a report), refresh the grid
+        if (changes['activeFilters'] || changes['conditionFilters']) {
+            this.applyLocalData();
+        }
+        if (changes['filterModel'] && this.filterModel) {
+            this.applyImportedFilters(this.filterModel);
+        }
     }
     ngOnDestroy() {
         this.destroy$.next();
@@ -3628,19 +3638,29 @@ class UltraGridComponent {
     applyImportedFilters(data) {
         if (!data)
             return;
+        let parsedData = data;
+        if (typeof data === 'string') {
+            try {
+                parsedData = JSON.parse(data);
+            }
+            catch (err) {
+                console.error('Error parsing filter JSON string:', err);
+                return;
+            }
+        }
         try {
             // Restore activeFilters (Record -> Map<string, Set>)
             // Important: We create a NEW Map instance to trigger Output/Input change detection
             const newActiveFilters = new Map();
-            if (data.activeFilters) {
-                Object.keys(data.activeFilters).forEach(field => {
-                    newActiveFilters.set(field, new Set(data.activeFilters[field]));
+            if (parsedData.activeFilters) {
+                Object.keys(parsedData.activeFilters).forEach(field => {
+                    newActiveFilters.set(field, new Set(parsedData.activeFilters[field]));
                 });
             }
             this.activeFilters = newActiveFilters;
             // Restore conditionFilters (Object -> Map)
-            if (data.conditionFilters) {
-                this.conditionFilters = new Map(Object.entries(data.conditionFilters));
+            if (parsedData.conditionFilters) {
+                this.conditionFilters = new Map(Object.entries(parsedData.conditionFilters));
             }
             else {
                 this.conditionFilters = new Map();
@@ -3653,11 +3673,10 @@ class UltraGridComponent {
         }
         catch (err) {
             console.error('Error applying imported filters:', err);
-            alert('Error importing report. Please ensure the JSON file is valid.');
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UltraGridComponent, deps: [{ token: PLATFORM_ID }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: GridFlattenerService }, { token: ExcelExportService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: UltraGridComponent, isStandalone: true, selector: "bways-grid", inputs: { columns: "columns", rowData: "rowData", serverDataSource: "serverDataSource", config: "config", pagination: "pagination", pageSize: "pageSize", groupModel: "groupModel", valuesModel: "valuesModel", pivotColumns: "pivotColumns" }, outputs: { rowClicked: "rowClicked", sortChanged: "sortChanged", selectionChanged: "selectionChanged", reportSaved: "reportSaved" }, viewQueries: [{ propertyName: "headerElement", first: true, predicate: ["headerComponent"], descendants: true, read: ElementRef }, { propertyName: "viewport", first: true, predicate: ["viewport"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: UltraGridComponent, isStandalone: true, selector: "bways-grid", inputs: { columns: "columns", rowData: "rowData", serverDataSource: "serverDataSource", config: "config", pagination: "pagination", pageSize: "pageSize", groupModel: "groupModel", valuesModel: "valuesModel", pivotColumns: "pivotColumns", activeFilters: "activeFilters", conditionFilters: "conditionFilters", filterModel: "filterModel" }, outputs: { rowClicked: "rowClicked", sortChanged: "sortChanged", selectionChanged: "selectionChanged", reportSaved: "reportSaved" }, viewQueries: [{ propertyName: "headerElement", first: true, predicate: ["headerComponent"], descendants: true, read: ElementRef }, { propertyName: "viewport", first: true, predicate: ["viewport"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
     <div class="ug-wrapper" [ngClass]="config.theme || 'ag-theme-alpine'">
       
       <div class="ug-main">
@@ -3953,6 +3972,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 type: Input
             }], pivotColumns: [{
                 type: Input
+            }], activeFilters: [{
+                type: Input
+            }], conditionFilters: [{
+                type: Input
+            }], filterModel: [{
+                type: Input
             }] } });
 
 const COMPONENTS = [