@zeedhi/common 1.96.1 → 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);
         });
     }
@@ -4973,11 +4974,12 @@ class FileInput extends TextInput {
         this.rules = Object.keys(this.parsedValidations)
             .map((key) => {
             const validation = this.parsedValidations[key];
-            if (key !== 'maxFileSize')
+            if (key !== 'maxFileSize') {
                 return (value) => {
                     const testValue = value !== undefined ? value : this.value;
                     return validation(testValue);
                 };
+            }
             return () => {
                 if (this.viewGetFileSizes) {
                     const fileSizes = this.viewGetFileSizes();
@@ -5780,12 +5782,12 @@ FormatterParserProvider.registerFormatter('column_ZdSelect', ({ column, value, r
     const { dataText, formatterDataText, dataTextSeparator, dataValue, } = componentProps;
     let currentRow = row;
     if (dataValue) {
+        const dataTextColumns = Array.isArray(dataText) ? dataText : [dataText];
+        const columns = Array.isArray(formatterDataText) ? formatterDataText : [formatterDataText];
         if (!formatterDataText) {
             currentRow = column.getLookupData(dataValue, value[dataValue] || value);
         }
-        else {
-            const columns = Array.isArray(formatterDataText) ? formatterDataText : [formatterDataText];
-            const dataTextColumns = Array.isArray(dataText) ? dataText : [dataText];
+        else if (columns.length === dataTextColumns.length) {
             const loopkupRow = {};
             columns.forEach((item, index) => {
                 const dataTextValue = dataTextColumns[index];
@@ -6531,6 +6533,7 @@ class GridEditable extends Grid {
                 active: true,
             },
         };
+        this.viewEnterEdit = null;
         this.newRowIdentifier = '__added_row';
         this.doubleClickEdit = this.getInitValue('doubleClickEdit', props.doubleClickEdit, this.doubleClickEdit);
         this.canEditRow = this.getInitValue('canEditRow', props.canEditRow, this.canEditRow);
@@ -6538,6 +6541,9 @@ class GridEditable extends Grid {
         this.singleEdit = this.getInitValue('singleEdit', props.singleEdit, this.singleEdit);
         this.createAccessors();
     }
+    setViewEnterEdit(viewEnterEdit) {
+        this.viewEnterEdit = viewEnterEdit;
+    }
     onMounted(element) {
         super.onMounted(element);
         KeyMap.bind(this.cancelEditedRowsKeyMapping, this, element);
@@ -6605,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,
@@ -7062,6 +7070,15 @@ class GridEditable extends Grid {
         delete rows[foundRow[uniqueKey]];
         this.editedRows = rows;
     }
+    /**
+     * Makes the cell enter edit mode
+     */
+    enterEdit(rowKey, columnName) {
+        if (!this.viewEnterEdit) {
+            throw new Error('viewEnterEdit method not assigned');
+        }
+        this.viewEnterEdit(rowKey, columnName);
+    }
 }
 
 /**
@@ -9750,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);
@@ -9757,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();
     }
 }
@@ -13151,12 +13183,16 @@ class TreeGridEditable extends TreeGrid {
                 active: true,
             },
         };
+        this.viewEnterEdit = null;
         this.doubleClickEdit = this.getInitValue('doubleClickEdit', props.doubleClickEdit, this.doubleClickEdit);
         this.canEditRow = this.getInitValue('canEditRow', props.canEditRow, this.canEditRow);
         this.singleEdit = this.getInitValue('singleEdit', props.singleEdit, this.singleEdit);
         this.noDataSlot = this.changeDefaultSlotNames(this.noDataSlot);
         this.createAccessors();
     }
+    setViewEnterEdit(viewEnterEdit) {
+        this.viewEnterEdit = viewEnterEdit;
+    }
     onMounted(element) {
         super.onMounted(element);
         KeyMap.bind(this.cancelEditedRowsKeyMapping, this, element);
@@ -13226,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,
@@ -13600,6 +13638,15 @@ class TreeGridEditable extends TreeGrid {
         delete rows[foundRow[uniqueKey]];
         this.editedRows = rows;
     }
+    /**
+     * Makes the cell enter edit mode
+     */
+    enterEdit(rowKey, columnName) {
+        if (!this.viewEnterEdit) {
+            throw new Error('viewEnterEdit method not assigned');
+        }
+        this.viewEnterEdit(rowKey, columnName);
+    }
 }
 
 class Icons {

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);
           });
       }
@@ -4980,11 +4981,12 @@
           this.rules = Object.keys(this.parsedValidations)
               .map((key) => {
               const validation = this.parsedValidations[key];
-              if (key !== 'maxFileSize')
+              if (key !== 'maxFileSize') {
                   return (value) => {
                       const testValue = value !== undefined ? value : this.value;
                       return validation(testValue);
                   };
+              }
               return () => {
                   if (this.viewGetFileSizes) {
                       const fileSizes = this.viewGetFileSizes();
@@ -5787,12 +5789,12 @@
       const { dataText, formatterDataText, dataTextSeparator, dataValue, } = componentProps;
       let currentRow = row;
       if (dataValue) {
+          const dataTextColumns = Array.isArray(dataText) ? dataText : [dataText];
+          const columns = Array.isArray(formatterDataText) ? formatterDataText : [formatterDataText];
           if (!formatterDataText) {
               currentRow = column.getLookupData(dataValue, value[dataValue] || value);
           }
-          else {
-              const columns = Array.isArray(formatterDataText) ? formatterDataText : [formatterDataText];
-              const dataTextColumns = Array.isArray(dataText) ? dataText : [dataText];
+          else if (columns.length === dataTextColumns.length) {
               const loopkupRow = {};
               columns.forEach((item, index) => {
                   const dataTextValue = dataTextColumns[index];
@@ -6538,6 +6540,7 @@
                   active: true,
               },
           };
+          this.viewEnterEdit = null;
           this.newRowIdentifier = '__added_row';
           this.doubleClickEdit = this.getInitValue('doubleClickEdit', props.doubleClickEdit, this.doubleClickEdit);
           this.canEditRow = this.getInitValue('canEditRow', props.canEditRow, this.canEditRow);
@@ -6545,6 +6548,9 @@
           this.singleEdit = this.getInitValue('singleEdit', props.singleEdit, this.singleEdit);
           this.createAccessors();
       }
+      setViewEnterEdit(viewEnterEdit) {
+          this.viewEnterEdit = viewEnterEdit;
+      }
       onMounted(element) {
           super.onMounted(element);
           core.KeyMap.bind(this.cancelEditedRowsKeyMapping, this, element);
@@ -6612,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,
@@ -7069,6 +7077,15 @@
           delete rows[foundRow[uniqueKey]];
           this.editedRows = rows;
       }
+      /**
+       * Makes the cell enter edit mode
+       */
+      enterEdit(rowKey, columnName) {
+          if (!this.viewEnterEdit) {
+              throw new Error('viewEnterEdit method not assigned');
+          }
+          this.viewEnterEdit(rowKey, columnName);
+      }
   }
 
   /**
@@ -9757,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);
@@ -9764,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();
       }
   }
@@ -13158,12 +13190,16 @@
                   active: true,
               },
           };
+          this.viewEnterEdit = null;
           this.doubleClickEdit = this.getInitValue('doubleClickEdit', props.doubleClickEdit, this.doubleClickEdit);
           this.canEditRow = this.getInitValue('canEditRow', props.canEditRow, this.canEditRow);
           this.singleEdit = this.getInitValue('singleEdit', props.singleEdit, this.singleEdit);
           this.noDataSlot = this.changeDefaultSlotNames(this.noDataSlot);
           this.createAccessors();
       }
+      setViewEnterEdit(viewEnterEdit) {
+          this.viewEnterEdit = viewEnterEdit;
+      }
       onMounted(element) {
           super.onMounted(element);
           core.KeyMap.bind(this.cancelEditedRowsKeyMapping, this, element);
@@ -13233,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,
@@ -13607,6 +13645,15 @@
           delete rows[foundRow[uniqueKey]];
           this.editedRows = rows;
       }
+      /**
+       * Makes the cell enter edit mode
+       */
+      enterEdit(rowKey, columnName) {
+          if (!this.viewEnterEdit) {
+              throw new Error('viewEnterEdit method not assigned');
+          }
+          this.viewEnterEdit(rowKey, columnName);
+      }
   }
 
   class Icons {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.96.1",
+  "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": "5898cc8926fdb11f3fbc71af1e587cd0bb1f53b1"
+  "gitHead": "06696a1b9e9ad6b52f88ac58130ecf456ddb1160"
 }

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

@@ -45,6 +45,8 @@ export declare class GridEditable extends Grid implements IGridEditable {
     private invalidComponents;
     editingNewRows: boolean;
     protected cancelEditedRowsKeyMapping: IKeyMap;
+    protected viewEnterEdit: ((rowKey: string, columnName: string) => void) | null;
+    setViewEnterEdit(viewEnterEdit: (rowKey: string, columnName: string) => void): void;
     constructor(props: IGridEditable);
     onMounted(element: any): void;
     onBeforeDestroy(): void;
@@ -209,4 +211,8 @@ export declare class GridEditable extends Grid implements IGridEditable {
     private changeCell;
     callCanEditRow(row: IDictionary<any>): any;
     changeData(data?: IDictionary<any>[]): void;
+    /**
+     * Makes the cell enter edit mode
+     */
+    enterEdit(rowKey: string, columnName: string): void;
 }

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/components/zd-tree-grid/tree-grid-editable.d.ts

@@ -36,6 +36,8 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
      */
     doubleClickEdit: boolean;
     protected cancelEditedRowsKeyMapping: any;
+    protected viewEnterEdit: ((rowKey: string, columnName: string) => void) | null;
+    setViewEnterEdit(viewEnterEdit: (rowKey: string, columnName: string) => void): void;
     constructor(props: ITreeGridEditable);
     onMounted(element: any): void;
     onBeforeDestroy(): void;
@@ -190,4 +192,8 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
     private changeCell;
     callCanEditRow(row: IDictionary<any>): boolean;
     changeData(data?: IDictionary<any>[]): void;
+    /**
+     * Makes the cell enter edit mode
+     */
+    enterEdit(rowKey: string, columnName: string): void;
 }

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;
-}