@zeedhi/teknisa-components-common 1.80.0 → 1.81.0

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

@@ -908,7 +908,7 @@ class GridBase {
                 name: `${this.grid.name}_saveButton`,
                 component: 'ZdButton',
                 label: 'TEKGRID_SAVE',
-                isVisible: `{{GridController_${this.grid.componentId}.isEditing}}`,
+                isVisible: `{{GridController_${this.grid.componentId}.showEditButtons}}`,
                 small: true,
                 events: {
                     click: this.saveChanges.bind(this),
@@ -920,7 +920,7 @@ class GridBase {
                 label: 'TEKGRID_CANCEL',
                 outline: true,
                 cssClass: 'zd-mx-2',
-                isVisible: `{{GridController_${this.grid.componentId}.isEditing}}`,
+                isVisible: `{{GridController_${this.grid.componentId}.showEditButtons}}`,
                 small: true,
                 events: {
                     click: this.cancelChanges.bind(this),
@@ -1631,6 +1631,9 @@ class GridController {
     get isEditing() {
         return this.grid.editing;
     }
+    get showEditButtons() {
+        return this.isEditing && this.grid.showEditButtons;
+    }
     get isNotEditing() {
         return !this.isEditing;
     }
@@ -2316,6 +2319,8 @@ class TekGrid extends GridEditable {
         this.deleteButton = 'none';
         /* Show Delete button */
         this.actions = [];
+        /* Show edit button */
+        this.showEditButtons = true;
         /* Show Filter button */
         this.filterButton = false;
         /* Show SearchInput */
@@ -2420,6 +2425,7 @@ class TekGrid extends GridEditable {
         this.columnFilterButton = this.getInitValue('columnFilterButton', props.columnFilterButton, this.columnFilterButton);
         this.columnsButton = this.getInitValue('columnsButton', props.columnsButton, this.columnsButton);
         this.columnsButtonIgnore = this.getInitValue('columnsButtonIgnore', props.columnsButtonIgnore, this.columnsButtonIgnore);
+        this.showEditButtons = this.getInitValue('showEditButtons', props.showEditButtons, this.showEditButtons);
         this.dragColumns = this.getInitValue('dragColumns', props.dragColumns, this.dragColumns);
         this.resizeColumns = this.getInitValue('resizeColumns', props.resizeColumns, this.resizeColumns);
         this.showLayoutOptions = this.getInitValue('showLayoutOptions', props.showLayoutOptions, this.showLayoutOptions);
@@ -3251,6 +3257,8 @@ class TekTreeGrid extends TreeGridEditable {
         this.title = '';
         /* Show Add button */
         this.addButton = false;
+        /* Show edit buttons */
+        this.showEditButtons = true;
         /* Show Delete button */
         this.deleteButton = 'none';
         /* Show Delete button */
@@ -3326,6 +3334,7 @@ class TekTreeGrid extends TreeGridEditable {
         this.title = this.getInitValue('title', props.title, this.title);
         this.addButton = this.getInitValue('addButton', props.addButton, this.addButton);
         this.deleteButton = this.getInitValue('deleteButton', props.deleteButton, this.deleteButton);
+        this.showEditButtons = this.getInitValue('showEditButtons', props.showEditButtons, this.showEditButtons);
         this.filterButton = this.getInitValue('filterButton', props.filterButton, this.filterButton);
         this.showSearch = this.getInitValue('showSearch', props.showSearch, this.showSearch);
         this.columnFilterButton = this.getInitValue('columnFilterButton', props.columnFilterButton, this.columnFilterButton);

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

@@ -913,7 +913,7 @@
                   name: `${this.grid.name}_saveButton`,
                   component: 'ZdButton',
                   label: 'TEKGRID_SAVE',
-                  isVisible: `{{GridController_${this.grid.componentId}.isEditing}}`,
+                  isVisible: `{{GridController_${this.grid.componentId}.showEditButtons}}`,
                   small: true,
                   events: {
                       click: this.saveChanges.bind(this),
@@ -925,7 +925,7 @@
                   label: 'TEKGRID_CANCEL',
                   outline: true,
                   cssClass: 'zd-mx-2',
-                  isVisible: `{{GridController_${this.grid.componentId}.isEditing}}`,
+                  isVisible: `{{GridController_${this.grid.componentId}.showEditButtons}}`,
                   small: true,
                   events: {
                       click: this.cancelChanges.bind(this),
@@ -1636,6 +1636,9 @@
       get isEditing() {
           return this.grid.editing;
       }
+      get showEditButtons() {
+          return this.isEditing && this.grid.showEditButtons;
+      }
       get isNotEditing() {
           return !this.isEditing;
       }
@@ -2321,6 +2324,8 @@
           this.deleteButton = 'none';
           /* Show Delete button */
           this.actions = [];
+          /* Show edit button */
+          this.showEditButtons = true;
           /* Show Filter button */
           this.filterButton = false;
           /* Show SearchInput */
@@ -2425,6 +2430,7 @@
           this.columnFilterButton = this.getInitValue('columnFilterButton', props.columnFilterButton, this.columnFilterButton);
           this.columnsButton = this.getInitValue('columnsButton', props.columnsButton, this.columnsButton);
           this.columnsButtonIgnore = this.getInitValue('columnsButtonIgnore', props.columnsButtonIgnore, this.columnsButtonIgnore);
+          this.showEditButtons = this.getInitValue('showEditButtons', props.showEditButtons, this.showEditButtons);
           this.dragColumns = this.getInitValue('dragColumns', props.dragColumns, this.dragColumns);
           this.resizeColumns = this.getInitValue('resizeColumns', props.resizeColumns, this.resizeColumns);
           this.showLayoutOptions = this.getInitValue('showLayoutOptions', props.showLayoutOptions, this.showLayoutOptions);
@@ -3256,6 +3262,8 @@
           this.title = '';
           /* Show Add button */
           this.addButton = false;
+          /* Show edit buttons */
+          this.showEditButtons = true;
           /* Show Delete button */
           this.deleteButton = 'none';
           /* Show Delete button */
@@ -3331,6 +3339,7 @@
           this.title = this.getInitValue('title', props.title, this.title);
           this.addButton = this.getInitValue('addButton', props.addButton, this.addButton);
           this.deleteButton = this.getInitValue('deleteButton', props.deleteButton, this.deleteButton);
+          this.showEditButtons = this.getInitValue('showEditButtons', props.showEditButtons, this.showEditButtons);
           this.filterButton = this.getInitValue('filterButton', props.filterButton, this.filterButton);
           this.showSearch = this.getInitValue('showSearch', props.showSearch, this.showSearch);
           this.columnFilterButton = this.getInitValue('columnFilterButton', props.columnFilterButton, this.columnFilterButton);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/teknisa-components-common",
-  "version": "1.80.0",
+  "version": "1.81.0",
   "description": "Teknisa Components Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -31,5 +31,5 @@
   "peerDependencies": {
     "@zeedhi/core": "*"
   },
-  "gitHead": "34e08ad2e8bf0d91e064f456fca003b73afba2dd"
+  "gitHead": "98bdfb4f56d94f0477a1611b6db70895f7176c9d"
 }

package/tests/unit/utils/grid-base/grid-controller.spec.ts

@@ -14,6 +14,8 @@ describe('GridController', () => {
         deleteButton: 'currentRow',
         filterButton: true,
         columnsButton: true,
+        editing: true,
+        showEditButtons: false,
         modalFilterProps: {
           name: 'name',
           height: 'auto',
@@ -24,8 +26,8 @@ describe('GridController', () => {
         showReloadButton: true,
         actions: [{ name: 'button', component: 'ZdButton' }],
       });
+      grid.editing = true;
       const instance = new GridController(grid);
-
       expect(instance.gridTitle).toBe('title');
       expect(instance.showAddButton).toBeFalsy();
       expect(instance.showDeleteButton).toBeTruthy();
@@ -41,8 +43,9 @@ describe('GridController', () => {
       expect(instance.showLayoutOptionsButton).toBeTruthy();
       expect(instance.showReloadButton).toBeTruthy();
       expect(instance.showDivider1).toBeTruthy();
-      expect(instance.isEditing).toBeFalsy();
-      expect(instance.isNotEditing).toBeTruthy();
+      expect(instance.isEditing).toBeTruthy();
+      expect(instance.isNotEditing).toBeFalsy();
+      expect(instance.showEditButtons).toBeFalsy();
       expect(instance.disableDeleteButton).toBeTruthy();
       expect(instance.showModalFilterProps).toEqual(
         expect.objectContaining({

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

@@ -9,6 +9,7 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
     addButton: boolean;
     deleteButton: 'none' | 'currentRow' | 'selection';
     actions: IComponentRender[];
+    showEditButtons: boolean;
     filterButton: boolean;
     showSearch: boolean;
     columnFilterButton: boolean;

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

@@ -39,6 +39,7 @@ export interface ITekGrid extends IGridEditable {
     columnsButtonIgnore?: string[];
     deleteButton?: 'none' | 'currentRow' | 'selection';
     events?: ITekGridEvents;
+    showEditButtons?: boolean;
     filterButton?: boolean;
     modalFilterProps?: IModalFilterProps;
     showSearch?: boolean;

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

@@ -16,6 +16,7 @@ export interface ITekTreeGrid extends ITreeGridEditable {
     showLayoutOptions?: boolean;
     title?: string;
     showExport?: boolean;
+    showEditButtons?: boolean;
     showReload?: boolean;
     exportConfig?: ITekGridExportConfig[];
     exportActions?: IComponentRender[];

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

@@ -8,6 +8,7 @@ import { TekGridLayoutOptions } from '..';
 export declare class TekTreeGrid extends TreeGridEditable implements ITekTreeGrid {
     title: string;
     addButton: boolean;
+    showEditButtons: boolean;
     deleteButton: 'none' | 'currentRow' | 'selection';
     actions: IComponentRender[];
     filterButton: boolean;

package/types/utils/grid-base/grid-controller.d.ts

@@ -20,6 +20,7 @@ export declare class GridController {
     get showActionAndExportButton(): boolean | undefined;
     get showDivider3(): boolean | undefined;
     get isEditing(): boolean;
+    get showEditButtons(): boolean;
     get isNotEditing(): boolean;
     get disableDeleteButton(): boolean;
 }