@zeedhi/common 1.42.0 → 1.45.0

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: any): void;
+    onBeforeDestroy(): void;
     /**
      * Get Grid columns objects
      * @param columns Grid columns parameter
@@ -46,7 +54,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param event DOM event
      * @param element DOM Element
      */
-    rowClick(row: IDictionary<any>, event: Event, element: HTMLElement): void;
+    rowClick(row: IDictionary<any>, event: Event, element: any): void;
     /**
      * Enables editing mode if column is editable
      * @param row Grid row
@@ -54,8 +62,8 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param event DOM event
      * @param element DOM Element
      */
-    cellClick(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: HTMLElement): void;
-    cellClickEvent(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: HTMLElement): void;
+    cellClick(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: any): void;
+    cellClickEvent(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: any): void;
     /**
      * Dispatches select/unselect event
      * @param row Grid row
@@ -63,14 +71,14 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param event DOM event
      * @param element DOM Element
      */
-    selectClick(row: IDictionary<any>, isSelected: boolean, event: Event, element: HTMLElement): void;
+    selectClick(row: IDictionary<any>, isSelected: boolean, event: Event, element: any): void;
     /**
      * Dispatches select/unselect all rows event
      * @param isSelected Row is selected
      * @param event DOM event
      * @param element DOM Element
      */
-    selectAllClick(isSelected: boolean, event: Event, element: HTMLElement): void;
+    selectAllClick(isSelected: boolean, event: Event, element: any): void;
     /**
      * Returns editable component properties based on the column definition
      * @param column Column definition
@@ -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

@@ -108,7 +108,7 @@ export declare class Grid extends Iterable implements IGrid {
      */
     constructor(props: IGrid);
     protected navigationKeyMapping: any;
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     onBeforeDestroy(): void;
     /**
      * Get Grid columns objects
@@ -133,7 +133,7 @@ export declare class Grid extends Iterable implements IGrid {
      * @param event DOM event
      * @param element DOM Element
      */
-    rowClick(row: IDictionary<any>, event: Event, element: HTMLElement): void;
+    rowClick(row: IDictionary<any>, event: Event, element: any): void;
     /**
      * Dispatches cell click Event
      * @param row Grid row
@@ -141,7 +141,7 @@ export declare class Grid extends Iterable implements IGrid {
      * @param event DOM event
      * @param element DOM Element
      */
-    cellClick(row: IDictionary<any>, column: GridColumn, event: Event, element: HTMLElement): void;
+    cellClick(row: IDictionary<any>, column: GridColumn, event: Event, element: any): void;
     /**
      * Dispatches select/unselect event
      * @param row Grid row
@@ -149,14 +149,14 @@ export declare class Grid extends Iterable implements IGrid {
      * @param event DOM event
      * @param element DOM Element
      */
-    selectClick(row: IDictionary<any>, isSelected: boolean, event: Event, element: HTMLElement): void;
+    selectClick(row: IDictionary<any>, isSelected: boolean, event: Event, element: any): void;
     /**
      * Dispatches select/unselect all rows event
      * @param isSelected Row is selected
      * @param event DOM event
      * @param element DOM Element
      */
-    selectAllClick(isSelected: boolean, event: Event, element: HTMLElement): void;
+    selectAllClick(isSelected: boolean, event: Event, element: any): void;
     protected navigateUp(): void;
     protected navigateDown(): void;
     protected navigatePageUp(): void;

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

@@ -35,13 +35,13 @@ export declare class Increment extends ZdNumber implements IIncrement {
      * @param event DOM event
      * @param element Increment
      */
-    minusClick(event: Event, element: HTMLElement): void;
+    minusClick(event: Event, element: any): void;
     /**
      * Triggered when the appended icon is clicked.
      * @param event DOM event
      * @param element Increment
      */
-    plusClick(event: Event, element: HTMLElement): void;
+    plusClick(event: Event, element: any): void;
     /**
      * Method to increment the value
      */

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

@@ -99,8 +99,8 @@ export declare class Input extends ComponentRender implements IInput {
      */
     storePath: string;
     /**
-     * Input value.
-     */
+    * Internal input value.
+    */
     value: any;
     /**
      * Input validations.
@@ -193,7 +193,7 @@ export declare class Input extends ComponentRender implements IInput {
      * @param event DOM event
      * @param element Element clicked
      */
-    change(event?: Event, element?: HTMLElement): void;
+    change(event?: Event, element?: any): void;
     protected lastInputValue: any;
     protected callInputEvent: ({ event, element, component }: IDictionary) => void;
     /**
@@ -201,17 +201,17 @@ export declare class Input extends ComponentRender implements IInput {
      * @param event DOM event
      * @param element Element focused
      */
-    input(event?: Event, element?: HTMLElement): void;
+    input(event?: Event, element?: any): void;
     /**
      * Triggered when a keyboard key is released.
      * @param event DOM event
      * @param element Element that lost the focus
      */
-    keyup(event?: Event, element?: HTMLElement): void;
+    keyup(event?: Event, element?: any): void;
     /**
      * Triggered when the user presses a key on the keyboard.
      * @param event DOM event
      * @param element Element that lost the focus
      */
-    keydown(event?: Event, element?: HTMLElement): void;
+    keydown(event?: Event, element?: any): void;
 }

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

@@ -16,6 +16,8 @@ export declare class Column extends Component implements IColumn {
     componentProps: any;
     /** column style property */
     style: IDictionary;
+    /** Type of XLS */
+    xlsType: string;
     protected lookupDatasource?: Datasource;
     lookupData: any;
     lookupDataCount: number;

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

@@ -22,6 +22,7 @@ export interface IColumn extends IComponent {
     conditions?: IDictionary;
     style?: IDictionary;
     events?: IIterableEvents;
+    xlsType?: string;
 }
 export interface IIterable extends IComponentRender {
     columns?: IColumn[];

package/types/components/zd-iterable/iterable-page-component.d.ts

@@ -22,6 +22,6 @@ export declare class IterablePageComponent extends ComponentRender implements II
      * Set the Iterable Component
      * @param element Element mounted reference
      */
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     private setIterableComponent;
 }

package/types/components/zd-iterable/iterable-page-size.d.ts

@@ -51,12 +51,12 @@ export declare class IterablePageSize extends Select implements IIterablePageSiz
      * Set the Iterable Component
      * @param element Element mounted reference
      */
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     private setIterableComponent;
     /**
      * Event trigged when component loses the focus and value changes
      * @param value inputed value
      */
-    selectChange(value: any, event?: Event, element?: HTMLElement): void;
+    selectChange(value: any, event?: Event, element?: any): void;
     changePageSize(size: number): void;
 }

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

@@ -81,6 +81,6 @@ export declare class Iterable extends ComponentRender implements IIterable {
      * @param event DOM event
      * @param element DOM Element
      */
-    changeLayout(event?: Event, element?: HTMLElement): void;
+    changeLayout(event?: Event, element?: any): void;
     setSearch(search: string): Promise<any>;
 }

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

@@ -12,6 +12,9 @@ export interface IList extends IComponentRender {
     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

@@ -41,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/login-button.d.ts

@@ -27,7 +27,7 @@ export declare class LoginButton extends Button implements ILoginButton {
     /**
      * Click event
      */
-    click(event: Event, element: HTMLElement): Promise<void>;
+    click(event: Event, element: any): Promise<void>;
     /**
      * Send request to the configured endpoint
      */

package/types/components/zd-master-detail/master-detail.d.ts

@@ -16,5 +16,5 @@ export declare class MasterDetail extends ComponentRender implements IMasterDeta
     constructor(props: IMasterDetail);
     private createRelationship;
     private createRelationships;
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
 }

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

@@ -50,4 +50,12 @@ export declare class MenuGroup extends ComponentRender implements IMenuGroup {
      * Close group
      */
     close(): void;
+    /**
+     * Event triggered when this item is clicked
+     */
+    click(event?: Event): void;
+    /**
+     * Event triggered when this item is focus
+     */
+    focus(event: Event): void;
 }

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

@@ -38,7 +38,11 @@ export declare class MenuLink extends ComponentRender implements IMenuLink {
     /**
      * Event triggered when this item is clicked
      */
-    click(event: Event): void;
+    click(event?: Event): void;
+    /**
+     * Event triggered when this item is focus
+     */
+    focus(): void;
     /**
      * @returns item is selected or not
      */

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

@@ -111,6 +111,8 @@ export declare class Menu extends ComponentRender implements IMenu {
     private filteredMenuItems;
     /** Search value */
     private searchValue;
+    /** Store the current item focused */
+    currentItem: IMenuItem | null;
     /**
      * Creates a new Menu.
      * @param props Menu properties
@@ -132,7 +134,7 @@ export declare class Menu extends ComponentRender implements IMenu {
      * Get menu items from a given url
      * @param element Element mounted reference
      */
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     /**
      * Load the menu metadata
      * @param url url of the json file

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

@@ -18,6 +18,8 @@ export interface IModal extends IComponent {
     fullscreen?: boolean;
     grid?: IModalGrid;
     persistent?: boolean;
+    draggable?: boolean;
+    dragHandle?: string;
 }
 export interface IModalCloseButton extends IButton {
     modalName: string;

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

@@ -17,6 +17,14 @@ export declare class Modal extends Component implements IModal {
      * If true the modal won't close when overlay is clicked
      */
     persistent: boolean;
+    /**
+     * Allows modal to be dragged around in the screen
+     */
+    draggable: boolean;
+    /**
+     * Css selector of the drag handle
+     */
+    dragHandle?: string;
     /**
      * Creates a new modal
      * @param props Modal structure

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

@@ -119,7 +119,7 @@ export declare class Select extends TextInput implements ISelect {
      */
     protected getItemsBySearchValue(value: any, searchIn: string): Promise<any>;
     protected getCondition(filterValue: any): (row: any) => boolean;
-    focus(event: Event, element: HTMLElement): Promise<void>;
+    focus(event: Event, element: any): Promise<void>;
     protected afterFocus(): Promise<void>;
     protected uniqueBy(a: IDictionary[], key: string): IDictionary<any>[];
     protected afterLoad(): void;
@@ -156,13 +156,13 @@ export declare class Select extends TextInput implements ISelect {
      * Event trigged when component loses the focus and value changes
      * @param value inputted value
      */
-    selectChange(value: any, event?: Event, element?: HTMLElement): void;
-    protected callChangeEvent(value: any, event?: Event, element?: HTMLElement): void;
+    selectChange(value: any, event?: Event, element?: any): void;
+    protected callChangeEvent(value: any, event?: Event, element?: any): void;
     /**
      * Event trigged when value is inputted
      * @param value inputted value
      */
-    selectInput(value: any, event?: Event, element?: HTMLElement): void;
+    selectInput(value: any, event?: Event, element?: any): void;
     /**
      * Updates search value
      * @param value Search value
@@ -187,7 +187,7 @@ export declare class Select extends TextInput implements ISelect {
      * @param event DOM event
      * @param element Element that lost the focus
      */
-    blur(event: Event, element: HTMLElement): void;
+    blur(event: Event, element: any): void;
     protected checkValueOnBlur(): void;
     showLoadMore(): boolean;
     onBeforeDestroy(): void;

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

@@ -83,14 +83,14 @@ export declare class SelectMultiple extends Select implements ISelectMultiple {
      * @param event DOM event
      * @param element Element that lost the focus
      */
-    blur(event: Event, element: HTMLElement): void;
+    blur(event: Event, element: any): void;
     /**
      * Dispatches select/unselect event
      * @param isChanged checked is changed
      * @param event DOM event
      * @param element DOM Element
      */
-    onSelectAll(isSelected: boolean, event: Event, element: HTMLElement): void;
+    onSelectAll(isSelected: boolean, event: Event, element: any): void;
     selectAllItems(): Promise<void>;
     unSelectAllItems(): Promise<void>;
     protected checkValueOnBlur(): void;

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

@@ -94,7 +94,7 @@ export declare class SelectTree extends TextInput implements ISelectTree {
      * @param props
      */
     constructor(props: ISelectTree);
-    focus(event: Event, element: HTMLElement): Promise<void>;
+    focus(event: Event, element: any): Promise<void>;
     protected afterFocus(): Promise<void>;
     private createDataStructure;
     /** create nodes from datasource object */
@@ -104,19 +104,19 @@ export declare class SelectTree extends TextInput implements ISelectTree {
     /**
      * Triggered when the menu opens
      */
-    open(element?: HTMLElement): void;
+    open(element?: any): void;
     /**
      * Triggered when the menu closes
      */
-    close(selectedNodes: ISelectTreeNode<IDictionary>[], element?: HTMLElement): void;
+    close(selectedNodes: ISelectTreeNode<IDictionary>[], element?: any): void;
     /**
      * Triggered after selecting an node
      */
-    select(node: ISelectTreeNode<IDictionary>, element?: HTMLElement): void;
+    select(node: ISelectTreeNode<IDictionary>, element?: any): void;
     /**
      * Triggered after the search query changes
      */
-    searchChange(searchQuery: String, element?: HTMLElement): void;
+    searchChange(searchQuery: String, element?: any): void;
     private isDisable;
     private getDisabledNodes;
     getNodes(): ISelectTreeNode<IDictionary>[];
@@ -127,7 +127,7 @@ export declare class SelectTree extends TextInput implements ISelectTree {
      * @param event DOM event
      * @param element Element focused
      */
-    searchInput(value: string, element?: HTMLElement): void;
+    searchInput(value: string, element?: any): void;
     get searchValue(): any;
     protected clearRow(row: IDictionary<any>): {
         [x: string]: any;

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

@@ -12,6 +12,7 @@ export interface ISelectTreeMultiple extends ISelectTree {
     flat?: boolean;
     limit?: number;
     events?: ISelectTreeMultipleEvents;
+    valueConsistsOf?: string;
 }
 export interface ISelectTreeMultipleSelectedNodesEvent extends IEventParam<SelectTreeMultiple> {
     selectedNodes: ISelectTreeMultipleNode<IDictionary>[];

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

@@ -22,6 +22,10 @@ export declare class SelectTreeMultiple extends SelectTree implements ISelectTre
      */
     selectedNodes: ISelectTreeMultipleNode<IDictionary>[];
     selectValue: any[];
+    /**
+     * Changes the behavior of checked nodes that will be displayed in the array of values
+     */
+    valueConsistsOf: string;
     /**
      * Creates a new instance of Select Tree Multiple
      * @param props
@@ -30,11 +34,11 @@ export declare class SelectTreeMultiple extends SelectTree implements ISelectTre
     /**
      * Triggered after selected nodes change
      */
-    changeSelectedNodes(selectedNodes: ISelectTreeMultipleNode<IDictionary>[], element?: HTMLElement): void;
+    changeSelectedNodes(selectedNodes: ISelectTreeMultipleNode<IDictionary>[], element?: any): void;
     /**
      * Triggered deselecting an node
      */
-    deselect(node: ISelectTreeMultipleNode<IDictionary>, element?: HTMLElement): void;
+    deselect(node: ISelectTreeMultipleNode<IDictionary>, element?: any): void;
     get value(): any;
     set value(value: any);
     setValue(value: any): void;

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

@@ -25,5 +25,5 @@ export declare class SelectableList extends List implements ISelectableList {
      */
     value?: any;
     constructor(props: ISelectableList);
-    change(event?: Event, element?: HTMLElement): void;
+    change(event?: Event, element?: any): void;
 }

package/types/components/zd-svg-map/svg-map.d.ts

@@ -41,7 +41,7 @@ export declare class SvgMap extends ComponentRender implements ISvgMap {
     /**
      * SVG container
      */
-    svgContainer: HTMLElement;
+    svgContainer: any;
     /**
      * Map areas
      * @private

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
@@ -31,11 +35,11 @@ export declare class Tabs extends ComponentRender implements ITabs {
      * @param index Tab index
      * @param element Tabs element
      */
-    beforeChange(event?: Event, index?: number, element?: HTMLElement): void;
+    beforeChange(event?: Event, index?: number, element?: any): void;
     /**
      * Triggered when active tab changes
      * @param event DOM event
      * @param element Tabs element
      */
-    change(event?: Event, element?: HTMLElement): void;
+    change(event?: Event, element?: any): void;
 }

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

@@ -68,23 +68,23 @@ export declare class TextInput extends Input implements ITextInput {
      * @param event DOM event
      * @param element Text input
      */
-    appendIconClick(event: Event, element: HTMLElement): void;
+    appendIconClick(event: Event, element: any): void;
     /**
      * Triggered when the appended outer icon is clicked.
      * @param event DOM event
      * @param element Text input
      */
-    appendOuterIconClick(event: Event, element: HTMLElement): void;
+    appendOuterIconClick(event: Event, element: any): void;
     /**
      * Triggered when the prepended icon is clicked.
      * @param event DOM event
      * @param element Text input
      */
-    prependIconClick(event: Event, element: HTMLElement): void;
+    prependIconClick(event: Event, element: any): void;
     /**
      * Triggered when the prepended outer icon is clicked.
      * @param event DOM event
      * @param element Text input
      */
-    prependOuterIconClick(event: Event, element: HTMLElement): void;
+    prependOuterIconClick(event: Event, element: any): void;
 }

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

@@ -107,6 +107,6 @@ export declare class Time extends TextInput implements ITime {
     isSecondAllowed(value: string): boolean;
     timeValidation(): boolean | string;
     timeAllowedValidation(): boolean | string;
-    click(event: Event): void;
+    click(event?: Event): void;
     clear(): void;
 }

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

@@ -9,6 +9,7 @@ export interface ITreeNodeModel<T> {
     isSelected?: boolean;
     isDraggable?: boolean;
     isSelectable?: boolean;
+    isChecked?: boolean;
     data?: T;
 }
 export interface ITreeNode<T> extends ITreeNodeModel<T> {
@@ -43,6 +44,7 @@ export interface ITreeEvents extends IComponentEvents<any> {
     onNodeSelect?: IEvent<ITreeSelectEvent> | string;
     onNodeClick?: IEvent<ITreeClickEvent> | string;
     onNodeDblClick?: IEvent<ITreeClickEvent> | string;
+    onNodeCheck?: IEvent<ITreeSelectEvent> | string;
 }
 export interface ITree extends IComponentRender {
     nodes?: ITreeNodeModel<IDictionary>[];
@@ -54,10 +56,12 @@ export interface ITree extends IComponentRender {
     allowDragDrop?: boolean;
     afterTitleSlot?: ITreeConditionComponent;
     toolbarSlot?: IComponentRender[];
+    titleSlot?: ITreeConditionComponent[];
     events?: ITreeEvents;
     datasource?: IDatasource;
     parentField?: string;
     titleField?: string;
     dataField?: string;
     openLevelOnLoad?: number | boolean;
+    checkbox?: boolean;
 }