@zeedhi/teknisa-components-common 1.108.0 → 1.109.0

package/tests/__mocks__/@zeedhi/core/i18n.js

@@ -1,75 +1,75 @@
-/**
- * Mock for @zeedhi/core I18n API
- */
-
-const words = {
-  TEKGRID_CONTAINS: 'contains',
-  TEKGRID_NOT_CONTAINS: 'does not contain',
-  TEKGRID_EQUALS: 'is equal to',
-  TEKGRID_NOT_EQUALS: 'is different from',
-  TEKGRID_GREATER_THAN: 'is greater than',
-  TEKGRID_LESS_THAN: 'is less than',
-  TEKGRID_GREATER_THAN_EQUALS: 'is greater or equals to',
-  TEKGRID_LESS_THAN_EQUALS: 'is less or equals to',
-  TEKGRID_IN: 'is in',
-  TEKGRID_NOT_IN: 'is not in',
-  TEKGRID_BETWEEN: 'is between',
-  TEKGRID_AND: 'and',
-  TEKGRID_OR: 'or',
-  TEKGRID_ADD: 'Add',
-  TEKGRID_DELETE: 'Delete',
-  TEKGRID_REFRESH: 'Refresh',
-  TEKGRID_COLUMNS: 'Columns',
-  TEKGRID_SAVE: 'Save',
-  TEKGRID_CANCEL: 'Cancel',
-  TEKGRID_FILTER: 'Filter',
-  TEKGRID_MULTIPLE_VALUE_HINT: 'Separate values using ";"',
-  TEKGRID_EXPORT: 'Export',
-  TEKGRID_EXPORT_AS: 'Export as {{type}}',
-  TEKGRID_COLUMN_VISIBLE: 'Visible',
-  TEKGRID_COLUMN_GROUPED: 'Grouped',
-  TEKGRID_COLUMN_AGGREGATION: 'Aggregation',
-  TEKGRID_AGGREGATION_SUM: 'Sum',
-  TEKGRID_AGGREGATION_AVG: 'Average',
-  TEKGRID_AGGREGATION_MAX: 'Maximum',
-  TEKGRID_AGGREGATION_MIN: 'Minimum',
-  TEKGRID_AGGREGATION_COUNT: 'Count',
-  NO_NOTIFICATIONS: 'No Notifications',
-  MARK_ALL_AS_READ: 'Mark all as read',
-  NOTIFICATIONS: 'Notifications',
-  SEE_ALL_NOTIFICATIONS: 'See all notifications',
-  UNAVAILABLE_IMAGE: 'Unavailable image',
-  REFRESH: 'Refresh',
-  ACTIONS: 'Actions',
-  FILTER: 'Filter',
-  LAYOUT: 'Layout: ',
-  NEW_LAYOUT: 'New layout',
-  DEFAULT_LAYOUT: 'Default',
-};
-
-const notImplemented = (name, isMethod = true) => {
-  const member = isMethod ? `I18n.${name}() method` : `I18n.${name} property`;
-  throw new Error(`The ${member} is not yet implemented/mocked by the mock in 'tests/__mocks__/@zeedhi/core/i18n.ts'.`);
-}
-
-const mock = {
-  translate: (value, variables) => {
-    let result = words[value] || value;
-    const keys = variables ? Object.keys(variables) : undefined;
-    if (keys) {
-      keys.forEach((key) => {
-        result = result.replace(`{{${key}}}`, variables[key]);
-      });
-    }
-
-    return result;
-  },
-  registerChangeListener: () => notImplemented('registerChangeListener'),
-  unregisterChangeListener: () => notImplemented('unregisterChangeListener'),
-  init: () => notImplemented('init'),
-  changeLanguage: () => notImplemented('changeLanguage'),
-  get instance() { return { language: 'en-US'} },
-  set instance(_value) { notImplemented('instance setter') },
-}
-
+/**
+ * Mock for @zeedhi/core I18n API
+ */
+
+const words = {
+  TEKGRID_CONTAINS: 'contains',
+  TEKGRID_NOT_CONTAINS: 'does not contain',
+  TEKGRID_EQUALS: 'is equal to',
+  TEKGRID_NOT_EQUALS: 'is different from',
+  TEKGRID_GREATER_THAN: 'is greater than',
+  TEKGRID_LESS_THAN: 'is less than',
+  TEKGRID_GREATER_THAN_EQUALS: 'is greater or equals to',
+  TEKGRID_LESS_THAN_EQUALS: 'is less or equals to',
+  TEKGRID_IN: 'is in',
+  TEKGRID_NOT_IN: 'is not in',
+  TEKGRID_BETWEEN: 'is between',
+  TEKGRID_AND: 'and',
+  TEKGRID_OR: 'or',
+  TEKGRID_ADD: 'Add',
+  TEKGRID_DELETE: 'Delete',
+  TEKGRID_REFRESH: 'Refresh',
+  TEKGRID_COLUMNS: 'Columns',
+  TEKGRID_SAVE: 'Save',
+  TEKGRID_CANCEL: 'Cancel',
+  TEKGRID_FILTER: 'Filter',
+  TEKGRID_MULTIPLE_VALUE_HINT: 'Separate values using ";"',
+  TEKGRID_EXPORT: 'Export',
+  TEKGRID_EXPORT_AS: 'Export as {{type}}',
+  TEKGRID_COLUMN_VISIBLE: 'Visible',
+  TEKGRID_COLUMN_GROUPED: 'Grouped',
+  TEKGRID_COLUMN_AGGREGATION: 'Aggregation',
+  TEKGRID_AGGREGATION_SUM: 'Sum',
+  TEKGRID_AGGREGATION_AVG: 'Average',
+  TEKGRID_AGGREGATION_MAX: 'Maximum',
+  TEKGRID_AGGREGATION_MIN: 'Minimum',
+  TEKGRID_AGGREGATION_COUNT: 'Count',
+  NO_NOTIFICATIONS: 'No Notifications',
+  MARK_ALL_AS_READ: 'Mark all as read',
+  NOTIFICATIONS: 'Notifications',
+  SEE_ALL_NOTIFICATIONS: 'See all notifications',
+  UNAVAILABLE_IMAGE: 'Unavailable image',
+  REFRESH: 'Refresh',
+  ACTIONS: 'Actions',
+  FILTER: 'Filter',
+  LAYOUT: 'Layout: ',
+  NEW_LAYOUT: 'New layout',
+  DEFAULT_LAYOUT: 'Default',
+};
+
+const notImplemented = (name, isMethod = true) => {
+  const member = isMethod ? `I18n.${name}() method` : `I18n.${name} property`;
+  throw new Error(`The ${member} is not yet implemented/mocked by the mock in 'tests/__mocks__/@zeedhi/core/i18n.ts'.`);
+}
+
+const mock = {
+  translate: (value, variables) => {
+    let result = words[value] || value;
+    const keys = variables ? Object.keys(variables) : undefined;
+    if (keys) {
+      keys.forEach((key) => {
+        result = result.replace(`{{${key}}}`, variables[key]);
+      });
+    }
+
+    return result;
+  },
+  registerChangeListener: () => notImplemented('registerChangeListener'),
+  unregisterChangeListener: () => notImplemented('unregisterChangeListener'),
+  init: () => notImplemented('init'),
+  changeLanguage: () => notImplemented('changeLanguage'),
+  get instance() { return { language: 'en-US'} },
+  set instance(_value) { notImplemented('instance setter') },
+}
+
 module.exports = mock;

package/tests/__mocks__/@zeedhi/core.js

@@ -1,5 +1,5 @@
-const core = jest.requireActual('@zeedhi/core');
-
-core.I18n = require('./core/i18n');
-
+const core = jest.requireActual('@zeedhi/core');
+
+core.I18n = require('./core/i18n');
+
 module.exports = core;

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

@@ -1,56 +1,56 @@
-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();
-    });
-  });
-});
+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 +1,94 @@
-import { GridEditable } from '@zeedhi/common';
-import { KeyMap } from '@zeedhi/core';
-import { CrudButton, CrudForm } from '../../../../src';
-
-const dispatchEvent = (key: string, modifiers: any, repeated: boolean = 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();
-    });
-  });
-});
+import { GridEditable } from '@zeedhi/common';
+import { KeyMap } from '@zeedhi/core';
+import { CrudButton, CrudForm } from '../../../../src';
+
+const dispatchEvent = (key: string, modifiers: any, repeated: boolean = 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();
+    });
+  });
+});

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

@@ -1,91 +1,91 @@
-import { GridEditable } from '@zeedhi/common';
-import { CrudCancelButton, CrudForm } from '../../../../src';
-
-describe('CrudCancelButton', () => {
-  describe('constructor', () => {
-    it('should create new CrudCancelButton with default values', () => {
-      const instance = new CrudCancelButton({
-        name: 'button',
-        component: 'TekCrudCancelButton',
-        clickShortcutKey: 'esc',
-      });
-
-      expect(instance.clickShortcutKey).toBe('esc');
-      expect(instance.label).toBe('CANCEL');
-      expect(instance.outline).toBeTruthy();
-    });
-
-    it('should create new CrudCancelButton replace default values', () => {
-      const instance = new CrudCancelButton({
-        name: 'button',
-        component: 'TekCrudCancelButton',
-        clickShortcutKey: '',
-        label: 'cancelar',
-        outline: false,
-      });
-
-      expect(instance.clickShortcutKey).toBe('esc');
-      expect(instance.label).toBe('cancelar');
-      expect(instance.outline).toBeFalsy();
-    });
-
-    it('click() CrudForm', () => {
-      const method = jest.fn();
-      const instance = new CrudCancelButton({
-        name: 'cancelButton',
-        component: 'TekCrudCancelButton',
-        clickShortcutKey: 'esc',
-        events: { click: method },
-      });
-
-      instance.click({} as Event, {} as HTMLElement);
-      expect(method).not.toHaveBeenCalled();
-      const crudForm = new CrudForm({ name: 'form', component: 'CrudForm' });
-      instance.parent = crudForm;
-      instance.click({} as Event, {} as HTMLElement);
-      expect(method).toHaveBeenCalled();
-    });
-
-    it('click() CrudForm with defaultPrevent false', () => {
-      const instance = new CrudCancelButton({
-        name: 'cancelButton',
-        component: 'TekCrudCancelButton',
-      });
-
-      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
-      const crudForm = new CrudForm({ name: 'form', component: 'CrudForm' });
-      instance.parent = crudForm;
-      instance.click({ defaultPrevented: true } as Event, {} as HTMLElement);
-      expect(instance.parent).toBeInstanceOf(CrudForm);
-    });
-
-    it('click() GridEditable', () => {
-      const method = jest.fn();
-      const instance = new CrudCancelButton({
-        name: 'cancelButton',
-        component: 'TekCrudCancelButton',
-        clickShortcutKey: 'esc',
-        events: { click: method },
-      });
-      instance.click({} as Event, {} as HTMLElement);
-      expect(method).not.toHaveBeenCalled();
-      const gridEditable = new GridEditable({ name: 'form', component: 'GridEditable' });
-      instance.parent = gridEditable;
-      instance.click({} as Event, {} as HTMLElement);
-      expect(method).toHaveBeenCalled();
-    });
-
-    it('click() GridEditable with defaultPrevent false', () => {
-      const instance = new CrudCancelButton({
-        name: 'cancelButton',
-        component: 'TekCrudCancelButton',
-      });
-
-      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
-      const grid = new GridEditable({ name: 'form', component: 'GridEditable' });
-      instance.parent = grid;
-      instance.click({ defaultPrevented: true } as Event, {} as HTMLElement);
-      expect(instance.parent).toBeInstanceOf(GridEditable);
-    });
-  });
-});
+import { GridEditable } from '@zeedhi/common';
+import { CrudCancelButton, CrudForm } from '../../../../src';
+
+describe('CrudCancelButton', () => {
+  describe('constructor', () => {
+    it('should create new CrudCancelButton with default values', () => {
+      const instance = new CrudCancelButton({
+        name: 'button',
+        component: 'TekCrudCancelButton',
+        clickShortcutKey: 'esc',
+      });
+
+      expect(instance.clickShortcutKey).toBe('esc');
+      expect(instance.label).toBe('CANCEL');
+      expect(instance.outline).toBeTruthy();
+    });
+
+    it('should create new CrudCancelButton replace default values', () => {
+      const instance = new CrudCancelButton({
+        name: 'button',
+        component: 'TekCrudCancelButton',
+        clickShortcutKey: '',
+        label: 'cancelar',
+        outline: false,
+      });
+
+      expect(instance.clickShortcutKey).toBe('esc');
+      expect(instance.label).toBe('cancelar');
+      expect(instance.outline).toBeFalsy();
+    });
+
+    it('click() CrudForm', () => {
+      const method = jest.fn();
+      const instance = new CrudCancelButton({
+        name: 'cancelButton',
+        component: 'TekCrudCancelButton',
+        clickShortcutKey: 'esc',
+        events: { click: method },
+      });
+
+      instance.click({} as Event, {} as HTMLElement);
+      expect(method).not.toHaveBeenCalled();
+      const crudForm = new CrudForm({ name: 'form', component: 'CrudForm' });
+      instance.parent = crudForm;
+      instance.click({} as Event, {} as HTMLElement);
+      expect(method).toHaveBeenCalled();
+    });
+
+    it('click() CrudForm with defaultPrevent false', () => {
+      const instance = new CrudCancelButton({
+        name: 'cancelButton',
+        component: 'TekCrudCancelButton',
+      });
+
+      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
+      const crudForm = new CrudForm({ name: 'form', component: 'CrudForm' });
+      instance.parent = crudForm;
+      instance.click({ defaultPrevented: true } as Event, {} as HTMLElement);
+      expect(instance.parent).toBeInstanceOf(CrudForm);
+    });
+
+    it('click() GridEditable', () => {
+      const method = jest.fn();
+      const instance = new CrudCancelButton({
+        name: 'cancelButton',
+        component: 'TekCrudCancelButton',
+        clickShortcutKey: 'esc',
+        events: { click: method },
+      });
+      instance.click({} as Event, {} as HTMLElement);
+      expect(method).not.toHaveBeenCalled();
+      const gridEditable = new GridEditable({ name: 'form', component: 'GridEditable' });
+      instance.parent = gridEditable;
+      instance.click({} as Event, {} as HTMLElement);
+      expect(method).toHaveBeenCalled();
+    });
+
+    it('click() GridEditable with defaultPrevent false', () => {
+      const instance = new CrudCancelButton({
+        name: 'cancelButton',
+        component: 'TekCrudCancelButton',
+      });
+
+      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
+      const grid = new GridEditable({ name: 'form', component: 'GridEditable' });
+      instance.parent = grid;
+      instance.click({ defaultPrevented: true } as Event, {} as HTMLElement);
+      expect(instance.parent).toBeInstanceOf(GridEditable);
+    });
+  });
+});