@syncfusion/ej2-react-base - npm Package Compare versions

Comparing version 19.1.67 to 19.1.69

CHANGELOG.md

@@ -7,2 +7,8 @@ # Changelog
 
+- `I324905` - Resolved the issue with `editTemplate` methods are reassigned to other columns while reordering and applying `setState`.
+
+## 19.1.67 (2021-06-08)
+
+### Common
+
 - `F164392` - Resolved the issue with Value is not updated if we update the state in `useEffect()` hook for `Dropdownlist`.
@@ -9,0 +15,0 @@

dist/ej2-react-base.umd.min.js

 /*!
 *  filename: ej2-react-base.umd.min.js
-*  version : 19.1.67
+*  version : 19.1.69
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-base"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-base","react-dom"],t):t(e.ej={},e.React,e.ej2Base,e.ReactDOM)}(this,function(e,t,r,i){"use strict";function o(e,o){return"string"==typeof e?f(e,o):function(o,n,s,a){var p=e,c=o;"object"==typeof p&&(p=e.template,c=r.extend({},o,e.data||{}));var l;if(l=a||document.createElement("div"),n&&n.isLegacyTemplate)i.render(p(c),l),a||r.detach(l);else{var h=t.createElement(p,c),u=i.createPortal(h,l);u.propName=s,n.portals?n.portals.push(u):n.portals=[u]}if(!a)return[l]}}var n=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),s=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],a=["accordion","tab","splitter"],p=new RegExp("]"),c=function(e){function i(){var t=null!==e&&e.apply(this,arguments)||this;return t.attrKeys=[],t.cachedTimeOut=0,t.isAppendCalled=!1,t.initRenderCalled=!1,t.isReactForeceUpdate=!1,t.isReact=!0,t}return n(i,e),i.prototype.componentDidMount=function(){this.refreshChild(!0),this.canDelayUpdate=-1!==a.indexOf(this.getModuleName()),this.renderReactComponent(),this.portals&&this.portals.length&&this.renderReactTemplates()},i.prototype.renderReactComponent=function(){var e=this.reactElement;e&&(this.isAppendCalled=!0,this.appendTo(e))},i.prototype.shouldComponentUpdate=function(e){return this.initRenderCalled?(this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(this.reactElement)),this.updateProperties(e),!0):(this.updateProperties(e,!0),!0)},i.prototype.updateProperties=function(e,t){for(var i=this,o=r.extend({},e),n=0,s=Object.keys(e);n<s.length;n++){var a=s[n],p="className"===a;"children"!==a&&(p||r.isNullOrUndefined(this.htmlattributes[a])||this.htmlattributes[a]===o[a]||(this.htmlattributes[a]=o[a]),this.compareValues(this.props[a],e[a])?delete o[a]:-1!==this.attrKeys.indexOf(a)&&(p?(this.element.classList.remove(this.props[a]),this.element.classList.add(o[a])):"disabled"!==a&&delete o[a]))}o.children&&delete o.children,this.initRenderCalled&&(this.canDelayUpdate||this.props.delayUpdate)?setTimeout(function(){i.refreshProperties(o,e,t)}):this.refreshProperties(o,e,t)},i.prototype.refreshProperties=function(e,t,r){Object.keys(e).length&&(r||this.processComplexTemplate(e,this),this.setProperties(e,r)),this.refreshChild(r,t)},i.prototype.processComplexTemplate=function(e,t){var i=t.complexTemplate;if(i)for(var o in i){var n=i[o];e[o]&&r.setValue(n,r.getValue(o,e),e)}},i.prototype.getDefaultAttributes=function(){var e=this;this.isReact=!0;var t=Object.keys(this.props);this.getModuleName(),this.value=this.props.value,this.htmlattributes||(this.htmlattributes={}),this.attrKeys=s.concat(this.controlAttributes||[]);for(var r=0,o=t;r<o.length;r++){var n=o[r];-1===n.indexOf("data-")&&-1===n.indexOf("aria-")&&-1===this.attrKeys.indexOf(n)||this.htmlattributes[n]!==this.props[n]&&(this.htmlattributes[n]=this.props[n])}if(!this.htmlattributes.ref){this.htmlattributes.ref=function(t){e.reactElement=t};-1!==["autocomplete","combobox","dropdownlist","dropdowntree","multiselect","listbox","colorpicker","numerictextbox","textbox","uploader","maskedtextbox","slider","datepicker","datetimepicker","daterangepicker","timepicker","checkbox","switch","radio"].indexOf(this.getModuleName())&&(this.htmlattributes.key=""+i.reactUid,i.reactUid++)}return this.htmlattributes},i.prototype.trigger=function(e,t,i){var o=this;if(!0!==this.isDestroyed&&this.modelObserver){if(p.test(e)){var n=r.getValue(e,this);n?(n.call(this,t),i&&i.call(this,t)):i&&i.call(this,t)}"change"!==e&&"input"!==e||this.props.onChange&&t.event&&this.props.onChange.call(void 0,{syntheticEvent:t.event,nativeEvent:{text:t.value},value:t.value,target:this});var s=this.isProtectedOnChange;this.isProtectedOnChange=!1,"created"===e?setTimeout(function(){o.isDestroyed||o.modelObserver.notify(e,t,i)}):this.modelObserver.notify(e,t,i),this.isProtectedOnChange=s}},i.prototype.compareValues=function(e,t){if(typeof e===typeof t){if(e===t)return!0;if((!r.isNullOrUndefined(e)&&e.constructor)!==(!r.isNullOrUndefined(t)&&t.constructor))return!1;if(e instanceof Date||e instanceof RegExp||e instanceof String||e instanceof Number)return e.toString()===t.toString();if(r.isObject(e)||Array.isArray(e)){var i=e,o=t;return r.isObject(i)&&(i=[e],o=[t]),this.compareObjects(i,o).status}}return!1},i.prototype.compareObjects=function(e,t,r){var i=!0,o=[];if(e.length===t.length)for(var n=0,s=t.length;n<s;n++){var a={},p=e[n],c=t[n],l=Object.keys(c);if(0!==l.length)for(var h=0,u=l;h<u.length;h++){var d=u[h],f=p[d],y=c[d];if(!p.hasOwnProperty(d)||!this.compareValues(y,f)){if(!r)return{status:!1};i=!1,a[d]=y}}else{if(!r)return{status:!1};i=!1}Object.keys(a).length&&o.push({index:n,value:a,key:r})}else i=!1;return{status:i,changedProperties:o}},i.prototype.refreshChild=function(e,t){if(this.checkInjectedModules){for(var i=this.getInjectedModules()||[],o=0,n=this.getInjectedServices()||[];o<n.length;o++){var s=n[o];-1===i.indexOf(s)&&i.push(s)}this.injectedModules=i}if(this.directivekeys){var a=[],p=this.validateChildren({},this.directivekeys,t||this.props);if(p&&Object.keys(p).length){if(!e&&this.skipRefresh)for(var c=0,l=this.skipRefresh;c<l.length;c++){delete p[l[c]]}if(this.prevProperties)for(var h=Object.keys(this.prevProperties),u=0;u<h.length;u++){var d=h[u];if(p.hasOwnProperty(d)){var f=this.compareObjects(this.prevProperties[d],p[d],d);if(f.status)delete p[d];else{f.changedProperties.length&&(a=a.concat(f.changedProperties));var y={};y[d]=p[d],this.prevProperties=r.extend(this.prevProperties,y)}}}else this.prevProperties=r.extend({},p,{},!0);if(a.length)for(var m=0,v=a;m<v.length;m++){var g=v[m],b=r.getValue(g.key+"."+g.index,this);b&&b.setProperties?b.setProperties(g.value):r.extend(b,g.value)}else this.setProperties(p,e)}}},i.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);(this.initRenderCalled&&this.isAppendCalled&&this.element&&!["dropdowntree","checkbox"].indexOf(this.getModuleName())?document.body.contains(this.element):!this.isDestroyed)&&this.destroy()},i.prototype.renderReactTemplates=function(e){this.isReactForeceUpdate=!0,e?this.forceUpdate(e):this.forceUpdate(),this.isReactForeceUpdate=!1},i.prototype.clearTemplate=function(e,t,r){var i=this,o=[];e&&e.length?Array.prototype.forEach.call(e,function(e){var r=0,n=0;if(i.portals.forEach(function(t){t.propName===e&&(o.push(n),n++)}),t&&i.portals[o[t[r]]].propName==e)i.portals.splice(t,1),r++;else for(var s=0;s<i.portals.length;s++)i.portals[s].propName==e&&(i.portals.splice(s,1),s--)}):this.portals=[],this.renderReactTemplates(r)},i.prototype.validateChildren=function(e,r,i){for(var o=!1,n=0,s=t.Children.toArray(i.children);n<s.length;n++){var a=s[n],p=this.getChildType(a),c=r[p];if(p&&r){var l=this.getChildProps(t.Children.toArray(a.props.children),c);l.length&&(o=!0,e[a.type.propertyName||p]=l)}}return o?e:null},i.prototype.getChildType=function(e){return e.type&&e.type.isDirective?e.type.moduleName||"":""},i.prototype.getChildProps=function(e,t){for(var i=[],o=0,n=e;o<n.length;o++){var s=n[o],a=!1,p=void 0;"string"==typeof t?(a=!0,p=t):p=Object.keys(t)[0];var c=s.props;if(this.getChildType(s)===p)if(a||!c.children){var l=r.extend({},c,{},!0);this.processComplexTemplate(l,s.type),i.push(l)}else{var h=this.validateChildren(r.extend({},c),t[p],c)||c;h.children&&delete h.children,this.processComplexTemplate(h,s.type),i.push(h)}}return i},i.prototype.getInjectedServices=function(){for(var e=0,r=t.Children.toArray(this.props.children);e<r.length;e++){var i=r[e];if(i.type.isService)return i.props.services}return[]},i.reactUid=1,i}(t.Component),l=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),h=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return l(t,e),t.prototype.render=function(){return null},t.isDirective=!0,t}(t.PureComponent),u=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),d=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){return null},t.isService=!0,t}(t.PureComponent),f=r.getTemplateEngine();r.setTemplateEngine({compile:o}),e.ComponentBase=c,e.applyMixins=function(e,t){t.forEach(function(t){Object.getOwnPropertyNames(t.prototype).forEach(function(r){"isMounted"!==r&&"replaceState"!==r&&(e.prototype[r]=t.prototype[r])})})},e.ComplexBase=h,e.Inject=d,e.compile=o,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-base"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-base","react-dom"],t):t(e.ej={},e.React,e.ej2Base,e.ReactDOM)}(this,function(e,t,r,i){"use strict";function o(e,o){return"string"==typeof e?f(e,o):function(o,n,s,a){var p=e,l=o;"object"==typeof p&&(p=e.template,l=r.extend({},o,e.data||{}));var c;if(c=a||document.createElement("div"),n&&n.isLegacyTemplate)i.render(p(l),c),a||r.detach(c);else{var h=t.createElement(p,l),u=i.createPortal(h,c);u.propName=s,n.portals?n.portals.push(u):n.portals=[u]}if(!a)return[c]}}var n=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),s=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],a=["accordion","tab","splitter"],p=new RegExp("]"),l=function(e){function i(){var t=null!==e&&e.apply(this,arguments)||this;return t.attrKeys=[],t.cachedTimeOut=0,t.isAppendCalled=!1,t.initRenderCalled=!1,t.isReactForeceUpdate=!1,t.isReact=!0,t}return n(i,e),i.prototype.componentDidMount=function(){this.refreshChild(!0),this.canDelayUpdate=-1!==a.indexOf(this.getModuleName()),this.renderReactComponent(),this.portals&&this.portals.length&&this.renderReactTemplates()},i.prototype.renderReactComponent=function(){var e=this.reactElement;e&&(this.isAppendCalled=!0,this.appendTo(e))},i.prototype.shouldComponentUpdate=function(e){return this.initRenderCalled?(this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(this.reactElement)),this.updateProperties(e),!0):(this.updateProperties(e,!0),!0)},i.prototype.updateProperties=function(e,t){for(var i=this,o=r.extend({},e),n=0,s=Object.keys(e);n<s.length;n++){var a=s[n],p="className"===a;"children"!==a&&(p||r.isNullOrUndefined(this.htmlattributes[a])||this.htmlattributes[a]===o[a]||(this.htmlattributes[a]=o[a]),this.compareValues(this.props[a],e[a])?delete o[a]:-1!==this.attrKeys.indexOf(a)&&(p?(this.element.classList.remove(this.props[a]),this.element.classList.add(o[a])):"disabled"!==a&&delete o[a]))}o.children&&delete o.children,this.initRenderCalled&&(this.canDelayUpdate||this.props.delayUpdate)?setTimeout(function(){i.refreshProperties(o,e,t)}):this.refreshProperties(o,e,t)},i.prototype.refreshProperties=function(e,t,r){Object.keys(e).length&&(r||this.processComplexTemplate(e,this),this.setProperties(e,r)),this.refreshChild(r,t)},i.prototype.processComplexTemplate=function(e,t){var i=t.complexTemplate;if(i)for(var o in i){var n=i[o];e[o]&&r.setValue(n,r.getValue(o,e),e)}},i.prototype.getDefaultAttributes=function(){var e=this;this.isReact=!0;var t=Object.keys(this.props);-1===["autocomplete","dropdownlist","combobox"].indexOf(this.getModuleName())||r.isNullOrUndefined(this.props.value)||(this.value=this.props.value),this.htmlattributes||(this.htmlattributes={}),this.attrKeys=s.concat(this.controlAttributes||[]);for(var o=0,n=t;o<n.length;o++){var a=n[o];-1===a.indexOf("data-")&&-1===a.indexOf("aria-")&&-1===this.attrKeys.indexOf(a)||this.htmlattributes[a]!==this.props[a]&&(this.htmlattributes[a]=this.props[a])}if(!this.htmlattributes.ref){this.htmlattributes.ref=function(t){e.reactElement=t};-1!==["autocomplete","combobox","dropdownlist","dropdowntree","multiselect","listbox","colorpicker","numerictextbox","textbox","uploader","maskedtextbox","slider","datepicker","datetimepicker","daterangepicker","timepicker","checkbox","switch","radio"].indexOf(this.getModuleName())&&(this.htmlattributes.key=""+i.reactUid,i.reactUid++)}return this.htmlattributes},i.prototype.trigger=function(e,t,i){var o=this;if(!0!==this.isDestroyed&&this.modelObserver){if(p.test(e)){var n=r.getValue(e,this);n?(n.call(this,t),i&&i.call(this,t)):i&&i.call(this,t)}"change"!==e&&"input"!==e||this.props.onChange&&t.event&&this.props.onChange.call(void 0,{syntheticEvent:t.event,nativeEvent:{text:t.value},value:t.value,target:this});var s=this.isProtectedOnChange;this.isProtectedOnChange=!1,"created"===e?setTimeout(function(){o.isDestroyed||o.modelObserver.notify(e,t,i)}):this.modelObserver.notify(e,t,i),this.isProtectedOnChange=s}},i.prototype.compareValues=function(e,t){if(typeof e===typeof t){if(e===t)return!0;if((!r.isNullOrUndefined(e)&&e.constructor)!==(!r.isNullOrUndefined(t)&&t.constructor))return!1;if(e instanceof Date||e instanceof RegExp||e instanceof String||e instanceof Number)return e.toString()===t.toString();if(r.isObject(e)||Array.isArray(e)){var i=e,o=t;return r.isObject(i)&&(i=[e],o=[t]),this.compareObjects(i,o).status}}return!1},i.prototype.compareObjects=function(e,t,r){var i=!0,o=[];if(e.length===t.length)for(var n=0,s=t.length;n<s;n++){var a={},p=e[n],l=t[n],c=Object.keys(l);if(0!==c.length)for(var h=0,u=c;h<u.length;h++){var d=u[h],f=p[d],y=l[d];if("grid"===this.getModuleName()&&"field"===d&&(a[d]=y),!p.hasOwnProperty(d)||!this.compareValues(y,f)){if(!r)return{status:!1};i=!1,a[d]=y}}else{if(!r)return{status:!1};i=!1}Object.keys(a).length&&o.push({index:n,value:a,key:r})}else i=!1;return{status:i,changedProperties:o}},i.prototype.refreshChild=function(e,t){if(this.checkInjectedModules){for(var i=this.getInjectedModules()||[],o=0,n=this.getInjectedServices()||[];o<n.length;o++){var s=n[o];-1===i.indexOf(s)&&i.push(s)}this.injectedModules=i}if(this.directivekeys){var a=[],p=this.validateChildren({},this.directivekeys,t||this.props);if(p&&Object.keys(p).length){if(!e&&this.skipRefresh)for(var l=0,c=this.skipRefresh;l<c.length;l++){delete p[c[l]]}if(this.prevProperties)for(var h=Object.keys(this.prevProperties),u=0;u<h.length;u++){var d=h[u];if(p.hasOwnProperty(d)){var f=this.compareObjects(this.prevProperties[d],p[d],d);if(f.status)delete p[d];else{f.changedProperties.length&&(a=a.concat(f.changedProperties));var y={};y[d]=p[d],this.prevProperties=r.extend(this.prevProperties,y)}}}else this.prevProperties=r.extend({},p,{},!0);if(a.length)if("grid"===this.getModuleName()&&"columns"===d)for(var m=0,v=this.columns;m<v.length;m++){if(r.getValue("field",v[m])===r.getValue(m+".value.field",a)){var g=r.getValue(a[m].key+"."+a[m].index,this);g&&g.setProperties?g.setProperties(a[m].value):r.extend(g,a[m].value)}}else for(var b=0,O=a;b<O.length;b++){var x=O[b],C=r.getValue(x.key+"."+x.index,this);C&&C.setProperties?C.setProperties(x.value):r.extend(C,x.value)}else this.setProperties(p,e)}}},i.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);(this.initRenderCalled&&this.isAppendCalled&&this.element&&!["dropdowntree","checkbox"].indexOf(this.getModuleName())?document.body.contains(this.element):!this.isDestroyed)&&this.destroy()},i.prototype.renderReactTemplates=function(e){this.isReactForeceUpdate=!0,e?this.forceUpdate(e):this.forceUpdate(),this.isReactForeceUpdate=!1},i.prototype.clearTemplate=function(e,t,r){var i=this,o=[];e&&e.length?Array.prototype.forEach.call(e,function(e){var r=0,n=0;if(i.portals.forEach(function(t){t.propName===e&&(o.push(n),n++)}),t&&i.portals[o[t[r]]].propName==e)i.portals.splice(t,1),r++;else for(var s=0;s<i.portals.length;s++)i.portals[s].propName==e&&(i.portals.splice(s,1),s--)}):this.portals=[],this.renderReactTemplates(r)},i.prototype.validateChildren=function(e,r,i){for(var o=!1,n=0,s=t.Children.toArray(i.children);n<s.length;n++){var a=s[n],p=this.getChildType(a),l=r[p];if(p&&r){var c=this.getChildProps(t.Children.toArray(a.props.children),l);c.length&&(o=!0,e[a.type.propertyName||p]=c)}}return o?e:null},i.prototype.getChildType=function(e){return e.type&&e.type.isDirective?e.type.moduleName||"":""},i.prototype.getChildProps=function(e,t){for(var i=[],o=0,n=e;o<n.length;o++){var s=n[o],a=!1,p=void 0;"string"==typeof t?(a=!0,p=t):p=Object.keys(t)[0];var l=s.props;if(this.getChildType(s)===p)if(a||!l.children){var c=r.extend({},l,{},!0);this.processComplexTemplate(c,s.type),i.push(c)}else{var h=this.validateChildren(r.extend({},l),t[p],l)||l;h.children&&delete h.children,this.processComplexTemplate(h,s.type),i.push(h)}}return i},i.prototype.getInjectedServices=function(){for(var e=0,r=t.Children.toArray(this.props.children);e<r.length;e++){var i=r[e];if(i.type.isService)return i.props.services}return[]},i.reactUid=1,i}(t.Component),c=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),h=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return c(t,e),t.prototype.render=function(){return null},t.isDirective=!0,t}(t.PureComponent),u=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),d=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){return null},t.isService=!0,t}(t.PureComponent),f=r.getTemplateEngine();r.setTemplateEngine({compile:o}),e.ComponentBase=l,e.applyMixins=function(e,t){t.forEach(function(t){Object.getOwnPropertyNames(t.prototype).forEach(function(r){"isMounted"!==r&&"replaceState"!==r&&(e.prototype[r]=t.prototype[r])})})},e.ComplexBase=h,e.Inject=d,e.compile=o,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-base.umd.min.js.map

dist/es6/ej2-react-base.es2015.js

@@ -129,3 +129,4 @@ import { Children, Component, PureComponent, createElement } from 'react';
         let propKeys = Object.keys(this.props);
-        if (this.getModuleName() === "autocomplete" || "drpdownlist") {
+        let stringValue = ["autocomplete", "dropdownlist", "combobox"];
+        if ((stringValue.indexOf(this.getModuleName()) !== -1) && (!isNullOrUndefined(this.props["value"]))) {
             this.value = this.props["value"];
@@ -241,2 +242,5 @@ }
                         let newValue = newProp[key];
+                        if (this.getModuleName() === 'grid' && key === 'field') {
+                            curObj[key] = newValue;
+                        }
                         if (!oldProp.hasOwnProperty(key) || !this.compareValues(newValue, oldValue)) {
@@ -312,9 +316,26 @@ if (!propName) {
                 if (changedProps.length) {
-                    for (let changes of changedProps) {
-                        let propInstance = getValue(changes.key + '.' + changes.index, this);
-                        if (propInstance && propInstance.setProperties) {
-                            propInstance.setProperties(changes.value);
+                    if (this.getModuleName() === 'grid' && key === 'columns') {
+                        for (var _c1 = 0, allColumns = this.columns; _c1 < allColumns.length; _c1++) {
+                            let compareField1 = getValue('field', allColumns[_c1]);
+                            let compareField2 = getValue(_c1 + '.value.field', changedProps);
+                            if (compareField1 === compareField2) {
+                                var propInstance = getValue(changedProps[_c1].key + '.' + changedProps[_c1].index, this);
+                                if (propInstance && propInstance.setProperties) {
+                                    propInstance.setProperties(changedProps[_c1].value);
+                                }
+                                else {
+                                    extend(propInstance, changedProps[_c1].value);
+                                }
+                            }
                         }
-                        else {
-                            extend(propInstance, changes.value);
+                    }
+                    else {
+                        for (let changes of changedProps) {
+                            let propInstance = getValue(changes.key + '.' + changes.index, this);
+                            if (propInstance && propInstance.setProperties) {
+                                propInstance.setProperties(changes.value);
+                            }
+                            else {
+                                extend(propInstance, changes.value);
+                            }
                         }
@@ -321,0 +342,0 @@ }

dist/es6/ej2-react-base.es5.js

@@ -147,3 +147,4 @@ import { Children, Component, PureComponent, createElement } from 'react';
         var propKeys = Object.keys(this.props);
-        if (this.getModuleName() === "autocomplete" || "drpdownlist") {
+        var stringValue = ["autocomplete", "dropdownlist", "combobox"];
+        if ((stringValue.indexOf(this.getModuleName()) !== -1) && (!isNullOrUndefined(this.props["value"]))) {
             this.value = this.props["value"];
@@ -262,2 +263,5 @@ }
                         var newValue = newProp[key];
+                        if (this.getModuleName() === 'grid' && key === 'field') {
+                            curObj[key] = newValue;
+                        }
                         if (!oldProp.hasOwnProperty(key) || !this.compareValues(newValue, oldValue)) {
@@ -335,10 +339,27 @@ if (!propName) {
                 if (changedProps.length) {
-                    for (var _c = 0, changedProps_1 = changedProps; _c < changedProps_1.length; _c++) {
-                        var changes = changedProps_1[_c];
-                        var propInstance = getValue(changes.key + '.' + changes.index, this);
-                        if (propInstance && propInstance.setProperties) {
-                            propInstance.setProperties(changes.value);
+                    if (this.getModuleName() === 'grid' && key === 'columns') {
+                        for (var _c1 = 0, allColumns = this.columns; _c1 < allColumns.length; _c1++) {
+                            var compareField1 = getValue('field', allColumns[_c1]);
+                            var compareField2 = getValue(_c1 + '.value.field', changedProps);
+                            if (compareField1 === compareField2) {
+                                var propInstance = getValue(changedProps[_c1].key + '.' + changedProps[_c1].index, this);
+                                if (propInstance && propInstance.setProperties) {
+                                    propInstance.setProperties(changedProps[_c1].value);
+                                }
+                                else {
+                                    extend(propInstance, changedProps[_c1].value);
+                                }
+                            }
                         }
-                        else {
-                            extend(propInstance, changes.value);
+                    }
+                    else {
+                        for (var _c = 0, changedProps_1 = changedProps; _c < changedProps_1.length; _c++) {
+                            var changes = changedProps_1[_c];
+                            var propInstance_1 = getValue(changes.key + '.' + changes.index, this);
+                            if (propInstance_1 && propInstance_1.setProperties) {
+                                propInstance_1.setProperties(changes.value);
+                            }
+                            else {
+                                extend(propInstance_1, changes.value);
+                            }
                         }
@@ -345,0 +366,0 @@ }

dist/global/ej2-react-base.min.js

 /*!
 *  filename: ej2-react-base.min.js
-*  version : 19.1.67
+*  version : 19.1.69
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-this.ej=this.ej||{},this.ej.reactbase=function(e,t,r,i){"use strict";function n(e,t){t.forEach(function(t){Object.getOwnPropertyNames(t.prototype).forEach(function(r){"isMounted"!==r&&"replaceState"!==r&&(e.prototype[r]=t.prototype[r])})})}function s(e,n){return"string"==typeof e?y(e,n):function(n,s,o,a){var p=e,l=n;"object"==typeof p&&(p=e.template,l=r.extend({},n,e.data||{}));var c;if(c=a||document.createElement("div"),s&&s.isLegacyTemplate)i.render(p(l),c),a||r.detach(c);else{var h=t.createElement(p,l),u=i.createPortal(h,c);u.propName=o,s.portals?s.portals.push(u):s.portals=[u]}if(!a)return[c]}}var o=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),a=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],p=["accordion","tab","splitter"],l=new RegExp("]"),c=function(e){function i(){var t=null!==e&&e.apply(this,arguments)||this;return t.attrKeys=[],t.cachedTimeOut=0,t.isAppendCalled=!1,t.initRenderCalled=!1,t.isReactForeceUpdate=!1,t.isReact=!0,t}return o(i,e),i.prototype.componentDidMount=function(){this.refreshChild(!0),this.canDelayUpdate=-1!==p.indexOf(this.getModuleName()),this.renderReactComponent(),this.portals&&this.portals.length&&this.renderReactTemplates()},i.prototype.renderReactComponent=function(){var e=this.reactElement;e&&(this.isAppendCalled=!0,this.appendTo(e))},i.prototype.shouldComponentUpdate=function(e){return this.initRenderCalled?(this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(this.reactElement)),this.updateProperties(e),!0):(this.updateProperties(e,!0),!0)},i.prototype.updateProperties=function(e,t){for(var i=this,n=r.extend({},e),s=0,o=Object.keys(e);s<o.length;s++){var a=o[s],p="className"===a;"children"!==a&&(p||r.isNullOrUndefined(this.htmlattributes[a])||this.htmlattributes[a]===n[a]||(this.htmlattributes[a]=n[a]),this.compareValues(this.props[a],e[a])?delete n[a]:-1!==this.attrKeys.indexOf(a)&&(p?(this.element.classList.remove(this.props[a]),this.element.classList.add(n[a])):"disabled"!==a&&delete n[a]))}n.children&&delete n.children,this.initRenderCalled&&(this.canDelayUpdate||this.props.delayUpdate)?setTimeout(function(){i.refreshProperties(n,e,t)}):this.refreshProperties(n,e,t)},i.prototype.refreshProperties=function(e,t,r){Object.keys(e).length&&(r||this.processComplexTemplate(e,this),this.setProperties(e,r)),this.refreshChild(r,t)},i.prototype.processComplexTemplate=function(e,t){var i=t.complexTemplate;if(i)for(var n in i){var s=i[n];e[n]&&r.setValue(s,r.getValue(n,e),e)}},i.prototype.getDefaultAttributes=function(){var e=this;this.isReact=!0;var t=Object.keys(this.props);this.getModuleName(),this.value=this.props.value,this.htmlattributes||(this.htmlattributes={}),this.attrKeys=a.concat(this.controlAttributes||[]);for(var r=0,n=t;r<n.length;r++){var s=n[r];-1===s.indexOf("data-")&&-1===s.indexOf("aria-")&&-1===this.attrKeys.indexOf(s)||this.htmlattributes[s]!==this.props[s]&&(this.htmlattributes[s]=this.props[s])}return this.htmlattributes.ref||(this.htmlattributes.ref=function(t){e.reactElement=t},-1!==["autocomplete","combobox","dropdownlist","dropdowntree","multiselect","listbox","colorpicker","numerictextbox","textbox","uploader","maskedtextbox","slider","datepicker","datetimepicker","daterangepicker","timepicker","checkbox","switch","radio"].indexOf(this.getModuleName())&&(this.htmlattributes.key=""+i.reactUid,i.reactUid++)),this.htmlattributes},i.prototype.trigger=function(e,t,i){var n=this;if(!0!==this.isDestroyed&&this.modelObserver){if(l.test(e)){var s=r.getValue(e,this);s?(s.call(this,t),i&&i.call(this,t)):i&&i.call(this,t)}"change"!==e&&"input"!==e||this.props.onChange&&t.event&&this.props.onChange.call(void 0,{syntheticEvent:t.event,nativeEvent:{text:t.value},value:t.value,target:this});var o=this.isProtectedOnChange;this.isProtectedOnChange=!1,"created"===e?setTimeout(function(){n.isDestroyed||n.modelObserver.notify(e,t,i)}):this.modelObserver.notify(e,t,i),this.isProtectedOnChange=o}},i.prototype.compareValues=function(e,t){if(typeof e===typeof t){if(e===t)return!0;if((!r.isNullOrUndefined(e)&&e.constructor)!==(!r.isNullOrUndefined(t)&&t.constructor))return!1;if(e instanceof Date||e instanceof RegExp||e instanceof String||e instanceof Number)return e.toString()===t.toString();if(r.isObject(e)||Array.isArray(e)){var i=e,n=t;return r.isObject(i)&&(i=[e],n=[t]),this.compareObjects(i,n).status}}return!1},i.prototype.compareObjects=function(e,t,r){var i=!0,n=[];if(e.length===t.length)for(var s=0,o=t.length;s<o;s++){var a={},p=e[s],l=t[s],c=Object.keys(l);if(0!==c.length)for(var h=0,u=c;h<u.length;h++){var d=u[h],f=p[d],y=l[d];if(!p.hasOwnProperty(d)||!this.compareValues(y,f)){if(!r)return{status:!1};i=!1,a[d]=y}}else{if(!r)return{status:!1};i=!1}Object.keys(a).length&&n.push({index:s,value:a,key:r})}else i=!1;return{status:i,changedProperties:n}},i.prototype.refreshChild=function(e,t){if(this.checkInjectedModules){for(var i=this.getInjectedModules()||[],n=0,s=this.getInjectedServices()||[];n<s.length;n++){var o=s[n];-1===i.indexOf(o)&&i.push(o)}this.injectedModules=i}if(this.directivekeys){var a=[],p=this.validateChildren({},this.directivekeys,t||this.props);if(p&&Object.keys(p).length){if(!e&&this.skipRefresh)for(var l=0,c=this.skipRefresh;l<c.length;l++)delete p[c[l]];if(this.prevProperties)for(var h=Object.keys(this.prevProperties),u=0;u<h.length;u++){var d=h[u];if(p.hasOwnProperty(d)){var f=this.compareObjects(this.prevProperties[d],p[d],d);if(f.status)delete p[d];else{f.changedProperties.length&&(a=a.concat(f.changedProperties));var y={};y[d]=p[d],this.prevProperties=r.extend(this.prevProperties,y)}}}else this.prevProperties=r.extend({},p,{},!0);if(a.length)for(var m=0,v=a;m<v.length;m++){var g=v[m],b=r.getValue(g.key+"."+g.index,this);b&&b.setProperties?b.setProperties(g.value):r.extend(b,g.value)}else this.setProperties(p,e)}}},i.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var e=["dropdowntree","checkbox"];(this.initRenderCalled&&this.isAppendCalled&&this.element&&!e.indexOf(this.getModuleName())?document.body.contains(this.element):!this.isDestroyed)&&this.destroy()},i.prototype.renderReactTemplates=function(e){this.isReactForeceUpdate=!0,e?this.forceUpdate(e):this.forceUpdate(),this.isReactForeceUpdate=!1},i.prototype.clearTemplate=function(e,t,r){var i=this,n=[];e&&e.length?Array.prototype.forEach.call(e,function(e){var r=0,s=0;if(i.portals.forEach(function(t){t.propName===e&&(n.push(s),s++)}),t&&i.portals[n[t[r]]].propName==e)i.portals.splice(t,1),r++;else for(var o=0;o<i.portals.length;o++)i.portals[o].propName==e&&(i.portals.splice(o,1),o--)}):this.portals=[],this.renderReactTemplates(r)},i.prototype.validateChildren=function(e,r,i){for(var n=!1,s=0,o=t.Children.toArray(i.children);s<o.length;s++){var a=o[s],p=this.getChildType(a),l=r[p];if(p&&r){var c=this.getChildProps(t.Children.toArray(a.props.children),l);c.length&&(n=!0,e[a.type.propertyName||p]=c)}}return n?e:null},i.prototype.getChildType=function(e){return e.type&&e.type.isDirective?e.type.moduleName||"":""},i.prototype.getChildProps=function(e,t){for(var i=[],n=0,s=e;n<s.length;n++){var o=s[n],a=!1,p=void 0;"string"==typeof t?(a=!0,p=t):p=Object.keys(t)[0];var l=o.props;if(this.getChildType(o)===p)if(a||!l.children){var c=r.extend({},l,{},!0);this.processComplexTemplate(c,o.type),i.push(c)}else{var h=this.validateChildren(r.extend({},l),t[p],l)||l;h.children&&delete h.children,this.processComplexTemplate(h,o.type),i.push(h)}}return i},i.prototype.getInjectedServices=function(){for(var e=0,r=t.Children.toArray(this.props.children);e<r.length;e++){var i=r[e];if(i.type.isService)return i.props.services}return[]},i.reactUid=1,i}(t.Component),h=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return h(t,e),t.prototype.render=function(){return null},t.isDirective=!0,t}(t.PureComponent),d=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return d(t,e),t.prototype.render=function(){return null},t.isService=!0,t}(t.PureComponent),y=r.getTemplateEngine();return r.setTemplateEngine({compile:s}),e.ComponentBase=c,e.applyMixins=n,e.ComplexBase=u,e.Inject=f,e.compile=s,e}({},React,ej.base,ReactDOM),this.ejs=ej;
+this.ej=this.ej||{},this.ej.reactbase=function(e,t,r,i){"use strict";function s(e,t){t.forEach(function(t){Object.getOwnPropertyNames(t.prototype).forEach(function(r){"isMounted"!==r&&"replaceState"!==r&&(e.prototype[r]=t.prototype[r])})})}function o(e,s){return"string"==typeof e?y(e,s):function(s,o,n,a){var p=e,l=s;"object"==typeof p&&(p=e.template,l=r.extend({},s,e.data||{}));var c;if(c=a||document.createElement("div"),o&&o.isLegacyTemplate)i.render(p(l),c),a||r.detach(c);else{var h=t.createElement(p,l),u=i.createPortal(h,c);u.propName=n,o.portals?o.portals.push(u):o.portals=[u]}if(!a)return[c]}}var n=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),a=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],p=["accordion","tab","splitter"],l=new RegExp("]"),c=function(e){function i(){var t=null!==e&&e.apply(this,arguments)||this;return t.attrKeys=[],t.cachedTimeOut=0,t.isAppendCalled=!1,t.initRenderCalled=!1,t.isReactForeceUpdate=!1,t.isReact=!0,t}return n(i,e),i.prototype.componentDidMount=function(){this.refreshChild(!0),this.canDelayUpdate=-1!==p.indexOf(this.getModuleName()),this.renderReactComponent(),this.portals&&this.portals.length&&this.renderReactTemplates()},i.prototype.renderReactComponent=function(){var e=this.reactElement;e&&(this.isAppendCalled=!0,this.appendTo(e))},i.prototype.shouldComponentUpdate=function(e){return this.initRenderCalled?(this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(this.reactElement)),this.updateProperties(e),!0):(this.updateProperties(e,!0),!0)},i.prototype.updateProperties=function(e,t){for(var i=this,s=r.extend({},e),o=0,n=Object.keys(e);o<n.length;o++){var a=n[o],p="className"===a;"children"!==a&&(p||r.isNullOrUndefined(this.htmlattributes[a])||this.htmlattributes[a]===s[a]||(this.htmlattributes[a]=s[a]),this.compareValues(this.props[a],e[a])?delete s[a]:-1!==this.attrKeys.indexOf(a)&&(p?(this.element.classList.remove(this.props[a]),this.element.classList.add(s[a])):"disabled"!==a&&delete s[a]))}s.children&&delete s.children,this.initRenderCalled&&(this.canDelayUpdate||this.props.delayUpdate)?setTimeout(function(){i.refreshProperties(s,e,t)}):this.refreshProperties(s,e,t)},i.prototype.refreshProperties=function(e,t,r){Object.keys(e).length&&(r||this.processComplexTemplate(e,this),this.setProperties(e,r)),this.refreshChild(r,t)},i.prototype.processComplexTemplate=function(e,t){var i=t.complexTemplate;if(i)for(var s in i){var o=i[s];e[s]&&r.setValue(o,r.getValue(s,e),e)}},i.prototype.getDefaultAttributes=function(){var e=this;this.isReact=!0;var t=Object.keys(this.props);-1===["autocomplete","dropdownlist","combobox"].indexOf(this.getModuleName())||r.isNullOrUndefined(this.props.value)||(this.value=this.props.value),this.htmlattributes||(this.htmlattributes={}),this.attrKeys=a.concat(this.controlAttributes||[]);for(var s=0,o=t;s<o.length;s++){var n=o[s];-1===n.indexOf("data-")&&-1===n.indexOf("aria-")&&-1===this.attrKeys.indexOf(n)||this.htmlattributes[n]!==this.props[n]&&(this.htmlattributes[n]=this.props[n])}return this.htmlattributes.ref||(this.htmlattributes.ref=function(t){e.reactElement=t},-1!==["autocomplete","combobox","dropdownlist","dropdowntree","multiselect","listbox","colorpicker","numerictextbox","textbox","uploader","maskedtextbox","slider","datepicker","datetimepicker","daterangepicker","timepicker","checkbox","switch","radio"].indexOf(this.getModuleName())&&(this.htmlattributes.key=""+i.reactUid,i.reactUid++)),this.htmlattributes},i.prototype.trigger=function(e,t,i){var s=this;if(!0!==this.isDestroyed&&this.modelObserver){if(l.test(e)){var o=r.getValue(e,this);o?(o.call(this,t),i&&i.call(this,t)):i&&i.call(this,t)}"change"!==e&&"input"!==e||this.props.onChange&&t.event&&this.props.onChange.call(void 0,{syntheticEvent:t.event,nativeEvent:{text:t.value},value:t.value,target:this});var n=this.isProtectedOnChange;this.isProtectedOnChange=!1,"created"===e?setTimeout(function(){s.isDestroyed||s.modelObserver.notify(e,t,i)}):this.modelObserver.notify(e,t,i),this.isProtectedOnChange=n}},i.prototype.compareValues=function(e,t){if(typeof e===typeof t){if(e===t)return!0;if((!r.isNullOrUndefined(e)&&e.constructor)!==(!r.isNullOrUndefined(t)&&t.constructor))return!1;if(e instanceof Date||e instanceof RegExp||e instanceof String||e instanceof Number)return e.toString()===t.toString();if(r.isObject(e)||Array.isArray(e)){var i=e,s=t;return r.isObject(i)&&(i=[e],s=[t]),this.compareObjects(i,s).status}}return!1},i.prototype.compareObjects=function(e,t,r){var i=!0,s=[];if(e.length===t.length)for(var o=0,n=t.length;o<n;o++){var a={},p=e[o],l=t[o],c=Object.keys(l);if(0!==c.length)for(var h=0,u=c;h<u.length;h++){var d=u[h],f=p[d],y=l[d];if("grid"===this.getModuleName()&&"field"===d&&(a[d]=y),!p.hasOwnProperty(d)||!this.compareValues(y,f)){if(!r)return{status:!1};i=!1,a[d]=y}}else{if(!r)return{status:!1};i=!1}Object.keys(a).length&&s.push({index:o,value:a,key:r})}else i=!1;return{status:i,changedProperties:s}},i.prototype.refreshChild=function(e,t){if(this.checkInjectedModules){for(var i=this.getInjectedModules()||[],s=0,o=this.getInjectedServices()||[];s<o.length;s++){var n=o[s];-1===i.indexOf(n)&&i.push(n)}this.injectedModules=i}if(this.directivekeys){var a=[],p=this.validateChildren({},this.directivekeys,t||this.props);if(p&&Object.keys(p).length){if(!e&&this.skipRefresh)for(var l=0,c=this.skipRefresh;l<c.length;l++)delete p[c[l]];if(this.prevProperties)for(var h=Object.keys(this.prevProperties),u=0;u<h.length;u++){var d=h[u];if(p.hasOwnProperty(d)){var f=this.compareObjects(this.prevProperties[d],p[d],d);if(f.status)delete p[d];else{f.changedProperties.length&&(a=a.concat(f.changedProperties));var y={};y[d]=p[d],this.prevProperties=r.extend(this.prevProperties,y)}}}else this.prevProperties=r.extend({},p,{},!0);if(a.length)if("grid"===this.getModuleName()&&"columns"===d){for(var m=0,v=this.columns;m<v.length;m++)if(r.getValue("field",v[m])===r.getValue(m+".value.field",a)){var g=r.getValue(a[m].key+"."+a[m].index,this);g&&g.setProperties?g.setProperties(a[m].value):r.extend(g,a[m].value)}}else for(var b=0,O=a;b<O.length;b++){var x=O[b],C=r.getValue(x.key+"."+x.index,this);C&&C.setProperties?C.setProperties(x.value):r.extend(C,x.value)}else this.setProperties(p,e)}}},i.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var e=["dropdowntree","checkbox"];(this.initRenderCalled&&this.isAppendCalled&&this.element&&!e.indexOf(this.getModuleName())?document.body.contains(this.element):!this.isDestroyed)&&this.destroy()},i.prototype.renderReactTemplates=function(e){this.isReactForeceUpdate=!0,e?this.forceUpdate(e):this.forceUpdate(),this.isReactForeceUpdate=!1},i.prototype.clearTemplate=function(e,t,r){var i=this,s=[];e&&e.length?Array.prototype.forEach.call(e,function(e){var r=0,o=0;if(i.portals.forEach(function(t){t.propName===e&&(s.push(o),o++)}),t&&i.portals[s[t[r]]].propName==e)i.portals.splice(t,1),r++;else for(var n=0;n<i.portals.length;n++)i.portals[n].propName==e&&(i.portals.splice(n,1),n--)}):this.portals=[],this.renderReactTemplates(r)},i.prototype.validateChildren=function(e,r,i){for(var s=!1,o=0,n=t.Children.toArray(i.children);o<n.length;o++){var a=n[o],p=this.getChildType(a),l=r[p];if(p&&r){var c=this.getChildProps(t.Children.toArray(a.props.children),l);c.length&&(s=!0,e[a.type.propertyName||p]=c)}}return s?e:null},i.prototype.getChildType=function(e){return e.type&&e.type.isDirective?e.type.moduleName||"":""},i.prototype.getChildProps=function(e,t){for(var i=[],s=0,o=e;s<o.length;s++){var n=o[s],a=!1,p=void 0;"string"==typeof t?(a=!0,p=t):p=Object.keys(t)[0];var l=n.props;if(this.getChildType(n)===p)if(a||!l.children){var c=r.extend({},l,{},!0);this.processComplexTemplate(c,n.type),i.push(c)}else{var h=this.validateChildren(r.extend({},l),t[p],l)||l;h.children&&delete h.children,this.processComplexTemplate(h,n.type),i.push(h)}}return i},i.prototype.getInjectedServices=function(){for(var e=0,r=t.Children.toArray(this.props.children);e<r.length;e++){var i=r[e];if(i.type.isService)return i.props.services}return[]},i.reactUid=1,i}(t.Component),h=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return h(t,e),t.prototype.render=function(){return null},t.isDirective=!0,t}(t.PureComponent),d=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return d(t,e),t.prototype.render=function(){return null},t.isService=!0,t}(t.PureComponent),y=r.getTemplateEngine();return r.setTemplateEngine({compile:o}),e.ComponentBase=c,e.applyMixins=s,e.ComplexBase=u,e.Inject=f,e.compile=o,e}({},React,ej.base,ReactDOM),this.ejs=ej;
 //# sourceMappingURL=ej2-react-base.min.js.map

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 19.1.67
+*  version : 19.1.69
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-react-base@*",
-  "_id": "@syncfusion/ej2-react-base@19.1.65",
+  "_id": "@syncfusion/ej2-react-base@19.1.67",
   "_inBundle": false,
-  "_integrity": "sha512-03OoGYMVCyZVbV4ipxPJJX2n7eaK2+bzvdDCFAVkh6mKNskiZPQDmZXl7uoqke9aV2YH/hPDA6kFScMu/fdVhw==",
+  "_integrity": "sha512-EANpw5aYQEX9KZjDHnM15/py0PlU2mRaME34nCLeFL6l9aXvVipcyZgqseKg2twRa2kegHnAhk71UpufLO1ZAA==",
   "_location": "/@syncfusion/ej2-react-base",
@@ -25,16 +25,14 @@ "_phantomChildren": {},
     "/@syncfusion/ej2-react-dropdowns",
+    "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-react-grids",
-    "/@syncfusion/ej2-react-inputs",
-    "/@syncfusion/ej2-react-kanban",
+    "/@syncfusion/ej2-react-maps",
     "/@syncfusion/ej2-react-navigations",
     "/@syncfusion/ej2-react-pdfviewer",
     "/@syncfusion/ej2-react-pivotview",
-    "/@syncfusion/ej2-react-popups",
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-react-schedule",
-    "/@syncfusion/ej2-react-spreadsheet",
-    "/@syncfusion/ej2-react-treegrid"
+    "/@syncfusion/ej2-react-spreadsheet"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-react-base/-/ej2-react-base-19.1.65.tgz",
-  "_shasum": "197fdf948e63b357f0fae9f7cbea440a802cae90",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-react-base/-/ej2-react-base-19.1.67.tgz",
+  "_shasum": "7900c3e41b094aebdca2c7842849b7bbf710db55",
   "_spec": "@syncfusion/ej2-react-base@*",
@@ -80,4 +78,4 @@ "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "typings": "index.d.ts",
-  "version": "19.1.67",
+  "version": "19.1.69",
   "sideEffects": true
 }

src/component-base.d.ts

@@ -50,2 +50,3 @@ /**
     protected value: any;
+    protected columns: any;
     componentDidMount(): void;
@@ -52,0 +53,0 @@ private renderReactComponent;

src/component-base.js

@@ -146,3 +146,4 @@ var __extends = (this && this.__extends) || (function () {
         var propKeys = Object.keys(this.props);
-        if (this.getModuleName() === "autocomplete" || "drpdownlist") {
+        var stringValue = ["autocomplete", "dropdownlist", "combobox"];
+        if ((stringValue.indexOf(this.getModuleName()) !== -1) && (!isNullOrUndefined(this.props["value"]))) {
             this.value = this.props["value"];
@@ -261,2 +262,5 @@ }
                         var newValue = newProp[key];
+                        if (this.getModuleName() === 'grid' && key === 'field') {
+                            curObj[key] = newValue;
+                        }
                         if (!oldProp.hasOwnProperty(key) || !this.compareValues(newValue, oldValue)) {
@@ -334,10 +338,27 @@ if (!propName) {
                 if (changedProps.length) {
-                    for (var _c = 0, changedProps_1 = changedProps; _c < changedProps_1.length; _c++) {
-                        var changes = changedProps_1[_c];
-                        var propInstance = getValue(changes.key + '.' + changes.index, this);
-                        if (propInstance && propInstance.setProperties) {
-                            propInstance.setProperties(changes.value);
+                    if (this.getModuleName() === 'grid' && key === 'columns') {
+                        for (var _c1 = 0, allColumns = this.columns; _c1 < allColumns.length; _c1++) {
+                            var compareField1 = getValue('field', allColumns[_c1]);
+                            var compareField2 = getValue(_c1 + '.value.field', changedProps);
+                            if (compareField1 === compareField2) {
+                                var propInstance = getValue(changedProps[_c1].key + '.' + changedProps[_c1].index, this);
+                                if (propInstance && propInstance.setProperties) {
+                                    propInstance.setProperties(changedProps[_c1].value);
+                                }
+                                else {
+                                    extend(propInstance, changedProps[_c1].value);
+                                }
+                            }
                         }
-                        else {
-                            extend(propInstance, changes.value);
+                    }
+                    else {
+                        for (var _c = 0, changedProps_1 = changedProps; _c < changedProps_1.length; _c++) {
+                            var changes = changedProps_1[_c];
+                            var propInstance_1 = getValue(changes.key + '.' + changes.index, this);
+                            if (propInstance_1 && propInstance_1.setProperties) {
+                                propInstance_1.setProperties(changes.value);
+                            }
+                            else {
+                                extend(propInstance_1, changes.value);
+                            }
                         }
@@ -344,0 +365,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

274454

increased by5.17%

Lines of code

2079

increased by3.38%

No dependency changes