@zeedhi/teknisa-components-common 1.110.0 → 1.112.0

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

@@ -701,57 +701,65 @@ describe('TekGrid', () => {
     });
   });
 
-  describe('hideButtonClick()', () => {
-    it('should hide toolbar', () => {
+  describe('hideButtonClick', () => {
+    it('deve alternar as classes para o estado "escondido" quando a toolbar está visível', () => {
       const instance = new TekGrid({
-        name: 'grid_deleteClick2',
+        name: 'grid_hide_test',
         component: 'TekGrid',
       });
-
       instance.onCreated();
 
-      const toolbarMock = { isVisible: true };
-      jest.spyOn(Metadata, 'getInstance').mockImplementation(() => toolbarMock);
+      const mockToolbarDiv = { cssClass: 'toolbar-visible' };
+      const mockIcon = { cssClass: '' };
+      const mockTooltip = { label: 'TEKGRID_HIDE' };
+
+      jest.spyOn(Metadata, 'getInstance').mockImplementation((name: string) => {
+        if (name.includes('_toolbarDiv')) return mockToolbarDiv;
+        if (name.includes('_hideButton')) return mockIcon;
+        if (name.includes('_hideTooltip')) return mockTooltip;
+        return null;
+      });
 
       const hideTooltip = instance.toolbarSlot[1];
-      expect(toolbarMock.isVisible).toBeTruthy();
+      const hideButtonDef = hideTooltip.children![0];
+      const button = new Button(hideButtonDef);
+      const event = new Event('click');
 
-      if (hideTooltip.children) {
-        const hideButton = hideTooltip.children[0];
-        const button = new Button(hideButton);
-        const event = new Event('click');
-        button.click(event, {} as HTMLElement);
+      button.click(event, {} as HTMLElement);
 
-        expect(toolbarMock.isVisible).toBeFalsy();
-      }
+      expect(mockToolbarDiv.cssClass).toBe('');
+      expect(mockIcon.cssClass).toBe('is-rotated');
+      expect(mockTooltip.label).toBe('TEKGRID_SHOW');
     });
 
-    it('should show toolbar', () => {
+    it('deve alternar as classes de volta para o estado "visível" quando a toolbar está escondida', () => {
       const instance = new TekGrid({
-        name: 'grid_deleteClick2',
+        name: 'grid_show_test',
         component: 'TekGrid',
-        toolbarOpened: false,
       });
-
       instance.onCreated();
 
-      const toolbarMock = { isVisible: true };
-      jest.spyOn(Metadata, 'getInstance').mockImplementation(() => toolbarMock);
+      const mockToolbarDiv = { cssClass: '' };
+      const mockIcon = { cssClass: 'is-rotated' };
+      const mockTooltip = { label: 'TEKGRID_SHOW' };
 
-      const hideTooltip = instance.toolbarSlot[1];
-
-      if (hideTooltip.children) {
-        const hideButton = hideTooltip.children[0];
-        const button = new Button(hideButton);
-        const event = new Event('click');
-        button.click(event, {} as HTMLElement);
+      jest.spyOn(Metadata, 'getInstance').mockImplementation((name: string) => {
+        if (name.includes('_toolbarDiv')) return mockToolbarDiv;
+        if (name.includes('_hideButton')) return mockIcon;
+        if (name.includes('_hideTooltip')) return mockTooltip;
+        return null;
+      });
 
-        expect(toolbarMock.isVisible).toBeFalsy();
+      const hideTooltip = instance.toolbarSlot[1];
+      const hideButtonDef = hideTooltip.children![0];
+      const button = new Button(hideButtonDef);
+      const event = new Event('click');
 
-        button.click(event, {} as HTMLElement);
+      button.click(event, {} as HTMLElement);
 
-        expect(toolbarMock.isVisible).toBeTruthy();
-      }
+      expect(mockToolbarDiv.cssClass).toBe('toolbar-visible');
+      expect(mockIcon.cssClass).toBe('');
+      expect(mockTooltip.label).toBe('TEKGRID_HIDE');
     });
   });
 

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

@@ -84,12 +84,14 @@ describe('TekUserInfo', () => {
         children: [
           {
             component: 'ZdHeader',
+            leftSlot: [
+              {
+                component: 'ZdTag',
+                children: [{ component: 'ZdImage', src: 'path' }],
+              },
+            ],
             rightSlot: [{ component: 'ZdModalCloseButton' }],
           },
-          {
-            component: 'ZdTag',
-            children: [{ component: 'ZdImage', src: 'path' }],
-          },
           {
             component: 'ZdTabs',
             tabs: [
@@ -150,12 +152,14 @@ describe('TekUserInfo', () => {
         children: [
           {
             component: 'ZdHeader',
+            leftSlot: [
+              {
+                component: 'ZdTag',
+                children: [{ component: 'ZdImage', src: '' }],
+              },
+            ],
             rightSlot: [{ component: 'ZdModalCloseButton' }],
           },
-          {
-            component: 'ZdTag',
-            children: [{ component: 'ZdImage', src: '' }],
-          },
           {
             component: 'ZdTabs',
             tabs: [

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

@@ -36,9 +36,6 @@ describe('GridController', () => {
       expect(instance.showExportButton).toBeTruthy();
       expect(instance.showActionAndExportButton).toBeTruthy();
       expect(instance.showSearchInput).toBeTruthy();
-      expect(instance.showToolbar).toBeTruthy();
-      expect(instance.toolbarStyle).toBe('');
-      expect(instance.tooltipName).toBe('TEKGRID_HIDE');
       expect(instance.showColumnsButton).toBeTruthy();
       expect(instance.columnsButtonIgnore).toEqual([]);
       expect(instance.showLayoutOptionsButton).toBeTruthy();
@@ -68,11 +65,6 @@ describe('GridController', () => {
       expect(instance.showExportButton).toBeFalsy();
       expect(instance.showActionAndExportButton).toBeFalsy();
       expect(instance.showLayoutOptionsButton).toBeFalsy();
-
-      instance.showToolbar = false;
-      expect(instance.toolbarStyle).toBe('is-rotated');
-      expect(instance.tooltipName).toBe('TEKGRID_SHOW');
-      expect(instance.showToolbar).toBeFalsy();
     });
 
     it('should verify if showDivider3 is visibility', () => {
@@ -190,7 +182,7 @@ describe('GridController', () => {
       });
       const instance = new GridController(grid);
       instance.openToolbar = false;
-      expect(instance.showAddButton).toBe(false);
+      expect(instance.showAddButton).toBe(true);
     });
   });
 
@@ -264,4 +256,54 @@ describe('GridController', () => {
       expect(instance.showEditButtons).toBe(false);
     });
   });
+
+  describe('showOptionsDivider', () => {
+    it('should return true when showExport is true, not editing, and toolbar is open', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        columnsButton: false,
+        showLayoutOptions: false,
+        showExport: true,
+        editing: false,
+      });
+      const instance = new GridController(grid);
+      instance.openToolbar = true;
+      expect(instance.showOptionsDivider).toBe(true);
+    });
+
+    it('should return false when the toolbar is closed', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        showExport: true,
+        editing: false,
+      });
+      const instance = new GridController(grid);
+      instance.openToolbar = false;
+      expect(instance.showOptionsDivider).toBe(true);
+    });
+  });
+
+  describe('showHideButton', () => {
+    it('should return true when grid.showHideButton is true', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        showHideButton: true,
+      });
+      const instance = new GridController(grid);
+      expect(instance.showHideButton).toBe(true);
+    });
+
+    it('should return false when grid.showHideButton is false', () => {
+      const grid = new TekGrid({
+        name: 'Grid',
+        component: 'TekGrid',
+        showHideButton: false,
+      });
+      const instance = new GridController(grid);
+      expect(instance.showHideButton).toBe(false);
+    });
+  });
 });

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

@@ -78,22 +78,18 @@ export declare class TekMemoryDatasource extends MemoryDatasource implements ITe
         currentRow?: IDictionary<any> | undefined;
         data?: IDictionary<any>[] | undefined;
         filter?: IDictionary<any> | undefined;
-        limit?: string | number | undefined; /**
-         * Dynamic Filter Operations
-         */
+        limit?: string | number | undefined;
         loadAll?: boolean | undefined;
         loading?: boolean | undefined;
         order?: string[] | undefined;
         page?: string | number | undefined;
-        /**
-         * Dynamic Filter Relations
-         */
         search?: string | undefined;
         searchIn?: string[] | undefined;
         searchInParams?: IDictionary<any> | undefined;
         uniqueKey?: string | undefined;
         watchUrl?: boolean | undefined;
         events?: import("@zeedhi/core").IDatasourceEvents<import("@zeedhi/core").IEventParam<any>> | undefined;
+        customSearch?: (({ row, component }: import("@zeedhi/core").IEventParam<import("@zeedhi/core").Datasource>) => boolean) | undefined;
     };
     /**
      * Updates filtered data

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

@@ -83,7 +83,9 @@ export declare class TekRestDatasource extends RestDatasource implements ITekRes
         localSearch?: boolean | undefined;
         searchPost?: boolean | undefined;
         currentRow?: IDictionary<any> | undefined;
-        data?: IDictionary<any>[] | undefined;
+        data?: IDictionary<any>[] | undefined; /**
+         * Dynamic Filter Operations
+         */
         filter?: IDictionary<any> | undefined;
         limit?: string | number | undefined;
         loadAll?: boolean | undefined;
@@ -92,11 +94,10 @@ export declare class TekRestDatasource extends RestDatasource implements ITekRes
         page?: string | number | undefined;
         search?: string | undefined;
         searchIn?: string[] | undefined;
-        searchInParams?: IDictionary<any> | undefined; /**
-         * Dynamic Filter applied flag
-         */
+        searchInParams?: IDictionary<any> | undefined;
         uniqueKey?: string | undefined;
         watchUrl?: boolean | undefined;
         events?: import("@zeedhi/core").IDatasourceEvents<import("@zeedhi/core").IEventParam<any>> | undefined;
+        customSearch?: (({ row, component }: import("@zeedhi/core").IEventParam<import("@zeedhi/core").Datasource>) => boolean) | undefined;
     };
 }

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

@@ -1,4 +1,4 @@
-import { GridEditable, IComponentRender, IGridColumnEditable, Input, LabelFormatter } from '@zeedhi/common';
+import { GridEditable, IComponentRender, Input, LabelFormatter, GridColumnEditable } from '@zeedhi/common';
 import { Datasource, IDictionary, IEventParam } from '@zeedhi/core';
 import { ITekGridAtoms } from '../../utils';
 import { TekGridColumn } from './grid-column';
@@ -16,6 +16,7 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
     columnsButton: boolean;
     mainGrid: boolean;
     columnsButtonIgnore: string[];
+    showHideButton: boolean;
     events: ITekGridEvents;
     /**
      * Enables column dragging
@@ -262,5 +263,5 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
      * change event of editable components
      * - override to call updateSummary on change
      */
-    protected changeEditableComponent(column: IGridColumnEditable, row: IDictionary<any>, value: any, component?: Input): void;
+    protected changeEditableComponent(column: GridColumnEditable, row: IDictionary<any>, value: any, component?: Input): void;
 }

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

@@ -49,6 +49,7 @@ export interface ITekGrid extends IGridEditable {
     filterButton?: boolean;
     modalFilterProps?: IModalFilterProps;
     showSearch?: boolean;
+    showHideButton?: boolean;
     showLayoutOptions?: boolean;
     title?: string;
     showExport?: boolean;

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

@@ -14,6 +14,7 @@ export interface ITekTreeGrid extends ITreeGridEditable {
     mainGrid?: boolean;
     modalFilterProps?: IModalFilterProps;
     showSearch?: boolean;
+    showHideButton?: boolean;
     showLayoutOptions?: boolean;
     title?: string;
     showExport?: boolean;

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

@@ -18,6 +18,7 @@ export declare class TekTreeGrid extends TreeGridEditable implements ITekTreeGri
     filterButton: boolean;
     modalFilterProps: IModalFilterProps;
     showSearch?: boolean;
+    showHideButton: boolean;
     columnFilterButton: boolean;
     columnsButton: boolean;
     columnsButtonIgnore: string[];

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

@@ -10,15 +10,13 @@ export declare class GridController {
     get showFilterButton(): boolean;
     get showModalFilterProps(): import("../..").IModalFilterProps;
     get showSearchInput(): boolean | undefined;
-    get showToolbar(): boolean;
-    set showToolbar(value: boolean);
-    get toolbarStyle(): string;
-    get tooltipName(): "TEKGRID_SHOW" | "TEKGRID_HIDE";
     get showReloadButton(): boolean;
     get showColumnsButton(): boolean;
     get columnsButtonIgnore(): string[];
     get showLayoutOptionsButton(): boolean;
     get showDivider(): boolean;
+    get showOptionsDivider(): boolean;
+    get showHideButton(): boolean;
     get showActionsButton(): boolean;
     get showExportButton(): boolean;
     get showActionAndExportButton(): boolean | undefined;

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

@@ -1,53 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,35 +0,0 @@
-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

@@ -1,94 +0,0 @@
-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

@@ -1,53 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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;
-}

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

@@ -1,19 +0,0 @@
-import { TekGrid } from './grid';
-export declare class TekGridController {
-    private grid;
-    constructor(grid: TekGrid);
-    get gridTitle(): string;
-    get showAddButton(): boolean;
-    get showDeleteButton(): boolean;
-    get showFilterButton(): boolean;
-    get showColumnsButton(): boolean;
-    get columnsButtonIgnore(): string[];
-    get showLayoutOptions(): boolean;
-    get showFirstDivider(): boolean;
-    get showActionsButton(): boolean;
-    get showExportButton(): boolean;
-    get showActionAndExportButton(): boolean;
-    get isEditing(): boolean;
-    get isNotEditing(): boolean;
-    get disableDeleteButton(): boolean;
-}

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

@@ -1,14 +0,0 @@
-import { GridColumnEditable } from '@zeedhi/common';
-import { ITekGridColumn } from './interfaces';
-/**
- * Base class for Grid column
- */
-export declare class TekGridColumn extends GridColumnEditable implements ITekGridColumn {
-    filterProps: any;
-    filterable: boolean;
-    /**
-     * Creates a new TekGrid Column.
-     * @param props TekGrid column properties
-     */
-    constructor(props: ITekGridColumn);
-}

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

@@ -1,15 +0,0 @@
-import { TekGrid } from './grid';
-export declare class TekGridController {
-    private grid;
-    constructor(grid: TekGrid);
-    get gridTitle(): string;
-    get showAddButton(): boolean;
-    get showDeleteButton(): boolean;
-    get showFilterButton(): boolean;
-    get showColumnsButton(): boolean;
-    get showFirstDivider(): boolean;
-    get showActionsButton(): boolean;
-    get isEditing(): boolean;
-    get isNotEditing(): boolean;
-    get disableDeleteButton(): boolean;
-}