@zeedhi/teknisa-components-common 1.43.0 → 1.46.0

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

@@ -15,7 +15,8 @@ describe('GridController', () => {
         filterButton: true,
         columnsButton: true,
         showExport: true,
-        showLayoutOptions: true,
+        showLayoutOptionsButton: true,
+        showReloadButton: true,
         actions: [{ name: 'button', component: 'ZdButton' }],
       });
       const instance = new GridController(grid);
@@ -27,10 +28,14 @@ describe('GridController', () => {
       expect(instance.showActionsButton).toBeTruthy();
       expect(instance.showExportButton).toBeTruthy();
       expect(instance.showActionAndExportButton).toBeTruthy();
+      expect(instance.showSearchInput).toBeTruthy();
+      expect(instance.showDivider2).toBeTruthy();
+      expect(instance.showDivider3).toBeTruthy();
       expect(instance.showColumnsButton).toBeTruthy();
       expect(instance.columnsButtonIgnore).toEqual([]);
-      expect(instance.showLayoutOptions).toBeTruthy();
-      expect(instance.showFirstDivider).toBeTruthy();
+      expect(instance.showLayoutOptionsButton).toBeTruthy();
+      expect(instance.showReloadButton).toBeTruthy();
+      expect(instance.showDivider1).toBeTruthy();
       expect(instance.isEditing).toBeFalsy();
       expect(instance.isNotEditing).toBeTruthy();
       expect(instance.disableDeleteButton).toBeTruthy();
@@ -38,12 +43,110 @@ describe('GridController', () => {
       grid.datasource.currentRow = { id: '1' };
       expect(instance.disableDeleteButton).toBeFalsy();
       grid.showExport = false;
+      grid.showLayoutOptions = false;
+      grid.showReload = false;
+      grid.columnsButton = false;
       grid.actions = [];
       grid.deleteButton = 'selection';
       grid.selectedRows = [{ id: '1' }];
       expect(instance.disableDeleteButton).toBeFalsy();
       expect(instance.showExportButton).toBeFalsy();
       expect(instance.showActionAndExportButton).toBeFalsy();
+      expect(instance.showLayoutOptionsButton).toBeFalsy();
+    });
+
+    it('should verify if showDivider3 is visibility', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        addButton: false,
+        deleteButton: 'none',
+        filterButton: false,
+        columnsButton: false,
+        showReload: false,
+        showLayoutOptions: false,
+        showReloadButton: true,
+        showSearch: false,
+        showExport: false,
+        actions: [],
+      });
+      const instance = new GridController(grid);
+
+      expect(instance.showDivider3).toBeFalsy();
+      expect(instance.showActionsButton).toBeFalsy();
+      expect(instance.showExportButton).toBeFalsy();
+      expect(instance.showSearchInput).toBeFalsy();
+    });
+
+    it('should verify if showActionAndExportButton is visibility', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        addButton: false,
+        deleteButton: 'none',
+        filterButton: false,
+        columnsButton: true,
+        showReload: false,
+        showLayoutOptions: true,
+        showReloadButton: true,
+        showSearch: false,
+        showExport: false,
+        actions: [],
+      });
+      const instance = new GridController(grid);
+
+      expect(instance.showActionAndExportButton).toBeFalsy();
+      expect(instance.showActionsButton).toBeFalsy();
+      expect(instance.showSearchInput).toBeFalsy();
+      expect(instance.showExportButton).toBeFalsy();
+    });
+
+    it('should verify if showDivider2 is visibility', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        addButton: false,
+        deleteButton: 'none',
+        filterButton: false,
+        columnsButton: false,
+        showReload: true,
+        showLayoutOptions: false,
+        showSearch: false,
+        showExport: false,
+        actions: [],
+      });
+      const instance = new GridController(grid);
+
+      expect(instance.showDivider2).toBeFalsy();
+      expect(instance.showActionsButton).toBeFalsy();
+      expect(instance.showSearchInput).toBeFalsy();
+      expect(instance.showColumnsButton).toBeFalsy();
+      expect(instance.showExportButton).toBeFalsy();
+      expect(instance.showReloadButton).toBeTruthy();
+    });
+
+    it('should verify if showDivider1 is visibility', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        addButton: true,
+        deleteButton: 'selection',
+        filterButton: false,
+        columnsButton: false,
+        showReload: false,
+        showLayoutOptions: false,
+        showSearch: false,
+        showExport: false,
+        actions: [],
+      });
+      const instance = new GridController(grid);
+
+      expect(instance.showDivider1).toBeFalsy();
+      expect(instance.showActionsButton).toBeFalsy();
+      expect(instance.showSearchInput).toBeFalsy();
+      expect(instance.showColumnsButton).toBeFalsy();
+      expect(instance.showExportButton).toBeFalsy();
+      expect(instance.showReloadButton).toBeFalsy();
     });
   });
 });

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

@@ -7,9 +7,10 @@ import { IFilterPropsComponent, ITekGridColumn, ITekGridColumnAggregation } from
 export declare class TekGridColumn extends GridColumnEditable implements ITekGridColumn {
     filterProps: IFilterPropsComponent | IFilterPropsComponent[];
     filterable: boolean;
+    filterIndex?: number;
     fixed: boolean;
     private groupedValue;
-    groupOpened?: boolean;
+    private groupOpenedValue?;
     groupLabelForEmptyValue: string;
     private aggregationValue?;
     private isVisibleValue;
@@ -33,6 +34,8 @@ export declare class TekGridColumn extends GridColumnEditable implements ITekGri
     set grouped(value: boolean);
     get aggregation(): ITekGridColumnAggregation;
     set aggregation(value: ITekGridColumnAggregation);
+    get groupOpened(): boolean | undefined;
+    set groupOpened(value: boolean | undefined);
     get isVisible(): boolean;
     set isVisible(value: boolean);
     private changeGrouping;

package/types/components/tek-grid/grid-columns-button-controller.d.ts

@@ -4,4 +4,5 @@ import { TekGridColumn } from './grid-column';
 export declare class TekGridColumnsButtonController extends IterableColumnsButtonController {
     changeGroupedColumn(column: TekGridColumn, { component, event, element }: IEventParam<Checkbox>): void;
     changeAggregationColumn(column: TekGridColumn, { component, event, element }: IEventParam<Checkbox>): void;
+    showHideTekColumn(column: TekGridColumn, { component, event, element }: IEventParam<Checkbox>): void;
 }

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

@@ -10,6 +10,7 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
     deleteButton: 'none' | 'currentRow' | 'selection';
     actions: IComponentRender[];
     filterButton: boolean;
+    showSearch: boolean;
     columnFilterButton: boolean;
     columnsButton: boolean;
     columnsButtonIgnore: string[];

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

@@ -38,6 +38,7 @@ export interface ITekGrid extends IGridEditable {
     deleteButton?: 'none' | 'currentRow' | 'selection';
     events?: ITekGridEvents;
     filterButton?: boolean;
+    showSearch?: boolean;
     showLayoutOptions?: boolean;
     title?: string;
     showExport?: boolean;
@@ -96,6 +97,7 @@ export interface IFilterPropsComponent extends IComponent {
 export interface ITekGridColumn extends IGridColumnEditable {
     filterProps?: IFilterPropsComponent | IFilterPropsComponent[];
     filterable?: boolean;
+    filterIndex?: number;
     fixed?: boolean;
     grouped?: boolean;
     aggregation?: ITekGridColumnAggregation;

package/types/components/tek-loading/interfaces.d.ts

@@ -1,5 +1,5 @@
-import { IComponentRender } from '@zeedhi/common';
-export interface ILoading extends IComponentRender {
+import { ILoading as IZdLoading } from '@zeedhi/common';
+export interface ILoading extends IZdLoading {
     text?: string;
     zIndex?: number | string;
     image?: string;

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

@@ -1,9 +1,9 @@
-import { ComponentRender } from '@zeedhi/common';
+import { Loading as ZdLoading } from '@zeedhi/common';
 import { ILoading } from './interfaces';
 /**
  * Teknisa component
  */
-export declare class Loading extends ComponentRender implements ILoading {
+export declare class Loading extends ZdLoading implements ILoading {
     /**
     * text to show in Loader Overlay
     */

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

@@ -10,6 +10,7 @@ export interface ITekTreeGrid extends ITreeGridEditable {
     deleteButton?: 'none' | 'currentRow' | 'selection';
     events?: ITekGridEvents;
     filterButton?: boolean;
+    showSearch?: boolean;
     showLayoutOptions?: boolean;
     title?: string;
     showExport?: boolean;

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

@@ -11,6 +11,7 @@ export declare class TekTreeGrid extends TreeGridEditable implements ITekTreeGri
     deleteButton: 'none' | 'currentRow' | 'selection';
     actions: IComponentRender[];
     filterButton: boolean;
+    showSearch?: boolean;
     columnFilterButton: boolean;
     columnsButton: boolean;
     columnsButtonIgnore: string[];

package/types/utils/grid-base/grid-base.d.ts

@@ -112,26 +112,6 @@ export declare class GridBase {
             children?: undefined;
             offsetY?: undefined;
             activator?: undefined;
-        } | {
-            name: string;
-            component: string;
-            label: string;
-            bottom: boolean;
-            children: {
-                name: string;
-                component: string;
-                icon: boolean;
-                iconName: string;
-                isVisible: boolean;
-                events: {
-                    click: () => void;
-                };
-            }[];
-            cssClass?: undefined;
-            vertical?: undefined;
-            isVisible?: undefined;
-            offsetY?: undefined;
-            activator?: undefined;
         } | {
             name: string;
             component: string;
@@ -178,17 +158,6 @@ export declare class GridBase {
             bottom?: undefined;
             vertical?: undefined;
             isVisible?: undefined;
-        } | {
-            name: string;
-            component: string;
-            cssClass: string;
-            vertical: boolean;
-            label?: undefined;
-            bottom?: undefined;
-            children?: undefined;
-            isVisible?: undefined;
-            offsetY?: undefined;
-            activator?: undefined;
         })[];
         cssClass?: undefined;
         text?: undefined;
@@ -232,6 +201,21 @@ export declare class GridBase {
         cssStyle?: undefined;
         children?: undefined;
         bottom?: undefined;
+    } | {
+        name: string;
+        component: string;
+        isVisible: string;
+        cssClass?: undefined;
+        tag?: undefined;
+        text?: undefined;
+        title?: undefined;
+        cssStyle?: undefined;
+        children?: undefined;
+        label?: undefined;
+        small?: undefined;
+        events?: undefined;
+        outline?: undefined;
+        bottom?: undefined;
     } | {
         name: string;
         component: string;
@@ -266,6 +250,7 @@ export declare class GridBase {
     private filterModal?;
     private createFilterFromColumns;
     hideFilterModal(): void;
+    private sortFilterIndex;
     private getFilterModalComponents;
     private getHelperValueComponent;
     private createHelperValueOptions;

package/types/utils/grid-base/grid-controller.d.ts

@@ -7,13 +7,17 @@ export declare class GridController {
     get showAddButton(): boolean;
     get showDeleteButton(): boolean;
     get showFilterButton(): boolean;
+    get showSearchInput(): boolean | undefined;
+    get showReloadButton(): boolean;
+    get showDivider2(): boolean | undefined;
     get showColumnsButton(): boolean;
     get columnsButtonIgnore(): string[];
-    get showLayoutOptions(): boolean;
-    get showFirstDivider(): boolean;
+    get showLayoutOptionsButton(): boolean;
+    get showDivider1(): boolean | undefined;
     get showActionsButton(): boolean;
     get showExportButton(): boolean;
-    get showActionAndExportButton(): boolean;
+    get showActionAndExportButton(): boolean | undefined;
+    get showDivider3(): boolean | undefined;
     get isEditing(): boolean;
     get isNotEditing(): boolean;
     get disableDeleteButton(): boolean;