@zeedhi/common 1.45.1 → 1.48.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.45.1",
+  "version": "1.48.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -37,5 +37,5 @@
     "lodash.times": "^4.3.2",
     "mockdate": "^3.0.2"
   },
-  "gitHead": "48ccd8cb489384bbdedb6f649504ca64d9d6fc1c"
+  "gitHead": "8f588b928efe593c47681477f44ac419b28fbabc"
 }

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

@@ -1,5 +1,5 @@
 import { IKeyMap } from '@zeedhi/core';
-import { IComponent, IComponentEvents } from './interfaces';
+import { IComponent, IComponentDirectives, IComponentEvents } from './interfaces';
 /**
  * Base class for all Zeedhi components.
  */
@@ -22,6 +22,10 @@ export declare class Component implements IComponent {
      * Set css in line with cssStyle.
      */
     cssStyle: string | object;
+    /**
+     * Directives registered to the component.
+     */
+    directives: IComponentDirectives;
     /**
      * Events registered to the component.
      */

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

@@ -12,6 +12,7 @@ export interface IComponent {
     cssClass?: string;
     cssStyle?: string | object;
     events?: IComponentEvents;
+    directives?: IComponentDirectives;
     isVisible?: boolean | string;
     dark?: boolean;
     light?: boolean;
@@ -34,3 +35,7 @@ export interface IComponentEvents<T = IEventParam<any>> extends IEvents<T> {
     onBeforeDestroy?: IEvent<T> | string;
     onDestroyed?: IEvent<T> | string;
 }
+export interface IComponentDirectives {
+    touch?: IComponentEvents;
+    [key: string]: IComponentEvents | undefined;
+}

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

@@ -14,6 +14,7 @@ export declare class Dashboard extends ComponentRender implements IDashboard {
     addModal?: Modal;
     editModal?: Modal;
     deleteCardId: string;
+    overrideNamedProps: any;
     removePadding: boolean;
     height: string | number;
     heightAdjust: string | number;
@@ -41,11 +42,13 @@ export declare class Dashboard extends ComponentRender implements IDashboard {
         component?: undefined;
         path?: undefined;
         local?: undefined;
+        overrideNamedProps?: undefined;
     } | {
         name: string;
         component: string;
         path: string;
         local: boolean;
+        overrideNamedProps: any;
     };
     getFooterRightSlot(cardId: string): ({
         name: string;

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

@@ -27,4 +27,5 @@ export interface IDashboardCard {
     width: number;
     flat?: boolean;
     events?: ICardEvents;
+    overrideNamedProps?: any;
 }

package/types/components/zd-date/date-range.d.ts

@@ -53,6 +53,14 @@ export declare class DateRange extends TextInput implements IDateRange {
      * Width of the picker.
      */
     width: number | string;
+    /**
+     * Helper options.
+     */
+    helperOptions?: string[];
+    /**
+     * Helper value.
+     */
+    helperValue?: string;
     protected isoFormat: string;
     protected dateError: boolean;
     protected formatterFn: Function;
@@ -117,4 +125,8 @@ export declare class DateRange extends TextInput implements IDateRange {
      * @returns true if it is simple, false otherwise
      */
     protected isSimpleFormat(format: string): boolean;
+    private previousHint;
+    private previousPersistentHint;
+    updateHelperHint(): void;
+    change(event?: Event, element?: any): void;
 }

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

@@ -56,6 +56,14 @@ export declare class Date extends TextInput implements IDate {
      * Determines the type of the picker - date for date picker, month for month picker.
      */
     pickerType: string;
+    /**
+     * Helper options.
+     */
+    helperOptions?: string[];
+    /**
+     * Helper value.
+     */
+    helperValue?: string;
     /**
      * Width of the picker.
      */
@@ -126,4 +134,8 @@ export declare class Date extends TextInput implements IDate {
      * @returns true if it is simple, false otherwise
      */
     protected isSimpleFormat(format: string): boolean;
+    private previousHint;
+    private previousPersistentHint;
+    updateHelperHint(): void;
+    change(event?: Event, element?: any): void;
 }

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

@@ -22,6 +22,8 @@ export interface IDate extends ITextInput {
     showWeek?: boolean;
     width?: number | string;
     orderedDates?: boolean;
+    helperOptions?: string[];
+    helperValue?: string;
 }
 export interface IDateRange extends IDate {
     splitter?: string;

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

@@ -63,7 +63,7 @@ export declare class FileInput extends TextInput implements IFileInput {
     /**
      * Field value.
      */
-    private internalValue;
+    protected internalValue: any;
     selectFileButton: IButton;
     /**
      * Create a new FileInput

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

@@ -66,22 +66,16 @@ export declare class Form extends ComponentRender implements IForm {
     get childrenProps(): {
         [key: string]: any;
         children?: import("..").IComponentRender[] | undefined;
-        component: string; /**
-         * Applies the justify-content css property.
-         * Available options are start, center, end, space-between and space-around.
-         */
+        component: string;
         componentId?: number | undefined;
         cssClass?: string | undefined;
         cssStyle?: string | object | undefined;
         events?: import("..").IComponentEvents<import("@zeedhi/core").IEventParam<any>> | undefined;
+        directives?: import("..").IComponentDirectives | 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-frame/frame.d.ts

@@ -8,6 +8,7 @@ export declare class Frame extends ComponentRender implements IFrame {
     local: boolean;
     metadata: Object;
     override: Object;
+    overrideNamedProps: any;
     path: string;
     cache: boolean;
     events: IFrameEvents;
@@ -23,6 +24,7 @@ export declare class Frame extends ComponentRender implements IFrame {
      */
     constructor(props: IFrame);
     private getMetadata;
+    overrideNamedPropsFunc(metadata: object): any;
     reload(): Promise<void>;
     protected notFoundError(): void;
     private requestPage;

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

@@ -9,6 +9,7 @@ export interface IFrame extends IComponentRender {
     path: string;
     local?: boolean;
     override?: Object;
+    overrideNamedProps?: any;
     cache?: boolean;
     cacheDuration?: number;
     height?: number | string;

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

@@ -22,11 +22,15 @@ export declare class GridColumn extends Column implements IGridColumn {
         cssClass?: string | undefined;
         cssStyle?: string | object | undefined;
         events?: import("..").IComponentEvents<import("@zeedhi/core").IEventParam<any>> | undefined;
+        directives?: import("..").IComponentDirectives | undefined;
         isVisible?: string | boolean | undefined;
         dark?: boolean | undefined;
         light?: boolean | undefined;
         keyMap?: import("@zeedhi/core").IKeyMap<import("@zeedhi/core").IEventParam<any>> | undefined;
-        name: string;
+        name: string; /**
+         * Creates a new Grid Column.
+         * @param props Grid column properties
+         */
         parent?: import("..").Component | undefined;
     }[];
     /**

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

@@ -11,6 +11,9 @@ export declare class Grid extends Iterable implements IGrid {
      * Components that will be rendered on toolbar slot
      */
     toolbarSlot: IComponentRender[];
+    loadingText: string;
+    noDataText: string;
+    noResultsText: string;
     /**
      * Components that will be rendered in no-data case
      */
@@ -163,5 +166,5 @@ export declare class Grid extends Iterable implements IGrid {
     protected navigatePageDown(): void;
     deleteRows(): Promise<any[]>;
     getActionComponent(actionComponent: IComponent, column: GridColumn, row: IDictionary, parentPath?: string): IComponent;
-    private changeDefaultSlotNames;
+    protected changeDefaultSlotNames(slot: IComponentRender[]): IComponentRender[];
 }

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

@@ -37,6 +37,9 @@ export interface IGrid extends IIterable {
     toolbarSlot?: IComponentRender[];
     dragColumns?: boolean;
     resizeColumns?: boolean;
+    loadingText?: string;
+    noDataText?: string;
+    noResultsText?: string;
 }
 export interface IGridColumn extends IColumn {
     children?: IChildrenActionColumn[];

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

@@ -98,10 +98,6 @@ export declare class Input extends ComponentRender implements IInput {
      * Used to watch a value from store.
      */
     storePath: string;
-    /**
-    * Internal input value.
-    */
-    value: any;
     /**
      * Input validations.
      */
@@ -120,6 +116,8 @@ export declare class Input extends ComponentRender implements IInput {
     private parsedValidations;
     protected formatterFn: Function;
     protected parserFn: Function;
+    protected internalDisplayValue: string;
+    protected internalValue: any;
     /**
      * Creates a new Input.
      * @param props Input properties
@@ -166,6 +164,11 @@ export declare class Input extends ComponentRender implements IInput {
      * Updates input rules.
      */
     private updateRules;
+    /**
+     * Input value.
+     */
+    get value(): any;
+    set value(value: any);
     /**
      * Input displayed value.
      */

package/types/components/zd-range-slider/range-slider.d.ts

@@ -58,9 +58,12 @@ export declare class RangeSlider extends Input implements IRangeSlider {
      * Defines the range-slider ticks
      */
     ticks: IRangeSliderTicks;
+    private rangeSliderValue;
     /**
      * Create a new Range Slider
      * @param props Range Slider properties
      */
     constructor(props: IRangeSlider);
+    get value(): any;
+    set value(value: any);
 }

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

@@ -9,6 +9,7 @@ export interface ISelect extends ITextInput {
     dataValue?: string;
     dataDisabled?: string;
     menuMaxHeight?: string | number;
+    menuMaxWidth?: string | number;
     preventLoadOnFocus?: boolean;
     returnObject?: boolean;
     itemBeforeSlot?: IComponentRender[];

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

@@ -42,6 +42,10 @@ export declare class Select extends TextInput implements ISelect {
      * Maximum height of select menu
      */
     menuMaxHeight: string | number;
+    /**
+     * Maximum width of select menu
+     */
+    menuMaxWidth: string | number;
     /**
      * Input select value
      */

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

@@ -13,6 +13,7 @@ export interface ITabsEvents<T = ITabsEventParam | ITabsBeforeChangeEventParam |
 export interface ITab extends IComponent {
     tabTitle: string;
     disabled?: boolean;
+    flex?: boolean;
 }
 export interface ITabs extends IComponentRender {
     activeTab?: number;

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

@@ -6,6 +6,10 @@ import { Component } from '../zd-component/component';
 export declare class Tab extends Component implements ITab {
     disabled: boolean;
     tabTitle: string;
+    /**
+     * Defines if is flex mode.
+     */
+    flex?: boolean;
     /**
      * Create a new Tab.
      * @param props Tab properties

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

@@ -5,7 +5,7 @@ import { ComponentRender } from '../zd-component/component-render';
  * Base class for Tabs component.
  */
 export declare class Tabs extends ComponentRender implements ITabs {
-    activeTab: number;
+    activeTabValue: number;
     events: ITabsEvents;
     tabs: Tab[];
     /**
@@ -17,6 +17,8 @@ export declare class Tabs extends ComponentRender implements ITabs {
      * @param props Tabs properties
      */
     constructor(props: ITabs);
+    get activeTab(): number;
+    set activeTab(index: number);
     private getTabs;
     getTab(name: string): Tab;
     /**

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

@@ -9,7 +9,6 @@ export interface ITreeNodeModel<T> {
     isSelected?: boolean;
     isDraggable?: boolean;
     isSelectable?: boolean;
-    isChecked?: boolean;
     data?: T;
 }
 export interface ITreeNode<T> extends ITreeNodeModel<T> {
@@ -62,6 +61,7 @@ export interface ITree extends IComponentRender {
     parentField?: string;
     titleField?: string;
     dataField?: string;
+    checkedField?: string;
     openLevelOnLoad?: number | boolean;
     checkbox?: boolean;
 }

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

@@ -37,6 +37,8 @@ export declare class Tree extends ComponentRender implements ITree {
     titleField: string;
     /** Datasource data field */
     dataField: string;
+    /** Datasource checked field */
+    checkedField: string;
     /**
      * Defines if the tree will be opened or not (true/false) or if it should open only until a specific level
      */
@@ -66,11 +68,11 @@ export declare class Tree extends ComponentRender implements ITree {
     /**
      * Initialize all the properties of the declared nodes (reactivity)
      */
-    protected initNodes(nodes: ITreeNodeModel<IDictionary>[]): ITreeNodeModel<IDictionary>[];
+    protected initNodes(nodes: ITreeNodeModel<IDictionary>[], override?: IDictionary): ITreeNodeModel<IDictionary>[];
     /** Nodes */
     get nodes(): ITreeNodeModel<IDictionary>[];
     set nodes(value: ITreeNodeModel<IDictionary>[]);
-    getCheckedNodes(): ITreeNodeModel<IDictionary<any>>[];
+    getCheckedNodes(): ITreeNode<IDictionary<any>>[];
     /** Returns the selected nodes */
     get selectedNodes(): ITreeNode<IDictionary>[];
     private createDataStructure;
@@ -85,7 +87,6 @@ export declare class Tree extends ComponentRender implements ITree {
     removeSelected(): void;
     /** Update selected node */
     updateNodeData(node: ITreeNode<IDictionary>, value: IDictionary): void;
-    private removeDraggable;
     setTree(tree: any): void;
     /**
      * Return plain conditions object
@@ -110,6 +111,6 @@ export declare class Tree extends ComponentRender implements ITree {
     nodeCheck(node: ITreeNode<IDictionary>, event?: Event, element?: HTMLElement): void;
     clearSelection(nodes?: ITreeNodeModel<IDictionary<any>>[]): void;
     getNode(path: number[]): ITreeNodeModel<IDictionary<any>> | undefined;
-    getParentNode(node: ITreeNode<IDictionary>): ITreeNodeModel<IDictionary<any>> | undefined;
+    getParentNode(node: ITreeNode<IDictionary>): any;
     private searchPath;
 }