@zeedhi/teknisa-components-common 1.97.4 → 1.97.6

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

@@ -42,6 +42,43 @@ const createAndMount = (props: ITekGrid) => {
   return instance;
 };
 
+const createGroupedGrid = async (props: Partial<ITekGrid> = {}) => {
+  const grid = createAndMount({
+    name: 'grid',
+    component: 'TekGrid',
+    columns: [
+      { name: 'id' },
+      { name: 'name' },
+      { name: 'month' },
+      { name: 'department', grouped: true },
+    ],
+    datasource: {
+      uniqueKey: 'id',
+      data: [
+        {
+          id: '1', name: 'First', month: 11, department: 1,
+        },
+        {
+          id: '2', name: 'Second', month: 11, department: 1,
+        },
+        {
+          id: '3', name: 'Third', month: 11, department: 2,
+        },
+        {
+          id: '4', name: 'Fourth', month: 12, department: 1,
+        },
+        {
+          id: '5', name: 'Fifth', month: 12, department: 2,
+        },
+      ],
+    },
+    ...props,
+  });
+
+  await flushPromises();
+  return grid;
+};
+
 describe('TekGrid', () => {
   beforeEach(() => {
     // clear all metadata instances before testing
@@ -2030,7 +2067,6 @@ describe('TekGrid', () => {
       grid.rowClick(data[0], event, element);
 
       expect(rowClick).not.toHaveBeenCalled();
-      expect(grid.datasource.currentRow).toEqual({});
     });
   });
 
@@ -2071,7 +2107,6 @@ describe('TekGrid', () => {
         row: grid.groupedData[0],
         component: grid,
       });
-      expect(grid.datasource.currentRow).toEqual({});
     });
 
     it('should not call events.groupRowClick if cellClick prevents it', async () => {
@@ -2322,4 +2357,371 @@ describe('TekGrid', () => {
       expect(spy).toHaveBeenCalledTimes(1);
     });
   });
+
+  describe('addNewRow', () => {
+    it('when not using groups, should add a new row to the datasource', async () => {
+      const instance = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        datasource: {
+          page: 1,
+          data: [
+            { id: 1 },
+          ],
+        },
+      });
+      const newRow1 = { id: 2 };
+      await instance.addNewRow(newRow1, 'start');
+      expect(instance.datasource.data[0]).toEqual({ id: 2, __added_row: true });
+      expect(instance.datasource.data[1]).toEqual({ id: 1 });
+    });
+
+    it('should add a new row to the groupedData array', async () => {
+      const grid = await createGroupedGrid();
+
+      expect(grid.groupedData).toMatchObject([
+        { groupValue: 1 },
+        { id: '1', groupHeaders: [{ groupValue: 1 }] },
+        { id: '2', groupHeaders: [{ groupValue: 1 }] },
+        { id: '4', groupHeaders: [{ groupValue: 1 }] },
+        { groupValue: 2 },
+        { id: '3', groupHeaders: [{ groupValue: 2 }] },
+        { id: '5', groupHeaders: [{ groupValue: 2 }] },
+      ]);
+      expect(grid.groupedData[0].children).toMatchObject([
+        { id: '1' },
+        { id: '2' },
+        { id: '4' },
+      ]);
+
+      await grid.addNewRow({ id: '999', name: 'new', department: 1 });
+
+      expect(grid.groupedData).toMatchObject([
+        { groupValue: 1 },
+        { id: '1', groupHeaders: [{ groupValue: 1 }] },
+        { id: '2', groupHeaders: [{ groupValue: 1 }] },
+        { id: '4', groupHeaders: [{ groupValue: 1 }] },
+        { id: '999', groupHeaders: [{ groupValue: 1 }] },
+        { groupValue: 2 },
+        { id: '3', groupHeaders: [{ groupValue: 2 }] },
+        { id: '5', groupHeaders: [{ groupValue: 2 }] },
+      ]);
+      expect(grid.groupedData[0].children).toMatchObject([
+        { id: '1' },
+        { id: '2' },
+        { id: '4' },
+        { id: '999' },
+      ]);
+    });
+
+    it('should add a new row to the groupedData array using nested groups', async () => {
+      const grid = await createGroupedGrid({
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+          { name: 'month', grouped: true },
+          { name: 'department', grouped: true },
+        ],
+      });
+
+      expect(grid.groupedData).toMatchObject([
+        { groupValue: 11 },
+        { groupValue: 1, groupHeaders: [{ groupValue: 11 }] },
+        { id: '1', groupHeaders: [{ groupValue: 11 }, { groupValue: 1 }] },
+        { id: '2', groupHeaders: [{ groupValue: 11 }, { groupValue: 1 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 11 }] },
+        { id: '3', groupHeaders: [{ groupValue: 11 }, { groupValue: 2 }] },
+        { groupValue: 12 },
+        { groupValue: 1, groupHeaders: [{ groupValue: 12 }] },
+        { id: '4', groupHeaders: [{ groupValue: 12 }, { groupValue: 1 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 12 }] },
+        { id: '5', groupHeaders: [{ groupValue: 12 }, { groupValue: 2 }] },
+      ]);
+
+      await grid.addNewRow({
+        id: '999', name: 'new', month: 12, department: 1,
+      }, 'start');
+
+      expect(grid.groupedData).toMatchObject([
+        { groupValue: 11 },
+        { groupValue: 1, groupHeaders: [{ groupValue: 11 }] },
+        { id: '1', groupHeaders: [{ groupValue: 11 }, { groupValue: 1 }] },
+        { id: '2', groupHeaders: [{ groupValue: 11 }, { groupValue: 1 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 11 }] },
+        { id: '3', groupHeaders: [{ groupValue: 11 }, { groupValue: 2 }] },
+        { groupValue: 12 },
+        { groupValue: 1, groupHeaders: [{ groupValue: 12 }] },
+        { id: '999', groupHeaders: [{ groupValue: 12 }, { groupValue: 1 }] },
+        { id: '4', groupHeaders: [{ groupValue: 12 }, { groupValue: 1 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 12 }] },
+        { id: '5', groupHeaders: [{ groupValue: 12 }, { groupValue: 2 }] },
+      ]);
+
+      expect(grid.groupedData[6].children).toMatchObject([
+        { id: '999' },
+        { id: '4' },
+        { id: '5' },
+      ]);
+      expect(grid.groupedData[7].children).toMatchObject([
+        { id: '999' },
+        { id: '4' },
+      ]);
+    });
+
+    it('should add a new row to a group that doesnt exist', async () => {
+      const grid = await createGroupedGrid();
+
+      await grid.addNewRow({ id: '999', name: 'new', department: 999 }, 'end');
+
+      expect(grid.groupedData).toMatchObject([
+        { groupValue: 1 },
+        { id: '1', groupHeaders: [{ groupValue: 1 }] },
+        { id: '2', groupHeaders: [{ groupValue: 1 }] },
+        { id: '4', groupHeaders: [{ groupValue: 1 }] },
+        { groupValue: 2 },
+        { id: '3', groupHeaders: [{ groupValue: 2 }] },
+        { id: '5', groupHeaders: [{ groupValue: 2 }] },
+        { groupValue: 999 },
+        { id: '999', groupHeaders: [{ groupValue: 999 }] },
+      ]);
+    });
+
+    it('should add a new row to a group that doesnt exist using nested groups', async () => {
+      const grid = await createGroupedGrid({
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+          { name: 'month', grouped: true },
+          { name: 'department', grouped: true },
+        ],
+      });
+
+      await grid.addNewRow({
+        id: '999', name: 'new', month: 999, department: 1,
+      }, 'end');
+
+      expect(grid.groupedData).toMatchObject([
+        { groupValue: 11 },
+        { groupValue: 1, groupHeaders: [{ groupValue: 11 }] },
+        { id: '1', groupHeaders: [{ groupValue: 11 }, { groupValue: 1 }] },
+        { id: '2', groupHeaders: [{ groupValue: 11 }, { groupValue: 1 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 11 }] },
+        { id: '3', groupHeaders: [{ groupValue: 11 }, { groupValue: 2 }] },
+        { groupValue: 12 },
+        { groupValue: 1, groupHeaders: [{ groupValue: 12 }] },
+        { id: '4', groupHeaders: [{ groupValue: 12 }, { groupValue: 1 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 12 }] },
+        { id: '5', groupHeaders: [{ groupValue: 12 }, { groupValue: 2 }] },
+        // new group
+        { groupValue: 999 },
+        { groupValue: 1, groupHeaders: [{ groupValue: 999 }] },
+        { id: '999', groupHeaders: [{ groupValue: 999 }, { groupValue: 1 }] },
+      ]);
+    });
+
+    it('should add a new row to a group that doesnt inside a group that exists', async () => {
+      const grid = await createGroupedGrid({
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+          { name: 'month', grouped: true },
+          { name: 'department', grouped: true },
+        ],
+      });
+
+      await grid.addNewRow({
+        id: '999', name: 'new', month: 11, department: 999,
+      }, 'end');
+
+      expect(grid.groupedData).toMatchObject([
+        { groupValue: 11 },
+        { groupValue: 999, groupHeaders: [{ groupValue: 11 }] },
+        { id: '999', groupHeaders: [{ groupValue: 11 }, { groupValue: 999 }] },
+        { groupValue: 1, groupHeaders: [{ groupValue: 11 }] },
+        { id: '1', groupHeaders: [{ groupValue: 11 }, { groupValue: 1 }] },
+        { id: '2', groupHeaders: [{ groupValue: 11 }, { groupValue: 1 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 11 }] },
+        { id: '3', groupHeaders: [{ groupValue: 11 }, { groupValue: 2 }] },
+        { groupValue: 12 },
+        { groupValue: 1, groupHeaders: [{ groupValue: 12 }] },
+        { id: '4', groupHeaders: [{ groupValue: 12 }, { groupValue: 1 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 12 }] },
+        { id: '5', groupHeaders: [{ groupValue: 12 }, { groupValue: 2 }] },
+      ]);
+    });
+
+    it('should add a new row inside nested groups that doesnt exist', async () => {
+      const grid = await createGroupedGrid({
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+          { name: 'year', grouped: true },
+          { name: 'month', grouped: true },
+          { name: 'department', grouped: true },
+        ],
+        datasource: {
+          uniqueKey: 'id',
+          data: [
+            {
+              id: '1', name: 'First', year: 2000, month: 11, department: 1,
+            },
+            {
+              id: '2', name: 'Second', year: 2000, month: 11, department: 1,
+            },
+            {
+              id: '3', name: 'Third', year: 2000, month: 11, department: 2,
+            },
+            {
+              id: '4', name: 'Fourth', year: 2010, month: 11, department: 1,
+            },
+            {
+              id: '5', name: 'Fifth', year: 2010, month: 12, department: 2,
+            },
+          ],
+        },
+      });
+
+      await grid.addNewRow({
+        id: '999', name: 'new', year: 2010, month: 999, department: 999,
+      }, 'end');
+      await grid.addNewRow({
+        id: '998', name: 'new', year: 2010, month: 999, department: 999,
+      }, 'end');
+
+      expect(grid.groupedData).toMatchObject([
+        { groupValue: 2000 },
+        { groupValue: 11, groupHeaders: [{ groupValue: 2000 }] },
+        { groupValue: 1, groupHeaders: [{ groupValue: 2000 }, { groupValue: 11 }] },
+        { id: '1', groupHeaders: [{ groupValue: 2000 }, { groupValue: 11 }, { groupValue: 1 }] },
+        { id: '2', groupHeaders: [{ groupValue: 2000 }, { groupValue: 11 }, { groupValue: 1 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 2000 }, { groupValue: 11 }] },
+        { id: '3', groupHeaders: [{ groupValue: 2000 }, { groupValue: 11 }, { groupValue: 2 }] },
+        { groupValue: 2010 },
+        { groupValue: 999, groupHeaders: [{ groupValue: 2010 }] },
+        { groupValue: 999, groupHeaders: [{ groupValue: 2010 }, { groupValue: 999 }] },
+        { id: '999', groupHeaders: [{ groupValue: 2010 }, { groupValue: 999 }, { groupValue: 999 }] },
+        { id: '998', groupHeaders: [{ groupValue: 2010 }, { groupValue: 999 }, { groupValue: 999 }] },
+        { groupValue: 11, groupHeaders: [{ groupValue: 2010 }] },
+        { groupValue: 1, groupHeaders: [{ groupValue: 2010 }, { groupValue: 11 }] },
+        { id: '4', groupHeaders: [{ groupValue: 2010 }, { groupValue: 11 }, { groupValue: 1 }] },
+        { groupValue: 12, groupHeaders: [{ groupValue: 2010 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 2010 }, { groupValue: 12 }] },
+        { id: '5', groupHeaders: [{ groupValue: 2010 }, { groupValue: 12 }, { groupValue: 2 }] },
+      ]);
+    });
+
+    it('should throw an error when row groups are not defined or incomplete', async () => {
+      const grid = await createGroupedGrid({
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+          { name: 'month', grouped: true },
+          { name: 'department', grouped: true },
+        ],
+      });
+
+      // month group is undefined, should throw
+      expect(async () => grid.addNewRow({ id: '999', name: 'new', department: 1 }, 'end')).rejects.toThrow();
+    });
+  });
+
+  describe('addToSelection', () => {
+    it('should add a row to the selected group', async () => {
+      const grid = await createGroupedGrid();
+
+      [grid.datasource.currentRow] = grid.groupedData;
+
+      grid.addToSelection({ id: '999', name: 'new', month: 12 });
+
+      expect(grid.groupedData).toMatchObject([
+        { groupValue: 1 },
+        { id: '1', groupHeaders: [{ groupValue: 1 }] },
+        { id: '2', groupHeaders: [{ groupValue: 1 }] },
+        { id: '4', groupHeaders: [{ groupValue: 1 }] },
+        { id: '999', groupHeaders: [{ groupValue: 1 }] },
+        { groupValue: 2 },
+        { id: '3', groupHeaders: [{ groupValue: 2 }] },
+        { id: '5', groupHeaders: [{ groupValue: 2 }] },
+      ]);
+    });
+
+    it('should add a row to the selected group when using nested groups', async () => {
+      const grid = await createGroupedGrid();
+
+      [grid.datasource.currentRow] = grid.groupedData;
+
+      grid.addToSelection({ id: '999', name: 'new', month: 12 });
+
+      expect(grid.groupedData).toMatchObject([
+        { groupValue: 1 },
+        { id: '1', groupHeaders: [{ groupValue: 1 }] },
+        { id: '2', groupHeaders: [{ groupValue: 1 }] },
+        { id: '4', groupHeaders: [{ groupValue: 1 }] },
+        { id: '999', groupHeaders: [{ groupValue: 1 }] },
+        { groupValue: 2 },
+        { id: '3', groupHeaders: [{ groupValue: 2 }] },
+        { id: '5', groupHeaders: [{ groupValue: 2 }] },
+      ]);
+    });
+
+    it('when selected row is not a group, should add a row to the same group as the selected row', async () => {
+      const grid = await createGroupedGrid({
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+          { name: 'month', grouped: true },
+          { name: 'department', grouped: true },
+        ],
+      });
+
+      grid.datasource.currentRow = grid.groupedData.find((row) => row.id === '3')!;
+
+      grid.addToSelection({ id: '999', name: 'new', month: 12 });
+
+      expect(grid.groupedData).toMatchObject([
+        { groupValue: 11 },
+        { groupValue: 1, groupHeaders: [{ groupValue: 11 }] },
+        { id: '1', groupHeaders: [{ groupValue: 11 }, { groupValue: 1 }] },
+        { id: '2', groupHeaders: [{ groupValue: 11 }, { groupValue: 1 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 11 }] },
+        { id: '3', groupHeaders: [{ groupValue: 11 }, { groupValue: 2 }] },
+        { id: '999', groupHeaders: [{ groupValue: 11 }, { groupValue: 2 }] },
+        { groupValue: 12 },
+        { groupValue: 1, groupHeaders: [{ groupValue: 12 }] },
+        { id: '4', groupHeaders: [{ groupValue: 12 }, { groupValue: 1 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 12 }] },
+        { id: '5', groupHeaders: [{ groupValue: 12 }, { groupValue: 2 }] },
+      ]);
+    });
+
+    it('when selected row is not the most internal group, should add a row to the first most internal group', async () => {
+      const grid = await createGroupedGrid({
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+          { name: 'month', grouped: true },
+          { name: 'department', grouped: true },
+        ],
+      });
+
+      [grid.datasource.currentRow] = grid.groupedData;
+
+      grid.addToSelection({ id: '999', name: 'new', month: 12 });
+
+      expect(grid.groupedData).toMatchObject([
+        { groupValue: 11 },
+        { groupValue: 1, groupHeaders: [{ groupValue: 11 }] },
+        { id: '1', groupHeaders: [{ groupValue: 11 }, { groupValue: 1 }] },
+        { id: '2', groupHeaders: [{ groupValue: 11 }, { groupValue: 1 }] },
+        { id: '999', groupHeaders: [{ groupValue: 11 }, { groupValue: 1 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 11 }] },
+        { id: '3', groupHeaders: [{ groupValue: 11 }, { groupValue: 2 }] },
+        { groupValue: 12 },
+        { groupValue: 1, groupHeaders: [{ groupValue: 12 }] },
+        { id: '4', groupHeaders: [{ groupValue: 12 }, { groupValue: 1 }] },
+        { groupValue: 2, groupHeaders: [{ groupValue: 12 }] },
+        { id: '5', groupHeaders: [{ groupValue: 12 }, { groupValue: 2 }] },
+      ]);
+    });
+  });
 });

package/types/components/tek-ag-grid/default-icons.d.ts

@@ -0,0 +1,53 @@
+declare const defaultIcons: {
+    columnGroupOpened: string;
+    columnGroupClosed: string;
+    columnSelectClosed: string;
+    columnSelectOpen: string;
+    columnSelectIndeterminate: string;
+    columnMovePin: string;
+    columnMoveHide: string;
+    columnMoveMove: string;
+    columnMoveLeft: string;
+    columnMoveRight: string;
+    columnMoveGroup: string;
+    columnMoveValue: string;
+    dropNotAllowed: string;
+    groupContracted: string;
+    groupExpanded: string;
+    chart: string;
+    close: string;
+    cancel: string;
+    check: string;
+    first: string;
+    previous: string;
+    next: string;
+    last: string;
+    linked: string;
+    unlinked: string;
+    colorPicker: string;
+    groupLoading: string;
+    menu: string;
+    filter: string;
+    columns: string;
+    maximize: string;
+    minimize: string;
+    menuPin: string;
+    menuValue: string;
+    menuAddRowGroup: string;
+    menuRemoveRowGroup: string;
+    clipboardCopy: string;
+    clipboardPaste: string;
+    rowGroupPanel: string;
+    valuePanel: string;
+    columnDrag: string;
+    rowDrag: string;
+    save: string;
+    smallDown: string;
+    smallLeft: string;
+    smallRight: string;
+    smallUp: string;
+    sortAscending: string;
+    sortDescending: string;
+    sortUnSort: string;
+};
+export default defaultIcons;

package/types/components/tek-ag-grid/interfaces.d.ts

@@ -0,0 +1,9 @@
+import { IIterable } from '@zeedhi/common';
+import { IDictionary } from '@zeedhi/core';
+export interface ITekAgGrid extends IIterable {
+    dense?: boolean;
+    frameworkComponents?: IDictionary;
+    gridOptions?: IDictionary;
+    height?: string | number;
+    icons?: IDictionary<string>;
+}

package/types/components/tek-ag-grid/tek-ag-grid.d.ts

@@ -0,0 +1,35 @@
+import { Iterable } from '@zeedhi/common';
+import { IDictionary } from '@zeedhi/core';
+import { ITekAgGrid } from './interfaces';
+/** Grid Component */
+export declare class TekAgGrid extends Iterable implements ITekAgGrid {
+    cssClass: string;
+    dense: boolean;
+    frameworkComponents: IDictionary;
+    gridOptions: IDictionary;
+    height: string | number;
+    icons: IDictionary<string>;
+    gridComponent: any;
+    /**
+     * Creates a new AgGrid.
+     * @param props AgGrid properties
+     */
+    constructor(props: ITekAgGrid);
+    private createOptionsAccessors;
+    private setAccessor;
+    /**
+     * Reload dataset
+     */
+    reload(): Promise<any>;
+    /**
+     * Compares two dates
+     * @param date1
+     * @param date2
+     * @param format
+     * @returns -1 if date1 after date2
+     * @returns 0 if date1 equal date2
+     * @returns 1 if date1 before date2
+     */
+    dateComparator(date1: string | Date, date2: string | Date, format?: string): 1 | -1 | 0;
+    private getDateAsString;
+}

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

@@ -0,0 +1,94 @@
+import { IDatasource, IDictionary, RestDatasource } from '@zeedhi/core';
+import { IDynamicFilterItem, ITekRestDatasource } from './interfaces';
+export declare class TekRestDatasource extends RestDatasource implements ITekRestDatasource {
+    /** Dynamic filter data */
+    dynamicFilter: IDictionary<IDynamicFilterItem[]>;
+    /** Search Join data */
+    searchJoin: IDictionary<Array<string | number>>;
+    /**
+     * URL reserved keys
+     */
+    protected reservedKeys: IDictionary<boolean>;
+    /**
+     * Dynamic Filter Operations
+     */
+    dynamicFilterOperations: IDictionary<boolean>;
+    /**
+     * Dynamic Filter Relations
+     */
+    dynamicFilterRelations: IDictionary<boolean>;
+    /**
+     * Dynamic Filter applied flag
+     */
+    protected dynamicFilterApplied: string;
+    /**
+     * Create new datasource
+     * @param props Datasource properties
+     */
+    constructor(props: ITekRestDatasource);
+    protected updateInternalProperties(datasource?: IDatasource): void;
+    protected getEncodedParam(urlParam: string, datasourceParam?: IDictionary<any>): IDictionary<any>;
+    protected getQueryStringValues(): IDictionary<any>;
+    protected getUrlQueryString(): string;
+    /**
+     * Adds a new dynamic filter position or replace if exists
+     * @param column Dynamic Filter column name
+     * @param value Dynamic Filter value
+     * @returns Promise with data collection
+     */
+    addDynamicFilter(column: string, value: any): Promise<any>;
+    /**
+     * Removes a dynamic filter position
+     * @param column Dynamic Filter column name
+     * @returns Promise with data collection
+     */
+    removeDynamicFilter(column: string): Promise<any>;
+    /**
+     * Sets new dynamic filter value
+     * @param filter Dynamic Filter value
+     * @returns Promise with data collection
+     */
+    setDynamicFilter(filter: IDictionary<any>): Promise<any>;
+    /**
+     * Clears Dynamic filter value
+     * @returns Promise with data collection
+     */
+    clearDynamicFilter(): Promise<any>;
+    /**
+     * Resets page and selected rows and tries to update the url
+     * @returns Promise with data collection
+     */
+    protected updateDynamicFilter(): Promise<any>;
+    /**
+     * Checks if a filter value is valid
+     * @param value Filter value
+     * @returns Is valid filter value
+     */
+    protected isValidDynamicFilterValue(column: string, value?: IDictionary<any>[]): boolean | undefined;
+    /**
+     * Retrieves request params
+     */
+    protected getRequestParams(): any;
+    clone(): {
+        dynamicFilter: IDictionary<IDynamicFilterItem[]>;
+        searchJoin: IDictionary<(string | number)[]>;
+        type: string;
+        route?: string | undefined;
+        lazyLoad?: boolean | undefined;
+        arrayFormat?: "indices" | "brackets" | "repeat" | "comma" | undefined;
+        find?: IDictionary<any> | undefined;
+        currentRow?: IDictionary<any> | undefined;
+        data?: IDictionary<any>[] | undefined;
+        filter?: IDictionary<any> | undefined;
+        limit?: string | number | undefined;
+        loadAll?: boolean | undefined;
+        loading?: boolean | undefined;
+        order?: string[] | undefined;
+        page?: string | number | undefined;
+        search?: string | undefined;
+        searchIn?: string[] | undefined;
+        uniqueKey?: string | undefined;
+        watchUrl?: boolean | undefined;
+        events?: import("@zeedhi/core").IDatasourceEvents<import("@zeedhi/core").IEventParam<any>> | undefined;
+    };
+}

package/types/components/tek-grid/default-icons.d.ts

@@ -0,0 +1,53 @@
+declare const defaultIcons: {
+    columnGroupOpened: string;
+    columnGroupClosed: string;
+    columnSelectClosed: string;
+    columnSelectOpen: string;
+    columnSelectIndeterminate: string;
+    columnMovePin: string;
+    columnMoveHide: string;
+    columnMoveMove: string;
+    columnMoveLeft: string;
+    columnMoveRight: string;
+    columnMoveGroup: string;
+    columnMoveValue: string;
+    dropNotAllowed: string;
+    groupContracted: string;
+    groupExpanded: string;
+    chart: string;
+    close: string;
+    cancel: string;
+    check: string;
+    first: string;
+    previous: string;
+    next: string;
+    last: string;
+    linked: string;
+    unlinked: string;
+    colorPicker: string;
+    groupLoading: string;
+    menu: string;
+    filter: string;
+    columns: string;
+    maximize: string;
+    minimize: string;
+    menuPin: string;
+    menuValue: string;
+    menuAddRowGroup: string;
+    menuRemoveRowGroup: string;
+    clipboardCopy: string;
+    clipboardPaste: string;
+    rowGroupPanel: string;
+    valuePanel: string;
+    columnDrag: string;
+    rowDrag: string;
+    save: string;
+    smallDown: string;
+    smallLeft: string;
+    smallRight: string;
+    smallUp: string;
+    sortAscending: string;
+    sortDescending: string;
+    sortUnSort: string;
+};
+export default defaultIcons;

package/types/components/tek-grid/filter-dynamic-values.d.ts

@@ -0,0 +1,9 @@
+import { TekGridColumn } from '..';
+export declare class TekFilterDynamicValues {
+    private static values;
+    private static formatDate;
+    static getLabel(name: string): string;
+    static getValue(name: string, column: TekGridColumn): string | string[];
+    static register(name: string, label: string, fn: () => Date | [Date, Date]): void;
+    static unregister(name: string): void;
+}