@zeedhi/common 1.88.0 → 1.89.0

package/dist/zd-common.esm.js

@@ -3147,6 +3147,7 @@ class Dialog extends Component {
                     }
                 },
                 stop: true,
+                index: 89,
             },
             esc: {
                 event: () => {
@@ -3162,6 +3163,7 @@ class Dialog extends Component {
                         this.hide();
                     }
                 },
+                index: 89,
                 stop: true,
             },
         };
@@ -5955,21 +5957,25 @@ class Grid extends Iterable {
             up: {
                 event: this.navigateUp.bind(this),
                 stop: true,
+                index: 99,
                 active: true,
             },
             down: {
                 event: this.navigateDown.bind(this),
                 stop: true,
+                index: 99,
                 active: true,
             },
             pageup: {
                 event: this.navigatePageUp.bind(this),
                 stop: true,
+                index: 99,
                 active: true,
             },
             pagedown: {
                 event: this.navigatePageDown.bind(this),
                 stop: true,
+                index: 99,
                 active: true,
             },
         };
@@ -6357,6 +6363,7 @@ class GridEditable extends Grid {
          * Enter edit mode on double click
          */
         this.doubleClickEdit = false;
+        this.singleEdit = false;
         /**
          * Edited rows
          * @private
@@ -6376,6 +6383,7 @@ class GridEditable extends Grid {
         this.cancelEditedRowsKeyMapping = {
             esc: {
                 event: this.cancelEditedRows.bind(this),
+                index: 99,
                 stop: true,
                 input: true,
                 active: true,
@@ -6385,6 +6393,7 @@ class GridEditable extends Grid {
         this.doubleClickEdit = this.getInitValue('doubleClickEdit', props.doubleClickEdit, this.doubleClickEdit);
         this.canEditRow = this.getInitValue('canEditRow', props.canEditRow, this.canEditRow);
         this.editingNewRows = this.getInitValue('editingNewRows', props.editingNewRows, this.editingNewRows);
+        this.singleEdit = this.getInitValue('singleEdit', props.singleEdit, this.singleEdit);
         this.createAccessors();
     }
     onMounted(element) {
@@ -6493,6 +6502,13 @@ class GridEditable extends Grid {
             });
         }
     }
+    getVisibleValue(row, column) {
+        const key = row[this.datasource.uniqueKey];
+        if (this.editedRows[key] && Object.prototype.hasOwnProperty.call(this.editedRows[key], column.name)) {
+            return this.editedRows[key][column.name];
+        }
+        return row[column.name];
+    }
     /**
      * Returns editable component properties based on the column definition
      * @param column Column definition
@@ -6503,13 +6519,7 @@ class GridEditable extends Grid {
     getEditableComponent(column, row, cellProps, events) {
         const key = row[this.datasource.uniqueKey];
         const compName = this.getCompName(key, column.name);
-        let colValue;
-        if (this.editedRows[key] && Object.prototype.hasOwnProperty.call(this.editedRows[key], column.name)) {
-            colValue = this.editedRows[key][column.name];
-        }
-        else {
-            colValue = row[column.name];
-        }
+        const colValue = this.getVisibleValue(row, column);
         const componentProps = merge({}, column.componentProps, cellProps === null || cellProps === void 0 ? void 0 : cellProps.componentProps);
         let compEvents = {};
         if (componentProps && componentProps.events) {
@@ -6650,7 +6660,9 @@ class GridEditable extends Grid {
      */
     cancelEditedRows() {
         return __awaiter(this, void 0, void 0, function* () {
+            const { page } = this.datasource;
             yield this.cancelAddedRows();
+            yield this.datasource.setPage(page);
             this.editing = false;
             this.editedRows = {};
             this.invalidComponents = {};
@@ -6658,7 +6670,7 @@ class GridEditable extends Grid {
     }
     cancelAddedRows() {
         return __awaiter(this, void 0, void 0, function* () {
-            const { data, page } = this.datasource;
+            const { data } = this.datasource;
             const allData = this.datasource.allData || data;
             Promise.resolve(allData);
             for (let index = allData.length - 1; index >= 0; index -= 1) {
@@ -6668,8 +6680,6 @@ class GridEditable extends Grid {
                 }
             }
             yield this.datasource.updateData(allData);
-            yield this.datasource.get();
-            yield this.datasource.setPage(page);
         });
     }
     addDataRow(row) {
@@ -6685,6 +6695,7 @@ class GridEditable extends Grid {
      */
     saveEditedRows(revalidate = false) {
         return __awaiter(this, void 0, void 0, function* () {
+            const { page } = this.datasource;
             yield this.cancelAddedRows();
             const response = yield Promise.all(this.getEditedRows(revalidate).map((row) => this.addDataRow(row)));
             this.editing = false;
@@ -6692,7 +6703,7 @@ class GridEditable extends Grid {
             this.addedRows = {};
             this.invalidComponents = {};
             this.addedRows = {};
-            yield this.datasource.get();
+            yield this.datasource.setPage(page);
             return response;
         });
     }
@@ -6701,7 +6712,7 @@ class GridEditable extends Grid {
      * @param revalidate Defines if the fields should be revalidated
      * @throws Will throw when it finds an invalid row
      */
-    getEditedRows(revalidate = false) {
+    getEditedRows(revalidate = false, silent = false) {
         const editedRows = [];
         Object.keys(this.editedRows).forEach((key) => {
             const row = Object.assign(Object.assign({}, this.editedRows[key].originalRow), this.editedRows[key]);
@@ -6712,7 +6723,7 @@ class GridEditable extends Grid {
                     delete row[`${attr}_original`];
                 }
             });
-            if (!this.isGridValid(revalidate)) {
+            if (!silent && !this.isGridValid(revalidate)) {
                 throw new Error('Invalid rows');
             }
             editedRows.push(row);
@@ -7476,13 +7487,27 @@ class Select extends TextInput {
         const oldGet = this.datasource.get;
         this.datasource.get = () => __awaiter(this, void 0, void 0, function* () {
             const response = yield oldGet.call(this.datasource);
+            if (!this.datasource.search && !this.manualMode) {
+                this.cachedData = [...this.datasource.data];
+                this.cachedTotal = this.datasource.total;
+            }
             if (this.indexOf(this.value) === -1 && !this.datasource.search && !this.isFocused) {
                 yield this.setValue(this.value, false);
                 this.removePushedValue();
             }
+            this.insertSelected();
             return response;
         });
     }
+    insertSelected() {
+        if (this.datasource.search || !this.pushedValue || this.indexOf(this.pushedValue) !== -1)
+            return;
+        const filterValue = this.pushedValue[this.dataValue];
+        const foundInData = this.datasource.data.find(this.getCondition(filterValue));
+        if (!foundInData) {
+            this.datasource.data.unshift(this.pushedValue);
+        }
+    }
     get search() {
         return this.searchValue;
     }
@@ -7762,14 +7787,14 @@ class Select extends TextInput {
     loadMore() {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.datasource.setLimit(this.datasource.limit + this.loadMoreQtty);
-            if (!this.datasource.search) {
-                this.afterLoad();
-                const { dataValue } = this;
-                const isSelected = this.selectValue && this.pushedValue && this.selectValue[dataValue] === this.pushedValue[dataValue];
-                if (isSelected)
-                    return;
-                this.removePushedValue();
-            }
+            if (this.datasource.search)
+                return;
+            this.afterLoad();
+            const { dataValue } = this;
+            const isSelected = this.selectValue && this.pushedValue && this.selectValue[dataValue] === this.pushedValue[dataValue];
+            if (isSelected)
+                return;
+            this.removePushedValue();
         });
     }
     /**
@@ -9878,7 +9903,6 @@ class SelectMultiple extends Select {
             const parsedValue = this.parserFn(value, this);
             if (parsedValue !== this.datasource.search) {
                 yield this.datasource.setSearch(parsedValue);
-                this.insertSelected();
             }
         });
     }
@@ -9907,6 +9931,7 @@ class SelectMultiple extends Select {
                 yield this.updateSearch(value);
             }
             else {
+                this.datasource.search = value;
                 if (!this.manualMode) {
                     this.datasource.data = [...this.cachedData];
                     this.datasource.total = this.cachedTotal;
@@ -9986,7 +10011,6 @@ class SelectMultiple extends Select {
                 const foundInData = this.datasource.data.find(this.getCondition(value));
                 return !foundInData;
             });
-            this.insertSelected();
             if (!this.datasource.search) {
                 this.setCache();
             }
@@ -10058,9 +10082,6 @@ class SelectMultiple extends Select {
         return __awaiter(this, void 0, void 0, function* () {
             if (!this.preventLoadOnFocus) {
                 yield this.datasource.get();
-                const values = this.datasource.data.map((row) => row[this.dataValue]);
-                // remove inserted items that are already in datasource
-                this.insertedValues = this.insertedValues.filter((inserted) => !values.includes(inserted[this.dataValue]));
                 this.preventLoadOnFocus = true;
             }
             this.setCache();
@@ -12632,11 +12653,13 @@ class TreeGrid extends Grid {
             right: {
                 event: this.navigateToggle.bind(this, false),
                 stop: true,
+                index: 99,
                 active: true,
             },
             left: {
                 event: this.navigateToggle.bind(this, true),
                 stop: true,
+                index: 99,
                 active: true,
             },
         };
@@ -12873,6 +12896,7 @@ class TreeGridEditable extends TreeGrid {
           * Editing rows
           */
         this.editing = false;
+        this.singleEdit = false;
         /**
           * Edited rows
           * @private
@@ -12890,6 +12914,7 @@ class TreeGridEditable extends TreeGrid {
         this.cancelEditedRowsKeyMapping = {
             esc: {
                 event: this.cancelEditedRows.bind(this),
+                index: 99,
                 stop: true,
                 input: true,
                 active: true,
@@ -12897,6 +12922,7 @@ class TreeGridEditable extends TreeGrid {
         };
         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();
     }
@@ -13006,6 +13032,13 @@ class TreeGridEditable extends TreeGrid {
             });
         }
     }
+    getVisibleValue(row, column) {
+        const key = row[this.datasource.uniqueKey];
+        if (this.editedRows[key] && Object.prototype.hasOwnProperty.call(this.editedRows[key], column.name)) {
+            return this.editedRows[key][column.name];
+        }
+        return row[column.name];
+    }
     /**
      * Returns editable component properties based on the column definition
      * @param column Column definition
@@ -13016,13 +13049,7 @@ class TreeGridEditable extends TreeGrid {
     getEditableComponent(column, row, cellProps, events) {
         const key = row[this.datasource.uniqueKey];
         const compName = this.getCompName(key, column.name);
-        let colValue;
-        if (this.editedRows[key] && Object.prototype.hasOwnProperty.call(this.editedRows[key], column.name)) {
-            colValue = this.editedRows[key][column.name];
-        }
-        else {
-            colValue = row[column.name];
-        }
+        const colValue = this.getVisibleValue(row, column);
         const componentProps = merge({}, column.componentProps, cellProps.componentProps);
         let compEvents = {};
         if (componentProps && componentProps.events) {
@@ -13118,10 +13145,24 @@ class TreeGridEditable extends TreeGrid {
      * @param column Column
      * @param row Row
      */
-    isValid(column, row) {
+    isValid(column, row, revalidate = false) {
         const key = row[this.datasource.uniqueKey];
         const compName = this.getCompName(key, column.name);
-        return !Object.prototype.hasOwnProperty.call(this.invalidComponents, compName);
+        if (!revalidate) {
+            return !Object.prototype.hasOwnProperty.call(this.invalidComponents, compName);
+        }
+        try {
+            const input = this.getComponent(key, column.name);
+            const isValid = input.validate();
+            this.checkCompValidity(input);
+            return isValid;
+        }
+        catch (e) {
+            if (e instanceof InstanceNotFoundError) {
+                return true;
+            }
+            throw e;
+        }
     }
     /**
      * Cancels all edited rows and enable grid components
@@ -13164,7 +13205,7 @@ class TreeGridEditable extends TreeGrid {
      * Retrieves all edited rows if they are valid
      * @throws Will throw when it finds an invalid row
      */
-    getEditedRows() {
+    getEditedRows(revalidate = false, silent = false) {
         const editedRows = [];
         Object.keys(this.editedRows).forEach((key) => {
             const row = Object.assign(Object.assign({}, this.editedRows[key].originalRow), this.editedRows[key]);
@@ -13177,15 +13218,29 @@ class TreeGridEditable extends TreeGrid {
                     delete row[attr];
                 }
             });
-            if (!this.isGridValid()) {
+            if (!silent && !this.isGridValid(revalidate)) {
                 throw new Error('Invalid rows');
             }
             editedRows.push(row);
         });
         return editedRows;
     }
-    isGridValid() {
-        return Object.keys(this.invalidComponents).length === 0;
+    /**
+     * Checks whether the grid is valid or not
+     * @param revalidate Defines if the fields should be revalidated
+     */
+    isGridValid(revalidate = false) {
+        if (!revalidate) {
+            return Object.keys(this.invalidComponents).length === 0;
+        }
+        let allValid = true;
+        this.datasource.data.forEach((row) => this.columns.forEach((column) => {
+            if (!column.isVisible || !column.editable)
+                return;
+            if (!this.isValid(column, row, true))
+                allValid = false;
+        }));
+        return allValid;
     }
     /**
      * Gets the editable component name
@@ -13861,7 +13916,7 @@ class PDFReport extends BaseReport {
         else if (column.componentProps && Object.keys(column.componentProps).length) {
             const { component } = column.componentProps;
             if (this.isNumberComponent(component)) {
-                format = { type: 'float' };
+                format = { type: 'float', params: {} };
                 mask = this.checkAccessor(column.componentProps.mask);
                 if (mask) {
                     format.params = {};

package/dist/zd-common.umd.js

@@ -3154,6 +3154,7 @@
                       }
                   },
                   stop: true,
+                  index: 89,
               },
               esc: {
                   event: () => {
@@ -3169,6 +3170,7 @@
                           this.hide();
                       }
                   },
+                  index: 89,
                   stop: true,
               },
           };
@@ -5962,21 +5964,25 @@
               up: {
                   event: this.navigateUp.bind(this),
                   stop: true,
+                  index: 99,
                   active: true,
               },
               down: {
                   event: this.navigateDown.bind(this),
                   stop: true,
+                  index: 99,
                   active: true,
               },
               pageup: {
                   event: this.navigatePageUp.bind(this),
                   stop: true,
+                  index: 99,
                   active: true,
               },
               pagedown: {
                   event: this.navigatePageDown.bind(this),
                   stop: true,
+                  index: 99,
                   active: true,
               },
           };
@@ -6364,6 +6370,7 @@
            * Enter edit mode on double click
            */
           this.doubleClickEdit = false;
+          this.singleEdit = false;
           /**
            * Edited rows
            * @private
@@ -6383,6 +6390,7 @@
           this.cancelEditedRowsKeyMapping = {
               esc: {
                   event: this.cancelEditedRows.bind(this),
+                  index: 99,
                   stop: true,
                   input: true,
                   active: true,
@@ -6392,6 +6400,7 @@
           this.doubleClickEdit = this.getInitValue('doubleClickEdit', props.doubleClickEdit, this.doubleClickEdit);
           this.canEditRow = this.getInitValue('canEditRow', props.canEditRow, this.canEditRow);
           this.editingNewRows = this.getInitValue('editingNewRows', props.editingNewRows, this.editingNewRows);
+          this.singleEdit = this.getInitValue('singleEdit', props.singleEdit, this.singleEdit);
           this.createAccessors();
       }
       onMounted(element) {
@@ -6500,6 +6509,13 @@
               });
           }
       }
+      getVisibleValue(row, column) {
+          const key = row[this.datasource.uniqueKey];
+          if (this.editedRows[key] && Object.prototype.hasOwnProperty.call(this.editedRows[key], column.name)) {
+              return this.editedRows[key][column.name];
+          }
+          return row[column.name];
+      }
       /**
        * Returns editable component properties based on the column definition
        * @param column Column definition
@@ -6510,13 +6526,7 @@
       getEditableComponent(column, row, cellProps, events) {
           const key = row[this.datasource.uniqueKey];
           const compName = this.getCompName(key, column.name);
-          let colValue;
-          if (this.editedRows[key] && Object.prototype.hasOwnProperty.call(this.editedRows[key], column.name)) {
-              colValue = this.editedRows[key][column.name];
-          }
-          else {
-              colValue = row[column.name];
-          }
+          const colValue = this.getVisibleValue(row, column);
           const componentProps = merge__default["default"]({}, column.componentProps, cellProps === null || cellProps === void 0 ? void 0 : cellProps.componentProps);
           let compEvents = {};
           if (componentProps && componentProps.events) {
@@ -6657,7 +6667,9 @@
        */
       cancelEditedRows() {
           return __awaiter(this, void 0, void 0, function* () {
+              const { page } = this.datasource;
               yield this.cancelAddedRows();
+              yield this.datasource.setPage(page);
               this.editing = false;
               this.editedRows = {};
               this.invalidComponents = {};
@@ -6665,7 +6677,7 @@
       }
       cancelAddedRows() {
           return __awaiter(this, void 0, void 0, function* () {
-              const { data, page } = this.datasource;
+              const { data } = this.datasource;
               const allData = this.datasource.allData || data;
               Promise.resolve(allData);
               for (let index = allData.length - 1; index >= 0; index -= 1) {
@@ -6675,8 +6687,6 @@
                   }
               }
               yield this.datasource.updateData(allData);
-              yield this.datasource.get();
-              yield this.datasource.setPage(page);
           });
       }
       addDataRow(row) {
@@ -6692,6 +6702,7 @@
        */
       saveEditedRows(revalidate = false) {
           return __awaiter(this, void 0, void 0, function* () {
+              const { page } = this.datasource;
               yield this.cancelAddedRows();
               const response = yield Promise.all(this.getEditedRows(revalidate).map((row) => this.addDataRow(row)));
               this.editing = false;
@@ -6699,7 +6710,7 @@
               this.addedRows = {};
               this.invalidComponents = {};
               this.addedRows = {};
-              yield this.datasource.get();
+              yield this.datasource.setPage(page);
               return response;
           });
       }
@@ -6708,7 +6719,7 @@
        * @param revalidate Defines if the fields should be revalidated
        * @throws Will throw when it finds an invalid row
        */
-      getEditedRows(revalidate = false) {
+      getEditedRows(revalidate = false, silent = false) {
           const editedRows = [];
           Object.keys(this.editedRows).forEach((key) => {
               const row = Object.assign(Object.assign({}, this.editedRows[key].originalRow), this.editedRows[key]);
@@ -6719,7 +6730,7 @@
                       delete row[`${attr}_original`];
                   }
               });
-              if (!this.isGridValid(revalidate)) {
+              if (!silent && !this.isGridValid(revalidate)) {
                   throw new Error('Invalid rows');
               }
               editedRows.push(row);
@@ -7483,13 +7494,27 @@
           const oldGet = this.datasource.get;
           this.datasource.get = () => __awaiter(this, void 0, void 0, function* () {
               const response = yield oldGet.call(this.datasource);
+              if (!this.datasource.search && !this.manualMode) {
+                  this.cachedData = [...this.datasource.data];
+                  this.cachedTotal = this.datasource.total;
+              }
               if (this.indexOf(this.value) === -1 && !this.datasource.search && !this.isFocused) {
                   yield this.setValue(this.value, false);
                   this.removePushedValue();
               }
+              this.insertSelected();
               return response;
           });
       }
+      insertSelected() {
+          if (this.datasource.search || !this.pushedValue || this.indexOf(this.pushedValue) !== -1)
+              return;
+          const filterValue = this.pushedValue[this.dataValue];
+          const foundInData = this.datasource.data.find(this.getCondition(filterValue));
+          if (!foundInData) {
+              this.datasource.data.unshift(this.pushedValue);
+          }
+      }
       get search() {
           return this.searchValue;
       }
@@ -7769,14 +7794,14 @@
       loadMore() {
           return __awaiter(this, void 0, void 0, function* () {
               yield this.datasource.setLimit(this.datasource.limit + this.loadMoreQtty);
-              if (!this.datasource.search) {
-                  this.afterLoad();
-                  const { dataValue } = this;
-                  const isSelected = this.selectValue && this.pushedValue && this.selectValue[dataValue] === this.pushedValue[dataValue];
-                  if (isSelected)
-                      return;
-                  this.removePushedValue();
-              }
+              if (this.datasource.search)
+                  return;
+              this.afterLoad();
+              const { dataValue } = this;
+              const isSelected = this.selectValue && this.pushedValue && this.selectValue[dataValue] === this.pushedValue[dataValue];
+              if (isSelected)
+                  return;
+              this.removePushedValue();
           });
       }
       /**
@@ -9885,7 +9910,6 @@
               const parsedValue = this.parserFn(value, this);
               if (parsedValue !== this.datasource.search) {
                   yield this.datasource.setSearch(parsedValue);
-                  this.insertSelected();
               }
           });
       }
@@ -9914,6 +9938,7 @@
                   yield this.updateSearch(value);
               }
               else {
+                  this.datasource.search = value;
                   if (!this.manualMode) {
                       this.datasource.data = [...this.cachedData];
                       this.datasource.total = this.cachedTotal;
@@ -9993,7 +10018,6 @@
                   const foundInData = this.datasource.data.find(this.getCondition(value));
                   return !foundInData;
               });
-              this.insertSelected();
               if (!this.datasource.search) {
                   this.setCache();
               }
@@ -10065,9 +10089,6 @@
           return __awaiter(this, void 0, void 0, function* () {
               if (!this.preventLoadOnFocus) {
                   yield this.datasource.get();
-                  const values = this.datasource.data.map((row) => row[this.dataValue]);
-                  // remove inserted items that are already in datasource
-                  this.insertedValues = this.insertedValues.filter((inserted) => !values.includes(inserted[this.dataValue]));
                   this.preventLoadOnFocus = true;
               }
               this.setCache();
@@ -12639,11 +12660,13 @@
               right: {
                   event: this.navigateToggle.bind(this, false),
                   stop: true,
+                  index: 99,
                   active: true,
               },
               left: {
                   event: this.navigateToggle.bind(this, true),
                   stop: true,
+                  index: 99,
                   active: true,
               },
           };
@@ -12880,6 +12903,7 @@
             * Editing rows
             */
           this.editing = false;
+          this.singleEdit = false;
           /**
             * Edited rows
             * @private
@@ -12897,6 +12921,7 @@
           this.cancelEditedRowsKeyMapping = {
               esc: {
                   event: this.cancelEditedRows.bind(this),
+                  index: 99,
                   stop: true,
                   input: true,
                   active: true,
@@ -12904,6 +12929,7 @@
           };
           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();
       }
@@ -13013,6 +13039,13 @@
               });
           }
       }
+      getVisibleValue(row, column) {
+          const key = row[this.datasource.uniqueKey];
+          if (this.editedRows[key] && Object.prototype.hasOwnProperty.call(this.editedRows[key], column.name)) {
+              return this.editedRows[key][column.name];
+          }
+          return row[column.name];
+      }
       /**
        * Returns editable component properties based on the column definition
        * @param column Column definition
@@ -13023,13 +13056,7 @@
       getEditableComponent(column, row, cellProps, events) {
           const key = row[this.datasource.uniqueKey];
           const compName = this.getCompName(key, column.name);
-          let colValue;
-          if (this.editedRows[key] && Object.prototype.hasOwnProperty.call(this.editedRows[key], column.name)) {
-              colValue = this.editedRows[key][column.name];
-          }
-          else {
-              colValue = row[column.name];
-          }
+          const colValue = this.getVisibleValue(row, column);
           const componentProps = merge__default["default"]({}, column.componentProps, cellProps.componentProps);
           let compEvents = {};
           if (componentProps && componentProps.events) {
@@ -13125,10 +13152,24 @@
        * @param column Column
        * @param row Row
        */
-      isValid(column, row) {
+      isValid(column, row, revalidate = false) {
           const key = row[this.datasource.uniqueKey];
           const compName = this.getCompName(key, column.name);
-          return !Object.prototype.hasOwnProperty.call(this.invalidComponents, compName);
+          if (!revalidate) {
+              return !Object.prototype.hasOwnProperty.call(this.invalidComponents, compName);
+          }
+          try {
+              const input = this.getComponent(key, column.name);
+              const isValid = input.validate();
+              this.checkCompValidity(input);
+              return isValid;
+          }
+          catch (e) {
+              if (e instanceof core.InstanceNotFoundError) {
+                  return true;
+              }
+              throw e;
+          }
       }
       /**
        * Cancels all edited rows and enable grid components
@@ -13171,7 +13212,7 @@
        * Retrieves all edited rows if they are valid
        * @throws Will throw when it finds an invalid row
        */
-      getEditedRows() {
+      getEditedRows(revalidate = false, silent = false) {
           const editedRows = [];
           Object.keys(this.editedRows).forEach((key) => {
               const row = Object.assign(Object.assign({}, this.editedRows[key].originalRow), this.editedRows[key]);
@@ -13184,15 +13225,29 @@
                       delete row[attr];
                   }
               });
-              if (!this.isGridValid()) {
+              if (!silent && !this.isGridValid(revalidate)) {
                   throw new Error('Invalid rows');
               }
               editedRows.push(row);
           });
           return editedRows;
       }
-      isGridValid() {
-          return Object.keys(this.invalidComponents).length === 0;
+      /**
+       * Checks whether the grid is valid or not
+       * @param revalidate Defines if the fields should be revalidated
+       */
+      isGridValid(revalidate = false) {
+          if (!revalidate) {
+              return Object.keys(this.invalidComponents).length === 0;
+          }
+          let allValid = true;
+          this.datasource.data.forEach((row) => this.columns.forEach((column) => {
+              if (!column.isVisible || !column.editable)
+                  return;
+              if (!this.isValid(column, row, true))
+                  allValid = false;
+          }));
+          return allValid;
       }
       /**
        * Gets the editable component name
@@ -13868,7 +13923,7 @@
           else if (column.componentProps && Object.keys(column.componentProps).length) {
               const { component } = column.componentProps;
               if (this.isNumberComponent(component)) {
-                  format = { type: 'float' };
+                  format = { type: 'float', params: {} };
                   mask = this.checkAccessor(column.componentProps.mask);
                   if (mask) {
                       format.params = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.88.0",
+  "version": "1.89.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "b9e30e705a88fa882c1fbdf140c15cc7c47c7c87"
+  "gitHead": "338bd948c7d990ff8ca1c26470b5da2220f10730"
 }

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

@@ -1,5 +1,6 @@
-import { IDictionary } from '@zeedhi/core';
+import { IDictionary, IKeyMap } from '@zeedhi/core';
 import { IGridColumnEditable, IGridEditable } from './interfaces';
+import { Input } from '../zd-input/input';
 import { Grid } from '..';
 import { GridColumnEditable } from './grid-column-editable';
 /**
@@ -25,6 +26,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
         row: IDictionary<any>;
         component: GridEditable;
     }) => boolean;
+    singleEdit: boolean;
     /**
      * Edited rows
      * @private
@@ -41,7 +43,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
      */
     private invalidComponents;
     editingNewRows: boolean;
-    protected cancelEditedRowsKeyMapping: any;
+    protected cancelEditedRowsKeyMapping: IKeyMap;
     constructor(props: IGridEditable);
     onMounted(element: any): void;
     onBeforeDestroy(): void;
@@ -87,6 +89,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param element DOM Element
      */
     selectAllClick(isSelected: boolean, event: Event, element: any): void;
+    getVisibleValue(row: IDictionary, column: IGridColumnEditable): any;
     /**
      * Returns editable component properties based on the column definition
      * @param column Column definition
@@ -111,7 +114,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
     /**
      * change event of editable components
      */
-    private changeEditableComponent;
+    protected changeEditableComponent(column: IGridColumnEditable, row: IDictionary<any>, value: any, component?: Input): void;
     private updateOriginalRow;
     /**
      * Checks if column is edited
@@ -143,7 +146,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param revalidate Defines if the fields should be revalidated
      * @throws Will throw when it finds an invalid row
      */
-    getEditedRows(revalidate?: boolean): IDictionary<any>[];
+    getEditedRows(revalidate?: boolean, silent?: boolean): IDictionary<any>[];
     /**
      * Checks whether the grid is valid or not
      * @param revalidate Defines if the fields should be revalidated

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

@@ -1,4 +1,4 @@
-import { IDictionary } from '@zeedhi/core';
+import { IDictionary, IKeyMap } from '@zeedhi/core';
 import { Component } from '../zd-component/component';
 import { IComponent, IComponentRender } from '../zd-component/interfaces';
 import { Iterable } from '../zd-iterable/iterable';
@@ -145,7 +145,7 @@ export declare class Grid extends Iterable implements IGrid {
      * @param props Grid properties
      */
     constructor(props: IGrid);
-    protected navigationKeyMapping: any;
+    protected navigationKeyMapping: IKeyMap;
     onMounted(element: any): void;
     onBeforeDestroy(): void;
     /**

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

@@ -64,6 +64,7 @@ export interface IGridEditable extends IGrid {
     columns?: IGridColumnEditable[];
     doubleClickEdit?: boolean;
     events?: IGridEditableEvents;
+    singleEdit?: boolean;
     canEditRow?: (args: {
         row: IDictionary<any>;
         component: GridEditable;

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

@@ -123,6 +123,7 @@ export declare class Select extends TextInput implements ISelect {
      */
     private getDefaultDatasource;
     overrideGet(): void;
+    protected insertSelected(): void;
     get search(): string;
     set search(value: string);
     /**

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

@@ -66,7 +66,7 @@ export declare class SelectMultiple extends Select implements ISelectMultiple {
     /**
      * Inserts selected items in datasource
      */
-    private insertSelected;
+    protected insertSelected(): void;
     protected removePushedValue(): void;
     protected doSearch(value: string): Promise<void>;
     /**

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

@@ -13,6 +13,7 @@ export interface ITreeGridEditable extends ITreeGrid {
     columns?: IGridColumnEditable[];
     doubleClickEdit?: boolean;
     events?: IGridEditableEvents;
+    singleEdit?: boolean;
     canEditRow?: (args: {
         row: IDictionary<any>;
         component: TreeGridEditable;

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

@@ -19,6 +19,7 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
         row: IDictionary<any>;
         component: TreeGridEditable;
     }) => boolean;
+    singleEdit: boolean;
     /**
       * Edited rows
       * @private
@@ -79,6 +80,7 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
      * @param element DOM Element
      */
     selectAllClick(isSelected: boolean, event?: Event, element?: any): void;
+    getVisibleValue(row: IDictionary, column: IGridColumnEditable): any;
     /**
      * Returns editable component properties based on the column definition
      * @param column Column definition
@@ -116,7 +118,7 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
      * @param column Column
      * @param row Row
      */
-    isValid(column: IGridColumnEditable, row: IDictionary): boolean;
+    isValid(column: IGridColumnEditable, row: IDictionary, revalidate?: boolean): boolean;
     /**
      * Cancels all edited rows and enable grid components
      */
@@ -135,8 +137,12 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
      * Retrieves all edited rows if they are valid
      * @throws Will throw when it finds an invalid row
      */
-    getEditedRows(): IDictionary<any>[];
-    isGridValid(): boolean;
+    getEditedRows(revalidate?: boolean, silent?: boolean): IDictionary<any>[];
+    /**
+     * Checks whether the grid is valid or not
+     * @param revalidate Defines if the fields should be revalidated
+     */
+    isGridValid(revalidate?: boolean): boolean;
     /**
      * Gets the editable component name
      * @param key Row unique key