@zeedhi/teknisa-components-common 1.107.2 → 1.108.0

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

@@ -1,112 +1,112 @@
-import { IDictionary } from '@zeedhi/core';
-import { TekDragGrid } from '../../../../src/components/tek-drag-grid/tek-drag-grid';
-
-const dragFromXToY = (from: number, to: number, data: IDictionary[]) => {
-  const row = data[from];
-  data.splice(from, 1);
-  data.splice(to, 0, row);
-  const event = {
-    oldIndex: from,
-    newIndex: to,
-  } as any;
-  const element = {} as HTMLElement;
-
-  return { event, element, row };
-};
-
-describe('DragGrid', () => {
-  describe('constructor()', () => {
-    it('create instance', () => {
-      const instance = new TekDragGrid({
-        name: 'DragGrid',
-        component: 'DragGrid',
-        orderColumnName: 'order',
-      });
-
-      expect(instance.orderColumnName).toBe('order');
-      expect(instance.orderMode).toBe('asc');
-
-      instance.orderColumnName = 'newOrder';
-      instance.orderMode = 'desc';
-
-      expect(instance.orderColumnName).toBe('newOrder');
-      expect(instance.orderMode).toBe('desc');
-    });
-  });
-
-  describe('onDragMove', () => {
-    it('should call onDragMove event', () => {
-      const onDragMove = jest.fn();
-
-      const instance = new TekDragGrid({
-        name: 'DragGrid',
-        component: 'DragGrid',
-        orderColumnName: 'order',
-        events: {
-          onDragMove,
-        },
-      });
-
-      const event = {} as Event;
-      const row = {};
-      const element = {} as HTMLElement;
-
-      instance.onDragMove(event, row, element);
-
-      expect(onDragMove).toHaveBeenCalled();
-    });
-  });
-
-  describe('onDragStart', () => {
-    it('should call onDragStart event', () => {
-      const onDragStart = jest.fn();
-
-      const instance = new TekDragGrid({
-        name: 'DragGrid',
-        component: 'DragGrid',
-        orderColumnName: 'order',
-        events: {
-          onDragStart,
-        },
-      });
-
-      const event = {} as Event;
-      const row = {};
-      const element = {} as HTMLElement;
-
-      instance.onDragStart(event, row, element);
-
-      expect(onDragStart).toHaveBeenCalled();
-    });
-  });
-
-  describe('onDragEnd()', () => {
-    it('when called, should change order columns of the rows', () => {
-      const instance = new TekDragGrid({
-        name: 'DragGrid',
-        component: 'DragGrid',
-        orderColumnName: 'order',
-        datasource: {
-          uniqueKey: 'id',
-          data: [
-            { id: 1, name: 'a', order: 0 },
-            { id: 2, name: 'b', order: 1 },
-            { id: 3, name: 'c', order: 2 },
-            { id: 4, name: 'd', order: 3 },
-          ],
-        },
-      });
-
-      const { event, row, element } = dragFromXToY(0, 1, instance.datasource.data);
-      instance.onDragEnd(event, row, element);
-
-      const editedrows = instance.getEditedRows();
-      expect(editedrows).toEqual(
-        expect.arrayContaining([
-          { id: 1, name: 'a', order: 1 },
-          { id: 2, name: 'b', order: 0 },
-        ]),
-      );
-    });
-  });
-});
+import { IDictionary } from '@zeedhi/core';
+import { TekDragGrid } from '../../../../src/components/tek-drag-grid/tek-drag-grid';
+
+const dragFromXToY = (from: number, to: number, data: IDictionary[]) => {
+  const row = data[from];
+  data.splice(from, 1);
+  data.splice(to, 0, row);
+  const event = {
+    oldIndex: from,
+    newIndex: to,
+  } as any;
+  const element = {} as HTMLElement;
+
+  return { event, element, row };
+};
+
+describe('DragGrid', () => {
+  describe('constructor()', () => {
+    it('create instance', () => {
+      const instance = new TekDragGrid({
+        name: 'DragGrid',
+        component: 'DragGrid',
+        orderColumnName: 'order',
+      });
+
+      expect(instance.orderColumnName).toBe('order');
+      expect(instance.orderMode).toBe('asc');
+
+      instance.orderColumnName = 'newOrder';
+      instance.orderMode = 'desc';
+
+      expect(instance.orderColumnName).toBe('newOrder');
+      expect(instance.orderMode).toBe('desc');
+    });
+  });
+
+  describe('onDragMove', () => {
+    it('should call onDragMove event', () => {
+      const onDragMove = jest.fn();
+
+      const instance = new TekDragGrid({
+        name: 'DragGrid',
+        component: 'DragGrid',
+        orderColumnName: 'order',
+        events: {
+          onDragMove,
+        },
+      });
+
+      const event = {} as Event;
+      const row = {};
+      const element = {} as HTMLElement;
+
+      instance.onDragMove(event, row, element);
+
+      expect(onDragMove).toHaveBeenCalled();
+    });
+  });
+
+  describe('onDragStart', () => {
+    it('should call onDragStart event', () => {
+      const onDragStart = jest.fn();
+
+      const instance = new TekDragGrid({
+        name: 'DragGrid',
+        component: 'DragGrid',
+        orderColumnName: 'order',
+        events: {
+          onDragStart,
+        },
+      });
+
+      const event = {} as Event;
+      const row = {};
+      const element = {} as HTMLElement;
+
+      instance.onDragStart(event, row, element);
+
+      expect(onDragStart).toHaveBeenCalled();
+    });
+  });
+
+  describe('onDragEnd()', () => {
+    it('when called, should change order columns of the rows', () => {
+      const instance = new TekDragGrid({
+        name: 'DragGrid',
+        component: 'DragGrid',
+        orderColumnName: 'order',
+        datasource: {
+          uniqueKey: 'id',
+          data: [
+            { id: 1, name: 'a', order: 0 },
+            { id: 2, name: 'b', order: 1 },
+            { id: 3, name: 'c', order: 2 },
+            { id: 4, name: 'd', order: 3 },
+          ],
+        },
+      });
+
+      const { event, row, element } = dragFromXToY(0, 1, instance.datasource.data);
+      instance.onDragEnd(event, row, element);
+
+      const editedrows = instance.getEditedRows();
+      expect(editedrows).toEqual(
+        expect.arrayContaining([
+          { id: 1, name: 'a', order: 1 },
+          { id: 2, name: 'b', order: 0 },
+        ]),
+      );
+    });
+  });
+});

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

@@ -1,148 +1,148 @@
-import { Config, DateHelper, dayjs } from '@zeedhi/core';
-import { TekFilterHelper, TekGrid } from '../../../../src';
-
-describe('TekFilterHelper', () => {
-  describe('getLabel', () => {
-    it('should return helper label', () => {
-      const dateHelperSpy = jest.spyOn(DateHelper, 'getLabel').mockImplementation((name: string) => name);
-
-      expect(TekFilterHelper.getLabel('TODAY')).toBe('TODAY');
-      dateHelperSpy.mockClear();
-    });
-  });
-
-  describe('getValue', () => {
-    it('should return helper value', () => {
-      const grid = new TekGrid({
-        name: 'grid',
-        component: 'TekGrid',
-        columns: [
-          {
-            name: 'date',
-            componentProps: {
-              name: 'date-comp',
-              component: 'ZdDate',
-              dateFormat: 'YYYY-MM-DD',
-            },
-          },
-        ],
-      });
-      const today = dayjs().format('YYYY-MM-DD');
-      const tomorrow = dayjs().add(1, 'day').format('YYYY-MM-DD');
-      const yesterday = dayjs().subtract(1, 'day').format('YYYY-MM-DD');
-      const last7Days = [
-        dayjs().subtract(7, 'day').format('YYYY-MM-DD'),
-        dayjs().format('YYYY-MM-DD'),
-      ];
-      const next7Days = [
-        dayjs().format('YYYY-MM-DD'),
-        dayjs().add(7, 'day').format('YYYY-MM-DD'),
-      ];
-      const currentWeek = [
-        dayjs().startOf('week').format('YYYY-MM-DD'),
-        dayjs().endOf('week').format('YYYY-MM-DD'),
-      ];
-      const currentMonth = [
-        dayjs().startOf('month').format('YYYY-MM-DD'),
-        dayjs().endOf('month').format('YYYY-MM-DD'),
-      ];
-      const currentYear = [
-        dayjs().startOf('year').format('YYYY-MM-DD'),
-        dayjs().endOf('year').format('YYYY-MM-DD'),
-      ];
-      expect(TekFilterHelper.getValue('TODAY', grid.columns[0])).toBe(today);
-      expect(TekFilterHelper.getValue('TOMORROW', grid.columns[0])).toBe(tomorrow);
-      expect(TekFilterHelper.getValue('YESTERDAY', grid.columns[0])).toBe(yesterday);
-      expect(TekFilterHelper.getValue('LAST_7_DAYS', grid.columns[0])).toEqual(last7Days);
-      expect(TekFilterHelper.getValue('NEXT_7_DAYS', grid.columns[0])).toEqual(next7Days);
-      expect(TekFilterHelper.getValue('CURRENT_WEEK', grid.columns[0])).toEqual(currentWeek);
-      expect(TekFilterHelper.getValue('CURRENT_MONTH', grid.columns[0])).toEqual(currentMonth);
-      expect(TekFilterHelper.getValue('CURRENT_YEAR', grid.columns[0])).toEqual(currentYear);
-    });
-
-    it('should use default date format if column does not have it', () => {
-      const grid = new TekGrid({
-        name: 'grid',
-        component: 'TekGrid',
-        columns: [
-          {
-            name: 'date',
-          },
-        ],
-      });
-      const today = dayjs().format(Config.dateFormat);
-      expect(TekFilterHelper.getValue('TODAY', grid.columns[0])).toBe(today);
-    });
-  });
-
-  describe('register', () => {
-    it('should register new functions', () => {
-      const grid = new TekGrid({
-        name: 'grid',
-        component: 'TekGrid',
-        columns: [
-          {
-            name: 'date',
-            componentProps: {
-              name: 'date-comp',
-              component: 'ZdDate',
-              dateFormat: 'YYYY-MM-DD',
-            },
-          },
-        ],
-      });
-
-      TekFilterHelper.register('NEXT_FIFTH_OF_THE_MONTH', 'Next fifth day of the month', () => {
-        const today = dayjs();
-        if (today.date() <= 5) return today.date(5).toDate();
-        return today.add(1, 'month').date(5).toDate();
-      });
-
-      TekFilterHelper.register('NEXT_WEEK', 'Next Week', () => {
-        const startOfNextWeek = dayjs().startOf('week').add(1, 'week').toDate();
-        const endOfNextWeek = dayjs().endOf('week').add(1, 'week').toDate();
-        return [startOfNextWeek, endOfNextWeek];
-      });
-
-      const today = dayjs();
-      let nextFifth = '';
-      if (today.date() <= 5) {
-        nextFifth = today.date(5).format('YYYY-MM-DD');
-      } else {
-        nextFifth = today.add(1, 'month').date(5).format('YYYY-MM-DD');
-      }
-
-      const nextWeek = [
-        dayjs().startOf('week').add(1, 'week').format('YYYY-MM-DD'),
-        dayjs().endOf('week').add(1, 'week').format('YYYY-MM-DD'),
-      ];
-      expect(TekFilterHelper.getValue('NEXT_FIFTH_OF_THE_MONTH', grid.columns[0])).toBe(nextFifth);
-      expect(TekFilterHelper.getValue('NEXT_WEEK', grid.columns[0])).toEqual(nextWeek);
-    });
-  });
-
-  describe('unregister', () => {
-    it('should unregister new functions', () => {
-      const grid = new TekGrid({
-        name: 'grid',
-        component: 'TekGrid',
-        columns: [
-          {
-            name: 'date',
-            componentProps: {
-              name: 'date-comp',
-              component: 'ZdDate',
-              dateFormat: 'YYYY-MM-DD',
-            },
-          },
-        ],
-      });
-
-      TekFilterHelper.unregister('NEXT_FIFTH_OF_THE_MONTH');
-      TekFilterHelper.unregister('NEXT_WEEK');
-
-      expect(TekFilterHelper.getValue('NEXT_FIFTH_OF_THE_MONTH', grid.columns[0])).toBe('');
-      expect(TekFilterHelper.getValue('NEXT_WEEK', grid.columns[0])).toEqual('');
-    });
-  });
-});
+import { Config, DateHelper, dayjs } from '@zeedhi/core';
+import { TekFilterHelper, TekGrid } from '../../../../src';
+
+describe('TekFilterHelper', () => {
+  describe('getLabel', () => {
+    it('should return helper label', () => {
+      const dateHelperSpy = jest.spyOn(DateHelper, 'getLabel').mockImplementation((name: string) => name);
+
+      expect(TekFilterHelper.getLabel('TODAY')).toBe('TODAY');
+      dateHelperSpy.mockClear();
+    });
+  });
+
+  describe('getValue', () => {
+    it('should return helper value', () => {
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        columns: [
+          {
+            name: 'date',
+            componentProps: {
+              name: 'date-comp',
+              component: 'ZdDate',
+              dateFormat: 'YYYY-MM-DD',
+            },
+          },
+        ],
+      });
+      const today = dayjs().format('YYYY-MM-DD');
+      const tomorrow = dayjs().add(1, 'day').format('YYYY-MM-DD');
+      const yesterday = dayjs().subtract(1, 'day').format('YYYY-MM-DD');
+      const last7Days = [
+        dayjs().subtract(7, 'day').format('YYYY-MM-DD'),
+        dayjs().format('YYYY-MM-DD'),
+      ];
+      const next7Days = [
+        dayjs().format('YYYY-MM-DD'),
+        dayjs().add(7, 'day').format('YYYY-MM-DD'),
+      ];
+      const currentWeek = [
+        dayjs().startOf('week').format('YYYY-MM-DD'),
+        dayjs().endOf('week').format('YYYY-MM-DD'),
+      ];
+      const currentMonth = [
+        dayjs().startOf('month').format('YYYY-MM-DD'),
+        dayjs().endOf('month').format('YYYY-MM-DD'),
+      ];
+      const currentYear = [
+        dayjs().startOf('year').format('YYYY-MM-DD'),
+        dayjs().endOf('year').format('YYYY-MM-DD'),
+      ];
+      expect(TekFilterHelper.getValue('TODAY', grid.columns[0])).toBe(today);
+      expect(TekFilterHelper.getValue('TOMORROW', grid.columns[0])).toBe(tomorrow);
+      expect(TekFilterHelper.getValue('YESTERDAY', grid.columns[0])).toBe(yesterday);
+      expect(TekFilterHelper.getValue('LAST_7_DAYS', grid.columns[0])).toEqual(last7Days);
+      expect(TekFilterHelper.getValue('NEXT_7_DAYS', grid.columns[0])).toEqual(next7Days);
+      expect(TekFilterHelper.getValue('CURRENT_WEEK', grid.columns[0])).toEqual(currentWeek);
+      expect(TekFilterHelper.getValue('CURRENT_MONTH', grid.columns[0])).toEqual(currentMonth);
+      expect(TekFilterHelper.getValue('CURRENT_YEAR', grid.columns[0])).toEqual(currentYear);
+    });
+
+    it('should use default date format if column does not have it', () => {
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        columns: [
+          {
+            name: 'date',
+          },
+        ],
+      });
+      const today = dayjs().format(Config.dateFormat);
+      expect(TekFilterHelper.getValue('TODAY', grid.columns[0])).toBe(today);
+    });
+  });
+
+  describe('register', () => {
+    it('should register new functions', () => {
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        columns: [
+          {
+            name: 'date',
+            componentProps: {
+              name: 'date-comp',
+              component: 'ZdDate',
+              dateFormat: 'YYYY-MM-DD',
+            },
+          },
+        ],
+      });
+
+      TekFilterHelper.register('NEXT_FIFTH_OF_THE_MONTH', 'Next fifth day of the month', () => {
+        const today = dayjs();
+        if (today.date() <= 5) return today.date(5).toDate();
+        return today.add(1, 'month').date(5).toDate();
+      });
+
+      TekFilterHelper.register('NEXT_WEEK', 'Next Week', () => {
+        const startOfNextWeek = dayjs().startOf('week').add(1, 'week').toDate();
+        const endOfNextWeek = dayjs().endOf('week').add(1, 'week').toDate();
+        return [startOfNextWeek, endOfNextWeek];
+      });
+
+      const today = dayjs();
+      let nextFifth = '';
+      if (today.date() <= 5) {
+        nextFifth = today.date(5).format('YYYY-MM-DD');
+      } else {
+        nextFifth = today.add(1, 'month').date(5).format('YYYY-MM-DD');
+      }
+
+      const nextWeek = [
+        dayjs().startOf('week').add(1, 'week').format('YYYY-MM-DD'),
+        dayjs().endOf('week').add(1, 'week').format('YYYY-MM-DD'),
+      ];
+      expect(TekFilterHelper.getValue('NEXT_FIFTH_OF_THE_MONTH', grid.columns[0])).toBe(nextFifth);
+      expect(TekFilterHelper.getValue('NEXT_WEEK', grid.columns[0])).toEqual(nextWeek);
+    });
+  });
+
+  describe('unregister', () => {
+    it('should unregister new functions', () => {
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        columns: [
+          {
+            name: 'date',
+            componentProps: {
+              name: 'date-comp',
+              component: 'ZdDate',
+              dateFormat: 'YYYY-MM-DD',
+            },
+          },
+        ],
+      });
+
+      TekFilterHelper.unregister('NEXT_FIFTH_OF_THE_MONTH');
+      TekFilterHelper.unregister('NEXT_WEEK');
+
+      expect(TekFilterHelper.getValue('NEXT_FIFTH_OF_THE_MONTH', grid.columns[0])).toBe('');
+      expect(TekFilterHelper.getValue('NEXT_WEEK', grid.columns[0])).toEqual('');
+    });
+  });
+});