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

Comparing version 16.1.37 to 16.1.48

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+### Common
+
+### Bug Fixes
+
+- Fixed the react compatibility issue with redux and state changes triggers multiple callback.
+
 ## 16.1.32 (2018-03-29)
@@ -7,0 +13,0 @@

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

 /*!
 *  filename: ej2-react-base.umd.min.js
-*  version : 16.1.37
+*  version : 16.1.48
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -10,13 +10,3 @@ *  Use of this code is subject to the terms of our license.
 */
-/*!
-*  filename: ej2-react-base.umd.min.js
-*  version : 16.1.32
-*  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  [e-mail]. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
-
-!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,n){"use strict";function o(t,e){return"string"==typeof t?l(t,e):function(e){var n=document.createElement("div");return r.render(t(e),n),n.children}}var i=function(){var 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])};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","onClick","onFocus","onBlur"],s=function(t){function o(){return null!==t&&t.apply(this,arguments)||this}return i(o,t),o.prototype.componentWillMount=function(){var t=Object.keys(this.props);this.htmlattributes={};for(var e=p.concat(this.controlAttributes||[]),r=0,n=t;r<n.length;r++){var o=n[r];-1===o.indexOf("data-")&&-1===o.indexOf("aria-")&&-1===e.indexOf(o)||(this.htmlattributes[o]=this.props[o])}},o.prototype.componentDidMount=function(){this.refreshChild(!0);var t=r.findDOMNode(this);this.appendTo(t)},o.prototype.componentWillReceiveProps=function(t){this.setState(t),this.setProperties(t),this.refreshChild(!1,t)},o.prototype.getDefaultAttributes=function(){return this.htmlattributes},o.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],n=0,o=this.getInjectedServices()||[];n<o.length;n++){var i=o[n];-1===r.indexOf(i)&&r.push(i)}this.injectedModules=r}if(this.directivekeys){var p=this.validateChildren({},this.directivekeys,e||this.props);if(p){if(!t&&this.skipRefresh)for(var s=0,c=this.skipRefresh;s<c.length;s++){delete p[c[s]]}this.setProperties(p,t)}}},o.prototype.componentWillUnmount=function(){this.destroy()},o.prototype.validateChildren=function(t,r,n){for(var o=!1,i=0,p=e.Children.toArray(n.children);i<p.length;i++){var s=p[i],c=this.getChildType(s),u=r[c];if(c&&r){var f=this.getChildProps(e.Children.toArray(s.props.children),u);f.length&&(o=!0,t[s.type.propertyName||c]=f)}}return o?t:null},o.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},o.prototype.getChildProps=function(t,e){for(var r=[],o=0,i=t;o<i.length;o++){var p=i[o],s=!1,c=void 0;"string"==typeof e?(s=!0,c=e):c=Object.keys(e)[0];var u=p.props;this.getChildType(p)===c&&(s||!u.children?r.push(u):r.push(this.validateChildren(n.extend({},u),e[c],u)||u))}return r},o.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[]},o}(e.PureComponent),c=function(){var 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])};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)}}(),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.render=function(){return null},e.isDirective=!0,e}(e.PureComponent),f=function(){var 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])};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)}}(),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return f(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(e.PureComponent),l=n.getTemplateEngine();n.setTemplateEngine({compile:o}),t.ComponentBase=s,t.applyMixins=function(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){t.prototype[r]=e.prototype[r]})})},t.ComplexBase=u,t.Inject=a,t.compile=o,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,n){"use strict";function o(t,e){return"string"==typeof t?a(t,e):function(e){var n=document.createElement("div");return r.render(t(e),n),n.children}}var i=function(){var 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])};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","onClick","onFocus","onBlur"],s=function(t){function o(){return null!==t&&t.apply(this,arguments)||this}return i(o,t),o.prototype.componentWillMount=function(){var t=Object.keys(this.props);this.htmlattributes={};for(var e=p.concat(this.controlAttributes||[]),r=0,n=t;r<n.length;r++){var o=n[r];-1===o.indexOf("data-")&&-1===o.indexOf("aria-")&&-1===e.indexOf(o)||(this.htmlattributes[o]=this.props[o])}},o.prototype.componentDidMount=function(){this.refreshChild(!0);var t=r.findDOMNode(this);this.appendTo(t)},o.prototype.componentWillReceiveProps=function(t){for(var e=n.extend({},t),r=0,o=Object.keys(t);r<o.length;r++){var i=o[r];this.props[i]===t[i]&&delete e[i]}e.children&&delete e.children,Object.keys(e).length&&this.setProperties(e),this.refreshChild(!1,t)},o.prototype.getDefaultAttributes=function(){return this.htmlattributes},o.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],n=0,o=this.getInjectedServices()||[];n<o.length;n++){var i=o[n];-1===r.indexOf(i)&&r.push(i)}this.injectedModules=r}if(this.directivekeys){var p=this.validateChildren({},this.directivekeys,e||this.props);if(p){if(!t&&this.skipRefresh)for(var s=0,c=this.skipRefresh;s<c.length;s++){delete p[c[s]]}this.setProperties(p,t)}}},o.prototype.componentWillUnmount=function(){this.destroy()},o.prototype.validateChildren=function(t,r,n){for(var o=!1,i=0,p=e.Children.toArray(n.children);i<p.length;i++){var s=p[i],c=this.getChildType(s),u=r[c];if(c&&r){var l=this.getChildProps(e.Children.toArray(s.props.children),u);l.length&&(o=!0,t[s.type.propertyName||c]=l)}}return o?t:null},o.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},o.prototype.getChildProps=function(t,e){for(var r=[],o=0,i=t;o<i.length;o++){var p=i[o],s=!1,c=void 0;"string"==typeof e?(s=!0,c=e):c=Object.keys(e)[0];var u=p.props;this.getChildType(p)===c&&(s||!u.children?r.push(n.extend({},u,{},!0)):r.push(this.validateChildren(n.extend({},u),e[c],u)||u))}return r},o.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[]},o}(e.PureComponent),c=function(){var 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])};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)}}(),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.render=function(){return null},e.isDirective=!0,e}(e.PureComponent),l=function(){var 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])};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)}}(),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return l(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(e.PureComponent),a=n.getTemplateEngine();n.setTemplateEngine({compile:o}),t.ComponentBase=s,t.applyMixins=function(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){t.prototype[r]=e.prototype[r]})})},t.ComplexBase=u,t.Inject=f,t.compile=o,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-base.umd.min.js.map

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

@@ -30,4 +30,15 @@ import { Children, PureComponent } from 'react';
     componentWillReceiveProps(nextProps) {
-        this.setState(nextProps);
-        this.setProperties(nextProps);
+        let dProps = extend({}, nextProps);
+        let keys = Object.keys(nextProps);
+        for (let propkey of keys) {
+            if (this.props[propkey] === nextProps[propkey]) {
+                delete dProps[propkey];
+            }
+        }
+        if (dProps['children']) {
+            delete dProps['children'];
+        }
+        if (Object.keys(dProps).length) {
+            this.setProperties(dProps);
+        }
         this.refreshChild(false, nextProps);
@@ -64,2 +75,3 @@ }
     }
+    /* tslint:disable:no-any */
     validateChildren(childCache, mapper, props) {
@@ -72,7 +84,7 @@ let flag = false;
             if (ifield && mapper) {
-                // tslint:disable:no-any
+                // tslint:disable
                 let childProps = this.getChildProps(Children.toArray(child.props.children), key);
                 if (childProps.length) {
                     flag = true;
-                    // tslint:disable:no-any
+                    // tslint:disable
                     childCache[child.type.propertyName || ifield] = childProps;
@@ -111,3 +123,3 @@ }
                 if (accessProp || !prop.children) {
-                    ret.push(prop);
+                    ret.push(extend({}, prop, {}, true));
                 }
@@ -125,2 +137,3 @@ else {
         for (let child of childs) {
+            /* tslint:disable:no-any */
             if (child.type.isService) {
@@ -127,0 +140,0 @@ return child.props.services;

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

@@ -45,4 +45,16 @@ import { Children, PureComponent } from 'react';
     ComponentBase.prototype.componentWillReceiveProps = function (nextProps) {
-        this.setState(nextProps);
-        this.setProperties(nextProps);
+        var dProps = extend({}, nextProps);
+        var keys = Object.keys(nextProps);
+        for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+            var propkey = keys_1[_i];
+            if (this.props[propkey] === nextProps[propkey]) {
+                delete dProps[propkey];
+            }
+        }
+        if (dProps['children']) {
+            delete dProps['children'];
+        }
+        if (Object.keys(dProps).length) {
+            this.setProperties(dProps);
+        }
         this.refreshChild(false, nextProps);
@@ -81,2 +93,3 @@ };
     };
+    /* tslint:disable:no-any */
     ComponentBase.prototype.validateChildren = function (childCache, mapper, props) {
@@ -90,7 +103,7 @@ var flag = false;
             if (ifield && mapper) {
-                // tslint:disable:no-any
+                // tslint:disable
                 var childProps = this.getChildProps(Children.toArray(child.props.children), key);
                 if (childProps.length) {
                     flag = true;
-                    // tslint:disable:no-any
+                    // tslint:disable
                     childCache[child.type.propertyName || ifield] = childProps;
@@ -130,3 +143,3 @@ }
                 if (accessProp || !prop.children) {
-                    ret.push(prop);
+                    ret.push(extend({}, prop, {}, true));
                 }
@@ -145,2 +158,3 @@ else {
             var child = childs_2[_i];
+            /* tslint:disable:no-any */
             if (child.type.isService) {
@@ -147,0 +161,0 @@ return child.props.services;

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 16.1.37
+*  version : 16.1.48
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -10,12 +10,2 @@ *  Use of this code is subject to the terms of our license.
 */
-/*!
-*  filename: index.d.ts
-*  version : 16.1.32
-*  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  [e-mail]. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
-
 import * as _reactbase from '@syncfusion/ej2-react-base';
@@ -22,0 +12,0 @@ import * as _base from '@syncfusion/ej2-base';

package.json

 {
   "name": "@syncfusion/ej2-react-base",
-  "version": "16.1.37",
+  "version": "16.1.48",
   "description": "Essential JS 2 React Base",
@@ -28,3 +28,3 @@ "author": "Syncfusion Inc.",
     "source-map-loader": "^0.2.1",
-    "@syncfusion/ej2-base": "~16.1.37"
+    "@syncfusion/ej2-base": "~16.1.38"
   },
@@ -31,0 +31,0 @@ "devDependencies": {

src/component-base.js

@@ -39,4 +39,16 @@ var __extends = (this && this.__extends) || (function () {
         ComponentBase.prototype.componentWillReceiveProps = function (nextProps) {
-            this.setState(nextProps);
-            this.setProperties(nextProps);
+            var dProps = ej2_base_1.extend({}, nextProps);
+            var keys = Object.keys(nextProps);
+            for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+                var propkey = keys_1[_i];
+                if (this.props[propkey] === nextProps[propkey]) {
+                    delete dProps[propkey];
+                }
+            }
+            if (dProps['children']) {
+                delete dProps['children'];
+            }
+            if (Object.keys(dProps).length) {
+                this.setProperties(dProps);
+            }
             this.refreshChild(false, nextProps);
@@ -118,3 +130,3 @@ };
                     if (accessProp || !prop.children) {
-                        ret.push(prop);
+                        ret.push(ej2_base_1.extend({}, prop, {}, true));
                     }
@@ -121,0 +133,0 @@ else {

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2180964

increased by0.35%

Lines of code

2424

increased by0.66%

Dependency changes

• Updated@syncfusion/ej2-base@~16.1.38