1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 | import { __assign, __extends, __rest } from "tslib";
|
17 | import classNames from "classnames";
|
18 | import * as React from "react";
|
19 | import { DISPLAYNAME_PREFIX, InputGroup, Overlay } from "@blueprintjs/core";
|
20 | import { Classes } from "../../common";
|
21 | import { QueryList } from "../query-list/queryList";
|
22 | var Omnibar = (function (_super) {
|
23 | __extends(Omnibar, _super);
|
24 | function Omnibar() {
|
25 | var _this = _super !== null && _super.apply(this, arguments) || this;
|
26 | _this.TypedQueryList = QueryList.ofType();
|
27 | _this.renderQueryList = function (listProps) {
|
28 | var _a = _this.props, _b = _a.inputProps, inputProps = _b === void 0 ? {} : _b, isOpen = _a.isOpen, _c = _a.overlayProps, overlayProps = _c === void 0 ? {} : _c;
|
29 | var handleKeyDown = listProps.handleKeyDown, handleKeyUp = listProps.handleKeyUp;
|
30 | var handlers = isOpen ? { onKeyDown: handleKeyDown, onKeyUp: handleKeyUp } : {};
|
31 | return (React.createElement(Overlay, __assign({ hasBackdrop: true }, overlayProps, { isOpen: isOpen, className: classNames(Classes.OMNIBAR_OVERLAY, overlayProps.className), onClose: _this.handleOverlayClose }),
|
32 | React.createElement("div", __assign({ className: classNames(Classes.OMNIBAR, listProps.className) }, handlers),
|
33 | React.createElement(InputGroup, __assign({ autoFocus: true, large: true, leftIcon: "search", placeholder: "Search..." }, inputProps, { onChange: listProps.handleQueryChange, value: listProps.query })),
|
34 | listProps.itemList)));
|
35 | };
|
36 | _this.handleOverlayClose = function (event) {
|
37 | var _a, _b, _c, _d;
|
38 | (_b = (_a = _this.props.overlayProps) === null || _a === void 0 ? void 0 : _a.onClose) === null || _b === void 0 ? void 0 : _b.call(_a, event);
|
39 | (_d = (_c = _this.props).onClose) === null || _d === void 0 ? void 0 : _d.call(_c, event);
|
40 | };
|
41 | return _this;
|
42 | }
|
43 | Omnibar.ofType = function () {
|
44 | return Omnibar;
|
45 | };
|
46 | Omnibar.prototype.render = function () {
|
47 |
|
48 | var _a = this.props, isOpen = _a.isOpen, inputProps = _a.inputProps, overlayProps = _a.overlayProps, restProps = __rest(_a, ["isOpen", "inputProps", "overlayProps"]);
|
49 | var initialContent = "initialContent" in this.props ? this.props.initialContent : null;
|
50 | return React.createElement(this.TypedQueryList, __assign({}, restProps, { initialContent: initialContent, renderer: this.renderQueryList }));
|
51 | };
|
52 | Omnibar.displayName = "".concat(DISPLAYNAME_PREFIX, ".Omnibar");
|
53 | return Omnibar;
|
54 | }(React.PureComponent));
|
55 | export { Omnibar };
|
56 |
|
\ | No newline at end of file |