You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1004 B
JavaScript
31 lines
1004 B
JavaScript
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = void 0;
|
|
var _merge = _interopRequireDefault(require("./merge"));
|
|
function compose(...styles) {
|
|
const handlers = styles.reduce((acc, style) => {
|
|
style.filterProps.forEach(prop => {
|
|
acc[prop] = style;
|
|
});
|
|
return acc;
|
|
}, {});
|
|
|
|
// false positive
|
|
// eslint-disable-next-line react/function-component-definition
|
|
const fn = props => {
|
|
return Object.keys(props).reduce((acc, prop) => {
|
|
if (handlers[prop]) {
|
|
return (0, _merge.default)(acc, handlers[prop](props));
|
|
}
|
|
return acc;
|
|
}, {});
|
|
};
|
|
fn.propTypes = process.env.NODE_ENV !== 'production' ? styles.reduce((acc, style) => Object.assign(acc, style.propTypes), {}) : {};
|
|
fn.filterProps = styles.reduce((acc, style) => acc.concat(style.filterProps), []);
|
|
return fn;
|
|
}
|
|
var _default = exports.default = compose; |