@syncfusion/ej2-inplace-editor 20.4.48 → 20.4.54

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.48
+*  version : 20.4.54
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-inplace-editor@*",
-  "_id": "@syncfusion/ej2-inplace-editor@20.4.42",
+  "_id": "@syncfusion/ej2-inplace-editor@20.4.48",
   "_inBundle": false,
-  "_integrity": "sha512-3F948w3GkP2ylMwsfYFTgiQYWzO0y8V4Iyg2b+4hd34zYQurg9lAjMdpsjx7x288cd9rwh7Yz5FglM2Y1tpG3g==",
+  "_integrity": "sha512-CiaEa6rE/qq8iglhSI9KdsjPMkNSoM8bNu9S6UU4MhmUbDAYysbFXGyhboO8dF0bl6BxQfAbrMG0DEMKQ0EGxA==",
   "_location": "/@syncfusion/ej2-inplace-editor",
   "_phantomChildren": {},
   "_requested": {
@@ -24,8 +24,8 @@
     "/@syncfusion/ej2-react-inplace-editor",
     "/@syncfusion/ej2-vue-inplace-editor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-20.4.42.tgz",
-  "_shasum": "9537cbe8e43dfdb2ad46256d839f7595cb2cba92",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-20.4.48.tgz",
+  "_shasum": "5429d7334162027ee255a439740d7a70eb0753b9",
   "_spec": "@syncfusion/ej2-inplace-editor@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -36,17 +36,17 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.48",
-    "@syncfusion/ej2-buttons": "~20.4.48",
-    "@syncfusion/ej2-calendars": "~20.4.48",
+    "@syncfusion/ej2-base": "~20.4.51",
+    "@syncfusion/ej2-buttons": "~20.4.53",
+    "@syncfusion/ej2-calendars": "~20.4.54",
     "@syncfusion/ej2-data": "~20.4.48",
-    "@syncfusion/ej2-dropdowns": "~20.4.48",
-    "@syncfusion/ej2-inputs": "~20.4.48",
-    "@syncfusion/ej2-lists": "~20.4.48",
-    "@syncfusion/ej2-navigations": "~20.4.48",
-    "@syncfusion/ej2-popups": "~20.4.48",
-    "@syncfusion/ej2-richtexteditor": "~20.4.48",
-    "@syncfusion/ej2-splitbuttons": "~20.4.48"
+    "@syncfusion/ej2-dropdowns": "~20.4.54",
+    "@syncfusion/ej2-inputs": "~20.4.54",
+    "@syncfusion/ej2-lists": "~20.4.50",
+    "@syncfusion/ej2-navigations": "~20.4.53",
+    "@syncfusion/ej2-popups": "~20.4.53",
+    "@syncfusion/ej2-richtexteditor": "~20.4.53",
+    "@syncfusion/ej2-splitbuttons": "~20.4.50"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server.",
@@ -69,6 +69,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.48",
+  "version": "20.4.54",
   "sideEffects": false
 }

package/src/inplace-editor/base/inplace-editor.js

@@ -686,7 +686,7 @@ var InPlaceEditor = /** @class */ (function (_super) {
             this.submitBtn = undefined;
         }
         if (!isNOU(this.cancelBtn)) {
-            EventHandler.remove(this.cancelBtn.element, 'mousedown', this.cancelBtnClick);
+            EventHandler.remove(this.cancelBtn.element, 'mouseup', this.cancelBtnClick);
             EventHandler.remove(this.cancelBtn.element, 'keydown', this.btnKeyDownHandler);
             this.cancelBtn.destroy();
             this.cancelBtn = undefined;
@@ -982,7 +982,7 @@ var InPlaceEditor = /** @class */ (function (_super) {
             EventHandler.add(this.submitBtn.element, 'keydown', this.btnKeyDownHandler, this);
         }
         if (!isNOU(this.cancelBtn)) {
-            EventHandler.add(this.cancelBtn.element, 'mousedown', this.cancelBtnClick, this);
+            EventHandler.add(this.cancelBtn.element, 'mouseup', this.cancelBtnClick, this);
             EventHandler.add(this.cancelBtn.element, 'keydown', this.btnKeyDownHandler, this);
         }
     };
@@ -1291,58 +1291,62 @@ var InPlaceEditor = /** @class */ (function (_super) {
      * @private
      */
     InPlaceEditor.prototype.onPropertyChanged = function (newProp, oldProp) {
-        if (this.isEditorOpen()) {
-            var editModeChanged = 'enableEditMode' in newProp;
-            if ((editModeChanged && oldProp.enableEditMode && !newProp.enableEditMode) || (!editModeChanged && this.enableEditMode)) {
-                this.triggerEndEdit('cancel');
-            }
-            else {
-                this.removeEditor();
+        var checkValidation = this.validationRules ? !isNOU(this.element.querySelectorAll('.' + classes.ERROR)) &&
+            this.element.querySelectorAll('.' + classes.ERROR).length > 0 ? false : true : true;
+        if (checkValidation) {
+            if (this.isEditorOpen()) {
+                var editModeChanged = 'enableEditMode' in newProp;
+                if ((editModeChanged && oldProp.enableEditMode && !newProp.enableEditMode) || (!editModeChanged && this.enableEditMode)) {
+                    this.triggerEndEdit('cancel');
+                }
+                else {
+                    this.removeEditor();
+                }
             }
-        }
-        for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
-            var prop = _a[_i];
-            switch (prop) {
-                case 'showButtons':
-                    // eslint-disable-next-line
-                    (newProp.showButtons) ? this.appendButtons(this.formEle) : this.destroyButtons();
-                    break;
-                case 'value':
-                    this.updateValue();
-                    // eslint-disable-next-line
-                    this.textOption === 'Never' ? this.renderValue(this.checkValue(parseValue(this.type, this.value, this.model)))
-                        : this.renderInitialValue();
-                    break;
-                case 'emptyText':
-                    // eslint-disable-next-line
-                    this.textOption === 'Never' ? this.renderValue(this.checkValue(parseValue(this.type, this.value, this.model)))
-                        : this.renderInitialValue();
-                    break;
-                case 'template':
-                    this.checkIsTemplate();
-                    break;
-                case 'disabled':
-                    this.disable(newProp.disabled);
-                    break;
-                case 'enableRtl':
-                    this.setRtl(newProp.enableRtl);
-                    break;
-                case 'cssClass':
-                    this.setClass('remove', oldProp.cssClass);
-                    this.setClass('add', newProp.cssClass);
-                    break;
-                case 'mode':
-                    this.enableEditor(this.enableEditMode);
-                    break;
-                case 'enableEditMode':
-                    this.enableEditor(newProp.enableEditMode);
-                    break;
-                case 'editableOn':
-                    this.unWireEditEvent(oldProp.editableOn);
-                    if (newProp.editableOn !== 'EditIconClick') {
-                        this.wireEditEvent(newProp.editableOn);
-                    }
-                    break;
+            for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+                var prop = _a[_i];
+                switch (prop) {
+                    case 'showButtons':
+                        // eslint-disable-next-line
+                        (newProp.showButtons) ? this.appendButtons(this.formEle) : this.destroyButtons();
+                        break;
+                    case 'value':
+                        this.updateValue();
+                        // eslint-disable-next-line
+                        this.textOption === 'Never' ? this.renderValue(this.checkValue(parseValue(this.type, this.value, this.model)))
+                            : this.renderInitialValue();
+                        break;
+                    case 'emptyText':
+                        // eslint-disable-next-line
+                        this.textOption === 'Never' ? this.renderValue(this.checkValue(parseValue(this.type, this.value, this.model)))
+                            : this.renderInitialValue();
+                        break;
+                    case 'template':
+                        this.checkIsTemplate();
+                        break;
+                    case 'disabled':
+                        this.disable(newProp.disabled);
+                        break;
+                    case 'enableRtl':
+                        this.setRtl(newProp.enableRtl);
+                        break;
+                    case 'cssClass':
+                        this.setClass('remove', oldProp.cssClass);
+                        this.setClass('add', newProp.cssClass);
+                        break;
+                    case 'mode':
+                        this.enableEditor(this.enableEditMode);
+                        break;
+                    case 'enableEditMode':
+                        this.enableEditor(newProp.enableEditMode);
+                        break;
+                    case 'editableOn':
+                        this.unWireEditEvent(oldProp.editableOn);
+                        if (newProp.editableOn !== 'EditIconClick') {
+                            this.wireEditEvent(newProp.editableOn);
+                        }
+                        break;
+                }
             }
         }
     };