@zeedhi/teknisa-components-common 1.97.4 → 1.97.6

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.d.ts

@@ -2,7 +2,7 @@ import { GridEditable, IComponentRender } from '@zeedhi/common';
 import { Datasource, IDictionary, IEventParam } from '@zeedhi/core';
 import { ITekGridAtoms } from '../../utils';
 import { TekGridColumn } from './grid-column';
-import { IModalFilterProps, ITekGrid, ITekGridColumn, ITekGridEvents, ITekGridExportConfig } from './interfaces';
+import { IGroupedData, IModalFilterProps, ITekGrid, ITekGridColumn, ITekGridEvents, ITekGridExportConfig } from './interfaces';
 import { TekGridLayoutOptions } from './layout-options';
 export declare class TekGrid extends GridEditable implements ITekGrid {
     title: string;
@@ -64,7 +64,7 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
     groupColumnNames: string[];
     summaryColumns: TekGridColumn[];
     groupColumns: TekGridColumn[];
-    groupedData: IDictionary<any>[];
+    groupedData: IGroupedData[];
     private toolbarSlotProps;
     viewUpdateScrollData?: () => void;
     private gridBase;
@@ -167,4 +167,47 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
     selectGroupClick(row: IDictionary<any>, isSelected: boolean, event: Event, element: HTMLElement): void;
     getAtomInstance<T>(key: keyof ITekGridAtoms): T;
     getFilterInputs(columnName?: string): import("@zeedhi/common").Input[];
+    /**
+     * Adds new row to the datasource data and pushes it to the editedRows
+     * @param row Row
+     * @param position whether the new Row will be inserted at the beginning or end of the data array
+     */
+    addNewRow(row: IDictionary, position?: 'end' | 'start'): Promise<void>;
+    /**
+     * Takes a row and adds it to the selected group (datasource.currentRow)
+     * @param row the new row to be added
+     * @param position the position, at the beginning of the group or at the end
+     */
+    addToSelection(row: IDictionary, position?: 'end' | 'start'): Promise<void>;
+    /**
+     * Adds a new row to the groupedData array
+     * @param row the new row to be added
+     * @param position the position, at the beginning of the group or at the end
+     */
+    private addGroupedRow;
+    private findMissingGroups;
+    /**
+     * Finds the last group (most internal group) where a row should be inserted
+     * @param row to be inserted
+     * @returns the index and the group where the row should be inserted
+     */
+    private findLastGroupingIndex;
+    /**
+     * Creates a group hierarchy for a new row, creating intermediate groups if needed
+     * @param row to be inserted
+     * @returns the index and the group where the row should be inserted
+     */
+    private createGroupHierarchyForRow;
+    /**
+     * Adds a row to the children of a group
+     */
+    private addRowToGroupChildren;
+    /**
+     * Checks if a row is a group header, adding typescript type-checking
+     */
+    private isGroupHeader;
+    /**
+     * Checks if a row is the last grouping of the grid (the most internal grouping)
+     */
+    private isLastGrouping;
 }

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/interfaces.d.ts

@@ -174,3 +174,22 @@ export interface IModalFilterProps extends IModal {
     height?: string;
     maxHeight?: string;
 }
+export interface ITekGridGroupFooter {
+    groupFooter: boolean;
+    groupIndex: number;
+    groupHeaders: ITekGridGroupHeader[];
+    groupLabel: string;
+    groupValue: any;
+}
+export declare type IGroupedData = (ITekGridGroupHeader & {
+    [key: string]: any;
+}) | {
+    [key: string]: any;
+    groupFooter: boolean;
+    groupSummary: boolean;
+} | (ITekGridGroupFooter & {
+    [key: string]: any;
+}) | {
+    [key: string]: any;
+    groupHeaders: ITekGridGroupHeader[];
+};

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[];

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

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

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

package/types/error/incomplete-groups-error.d.ts

@@ -0,0 +1,8 @@
+import { IDictionary } from '@zeedhi/core';
+/**
+ * Thrown when a row has incomplete group information.
+ * Provides details about the missing groups and the problematic row.
+ */
+export declare class IncompleteGroupsError extends Error {
+    constructor(row: IDictionary, missingGroups: string[]);
+}

package/types/utils/extract-properties.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Extracts properties from an object based on a list of properties
+ * @param obj object whose properties will be extracted
+ * @param props array of strings with the properties to be extracted
+ * @returns object containing the extracted properties
+ */
+export declare const extractProperties: (obj: any, props: string[]) => any;

package/types/utils/index.d.ts

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

package/coverage/lcov-report/components/crud/crud-add-button.ts.html

@@ -1,250 +0,0 @@
-
-<!doctype html>
-<html lang="en">
-
-<head>
-    <title>Code coverage report for components/crud/crud-add-button.ts</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="../../prettify.css" />
-    <link rel="stylesheet" href="../../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(../../sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-    
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="../../index.html">All files</a> / <a href="index.html">components/crud</a> crud-add-button.ts</h1>
-        <div class='clearfix'>
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">20% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>3/15</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>0/14</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>0/2</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">20% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>3/15</span>
-            </div>
-        
-            
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line low'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
-<a name='L2'></a><a href='#L2'>2</a>
-<a name='L3'></a><a href='#L3'>3</a>
-<a name='L4'></a><a href='#L4'>4</a>
-<a name='L5'></a><a href='#L5'>5</a>
-<a name='L6'></a><a href='#L6'>6</a>
-<a name='L7'></a><a href='#L7'>7</a>
-<a name='L8'></a><a href='#L8'>8</a>
-<a name='L9'></a><a href='#L9'>9</a>
-<a name='L10'></a><a href='#L10'>10</a>
-<a name='L11'></a><a href='#L11'>11</a>
-<a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a>
-<a name='L15'></a><a href='#L15'>15</a>
-<a name='L16'></a><a href='#L16'>16</a>
-<a name='L17'></a><a href='#L17'>17</a>
-<a name='L18'></a><a href='#L18'>18</a>
-<a name='L19'></a><a href='#L19'>19</a>
-<a name='L20'></a><a href='#L20'>20</a>
-<a name='L21'></a><a href='#L21'>21</a>
-<a name='L22'></a><a href='#L22'>22</a>
-<a name='L23'></a><a href='#L23'>23</a>
-<a name='L24'></a><a href='#L24'>24</a>
-<a name='L25'></a><a href='#L25'>25</a>
-<a name='L26'></a><a href='#L26'>26</a>
-<a name='L27'></a><a href='#L27'>27</a>
-<a name='L28'></a><a href='#L28'>28</a>
-<a name='L29'></a><a href='#L29'>29</a>
-<a name='L30'></a><a href='#L30'>30</a>
-<a name='L31'></a><a href='#L31'>31</a>
-<a name='L32'></a><a href='#L32'>32</a>
-<a name='L33'></a><a href='#L33'>33</a>
-<a name='L34'></a><a href='#L34'>34</a>
-<a name='L35'></a><a href='#L35'>35</a>
-<a name='L36'></a><a href='#L36'>36</a>
-<a name='L37'></a><a href='#L37'>37</a>
-<a name='L38'></a><a href='#L38'>38</a>
-<a name='L39'></a><a href='#L39'>39</a>
-<a name='L40'></a><a href='#L40'>40</a>
-<a name='L41'></a><a href='#L41'>41</a>
-<a name='L42'></a><a href='#L42'>42</a>
-<a name='L43'></a><a href='#L43'>43</a>
-<a name='L44'></a><a href='#L44'>44</a>
-<a name='L45'></a><a href='#L45'>45</a>
-<a name='L46'></a><a href='#L46'>46</a>
-<a name='L47'></a><a href='#L47'>47</a>
-<a name='L48'></a><a href='#L48'>48</a>
-<a name='L49'></a><a href='#L49'>49</a>
-<a name='L50'></a><a href='#L50'>50</a>
-<a name='L51'></a><a href='#L51'>51</a>
-<a name='L52'></a><a href='#L52'>52</a>
-<a name='L53'></a><a href='#L53'>53</a>
-<a name='L54'></a><a href='#L54'>54</a>
-<a name='L55'></a><a href='#L55'>55</a>
-<a name='L56'></a><a href='#L56'>56</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { I18n } from '@zeedhi/core';
-import { ICrudAddButton } from './interfaces';
-import { CrudButton } from './crud-button';
-&nbsp;
-/**
- * Button to be used on Crud Forms
- */
-export class CrudAddButton extends CrudButton implements ICrudAddButton {
-  /**
-   * Button tooltip
-   */
-  private <span class="cstat-no" title="statement not covered" >defaultTooltip: string = 'ADD';</span>
-&nbsp;
-  /**
-   * Button flat
-   */
-  private <span class="cstat-no" title="statement not covered" >defaultFlat: boolean = true;</span>
-&nbsp;
-  /**
-   * Button icon
-   */
-  private <span class="cstat-no" title="statement not covered" >defaultIcon: boolean = true;</span>
-&nbsp;
-  /**
-   * Button icon name
-   */
-  private <span class="cstat-no" title="statement not covered" >defaultIconName: string = 'plus';</span>
-&nbsp;
-  /**
-   * Button icon color
-   */
-  private <span class="cstat-no" title="statement not covered" >defaultColor: string = '#666';</span>
-&nbsp;
-  /**
-   * Create new Crud Add Button
-   * @param props component properties
-   */
-<span class="fstat-no" title="function not covered" >  public constructor(p</span>rops: ICrudAddButton) {
-<span class="cstat-no" title="statement not covered" >    super({ ...props, clickShortcutKey: props.clickShortcutKey || 'f2' });</span>
-<span class="cstat-no" title="statement not covered" >    this.flat = props.flat !== undefined ? this.flat : this.defaultFlat;</span>
-<span class="cstat-no" title="statement not covered" >    this.icon = props.icon !== undefined ? this.icon : this.defaultIcon;</span>
-<span class="cstat-no" title="statement not covered" >    this.iconName = props.iconName !== undefined ? this.iconName : this.defaultIconName;</span>
-<span class="cstat-no" title="statement not covered" >    this.color = props.color !== undefined ? this.color : this.defaultColor;</span>
-<span class="cstat-no" title="statement not covered" >    this.tooltip.label = this.tooltip.label || `${I18n.translate(this.defaultTooltip)} (${props.clickShortcutKey || 'f2'})`;</span>
-  }
-&nbsp;
-  /**
-   * Triggered when the component is clicked.
-   * @param event DOM event
-   * @param element Element clicked
-   */
-  public <span class="fstat-no" title="function not covered" >click(</span>event: Event, element: HTMLElement) {
-<span class="cstat-no" title="statement not covered" >    super.click(event, element);</span>
-  }
-}
-&nbsp;</pre></td></tr></table></pre>
-
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <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-03-26T15:07:17.178Z
-            </div>
-        <script src="../../prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="../../sorter.js"></script>
-        <script src="../../block-navigation.js"></script>
-    </body>
-</html>
-