@webiny/app-admin 5.40.0-beta.2 → 5.40.0-beta.4

package/plugins/MenuPlugin.js

@@ -7,21 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.MenuPlugin = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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 _plugins = require("@webiny/plugins");
-var MenuPlugin = /*#__PURE__*/function (_Plugin) {
-  (0, _inherits2.default)(MenuPlugin, _Plugin);
-  var _super = (0, _createSuper2.default)(MenuPlugin);
+var MenuPlugin = exports.MenuPlugin = /*#__PURE__*/function (_Plugin) {
   function MenuPlugin(config) {
     var _this;
     (0, _classCallCheck2.default)(this, MenuPlugin);
-    _this = _super.call(this);
+    _this = (0, _callSuper2.default)(this, MenuPlugin);
     _this._config = config || {};
     return _this;
   }
-  (0, _createClass2.default)(MenuPlugin, [{
+  (0, _inherits2.default)(MenuPlugin, _Plugin);
+  return (0, _createClass2.default)(MenuPlugin, [{
     key: "order",
     get: function get() {
       return this._config.order;
@@ -35,9 +34,7 @@ var MenuPlugin = /*#__PURE__*/function (_Plugin) {
       return this._config.render(props);
     }
   }]);
-  return MenuPlugin;
 }(_plugins.Plugin);
-exports.MenuPlugin = MenuPlugin;
 (0, _defineProperty2.default)(MenuPlugin, "type", "admin-menu");
 
 //# sourceMappingURL=MenuPlugin.js.map

package/plugins/MenuPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_plugins","require","MenuPlugin","_Plugin","_inherits2","default","_super","_createSuper2","config","_this","_classCallCheck2","call","_config","_createClass2","key","get","order","value","render","props","Plugin","exports","_defineProperty2"],"sources":["MenuPlugin.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\nexport interface MenuProps {\n    name: string;\n    label: React.ReactNode;\n    icon: React.ReactElement;\n    children: React.ReactNode;\n    onClick?: (toggleSection: () => void) => void;\n}\n\nexport interface SectionProps {\n    label: React.ReactNode;\n    children: React.ReactNode;\n    icon?: React.ReactElement;\n}\n\nexport interface ItemProps {\n    label: React.ReactNode;\n    path: string;\n    style?: React.CSSProperties;\n    onClick?: () => any;\n}\n\ninterface Props {\n    Menu: React.ComponentType<MenuProps>;\n    Section: React.ComponentType<SectionProps>;\n    Item: React.ComponentType<ItemProps>;\n}\n\ninterface Config {\n    render(props: Props): React.ReactNode;\n    order?: number;\n}\n\nexport class MenuPlugin extends Plugin {\n    public static override readonly type: string = \"admin-menu\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get order() {\n        return this._config.order;\n    }\n\n    public render(props: Props): React.ReactNode {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":";;;;;;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAAyC,IAkC5BC,UAAU,0BAAAC,OAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,UAAA,EAAAC,OAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,UAAA;EAInB,SAAAA,WAAmBM,MAAe,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,UAAA;IAChCO,KAAA,GAAAH,MAAA,CAAAK,IAAA;IACAF,KAAA,CAAKG,OAAO,GAAGJ,MAAM,IAAI,CAAC,CAAC;IAAC,OAAAC,KAAA;EAChC;EAAC,IAAAI,aAAA,CAAAR,OAAA,EAAAH,UAAA;IAAAY,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAY;MACR,OAAO,IAAI,CAACH,OAAO,CAACI,KAAK;IAC7B;EAAC;IAAAF,GAAA;IAAAG,KAAA,EAED,SAAAC,OAAcC,KAAY,EAAmB;MACzC,IAAI,CAAC,IAAI,CAACP,OAAO,CAACM,MAAM,EAAE;QACtB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACN,OAAO,CAACM,MAAM,CAACC,KAAK,CAAC;IACrC;EAAC;EAAA,OAAAjB,UAAA;AAAA,EAlB2BkB,eAAM;AAAAC,OAAA,CAAAnB,UAAA,GAAAA,UAAA;AAAA,IAAAoB,gBAAA,CAAAjB,OAAA,EAAzBH,UAAU,UAC4B,YAAY"}
+{"version":3,"names":["_plugins","require","MenuPlugin","exports","_Plugin","config","_this","_classCallCheck2","default","_callSuper2","_config","_inherits2","_createClass2","key","get","order","value","render","props","Plugin","_defineProperty2"],"sources":["MenuPlugin.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\nexport interface MenuProps {\n    name: string;\n    label: React.ReactNode;\n    icon: React.ReactElement;\n    children: React.ReactNode;\n    onClick?: (toggleSection: () => void) => void;\n}\n\nexport interface SectionProps {\n    label: React.ReactNode;\n    children: React.ReactNode;\n    icon?: React.ReactElement;\n}\n\nexport interface ItemProps {\n    label: React.ReactNode;\n    path: string;\n    style?: React.CSSProperties;\n    onClick?: () => any;\n}\n\ninterface Props {\n    Menu: React.ComponentType<MenuProps>;\n    Section: React.ComponentType<SectionProps>;\n    Item: React.ComponentType<ItemProps>;\n}\n\ninterface Config {\n    render(props: Props): React.ReactNode;\n    order?: number;\n}\n\nexport class MenuPlugin extends Plugin {\n    public static override readonly type: string = \"admin-menu\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get order() {\n        return this._config.order;\n    }\n\n    public render(props: Props): React.ReactNode {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":";;;;;;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAAyC,IAkC5BC,UAAU,GAAAC,OAAA,CAAAD,UAAA,0BAAAE,OAAA;EAInB,SAAAF,WAAmBG,MAAe,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,UAAA;IAChCI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,UAAA;IACAI,KAAA,CAAKI,OAAO,GAAGL,MAAM,IAAI,CAAC,CAAC;IAAC,OAAAC,KAAA;EAChC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,UAAA,EAAAE,OAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,UAAA;IAAAW,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAY;MACR,OAAO,IAAI,CAACJ,OAAO,CAACK,KAAK;IAC7B;EAAC;IAAAF,GAAA;IAAAG,KAAA,EAED,SAAAC,OAAcC,KAAY,EAAmB;MACzC,IAAI,CAAC,IAAI,CAACR,OAAO,CAACO,MAAM,EAAE;QACtB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACP,OAAO,CAACO,MAAM,CAACC,KAAK,CAAC;IACrC;EAAC;AAAA,EAlB2BC,eAAM;AAAA,IAAAC,gBAAA,CAAAZ,OAAA,EAAzBN,UAAU,UAC4B,YAAY","ignoreList":[]}

package/plugins/PermissionRendererPlugin.js

@@ -7,21 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.PermissionRendererPlugin = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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 _plugins = require("@webiny/plugins");
-var PermissionRendererPlugin = /*#__PURE__*/function (_Plugin) {
-  (0, _inherits2.default)(PermissionRendererPlugin, _Plugin);
-  var _super = (0, _createSuper2.default)(PermissionRendererPlugin);
+var PermissionRendererPlugin = exports.PermissionRendererPlugin = /*#__PURE__*/function (_Plugin) {
   function PermissionRendererPlugin(config) {
     var _this;
     (0, _classCallCheck2.default)(this, PermissionRendererPlugin);
-    _this = _super.call(this);
+    _this = (0, _callSuper2.default)(this, PermissionRendererPlugin);
     _this._config = config || {};
     return _this;
   }
-  (0, _createClass2.default)(PermissionRendererPlugin, [{
+  (0, _inherits2.default)(PermissionRendererPlugin, _Plugin);
+  return (0, _createClass2.default)(PermissionRendererPlugin, [{
     key: "system",
     get: function get() {
       return Boolean(this._config.system);
@@ -35,9 +34,7 @@ var PermissionRendererPlugin = /*#__PURE__*/function (_Plugin) {
       return this._config.render(props);
     }
   }]);
-  return PermissionRendererPlugin;
 }(_plugins.Plugin);
-exports.PermissionRendererPlugin = PermissionRendererPlugin;
 (0, _defineProperty2.default)(PermissionRendererPlugin, "type", "admin-app-permissions-renderer");
 
 //# sourceMappingURL=PermissionRendererPlugin.js.map

package/plugins/PermissionRendererPlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_plugins","require","PermissionRendererPlugin","_Plugin","_inherits2","default","_super","_createSuper2","config","_this","_classCallCheck2","call","_config","_createClass2","key","get","Boolean","system","value","render","props","Plugin","exports","_defineProperty2"],"sources":["PermissionRendererPlugin.ts"],"sourcesContent":["import React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Permission {\n    name: string;\n    [key: string]: any;\n}\n\ninterface RenderParams {\n    value: Permission[];\n    onChange: (value: Permission[]) => void;\n}\n\ninterface Config {\n    render(props: RenderParams): React.ReactElement;\n    system?: boolean;\n}\n\nexport class PermissionRendererPlugin extends Plugin {\n    public static override readonly type: string = \"admin-app-permissions-renderer\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get system(): boolean {\n        return Boolean(this._config.system);\n    }\n\n    public render(props: RenderParams): React.ReactElement | null {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":";;;;;;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAAyC,IAiB5BC,wBAAwB,0BAAAC,OAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,wBAAA,EAAAC,OAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,wBAAA;EAIjC,SAAAA,yBAAmBM,MAAe,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,wBAAA;IAChCO,KAAA,GAAAH,MAAA,CAAAK,IAAA;IACAF,KAAA,CAAKG,OAAO,GAAGJ,MAAM,IAAI,CAAC,CAAC;IAAC,OAAAC,KAAA;EAChC;EAAC,IAAAI,aAAA,CAAAR,OAAA,EAAAH,wBAAA;IAAAY,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAsB;MAClB,OAAOC,OAAO,CAAC,IAAI,CAACJ,OAAO,CAACK,MAAM,CAAC;IACvC;EAAC;IAAAH,GAAA;IAAAI,KAAA,EAED,SAAAC,OAAcC,KAAmB,EAA6B;MAC1D,IAAI,CAAC,IAAI,CAACR,OAAO,CAACO,MAAM,EAAE;QACtB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACP,OAAO,CAACO,MAAM,CAACC,KAAK,CAAC;IACrC;EAAC;EAAA,OAAAlB,wBAAA;AAAA,EAlByCmB,eAAM;AAAAC,OAAA,CAAApB,wBAAA,GAAAA,wBAAA;AAAA,IAAAqB,gBAAA,CAAAlB,OAAA,EAAvCH,wBAAwB,UACc,gCAAgC"}
+{"version":3,"names":["_plugins","require","PermissionRendererPlugin","exports","_Plugin","config","_this","_classCallCheck2","default","_callSuper2","_config","_inherits2","_createClass2","key","get","Boolean","system","value","render","props","Plugin","_defineProperty2"],"sources":["PermissionRendererPlugin.ts"],"sourcesContent":["import React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Permission {\n    name: string;\n    [key: string]: any;\n}\n\ninterface RenderParams {\n    value: Permission[];\n    onChange: (value: Permission[]) => void;\n}\n\ninterface Config {\n    render(props: RenderParams): React.ReactElement;\n    system?: boolean;\n}\n\nexport class PermissionRendererPlugin extends Plugin {\n    public static override readonly type: string = \"admin-app-permissions-renderer\";\n    private readonly _config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get system(): boolean {\n        return Boolean(this._config.system);\n    }\n\n    public render(props: RenderParams): React.ReactElement | null {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":";;;;;;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAAyC,IAiB5BC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,0BAAAE,OAAA;EAIjC,SAAAF,yBAAmBG,MAAe,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,wBAAA;IAChCI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,wBAAA;IACAI,KAAA,CAAKI,OAAO,GAAGL,MAAM,IAAI,CAAC,CAAC;IAAC,OAAAC,KAAA;EAChC;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,wBAAA,EAAAE,OAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,wBAAA;IAAAW,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAsB;MAClB,OAAOC,OAAO,CAAC,IAAI,CAACL,OAAO,CAACM,MAAM,CAAC;IACvC;EAAC;IAAAH,GAAA;IAAAI,KAAA,EAED,SAAAC,OAAcC,KAAmB,EAA6B;MAC1D,IAAI,CAAC,IAAI,CAACT,OAAO,CAACQ,MAAM,EAAE;QACtB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACR,OAAO,CAACQ,MAAM,CAACC,KAAK,CAAC;IACrC;EAAC;AAAA,EAlByCC,eAAM;AAAA,IAAAC,gBAAA,CAAAb,OAAA,EAAvCN,wBAAwB,UACc,gCAAgC","ignoreList":[]}

package/plugins/globalSearch/SearchBar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { AdminGlobalSearchPlugin, AdminGlobalSearchPreventHotkeyPlugin } from "../../types";
 export interface SearchBarState {
     active: boolean;
@@ -15,7 +15,8 @@ export interface SearchBarState {
 declare const _default: import("../../index").GenericComponent<any> & {
     original: import("../../index").GenericComponent<any>;
     originalName: string;
+    displayName: string;
 } & {
-    createDecorator: (decorator: import("../../index").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    createDecorator: (decorator: import("../../index").Decorator<(props: any) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
 };
 export default _default;

package/plugins/globalSearch/SearchBar.js

@@ -9,9 +9,8 @@ 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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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");
@@ -34,8 +33,6 @@ var _ = require("../..");
 // Icons
 // Local components
 var SearchBar = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(SearchBar, _React$Component);
-  var _super = (0, _createSuper2.default)(SearchBar);
   /**
    * Let's check if current route is defined in one of the registered plugins.
    * If so, then check current route query for search term and set it as default value of search input.
@@ -44,8 +41,8 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
   function SearchBar(props) {
     var _this;
     (0, _classCallCheck2.default)(this, SearchBar);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = (0, _callSuper2.default)(this, SearchBar, [props]);
+    (0, _defineProperty2.default)(_this, "state", {
       active: false,
       searchTerm: {
         previous: "",
@@ -64,12 +61,12 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
     /**
      * Helps us trigger some of the downshift's methods (eg. clearSelection) and helps us to avoid adding state.
      */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "downshift", /*#__PURE__*/React.createRef());
+    (0, _defineProperty2.default)(_this, "downshift", /*#__PURE__*/React.createRef());
     /**
      * At some point we must programmatically focus the input.
      */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "input", /*#__PURE__*/React.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOpenHotkey", function (e) {
+    (0, _defineProperty2.default)(_this, "input", /*#__PURE__*/React.createRef());
+    (0, _defineProperty2.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)) {
@@ -87,7 +84,7 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
      * It also manages previous and current search terms and automatically highlighted item in dropdown.
      * @param plugin
      */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "submitSearchTerm", function (plugin) {
+    (0, _defineProperty2.default)(_this, "submitSearchTerm", function (plugin) {
       _this.setState(function (state) {
         var newState = (0, _dotPropImmutable.set)(state, "searchTerm.previous", state.searchTerm.current);
         return (0, _dotPropImmutable.set)(newState, "plugins.current", plugin);
@@ -111,7 +108,7 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
         });
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cancelSearchTerm", function () {
+    (0, _defineProperty2.default)(_this, "cancelSearchTerm", function () {
       _this.setState(function (state) {
         state.searchTerm.current = state.searchTerm.previous;
         return state;
@@ -133,7 +130,8 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
     }
     return _this;
   }
-  (0, _createClass2.default)(SearchBar, [{
+  (0, _inherits2.default)(SearchBar, _React$Component);
+  return (0, _createClass2.default)(SearchBar, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -217,13 +215,11 @@ var SearchBar = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  return SearchBar;
 }(React.Component);
 var SearchBarContainer = function SearchBarContainer() {
   var routerProps = (0, _reactRouter.useRouter)();
   return /*#__PURE__*/React.createElement(SearchBar, routerProps);
 };
-var _default = (0, _.makeDecoratable)("SearchBarContainer", SearchBarContainer);
-exports.default = _default;
+var _default = exports.default = (0, _.makeDecoratable)("SearchBarContainer", SearchBarContainer);
 
 //# sourceMappingURL=SearchBar.js.map

package/plugins/globalSearch/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_dotPropImmutable","_reactRouter","_downshift","_interopRequireDefault","_plugins","_classnames","_reactHotkeyz","_Icon","_Elevation","_SearchBarDropdown","_search","_styled","_","SearchBar","_React$Component","_inherits2","default","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","active","searchTerm","previous","current","plugins","list","byType","hotKeys","undefined","createRef","e","i","state","length","hotKey","preventOpen","preventDefault","input","focus","plugin","setState","newState","set","query","URLSearchParams","search","JSON","stringify","_objectSpread2","history","push","pathname","route","toString","find","p","location","parse","get","_createClass2","key","value","render","_this2","createElement","ref","downshift","itemToString","item","label","downshiftProps","isOpen","openMenu","closeMenu","getInputProps","style","width","Hotkeys","zIndex","keys","esc","document","activeElement","blur","handleOpenHotkey","disabled","cancelSearchTerm","enter","setTimeout","selectedItem","submitSearchTerm","Elevation","className","classnames","searchWrapper","z","SearchBarWrapper","SearchBarInputWrapper","Icon","icon","ReactComponent","Fragment","placeholder","searchBarInput","onClick","onBlur","onFocus","onChange","target","SearchShortcut","context","Component","SearchBarContainer","routerProps","useRouter","_default","makeDecoratable","exports"],"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-expect-error\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    icon,\n    searchBarInput,\n    SearchBarInputWrapper,\n    SearchBarWrapper,\n    SearchShortcut,\n    searchWrapper\n} from \"./styled\";\nimport { makeDecoratable } 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);\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-expect-error\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                                                    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 = () => {\n    const routerProps = useRouter();\n\n    return <SearchBar {...routerProps} />;\n};\n\nexport default makeDecoratable(\"SearchBarContainer\", SearchBarContainer);\n"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_dotPropImmutable","_reactRouter","_downshift","_interopRequireDefault","_plugins","_classnames","_reactHotkeyz","_Icon","_Elevation","_SearchBarDropdown","_search","_styled","_","SearchBar","_React$Component","props","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","active","searchTerm","previous","current","plugins","list","byType","hotKeys","undefined","createRef","e","i","state","length","hotKey","preventOpen","preventDefault","input","focus","plugin","setState","newState","set","query","URLSearchParams","search","JSON","stringify","_objectSpread2","history","push","pathname","route","toString","find","p","location","parse","get","_inherits2","_createClass2","key","value","render","_this2","createElement","ref","downshift","itemToString","item","label","downshiftProps","isOpen","openMenu","closeMenu","getInputProps","style","width","Hotkeys","zIndex","keys","esc","document","activeElement","blur","handleOpenHotkey","disabled","cancelSearchTerm","enter","setTimeout","selectedItem","submitSearchTerm","Elevation","className","classnames","searchWrapper","z","SearchBarWrapper","SearchBarInputWrapper","Icon","icon","ReactComponent","Fragment","placeholder","searchBarInput","onClick","onBlur","onFocus","onChange","target","SearchShortcut","context","Component","SearchBarContainer","routerProps","useRouter","_default","exports","makeDecoratable"],"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-expect-error\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    icon,\n    searchBarInput,\n    SearchBarInputWrapper,\n    SearchBarWrapper,\n    SearchShortcut,\n    searchWrapper\n} from \"./styled\";\nimport { makeDecoratable } 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);\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-expect-error\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                                                    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 = () => {\n    const routerProps = useRouter();\n\n    return <SearchBar {...routerProps} />;\n};\n\nexport default makeDecoratable(\"SearchBarContainer\", SearchBarContainer);\n"],"mappings":"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","ignoreList":[]}

package/plugins/globalSearch/SearchBarDropdown.d.ts

@@ -18,6 +18,6 @@ interface SearchBarDropdownProps {
 }
 export default class SearchBarDropdown extends React.Component<SearchBarDropdownProps> {
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/plugins/globalSearch/SearchBarDropdown.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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");
@@ -17,14 +17,13 @@ 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) {
-  (0, _inherits2.default)(SearchBarDropdown, _React$Component);
-  var _super = (0, _createSuper2.default)(SearchBarDropdown);
+var SearchBarDropdown = exports.default = /*#__PURE__*/function (_React$Component) {
   function SearchBarDropdown() {
     (0, _classCallCheck2.default)(this, SearchBarDropdown);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, SearchBarDropdown, arguments);
   }
-  (0, _createClass2.default)(SearchBarDropdown, [{
+  (0, _inherits2.default)(SearchBarDropdown, _React$Component);
+  return (0, _createClass2.default)(SearchBarDropdown, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props$context = this.props.context,
@@ -78,8 +77,6 @@ var SearchBarDropdown = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
-  return SearchBarDropdown;
 }(React.Component);
-exports.default = SearchBarDropdown;
 
 //# sourceMappingURL=SearchBarDropdown.js.map

package/plugins/globalSearch/SearchBarDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_List","_styled","_Elevation","_Icon","_search","SearchBarDropdown","_React$Component","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","componentDidMount","_this$props$context","props","context","downshift","current","plugins","state","selectItem","setHighlightedIndex","list","indexOf","openMenu","render","_this$props$context2","submitSearchTerm","_this$props$context2$","searchTerm","getMenuProps","getItemProps","_downshift$state","selectedItem","highlightedIndex","createElement","Elevation","z","className","searchBarDropdown","List","map","item","index","itemClassNames","highlighted","selected","ListItem","Object","assign","route","classnames","onClick","ListItemGraphic","Icon","iconSearchType","icon","ReactComponent","ListItemText","ListItemMeta","label","Component","exports"],"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":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_List","_styled","_Elevation","_Icon","_search","SearchBarDropdown","exports","default","_React$Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","componentDidMount","_this$props$context","props","context","downshift","current","plugins","state","selectItem","setHighlightedIndex","list","indexOf","openMenu","render","_this$props$context2","submitSearchTerm","_this$props$context2$","searchTerm","getMenuProps","getItemProps","_downshift$state","selectedItem","highlightedIndex","createElement","Elevation","z","className","searchBarDropdown","List","map","item","index","itemClassNames","highlighted","selected","ListItem","Object","assign","route","classnames","onClick","ListItemGraphic","Icon","iconSearchType","icon","ReactComponent","ListItemText","ListItemMeta","label","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":"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","ignoreList":[]}

package/plugins/globalSearch/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.globalSearchHotkey = void 0;
-var globalSearchHotkey = {
+var globalSearchHotkey = exports.globalSearchHotkey = {
   type: "admin-global-search-prevent-hotkey",
   name: "admin-global-search-prevent-hotkey-input",
   preventOpen: function preventOpen(e) {
@@ -13,6 +13,5 @@ var globalSearchHotkey = {
     return ignoreNodes.includes(e.target.nodeName);
   }
 };
-exports.globalSearchHotkey = globalSearchHotkey;
 
 //# sourceMappingURL=index.js.map

package/plugins/globalSearch/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["globalSearchHotkey","type","name","preventOpen","e","ignoreNodes","includes","target","nodeName","exports"],"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,WAAAA,YAACC,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;AAACC,OAAA,CAAAT,kBAAA,GAAAA,kBAAA"}
+{"version":3,"names":["globalSearchHotkey","exports","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,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAC9BE,IAAI,EAAE,oCAAoC;EAC1CC,IAAI,EAAE,0CAA0C;EAChDC,WAAW,WAAAA,YAACC,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","ignoreList":[]}

package/plugins/globalSearch/styled.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
 export declare const SearchShortcut: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SearchBarWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SearchBarInputWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const searchBarInput: string;
 export declare const searchBarDropdown: string;