@zeedhi/teknisa-components-common 1.131.0 → 1.132.0

package/tests/unit/utils/object-comparison.spec.ts

@@ -0,0 +1,89 @@
+import {
+  areObjectsEqual,
+  cloneComparableValue,
+  normalizeComparableValue,
+} from '../../../src/utils/object-comparison';
+
+describe('object-comparison', () => {
+  describe('areObjectsEqual()', () => {
+    it('should compare objects with different key order as equal', () => {
+      expect(areObjectsEqual({ a: 1, b: 2 }, { b: 2, a: 1 })).toBeTruthy();
+    });
+
+    it('should compare nested object values', () => {
+      expect(areObjectsEqual(
+        { filter: { id: [{ value: '10' }] } },
+        { filter: { id: [{ value: '20' }] } },
+      )).toBeFalsy();
+    });
+
+    it('should preserve array order when comparing values', () => {
+      expect(areObjectsEqual([1, 2, 3], [3, 2, 1])).toBeFalsy();
+      expect(areObjectsEqual([1, 2, 3], [1, 2, 3])).toBeTruthy();
+    });
+
+    it('should ignore undefined properties', () => {
+      expect(areObjectsEqual(
+        { value: '10', optional: undefined },
+        { value: '10' },
+      )).toBeTruthy();
+    });
+
+    it('should compare empty-like values as equal', () => {
+      expect(areObjectsEqual(null, undefined)).toBeTruthy();
+      expect(areObjectsEqual('', undefined)).toBeTruthy();
+      expect(areObjectsEqual({}, [])).toBeTruthy();
+      expect(areObjectsEqual({ filter: {} }, {})).toBeTruthy();
+      expect(areObjectsEqual(
+        { filter: null, dynamicFilter: undefined },
+        { filter: '', dynamicFilter: [] },
+      )).toBeTruthy();
+    });
+
+    it('should compare primitive values without coercion', () => {
+      expect(areObjectsEqual(1, '1')).toBeFalsy();
+      expect(areObjectsEqual(false, '')).toBeFalsy();
+      expect(areObjectsEqual(0, '')).toBeFalsy();
+    });
+  });
+
+  describe('cloneComparableValue()', () => {
+    it('should clone nested values', () => {
+      const value = {
+        filter: {
+          id: [{ value: '10' }],
+        },
+      };
+
+      const clonedValue = cloneComparableValue(value);
+      value.filter.id[0].value = '20';
+
+      expect(clonedValue).toEqual({
+        filter: {
+          id: [{ value: '10' }],
+        },
+      });
+    });
+  });
+
+  describe('normalizeComparableValue()', () => {
+    it('should sort object keys and remove empty-like values', () => {
+      expect(normalizeComparableValue({
+        b: 2,
+        a: undefined,
+        d: {},
+        c: 3,
+      })).toEqual({
+        b: 2,
+        c: 3,
+      });
+    });
+
+    it('should normalize empty-like values to null', () => {
+      expect(normalizeComparableValue(undefined)).toBeNull();
+      expect(normalizeComparableValue('')).toBeNull();
+      expect(normalizeComparableValue({})).toBeNull();
+      expect(normalizeComparableValue([])).toBeNull();
+    });
+  });
+});

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

@@ -17,6 +17,7 @@ export declare class TekGridLayoutOptions extends ComponentRender implements ITe
     events: ITekGridLayoutOptionsEvents;
     grid: Grid;
     private changeLayoutEventGrid?;
+    private originalLayoutSnapshot?;
     constructor(props: ITekGridLayoutOptions);
     private getParentGrid;
     loadGrid(gridName?: string): Grid;
@@ -26,6 +27,13 @@ export declare class TekGridLayoutOptions extends ComponentRender implements ITe
     private checkLayoutsData;
     protected loadLayoutsInfo(): Promise<any>;
     getHelperValue(column: any): string | (string | undefined)[] | undefined;
+    getLayoutColumnSnapshot(column: any, isVisible?: boolean): ITekGridLayoutColumn;
+    private getCurrentLayoutSnapshot;
+    private getBaselineLayoutSnapshot;
+    private getOriginalLayoutSnapshot;
+    hasLayoutChanges(): boolean;
+    getCurrentLayout(): ITekGridLayout;
+    getLayout(name?: string): ITekGridLayout | undefined;
     layoutHasFilter(layout: string | ITekGridLayout): number | false;
     private confirmFilterModal?;
     private newLayoutValue?;
@@ -37,6 +45,7 @@ export declare class TekGridLayoutOptions extends ComponentRender implements ITe
     private saveLayouts;
     deleteLayout(name: string): void;
     updateLayout(name: string, layout: ITekGridLayout): void;
+    updateLayout(name?: string): void;
     updateDefaultLayout(layout: ITekGridLayout): void;
     private fixColumns;
 }

package/types/utils/index.d.ts

@@ -4,3 +4,4 @@ export * from './grid-base/grid-controller';
 export * from './grid-base/export-options';
 export * from './config/config';
 export * from './extract-properties';
+export * from './object-comparison';

package/types/utils/object-comparison.d.ts

@@ -0,0 +1,3 @@
+export declare function cloneComparableValue<T>(value: T): T;
+export declare function normalizeComparableValue(value: any): any;
+export declare function areObjectsEqual(first: any, second: any): boolean;

package/.package.json

@@ -1,39 +0,0 @@
-{
-  "name": "@zeedhi/teknisa-components-common",
-  "version": "1.129.0",
-  "description": "Teknisa Components Common",
-  "author": "Zeedhi <zeedhi@teknisa.com>",
-  "license": "ISC",
-  "main": "dist/tek-components-common.umd.js",
-  "module": "dist/tek-components-common.esm.js",
-  "typings": "types/index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "build": "rollup -c",
-    "docs": "typedoc --out docs src/",
-    "lint": "eslint . --fix --ext .ts",
-    "test": "node --expose-gc ./../../node_modules/jest/bin/jest.js",
-    "watch": "npm run build -- -w"
-  },
-  "dependencies": {
-    "@zeedhi/zd-drag-grid-common": "^1.2.0",
-    "@zeedhi/zd-user-info-common": "^1.3.2",
-    "lodash.debounce": "4.0.*",
-    "lodash.get": "4.4.*",
-    "lodash.merge": "4.6.*"
-  },
-  "devDependencies": {
-    "@types/lodash.debounce": "4.0.*",
-    "@types/lodash.get": "4.4.*",
-    "@types/lodash.merge": "4.6.*"
-  },
-  "peerDependencies": {
-    "@zeedhi/core": "file:../../../zeedhi-client-core/packages/core"
-  },
-  "gitHead": "d5690da6c768aa49a30cd28b1ff9ffada96ab350",
-  "env": {
-    "NODE_ENV": "development"
-  }
-}

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;
-}

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

@@ -1,35 +0,0 @@
-import { Iterable } from '@zeedhi/common';
-import { IDictionary } from '@zeedhi/core';
-import { ITekGrid } from './interfaces';
-/** Grid Component */
-export declare class TekGrid extends Iterable implements ITekGrid {
-    cssClass: string;
-    dense: boolean;
-    frameworkComponents: IDictionary;
-    gridOptions: IDictionary;
-    height: string | number;
-    icons: IDictionary<string>;
-    gridComponent: any;
-    /**
-     * Creates a new Grid.
-     * @param props Grid properties
-     */
-    constructor(props: ITekGrid);
-    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-login/interfaces.d.ts

@@ -1,3 +0,0 @@
-import { ILogin } from '@zeedhi/common';
-export interface ITekLogin extends ILogin {
-}

package/types/components/tek-login/login-children.d.ts

@@ -1,3 +0,0 @@
-import { IComponentRender } from '@zeedhi/common';
-import { TekLogin } from './login';
-export declare function getChildren(login: TekLogin): IComponentRender[];

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

@@ -1,58 +0,0 @@
-import { Button, Checkbox, IComponentRender, Login, Select, Text } from '@zeedhi/common';
-import { IEventParam } from '@zeedhi/core';
-import { ITekLogin } from './interfaces';
-export declare class TekLogin extends Login implements ITekLogin {
-    cardWidth: string | number;
-    layout: string;
-    children: IComponentRender[];
-    constructor(props: ITekLogin);
-    private testLicenseKeyMap;
-    private attempts;
-    private confirmSessionChange;
-    private user;
-    private password;
-    private hash;
-    private userData;
-    private privacyModal?;
-    onMounted(element: HTMLElement): void;
-    onBeforeDestroy(): void;
-    privacyClick({ component }: IEventParam<Text>): void;
-    private findPrivacyPolicyByAuthentication;
-    private openModalPrivacyPolicy;
-    loginEmailPrivacyPolicyCancel(): void;
-    loginEmailPrivacyPolicyConfirm({ component }: IEventParam<Button>): void;
-    forgetClick(): void;
-    loginForgetPasswordConfirm({ component }: IEventParam<Button>): void;
-    loginForgetPasswordCancel(): void;
-    private requestNewPassword;
-    private setCurrentLanguage;
-    private getLanguageNewFormat;
-    private getLanguageOldFormat;
-    private updateLanguages;
-    private getDataSource;
-    private setDataSource;
-    private getProductLanguages;
-    changeLanguage({ component }: IEventParam<Select>): void;
-    changeKeepConnected({ component }: IEventParam<Checkbox>): void;
-    private generateKey;
-    loginClick({ component }: IEventParam<Button>): void;
-    private doLogin;
-    private checkLoginResponse;
-    private checkErrorResponse;
-    private expiredPasswordValidation;
-    private showDialogExpiredPassword;
-    private openExpiredPasswordWidget;
-    private showMessage;
-    loginExpiredPasswordConfirm({ component }: IEventParam<Button>): void;
-    loginExpiredPasswordCancel(): void;
-    private showForm;
-    private updatePassword;
-    private validateRcUrl;
-    private redirectAfterLogin;
-    private isJson;
-    private defaultError;
-    private showInvalidPasswordMaskMessage;
-    private setLogAccess;
-    private redirectToProduct;
-    private testLicenseConnection;
-}

package/types/components/tek-login/login_children.d.ts

@@ -1,3 +0,0 @@
-import { IComponentRender } from '@zeedhi/common';
-import { TekLogin } from './login';
-export declare function getChildren(login: TekLogin): IComponentRender[];