@zeedhi/teknisa-components-common 1.99.0 → 1.100.1

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

@@ -1293,7 +1293,7 @@ Messages.add({
             TEKGRID_GRID_MIRROR: '(Grid mirror)',
         },
     },
-    'es-ES': {
+    'es-CL': {
         translation: {
             TEKGRID_CONTAINS: 'contiene',
             TEKGRID_NOT_CONTAINS: 'no contiene',
@@ -2245,6 +2245,7 @@ class TekGrid extends GridEditable {
         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);
+        this.xlsDefaultType = this.getInitValue('xlsDefaultType', props.xlsDefaultType, this.xlsDefaultType);
         this.showExport = this.getInitValue('showExport', props.showExport, this.showExport);
         this.showReload = this.getInitValue('showReload', props.showReload, this.showReload);
         this.exportConfig = this.getInitValue('exportConfig', props.exportConfig, this.exportConfig);
@@ -2431,6 +2432,7 @@ class TekGrid extends GridEditable {
                     filter,
                     groups: reportGroups,
                     columns: reportAggregations,
+                    xlsDefaultType: this.xlsDefaultType,
                 }),
             }, beforeOpen)
                 .then((reportUrl) => window.open(reportUrl));
@@ -2818,6 +2820,19 @@ class TekGrid extends GridEditable {
         }
         this.preventRowClick = false;
     }
+    rowDoubleClick(row, event, element) {
+        if (!this.preventRowDoubleClick) {
+            this.datasource.currentRow = row;
+            this.callEvent('rowDoubleClick', {
+                event,
+                element,
+                row,
+                component: this,
+                column: undefined,
+            });
+        }
+        this.preventRowDoubleClick = false;
+    }
     /**
      * Dispatches group row click event
      * @param row Grid row
@@ -2836,6 +2851,18 @@ class TekGrid extends GridEditable {
         }
         this.preventRowClick = false;
     }
+    groupRowDoubleClick(row, event, element) {
+        if (!this.preventRowDoubleClick) {
+            this.callEvent('groupRowDoubleClick', {
+                event,
+                element,
+                row,
+                component: this,
+                column: undefined,
+            });
+        }
+        this.preventRowDoubleClick = false;
+    }
     /**
      * Dispatches group select/unselect event
      * @param row Group row
@@ -4128,7 +4155,7 @@ Messages.add({
             TEKUSERINFO_SEND: 'Send',
         },
     },
-    'es-ES': {
+    'es-CL': {
         translation: {
             TEKUSERINFO_ABOUT: 'Sobre',
             TEKUSERINFO_REPORT_ERROR: 'Reportar Error',
@@ -4308,7 +4335,7 @@ Messages.add({
             DEFAULT_LAYOUT: 'Default',
         },
     },
-    'es-ES': {
+    'es-CL': {
         translation: {
             NO_NOTIFICATIONS: 'Sin Notificación',
             MARK_ALL_AS_READ: 'Marcar todo como leído',

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

@@ -1297,7 +1297,7 @@
               TEKGRID_GRID_MIRROR: '(Grid mirror)',
           },
       },
-      'es-ES': {
+      'es-CL': {
           translation: {
               TEKGRID_CONTAINS: 'contiene',
               TEKGRID_NOT_CONTAINS: 'no contiene',
@@ -2249,6 +2249,7 @@
           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);
+          this.xlsDefaultType = this.getInitValue('xlsDefaultType', props.xlsDefaultType, this.xlsDefaultType);
           this.showExport = this.getInitValue('showExport', props.showExport, this.showExport);
           this.showReload = this.getInitValue('showReload', props.showReload, this.showReload);
           this.exportConfig = this.getInitValue('exportConfig', props.exportConfig, this.exportConfig);
@@ -2435,6 +2436,7 @@
                       filter,
                       groups: reportGroups,
                       columns: reportAggregations,
+                      xlsDefaultType: this.xlsDefaultType,
                   }),
               }, beforeOpen)
                   .then((reportUrl) => window.open(reportUrl));
@@ -2822,6 +2824,19 @@
           }
           this.preventRowClick = false;
       }
+      rowDoubleClick(row, event, element) {
+          if (!this.preventRowDoubleClick) {
+              this.datasource.currentRow = row;
+              this.callEvent('rowDoubleClick', {
+                  event,
+                  element,
+                  row,
+                  component: this,
+                  column: undefined,
+              });
+          }
+          this.preventRowDoubleClick = false;
+      }
       /**
        * Dispatches group row click event
        * @param row Grid row
@@ -2840,6 +2855,18 @@
           }
           this.preventRowClick = false;
       }
+      groupRowDoubleClick(row, event, element) {
+          if (!this.preventRowDoubleClick) {
+              this.callEvent('groupRowDoubleClick', {
+                  event,
+                  element,
+                  row,
+                  component: this,
+                  column: undefined,
+              });
+          }
+          this.preventRowDoubleClick = false;
+      }
       /**
        * Dispatches group select/unselect event
        * @param row Group row
@@ -4132,7 +4159,7 @@
               TEKUSERINFO_SEND: 'Send',
           },
       },
-      'es-ES': {
+      'es-CL': {
           translation: {
               TEKUSERINFO_ABOUT: 'Sobre',
               TEKUSERINFO_REPORT_ERROR: 'Reportar Error',
@@ -4312,7 +4339,7 @@
               DEFAULT_LAYOUT: 'Default',
           },
       },
-      'es-ES': {
+      'es-CL': {
           translation: {
               NO_NOTIFICATIONS: 'Sin Notificación',
               MARK_ALL_AS_READ: 'Marcar todo como leído',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/teknisa-components-common",
-  "version": "1.99.0",
+  "version": "1.100.1",
   "description": "Teknisa Components Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -32,5 +32,5 @@
   "peerDependencies": {
     "@zeedhi/core": "~1.97.0"
   },
-  "gitHead": "2facf9f0303ba86bc5efc839e4ccdb18d65b2276"
+  "gitHead": "ab5303595a8ea77628401599164a96f9fd24dc77"
 }

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();

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

@@ -32,6 +32,7 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
      * @public
      */
     showLayoutOptions: boolean;
+    xlsDefaultType?: string;
     /**
      * Editable columns
      */
@@ -150,6 +151,7 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
      * @param element DOM Element
      */
     rowClick(row: IDictionary<any>, event: Event, element: HTMLElement): void;
+    rowDoubleClick(row: IDictionary<any>, event: Event, element: HTMLElement): void;
     /**
      * Dispatches group row click event
      * @param row Grid row
@@ -157,6 +159,7 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
      * @param element DOM Element
      */
     groupRowClick(row: IDictionary<any>, event: Event, element: HTMLElement): void;
+    groupRowDoubleClick(row: IDictionary<any>, event: Event, element: HTMLElement): void;
     /**
      * Dispatches group select/unselect event
      * @param row Group row

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

@@ -61,6 +61,7 @@ export interface ITekGrid extends IGridEditable {
     mainGrid?: boolean;
     showCheckboxAllFilter?: boolean;
     defaultFilter?: IDictionary;
+    xlsDefaultType?: string;
 }
 export declare type MultiOptionParams = {
     iconName: string;