Socket
Socket
Sign inDemoInstall

@syncfusion/ej2-react-base

Package Overview
Dependencies
Maintainers
3
Versions
164
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 24.2.7 to 25.1.35

12

CHANGELOG.md

@@ -7,14 +7,10 @@ # Changelog

#### Bug Fixes
#### Breaking Changes
- `#I545133` - The issue with "the class name of a component is removed from the element when the state is updated" has been resolved.
- `#I549176` - The installation warnings triggered by outdated versions of external dependencies during the React packages installation have been addressed, and these dependencies have been removed. This modification improves the installation process, ensuring a more seamless experience without dependence on external dependencies.
## 24.1.46 (2024-01-17)
#### New Features
### Common
- Provided compatible support with `Preact` for the React components.
#### Bug Fixes
- `#I537758`, `#I538396`, `#F184789` - The issue with "warning is thrown when using the `statelessTemplates` property in React components" has been resolved.
## 24.1.41 (2023-12-18)

@@ -21,0 +17,0 @@

4

dist/ej2-react-base.min.js
/*!
* filename: ej2-react-base.min.js
* version : 24.2.7
* version : 25.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=new RegExp("]"),c=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.mountingState=!1,e.attrKeys=[],e.cachedTimeOut=0,e.isAppendCalled=!1,e.initRenderCalled=!1,e.isReactForeceUpdate=!1,e.isReact=!0,e.isshouldComponentUpdateCalled=!1,e.isCreated=!1,e}return o(e,t),e.prototype.componentDidMount=function(){this.refreshChild(!0),this.canDelayUpdate=-1!==p.indexOf(this.getModuleName()),this.renderReactComponent(),this.portals&&this.portals.length&&(this.mountingState=!0,this.renderReactTemplates(),this.mountingState=!1)},e.prototype.componentDidUpdate=function(t){this.isshouldComponentUpdateCalled||!this.initRenderCalled||this.isReactForeceUpdate||t!==this.props&&(this.isshouldComponentUpdateCalled=!0,this.updateProperties(this.props,!1,t))},e.prototype.renderReactComponent=function(){var t=this.reactElement;t&&!this.isAppendCalled&&(this.isAppendCalled=!0,this.appendTo(t))},e.prototype.shouldComponentUpdate=function(t){return this.isshouldComponentUpdateCalled=!0,this.initRenderCalled?(this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(this.reactElement)),this.updateProperties(t),!0):(this.updateProperties(t,!0),!0)},e.prototype.updateProperties=function(t,e,i){for(var n=this,o=r.i(s.extend)({},t),a=Object.keys(t),p=r.i(s.extend)({},i||this.props),l=r.i(s.isNullOrUndefined)(p.statelessTemplates)?r.i(s.isNullOrUndefined)(this.statelessTemplateProps)?[]:this.statelessTemplateProps:p.statelessTemplates,c=0,u=a;c<u.length;c++){var h=u[c],d="className"===h;if("children"!==h)if(d||r.i(s.isNullOrUndefined)(this.htmlattributes[""+h])||this.htmlattributes[""+h]===o[""+h]||(this.htmlattributes[""+h]=o[""+h]),this.compareValues(p[""+h],t[""+h]))delete o[""+h];else if(-1!==this.attrKeys.indexOf(h))if(d){this.clsName=!0;for(var f=p[""+h].split(" "),m=0;m<f.length;m++)this.element.classList.remove(f[parseInt(m.toString(),10)]);for(var y=o[""+h].split(" "),v=0;v<y.length;v++)this.element.classList.add(y[parseInt(v.toString(),10)])}else"disabled"===h||this.properties.hasOwnProperty(h)||delete o[""+h];else"value"===h&&t[""+h]===this[""+h]?delete o[""+h]:l.indexOf(h)>-1&&("content"===h&&"function"==typeof o[""+h]||t[""+h].toString()===this[""+h].toString())&&delete o[""+h]}o.children&&delete o.children,this.initRenderCalled&&(this.canDelayUpdate||p.delayUpdate)?setTimeout(function(){n.refreshProperties(o,t,e)}):this.refreshProperties(o,t,e)},e.prototype.refreshProperties=function(t,e,i){var n=r.i(s.isNullOrUndefined)(this.props.statelessTemplates)?[]:this.props.statelessTemplates;Object.keys(t).length&&(i||this.processComplexTemplate(t,this),this.setProperties(t,i)),-1===n.indexOf("directiveTemplates")&&this.refreshChild(i,e)},e.prototype.processComplexTemplate=function(t,e){var i=e.complexTemplate;if(i)for(var n in i){var o=i[""+n];t[""+n]&&r.i(s.setValue)(o,r.i(s.getValue)(n,t),t)}},e.prototype.getDefaultAttributes=function(){var t=this;this.isReact=!0;var r=Object.keys(this.props),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"].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),!h.hasOwnProperty(v)||!(p.length>0&&-1===p.indexOf(""+v)&&"function"==typeof O?this.compareValues(g.toString(),O.toString()):this.compareValues(g,O))){if(!i)return{status:!1};n=!1,u[""+v]=O}}else if(e[parseInt(l.toString(),10)]===t[parseInt(l.toString(),10)])n=!0;else{if(!i)return{status:!1};n=!1}"grid"===this.getModuleName()&&"columns"===i&&r.i(s.isNullOrUndefined)(u.field)&&(u.field=void 0),Object.keys(u).length&&a.push({index:l,value:u,key:i})}else n=!1;return{status:n,changedProperties:a}},e.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var i=this.getInjectedModules()||[],n=this.getInjectedServices()||[],o=0,a=n;o<a.length;o++){var p=a[o];-1===i.indexOf(p)&&i.push(p)}this.injectedModules=i}if(this.directivekeys){var l=[],c=this.validateChildren({},this.directivekeys,e||this.props);if(c&&Object.keys(c).length){if(!t&&this.skipRefresh)for(var u=0,h=this.skipRefresh;u<h.length;u++){var d=h[u];delete c[""+d]}if(this.prevProperties)for(var f=Object.keys(this.prevProperties),m=0;m<f.length;m++){var y=f[parseInt(m.toString(),10)];if(c.hasOwnProperty(y)){var v=this.compareObjects(this.prevProperties[""+y],c[""+y],y);if(v.status)delete c[""+y];else{v.changedProperties.length&&(l=l.concat(v.changedProperties));var g={};g[""+y]=c[""+y],this.prevProperties=r.i(s.extend)(this.prevProperties,g)}}}else this.prevProperties=r.i(s.extend)({},c,{},!0);if(l.length)if("grid"===this.getModuleName()&&"columns"===y)for(var O=0,b=this.columns;O<b.length;O++){var x=r.i(s.getValue)("field",b[parseInt(O.toString(),10)]),C=r.i(s.getValue)(O+".value.field",l);if(x===C){var P=r.i(s.getValue)(l[parseInt(O.toString(),10)].key+"."+l[parseInt(O.toString(),10)].index,this);P&&P.setProperties?P.setProperties(l[parseInt(O.toString(),10)].value):r.i(s.extend)(P,l[parseInt(O.toString(),10)].value)}else this.setProperties(c,t)}else for(var S=0,j=l;S<j.length;S++){var _=j[S],N=r.i(s.getValue)(_.key+"."+_.index,this);N&&N.setProperties?N.setProperties(_.value):r.i(s.extend)(N,_.value)}else this.setProperties(c,t)}}},e.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var t=["dropdowntree","checkbox"];this.initRenderCalled&&this.isAppendCalled&&this.element&&(t.indexOf(this.getModuleName())||document.body.contains(this.element))&&!this.isDestroyed&&this.isCreated&&this.destroy(),s.onIntlChange.offIntlEvents()},e.prototype.appendReactElement=function(t,e){var r=n.createPortal(t,e);this.portals?this.portals.push(r):this.portals=[r]},e.prototype.renderReactTemplates=function(t){this.isReactForeceUpdate=!0,t?this.forceUpdate(t):this.forceUpdate(),this.isReactForeceUpdate=!1},e.prototype.clearTemplate=function(t,e,i){var n=this,o=[];t&&t.length?Array.prototype.forEach.call(t,function(t){var i=0,a=0;if(n.portals.forEach(function(e){e.propName===t&&(o.push(a),a++)}),!r.i(s.isNullOrUndefined)(e)&&n.portals[e]&&n.portals[e].propName===t)n.portals.splice(e,1),i++;else for(var p=0;p<n.portals.length;p++)n.portals[parseInt(p.toString(),10)].propName===t&&(n.portals.splice(p,1),p--)}):this.portals=[],this.renderReactTemplates(i)},e.prototype.validateChildren=function(t,e,r){for(var n=!1,s=i.Children.toArray(r.children),o=0,a=s;o<a.length;o++){var p=a[o],l=this.getChildType(p),c=e[""+l];if(l&&e){var u=this.getChildProps(i.Children.toArray(p.props.children),c);u.length&&(n=!0,t[p.type.propertyName||l]=u)}}return n?t:null},e.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},e.prototype.getChildProps=function(t,e){for(var i=[],n=0,o=t;n<o.length;n++){var a=o[n],p=!1,l=void 0;"string"==typeof e?(p=!0,l=e):l=Object.keys(e)[0];var c=a.props;if(this.getChildType(a)===l)if(p||!c.children){var u=r.i(s.extend)({},c,{},!0);this.processComplexTemplate(u,a.type),i.push(u)}else{var h=this.validateChildren(r.i(s.extend)({},c),e[""+l],c)||c;h.children&&delete h.children,this.processComplexTemplate(h,a.type),i.push(h)}}return i},e.prototype.getInjectedServices=function(){for(var t=i.Children.toArray(this.props.children),e=0,r=t;e<r.length;e++){var n=r[e];if(n.type&&n.type.isService)return n.props.services}return[]},e.reactUid=1,e}(i.Component)},function(t,e,r){"use strict";r.d(e,"a",function(){return s});var i=r(0),n=(r.n(i),this&&this.__extends||function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}()),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(i.PureComponent)},function(t,e,r){"use strict";function i(t,e){return"string"==typeof t||t.prototype&&t.prototype.CSPTemplate&&"function"==typeof t?a(t,e):function(e,i,a,p){var l=t,c=e;"object"==typeof l&&(l=t.template,c=r.i(n.extend)({},e,t.data||{}));var u;u=p||document.createElement("div");var h=o.createElement(l,c),d=s.createPortal(h,u);if(d.propName=a,i.portals?i.portals.push(d):i.portals=[d],!p)return[u]}}e.a=i;var n=r(2),s=(r.n(n),r(1)),o=(r.n(s),r(0)),a=(r.n(o),r.i(n.getTemplateEngine)());r.i(n.setTemplateEngine)({compile:i})},function(t,e,r){"use strict";function i(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){"isMounted"!==r&&"replaceState"!==r&&(t.prototype[""+r]=e.prototype[""+r])})})}e.a=i},function(t,e,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=r(4);r.d(e,"ComponentBase",function(){return i.a});var n=r(7);r.d(e,"applyMixins",function(){return n.a});var s=r(3);r.d(e,"ComplexBase",function(){return s.a});var o=r(5);r.d(e,"Inject",function(){return o.a});var a=r(6);r.d(e,"compile",function(){return a.a})}])});
!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"].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})}])});

4

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

167

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

@@ -12,3 +12,3 @@ import { Children, Component, PureComponent, createElement } from 'react';

const delayUpdate = ['accordion', 'tab', 'splitter'];
const isColEName = new RegExp('\]');
const isColEName = /\]/;
// tslint:disable

@@ -54,3 +54,3 @@ /* eslint-disable @typescript-eslint/no-explicit-any */

renderReactComponent() {
let ele = this.reactElement;
const ele = this.reactElement;
if (ele && !this.isAppendCalled) {

@@ -65,2 +65,4 @@ this.isAppendCalled = true;

/**
* @param {Object} nextProps - Specifies the property value.
* @returns {boolean} - Returns boolean value.
* @private

@@ -82,14 +84,11 @@ */

}
/**
* @private
*/
updateProperties(nextProps, silent, prev) {
let dProps = extend({}, nextProps);
let keys = Object.keys(nextProps);
let prevProps = extend({}, prev || this.props);
const dProps = extend({}, nextProps);
const keys = Object.keys(nextProps);
const prevProps = extend({}, prev || this.props);
// The statelessTemplates props value is taken from sample level property or default component property.
let statelessTemplates = !isNullOrUndefined(prevProps['statelessTemplates']) ? prevProps['statelessTemplates'] :
const statelessTemplates = !isNullOrUndefined(prevProps['statelessTemplates']) ? prevProps['statelessTemplates'] :
(!isNullOrUndefined(this['statelessTemplateProps']) ? this['statelessTemplateProps'] : []);
for (let propkey of keys) {
let isClassName = propkey === 'className';
for (const propkey of keys) {
const isClassName = propkey === 'className';
if (propkey === 'children') {

@@ -108,7 +107,7 @@ continue;

this.clsName = true;
let propsClsName = prevProps[`${propkey}`].split(' ');
const propsClsName = prevProps[`${propkey}`].split(' ');
for (let i = 0; i < propsClsName.length; i++) {
this.element.classList.remove(propsClsName[parseInt(i.toString(), 10)]);
}
let dpropsClsName = dProps[`${propkey}`].split(' ');
const dpropsClsName = dProps[`${propkey}`].split(' ');
for (let j = 0; j < dpropsClsName.length; j++) {

@@ -118,3 +117,3 @@ this.element.classList.add(dpropsClsName[parseInt(j.toString(), 10)]);

}
else if (propkey !== 'disabled' && !this.properties.hasOwnProperty(propkey)) {
else if (propkey !== 'disabled' && !Object.prototype.hasOwnProperty.call(this.properties, propkey)) {
delete dProps[`${propkey}`];

@@ -144,3 +143,3 @@ }

refreshProperties(dProps, nextProps, silent) {
let statelessTemplates = !isNullOrUndefined(this.props['statelessTemplates']) ? this.props['statelessTemplates'] : [];
const statelessTemplates = !isNullOrUndefined(this.props['statelessTemplates']) ? this.props['statelessTemplates'] : [];
if (Object.keys(dProps).length) {

@@ -158,6 +157,7 @@ if (!silent) {

processComplexTemplate(curObject, context) {
let compTemplate = context.complexTemplate;
const compTemplate = context.complexTemplate;
if (compTemplate) {
for (let prop in compTemplate) {
let PropVal = compTemplate[`${prop}`];
// eslint-disable-next-line
for (const prop in compTemplate) {
const PropVal = compTemplate[`${prop}`];
if (curObject[`${prop}`]) {

@@ -171,4 +171,5 @@ setValue(PropVal, getValue(prop, curObject), curObject);

this.isReact = true;
let propKeys = Object.keys(this.props);
let ignoreProps = ['children', 'statelessTemplates', 'immediateRender', 'isLegacyTemplate', 'delayUpdate'];
const propKeys = Object.keys(this.props);
//let stringValue: string[] = ['autocomplete', 'dropdownlist', 'combobox'];
const ignoreProps = ['children', 'statelessTemplates', 'immediateRender', 'isLegacyTemplate', 'delayUpdate'];
// if ((stringValue.indexOf(this.getModuleName()) !== -1) && (!isNullOrUndefined(this.props["value"]))) {

@@ -181,3 +182,3 @@ // this.value = (<{ [key: string]: Object }>this.props)["value"];

this.attrKeys = defaulthtmlkeys.concat(this.controlAttributes || []);
for (let prop of propKeys) {
for (const prop of propKeys) {
if (prop.indexOf('data-') !== -1 || prop.indexOf('aria-') !== -1 || this.attrKeys.indexOf(prop) !== -1 || (Object.keys(this.properties).indexOf(`${prop}`) === -1 && ignoreProps.indexOf(`${prop}`) === -1)) {

@@ -194,3 +195,3 @@ if (this.htmlattributes[`${prop}`] !== this.props[`${prop}`]) {

};
let keycompoentns = ['autocomplete', 'combobox', 'dropdownlist', 'dropdowntree', 'multiselect',
const keycompoentns = ['autocomplete', 'combobox', 'dropdownlist', 'dropdowntree', 'multiselect',
'listbox', 'colorpicker', 'numerictextbox', 'textbox',

@@ -201,11 +202,13 @@ 'uploader', 'maskedtextbox', 'slider', 'datepicker', 'datetimepicker', 'daterangepicker', 'timepicker', 'checkbox', 'switch', 'radio', 'rating'];

ComponentBase.reactUid++;
if (this.type && !this.htmlattributes['type'])
if (this.type && !this.htmlattributes['type']) {
this.htmlattributes['type'] = this.multiline ? 'hidden' : this.type;
if (this.name && !this.htmlattributes['name'])
}
if (this.name && !this.htmlattributes['name']) {
this.htmlattributes['name'] = this.name;
}
}
}
if (this.clsName) {
let clsList = this.element.classList;
let className = this.htmlattributes['className'];
const clsList = this.element.classList;
const className = this.htmlattributes['className'];
for (let i = 0; i < clsList.length; i++) {

@@ -220,6 +223,7 @@ if ((className.indexOf(clsList[parseInt(i.toString(), 10)]) === -1)) {

/* tslint:disable:no-any */
// eslint-disable-next-line
trigger(eventName, eventProp, successHandler) {
if (this.isDestroyed !== true && this.modelObserver) {
if (isColEName.test(eventName)) {
let handler = getValue(eventName, this);
const handler = getValue(eventName, this);
if (handler) {

@@ -245,3 +249,3 @@ handler.call(this, eventProp);

}
let prevDetection = this.isProtectedOnChange;
const prevDetection = this.isProtectedOnChange;
this.isProtectedOnChange = false;

@@ -263,4 +267,4 @@ if (eventName === 'created') {

compareValues(value1, value2) {
let typeVal = typeof value1;
let typeVal2 = typeof value2;
const typeVal = typeof value1;
const typeVal2 = typeof value2;
if (typeVal === typeVal2) {

@@ -299,19 +303,20 @@ if (value1 === value2) {

}
// eslint-disable-next-line
compareObjects(oldProps, newProps, propName) {
let status = true;
let lenSimilarity = (oldProps.length === newProps.length);
let diffArray = [];
var templateProps = !isNullOrUndefined(this['templateProps']) ? this['templateProps'] : [];
const lenSimilarity = (oldProps.length === newProps.length);
const diffArray = [];
const templateProps = !isNullOrUndefined(this['templateProps']) ? this['templateProps'] : [];
if (lenSimilarity) {
for (let i = 0, len = newProps.length; i < len; i++) {
let curObj = {};
let oldProp = oldProps[parseInt(i.toString(), 10)];
let newProp = newProps[parseInt(i.toString(), 10)];
let keys = Object.keys(newProp);
const curObj = {};
const oldProp = oldProps[parseInt(i.toString(), 10)];
const newProp = newProps[parseInt(i.toString(), 10)];
const keys = Object.keys(newProp);
if (keys.length !== 0) {
for (let key of keys) {
let oldValue = oldProp[`${key}`];
let newValue = newProp[`${key}`];
for (const key of keys) {
const oldValue = oldProp[`${key}`];
const newValue = newProp[`${key}`];
if (key === 'items') {
for (var _j = 0; _j < newValue.length; _j++) {
for (let _j = 0; _j < newValue.length; _j++) {
if (this.getModuleName() === 'richtexteditor' && typeof (newValue[parseInt(_j.toString(), 10)]) === 'object') {

@@ -325,3 +330,3 @@ return { status: true };

}
if (!oldProp.hasOwnProperty(key) || !((templateProps.length > 0 && templateProps.indexOf(`${key}`) === -1 && typeof (newValue) === 'function') ? this.compareValues(oldValue.toString(), newValue.toString()) : this.compareValues(oldValue, newValue))) {
if (!Object.prototype.hasOwnProperty.call(oldProp, key) || !((templateProps.length > 0 && templateProps.indexOf(`${key}`) === -1 && typeof (newValue) === 'function') ? this.compareValues(oldValue.toString(), newValue.toString()) : this.compareValues(oldValue, newValue))) {
if (!propName) {

@@ -359,5 +364,5 @@ return { status: false };

if (this.checkInjectedModules) {
let prevModule = this.getInjectedModules() || [];
let curModule = this.getInjectedServices() || [];
for (let mod of curModule) {
const prevModule = this.getInjectedModules() || [];
const curModule = this.getInjectedServices() || [];
for (const mod of curModule) {
if (prevModule.indexOf(mod) === -1) {

@@ -371,6 +376,7 @@ prevModule.push(mod);

let changedProps = [];
let directiveValue = this.validateChildren({}, this.directivekeys, (props || this.props));
let key = '';
const directiveValue = this.validateChildren({}, this.directivekeys, (props || this.props));
if (directiveValue && Object.keys(directiveValue).length) {
if (!silent && this.skipRefresh) {
for (let fields of this.skipRefresh) {
for (const fields of this.skipRefresh) {
delete directiveValue[`${fields}`];

@@ -380,9 +386,9 @@ }

if (this.prevProperties) {
var dKeys = Object.keys(this.prevProperties);
for (var i = 0; i < dKeys.length; i++) {
var key = dKeys[parseInt(i.toString(), 10)];
if (!directiveValue.hasOwnProperty(key)) {
const dKeys = Object.keys(this.prevProperties);
for (let i = 0; i < dKeys.length; i++) {
key = dKeys[parseInt(i.toString(), 10)];
if (!Object.prototype.hasOwnProperty.call(directiveValue, key)) {
continue;
}
let compareOutput = this.compareObjects(this.prevProperties[`${key}`], directiveValue[`${key}`], key);
const compareOutput = this.compareObjects(this.prevProperties[`${key}`], directiveValue[`${key}`], key);
if (compareOutput.status) {

@@ -395,3 +401,3 @@ delete directiveValue[`${key}`];

}
let obj = {};
const obj = {};
obj[`${key}`] = directiveValue[`${key}`];

@@ -407,7 +413,7 @@ this.prevProperties = extend(this.prevProperties, obj);

if (this.getModuleName() === 'grid' && key === 'columns') {
for (var _c1 = 0, allColumns = this.columns; _c1 < allColumns.length; _c1++) {
let compareField1 = getValue('field', allColumns[parseInt(_c1.toString(), 10)]);
let compareField2 = getValue(_c1 + '.value.field', changedProps);
for (let _c1 = 0, allColumns = this.columns; _c1 < allColumns.length; _c1++) {
const compareField1 = getValue('field', allColumns[parseInt(_c1.toString(), 10)]);
const compareField2 = getValue(_c1 + '.value.field', changedProps);
if (compareField1 === compareField2) {
var propInstance = getValue(changedProps[parseInt(_c1.toString(), 10)].key + '.' + changedProps[parseInt(_c1.toString(), 10)].index, this);
const propInstance = getValue(changedProps[parseInt(_c1.toString(), 10)].key + '.' + changedProps[parseInt(_c1.toString(), 10)].index, this);
if (propInstance && propInstance.setProperties) {

@@ -426,4 +432,4 @@ propInstance.setProperties(changedProps[parseInt(_c1.toString(), 10)].value);

else {
for (let changes of changedProps) {
let propInstance = getValue(changes.key + '.' + changes.index, this);
for (const changes of changedProps) {
const propInstance = getValue(changes.key + '.' + changes.index, this);
if (propInstance && propInstance.setProperties) {

@@ -446,5 +452,6 @@ propInstance.setProperties(changes.value);

clearTimeout(this.cachedTimeOut);
var modulesName = ['dropdowntree', 'checkbox'];
const modulesName = ['dropdowntree', 'checkbox'];
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 && ((!modulesName.indexOf(this.getModuleName())) ? document.body.contains(this.element) : true) && !this.isDestroyed && this.isCreated) {
if (this.initRenderCalled && this.isAppendCalled && this.element && hasModule && !this.isDestroyed && this.isCreated) {
this.destroy();

@@ -455,4 +462,5 @@ }

// tslint:disable:no-any
// eslint-disable-next-line
appendReactElement(element, container) {
let portal = createPortal(element, container);
const portal = createPortal(element, container);
if (!this.portals) {

@@ -466,2 +474,3 @@ this.portals = [portal];

// tslint:disable:no-any
// eslint-disable-next-line
renderReactTemplates(callback) {

@@ -478,4 +487,5 @@ this.isReactForeceUpdate = true;

// tslint:disable:no-any
// eslint-disable-next-line
clearTemplate(templateNames, index, callback) {
var tempPortal = [];
const tempPortal = [];
if (templateNames && templateNames.length) {

@@ -492,6 +502,5 @@ Array.prototype.forEach.call(templateNames, (propName) => {

this.portals.splice(index, 1);
}
else {
for (var i = 0; i < this.portals.length; i++) {
for (let i = 0; i < this.portals.length; i++) {
if (this.portals[parseInt(i.toString(), 10)].propName === propName) {

@@ -513,9 +522,9 @@ this.portals.splice(i, 1);

let flag = false;
let childs = Children.toArray(props.children);
for (let child of childs) {
let ifield = this.getChildType(child);
let key = mapper[`${ifield}`];
const childs = Children.toArray(props.children);
for (const child of childs) {
const ifield = this.getChildType(child);
const key = mapper[`${ifield}`];
if (ifield && mapper) {
// tslint:disable
let childProps = this.getChildProps(Children.toArray(child.props.children), key);
const childProps = this.getChildProps(Children.toArray(child.props.children), key);
if (childProps.length) {

@@ -541,4 +550,4 @@ flag = true;

getChildProps(subChild, matcher) {
let ret = [];
for (let child of subChild) {
const ret = [];
for (const child of subChild) {
let accessProp = false;

@@ -553,9 +562,9 @@ let key;

}
let prop = child.props;
const prop = child.props;
// tslint:disable-next-line:no-any
let field = this.getChildType(child);
const field = this.getChildType(child);
if (field === key) {
if (accessProp || !prop.children) {
// tslint:disable
let cacheVal = extend({}, prop, {}, true);
const cacheVal = extend({}, prop, {}, true);
// tslint:disable

@@ -566,3 +575,3 @@ this.processComplexTemplate(cacheVal, child.type);

else {
let cachedValue = this.validateChildren(extend({}, prop), matcher[`${key}`], prop) || prop;
const cachedValue = this.validateChildren(extend({}, prop), matcher[`${key}`], prop) || prop;
if (cachedValue['children']) {

@@ -581,4 +590,4 @@ delete cachedValue['children'];

getInjectedServices() {
let childs = Children.toArray(this.props.children);
for (let child of childs) {
const childs = Children.toArray(this.props.children);
for (const child of childs) {
/* tslint:disable:no-any */

@@ -603,3 +612,3 @@ if (child.type && child.type.isService) {

Object.getOwnPropertyNames(baseClass.prototype).forEach(name => {
if (name !== 'isMounted' && name !== 'replaceState') {
if (name !== 'isMounted' && name !== 'replaceState' && name !== 'render') {
derivedClass.prototype[`${name}`] = baseClass.prototype[`${name}`];

@@ -606,0 +615,0 @@ }

43

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

@@ -25,3 +25,3 @@ import { Children, Component, PureComponent, createElement } from 'react';

var delayUpdate = ['accordion', 'tab', 'splitter'];
var isColEName = new RegExp('\]');
var isColEName = /\]/;
// tslint:disable

@@ -79,2 +79,4 @@ /* eslint-disable @typescript-eslint/no-explicit-any */

/**
* @param {Object} nextProps - Specifies the property value.
* @returns {boolean} - Returns boolean value.
* @private

@@ -96,5 +98,2 @@ */

};
/**
* @private
*/
ComponentBase.prototype.updateProperties = function (nextProps, silent, prev) {

@@ -133,3 +132,3 @@ var _this = this;

}
else if (propkey !== 'disabled' && !this.properties.hasOwnProperty(propkey)) {
else if (propkey !== 'disabled' && !Object.prototype.hasOwnProperty.call(this.properties, propkey)) {
delete dProps["" + propkey];

@@ -174,2 +173,3 @@ }

if (compTemplate) {
// eslint-disable-next-line
for (var prop in compTemplate) {

@@ -187,2 +187,3 @@ var PropVal = compTemplate["" + prop];

var propKeys = Object.keys(this.props);
//let stringValue: string[] = ['autocomplete', 'dropdownlist', 'combobox'];
var ignoreProps = ['children', 'statelessTemplates', 'immediateRender', 'isLegacyTemplate', 'delayUpdate'];

@@ -215,6 +216,8 @@ // if ((stringValue.indexOf(this.getModuleName()) !== -1) && (!isNullOrUndefined(this.props["value"]))) {

ComponentBase.reactUid++;
if (this.type && !this.htmlattributes['type'])
if (this.type && !this.htmlattributes['type']) {
this.htmlattributes['type'] = this.multiline ? 'hidden' : this.type;
if (this.name && !this.htmlattributes['name'])
}
if (this.name && !this.htmlattributes['name']) {
this.htmlattributes['name'] = this.name;
}
}

@@ -234,2 +237,3 @@ }

/* tslint:disable:no-any */
// eslint-disable-next-line
ComponentBase.prototype.trigger = function (eventName, eventProp, successHandler) {

@@ -312,2 +316,3 @@ var _this = this;

};
// eslint-disable-next-line
ComponentBase.prototype.compareObjects = function (oldProps, newProps, propName) {

@@ -339,3 +344,3 @@ var status = true;

}
if (!oldProp.hasOwnProperty(key) || !((templateProps.length > 0 && templateProps.indexOf("" + key) === -1 && typeof (newValue) === 'function') ? this.compareValues(oldValue.toString(), newValue.toString()) : this.compareValues(oldValue, newValue))) {
if (!Object.prototype.hasOwnProperty.call(oldProp, key) || !((templateProps.length > 0 && templateProps.indexOf("" + key) === -1 && typeof (newValue) === 'function') ? this.compareValues(oldValue.toString(), newValue.toString()) : this.compareValues(oldValue, newValue))) {
if (!propName) {

@@ -385,2 +390,3 @@ return { status: false };

var changedProps = [];
var key = '';
var directiveValue = this.validateChildren({}, this.directivekeys, (props || this.props));

@@ -397,4 +403,4 @@ if (directiveValue && Object.keys(directiveValue).length) {

for (var i = 0; i < dKeys.length; i++) {
var key = dKeys[parseInt(i.toString(), 10)];
if (!directiveValue.hasOwnProperty(key)) {
key = dKeys[parseInt(i.toString(), 10)];
if (!Object.prototype.hasOwnProperty.call(directiveValue, key)) {
continue;

@@ -441,8 +447,8 @@ }

var changes = changedProps_1[_c];
var propInstance_1 = getValue(changes.key + '.' + changes.index, this);
if (propInstance_1 && propInstance_1.setProperties) {
propInstance_1.setProperties(changes.value);
var propInstance = getValue(changes.key + '.' + changes.index, this);
if (propInstance && propInstance.setProperties) {
propInstance.setProperties(changes.value);
}
else {
extend(propInstance_1, changes.value);
extend(propInstance, changes.value);
}

@@ -461,4 +467,5 @@ }

var modulesName = ['dropdowntree', 'checkbox'];
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 && ((!modulesName.indexOf(this.getModuleName())) ? document.body.contains(this.element) : true) && !this.isDestroyed && this.isCreated) {
if (this.initRenderCalled && this.isAppendCalled && this.element && hasModule && !this.isDestroyed && this.isCreated) {
this.destroy();

@@ -469,2 +476,3 @@ }

// tslint:disable:no-any
// eslint-disable-next-line
ComponentBase.prototype.appendReactElement = function (element, container) {

@@ -480,2 +488,3 @@ var portal = createPortal(element, container);

// tslint:disable:no-any
// eslint-disable-next-line
ComponentBase.prototype.renderReactTemplates = function (callback) {

@@ -492,2 +501,3 @@ this.isReactForeceUpdate = true;

// tslint:disable:no-any
// eslint-disable-next-line
ComponentBase.prototype.clearTemplate = function (templateNames, index, callback) {

@@ -507,3 +517,2 @@ var _this = this;

_this.portals.splice(index, 1);
}

@@ -618,3 +627,3 @@ else {

Object.getOwnPropertyNames(baseClass.prototype).forEach(function (name) {
if (name !== 'isMounted' && name !== 'replaceState') {
if (name !== 'isMounted' && name !== 'replaceState' && name !== 'render') {
derivedClass.prototype["" + name] = baseClass.prototype["" + name];

@@ -621,0 +630,0 @@ }

4

dist/global/ej2-react-base.min.js
/*!
* filename: ej2-react-base.min.js
* version : 24.2.7
* version : 25.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&&(t.prototype[""+r]=e.prototype[""+r])})})}function n(t,s){return"string"==typeof t||t.prototype&&t.prototype.CSPTemplate&&"function"==typeof t?m(t,s):function(s,n,o,a){var p=t,l=s;"object"==typeof p&&(p=t.template,l=i.extend({},s,t.data||{}));var h;h=a||document.createElement("div");var c=e.createElement(p,l),d=r.createPortal(c,h);if(d.propName=o,n.portals?n.portals.push(d):n.portals=[d],!a)return[h]}}var o=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),a=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],p=["accordion","tab","splitter"],l=new RegExp("]"),h=function(t){function s(){var e=null!==t&&t.apply(this,arguments)||this;return e.mountingState=!1,e.attrKeys=[],e.cachedTimeOut=0,e.isAppendCalled=!1,e.initRenderCalled=!1,e.isReactForeceUpdate=!1,e.isReact=!0,e.isshouldComponentUpdateCalled=!1,e.isCreated=!1,e}return o(s,t),s.prototype.componentDidMount=function(){this.refreshChild(!0),this.canDelayUpdate=-1!==p.indexOf(this.getModuleName()),this.renderReactComponent(),this.portals&&this.portals.length&&(this.mountingState=!0,this.renderReactTemplates(),this.mountingState=!1)},s.prototype.componentDidUpdate=function(t){this.isshouldComponentUpdateCalled||!this.initRenderCalled||this.isReactForeceUpdate||t!==this.props&&(this.isshouldComponentUpdateCalled=!0,this.updateProperties(this.props,!1,t))},s.prototype.renderReactComponent=function(){var t=this.reactElement;t&&!this.isAppendCalled&&(this.isAppendCalled=!0,this.appendTo(t))},s.prototype.shouldComponentUpdate=function(t){return this.isshouldComponentUpdateCalled=!0,this.initRenderCalled?(this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(this.reactElement)),this.updateProperties(t),!0):(this.updateProperties(t,!0),!0)},s.prototype.updateProperties=function(t,e,r){for(var s=this,n=i.extend({},t),o=Object.keys(t),a=i.extend({},r||this.props),p=i.isNullOrUndefined(a.statelessTemplates)?i.isNullOrUndefined(this.statelessTemplateProps)?[]:this.statelessTemplateProps:a.statelessTemplates,l=0,h=o;l<h.length;l++){var c=h[l],d="className"===c;if("children"!==c)if(d||i.isNullOrUndefined(this.htmlattributes[""+c])||this.htmlattributes[""+c]===n[""+c]||(this.htmlattributes[""+c]=n[""+c]),this.compareValues(a[""+c],t[""+c]))delete n[""+c];else if(-1!==this.attrKeys.indexOf(c))if(d){this.clsName=!0;for(var u=a[""+c].split(" "),f=0;f<u.length;f++)this.element.classList.remove(u[parseInt(f.toString(),10)]);for(var m=n[""+c].split(" "),y=0;y<m.length;y++)this.element.classList.add(m[parseInt(y.toString(),10)])}else"disabled"===c||this.properties.hasOwnProperty(c)||delete n[""+c];else"value"===c&&t[""+c]===this[""+c]?delete n[""+c]:p.indexOf(c)>-1&&("content"===c&&"function"==typeof n[""+c]||t[""+c].toString()===this[""+c].toString())&&delete n[""+c]}n.children&&delete n.children,this.initRenderCalled&&(this.canDelayUpdate||a.delayUpdate)?setTimeout(function(){s.refreshProperties(n,t,e)}):this.refreshProperties(n,t,e)},s.prototype.refreshProperties=function(t,e,r){var s=i.isNullOrUndefined(this.props.statelessTemplates)?[]:this.props.statelessTemplates;Object.keys(t).length&&(r||this.processComplexTemplate(t,this),this.setProperties(t,r)),-1===s.indexOf("directiveTemplates")&&this.refreshChild(r,e)},s.prototype.processComplexTemplate=function(t,e){var r=e.complexTemplate;if(r)for(var s in r){var n=r[""+s];t[""+s]&&i.setValue(n,i.getValue(s,t),t)}},s.prototype.getDefaultAttributes=function(){var t=this;this.isReact=!0;var e=Object.keys(this.props),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"].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),!c.hasOwnProperty(y)||!(a.length>0&&-1===a.indexOf(""+y)&&"function"==typeof v?this.compareValues(g.toString(),v.toString()):this.compareValues(g,v))){if(!r)return{status:!1};s=!1,h[""+y]=v}}else if(e[parseInt(p.toString(),10)]===t[parseInt(p.toString(),10)])s=!0;else{if(!r)return{status:!1};s=!1}"grid"===this.getModuleName()&&"columns"===r&&i.isNullOrUndefined(h.field)&&(h.field=void 0),Object.keys(h).length&&o.push({index:p,value:h,key:r})}else s=!1;return{status:s,changedProperties:o}},s.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],s=0,n=this.getInjectedServices()||[];s<n.length;s++){var o=n[s];-1===r.indexOf(o)&&r.push(o)}this.injectedModules=r}if(this.directivekeys){var a=[],p=this.validateChildren({},this.directivekeys,e||this.props);if(p&&Object.keys(p).length){if(!t&&this.skipRefresh)for(var l=0,h=this.skipRefresh;l<h.length;l++)delete p[""+h[l]];if(this.prevProperties)for(var c=Object.keys(this.prevProperties),d=0;d<c.length;d++){var u=c[parseInt(d.toString(),10)];if(p.hasOwnProperty(u)){var f=this.compareObjects(this.prevProperties[""+u],p[""+u],u);if(f.status)delete p[""+u];else{f.changedProperties.length&&(a=a.concat(f.changedProperties));var m={};m[""+u]=p[""+u],this.prevProperties=i.extend(this.prevProperties,m)}}}else this.prevProperties=i.extend({},p,{},!0);if(a.length)if("grid"===this.getModuleName()&&"columns"===u)for(var y=0,g=this.columns;y<g.length;y++)if(i.getValue("field",g[parseInt(y.toString(),10)])===i.getValue(y+".value.field",a)){var v=i.getValue(a[parseInt(y.toString(),10)].key+"."+a[parseInt(y.toString(),10)].index,this);v&&v.setProperties?v.setProperties(a[parseInt(y.toString(),10)].value):i.extend(v,a[parseInt(y.toString(),10)].value)}else this.setProperties(p,t);else for(var O=0,b=a;O<b.length;O++){var C=b[O],x=i.getValue(C.key+"."+C.index,this);x&&x.setProperties?x.setProperties(C.value):i.extend(x,C.value)}else this.setProperties(p,t)}}},s.prototype.componentWillUnmount=function(){clearTimeout(this.cachedTimeOut);var t=["dropdowntree","checkbox"];this.initRenderCalled&&this.isAppendCalled&&this.element&&(t.indexOf(this.getModuleName())||document.body.contains(this.element))&&!this.isDestroyed&&this.isCreated&&this.destroy(),i.onIntlChange.offIntlEvents()},s.prototype.appendReactElement=function(t,e){var i=r.createPortal(t,e);this.portals?this.portals.push(i):this.portals=[i]},s.prototype.renderReactTemplates=function(t){this.isReactForeceUpdate=!0,t?this.forceUpdate(t):this.forceUpdate(),this.isReactForeceUpdate=!1},s.prototype.clearTemplate=function(t,e,r){var s=this,n=[];t&&t.length?Array.prototype.forEach.call(t,function(t){var r=0;if(s.portals.forEach(function(e){e.propName===t&&(n.push(r),r++)}),!i.isNullOrUndefined(e)&&s.portals[e]&&s.portals[e].propName===t)s.portals.splice(e,1);else for(var o=0;o<s.portals.length;o++)s.portals[parseInt(o.toString(),10)].propName===t&&(s.portals.splice(o,1),o--)}):this.portals=[],this.renderReactTemplates(r)},s.prototype.validateChildren=function(t,r,i){for(var s=!1,n=0,o=e.Children.toArray(i.children);n<o.length;n++){var a=o[n],p=this.getChildType(a),l=r[""+p];if(p&&r){var h=this.getChildProps(e.Children.toArray(a.props.children),l);h.length&&(s=!0,t[a.type.propertyName||p]=h)}}return s?t:null},s.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},s.prototype.getChildProps=function(t,e){for(var r=[],s=0,n=t;s<n.length;s++){var o=n[s],a=!1,p=void 0;"string"==typeof e?(a=!0,p=e):p=Object.keys(e)[0];var l=o.props;if(this.getChildType(o)===p)if(a||!l.children){var h=i.extend({},l,{},!0);this.processComplexTemplate(h,o.type),r.push(h)}else{var c=this.validateChildren(i.extend({},l),e[""+p],l)||l;c.children&&delete c.children,this.processComplexTemplate(c,o.type),r.push(c)}}return r},s.prototype.getInjectedServices=function(){for(var t=0,r=e.Children.toArray(this.props.children);t<r.length;t++){var i=r[t];if(i.type&&i.type.isService)return i.props.services}return[]},s.reactUid=1,s}(e.Component),c=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.render=function(){return null},e.isDirective=!0,e}(e.PureComponent),u=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return u(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(e.PureComponent),m=i.getTemplateEngine();return i.setTemplateEngine({compile:n}),t.ComponentBase=h,t.applyMixins=s,t.ComplexBase=d,t.Inject=f,t.compile=n,t}({},React,ReactDOM,ej.base),this.ejs=ej;
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"].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;
//# sourceMappingURL=ej2-react-base.min.js.map

2

dist/global/index.d.ts
/*!
* filename: index.d.ts
* version : 24.2.7
* version : 25.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.

33

package.json
{
"_from": "@syncfusion/ej2-react-base@*",
"_id": "@syncfusion/ej2-react-base@24.2.3",
"_id": "@syncfusion/ej2-react-base@17.33.0",
"_inBundle": false,
"_integrity": "sha512-TwWPWoPVj2SvC9Mr3YQtesBNvgy9VyLTpNpbEGk1NlfDIEr/QouXkOUir8UBKTtpFc2AiJN5nighOlGrBqPPGQ==",
"_integrity": "sha512-tkwBMAuOQt0mRO+2GUNXeFdtnO5eYIX+yZwPCYaGCgWBikaD1TRPfHdkaqG8wgIXruClY7GblVPzMQoFKctEJQ==",
"_location": "/@syncfusion/ej2-react-base",

@@ -23,3 +23,5 @@ "_phantomChildren": {},

"/@syncfusion/ej2-react-buttons",
"/@syncfusion/ej2-react-calendars",
"/@syncfusion/ej2-react-charts",
"/@syncfusion/ej2-react-circulargauge",
"/@syncfusion/ej2-react-diagrams",

@@ -32,14 +34,29 @@ "/@syncfusion/ej2-react-documenteditor",

"/@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-splitbuttons",
"/@syncfusion/ej2-react-spreadsheet",
"/@syncfusion/ej2-react-treegrid"
"/@syncfusion/ej2-react-treegrid",
"/@syncfusion/ej2-react-treemap"
],
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-base/-/ej2-react-base-24.2.3.tgz",
"_shasum": "6d48315ff22beffa9a085fa6f5fadf9110b5f374",
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-react-base/-/ej2-react-base-17.33.0.tgz",
"_shasum": "0c7b8228a96b22d5363c392d50dea09b37d3568d",
"_spec": "@syncfusion/ej2-react-base@*",
"_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
"_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
"author": {

@@ -53,3 +70,3 @@ "name": "Syncfusion Inc."

"dependencies": {
"@syncfusion/ej2-base": "~24.2.7"
"@syncfusion/ej2-base": "~25.1.35"
},

@@ -80,4 +97,4 @@ "deprecated": false,

"typings": "index.d.ts",
"version": "24.2.7",
"version": "25.1.35",
"sideEffects": true
}

5

src/component-base.d.ts

@@ -59,8 +59,7 @@ /**

/**
* @param {Object} nextProps - Specifies the property value.
* @returns {boolean} - Returns boolean value.
* @private
*/
shouldComponentUpdate(nextProps: Object): boolean;
/**
* @private
*/
private updateProperties;

@@ -67,0 +66,0 @@ refreshProperties(dProps: Object, nextProps: Object, silent?: boolean): void;

44

src/component-base.js

@@ -24,4 +24,3 @@ var __extends = (this && this.__extends) || (function () {

var delayUpdate = ['accordion', 'tab', 'splitter'];
var reactUid = 0;
var isColEName = new RegExp('\]');
var isColEName = /\]/;
// tslint:disable

@@ -79,2 +78,4 @@ /* eslint-disable @typescript-eslint/no-explicit-any */

/**
* @param {Object} nextProps - Specifies the property value.
* @returns {boolean} - Returns boolean value.
* @private

@@ -96,5 +97,2 @@ */

};
/**
* @private
*/
ComponentBase.prototype.updateProperties = function (nextProps, silent, prev) {

@@ -133,3 +131,3 @@ var _this = this;

}
else if (propkey !== 'disabled' && !this.properties.hasOwnProperty(propkey)) {
else if (propkey !== 'disabled' && !Object.prototype.hasOwnProperty.call(this.properties, propkey)) {
delete dProps["" + propkey];

@@ -174,2 +172,3 @@ }

if (compTemplate) {
// eslint-disable-next-line
for (var prop in compTemplate) {

@@ -187,3 +186,3 @@ var PropVal = compTemplate["" + prop];

var propKeys = Object.keys(this.props);
var stringValue = ['autocomplete', 'dropdownlist', 'combobox'];
//let stringValue: string[] = ['autocomplete', 'dropdownlist', 'combobox'];
var ignoreProps = ['children', 'statelessTemplates', 'immediateRender', 'isLegacyTemplate', 'delayUpdate'];

@@ -216,6 +215,8 @@ // if ((stringValue.indexOf(this.getModuleName()) !== -1) && (!isNullOrUndefined(this.props["value"]))) {

ComponentBase.reactUid++;
if (this.type && !this.htmlattributes['type'])
if (this.type && !this.htmlattributes['type']) {
this.htmlattributes['type'] = this.multiline ? 'hidden' : this.type;
if (this.name && !this.htmlattributes['name'])
}
if (this.name && !this.htmlattributes['name']) {
this.htmlattributes['name'] = this.name;
}
}

@@ -235,2 +236,3 @@ }

/* tslint:disable:no-any */
// eslint-disable-next-line
ComponentBase.prototype.trigger = function (eventName, eventProp, successHandler) {

@@ -313,2 +315,3 @@ var _this = this;

};
// eslint-disable-next-line
ComponentBase.prototype.compareObjects = function (oldProps, newProps, propName) {

@@ -340,3 +343,3 @@ var status = true;

}
if (!oldProp.hasOwnProperty(key) || !((templateProps.length > 0 && templateProps.indexOf("" + key) === -1 && typeof (newValue) === 'function') ? this.compareValues(oldValue.toString(), newValue.toString()) : this.compareValues(oldValue, newValue))) {
if (!Object.prototype.hasOwnProperty.call(oldProp, key) || !((templateProps.length > 0 && templateProps.indexOf("" + key) === -1 && typeof (newValue) === 'function') ? this.compareValues(oldValue.toString(), newValue.toString()) : this.compareValues(oldValue, newValue))) {
if (!propName) {

@@ -386,2 +389,3 @@ return { status: false };

var changedProps = [];
var key = '';
var directiveValue = this.validateChildren({}, this.directivekeys, (props || this.props));

@@ -398,4 +402,4 @@ if (directiveValue && Object.keys(directiveValue).length) {

for (var i = 0; i < dKeys.length; i++) {
var key = dKeys[parseInt(i.toString(), 10)];
if (!directiveValue.hasOwnProperty(key)) {
key = dKeys[parseInt(i.toString(), 10)];
if (!Object.prototype.hasOwnProperty.call(directiveValue, key)) {
continue;

@@ -442,8 +446,8 @@ }

var changes = changedProps_1[_c];
var propInstance_1 = getValue(changes.key + '.' + changes.index, this);
if (propInstance_1 && propInstance_1.setProperties) {
propInstance_1.setProperties(changes.value);
var propInstance = getValue(changes.key + '.' + changes.index, this);
if (propInstance && propInstance.setProperties) {
propInstance.setProperties(changes.value);
}
else {
extend(propInstance_1, changes.value);
extend(propInstance, changes.value);
}

@@ -462,4 +466,5 @@ }

var modulesName = ['dropdowntree', 'checkbox'];
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 && ((!modulesName.indexOf(this.getModuleName())) ? document.body.contains(this.element) : true) && !this.isDestroyed && this.isCreated) {
if (this.initRenderCalled && this.isAppendCalled && this.element && hasModule && !this.isDestroyed && this.isCreated) {
this.destroy();

@@ -470,2 +475,3 @@ }

// tslint:disable:no-any
// eslint-disable-next-line
ComponentBase.prototype.appendReactElement = function (element, container) {

@@ -481,2 +487,3 @@ var portal = ReactDOM.createPortal(element, container);

// tslint:disable:no-any
// eslint-disable-next-line
ComponentBase.prototype.renderReactTemplates = function (callback) {

@@ -493,2 +500,3 @@ this.isReactForeceUpdate = true;

// tslint:disable:no-any
// eslint-disable-next-line
ComponentBase.prototype.clearTemplate = function (templateNames, index, callback) {

@@ -499,3 +507,2 @@ var _this = this;

Array.prototype.forEach.call(templateNames, function (propName) {
var indexCount = 0;
var propIndexCount = 0;

@@ -510,3 +517,2 @@ _this.portals.forEach(function (portal) {

_this.portals.splice(index, 1);
indexCount++;
}

@@ -513,0 +519,0 @@ else {

2

src/util.js

@@ -6,3 +6,3 @@ // eslint-disable-next-line

Object.getOwnPropertyNames(baseClass.prototype).forEach(function (name) {
if (name !== 'isMounted' && name !== 'replaceState') {
if (name !== 'isMounted' && name !== 'replaceState' && name !== 'render') {
derivedClass.prototype["" + name] = baseClass.prototype["" + name];

@@ -9,0 +9,0 @@ }

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

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc