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

Comparing version 21.1.38 to 21.1.41

CHANGELOG.md

@@ -9,2 +9,10 @@ # Changelog
 
+- `#I451955` - The issue with "Script error thrown after removing the first tab" has been resolved.
+
+## 21.1.38 (2023-04-04)
+
+### Common
+
+#### Bug Fixes
+
 - `#I432022` - The issue with "Grid sends multiple requests if the `childGrid` has events" has been resolved.
@@ -11,0 +19,0 @@

dist/ej2-react-base.min.js

 /*!
 *  filename: ej2-react-base.min.js
-*  version : 21.1.38
+*  version : 21.1.41
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -10,2 +10,2 @@ *  Use of this code is subject to the terms of our license.
 */
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("React"),require("ReactDOM"),require("SyncfusionBase")):"function"==typeof define&&define.amd?define(["React","ReactDOM","SyncfusionBase"],e):"object"==typeof exports?exports.SyncfusionReactBase=e(require("React"),require("ReactDOM"),require("SyncfusionBase")):t.SyncfusionReactBase=e(t.React,t.ReactDOM,t.SyncfusionBase)}(this,function(t,e,r){return function(t){function e(i){if(r[i])return r[i].exports;var n=r[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,e),n.l=!0,n.exports}var r={};return e.m=t,e.c=r,e.i=function(t){return t},e.d=function(t,r,i){e.o(t,r)||Object.defineProperty(t,r,{configurable:!1,enumerable:!0,get:i})},e.n=function(t){var r=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(r,"a",r),r},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=8)}([function(e,r){e.exports=t},function(t,r){t.exports=e},function(t,e){t.exports=r},function(t,e,r){"use strict";r.d(e,"a",function(){return s});var i=r(0),n=(r.n(i),this&&this.__extends||function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}()),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(){return null},e.isDirective=!0,e}(i.PureComponent)},function(t,e,r){"use strict";r.d(e,"a",function(){return c});var i=r(0),n=(r.n(i),r(1)),s=(r.n(n),r(2)),o=(r.n(s),this&&this.__extends||function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.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(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.mountingState=!1,e.attrKeys=[],e.cachedTimeOut=0,e.isAppendCalled=!1,e.initRenderCalled=!1,e.isReactForeceUpdate=!1,e.isReact=!0,e.isshouldComponentUpdateCalled=!1,e.isCreated=!1,e}return o(e,t),e.prototype.componentDidMount=function(){this.refreshChild(!0),this.canDelayUpdate=-1!==p.indexOf(this.getModuleName()),this.renderReactComponent(),this.portals&&this.portals.length&&(this.mountingState=!0,this.renderReactTemplates(),this.mountingState=!1)},e.prototype.componentDidUpdate=function(t){this.isshouldComponentUpdateCalled||!this.initRenderCalled||this.isReactForeceUpdate||t!==this.props&&(this.isshouldComponentUpdateCalled=!0,this.refreshProperties(this.props,this.props))},e.prototype.renderReactComponent=function(){var t=this.reactElement;t&&!this.isAppendCalled&&(this.isAppendCalled=!0,this.appendTo(t))},e.prototype.shouldComponentUpdate=function(t){return this.isshouldComponentUpdateCalled=!0,this.initRenderCalled?(this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(this.reactElement)),this.updateProperties(t),!0):(this.updateProperties(t,!0),!0)},e.prototype.updateProperties=function(t,e){for(var i=this,n=r.i(s.extend)({},t),o=Object.keys(t),a=r.i(s.isNullOrUndefined)(this.props.statelessTemplates)?r.i(s.isNullOrUndefined)(this.statelessTemplateProps)?[]:this.statelessTemplateProps:this.props.statelessTemplates,p=0,l=o;p<l.length;p++){var c=l[p],h="className"===c;if("children"!==c)if(h||r.i(s.isNullOrUndefined)(this.htmlattributes[""+c])||this.htmlattributes[""+c]===n[""+c]||(this.htmlattributes[""+c]=n[""+c]),this.compareValues(this.props[""+c],t[""+c]))delete n[""+c];else if(-1!==this.attrKeys.indexOf(c))if(h){this.clsName=!0;for(var u=this.props[""+c].split(" "),d=0;d<u.length;d++)this.element.classList.remove(u[parseInt(d.toString(),10)]);for(var f=n[""+c].split(" "),m=0;m<f.length;m++)this.element.classList.add(f[parseInt(m.toString(),10)])}else"disabled"===c||this.properties.hasOwnProperty(c)||delete n[""+c];else"value"===c&&t[""+c]===this[""+c]?delete n[""+c]:a.indexOf(c)>-1&&("content"===c&&"function"==typeof n[""+c]||t[""+c].toString()===this[""+c].toString())&&delete n[""+c]}n.children&&delete n.children,this.initRenderCalled&&(this.canDelayUpdate||this.props.delayUpdate)?setTimeout(function(){i.refreshProperties(n,t,e)}):this.refreshProperties(n,t,e)},e.prototype.refreshProperties=function(t,e,i){var n=r.i(s.isNullOrUndefined)(this.props.statelessTemplates)?[]:this.props.statelessTemplates;Object.keys(t).length&&(i||this.processComplexTemplate(t,this),this.setProperties(t,i)),-1===n.indexOf("directiveTemplates")&&this.refreshChild(i,e)},e.prototype.processComplexTemplate=function(t,e){var i=e.complexTemplate;if(i)for(var n in i){var o=i[""+n];t[""+n]&&r.i(s.setValue)(o,r.i(s.getValue)(n,t),t)}},e.prototype.getDefaultAttributes=function(){var t=this;this.isReact=!0;var r=Object.keys(this.props);this.htmlattributes||(this.htmlattributes={}),this.attrKeys=a.concat(this.controlAttributes||[]);for(var i=0,n=r;i<n.length;i++){var s=n[i];-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])}if(!this.htmlattributes.ref){this.htmlattributes.ref=function(e){t.reactElement=e};-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=""+e.reactUid,e.reactUid++)}if(this.clsName){for(var o=this.element.classList,p=this.htmlattributes.className,l=0;l<o.length;l++)-1===p.indexOf(o[parseInt(l.toString(),10)])&&(this.htmlattributes.className=this.htmlattributes.className+" "+o[parseInt(l.toString(),10)]);this.clsName=!1}return this.htmlattributes},e.prototype.trigger=function(t,e,i){var n=this;if(!0!==this.isDestroyed&&this.modelObserver){if(l.test(t)){var o=r.i(s.getValue)(t,this);o?(o.call(this,e),i&&i.call(this,e)):i&&i.call(this,e)}"change"!==t&&"input"!==t||this.props.onChange&&e.event&&this.props.onChange.call(void 0,{syntheticEvent:e.event,nativeEvent:{text:e.value},value:e.value,target:this});var a=this.isProtectedOnChange;this.isProtectedOnChange=!1,"created"===t?setTimeout(function(){n.isCreated=!0,n.isDestroyed||n.modelObserver.notify(t,e,i)},10):this.modelObserver.notify(t,e,i),this.isProtectedOnChange=a}},e.prototype.compareValues=function(t,e){if(typeof t==typeof e){if(t===e)return!0;if((!r.i(s.isNullOrUndefined)(t)&&t.constructor)!==(!r.i(s.isNullOrUndefined)(e)&&e.constructor))return!1;if(t instanceof Date||t instanceof RegExp||t instanceof String||t instanceof Number)return t.toString()===e.toString();if(r.i(s.isObject)(t)||Array.isArray(t)){var i=t,n=e;return r.i(s.isObject)(i)&&(i=[t],n=[e]),this.compareObjects(i,n).status}}return!1},e.prototype.compareObjects=function(t,e,i){var n=!0,o=t.length===e.length,a=[],p=r.i(s.isNullOrUndefined)(this.templateProps)?[]:this.templateProps;if(o)for(var l=0,c=e.length;l<c;l++){var h={},u=t[parseInt(l.toString(),10)],d=e[parseInt(l.toString(),10)],f=Object.keys(d);if(0!==f.length)for(var m=0,y=f;m<y.length;m++){var v=y[m],g=u[""+v],O=d[""+v];if("items"===v)for(var b=0;b<O.length;b++)if("richtexteditor"===this.getModuleName()&&"object"==typeof O[parseInt(b.toString(),10)])return{status:!0};if("grid"===this.getModuleName()&&"field"===v&&(h[""+v]=O),!u.hasOwnProperty(v)||!(p.length>0&&-1===p.indexOf(""+v)&&"function"==typeof O?this.compareValues(g.toString(),O.toString()):this.compareValues(g,O))){if(!i)return{status:!1};n=!1,h[""+v]=O}}else if(e[parseInt(l.toString(),10)]===t[parseInt(l.toString(),10)])n=!0;else{if(!i)return{status:!1};n=!1}Object.keys(h).length&&a.push({index:l,value:h,key:i})}else n=!1;return{status:n,changedProperties:a}},e.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var i=this.getInjectedModules()||[],n=this.getInjectedServices()||[],o=0,a=n;o<a.length;o++){var p=a[o];-1===i.indexOf(p)&&i.push(p)}this.injectedModules=i}if(this.directivekeys){var l=[],c=this.validateChildren({},this.directivekeys,e||this.props);if(c&&Object.keys(c).length){if(!t&&this.skipRefresh)for(var h=0,u=this.skipRefresh;h<u.length;h++){var d=u[h];delete c[""+d]}if(this.prevProperties)for(var f=Object.keys(this.prevProperties),m=0;m<f.length;m++){var y=f[parseInt(m.toString(),10)];if(c.hasOwnProperty(y)){var v=this.compareObjects(this.prevProperties[""+y],c[""+y],y);if(v.status)delete c[""+y];else{v.changedProperties.length&&(l=l.concat(v.changedProperties));var g={};g[""+y]=c[""+y],this.prevProperties=r.i(s.extend)(this.prevProperties,g)}}}else this.prevProperties=r.i(s.extend)({},c,{},!0);if(l.length)if("grid"===this.getModuleName()&&"columns"===y)for(var O=0,b=this.columns;O<b.length;O++){var x=r.i(s.getValue)("field",b[parseInt(O.toString(),10)]),C=r.i(s.getValue)(O+".value.field",l);if(x===C){var P=r.i(s.getValue)(l[parseInt(O.toString(),10)].key+"."+l[parseInt(O.toString(),10)].index,this);P&&P.setProperties?P.setProperties(l[parseInt(O.toString(),10)].value):r.i(s.extend)(P,l[parseInt(O.toString(),10)].value)}else this.setProperties(c,t)}else for(var S=0,j=l;S<j.length;S++){var _=j[S],R=r.i(s.getValue)(_.key+"."+_.index,this);R&&R.setProperties?R.setProperties(_.value):r.i(s.extend)(R,_.value)}else this.setProperties(c,t)}}},e.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var t=["dropdowntree","checkbox"];this.initRenderCalled&&this.isAppendCalled&&this.element&&(t.indexOf(this.getModuleName())||document.body.contains(this.element))&&!this.isDestroyed&&this.isCreated&&this.destroy()},e.prototype.appendReactElement=function(t,e){var r=n.createPortal(t,e);this.portals?this.portals.push(r):this.portals=[r]},e.prototype.renderReactTemplates=function(t){this.isReactForeceUpdate=!0,t?this.forceUpdate(t):this.forceUpdate(),this.isReactForeceUpdate=!1},e.prototype.clearTemplate=function(t,e,i){var n=this,o=[];t&&t.length?Array.prototype.forEach.call(t,function(t){var i=0,a=0;if(n.portals.forEach(function(e){e.propName===t&&(o.push(a),a++)}),r.i(s.isNullOrUndefined)(e)||n.portals[o[(""+e)[parseInt(i.toString(),10)]]].propName!==t)for(var p=0;p<n.portals.length;p++)n.portals[parseInt(p.toString(),10)].propName===t&&(n.portals.splice(p,1),p--);else n.portals.splice(e,1),i++}):this.portals=[],this.renderReactTemplates(i)},e.prototype.validateChildren=function(t,e,r){for(var n=!1,s=i.Children.toArray(r.children),o=0,a=s;o<a.length;o++){var p=a[o],l=this.getChildType(p),c=e[""+l];if(l&&e){var h=this.getChildProps(i.Children.toArray(p.props.children),c);h.length&&(n=!0,t[p.type.propertyName||l]=h)}}return n?t:null},e.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},e.prototype.getChildProps=function(t,e){for(var i=[],n=0,o=t;n<o.length;n++){var a=o[n],p=!1,l=void 0;"string"==typeof e?(p=!0,l=e):l=Object.keys(e)[0];var c=a.props;if(this.getChildType(a)===l)if(p||!c.children){var h=r.i(s.extend)({},c,{},!0);this.processComplexTemplate(h,a.type),i.push(h)}else{var u=this.validateChildren(r.i(s.extend)({},c),e[""+l],c)||c;u.children&&delete u.children,this.processComplexTemplate(u,a.type),i.push(u)}}return i},e.prototype.getInjectedServices=function(){for(var t=i.Children.toArray(this.props.children),e=0,r=t;e<r.length;e++){var n=r[e];if(n.type.isService)return n.props.services}return[]},e.reactUid=1,e}(i.Component)},function(t,e,r){"use strict";r.d(e,"a",function(){return s});var i=r(0),n=(r.n(i),this&&this.__extends||function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}()),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(i.PureComponent)},function(t,e,r){"use strict";function i(t,e){return"string"==typeof t?a(t,e):function(e,i,a,p){var l=t,c=e;"object"==typeof l&&(l=t.template,c=r.i(n.extend)({},e,t.data||{}));var h;h=p||document.createElement("div");var u=o.createElement(l,c),d=s.createPortal(u,h);if(d.propName=a,i.portals?i.portals.push(d):i.portals=[d],!p)return[h]}}e.a=i;var n=r(2),s=(r.n(n),r(1)),o=(r.n(s),r(0)),a=(r.n(o),r.i(n.getTemplateEngine)());r.i(n.setTemplateEngine)({compile:i})},function(t,e,r){"use strict";function i(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){"isMounted"!==r&&"replaceState"!==r&&(t.prototype[""+r]=e.prototype[""+r])})})}e.a=i},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=r(4);r.d(e,"ComponentBase",function(){return i.a});var n=r(7);r.d(e,"applyMixins",function(){return n.a});var s=r(3);r.d(e,"ComplexBase",function(){return s.a});var o=r(5);r.d(e,"Inject",function(){return o.a});var a=r(6);r.d(e,"compile",function(){return a.a})}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("React"),require("ReactDOM"),require("SyncfusionBase")):"function"==typeof define&&define.amd?define(["React","ReactDOM","SyncfusionBase"],e):"object"==typeof exports?exports.SyncfusionReactBase=e(require("React"),require("ReactDOM"),require("SyncfusionBase")):t.SyncfusionReactBase=e(t.React,t.ReactDOM,t.SyncfusionBase)}(this,function(t,e,r){return function(t){function e(i){if(r[i])return r[i].exports;var n=r[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,e),n.l=!0,n.exports}var r={};return e.m=t,e.c=r,e.i=function(t){return t},e.d=function(t,r,i){e.o(t,r)||Object.defineProperty(t,r,{configurable:!1,enumerable:!0,get:i})},e.n=function(t){var r=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(r,"a",r),r},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=8)}([function(e,r){e.exports=t},function(t,r){t.exports=e},function(t,e){t.exports=r},function(t,e,r){"use strict";r.d(e,"a",function(){return s});var i=r(0),n=(r.n(i),this&&this.__extends||function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}()),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(){return null},e.isDirective=!0,e}(i.PureComponent)},function(t,e,r){"use strict";r.d(e,"a",function(){return c});var i=r(0),n=(r.n(i),r(1)),s=(r.n(n),r(2)),o=(r.n(s),this&&this.__extends||function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.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(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.mountingState=!1,e.attrKeys=[],e.cachedTimeOut=0,e.isAppendCalled=!1,e.initRenderCalled=!1,e.isReactForeceUpdate=!1,e.isReact=!0,e.isshouldComponentUpdateCalled=!1,e.isCreated=!1,e}return o(e,t),e.prototype.componentDidMount=function(){this.refreshChild(!0),this.canDelayUpdate=-1!==p.indexOf(this.getModuleName()),this.renderReactComponent(),this.portals&&this.portals.length&&(this.mountingState=!0,this.renderReactTemplates(),this.mountingState=!1)},e.prototype.componentDidUpdate=function(t){this.isshouldComponentUpdateCalled||!this.initRenderCalled||this.isReactForeceUpdate||t!==this.props&&(this.isshouldComponentUpdateCalled=!0,this.refreshProperties(this.props,this.props))},e.prototype.renderReactComponent=function(){var t=this.reactElement;t&&!this.isAppendCalled&&(this.isAppendCalled=!0,this.appendTo(t))},e.prototype.shouldComponentUpdate=function(t){return this.isshouldComponentUpdateCalled=!0,this.initRenderCalled?(this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(this.reactElement)),this.updateProperties(t),!0):(this.updateProperties(t,!0),!0)},e.prototype.updateProperties=function(t,e){for(var i=this,n=r.i(s.extend)({},t),o=Object.keys(t),a=r.i(s.isNullOrUndefined)(this.props.statelessTemplates)?r.i(s.isNullOrUndefined)(this.statelessTemplateProps)?[]:this.statelessTemplateProps:this.props.statelessTemplates,p=0,l=o;p<l.length;p++){var c=l[p],h="className"===c;if("children"!==c)if(h||r.i(s.isNullOrUndefined)(this.htmlattributes[""+c])||this.htmlattributes[""+c]===n[""+c]||(this.htmlattributes[""+c]=n[""+c]),this.compareValues(this.props[""+c],t[""+c]))delete n[""+c];else if(-1!==this.attrKeys.indexOf(c))if(h){this.clsName=!0;for(var u=this.props[""+c].split(" "),d=0;d<u.length;d++)this.element.classList.remove(u[parseInt(d.toString(),10)]);for(var f=n[""+c].split(" "),m=0;m<f.length;m++)this.element.classList.add(f[parseInt(m.toString(),10)])}else"disabled"===c||this.properties.hasOwnProperty(c)||delete n[""+c];else"value"===c&&t[""+c]===this[""+c]?delete n[""+c]:a.indexOf(c)>-1&&("content"===c&&"function"==typeof n[""+c]||t[""+c].toString()===this[""+c].toString())&&delete n[""+c]}n.children&&delete n.children,this.initRenderCalled&&(this.canDelayUpdate||this.props.delayUpdate)?setTimeout(function(){i.refreshProperties(n,t,e)}):this.refreshProperties(n,t,e)},e.prototype.refreshProperties=function(t,e,i){var n=r.i(s.isNullOrUndefined)(this.props.statelessTemplates)?[]:this.props.statelessTemplates;Object.keys(t).length&&(i||this.processComplexTemplate(t,this),this.setProperties(t,i)),-1===n.indexOf("directiveTemplates")&&this.refreshChild(i,e)},e.prototype.processComplexTemplate=function(t,e){var i=e.complexTemplate;if(i)for(var n in i){var o=i[""+n];t[""+n]&&r.i(s.setValue)(o,r.i(s.getValue)(n,t),t)}},e.prototype.getDefaultAttributes=function(){var t=this;this.isReact=!0;var r=Object.keys(this.props);this.htmlattributes||(this.htmlattributes={}),this.attrKeys=a.concat(this.controlAttributes||[]);for(var i=0,n=r;i<n.length;i++){var s=n[i];-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])}if(!this.htmlattributes.ref){this.htmlattributes.ref=function(e){t.reactElement=e};-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=""+e.reactUid,e.reactUid++)}if(this.clsName){for(var o=this.element.classList,p=this.htmlattributes.className,l=0;l<o.length;l++)-1===p.indexOf(o[parseInt(l.toString(),10)])&&(this.htmlattributes.className=this.htmlattributes.className+" "+o[parseInt(l.toString(),10)]);this.clsName=!1}return this.htmlattributes},e.prototype.trigger=function(t,e,i){var n=this;if(!0!==this.isDestroyed&&this.modelObserver){if(l.test(t)){var o=r.i(s.getValue)(t,this);o?(o.call(this,e),i&&i.call(this,e)):i&&i.call(this,e)}"change"!==t&&"input"!==t||this.props.onChange&&e.event&&this.props.onChange.call(void 0,{syntheticEvent:e.event,nativeEvent:{text:e.value},value:e.value,target:this});var a=this.isProtectedOnChange;this.isProtectedOnChange=!1,"created"===t?setTimeout(function(){n.isCreated=!0,n.isDestroyed||n.modelObserver.notify(t,e,i)},10):this.modelObserver.notify(t,e,i),this.isProtectedOnChange=a}},e.prototype.compareValues=function(t,e){if(typeof t==typeof e){if(t===e)return!0;if((!r.i(s.isNullOrUndefined)(t)&&t.constructor)!==(!r.i(s.isNullOrUndefined)(e)&&e.constructor))return!1;if(t instanceof Date||t instanceof RegExp||t instanceof String||t instanceof Number)return t.toString()===e.toString();if(r.i(s.isObject)(t)||Array.isArray(t)){var i=t,n=e;return r.i(s.isObject)(i)&&(i=[t],n=[e]),this.compareObjects(i,n).status}}return!1},e.prototype.compareObjects=function(t,e,i){var n=!0,o=t.length===e.length,a=[],p=r.i(s.isNullOrUndefined)(this.templateProps)?[]:this.templateProps;if(o)for(var l=0,c=e.length;l<c;l++){var h={},u=t[parseInt(l.toString(),10)],d=e[parseInt(l.toString(),10)],f=Object.keys(d);if(0!==f.length)for(var m=0,y=f;m<y.length;m++){var v=y[m],g=u[""+v],O=d[""+v];if("items"===v)for(var b=0;b<O.length;b++)if("richtexteditor"===this.getModuleName()&&"object"==typeof O[parseInt(b.toString(),10)])return{status:!0};if("grid"===this.getModuleName()&&"field"===v&&(h[""+v]=O),!u.hasOwnProperty(v)||!(p.length>0&&-1===p.indexOf(""+v)&&"function"==typeof O?this.compareValues(g.toString(),O.toString()):this.compareValues(g,O))){if(!i)return{status:!1};n=!1,h[""+v]=O}}else if(e[parseInt(l.toString(),10)]===t[parseInt(l.toString(),10)])n=!0;else{if(!i)return{status:!1};n=!1}Object.keys(h).length&&a.push({index:l,value:h,key:i})}else n=!1;return{status:n,changedProperties:a}},e.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var i=this.getInjectedModules()||[],n=this.getInjectedServices()||[],o=0,a=n;o<a.length;o++){var p=a[o];-1===i.indexOf(p)&&i.push(p)}this.injectedModules=i}if(this.directivekeys){var l=[],c=this.validateChildren({},this.directivekeys,e||this.props);if(c&&Object.keys(c).length){if(!t&&this.skipRefresh)for(var h=0,u=this.skipRefresh;h<u.length;h++){var d=u[h];delete c[""+d]}if(this.prevProperties)for(var f=Object.keys(this.prevProperties),m=0;m<f.length;m++){var y=f[parseInt(m.toString(),10)];if(c.hasOwnProperty(y)){var v=this.compareObjects(this.prevProperties[""+y],c[""+y],y);if(v.status)delete c[""+y];else{v.changedProperties.length&&(l=l.concat(v.changedProperties));var g={};g[""+y]=c[""+y],this.prevProperties=r.i(s.extend)(this.prevProperties,g)}}}else this.prevProperties=r.i(s.extend)({},c,{},!0);if(l.length)if("grid"===this.getModuleName()&&"columns"===y)for(var O=0,b=this.columns;O<b.length;O++){var x=r.i(s.getValue)("field",b[parseInt(O.toString(),10)]),C=r.i(s.getValue)(O+".value.field",l);if(x===C){var P=r.i(s.getValue)(l[parseInt(O.toString(),10)].key+"."+l[parseInt(O.toString(),10)].index,this);P&&P.setProperties?P.setProperties(l[parseInt(O.toString(),10)].value):r.i(s.extend)(P,l[parseInt(O.toString(),10)].value)}else this.setProperties(c,t)}else for(var S=0,j=l;S<j.length;S++){var _=j[S],R=r.i(s.getValue)(_.key+"."+_.index,this);R&&R.setProperties?R.setProperties(_.value):r.i(s.extend)(R,_.value)}else this.setProperties(c,t)}}},e.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var t=["dropdowntree","checkbox"];this.initRenderCalled&&this.isAppendCalled&&this.element&&(t.indexOf(this.getModuleName())||document.body.contains(this.element))&&!this.isDestroyed&&this.isCreated&&this.destroy()},e.prototype.appendReactElement=function(t,e){var r=n.createPortal(t,e);this.portals?this.portals.push(r):this.portals=[r]},e.prototype.renderReactTemplates=function(t){this.isReactForeceUpdate=!0,t?this.forceUpdate(t):this.forceUpdate(),this.isReactForeceUpdate=!1},e.prototype.clearTemplate=function(t,e,i){var n=this,o=[];t&&t.length?Array.prototype.forEach.call(t,function(t){var i=0,a=0;if(n.portals.forEach(function(e){e.propName===t&&(o.push(a),a++)}),!r.i(s.isNullOrUndefined)(e)&&n.portals[e]&&n.portals[e].propName===t)n.portals.splice(e,1),i++;else for(var p=0;p<n.portals.length;p++)n.portals[parseInt(p.toString(),10)].propName===t&&(n.portals.splice(p,1),p--)}):this.portals=[],this.renderReactTemplates(i)},e.prototype.validateChildren=function(t,e,r){for(var n=!1,s=i.Children.toArray(r.children),o=0,a=s;o<a.length;o++){var p=a[o],l=this.getChildType(p),c=e[""+l];if(l&&e){var h=this.getChildProps(i.Children.toArray(p.props.children),c);h.length&&(n=!0,t[p.type.propertyName||l]=h)}}return n?t:null},e.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},e.prototype.getChildProps=function(t,e){for(var i=[],n=0,o=t;n<o.length;n++){var a=o[n],p=!1,l=void 0;"string"==typeof e?(p=!0,l=e):l=Object.keys(e)[0];var c=a.props;if(this.getChildType(a)===l)if(p||!c.children){var h=r.i(s.extend)({},c,{},!0);this.processComplexTemplate(h,a.type),i.push(h)}else{var u=this.validateChildren(r.i(s.extend)({},c),e[""+l],c)||c;u.children&&delete u.children,this.processComplexTemplate(u,a.type),i.push(u)}}return i},e.prototype.getInjectedServices=function(){for(var t=i.Children.toArray(this.props.children),e=0,r=t;e<r.length;e++){var n=r[e];if(n.type.isService)return n.props.services}return[]},e.reactUid=1,e}(i.Component)},function(t,e,r){"use strict";r.d(e,"a",function(){return s});var i=r(0),n=(r.n(i),this&&this.__extends||function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}()),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(i.PureComponent)},function(t,e,r){"use strict";function i(t,e){return"string"==typeof t?a(t,e):function(e,i,a,p){var l=t,c=e;"object"==typeof l&&(l=t.template,c=r.i(n.extend)({},e,t.data||{}));var h;h=p||document.createElement("div");var u=o.createElement(l,c),d=s.createPortal(u,h);if(d.propName=a,i.portals?i.portals.push(d):i.portals=[d],!p)return[h]}}e.a=i;var n=r(2),s=(r.n(n),r(1)),o=(r.n(s),r(0)),a=(r.n(o),r.i(n.getTemplateEngine)());r.i(n.setTemplateEngine)({compile:i})},function(t,e,r){"use strict";function i(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){"isMounted"!==r&&"replaceState"!==r&&(t.prototype[""+r]=e.prototype[""+r])})})}e.a=i},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=r(4);r.d(e,"ComponentBase",function(){return i.a});var n=r(7);r.d(e,"applyMixins",function(){return n.a});var s=r(3);r.d(e,"ComplexBase",function(){return s.a});var o=r(5);r.d(e,"Inject",function(){return o.a});var a=r(6);r.d(e,"compile",function(){return a.a})}])});

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

 /*!
 *  filename: ej2-react-base.umd.min.js
-*  version : 21.1.38
+*  version : 21.1.41
 *  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("react-dom"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","@syncfusion/ej2-base"],t):t(e.ej={},e.React,e.ReactDOM,e.ej2Base)}(this,function(e,t,r,i){"use strict";function s(e,s){return"string"==typeof e?f(e,s):function(s,n,o,a){var p=e,l=s;"object"==typeof p&&(p=e.template,l=i.extend({},s,e.data||{}));var h;h=a||document.createElement("div");var c=t.createElement(p,l),d=r.createPortal(c,h);if(d.propName=o,n.portals?n.portals.push(d):n.portals=[d],!a)return[h]}}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)}}(),o=["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 s(){var t=null!==e&&e.apply(this,arguments)||this;return t.mountingState=!1,t.attrKeys=[],t.cachedTimeOut=0,t.isAppendCalled=!1,t.initRenderCalled=!1,t.isReactForeceUpdate=!1,t.isReact=!0,t.isshouldComponentUpdateCalled=!1,t.isCreated=!1,t}return n(s,e),s.prototype.componentDidMount=function(){this.refreshChild(!0),this.canDelayUpdate=-1!==a.indexOf(this.getModuleName()),this.renderReactComponent(),this.portals&&this.portals.length&&(this.mountingState=!0,this.renderReactTemplates(),this.mountingState=!1)},s.prototype.componentDidUpdate=function(e){this.isshouldComponentUpdateCalled||!this.initRenderCalled||this.isReactForeceUpdate||e!==this.props&&(this.isshouldComponentUpdateCalled=!0,this.refreshProperties(this.props,this.props))},s.prototype.renderReactComponent=function(){var e=this.reactElement;e&&!this.isAppendCalled&&(this.isAppendCalled=!0,this.appendTo(e))},s.prototype.shouldComponentUpdate=function(e){return this.isshouldComponentUpdateCalled=!0,this.initRenderCalled?(this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(this.reactElement)),this.updateProperties(e),!0):(this.updateProperties(e,!0),!0)},s.prototype.updateProperties=function(e,t){for(var r=this,s=i.extend({},e),n=Object.keys(e),o=i.isNullOrUndefined(this.props.statelessTemplates)?i.isNullOrUndefined(this.statelessTemplateProps)?[]:this.statelessTemplateProps:this.props.statelessTemplates,a=0,p=n;a<p.length;a++){var l=p[a],h="className"===l;if("children"!==l)if(h||i.isNullOrUndefined(this.htmlattributes[""+l])||this.htmlattributes[""+l]===s[""+l]||(this.htmlattributes[""+l]=s[""+l]),this.compareValues(this.props[""+l],e[""+l]))delete s[""+l];else if(-1!==this.attrKeys.indexOf(l))if(h){this.clsName=!0;for(var c=this.props[""+l].split(" "),d=0;d<c.length;d++)this.element.classList.remove(c[parseInt(d.toString(),10)]);for(var u=s[""+l].split(" "),f=0;f<u.length;f++)this.element.classList.add(u[parseInt(f.toString(),10)])}else"disabled"===l||this.properties.hasOwnProperty(l)||delete s[""+l];else"value"===l&&e[""+l]===this[""+l]?delete s[""+l]:o.indexOf(l)>-1&&("content"===l&&"function"==typeof s[""+l]||e[""+l].toString()===this[""+l].toString())&&delete s[""+l]}s.children&&delete s.children,this.initRenderCalled&&(this.canDelayUpdate||this.props.delayUpdate)?setTimeout(function(){r.refreshProperties(s,e,t)}):this.refreshProperties(s,e,t)},s.prototype.refreshProperties=function(e,t,r){var s=i.isNullOrUndefined(this.props.statelessTemplates)?[]:this.props.statelessTemplates;Object.keys(e).length&&(r||this.processComplexTemplate(e,this),this.setProperties(e,r)),-1===s.indexOf("directiveTemplates")&&this.refreshChild(r,t)},s.prototype.processComplexTemplate=function(e,t){var r=t.complexTemplate;if(r)for(var s in r){var n=r[""+s];e[""+s]&&i.setValue(n,i.getValue(s,e),e)}},s.prototype.getDefaultAttributes=function(){var e=this;this.isReact=!0;var t=Object.keys(this.props);this.htmlattributes||(this.htmlattributes={}),this.attrKeys=o.concat(this.controlAttributes||[]);for(var r=0,i=t;r<i.length;r++){var n=i[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=""+s.reactUid,s.reactUid++)}if(this.clsName){for(var a=this.element.classList,p=this.htmlattributes.className,l=0;l<a.length;l++)-1===p.indexOf(a[parseInt(l.toString(),10)])&&(this.htmlattributes.className=this.htmlattributes.className+" "+a[parseInt(l.toString(),10)]);this.clsName=!1}return this.htmlattributes},s.prototype.trigger=function(e,t,r){var s=this;if(!0!==this.isDestroyed&&this.modelObserver){if(p.test(e)){var n=i.getValue(e,this);n?(n.call(this,t),r&&r.call(this,t)):r&&r.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(){s.isCreated=!0,s.isDestroyed||s.modelObserver.notify(e,t,r)},10):this.modelObserver.notify(e,t,r),this.isProtectedOnChange=o}},s.prototype.compareValues=function(e,t){if(typeof e===typeof t){if(e===t)return!0;if((!i.isNullOrUndefined(e)&&e.constructor)!==(!i.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(i.isObject(e)||Array.isArray(e)){var r=e,s=t;return i.isObject(r)&&(r=[e],s=[t]),this.compareObjects(r,s).status}}return!1},s.prototype.compareObjects=function(e,t,r){var s=!0,n=e.length===t.length,o=[],a=i.isNullOrUndefined(this.templateProps)?[]:this.templateProps;if(n)for(var p=0,l=t.length;p<l;p++){var h={},c=e[parseInt(p.toString(),10)],d=t[parseInt(p.toString(),10)],u=Object.keys(d);if(0!==u.length)for(var f=0,m=u;f<m.length;f++){var y=m[f],v=c[""+y],g=d[""+y];if("items"===y)for(var O=0;O<g.length;O++)if("richtexteditor"===this.getModuleName()&&"object"==typeof g[parseInt(O.toString(),10)])return{status:!0};if("grid"===this.getModuleName()&&"field"===y&&(h[""+y]=g),!c.hasOwnProperty(y)||!(a.length>0&&-1===a.indexOf(""+y)&&"function"==typeof g?this.compareValues(v.toString(),g.toString()):this.compareValues(v,g))){if(!r)return{status:!1};s=!1,h[""+y]=g}}else if(t[parseInt(p.toString(),10)]===e[parseInt(p.toString(),10)])s=!0;else{if(!r)return{status:!1};s=!1}Object.keys(h).length&&o.push({index:p,value:h,key:r})}else s=!1;return{status:s,changedProperties:o}},s.prototype.refreshChild=function(e,t){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],s=0,n=this.getInjectedServices()||[];s<n.length;s++){var o=n[s];-1===r.indexOf(o)&&r.push(o)}this.injectedModules=r}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,h=this.skipRefresh;l<h.length;l++){delete p[""+h[l]]}if(this.prevProperties)for(var c=Object.keys(this.prevProperties),d=0;d<c.length;d++){var u=c[parseInt(d.toString(),10)];if(p.hasOwnProperty(u)){var f=this.compareObjects(this.prevProperties[""+u],p[""+u],u);if(f.status)delete p[""+u];else{f.changedProperties.length&&(a=a.concat(f.changedProperties));var m={};m[""+u]=p[""+u],this.prevProperties=i.extend(this.prevProperties,m)}}}else this.prevProperties=i.extend({},p,{},!0);if(a.length)if("grid"===this.getModuleName()&&"columns"===u)for(var y=0,v=this.columns;y<v.length;y++){if(i.getValue("field",v[parseInt(y.toString(),10)])===i.getValue(y+".value.field",a)){var g=i.getValue(a[parseInt(y.toString(),10)].key+"."+a[parseInt(y.toString(),10)].index,this);g&&g.setProperties?g.setProperties(a[parseInt(y.toString(),10)].value):i.extend(g,a[parseInt(y.toString(),10)].value)}else this.setProperties(p,e)}else for(var O=0,b=a;O<b.length;O++){var C=b[O],x=i.getValue(C.key+"."+C.index,this);x&&x.setProperties?x.setProperties(C.value):i.extend(x,C.value)}else this.setProperties(p,e)}}},s.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.isCreated&&this.destroy()},s.prototype.appendReactElement=function(e,t){var i=r.createPortal(e,t);this.portals?this.portals.push(i):this.portals=[i]},s.prototype.renderReactTemplates=function(e){this.isReactForeceUpdate=!0,e?this.forceUpdate(e):this.forceUpdate(),this.isReactForeceUpdate=!1},s.prototype.clearTemplate=function(e,t,r){var s=this,n=[];e&&e.length?Array.prototype.forEach.call(e,function(e){var r=0,o=0;if(s.portals.forEach(function(t){t.propName===e&&(n.push(o),o++)}),i.isNullOrUndefined(t)||s.portals[n[(""+t)[parseInt(r.toString(),10)]]].propName!==e)for(var a=0;a<s.portals.length;a++)s.portals[parseInt(a.toString(),10)].propName===e&&(s.portals.splice(a,1),a--);else s.portals.splice(t,1),r++}):this.portals=[],this.renderReactTemplates(r)},s.prototype.validateChildren=function(e,r,i){for(var s=!1,n=0,o=t.Children.toArray(i.children);n<o.length;n++){var a=o[n],p=this.getChildType(a),l=r[""+p];if(p&&r){var h=this.getChildProps(t.Children.toArray(a.props.children),l);h.length&&(s=!0,e[a.type.propertyName||p]=h)}}return s?e:null},s.prototype.getChildType=function(e){return e.type&&e.type.isDirective?e.type.moduleName||"":""},s.prototype.getChildProps=function(e,t){for(var r=[],s=0,n=e;s<n.length;s++){var o=n[s],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 h=i.extend({},l,{},!0);this.processComplexTemplate(h,o.type),r.push(h)}else{var c=this.validateChildren(i.extend({},l),t[""+p],l)||l;c.children&&delete c.children,this.processComplexTemplate(c,o.type),r.push(c)}}return r},s.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[]},s.reactUid=1,s}(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)}}(),c=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)}}(),u=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),f=i.getTemplateEngine();i.setTemplateEngine({compile:s}),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=c,e.Inject=u,e.compile=s,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","@syncfusion/ej2-base"],t):t(e.ej={},e.React,e.ReactDOM,e.ej2Base)}(this,function(e,t,r,i){"use strict";function s(e,s){return"string"==typeof e?f(e,s):function(s,n,o,a){var p=e,l=s;"object"==typeof p&&(p=e.template,l=i.extend({},s,e.data||{}));var h;h=a||document.createElement("div");var c=t.createElement(p,l),d=r.createPortal(c,h);if(d.propName=o,n.portals?n.portals.push(d):n.portals=[d],!a)return[h]}}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)}}(),o=["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 s(){var t=null!==e&&e.apply(this,arguments)||this;return t.mountingState=!1,t.attrKeys=[],t.cachedTimeOut=0,t.isAppendCalled=!1,t.initRenderCalled=!1,t.isReactForeceUpdate=!1,t.isReact=!0,t.isshouldComponentUpdateCalled=!1,t.isCreated=!1,t}return n(s,e),s.prototype.componentDidMount=function(){this.refreshChild(!0),this.canDelayUpdate=-1!==a.indexOf(this.getModuleName()),this.renderReactComponent(),this.portals&&this.portals.length&&(this.mountingState=!0,this.renderReactTemplates(),this.mountingState=!1)},s.prototype.componentDidUpdate=function(e){this.isshouldComponentUpdateCalled||!this.initRenderCalled||this.isReactForeceUpdate||e!==this.props&&(this.isshouldComponentUpdateCalled=!0,this.refreshProperties(this.props,this.props))},s.prototype.renderReactComponent=function(){var e=this.reactElement;e&&!this.isAppendCalled&&(this.isAppendCalled=!0,this.appendTo(e))},s.prototype.shouldComponentUpdate=function(e){return this.isshouldComponentUpdateCalled=!0,this.initRenderCalled?(this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(this.reactElement)),this.updateProperties(e),!0):(this.updateProperties(e,!0),!0)},s.prototype.updateProperties=function(e,t){for(var r=this,s=i.extend({},e),n=Object.keys(e),o=i.isNullOrUndefined(this.props.statelessTemplates)?i.isNullOrUndefined(this.statelessTemplateProps)?[]:this.statelessTemplateProps:this.props.statelessTemplates,a=0,p=n;a<p.length;a++){var l=p[a],h="className"===l;if("children"!==l)if(h||i.isNullOrUndefined(this.htmlattributes[""+l])||this.htmlattributes[""+l]===s[""+l]||(this.htmlattributes[""+l]=s[""+l]),this.compareValues(this.props[""+l],e[""+l]))delete s[""+l];else if(-1!==this.attrKeys.indexOf(l))if(h){this.clsName=!0;for(var c=this.props[""+l].split(" "),d=0;d<c.length;d++)this.element.classList.remove(c[parseInt(d.toString(),10)]);for(var u=s[""+l].split(" "),f=0;f<u.length;f++)this.element.classList.add(u[parseInt(f.toString(),10)])}else"disabled"===l||this.properties.hasOwnProperty(l)||delete s[""+l];else"value"===l&&e[""+l]===this[""+l]?delete s[""+l]:o.indexOf(l)>-1&&("content"===l&&"function"==typeof s[""+l]||e[""+l].toString()===this[""+l].toString())&&delete s[""+l]}s.children&&delete s.children,this.initRenderCalled&&(this.canDelayUpdate||this.props.delayUpdate)?setTimeout(function(){r.refreshProperties(s,e,t)}):this.refreshProperties(s,e,t)},s.prototype.refreshProperties=function(e,t,r){var s=i.isNullOrUndefined(this.props.statelessTemplates)?[]:this.props.statelessTemplates;Object.keys(e).length&&(r||this.processComplexTemplate(e,this),this.setProperties(e,r)),-1===s.indexOf("directiveTemplates")&&this.refreshChild(r,t)},s.prototype.processComplexTemplate=function(e,t){var r=t.complexTemplate;if(r)for(var s in r){var n=r[""+s];e[""+s]&&i.setValue(n,i.getValue(s,e),e)}},s.prototype.getDefaultAttributes=function(){var e=this;this.isReact=!0;var t=Object.keys(this.props);this.htmlattributes||(this.htmlattributes={}),this.attrKeys=o.concat(this.controlAttributes||[]);for(var r=0,i=t;r<i.length;r++){var n=i[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=""+s.reactUid,s.reactUid++)}if(this.clsName){for(var a=this.element.classList,p=this.htmlattributes.className,l=0;l<a.length;l++)-1===p.indexOf(a[parseInt(l.toString(),10)])&&(this.htmlattributes.className=this.htmlattributes.className+" "+a[parseInt(l.toString(),10)]);this.clsName=!1}return this.htmlattributes},s.prototype.trigger=function(e,t,r){var s=this;if(!0!==this.isDestroyed&&this.modelObserver){if(p.test(e)){var n=i.getValue(e,this);n?(n.call(this,t),r&&r.call(this,t)):r&&r.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(){s.isCreated=!0,s.isDestroyed||s.modelObserver.notify(e,t,r)},10):this.modelObserver.notify(e,t,r),this.isProtectedOnChange=o}},s.prototype.compareValues=function(e,t){if(typeof e===typeof t){if(e===t)return!0;if((!i.isNullOrUndefined(e)&&e.constructor)!==(!i.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(i.isObject(e)||Array.isArray(e)){var r=e,s=t;return i.isObject(r)&&(r=[e],s=[t]),this.compareObjects(r,s).status}}return!1},s.prototype.compareObjects=function(e,t,r){var s=!0,n=e.length===t.length,o=[],a=i.isNullOrUndefined(this.templateProps)?[]:this.templateProps;if(n)for(var p=0,l=t.length;p<l;p++){var h={},c=e[parseInt(p.toString(),10)],d=t[parseInt(p.toString(),10)],u=Object.keys(d);if(0!==u.length)for(var f=0,m=u;f<m.length;f++){var y=m[f],v=c[""+y],g=d[""+y];if("items"===y)for(var O=0;O<g.length;O++)if("richtexteditor"===this.getModuleName()&&"object"==typeof g[parseInt(O.toString(),10)])return{status:!0};if("grid"===this.getModuleName()&&"field"===y&&(h[""+y]=g),!c.hasOwnProperty(y)||!(a.length>0&&-1===a.indexOf(""+y)&&"function"==typeof g?this.compareValues(v.toString(),g.toString()):this.compareValues(v,g))){if(!r)return{status:!1};s=!1,h[""+y]=g}}else if(t[parseInt(p.toString(),10)]===e[parseInt(p.toString(),10)])s=!0;else{if(!r)return{status:!1};s=!1}Object.keys(h).length&&o.push({index:p,value:h,key:r})}else s=!1;return{status:s,changedProperties:o}},s.prototype.refreshChild=function(e,t){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],s=0,n=this.getInjectedServices()||[];s<n.length;s++){var o=n[s];-1===r.indexOf(o)&&r.push(o)}this.injectedModules=r}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,h=this.skipRefresh;l<h.length;l++){delete p[""+h[l]]}if(this.prevProperties)for(var c=Object.keys(this.prevProperties),d=0;d<c.length;d++){var u=c[parseInt(d.toString(),10)];if(p.hasOwnProperty(u)){var f=this.compareObjects(this.prevProperties[""+u],p[""+u],u);if(f.status)delete p[""+u];else{f.changedProperties.length&&(a=a.concat(f.changedProperties));var m={};m[""+u]=p[""+u],this.prevProperties=i.extend(this.prevProperties,m)}}}else this.prevProperties=i.extend({},p,{},!0);if(a.length)if("grid"===this.getModuleName()&&"columns"===u)for(var y=0,v=this.columns;y<v.length;y++){if(i.getValue("field",v[parseInt(y.toString(),10)])===i.getValue(y+".value.field",a)){var g=i.getValue(a[parseInt(y.toString(),10)].key+"."+a[parseInt(y.toString(),10)].index,this);g&&g.setProperties?g.setProperties(a[parseInt(y.toString(),10)].value):i.extend(g,a[parseInt(y.toString(),10)].value)}else this.setProperties(p,e)}else for(var O=0,b=a;O<b.length;O++){var C=b[O],x=i.getValue(C.key+"."+C.index,this);x&&x.setProperties?x.setProperties(C.value):i.extend(x,C.value)}else this.setProperties(p,e)}}},s.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.isCreated&&this.destroy()},s.prototype.appendReactElement=function(e,t){var i=r.createPortal(e,t);this.portals?this.portals.push(i):this.portals=[i]},s.prototype.renderReactTemplates=function(e){this.isReactForeceUpdate=!0,e?this.forceUpdate(e):this.forceUpdate(),this.isReactForeceUpdate=!1},s.prototype.clearTemplate=function(e,t,r){var s=this,n=[];e&&e.length?Array.prototype.forEach.call(e,function(e){var r=0;if(s.portals.forEach(function(t){t.propName===e&&(n.push(r),r++)}),!i.isNullOrUndefined(t)&&s.portals[t]&&s.portals[t].propName===e)s.portals.splice(t,1);else for(var o=0;o<s.portals.length;o++)s.portals[parseInt(o.toString(),10)].propName===e&&(s.portals.splice(o,1),o--)}):this.portals=[],this.renderReactTemplates(r)},s.prototype.validateChildren=function(e,r,i){for(var s=!1,n=0,o=t.Children.toArray(i.children);n<o.length;n++){var a=o[n],p=this.getChildType(a),l=r[""+p];if(p&&r){var h=this.getChildProps(t.Children.toArray(a.props.children),l);h.length&&(s=!0,e[a.type.propertyName||p]=h)}}return s?e:null},s.prototype.getChildType=function(e){return e.type&&e.type.isDirective?e.type.moduleName||"":""},s.prototype.getChildProps=function(e,t){for(var r=[],s=0,n=e;s<n.length;s++){var o=n[s],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 h=i.extend({},l,{},!0);this.processComplexTemplate(h,o.type),r.push(h)}else{var c=this.validateChildren(i.extend({},l),t[""+p],l)||l;c.children&&delete c.children,this.processComplexTemplate(c,o.type),r.push(c)}}return r},s.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[]},s.reactUid=1,s}(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)}}(),c=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)}}(),u=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),f=i.getTemplateEngine();i.setTemplateEngine({compile:s}),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=c,e.Inject=u,e.compile=s,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-base.umd.min.js.map

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

@@ -436,3 +436,2 @@ import { Children, Component, PureComponent, createElement } from 'react';
             Array.prototype.forEach.call(templateNames, (propName) => {
-                let indexCount = 0;
                 let propIndexCount = 0;
@@ -445,5 +444,5 @@ this.portals.forEach((portal) => {
                 });
-                if (!isNullOrUndefined(index) && this.portals[tempPortal[`${index}`[parseInt(indexCount.toString(), 10)]]].propName === propName) {
+                if (!isNullOrUndefined(index) && this.portals[index] && this.portals[index].propName === propName) {
                     this.portals.splice(index, 1);
-                    indexCount++;
+                    
                 }
@@ -450,0 +449,0 @@ else {

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

@@ -461,3 +461,2 @@ import { Children, Component, PureComponent, createElement } from 'react';
             Array.prototype.forEach.call(templateNames, function (propName) {
-                var indexCount = 0;
                 var propIndexCount = 0;
@@ -470,5 +469,5 @@ _this.portals.forEach(function (portal) {
                 });
-                if (!isNullOrUndefined(index) && _this.portals[tempPortal[("" + index)[parseInt(indexCount.toString(), 10)]]].propName === propName) {
+                if (!isNullOrUndefined(index) && _this.portals[index] && _this.portals[index].propName === propName) {
                     _this.portals.splice(index, 1);
-                    indexCount++;
+                    
                 }
@@ -475,0 +474,0 @@ else {

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

 /*!
 *  filename: ej2-react-base.min.js
-*  version : 21.1.38
+*  version : 21.1.41
 *  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(t,e,r,i){"use strict";function s(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){"isMounted"!==r&&"replaceState"!==r&&(t.prototype[""+r]=e.prototype[""+r])})})}function n(t,s){return"string"==typeof t?m(t,s):function(s,n,o,a){var p=t,l=s;"object"==typeof p&&(p=t.template,l=i.extend({},s,t.data||{}));var h;h=a||document.createElement("div");var c=e.createElement(p,l),d=r.createPortal(c,h);if(d.propName=o,n.portals?n.portals.push(d):n.portals=[d],!a)return[h]}}var o=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.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("]"),h=function(t){function s(){var e=null!==t&&t.apply(this,arguments)||this;return e.mountingState=!1,e.attrKeys=[],e.cachedTimeOut=0,e.isAppendCalled=!1,e.initRenderCalled=!1,e.isReactForeceUpdate=!1,e.isReact=!0,e.isshouldComponentUpdateCalled=!1,e.isCreated=!1,e}return o(s,t),s.prototype.componentDidMount=function(){this.refreshChild(!0),this.canDelayUpdate=-1!==p.indexOf(this.getModuleName()),this.renderReactComponent(),this.portals&&this.portals.length&&(this.mountingState=!0,this.renderReactTemplates(),this.mountingState=!1)},s.prototype.componentDidUpdate=function(t){this.isshouldComponentUpdateCalled||!this.initRenderCalled||this.isReactForeceUpdate||t!==this.props&&(this.isshouldComponentUpdateCalled=!0,this.refreshProperties(this.props,this.props))},s.prototype.renderReactComponent=function(){var t=this.reactElement;t&&!this.isAppendCalled&&(this.isAppendCalled=!0,this.appendTo(t))},s.prototype.shouldComponentUpdate=function(t){return this.isshouldComponentUpdateCalled=!0,this.initRenderCalled?(this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(this.reactElement)),this.updateProperties(t),!0):(this.updateProperties(t,!0),!0)},s.prototype.updateProperties=function(t,e){for(var r=this,s=i.extend({},t),n=Object.keys(t),o=i.isNullOrUndefined(this.props.statelessTemplates)?i.isNullOrUndefined(this.statelessTemplateProps)?[]:this.statelessTemplateProps:this.props.statelessTemplates,a=0,p=n;a<p.length;a++){var l=p[a],h="className"===l;if("children"!==l)if(h||i.isNullOrUndefined(this.htmlattributes[""+l])||this.htmlattributes[""+l]===s[""+l]||(this.htmlattributes[""+l]=s[""+l]),this.compareValues(this.props[""+l],t[""+l]))delete s[""+l];else if(-1!==this.attrKeys.indexOf(l))if(h){this.clsName=!0;for(var c=this.props[""+l].split(" "),d=0;d<c.length;d++)this.element.classList.remove(c[parseInt(d.toString(),10)]);for(var u=s[""+l].split(" "),f=0;f<u.length;f++)this.element.classList.add(u[parseInt(f.toString(),10)])}else"disabled"===l||this.properties.hasOwnProperty(l)||delete s[""+l];else"value"===l&&t[""+l]===this[""+l]?delete s[""+l]:o.indexOf(l)>-1&&("content"===l&&"function"==typeof s[""+l]||t[""+l].toString()===this[""+l].toString())&&delete s[""+l]}s.children&&delete s.children,this.initRenderCalled&&(this.canDelayUpdate||this.props.delayUpdate)?setTimeout(function(){r.refreshProperties(s,t,e)}):this.refreshProperties(s,t,e)},s.prototype.refreshProperties=function(t,e,r){var s=i.isNullOrUndefined(this.props.statelessTemplates)?[]:this.props.statelessTemplates;Object.keys(t).length&&(r||this.processComplexTemplate(t,this),this.setProperties(t,r)),-1===s.indexOf("directiveTemplates")&&this.refreshChild(r,e)},s.prototype.processComplexTemplate=function(t,e){var r=e.complexTemplate;if(r)for(var s in r){var n=r[""+s];t[""+s]&&i.setValue(n,i.getValue(s,t),t)}},s.prototype.getDefaultAttributes=function(){var t=this;this.isReact=!0;var e=Object.keys(this.props);this.htmlattributes||(this.htmlattributes={}),this.attrKeys=a.concat(this.controlAttributes||[]);for(var r=0,i=e;r<i.length;r++){var n=i[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(e){t.reactElement=e},-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=""+s.reactUid,s.reactUid++)),this.clsName){for(var o=this.element.classList,p=this.htmlattributes.className,l=0;l<o.length;l++)-1===p.indexOf(o[parseInt(l.toString(),10)])&&(this.htmlattributes.className=this.htmlattributes.className+" "+o[parseInt(l.toString(),10)]);this.clsName=!1}return this.htmlattributes},s.prototype.trigger=function(t,e,r){var s=this;if(!0!==this.isDestroyed&&this.modelObserver){if(l.test(t)){var n=i.getValue(t,this);n?(n.call(this,e),r&&r.call(this,e)):r&&r.call(this,e)}"change"!==t&&"input"!==t||this.props.onChange&&e.event&&this.props.onChange.call(void 0,{syntheticEvent:e.event,nativeEvent:{text:e.value},value:e.value,target:this});var o=this.isProtectedOnChange;this.isProtectedOnChange=!1,"created"===t?setTimeout(function(){s.isCreated=!0,s.isDestroyed||s.modelObserver.notify(t,e,r)},10):this.modelObserver.notify(t,e,r),this.isProtectedOnChange=o}},s.prototype.compareValues=function(t,e){if(typeof t===typeof e){if(t===e)return!0;if((!i.isNullOrUndefined(t)&&t.constructor)!==(!i.isNullOrUndefined(e)&&e.constructor))return!1;if(t instanceof Date||t instanceof RegExp||t instanceof String||t instanceof Number)return t.toString()===e.toString();if(i.isObject(t)||Array.isArray(t)){var r=t,s=e;return i.isObject(r)&&(r=[t],s=[e]),this.compareObjects(r,s).status}}return!1},s.prototype.compareObjects=function(t,e,r){var s=!0,n=t.length===e.length,o=[],a=i.isNullOrUndefined(this.templateProps)?[]:this.templateProps;if(n)for(var p=0,l=e.length;p<l;p++){var h={},c=t[parseInt(p.toString(),10)],d=e[parseInt(p.toString(),10)],u=Object.keys(d);if(0!==u.length)for(var f=0,m=u;f<m.length;f++){var y=m[f],v=c[""+y],g=d[""+y];if("items"===y)for(var O=0;O<g.length;O++)if("richtexteditor"===this.getModuleName()&&"object"==typeof g[parseInt(O.toString(),10)])return{status:!0};if("grid"===this.getModuleName()&&"field"===y&&(h[""+y]=g),!c.hasOwnProperty(y)||!(a.length>0&&-1===a.indexOf(""+y)&&"function"==typeof g?this.compareValues(v.toString(),g.toString()):this.compareValues(v,g))){if(!r)return{status:!1};s=!1,h[""+y]=g}}else if(e[parseInt(p.toString(),10)]===t[parseInt(p.toString(),10)])s=!0;else{if(!r)return{status:!1};s=!1}Object.keys(h).length&&o.push({index:p,value:h,key:r})}else s=!1;return{status:s,changedProperties:o}},s.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],s=0,n=this.getInjectedServices()||[];s<n.length;s++){var o=n[s];-1===r.indexOf(o)&&r.push(o)}this.injectedModules=r}if(this.directivekeys){var a=[],p=this.validateChildren({},this.directivekeys,e||this.props);if(p&&Object.keys(p).length){if(!t&&this.skipRefresh)for(var l=0,h=this.skipRefresh;l<h.length;l++)delete p[""+h[l]];if(this.prevProperties)for(var c=Object.keys(this.prevProperties),d=0;d<c.length;d++){var u=c[parseInt(d.toString(),10)];if(p.hasOwnProperty(u)){var f=this.compareObjects(this.prevProperties[""+u],p[""+u],u);if(f.status)delete p[""+u];else{f.changedProperties.length&&(a=a.concat(f.changedProperties));var m={};m[""+u]=p[""+u],this.prevProperties=i.extend(this.prevProperties,m)}}}else this.prevProperties=i.extend({},p,{},!0);if(a.length)if("grid"===this.getModuleName()&&"columns"===u)for(var y=0,v=this.columns;y<v.length;y++)if(i.getValue("field",v[parseInt(y.toString(),10)])===i.getValue(y+".value.field",a)){var g=i.getValue(a[parseInt(y.toString(),10)].key+"."+a[parseInt(y.toString(),10)].index,this);g&&g.setProperties?g.setProperties(a[parseInt(y.toString(),10)].value):i.extend(g,a[parseInt(y.toString(),10)].value)}else this.setProperties(p,t);else for(var O=0,b=a;O<b.length;O++){var C=b[O],P=i.getValue(C.key+"."+C.index,this);P&&P.setProperties?P.setProperties(C.value):i.extend(P,C.value)}else this.setProperties(p,t)}}},s.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var t=["dropdowntree","checkbox"];this.initRenderCalled&&this.isAppendCalled&&this.element&&(t.indexOf(this.getModuleName())||document.body.contains(this.element))&&!this.isDestroyed&&this.isCreated&&this.destroy()},s.prototype.appendReactElement=function(t,e){var i=r.createPortal(t,e);this.portals?this.portals.push(i):this.portals=[i]},s.prototype.renderReactTemplates=function(t){this.isReactForeceUpdate=!0,t?this.forceUpdate(t):this.forceUpdate(),this.isReactForeceUpdate=!1},s.prototype.clearTemplate=function(t,e,r){var s=this,n=[];t&&t.length?Array.prototype.forEach.call(t,function(t){var r=0,o=0;if(s.portals.forEach(function(e){e.propName===t&&(n.push(o),o++)}),i.isNullOrUndefined(e)||s.portals[n[(""+e)[parseInt(r.toString(),10)]]].propName!==t)for(var a=0;a<s.portals.length;a++)s.portals[parseInt(a.toString(),10)].propName===t&&(s.portals.splice(a,1),a--);else s.portals.splice(e,1),r++}):this.portals=[],this.renderReactTemplates(r)},s.prototype.validateChildren=function(t,r,i){for(var s=!1,n=0,o=e.Children.toArray(i.children);n<o.length;n++){var a=o[n],p=this.getChildType(a),l=r[""+p];if(p&&r){var h=this.getChildProps(e.Children.toArray(a.props.children),l);h.length&&(s=!0,t[a.type.propertyName||p]=h)}}return s?t:null},s.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},s.prototype.getChildProps=function(t,e){for(var r=[],s=0,n=t;s<n.length;s++){var o=n[s],a=!1,p=void 0;"string"==typeof e?(a=!0,p=e):p=Object.keys(e)[0];var l=o.props;if(this.getChildType(o)===p)if(a||!l.children){var h=i.extend({},l,{},!0);this.processComplexTemplate(h,o.type),r.push(h)}else{var c=this.validateChildren(i.extend({},l),e[""+p],l)||l;c.children&&delete c.children,this.processComplexTemplate(c,o.type),r.push(c)}}return r},s.prototype.getInjectedServices=function(){for(var t=0,r=e.Children.toArray(this.props.children);t<r.length;t++){var i=r[t];if(i.type.isService)return i.props.services}return[]},s.reactUid=1,s}(e.Component),c=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.render=function(){return null},e.isDirective=!0,e}(e.PureComponent),u=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return u(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(e.PureComponent),m=i.getTemplateEngine();return i.setTemplateEngine({compile:n}),t.ComponentBase=h,t.applyMixins=s,t.ComplexBase=d,t.Inject=f,t.compile=n,t}({},React,ReactDOM,ej.base),this.ejs=ej;
+this.ej=this.ej||{},this.ej.reactbase=function(t,e,r,i){"use strict";function s(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){"isMounted"!==r&&"replaceState"!==r&&(t.prototype[""+r]=e.prototype[""+r])})})}function n(t,s){return"string"==typeof t?m(t,s):function(s,n,o,a){var p=t,l=s;"object"==typeof p&&(p=t.template,l=i.extend({},s,t.data||{}));var h;h=a||document.createElement("div");var c=e.createElement(p,l),d=r.createPortal(c,h);if(d.propName=o,n.portals?n.portals.push(d):n.portals=[d],!a)return[h]}}var o=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.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("]"),h=function(t){function s(){var e=null!==t&&t.apply(this,arguments)||this;return e.mountingState=!1,e.attrKeys=[],e.cachedTimeOut=0,e.isAppendCalled=!1,e.initRenderCalled=!1,e.isReactForeceUpdate=!1,e.isReact=!0,e.isshouldComponentUpdateCalled=!1,e.isCreated=!1,e}return o(s,t),s.prototype.componentDidMount=function(){this.refreshChild(!0),this.canDelayUpdate=-1!==p.indexOf(this.getModuleName()),this.renderReactComponent(),this.portals&&this.portals.length&&(this.mountingState=!0,this.renderReactTemplates(),this.mountingState=!1)},s.prototype.componentDidUpdate=function(t){this.isshouldComponentUpdateCalled||!this.initRenderCalled||this.isReactForeceUpdate||t!==this.props&&(this.isshouldComponentUpdateCalled=!0,this.refreshProperties(this.props,this.props))},s.prototype.renderReactComponent=function(){var t=this.reactElement;t&&!this.isAppendCalled&&(this.isAppendCalled=!0,this.appendTo(t))},s.prototype.shouldComponentUpdate=function(t){return this.isshouldComponentUpdateCalled=!0,this.initRenderCalled?(this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(this.reactElement)),this.updateProperties(t),!0):(this.updateProperties(t,!0),!0)},s.prototype.updateProperties=function(t,e){for(var r=this,s=i.extend({},t),n=Object.keys(t),o=i.isNullOrUndefined(this.props.statelessTemplates)?i.isNullOrUndefined(this.statelessTemplateProps)?[]:this.statelessTemplateProps:this.props.statelessTemplates,a=0,p=n;a<p.length;a++){var l=p[a],h="className"===l;if("children"!==l)if(h||i.isNullOrUndefined(this.htmlattributes[""+l])||this.htmlattributes[""+l]===s[""+l]||(this.htmlattributes[""+l]=s[""+l]),this.compareValues(this.props[""+l],t[""+l]))delete s[""+l];else if(-1!==this.attrKeys.indexOf(l))if(h){this.clsName=!0;for(var c=this.props[""+l].split(" "),d=0;d<c.length;d++)this.element.classList.remove(c[parseInt(d.toString(),10)]);for(var u=s[""+l].split(" "),f=0;f<u.length;f++)this.element.classList.add(u[parseInt(f.toString(),10)])}else"disabled"===l||this.properties.hasOwnProperty(l)||delete s[""+l];else"value"===l&&t[""+l]===this[""+l]?delete s[""+l]:o.indexOf(l)>-1&&("content"===l&&"function"==typeof s[""+l]||t[""+l].toString()===this[""+l].toString())&&delete s[""+l]}s.children&&delete s.children,this.initRenderCalled&&(this.canDelayUpdate||this.props.delayUpdate)?setTimeout(function(){r.refreshProperties(s,t,e)}):this.refreshProperties(s,t,e)},s.prototype.refreshProperties=function(t,e,r){var s=i.isNullOrUndefined(this.props.statelessTemplates)?[]:this.props.statelessTemplates;Object.keys(t).length&&(r||this.processComplexTemplate(t,this),this.setProperties(t,r)),-1===s.indexOf("directiveTemplates")&&this.refreshChild(r,e)},s.prototype.processComplexTemplate=function(t,e){var r=e.complexTemplate;if(r)for(var s in r){var n=r[""+s];t[""+s]&&i.setValue(n,i.getValue(s,t),t)}},s.prototype.getDefaultAttributes=function(){var t=this;this.isReact=!0;var e=Object.keys(this.props);this.htmlattributes||(this.htmlattributes={}),this.attrKeys=a.concat(this.controlAttributes||[]);for(var r=0,i=e;r<i.length;r++){var n=i[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(e){t.reactElement=e},-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=""+s.reactUid,s.reactUid++)),this.clsName){for(var o=this.element.classList,p=this.htmlattributes.className,l=0;l<o.length;l++)-1===p.indexOf(o[parseInt(l.toString(),10)])&&(this.htmlattributes.className=this.htmlattributes.className+" "+o[parseInt(l.toString(),10)]);this.clsName=!1}return this.htmlattributes},s.prototype.trigger=function(t,e,r){var s=this;if(!0!==this.isDestroyed&&this.modelObserver){if(l.test(t)){var n=i.getValue(t,this);n?(n.call(this,e),r&&r.call(this,e)):r&&r.call(this,e)}"change"!==t&&"input"!==t||this.props.onChange&&e.event&&this.props.onChange.call(void 0,{syntheticEvent:e.event,nativeEvent:{text:e.value},value:e.value,target:this});var o=this.isProtectedOnChange;this.isProtectedOnChange=!1,"created"===t?setTimeout(function(){s.isCreated=!0,s.isDestroyed||s.modelObserver.notify(t,e,r)},10):this.modelObserver.notify(t,e,r),this.isProtectedOnChange=o}},s.prototype.compareValues=function(t,e){if(typeof t===typeof e){if(t===e)return!0;if((!i.isNullOrUndefined(t)&&t.constructor)!==(!i.isNullOrUndefined(e)&&e.constructor))return!1;if(t instanceof Date||t instanceof RegExp||t instanceof String||t instanceof Number)return t.toString()===e.toString();if(i.isObject(t)||Array.isArray(t)){var r=t,s=e;return i.isObject(r)&&(r=[t],s=[e]),this.compareObjects(r,s).status}}return!1},s.prototype.compareObjects=function(t,e,r){var s=!0,n=t.length===e.length,o=[],a=i.isNullOrUndefined(this.templateProps)?[]:this.templateProps;if(n)for(var p=0,l=e.length;p<l;p++){var h={},c=t[parseInt(p.toString(),10)],d=e[parseInt(p.toString(),10)],u=Object.keys(d);if(0!==u.length)for(var f=0,m=u;f<m.length;f++){var y=m[f],v=c[""+y],g=d[""+y];if("items"===y)for(var O=0;O<g.length;O++)if("richtexteditor"===this.getModuleName()&&"object"==typeof g[parseInt(O.toString(),10)])return{status:!0};if("grid"===this.getModuleName()&&"field"===y&&(h[""+y]=g),!c.hasOwnProperty(y)||!(a.length>0&&-1===a.indexOf(""+y)&&"function"==typeof g?this.compareValues(v.toString(),g.toString()):this.compareValues(v,g))){if(!r)return{status:!1};s=!1,h[""+y]=g}}else if(e[parseInt(p.toString(),10)]===t[parseInt(p.toString(),10)])s=!0;else{if(!r)return{status:!1};s=!1}Object.keys(h).length&&o.push({index:p,value:h,key:r})}else s=!1;return{status:s,changedProperties:o}},s.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],s=0,n=this.getInjectedServices()||[];s<n.length;s++){var o=n[s];-1===r.indexOf(o)&&r.push(o)}this.injectedModules=r}if(this.directivekeys){var a=[],p=this.validateChildren({},this.directivekeys,e||this.props);if(p&&Object.keys(p).length){if(!t&&this.skipRefresh)for(var l=0,h=this.skipRefresh;l<h.length;l++)delete p[""+h[l]];if(this.prevProperties)for(var c=Object.keys(this.prevProperties),d=0;d<c.length;d++){var u=c[parseInt(d.toString(),10)];if(p.hasOwnProperty(u)){var f=this.compareObjects(this.prevProperties[""+u],p[""+u],u);if(f.status)delete p[""+u];else{f.changedProperties.length&&(a=a.concat(f.changedProperties));var m={};m[""+u]=p[""+u],this.prevProperties=i.extend(this.prevProperties,m)}}}else this.prevProperties=i.extend({},p,{},!0);if(a.length)if("grid"===this.getModuleName()&&"columns"===u)for(var y=0,v=this.columns;y<v.length;y++)if(i.getValue("field",v[parseInt(y.toString(),10)])===i.getValue(y+".value.field",a)){var g=i.getValue(a[parseInt(y.toString(),10)].key+"."+a[parseInt(y.toString(),10)].index,this);g&&g.setProperties?g.setProperties(a[parseInt(y.toString(),10)].value):i.extend(g,a[parseInt(y.toString(),10)].value)}else this.setProperties(p,t);else for(var O=0,b=a;O<b.length;O++){var C=b[O],P=i.getValue(C.key+"."+C.index,this);P&&P.setProperties?P.setProperties(C.value):i.extend(P,C.value)}else this.setProperties(p,t)}}},s.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var t=["dropdowntree","checkbox"];this.initRenderCalled&&this.isAppendCalled&&this.element&&(t.indexOf(this.getModuleName())||document.body.contains(this.element))&&!this.isDestroyed&&this.isCreated&&this.destroy()},s.prototype.appendReactElement=function(t,e){var i=r.createPortal(t,e);this.portals?this.portals.push(i):this.portals=[i]},s.prototype.renderReactTemplates=function(t){this.isReactForeceUpdate=!0,t?this.forceUpdate(t):this.forceUpdate(),this.isReactForeceUpdate=!1},s.prototype.clearTemplate=function(t,e,r){var s=this,n=[];t&&t.length?Array.prototype.forEach.call(t,function(t){var r=0;if(s.portals.forEach(function(e){e.propName===t&&(n.push(r),r++)}),!i.isNullOrUndefined(e)&&s.portals[e]&&s.portals[e].propName===t)s.portals.splice(e,1);else for(var o=0;o<s.portals.length;o++)s.portals[parseInt(o.toString(),10)].propName===t&&(s.portals.splice(o,1),o--)}):this.portals=[],this.renderReactTemplates(r)},s.prototype.validateChildren=function(t,r,i){for(var s=!1,n=0,o=e.Children.toArray(i.children);n<o.length;n++){var a=o[n],p=this.getChildType(a),l=r[""+p];if(p&&r){var h=this.getChildProps(e.Children.toArray(a.props.children),l);h.length&&(s=!0,t[a.type.propertyName||p]=h)}}return s?t:null},s.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},s.prototype.getChildProps=function(t,e){for(var r=[],s=0,n=t;s<n.length;s++){var o=n[s],a=!1,p=void 0;"string"==typeof e?(a=!0,p=e):p=Object.keys(e)[0];var l=o.props;if(this.getChildType(o)===p)if(a||!l.children){var h=i.extend({},l,{},!0);this.processComplexTemplate(h,o.type),r.push(h)}else{var c=this.validateChildren(i.extend({},l),e[""+p],l)||l;c.children&&delete c.children,this.processComplexTemplate(c,o.type),r.push(c)}}return r},s.prototype.getInjectedServices=function(){for(var t=0,r=e.Children.toArray(this.props.children);t<r.length;t++){var i=r[t];if(i.type.isService)return i.props.services}return[]},s.reactUid=1,s}(e.Component),c=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.render=function(){return null},e.isDirective=!0,e}(e.PureComponent),u=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return u(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(e.PureComponent),m=i.getTemplateEngine();return i.setTemplateEngine({compile:n}),t.ComponentBase=h,t.applyMixins=s,t.ComplexBase=d,t.Inject=f,t.compile=n,t}({},React,ReactDOM,ej.base),this.ejs=ej;
 //# sourceMappingURL=ej2-react-base.min.js.map

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 21.1.38
+*  version : 21.1.41
 *  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@21.1.37",
+  "_id": "@syncfusion/ej2-react-base@21.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-8nhiMEN2Df4opfJt5qHArEy4M4tUfMtYKWOQ/oWC0y3ASNQ89Wp3LmDwb717ApjPuuAvJIpiZR0jEg+KvRdymw==",
+  "_integrity": "sha512-QZ+OzmiLOqHwrBDfjZZRNUaJ7jfndD3dkeesIxcr0lvLLuXhVifuyOla2Z/Juv7XGn2lE0RsNugZTJmLPJImNA==",
   "_location": "/@syncfusion/ej2-react-base",
@@ -23,17 +23,22 @@ "_phantomChildren": {},
     "/@syncfusion/ej2-react-charts",
-    "/@syncfusion/ej2-react-circulargauge",
     "/@syncfusion/ej2-react-documenteditor",
     "/@syncfusion/ej2-react-dropdowns",
+    "/@syncfusion/ej2-react-filemanager",
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-react-grids",
-    "/@syncfusion/ej2-react-inputs",
+    "/@syncfusion/ej2-react-heatmap",
+    "/@syncfusion/ej2-react-image-editor",
+    "/@syncfusion/ej2-react-lists",
     "/@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-splitbuttons",
     "/@syncfusion/ej2-react-spreadsheet",
     "/@syncfusion/ej2-react-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-base/-/ej2-react-base-21.1.37.tgz",
-  "_shasum": "3b7158fe28595ede2e4e31b921f63d9237f5ee47",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-base/-/ej2-react-base-21.1.38.tgz",
+  "_shasum": "de1f6173bdb32d7acaf0379adbda3a94289c5095",
   "_spec": "@syncfusion/ej2-react-base@*",
@@ -49,3 +54,3 @@ "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.1.38"
+    "@syncfusion/ej2-base": "~21.1.40"
   },
@@ -76,4 +81,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "21.1.38",
+  "version": "21.1.41",
   "sideEffects": true
 }

src/component-base.js

@@ -473,3 +473,3 @@ var __extends = (this && this.__extends) || (function () {
                 });
-                if (!isNullOrUndefined(index) && _this.portals[tempPortal[("" + index)[parseInt(indexCount.toString(), 10)]]].propName === propName) {
+                if (!isNullOrUndefined(index) && _this.portals[index] && _this.portals[index].propName === propName) {
                     _this.portals.splice(index, 1);
@@ -476,0 +476,0 @@ indexCount++;

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

Worsened metrics

Total package byte prevSize

351196

decreased by-0.09%

Lines of code

2673

decreased by-0.15%

Dependency changes

• Updated@syncfusion/ej2-base@~21.1.40