@zeedhi/common 1.96.2 → 1.97.0

package/dist/zd-common.esm.js

@@ -2004,7 +2004,8 @@ class Input extends ComponentRender {
     updateRules() {
         this.rules = Object.values(this.parsedValidations)
             .map((validation) => (value) => {
-            const testValue = value !== undefined ? value : this.value;
+            const isValueDefined = value !== undefined && value !== '';
+            const testValue = isValueDefined ? value : this.value;
             return validation(testValue);
         });
     }
@@ -6610,6 +6611,8 @@ class GridEditable extends Grid {
      * @param element DOM Element
      */
     inlineEdit(row, column, event, element) {
+        if (this.editing)
+            return;
         this.editing = true;
         this.callEvent('inlineEdit', {
             event, element, row, column, component: this,
@@ -9764,6 +9767,18 @@ class Progress extends ComponentRender {
          * The percentage value for current progress
          */
         this.value = 0;
+        /**
+         * Sets the min width for the component
+         */
+        this.minWidth = 'auto';
+        /**
+         * Sets the max width for the component
+         */
+        this.maxWidth = 'auto';
+        /**
+         * Sets the width for the component
+         */
+        this.width = '100%';
         this.backgroundColor = this.getInitValue('backgroundColor', props.backgroundColor, this.backgroundColor);
         this.backgroundOpacity = this.getInitValue('backgroundOpacity', props.backgroundOpacity, this.backgroundOpacity);
         this.color = this.getInitValue('color', props.color, this.color);
@@ -9771,6 +9786,9 @@ class Progress extends ComponentRender {
         this.indeterminate = this.getInitValue('indeterminate', props.indeterminate, this.indeterminate);
         this.centerSlot = this.getInitValue('centerSlot', props.centerSlot, this.centerSlot);
         this.value = this.getInitValue('value', props.value, this.value);
+        this.minWidth = this.getInitValue('minWidth', props.minWidth, this.minWidth);
+        this.maxWidth = this.getInitValue('maxWidth', props.maxWidth, this.maxWidth);
+        this.width = this.getInitValue('width', props.width, this.width);
         this.createAccessors();
     }
 }
@@ -13244,6 +13262,8 @@ class TreeGridEditable extends TreeGrid {
      * @param element DOM Element
      */
     inlineEdit(row, column, event, element) {
+        if (this.editing)
+            return;
         this.editing = true;
         this.callEvent('inlineEdit', {
             event, element, row, column, component: this,

package/dist/zd-common.umd.js

@@ -2011,7 +2011,8 @@
       updateRules() {
           this.rules = Object.values(this.parsedValidations)
               .map((validation) => (value) => {
-              const testValue = value !== undefined ? value : this.value;
+              const isValueDefined = value !== undefined && value !== '';
+              const testValue = isValueDefined ? value : this.value;
               return validation(testValue);
           });
       }
@@ -6617,6 +6618,8 @@
        * @param element DOM Element
        */
       inlineEdit(row, column, event, element) {
+          if (this.editing)
+              return;
           this.editing = true;
           this.callEvent('inlineEdit', {
               event, element, row, column, component: this,
@@ -9771,6 +9774,18 @@
            * The percentage value for current progress
            */
           this.value = 0;
+          /**
+           * Sets the min width for the component
+           */
+          this.minWidth = 'auto';
+          /**
+           * Sets the max width for the component
+           */
+          this.maxWidth = 'auto';
+          /**
+           * Sets the width for the component
+           */
+          this.width = '100%';
           this.backgroundColor = this.getInitValue('backgroundColor', props.backgroundColor, this.backgroundColor);
           this.backgroundOpacity = this.getInitValue('backgroundOpacity', props.backgroundOpacity, this.backgroundOpacity);
           this.color = this.getInitValue('color', props.color, this.color);
@@ -9778,6 +9793,9 @@
           this.indeterminate = this.getInitValue('indeterminate', props.indeterminate, this.indeterminate);
           this.centerSlot = this.getInitValue('centerSlot', props.centerSlot, this.centerSlot);
           this.value = this.getInitValue('value', props.value, this.value);
+          this.minWidth = this.getInitValue('minWidth', props.minWidth, this.minWidth);
+          this.maxWidth = this.getInitValue('maxWidth', props.maxWidth, this.maxWidth);
+          this.width = this.getInitValue('width', props.width, this.width);
           this.createAccessors();
       }
   }
@@ -13251,6 +13269,8 @@
        * @param element DOM Element
        */
       inlineEdit(row, column, event, element) {
+          if (this.editing)
+              return;
           this.editing = true;
           this.callEvent('inlineEdit', {
               event, element, row, column, component: this,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.96.2",
+  "version": "1.97.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@types/lodash.clonedeep": "^4.5.7",
-    "@zeedhi/autonumeric": "*",
+    "@zeedhi/autonumeric": "^4.6.3",
     "lodash.clonedeep": "^4.5.0",
     "lodash.debounce": "4.0.*",
     "lodash.get": "4.4.*",
@@ -30,7 +30,7 @@
     "lodash.set": "4.3.*"
   },
   "peerDependencies": {
-    "@zeedhi/core": "^1.0.0-alpha.0"
+    "@zeedhi/core": "~1.97.0"
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.*",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "02a1782aa3a4e4c0bdbf29c41297467071e6e132"
+  "gitHead": "4cbf0b1966af294da09421e7bfc7e28f7e42d14c"
 }

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

@@ -9,4 +9,7 @@ export interface IProgress extends IComponentRender {
     light?: boolean;
     centerSlot?: IComponentRender[];
     value?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    width?: number | string;
 }

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

@@ -33,6 +33,18 @@ export declare class Progress extends ComponentRender implements IProgress {
      * The percentage value for current progress
      */
     value: number | string;
+    /**
+     * Sets the min width for the component
+     */
+    minWidth: number | string;
+    /**
+     * Sets the max width for the component
+     */
+    maxWidth: number | string;
+    /**
+     * Sets the width for the component
+     */
+    width: number | string;
     /**
      * Create a new Progress
      * @param props Progress definition