react-updater - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

dist/react-updater.js

@@ -127,3 +127,3 @@ (function (global, factory) {
         value: function render() {
-          var state = typeof this.state[STATE_PROPERTY_NAME] === 'undefined' ? this.state : this.state[STATE_PROPERTY_NAME];
+          var state = !(STATE_PROPERTY_NAME in this.state) ? this.state : this.state[STATE_PROPERTY_NAME];
 
@@ -154,3 +154,3 @@ return React__default.createElement(WrappedComponent, Object.assign({}, this.props, {
             // eslint-disable-next-line no-console
-            console.warning('Callbacks handlers defined with anonymous functions should be' + ' avoided. This can lead to de-optimisations on components' + ' that rely on props equality.');
+            console.warn('Callbacks handlers defined with anonymous functions should be' + ' avoided. This can lead to de-optimisations on components' + ' that rely on props equality.');
 
@@ -200,4 +200,36 @@ return noop;
 
+          var event = void 0;
+
+          var _iteratorNormalCompletion = true;
+          var _didIteratorError = false;
+          var _iteratorError = undefined;
+
+          try {
+            for (var _iterator = args[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var arg = _step.value;
+
+              if (arg && typeof arg.persist === 'function') {
+                event = arg;
+                event.persist();
+
+                break;
+              }
+            }
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
+            }
+          }
+
           _this2.setState(function (state) {
-            if (typeof state[STATE_PROPERTY_NAME] === 'undefined') {
+            if (!(STATE_PROPERTY_NAME in state)) {
               return callback.apply(undefined, [state].concat(_toConsumableArray(params), args));
@@ -207,2 +239,6 @@ }
             return _defineProperty({}, STATE_PROPERTY_NAME, callback.apply(undefined, [state[STATE_PROPERTY_NAME]].concat(_toConsumableArray(params), args)));
+          }, function () {
+            if (event && typeof event.destructor === 'function') {
+              event.destructor();
+            }
           });
@@ -209,0 +245,0 @@ };

dist/react-updater.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):e.withUpdater=t(e.React)}(this,function(e){"use strict";function t(e){return!0===f(e)&&"[object Object]"===Object.prototype.toString.call(e)}function n(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);e.length>t;t++)n[t]=e[t];return n}return Array.from(e)}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(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}function i(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)}var c="default"in e?e.default:e,u=function(e){return"[Function "+e.name+"]"},l=function(e){return JSON.stringify(e,function(e,t){return"function"==typeof t?u(t):t})},f=function(e){return null!=e&&"object"==typeof e&&!1===Array.isArray(e)},s=function(e){var n,r;return!1!==t(e)&&("function"==typeof(n=e.constructor)&&(r=n.prototype,!1!==t(r)&&!1!==r.hasOwnProperty("isPrototypeOf")))},p=function(){function e(e,t){for(var n=0;t.length>n;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),d="@@STATE";return function(t){return function(f){var y=function(e){function n(e){o(this,n);var i=a(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e));h.call(i);var c="function"==typeof t?t(e):t;return i.state=s(c)?c:r({},d,c),i}return i(n,e),p(n,[{key:"componentWillUnmount",value:function(){this.memoizedCallbackHandlers=null}},{key:"render",value:function(){var e=void 0===this.state[d]?this.state:this.state[d];return c.createElement(f,Object.assign({},this.props,{handle:this.handle,state:e,update:this.update}))}}]),n}(e.Component),h=function(){var e=this;this.memoizedCallbackHandlers={},this.createCallbackHandler=function(t,n){return function(r){for(var o=arguments.length,a=Array(o>1?o-1:0),i=1;o>i;i++)a[i-1]=arguments[i];var c=t+u(r)+l(a);if(!e.memoizedCallbackHandlers[c]){var f=n(r,a);return e.memoizedCallbackHandlers[c]={callback:r,handler:f},f}return e.memoizedCallbackHandlers[c].callback!==r&&(e.memoizedCallbackHandlers[c]={callback:r,handler:n(r,a)}),e.memoizedCallbackHandlers[c].handler}},this.handle=this.createCallbackHandler("handle",function(e,t){return function(){for(var r=arguments.length,o=Array(r),a=0;r>a;a++)o[a]=arguments[a];return e.apply(void 0,n(t).concat(o))}}),this.update=this.createCallbackHandler("update",function(t,o){return function(){for(var a=arguments.length,i=Array(a),c=0;a>c;c++)i[c]=arguments[c];e.setState(function(e){return void 0===e[d]?t.apply(void 0,[e].concat(n(o),i)):r({},d,t.apply(void 0,[e[d]].concat(n(o),i)))})}})};return y}}});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):t.withUpdater=e(t.React)}(this,function(t){"use strict";function e(t){return!0===f(t)&&"[object Object]"===Object.prototype.toString.call(t)}function n(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);t.length>e;e++)n[e]=t[e];return n}return Array.from(t)}function r(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var c="default"in t?t.default:t,u=function(t){return"[Function "+t.name+"]"},l=function(t){return JSON.stringify(t,function(t,e){return"function"==typeof e?u(e):e})},f=function(t){return null!=t&&"object"==typeof t&&!1===Array.isArray(t)},s=function(t){var n,r;return!1!==e(t)&&("function"==typeof(n=t.constructor)&&(r=n.prototype,!1!==e(r)&&!1!==r.hasOwnProperty("isPrototypeOf")))},p=function(){function t(t,e){for(var n=0;e.length>n;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}(),d="@@STATE";return function(e){return function(f){var y=function(t){function n(t){o(this,n);var i=a(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,t));h.call(i);var c="function"==typeof e?e(t):e;return i.state=s(c)?c:r({},d,c),i}return i(n,t),p(n,[{key:"componentWillUnmount",value:function(){this.memoizedCallbackHandlers=null}},{key:"render",value:function(){var t=d in this.state?this.state[d]:this.state;return c.createElement(f,Object.assign({},this.props,{handle:this.handle,state:t,update:this.update}))}}]),n}(t.Component),h=function(){var t=this;this.memoizedCallbackHandlers={},this.createCallbackHandler=function(e,n){return function(r){for(var o=arguments.length,a=Array(o>1?o-1:0),i=1;o>i;i++)a[i-1]=arguments[i];var c=e+u(r)+l(a);if(!t.memoizedCallbackHandlers[c]){var f=n(r,a);return t.memoizedCallbackHandlers[c]={callback:r,handler:f},f}return t.memoizedCallbackHandlers[c].callback!==r&&(t.memoizedCallbackHandlers[c]={callback:r,handler:n(r,a)}),t.memoizedCallbackHandlers[c].handler}},this.handle=this.createCallbackHandler("handle",function(t,e){return function(){for(var r=arguments.length,o=Array(r),a=0;r>a;a++)o[a]=arguments[a];return t.apply(void 0,n(e).concat(o))}}),this.update=this.createCallbackHandler("update",function(e,o){return function(){for(var a=arguments.length,i=Array(a),c=0;a>c;c++)i[c]=arguments[c];var u=void 0,l=!0,f=!1,s=void 0;try{for(var p,y=i[Symbol.iterator]();!(l=(p=y.next()).done);l=!0){var h=p.value;if(h&&"function"==typeof h.persist){(u=h).persist();break}}}catch(t){f=!0,s=t}finally{try{!l&&y.return&&y.return()}finally{if(f)throw s}}t.setState(function(t){return d in t?r({},d,e.apply(void 0,[t[d]].concat(n(o),i))):e.apply(void 0,[t].concat(n(o),i))},function(){u&&"function"==typeof u.destructor&&u.destructor()})}})};return y}}});

es/index.js

@@ -71,3 +71,3 @@ var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
         value: function render() {
-          var state = typeof this.state[STATE_PROPERTY_NAME] === 'undefined' ? this.state : this.state[STATE_PROPERTY_NAME];
+          var state = !(STATE_PROPERTY_NAME in this.state) ? this.state : this.state[STATE_PROPERTY_NAME];
 
@@ -98,3 +98,3 @@ return React.createElement(WrappedComponent, Object.assign({}, this.props, {
             // eslint-disable-next-line no-console
-            console.warning('Callbacks handlers defined with anonymous functions should be' + ' avoided. This can lead to de-optimisations on components' + ' that rely on props equality.');
+            console.warn('Callbacks handlers defined with anonymous functions should be' + ' avoided. This can lead to de-optimisations on components' + ' that rely on props equality.');
 
@@ -144,4 +144,36 @@ return noop;
 
+          var event = void 0;
+
+          var _iteratorNormalCompletion = true;
+          var _didIteratorError = false;
+          var _iteratorError = undefined;
+
+          try {
+            for (var _iterator = args[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var arg = _step.value;
+
+              if (arg && typeof arg.persist === 'function') {
+                event = arg;
+                event.persist();
+
+                break;
+              }
+            }
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
+            }
+          }
+
           _this2.setState(function (state) {
-            if (typeof state[STATE_PROPERTY_NAME] === 'undefined') {
+            if (!(STATE_PROPERTY_NAME in state)) {
               return callback.apply(undefined, [state].concat(_toConsumableArray(params), args));
@@ -151,2 +183,6 @@ }
             return _defineProperty({}, STATE_PROPERTY_NAME, callback.apply(undefined, [state[STATE_PROPERTY_NAME]].concat(_toConsumableArray(params), args)));
+          }, function () {
+            if (event && typeof event.destructor === 'function') {
+              event.destructor();
+            }
           });
@@ -153,0 +189,0 @@ };

lib/index.js

@@ -83,3 +83,3 @@ 'use strict';
         value: function render() {
-          var state = typeof this.state[STATE_PROPERTY_NAME] === 'undefined' ? this.state : this.state[STATE_PROPERTY_NAME];
+          var state = !(STATE_PROPERTY_NAME in this.state) ? this.state : this.state[STATE_PROPERTY_NAME];
 
@@ -110,3 +110,3 @@ return _react2.default.createElement(WrappedComponent, Object.assign({}, this.props, {
             // eslint-disable-next-line no-console
-            console.warning('Callbacks handlers defined with anonymous functions should be' + ' avoided. This can lead to de-optimisations on components' + ' that rely on props equality.');
+            console.warn('Callbacks handlers defined with anonymous functions should be' + ' avoided. This can lead to de-optimisations on components' + ' that rely on props equality.');
 
@@ -156,4 +156,36 @@ return _utils.noop;
 
+          var event = void 0;
+
+          var _iteratorNormalCompletion = true;
+          var _didIteratorError = false;
+          var _iteratorError = undefined;
+
+          try {
+            for (var _iterator = args[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var arg = _step.value;
+
+              if (arg && typeof arg.persist === 'function') {
+                event = arg;
+                event.persist();
+
+                break;
+              }
+            }
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
+            }
+          }
+
           _this2.setState(function (state) {
-            if (typeof state[STATE_PROPERTY_NAME] === 'undefined') {
+            if (!(STATE_PROPERTY_NAME in state)) {
               return callback.apply(undefined, [state].concat(_toConsumableArray(params), args));
@@ -163,2 +195,6 @@ }
             return _defineProperty({}, STATE_PROPERTY_NAME, callback.apply(undefined, [state[STATE_PROPERTY_NAME]].concat(_toConsumableArray(params), args)));
+          }, function () {
+            if (event && typeof event.destructor === 'function') {
+              event.destructor();
+            }
           });
@@ -165,0 +201,0 @@ };

package.json

 {
   "name": "react-updater",
   "description": "Functional stateful components made easy",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "browser": "dist/react-updater.js",
@@ -6,0 +6,0 @@ "main": "lib/index.js",

src/index.js

@@ -44,3 +44,3 @@ /**
             // eslint-disable-next-line no-console
-            console.warning(
+            console.warn(
               'Callbacks handlers defined with anonymous functions should be' +
@@ -98,15 +98,33 @@ ' avoided. This can lead to de-optimisations on components' +
         return (...args) => {
-          this.setState(state => {
-            if (typeof state[STATE_PROPERTY_NAME] === 'undefined') {
-              return callback(state, ...params, ...args);
+          let event;
+
+          for (const arg of args) {
+            if (arg && typeof arg.persist === 'function') {
+              event = arg;
+              event.persist();
+
+              break;
             }
+          }
 
-            return {
-              [STATE_PROPERTY_NAME]: callback(
-                state[STATE_PROPERTY_NAME],
-                ...params,
-                ...args
-              )
-            };
-          });
+          this.setState(
+            state => {
+              if (!(STATE_PROPERTY_NAME in state)) {
+                return callback(state, ...params, ...args);
+              }
+
+              return {
+                [STATE_PROPERTY_NAME]: callback(
+                  state[STATE_PROPERTY_NAME],
+                  ...params,
+                  ...args
+                )
+              };
+            },
+            () => {
+              if (event && typeof event.destructor === 'function') {
+                event.destructor();
+              }
+            }
+          );
         };
@@ -116,3 +134,3 @@ });
       render() {
-        const state = typeof this.state[STATE_PROPERTY_NAME] === 'undefined'
+        const state = !(STATE_PROPERTY_NAME in this.state)
           ? this.state
@@ -119,0 +137,0 @@ : this.state[STATE_PROPERTY_NAME];

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

45641

increased by9.29%

Lines of code

687

increased by18.86%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes