lucid-ui
Version:
A UI component library from AppNexus.
31 lines • 1.79 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
exports.default = create_react_class_1.default({
getInitialState: function () { return ({}); },
render: function () {
var _this = this;
return (react_1.default.createElement("div", null,
react_1.default.createElement(index_1.SearchField, { placeholder: 'Name/ID' },
react_1.default.createElement(index_1.SearchField.TextField, { value: this.state.value, onSubmit: function (submission) { return _this.setState({ submission: submission }); }, onChange: function (value) { return _this.setState({ value: value }); }, onKeyDown: function (_a) {
var key = _a.event.key;
return _this.setState({ key: key });
}, onBlur: function (lastValue) { return _this.setState({ lastValue: lastValue }); } })),
react_1.default.createElement("div", { style: { marginTop: '10px', marginLeft: '10px' } },
react_1.default.createElement("div", null,
"Hit \"enter\" to submit: ",
this.state.submission),
react_1.default.createElement("div", null,
"Last keydown: ",
this.state.key),
react_1.default.createElement("div", null,
"Value on blur: ",
this.state.lastValue))));
},
});
//# sourceMappingURL=06.custom-text-field.js.map