@zeedhi/common 1.38.0 → 1.40.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.38.0",
+  "version": "1.40.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": "dab3cddf078eb3bfb1842bb1287afebf3f500f37"
+  "gitHead": "3dd3bf4a5646a8b7f6b7813b16ca0fbed39c98a8"
 }

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

@@ -62,6 +62,8 @@ export declare class Alert extends Component implements IAlert {
     vertical: boolean;
     protected defaultValues: {
         name: string;
+        dark: boolean;
+        light: boolean;
         color: string;
         text: string;
         timeout: number;

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

@@ -4,10 +4,6 @@ import { ComponentRender } from '../zd-component/component-render';
  * Base class for Breadcrumbs component.
  */
 export declare class Breadcrumbs extends ComponentRender implements IBreadcrumbs {
-    /**
-     * Applies the dark theme variant to the component.
-     */
-    dark: boolean;
     /**
      * Specifies the dividing string between items.
      */
@@ -24,10 +20,6 @@ export declare class Breadcrumbs extends ComponentRender implements IBreadcrumbs
      * Increase the font-size of the breadcrumb item text to 16px.
      */
     large: boolean;
-    /**
-     * Applies the light theme variant to the component.
-     */
-    light: boolean;
     /**
      * Decrease the font-size of the breadcrumb item text to 12px.
      */

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

@@ -22,10 +22,6 @@ export declare class Button extends ComponentRender implements IButton {
      * It can be the name of material or css color in hexa
      */
     color: string;
-    /**
-     * Applies the dark theme variant to the button
-     */
-    dark: boolean;
     /**
      * Removes the ability to click or target the button
      */
@@ -71,10 +67,6 @@ export declare class Button extends ComponentRender implements IButton {
      * This should be used with the absolute or fixed props
      */
     left: boolean;
-    /**
-     * Applies the light theme variant to the button
-     */
-    light: boolean;
     /**
      * Makes the background transparent and applies a thin border
      */

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

@@ -8,7 +8,6 @@ export interface IButton extends IComponentRender {
     block?: boolean;
     bottom?: boolean;
     color?: string;
-    dark?: boolean;
     disabled?: boolean;
     events?: IButtonEvents;
     fab?: boolean;
@@ -20,7 +19,6 @@ export interface IButton extends IComponentRender {
     label?: string;
     large?: boolean;
     left?: boolean;
-    light?: boolean;
     outline?: boolean;
     reverse?: boolean;
     right?: boolean;

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

@@ -22,10 +22,6 @@ export declare class ButtonGroup extends ComponentRender implements IButtonGroup
      * It can be the name of material or css color in hexa
      */
     color: string;
-    /**
-     * Applies the dark theme variant to the component.
-     */
-    dark: boolean;
     /**
      * Reduces the button size and padding.
      */
@@ -35,10 +31,6 @@ export declare class ButtonGroup extends ComponentRender implements IButtonGroup
      * space between the buttons
      */
     group: boolean;
-    /**
-     * Applies the light theme variant to the component.
-     */
-    light: boolean;
     /**
      * Applies mandatory selected button
      */

package/types/components/zd-button-group/interfaces.d.ts

@@ -11,11 +11,9 @@ export interface IButtonGroup extends IComponentRender {
     backgroundColor?: string;
     borderless?: boolean;
     color?: string;
-    dark?: boolean;
     dense?: boolean;
     events?: IButtonGroupEvents;
     group?: boolean;
-    light?: boolean;
     mandatory?: boolean;
     multiple?: boolean;
     rounded?: boolean;

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

@@ -16,10 +16,6 @@ export declare class Card extends ComponentRender implements ICard {
      * Applies specified color to the control. It can be the name of material color
      */
     color: string;
-    /**
-     * Applies the dark theme variant to the component
-     */
-    dark: boolean;
     /**
      * Removes the ability to click or target the component
      */
@@ -53,10 +49,6 @@ export declare class Card extends ComponentRender implements ICard {
      * Specifies an image background for the card
      */
     img: string;
-    /**
-     * Applies the light theme variant to the component
-     */
-    light: boolean;
     /**
      * Designates that the card is a link
      */

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

@@ -9,14 +9,12 @@ export interface ICard extends IComponentRender {
     color?: string;
     elevation?: number | string;
     events?: ICardEvents;
-    dark?: boolean;
     disabled?: boolean;
     flat?: boolean;
     height?: number | string;
     hover?: boolean;
     href?: string;
     img?: string;
-    light?: boolean;
     link?: boolean;
     maxHeight?: number | string;
     maxWidth?: number | string;

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

@@ -26,10 +26,6 @@ export declare class Carousel extends ComponentRender implements ICarousel {
      * Current slide being displayed
      */
     currentSlide: number;
-    /**
-     * Applies the dark theme variant to the carousel pagination
-     */
-    dark: boolean;
     /**
      * Events registered to the carousel
      */
@@ -60,10 +56,6 @@ export declare class Carousel extends ComponentRender implements ICarousel {
      * Allows controlling the carousel using the keyboard arrow keys
      */
     keysControl: boolean;
-    /**
-     * Applies the light theme variant to the carousel
-     */
-    light: boolean;
     /**
      * Allows controlling the carousel using mouse drag
      */

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

@@ -18,13 +18,11 @@ export interface ICarousel extends IComponentRender {
     buttonsOutside?: boolean;
     center?: boolean;
     currentSlide?: number;
-    dark?: boolean;
     height?: number | string;
     infiniteScroll?: boolean;
     initialSlide?: number;
     interval?: number;
     keysControl?: boolean;
-    light?: boolean;
     mouseControl?: boolean;
     nextButton?: IButton;
     fractionPagination?: boolean;

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

@@ -34,6 +34,14 @@ export declare class Component implements IComponent {
      * Defines component name.
      */
     name: string;
+    /**
+     * Applies the dark theme variant to the component.
+     */
+    dark: boolean;
+    /**
+     * Applies the light theme variant to the component.
+     */
+    light: boolean;
     /**
      * Parent component instance. This property should be used when is
      * necessary create dynamic components.

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

@@ -13,6 +13,8 @@ export interface IComponent {
     cssStyle?: string | object;
     events?: IComponentEvents;
     isVisible?: boolean | string;
+    dark?: boolean;
+    light?: boolean;
     keyMap?: IKeyMap;
     name: string;
     parent?: Component;

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

@@ -4,18 +4,10 @@ import { ComponentRender } from '../zd-component/component-render';
  * Base class for Divider component.
  */
 export declare class Divider extends ComponentRender implements IDivider {
-    /**
-     * Applies the dark theme variant to the component.
-     */
-    dark: boolean;
     /**
      * Adds indentation (72px) for normal dividers, reduces max height for vertical.
      */
     inset: boolean;
-    /**
-     * Applies the light theme variant to the component.
-     */
-    light: boolean;
     /**
      * Displays dividers vertically.
      */

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

@@ -3,8 +3,6 @@ import { Divider } from './divider';
 import { IComponentRender } from '../zd-component/interfaces';
 export declare type IDividerEvent = IEventParam<Divider>;
 export interface IDivider extends IComponentRender {
-    dark?: boolean;
     inset?: boolean;
-    light?: boolean;
     vertical?: boolean;
 }

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

@@ -62,13 +62,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-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

@@ -78,7 +78,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param cellProps Column conditional props
      * @param events Component events
      */
-    getEditableComponent(column: IGridColumnEditable, row: IDictionary<any>, cellProps: IDictionary<any>, events: any): {
+    getEditableComponent(column: IGridColumnEditable, row: IDictionary<any>, cellProps: IDictionary<any> | null, events: any): {
         name: string;
         parent: GridEditable;
         align: "left" | "center" | "right" | undefined;

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-iterable/column.d.ts

@@ -1,4 +1,4 @@
-import { IDictionary, Datasource } from '@zeedhi/core';
+import { IDictionary, Datasource, IEvents } from '@zeedhi/core';
 import { IColumn, ColumnAlign, ColumnType } from './interfaces';
 import { Component } from '../zd-component/component';
 /**
@@ -69,7 +69,9 @@ export declare class Column extends Component implements IColumn {
      * Apply conditions
      * @param row Datasource row
      */
-    applyCondition(row: IDictionary<any>): IDictionary<any>;
+    applyCondition(row: IDictionary<any>, factoredConditions?: IEvents<{
+        row: IDictionary<any>;
+    }>): IDictionary<any>;
     /**
      * Apply conditions on action columns
      * @param row Datasource row

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

@@ -3,12 +3,10 @@ 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;

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.
      */

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/select.d.ts

@@ -105,6 +105,7 @@ export declare class Select extends TextInput implements ISelect {
      * @param field Field structure
      */
     private getDefaultDatasource;
+    overrideGet(): void;
     get search(): string;
     set search(value: string);
     /**

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

@@ -28,6 +28,10 @@ export declare class SelectMultiple extends Select implements ISelectMultiple {
      */
     get selectValue(): IDictionary<any>[];
     set selectValue(rows: IDictionary<any>[]);
+    /**
+     * Removes item from array a and add it to array b if condition is satisfied
+     */
+    private cutFromAToB;
     protected setFieldValue(value: any[]): Promise<boolean>;
     /**
      * Set value accessors

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
      */
@@ -84,11 +88,14 @@ export declare class SelectTree extends TextInput implements ISelectTree {
      * Defines if should wait and not execute GET method when Datasource is created
      */
     private lazyLoad;
+    selectValue: any;
     /**
      * Creates a new instance of SelectTree
      * @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;
@@ -122,5 +129,10 @@ export declare class SelectTree extends TextInput implements ISelectTree {
      */
     searchInput(value: string, element?: HTMLElement): void;
     get searchValue(): any;
-    setValue(value: string): void;
+    protected clearRow(row: IDictionary<any>): {
+        [x: string]: any;
+    };
+    get value(): any;
+    set value(value: any);
+    setValue(value: any): void;
 }

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

@@ -21,6 +21,7 @@ export declare class SelectTreeMultiple extends SelectTree implements ISelectTre
      * Selected Nodes
      */
     selectedNodes: ISelectTreeMultipleNode<IDictionary>[];
+    selectValue: any[];
     /**
      * Creates a new instance of Select Tree Multiple
      * @param props
@@ -34,4 +35,7 @@ export declare class SelectTreeMultiple extends SelectTree implements ISelectTre
      * Triggered deselecting an node
      */
     deselect(node: ISelectTreeMultipleNode<IDictionary>, element?: HTMLElement): void;
+    get value(): any;
+    set value(value: any);
+    setValue(value: any): 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;