@zeedhi/teknisa-components-common 1.86.1 → 1.87.1

package/dist/tek-components-common.esm.js

@@ -955,6 +955,9 @@ class GridBase {
         ];
     }
     addButtonClick({ event }) {
+        if (this.grid.editNewRowsOnly) {
+            this.grid.editingNewRows = true;
+        }
         this.grid.callEvent('addClick', { component: this.grid, event });
     }
     deleteButtonClick({ event }) {
@@ -976,14 +979,22 @@ class GridBase {
     saveChanges({ event }) {
         this.grid.callEvent('beforeSave', { component: this.grid, event });
         if (!event.defaultPrevented) {
-            this.grid.saveEditedRows();
+            const save = (() => __awaiter(this, void 0, void 0, function* () {
+                yield this.grid.saveEditedRows();
+                this.grid.editingNewRows = false;
+            }));
+            save();
             this.grid.callEvent('afterSave', { component: this.grid });
         }
     }
     cancelChanges({ event }) {
         this.grid.callEvent('beforeCancel', { component: this.grid, event });
         if (!event.defaultPrevented) {
-            this.grid.cancelEditedRows();
+            const cancel = (() => __awaiter(this, void 0, void 0, function* () {
+                yield this.grid.cancelEditedRows();
+                this.grid.editingNewRows = false;
+            }));
+            cancel();
             this.grid.callEvent('afterCancel', { component: this.grid });
         }
     }
@@ -2415,6 +2426,7 @@ class TekGrid extends GridEditable {
         this.groupColumns = [];
         this.groupedData = [];
         this.toolbarSlotProps = false;
+        this.editNewRowsOnly = false;
         this.defaultLazy = false;
         this.groups = [];
         this.summary = {};
@@ -2445,6 +2457,7 @@ class TekGrid extends GridEditable {
         this.exportActions = props.exportActions || this.exportActions;
         this.groupsOpened = this.getInitValue('groupsOpened', props.groupsOpened, this.groupsOpened);
         this.showSummaryTotal = this.getInitValue('showSummaryTotal', props.showSummaryTotal, this.showSummaryTotal);
+        this.editNewRowsOnly = this.getInitValue('editNewRowsOnly', props.editNewRowsOnly, this.editNewRowsOnly);
         this.mainGrid = this.getInitValue('mainGrid', props.mainGrid, this.mainGrid);
         this.actions = props.actions || this.actions;
         this.toolbarSlotProps = props.toolbarSlot !== undefined;

package/dist/tek-components-common.umd.js

@@ -960,6 +960,9 @@
           ];
       }
       addButtonClick({ event }) {
+          if (this.grid.editNewRowsOnly) {
+              this.grid.editingNewRows = true;
+          }
           this.grid.callEvent('addClick', { component: this.grid, event });
       }
       deleteButtonClick({ event }) {
@@ -981,14 +984,22 @@
       saveChanges({ event }) {
           this.grid.callEvent('beforeSave', { component: this.grid, event });
           if (!event.defaultPrevented) {
-              this.grid.saveEditedRows();
+              const save = (() => __awaiter(this, void 0, void 0, function* () {
+                  yield this.grid.saveEditedRows();
+                  this.grid.editingNewRows = false;
+              }));
+              save();
               this.grid.callEvent('afterSave', { component: this.grid });
           }
       }
       cancelChanges({ event }) {
           this.grid.callEvent('beforeCancel', { component: this.grid, event });
           if (!event.defaultPrevented) {
-              this.grid.cancelEditedRows();
+              const cancel = (() => __awaiter(this, void 0, void 0, function* () {
+                  yield this.grid.cancelEditedRows();
+                  this.grid.editingNewRows = false;
+              }));
+              cancel();
               this.grid.callEvent('afterCancel', { component: this.grid });
           }
       }
@@ -2420,6 +2431,7 @@
           this.groupColumns = [];
           this.groupedData = [];
           this.toolbarSlotProps = false;
+          this.editNewRowsOnly = false;
           this.defaultLazy = false;
           this.groups = [];
           this.summary = {};
@@ -2450,6 +2462,7 @@
           this.exportActions = props.exportActions || this.exportActions;
           this.groupsOpened = this.getInitValue('groupsOpened', props.groupsOpened, this.groupsOpened);
           this.showSummaryTotal = this.getInitValue('showSummaryTotal', props.showSummaryTotal, this.showSummaryTotal);
+          this.editNewRowsOnly = this.getInitValue('editNewRowsOnly', props.editNewRowsOnly, this.editNewRowsOnly);
           this.mainGrid = this.getInitValue('mainGrid', props.mainGrid, this.mainGrid);
           this.actions = props.actions || this.actions;
           this.toolbarSlotProps = props.toolbarSlot !== undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/teknisa-components-common",
-  "version": "1.86.1",
+  "version": "1.87.1",
   "description": "Teknisa Components Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -31,5 +31,5 @@
   "peerDependencies": {
     "@zeedhi/core": "*"
   },
-  "gitHead": "b54e5e96828000e083117c116900a0467a72aeae"
+  "gitHead": "c2f902e06ac4f4a54e5ba6e00910af289ae218ec"
 }

package/tests/unit/components/tek-grid/grid.spec.ts

@@ -563,6 +563,7 @@ describe('TekGrid', () => {
         name: 'grid_addClick1',
         component: 'TekGrid',
         addButton: true,
+        editNewRowsOnly: true,
       });
 
       instance.onCreated();
@@ -578,6 +579,7 @@ describe('TekGrid', () => {
           instance.events = {
             addClick: () => { addClickCalled = true; },
           };
+          expect(instance.editingNewRows).toBeTruthy();
           button.click(event, {} as HTMLElement);
           expect(addClickCalled).toBeTruthy();
           expect(button.isVisible).toBeTruthy();

package/types/components/tek-grid/grid.d.ts

@@ -70,6 +70,7 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
     private gridBase;
     filterRelationsDatasource: Datasource;
     filterOperationsDatasource: Datasource;
+    editNewRowsOnly: boolean;
     protected keyShortcutKeyMapping: any;
     /**
      * TekGrid class constructor