@zeedhi/teknisa-components-common 3.0.3 → 3.1.0

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

@@ -7,7 +7,7 @@ import {
   TekGridLayoutOptions,
   ITekGridProps,
 } from '../../../../src';
-import { flushPromises } from '../../__helpers__';
+import { flushPromises } from '../../../__helpers__';
 
 let savedLayouts: string = '';
 const testLayouts: ITekGridLayoutInfo = {

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

@@ -7,7 +7,7 @@ import {
   TekGrid,
   TekGridColumn,
 } from '../../../../src';
-import { flushPromises } from '../../__helpers__';
+import { flushPromises } from '../../../__helpers__';
 
 jest.mock('lodash.debounce', () => jest.fn((fn) => fn));
 
@@ -123,16 +123,19 @@ describe('TekGridColumn', () => {
   describe('getLookupData()', () => {
     it('should get lookup data', async () => {
       const grid = new TekGrid({ name: 'grid', component: 'TekGrid' });
+      grid.onCreated();
       const column = new TekGridColumn(baseProps, grid);
       column.initialize();
 
       let data = column.getLookupData('name', 'employee 1');
-      expect(data).toEqual({});
-
-      await flushPromises();
-      data = column.getLookupData('name', 'employee 1');
-      expect(data).toEqual({ id: 1, name: 'employee 1', department: 1 });
-      expect(httpSpy).toHaveBeenCalledTimes(1);
+      setTimeout(async () => {
+        expect(data).toEqual({});
+  
+        await flushPromises();
+        data = column.getLookupData('name', 'employee 1');
+        expect(data).toEqual({ id: 1, name: 'employee 1', department: 1 });
+        expect(httpSpy).toHaveBeenCalledTimes(1);
+      }, 500);
     });
 
     it('should get lookup data using memory', async () => {
@@ -156,21 +159,24 @@ describe('TekGridColumn', () => {
 
     it('should get lookup data using filter when storeData is false', async () => {
       const grid = new TekGrid({ name: 'grid', component: 'TekGrid' });
+      grid.onCreated();
       baseProps.storeData = false;
       const column = new TekGridColumn(baseProps, grid);
       column.initialize();
 
       let data = column.getLookupData('name', 'employee 1');
-      expect(data).toEqual({});
-
-      await flushPromises();
-      data = column.getLookupData('name', 'employee 1');
-      expect(data).toEqual({ id: 1, name: 'employee 1', department: 1 });
-      expect(httpSpy).toHaveBeenCalledWith('/zeedhi', expect.objectContaining({
-        params: expect.objectContaining({
-          name: ['employee 1'],
-        }),
-      }));
+      setTimeout(async () => {
+        expect(data).toEqual({});
+
+        await flushPromises();
+        data = column.getLookupData('name', 'employee 1');
+        expect(data).toEqual({ id: 1, name: 'employee 1', department: 1 });
+        expect(httpSpy).toHaveBeenCalledWith('/zeedhi', expect.objectContaining({
+          params: expect.objectContaining({
+            name: ['employee 1'],
+          }),
+        }));
+      }, 500);
     });
   });
 

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

@@ -1,5 +1,6 @@
 import { I18n, Loader, SimpleControllerBuilder } from '@zeedhi/core';
-import { TekGrid, TekGridColumnsButton, TekGridColumnsButtonController, Grid, Checkbox, ITekGridProps } from '../../../../src';
+import { Grid, Checkbox } from '@zeedhi/common';
+import { TekGrid, TekGridColumnsButton, TekGridColumnsButtonController, ITekGridProps } from '../../../../src';
 
 const setupInstance = (props: Partial<ITekGridProps> = {}) => {
   const instance = new TekGrid({

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

@@ -1,13 +1,10 @@
 /* eslint-disable no-underscore-dangle */
 
 import {
-  Button,
   TekGrid, TekGridColumn,
-  ComponentRender,
   ITekGridAtoms,
   TekRestDatasource,
   DynamicFilterDatasourceFactory,
-  KeyMapMerger,
   TekMemoryDatasource,
   ITekGridProps,
 } from '../../../../src';
@@ -19,18 +16,23 @@ import {
   Newable,
 } from '@zeedhi/core';
 import {
+  Button,
+  ComponentRender,
+  KeyMapMerger,
   IterableTable,
+  TableActionBuilder,
+  DataEditorWithAdd,
+  ViewNavigator,
+} from '@zeedhi/common';
+import {
   GroupedDataSelector,
   TekGridEvents,
-  DataNavigator,
-  TableActionBuilder,
   ColumnsSearcher,
   GroupedDataManager,
   TekGridToolbarProvider,
-  GroupedViewNavigator,
-  DataEditorWithAdd,
+  GroupedDataNavigator,
 } from '../../../../src';
-import { createComponent, findComponent, setClick, spyOnAllMethods } from '../../__helpers__';
+import { createComponent, findComponent, setClick, spyOnAllMethods } from '../../../__helpers__';
 
 jest.mock('lodash.debounce', () => jest.fn((fn) => fn));
 
@@ -688,8 +690,8 @@ describe('TekGrid', () => {
       expect(spyObj.selectGroupClick).toHaveBeenCalledWith({ id: 1 }, true, {}, undefined);
     });
 
-    it('should call DataNavigator delegation methods', () => {
-      const spyObj = spyOnAllMethods(DataNavigator.prototype);
+    it('should call GroupedDataNavigator delegation methods', () => {
+      const spyObj = spyOnAllMethods(GroupedDataNavigator.prototype);
       const instance = new TekGrid(mockProps);
 
       instance.navigatePageUp();
@@ -702,8 +704,8 @@ describe('TekGrid', () => {
       expect(spyObj.navigateDatasource).toHaveBeenCalledWith('up');
     });
 
-    it('should call GroupedViewNavigator delegation methods', () => {
-      const spyObj = spyOnAllMethods(GroupedViewNavigator.prototype);
+    it('should call ViewNavigator delegation methods', () => {
+      const spyObj = spyOnAllMethods(ViewNavigator.prototype);
       const instance = new TekGrid(mockProps);
 
       instance.setViewNavigate(() => {});

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

@@ -6,7 +6,7 @@ import {
 import {
   TekMemoryDatasource, ITekMemoryDatasource,
 } from '../../../../src';
-import { flushPromises } from '../../__helpers__';
+import { flushPromises } from '../../../__helpers__';
 
 describe('TekMemoryDatasource', () => {
   init({

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

@@ -4,7 +4,7 @@ import {
 import {
   TekRestDatasource, ITekRestDatasource,
 } from '../../../../src';
-import { flushPromises } from '../../__helpers__';
+import { flushPromises } from '../../../__helpers__';
 
 describe('TekRestDatasource', () => {
   init({

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

@@ -0,0 +1,29 @@
+import { Loading } from '../../../../src';
+
+describe('Loading', () => {
+	describe('constructor()', () => {
+		it('should create a loading with default values', () => {
+			const instance = new Loading({
+				name: 'loading',
+				component: 'TekLoading',
+			});
+
+			expect(instance.text).toBe('');
+			expect(instance.image).toMatch(/^data:image\/gif;base64,/);
+		});
+
+		it('should replace the default values with provided properties', () => {
+			const instance = new Loading({
+				name: 'loading',
+				component: 'TekLoading',
+				image: '/img/zeedhi.svg',
+				text: 'zeedhi',
+				zIndex: '99',
+			});
+
+			expect(instance.image).toBe('/img/zeedhi.svg');
+			expect(instance.text).toBe('zeedhi');
+			expect(instance.zIndex).toBe('99');
+		});
+	});
+});

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

@@ -1,5 +1,5 @@
 import { ListItem } from '@zeedhi/common';
-import { Metadata } from '@zeedhi/core';
+import { Loader, Metadata, SimpleControllerBuilder } from '@zeedhi/core';
 import { UserInfo } from '@zeedhi/zd-user-info-common';
 import { TekUserInfo, TekUserInfoList, type ITekUserInfo } from '../../../../src';
 import { mockCreated } from '../../../__helpers__/mock-created-helper';
@@ -12,11 +12,18 @@ function instantiateAndCreate(props: ITekUserInfo) {
 }
 
 describe('TekUserInfoList', () => {
+  beforeAll(() => {
+    Loader.setBuilder(new SimpleControllerBuilder());
+  });
+
   afterEach(() => jest.clearAllMocks());
 
   describe('constructor()', () => {
     it('when parent is not defined, should throw', () => {
-      expect(() => (new TekUserInfoList({ name: 'TekUserInfo', component: 'TekUserInfoList' }))).toThrow();
+      expect(() => { 
+        const instance = new TekUserInfoList({ name: 'TekUserInfo', component: 'TekUserInfoList' });
+        instance.onCreated();
+      }).toThrow();
     });
 
     it('when parentName is defined, should call Metadata.getInstance', () => {
@@ -34,6 +41,7 @@ describe('TekUserInfoList', () => {
       });
 
       expect(instance).toBeDefined();
+      instance.onCreated();
       expect(spy).toHaveBeenCalled();
     });
   });
@@ -54,6 +62,7 @@ describe('TekUserInfoList', () => {
         parentName: 'parent',
       });
 
+      instance.onCreated();
       const item = new ListItem(instance.items[1]);
       item.click();
 
@@ -77,6 +86,7 @@ describe('TekUserInfoList', () => {
         parentName: 'parent',
       });
 
+      instance.onCreated();
       const item = new ListItem(instance.items[2]);
       item.click();
 

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

@@ -1,10 +1,11 @@
 import {
   Button, ListItem, type Modal, ModalService,
 } from '@zeedhi/common';
-import { Metadata, Http } from '@zeedhi/core';
+import { Metadata, Http, Loader, SimpleControllerBuilder } from '@zeedhi/core';
 import { UserInfo } from '@zeedhi/zd-user-info-common';
 import { type ITekUserInfo, TekUserInfo, TekUserInfoList } from '../../../../src';
 import { mockCreated } from '../../../__helpers__/mock-created-helper';
+import { flushPromises } from '../../../__helpers__';
 
 function instantiateAndCreate(props: ITekUserInfo) {
   const instance = new TekUserInfo(props);
@@ -14,6 +15,10 @@ function instantiateAndCreate(props: ITekUserInfo) {
 }
 
 describe('TekUserInfo', () => {
+  beforeAll(() => {
+    Loader.setBuilder(new SimpleControllerBuilder());
+  });
+
   afterEach(() => jest.clearAllMocks());
 
   describe('constructor()', () => {
@@ -247,16 +252,20 @@ describe('TekUserInfo', () => {
       spy.mockClear();
     });
 
-    it('when send button is clicked, should call onSendReport event', () => {
-      const onSendReport = jest.fn();
+    it('when send button is clicked, should call onSendReport event', async () => {
+      let onSendReportCalled = false;
       const spy = jest.spyOn(Metadata, 'getInstance').mockImplementation(() => ({
-        validate: () => true,
+        validate: async () => { 
+          return { valid: true };
+        },
       }));
       const instance = instantiateAndCreate({
         name: 'TekUserInfo',
         component: 'TekUserInfo',
         events: {
-          onSendReport,
+          onSendReport: () => {
+            onSendReportCalled = true;
+          },
         },
       });
       instance.onReportClick();
@@ -265,7 +274,9 @@ describe('TekUserInfo', () => {
 
       buttonInstance.click();
 
-      expect(onSendReport).toHaveBeenCalled();
+      await flushPromises();
+
+      expect(onSendReportCalled).toBeTruthy()
       spy.mockClear();
     });
 
@@ -408,6 +419,7 @@ describe('TekUserInfo', () => {
       const spy = jest.spyOn(Metadata, 'getInstance').mockImplementation(() => (instance));
 
       const list = new TekUserInfoList({ parentName: 'UserInfo', ...instance.bottomSlot[0] });
+      list.onCreated();
       const versionInfo = new ListItem({ ...list.items[0] });
       const about = new ListItem({ ...list.items[1] });
       const reportError = new ListItem({ ...list.items[2] });

package/tests/unit/utils/mock-console.ts

@@ -0,0 +1,18 @@
+const originalWarn = console.warn;
+const originalError = console.error;
+
+beforeAll(() => {
+  jest.spyOn(console, 'warn').mockImplementation((...args) => {
+    // Oculta apenas mensagens específicas
+    if (args.join(' ').includes('Duplicate component name detected')
+     || args.join(' ').includes('Row datasource do not have a key')
+     || args.join(' ').includes('Nenhum datasource foi passado para o componente')) return;
+    return originalWarn(...args);
+  });
+
+  jest.spyOn(console, 'error').mockImplementation((...args) => {
+    // Oculta apenas mensagens específicas
+    if (args.join(' ').includes('Controller ') && args.join(' ').includes(' not found')) return;
+    return originalError(...args);
+  });
+});

package/tests/unit/utils/setup.ts

@@ -0,0 +1,5 @@
+import { setImmediate } from 'timers';
+
+if (typeof global.setImmediate === 'undefined') {
+  (global as any).setImmediate = setImmediate;
+}

package/dist/types/error/delete-rows-error.d.ts

@@ -1,6 +0,0 @@
-/**
- * Delete rows error
- */
-export declare class TekGridDeleteRowsError extends Error {
-    constructor();
-}

package/jest.config.js

@@ -1 +0,0 @@
-module.exports = require('../../jest.config.js');

package/src/components/tek-grid/grouped-view-navigator.ts

@@ -1,84 +0,0 @@
-import { IEventParam, IDictionary } from '@zeedhi/core';
-import { Direction, IViewNavigator, ViewNavigator } from '@zeedhi/common';
-import { ITekGrid } from './interfaces';
-
-export class GroupedViewNavigator implements IViewNavigator {
-	private viewNavigator: ViewNavigator;
-
-	protected grid: ITekGrid;
-
-	constructor(iterable: ITekGrid) {
-		this.viewNavigator = new ViewNavigator();
-		this.grid = iterable;
-	}
-
-	navigateLeft(param: IEventParam<any>): void {
-		this.viewNavigator.navigateLeft(param);
-	}
-
-	navigateRight(param: IEventParam<any>): void {
-		this.viewNavigator.navigateRight(param);
-	}
-
-	setViewNavigate(viewNavigate: (direction: Direction, event?: Event) => void): void {
-		this.viewNavigator.setViewNavigate(viewNavigate);
-	}
-
-	private getRowIndex(groupedData: IDictionary[], index?: number) {
-		if (index) return index;
-
-		const { currentRow } = this.grid.datasource;
-		return groupedData.findIndex((row) => {
-			if (currentRow.group) {
-				return row.group && row.groupValue === currentRow.groupValue;
-			}
-			const rowKey = this.grid.getRowKey(row);
-			const currentRowKey = this.grid.getRowKey(currentRow);
-			return rowKey && rowKey === currentRowKey;
-		});
-	}
-
-	public navigateUp(index?: number) {
-		if (!this.grid.isGrouped() || this.grid.cellSelection) {
-			this.viewNavigator.navigateUp();
-			return;
-		}
-		const groupedData = this.grid.getGroupedData();
-
-		if (!groupedData.length || index === -1) return;
-
-		let rowIndex: number = this.getRowIndex(groupedData, index);
-
-		if (rowIndex === -1) rowIndex = groupedData.length;
-
-		const newRow = groupedData[rowIndex - 1];
-
-		if (!newRow || !this.grid.isItemVisible(newRow) || newRow.groupFooter) {
-			this.navigateUp(rowIndex - 1);
-			return;
-		}
-
-		this.grid.setCurrentRow(newRow);
-	}
-
-	public navigateDown(index?: number) {
-		if (!this.grid.isGrouped() || this.grid.cellSelection) {
-			this.viewNavigator.navigateDown();
-			return;
-		}
-		const groupedData = this.grid.getGroupedData();
-
-		if (!groupedData.length || index === groupedData.length) return;
-
-		const rowIndex = this.getRowIndex(groupedData, index);
-
-		const newRow = groupedData[rowIndex + 1];
-
-		if (!newRow || !this.grid.isItemVisible(newRow) || newRow.groupFooter) {
-			this.navigateDown(rowIndex + 1);
-			return;
-		}
-
-		this.grid.setCurrentRow(newRow);
-	}
-}

package/tests/unit/components/crud/crud-add-button.spec.ts

@@ -1,56 +0,0 @@
-import { CrudAddButton } from '../../../../src';
-
-describe('CrudAddButton', () => {
-  describe('constructor()', () => {
-    it('should create new CrudAddButton with default values', () => {
-      const instance = new CrudAddButton({
-        name: 'saveButton',
-        component: 'TekCrudSaveButton',
-      });
-
-      expect(instance.clickShortcutKey).toBe('f2');
-      expect(instance.dark).toBeFalsy();
-      expect(instance.disabled).toBeFalsy();
-      expect(instance.fab).toBeFalsy();
-      expect(instance.fixed).toBeFalsy();
-      expect(instance.flat).toBeTruthy();
-      expect(instance.href).toBe('');
-      expect(instance.icon).toBeTruthy();
-      expect(instance.iconName).toBe('plus');
-      expect(instance.label).toBe('');
-      expect(instance.color).toBe('#666');
-    });
-
-    it('should create new CrudAddButton replace default values', () => {
-      const instance = new CrudAddButton({
-        name: 'saveButton',
-        component: 'TekCrudSaveButton',
-        clickShortcutKey: 'f3',
-        flat: true,
-        icon: false,
-        color: '#ddd',
-        iconName: 'complete',
-      });
-      expect(instance.clickShortcutKey).toBe('f3');
-      expect(instance.color).toBe('#ddd');
-      expect(instance.fixed).toBeFalsy();
-      expect(instance.flat).toBeTruthy();
-      expect(instance.icon).toBeFalsy();
-      expect(instance.iconName).toBe('complete');
-    });
-
-    it('click()', () => {
-      const method = () => undefined;
-      const instance = new CrudAddButton({
-        name: 'saveButton',
-        component: 'TekCrudSaveButton',
-        clickShortcutKey: 'f2',
-        events: { click: method },
-      });
-      const spy = jest.spyOn((instance.events as any), 'click');
-      instance.click({} as Event, {} as HTMLElement);
-      expect(spy).toHaveBeenCalledWith({ component: instance, event: {}, element: {} });
-      spy.mockClear();
-    });
-  });
-});

package/tests/unit/components/crud/crud-button.spec.ts

@@ -1,94 +0,0 @@
-import { GridEditable } from '@zeedhi/common';
-import { KeyMap } from '@zeedhi/core';
-import { CrudButton, CrudForm } from '../../../../src';
-
-const dispatchEvent = (key: string, modifiers: any, repeated = false) => {
-  let prevented = false;
-  const event = new KeyboardEvent('keydown', modifiers);
-  delete (event as any).key;
-  Object.defineProperty(event, 'key', { value: key });
-  delete (event as any).code;
-  Object.defineProperty(event, 'code', { value: key });
-
-  if (repeated) {
-    delete (event as any).repeat;
-    Object.defineProperty(event, 'repeat', { value: true });
-  }
-
-  delete (event as any).preventDefault;
-  Object.defineProperty(event, 'preventDefault', {
-    value: () => {
-      prevented = true;
-    },
-  });
-  document.dispatchEvent(event);
-  return prevented;
-};
-
-describe('CrudButton', () => {
-  describe('constructor()', () => {
-    it('should init KeyMap', () => {
-      const instance = new CrudButton({ name: 'button', component: 'tekCrudButton' });
-      const element = document.createElement('div');
-      expect(instance.initKeyMap(element)).toBe(undefined);
-    });
-
-    it('should init shortcutClick', () => {
-      let called = false;
-      const method = () => { called = true; };
-      const keyMap = {
-        a: {
-          event: method,
-        },
-      };
-      const instance = new CrudButton({
-        name: 'button',
-        component: 'tekCrudButton',
-        clickShortcutKey: 'a',
-        keyMap,
-
-      });
-
-      KeyMap.bind(instance.keyMap);
-      dispatchEvent('a', {});
-      expect(called).toBeFalsy();
-      KeyMap.unbind(instance.keyMap);
-    });
-
-    it('should init shortcutClick disabled', () => {
-      let called = false;
-      const method = () => { called = true; };
-      const keyMap = {
-        a: {
-          event: method,
-        },
-      };
-      const instance = new CrudButton({
-        name: 'button',
-        component: 'tekCrudButton',
-        clickShortcutKey: 'a',
-        disabled: true,
-        keyMap,
-
-      });
-
-      KeyMap.bind(instance.keyMap);
-      dispatchEvent('a', {});
-      expect(called).toBeFalsy();
-    });
-
-    it('parent instanceof CrudForm', () => {
-      const instance = new CrudButton({ name: 'button', component: 'tekCrudButton' });
-      const crudForm = new CrudForm({ name: 'grid', component: 'CrudForm' });
-      instance.parent = crudForm;
-      expect(instance.parentIsEditing).toBeFalsy();
-    });
-
-    it('parent instanceof GridEditable', () => {
-      const instance = new CrudButton({ name: 'button', component: 'tekCrudButton' });
-      const crudForm = new GridEditable({ name: 'grid', component: 'CrudForm' });
-      instance.parent = crudForm;
-      expect(instance.parentIsEditing).toBeFalsy();
-    });
-  });
-});