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

Comparing version 25.2.6 to 26.1.35

.eslintrc.json

@@ -18,3 +18,4 @@ {
         "sourceType": "module"
-      },
+    },
+    "ignorePatterns": ["*.d.ts", "*.js"],
     "plugins": [
@@ -188,3 +189,3 @@ "@typescript-eslint",
         ],
-        "@typescript-eslint/no-explicit-any": "error",
+        "@typescript-eslint/no-explicit-any": "warn",
         "no-cond-assign": [
@@ -191,0 +192,0 @@ "error",

dist/ej2-react-base.min.js

 /*!
 *  filename: ej2-react-base.min.js
-*  version : 25.2.6
+*  version : 26.1.35
 *  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=/\]/,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||Object.prototype.hasOwnProperty.call(this.properties,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),i=["children","statelessTemplates","immediateRender","isLegacyTemplate","delayUpdate"];this.htmlattributes||(this.htmlattributes={}),this.attrKeys=a.concat(this.controlAttributes||[]);for(var n=0,s=r;n<s.length;n++){var o=s[n];(-1!==o.indexOf("data-")||-1!==o.indexOf("aria-")||-1!==this.attrKeys.indexOf(o)||-1===Object.keys(this.properties).indexOf(""+o)&&-1===i.indexOf(""+o))&&this.htmlattributes[""+o]!==this.props[""+o]&&(this.htmlattributes[""+o]=this.props[""+o])}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","textarea"].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 p=this.element.classList,l=this.htmlattributes.className,c=0;c<p.length;c++)-1===l.indexOf(p[parseInt(c.toString(),10)])&&(this.htmlattributes.className=this.htmlattributes.className+" "+p[parseInt(c.toString(),10)]);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),!Object.prototype.hasOwnProperty.call(h,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="",u=this.validateChildren({},this.directivekeys,e||this.props);if(u&&Object.keys(u).length){if(!t&&this.skipRefresh)for(var h=0,d=this.skipRefresh;h<d.length;h++){var f=d[h];delete u[""+f]}if(this.prevProperties){for(var m=Object.keys(this.prevProperties),y=0;y<m.length;y++)if(c=m[parseInt(y.toString(),10)],Object.prototype.hasOwnProperty.call(u,c)){var v=this.compareObjects(this.prevProperties[""+c],u[""+c],c);if(v.status)delete u[""+c];else{v.changedProperties.length&&(l=l.concat(v.changedProperties));var g={};g[""+c]=u[""+c],this.prevProperties=r.i(s.extend)(this.prevProperties,g)}}}else this.prevProperties=r.i(s.extend)({},u,{},!0);if(l.length)if("grid"===this.getModuleName()&&"columns"===c)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(u,t)}else for(var S=0,j=l;S<j.length;S++){var _=j[S],P=r.i(s.getValue)(_.key+"."+_.index,this);P&&P.setProperties?P.setProperties(_.value):r.i(s.extend)(P,_.value)}else this.setProperties(u,t)}}},e.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var t=["dropdowntree","checkbox"],e=!!t.indexOf(this.getModuleName())||document.body.contains(this.element);this.initRenderCalled&&this.isAppendCalled&&this.element&&e&&!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;if(n.portals.forEach(function(e){e.propName===t&&(o.push(i),i++)}),!r.i(s.isNullOrUndefined)(e)&&n.portals[e]&&n.portals[e].propName===t)n.portals.splice(e,1);else for(var a=0;a<n.portals.length;a++)n.portals[parseInt(a.toString(),10)].propName===t&&(n.portals.splice(a,1),a--)}):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&&"render"!==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(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("React"),require("ReactDOM"),require("SyncfusionBase")):"function"==typeof define&&define.amd?define(["React","ReactDOM","SyncfusionBase"],t):"object"==typeof exports?exports.SyncfusionReactBase=t(require("React"),require("ReactDOM"),require("SyncfusionBase")):e.SyncfusionReactBase=t(e.React,e.ReactDOM,e.SyncfusionBase)}(self,((e,t,r)=>(()=>{"use strict";var i={24:t=>{t.exports=e},314:e=>{e.exports=t},766:e=>{e.exports=r}},s={};function n(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return i[e](r,r.exports,n),r.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{n.r(o),n.d(o,{ComplexBase:()=>d,ComponentBase:()=>c,Inject:()=>m,applyMixins:()=>h,compile:()=>g});var e,t=n(24),r=n(314),i=n(766),s=(e=function(t,r){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])},e(t,r)},function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}),a=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],p=["accordion","tab","splitter"],l=/\]/,c=function(e){function n(){var t=null!==e&&e.apply(this,arguments)||this;return t.mountingState=!1,t.attrKeys=[],t.cachedTimeOut=0,t.isAppendCalled=!1,t.initRenderCalled=!1,t.isReactForeceUpdate=!1,t.isReact=!0,t.isshouldComponentUpdateCalled=!1,t.isCreated=!1,t}return s(n,e),n.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)},n.prototype.componentDidUpdate=function(e){this.isshouldComponentUpdateCalled||!this.initRenderCalled||this.isReactForeceUpdate||e!==this.props&&(this.isshouldComponentUpdateCalled=!0,this.updateProperties(this.props,!1,e))},n.prototype.renderReactComponent=function(){var e=this.reactElement;e&&!this.isAppendCalled&&(this.isAppendCalled=!0,this.appendTo(e))},n.prototype.shouldComponentUpdate=function(e){return this.isshouldComponentUpdateCalled=!0,this.initRenderCalled?(this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(this.reactElement)),this.updateProperties(e),!0):(this.updateProperties(e,!0),!0)},n.prototype.updateProperties=function(e,t,r){for(var s=this,n=(0,i.extend)({},e),o=Object.keys(e),a=(0,i.extend)({},r||this.props),p=(0,i.isNullOrUndefined)(a.statelessTemplates)?(0,i.isNullOrUndefined)(this.statelessTemplateProps)?[]:this.statelessTemplateProps:a.statelessTemplates,l=0,c=o;l<c.length;l++){var h=c[l],u="className"===h;if("children"!==h)if(u||(0,i.isNullOrUndefined)(this.htmlattributes[""+h])||this.htmlattributes[""+h]===n[""+h]||(this.htmlattributes[""+h]=n[""+h]),this.compareValues(a[""+h],e[""+h]))delete n[""+h];else if(-1!==this.attrKeys.indexOf(h))if(u){this.clsName=!0;for(var d=a[""+h].split(" "),f=0;f<d.length;f++)this.element.classList.remove(d[parseInt(f.toString(),10)]);for(var m=n[""+h].split(" "),y=0;y<m.length;y++)this.element.classList.add(m[parseInt(y.toString(),10)])}else"disabled"===h||Object.prototype.hasOwnProperty.call(this.properties,h)||delete n[""+h];else("value"===h&&e[""+h]===this[""+h]||p.indexOf(h)>-1&&("content"===h&&"function"==typeof n[""+h]||e[""+h].toString()===this[""+h].toString()))&&delete n[""+h]}n.children&&delete n.children,this.initRenderCalled&&(this.canDelayUpdate||a.delayUpdate)?setTimeout((function(){s.refreshProperties(n,e,t)})):this.refreshProperties(n,e,t)},n.prototype.refreshProperties=function(e,t,r){var s=(0,i.isNullOrUndefined)(this.props.statelessTemplates)?[]:this.props.statelessTemplates;Object.keys(e).length&&(r||this.processComplexTemplate(e,this),this.setProperties(e,r)),-1===s.indexOf("directiveTemplates")&&this.refreshChild(r,t)},n.prototype.processComplexTemplate=function(e,t){var r=t.complexTemplate;if(r)for(var s in r)if(Object.prototype.hasOwnProperty.call(r,s)){var n=r[""+s];e[""+s]&&(0,i.setValue)(n,(0,i.getValue)(s,e),e)}},n.prototype.getDefaultAttributes=function(){var e=this;this.isReact=!0;var t=Object.keys(this.props),r=["children","statelessTemplates","immediateRender","isLegacyTemplate","delayUpdate"];this.htmlattributes||(this.htmlattributes={}),this.attrKeys=a.concat(this.controlAttributes||[]);for(var i=0,s=t;i<s.length;i++){var o=s[i];(-1!==o.indexOf("data-")||-1!==o.indexOf("aria-")||-1!==this.attrKeys.indexOf(o)||-1===Object.keys(this.properties).indexOf(""+o)&&-1===r.indexOf(""+o))&&this.htmlattributes[""+o]!==this.props[""+o]&&(this.htmlattributes[""+o]=this.props[""+o])}if(!this.htmlattributes.ref){this.htmlattributes.ref=function(t){e.reactElement=t};-1!==["autocomplete","combobox","dropdownlist","dropdowntree","multiselect","listbox","colorpicker","numerictextbox","textbox","uploader","maskedtextbox","slider","datepicker","datetimepicker","daterangepicker","timepicker","checkbox","switch","radio","rating","textarea","multicolumncombobox"].indexOf(this.getModuleName())&&(this.htmlattributes.key=""+n.reactUid,n.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 p=this.element.classList,l=this.htmlattributes.className,c=0;c<p.length;c++)-1===l.indexOf(p[parseInt(c.toString(),10)])&&(this.htmlattributes.className=this.htmlattributes.className+" "+p[parseInt(c.toString(),10)]);return this.htmlattributes},n.prototype.trigger=function(e,t,r){var s=this;if(!0!==this.isDestroyed&&this.modelObserver){if(l.test(e)){var n=(0,i.getValue)(e,this);n?(n.call(this,t),r&&r.call(this,t)):r&&r.call(this,t)}"change"!==e&&"input"!==e||this.props.onChange&&t.event&&this.props.onChange.call(void 0,{syntheticEvent:t.event,nativeEvent:{text:t.value},value:t.value,target:this});var o=this.isProtectedOnChange;this.isProtectedOnChange=!1,"created"===e?setTimeout((function(){s.isCreated=!0,s.isDestroyed||s.modelObserver.notify(e,t,r)}),10):this.modelObserver.notify(e,t,r),this.isProtectedOnChange=o}},n.prototype.compareValues=function(e,t){if(typeof e===typeof t){if(e===t)return!0;if((!(0,i.isNullOrUndefined)(e)&&e.constructor)!==(!(0,i.isNullOrUndefined)(t)&&t.constructor))return!1;if(e instanceof Date||e instanceof RegExp||e instanceof String||e instanceof Number)return e.toString()===t.toString();if((0,i.isObject)(e)||Array.isArray(e)){var r=e,s=t;return(0,i.isObject)(r)&&(r=[e],s=[t]),this.compareObjects(r,s).status}if(e.constructor&&e.constructor.name===t.constructor.name&&("Query"===e.constructor.name||"DataManager"===e.constructor.name)&&JSON.stringify(e)===JSON.stringify(t))return!0}return!1},n.prototype.compareObjects=function(e,t,r){var s=!0,n=e.length===t.length,o=[],a=(0,i.isNullOrUndefined)(this.templateProps)?[]:this.templateProps;if(n)for(var p=0,l=t.length;p<l;p++){var c={},h=e[parseInt(p.toString(),10)],u=t[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=h[""+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&&(c[""+y]=v),!Object.prototype.hasOwnProperty.call(h,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,c[""+y]=v}}else if(t[parseInt(p.toString(),10)]===e[parseInt(p.toString(),10)])s=!0;else{if(!r)return{status:!1};s=!1}"grid"===this.getModuleName()&&"columns"===r&&(0,i.isNullOrUndefined)(c.field)&&(c.field=void 0),Object.keys(c).length&&o.push({index:p,value:c,key:r})}else s=!1;return{status:s,changedProperties:o}},n.prototype.refreshChild=function(e,t){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],s=0,n=this.getInjectedServices()||[];s<n.length;s++){var o=n[s];-1===r.indexOf(o)&&r.push(o)}this.injectedModules=r}if(this.directivekeys){var a=[],p="",l=this.validateChildren({},this.directivekeys,t||this.props);if(l&&Object.keys(l).length){if(!e&&this.skipRefresh)for(var c=0,h=this.skipRefresh;c<h.length;c++){delete l[""+h[c]]}if(this.prevProperties){for(var u=Object.keys(this.prevProperties),d=0;d<u.length;d++)if(p=u[parseInt(d.toString(),10)],Object.prototype.hasOwnProperty.call(l,p)){var f=this.compareObjects(this.prevProperties[""+p],l[""+p],p);if(f.status)delete l[""+p];else{f.changedProperties.length&&(a=a.concat(f.changedProperties));var m={};m[""+p]=l[""+p],this.prevProperties=(0,i.extend)(this.prevProperties,m)}}}else this.prevProperties=(0,i.extend)({},l,{},!0);if(a.length)if("grid"===this.getModuleName()&&"columns"===p)for(var y=0,g=this.columns;y<g.length;y++){if((0,i.getValue)("field",g[parseInt(y.toString(),10)])===(0,i.getValue)(y+".value.field",a))(b=(0,i.getValue)(a[parseInt(y.toString(),10)].key+"."+a[parseInt(y.toString(),10)].index,this))&&b.setProperties?b.setProperties(a[parseInt(y.toString(),10)].value):(0,i.extend)(b,a[parseInt(y.toString(),10)].value);else this.setProperties(l,e)}else for(var v=0,O=a;v<O.length;v++){var b,x=O[v];(b=(0,i.getValue)(x.key+"."+x.index,this))&&b.setProperties?b.setProperties(x.value):(0,i.extend)(b,x.value)}else this.setProperties(l,e)}}},n.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var e=!!["dropdowntree","checkbox"].indexOf(this.getModuleName())||document.body.contains(this.element);this.initRenderCalled&&this.isAppendCalled&&this.element&&e&&!this.isDestroyed&&this.isCreated&&this.destroy(),i.onIntlChange.offIntlEvents()},n.prototype.appendReactElement=function(e,t){var i=r.createPortal(e,t);this.portals?this.portals.push(i):this.portals=[i]},n.prototype.renderReactTemplates=function(e){this.isReactForeceUpdate=!0,e?this.forceUpdate(e):this.forceUpdate(),this.isReactForeceUpdate=!1},n.prototype.clearTemplate=function(e,t,r){var s=this,n=[];e&&e.length?Array.prototype.forEach.call(e,(function(e){var r=0;if(s.portals.forEach((function(t){t.propName===e&&(n.push(r),r++)})),!(0,i.isNullOrUndefined)(t)&&s.portals[t]&&s.portals[t].propName===e)s.portals.splice(t,1);else for(var o=0;o<s.portals.length;o++)s.portals[parseInt(o.toString(),10)].propName===e&&(s.portals.splice(o,1),o--)})):this.portals=[],this.renderReactTemplates(r)},n.prototype.validateChildren=function(e,r,i){for(var s=!1,n=0,o=t.Children.toArray(i.children);n<o.length;n++){var a=o[n],p=this.getChildType(a),l=r[""+p];if(p&&r){var c=this.getChildProps(t.Children.toArray(a.props.children),l);c.length&&(s=!0,e[a.type.propertyName||p]=c)}}return s?e:null},n.prototype.getChildType=function(e){return e.type&&e.type.isDirective&&e.type.moduleName||""},n.prototype.getChildProps=function(e,t){for(var r=[],s=0,n=e;s<n.length;s++){var o=n[s],a=!1,p=void 0;"string"==typeof t?(a=!0,p=t):p=Object.keys(t)[0];var l=o.props;if(this.getChildType(o)===p)if(a||!l.children){var c=(0,i.extend)({},l,{},!0);this.processComplexTemplate(c,o.type),r.push(c)}else{var h=this.validateChildren((0,i.extend)({},l),t[""+p],l)||l;h.children&&delete h.children,this.processComplexTemplate(h,o.type),r.push(h)}}return r},n.prototype.getInjectedServices=function(){for(var e=0,r=t.Children.toArray(this.props.children);e<r.length;e++){var i=r[e];if(i.type&&i.type.isService)return i.props.services}return[]},n.reactUid=1,n}(t.Component);function h(e,t){t.forEach((function(t){Object.getOwnPropertyNames(t.prototype).forEach((function(r){"isMounted"!==r&&"replaceState"!==r&&"render"!==r&&(e.prototype[""+r]=t.prototype[""+r])}))}))}var u=function(){var e=function(t,r){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])},e(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),d=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){return null},t.isDirective=!0,t}(t.PureComponent),f=function(){var e=function(t,r){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])},e(t,r)};return function(t,r){function i(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),m=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return f(t,e),t.prototype.render=function(){return null},t.isService=!0,t}(t.PureComponent),y=(0,i.getTemplateEngine)();function g(e,s){return"string"==typeof e||e.prototype&&e.prototype.CSPTemplate&&"function"==typeof e?y(e,s):function(s,n,o,a){var p,l=e,c=s;"object"==typeof l&&(l=e.template,c=(0,i.extend)({},s,e.data||{})),p=a||document.createElement("div");var h=t.createElement(l,c),u=r.createPortal(h,p);if(u.propName=o,n.portals?n.portals.push(u):n.portals=[u],!a)return[p]}}(0,i.setTemplateEngine)({compile:g})})(),o})()));

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

 /*!
 *  filename: ej2-react-base.umd.min.js
-*  version : 25.2.6
+*  version : 26.1.35
 *  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),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=/\]/,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||Object.prototype.hasOwnProperty.call(this.properties,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),r=["children","statelessTemplates","immediateRender","isLegacyTemplate","delayUpdate"];this.htmlattributes||(this.htmlattributes={}),this.attrKeys=o.concat(this.controlAttributes||[]);for(var i=0,n=e;i<n.length;i++){var a=n[i];(-1!==a.indexOf("data-")||-1!==a.indexOf("aria-")||-1!==this.attrKeys.indexOf(a)||-1===Object.keys(this.properties).indexOf(""+a)&&-1===r.indexOf(""+a))&&this.htmlattributes[""+a]!==this.props[""+a]&&(this.htmlattributes[""+a]=this.props[""+a])}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","textarea"].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 p=this.element.classList,l=this.htmlattributes.className,h=0;h<p.length;h++)-1===l.indexOf(p[parseInt(h.toString(),10)])&&(this.htmlattributes.className=this.htmlattributes.className+" "+p[parseInt(h.toString(),10)]);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),!Object.prototype.hasOwnProperty.call(c,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="",l=this.validateChildren({},this.directivekeys,e||this.props);if(l&&Object.keys(l).length){if(!t&&this.skipRefresh)for(var h=0,c=this.skipRefresh;h<c.length;h++){delete l[""+c[h]]}if(this.prevProperties){for(var d=Object.keys(this.prevProperties),u=0;u<d.length;u++)if(p=d[parseInt(u.toString(),10)],Object.prototype.hasOwnProperty.call(l,p)){var f=this.compareObjects(this.prevProperties[""+p],l[""+p],p);if(f.status)delete l[""+p];else{f.changedProperties.length&&(a=a.concat(f.changedProperties));var m={};m[""+p]=l[""+p],this.prevProperties=i.extend(this.prevProperties,m)}}}else this.prevProperties=i.extend({},l,{},!0);if(a.length)if("grid"===this.getModuleName()&&"columns"===p)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)){(b=i.getValue(a[parseInt(y.toString(),10)].key+"."+a[parseInt(y.toString(),10)].index,this))&&b.setProperties?b.setProperties(a[parseInt(y.toString(),10)].value):i.extend(b,a[parseInt(y.toString(),10)].value)}else this.setProperties(l,t)}else for(var v=0,O=a;v<O.length;v++){var b,C=O[v];(b=i.getValue(C.key+"."+C.index,this))&&b.setProperties?b.setProperties(C.value):i.extend(b,C.value)}else this.setProperties(l,t)}}},s.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var t=!!["dropdowntree","checkbox"].indexOf(this.getModuleName())||document.body.contains(this.element);this.initRenderCalled&&this.isAppendCalled&&this.element&&t&&!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&&"render"!==r&&(t.prototype[""+r]=e.prototype[""+r])})})},t.ComplexBase=c,t.Inject=u,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=t||self).ej={},t.React,t.ReactDOM,t.ej2Base)}(this,function(t,l,a,b){"use strict";i=function(t,e){return(i=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])}))(t,e)};var i,e,r=function(t,e){function r(){this.constructor=t}i(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)},h=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],s=["accordion","tab","splitter"],n=/\]/,r=(e=l.Component,r(c,e),c.prototype.componentDidMount=function(){this.refreshChild(!0),this.canDelayUpdate=-1!==s.indexOf(this.getModuleName()),this.renderReactComponent(),this.portals&&this.portals.length&&(this.mountingState=!0,this.renderReactTemplates(),this.mountingState=!1)},c.prototype.componentDidUpdate=function(t){this.isshouldComponentUpdateCalled||!this.initRenderCalled||this.isReactForeceUpdate||t!==this.props&&(this.isshouldComponentUpdateCalled=!0,this.updateProperties(this.props,!1,t))},c.prototype.renderReactComponent=function(){var t=this.reactElement;t&&!this.isAppendCalled&&(this.isAppendCalled=!0,this.appendTo(t))},c.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)):this.updateProperties(t,!0),!0},c.prototype.updateProperties=function(t,e,r){for(var i=this,s=b.extend({},t),n=Object.keys(t),o=b.extend({},r||this.props),a=b.isNullOrUndefined(o.statelessTemplates)?b.isNullOrUndefined(this.statelessTemplateProps)?[]:this.statelessTemplateProps:o.statelessTemplates,p=0,l=n;p<l.length;p++){var h=l[p],c="className"===h;if("children"!==h)if(c||b.isNullOrUndefined(this.htmlattributes[""+h])||this.htmlattributes[""+h]===s[""+h]||(this.htmlattributes[""+h]=s[""+h]),this.compareValues(o[""+h],t[""+h]))delete s[""+h];else if(-1!==this.attrKeys.indexOf(h))if(c){this.clsName=!0;for(var d=o[""+h].split(" "),u=0;u<d.length;u++)this.element.classList.remove(d[parseInt(u.toString(),10)]);for(var f=s[""+h].split(" "),m=0;m<f.length;m++)this.element.classList.add(f[parseInt(m.toString(),10)])}else"disabled"===h||Object.prototype.hasOwnProperty.call(this.properties,h)||delete s[""+h];else("value"===h&&t[""+h]===this[""+h]||-1<a.indexOf(h)&&("content"===h&&"function"==typeof s[""+h]||t[""+h].toString()===this[""+h].toString()))&&delete s[""+h]}s.children&&delete s.children,this.initRenderCalled&&(this.canDelayUpdate||o.delayUpdate)?setTimeout(function(){i.refreshProperties(s,t,e)}):this.refreshProperties(s,t,e)},c.prototype.refreshProperties=function(t,e,r){var i=b.isNullOrUndefined(this.props.statelessTemplates)?[]:this.props.statelessTemplates;Object.keys(t).length&&(r||this.processComplexTemplate(t,this),this.setProperties(t,r)),-1===i.indexOf("directiveTemplates")&&this.refreshChild(r,e)},c.prototype.processComplexTemplate=function(t,e){var r,i=e.complexTemplate;if(i)for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(r=i[""+s],t[""+s])&&b.setValue(r,b.getValue(s,t),t)},c.prototype.getDefaultAttributes=function(){var e=this,t=(this.isReact=!0,Object.keys(this.props)),r=["children","statelessTemplates","immediateRender","isLegacyTemplate","delayUpdate"];this.htmlattributes||(this.htmlattributes={}),this.attrKeys=h.concat(this.controlAttributes||[]);for(var i=0,s=t;i<s.length;i++){var n=s[i];(-1!==n.indexOf("data-")||-1!==n.indexOf("aria-")||-1!==this.attrKeys.indexOf(n)||-1===Object.keys(this.properties).indexOf(""+n)&&-1===r.indexOf(""+n))&&this.htmlattributes[""+n]!==this.props[""+n]&&(this.htmlattributes[""+n]=this.props[""+n])}if(this.htmlattributes.ref||(this.htmlattributes.ref=function(t){e.reactElement=t},-1!==["autocomplete","combobox","dropdownlist","dropdowntree","multiselect","listbox","colorpicker","numerictextbox","textbox","uploader","maskedtextbox","slider","datepicker","datetimepicker","daterangepicker","timepicker","checkbox","switch","radio","rating","textarea","multicolumncombobox"].indexOf(this.getModuleName())&&(this.htmlattributes.key=""+c.reactUid,c.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,a=this.htmlattributes.className,p=0;p<o.length;p++)-1===a.indexOf(o[parseInt(p.toString(),10)])&&(this.htmlattributes.className=this.htmlattributes.className+" "+o[parseInt(p.toString(),10)]);return this.htmlattributes},c.prototype.trigger=function(t,e,r){var i,s=this;!0!==this.isDestroyed&&this.modelObserver&&(n.test(t)&&((i=b.getValue(t,this))&&i.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}),i=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=i)},c.prototype.compareValues=function(t,e){var r,i;if(typeof t==typeof e){if(t===e)return!0;if((!b.isNullOrUndefined(t)&&t.constructor)!==(!b.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(b.isObject(t)||Array.isArray(t))return i=e,b.isObject(r=t)&&(r=[t],i=[e]),this.compareObjects(r,i).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},c.prototype.compareObjects=function(t,e,r){var i=!0,s=t.length===e.length,n=[],o=b.isNullOrUndefined(this.templateProps)?[]:this.templateProps;if(s)for(var a=0,p=e.length;a<p;a++){var l={},h=t[parseInt(a.toString(),10)],c=e[parseInt(a.toString(),10)],d=Object.keys(c);if(0!==d.length)for(var u=0,f=d;u<f.length;u++){var m=f[u],y=h[""+m],g=c[""+m];if("items"===m)for(var v=0;v<g.length;v++)if("richtexteditor"===this.getModuleName()&&"object"==typeof g[parseInt(v.toString(),10)])return{status:!0};if("grid"===this.getModuleName()&&"field"===m&&(l[""+m]=g),!Object.prototype.hasOwnProperty.call(h,m)||!(0<o.length&&-1===o.indexOf(""+m)&&"function"==typeof g?this.compareValues(y.toString(),g.toString()):this.compareValues(y,g))){if(!r)return{status:!1};i=!1,l[""+m]=g}}else if(e[parseInt(a.toString(),10)]===t[parseInt(a.toString(),10)])i=!0;else{if(!r)return{status:!1};i=!1}"grid"===this.getModuleName()&&"columns"===r&&b.isNullOrUndefined(l.field)&&(l.field=void 0),Object.keys(l).length&&n.push({index:a,value:l,key:r})}else i=!1;return{status:i,changedProperties:n}},c.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],i=0,s=this.getInjectedServices()||[];i<s.length;i++){var n=s[i];-1===r.indexOf(n)&&r.push(n)}this.injectedModules=r}if(this.directivekeys){var o=[],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,a=c[parseInt(d.toString(),10)];Object.prototype.hasOwnProperty.call(p,a)&&((u=this.compareObjects(this.prevProperties[""+a],p[""+a],a)).status?delete p[""+a]:(u.changedProperties.length&&(o=o.concat(u.changedProperties)),(u={})[""+a]=p[""+a],this.prevProperties=b.extend(this.prevProperties,u)))}else this.prevProperties=b.extend({},p,{},!0);if(o.length)if("grid"===this.getModuleName()&&"columns"===a)for(var f=0,m=this.columns;f<m.length;f++)b.getValue("field",m[parseInt(f.toString(),10)])===b.getValue(f+".value.field",o)?(v=b.getValue(o[parseInt(f.toString(),10)].key+"."+o[parseInt(f.toString(),10)].index,this))&&v.setProperties?v.setProperties(o[parseInt(f.toString(),10)].value):b.extend(v,o[parseInt(f.toString(),10)].value):this.setProperties(p,t);else for(var y=0,g=o;y<g.length;y++){var v,O=g[y];(v=b.getValue(O.key+"."+O.index,this))&&v.setProperties?v.setProperties(O.value):b.extend(v,O.value)}else this.setProperties(p,t)}}},c.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var t=!!["dropdowntree","checkbox"].indexOf(this.getModuleName())||document.body.contains(this.element);this.initRenderCalled&&this.isAppendCalled&&this.element&&t&&!this.isDestroyed&&this.isCreated&&this.destroy(),b.onIntlChange.offIntlEvents()},c.prototype.appendReactElement=function(t,e){t=a.createPortal(t,e);this.portals?this.portals.push(t):this.portals=[t]},c.prototype.renderReactTemplates=function(t){this.isReactForeceUpdate=!0,t?this.forceUpdate(t):this.forceUpdate(),this.isReactForeceUpdate=!1},c.prototype.clearTemplate=function(t,r,e){var i=this;t&&t.length?Array.prototype.forEach.call(t,function(t){if(i.portals.forEach(function(t){t.propName}),!b.isNullOrUndefined(r)&&i.portals[r]&&i.portals[r].propName===t)i.portals.splice(r,1);else for(var e=0;e<i.portals.length;e++)i.portals[parseInt(e.toString(),10)].propName===t&&(i.portals.splice(e,1),e--)}):this.portals=[],this.renderReactTemplates(e)},c.prototype.validateChildren=function(t,e,r){for(var i=!1,s=0,n=l.Children.toArray(r.children);s<n.length;s++){var o=n[s],a=this.getChildType(o),p=e[""+a];a&&e&&(p=this.getChildProps(l.Children.toArray(o.props.children),p)).length&&(i=!0,t[o.type.propertyName||a]=p)}return i?t:null},c.prototype.getChildType=function(t){return t.type&&t.type.isDirective&&t.type.moduleName||""},c.prototype.getChildProps=function(t,e){for(var r=[],i=0,s=t;i<s.length;i++){var n=s[i],o=!1,a=void 0,a="string"==typeof e?(o=!0,e):Object.keys(e)[0],p=n.props;this.getChildType(n)===a&&(o||!p.children?(o=b.extend({},p,{},!0),this.processComplexTemplate(o,n.type),r.push(o)):((o=this.validateChildren(b.extend({},p),e[""+a],p)||p).children&&delete o.children,this.processComplexTemplate(o,n.type),r.push(o)))}return r},c.prototype.getInjectedServices=function(){for(var t=0,e=l.Children.toArray(this.props.children);t<e.length;t++){var r=e[t];if(r.type&&r.type.isService)return r.props.services}return[]},c.reactUid=1,c);function c(){var t=null!==e&&e.apply(this,arguments)||this;return t.mountingState=!1,t.attrKeys=[],t.cachedTimeOut=0,t.isAppendCalled=!1,t.initRenderCalled=!1,t.isReactForeceUpdate=!1,t.isReact=!0,t.isshouldComponentUpdateCalled=!1,t.isCreated=!1,t}o=function(t,e){return(o=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])}))(t,e)};var o,p,d=function(t,e){function r(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)},d=(p=l.PureComponent,d(u,p),u.prototype.render=function(){return null},u.isDirective=!0,u);function u(){return null!==p&&p.apply(this,arguments)||this}f=function(t,e){return(f=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])}))(t,e)};var f,m,y=function(t,e){function r(){this.constructor=t}f(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)},y=(m=l.PureComponent,y(g,m),g.prototype.render=function(){return null},g.isService=!0,g);function g(){return null!==m&&m.apply(this,arguments)||this}var v=b.getTemplateEngine();function O(o,t){return"string"==typeof o||o.prototype&&o.prototype.CSPTemplate&&"function"==typeof o?v(o,t):function(t,e,r,i){var s=o,n=t,s=("object"==typeof o&&(s=o.template,n=b.extend({},t,o.data||{})),t=i||document.createElement("div"),l.createElement(s,n)),n=a.createPortal(s,t);if(n.propName=r,e.portals?e.portals.push(n):e.portals=[n],!i)return[t]}}b.setTemplateEngine({compile:O}),t.ComplexBase=d,t.ComponentBase=r,t.Inject=y,t.applyMixins=function(r,t){t.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(t){"isMounted"!==t&&"replaceState"!==t&&"render"!==t&&(r.prototype[""+t]=e.prototype[""+t])})})},t.compile=O,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-base.umd.min.js.map

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

@@ -1,8 +0,6 @@
-import { Children, Component, PureComponent, createElement } from 'react';
+import { Component, Children, PureComponent, createElement } from 'react';
 import { createPortal } from 'react-dom';
-import { extend, getTemplateEngine, getValue, isNullOrUndefined, isObject, onIntlChange, setTemplateEngine, setValue } from '@syncfusion/ej2-base';
+import { extend, isNullOrUndefined, setValue, getValue, isObject, onIntlChange, getTemplateEngine, setTemplateEngine } from '@syncfusion/ej2-base';
 
-/**
- * React Component Base
- */
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
 const defaulthtmlkeys = ['alt', 'className', 'disabled', 'form', 'id',
@@ -13,4 +11,2 @@ 'readOnly', 'style', 'tabIndex', 'title', 'type', 'name',
 const isColEName = /\]/;
-// tslint:disable
-/* eslint-disable @typescript-eslint/no-explicit-any */
 class ComponentBase extends Component {
@@ -31,3 +27,2 @@ constructor() {
     // Reference link:https://reactjs.org/docs/react-component.html#unsafe_componentWillMount
-    // tslint:disable-next-line:no-any
     componentDidMount() {
@@ -38,3 +33,2 @@ this.refreshChild(true);
         // Reference link: https://github.com/facebook/react/issues/10309#issuecomment-318433235
-        // tslint:disable-next-line:no-any
         this.renderReactComponent();
@@ -64,3 +58,2 @@ if (this.portals && this.portals.length) {
     // Reference link:https://reactjs.org/docs/react-component.html#unsafe_componentwillreceiveprops
-    // tslint:disable-next-line:no-any
     /**
@@ -130,3 +123,2 @@ * @param {Object} nextProps - Specifies the property value.
         }
-        // tslint:disable-next-line:no-any
         if (this.initRenderCalled && (this.canDelayUpdate || prevProps.delayUpdate)) {
@@ -145,3 +137,2 @@ setTimeout(() => {
             if (!silent) {
-                // tslint:disable-next-line:no-any
                 this.processComplexTemplate(dProps, this);
@@ -158,7 +149,8 @@ }
         if (compTemplate) {
-            // eslint-disable-next-line
             for (const prop in compTemplate) {
-                const PropVal = compTemplate[`${prop}`];
-                if (curObject[`${prop}`]) {
-                    setValue(PropVal, getValue(prop, curObject), curObject);
+                if (Object.prototype.hasOwnProperty.call(compTemplate, prop)) {
+                    const PropVal = compTemplate[`${prop}`];
+                    if (curObject[`${prop}`]) {
+                        setValue(PropVal, getValue(prop, curObject), curObject);
+                    }
                 }
@@ -188,3 +180,2 @@ }
         if (!this.htmlattributes.ref) {
-            /* tslint:disable:no-any */
             this.htmlattributes.ref = (ele) => {
@@ -195,3 +186,3 @@ this.reactElement = ele;
                 'listbox', 'colorpicker', 'numerictextbox', 'textbox',
-                'uploader', 'maskedtextbox', 'slider', 'datepicker', 'datetimepicker', 'daterangepicker', 'timepicker', 'checkbox', 'switch', 'radio', 'rating', 'textarea'];
+                'uploader', 'maskedtextbox', 'slider', 'datepicker', 'datetimepicker', 'daterangepicker', 'timepicker', 'checkbox', 'switch', 'radio', 'rating', 'textarea', 'multicolumncombobox'];
             if (keycompoentns.indexOf(this.getModuleName()) !== -1) {
@@ -219,4 +210,2 @@ this.htmlattributes.key = '' + ComponentBase.reactUid;
     }
-    /* tslint:disable:no-any */
-    // eslint-disable-next-line
     trigger(eventName, eventProp, successHandler) {
@@ -298,3 +287,2 @@ if (this.isDestroyed !== true && this.modelObserver) {
     }
-    // eslint-disable-next-line
     compareObjects(oldProps, newProps, propName) {
@@ -442,3 +430,2 @@ let status = true;
         const hasModule = ((!modulesName.indexOf(this.getModuleName())) ? document.body.contains(this.element) : true);
-        // tslint:disable-next-line:no-any
         if (this.initRenderCalled && this.isAppendCalled && this.element && hasModule && !this.isDestroyed && this.isCreated) {
@@ -449,4 +436,2 @@ this.destroy();
     }
-    // tslint:disable:no-any
-    // eslint-disable-next-line
     appendReactElement(element, container) {
@@ -461,4 +446,2 @@ const portal = createPortal(element, container);
     }
-    // tslint:disable:no-any
-    // eslint-disable-next-line
     renderReactTemplates(callback) {
@@ -474,14 +457,7 @@ this.isReactForeceUpdate = true;
     }
-    // tslint:disable:no-any
-    // eslint-disable-next-line
     clearTemplate(templateNames, index, callback) {
-        const tempPortal = [];
         if (templateNames && templateNames.length) {
             Array.prototype.forEach.call(templateNames, (propName) => {
-                let propIndexCount = 0;
                 this.portals.forEach((portal) => {
-                    if (portal.propName === propName) {
-                        tempPortal.push(propIndexCount);
-                        propIndexCount++;
-                    }
+                    if (portal.propName === propName) ;
                 });
@@ -506,3 +482,2 @@ if (!isNullOrUndefined(index) && this.portals[index] && this.portals[index].propName === propName) {
     }
-    /* tslint:disable:no-any */
     validateChildren(childCache, mapper, props) {
@@ -515,7 +490,5 @@ let flag = false;
             if (ifield && mapper) {
-                // tslint:disable
                 const childProps = this.getChildProps(Children.toArray(child.props.children), key);
                 if (childProps.length) {
                     flag = true;
-                    // tslint:disable
                     childCache[child.type.propertyName || ifield] = childProps;
@@ -530,3 +503,2 @@ }
     }
-    // tslint:disable:no-any
     getChildType(child) {
@@ -551,9 +523,6 @@ if (child.type && child.type.isDirective) {
             const prop = child.props;
-            // tslint:disable-next-line:no-any
             const field = this.getChildType(child);
             if (field === key) {
                 if (accessProp || !prop.children) {
-                    // tslint:disable
                     const cacheVal = extend({}, prop, {}, true);
-                    // tslint:disable
                     this.processComplexTemplate(cacheVal, child.type);
@@ -567,3 +536,2 @@ ret.push(cacheVal);
                     }
-                    // tslint:disable
                     this.processComplexTemplate(cachedValue, child.type);
@@ -576,7 +544,5 @@ ret.push(cachedValue);
     }
-    // tslint:disable:no-any
     getInjectedServices() {
         const childs = Children.toArray(this.props.children);
         for (const child of childs) {
-            /* tslint:disable:no-any */
             if (child.type && child.type.isService) {
@@ -593,9 +559,14 @@ return child.props.services;
 ComponentBase.reactUid = 1;
-/* tslint:enable:no-any */
 
-// eslint-disable-next-line
+/**
+ * Apply mixins for the React components.
+ *
+ * @param {any} derivedClass ?
+ * @param {any[]} baseClass ?
+ * @returns {void} ?
+ * @private
+ */
 function applyMixins(derivedClass, baseClass) {
-    // tslint:disable:typedef
-    baseClass.forEach(baseClass => {
-        Object.getOwnPropertyNames(baseClass.prototype).forEach(name => {
+    baseClass.forEach((baseClass) => {
+        Object.getOwnPropertyNames(baseClass.prototype).forEach((name) => {
             if (name !== 'isMounted' && name !== 'replaceState' && name !== 'render') {
@@ -618,7 +589,4 @@ derivedClass.prototype[`${name}`] = baseClass.prototype[`${name}`];
 
-/**
- * Dependency injection
- */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 class Inject extends PureComponent {
-    // eslint-disable-next-line
     render() {
@@ -630,8 +598,15 @@ return null;
 
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
 /**
- * Template compiler for react
+ * Compile the string value to DOM elements.
  */
-/* eslint-disable @typescript-eslint/no-explicit-any */
 const stringCompiler = getTemplateEngine();
-// eslint-disable-next-line
+/**
+ * Compile the template property to the DOM elements.
+ *
+ * @param {any} templateElement ?
+ * @param {Object} helper ?
+ * @returns {Function} ?
+ * @private
+ */
 function compile(templateElement, helper) {
@@ -673,7 +648,3 @@ if (typeof templateElement === 'string' || (templateElement.prototype && templateElement.prototype.CSPTemplate && typeof templateElement === 'function')) {
 
-/**
- * index for component base
- */
-
-export { ComponentBase, applyMixins, ComplexBase, Inject, compile };
+export { ComplexBase, ComponentBase, Inject, applyMixins, compile };
 //# sourceMappingURL=ej2-react-base.es2015.js.map

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

 import { Children, Component, PureComponent, createElement } from 'react';
 import { createPortal } from 'react-dom';
-import { extend, getTemplateEngine, getValue, isNullOrUndefined, isObject, onIntlChange, setTemplateEngine, setValue } from '@syncfusion/ej2-base';
+import { extend, isNullOrUndefined, setValue, getValue, isObject, onIntlChange, getTemplateEngine, setTemplateEngine } from '@syncfusion/ej2-base';
 
@@ -18,5 +18,2 @@ var __extends = (undefined && undefined.__extends) || (function () {
 })();
-/**
- * React Component Base
- */
 var defaulthtmlkeys = ['alt', 'className', 'disabled', 'form', 'id',
@@ -27,4 +24,2 @@ 'readOnly', 'style', 'tabIndex', 'title', 'type', 'name',
 var isColEName = /\]/;
-// tslint:disable
-/* eslint-disable @typescript-eslint/no-explicit-any */
 var ComponentBase = /** @__PURE__ @class */ (function (_super) {
@@ -47,3 +42,2 @@ __extends(ComponentBase, _super);
     // Reference link:https://reactjs.org/docs/react-component.html#unsafe_componentWillMount
-    // tslint:disable-next-line:no-any
     ComponentBase.prototype.componentDidMount = function () {
@@ -54,3 +48,2 @@ this.refreshChild(true);
         // Reference link: https://github.com/facebook/react/issues/10309#issuecomment-318433235
-        // tslint:disable-next-line:no-any
         this.renderReactComponent();
@@ -80,3 +73,2 @@ if (this.portals && this.portals.length) {
     // Reference link:https://reactjs.org/docs/react-component.html#unsafe_componentwillreceiveprops
-    // tslint:disable-next-line:no-any
     /**
@@ -148,3 +140,2 @@ * @param {Object} nextProps - Specifies the property value.
         }
-        // tslint:disable-next-line:no-any
         if (this.initRenderCalled && (this.canDelayUpdate || prevProps.delayUpdate)) {
@@ -163,3 +154,2 @@ setTimeout(function () {
             if (!silent) {
-                // tslint:disable-next-line:no-any
                 this.processComplexTemplate(dProps, this);
@@ -176,7 +166,8 @@ }
         if (compTemplate) {
-            // eslint-disable-next-line
             for (var prop in compTemplate) {
-                var PropVal = compTemplate["" + prop];
-                if (curObject["" + prop]) {
-                    setValue(PropVal, getValue(prop, curObject), curObject);
+                if (Object.prototype.hasOwnProperty.call(compTemplate, prop)) {
+                    var PropVal = compTemplate["" + prop];
+                    if (curObject["" + prop]) {
+                        setValue(PropVal, getValue(prop, curObject), curObject);
+                    }
                 }
@@ -208,3 +199,2 @@ }
         if (!this.htmlattributes.ref) {
-            /* tslint:disable:no-any */
             this.htmlattributes.ref = function (ele) {
@@ -215,3 +205,3 @@ _this.reactElement = ele;
                 'listbox', 'colorpicker', 'numerictextbox', 'textbox',
-                'uploader', 'maskedtextbox', 'slider', 'datepicker', 'datetimepicker', 'daterangepicker', 'timepicker', 'checkbox', 'switch', 'radio', 'rating', 'textarea'];
+                'uploader', 'maskedtextbox', 'slider', 'datepicker', 'datetimepicker', 'daterangepicker', 'timepicker', 'checkbox', 'switch', 'radio', 'rating', 'textarea', 'multicolumncombobox'];
             if (keycompoentns.indexOf(this.getModuleName()) !== -1) {
@@ -239,4 +229,2 @@ this.htmlattributes.key = '' + ComponentBase.reactUid;
     };
-    /* tslint:disable:no-any */
-    // eslint-disable-next-line
     ComponentBase.prototype.trigger = function (eventName, eventProp, successHandler) {
@@ -319,3 +307,2 @@ var _this = this;
     };
-    // eslint-disable-next-line
     ComponentBase.prototype.compareObjects = function (oldProps, newProps, propName) {
@@ -467,3 +454,2 @@ var status = true;
         var hasModule = ((!modulesName.indexOf(this.getModuleName())) ? document.body.contains(this.element) : true);
-        // tslint:disable-next-line:no-any
         if (this.initRenderCalled && this.isAppendCalled && this.element && hasModule && !this.isDestroyed && this.isCreated) {
@@ -474,4 +460,2 @@ this.destroy();
     };
-    // tslint:disable:no-any
-    // eslint-disable-next-line
     ComponentBase.prototype.appendReactElement = function (element, container) {
@@ -486,4 +470,2 @@ var portal = createPortal(element, container);
     };
-    // tslint:disable:no-any
-    // eslint-disable-next-line
     ComponentBase.prototype.renderReactTemplates = function (callback) {
@@ -499,15 +481,8 @@ this.isReactForeceUpdate = true;
     };
-    // tslint:disable:no-any
-    // eslint-disable-next-line
     ComponentBase.prototype.clearTemplate = function (templateNames, index, callback) {
         var _this = this;
-        var tempPortal = [];
         if (templateNames && templateNames.length) {
             Array.prototype.forEach.call(templateNames, function (propName) {
-                var propIndexCount = 0;
                 _this.portals.forEach(function (portal) {
-                    if (portal.propName === propName) {
-                        tempPortal.push(propIndexCount);
-                        propIndexCount++;
-                    }
+                    if (portal.propName === propName) ;
                 });
@@ -532,3 +507,2 @@ if (!isNullOrUndefined(index) && _this.portals[index] && _this.portals[index].propName === propName) {
     };
-    /* tslint:disable:no-any */
     ComponentBase.prototype.validateChildren = function (childCache, mapper, props) {
@@ -542,7 +516,5 @@ var flag = false;
             if (ifield && mapper) {
-                // tslint:disable
                 var childProps = this.getChildProps(Children.toArray(child.props.children), key);
                 if (childProps.length) {
                     flag = true;
-                    // tslint:disable
                     childCache[child.type.propertyName || ifield] = childProps;
@@ -557,3 +529,2 @@ }
     };
-    // tslint:disable:no-any
     ComponentBase.prototype.getChildType = function (child) {
@@ -579,9 +550,6 @@ if (child.type && child.type.isDirective) {
             var prop = child.props;
-            // tslint:disable-next-line:no-any
             var field = this.getChildType(child);
             if (field === key) {
                 if (accessProp || !prop.children) {
-                    // tslint:disable
                     var cacheVal = extend({}, prop, {}, true);
-                    // tslint:disable
                     this.processComplexTemplate(cacheVal, child.type);
@@ -595,3 +563,2 @@ ret.push(cacheVal);
                     }
-                    // tslint:disable
                     this.processComplexTemplate(cachedValue, child.type);
@@ -604,3 +571,2 @@ ret.push(cachedValue);
     };
-    // tslint:disable:no-any
     ComponentBase.prototype.getInjectedServices = function () {
@@ -610,3 +576,2 @@ var childs = Children.toArray(this.props.children);
             var child = childs_2[_i];
-            /* tslint:disable:no-any */
             if (child.type && child.type.isService) {
@@ -625,7 +590,11 @@ return child.props.services;
 
-/* tslint:enable:no-any */
-
-// eslint-disable-next-line
+/**
+ * Apply mixins for the React components.
+ *
+ * @param {any} derivedClass ?
+ * @param {any[]} baseClass ?
+ * @returns {void} ?
+ * @private
+ */
 function applyMixins(derivedClass, baseClass) {
-    // tslint:disable:typedef
     baseClass.forEach(function (baseClass) {
@@ -681,5 +650,2 @@ Object.getOwnPropertyNames(baseClass.prototype).forEach(function (name) {
 })();
-/**
- * Dependency injection
- */
 var Inject = /** @__PURE__ @class */ (function (_super) {
@@ -690,3 +656,2 @@ __extends$2(Inject, _super);
     }
-    // eslint-disable-next-line
     Inject.prototype.render = function () {
@@ -699,8 +664,15 @@ return null;
 
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
 /**
- * Template compiler for react
+ * Compile the string value to DOM elements.
  */
-/* eslint-disable @typescript-eslint/no-explicit-any */
 var stringCompiler = getTemplateEngine();
-// eslint-disable-next-line
+/**
+ * Compile the template property to the DOM elements.
+ *
+ * @param {any} templateElement ?
+ * @param {Object} helper ?
+ * @returns {Function} ?
+ * @private
+ */
 function compile(templateElement, helper) {
@@ -742,7 +714,3 @@ if (typeof templateElement === 'string' || (templateElement.prototype && templateElement.prototype.CSPTemplate && typeof templateElement === 'function')) {
 
-/**
- * index for component base
- */
-
-export { ComponentBase, applyMixins, ComplexBase, Inject, compile };
+export { ComplexBase, ComponentBase, Inject, applyMixins, compile };
 //# sourceMappingURL=ej2-react-base.es5.js.map

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

 /*!
 *  filename: ej2-react-base.min.js
-*  version : 25.2.6
+*  version : 26.1.35
 *  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&&"render"!==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=/\]/,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||Object.prototype.hasOwnProperty.call(this.properties,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),r=["children","statelessTemplates","immediateRender","isLegacyTemplate","delayUpdate"];this.htmlattributes||(this.htmlattributes={}),this.attrKeys=a.concat(this.controlAttributes||[]);for(var i=0,n=e;i<n.length;i++){var o=n[i];(-1!==o.indexOf("data-")||-1!==o.indexOf("aria-")||-1!==this.attrKeys.indexOf(o)||-1===Object.keys(this.properties).indexOf(""+o)&&-1===r.indexOf(""+o))&&this.htmlattributes[""+o]!==this.props[""+o]&&(this.htmlattributes[""+o]=this.props[""+o])}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","textarea"].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 p=this.element.classList,l=this.htmlattributes.className,h=0;h<p.length;h++)-1===l.indexOf(p[parseInt(h.toString(),10)])&&(this.htmlattributes.className=this.htmlattributes.className+" "+p[parseInt(h.toString(),10)]);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),!Object.prototype.hasOwnProperty.call(c,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="",l=this.validateChildren({},this.directivekeys,e||this.props);if(l&&Object.keys(l).length){if(!t&&this.skipRefresh)for(var h=0,c=this.skipRefresh;h<c.length;h++)delete l[""+c[h]];if(this.prevProperties){for(var d=Object.keys(this.prevProperties),u=0;u<d.length;u++)if(p=d[parseInt(u.toString(),10)],Object.prototype.hasOwnProperty.call(l,p)){var f=this.compareObjects(this.prevProperties[""+p],l[""+p],p);if(f.status)delete l[""+p];else{f.changedProperties.length&&(a=a.concat(f.changedProperties));var m={};m[""+p]=l[""+p],this.prevProperties=i.extend(this.prevProperties,m)}}}else this.prevProperties=i.extend({},l,{},!0);if(a.length)if("grid"===this.getModuleName()&&"columns"===p)for(var y=0,g=this.columns;y<g.length;y++)i.getValue("field",g[parseInt(y.toString(),10)])===i.getValue(y+".value.field",a)?(C=i.getValue(a[parseInt(y.toString(),10)].key+"."+a[parseInt(y.toString(),10)].index,this))&&C.setProperties?C.setProperties(a[parseInt(y.toString(),10)].value):i.extend(C,a[parseInt(y.toString(),10)].value):this.setProperties(l,t);else for(var v=0,O=a;v<O.length;v++){var b=O[v],C=i.getValue(b.key+"."+b.index,this);C&&C.setProperties?C.setProperties(b.value):i.extend(C,b.value)}else this.setProperties(l,t)}}},s.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var t=!!["dropdowntree","checkbox"].indexOf(this.getModuleName())||document.body.contains(this.element);this.initRenderCalled&&this.isAppendCalled&&this.element&&t&&!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;
+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&&"render"!==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=/\]/,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||Object.prototype.hasOwnProperty.call(this.properties,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)if(Object.prototype.hasOwnProperty.call(r,s)){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),r=["children","statelessTemplates","immediateRender","isLegacyTemplate","delayUpdate"];this.htmlattributes||(this.htmlattributes={}),this.attrKeys=a.concat(this.controlAttributes||[]);for(var i=0,n=e;i<n.length;i++){var o=n[i];(-1!==o.indexOf("data-")||-1!==o.indexOf("aria-")||-1!==this.attrKeys.indexOf(o)||-1===Object.keys(this.properties).indexOf(""+o)&&-1===r.indexOf(""+o))&&this.htmlattributes[""+o]!==this.props[""+o]&&(this.htmlattributes[""+o]=this.props[""+o])}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","textarea","multicolumncombobox"].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 p=this.element.classList,l=this.htmlattributes.className,h=0;h<p.length;h++)-1===l.indexOf(p[parseInt(h.toString(),10)])&&(this.htmlattributes.className=this.htmlattributes.className+" "+p[parseInt(h.toString(),10)]);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),!Object.prototype.hasOwnProperty.call(c,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="",l=this.validateChildren({},this.directivekeys,e||this.props);if(l&&Object.keys(l).length){if(!t&&this.skipRefresh)for(var h=0,c=this.skipRefresh;h<c.length;h++)delete l[""+c[h]];if(this.prevProperties){for(var d=Object.keys(this.prevProperties),u=0;u<d.length;u++)if(p=d[parseInt(u.toString(),10)],Object.prototype.hasOwnProperty.call(l,p)){var f=this.compareObjects(this.prevProperties[""+p],l[""+p],p);if(f.status)delete l[""+p];else{f.changedProperties.length&&(a=a.concat(f.changedProperties));var m={};m[""+p]=l[""+p],this.prevProperties=i.extend(this.prevProperties,m)}}}else this.prevProperties=i.extend({},l,{},!0);if(a.length)if("grid"===this.getModuleName()&&"columns"===p)for(var y=0,g=this.columns;y<g.length;y++)i.getValue("field",g[parseInt(y.toString(),10)])===i.getValue(y+".value.field",a)?(C=i.getValue(a[parseInt(y.toString(),10)].key+"."+a[parseInt(y.toString(),10)].index,this))&&C.setProperties?C.setProperties(a[parseInt(y.toString(),10)].value):i.extend(C,a[parseInt(y.toString(),10)].value):this.setProperties(l,t);else for(var v=0,O=a;v<O.length;v++){var b=O[v],C=i.getValue(b.key+"."+b.index,this);C&&C.setProperties?C.setProperties(b.value):i.extend(C,b.value)}else this.setProperties(l,t)}}},s.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var t=!!["dropdowntree","checkbox"].indexOf(this.getModuleName())||document.body.contains(this.element);this.initRenderCalled&&this.isAppendCalled&&this.element&&t&&!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;t&&t.length?Array.prototype.forEach.call(t,function(t){if(s.portals.forEach(function(t){t.propName}),!i.isNullOrUndefined(e)&&s.portals[e]&&s.portals[e].propName===t)s.portals.splice(e,1);else for(var r=0;r<s.portals.length;r++)s.portals[parseInt(r.toString(),10)].propName===t&&(s.portals.splice(r,1),r--)}):this.portals=[],this.renderReactTemplates(r)},s.prototype.validateChildren=function(t,r,i){for(var s=!1,n=0,o=e.Children.toArray(i.children);n<o.length;n++){var a=o[n],p=this.getChildType(a),l=r[""+p];if(p&&r){var h=this.getChildProps(e.Children.toArray(a.props.children),l);h.length&&(s=!0,t[a.type.propertyName||p]=h)}}return s?t:null},s.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},s.prototype.getChildProps=function(t,e){for(var r=[],s=0,n=t;s<n.length;s++){var o=n[s],a=!1,p=void 0;"string"==typeof e?(a=!0,p=e):p=Object.keys(e)[0];var l=o.props;if(this.getChildType(o)===p)if(a||!l.children){var h=i.extend({},l,{},!0);this.processComplexTemplate(h,o.type),r.push(h)}else{var c=this.validateChildren(i.extend({},l),e[""+p],l)||l;c.children&&delete c.children,this.processComplexTemplate(c,o.type),r.push(c)}}return r},s.prototype.getInjectedServices=function(){for(var t=0,r=e.Children.toArray(this.props.children);t<r.length;t++){var i=r[t];if(i.type&&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.ComplexBase=d,t.ComponentBase=h,t.Inject=f,t.applyMixins=s,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 : 25.2.6
+*  version : 26.1.35
 *  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@25.2.3",
+  "_id": "@syncfusion/ej2-react-base@17.33.0",
   "_inBundle": false,
-  "_integrity": "sha512-JeoWC/4E3M4PODEGfHQXOmAXpTw7JzIQ63ERrETUMmhKWxTTZSlJaE+TU1fExsv7IYj3ZGJkcwNZqH3riHaZcw==",
+  "_integrity": "sha512-CH32lJWOS8Tbv4Sb5t2OZs5wlDyYxVJVIxrcUGW1isszTU7SW1O3HsKDOH2B2GFSSdHWZ9wqPoWXZl1vabY42w==",
   "_location": "/@syncfusion/ej2-react-base",
@@ -23,3 +23,6 @@ "_phantomChildren": {},
     "/@syncfusion/ej2-react-buttons",
+    "/@syncfusion/ej2-react-calendars",
     "/@syncfusion/ej2-react-charts",
+    "/@syncfusion/ej2-react-circulargauge",
+    "/@syncfusion/ej2-react-diagrams",
     "/@syncfusion/ej2-react-documenteditor",
@@ -30,16 +33,30 @@ "/@syncfusion/ej2-react-dropdowns",
     "/@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",
+    "/@syncfusion/ej2-react-notifications",
     "/@syncfusion/ej2-react-pdfviewer",
     "/@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-schedule",
-    "/@syncfusion/ej2-react-treegrid"
+    "/@syncfusion/ej2-react-splitbuttons",
+    "/@syncfusion/ej2-react-spreadsheet",
+    "/@syncfusion/ej2-react-treegrid",
+    "/@syncfusion/ej2-react-treemap"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-base/-/ej2-react-base-25.2.3.tgz",
-  "_shasum": "44b8df7590c84cc73bc2942bf1403813ccaca674",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-react-base/-/ej2-react-base-17.33.0.tgz",
+  "_shasum": "ce479cbbb3638e32e9db8d602e84fc1fe16bec9e",
   "_spec": "@syncfusion/ej2-react-base@*",
-  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -53,3 +70,3 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.2.5"
+    "@syncfusion/ej2-base": "~26.1.35"
   },
@@ -80,4 +97,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "25.2.6",
+  "version": "26.1.35",
   "sideEffects": true
 }

src/component-base.js

@@ -14,2 +14,3 @@ var __extends = (this && this.__extends) || (function () {
 })();
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
 /**
@@ -26,4 +27,2 @@ * React Component Base
 var isColEName = /\]/;
-// tslint:disable
-/* eslint-disable @typescript-eslint/no-explicit-any */
 var ComponentBase = /** @class */ (function (_super) {
@@ -46,3 +45,2 @@ __extends(ComponentBase, _super);
     // Reference link:https://reactjs.org/docs/react-component.html#unsafe_componentWillMount
-    // tslint:disable-next-line:no-any
     ComponentBase.prototype.componentDidMount = function () {
@@ -53,3 +51,2 @@ this.refreshChild(true);
         // Reference link: https://github.com/facebook/react/issues/10309#issuecomment-318433235
-        // tslint:disable-next-line:no-any
         this.renderReactComponent();
@@ -79,3 +76,2 @@ if (this.portals && this.portals.length) {
     // Reference link:https://reactjs.org/docs/react-component.html#unsafe_componentwillreceiveprops
-    // tslint:disable-next-line:no-any
     /**
@@ -147,3 +143,2 @@ * @param {Object} nextProps - Specifies the property value.
         }
-        // tslint:disable-next-line:no-any
         if (this.initRenderCalled && (this.canDelayUpdate || prevProps.delayUpdate)) {
@@ -162,3 +157,2 @@ setTimeout(function () {
             if (!silent) {
-                // tslint:disable-next-line:no-any
                 this.processComplexTemplate(dProps, this);
@@ -175,7 +169,8 @@ }
         if (compTemplate) {
-            // eslint-disable-next-line
             for (var prop in compTemplate) {
-                var PropVal = compTemplate["" + prop];
-                if (curObject["" + prop]) {
-                    setValue(PropVal, getValue(prop, curObject), curObject);
+                if (Object.prototype.hasOwnProperty.call(compTemplate, prop)) {
+                    var PropVal = compTemplate["" + prop];
+                    if (curObject["" + prop]) {
+                        setValue(PropVal, getValue(prop, curObject), curObject);
+                    }
                 }
@@ -207,3 +202,2 @@ }
         if (!this.htmlattributes.ref) {
-            /* tslint:disable:no-any */
             this.htmlattributes.ref = function (ele) {
@@ -214,3 +208,3 @@ _this.reactElement = ele;
                 'listbox', 'colorpicker', 'numerictextbox', 'textbox',
-                'uploader', 'maskedtextbox', 'slider', 'datepicker', 'datetimepicker', 'daterangepicker', 'timepicker', 'checkbox', 'switch', 'radio', 'rating', 'textarea'];
+                'uploader', 'maskedtextbox', 'slider', 'datepicker', 'datetimepicker', 'daterangepicker', 'timepicker', 'checkbox', 'switch', 'radio', 'rating', 'textarea', 'multicolumncombobox'];
             if (keycompoentns.indexOf(this.getModuleName()) !== -1) {
@@ -238,4 +232,2 @@ this.htmlattributes.key = '' + ComponentBase.reactUid;
     };
-    /* tslint:disable:no-any */
-    // eslint-disable-next-line
     ComponentBase.prototype.trigger = function (eventName, eventProp, successHandler) {
@@ -318,3 +310,2 @@ var _this = this;
     };
-    // eslint-disable-next-line
     ComponentBase.prototype.compareObjects = function (oldProps, newProps, propName) {
@@ -466,3 +457,2 @@ var status = true;
         var hasModule = ((!modulesName.indexOf(this.getModuleName())) ? document.body.contains(this.element) : true);
-        // tslint:disable-next-line:no-any
         if (this.initRenderCalled && this.isAppendCalled && this.element && hasModule && !this.isDestroyed && this.isCreated) {
@@ -473,4 +463,2 @@ this.destroy();
     };
-    // tslint:disable:no-any
-    // eslint-disable-next-line
     ComponentBase.prototype.appendReactElement = function (element, container) {
@@ -485,4 +473,2 @@ var portal = ReactDOM.createPortal(element, container);
     };
-    // tslint:disable:no-any
-    // eslint-disable-next-line
     ComponentBase.prototype.renderReactTemplates = function (callback) {
@@ -498,4 +484,2 @@ this.isReactForeceUpdate = true;
     };
-    // tslint:disable:no-any
-    // eslint-disable-next-line
     ComponentBase.prototype.clearTemplate = function (templateNames, index, callback) {
@@ -531,3 +515,2 @@ var _this = this;
     };
-    /* tslint:disable:no-any */
     ComponentBase.prototype.validateChildren = function (childCache, mapper, props) {
@@ -541,7 +524,5 @@ var flag = false;
             if (ifield && mapper) {
-                // tslint:disable
                 var childProps = this.getChildProps(React.Children.toArray(child.props.children), key);
                 if (childProps.length) {
                     flag = true;
-                    // tslint:disable
                     childCache[child.type.propertyName || ifield] = childProps;
@@ -556,3 +537,2 @@ }
     };
-    // tslint:disable:no-any
     ComponentBase.prototype.getChildType = function (child) {
@@ -578,9 +558,6 @@ if (child.type && child.type.isDirective) {
             var prop = child.props;
-            // tslint:disable-next-line:no-any
             var field = this.getChildType(child);
             if (field === key) {
                 if (accessProp || !prop.children) {
-                    // tslint:disable
                     var cacheVal = extend({}, prop, {}, true);
-                    // tslint:disable
                     this.processComplexTemplate(cacheVal, child.type);
@@ -594,3 +571,2 @@ ret.push(cacheVal);
                     }
-                    // tslint:disable
                     this.processComplexTemplate(cachedValue, child.type);
@@ -603,3 +579,2 @@ ret.push(cachedValue);
     };
-    // tslint:disable:no-any
     ComponentBase.prototype.getInjectedServices = function () {
@@ -609,3 +584,2 @@ var childs = React.Children.toArray(this.props.children);
             var child = childs_2[_i];
-            /* tslint:disable:no-any */
             if (child.type && child.type.isService) {
@@ -624,2 +598,1 @@ return child.props.services;
 export { ComponentBase };
-/* tslint:enable:no-any */

src/services.js

@@ -14,2 +14,3 @@ var __extends = (this && this.__extends) || (function () {
 })();
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
@@ -24,3 +25,2 @@ * Dependency injection
     }
-    // eslint-disable-next-line
     Inject.prototype.render = function () {
@@ -27,0 +27,0 @@ return null;

src/template.d.ts

@@ -0,1 +1,9 @@
+/**
+ * Compile the template property to the DOM elements.
+ *
+ * @param {any} templateElement ?
+ * @param {Object} helper ?
+ * @returns {Function} ?
+ * @private
+ */
 export declare function compile(templateElement: any, helper?: Object): (data: Object | JSON, component?: any, propName?: any, element?: any) => Object;

src/template.js

@@ -0,1 +1,2 @@
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
 /**
@@ -7,5 +8,14 @@ * Template compiler for react
 import * as React from 'react';
-/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * Compile the string value to DOM elements.
+ */
 var stringCompiler = getTemplateEngine();
-// eslint-disable-next-line
+/**
+ * Compile the template property to the DOM elements.
+ *
+ * @param {any} templateElement ?
+ * @param {Object} helper ?
+ * @returns {Function} ?
+ * @private
+ */
 export function compile(templateElement, helper) {
@@ -12,0 +22,0 @@ if (typeof templateElement === 'string' || (templateElement.prototype && templateElement.prototype.CSPTemplate && typeof templateElement === 'function')) {

src/util.d.ts

@@ -5,2 +5,10 @@ /**
 import * as React from 'react';
+/**
+ * Apply mixins for the React components.
+ *
+ * @param {any} derivedClass ?
+ * @param {any[]} baseClass ?
+ * @returns {void} ?
+ * @private
+ */
 export declare function applyMixins(derivedClass: any, baseClass: any[]): void;
@@ -7,0 +15,0 @@ declare type MouseEventHandler<T = Element> = React.EventHandler<React.MouseEvent<T>>;

src/util.js

@@ -1,4 +0,10 @@
-// eslint-disable-next-line
+/**
+ * Apply mixins for the React components.
+ *
+ * @param {any} derivedClass ?
+ * @param {any[]} baseClass ?
+ * @returns {void} ?
+ * @private
+ */
 export function applyMixins(derivedClass, baseClass) {
-    // tslint:disable:typedef
     baseClass.forEach(function (baseClass) {
@@ -5,0 +11,0 @@ Object.getOwnPropertyNames(baseClass.prototype).forEach(function (name) {

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

366601

decreased by-1.66%

Number of package files

30

decreased by-3.23%

Lines of code

2709

decreased by-1.85%

Dependency changes

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

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

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

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

• Updated@syncfusion/ej2-base@~26.1.35