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

Comparing version 23.2.5 to 24.1.41

CHANGELOG.md

@@ -9,2 +9,11 @@ # Changelog
 
+- `#I517152` - The issue with "the component undergoes a re-render when the state variable is updated, even if it is not being utilized" has been resolved.
+- The React package size is minimised by removing redundant styles.
+
+## 23.2.5 (2023-11-23)
+
+### Common
+
+#### Bug Fixes
+
 - Resolved component's compilation issue.
@@ -11,0 +20,0 @@

dist/ej2-react-base.min.js

 /*!
 *  filename: ej2-react-base.min.js
-*  version : 23.2.5
+*  version : 24.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. 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++,this.type&&!this.htmlattributes.type&&(this.htmlattributes.type=this.multiline?"hidden":this.type),this.name&&!this.htmlattributes.name&&(this.htmlattributes.name=this.name))}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}if(t.constructor&&t.constructor.name===e.constructor.name&&("Query"===t.constructor.name||"DataManager"===t.constructor.name)&&JSON.stringify(t)===JSON.stringify(e))return!0}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}"grid"===this.getModuleName()&&"columns"===i&&r.i(s.isNullOrUndefined)(h.field)&&(h.field=void 0),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 N=j[S],_=r.i(s.getValue)(N.key+"."+N.index,this);_&&_.setProperties?_.setProperties(N.value):r.i(s.extend)(_,N.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(),s.onIntlChange.offIntlEvents()},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&&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||t.prototype&&t.prototype.CSPTemplate&&"function"==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.updateProperties(this.props,!1,t))},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,i){for(var n=this,o=r.i(s.extend)({},t),a=Object.keys(t),p=r.i(s.extend)({},i||this.props),l=r.i(s.isNullOrUndefined)(p.statelessTemplates)?r.i(s.isNullOrUndefined)(this.statelessTemplateProps)?[]:this.statelessTemplateProps:p.statelessTemplates,c=0,u=a;c<u.length;c++){var h=u[c],d="className"===h;if("children"!==h)if(d||r.i(s.isNullOrUndefined)(this.htmlattributes[""+h])||this.htmlattributes[""+h]===o[""+h]||(this.htmlattributes[""+h]=o[""+h]),this.compareValues(p[""+h],t[""+h]))delete o[""+h];else if(-1!==this.attrKeys.indexOf(h))if(d){this.clsName=!0;for(var f=p[""+h].split(" "),m=0;m<f.length;m++)this.element.classList.remove(f[parseInt(m.toString(),10)]);for(var y=o[""+h].split(" "),v=0;v<y.length;v++)this.element.classList.add(y[parseInt(v.toString(),10)])}else"disabled"===h||this.properties.hasOwnProperty(h)||delete o[""+h];else"value"===h&&t[""+h]===this[""+h]?delete o[""+h]:l.indexOf(h)>-1&&("content"===h&&"function"==typeof o[""+h]||t[""+h].toString()===this[""+h].toString())&&delete o[""+h]}o.children&&delete o.children,this.initRenderCalled&&(this.canDelayUpdate||p.delayUpdate)?setTimeout(function(){n.refreshProperties(o,t,e)}):this.refreshProperties(o,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)||-1===Object.keys(this.properties).indexOf(""+s)&&-1===s.indexOf("children"))&&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","rating"].indexOf(this.getModuleName())&&(this.htmlattributes.key=""+e.reactUid,e.reactUid++,this.type&&!this.htmlattributes.type&&(this.htmlattributes.type=this.multiline?"hidden":this.type),this.name&&!this.htmlattributes.name&&(this.htmlattributes.name=this.name))}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}if(t.constructor&&t.constructor.name===e.constructor.name&&("Query"===t.constructor.name||"DataManager"===t.constructor.name)&&JSON.stringify(t)===JSON.stringify(e))return!0}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 u={},h=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=h[""+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&&(u[""+v]=O),!h.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,u[""+v]=O}}else if(e[parseInt(l.toString(),10)]===t[parseInt(l.toString(),10)])n=!0;else{if(!i)return{status:!1};n=!1}"grid"===this.getModuleName()&&"columns"===i&&r.i(s.isNullOrUndefined)(u.field)&&(u.field=void 0),Object.keys(u).length&&a.push({index:l,value:u,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 u=0,h=this.skipRefresh;u<h.length;u++){var d=h[u];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 N=j[S],_=r.i(s.getValue)(N.key+"."+N.index,this);_&&_.setProperties?_.setProperties(N.value):r.i(s.extend)(_,N.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(),s.onIntlChange.offIntlEvents()},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 u=this.getChildProps(i.Children.toArray(p.props.children),c);u.length&&(n=!0,t[p.type.propertyName||l]=u)}}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 u=r.i(s.extend)({},c,{},!0);this.processComplexTemplate(u,a.type),i.push(u)}else{var h=this.validateChildren(r.i(s.extend)({},c),e[""+l],c)||c;h.children&&delete h.children,this.processComplexTemplate(h,a.type),i.push(h)}}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&&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||t.prototype&&t.prototype.CSPTemplate&&"function"==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 u;u=p||document.createElement("div");var h=o.createElement(l,c),d=s.createPortal(h,u);if(d.propName=a,i.portals?i.portals.push(d):i.portals=[d],!p)return[u]}}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 : 23.2.5
+*  version : 24.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("react-dom"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","@syncfusion/ej2-base"],e):e(t.ej={},t.React,t.ReactDOM,t.ej2Base)}(this,function(t,e,r,i){"use strict";function s(t,s){return"string"==typeof t||t.prototype&&t.prototype.CSPTemplate&&"function"==typeof t?f(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),u=r.createPortal(c,h);if(u.propName=o,n.portals?n.portals.push(u):n.portals=[u],!a)return[h]}}var n=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)}}(),o=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],a=["accordion","tab","splitter"],p=new RegExp("]"),l=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 n(s,t),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(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(" "),u=0;u<c.length;u++)this.element.classList.remove(c[parseInt(u.toString(),10)]);for(var d=s[""+l].split(" "),f=0;f<d.length;f++)this.element.classList.add(d[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=o.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.type&&!this.htmlattributes.type&&(this.htmlattributes.type=this.multiline?"hidden":this.type),this.name&&!this.htmlattributes.name&&(this.htmlattributes.name=this.name))}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(t,e,r){var s=this;if(!0!==this.isDestroyed&&this.modelObserver){if(p.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}if(t.constructor&&t.constructor.name===e.constructor.name&&("Query"===t.constructor.name||"DataManager"===t.constructor.name)&&JSON.stringify(t)===JSON.stringify(e))return!0}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)],u=e[parseInt(p.toString(),10)],d=Object.keys(u);if(0!==d.length)for(var f=0,m=d;f<m.length;f++){var y=m[f],g=c[""+y],v=u[""+y];if("items"===y)for(var O=0;O<v.length;O++)if("richtexteditor"===this.getModuleName()&&"object"==typeof v[parseInt(O.toString(),10)])return{status:!0};if("grid"===this.getModuleName()&&"field"===y&&(h[""+y]=v),!c.hasOwnProperty(y)||!(a.length>0&&-1===a.indexOf(""+y)&&"function"==typeof v?this.compareValues(g.toString(),v.toString()):this.compareValues(g,v))){if(!r)return{status:!1};s=!1,h[""+y]=v}}else if(e[parseInt(p.toString(),10)]===t[parseInt(p.toString(),10)])s=!0;else{if(!r)return{status:!1};s=!1}"grid"===this.getModuleName()&&"columns"===r&&i.isNullOrUndefined(h.field)&&(h.field=void 0),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),u=0;u<c.length;u++){var d=c[parseInt(u.toString(),10)];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 m={};m[""+d]=p[""+d],this.prevProperties=i.extend(this.prevProperties,m)}}}else this.prevProperties=i.extend({},p,{},!0);if(a.length)if("grid"===this.getModuleName()&&"columns"===d)for(var y=0,g=this.columns;y<g.length;y++){if(i.getValue("field",g[parseInt(y.toString(),10)])===i.getValue(y+".value.field",a)){var v=i.getValue(a[parseInt(y.toString(),10)].key+"."+a[parseInt(y.toString(),10)].index,this);v&&v.setProperties?v.setProperties(a[parseInt(y.toString(),10)].value):i.extend(v,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],x=i.getValue(C.key+"."+C.index,this);x&&x.setProperties?x.setProperties(C.value):i.extend(x,C.value)}else this.setProperties(p,t)}}},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(),i.onIntlChange.offIntlEvents()},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&&i.type.isService)return i.props.services}return[]},s.reactUid=1,s}(e.Component),h=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)}}(),c=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return h(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)}}(),d=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),f=i.getTemplateEngine();i.setTemplateEngine({compile:s}),t.ComponentBase=l,t.applyMixins=function(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){"isMounted"!==r&&"replaceState"!==r&&(t.prototype[""+r]=e.prototype[""+r])})})},t.ComplexBase=c,t.Inject=d,t.compile=s,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("react-dom"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","@syncfusion/ej2-base"],e):e(t.ej={},t.React,t.ReactDOM,t.ej2Base)}(this,function(t,e,r,i){"use strict";function s(t,s){return"string"==typeof t||t.prototype&&t.prototype.CSPTemplate&&"function"==typeof t?f(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 n=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)}}(),o=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],a=["accordion","tab","splitter"],p=new RegExp("]"),l=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 n(s,t),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(t){this.isshouldComponentUpdateCalled||!this.initRenderCalled||this.isReactForeceUpdate||t!==this.props&&(this.isshouldComponentUpdateCalled=!0,this.updateProperties(this.props,!1,t))},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,r){for(var s=this,n=i.extend({},t),o=Object.keys(t),a=i.extend({},r||this.props),p=i.isNullOrUndefined(a.statelessTemplates)?i.isNullOrUndefined(this.statelessTemplateProps)?[]:this.statelessTemplateProps:a.statelessTemplates,l=0,h=o;l<h.length;l++){var c=h[l],d="className"===c;if("children"!==c)if(d||i.isNullOrUndefined(this.htmlattributes[""+c])||this.htmlattributes[""+c]===n[""+c]||(this.htmlattributes[""+c]=n[""+c]),this.compareValues(a[""+c],t[""+c]))delete n[""+c];else if(-1!==this.attrKeys.indexOf(c))if(d){this.clsName=!0;for(var u=a[""+c].split(" "),f=0;f<u.length;f++)this.element.classList.remove(u[parseInt(f.toString(),10)]);for(var m=n[""+c].split(" "),y=0;y<m.length;y++)this.element.classList.add(m[parseInt(y.toString(),10)])}else"disabled"===c||this.properties.hasOwnProperty(c)||delete n[""+c];else"value"===c&&t[""+c]===this[""+c]?delete n[""+c]:p.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||a.delayUpdate)?setTimeout(function(){s.refreshProperties(n,t,e)}):this.refreshProperties(n,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=o.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)||-1===Object.keys(this.properties).indexOf(""+n)&&-1===n.indexOf("children"))&&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","rating"].indexOf(this.getModuleName())&&(this.htmlattributes.key=""+s.reactUid,s.reactUid++,this.type&&!this.htmlattributes.type&&(this.htmlattributes.type=this.multiline?"hidden":this.type),this.name&&!this.htmlattributes.name&&(this.htmlattributes.name=this.name))}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(t,e,r){var s=this;if(!0!==this.isDestroyed&&this.modelObserver){if(p.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}if(t.constructor&&t.constructor.name===e.constructor.name&&("Query"===t.constructor.name||"DataManager"===t.constructor.name)&&JSON.stringify(t)===JSON.stringify(e))return!0}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],g=c[""+y],v=d[""+y];if("items"===y)for(var O=0;O<v.length;O++)if("richtexteditor"===this.getModuleName()&&"object"==typeof v[parseInt(O.toString(),10)])return{status:!0};if("grid"===this.getModuleName()&&"field"===y&&(h[""+y]=v),!c.hasOwnProperty(y)||!(a.length>0&&-1===a.indexOf(""+y)&&"function"==typeof v?this.compareValues(g.toString(),v.toString()):this.compareValues(g,v))){if(!r)return{status:!1};s=!1,h[""+y]=v}}else if(e[parseInt(p.toString(),10)]===t[parseInt(p.toString(),10)])s=!0;else{if(!r)return{status:!1};s=!1}"grid"===this.getModuleName()&&"columns"===r&&i.isNullOrUndefined(h.field)&&(h.field=void 0),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,g=this.columns;y<g.length;y++){if(i.getValue("field",g[parseInt(y.toString(),10)])===i.getValue(y+".value.field",a)){var v=i.getValue(a[parseInt(y.toString(),10)].key+"."+a[parseInt(y.toString(),10)].index,this);v&&v.setProperties?v.setProperties(a[parseInt(y.toString(),10)].value):i.extend(v,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],x=i.getValue(C.key+"."+C.index,this);x&&x.setProperties?x.setProperties(C.value):i.extend(x,C.value)}else this.setProperties(p,t)}}},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(),i.onIntlChange.offIntlEvents()},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&&i.type.isService)return i.props.services}return[]},s.reactUid=1,s}(e.Component),h=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)}}(),c=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return h(e,t),e.prototype.render=function(){return null},e.isDirective=!0,e}(e.PureComponent),d=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)}}(),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return d(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(e.PureComponent),f=i.getTemplateEngine();i.setTemplateEngine({compile:s}),t.ComponentBase=l,t.applyMixins=function(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){"isMounted"!==r&&"replaceState"!==r&&(t.prototype[""+r]=e.prototype[""+r])})})},t.ComplexBase=c,t.Inject=u,t.compile=s,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-base.umd.min.js.map

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

@@ -48,3 +48,3 @@ import { Children, Component, PureComponent, createElement } from 'react';
                 this.isshouldComponentUpdateCalled = true;
-                this.refreshProperties(this.props, this.props);
+                this.updateProperties(this.props, false, prev);
             }
@@ -83,7 +83,8 @@ }
      */
-    updateProperties(nextProps, silent) {
+    updateProperties(nextProps, silent, prev) {
         let dProps = extend({}, nextProps);
         let keys = Object.keys(nextProps);
+        let prevProps = extend({}, prev || this.props);
         // The statelessTemplates props value is taken from sample level property or default component property.
-        let statelessTemplates = !isNullOrUndefined(this.props['statelessTemplates']) ? this.props['statelessTemplates'] :
+        let statelessTemplates = !isNullOrUndefined(prevProps['statelessTemplates']) ? prevProps['statelessTemplates'] :
             (!isNullOrUndefined(this['statelessTemplateProps']) ? this['statelessTemplateProps'] : []);
@@ -99,3 +100,3 @@ for (let propkey of keys) {
             }
-            if (this.compareValues(this.props[`${propkey}`], nextProps[`${propkey}`])) {
+            if (this.compareValues(prevProps[`${propkey}`], nextProps[`${propkey}`])) {
                 delete dProps[`${propkey}`];
@@ -106,3 +107,3 @@ }
                     this.clsName = true;
-                    let propsClsName = this.props[`${propkey}`].split(' ');
+                    let propsClsName = prevProps[`${propkey}`].split(' ');
                     for (let i = 0; i < propsClsName.length; i++) {
@@ -131,3 +132,3 @@ this.element.classList.remove(propsClsName[parseInt(i.toString(), 10)]);
         // tslint:disable-next-line:no-any
-        if (this.initRenderCalled && (this.canDelayUpdate || this.props.delayUpdate)) {
+        if (this.initRenderCalled && (this.canDelayUpdate || prevProps.delayUpdate)) {
             setTimeout(() => {
@@ -173,3 +174,3 @@ this.refreshProperties(dProps, nextProps, silent);
         for (let prop of propKeys) {
-            if (prop.indexOf('data-') !== -1 || prop.indexOf('aria-') !== -1 || this.attrKeys.indexOf(prop) !== -1) {
+            if (prop.indexOf('data-') !== -1 || prop.indexOf('aria-') !== -1 || this.attrKeys.indexOf(prop) !== -1 || (Object.keys(this.properties).indexOf(`${prop}`) === -1 && prop.indexOf('children') === -1)) {
                 if (this.htmlattributes[`${prop}`] !== this.props[`${prop}`]) {
@@ -187,3 +188,3 @@ this.htmlattributes[`${prop}`] = this.props[`${prop}`];
                 'listbox', 'colorpicker', 'numerictextbox', 'textbox',
-                'uploader', 'maskedtextbox', 'slider', 'datepicker', 'datetimepicker', 'daterangepicker', 'timepicker', 'checkbox', 'switch', 'radio'];
+                'uploader', 'maskedtextbox', 'slider', 'datepicker', 'datetimepicker', 'daterangepicker', 'timepicker', 'checkbox', 'switch', 'radio', 'rating'];
             if (keycompoentns.indexOf(this.getModuleName()) !== -1) {
@@ -190,0 +191,0 @@ this.htmlattributes.key = '' + ComponentBase.reactUid;

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

@@ -63,3 +63,3 @@ import { Children, Component, PureComponent, createElement } from 'react';
                 this.isshouldComponentUpdateCalled = true;
-                this.refreshProperties(this.props, this.props);
+                this.updateProperties(this.props, false, prev);
             }
@@ -98,8 +98,9 @@ }
      */
-    ComponentBase.prototype.updateProperties = function (nextProps, silent) {
+    ComponentBase.prototype.updateProperties = function (nextProps, silent, prev) {
         var _this = this;
         var dProps = extend({}, nextProps);
         var keys = Object.keys(nextProps);
+        var prevProps = extend({}, prev || this.props);
         // The statelessTemplates props value is taken from sample level property or default component property.
-        var statelessTemplates = !isNullOrUndefined(this.props['statelessTemplates']) ? this.props['statelessTemplates'] :
+        var statelessTemplates = !isNullOrUndefined(prevProps['statelessTemplates']) ? prevProps['statelessTemplates'] :
             (!isNullOrUndefined(this['statelessTemplateProps']) ? this['statelessTemplateProps'] : []);
@@ -116,3 +117,3 @@ for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
             }
-            if (this.compareValues(this.props["" + propkey], nextProps["" + propkey])) {
+            if (this.compareValues(prevProps["" + propkey], nextProps["" + propkey])) {
                 delete dProps["" + propkey];
@@ -123,3 +124,3 @@ }
                     this.clsName = true;
-                    var propsClsName = this.props["" + propkey].split(' ');
+                    var propsClsName = prevProps["" + propkey].split(' ');
                     for (var i = 0; i < propsClsName.length; i++) {
@@ -148,3 +149,3 @@ this.element.classList.remove(propsClsName[parseInt(i.toString(), 10)]);
         // tslint:disable-next-line:no-any
-        if (this.initRenderCalled && (this.canDelayUpdate || this.props.delayUpdate)) {
+        if (this.initRenderCalled && (this.canDelayUpdate || prevProps.delayUpdate)) {
             setTimeout(function () {
@@ -192,3 +193,3 @@ _this.refreshProperties(dProps, nextProps, silent);
             var prop = propKeys_1[_i];
-            if (prop.indexOf('data-') !== -1 || prop.indexOf('aria-') !== -1 || this.attrKeys.indexOf(prop) !== -1) {
+            if (prop.indexOf('data-') !== -1 || prop.indexOf('aria-') !== -1 || this.attrKeys.indexOf(prop) !== -1 || (Object.keys(this.properties).indexOf("" + prop) === -1 && prop.indexOf('children') === -1)) {
                 if (this.htmlattributes["" + prop] !== this.props["" + prop]) {
@@ -206,3 +207,3 @@ this.htmlattributes["" + prop] = this.props["" + prop];
                 'listbox', 'colorpicker', 'numerictextbox', 'textbox',
-                'uploader', 'maskedtextbox', 'slider', 'datepicker', 'datetimepicker', 'daterangepicker', 'timepicker', 'checkbox', 'switch', 'radio'];
+                'uploader', 'maskedtextbox', 'slider', 'datepicker', 'datetimepicker', 'daterangepicker', 'timepicker', 'checkbox', 'switch', 'radio', 'rating'];
             if (keycompoentns.indexOf(this.getModuleName()) !== -1) {
@@ -209,0 +210,0 @@ this.htmlattributes.key = '' + ComponentBase.reactUid;

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

 /*!
 *  filename: ej2-react-base.min.js
-*  version : 23.2.5
+*  version : 24.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. 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||t.prototype&&t.prototype.CSPTemplate&&"function"==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),u=r.createPortal(c,h);if(u.propName=o,n.portals?n.portals.push(u):n.portals=[u],!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(" "),u=0;u<c.length;u++)this.element.classList.remove(c[parseInt(u.toString(),10)]);for(var d=s[""+l].split(" "),f=0;f<d.length;f++)this.element.classList.add(d[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.type&&!this.htmlattributes.type&&(this.htmlattributes.type=this.multiline?"hidden":this.type),this.name&&!this.htmlattributes.name&&(this.htmlattributes.name=this.name))),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}if(t.constructor&&t.constructor.name===e.constructor.name&&("Query"===t.constructor.name||"DataManager"===t.constructor.name)&&JSON.stringify(t)===JSON.stringify(e))return!0}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)],u=e[parseInt(p.toString(),10)],d=Object.keys(u);if(0!==d.length)for(var f=0,m=d;f<m.length;f++){var y=m[f],g=c[""+y],v=u[""+y];if("items"===y)for(var O=0;O<v.length;O++)if("richtexteditor"===this.getModuleName()&&"object"==typeof v[parseInt(O.toString(),10)])return{status:!0};if("grid"===this.getModuleName()&&"field"===y&&(h[""+y]=v),!c.hasOwnProperty(y)||!(a.length>0&&-1===a.indexOf(""+y)&&"function"==typeof v?this.compareValues(g.toString(),v.toString()):this.compareValues(g,v))){if(!r)return{status:!1};s=!1,h[""+y]=v}}else if(e[parseInt(p.toString(),10)]===t[parseInt(p.toString(),10)])s=!0;else{if(!r)return{status:!1};s=!1}"grid"===this.getModuleName()&&"columns"===r&&i.isNullOrUndefined(h.field)&&(h.field=void 0),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),u=0;u<c.length;u++){var d=c[parseInt(u.toString(),10)];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 m={};m[""+d]=p[""+d],this.prevProperties=i.extend(this.prevProperties,m)}}}else this.prevProperties=i.extend({},p,{},!0);if(a.length)if("grid"===this.getModuleName()&&"columns"===d)for(var y=0,g=this.columns;y<g.length;y++)if(i.getValue("field",g[parseInt(y.toString(),10)])===i.getValue(y+".value.field",a)){var v=i.getValue(a[parseInt(y.toString(),10)].key+"."+a[parseInt(y.toString(),10)].index,this);v&&v.setProperties?v.setProperties(a[parseInt(y.toString(),10)].value):i.extend(v,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(),i.onIntlChange.offIntlEvents()},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&&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)}}(),u=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),d=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 d(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=u,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||t.prototype&&t.prototype.CSPTemplate&&"function"==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.updateProperties(this.props,!1,t))},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,r){for(var s=this,n=i.extend({},t),o=Object.keys(t),a=i.extend({},r||this.props),p=i.isNullOrUndefined(a.statelessTemplates)?i.isNullOrUndefined(this.statelessTemplateProps)?[]:this.statelessTemplateProps:a.statelessTemplates,l=0,h=o;l<h.length;l++){var c=h[l],d="className"===c;if("children"!==c)if(d||i.isNullOrUndefined(this.htmlattributes[""+c])||this.htmlattributes[""+c]===n[""+c]||(this.htmlattributes[""+c]=n[""+c]),this.compareValues(a[""+c],t[""+c]))delete n[""+c];else if(-1!==this.attrKeys.indexOf(c))if(d){this.clsName=!0;for(var u=a[""+c].split(" "),f=0;f<u.length;f++)this.element.classList.remove(u[parseInt(f.toString(),10)]);for(var m=n[""+c].split(" "),y=0;y<m.length;y++)this.element.classList.add(m[parseInt(y.toString(),10)])}else"disabled"===c||this.properties.hasOwnProperty(c)||delete n[""+c];else"value"===c&&t[""+c]===this[""+c]?delete n[""+c]:p.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||a.delayUpdate)?setTimeout(function(){s.refreshProperties(n,t,e)}):this.refreshProperties(n,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)||-1===Object.keys(this.properties).indexOf(""+n)&&-1===n.indexOf("children"))&&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","rating"].indexOf(this.getModuleName())&&(this.htmlattributes.key=""+s.reactUid,s.reactUid++,this.type&&!this.htmlattributes.type&&(this.htmlattributes.type=this.multiline?"hidden":this.type),this.name&&!this.htmlattributes.name&&(this.htmlattributes.name=this.name))),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}if(t.constructor&&t.constructor.name===e.constructor.name&&("Query"===t.constructor.name||"DataManager"===t.constructor.name)&&JSON.stringify(t)===JSON.stringify(e))return!0}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],g=c[""+y],v=d[""+y];if("items"===y)for(var O=0;O<v.length;O++)if("richtexteditor"===this.getModuleName()&&"object"==typeof v[parseInt(O.toString(),10)])return{status:!0};if("grid"===this.getModuleName()&&"field"===y&&(h[""+y]=v),!c.hasOwnProperty(y)||!(a.length>0&&-1===a.indexOf(""+y)&&"function"==typeof v?this.compareValues(g.toString(),v.toString()):this.compareValues(g,v))){if(!r)return{status:!1};s=!1,h[""+y]=v}}else if(e[parseInt(p.toString(),10)]===t[parseInt(p.toString(),10)])s=!0;else{if(!r)return{status:!1};s=!1}"grid"===this.getModuleName()&&"columns"===r&&i.isNullOrUndefined(h.field)&&(h.field=void 0),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,g=this.columns;y<g.length;y++)if(i.getValue("field",g[parseInt(y.toString(),10)])===i.getValue(y+".value.field",a)){var v=i.getValue(a[parseInt(y.toString(),10)].key+"."+a[parseInt(y.toString(),10)].index,this);v&&v.setProperties?v.setProperties(a[parseInt(y.toString(),10)].value):i.extend(v,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],x=i.getValue(C.key+"."+C.index,this);x&&x.setProperties?x.setProperties(C.value):i.extend(x,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(),i.onIntlChange.offIntlEvents()},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&&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 : 23.2.5
+*  version : 24.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@23.2.4",
+  "_id": "@syncfusion/ej2-react-base@17.33.0",
   "_inBundle": false,
-  "_integrity": "sha512-j8ESvkj+njF0McoSDJlp5UA5u2gWRb/OChloTJAdgt0PUpTFYPaEEFxOs0PInbYWtNKPr/ePT24ZAi25IaeiHQ==",
+  "_integrity": "sha512-JFRDIgK5fvzZR604cImIF+Pi4wdWNNW1dlk6h39P6YyHx+YxNntS5ksNGbBFBjnBS+vE4vQIXJXqq+yw1aCtRQ==",
   "_location": "/@syncfusion/ej2-react-base",
@@ -22,8 +22,21 @@ "_phantomChildren": {},
     "/@syncfusion/ej2-react-barcode-generator",
+    "/@syncfusion/ej2-react-buttons",
+    "/@syncfusion/ej2-react-calendars",
     "/@syncfusion/ej2-react-charts",
+    "/@syncfusion/ej2-react-circulargauge",
+    "/@syncfusion/ej2-react-diagrams",
     "/@syncfusion/ej2-react-documenteditor",
     "/@syncfusion/ej2-react-dropdowns",
+    "/@syncfusion/ej2-react-filemanager",
     "/@syncfusion/ej2-react-gantt",
+    "/@syncfusion/ej2-react-grids",
+    "/@syncfusion/ej2-react-heatmap",
     "/@syncfusion/ej2-react-image-editor",
     "/@syncfusion/ej2-react-inplace-editor",
+    "/@syncfusion/ej2-react-inputs",
+    "/@syncfusion/ej2-react-kanban",
+    "/@syncfusion/ej2-react-layouts",
+    "/@syncfusion/ej2-react-lineargauge",
+    "/@syncfusion/ej2-react-lists",
+    "/@syncfusion/ej2-react-maps",
     "/@syncfusion/ej2-react-navigations",
@@ -33,11 +46,17 @@ "/@syncfusion/ej2-react-notifications",
     "/@syncfusion/ej2-react-pivotview",
+    "/@syncfusion/ej2-react-popups",
     "/@syncfusion/ej2-react-progressbar",
+    "/@syncfusion/ej2-react-querybuilder",
     "/@syncfusion/ej2-react-ribbon",
     "/@syncfusion/ej2-react-richtexteditor",
-    "/@syncfusion/ej2-react-spreadsheet"
+    "/@syncfusion/ej2-react-schedule",
+    "/@syncfusion/ej2-react-splitbuttons",
+    "/@syncfusion/ej2-react-spreadsheet",
+    "/@syncfusion/ej2-react-treegrid",
+    "/@syncfusion/ej2-react-treemap"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-base/-/ej2-react-base-23.2.4.tgz",
-  "_shasum": "33e9eef51552333d01175c9a47eadbb49cd9315e",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-base/-/ej2-react-base-17.33.0.tgz",
+  "_shasum": "af55abadc43547546bbcc455923871a36a8e7344",
   "_spec": "@syncfusion/ej2-react-base@*",
-  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -51,3 +70,3 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.2.4"
+    "@syncfusion/ej2-base": "~24.1.41"
   },
@@ -78,4 +97,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "23.2.5",
+  "version": "24.1.41",
   "sideEffects": true
 }

src/component-base.js

@@ -63,3 +63,3 @@ var __extends = (this && this.__extends) || (function () {
                 this.isshouldComponentUpdateCalled = true;
-                this.refreshProperties(this.props, this.props);
+                this.updateProperties(this.props, false, prev);
             }
@@ -98,8 +98,9 @@ }
      */
-    ComponentBase.prototype.updateProperties = function (nextProps, silent) {
+    ComponentBase.prototype.updateProperties = function (nextProps, silent, prev) {
         var _this = this;
         var dProps = extend({}, nextProps);
         var keys = Object.keys(nextProps);
+        var prevProps = extend({}, prev || this.props);
         // The statelessTemplates props value is taken from sample level property or default component property.
-        var statelessTemplates = !isNullOrUndefined(this.props['statelessTemplates']) ? this.props['statelessTemplates'] :
+        var statelessTemplates = !isNullOrUndefined(prevProps['statelessTemplates']) ? prevProps['statelessTemplates'] :
             (!isNullOrUndefined(this['statelessTemplateProps']) ? this['statelessTemplateProps'] : []);
@@ -116,3 +117,3 @@ for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
             }
-            if (this.compareValues(this.props["" + propkey], nextProps["" + propkey])) {
+            if (this.compareValues(prevProps["" + propkey], nextProps["" + propkey])) {
                 delete dProps["" + propkey];
@@ -123,3 +124,3 @@ }
                     this.clsName = true;
-                    var propsClsName = this.props["" + propkey].split(' ');
+                    var propsClsName = prevProps["" + propkey].split(' ');
                     for (var i = 0; i < propsClsName.length; i++) {
@@ -148,3 +149,3 @@ this.element.classList.remove(propsClsName[parseInt(i.toString(), 10)]);
         // tslint:disable-next-line:no-any
-        if (this.initRenderCalled && (this.canDelayUpdate || this.props.delayUpdate)) {
+        if (this.initRenderCalled && (this.canDelayUpdate || prevProps.delayUpdate)) {
             setTimeout(function () {
@@ -196,3 +197,3 @@ _this.refreshProperties(dProps, nextProps, silent);
             var prop = propKeys_1[_i];
-            if (prop.indexOf('data-') !== -1 || prop.indexOf('aria-') !== -1 || this.attrKeys.indexOf(prop) !== -1) {
+            if (prop.indexOf('data-') !== -1 || prop.indexOf('aria-') !== -1 || this.attrKeys.indexOf(prop) !== -1 || (Object.keys(this.properties).indexOf("" + prop) === -1 && prop.indexOf('children') === -1)) {
                 if (this.htmlattributes["" + prop] !== this.props["" + prop]) {
@@ -210,3 +211,3 @@ this.htmlattributes["" + prop] = this.props["" + prop];
                 'listbox', 'colorpicker', 'numerictextbox', 'textbox',
-                'uploader', 'maskedtextbox', 'slider', 'datepicker', 'datetimepicker', 'daterangepicker', 'timepicker', 'checkbox', 'switch', 'radio'];
+                'uploader', 'maskedtextbox', 'slider', 'datepicker', 'datetimepicker', 'daterangepicker', 'timepicker', 'checkbox', 'switch', 'radio', 'rating'];
             if (keycompoentns.indexOf(this.getModuleName()) !== -1) {
@@ -213,0 +214,0 @@ this.htmlattributes.key = '' + ComponentBase.reactUid;

New alerts

SPDX disjunction

License

SPDX disjunction for an artifact's license information

Found 1 instance in 1 package

Fixed alerts

SPDX disjunction

License

SPDX disjunction for an artifact's license information

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

367407

increased by0.81%

Number of low license alerts

1

decreased by-50%

License quality

100

increased by25%

Lines of code

2729

increased by0.11%

Dependency changes

• + Added@syncfusion/ej2-base@24.1.46(transitive)

• + Added@syncfusion/ej2-icons@24.1.41(transitive)

• - Removed@syncfusion/ej2-base@23.2.6(transitive)

• - Removed@syncfusion/ej2-icons@23.2.4(transitive)

• Updated@syncfusion/ej2-base@~24.1.41