Merge pull request #456 from UiPath/feat/react_on_max_filters_count

Feat: react on max filters count

CHANGELOG.md

@@ -1,3 +1,6 @@
+# v15.1.6 (2024-07-02)
+* **grid** react on max filters count changes
+
 # v15.1.5 (2024-05-02)
 * **grid** allow adding a custom search component via a template
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-components",
-  "version": "15.1.5",
+  "version": "15.1.6",
   "author": {
     "name": "UiPath Inc",
     "url": "https://uipath.com"

projects/angular/components/ui-grid/src/ui-grid.component.ts

@@ -449,8 +449,9 @@ export class UiGridComponent<T extends IGridDataEntry>
      *
      */
     @Input()
-    maxSelectedFilterValues = Infinity;
-
+    set maxSelectedFilterValues(value: number) {
+        this.maxSelectedFilterValues$.next(value);
+    }
     /**
      * Configure if the pagination should be selectable
      *
@@ -758,6 +759,12 @@ export class UiGridComponent<T extends IGridDataEntry>
         }),
     );
 
+    /**
+     * Emits current max selected filter values count
+     *
+     */
+    maxSelectedFilterValues$ = new BehaviorSubject(Infinity);
+
     /**
      * Emits the id of the entity that should be highlighted.
      *
@@ -859,8 +866,12 @@ export class UiGridComponent<T extends IGridDataEntry>
     );
 
     disableFilterSelection$ = defer(() => this.filterManager.activeFilterValueCount$.pipe(
-        map(count => count >= this.maxSelectedFilterValues)),
-    ).pipe(shareReplay(1));
+        switchMap(count => this.maxSelectedFilterValues$
+            .pipe(
+                map(max => count >= max),
+        )),
+        distinctUntilChanged(),
+    )).pipe(shareReplay(1));
 
     readonly Infinity = Infinity;
     protected _destroyed$ = new Subject<void>();

projects/angular/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uipath/angular",
-    "version": "15.1.5",
+    "version": "15.1.6",
     "license": "MIT",
     "author": {
         "name": "UiPath Inc",