@zeedhi/common 1.96.2 → 1.96.3

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.96.3",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "02a1782aa3a4e4c0bdbf29c41297467071e6e132"
+  "gitHead": "06696a1b9e9ad6b52f88ac58130ecf456ddb1160"
 }

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

package/types/services/zd-json-cache/json-cache-service.d.ts

@@ -1,12 +0,0 @@
-export interface IJSONObject {
-    path: string;
-}
-export declare class JsonCacheService {
-    /**
-     * jsons collection
-     */
-    static jsonCollection: IJSONObject[];
-    static saveJSONCache(jsonCollection: IJSONObject[]): Promise<void>;
-    static getJSONCache(path: string): any;
-    static clearJSONCache(jsonCollection: IJSONObject[]): void;
-}