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

Comparing version 17.1.32-beta to 17.1.38

CHANGELOG.md

@@ -10,2 +10,3 @@ # Changelog
 - Provided `react-final-form` support for Form components.
+- Provided complex template support in base.
 
@@ -16,2 +17,14 @@ #### Bug Fixes
 
+## 17.1.32-beta (2019-03-13)
+
+### Common
+
+#### New Features
+
+- Provided `react-final-form` support for Form components.
+
+#### Bug Fixes
+
+- Resolved template rendering issue on state changes.
+
 ## 16.4.52 (2019-02-05)
@@ -18,0 +31,0 @@

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

 /*!
 *  filename: ej2-react-base.umd.min.js
-*  version : 17.1.32-beta
+*  version : 17.1.38
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -10,3 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","@syncfusion/ej2-base"],t):t(e.ej={},e.React,e.ReactDOM,e.ej2Base)}(this,function(e,t,r,n){"use strict";function i(e,t){return"string"==typeof e?d(e,t):function(t){var i=document.createElement("div");document.body.appendChild(i);var o=e,s=t;return"object"==typeof o&&(o=e.template,s=n.extend({},t,e.data||{})),r.render(o(s),i),n.detach(i),i.children}}var o=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function n(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),s=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],p=["accordion","tab"],c=function(e){function i(){var t=null!==e&&e.apply(this,arguments)||this;return t.attrKeys=[],t.cachedTimeOut=0,t.isAppendCalled=!1,t}return o(i,e),i.prototype.componentWillMount=function(){var e=Object.keys(this.props);this.htmlattributes={},this.attrKeys=s.concat(this.controlAttributes||[]);for(var t=0,r=e;t<r.length;t++){var n=r[t];-1===n.indexOf("data-")&&-1===n.indexOf("aria-")&&-1===this.attrKeys.indexOf(n)||(this.htmlattributes[n]=this.props[n])}},i.prototype.componentDidMount=function(){var e=this;this.refreshChild(!0),this.canDelayUpdate=-1!==p.indexOf(this.getModuleName()),this.cachedTimeOut=setTimeout(function(){var t=r.findDOMNode(e);t&&(e.isAppendCalled=!0,e.appendTo(t))})},i.prototype.componentWillReceiveProps=function(e){var t=this;this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(r.findDOMNode(this)));for(var i=n.extend({},e),o=0,s=Object.keys(e);o<s.length;o++){var p=s[o],c="className"===p;c||n.isNullOrUndefined(this.htmlattributes[p])||this.htmlattributes[p]===i[p]||(this.htmlattributes[p]=i[p]),this.props[p]===e[p]?delete i[p]:-1!==this.attrKeys.indexOf(p)&&(c?(this.element.classList.remove(this.props[p]),this.element.classList.add(i[p])):"disabled"!==p&&delete i[p])}i.children&&delete i.children,this.canDelayUpdate?setTimeout(function(){t.refreshProperties(i,e)}):this.refreshProperties(i,e)},i.prototype.refreshProperties=function(e,t){Object.keys(e).length&&this.setProperties(e),this.refreshChild(!1,t)},i.prototype.getDefaultAttributes=function(){return this.htmlattributes},i.prototype.trigger=function(e,t){if(!0!==this.isDestroyed){"change"!==e&&"input"!==e||this.props.onChange&&t.event&&this.props.onChange.call(void 0,{syntheticEvent:t.event,nativeEvent:{text:t.value},value:t.value,target:this});var r=this.isProtectedOnChange;this.isProtectedOnChange=!1,this.modelObserver.notify(e,t),this.isProtectedOnChange=r}},i.prototype.compareObjects=function(e,t){return JSON.stringify(e)===JSON.stringify(t)},i.prototype.refreshChild=function(e,t){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],i=0,o=this.getInjectedServices()||[];i<o.length;i++){var s=o[i];-1===r.indexOf(s)&&r.push(s)}this.injectedModules=r}if(this.directivekeys){var p=this.validateChildren({},this.directivekeys,t||this.props);if(p){if(!e&&this.skipRefresh)for(var c=0,a=this.skipRefresh;c<a.length;c++){delete p[a[c]]}if(this.prevProperties)for(var h=Object.keys(this.prevProperties),u=0;u<h.length;u++){var l=h[u];this.compareObjects(this.prevProperties[l],p[l])?delete p[l]:this.prevProperties=n.extend(this.prevProperties,p)}else this.prevProperties=n.extend({},p,{},!0);this.setProperties(p,e)}}},i.prototype.componentWillUnmount=function(){this.destroy()},i.prototype.validateChildren=function(e,r,n){for(var i=!1,o=0,s=t.Children.toArray(n.children);o<s.length;o++){var p=s[o],c=this.getChildType(p),a=r[c];if(c&&r){var h=this.getChildProps(t.Children.toArray(p.props.children),a);h.length&&(i=!0,e[p.type.propertyName||c]=h)}}return i?e:null},i.prototype.getChildType=function(e){return e.type&&e.type.isDirective?e.type.moduleName||"":""},i.prototype.getChildProps=function(e,t){for(var r=[],i=0,o=e;i<o.length;i++){var s=o[i],p=!1,c=void 0;"string"==typeof t?(p=!0,c=t):c=Object.keys(t)[0];var a=s.props;if(this.getChildType(s)===c)if(p||!a.children)r.push(n.extend({},a,{},!0));else{var h=this.validateChildren(n.extend({},a),t[c],a)||a;h.children&&delete h.children,r.push(h)}}return r},i.prototype.getInjectedServices=function(){for(var e=0,r=t.Children.toArray(this.props.children);e<r.length;e++){var n=r[e];if(n.type.isService)return n.props.services}return[]},i}(t.PureComponent),a=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function n(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),h=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return a(t,e),t.prototype.render=function(){return null},t.isDirective=!0,t}(t.PureComponent),u=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function n(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.prototype.render=function(){return null},t.isService=!0,t}(t.PureComponent),d=n.getTemplateEngine();n.setTemplateEngine({compile:i}),e.ComponentBase=c,e.applyMixins=function(e,t){t.forEach(function(t){Object.getOwnPropertyNames(t.prototype).forEach(function(r){e.prototype[r]=t.prototype[r]})})},e.ComplexBase=h,e.Inject=l,e.compile=i,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","@syncfusion/ej2-base"],t):t(e.ej={},e.React,e.ReactDOM,e.ej2Base)}(this,function(e,t,r,n){"use strict";function i(e,t){return"string"==typeof e?d(e,t):function(t){var i=document.createElement("div");document.body.appendChild(i);var o=e,s=t;return"object"==typeof o&&(o=e.template,s=n.extend({},t,e.data||{})),r.render(o(s),i),n.detach(i),i.children}}var o=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function n(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),s=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],p=["accordion","tab"],c=function(e){function i(){var t=null!==e&&e.apply(this,arguments)||this;return t.attrKeys=[],t.cachedTimeOut=0,t.isAppendCalled=!1,t}return o(i,e),i.prototype.componentWillMount=function(){var e=Object.keys(this.props);this.htmlattributes={},this.attrKeys=s.concat(this.controlAttributes||[]);for(var t=0,r=e;t<r.length;t++){var n=r[t];-1===n.indexOf("data-")&&-1===n.indexOf("aria-")&&-1===this.attrKeys.indexOf(n)||(this.htmlattributes[n]=this.props[n])}},i.prototype.componentDidMount=function(){var e=this;this.refreshChild(!0),this.canDelayUpdate=-1!==p.indexOf(this.getModuleName()),this.cachedTimeOut=setTimeout(function(){var t=r.findDOMNode(e);t&&(e.isAppendCalled=!0,e.appendTo(t))})},i.prototype.componentWillReceiveProps=function(e){var t=this;this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(r.findDOMNode(this)));for(var i=n.extend({},e),o=0,s=Object.keys(e);o<s.length;o++){var p=s[o],c="className"===p;c||n.isNullOrUndefined(this.htmlattributes[p])||this.htmlattributes[p]===i[p]||(this.htmlattributes[p]=i[p]),this.props[p]===e[p]?delete i[p]:-1!==this.attrKeys.indexOf(p)&&(c?(this.element.classList.remove(this.props[p]),this.element.classList.add(i[p])):"disabled"!==p&&delete i[p])}i.children&&delete i.children,this.canDelayUpdate?setTimeout(function(){t.refreshProperties(i,e)}):this.refreshProperties(i,e)},i.prototype.refreshProperties=function(e,t){Object.keys(e).length&&(this.processComplexTemplate(e,this),this.setProperties(e)),this.refreshChild(!1,t)},i.prototype.processComplexTemplate=function(e,t){var r=t.complexTemplate;if(r)for(var i in r){var o=r[i];e[i]&&n.setValue(o,n.getValue(i,e),e)}},i.prototype.getDefaultAttributes=function(){return this.htmlattributes},i.prototype.trigger=function(e,t){if(!0!==this.isDestroyed){"change"!==e&&"input"!==e||this.props.onChange&&t.event&&this.props.onChange.call(void 0,{syntheticEvent:t.event,nativeEvent:{text:t.value},value:t.value,target:this});var r=this.isProtectedOnChange;this.isProtectedOnChange=!1,this.modelObserver.notify(e,t),this.isProtectedOnChange=r}},i.prototype.compareObjects=function(e,t){return JSON.stringify(e)===JSON.stringify(t)},i.prototype.refreshChild=function(e,t){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],i=0,o=this.getInjectedServices()||[];i<o.length;i++){var s=o[i];-1===r.indexOf(s)&&r.push(s)}this.injectedModules=r}if(this.directivekeys){var p=this.validateChildren({},this.directivekeys,t||this.props);if(p){if(!e&&this.skipRefresh)for(var c=0,a=this.skipRefresh;c<a.length;c++){delete p[a[c]]}if(this.prevProperties)for(var h=Object.keys(this.prevProperties),l=0;l<h.length;l++){var u=h[l];this.compareObjects(this.prevProperties[u],p[u])?delete p[u]:this.prevProperties=n.extend(this.prevProperties,p)}else this.prevProperties=n.extend({},p,{},!0);this.setProperties(p,e)}}},i.prototype.componentWillUnmount=function(){this.destroy()},i.prototype.validateChildren=function(e,r,n){for(var i=!1,o=0,s=t.Children.toArray(n.children);o<s.length;o++){var p=s[o],c=this.getChildType(p),a=r[c];if(c&&r){var h=this.getChildProps(t.Children.toArray(p.props.children),a);h.length&&(i=!0,e[p.type.propertyName||c]=h)}}return i?e:null},i.prototype.getChildType=function(e){return e.type&&e.type.isDirective?e.type.moduleName||"":""},i.prototype.getChildProps=function(e,t){for(var r=[],i=0,o=e;i<o.length;i++){var s=o[i],p=!1,c=void 0;"string"==typeof t?(p=!0,c=t):c=Object.keys(t)[0];var a=s.props;if(this.getChildType(s)===c)if(p||!a.children){var h=n.extend({},a,{},!0);this.processComplexTemplate(h,s.type),r.push(h)}else{var l=this.validateChildren(n.extend({},a),t[c],a)||a;l.children&&delete l.children,this.processComplexTemplate(l,s.type),r.push(l)}}return r},i.prototype.getInjectedServices=function(){for(var e=0,r=t.Children.toArray(this.props.children);e<r.length;e++){var n=r[e];if(n.type.isService)return n.props.services}return[]},i}(t.PureComponent),a=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function n(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),h=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return a(t,e),t.prototype.render=function(){return null},t.isDirective=!0,t}(t.PureComponent),l=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(t,r)};return function(t,r){function n(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return l(t,e),t.prototype.render=function(){return null},t.isService=!0,t}(t.PureComponent),d=n.getTemplateEngine();n.setTemplateEngine({compile:i}),e.ComponentBase=c,e.applyMixins=function(e,t){t.forEach(function(t){Object.getOwnPropertyNames(t.prototype).forEach(function(r){e.prototype[r]=t.prototype[r]})})},e.ComplexBase=h,e.Inject=u,e.compile=i,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-base.umd.min.js.map

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

 import { Children, PureComponent } from 'react';
 import { findDOMNode, render } from 'react-dom';
-import { detach, extend, getTemplateEngine, isNullOrUndefined, setTemplateEngine } from '@syncfusion/ej2-base';
+import { detach, extend, getTemplateEngine, getValue, isNullOrUndefined, setTemplateEngine, setValue } from '@syncfusion/ej2-base';
 
@@ -12,3 +12,3 @@ /**
 const delayUpdate = ['accordion', 'tab'];
-/* tslint:disable */
+// tslint:disable
 class ComponentBase extends PureComponent {
@@ -44,3 +44,2 @@ constructor() {
     }
-    // tslint:disable-next-line:no-any
     componentWillReceiveProps(nextProps) {
@@ -87,2 +86,3 @@ if (!this.isAppendCalled) {
         if (Object.keys(dProps).length) {
+            this.processComplexTemplate(dProps, this);
             this.setProperties(dProps);
@@ -92,2 +92,13 @@ }
     }
+    processComplexTemplate(curObject, context) {
+        let compTemplate = context.complexTemplate;
+        if (compTemplate) {
+            for (let prop in compTemplate) {
+                let PropVal = compTemplate[prop];
+                if (curObject[prop]) {
+                    setValue(PropVal, getValue(prop, curObject), curObject);
+                }
+            }
+        }
+    }
     getDefaultAttributes() {
@@ -114,3 +125,2 @@ return this.htmlattributes;
         }
-        /* tslint:enable:no-any */
     }
@@ -207,3 +217,7 @@ compareObjects(oldProps, newProps) {
                 if (accessProp || !prop.children) {
-                    ret.push(extend({}, prop, {}, true));
+                    // tslint:disable
+                    let cacheVal = extend({}, prop, {}, true);
+                    // tslint:disable
+                    this.processComplexTemplate(cacheVal, child.type);
+                    ret.push(cacheVal);
                 }
@@ -215,2 +229,4 @@ else {
                     }
+                    // tslint:disable
+                    this.processComplexTemplate(cachedValue, child.type);
                     ret.push(cachedValue);
@@ -234,2 +250,3 @@ }
 }
+/* tslint:enable:no-any */
 
@@ -236,0 +253,0 @@ // tslint:disable-next-line:no-any

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

 import { Children, PureComponent } from 'react';
 import { findDOMNode, render } from 'react-dom';
-import { detach, extend, getTemplateEngine, isNullOrUndefined, setTemplateEngine } from '@syncfusion/ej2-base';
+import { detach, extend, getTemplateEngine, getValue, isNullOrUndefined, setTemplateEngine, setValue } from '@syncfusion/ej2-base';
 
@@ -25,3 +25,3 @@ var __extends = (undefined && undefined.__extends) || (function () {
 var delayUpdate = ['accordion', 'tab'];
-/* tslint:disable */
+// tslint:disable
 var ComponentBase = /** @__PURE__ @class */ (function (_super) {
@@ -61,3 +61,2 @@ __extends(ComponentBase, _super);
     };
-    // tslint:disable-next-line:no-any
     ComponentBase.prototype.componentWillReceiveProps = function (nextProps) {
@@ -106,2 +105,3 @@ var _this = this;
         if (Object.keys(dProps).length) {
+            this.processComplexTemplate(dProps, this);
             this.setProperties(dProps);
@@ -111,2 +111,13 @@ }
     };
+    ComponentBase.prototype.processComplexTemplate = function (curObject, context) {
+        var compTemplate = context.complexTemplate;
+        if (compTemplate) {
+            for (var prop in compTemplate) {
+                var PropVal = compTemplate[prop];
+                if (curObject[prop]) {
+                    setValue(PropVal, getValue(prop, curObject), curObject);
+                }
+            }
+        }
+    };
     ComponentBase.prototype.getDefaultAttributes = function () {
@@ -133,3 +144,2 @@ return this.htmlattributes;
         }
-        /* tslint:enable:no-any */
     };
@@ -230,3 +240,7 @@ ComponentBase.prototype.compareObjects = function (oldProps, newProps) {
                 if (accessProp || !prop.children) {
-                    ret.push(extend({}, prop, {}, true));
+                    // tslint:disable
+                    var cacheVal = extend({}, prop, {}, true);
+                    // tslint:disable
+                    this.processComplexTemplate(cacheVal, child.type);
+                    ret.push(cacheVal);
                 }
@@ -238,2 +252,4 @@ else {
                     }
+                    // tslint:disable
+                    this.processComplexTemplate(cachedValue, child.type);
                     ret.push(cachedValue);
@@ -260,2 +276,4 @@ }
 
+/* tslint:enable:no-any */
+
 // tslint:disable-next-line:no-any
@@ -262,0 +280,0 @@ function applyMixins(derivedClass, baseClass) {

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

 /*!
 *  filename: ej2-react-base.min.js
-*  version : 17.1.32-beta
+*  version : 17.1.38
 *  Copyright Syncfusion Inc. 2001 - 2019. 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,n){"use strict";function i(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){t.prototype[r]=e.prototype[r]})})}function o(t,e){return"string"==typeof t?f(t,e):function(e){var i=document.createElement("div");document.body.appendChild(i);var o=t,s=e;return"object"==typeof o&&(o=t.template,s=n.extend({},e,t.data||{})),r.render(o(s),i),n.detach(i),i.children}}var s=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 n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),p=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],c=["accordion","tab"],h=function(t){function i(){var e=null!==t&&t.apply(this,arguments)||this;return e.attrKeys=[],e.cachedTimeOut=0,e.isAppendCalled=!1,e}return s(i,t),i.prototype.componentWillMount=function(){var t=Object.keys(this.props);this.htmlattributes={},this.attrKeys=p.concat(this.controlAttributes||[]);for(var e=0,r=t;e<r.length;e++){var n=r[e];-1===n.indexOf("data-")&&-1===n.indexOf("aria-")&&-1===this.attrKeys.indexOf(n)||(this.htmlattributes[n]=this.props[n])}},i.prototype.componentDidMount=function(){var t=this;this.refreshChild(!0),this.canDelayUpdate=-1!==c.indexOf(this.getModuleName()),this.cachedTimeOut=setTimeout(function(){var e=r.findDOMNode(t);e&&(t.isAppendCalled=!0,t.appendTo(e))})},i.prototype.componentWillReceiveProps=function(t){var e=this;this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(r.findDOMNode(this)));for(var i=n.extend({},t),o=0,s=Object.keys(t);o<s.length;o++){var p=s[o],c="className"===p;c||n.isNullOrUndefined(this.htmlattributes[p])||this.htmlattributes[p]===i[p]||(this.htmlattributes[p]=i[p]),this.props[p]===t[p]?delete i[p]:-1!==this.attrKeys.indexOf(p)&&(c?(this.element.classList.remove(this.props[p]),this.element.classList.add(i[p])):"disabled"!==p&&delete i[p])}i.children&&delete i.children,this.canDelayUpdate?setTimeout(function(){e.refreshProperties(i,t)}):this.refreshProperties(i,t)},i.prototype.refreshProperties=function(t,e){Object.keys(t).length&&this.setProperties(t),this.refreshChild(!1,e)},i.prototype.getDefaultAttributes=function(){return this.htmlattributes},i.prototype.trigger=function(t,e){if(!0!==this.isDestroyed){"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 r=this.isProtectedOnChange;this.isProtectedOnChange=!1,this.modelObserver.notify(t,e),this.isProtectedOnChange=r}},i.prototype.compareObjects=function(t,e){return JSON.stringify(t)===JSON.stringify(e)},i.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],i=0,o=this.getInjectedServices()||[];i<o.length;i++){var s=o[i];-1===r.indexOf(s)&&r.push(s)}this.injectedModules=r}if(this.directivekeys){var p=this.validateChildren({},this.directivekeys,e||this.props);if(p){if(!t&&this.skipRefresh)for(var c=0,h=this.skipRefresh;c<h.length;c++)delete p[h[c]];if(this.prevProperties)for(var a=Object.keys(this.prevProperties),l=0;l<a.length;l++){var u=a[l];this.compareObjects(this.prevProperties[u],p[u])?delete p[u]:this.prevProperties=n.extend(this.prevProperties,p)}else this.prevProperties=n.extend({},p,{},!0);this.setProperties(p,t)}}},i.prototype.componentWillUnmount=function(){this.destroy()},i.prototype.validateChildren=function(t,r,n){for(var i=!1,o=0,s=e.Children.toArray(n.children);o<s.length;o++){var p=s[o],c=this.getChildType(p),h=r[c];if(c&&r){var a=this.getChildProps(e.Children.toArray(p.props.children),h);a.length&&(i=!0,t[p.type.propertyName||c]=a)}}return i?t:null},i.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},i.prototype.getChildProps=function(t,e){for(var r=[],i=0,o=t;i<o.length;i++){var s=o[i],p=!1,c=void 0;"string"==typeof e?(p=!0,c=e):c=Object.keys(e)[0];var h=s.props;if(this.getChildType(s)===c)if(p||!h.children)r.push(n.extend({},h,{},!0));else{var a=this.validateChildren(n.extend({},h),e[c],h)||h;a.children&&delete a.children,r.push(a)}}return r},i.prototype.getInjectedServices=function(){for(var t=0,r=e.Children.toArray(this.props.children);t<r.length;t++){var n=r[t];if(n.type.isService)return n.props.services}return[]},i}(e.PureComponent),a=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 n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return a(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 n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return u(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(e.PureComponent),f=n.getTemplateEngine();return n.setTemplateEngine({compile:o}),t.ComponentBase=h,t.applyMixins=i,t.ComplexBase=l,t.Inject=d,t.compile=o,t}({},React,ReactDOM,ej.base),this.ejs=ej;
+this.ej=this.ej||{},this.ej.reactbase=function(t,e,r,i){"use strict";function n(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){t.prototype[r]=e.prototype[r]})})}function o(t,e){return"string"==typeof t?f(t,e):function(e){var n=document.createElement("div");document.body.appendChild(n);var o=t,s=e;return"object"==typeof o&&(o=t.template,s=i.extend({},e,t.data||{})),r.render(o(s),n),i.detach(n),n.children}}var s=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)}}(),p=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],a=["accordion","tab"],c=function(t){function n(){var e=null!==t&&t.apply(this,arguments)||this;return e.attrKeys=[],e.cachedTimeOut=0,e.isAppendCalled=!1,e}return s(n,t),n.prototype.componentWillMount=function(){var t=Object.keys(this.props);this.htmlattributes={},this.attrKeys=p.concat(this.controlAttributes||[]);for(var e=0,r=t;e<r.length;e++){var i=r[e];-1===i.indexOf("data-")&&-1===i.indexOf("aria-")&&-1===this.attrKeys.indexOf(i)||(this.htmlattributes[i]=this.props[i])}},n.prototype.componentDidMount=function(){var t=this;this.refreshChild(!0),this.canDelayUpdate=-1!==a.indexOf(this.getModuleName()),this.cachedTimeOut=setTimeout(function(){var e=r.findDOMNode(t);e&&(t.isAppendCalled=!0,t.appendTo(e))})},n.prototype.componentWillReceiveProps=function(t){var e=this;this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(r.findDOMNode(this)));for(var n=i.extend({},t),o=0,s=Object.keys(t);o<s.length;o++){var p=s[o],a="className"===p;a||i.isNullOrUndefined(this.htmlattributes[p])||this.htmlattributes[p]===n[p]||(this.htmlattributes[p]=n[p]),this.props[p]===t[p]?delete n[p]:-1!==this.attrKeys.indexOf(p)&&(a?(this.element.classList.remove(this.props[p]),this.element.classList.add(n[p])):"disabled"!==p&&delete n[p])}n.children&&delete n.children,this.canDelayUpdate?setTimeout(function(){e.refreshProperties(n,t)}):this.refreshProperties(n,t)},n.prototype.refreshProperties=function(t,e){Object.keys(t).length&&(this.processComplexTemplate(t,this),this.setProperties(t)),this.refreshChild(!1,e)},n.prototype.processComplexTemplate=function(t,e){var r=e.complexTemplate;if(r)for(var n in r){var o=r[n];t[n]&&i.setValue(o,i.getValue(n,t),t)}},n.prototype.getDefaultAttributes=function(){return this.htmlattributes},n.prototype.trigger=function(t,e){if(!0!==this.isDestroyed){"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 r=this.isProtectedOnChange;this.isProtectedOnChange=!1,this.modelObserver.notify(t,e),this.isProtectedOnChange=r}},n.prototype.compareObjects=function(t,e){return JSON.stringify(t)===JSON.stringify(e)},n.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],n=0,o=this.getInjectedServices()||[];n<o.length;n++){var s=o[n];-1===r.indexOf(s)&&r.push(s)}this.injectedModules=r}if(this.directivekeys){var p=this.validateChildren({},this.directivekeys,e||this.props);if(p){if(!t&&this.skipRefresh)for(var a=0,c=this.skipRefresh;a<c.length;a++)delete p[c[a]];if(this.prevProperties)for(var h=Object.keys(this.prevProperties),l=0;l<h.length;l++){var u=h[l];this.compareObjects(this.prevProperties[u],p[u])?delete p[u]:this.prevProperties=i.extend(this.prevProperties,p)}else this.prevProperties=i.extend({},p,{},!0);this.setProperties(p,t)}}},n.prototype.componentWillUnmount=function(){this.destroy()},n.prototype.validateChildren=function(t,r,i){for(var n=!1,o=0,s=e.Children.toArray(i.children);o<s.length;o++){var p=s[o],a=this.getChildType(p),c=r[a];if(a&&r){var h=this.getChildProps(e.Children.toArray(p.props.children),c);h.length&&(n=!0,t[p.type.propertyName||a]=h)}}return n?t:null},n.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},n.prototype.getChildProps=function(t,e){for(var r=[],n=0,o=t;n<o.length;n++){var s=o[n],p=!1,a=void 0;"string"==typeof e?(p=!0,a=e):a=Object.keys(e)[0];var c=s.props;if(this.getChildType(s)===a)if(p||!c.children){var h=i.extend({},c,{},!0);this.processComplexTemplate(h,s.type),r.push(h)}else{var l=this.validateChildren(i.extend({},c),e[a],c)||c;l.children&&delete l.children,this.processComplexTemplate(l,s.type),r.push(l)}}return r},n.prototype.getInjectedServices=function(){for(var t=0,r=e.Children.toArray(this.props.children);t<r.length;t++){var i=r[t];if(i.type.isService)return i.props.services}return[]},n}(e.PureComponent),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)}}(),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return h(e,t),e.prototype.render=function(){return null},e.isDirective=!0,e}(e.PureComponent),u=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function i(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(i.prototype=r.prototype,new i)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return u(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(e.PureComponent),f=i.getTemplateEngine();return i.setTemplateEngine({compile:o}),t.ComponentBase=c,t.applyMixins=n,t.ComplexBase=l,t.Inject=d,t.compile=o,t}({},React,ReactDOM,ej.base),this.ejs=ej;
 //# sourceMappingURL=ej2-react-base.min.js.map

dist/global/index.d.ts

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

package.json

 {
-  "_from": "@syncfusion/ej2-react-base@*",
-  "_id": "@syncfusion/ej2-react-base@17.1.1",
-  "_inBundle": false,
-  "_integrity": "sha512-jtLc0gW2TzB767EltirzjIIxG4b5hI4Lpb9Q1XdaWo12MveGZaiPa0kypOambi3S7tjY0/WndGyjyZ9YDPtklg==",
-  "_location": "/@syncfusion/ej2-react-base",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-react-base@*",
-    "name": "@syncfusion/ej2-react-base",
-    "escapedName": "@syncfusion%2fej2-react-base",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2-react-buttons",
-    "/@syncfusion/ej2-react-calendars",
-    "/@syncfusion/ej2-react-charts",
-    "/@syncfusion/ej2-react-circulargauge",
-    "/@syncfusion/ej2-react-diagrams",
-    "/@syncfusion/ej2-react-documenteditor",
-    "/@syncfusion/ej2-react-dropdowns",
-    "/@syncfusion/ej2-react-filemanager",
-    "/@syncfusion/ej2-react-gantt",
-    "/@syncfusion/ej2-react-grids",
-    "/@syncfusion/ej2-react-heatmap",
-    "/@syncfusion/ej2-react-inplace-editor",
-    "/@syncfusion/ej2-react-inputs",
-    "/@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-querybuilder",
-    "/@syncfusion/ej2-react-richtexteditor",
-    "/@syncfusion/ej2-react-schedule",
-    "/@syncfusion/ej2-react-splitbuttons",
-    "/@syncfusion/ej2-react-treegrid",
-    "/@syncfusion/ej2-react-treemap"
-  ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-production/@syncfusion/ej2-react-base/-/ej2-react-base-17.1.1.tgz",
-  "_shasum": "e56b7da7743205f176af0c68e1bfcd6bb2b1c169",
-  "_spec": "@syncfusion/ej2-react-base@*",
-  "_where": "D:\\important\\apps\\nexus-rp\\release",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-react-ui-components/issues"
-  },
-  "bundleDependencies": false,
-  "dependencies": {
-    "@syncfusion/ej2-base": "~17.1.32-beta"
-  },
-  "deprecated": false,
+  "name": "@syncfusion/ej2-react-base",
+  "version": "17.1.38",
   "description": "A common package of Essential JS 2 React base, methods and class definitions",
-  "devDependencies": {},
-  "homepage": "https://www.syncfusion.com/react-ui-components",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
   "keywords": [
@@ -79,16 +18,19 @@ "ej2",
   ],
-  "license": "SEE LICENSE IN license",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/syncfusion/ej2-react-ui-components.git"
+  },
+  "homepage": "https://www.syncfusion.com/react-ui-components",
   "main": "./dist/ej2-react-base.umd.min.js",
   "module": "./index.js",
-  "name": "@syncfusion/ej2-react-base",
+  "readme": "ReadMe.md",
   "peerDependencies": {
-    "react": "15.5.4 - 16.5.1",
-    "react-dom": "15.5.4 - 16.5.1"
+    "react": "15.5.4 - 16.8.0",
+    "react-dom": "15.5.4 - 16.8.0"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
+  "dependencies": {
+    "@syncfusion/ej2-base": "~17.1.38"
   },
-  "version": "17.1.32-beta",
+  "devDependencies": {},
   "sideEffects": true
 }

src/component-base.d.ts

@@ -35,2 +35,3 @@ /**
     refreshProperties(dProps: Object, nextProps: Object): void;
+    private processComplexTemplate;
     getDefaultAttributes(): Object;
@@ -37,0 +38,0 @@ trigger(eventName: string, eventProp?: any): void;

src/component-base.js

@@ -19,3 +19,3 @@ var __extends = (this && this.__extends) || (function () {
 import * as ReactDOM from 'react-dom';
-import { extend, isNullOrUndefined } from '@syncfusion/ej2-base';
+import { extend, isNullOrUndefined, setValue, getValue } from '@syncfusion/ej2-base';
 var defaulthtmlkeys = ['alt', 'className', 'disabled', 'form', 'id',
@@ -25,3 +25,3 @@ 'readOnly', 'style', 'tabIndex', 'title', 'type', 'name',
 var delayUpdate = ['accordion', 'tab'];
-/* tslint:disable */
+// tslint:disable
 var ComponentBase = /** @class */ (function (_super) {
@@ -61,3 +61,2 @@ __extends(ComponentBase, _super);
     };
-    // tslint:disable-next-line:no-any
     ComponentBase.prototype.componentWillReceiveProps = function (nextProps) {
@@ -106,2 +105,3 @@ var _this = this;
         if (Object.keys(dProps).length) {
+            this.processComplexTemplate(dProps, this);
             this.setProperties(dProps);
@@ -111,2 +111,13 @@ }
     };
+    ComponentBase.prototype.processComplexTemplate = function (curObject, context) {
+        var compTemplate = context.complexTemplate;
+        if (compTemplate) {
+            for (var prop in compTemplate) {
+                var PropVal = compTemplate[prop];
+                if (curObject[prop]) {
+                    setValue(PropVal, getValue(prop, curObject), curObject);
+                }
+            }
+        }
+    };
     ComponentBase.prototype.getDefaultAttributes = function () {
@@ -133,3 +144,2 @@ return this.htmlattributes;
         }
-        /* tslint:enable:no-any */
     };
@@ -230,3 +240,7 @@ ComponentBase.prototype.compareObjects = function (oldProps, newProps) {
                 if (accessProp || !prop.children) {
-                    ret.push(extend({}, prop, {}, true));
+                    // tslint:disable
+                    var cacheVal = extend({}, prop, {}, true);
+                    // tslint:disable
+                    this.processComplexTemplate(cacheVal, child.type);
+                    ret.push(cacheVal);
                 }
@@ -238,2 +252,4 @@ else {
                     }
+                    // tslint:disable
+                    this.processComplexTemplate(cachedValue, child.type);
                     ret.push(cachedValue);
@@ -260,1 +276,2 @@ }
 export { ComponentBase };
+/* tslint:enable:no-any */ 

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

158931

increased by3.85%

Lines of code

1224

increased by4.62%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Number of low maintenance alerts

1

increased byInfinity%

Dependency changes

• + Addedreact@16.8.0(transitive)

• + Addedreact-dom@16.8.0(transitive)

• + Addedscheduler@0.13.6(transitive)

• - Removedreact@16.5.1(transitive)

• - Removedreact-dom@16.5.1(transitive)

• - Removedschedule@0.4.0(transitive)

• Updated@syncfusion/ej2-base@~17.1.38