@zeedhi/common 1.78.1 → 1.79.0

package/dist/zd-common.esm.js

@@ -2438,12 +2438,35 @@ class Col extends ComponentRender {
     constructor(props) {
         super(props);
         this.cols = '12';
+        /**
+         * Defines the component height. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.height = 'auto';
+        /**
+         * Defines the component min height. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.minHeight = 'auto';
+        /**
+         * Defines the component max height. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.maxHeight = 'none';
+        /**
+         * Set component height to fill all space available
+         */
+        this.fillHeight = false;
         this.cols = this.getInitValue('cols', props.cols, this.cols);
         this.sm = this.getInitValue('sm', props.sm, this.sm);
         this.md = this.getInitValue('md', props.md, this.md);
         this.lg = this.getInitValue('lg', props.lg, this.lg);
         this.xl = this.getInitValue('xl', props.xl, this.xl);
         this.offset = this.getInitValue('offset', props.offset, this.offset);
+        this.height = this.getInitValue('height', props.height, this.height);
+        this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
+        this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
+        this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
         this.createAccessors();
     }
 }
@@ -8290,8 +8313,32 @@ class MasterDetail extends ComponentRender {
          * Defines whether the relationship will be created on mounted
          */
         this.lazyRelate = false;
+        /**
+         * Defines the component height. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.height = 'auto';
+        /**
+         * Defines the component min height. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.minHeight = 'auto';
+        /**
+         * Defines the component max height. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.maxHeight = 'none';
+        /**
+         * Set component height to fill all space available
+         */
+        this.fillHeight = false;
         this.config = this.getInitValue('config', props.config, this.config);
         this.lazyRelate = this.getInitValue('lazyRelate', props.lazyRelate, this.lazyRelate);
+        this.height = this.getInitValue('height', props.height, this.height);
+        this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
+        this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
+        this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
+        this.createAccessors();
     }
     createRelationship(master, details = []) {
         if (master.datasource && details.length) {
@@ -10231,6 +10278,7 @@ class SelectTree extends TextInput {
         this.disabledItems = this.getInitValue('disabledItems', props.disabledItems, this.disabledItems);
         this.preventLoadOnFocus = this.getInitValue('preventLoadOnFocus', props.preventLoadOnFocus, this.preventLoadOnFocus);
         this.fetchOnDemand = this.getInitValue('fetchOnDemand', props.fetchOnDemand, this.fetchOnDemand);
+        this.menuMaxWidth = this.getInitValue('menuMaxWidth', props.menuMaxWidth, this.menuMaxWidth);
         if (props.datasource && Object.keys(props.datasource).length) {
             this.lazyLoad = props.datasource.lazyLoad !== false;
             const searchFields = Array.isArray(this.dataText) ? this.dataText : [this.dataText];

package/dist/zd-common.umd.js

@@ -2445,12 +2445,35 @@
       constructor(props) {
           super(props);
           this.cols = '12';
+          /**
+           * Defines the component height. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.height = 'auto';
+          /**
+           * Defines the component min height. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.minHeight = 'auto';
+          /**
+           * Defines the component max height. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.maxHeight = 'none';
+          /**
+           * Set component height to fill all space available
+           */
+          this.fillHeight = false;
           this.cols = this.getInitValue('cols', props.cols, this.cols);
           this.sm = this.getInitValue('sm', props.sm, this.sm);
           this.md = this.getInitValue('md', props.md, this.md);
           this.lg = this.getInitValue('lg', props.lg, this.lg);
           this.xl = this.getInitValue('xl', props.xl, this.xl);
           this.offset = this.getInitValue('offset', props.offset, this.offset);
+          this.height = this.getInitValue('height', props.height, this.height);
+          this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
+          this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
+          this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
           this.createAccessors();
       }
   }
@@ -8297,8 +8320,32 @@
            * Defines whether the relationship will be created on mounted
            */
           this.lazyRelate = false;
+          /**
+           * Defines the component height. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.height = 'auto';
+          /**
+           * Defines the component min height. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.minHeight = 'auto';
+          /**
+           * Defines the component max height. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.maxHeight = 'none';
+          /**
+           * Set component height to fill all space available
+           */
+          this.fillHeight = false;
           this.config = this.getInitValue('config', props.config, this.config);
           this.lazyRelate = this.getInitValue('lazyRelate', props.lazyRelate, this.lazyRelate);
+          this.height = this.getInitValue('height', props.height, this.height);
+          this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
+          this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
+          this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
+          this.createAccessors();
       }
       createRelationship(master, details = []) {
           if (master.datasource && details.length) {
@@ -10238,6 +10285,7 @@
           this.disabledItems = this.getInitValue('disabledItems', props.disabledItems, this.disabledItems);
           this.preventLoadOnFocus = this.getInitValue('preventLoadOnFocus', props.preventLoadOnFocus, this.preventLoadOnFocus);
           this.fetchOnDemand = this.getInitValue('fetchOnDemand', props.fetchOnDemand, this.fetchOnDemand);
+          this.menuMaxWidth = this.getInitValue('menuMaxWidth', props.menuMaxWidth, this.menuMaxWidth);
           if (props.datasource && Object.keys(props.datasource).length) {
               this.lazyLoad = props.datasource.lazyLoad !== false;
               const searchFields = Array.isArray(this.dataText) ? this.dataText : [this.dataText];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.78.1",
+  "version": "1.79.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -39,5 +39,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "391eafe389538fe262f4076b258c6a0c2d96e5c2"
+  "gitHead": "c98be433e557f6f044b0a1f644c9b8558c389180"
 }

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

@@ -10,6 +10,25 @@ export declare class Col extends ComponentRender implements ICol {
     lg?: string | number;
     xl?: string | number;
     offset?: string | number;
+    /**
+     * 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 Col.
      * @param props Col properties

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

@@ -9,4 +9,8 @@ export interface ICol extends IComponentRender {
     lg?: boolean | string | number;
     xl?: boolean | string | number;
     offset?: string | number;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
 }

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

@@ -3,4 +3,8 @@ import { IComponentRender } from '../zd-component/interfaces';
 export interface IMasterDetail extends IComponentRender {
     config?: IDictionary<any>;
     lazyRelate?: boolean;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
 }

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

@@ -13,6 +13,25 @@ export declare class MasterDetail extends ComponentRender implements IMasterDeta
      * Defines whether the relationship will be created on mounted
      */
     lazyRelate: 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 Master Detail.
      * @param props Master detail properties

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

@@ -30,6 +30,7 @@ export interface ISelectTree extends IComponentRender {
     dataDisabled?: string;
     disabledItems?: any[];
     fetchOnDemand?: boolean;
+    menuMaxWidth?: number;
 }
 export interface ISelectTreeCloseEvent extends IEventParam<SelectTree> {
     selectedNodes: ISelectTreeNode<IDictionary>[];

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

@@ -93,6 +93,7 @@ export declare class SelectTree extends TextInput implements ISelectTree {
      * Uses delayed loading to load tree branches
      */
     fetchOnDemand: boolean;
+    menuMaxWidth?: number;
     /**
      * Creates a new instance of SelectTree
      * @param props