@zeedhi/teknisa-components-common 1.114.0 → 3.0.0

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

@@ -1,13 +1,13 @@
 import { Grid, Tag } from '@zeedhi/common';
 import { Config, Http } from '@zeedhi/core';
 import {
-  ITekConfig,
-  ITekGridLayoutInfo,
+  type ITekConfig,
+  type ITekGridLayoutInfo,
   TekGrid,
   TekGridLayoutOptions,
 } from '../../../../src';
 
-let savedLayouts: string = '';
+let savedLayouts = '';
 const testLayouts: ITekGridLayoutInfo = {
   layouts: {
     'Name first': {
@@ -300,16 +300,14 @@ describe('LayoutOptions', () => {
       instance.parent = tag;
       tag.parent = grid;
 
-      const localStorageMock = (function () { // eslint-disable-line func-names
-        return {
+      const localStorageMock = ((() => ({
           getItem(): string {
             return JSON.stringify(testLayouts);
           },
           setItem(_name: string, value: string) {
             savedLayouts = value;
           },
-        };
-      }());
+        }))());
 
       Object.defineProperty(window, 'localStorage', {
         value: localStorageMock,

package/tests/unit/components/tek-user-info/tek-user-info-list.spec.ts

@@ -1,7 +1,7 @@
 import { ListItem } from '@zeedhi/common';
 import { Metadata } from '@zeedhi/core';
 import { UserInfo } from '@zeedhi/zd-user-info-common';
-import { TekUserInfo, TekUserInfoList, ITekUserInfo } from '../../../../src';
+import { TekUserInfo, TekUserInfoList, type ITekUserInfo } from '../../../../src';
 import { mockCreated } from '../../../__helpers__/mock-created-helper';
 
 function instantiateAndCreate(props: ITekUserInfo) {

package/tests/unit/components/tek-user-info/tek-user-info.spec.ts

@@ -1,9 +1,9 @@
 import {
-  Button, ListItem, Modal, ModalService,
+  Button, ListItem, type Modal, ModalService,
 } from '@zeedhi/common';
 import { Metadata, Http } from '@zeedhi/core';
 import { UserInfo } from '@zeedhi/zd-user-info-common';
-import { ITekUserInfo, TekUserInfo, TekUserInfoList } from '../../../../src';
+import { type ITekUserInfo, TekUserInfo, TekUserInfoList } from '../../../../src';
 import { mockCreated } from '../../../__helpers__/mock-created-helper';
 
 function instantiateAndCreate(props: ITekUserInfo) {
@@ -84,14 +84,12 @@ describe('TekUserInfo', () => {
         children: [
           {
             component: 'ZdHeader',
-            leftSlot: [
-              {
-                component: 'ZdTag',
-                children: [{ component: 'ZdImage', src: 'path' }],
-              },
-            ],
             rightSlot: [{ component: 'ZdModalCloseButton' }],
           },
+          {
+            component: 'ZdTag',
+            children: [{ component: 'ZdImage', src: 'path' }],
+          },
           {
             component: 'ZdTabs',
             tabs: [
@@ -152,14 +150,12 @@ describe('TekUserInfo', () => {
         children: [
           {
             component: 'ZdHeader',
-            leftSlot: [
-              {
-                component: 'ZdTag',
-                children: [{ component: 'ZdImage', src: '' }],
-              },
-            ],
             rightSlot: [{ component: 'ZdModalCloseButton' }],
           },
+          {
+            component: 'ZdTag',
+            children: [{ component: 'ZdImage', src: '' }],
+          },
           {
             component: 'ZdTabs',
             tabs: [

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

@@ -1,12 +1,12 @@
 import {
-  Button, Dropdown, Form, IButton, IForm, IModal, Modal, ModalService, Report, Search, Text, TextInput,
+  Button, Dropdown, Form, type IButton, type IForm, type IModal, Modal, ModalService, Report, Search, Text, TextInput,
 } from '@zeedhi/common';
 import {
-  Http, IDictionary, KeyMap, Metadata,
+  Http, type IDictionary, KeyMap, Metadata,
 } from '@zeedhi/core';
 import {
-  ITekGridFilterButton,
-  ITekTreeGrid, TekGridColumn, TekGridFilterButton, TekRestDatasource, TekTreeGrid,
+  type ITekGridFilterButton,
+  type ITekTreeGrid, TekGridColumn, TekGridFilterButton, TekRestDatasource, TekTreeGrid,
 } from '../../../../src';
 import { getChild, setClick } from '../../../__helpers__';
 
@@ -63,18 +63,6 @@ describe('TekTreeGrid', () => {
         ],
         columnsButton: true,
         columnsButtonIgnore: ['id'],
-        modalFilterProps: {
-          name: 'name',
-          height: 'auto',
-          persistent: true,
-          cssClass: '',
-          cssStyle: '',
-          dark: false,
-          draggable: false,
-          fullscreen: false,
-          dragHandle: '',
-          title: 'EXAMPLE',
-        },
       });
       expect(instance.title).toBe('title');
       expect(instance.addButton).toBeTruthy();
@@ -88,18 +76,6 @@ describe('TekTreeGrid', () => {
       expect(instance.columns[0]).toBeInstanceOf(TekGridColumn);
       expect(instance.columnsButton).toBeTruthy();
       expect(instance.columnsButtonIgnore).toEqual(['id']);
-      expect(instance.modalFilterProps).toEqual({
-        name: 'name',
-        height: 'auto',
-        persistent: true,
-        cssClass: '',
-        cssStyle: '',
-        dark: false,
-        draggable: false,
-        fullscreen: false,
-        dragHandle: '',
-        title: 'EXAMPLE',
-      });
     });
 
     it('should create toolbar and footer', () => {

package/tests/unit/utils/grid-base/export-options/multi-option.spec.ts

@@ -1,5 +1,5 @@
-import { Button, IText, Text } from '@zeedhi/common';
-import { ITekGridExportConfig, TekGrid } from '../../../../../src/components';
+import { Button, type IText, Text } from '@zeedhi/common';
+import { type ITekGridExportConfig, TekGrid } from '../../../../../src/components';
 import { MultiOption } from '../../../../../src/utils';
 
 describe('MultiOption', () => {

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

@@ -26,7 +26,7 @@ describe('GridController', () => {
         showReloadButton: true,
         actions: [{ name: 'button', component: 'ZdButton' }],
       });
-      grid.editing = false;
+      grid.editing = true;
       const instance = new GridController(grid);
       expect(instance.gridTitle).toBe('title');
       expect(instance.showAddButton).toBeFalsy();
@@ -36,13 +36,18 @@ describe('GridController', () => {
       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.showDivider).toBeTruthy();
-      expect(instance.isEditing).toBeFalsy();
-      expect(instance.isNotEditing).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(
@@ -65,6 +70,11 @@ describe('GridController', () => {
       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', () => {
@@ -84,6 +94,7 @@ describe('GridController', () => {
       });
       const instance = new GridController(grid);
 
+      expect(instance.showDivider3).toBeFalsy();
       expect(instance.showActionsButton).toBeFalsy();
       expect(instance.showExportButton).toBeFalsy();
       expect(instance.showSearchInput).toBeFalsy();
@@ -128,6 +139,7 @@ describe('GridController', () => {
       });
       const instance = new GridController(grid);
 
+      expect(instance.showDivider2).toBeFalsy();
       expect(instance.showActionsButton).toBeFalsy();
       expect(instance.showSearchInput).toBeFalsy();
       expect(instance.showColumnsButton).toBeFalsy();
@@ -151,6 +163,7 @@ describe('GridController', () => {
       });
       const instance = new GridController(grid);
 
+      expect(instance.showDivider1).toBeFalsy();
       expect(instance.showActionsButton).toBeFalsy();
       expect(instance.showSearchInput).toBeFalsy();
       expect(instance.showColumnsButton).toBeFalsy();
@@ -158,152 +171,4 @@ describe('GridController', () => {
       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(true);
-    });
-  });
-
-  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);
-    });
-  });
-
-  describe('showOptionsDivider', () => {
-    it('should return true when showExport is true, not editing, and toolbar is open', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        columnsButton: false,
-        showLayoutOptions: false,
-        showExport: true,
-        editing: false,
-      });
-      const instance = new GridController(grid);
-      instance.openToolbar = true;
-      expect(instance.showOptionsDivider).toBe(true);
-    });
-
-    it('should return false when the toolbar is closed', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        showExport: true,
-        editing: false,
-      });
-      const instance = new GridController(grid);
-      instance.openToolbar = false;
-      expect(instance.showOptionsDivider).toBe(true);
-    });
-  });
-
-  describe('showHideButton', () => {
-    it('should return true when grid.showHideButton is true', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        showHideButton: true,
-      });
-      const instance = new GridController(grid);
-      expect(instance.showHideButton).toBe(true);
-    });
-
-    it('should return false when grid.showHideButton is false', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        showHideButton: false,
-      });
-      const instance = new GridController(grid);
-      expect(instance.showHideButton).toBe(false);
-    });
-  });
 });

package/tsconfig.build.json

@@ -0,0 +1,7 @@
+{
+	"extends": "../../tsconfig.build.json",
+	"compilerOptions": {
+		"outDir": "./dist"
+	},
+	"include": ["src/**/*"]
+}