npm - @zeedhi/common - Versions diffs - 3.0.3 → 3.0.4 - Mend

@zeedhi/common 3.0.3 → 3.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (310) hide show

package/coverage/lcov-report/tests/unit/__helpers__/index.html ADDED Viewed

@@ -0,0 +1,146 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for tests/unit/__helpers__</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> tests/unit/__helpers__</h1>
+        <div class='clearfix'>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>22/22</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>3/3</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>7/7</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>15/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 type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line high'></div>
+    <div class="pad1">
+<table class="coverage-summary">
+<thead>
+<tr>
+   <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
+   <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
+   <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
+   <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
+   <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
+   <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
+   <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
+</tr>
+</thead>
+<tbody><tr>
+	<td class="file high" data-value="component-event-helper.ts"><a href="component-event-helper.ts.html">component-event-helper.ts</a></td>
+	<td data-value="100" class="pic high">
+	<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="6" class="abs high">6/6</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="2" class="abs high">2/2</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	</tr>
+<tr>
+	<td class="file high" data-value="flush-promises-helper.ts"><a href="flush-promises-helper.ts.html">flush-promises-helper.ts</a></td>
+	<td data-value="100" class="pic high">
+	<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="3" class="abs high">3/3</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="2" class="abs high">2/2</td>
+	</tr>
+<tr>
+	<td class="file high" data-value="mock-http-get-helper.ts"><a href="mock-http-get-helper.ts.html">mock-http-get-helper.ts</a></td>
+	<td data-value="100" class="pic high">
+	<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="13" class="abs high">13/13</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="4" class="abs high">4/4</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="10" class="abs high">10/10</td>
+	</tr>
+</tbody>
+</table>
+</div>
+                <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-12-09T15:10:24.538Z
+            </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>

package/coverage/lcov-report/tests/unit/__helpers__/mock-http-get-helper.ts.html ADDED Viewed

@@ -0,0 +1,172 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for tests/unit/__helpers__/mock-http-get-helper.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">tests/unit/__helpers__</a> mock-http-get-helper.ts</h1>
+        <div class='clearfix'>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>13/13</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>3/3</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>4/4</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>10/10</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 type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line high'></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></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</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-yes">7x</span>
+<span class="cline-any cline-yes">8x</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">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</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-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { Http, IDictionary } from '@zeedhi/core';
+&nbsp;
+/**
+ * Mocks Http.get to simulate a paginated backend. (using mockClear is necessary)
+ * @param data data that will be returned
+ * @returns the jest spy
+ */
+const mockGetUsingData = (data: IDictionary[]) =&gt; jest.spyOn(Http, 'get').mockImplementation((_url, config) =&gt; {
+  if (!config?.params) {
+    return Promise.resolve({
+      data: { data },
+    });
+  }
+&nbsp;
+  const { page, limit, search } = config.params;
+&nbsp;
+  const searchFn = (item: IDictionary) =&gt; Object.values(item).some((value) =&gt; String(value).indexOf(search) &gt; -1);
+  const searched = search ? [...data].filter(searchFn) : [...data];
+  const paginatedData = searched.splice((page - 1) * limit, limit);
+&nbsp;
+  return Promise.resolve({
+    data: {
+      data: paginatedData,
+      pagination: { page, total: data.length, limit },
+    },
+  });
+});
+&nbsp;
+export { mockGetUsingData };
+&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-12-09T15:10:24.538Z
+            </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>

package/coverage/lcov-report/tests/unit/components/zd-component/ComponentMock.ts.html CHANGED Viewed

@@ -151,7 +151,7 @@ export class ComponentWithPropTest extends Component implements IComponentWithPr
             <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 2025-10-23T15:00:48.409Z
+                at 2025-10-29T14:27:41.126Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/tests/unit/components/zd-component/index.html CHANGED Viewed

@@ -101,7 +101,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 2025-10-23T15:00:48.409Z
+                at 2025-10-29T14:27:41.126Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/dist/types/components/tek-breadcrumb-header/breadcrumb-header.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { IBreadcrumbs } from '../zd-breadcrumbs/interfaces';
+import { ComponentRender } from '../zd-component/component-render';
+import { IComponentRender } from '../zd-component/interfaces';
+import { IBreadcrumbHeader } from './interfaces';
+/**
+ * BreadcrumbHeader join breadcrumb and title
+ */
+export declare class BreadcrumbHeader extends ComponentRender implements IBreadcrumbHeader {
+    breadcrumb: IBreadcrumbs;
+    title: string;
+    rightSlot: IComponentRender[];
+    constructor(props: IBreadcrumbHeader);
+    private getBreadcrumbProperties;
+}

package/dist/types/components/tek-breadcrumb-header/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { IBreadcrumbs } from '../zd-breadcrumbs/interfaces';
+import { IComponentRender } from '../zd-component/interfaces';
+export interface IBreadcrumbHeader extends IComponentRender {
+    breadcrumb: IBreadcrumbs;
+    title: string;
+    rightSlot?: IComponentRender[];
+}

package/dist/types/components/tek-grid/columns-searcher.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { IDictionary } from '@zeedhi/core';
+import { IColumnsSearcher, ITekGridColumn } from './interfaces';
+export declare class ColumnsSearcher implements IColumnsSearcher {
+    searchColumn(columns: ITekGridColumn[], search: string): Promise<IDictionary<(string | number)[]>>;
+}

package/dist/types/components/tek-grid/dynamic-filter-datasource-factory.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { Datasource, IDictionary } from '@zeedhi/core';
+import { IDynamicFilterDatasourceFactory } from './interfaces';
+export declare class DynamicFilterDatasourceFactory implements IDynamicFilterDatasourceFactory {
+    factory(options: IDictionary<boolean>): Datasource;
+    private getFilterOptionsData;
+}

package/dist/types/components/tek-grid/filter-helper.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { TekGridColumn } from '..';
+export declare class TekFilterHelper {
+    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/dist/types/components/tek-grid/grid-filter-button.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import { IDictionary } from '@zeedhi/core';
+import { Button, ISupportsToolbar, ITekGridFilterButton, Iterable, TekGridColumn } from '..';
+/**
+ * Base class for TekGrid Filter Button component
+ */
+export declare class TekGridFilterButton extends Button implements ITekGridFilterButton {
+    gridName?: string;
+    grid: Iterable<TekGridColumn> & ISupportsToolbar;
+    showCheckboxAll: boolean;
+    private filterModal?;
+    protected filterFormInputs: IDictionary<string[]>;
+    constructor(props: ITekGridFilterButton);
+    loadGrid(gridName?: string): void;
+    click(event?: Event): void;
+    private loadFilterValues;
+    hideFilterModal(): void;
+    destroyFilterModal(): void;
+    private createFilterFromColumns;
+    onBeforeDestroy(): void;
+    private formatFormValue;
+    private applyFilter;
+    private setFilter;
+    private clearFilter;
+    private sortFilterIndex;
+    private getFilterModalComponents;
+    private changeHelperEvent;
+}

package/dist/types/components/tek-grid/grouped-data-manager.d.ts ADDED Viewed

@@ -0,0 +1,82 @@
+import { IDictionary } from '@zeedhi/core';
+import { IGroupedDataManager, ITekGrid, ITekGridSummary } from './interfaces';
+import { TekGridColumn } from './tek-grid-column';
+export declare class GroupedDataManager implements IGroupedDataManager {
+    protected grid: ITekGrid;
+    summaryColumns: TekGridColumn[];
+    private groups;
+    private summary;
+    private groupedData;
+    private groupColumnNames;
+    private groupColumns;
+    private originalDatasourceLoadAll?;
+    private originalDatasourceLimit?;
+    private viewUpdateScrollData?;
+    private viewUpdateFixedColumns?;
+    constructor(grid: ITekGrid);
+    setViewUpdateFixedColumns(fn: () => void): void;
+    setViewUpdateScrollData(fn: () => void): void;
+    /**
+     * Tasks that should be finished before loading the grid data
+     */
+    private tasksBeforeLoad;
+    registerTask(task: Promise<any>): void;
+    private request;
+    private debounceUpdateGrouping;
+    /**
+     * Loads grid data after resolving all tasks
+     */
+    loadAfterTasks(): Promise<void>;
+    private initializeDebounceFunctions;
+    /**
+     * Initializes grid groups, summary columns and registers the grid datasource callback
+     * @param lazyLoad defines if the grid should automatically load data after updating the datasource
+     */
+    initializeGrouping(lazyLoad: boolean): void;
+    private onGet;
+    private resetFooterVariables;
+    private initGroups;
+    getGroupedData(): IDictionary<any>[];
+    private initSummaryColumns;
+    /**
+     * Calls updateGroupedData with debounce
+     */
+    updateGrouping(lazyLoad?: boolean): void;
+    /**
+     * Inits summary columns, updates the grid datasource and, if needed, reloads the grid data
+     */
+    updateGroupedData(lazyLoad: boolean): Promise<void>;
+    /**
+     * When using groups, should update the grid datasource order to reflect the group order
+     * If the grid is not grouped, should not update the datasource order
+     */
+    private updateGridDatasource;
+    /**
+     * Returns the order to be used in the grid datasource based on the group column names and the grid order
+     */
+    private getOrder;
+    /**
+     * Returns the summary data for the group
+     */
+    getSummaryData(group: IDictionary<ITekGridSummary>): IDictionary<any>;
+    /**
+     * Adds group footers to the grouped data
+     */
+    private addGroupFooters;
+    private getGroupValue;
+    private addGroupHeader;
+    private calcSummaryValues;
+    private calcSummary;
+    private addSummary;
+    /**
+     * It takes a flat array of data and groups it by the group columns specified in
+     * the grid.
+     */
+    buildGroupedData(): void;
+    openGroup(group: IDictionary<any>): void;
+    isItemVisible(row: IDictionary<any>): any;
+    isGrouped(): boolean;
+    isColumnSearchable(column: TekGridColumn): boolean;
+    directionalLeft(): void;
+    directionalRight(): void;
+}

package/dist/types/components/tek-grid/grouped-data-selector.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { DataSelector, IDataSelector, IGrid } from '..';
+import { IGroupedDataManager } from './interfaces';
+export declare class GroupedDataSelector extends DataSelector implements IDataSelector {
+    protected iterable: IGrid & IGroupedDataManager;
+    selectAll(isSelected: boolean): void;
+    private getData;
+}

package/dist/types/components/tek-grid/grouped-view-navigator.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { IEventParam } from '@zeedhi/core';
+import { Direction, IViewNavigator } from '../zd-grid';
+import { ITekGrid } from './interfaces';
+export declare class GroupedViewNavigator implements IViewNavigator {
+    private viewNavigator;
+    protected grid: ITekGrid;
+    constructor(iterable: ITekGrid);
+    navigateLeft(param: IEventParam<any>): void;
+    navigateRight(param: IEventParam<any>): void;
+    setViewNavigate(viewNavigate: (direction: Direction, event?: Event) => void): void;
+    private getRowIndex;
+    navigateUp(index?: number): void;
+    navigateDown(index?: number): void;
+}

package/dist/types/components/tek-grid/index.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+export * from './tek-datasource';
+export * from './tek-grid-toolbar-provider';
+export * from './columns-searcher';
+export * from './dynamic-filter-datasource-factory';
+export * from './filter-helper';
+export * from './grid-filter-button';
+export * from './grouped-data-manager';
+export * from './grouped-view-navigator';
+export * from './interfaces';
+export * from './keymap-grouped';
+export * from './layout-options';
+export * from './tek-grid-column';
+export * from './tek-grid-controller';
+export * from './tek-grid-events';
+export * from './tek-grid';
+export * from './tek-grid-columns-button/tek-grid-columns-button';
+export * from './tek-grid-columns-button/tek-grid-columns-button-controller';
+export * from './grouped-data-selector';