@shakacode/recompose
Version:
A React utility belt for function components and higher-order components
47 lines (46 loc) • 2.35 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
var _react = require("react");
var _setDisplayName = _interopRequireDefault(require("./setDisplayName"));
var _wrapDisplayName = _interopRequireDefault(require("./wrapDisplayName"));
var _mapValues = _interopRequireDefault(require("./utils/mapValues"));
var withStateHandlers = function withStateHandlers(initialState, stateUpdaters) {
return function (BaseComponent) {
var WithStateHandlers = /*#__PURE__*/function (_Component) {
function WithStateHandlers() {
var _this;
for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
_args[_key] = arguments[_key];
}
_this = _Component.call.apply(_Component, [this].concat(_args)) || this;
_this.state = typeof initialState === 'function' ? initialState(_this.props) : initialState;
_this.stateUpdaters = (0, _mapValues["default"])(stateUpdaters, function (handler) {
return function (mayBeEvent) {
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
args[_key2 - 1] = arguments[_key2];
}
_this.setState(function (state, props) {
return handler(state, props).apply(void 0, [mayBeEvent].concat(args));
});
};
});
return _this;
}
(0, _inheritsLoose2["default"])(WithStateHandlers, _Component);
var _proto = WithStateHandlers.prototype;
_proto.render = function render() {
return /*#__PURE__*/(0, _react.createElement)(BaseComponent, (0, _extends2["default"])({}, this.props, this.state, this.stateUpdaters));
};
return WithStateHandlers;
}(_react.Component);
if (process.env.NODE_ENV !== 'production') {
return (0, _setDisplayName["default"])((0, _wrapDisplayName["default"])(BaseComponent, 'withStateHandlers'))(WithStateHandlers);
}
return WithStateHandlers;
};
};
var _default = exports["default"] = withStateHandlers;