data-grid-workspace 0.0.120 → 0.0.121

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "data-grid-workspace",
-  "version": "0.0.120",
+  "version": "0.0.121",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

package/projects/data-grid/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ms-data-grid",
-  "version": "0.0.120",
+  "version": "0.0.121",
   "description": "A powerful, customizable Angular data grid component with advanced features like sorting, filtering, pagination, column pinning, and taskbar actions. Perfect for enterprise applications.",
   "keywords": [
     "angular",

package/projects/data-grid/src/lib/data-grid/data-grid.component.html

@@ -4949,8 +4949,8 @@
         >
           <div class="d-flex gap-1">
             <div style="margin-top: -3px"></div>
-            <div class="fw-semibold">
-              {{ col.header }}
+            <div class="fw-semibold text-capitalize" style="text-transform: capitalize;">
+              {{ col.header  | titlecase  }}
             </div>
           </div>
         </div>
@@ -4981,9 +4981,9 @@
       >
         <span
           *ngFor="let selected of selectedFilterOptions"
-          class="badge d-flex align-items-center gap-1 me-1 mb-1 top-row-filter-dropdown"
+          class="badge d-flex align-items-center gap-1 me-1 mb-1 top-row-filter-dropdown text-capitalize" style="text-transform: capitalize;"
         >
-          {{ selected?.value ? selected.value : selected }}
+          {{ selected?.value ? selected.value : selected | titlecase }}
           <span
             (click)="toggleSelectionInFilter(selected)"
             [inlineSVG]="
@@ -5024,8 +5024,8 @@
               [checked]="currentFilterSelectedIds.has(col.id || col._id || col)"
               (change)="toggleSelectionInFilter(col)"
             />
-            <label class="form-check-label fw-semibold" [for]="i">
-              {{ col?.value || col?.name || col }}
+            <label class="form-check-label fw-semibold text-capitalize" style="text-transform: capitalize;" [for]="i">
+              {{ col?.value || col?.name || col | titlecase  }}
             </label>
           </div>
         </div>

package/projects/data-grid/src/lib/data-grid/data-grid.component.ts

@@ -422,6 +422,7 @@ export class DataGridComponent implements OnChanges, AfterViewInit, OnInit, Afte
   // Table Config for paginations is here
   @Input() config: any;
 
+  @Input() selectedTab: string = '';
 
   // Selection task bar
   @Input() showTaskbar = false
@@ -849,7 +850,9 @@ export class DataGridComponent implements OnChanges, AfterViewInit, OnInit, Afte
     if (changes['tabs']) {
       if (changes['tabs']) {
         const allTabs = JSON.parse(localStorage.getItem('activeTabs') || '{}');
-        const savedTab = allTabs[this.tableType];
+         let savedTab 
+         this.selectedTab ? ( savedTab = this.selectedTab ) : ( savedTab = allTabs[this.tableType])
+        // const savedTab = allTabs[this.tableType];
         if (this.tabs.includes('Current Policy')) {
           this.activeTab = this.tabs?.[1] || 'Current Policy';
         } else {
@@ -4224,7 +4227,9 @@ private findColumn(columns: any[], field: string): any {
       data: { ...originValue },
       eventType: 'onCellEdit',
       value: value,
-      column: column
+      column: column,
+      type: this.tableType,
+      values: column.type == 'array' ? [value] : undefined
     };
     return this.genericEvent.emit(sendObj)
     // }, 100);
@@ -5885,6 +5890,7 @@ private findColumn(columns: any[], field: string): any {
       this.genericEvent.emit({
         data: updatedRows?.updateRows,
         eventType: 'onCellEdit',
+        type: this.tableType,
         column: updatedRows?.currentColums
       });
     }