@zeedhi/common 1.72.0 → 1.74.0

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

@@ -6,8 +6,13 @@ export interface IImage extends IComponentRender {
     alt?: string;
     errorImagePath?: string;
     errorImageText?: string;
-    height?: string;
     objectFit?: string;
     src?: string;
-    width?: string;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
 }

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

@@ -31,6 +31,7 @@ export interface IIterable extends IComponentRender {
     datasource?: IDatasource;
     pageSizes?: string[];
     virtualScroll?: boolean;
+    virtualScrollCache?: number;
     searchVisibleOnly?: boolean;
 }
 export interface IIterablePageComponent extends IComponentRender {

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

@@ -26,6 +26,10 @@ export declare class Iterable extends ComponentRender implements IIterable {
      * Uses virtual scrolling to render data.
      */
     virtualScroll: boolean;
+    /**
+     * Number of lines outside the viewport to cache when using virtual scroll.
+     */
+    virtualScrollCache: number;
     /**
      * Dictionary of rowKey ponting to Dictionary of colName pointing to Dictionary of prop pointing to the
      * condition (applied) return value

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

@@ -11,4 +11,8 @@ export interface IIterableComponentRender extends IIterable {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
+    fillHeight?: boolean;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
 }

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

@@ -35,17 +35,39 @@ export declare class IterableComponentRender extends Iterable implements IIterab
      */
     noResultSlot: IComponentRender[];
     /**
-     * Sets the height for the component.
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    height: number | string;
+    height: string | number;
     /**
-     * Sets the maximum height for the component.
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    maxHeight: number | string;
+    minHeight: string | number;
     /**
-     * Sets the minimum height for the component.
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    minHeight: number | string;
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
+    /**
+     * Defines the component width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minWidth: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxWidth: string | number;
     /**
      * Components that will be rendered in error case
      */

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

@@ -15,6 +15,10 @@ export interface IList extends IComponentRender {
     height?: number | string;
     maxHeight?: number | string;
     minHeight?: number | string;
+    fillHeight?: boolean;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
 }
 /**
  * Interface for list itens

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

@@ -42,17 +42,39 @@ export declare class List extends ComponentRender implements IList {
      */
     expand: boolean;
     /**
-     * Sets the height for the component.
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    height: number | string;
+    height: string | number;
     /**
-     * Sets the maxHeight for the component.
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    maxHeight: number | string;
+    minHeight: string | number;
     /**
-     * Sets the minHeight for the component.
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    minHeight: number | string;
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
+    /**
+     * Defines the component width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minWidth: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxWidth: string | number;
     constructor(props: IList);
     /**
      * Get item by name

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

@@ -7,4 +7,8 @@ export interface IRow extends IComponentRender {
     dense?: boolean;
     justify?: string;
     noGutters?: boolean;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
 }

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

@@ -16,6 +16,25 @@ export declare class Row extends ComponentRender implements IRow {
      */
     justify?: string;
     noGutters: boolean;
+    /**
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    height: string | number;
+    /**
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
     /**
      * Creates a new Row.
      * @param props Row properties

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

@@ -5,4 +5,11 @@ export interface ISelectableList extends IList {
     max?: number;
     multiple?: boolean;
     value?: any;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
 }

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

@@ -24,6 +24,40 @@ export declare class SelectableList extends List implements ISelectableList {
      * Sets the active list-item inside the list-group
      */
     value?: any;
+    /**
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    height: string | number;
+    /**
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
+    /**
+     * Defines the component width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minWidth: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxWidth: string | number;
     constructor(props: ISelectableList);
     change(event?: Event, element?: any): void;
 }

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

@@ -6,6 +6,10 @@ export interface ITable extends IIterable {
     caption?: ITableCaption;
     showTableHead?: boolean;
     fillWidth?: boolean;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
 }
 export interface ITableCaption {
     label?: string;

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

@@ -16,6 +16,25 @@ export declare class Table extends Iterable implements ITable {
      * Controls table head visibility.
      */
     showTableHead: boolean;
+    /**
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    height: string | number;
+    /**
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
     /**
      * Creates a new Table.
      * @param table Table properties

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

@@ -13,11 +13,13 @@ export interface ITabsEvents<T = ITabsEventParam | ITabsBeforeChangeEventParam |
 export interface ITab extends IComponent {
     tabTitle: string;
     disabled?: boolean;
-    flex?: boolean;
     lazyLoad?: boolean;
 }
 export interface ITabs extends IComponentRender {
     activeTab?: number;
     tabs?: ITab[];
     height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
 }

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

@@ -6,10 +6,6 @@ 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;
     lazyLoad: boolean;
     /**
      * Create a new Tab.

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

@@ -9,9 +9,24 @@ export declare class Tabs extends ComponentRender implements ITabs {
     events: ITabsEvents;
     tabs: Tab[];
     /**
-     * Sets the height for Tabs.
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    height?: number | string;
+    height: string | number;
+    /**
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
     /**
      * Create a new Tabs.
      * @param props Tabs properties

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

@@ -16,5 +16,7 @@ export interface ITextarea extends ITextInput {
     rowHeight?: number | string;
     rows?: number | string;
     height?: number | string;
-    fillHeight?: number | string | boolean;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
 }

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

@@ -49,13 +49,24 @@ export declare class Textarea extends TextInput implements ITextarea {
      */
     rows: number | string;
     /**
-     * Input height
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    height: number | string;
+    height: string | number;
     /**
-     * Should input fill the remaining height
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
-    fillHeight: number | string | boolean;
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
     /**
      * Create a new Textarea.
      * @param props Textarea properties

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

@@ -57,8 +57,13 @@ export interface ITree extends IComponentRender {
     toolbarSlot?: IComponentRender[];
     titleSlot?: ITreeConditionComponent[];
     events?: ITreeEvents;
-    height?: string | number;
-    maxHeight?: string | number;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
     datasource?: IDatasource;
     parentField?: string;
     titleField?: string;

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

@@ -26,13 +26,39 @@ export declare class Tree extends ComponentRender implements ITree {
      */
     toolbarSlot: IComponentRender[];
     /**
-     * Tree fixed height
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
      */
     height: string | number;
     /**
-    * Tree max height
-    */
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
     maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
+    /**
+     * Defines the component width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minWidth: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxWidth: string | number;
     /**
      * Components that will be rendered on title slot
      */

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

@@ -96,6 +96,7 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
         value: any;
         events: any;
         autofill: boolean;
+        allowDuplicate: boolean;
     };
     private updateOriginalRow;
     private checkLookupData;