@zeedhi/teknisa-components-common 1.107.2 → 1.108.0

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

@@ -1,174 +1,267 @@
-import {
-  TekGrid,
-} from '../../../../src';
-import { GridController } from '../../../../src/utils/grid-base/grid-controller';
-
-describe('GridController', () => {
-  describe('constructor()', () => {
-    it('should create controller and get info from grid', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        title: 'title',
-        addButton: false,
-        deleteButton: 'currentRow',
-        filterButton: true,
-        columnsButton: true,
-        editing: true,
-        showEditButtons: false,
-        modalFilterProps: {
-          name: 'name',
-          height: 'auto',
-          persistent: true,
-        },
-        showExport: true,
-        showLayoutOptionsButton: true,
-        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();
-      expect(instance.showFilterButton).toBeTruthy();
-      expect(instance.showActionsButton).toBeTruthy();
-      expect(instance.showExportButton).toBeTruthy();
-      expect(instance.showActionAndExportButton).toBeTruthy();
-      expect(instance.showSearchInput).toBeTruthy();
-      expect(instance.showToolbar).toBeTruthy();
-      expect(instance.toolbarStyle).toBe('');
-      expect(instance.tooltipName).toBe('TEKGRID_HIDE');
-      expect(instance.showDivider2).toBeTruthy();
-      expect(instance.showDivider3).toBeTruthy();
-      expect(instance.showColumnsButton).toBeTruthy();
-      expect(instance.columnsButtonIgnore).toEqual([]);
-      expect(instance.showLayoutOptionsButton).toBeTruthy();
-      expect(instance.showReloadButton).toBeTruthy();
-      expect(instance.showDivider1).toBeTruthy();
-      expect(instance.isEditing).toBeTruthy();
-      expect(instance.isNotEditing).toBeFalsy();
-      expect(instance.showEditButtons).toBeFalsy();
-      expect(instance.disableDeleteButton).toBeTruthy();
-      expect(instance.showModalFilterProps).toEqual(
-        expect.objectContaining({
-          height: 'auto',
-          persistent: true,
-        }),
-      );
-
-      grid.datasource.currentRow = { id: '1' };
-      expect(instance.disableDeleteButton).toBeFalsy();
-      grid.showExport = false;
-      grid.showLayoutOptions = false;
-      grid.showReload = false;
-      grid.columnsButton = false;
-      grid.actions = [];
-      grid.deleteButton = 'selection';
-      grid.selectedRows = [{ id: '1' }];
-      expect(instance.disableDeleteButton).toBeFalsy();
-      expect(instance.showExportButton).toBeFalsy();
-      expect(instance.showActionAndExportButton).toBeFalsy();
-      expect(instance.showLayoutOptionsButton).toBeFalsy();
-
-      instance.showToolbar = false;
-      expect(instance.toolbarStyle).toBe('is-rotated');
-      expect(instance.tooltipName).toBe('TEKGRID_SHOW');
-      expect(instance.showToolbar).toBeFalsy();
-    });
-
-    it('should verify if showDivider3 is visibility', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        addButton: false,
-        deleteButton: 'none',
-        filterButton: false,
-        columnsButton: false,
-        showReload: false,
-        showLayoutOptions: false,
-        showReloadButton: true,
-        showSearch: false,
-        showExport: false,
-        actions: [],
-      });
-      const instance = new GridController(grid);
-
-      expect(instance.showDivider3).toBeFalsy();
-      expect(instance.showActionsButton).toBeFalsy();
-      expect(instance.showExportButton).toBeFalsy();
-      expect(instance.showSearchInput).toBeFalsy();
-    });
-
-    it('should verify if showActionAndExportButton is visibility', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        addButton: false,
-        deleteButton: 'none',
-        filterButton: false,
-        columnsButton: true,
-        showReload: false,
-        showLayoutOptions: true,
-        showReloadButton: true,
-        showSearch: false,
-        showExport: false,
-        actions: [],
-      });
-      const instance = new GridController(grid);
-
-      expect(instance.showActionAndExportButton).toBeFalsy();
-      expect(instance.showActionsButton).toBeFalsy();
-      expect(instance.showSearchInput).toBeFalsy();
-      expect(instance.showExportButton).toBeFalsy();
-    });
-
-    it('should verify if showDivider2 is visibility', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        addButton: false,
-        deleteButton: 'none',
-        filterButton: false,
-        columnsButton: false,
-        showReload: true,
-        showLayoutOptions: false,
-        showSearch: false,
-        showExport: false,
-        actions: [],
-      });
-      const instance = new GridController(grid);
-
-      expect(instance.showDivider2).toBeFalsy();
-      expect(instance.showActionsButton).toBeFalsy();
-      expect(instance.showSearchInput).toBeFalsy();
-      expect(instance.showColumnsButton).toBeFalsy();
-      expect(instance.showExportButton).toBeFalsy();
-      expect(instance.showReloadButton).toBeTruthy();
-    });
-
-    it('should verify if showDivider1 is visibility', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        addButton: true,
-        deleteButton: 'selection',
-        filterButton: false,
-        columnsButton: false,
-        showReload: false,
-        showLayoutOptions: false,
-        showSearch: false,
-        showExport: false,
-        actions: [],
-      });
-      const instance = new GridController(grid);
-
-      expect(instance.showDivider1).toBeFalsy();
-      expect(instance.showActionsButton).toBeFalsy();
-      expect(instance.showSearchInput).toBeFalsy();
-      expect(instance.showColumnsButton).toBeFalsy();
-      expect(instance.showExportButton).toBeFalsy();
-      expect(instance.showReloadButton).toBeFalsy();
-    });
-  });
-});
+import {
+  TekGrid,
+} from '../../../../src';
+import { GridController } from '../../../../src/utils/grid-base/grid-controller';
+
+describe('GridController', () => {
+  describe('constructor()', () => {
+    it('should create controller and get info from grid', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        title: 'title',
+        addButton: false,
+        deleteButton: 'currentRow',
+        filterButton: true,
+        columnsButton: true,
+        editing: true,
+        showEditButtons: false,
+        modalFilterProps: {
+          name: 'name',
+          height: 'auto',
+          persistent: true,
+        },
+        showExport: true,
+        showLayoutOptionsButton: true,
+        showReloadButton: true,
+        actions: [{ name: 'button', component: 'ZdButton' }],
+      });
+      grid.editing = false;
+      const instance = new GridController(grid);
+      expect(instance.gridTitle).toBe('title');
+      expect(instance.showAddButton).toBeFalsy();
+      expect(instance.showDeleteButton).toBeTruthy();
+      expect(instance.showFilterButton).toBeTruthy();
+      expect(instance.showActionsButton).toBeTruthy();
+      expect(instance.showExportButton).toBeTruthy();
+      expect(instance.showActionAndExportButton).toBeTruthy();
+      expect(instance.showSearchInput).toBeTruthy();
+      expect(instance.showToolbar).toBeTruthy();
+      expect(instance.toolbarStyle).toBe('');
+      expect(instance.tooltipName).toBe('TEKGRID_HIDE');
+      expect(instance.showColumnsButton).toBeTruthy();
+      expect(instance.columnsButtonIgnore).toEqual([]);
+      expect(instance.showLayoutOptionsButton).toBeTruthy();
+      expect(instance.showReloadButton).toBeTruthy();
+      expect(instance.showDivider).toBeTruthy();
+      expect(instance.isEditing).toBeFalsy();
+      expect(instance.isNotEditing).toBeTruthy();
+      expect(instance.showEditButtons).toBeFalsy();
+      expect(instance.disableDeleteButton).toBeTruthy();
+      expect(instance.showModalFilterProps).toEqual(
+        expect.objectContaining({
+          height: 'auto',
+          persistent: true,
+        }),
+      );
+
+      grid.datasource.currentRow = { id: '1' };
+      expect(instance.disableDeleteButton).toBeFalsy();
+      grid.showExport = false;
+      grid.showLayoutOptions = false;
+      grid.showReload = false;
+      grid.columnsButton = false;
+      grid.actions = [];
+      grid.deleteButton = 'selection';
+      grid.selectedRows = [{ id: '1' }];
+      expect(instance.disableDeleteButton).toBeFalsy();
+      expect(instance.showExportButton).toBeFalsy();
+      expect(instance.showActionAndExportButton).toBeFalsy();
+      expect(instance.showLayoutOptionsButton).toBeFalsy();
+
+      instance.showToolbar = false;
+      expect(instance.toolbarStyle).toBe('is-rotated');
+      expect(instance.tooltipName).toBe('TEKGRID_SHOW');
+      expect(instance.showToolbar).toBeFalsy();
+    });
+
+    it('should verify if showDivider3 is visibility', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        addButton: false,
+        deleteButton: 'none',
+        filterButton: false,
+        columnsButton: false,
+        showReload: false,
+        showLayoutOptions: false,
+        showReloadButton: true,
+        showSearch: false,
+        showExport: false,
+        actions: [],
+      });
+      const instance = new GridController(grid);
+
+      expect(instance.showActionsButton).toBeFalsy();
+      expect(instance.showExportButton).toBeFalsy();
+      expect(instance.showSearchInput).toBeFalsy();
+    });
+
+    it('should verify if showActionAndExportButton is visibility', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        addButton: false,
+        deleteButton: 'none',
+        filterButton: false,
+        columnsButton: true,
+        showReload: false,
+        showLayoutOptions: true,
+        showReloadButton: true,
+        showSearch: false,
+        showExport: false,
+        actions: [],
+      });
+      const instance = new GridController(grid);
+
+      expect(instance.showActionAndExportButton).toBeFalsy();
+      expect(instance.showActionsButton).toBeFalsy();
+      expect(instance.showSearchInput).toBeFalsy();
+      expect(instance.showExportButton).toBeFalsy();
+    });
+
+    it('should verify if showDivider2 is visibility', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        addButton: false,
+        deleteButton: 'none',
+        filterButton: false,
+        columnsButton: false,
+        showReload: true,
+        showLayoutOptions: false,
+        showSearch: false,
+        showExport: false,
+        actions: [],
+      });
+      const instance = new GridController(grid);
+
+      expect(instance.showActionsButton).toBeFalsy();
+      expect(instance.showSearchInput).toBeFalsy();
+      expect(instance.showColumnsButton).toBeFalsy();
+      expect(instance.showExportButton).toBeFalsy();
+      expect(instance.showReloadButton).toBeTruthy();
+    });
+
+    it('should verify if showDivider1 is visibility', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        addButton: true,
+        deleteButton: 'selection',
+        filterButton: false,
+        columnsButton: false,
+        showReload: false,
+        showLayoutOptions: false,
+        showSearch: false,
+        showExport: false,
+        actions: [],
+      });
+      const instance = new GridController(grid);
+
+      expect(instance.showActionsButton).toBeFalsy();
+      expect(instance.showSearchInput).toBeFalsy();
+      expect(instance.showColumnsButton).toBeFalsy();
+      expect(instance.showExportButton).toBeFalsy();
+      expect(instance.showReloadButton).toBeFalsy();
+    });
+  });
+  describe('showAddButton', () => {
+    it('should return true when addButton is true, not editing, and toolbar is open', () => {
+      const grid = new TekGrid({
+        name: 'Grid', component: 'TekGrid', addButton: true, editing: false,
+      });
+      const instance = new GridController(grid);
+      instance.openToolbar = true;
+      expect(instance.showAddButton).toBe(true);
+    });
+
+    it('should return false when grid is in editing mode', () => {
+      const grid = new TekGrid({
+        name: 'Grid', component: 'TekGrid', addButton: true, editing: true,
+      });
+      const instance = new GridController(grid);
+      expect(instance.showAddButton).toBe(true);
+    });
+
+    it('should return false when toolbar is closed', () => {
+      const grid = new TekGrid({
+        name: 'Grid', component: 'TekGrid', addButton: true, editing: false,
+      });
+      const instance = new GridController(grid);
+      instance.openToolbar = false;
+      expect(instance.showAddButton).toBe(false);
+    });
+  });
+
+  describe('disableDeleteButton', () => {
+    it('should be disabled if selectAllPages is true, allSelected is true, and all items are exceptions', () => {
+      const grid = new TekGrid({
+        name: 'Grid', component: 'TekGrid', deleteButton: 'selection', selectAllPages: true,
+      });
+      grid.datasource.total = 3;
+      grid.selectionState = { allSelected: true, except: [{ id: 1 }, { id: 2 }, { id: 3 }] };
+      const instance = new GridController(grid);
+      expect(instance.disableDeleteButton).toBe(true);
+    });
+
+    it('should be disabled if selectAllPages is true, allSelected is false, and no items are exceptions', () => {
+      const grid = new TekGrid({
+        name: 'Grid', component: 'TekGrid', deleteButton: 'selection', selectAllPages: true,
+      });
+      grid.selectionState = { allSelected: false, except: [] };
+      const instance = new GridController(grid);
+      expect(instance.disableDeleteButton).toBe(true);
+    });
+
+    it('should be enabled if selectAllPages is true and there is a valid selection', () => {
+      const grid = new TekGrid({
+        name: 'Grid', component: 'TekGrid', deleteButton: 'selection', selectAllPages: true,
+      });
+      grid.datasource.total = 5;
+      grid.selectionState = { allSelected: true, except: [{ id: 1 }] };
+      const instance = new GridController(grid);
+      expect(instance.disableDeleteButton).toBe(false);
+    });
+
+    it('should not be disabled when deleteButton is "none"', () => {
+      const grid = new TekGrid({ name: 'Grid', component: 'TekGrid', deleteButton: 'none' }); //
+      const instance = new GridController(grid);
+      expect(instance.disableDeleteButton).toBe(false);
+    });
+  });
+
+  describe('showEditButtons', () => {
+    it('deve retornar true quando o grid está em modo de edição e a propriedade showEditButtons é true', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+      });
+      grid.editing = true;
+      const instance = new GridController(grid);
+      expect(instance.showEditButtons).toBe(true);
+    });
+
+    it('deve retornar false quando o grid não está em modo de edição', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        editing: false,
+        showEditButtons: true,
+      });
+      const instance = new GridController(grid);
+      expect(instance.showEditButtons).toBe(false);
+    });
+
+    it('deve retornar false quando a propriedade showEditButtons do grid é false', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        editing: true,
+        showEditButtons: false,
+      });
+      const instance = new GridController(grid);
+      expect(instance.showEditButtons).toBe(false);
+    });
+  });
+});

package/tests/unit/utils/report-filter/report-filter.spec.ts

@@ -1,66 +1,66 @@
-import { ReportFilter } from '../../../../src/utils';
-
-describe('ReportFilter', () => {
-  describe('constructor()', () => {
-    it('should create a ReportFilter with defined values', () => {
-      const filter = {
-        name: [
-          {
-            value: 'Luiz',
-            relation: 'AND',
-            operation: 'CONTAINS',
-          },
-        ],
-      };
-
-      const instance = new ReportFilter(filter);
-
-      expect(instance.filter).toEqual(filter);
-    });
-  });
-
-  describe('build', () => {
-    it('should build the filter in ZhReports format', () => {
-      const filter = {
-        name: [
-          {
-            value: 'Luiz',
-            relation: 'AND',
-            operation: 'CONTAINS',
-          },
-        ],
-        salary: [
-          {
-            value: '100',
-            relation: 'AND',
-            operation: 'GREATER_THAN',
-          },
-          {
-            value: '200',
-            relation: 'AND',
-            operation: 'LESS_THAN',
-          },
-          {
-            value: '500',
-            relation: 'OR',
-            operation: 'EQUALS',
-          },
-        ],
-      };
-      const instance = new ReportFilter(filter);
-
-      const newFilter = instance.build();
-
-      expect(newFilter).toEqual([
-        {
-          label: 'name',
-          value: 'contains Luiz',
-        },
-        {
-          label: 'salary',
-          value: 'is greater than 100 and is less than 200 or is equal to 500',
-        },
-      ]);
-    });
-  });
-});
+import { ReportFilter } from '../../../../src/utils';
+
+describe('ReportFilter', () => {
+  describe('constructor()', () => {
+    it('should create a ReportFilter with defined values', () => {
+      const filter = {
+        name: [
+          {
+            value: 'Luiz',
+            relation: 'AND',
+            operation: 'CONTAINS',
+          },
+        ],
+      };
+
+      const instance = new ReportFilter(filter);
+
+      expect(instance.filter).toEqual(filter);
+    });
+  });
+
+  describe('build', () => {
+    it('should build the filter in ZhReports format', () => {
+      const filter = {
+        name: [
+          {
+            value: 'Luiz',
+            relation: 'AND',
+            operation: 'CONTAINS',
+          },
+        ],
+        salary: [
+          {
+            value: '100',
+            relation: 'AND',
+            operation: 'GREATER_THAN',
+          },
+          {
+            value: '200',
+            relation: 'AND',
+            operation: 'LESS_THAN',
+          },
+          {
+            value: '500',
+            relation: 'OR',
+            operation: 'EQUALS',
+          },
+        ],
+      };
+      const instance = new ReportFilter(filter);
+
+      const newFilter = instance.build();
+
+      expect(newFilter).toEqual([
+        {
+          label: 'name',
+          value: 'contains Luiz',
+        },
+        {
+          label: 'salary',
+          value: 'is greater than 100 and is less than 200 or is equal to 500',
+        },
+      ]);
+    });
+  });
+});

package/tsconfig.eslint.json

@@ -1,9 +1,9 @@
-{
-  // extend your base config so you don't have to redefine your compilerOptions
-  "extends": "./tsconfig.json",
-  "include": [
-    "./src/**/*.ts",
-    "./tests/**/*.ts",
-  ],
-  "exclude": ["node_modules"]
+{
+  // extend your base config so you don't have to redefine your compilerOptions
+  "extends": "./tsconfig.json",
+  "include": [
+    "./src/**/*.ts",
+    "./tests/**/*.ts",
+  ],
+  "exclude": ["node_modules"]
 }

package/types/components/tek-datasource/memory-datasource.d.ts

@@ -78,17 +78,15 @@ export declare class TekMemoryDatasource extends MemoryDatasource implements ITe
         currentRow?: IDictionary<any> | undefined;
         data?: IDictionary<any>[] | undefined;
         filter?: IDictionary<any> | undefined;
-        limit?: string | number | undefined; /**
-         * Dynamic Filter Operations
-         */
+        limit?: string | number | undefined;
         loadAll?: boolean | undefined;
         loading?: boolean | undefined;
         order?: string[] | undefined;
         page?: string | number | undefined;
+        search?: string | undefined;
         /**
          * Dynamic Filter Relations
          */
-        search?: string | undefined;
         searchIn?: string[] | undefined;
         searchInParams?: IDictionary<any> | undefined;
         uniqueKey?: string | undefined;

package/types/components/tek-datasource/rest-datasource.d.ts

@@ -82,19 +82,22 @@ export declare class TekRestDatasource extends RestDatasource implements ITekRes
         find?: IDictionary<any> | undefined;
         localSearch?: boolean | undefined;
         currentRow?: IDictionary<any> | undefined;
+        /** Search Join data */
         data?: IDictionary<any>[] | undefined;
         filter?: IDictionary<any> | undefined;
-        limit?: string | number | undefined;
+        limit?: string | number | undefined; /**
+         * Dynamic Filter Operations
+         */
         loadAll?: boolean | undefined;
         loading?: boolean | undefined;
         order?: string[] | undefined;
         page?: string | number | undefined;
         search?: string | undefined;
         searchIn?: string[] | undefined;
-        searchInParams?: IDictionary<any> | undefined; /**
+        searchInParams?: IDictionary<any> | undefined;
+        uniqueKey?: string | undefined; /**
          * Dynamic Filter applied flag
          */
-        uniqueKey?: string | undefined;
         watchUrl?: boolean | undefined;
         events?: import("@zeedhi/core").IDatasourceEvents<import("@zeedhi/core").IEventParam<any>> | undefined;
     };