tandem-front-end
Version:
Visual editor for web components
47 lines • 1.9 kB
JavaScript
;
var __assign = (this && this.__assign) || Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
t[p[i]] = s[p[i]];
return t;
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var recompose_1 = require("recompose");
var tandem_common_1 = require("tandem-common");
var actions_1 = require("../../../../../../../actions");
exports.default = recompose_1.compose(recompose_1.pure, recompose_1.withHandlers({
onClick: function () { return function () { }; },
onChange: function (_a) {
var dispatch = _a.dispatch;
return function (value) {
dispatch(actions_1.rawCssTextChanged(value));
};
}
}), function (Base) { return function (_a) {
var onChange = _a.onChange, selectedNodes = _a.selectedNodes, rest = __rest(_a, ["onChange", "selectedNodes"]);
var cssText = getSelectedNodeStyle(selectedNodes);
return (React.createElement(Base, __assign({}, rest, { textareaProps: {
value: cssText,
onChange: onChange
} })));
}; });
var getSelectedNodeStyle = function (selectedNodes) {
var node = selectedNodes[0];
return (node &&
tandem_common_1.stringifyStyle(node.style || tandem_common_1.EMPTY_OBJECT)
.split(";")
.join(";\n"));
};
//# sourceMappingURL=code.js.map