Comparing version 0.3.0 to 0.3.1
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
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; }; })(); | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
@@ -35,3 +31,3 @@ | ||
key: 'displayName', | ||
value: (0, _wrapDisplayName2['default'])(BaseComponent, 'branch'), | ||
value: _wrapDisplayName2['default'](BaseComponent, 'branch'), | ||
enumerable: true | ||
@@ -43,3 +39,3 @@ }]); | ||
_get(Object.getPrototypeOf(_class.prototype), 'constructor', this).call(this, props, context); | ||
_React$Component.call(this, props, context); | ||
this.LeftComponent = null; | ||
@@ -50,27 +46,22 @@ this.RightComponent = null; | ||
_createClass(_class, [{ | ||
key: 'computeChildComponent', | ||
value: function computeChildComponent(props) { | ||
if (test(props)) { | ||
this.LeftComponent = this.LeftComponent || left(BaseComponent); | ||
this.Component = this.LeftComponent; | ||
} else { | ||
this.RightComponent = this.RightComponent || right(BaseComponent); | ||
this.Component = this.RightComponent; | ||
} | ||
_class.prototype.computeChildComponent = function computeChildComponent(props) { | ||
if (test(props)) { | ||
this.LeftComponent = this.LeftComponent || left(BaseComponent); | ||
this.Component = this.LeftComponent; | ||
} else { | ||
this.RightComponent = this.RightComponent || right(BaseComponent); | ||
this.Component = this.RightComponent; | ||
} | ||
}, { | ||
key: 'componentWillReceiveProps', | ||
value: function componentWillReceiveProps(nextProps) { | ||
this.computeChildComponent(nextProps); | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
var Component = this.Component; | ||
}; | ||
return _react2['default'].createElement(Component, this.props); | ||
} | ||
}]); | ||
_class.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { | ||
this.computeChildComponent(nextProps); | ||
}; | ||
_class.prototype.render = function render() { | ||
var Component = this.Component; | ||
return _react2['default'].createElement(Component, this.props); | ||
}; | ||
return _class; | ||
@@ -80,3 +71,3 @@ })(_react2['default'].Component); | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(branch); | ||
exports['default'] = _lodashFunctionCurry2['default'](branch); | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
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; }; })(); | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
@@ -28,18 +22,14 @@ | ||
_get(Object.getPrototypeOf(Sink.prototype), 'constructor', this).call(this, props, context); | ||
_React$Component.call(this, props, context); | ||
callback(props); | ||
} | ||
_createClass(Sink, [{ | ||
key: 'componentWillReceiveProps', | ||
value: function componentWillReceiveProps(nextProps) { | ||
callback(nextProps); | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
return null; | ||
} | ||
}]); | ||
Sink.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { | ||
callback(nextProps); | ||
}; | ||
Sink.prototype.render = function render() { | ||
return null; | ||
}; | ||
return Sink; | ||
@@ -46,0 +36,0 @@ })(_react2['default'].Component); |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
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; }; })(); | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
@@ -40,14 +34,17 @@ | ||
_get(Object.getPrototypeOf(_class.prototype), 'constructor', this).apply(this, arguments); | ||
_React$Component.apply(this, arguments); | ||
} | ||
_createClass(_class, [{ | ||
key: 'render', | ||
value: function render() { | ||
return _react2['default'].createElement(BaseComponent, _extends({}, props, this.props)); | ||
} | ||
}], [{ | ||
_class.prototype.render = function render() { | ||
return _react2['default'].createElement(BaseComponent, this.props); | ||
}; | ||
_createClass(_class, null, [{ | ||
key: 'displayName', | ||
value: (0, _wrapDisplayName2['default'])(BaseComponent, 'defaultProps'), | ||
value: _wrapDisplayName2['default'](BaseComponent, 'defaultProps'), | ||
enumerable: true | ||
}, { | ||
key: 'defaultProps', | ||
value: props, | ||
enumerable: true | ||
}]); | ||
@@ -60,3 +57,3 @@ | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(defaultProps); | ||
exports['default'] = _lodashFunctionCurry2['default'](defaultProps); | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
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; }; })(); | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
@@ -35,3 +31,3 @@ | ||
key: 'displayName', | ||
value: (0, _wrapDisplayName2['default'])(BaseComponent, 'sink'), | ||
value: _wrapDisplayName2['default'](BaseComponent, 'sink'), | ||
enumerable: true | ||
@@ -43,18 +39,14 @@ }]); | ||
_get(Object.getPrototypeOf(Sink.prototype), 'constructor', this).call(this, props, context); | ||
_React$Component.call(this, props, context); | ||
callback(props); | ||
} | ||
_createClass(Sink, [{ | ||
key: 'componentWillReceiveProps', | ||
value: function componentWillReceiveProps(nextProps) { | ||
callback(nextProps); | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
return _react2['default'].createElement(BaseComponent, this.props); | ||
} | ||
}]); | ||
Sink.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { | ||
callback(nextProps); | ||
}; | ||
Sink.prototype.render = function render() { | ||
return _react2['default'].createElement(BaseComponent, this.props); | ||
}; | ||
return Sink; | ||
@@ -64,3 +56,3 @@ })(_react2['default'].Component); | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(createSink); | ||
exports['default'] = _lodashFunctionCurry2['default'](createSink); | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
@@ -11,4 +9,2 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
@@ -43,13 +39,12 @@ | ||
_get(Object.getPrototypeOf(_class.prototype), 'constructor', this).apply(this, arguments); | ||
_React$Component.apply(this, arguments); | ||
} | ||
_createClass(_class, [{ | ||
key: 'render', | ||
value: function render() { | ||
return _react2['default'].createElement(BaseComponent, _extends({}, (0, _lodashObjectOmit2['default'])(this.props, propName), this.props[propName])); | ||
} | ||
}], [{ | ||
_class.prototype.render = function render() { | ||
return _react2['default'].createElement(BaseComponent, _extends({}, _lodashObjectOmit2['default'](this.props, propName), this.props[propName])); | ||
}; | ||
_createClass(_class, null, [{ | ||
key: 'displayName', | ||
value: (0, _wrapDisplayName2['default'])(BaseComponent, 'flattenProp'), | ||
value: _wrapDisplayName2['default'](BaseComponent, 'flattenProp'), | ||
enumerable: true | ||
@@ -62,3 +57,3 @@ }]); | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(flattenProp); | ||
exports['default'] = _lodashFunctionCurry2['default'](flattenProp); | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
@@ -11,4 +9,2 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
@@ -39,13 +35,12 @@ | ||
_get(Object.getPrototypeOf(_class.prototype), 'constructor', this).apply(this, arguments); | ||
_React$Component.apply(this, arguments); | ||
} | ||
_createClass(_class, [{ | ||
key: 'render', | ||
value: function render() { | ||
return _react2['default'].createElement(BaseComponent, _extends({}, this.props, this.context)); | ||
} | ||
}], [{ | ||
_class.prototype.render = function render() { | ||
return _react2['default'].createElement(BaseComponent, _extends({}, this.props, this.context)); | ||
}; | ||
_createClass(_class, null, [{ | ||
key: 'displayName', | ||
value: (0, _wrapDisplayName2['default'])(BaseComponent, 'getContext'), | ||
value: _wrapDisplayName2['default'](BaseComponent, 'getContext'), | ||
enumerable: true | ||
@@ -62,3 +57,3 @@ }, { | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(getContext); | ||
exports['default'] = _lodashFunctionCurry2['default'](getContext); | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
var getDisplayName = function getDisplayName(Component) { | ||
@@ -7,0 +5,0 @@ return Component.displayName || Component.name || 'Component'; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
@@ -7,0 +5,0 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
@@ -11,4 +9,2 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
@@ -38,3 +34,3 @@ | ||
key: 'displayName', | ||
value: (0, _wrapDisplayName2['default'])(BaseComponent, 'lifecycle'), | ||
value: _wrapDisplayName2['default'](BaseComponent, 'lifecycle'), | ||
enumerable: true | ||
@@ -46,18 +42,14 @@ }]); | ||
_get(Object.getPrototypeOf(Lifecycle.prototype), 'constructor', this).call(this, props, context); | ||
_React$Component.call(this, props, context); | ||
setup(this); | ||
} | ||
_createClass(Lifecycle, [{ | ||
key: 'componentWillUnmount', | ||
value: function componentWillUnmount() { | ||
teardown(this); | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
return _react2['default'].createElement(BaseComponent, _extends({}, this.props, this.state)); | ||
} | ||
}]); | ||
Lifecycle.prototype.componentWillUnmount = function componentWillUnmount() { | ||
teardown(this); | ||
}; | ||
Lifecycle.prototype.render = function render() { | ||
return _react2['default'].createElement(BaseComponent, _extends({}, this.props, this.state)); | ||
}; | ||
return Lifecycle; | ||
@@ -67,3 +59,3 @@ })(_react2['default'].Component); | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(lifecycle); | ||
exports['default'] = _lodashFunctionCurry2['default'](lifecycle); | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
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; }; })(); | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
@@ -36,13 +32,12 @@ | ||
_get(Object.getPrototypeOf(_class.prototype), 'constructor', this).apply(this, arguments); | ||
_React$Component.apply(this, arguments); | ||
} | ||
_createClass(_class, [{ | ||
key: 'render', | ||
value: function render() { | ||
return _react2['default'].createElement(BaseComponent, propsMapper(this.props)); | ||
} | ||
}], [{ | ||
_class.prototype.render = function render() { | ||
return _react2['default'].createElement(BaseComponent, propsMapper(this.props)); | ||
}; | ||
_createClass(_class, null, [{ | ||
key: 'displayName', | ||
value: (0, _wrapDisplayName2['default'])(BaseComponent, 'mapProps'), | ||
value: _wrapDisplayName2['default'](BaseComponent, 'mapProps'), | ||
enumerable: true | ||
@@ -55,3 +50,3 @@ }]); | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(mapProps); | ||
exports['default'] = _lodashFunctionCurry2['default'](mapProps); | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
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; }; })(); | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
@@ -39,3 +35,3 @@ | ||
var pickDependentProps = function pickDependentProps(props) { | ||
return (0, _lodashObjectPick2['default'])(props, depdendentPropKeys); | ||
return _lodashObjectPick2['default'](props, depdendentPropKeys); | ||
}; | ||
@@ -49,3 +45,3 @@ | ||
_get(Object.getPrototypeOf(_class.prototype), 'constructor', this).apply(this, arguments); | ||
_React$Component.apply(this, arguments); | ||
@@ -55,17 +51,15 @@ this.childProps = propsMapper(this.props); | ||
_createClass(_class, [{ | ||
key: 'componentWillReceiveProps', | ||
value: function componentWillReceiveProps(nextProps) { | ||
if (!(0, _shallowEqual2['default'])(pickDependentProps(this.props), pickDependentProps(nextProps))) { | ||
this.childProps = propsMapper(nextProps); | ||
} | ||
_class.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { | ||
if (!_shallowEqual2['default'](pickDependentProps(this.props), pickDependentProps(nextProps))) { | ||
this.childProps = propsMapper(nextProps); | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
return _react2['default'].createElement(BaseComponent, this.childProps); | ||
} | ||
}], [{ | ||
}; | ||
_class.prototype.render = function render() { | ||
return _react2['default'].createElement(BaseComponent, this.childProps); | ||
}; | ||
_createClass(_class, null, [{ | ||
key: 'displayName', | ||
value: (0, _wrapDisplayName2['default'])(BaseComponent, 'mapPropsOnUpdate'), | ||
value: _wrapDisplayName2['default'](BaseComponent, 'mapPropsOnUpdate'), | ||
enumerable: true | ||
@@ -78,3 +72,3 @@ }]); | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(mapPropsOnUpdate); | ||
exports['default'] = _lodashFunctionCurry2['default'](mapPropsOnUpdate); | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
@@ -30,7 +28,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
var onlyUpdateForKeys = function onlyUpdateForKeys(propKeys, BaseComponent) { | ||
var OnlyUpdateForKeys = (0, _shouldUpdate2['default'])(function (props, nextProps) { | ||
return !(0, _shallowEqual2['default'])((0, _lodashObjectPick2['default'])(nextProps, propKeys), (0, _lodashObjectPick2['default'])(props, propKeys)); | ||
var OnlyUpdateForKeys = _shouldUpdate2['default'](function (props, nextProps) { | ||
return !_shallowEqual2['default'](_lodashObjectPick2['default'](nextProps, propKeys), _lodashObjectPick2['default'](props, propKeys)); | ||
}, BaseComponent); | ||
OnlyUpdateForKeys.displayName = (0, _wrapDisplayName2['default'])(BaseComponent, 'onlyUpdateForKeys'); | ||
OnlyUpdateForKeys.displayName = _wrapDisplayName2['default'](BaseComponent, 'onlyUpdateForKeys'); | ||
@@ -40,3 +38,3 @@ return OnlyUpdateForKeys; | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(onlyUpdateForKeys); | ||
exports['default'] = _lodashFunctionCurry2['default'](onlyUpdateForKeys); | ||
module.exports = exports['default']; |
{ | ||
"name": "recompose", | ||
"version": "0.3.0", | ||
"version": "0.3.1", | ||
"description": "A microcomponentization toolkit for React", | ||
@@ -41,2 +41,3 @@ "main": "index.js", | ||
"eslint-plugin-react": "^3.4.2", | ||
"gzip-size-cli": "^1.0.0", | ||
"karma": "^0.13.10", | ||
@@ -53,2 +54,3 @@ "karma-chrome-launcher": "^0.2.0", | ||
"phantomjs": "^1.9.18", | ||
"pretty-bytes": "^2.0.1", | ||
"react": "^0.14.0", | ||
@@ -55,0 +57,0 @@ "react-addons-test-utils": "^0.14.0", |
10
pure.js
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
@@ -22,7 +20,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
var pure = function pure(BaseComponent) { | ||
var Pure = (0, _shouldUpdate2['default'])(function (props, nextProps) { | ||
return !(0, _shallowEqual2['default'])(props, nextProps); | ||
var Pure = _shouldUpdate2['default'](function (props, nextProps) { | ||
return !_shallowEqual2['default'](props, nextProps); | ||
})(BaseComponent); | ||
Pure.displayName = (0, _wrapDisplayName2['default'])(BaseComponent, 'pure'); | ||
Pure.displayName = _wrapDisplayName2['default'](BaseComponent, 'pure'); | ||
@@ -29,0 +27,0 @@ return Pure; |
@@ -56,4 +56,8 @@ Recompose | ||
Or if you only want to require specify modules, you can import them individually: | ||
### Optimizing bundle size | ||
The total gzipped size of the entire library is **8.98 kB**. You can reduce this number by only including the modules that you need. | ||
All top-level exports can be imported individually: | ||
```js | ||
@@ -68,2 +72,4 @@ import compose from 'recompose/compose'; | ||
Recompose includes some lodash modules, like `curry` and `compose`, as dependencies. If you're already using lodash, then the net bundle increase from using Recompose will be even smaller. | ||
## Background | ||
@@ -70,0 +76,0 @@ |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
@@ -11,4 +9,2 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
var _lodashFunctionCurry = require('lodash/function/curry'); | ||
@@ -31,7 +27,9 @@ | ||
var renameProp = function renameProp(oldName, newName, BaseComponent) { | ||
var RenameProp = (0, _mapProps2['default'])(function (props) { | ||
return _extends({}, (0, _lodashObjectOmit2['default'])(props, oldName), _defineProperty({}, newName, props[oldName])); | ||
var RenameProp = _mapProps2['default'](function (props) { | ||
var _extends2; | ||
return _extends({}, _lodashObjectOmit2['default'](props, oldName), (_extends2 = {}, _extends2[newName] = props[oldName], _extends2)); | ||
}, BaseComponent); | ||
RenameProp.displayName = (0, _wrapDisplayName2['default'])(BaseComponent, 'renameProp'); | ||
RenameProp.displayName = _wrapDisplayName2['default'](BaseComponent, 'renameProp'); | ||
@@ -41,3 +39,3 @@ return RenameProp; | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(renameProp); | ||
exports['default'] = _lodashFunctionCurry2['default'](renameProp); | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
@@ -38,4 +36,4 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
var renameProps = function renameProps(nameMap, BaseComponent) { | ||
var RenameProps = (0, _mapProps2['default'])(function (props) { | ||
return _extends({}, (0, _lodashObjectOmit2['default'])(props, keys(nameMap)), (0, _lodashObjectMapKeys2['default'])((0, _lodashObjectPick2['default'])(props, keys(nameMap)), function (_, oldName) { | ||
var RenameProps = _mapProps2['default'](function (props) { | ||
return _extends({}, _lodashObjectOmit2['default'](props, keys(nameMap)), _lodashObjectMapKeys2['default'](_lodashObjectPick2['default'](props, keys(nameMap)), function (_, oldName) { | ||
return nameMap[oldName]; | ||
@@ -45,3 +43,3 @@ })); | ||
RenameProps.displayName = (0, _wrapDisplayName2['default'])(BaseComponent, 'renameProps'); | ||
RenameProps.displayName = _wrapDisplayName2['default'](BaseComponent, 'renameProps'); | ||
@@ -51,3 +49,3 @@ return RenameProps; | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(renameProps); | ||
exports['default'] = _lodashFunctionCurry2['default'](renameProps); | ||
module.exports = exports['default']; |
@@ -5,5 +5,3 @@ // Copied from https://github.com/facebook/fbjs/blob/master/src/core/shallowEqual.js | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
exports['default'] = shallowEqual; | ||
@@ -10,0 +8,0 @@ var hasOwnProperty = Object.prototype.hasOwnProperty; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
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; }; })(); | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
@@ -36,18 +32,16 @@ | ||
_get(Object.getPrototypeOf(_class.prototype), 'constructor', this).apply(this, arguments); | ||
_React$Component.apply(this, arguments); | ||
} | ||
_createClass(_class, [{ | ||
key: 'shouldComponentUpdate', | ||
value: function shouldComponentUpdate(nextProps) { | ||
return test(this.props, nextProps); | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
return _react2['default'].createElement(BaseComponent, this.props); | ||
} | ||
}], [{ | ||
_class.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) { | ||
return test(this.props, nextProps); | ||
}; | ||
_class.prototype.render = function render() { | ||
return _react2['default'].createElement(BaseComponent, this.props); | ||
}; | ||
_createClass(_class, null, [{ | ||
key: 'displayName', | ||
value: (0, _wrapDisplayName2['default'])(BaseComponent, 'shouldUpdate'), | ||
value: _wrapDisplayName2['default'](BaseComponent, 'shouldUpdate'), | ||
enumerable: true | ||
@@ -60,3 +54,3 @@ }]); | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(shouldUpdate); | ||
exports['default'] = _lodashFunctionCurry2['default'](shouldUpdate); | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
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; }; })(); | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
@@ -38,3 +34,3 @@ | ||
_get(Object.getPrototypeOf(_class.prototype), 'constructor', this).apply(this, arguments); | ||
_React$Component.apply(this, arguments); | ||
@@ -46,10 +42,9 @@ this.getChildContext = function () { | ||
_createClass(_class, [{ | ||
key: 'render', | ||
value: function render() { | ||
return _react2['default'].createElement(BaseComponent, this.props); | ||
} | ||
}], [{ | ||
_class.prototype.render = function render() { | ||
return _react2['default'].createElement(BaseComponent, this.props); | ||
}; | ||
_createClass(_class, null, [{ | ||
key: 'displayName', | ||
value: (0, _wrapDisplayName2['default'])(BaseComponent, 'withContext'), | ||
value: _wrapDisplayName2['default'](BaseComponent, 'withContext'), | ||
enumerable: true | ||
@@ -66,3 +61,3 @@ }, { | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(withContext); | ||
exports['default'] = _lodashFunctionCurry2['default'](withContext); | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
@@ -11,4 +9,2 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
@@ -41,13 +37,12 @@ | ||
_get(Object.getPrototypeOf(_class.prototype), 'constructor', this).apply(this, arguments); | ||
_React$Component.apply(this, arguments); | ||
} | ||
_createClass(_class, [{ | ||
key: 'render', | ||
value: function render() { | ||
return _react2['default'].createElement(BaseComponent, _extends({}, this.props, props)); | ||
} | ||
}], [{ | ||
_class.prototype.render = function render() { | ||
return _react2['default'].createElement(BaseComponent, _extends({}, this.props, props)); | ||
}; | ||
_createClass(_class, null, [{ | ||
key: 'displayName', | ||
value: (0, _wrapDisplayName2['default'])(BaseComponent, 'withProps'), | ||
value: _wrapDisplayName2['default'](BaseComponent, 'withProps'), | ||
enumerable: true | ||
@@ -61,3 +56,3 @@ }]); | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(withProps); | ||
exports['default'] = _lodashFunctionCurry2['default'](withProps); | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
@@ -11,8 +9,4 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } } | ||
@@ -47,6 +41,6 @@ | ||
_get(Object.getPrototypeOf(_class.prototype), 'constructor', this).apply(this, arguments); | ||
_React$Component.apply(this, arguments); | ||
this.state = { | ||
stateValue: (0, _lodashLangIsFunction2['default'])(initialState) ? initialState(this.props) : initialState | ||
stateValue: _lodashLangIsFunction2['default'](initialState) ? initialState(this.props) : initialState | ||
}; | ||
@@ -64,12 +58,11 @@ | ||
_createClass(_class, [{ | ||
key: 'render', | ||
value: function render() { | ||
var _extends2; | ||
_class.prototype.render = function render() { | ||
var _extends2; | ||
return _react2['default'].createElement(BaseComponent, _extends({}, this.props, (_extends2 = {}, _defineProperty(_extends2, stateName, this.state.stateValue), _defineProperty(_extends2, dispatchName, this.dispatch), _extends2))); | ||
} | ||
}], [{ | ||
return _react2['default'].createElement(BaseComponent, _extends({}, this.props, (_extends2 = {}, _extends2[stateName] = this.state.stateValue, _extends2[dispatchName] = this.dispatch, _extends2))); | ||
}; | ||
_createClass(_class, null, [{ | ||
key: 'displayName', | ||
value: (0, _wrapDisplayName2['default'])(BaseComponent, 'withReducer'), | ||
value: _wrapDisplayName2['default'](BaseComponent, 'withReducer'), | ||
enumerable: true | ||
@@ -82,3 +75,3 @@ }]); | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(withReducer); | ||
exports['default'] = _lodashFunctionCurry2['default'](withReducer); | ||
module.exports = exports['default']; |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
@@ -11,8 +9,4 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; | ||
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } } | ||
@@ -47,27 +41,26 @@ | ||
_get(Object.getPrototypeOf(_class.prototype), 'constructor', this).apply(this, arguments); | ||
_React$Component.apply(this, arguments); | ||
this.state = { stateValue: initialState }; | ||
this.updateStateValue = function (updateFn) { | ||
this.updateStateValue = function (updateFn, callback) { | ||
return _this.setState(function (_ref) { | ||
var stateValue = _ref.stateValue; | ||
return { | ||
stateValue: (0, _lodashLangIsFunction2['default'])(updateFn) ? updateFn(stateValue) : updateFn | ||
stateValue: _lodashLangIsFunction2['default'](updateFn) ? updateFn(stateValue) : updateFn | ||
}; | ||
}); | ||
}, callback); | ||
}; | ||
} | ||
_createClass(_class, [{ | ||
key: 'render', | ||
value: function render() { | ||
var _extends2; | ||
_class.prototype.render = function render() { | ||
var _extends2; | ||
var childProps = _extends({}, this.props, (_extends2 = {}, _defineProperty(_extends2, stateName, this.state.stateValue), _defineProperty(_extends2, stateUpdaterName, this.updateStateValue), _extends2)); | ||
return _react2['default'].createElement(BaseComponent, childProps); | ||
} | ||
}], [{ | ||
var childProps = _extends({}, this.props, (_extends2 = {}, _extends2[stateName] = this.state.stateValue, _extends2[stateUpdaterName] = this.updateStateValue, _extends2)); | ||
return _react2['default'].createElement(BaseComponent, childProps); | ||
}; | ||
_createClass(_class, null, [{ | ||
key: 'displayName', | ||
value: (0, _wrapDisplayName2['default'])(BaseComponent, 'withState'), | ||
value: _wrapDisplayName2['default'](BaseComponent, 'withState'), | ||
enumerable: true | ||
@@ -81,2 +74,2 @@ }]); | ||
exports.withState = withState; | ||
exports['default'] = (0, _lodashFunctionCurry2['default'])(withState); | ||
exports['default'] = _lodashFunctionCurry2['default'](withState); |
'use strict'; | ||
Object.defineProperty(exports, '__esModule', { | ||
value: true | ||
}); | ||
exports.__esModule = true; | ||
@@ -14,3 +12,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } | ||
var wrapDisplayName = function wrapDisplayName(BaseComponent, hocName) { | ||
return hocName + '(' + (0, _getDisplayName2['default'])(BaseComponent) + ')'; | ||
return hocName + '(' + _getDisplayName2['default'](BaseComponent) + ')'; | ||
}; | ||
@@ -17,0 +15,0 @@ |
152
56330
25
749