@grapecity-software/spread-sheets-designer-react 17.0.10 → 17.1.1

package/dist/gc.spread.sheets.designer.react.js

@@ -1,6 +1,6 @@
 /*!
  * 
- * Spread.Sheets.Designer Wrapper Components for React 17.0.10
+ * Spread.Sheets.Designer Wrapper Components for React 17.1.1
  * 
  * Copyright(c) GrapeCity Software inc.  All rights reserved.
  * 
@@ -90,7 +90,7 @@ return /******/ (function(modules) { // webpackBootstrap
   \**********************************/
 /***/ (function(module, exports, __webpack_require__) {
 
-	"use strict";
+	'use strict';
 	
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
@@ -106,6 +106,8 @@ return /******/ (function(modules) { // webpackBootstrap
 	
 	var _spreadJSImport2 = _interopRequireDefault(_spreadJSImport);
 	
+	var _utils = __webpack_require__(/*! ../utils/utils */ 7);
+	
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 	
 	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -131,12 +133,12 @@ return /******/ (function(modules) { // webpackBootstrap
 	  }
 	
 	  _createClass(Designer, [{
-	    key: "render",
+	    key: 'render',
 	    value: function render() {
-	      return _reactJSImport2.default.createElement("div", { id: "designer", className: "designer", ref: this.designerHost, style: this.styleInfo });
+	      return _reactJSImport2.default.createElement('div', { id: 'designer', className: 'designer', ref: this.designerHost, style: this.styleInfo });
 	    }
 	  }, {
-	    key: "componentDidMount",
+	    key: 'componentDidMount',
 	    value: function componentDidMount() {
 	      var designer = new _spreadJSImport2.default.Spread.Sheets.Designer.Designer(this.designerHost.current, /**designer host */
 	      this.config /**If you want to change Designer's layout or rewrite it, you can pass in your own Config JSON */
@@ -149,19 +151,26 @@ return /******/ (function(modules) { // webpackBootstrap
 	      }
 	    }
 	  }, {
-	    key: "componentWillUnmount",
+	    key: 'componentWillUnmount',
 	    value: function componentWillUnmount() {
 	      this.designer.destroy();
 	    }
 	  }, {
-	    key: "shouldComponentUpdate",
+	    key: 'shouldComponentUpdate',
 	    value: function shouldComponentUpdate(nextProps) {
-	      if (nextProps.styleInfo !== this.styleInfo) {
-	        this.styleInfo = nextProps.styleInfo;
-	        for (var key in nextProps.styleInfo) {
-	          this.designerHost.current.style[key] = nextProps.styleInfo[key];
-	        }
-	        this.designer.refresh();
+	      var _this2 = this;
+	
+	      var styleInfoChange = (0, _utils.getObjectChange)(this.styleInfo, nextProps.styleInfo);
+	      if (styleInfoChange[0].length !== 0 || styleInfoChange[1].length !== 0) {
+	        styleInfoChange[0].forEach(function (update) {
+	          var key = update[0],
+	              value = update[1];
+	          _this2.designerHost.current.style[key] = value;
+	        });
+	
+	        styleInfoChange[1].forEach(function (removeKey) {
+	          _this2.designerHost.current.style[removeKey] = "";
+	        });
 	      }
 	      if (nextProps.config !== this.config) {
 	        this.config = nextProps.config;
@@ -247,8 +256,42 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	module.exports = __WEBPACK_EXTERNAL_MODULE_6__;
 
+/***/ }),
+/* 7 */
+/*!****************************!*\
+  !*** ./lib/utils/utils.js ***!
+  \****************************/
+/***/ (function(module, exports) {
+
+	"use strict";
+	
+	Object.defineProperty(exports, "__esModule", {
+	    value: true
+	});
+	var getObjectChange = exports.getObjectChange = function getObjectChange(curObj, newObj) {
+	    var _curObj = curObj ? curObj : {};
+	    var _newObj = newObj ? newObj : {};
+	    var updates = [],
+	        remove = [];
+	    var curKeys = Object.keys(_curObj);
+	    var newKeys = Object.keys(_newObj);
+	    curKeys.forEach(function (key) {
+	        if (!(key in _newObj)) {
+	            remove.push(key);
+	        } else if (_curObj[key] !== _newObj[key]) {
+	            updates.push([key, _newObj[key]]);
+	        }
+	    });
+	    newKeys.forEach(function (key) {
+	        if (!(key in _curObj)) {
+	            updates.push([key, _newObj[key]]);
+	        }
+	    });
+	    return [updates, remove];
+	};
+
 /***/ })
 /******/ ])
 });
 ;
-//# sourceMappingURL=gc.spread.sheets.designer.react.17.0.10.js.map
+//# sourceMappingURL=gc.spread.sheets.designer.react.17.1.1.js.map

package/dist/gc.spread.sheets.designer.react.min.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@grapecity-software/spread-sheets"),require("@grapecity-software/spread-sheets-designer")):"function"==typeof define&&define.amd?define(["react","@grapecity-software/spread-sheets","@grapecity-software/spread-sheets-designer"],t):"object"==typeof exports?exports.SpreadSheetsDesignerComponents=t(require("react"),require("@grapecity-software/spread-sheets"),require("@grapecity-software/spread-sheets-designer")):e.SpreadSheetsDesignerComponents=t(e.react,e["@grapecity-software/spread-sheets"],e["@grapecity-software/spread-sheets-designer"])}(this,function(r,n,o){return function(r){var n={};function o(e){if(n[e])return n[e].exports;var t=n[e]={exports:{},id:e,loaded:!1};return r[e].call(t.exports,t,t.exports,o),t.loaded=!0,t.exports}return o.m=r,o.c=n,o.p="",o(0)}([function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Designer=void 0;var n,o=r(1),s=(n=o)&&n.__esModule?n:{default:n};t.Designer=s.default},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function n(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}}(),o=i(r(2)),s=i(r(4));function i(e){return e&&e.__esModule?e:{default:e}}var a=function(e){function r(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,r);var t=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(r.__proto__||Object.getPrototypeOf(r)).call(this,e));return t.designerHost=o.default.createRef(),t.designer=null,t.config=e.config,t.styleInfo=e.styleInfo,t.spreadOptions=e.spreadOptions,t}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(r,o.default.Component),n(r,[{key:"render",value:function(){return o.default.createElement("div",{id:"designer",className:"designer",ref:this.designerHost,style:this.styleInfo})}},{key:"componentDidMount",value:function(){var e=new s.default.Spread.Sheets.Designer.Designer(this.designerHost.current,this.config,void 0,this.spreadOptions);this.designer=e;var t=this.props.designerInitialized;t&&t(e)}},{key:"componentWillUnmount",value:function(){this.designer.destroy()}},{key:"shouldComponentUpdate",value:function(e){if(e.styleInfo!==this.styleInfo){for(var t in this.styleInfo=e.styleInfo,e.styleInfo)this.designerHost.current.style[t]=e.styleInfo[t];this.designer.refresh()}return e.config!==this.config&&(this.config=e.config,this.designer.setConfig(e.config)),!1}}]),r}();t.default=a},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,o=r(3),s=(n=o)&&n.__esModule?n:{default:n};t.default=s.default},function(e,t){e.exports=r},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,o=r(5),s=(n=o)&&n.__esModule?n:{default:n};r(6),t.default=s.default},function(e,t){e.exports=n},function(e,t){e.exports=o}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@grapecity-software/spread-sheets"),require("@grapecity-software/spread-sheets-designer")):"function"==typeof define&&define.amd?define(["react","@grapecity-software/spread-sheets","@grapecity-software/spread-sheets-designer"],t):"object"==typeof exports?exports.SpreadSheetsDesignerComponents=t(require("react"),require("@grapecity-software/spread-sheets"),require("@grapecity-software/spread-sheets-designer")):e.SpreadSheetsDesignerComponents=t(e.react,e["@grapecity-software/spread-sheets"],e["@grapecity-software/spread-sheets-designer"])}(this,function(r,n,o){return function(r){var n={};function o(e){if(n[e])return n[e].exports;var t=n[e]={exports:{},id:e,loaded:!1};return r[e].call(t.exports,t,t.exports,o),t.loaded=!0,t.exports}return o.m=r,o.c=n,o.p="",o(0)}([function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Designer=void 0;var n,o=r(1),s=(n=o)&&n.__esModule?n:{default:n};t.Designer=s.default},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function n(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}}(),o=u(r(2)),s=u(r(4)),i=r(7);function u(e){return e&&e.__esModule?e:{default:e}}var a=function(e){function r(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,r);var t=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(r.__proto__||Object.getPrototypeOf(r)).call(this,e));return t.designerHost=o.default.createRef(),t.designer=null,t.config=e.config,t.styleInfo=e.styleInfo,t.spreadOptions=e.spreadOptions,t}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(r,o.default.Component),n(r,[{key:"render",value:function(){return o.default.createElement("div",{id:"designer",className:"designer",ref:this.designerHost,style:this.styleInfo})}},{key:"componentDidMount",value:function(){var e=new s.default.Spread.Sheets.Designer.Designer(this.designerHost.current,this.config,void 0,this.spreadOptions);this.designer=e;var t=this.props.designerInitialized;t&&t(e)}},{key:"componentWillUnmount",value:function(){this.designer.destroy()}},{key:"shouldComponentUpdate",value:function(e){var n=this,t=(0,i.getObjectChange)(this.styleInfo,e.styleInfo);return 0===t[0].length&&0===t[1].length||(t[0].forEach(function(e){var t=e[0],r=e[1];n.designerHost.current.style[t]=r}),t[1].forEach(function(e){n.designerHost.current.style[e]=""})),e.config!==this.config&&(this.config=e.config,this.designer.setConfig(e.config)),!1}}]),r}();t.default=a},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,o=r(3),s=(n=o)&&n.__esModule?n:{default:n};t.default=s.default},function(e,t){e.exports=r},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,o=r(5),s=(n=o)&&n.__esModule?n:{default:n};r(6),t.default=s.default},function(e,t){e.exports=n},function(e,t){e.exports=o},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.getObjectChange=function(e,t){var r=e||{},n=t||{},o=[],s=[],i=Object.keys(r),u=Object.keys(n);return i.forEach(function(e){e in n?r[e]!==n[e]&&o.push([e,n[e]]):s.push(e)}),u.forEach(function(e){e in r||o.push([e,n[e]])}),[o,s]}}])});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grapecity-software/spread-sheets-designer-react",
-  "version": "17.0.10",
+  "version": "17.1.1",
   "main": "index.js",
   "description":"SpreadJS Designer React Wrapper Components.",
   "scripts": {},