ngx-redi-core 1.0.5 → 1.0.8

package/RediGrid/src/modules/redi-grid/redi-grid.component.ts

@@ -2,7 +2,7 @@ import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { AfterViewInit, Component, Input, ViewChild } from '@angular/core';
 
 @Component({
-  selector: 'mf-spreadsheet',
+  selector: 'redi-grid',
   templateUrl: './redi-grid.component.html',
   styleUrls: ['./redi-grid.component.css']
 })

package/RediTable/ng-package.json

@@ -2,8 +2,5 @@
     "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
     "lib": {
       "entryFile": "public-api.ts"
-    },
-    "allowedNonPeerDependencies": [
-        "@angular/material"
-    ]
+    }
   }

package/RediTable/src/modules/redi-table/redi-table.component.html

@@ -9,8 +9,7 @@
                 <th mat-header-cell *matHeaderCellDef>
                     <mat-checkbox (change)="$event ? toggleAllRows() : null"
                         [checked]="dataTable.selection.hasValue() && isAllSelected()"
-                        [indeterminate]="dataTable.selection.hasValue() && !isAllSelected()"
-                        [aria-label]="checkboxLabel()">
+                        [indeterminate]="dataTable.selection.hasValue() && !isAllSelected()">
                     </mat-checkbox>
                 </th>
                 <td mat-cell *matCellDef="let row">
@@ -29,7 +28,7 @@
                     <td mat-cell *matCellDef="let element"> {{element[column.key]}} </td>
                 </ng-container>
             </ng-container>
-            <ng-container *ngIf="actions" matColumnDef="actions" stickyEnd>
+            <ng-container *ngIf="showActions()" matColumnDef="actions" stickyEnd>
                 <th mat-header-cell *matHeaderCellDef aria-label="row actions">&nbsp;</th>
                 <td mat-cell *matCellDef="let element">
                     <button mat-icon-button color="primary" *ngFor="let action of dataTable.actions"

package/RediTable/src/modules/redi-table/redi-table.component.ts

@@ -22,8 +22,6 @@ export class RediTableComponent<T> implements AfterViewInit, OnChanges {
   @Input()
   public sortData: boolean = false;
 
-  public actions: boolean = false;
-
   @Input()
   public dataTable: DataTable<T>;
 
@@ -101,8 +99,7 @@ export class RediTableComponent<T> implements AfterViewInit, OnChanges {
         }
       }
       this.displayedColumns.push(...this.colsEntities.map(item => { return item.key }));
-      this.actions = this.dataTable.actions && this.dataTable.actions.length > 0;
-      if (this.actions) {
+      if (this.showActions()) {
         this.displayedColumns.push('actions')
       }
       this.dataSource.sort = this.sort;
@@ -110,6 +107,10 @@ export class RediTableComponent<T> implements AfterViewInit, OnChanges {
     this.translatePaginator();
   }
 
+  public showActions(): boolean {
+    return this.dataTable.actions && this.dataTable.actions.length > 0;
+  }
+
   private translatePaginator() {
     this.paginator._intl.itemsPerPageLabel = 'Elementos por pagina';
     this.paginator._intl.firstPageLabel = 'Primera pagina';
@@ -123,9 +124,8 @@ export class RediTableComponent<T> implements AfterViewInit, OnChanges {
   }
 
   isSortActive() {
-    if (!this.sortData) {
+    if (!this.sortData && this.sort) {
       this.sort.direction = '';
-      this.sort
     }
     return !this.sortData
   }
@@ -143,7 +143,7 @@ export class RediTableComponent<T> implements AfterViewInit, OnChanges {
     const numRows = this.dataSource.data.length;
     return numSelected === numRows;
   }
-
+  
   checkboxLabel(row?: any): string {
     if (!row) {
       return `${this.isAllSelected() ? 'deselect' : 'select'} all`;

package/package.json

@@ -1,17 +1,37 @@
 {
   "name": "ngx-redi-core",
-  "version": "1.0.5",
+  "version": "1.0.8",
   "peerDependencies": {
+    "@angular/cdk": "^15.2.9",
+    "@angular/animations": "^15.2.9",
     "@angular/common": "^15.2.9",
+    "@angular/compiler": "^15.2.9",
     "@angular/core": "^15.2.9",
-    "@angular-devkit/build-angular": "^15.2.8"
+    "@angular/forms": "^15.2.9",
+    "@angular/material": "^15.2.9",
+    "@angular/platform-browser": "^15.2.9",
+    "@angular/platform-browser-dynamic": "^15.2.9",
+    "@angular/router": "^15.2.9",
+    "rxjs": "~7.8.1",
+    "zone.js": "~0.13.0"
   },
   "dependencies": {
     "tslib": "^2.5.0"
   },
   "devDependencies": {
-    "@angular/cdk": "^15.2.9"
+    "@angular/cdk": "^15.2.9",
+    "@angular/animations": "^15.2.9",
+    "@angular/common": "^15.2.9",
+    "@angular/compiler": "^15.2.9",
+    "@angular/core": "^15.2.9",
+    "@angular/forms": "^15.2.9",
+    "@angular/material": "^15.2.9",
+    "@angular/platform-browser": "^15.2.9",
+    "@angular/platform-browser-dynamic": "^15.2.9",
+    "@angular/router": "^15.2.9",
+    "rxjs": "~7.8.1",
+    "zone.js": "~0.13.0"
   },
   "sideEffects": false,
   "allowedNonPeerDependencies": []
-}
+}