@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.1145e7667f

package/plugins/globalSearch/SearchBar.js

@@ -1,31 +1,41 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
-import { set } from "dot-prop-immutable";
-import { useRouter } from "@webiny/react-router";
-import Downshift from "downshift";
-import { plugins } from "@webiny/plugins";
-import classnames from "classnames";
-import { Hotkeys } from "react-hotkeyz"; // UI components
-
-import { Icon } from "@webiny/ui/Icon";
-import { Elevation } from "@webiny/ui/Elevation";
-import SearchBarDropdown from "./SearchBarDropdown"; // Icons
-
-import { ReactComponent as SearchIcon } from "@svgr/webpack!./icons/round-search-24px.svg"; // Local components
-
-import { SearchBarWrapper, SearchBarInputWrapper, SearchShortcut, searchBarInput, icon, searchWrapper } from "./styled";
-
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var React = _interopRequireWildcard(require("react"));
+var _dotPropImmutable = require("dot-prop-immutable");
+var _reactRouter = require("@webiny/react-router");
+var _downshift = _interopRequireDefault(require("downshift"));
+var _plugins = require("@webiny/plugins");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactHotkeyz = require("react-hotkeyz");
+var _Icon = require("@webiny/ui/Icon");
+var _Elevation = require("@webiny/ui/Elevation");
+var _SearchBarDropdown = _interopRequireDefault(require("./SearchBarDropdown"));
+var _search = require("@material-design-icons/svg/outlined/search.svg");
+var _styled = require("./styled");
+var _ = require("../..");
+/**
+ * Package react-hotkeyz does not have types.
+ */
+// @ts-ignore
+// UI components
+// Icons
+// Local components
 var SearchBar = /*#__PURE__*/function (_React$Component) {
-  _inherits(SearchBar, _React$Component);
-
-  var _super = _createSuper(SearchBar);
-
+  (0, _inherits2.default)(SearchBar, _React$Component);
+  var _super = (0, _createSuper2.default)(SearchBar);
   /**
    * Helps us trigger some of the downshift's methods (eg. clearSelection) and helps us to avoid adding state.
    */
@@ -41,12 +51,9 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
    */
   function SearchBar(props) {
     var _this;
-
-    _classCallCheck(this, SearchBar);
-
+    (0, _classCallCheck2.default)(this, SearchBar);
     _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       active: false,
       searchTerm: {
         previous: "",
@@ -55,108 +62,93 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
       plugins: {
         // List of all registered "admin-global-search" plugins.
         get list() {
-          return plugins.byType("admin-global-search");
+          return _plugins.plugins.byType("admin-global-search");
         },
-
-        hotKeys: plugins.byType("admin-global-search-prevent-hotkey"),
+        hotKeys: _plugins.plugins.byType("admin-global-search-prevent-hotkey"),
         // Current plugin - set by examining current route and its query params (on construct).
         current: undefined
       }
     });
-
-    _defineProperty(_assertThisInitialized(_this), "downshift", /*#__PURE__*/React.createRef());
-
-    _defineProperty(_assertThisInitialized(_this), "input", /*#__PURE__*/React.createRef());
-
-    _defineProperty(_assertThisInitialized(_this), "handleOpenHotkey", function (e) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "downshift", /*#__PURE__*/React.createRef());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "input", /*#__PURE__*/React.createRef());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOpenHotkey", function (e) {
       for (var i = 0; i < _this.state.plugins.hotKeys.length; i++) {
         var hotKey = _this.state.plugins.hotKeys[i];
-
         if (hotKey.preventOpen(e)) {
           return;
         }
       }
-
       e.preventDefault();
-
+      if (!_this.input.current) {
+        return;
+      }
       _this.input.current.focus();
     });
-
-    _defineProperty(_assertThisInitialized(_this), "submitSearchTerm", function (plugin) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "submitSearchTerm", function (plugin) {
       _this.setState(function (state) {
-        var newState = set(state, "searchTerm.previous", state.searchTerm.current);
-        return set(newState, "plugins.current", plugin);
+        var newState = (0, _dotPropImmutable.set)(state, "searchTerm.previous", state.searchTerm.current);
+        return (0, _dotPropImmutable.set)(newState, "plugins.current", plugin);
       }, function () {
         var query = new URLSearchParams();
-
         if (_this.state.searchTerm.current) {
           // If "search" key in the plugin was defined, it means SearchInput values were set. Otherwise,
           // we need to send the plain string into the "search" query param. This behavior was needed
           // eg. for pages, since Page entity doesn't use regular SearchInput type, but plain string.
           if (plugin.search) {
-            query.set("search", JSON.stringify(_objectSpread({
+            query.set("search", JSON.stringify((0, _objectSpread2.default)({
               query: _this.state.searchTerm.current
             }, plugin.search)));
           } else {
             query.set("search", _this.state.searchTerm.current);
           }
         }
-
         _this.props.history.push({
           pathname: plugin.route,
           search: query.toString()
         });
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "cancelSearchTerm", function () {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cancelSearchTerm", function () {
       _this.setState(function (state) {
         state.searchTerm.current = state.searchTerm.previous;
         return state;
       });
     });
-
     _this.state.plugins.current = _this.state.plugins.list.find(function (p) {
       return p.route === props.location.pathname;
     });
-
     if (_this.state.plugins.current) {
       var search;
       var query = new URLSearchParams(props.location.search);
-
       try {
         search = JSON.parse(query.get("search") || "").query;
       } catch (e) {
         search = query.get("search");
       }
-
       _this.state.searchTerm.current = search || "";
       _this.state.searchTerm.previous = _this.state.searchTerm.current;
     }
-
     return _this;
   }
-
-  _createClass(SearchBar, [{
+  (0, _createClass2.default)(SearchBar, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
-      return /*#__PURE__*/React.createElement(Downshift, {
+      return /*#__PURE__*/React.createElement(_downshift.default, {
         ref: this.downshift,
         itemToString: function itemToString(item) {
           return item && item.label;
         }
       }, function (downshiftProps) {
         var isOpen = downshiftProps.isOpen,
-            openMenu = downshiftProps.openMenu,
-            closeMenu = downshiftProps.closeMenu,
-            getInputProps = downshiftProps.getInputProps;
+          openMenu = downshiftProps.openMenu,
+          closeMenu = downshiftProps.closeMenu,
+          getInputProps = downshiftProps.getInputProps;
         return /*#__PURE__*/React.createElement("div", {
           style: {
             width: "100%"
           }
-        }, /*#__PURE__*/React.createElement(Hotkeys, {
+        }, /*#__PURE__*/React.createElement(_reactHotkeyz.Hotkeys, {
           zIndex: 10,
           keys: {
             // @ts-ignore
@@ -165,45 +157,41 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
             },
             "/": _this2.handleOpenHotkey
           }
-        }), /*#__PURE__*/React.createElement(Hotkeys, {
+        }), /*#__PURE__*/React.createElement(_reactHotkeyz.Hotkeys, {
           zIndex: 11,
           disabled: !isOpen,
           keys: {
             esc: function esc() {
               _this2.cancelSearchTerm();
-
               closeMenu();
             },
             enter: function enter() {
               return setTimeout(function () {
                 var selectedItem = _this2.downshift.current.state.selectedItem;
-
                 if (selectedItem) {
                   closeMenu();
-
                   _this2.submitSearchTerm(selectedItem);
                 }
               });
             }
           }
-        }), /*#__PURE__*/React.createElement(Elevation, {
-          className: classnames(searchWrapper, {
+        }), /*#__PURE__*/React.createElement(_Elevation.Elevation, {
+          className: (0, _classnames.default)(_styled.searchWrapper, {
             active: _this2.state.active
           }),
           z: 0
-        }, /*#__PURE__*/React.createElement(SearchBarWrapper, null, /*#__PURE__*/React.createElement(SearchBarInputWrapper, null, /*#__PURE__*/React.createElement(Icon, {
-          className: icon,
-          icon: /*#__PURE__*/React.createElement(SearchIcon, null)
+        }, /*#__PURE__*/React.createElement(_styled.SearchBarWrapper, null, /*#__PURE__*/React.createElement(_styled.SearchBarInputWrapper, null, /*#__PURE__*/React.createElement(_Icon.Icon, {
+          className: _styled.icon,
+          icon: /*#__PURE__*/React.createElement(_search.ReactComponent, null)
         }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", getInputProps({
           placeholder: "Search...",
-          className: classnames("mdc-text-field__input", searchBarInput),
+          className: (0, _classnames.default)("mdc-text-field__input", _styled.searchBarInput),
           ref: _this2.input,
           value: _this2.state.searchTerm.current,
           // @ts-ignore
           onClick: openMenu,
           onBlur: function onBlur() {
             _this2.cancelSearchTerm();
-
             _this2.setState({
               active: false
             });
@@ -212,30 +200,26 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
             _this2.setState({
               active: true
             });
-
             openMenu();
           },
           onChange: function onChange(e) {
             var value = e.target.value || "";
-
             _this2.setState(function (state) {
               state.searchTerm.current = value;
               return state;
             });
           }
-        }))), /*#__PURE__*/React.createElement(SearchShortcut, null, "/"))), isOpen && /*#__PURE__*/React.createElement(SearchBarDropdown, {
+        }))), /*#__PURE__*/React.createElement(_styled.SearchShortcut, null, "/"))), isOpen && /*#__PURE__*/React.createElement(_SearchBarDropdown.default, {
           context: _this2
         })));
       });
     }
   }]);
-
   return SearchBar;
 }(React.Component);
-
 var SearchBarContainer = function SearchBarContainer() {
-  var routerProps = useRouter();
+  var routerProps = (0, _reactRouter.useRouter)();
   return /*#__PURE__*/React.createElement(SearchBar, routerProps);
 };
-
-export default SearchBarContainer;
+var _default = (0, _.makeComposable)("SearchBarContainer", SearchBarContainer);
+exports.default = _default;

package/plugins/globalSearch/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SearchBar","props","active","searchTerm","previous","current","plugins","list","byType","hotKeys","undefined","React","createRef","e","i","state","length","hotKey","preventOpen","preventDefault","input","focus","plugin","setState","newState","set","query","URLSearchParams","search","JSON","stringify","history","push","pathname","route","toString","find","p","location","parse","get","downshift","item","label","downshiftProps","isOpen","openMenu","closeMenu","getInputProps","width","esc","document","activeElement","blur","handleOpenHotkey","cancelSearchTerm","enter","setTimeout","selectedItem","submitSearchTerm","classnames","searchWrapper","icon","placeholder","className","searchBarInput","ref","value","onClick","onBlur","onFocus","onChange","target","Component","SearchBarContainer","routerProps","useRouter","makeComposable"],"sources":["SearchBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { useRouter, UseRouter } from \"@webiny/react-router\";\nimport Downshift from \"downshift\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminGlobalSearchPlugin, AdminGlobalSearchPreventHotkeyPlugin } from \"~/types\";\nimport classnames from \"classnames\";\n/**\n * Package react-hotkeyz does not have types.\n */\n// @ts-ignore\nimport { Hotkeys } from \"react-hotkeyz\";\n\n// UI components\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport SearchBarDropdown from \"./SearchBarDropdown\";\n\n// Icons\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.svg\";\n\n// Local components\nimport {\n    SearchBarWrapper,\n    SearchBarInputWrapper,\n    SearchShortcut,\n    searchBarInput,\n    icon,\n    searchWrapper\n} from \"./styled\";\nimport { makeComposable } from \"~/index\";\n\ntype SearchBarProps = UseRouter;\n\nexport interface SearchBarState {\n    active: boolean;\n    searchTerm: { previous: string; current: string };\n    plugins: {\n        list: ReadonlyArray<AdminGlobalSearchPlugin>;\n        hotKeys: ReadonlyArray<AdminGlobalSearchPreventHotkeyPlugin>;\n        current?: AdminGlobalSearchPlugin;\n    };\n}\n\nclass SearchBar extends React.Component<SearchBarProps, SearchBarState> {\n    public override state: SearchBarState = {\n        active: false,\n        searchTerm: {\n            previous: \"\",\n            current: \"\"\n        },\n        plugins: {\n            // List of all registered \"admin-global-search\" plugins.\n            get list() {\n                return plugins.byType<AdminGlobalSearchPlugin>(\"admin-global-search\");\n            },\n            hotKeys: plugins.byType<AdminGlobalSearchPreventHotkeyPlugin>(\n                \"admin-global-search-prevent-hotkey\"\n            ),\n            // Current plugin - set by examining current route and its query params (on construct).\n            current: undefined\n        }\n    };\n\n    /**\n     * Helps us trigger some of the downshift's methods (eg. clearSelection) and helps us to avoid adding state.\n     */\n    public readonly downshift: any = React.createRef();\n\n    /**\n     * At some point we must programmatically focus the input.\n     */\n    private readonly input = React.createRef<HTMLInputElement>();\n\n    /**\n     * Let's check if current route is defined in one of the registered plugins.\n     * If so, then check current route query for search term and set it as default value of search input.\n     * @param props\n     */\n    constructor(props: SearchBarProps) {\n        super(props);\n        this.state.plugins.current = this.state.plugins.list.find(\n            p => p.route === props.location.pathname\n        );\n\n        if (this.state.plugins.current) {\n            let search;\n            const query = new URLSearchParams(props.location.search);\n            try {\n                search = JSON.parse(query.get(\"search\") || \"\").query;\n            } catch (e) {\n                search = query.get(\"search\");\n            }\n\n            this.state.searchTerm.current = search || \"\";\n            this.state.searchTerm.previous = this.state.searchTerm.current;\n        }\n    }\n\n    private readonly handleOpenHotkey = (e: React.KeyboardEvent): void => {\n        for (let i = 0; i < this.state.plugins.hotKeys.length; i++) {\n            const hotKey = this.state.plugins.hotKeys[i];\n            if (hotKey.preventOpen(e)) {\n                return;\n            }\n        }\n\n        e.preventDefault();\n        if (!this.input.current) {\n            return;\n        }\n        this.input.current.focus();\n    };\n\n    /**\n     * Re-routes to given route (provided by the plugin) with needed search query params.\n     * It also manages previous and current search terms and automatically highlighted item in dropdown.\n     * @param plugin\n     */\n    public readonly submitSearchTerm = (plugin: AdminGlobalSearchPlugin): void => {\n        this.setState(\n            state => {\n                const newState = set(state, \"searchTerm.previous\", state.searchTerm.current);\n                return set(newState, \"plugins.current\", plugin) as any;\n            },\n            () => {\n                const query = new URLSearchParams();\n\n                if (this.state.searchTerm.current) {\n                    // If \"search\" key in the plugin was defined, it means SearchInput values were set. Otherwise,\n                    // we need to send the plain string into the \"search\" query param. This behavior was needed\n                    // eg. for pages, since Page entity doesn't use regular SearchInput type, but plain string.\n                    if (plugin.search) {\n                        query.set(\n                            \"search\",\n                            JSON.stringify({\n                                query: this.state.searchTerm.current,\n                                ...plugin.search\n                            })\n                        );\n                    } else {\n                        query.set(\"search\", this.state.searchTerm.current);\n                    }\n                }\n\n                this.props.history.push({\n                    pathname: plugin.route,\n                    search: query.toString()\n                });\n            }\n        );\n    };\n\n    private readonly cancelSearchTerm = (): void => {\n        this.setState(state => {\n            state.searchTerm.current = state.searchTerm.previous;\n            return state;\n        });\n    };\n\n    public override render() {\n        return (\n            <Downshift ref={this.downshift} itemToString={item => item && item.label}>\n                {downshiftProps => {\n                    const { isOpen, openMenu, closeMenu, getInputProps } = downshiftProps;\n\n                    return (\n                        <div style={{ width: \"100%\" }}>\n                            <Hotkeys\n                                zIndex={10}\n                                keys={{\n                                    // @ts-ignore\n                                    esc: () => document.activeElement.blur(),\n                                    \"/\": this.handleOpenHotkey\n                                }}\n                            />\n\n                            <Hotkeys\n                                zIndex={11}\n                                disabled={!isOpen}\n                                keys={{\n                                    esc: () => {\n                                        this.cancelSearchTerm();\n                                        closeMenu();\n                                    },\n                                    enter: () =>\n                                        setTimeout(() => {\n                                            const { selectedItem } = this.downshift.current.state;\n                                            if (selectedItem) {\n                                                closeMenu();\n                                                this.submitSearchTerm(selectedItem);\n                                            }\n                                        })\n                                }}\n                            />\n\n                            <Elevation\n                                className={classnames(searchWrapper, { active: this.state.active })}\n                                z={0}\n                            >\n                                <SearchBarWrapper>\n                                    <SearchBarInputWrapper>\n                                        <Icon className={icon} icon={<SearchIcon />} />\n\n                                        <React.Fragment>\n                                            <input\n                                                {...getInputProps({\n                                                    placeholder: \"Search...\",\n                                                    className: classnames(\n                                                        \"mdc-text-field__input\",\n                                                        searchBarInput\n                                                    ),\n                                                    ref: this.input,\n                                                    value: this.state.searchTerm.current,\n                                                    // @ts-ignore\n                                                    onClick: openMenu,\n                                                    onBlur: () => {\n                                                        this.cancelSearchTerm();\n                                                        this.setState({ active: false });\n                                                    },\n                                                    onFocus: () => {\n                                                        this.setState({ active: true });\n                                                        openMenu();\n                                                    },\n                                                    onChange: (\n                                                        e: React.ChangeEvent<HTMLInputElement>\n                                                    ) => {\n                                                        const value = e.target.value || \"\";\n                                                        this.setState(state => {\n                                                            state.searchTerm.current = value;\n                                                            return state;\n                                                        });\n                                                    }\n                                                })}\n                                            />\n                                        </React.Fragment>\n\n                                        <SearchShortcut>/</SearchShortcut>\n                                    </SearchBarInputWrapper>\n                                </SearchBarWrapper>\n                                {isOpen && <SearchBarDropdown context={this} />}\n                            </Elevation>\n                        </div>\n                    );\n                }}\n            </Downshift>\n        );\n    }\n}\n\nconst SearchBarContainer: React.FC = () => {\n    const routerProps = useRouter();\n\n    return <SearchBar {...routerProps} />;\n};\n\nexport default makeComposable(\"SearchBarContainer\", SearchBarContainer);\n"],"mappings":"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"}

package/plugins/globalSearch/SearchBarDropdown.d.ts

@@ -1,5 +1,23 @@
 import * as React from "react";
-export default class SearchBarDropdown extends React.Component<any> {
+import { AdminGlobalSearchPlugin } from "../../types";
+import { Actions as DownshiftActions, DownshiftState, PropGetters } from "downshift";
+import { SearchBarState } from "./SearchBar";
+interface SearchBarDropdownPropsContextDownshiftCurrent extends DownshiftActions<any>, PropGetters<any> {
+    state: DownshiftState<any>;
+}
+interface SearchBarDropdownPropsContextDownshift {
+    current: SearchBarDropdownPropsContextDownshiftCurrent;
+}
+interface SearchBarDropdownPropsContext {
+    downshift: SearchBarDropdownPropsContextDownshift;
+    submitSearchTerm: (item: AdminGlobalSearchPlugin) => void;
+    state: SearchBarState;
+}
+interface SearchBarDropdownProps {
+    context: SearchBarDropdownPropsContext;
+}
+export default class SearchBarDropdown extends React.Component<SearchBarDropdownProps> {
     componentDidMount(): void;
     render(): JSX.Element;
 }
+export {};

package/plugins/globalSearch/SearchBarDropdown.js

@@ -1,32 +1,35 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import * as React from "react";
-import classnames from "classnames";
-import { List, ListItem, ListItemGraphic, ListItemText, ListItemMeta } from "@webiny/ui/List";
-import { searchBarDropdown, iconSearchType } from "./styled";
-import { Elevation } from "@webiny/ui/Elevation";
-import { Icon } from "@webiny/ui/Icon";
-import { ReactComponent as SearchIcon } from "@svgr/webpack!./icons/round-search-24px.svg";
+"use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _List = require("@webiny/ui/List");
+var _styled = require("./styled");
+var _Elevation = require("@webiny/ui/Elevation");
+var _Icon = require("@webiny/ui/Icon");
+var _search = require("@material-design-icons/svg/outlined/search.svg");
 var SearchBarDropdown = /*#__PURE__*/function (_React$Component) {
-  _inherits(SearchBarDropdown, _React$Component);
-
-  var _super = _createSuper(SearchBarDropdown);
-
+  (0, _inherits2.default)(SearchBarDropdown, _React$Component);
+  var _super = (0, _createSuper2.default)(SearchBarDropdown);
   function SearchBarDropdown() {
-    _classCallCheck(this, SearchBarDropdown);
-
+    (0, _classCallCheck2.default)(this, SearchBarDropdown);
     return _super.apply(this, arguments);
   }
-
-  _createClass(SearchBarDropdown, [{
+  (0, _createClass2.default)(SearchBarDropdown, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props$context = this.props.context,
-          downshift = _this$props$context.downshift.current,
-          plugins = _this$props$context.state.plugins;
+        downshift = _this$props$context.downshift.current,
+        plugins = _this$props$context.state.plugins;
       downshift.selectItem(plugins.current);
       downshift.setHighlightedIndex(plugins.list.indexOf(plugins.current));
       downshift.openMenu();
@@ -35,48 +38,46 @@ var SearchBarDropdown = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props$context2 = this.props.context,
-          downshift = _this$props$context2.downshift.current,
-          submitSearchTerm = _this$props$context2.submitSearchTerm,
-          _this$props$context2$ = _this$props$context2.state,
-          plugins = _this$props$context2$.plugins,
-          searchTerm = _this$props$context2$.searchTerm;
+        downshift = _this$props$context2.downshift.current,
+        submitSearchTerm = _this$props$context2.submitSearchTerm,
+        _this$props$context2$ = _this$props$context2.state,
+        plugins = _this$props$context2$.plugins,
+        searchTerm = _this$props$context2$.searchTerm;
       var getMenuProps = downshift.getMenuProps,
-          getItemProps = downshift.getItemProps,
-          _downshift$state = downshift.state,
-          selectedItem = _downshift$state.selectedItem,
-          highlightedIndex = _downshift$state.highlightedIndex;
-      return /*#__PURE__*/React.createElement(Elevation, {
+        getItemProps = downshift.getItemProps,
+        _downshift$state = downshift.state,
+        selectedItem = _downshift$state.selectedItem,
+        highlightedIndex = _downshift$state.highlightedIndex;
+      return /*#__PURE__*/React.createElement(_Elevation.Elevation, {
         z: 2,
-        className: searchBarDropdown
-      }, /*#__PURE__*/React.createElement(List, getMenuProps(), plugins.list.map(function (item, index) {
+        className: _styled.searchBarDropdown
+      }, /*#__PURE__*/React.createElement(_List.List, getMenuProps(), plugins.list.map(function (item, index) {
         // Base classes.
         var itemClassNames = {
           highlighted: highlightedIndex === index,
           selected: false
-        }; // Add "selected" class if the item is selected.
+        };
 
+        // Add "selected" class if the item is selected.
         if (selectedItem && selectedItem === item) {
           itemClassNames.selected = true;
         }
-
-        return /*#__PURE__*/React.createElement(ListItem, Object.assign({
+        return /*#__PURE__*/React.createElement(_List.ListItem, Object.assign({
           key: item.route
         }, getItemProps({
           index: index,
           item: item,
-          className: classnames(itemClassNames),
+          className: (0, _classnames.default)(itemClassNames),
           onClick: function onClick() {
             return submitSearchTerm(item);
           }
-        })), /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-          className: iconSearchType,
-          icon: /*#__PURE__*/React.createElement(SearchIcon, null)
-        })), /*#__PURE__*/React.createElement(ListItemText, null, searchTerm.current || "Search for all..."), /*#__PURE__*/React.createElement(ListItemMeta, null, "in ", item.label));
+        })), /*#__PURE__*/React.createElement(_List.ListItemGraphic, null, /*#__PURE__*/React.createElement(_Icon.Icon, {
+          className: _styled.iconSearchType,
+          icon: /*#__PURE__*/React.createElement(_search.ReactComponent, null)
+        })), /*#__PURE__*/React.createElement(_List.ListItemText, null, searchTerm.current || "Search for all..."), /*#__PURE__*/React.createElement(_List.ListItemMeta, null, "in ", item.label));
       })));
     }
   }]);
-
   return SearchBarDropdown;
 }(React.Component);
-
-export { SearchBarDropdown as default };
+exports.default = SearchBarDropdown;

package/plugins/globalSearch/SearchBarDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SearchBarDropdown","props","context","downshift","current","plugins","state","selectItem","setHighlightedIndex","list","indexOf","openMenu","submitSearchTerm","searchTerm","getMenuProps","getItemProps","selectedItem","highlightedIndex","searchBarDropdown","map","item","index","itemClassNames","highlighted","selected","route","className","classnames","onClick","iconSearchType","label","React","Component"],"sources":["SearchBarDropdown.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AdminGlobalSearchPlugin } from \"~/types\";\nimport classnames from \"classnames\";\nimport { List, ListItem, ListItemGraphic, ListItemText, ListItemMeta } from \"@webiny/ui/List\";\nimport { searchBarDropdown, iconSearchType } from \"./styled\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Actions as DownshiftActions, DownshiftState, PropGetters } from \"downshift\";\nimport { ReactComponent as SearchIcon } from \"@material-design-icons/svg/outlined/search.svg\";\nimport { SearchBarState } from \"~/plugins/globalSearch/SearchBar\";\n\ninterface SearchBarDropdownPropsContextDownshiftCurrent\n    extends DownshiftActions<any>,\n        PropGetters<any> {\n    state: DownshiftState<any>;\n}\ninterface SearchBarDropdownPropsContextDownshift {\n    current: SearchBarDropdownPropsContextDownshiftCurrent;\n}\ninterface SearchBarDropdownPropsContext {\n    downshift: SearchBarDropdownPropsContextDownshift;\n    submitSearchTerm: (item: AdminGlobalSearchPlugin) => void;\n    state: SearchBarState;\n}\ninterface SearchBarDropdownProps {\n    context: SearchBarDropdownPropsContext;\n}\nexport default class SearchBarDropdown extends React.Component<SearchBarDropdownProps> {\n    public override componentDidMount() {\n        const {\n            context: {\n                downshift: { current: downshift },\n                state: { plugins }\n            }\n        } = this.props;\n\n        downshift.selectItem(plugins.current);\n        downshift.setHighlightedIndex(\n            plugins.list.indexOf(plugins.current as AdminGlobalSearchPlugin)\n        );\n        downshift.openMenu();\n    }\n\n    public override render() {\n        const {\n            context: {\n                downshift: { current: downshift },\n                submitSearchTerm,\n                state: { plugins, searchTerm }\n            }\n        } = this.props;\n\n        const {\n            getMenuProps,\n            getItemProps,\n            state: { selectedItem, highlightedIndex }\n        } = downshift;\n\n        return (\n            <Elevation z={2} className={searchBarDropdown}>\n                <List {...getMenuProps()}>\n                    {plugins.list.map((item: AdminGlobalSearchPlugin, index) => {\n                        // Base classes.\n                        const itemClassNames = {\n                            highlighted: highlightedIndex === index,\n                            selected: false\n                        };\n\n                        // Add \"selected\" class if the item is selected.\n                        if (selectedItem && selectedItem === item) {\n                            itemClassNames.selected = true;\n                        }\n\n                        return (\n                            <ListItem\n                                key={item.route}\n                                {...getItemProps({\n                                    index,\n                                    item,\n                                    className: classnames(itemClassNames),\n                                    onClick: () => submitSearchTerm(item)\n                                })}\n                            >\n                                <ListItemGraphic>\n                                    <Icon className={iconSearchType} icon={<SearchIcon />} />\n                                </ListItemGraphic>\n                                <ListItemText>\n                                    {searchTerm.current || \"Search for all...\"}\n                                </ListItemText>\n                                <ListItemMeta>in {item.label}</ListItemMeta>\n                            </ListItem>\n                        );\n                    })}\n                </List>\n            </Elevation>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAA8F,IAmBzEA,iBAAiB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAClC,6BAAoC;MAChC,0BAKI,IAAI,CAACC,KAAK,CAJVC,OAAO;QACmBC,SAAS,uBAA/BA,SAAS,CAAIC,OAAO;QACXC,OAAO,uBAAhBC,KAAK,CAAID,OAAO;MAIxBF,SAAS,CAACI,UAAU,CAACF,OAAO,CAACD,OAAO,CAAC;MACrCD,SAAS,CAACK,mBAAmB,CACzBH,OAAO,CAACI,IAAI,CAACC,OAAO,CAACL,OAAO,CAACD,OAAO,CAA4B,CACnE;MACDD,SAAS,CAACQ,QAAQ,EAAE;IACxB;EAAC;IAAA;IAAA,OAED,kBAAyB;MACrB,2BAMI,IAAI,CAACV,KAAK,CALVC,OAAO;QACmBC,SAAS,wBAA/BA,SAAS,CAAIC,OAAO;QACpBQ,gBAAgB,wBAAhBA,gBAAgB;QAAA,6CAChBN,KAAK;QAAID,OAAO,yBAAPA,OAAO;QAAEQ,UAAU,yBAAVA,UAAU;MAIpC,IACIC,YAAY,GAGZX,SAAS,CAHTW,YAAY;QACZC,YAAY,GAEZZ,SAAS,CAFTY,YAAY;QAAA,mBAEZZ,SAAS,CADTG,KAAK;QAAIU,YAAY,oBAAZA,YAAY;QAAEC,gBAAgB,oBAAhBA,gBAAgB;MAG3C,oBACI,oBAAC,oBAAS;QAAC,CAAC,EAAE,CAAE;QAAC,SAAS,EAAEC;MAAkB,gBAC1C,oBAAC,UAAI,EAAKJ,YAAY,EAAE,EACnBT,OAAO,CAACI,IAAI,CAACU,GAAG,CAAC,UAACC,IAA6B,EAAEC,KAAK,EAAK;QACxD;QACA,IAAMC,cAAc,GAAG;UACnBC,WAAW,EAAEN,gBAAgB,KAAKI,KAAK;UACvCG,QAAQ,EAAE;QACd,CAAC;;QAED;QACA,IAAIR,YAAY,IAAIA,YAAY,KAAKI,IAAI,EAAE;UACvCE,cAAc,CAACE,QAAQ,GAAG,IAAI;QAClC;QAEA,oBACI,oBAAC,cAAQ;UACL,GAAG,EAAEJ,IAAI,CAACK;QAAM,GACZV,YAAY,CAAC;UACbM,KAAK,EAALA,KAAK;UACLD,IAAI,EAAJA,IAAI;UACJM,SAAS,EAAE,IAAAC,mBAAU,EAACL,cAAc,CAAC;UACrCM,OAAO,EAAE;YAAA,OAAMhB,gBAAgB,CAACQ,IAAI,CAAC;UAAA;QACzC,CAAC,CAAC,gBAEF,oBAAC,qBAAe,qBACZ,oBAAC,UAAI;UAAC,SAAS,EAAES,sBAAe;UAAC,IAAI,eAAE,oBAAC,sBAAU;QAAI,EAAG,CAC3C,eAClB,oBAAC,kBAAY,QACRhB,UAAU,CAACT,OAAO,IAAI,mBAAmB,CAC/B,eACf,oBAAC,kBAAY,QAAC,KAAG,EAACgB,IAAI,CAACU,KAAK,CAAgB,CACrC;MAEnB,CAAC,CAAC,CACC,CACC;IAEpB;EAAC;EAAA;AAAA,EArE0CC,KAAK,CAACC,SAAS;AAAA"}

package/plugins/globalSearch/index.d.ts

@@ -1,8 +1,7 @@
-import { UIViewPlugin } from "../../ui/UIView";
-import { AdminView } from "../../ui/views/AdminView";
-export declare const globalSearch: UIViewPlugin<AdminView>;
+/// <reference types="web" />
+import React from "react";
 export declare const globalSearchHotkey: {
     type: string;
     name: string;
-    preventOpen(e: any): boolean;
+    preventOpen(e: React.ChangeEvent<HTMLInputElement>): boolean;
 };

package/plugins/globalSearch/index.js

@@ -1,30 +1,16 @@
-import * as React from "react";
-import SearchBar from "./SearchBar";
-import { GenericElement } from "../../ui/elements/GenericElement";
-import { UIViewPlugin } from "../../ui/UIView";
-import { AdminView } from "../../ui/views/AdminView"; // !EXAMPLE!
-// This demonstrates how you can create view-specific plugin classes.
-//
-// class AdminViewPlugin extends ViewPlugin<AdminView> {
-//     constructor(apply: ApplyFunction<AdminView>) {
-//         super(AdminView, apply);
-//     }
-// }
+"use strict";
 
-export var globalSearch = new UIViewPlugin(AdminView, function (view) {
-  view.getHeaderElement().getCenterSection().addElement(new GenericElement("searchBar", function () {
-    return /*#__PURE__*/React.createElement(SearchBar, null);
-  }));
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-export var globalSearchHotkey = {
+exports.globalSearchHotkey = void 0;
+var globalSearchHotkey = {
   type: "admin-global-search-prevent-hotkey",
   name: "admin-global-search-prevent-hotkey-input",
   preventOpen: function preventOpen(e) {
     // Define a list of all node types we want to prevent the event from.
     var ignoreNodes = ["INPUT", "TEXTAREA"];
-
-    if (ignoreNodes.includes(e.target.nodeName)) {
-      return true;
-    }
+    return ignoreNodes.includes(e.target.nodeName);
   }
-};
+};
+exports.globalSearchHotkey = globalSearchHotkey;

package/plugins/globalSearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["globalSearchHotkey","type","name","preventOpen","e","ignoreNodes","includes","target","nodeName"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const globalSearchHotkey = {\n    type: \"admin-global-search-prevent-hotkey\",\n    name: \"admin-global-search-prevent-hotkey-input\",\n    preventOpen(e: React.ChangeEvent<HTMLInputElement>): boolean {\n        // Define a list of all node types we want to prevent the event from.\n        const ignoreNodes = [\"INPUT\", \"TEXTAREA\"];\n\n        return ignoreNodes.includes(e.target.nodeName);\n    }\n};\n"],"mappings":";;;;;;AAEO,IAAMA,kBAAkB,GAAG;EAC9BC,IAAI,EAAE,oCAAoC;EAC1CC,IAAI,EAAE,0CAA0C;EAChDC,WAAW,uBAACC,CAAsC,EAAW;IACzD;IACA,IAAMC,WAAW,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC;IAEzC,OAAOA,WAAW,CAACC,QAAQ,CAACF,CAAC,CAACG,MAAM,CAACC,QAAQ,CAAC;EAClD;AACJ,CAAC;AAAC"}