tandem-front-end
Version:
Visual editor for web components
26 lines • 1.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var tandem_common_1 = require("tandem-common");
var lodash_1 = require("lodash");
var recompose_1 = require("recompose");
exports.default = recompose_1.compose(recompose_1.pure, function (Base) { return function (_a) {
var _b = _a.onChange, onChange = _b === void 0 ? lodash_1.noop : _b, _c = _a.value, _d = _c === void 0 ? [0, 0, 0, 0] : _c, r = _d[0], g = _d[1], b = _d[2], a = _d[3];
var changeCallback = function (index) { return function (value) {
return onChange(tandem_common_1.arraySplice([r, g, b, a], index, 1, lodash_1.clamp(Number(value), 0, 255)));
}; };
return (React.createElement(Base, { rInputProps: {
value: r,
onChange: changeCallback(0)
}, gInputProps: {
value: g,
onChange: changeCallback(1)
}, bInputProps: {
value: b,
onChange: changeCallback(2)
}, aInputProps: {
value: a,
onChange: changeCallback(3)
} }));
}; });
//# sourceMappingURL=rgba-input-controller.js.map