update: selecting only filtered elements if necessary

npm/ng-packs/packages/permission-management/src/lib/components/permission-management.component.ts

@@ -160,27 +160,28 @@ export class PermissionManagementComponent
 
   permissionGroups = computed(() => {
     const search = this.filter().toLowerCase().trim();
-    const groups = this.permissionGroupSignal();
+    let groups = this.permissionGroupSignal();
 
     if (!search) {
       return groups;
     }
 
     const includesSearch = text => text.toLowerCase().includes(search);
-    const matchingGroups = groups.filter(group =>
+    groups = groups.filter(group =>
       group.permissions.some(
         permission => includesSearch(permission.displayName) || includesSearch(group.displayName),
       ),
     );
 
-    if (matchingGroups.length) {
+    if (groups.length) {
-      this.setSelectedGroup(matchingGroups[0]);
+      this.setSelectedGroup(groups[0]);
       this.disabledSelectAllInAllTabs = false;
-      return matchingGroups;
     } else {
       this.disabledSelectAllInAllTabs = true;
       this.selectedGroupPermissions = [];
     }
+
+    return groups;
   });
 
   trackByFn: TrackByFunction<PermissionGroupDto> = (_, item) => item.name;
@@ -369,27 +370,38 @@ export class PermissionManagementComponent
   }
 
   onClickSelectAll() {
-    // TODO: To be updated for the latest point
+    if (this.filter()) {
-    // const filteredPermissions = getPermissions(this.permissionGroups());
+      this.permissionGroups().forEach(group => {
-
+        group.permissions.forEach(permission => {
-    // if (filteredPermissions) {
+          if (
-    //   this.permissions = filteredPermissions;
+            permission.isGranted &&
-    // }
+            this.isGrantedByOtherProviderName(permission.grantedProviders)
-
+          )
-    this.permissions = this.permissions.map(permission => ({
+            return;
-      ...permission,
+
-      isGranted:
+          const index = this.permissions.findIndex(per => per.name === permission.name);
-        this.isGrantedByOtherProviderName(permission.grantedProviders) || !this.selectAllTab,
+
-    }));
+          this.permissions = [
-    // .filter(permission => {
+            ...this.permissions.slice(0, index),
-    //   return filteredPermissions.find(
+            { ...this.permissions[index], isGranted: !this.selectAllTab },
-    //     filteredPermission => filteredPermission.name === permission.name,
+            ...this.permissions.slice(index + 1),
-    //   );
+          ];
-    // });
+        });
+      });
+    } else {
+      this.permissions = this.permissions.map(permission => ({
+        ...permission,
+        isGranted:
+          this.isGrantedByOtherProviderName(permission.grantedProviders) || !this.selectAllTab,
+      }));
+    }
 
     if (!this.disableSelectAllTab) {
       this.selectThisTab = !this.selectAllTab;
       this.setTabCheckboxState();
+      if (this.filter()) {
+        this.setGrantCheckboxState();
+      }
     }
     this.onChangeGroup(this.selectedGroup);
   }