@zeedhi/teknisa-components-common 1.100.0 → 1.101.0

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

@@ -2345,6 +2345,9 @@ class TekGrid extends GridEditable {
             return undefined;
         return Metadata.getInstance(`${this.name}_layout_options`);
     }
+    instantiateCancelColumn() {
+        return new TekGridColumn(this.getCancelColumnProps(), this);
+    }
     /**
      * Get Grid columns objects
      * @param columns Grid columns parameter

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

@@ -2349,6 +2349,9 @@
               return undefined;
           return core.Metadata.getInstance(`${this.name}_layout_options`);
       }
+      instantiateCancelColumn() {
+          return new TekGridColumn(this.getCancelColumnProps(), this);
+      }
       /**
        * Get Grid columns objects
        * @param columns Grid columns parameter

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/teknisa-components-common",
-  "version": "1.100.0",
+  "version": "1.101.0",
   "description": "Teknisa Components Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -32,5 +32,5 @@
   "peerDependencies": {
     "@zeedhi/core": "~1.97.0"
   },
-  "gitHead": "03b060bbaccd9160fe19a9e661cbb4ce853bf6e3"
+  "gitHead": "3f82864e80221862860677508fae4f57d07837ad"
 }

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

@@ -2034,6 +2034,79 @@ describe('TekGrid', () => {
     });
   });
 
+  describe('rowDoubleClick', () => {
+    it('rowDoubleClick method should call events.rowDoubleClick', () => {
+      const rowDoubleClick = jest.fn();
+
+      const data = [
+        { id: '1', name: 'First' },
+        { id: '2', name: 'Second' },
+        { id: '3', name: 'Third' },
+      ];
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+        ],
+        datasource: {
+          data,
+        },
+        events: {
+          rowDoubleClick,
+        },
+      });
+
+      const event = new Event('dblclick');
+      const element = document.createElement('div');
+      grid.rowDoubleClick(data[0], event, element);
+
+      expect(rowDoubleClick).toHaveBeenCalledWith({
+        event,
+        element,
+        row: data[0],
+        component: grid,
+      });
+      expect(grid.datasource.currentRow).toEqual(data[0]);
+    });
+
+    it('should not call events.rowDoubleClick if preventRowDoubleClick is true', () => {
+      const rowDoubleClick = jest.fn();
+      const cellDoubleClickHandler = jest.fn(() => true);
+
+      const data = [
+        { id: '1', name: 'First' },
+        { id: '2', name: 'Second' },
+        { id: '3', name: 'Third' },
+      ];
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+        ],
+        datasource: {
+          data,
+        },
+        events: {
+          rowDoubleClick,
+          cellDoubleClick: cellDoubleClickHandler,
+        },
+      });
+
+      const event = new Event('dblclick');
+      const element = document.createElement('div');
+
+      grid.cellDoubleClick(grid.groupedData[0], grid.getColumn('id') as any, event, element);
+      grid.rowDoubleClick(data[0], event, element);
+
+      expect(rowDoubleClick).not.toHaveBeenCalled();
+      expect(grid.datasource.currentRow).toEqual({});
+    });
+  });
+
   describe('groupRowClick', () => {
     it('groupRowClick method should call events.groupRowClick', async () => {
       const groupRowClick = jest.fn();
@@ -2109,6 +2182,84 @@ describe('TekGrid', () => {
     });
   });
 
+  describe('groupRowDoubleClick', () => {
+    it('groupRowDoubleClick method should call events.groupRowDoubleClick', async () => {
+      const groupRowDoubleClick = jest.fn();
+
+      const data = [
+        { id: '1', name: 'First', department: 1 },
+        { id: '2', name: 'Second', department: 1 },
+        { id: '3', name: 'Third', department: 1 },
+      ];
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+          { name: 'department', grouped: true },
+        ],
+        datasource: {
+          data,
+        },
+        events: {
+          groupRowDoubleClick,
+        },
+      });
+
+      await flushPromises();
+
+      const event = new Event('dblclick');
+      const element = document.createElement('div');
+      grid.groupRowDoubleClick(grid.groupedData[0], event, element);
+
+      expect(groupRowDoubleClick).toHaveBeenCalledWith({
+        event,
+        element,
+        row: grid.groupedData[0],
+        component: grid,
+      });
+      expect(grid.datasource.currentRow).toEqual({});
+    });
+
+    it('should not call events.groupRowDoubleClick if cellDoubleClick prevents it', async () => {
+      const groupRowDoubleClick = jest.fn();
+      const cellDoubleClickHandler = jest.fn(() => true);
+
+      const data = [
+        { id: '1', name: 'First', department: 1 },
+        { id: '2', name: 'Second', department: 1 },
+        { id: '3', name: 'Third', department: 1 },
+      ];
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+          { name: 'department', grouped: true },
+        ],
+        datasource: {
+          data,
+        },
+        events: {
+          groupRowDoubleClick,
+          cellDoubleClick: cellDoubleClickHandler,
+        },
+      });
+
+      await flushPromises();
+
+      const event = new Event('dblclick');
+      const element = document.createElement('div');
+
+      grid.cellDoubleClick(grid.groupedData[0], grid.getColumn('id') as any, event, element);
+      grid.groupRowDoubleClick(grid.groupedData[0], event, element);
+
+      expect(groupRowDoubleClick).not.toHaveBeenCalled();
+    });
+  });
+
   describe('selectGroupClick', () => {
     it('should trigger events', async () => {
       const groupSelected = jest.fn();
@@ -2365,4 +2516,33 @@ describe('TekGrid', () => {
       expect(instance.isColumnSearchable(column)).toBeTruthy();
     });
   });
+
+  describe('cancel column', () => {
+    it('should instantiate grid with a cancel column', () => {
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        showCancelColumn: true,
+        columns: [
+          { name: 'name' },
+        ],
+        datasource: { data: [{ id: '1' }], uniqueKey: 'id' },
+      });
+      const spy = jest.fn();
+      grid.cancelAddedRow = spy;
+
+      expect(grid.columns.length).toBe(2);
+      expect(grid.columns[1].name).toBe('cancel_action_grid');
+
+      const comp: any = grid.getActionComponent(
+        grid.columns[1].children[0],
+        grid.columns[1],
+        grid.datasource.data[0],
+      );
+      const btn = new Button(comp);
+      btn.click();
+
+      expect(spy).toHaveBeenCalledTimes(1);
+    });
+  });
 });

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

@@ -90,6 +90,7 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
     onBeforeDestroy(): void;
     protected focusSearchInput(): void;
     get layoutOptions(): TekGridLayoutOptions | undefined;
+    protected instantiateCancelColumn(): TekGridColumn;
     /**
      * Get Grid columns objects
      * @param columns Grid columns parameter