@zeedhi/common 1.39.1 → 1.43.0

package/types/components/zd-footer/footer.d.ts

@@ -21,10 +21,6 @@ export declare class Footer extends ComponentRender implements IFooter {
      * Applies specified color to the control. It can be the name of material or css color in hexa.
      */
     color: string;
-    /**
-     * Applies the dark theme variant to footer.
-     */
-    dark: boolean;
     /**
      * Events registered to the footer.
      */
@@ -45,10 +41,6 @@ export declare class Footer extends ComponentRender implements IFooter {
      * Render components on the left of footer.
      */
     leftSlot: IComponentRender[];
-    /**
-     * Applies the light theme variant to the footer.
-     */
-    light: boolean;
     /**
      * Sets the maximum height for the footer.
      */

package/types/components/zd-footer/interfaces.d.ts

@@ -12,12 +12,10 @@ export interface IFooter extends IComponentRender {
     app?: boolean;
     centerSlot?: IComponentRender[];
     color?: string;
-    dark?: boolean;
     fixed?: boolean;
     height?: number | string;
     inset?: boolean;
     leftSlot?: IComponentRender[];
-    light?: boolean;
     maxHeight?: number | string;
     maxWidth?: number | string;
     minHeight?: number | string;

package/types/components/zd-form/form.d.ts

@@ -20,6 +20,10 @@ export declare class Form extends ComponentRender implements IForm {
      * Available options are start, center, end, space-between and space-around.
      */
     justify?: string;
+    /**
+     * Sets the height for the form.
+     */
+    height?: number | string;
     /**
      * Defines form events.
      */
@@ -62,13 +66,22 @@ export declare class Form extends ComponentRender implements IForm {
     get childrenProps(): {
         [key: string]: any;
         children?: import("..").IComponentRender[] | undefined;
-        component: string;
+        component: string; /**
+         * Applies the justify-content css property.
+         * Available options are start, center, end, space-between and space-around.
+         */
         componentId?: number | undefined;
         cssClass?: string | undefined;
         cssStyle?: string | object | undefined;
         events?: import("..").IComponentEvents<import("@zeedhi/core").IEventParam<any>> | undefined;
         isVisible?: string | boolean | undefined;
+        dark?: boolean | undefined;
+        light?: boolean | undefined;
         keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
+        /**
+         * Applies the align-items css property.
+         * Available options are start, center, end, space-between, space-around and stretch.
+         */
         name: string;
         parent?: import("..").Component | undefined;
     }[];

package/types/components/zd-form/interfaces.d.ts

@@ -22,6 +22,7 @@ export interface IFormComponent extends IComponentRender {
 export interface IForm extends IComponentRender {
     align?: string;
     justify?: string;
+    height?: number | string;
     children?: IFormComponent[];
     events?: IFormEvents;
 }

package/types/components/zd-frame/frame.d.ts

@@ -12,6 +12,9 @@ export declare class Frame extends ComponentRender implements IFrame {
     cache: boolean;
     events: IFrameEvents;
     cacheDuration: number;
+    height: number | string;
+    maxHeight: number | string;
+    minHeight: number | string;
     private readonly headerName;
     private static readonly cacheName;
     /**
@@ -20,6 +23,7 @@ export declare class Frame extends ComponentRender implements IFrame {
      */
     constructor(props: IFrame);
     private getMetadata;
+    reload(): Promise<void>;
     protected notFoundError(): void;
     private requestPage;
     /**

package/types/components/zd-frame/interfaces.d.ts

@@ -11,4 +11,7 @@ export interface IFrame extends IComponentRender {
     override?: Object;
     cache?: boolean;
     cacheDuration?: number;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
 }

package/types/components/zd-grid/grid-column.d.ts

@@ -23,6 +23,8 @@ export declare class GridColumn extends Column implements IGridColumn {
         cssStyle?: string | object | undefined;
         events?: import("..").IComponentEvents<import("@zeedhi/core").IEventParam<any>> | undefined;
         isVisible?: string | boolean | undefined;
+        dark?: boolean | undefined;
+        light?: boolean | undefined;
         keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
         name: string;
         parent?: import("..").Component | undefined;

package/types/components/zd-grid/grid-editable.d.ts

@@ -23,12 +23,20 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @private
      */
     private editedRows;
+    /**
+     * Rows with newRowIdentifier
+     * @private
+     */
+    private addedRows;
     /**
      * Invalid inline components
      * @private
      */
     private invalidComponents;
+    protected cancelEditedRowsKeyMapping: any;
     constructor(props: IGridEditable);
+    onMounted(element: HTMLElement): void;
+    onBeforeDestroy(): void;
     /**
      * Get Grid columns objects
      * @param columns Grid columns parameter
@@ -112,11 +120,13 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * Cancels all edited rows and enable grid components
      */
     cancelEditedRows(): Promise<void>;
+    private removeAddedRows;
+    private addDataRow;
     /**
      * Saves all edited rows if they are valid
      * @throws Will throw when it finds an invalid row
      */
-    saveEditedRows(): Promise<any[]>;
+    saveEditedRows(): Promise<void[]>;
     /**
      * Retrieves all edited rows if they are valid
      * @throws Will throw when it finds an invalid row

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

@@ -75,6 +75,10 @@ export declare class Grid extends Iterable implements IGrid {
      * Color of the header background
      */
     headerBackground: string;
+    /**
+     * Color of the header cell text color
+     */
+    headerCellTextColor: string;
     /**
      * Available order types
      * @public

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

@@ -24,6 +24,7 @@ export interface IGrid extends IIterable {
     fillHeight?: boolean;
     footerSlot?: IComponentRender[];
     headerBackground?: string;
+    headerCellTextColor?: string;
     height?: string | number;
     maxHeight?: string | number;
     gridHeight?: string | number;

package/types/components/zd-header/header.d.ts

@@ -21,10 +21,6 @@ export declare class Header extends ComponentRender implements IHeader {
      * Applies specified color to the control. It can be the name of material or css color in hexa.
      */
     color: string;
-    /**
-     * Applies the dark theme variant to header.
-     */
-    dark: boolean;
     /**
      * Designates that the application menu positioned on the left is below the header.
      */
@@ -57,10 +53,6 @@ export declare class Header extends ComponentRender implements IHeader {
      * Render components on the left of header.
      */
     leftSlot: IComponentRender[];
-    /**
-     * Applies the light theme variant to the header.
-     */
-    light: boolean;
     /**
      * Sets the maximum height for the header.
      */

package/types/components/zd-icon/icon.d.ts

@@ -9,10 +9,6 @@ export declare class Icon extends ComponentRender implements IIcon {
      * (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)).
      */
     color: string;
-    /**
-     * Applies the dark theme variant to the component.
-     */
-    dark: boolean;
     /**
      * Makes icon smaller (20px)
      */
@@ -34,10 +30,6 @@ export declare class Icon extends ComponentRender implements IIcon {
      * of a button when placed to the left of another element or text
      */
     left: boolean;
-    /**
-     * Applies the light theme variant to the component.
-     */
-    light: boolean;
     /**
      * Applies appropriate margins to the icon inside of
      * a button when placed to the right of another element or text

package/types/components/zd-icon/interfaces.d.ts

@@ -1,12 +1,10 @@
 import { IComponentRender } from '../zd-component/interfaces';
 export interface IIcon extends IComponentRender {
     color?: string;
-    dark?: boolean;
     dense?: boolean;
     disabled?: boolean;
     large?: boolean;
     left?: boolean;
-    light?: boolean;
     right?: boolean;
     size?: number | string;
     small?: boolean;

package/types/components/zd-input/input.d.ts

@@ -30,10 +30,6 @@ export declare class Input extends ComponentRender implements IInput {
      * It can be the name of material or css color in hexa.
      */
     color: string;
-    /**
-     * Applies the dark theme variant to the input.
-     */
-    dark: boolean;
     /**
      * Defines smaller input.
      */
@@ -54,10 +50,6 @@ export declare class Input extends ComponentRender implements IInput {
      * Defines the input label.
      */
     label: string;
-    /**
-     * Applies the light theme variant to the input.
-     */
-    light: boolean;
     /**
      * Applies a custom character mask to the input.
      */

package/types/components/zd-list/interfaces.d.ts

@@ -3,17 +3,18 @@ import { IComponentRender, IComponent } from '../zd-component/interfaces';
  * Interface for list component
  */
 export interface IList extends IComponentRender {
-    dark?: boolean;
     dense?: boolean;
     disabled?: boolean;
     divided?: boolean;
     items?: IListItem[];
-    light?: boolean;
     threeLine?: boolean;
     twoLine?: boolean;
     color?: string;
     elevation?: number | string;
     expand?: boolean;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
 }
 /**
  * Interface for list itens

package/types/components/zd-list/list.d.ts

@@ -9,10 +9,6 @@ export declare class List extends ComponentRender implements IList {
      * It can be the name of material or css color in hexa or rgba.
      */
     color?: string;
-    /**
-     * Applies the dark theme variant to the List.
-     */
-    dark: boolean;
     /**
      * Create the list with smaller items.
      */
@@ -29,10 +25,6 @@ export declare class List extends ComponentRender implements IList {
      * List items structure.
      */
     items: IListItem[];
-    /**
-     * Applies the light theme variant to the List.
-     */
-    light: boolean;
     /**
      * Increases the height of all the list items to better support three lines of text.
      */
@@ -49,6 +41,18 @@ export declare class List extends ComponentRender implements IList {
      * Will only collapse when explicitly closed.
      */
     expand: boolean;
+    /**
+     * Sets the height for the component.
+     */
+    height: number | string;
+    /**
+     * Sets the maxHeight for the component.
+     */
+    maxHeight: number | string;
+    /**
+     * Sets the minHeight for the component.
+     */
+    minHeight: number | string;
     constructor(props: IList);
     /**
      * Get item by name

package/types/components/zd-login/interfaces.d.ts

@@ -10,7 +10,6 @@ export interface ILogin extends IComponentRender {
     bottomLink?: IComponentRender[];
     color?: string;
     cardWidth?: string | number;
-    dark?: boolean;
     layout?: string;
     logo?: string;
     logoMessage?: string;

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

@@ -22,10 +22,6 @@ export declare class Login extends ComponentRender implements ILogin {
      * It can be the name of material or css color in hexa.
      */
     color: string;
-    /**
-     * Applies the dark theme.
-     */
-    dark: boolean;
     /**
      * Card position orientation.
      */

package/types/components/zd-menu/interfaces.d.ts

@@ -10,7 +10,6 @@ export declare type IMenuLinkEvents = IComponentEvents<IMenuLinkEvent>;
 export interface IMenu extends IComponentRender {
     app?: boolean | string;
     clipped?: boolean | string;
-    dark?: boolean | string;
     dense?: boolean | string;
     fixed?: boolean | string;
     floating?: boolean | string;

package/types/components/zd-menu/menu.d.ts

@@ -21,10 +21,6 @@ export declare class Menu extends ComponentRender implements IMenu {
      * Defines if the menu should have a visible container
      */
     floating: boolean | string;
-    /**
-     * Applies the dark theme variant to the menu.
-     */
-    dark: boolean | string;
     /**
      * Create the menu with smaller items.
      */

package/types/components/zd-progress/progress.d.ts

@@ -17,10 +17,6 @@ export declare class Progress extends ComponentRender implements IProgress {
      * Defines the value color
      */
     color: string;
-    /**
-     * Applies the dark theme variant to the component
-     */
-    dark: boolean;
     /**
      * Sets the height for the component
      */
@@ -29,10 +25,6 @@ export declare class Progress extends ComponentRender implements IProgress {
      * Animates the component constantly
      */
     indeterminate: boolean;
-    /**
-     * Applies the light theme variant to the component
-     */
-    light: boolean;
     /**
      * Render components on the progress component
      */

package/types/components/zd-select-tree/interfaces.d.ts

@@ -19,6 +19,7 @@ export interface ISelectTree extends IComponentRender {
     searchNested?: boolean;
     showCount?: boolean;
     showCountOf?: string;
+    preventLoadOnFocus?: boolean;
     disableParentNode?: boolean;
     events?: ISelectTreeEvents;
     datasource?: IDatasource;

package/types/components/zd-select-tree/select-tree.d.ts

@@ -68,6 +68,10 @@ export declare class SelectTree extends TextInput implements ISelectTree {
      * Defines if field value should be an object
      */
     returnObject: boolean;
+    /**
+     * Prevents load select data when the input is focused
+     */
+    preventLoadOnFocus: boolean;
     /**
      * Field used to make the item disabled
      */
@@ -90,6 +94,8 @@ export declare class SelectTree extends TextInput implements ISelectTree {
      * @param props
      */
     constructor(props: ISelectTree);
+    focus(event: Event, element: HTMLElement): Promise<void>;
+    protected afterFocus(): Promise<void>;
     private createDataStructure;
     /** create nodes from datasource object */
     createNodesFromDatasource(buildTree?: boolean): void;

package/types/components/zd-selectable-list/interfaces.d.ts

@@ -0,0 +1,8 @@
+import { IList } from '../zd-list/interfaces';
+export interface ISelectableList extends IList {
+    activeClass?: string;
+    mandatory?: boolean;
+    max?: number;
+    multiple?: boolean;
+    value?: any;
+}

package/types/components/zd-selectable-list/selectable-list.d.ts

@@ -0,0 +1,29 @@
+import { ISelectableList } from './interfaces';
+import { List } from '../zd-list/list';
+/**
+ * Base class for SelectableList component.
+ */
+export declare class SelectableList extends List implements ISelectableList {
+    /**
+     * Applies specified css class to the selected item
+     */
+    activeClass?: string;
+    /**
+     * Specifies whether at least one element must be selected
+     */
+    mandatory: boolean;
+    /**
+     * Defines the maximum number of elements the list has
+     */
+    max?: number;
+    /**
+     * Defines how many elements of the list can be selected at the same time
+     */
+    multiple?: boolean;
+    /**
+     * Sets the active list-item inside the list-group
+     */
+    value?: any;
+    constructor(props: ISelectableList);
+    change(event?: Event, element?: HTMLElement): void;
+}

package/types/components/zd-steppers/interfaces.d.ts

@@ -7,8 +7,6 @@ export interface ISteppers extends IComponentRender {
     altLabels?: boolean;
     content?: boolean;
     items?: ISteppersStep[];
-    dark?: boolean;
-    light?: boolean;
     nonLinear?: boolean;
     vertical?: boolean;
     steps?: number | string;

package/types/components/zd-steppers/steppers.d.ts

@@ -20,14 +20,6 @@ export declare class Steppers extends ComponentRender implements ISteppers {
      * Array of steppers items
      */
     items: ISteppersStep[];
-    /**
-     * Applies the dark theme variant to the stepper
-     */
-    dark: boolean;
-    /**
-     * Applies the light theme variant to the stepper
-     */
-    light: boolean;
     /**
      * Allow user to jump to any step
      */

package/types/components/zd-tabs/interfaces.d.ts

@@ -17,4 +17,5 @@ export interface ITab extends IComponent {
 export interface ITabs extends IComponentRender {
     activeTab?: number;
     tabs?: ITab[];
+    height?: number | string;
 }

package/types/components/zd-tabs/tabs.d.ts

@@ -8,6 +8,10 @@ export declare class Tabs extends ComponentRender implements ITabs {
     activeTab: number;
     events: ITabsEvents;
     tabs: Tab[];
+    /**
+     * Sets the height for Tabs.
+     */
+    height?: number | string;
     /**
      * Create a new Tabs.
      * @param props Tabs properties
@@ -15,6 +19,16 @@ export declare class Tabs extends ComponentRender implements ITabs {
     constructor(props: ITabs);
     private getTabs;
     getTab(name: string): Tab;
+    /**
+     * Method for navigating to the next tab
+     * @param loop Defines if want a loop navigation
+     */
+    nextTab(loop?: boolean): void;
+    /**
+     * Method for navigating to the previous tab
+     * @param loop Defines if want a loop navigation
+     */
+    previousTab(loop?: boolean): void;
     /**
      * Triggered before tab is change.
      * @param event DOM event

package/types/components/zd-tree-grid/tree-grid-editable.d.ts

@@ -26,7 +26,10 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
      * Enter edit mode on double click
      */
     doubleClickEdit: boolean;
+    protected cancelEditedRowsKeyMapping: any;
     constructor(props: ITreeGridEditable);
+    onMounted(element: HTMLElement): void;
+    onBeforeDestroy(): void;
     /**
      * Get Grid columns objects
      * @param columns Grid columns parameter

package/types/utils/report/index.d.ts

@@ -3,4 +3,6 @@ export * from './interfaces';
 export * from './report-type/csv-report';
 export * from './report-type/pdf-report';
 export * from './report-type/xls-report';
+export * from './report-type/xls2-report';
+export * from './report-type/xls3-report';
 export * from './report-type/interfaces';

package/types/utils/report/report-type/base-report.d.ts

@@ -3,7 +3,7 @@ import { IColumn } from '../../../components';
 import { IReportType, MetadataColumn, MetadataFilter } from './interfaces';
 export declare abstract class BaseReport implements IReportType {
     abstract route: string;
-    abstract buildDataset(data: IDictionary<any>[], columns?: IColumn[]): any;
+    abstract buildDataset(data: IDictionary<any>[], metadata?: any): any;
     abstract buildMetadata(name: string, title: string, columns: IColumn[], filter?: IDictionary<any>, portrait?: boolean): Promise<any>;
     protected buildColumns(columns: IColumn[]): MetadataColumn;
     private isNumberComponent;
@@ -11,4 +11,6 @@ export declare abstract class BaseReport implements IReportType {
     private getFormatOfColumn;
     protected buildFilter(filter: IDictionary): MetadataFilter;
     protected formatLangCode(lang?: string): string;
+    protected expressionZeedhiToXls: any;
+    protected colunmXLS: string;
 }

package/types/utils/report/report-type/interfaces.d.ts

@@ -3,7 +3,8 @@ import { IColumn } from '../../../components';
 export interface IReportType {
     readonly route: string;
     type?: string;
-    buildDataset(data: IDictionary[], columns?: IColumn[], metadata?: any): any;
+    buildDataset(data: IDictionary[], metadata: any): any;
+    buildDataset(data: IDictionary[], metadata?: any, columns?: IColumn[]): any;
     buildMetadata(name: string, title: string, columns: IColumn[], filter?: IDictionary, portrait?: boolean): Promise<any>;
 }
 export declare type MetadataColumn = IDictionary<{

package/types/utils/report/report-type/xls-report.d.ts

@@ -1,24 +1,9 @@
 import { IDictionary } from '@zeedhi/core';
 import { IColumn } from '../../../components';
 import { BaseReport } from './base-report';
-import { IMetadataObj } from './interfaces';
 export declare class XLSReport extends BaseReport {
     readonly route: string;
-    type: string;
-    constructor(type?: string);
-    buildDataset(data: IDictionary<any>[], columns: IColumn[], metadata?: IMetadataObj): string;
+    buildDataset(data: IDictionary<any>[], columns: IColumn[]): string;
     private formatRawDataSet;
     buildMetadata(name: string, title: string, columns: IColumn[], filter?: IDictionary<any>): Promise<string>;
-    private expressionZeedhiToXls;
-    private isFormat3;
-    private colunmXLS;
-    private getColumnsNameFormat3;
-    private getColumnsName;
-    private initVars;
-    private setRowGroupFormat3;
-    private formatRowFunc;
-    private setRowGroup;
-    private setIndexGroups;
-    private setRowNormal;
-    formatDataSet(metaData: IMetadataObj, dataSet: IDictionary[]): any[];
 }

package/types/utils/report/report-type/xls2-report.d.ts

@@ -0,0 +1,16 @@
+import { IDictionary } from '@zeedhi/core';
+import { IColumn } from '../../../components';
+import { BaseReport } from './base-report';
+import { IMetadataObj } from './interfaces';
+export declare class XLS2Report extends BaseReport {
+    readonly route: string;
+    buildDataset(data: IDictionary<any>[], metadata: IMetadataObj): string;
+    buildMetadata(name: string, title: string, columns: IColumn[], filter?: IDictionary<any>): Promise<string>;
+    private getColumnsName;
+    private initVars;
+    private formatRowFunc;
+    private setRowGroup;
+    private setIndexGroups;
+    private setRowNormal;
+    formatDataSet(metaData: IMetadataObj, dataSet: IDictionary[]): any[][];
+}

package/types/utils/report/report-type/xls3-report.d.ts

@@ -0,0 +1,16 @@
+import { IDictionary } from '@zeedhi/core';
+import { IColumn } from '../../../components';
+import { BaseReport } from './base-report';
+import { IMetadataObj } from './interfaces';
+export declare class XLS3Report extends BaseReport {
+    readonly route: string;
+    buildDataset(data: IDictionary<any>[], metadata: IMetadataObj): string;
+    buildMetadata(name: string, title: string, columns: IColumn[], filter?: IDictionary<any>): Promise<string>;
+    private getColumnsNameFormat3;
+    private initVars;
+    private setRowGroupFormat;
+    private formatRowFunc;
+    private setIndexGroups;
+    private setRowNormal;
+    formatDataSet(metaData: IMetadataObj, dataSet: IDictionary[]): string[][];
+}

package/types/utils/themes/themes.d.ts

@@ -32,10 +32,14 @@ declare const initTheme: (theme?: any) => {
         light: {
             'font-color': string;
             'background-base': string;
+            'scrollbar-track': string;
+            'scrollbar-thumb': string;
         };
         dark: {
             'font-color': string;
             'background-base': string;
+            'scrollbar-track': string;
+            'scrollbar-thumb': string;
         };
         variables: {
             'default-padding': string;