tandem-front-end
Version:
Visual editor for web components
43 lines (42 loc) • 1.57 kB
JavaScript
;
/*
TODOS:
preview
input
*/
Object.defineProperty(exports, "__esModule", { value: true });
require("./index.scss");
var React = require("react");
var focus_1 = require("../../focus");
// import { TextInputComponent } from "../../inputs/text";
var recompose_1 = require("recompose");
var MeasurementInput = function (_a) {
var value = _a.value;
return React.createElement("div", { className: "measurement" }, "px");
};
var BaseCSSInputComponent = function (_a) {
var value = _a.value, active = _a.active, onFocus = _a.onFocus, onBlur = _a.onBlur;
var tokens = [{ type: "string", value: value }];
return (React.createElement("div", { className: "m-css-property-input", tabIndex: 0, onFocus: onFocus, onBlur: onBlur }, active ? (React.createElement(focus_1.FocusComponent, null)) : (tokens.map(function (_a) {
var type = _a.type, value = _a.value;
return (React.createElement("span", { className: "m-input text" },
"100",
React.createElement(MeasurementInput, null)));
}))));
};
var enhance = recompose_1.compose(recompose_1.pure, recompose_1.withState("active", "setActive", false), recompose_1.withHandlers({
onFocus: function (_a) {
var setActive = _a.setActive;
return function () {
setActive(true);
};
},
onBlur: function (_a) {
var setActive = _a.setActive;
return function () {
setActive(false);
};
}
}));
exports.CSSInputComponent = enhance(BaseCSSInputComponent);
//# sourceMappingURL=index.js.map