@zeedhi/teknisa-components-common 1.92.1 → 1.93.0

package/coverage/lcov-report/index.html

@@ -25,14 +25,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>1601/1601</span>
+                <span class='fraction'>1602/1602</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">99.85% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>676/677</span>
+                <span class='fraction'>678/678</span>
             </div>
         
             
@@ -189,9 +189,9 @@
 	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="709" class="abs high">709/709</td>
-	<td data-value="99.68" class="pct high">99.68%</td>
-	<td data-value="313" class="abs high">312/313</td>
+	<td data-value="710" class="abs high">710/710</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="314" class="abs high">314/314</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="155" class="abs high">155/155</td>
 	<td data-value="100" class="pct high">100%</td>
@@ -416,7 +416,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-06T16:22:58.541Z
+                at 2024-05-13T21:00:12.966Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/lcov-report/tests/__helpers__/component-event-helper.ts.html

@@ -85,7 +85,7 @@ export { setClick };
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-06T16:22:58.541Z
+                at 2024-05-13T21:00:12.966Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/tests/__helpers__/flush-promises-helper.ts.html

@@ -79,7 +79,7 @@ export { flushPromises };
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-06T16:22:58.541Z
+                at 2024-05-13T21:00:12.966Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/tests/__helpers__/get-child-helper.ts.html

@@ -151,7 +151,7 @@ export { getChild };
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-06T16:22:58.541Z
+                at 2024-05-13T21:00:12.966Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/tests/__helpers__/index.html

@@ -161,7 +161,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-06T16:22:58.541Z
+                at 2024-05-13T21:00:12.966Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/tests/__helpers__/index.ts.html

@@ -79,7 +79,7 @@ export * from './mock-created-helper';
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-06T16:22:58.541Z
+                at 2024-05-13T21:00:12.966Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/tests/__helpers__/mock-created-helper.ts.html

@@ -106,7 +106,7 @@ export { mockCreated };
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-06T16:22:58.541Z
+                at 2024-05-13T21:00:12.966Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov.info

@@ -1381,8 +1381,8 @@ BRDA:31,0,0,2
 BRDA:35,1,0,1
 BRDA:36,2,0,1
 BRDA:44,3,0,22
-BRDA:44,4,0,0
-BRDA:44,4,1,23
+BRDA:44,4,0,1
+BRDA:44,4,1,22
 BRDA:44,5,0,23
 BRDA:44,5,1,23
 BRDA:53,6,0,1
@@ -1416,53 +1416,54 @@ BRDA:79,21,1,1
 BRDA:79,21,2,1
 BRDA:90,22,0,2
 BRDA:99,23,0,1
-BRDA:114,24,0,21
-BRDA:114,24,1,1
-BRDA:265,25,0,5
-BRDA:269,26,0,2
-BRDA:269,26,1,3
-BRDA:269,27,0,5
+BRDA:110,24,0,1
+BRDA:114,25,0,21
+BRDA:114,25,1,1
+BRDA:265,26,0,5
+BRDA:269,27,0,2
 BRDA:269,27,1,3
-BRDA:271,28,0,8
-BRDA:271,29,0,10
-BRDA:271,29,1,8
-BRDA:271,30,0,8
-BRDA:271,30,1,2
-BRDA:277,31,0,6
-BRDA:297,32,0,8
-BRDA:312,33,0,2
-BRDA:326,34,0,5
-BRDA:326,34,1,30
-BRDA:327,35,0,1
-BRDA:327,35,1,34
-BRDA:334,36,0,2
-BRDA:347,37,0,45
-BRDA:347,37,1,4
-BRDA:348,38,0,32
-BRDA:348,39,0,49
-BRDA:348,39,1,48
-BRDA:348,39,2,48
-BRDA:353,40,0,36
-BRDA:353,40,1,4
-BRDA:353,41,0,40
+BRDA:269,28,0,5
+BRDA:269,28,1,3
+BRDA:271,29,0,8
+BRDA:271,30,0,10
+BRDA:271,30,1,8
+BRDA:271,31,0,8
+BRDA:271,31,1,2
+BRDA:277,32,0,6
+BRDA:297,33,0,8
+BRDA:312,34,0,2
+BRDA:326,35,0,5
+BRDA:326,35,1,30
+BRDA:327,36,0,1
+BRDA:327,36,1,34
+BRDA:334,37,0,2
+BRDA:347,38,0,45
+BRDA:347,38,1,4
+BRDA:348,39,0,32
+BRDA:348,40,0,49
+BRDA:348,40,1,48
+BRDA:348,40,2,48
+BRDA:353,41,0,36
 BRDA:353,41,1,4
-BRDA:354,42,0,36
-BRDA:354,42,1,20
-BRDA:355,43,0,36
-BRDA:355,43,1,12
-BRDA:371,44,0,5
-BRDA:372,45,0,5
-BRDA:387,46,0,1
-BRDA:387,46,1,2
-BRDA:393,47,0,2
-BRDA:393,48,0,4
-BRDA:393,48,1,2
+BRDA:353,42,0,40
+BRDA:353,42,1,4
+BRDA:354,43,0,36
+BRDA:354,43,1,20
+BRDA:355,44,0,36
+BRDA:355,44,1,12
+BRDA:371,45,0,5
+BRDA:372,46,0,5
+BRDA:387,47,0,1
+BRDA:387,47,1,2
+BRDA:393,48,0,2
 BRDA:393,49,0,4
 BRDA:393,49,1,2
-BRDA:393,50,0,2
-BRDA:393,50,1,1
-BRF:84
-BRH:83
+BRDA:393,50,0,4
+BRDA:393,50,1,2
+BRDA:393,51,0,2
+BRDA:393,51,1,1
+BRF:85
+BRH:85
 end_of_record
 TN:
 SF:src/components/tek-grid/grid.ts

package/dist/tek-components-common.esm.js

@@ -2989,7 +2989,8 @@ class TekGridFilterButton extends Button {
         this.filterModal.hide();
     }
     destroyFilterModal() {
-        this.filterModal.destroy();
+        if (this.filterModal)
+            this.filterModal.destroy();
     }
     createFilterFromColumns() {
         if (!this.filterModal) {

package/dist/tek-components-common.umd.js

@@ -2993,7 +2993,8 @@
           this.filterModal.hide();
       }
       destroyFilterModal() {
-          this.filterModal.destroy();
+          if (this.filterModal)
+              this.filterModal.destroy();
       }
       createFilterFromColumns() {
           if (!this.filterModal) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/teknisa-components-common",
-  "version": "1.92.1",
+  "version": "1.93.0",
   "description": "Teknisa Components Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -32,5 +32,5 @@
   "peerDependencies": {
     "@zeedhi/core": "*"
   },
-  "gitHead": "fd9d5619f6a005aa0c82e22bd53c2fc7db9e40bf"
+  "gitHead": "f994901c45e87971a66097fa7c70542402eeb7b1"
 }

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

@@ -106,7 +106,7 @@ describe('TekGridFilterButton', () => {
       button.onCreated();
 
       expect(spy).toBeCalledTimes(1);
-      button.click({} as Event);
+      button.click();
       expect(spy).toBeCalledTimes(1);
       expect(button.isVisible).toBeFalsy();
       (instance as any).gridBase.hideFilterModal();

package/tests/unit/components/tek-product-card/product-card.spec.ts

@@ -28,7 +28,7 @@ describe('ProductCard', () => {
         src: '/img/zeedhi.svg',
         productName: 'ProductTest',
         productPrice: '150',
-        errorImagePath: 'image-error.jpg',
+        errorImagePath: 'image-error.avif',
         errorImageText: 'Image not found',
         width: '200',
         height: '400px',
@@ -39,7 +39,7 @@ describe('ProductCard', () => {
       expect(instance.id).toBe('id');
       expect(instance.src).toBe('/img/zeedhi.svg');
       expect(instance.productName).toBe('ProductTest');
-      expect(instance.errorImagePath).toBe('image-error.jpg');
+      expect(instance.errorImagePath).toBe('image-error.avif');
       expect(instance.errorImageText).toBe('Image not found');
       expect(instance.width).toBe('200');
       expect(instance.productPriceFormat).toBe('$150.00');

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

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

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

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

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

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

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

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

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