@zeedhi/teknisa-components-common 1.40.0 → 1.44.0

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

@@ -1,13 +1,16 @@
 import { GridEditable, IComponentRender } from '@zeedhi/common';
 import { Datasource, IDictionary } from '@zeedhi/core';
+import { ITekGridAtoms } from '../../utils';
 import { TekGridColumn } from './grid-column';
 import { ITekGrid, ITekGridColumn, ITekGridEvents, ITekGridExportConfig } from './interfaces';
+import { TekGridLayoutOptions } from './layout-options';
 export declare class TekGrid extends GridEditable implements ITekGrid {
     title: string;
     addButton: boolean;
     deleteButton: 'none' | 'currentRow' | 'selection';
     actions: IComponentRender[];
     filterButton: boolean;
+    showSearch: boolean;
     columnFilterButton: boolean;
     columnsButton: boolean;
     columnsButtonIgnore: string[];
@@ -71,6 +74,11 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
      */
     constructor(props: ITekGrid);
     onCreated(): void;
+    protected keyShortcutKeyMapping: any;
+    onMounted(element: HTMLElement): void;
+    onBeforeDestroy(): void;
+    protected focusSearchInput(): void;
+    get layoutOptions(): TekGridLayoutOptions | undefined;
     /**
      * Get Grid columns objects
      * @param columns Grid columns parameter
@@ -133,4 +141,6 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
      * @param element DOM Element
      */
     selectGroupClick(row: IDictionary<any>, isSelected: boolean, event: Event, element: HTMLElement): void;
+    getAtomInstance<T>(key: keyof ITekGridAtoms): T;
+    getFilterInputs(columnName?: string): import("@zeedhi/common").Input[];
 }

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

@@ -1,6 +1,6 @@
 import { IComponent, IComponentEvents, IComponentRender, IGridColumnEditable, IGridEditable, IIterableColumnsButton } from '@zeedhi/common';
 import { IDictionary, IEvent, IEventParam } from '@zeedhi/core';
-import { IDynamicFilterItem } from '..';
+import { IDynamicFilterItem, TekGridLayoutOptions } from '..';
 export interface ITekGridLayoutEventParams extends IEventParam<ITekGrid> {
     layouts: ITekGridLayoutInfo;
 }
@@ -38,6 +38,7 @@ export interface ITekGrid extends IGridEditable {
     deleteButton?: 'none' | 'currentRow' | 'selection';
     events?: ITekGridEvents;
     filterButton?: boolean;
+    showSearch?: boolean;
     showLayoutOptions?: boolean;
     title?: string;
     showExport?: boolean;
@@ -46,6 +47,7 @@ export interface ITekGrid extends IGridEditable {
     exportActions?: IComponentRender[];
     groupsOpened?: boolean;
     showSummaryTotal?: boolean;
+    layoutOptions?: TekGridLayoutOptions;
 }
 export interface ITekGridExportConfig {
     type: string;
@@ -59,8 +61,8 @@ export interface ITekGridLayoutInfo {
 }
 export interface ITekGridLayout {
     name: string;
-    gridWidth: string;
-    columns: ITekGridLayoutColumn[];
+    gridWidth?: string;
+    columns?: ITekGridLayoutColumn[];
     order?: string[];
     dynamicFilter?: IDictionary<IDynamicFilterItem[]>;
     filter?: IDictionary<any>;
@@ -95,6 +97,7 @@ export interface IFilterPropsComponent extends IComponent {
 export interface ITekGridColumn extends IGridColumnEditable {
     filterProps?: IFilterPropsComponent | IFilterPropsComponent[];
     filterable?: boolean;
+    filterIndex?: number;
     fixed?: boolean;
     grouped?: boolean;
     aggregation?: ITekGridColumnAggregation;

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

@@ -17,9 +17,12 @@ export declare class TekGridLayoutOptions extends ComponentRender implements ITe
     private getParentGrid;
     onMounted(element: HTMLElement): Promise<void>;
     getHelperValue(column: any): string | (string | undefined)[] | undefined;
-    newLayout(newLayout: ITekGridLayout): void;
+    newLayout(layout: ITekGridLayout): void;
+    addLayout(layout: ITekGridLayout): void;
     applyLayout(name: string, save?: boolean): void;
     private saveLayouts;
     deleteLayout(name: string): void;
     updateLayout(name: string, layout: ITekGridLayout): void;
+    updateDefaultLayout(layout: ITekGridLayout): void;
+    private fixColumns;
 }

package/types/components/tek-iterable-component-render/interfaces.d.ts

@@ -7,4 +7,7 @@ export interface IIterableComponentRender extends IIterable {
     errorSlot?: IComponentRender[];
     noDataSlot?: IComponentRender[];
     noResultSlot?: IComponentRender[];
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
 }

package/types/components/tek-iterable-component-render/iterable-component-render.d.ts

@@ -33,6 +33,18 @@ export declare class IterableComponentRender extends Iterable implements IIterab
      * Components that will be rendered in no-result case
      */
     noResultSlot: IComponentRender[];
+    /**
+     * Sets the height for the component.
+     */
+    height: number | string;
+    /**
+     * Sets the maximum height for the component.
+     */
+    maxHeight: number | string;
+    /**
+     * Sets the minimum height for the component.
+     */
+    minHeight: number | string;
     /**
      * Components that will be rendered in error case
      */

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

@@ -0,0 +1,6 @@
+import { IComponentRender } from '@zeedhi/common';
+export interface ILoading extends IComponentRender {
+    text?: string;
+    zIndex?: number | string;
+    image?: string;
+}

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

@@ -0,0 +1,24 @@
+import { ComponentRender } from '@zeedhi/common';
+import { ILoading } from './interfaces';
+/**
+ * Teknisa component
+ */
+export declare class Loading extends ComponentRender implements ILoading {
+    /**
+    * text to show in Loader Overlay
+    */
+    text: string;
+    /**
+    * zIndex value.
+    */
+    zIndex: number | string;
+    /**
+    * loading path.
+    */
+    image: string;
+    /**
+    * Creates a new instance of TekLoading
+    * @param props Image Link props
+    */
+    constructor(props: ILoading);
+}

package/types/components/tek-product-card/interfaces.d.ts

@@ -13,4 +13,7 @@ export interface IProductCard extends IComponentRender {
     productSupplier?: string;
     productBrand?: string;
     width?: string;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
 }

package/types/components/tek-product-card/product-card.d.ts

@@ -44,6 +44,18 @@ export declare class ProductCard extends ComponentRender implements IProductCard
      * Card width
      */
     width: string;
+    /**
+     * Sets the height for the component.
+     */
+    height: number | string;
+    /**
+     * Sets the maximum height for the component.
+     */
+    maxHeight: number | string;
+    /**
+     * Sets the minimum height for the component.
+     */
+    minHeight: number | string;
     protected currencyFormatterFn: Function;
     /**
      * Creates a new instance of ProductCard

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

@@ -1,5 +1,5 @@
 import { IComponentRender, ITreeGridEditable } from '@zeedhi/common';
-import { ITekGridColumn, ITekGridEvents, ITekGridExportConfig } from '..';
+import { ITekGridColumn, ITekGridEvents, ITekGridExportConfig, TekGridLayoutOptions } from '..';
 export interface ITekTreeGrid extends ITreeGridEditable {
     actions?: IComponentRender[];
     addButton?: boolean;
@@ -10,10 +10,12 @@ export interface ITekTreeGrid extends ITreeGridEditable {
     deleteButton?: 'none' | 'currentRow' | 'selection';
     events?: ITekGridEvents;
     filterButton?: boolean;
+    showSearch?: boolean;
     showLayoutOptions?: boolean;
     title?: string;
     showExport?: boolean;
     showReload?: boolean;
     exportConfig?: ITekGridExportConfig[];
     exportActions?: IComponentRender[];
+    layoutOptions?: TekGridLayoutOptions;
 }

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

@@ -1,14 +1,17 @@
 import { IComponentRender, TreeGridEditable } from '@zeedhi/common';
 import { Datasource, IDictionary } from '@zeedhi/core';
+import { ITekGridAtoms } from '../../utils';
 import { TekGridColumn } from '../tek-grid/grid-column';
 import { ITekGrid, ITekGridColumn, ITekGridEvents, ITekGridExportConfig } from '../tek-grid/interfaces';
 import { ITekTreeGrid } from './interfaces';
+import { TekGridLayoutOptions } from '..';
 export declare class TekTreeGrid extends TreeGridEditable implements ITekTreeGrid {
     title: string;
     addButton: boolean;
     deleteButton: 'none' | 'currentRow' | 'selection';
     actions: IComponentRender[];
     filterButton: boolean;
+    showSearch?: boolean;
     columnFilterButton: boolean;
     columnsButton: boolean;
     columnsButtonIgnore: string[];
@@ -58,6 +61,7 @@ export declare class TekTreeGrid extends TreeGridEditable implements ITekTreeGri
      */
     constructor(props: ITekGrid);
     onCreated(): void;
+    get layoutOptions(): TekGridLayoutOptions | undefined;
     /**
      * Get Grid columns objects
      * @param columns Grid columns parameter
@@ -73,4 +77,6 @@ export declare class TekTreeGrid extends TreeGridEditable implements ITekTreeGri
      * @param element DOM Element
      */
     rowClick(row: IDictionary<any>, event: Event, element: HTMLElement): void;
+    getAtomInstance<T>(key: keyof ITekGridAtoms): T;
+    getFilterInputs(columnName?: string): import("@zeedhi/common").Input[];
 }

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

@@ -1,6 +1,24 @@
-import { IButton } from '@zeedhi/common';
-import { IEventParam } from '@zeedhi/core';
+import { IButton, Input } from '@zeedhi/common';
+import { IDictionary, IEventParam } from '@zeedhi/core';
 import { TekGrid, TekTreeGrid } from '../../components';
+export interface ITekGridAtoms {
+    TITLE: string;
+    ADD_BUTTON: string;
+    DELETE_BUTTON: string;
+    REFRESH_BUTTON: string;
+    COLUMNS_BUTTON: string;
+    LAYOUT_BUTTON: string;
+    EXPORT_BUTTON: string;
+    ACTIONS_BUTTON: string;
+    SAVE_BUTTON: string;
+    CANCEL_BUTTON: string;
+    SEARCH: string;
+    FILTER_BUTTON: string;
+    FILTER_MODAL: string;
+    FILTER_FORM: string;
+    EXPORT_DROPDOWN: string;
+    ACTIONS_DROPDOWN: string;
+}
 export declare class GridBase {
     private grid;
     private exportConfigButtons;
@@ -94,26 +112,6 @@ export declare class GridBase {
             children?: undefined;
             offsetY?: undefined;
             activator?: undefined;
-        } | {
-            name: string;
-            component: string;
-            label: string;
-            bottom: boolean;
-            children: {
-                name: string;
-                component: string;
-                icon: boolean;
-                iconName: string;
-                isVisible: boolean;
-                events: {
-                    click: () => void;
-                };
-            }[];
-            cssClass?: undefined;
-            vertical?: undefined;
-            isVisible?: undefined;
-            offsetY?: undefined;
-            activator?: undefined;
         } | {
             name: string;
             component: string;
@@ -160,17 +158,6 @@ export declare class GridBase {
             bottom?: undefined;
             vertical?: undefined;
             isVisible?: undefined;
-        } | {
-            name: string;
-            component: string;
-            cssClass: string;
-            vertical: boolean;
-            label?: undefined;
-            bottom?: undefined;
-            children?: undefined;
-            isVisible?: undefined;
-            offsetY?: undefined;
-            activator?: undefined;
         })[];
         cssClass?: undefined;
         text?: undefined;
@@ -214,6 +201,21 @@ export declare class GridBase {
         cssStyle?: undefined;
         children?: undefined;
         bottom?: undefined;
+    } | {
+        name: string;
+        component: string;
+        isVisible: string;
+        cssClass?: undefined;
+        tag?: undefined;
+        text?: undefined;
+        title?: undefined;
+        cssStyle?: undefined;
+        children?: undefined;
+        label?: undefined;
+        small?: undefined;
+        events?: undefined;
+        outline?: undefined;
+        bottom?: undefined;
     } | {
         name: string;
         component: string;
@@ -244,10 +246,11 @@ export declare class GridBase {
     private reloadGrid;
     private saveChanges;
     private cancelChanges;
-    private filterClick;
+    filterClick({ event }: any): void;
     private filterModal?;
     private createFilterFromColumns;
     hideFilterModal(): void;
+    private sortFilterIndex;
     private getFilterModalComponents;
     private getHelperValueComponent;
     private createHelperValueOptions;
@@ -257,6 +260,7 @@ export declare class GridBase {
     private clearFilterHelperValue;
     private loadFilterValues;
     private applyFilter;
+    private clearFilter;
     getFilterRelationsDatasource(): any;
     getFilterOperationsDatasource(): any;
     getFilterOptionsData(prop: string): {
@@ -264,4 +268,8 @@ export declare class GridBase {
         value: string;
     }[];
     setSearch(search: string): Promise<any>;
+    protected filterFormInputs: IDictionary<string[]>;
+    protected atoms: ITekGridAtoms;
+    getAtomInstance<T>(key: keyof ITekGridAtoms): T;
+    getFilterInputs(columnName?: string): Input[];
 }

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

@@ -7,13 +7,17 @@ export declare class GridController {
     get showAddButton(): boolean;
     get showDeleteButton(): boolean;
     get showFilterButton(): boolean;
+    get showSearchInput(): boolean | undefined;
+    get showReloadButton(): boolean;
+    get showDivider2(): boolean | undefined;
     get showColumnsButton(): boolean;
     get columnsButtonIgnore(): string[];
-    get showLayoutOptions(): boolean;
-    get showFirstDivider(): boolean;
+    get showLayoutOptionsButton(): boolean;
+    get showDivider1(): boolean | undefined;
     get showActionsButton(): boolean;
     get showExportButton(): boolean;
-    get showActionAndExportButton(): boolean;
+    get showActionAndExportButton(): boolean | undefined;
+    get showDivider3(): boolean | undefined;
     get isEditing(): boolean;
     get isNotEditing(): boolean;
     get disableDeleteButton(): boolean;

package/types/utils/index.d.ts

@@ -1,4 +1,4 @@
 import { ReportFilter } from './report-filter/report-filter';
-import { GridBase } from './grid-base/grid-base';
+import { GridBase, ITekGridAtoms } from './grid-base/grid-base';
 import { GridController } from './grid-base/grid-controller';
-export { ReportFilter, GridBase, GridController };
+export { ReportFilter, GridBase, ITekGridAtoms, GridController, };