tandem-front-end
Version:
Visual editor for web components
47 lines • 2.06 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
require("./index.scss");
var React = require("react");
var _a = require("./index.pc"), BaseQuickSearch = _a.QuickSearch, BaseSearchResult = _a.SearchResult, QuickSearchInput = _a.QuickSearchInput;
var recompose_1 = require("recompose");
var actions_1 = require("../../actions");
var focus_1 = require("../focus");
var SearchResult = recompose_1.compose(recompose_1.pure, recompose_1.withHandlers({
onClick: function (_a) {
var dispatch = _a.dispatch, file = _a.file;
return function () {
dispatch(actions_1.quickSearchItemClicked(file));
};
}
}))(BaseSearchResult);
exports.QuickSearchComponent = recompose_1.compose(recompose_1.pure, recompose_1.withState("filter", "setFilter", null), recompose_1.withHandlers({
onInputKeyDown: function (_a) {
var setFilter = _a.setFilter;
return function (event) {
setFilter(String(event.target.value || "")
.toLowerCase()
.trim()
.split(" "));
};
},
onBackgroundClick: function (_a) {
var dispatch = _a.dispatch;
return function () {
dispatch(actions_1.quickSearchBackgroundClick());
};
}
}))(function (_a) {
var filter = _a.filter, root = _a.root, dispatch = _a.dispatch, onInputKeyDown = _a.onInputKeyDown, onBackgroundClick = _a.onBackgroundClick;
if (!root.showQuickSearch) {
return null;
}
return (React.createElement("div", { className: "m-quick-search" },
React.createElement("div", { className: "background", onClick: onBackgroundClick }),
React.createElement(BaseQuickSearch, { className: "modal", searchResultsProps: {
// children: results
}, inputWrapperProps: {
children: (React.createElement(focus_1.FocusComponent, null,
React.createElement(QuickSearchInput, { onKeyUp: onInputKeyDown })))
} })));
});
//# sourceMappingURL=index.js.map