@webiny/app-admin 0.0.0-ee-vpcs.549378cf03

package/plugins/fileManager/fileImage/EditAction.js

@@ -0,0 +1,179 @@
+"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 _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactHotkeyz = require("react-hotkeyz");
+
+var _dataurlToBlob = _interopRequireDefault(require("dataurl-to-blob"));
+
+var _ImageUpload = require("@webiny/ui/ImageUpload");
+
+var _Tooltip = require("@webiny/ui/Tooltip");
+
+var _Button = require("@webiny/ui/Button");
+
+var _outputFileSelectionError = require("../../../components/FileManager/outputFileSelectionError");
+
+var _useSnackbar2 = require("../../../hooks/useSnackbar");
+
+var _edit = require("../icons/edit.svg");
+
+/**
+ * Package react-hotkeyz has no types.
+ */
+// @ts-ignore
+
+/**
+ * Package dataurl-to-blob has no types.
+ */
+// @ts-ignore
+function toDataUrl(url) {
+  return new Promise(function (resolve) {
+    var xhr = new window.XMLHttpRequest();
+
+    xhr.onload = function () {
+      var reader = new window.FileReader();
+
+      reader.onloadend = function () {
+        resolve(reader.result);
+      };
+
+      reader.readAsDataURL(xhr.response);
+    };
+
+    xhr.open("GET", url);
+    xhr.responseType = "blob";
+    xhr.send();
+  });
+}
+
+var initialState = {
+  showImageEditor: false,
+  dataUrl: null
+};
+
+var reducer = function reducer(state, action) {
+  var next = (0, _objectSpread2.default)({}, state);
+
+  switch (action.type) {
+    case "setDataUrl":
+      next.dataUrl = action.dataUrl;
+      next.showImageEditor = true;
+      break;
+
+    case "hideImageEditor":
+      next.dataUrl = null;
+      next.showImageEditor = false;
+      break;
+  }
+
+  return next;
+};
+
+var EditAction = function EditAction(props) {
+  var file = props.file,
+      uploadFile = props.uploadFile,
+      validateFiles = props.validateFiles,
+      canEdit = props.canEdit;
+
+  var _React$useReducer = React.useReducer(reducer, initialState),
+      _React$useReducer2 = (0, _slicedToArray2.default)(_React$useReducer, 2),
+      state = _React$useReducer2[0],
+      dispatch = _React$useReducer2[1];
+
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+      showSnackbar = _useSnackbar.showSnackbar; // Render nothing if the user don't have required permission for "edit".
+
+
+  if (!canEdit(file)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip.Tooltip, {
+    content: /*#__PURE__*/React.createElement("span", null, "Edit image"),
+    placement: "bottom"
+  }, /*#__PURE__*/React.createElement(_Button.IconButton, {
+    "data-testid": "fm-edit-image-button",
+    icon: /*#__PURE__*/React.createElement(_edit.ReactComponent, {
+      style: {
+        margin: "0 8px 0 0"
+      }
+    }),
+    onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var dataUrl;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return toDataUrl(file.src);
+
+            case 2:
+              dataUrl = _context.sent;
+              dispatch({
+                type: "setDataUrl",
+                dataUrl: dataUrl
+              });
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))
+  })), /*#__PURE__*/React.createElement(_reactHotkeyz.Hotkeys, {
+    zIndex: 60,
+    disabled: !state.dataUrl
+  }, /*#__PURE__*/React.createElement(_ImageUpload.ImageEditorDialog, {
+    "data-testid": "fm-image-editor-dialog",
+    dialogZIndex: 100,
+    open: state.showImageEditor,
+    src: state.dataUrl,
+    onClose: function onClose() {
+      return dispatch({
+        type: "hideImageEditor"
+      });
+    },
+    onAccept: function onAccept(src) {
+      var blob = (0, _dataurlToBlob.default)(src);
+      var errors = validateFiles([blob]);
+
+      if (errors.length) {
+        /**
+         * TODO @ts-refactor
+         * Figure out if incoming errors var is wrong or the one in the outputFileSelectionError
+         */
+        // @ts-ignore
+        showSnackbar((0, _outputFileSelectionError.outputFileSelectionError)(errors));
+      } else {
+        blob.name = file.name;
+        uploadFile(blob);
+      }
+
+      dispatch({
+        type: "hideImageEditor"
+      });
+    }
+  })));
+};
+
+var _default = EditAction;
+exports.default = _default;

package/plugins/fileManager/fileImage/EditAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toDataUrl","url","Promise","resolve","xhr","window","XMLHttpRequest","onload","reader","FileReader","onloadend","result","readAsDataURL","response","open","responseType","send","initialState","showImageEditor","dataUrl","reducer","state","action","next","type","EditAction","props","file","uploadFile","validateFiles","canEdit","React","useReducer","dispatch","useSnackbar","showSnackbar","margin","src","blob","dataURLtoBlob","errors","length","outputFileSelectionError","name"],"sources":["EditAction.tsx"],"sourcesContent":["import * as React from \"react\";\n/**\n * Package react-hotkeyz has no types.\n */\n// @ts-ignore\nimport { Hotkeys } from \"react-hotkeyz\";\n/**\n * Package dataurl-to-blob has no types.\n */\n// @ts-ignore\nimport dataURLtoBlob from \"dataurl-to-blob\";\nimport { ImageEditorDialog } from \"@webiny/ui/ImageUpload\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { outputFileSelectionError } from \"~/components/FileManager/outputFileSelectionError\";\nimport { useSnackbar } from \"~/hooks/useSnackbar\";\nimport { ReactComponent as EditIcon } from \"../icons/edit.svg\";\nimport { FileItem } from \"~/components/FileManager/types\";\n\nfunction toDataUrl(url: string): Promise<string> {\n    return new Promise((resolve: (value: string) => void) => {\n        const xhr = new window.XMLHttpRequest();\n        xhr.onload = function () {\n            const reader = new window.FileReader();\n            reader.onloadend = function () {\n                resolve(reader.result as string);\n            };\n            reader.readAsDataURL(xhr.response);\n        };\n        xhr.open(\"GET\", url);\n        xhr.responseType = \"blob\";\n        xhr.send();\n    });\n}\ninterface State {\n    showImageEditor: boolean;\n    dataUrl: string | null;\n}\ninterface Action {\n    type: \"setDataUrl\" | \"hideImageEditor\";\n    dataUrl?: string | null;\n}\nconst initialState: State = {\n    showImageEditor: false,\n    dataUrl: null\n};\nconst reducer = (state: State, action: Action): State => {\n    const next: State = { ...state };\n\n    switch (action.type) {\n        case \"setDataUrl\":\n            next.dataUrl = action.dataUrl as string;\n            next.showImageEditor = true;\n            break;\n        case \"hideImageEditor\":\n            next.dataUrl = null;\n            next.showImageEditor = false;\n            break;\n    }\n\n    return next;\n};\n\ninterface EditActionProps {\n    file: FileItem;\n    uploadFile: (file: FileItem) => void;\n    validateFiles: (blobs: any[]) => Error[];\n    canEdit: (file: FileItem) => boolean;\n}\n\nconst EditAction: React.FC<EditActionProps> = props => {\n    const { file, uploadFile, validateFiles, canEdit } = props;\n    const [state, dispatch] = React.useReducer(reducer, initialState);\n    const { showSnackbar } = useSnackbar();\n    // Render nothing if the user don't have required permission for \"edit\".\n    if (!canEdit(file)) {\n        return null;\n    }\n\n    return (\n        <>\n            <Tooltip content={<span>Edit image</span>} placement={\"bottom\"}>\n                <IconButton\n                    data-testid={\"fm-edit-image-button\"}\n                    icon={<EditIcon style={{ margin: \"0 8px 0 0\" }} />}\n                    onClick={async () => {\n                        const dataUrl = await toDataUrl(file.src);\n                        dispatch({ type: \"setDataUrl\", dataUrl });\n                    }}\n                />\n            </Tooltip>\n            <Hotkeys zIndex={60} disabled={!state.dataUrl}>\n                <ImageEditorDialog\n                    data-testid={\"fm-image-editor-dialog\"}\n                    dialogZIndex={100}\n                    open={state.showImageEditor}\n                    src={state.dataUrl as string}\n                    onClose={() => dispatch({ type: \"hideImageEditor\" })}\n                    onAccept={src => {\n                        const blob = dataURLtoBlob(src);\n                        const errors = validateFiles([blob]);\n\n                        if (errors.length) {\n                            /**\n                             * TODO @ts-refactor\n                             * Figure out if incoming errors var is wrong or the one in the outputFileSelectionError\n                             */\n                            // @ts-ignore\n                            showSnackbar(outputFileSelectionError(errors));\n                        } else {\n                            blob.name = file.name;\n                            uploadFile(blob);\n                        }\n\n                        dispatch({ type: \"hideImageEditor\" });\n                    }}\n                />\n            </Hotkeys>\n        </>\n    );\n};\n\nexport default EditAction;\n"],"mappings":"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"}

package/plugins/fileManager/fileImage/index.d.ts

@@ -0,0 +1,2 @@
+import { FileManagerFileTypePlugin } from "../../FileManagerFileTypePlugin";
+export declare const imageFileTypePlugin: FileManagerFileTypePlugin;

package/plugins/fileManager/fileImage/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.imageFileTypePlugin = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+var _components = require("@webiny/app/components");
+
+var _EditAction = _interopRequireDefault(require("./EditAction"));
+
+var _FileManagerFileTypePlugin = require("../../FileManagerFileTypePlugin");
+
+var styles = /*#__PURE__*/(0, _emotion.css)({
+  maxHeight: 200,
+  maxWidth: 200,
+  width: "auto",
+  position: "absolute",
+  top: "50%",
+  left: "50%",
+  transform: "translateX(-50%) translateY(-50%)"
+}, "label:styles;");
+var imageFileTypePlugin = new _FileManagerFileTypePlugin.FileManagerFileTypePlugin({
+  types: ["image/*"],
+  actions: [_EditAction.default],
+  render: function render(_ref) {
+    var file = _ref.file;
+    return /*#__PURE__*/React.createElement(_components.Image, {
+      className: styles,
+      src: file.src,
+      alt: file.name,
+      transform: {
+        width: 300
+      }
+    });
+  }
+});
+exports.imageFileTypePlugin = imageFileTypePlugin;

package/plugins/fileManager/fileImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styles","css","maxHeight","maxWidth","width","position","top","left","transform","imageFileTypePlugin","FileManagerFileTypePlugin","types","actions","EditAction","render","file","src","name"],"sources":["index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport { Image } from \"@webiny/app/components\";\n\nimport EditAction from \"./EditAction\";\nimport { FileManagerFileTypePlugin } from \"~/plugins/FileManagerFileTypePlugin\";\n\nconst styles = css({\n    maxHeight: 200,\n    maxWidth: 200,\n    width: \"auto\",\n    position: \"absolute\",\n    top: \"50%\",\n    left: \"50%\",\n    transform: \"translateX(-50%) translateY(-50%)\"\n});\n\nexport const imageFileTypePlugin = new FileManagerFileTypePlugin({\n    types: [\"image/*\"],\n    actions: [EditAction],\n    render({ file }) {\n        return (\n            <Image className={styles} src={file.src} alt={file.name} transform={{ width: 300 }} />\n        );\n    }\n});\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,MAAM,gBAAG,IAAAC,YAAA,EAAI;EACfC,SAAS,EAAE,GADI;EAEfC,QAAQ,EAAE,GAFK;EAGfC,KAAK,EAAE,MAHQ;EAIfC,QAAQ,EAAE,UAJK;EAKfC,GAAG,EAAE,KALU;EAMfC,IAAI,EAAE,KANS;EAOfC,SAAS,EAAE;AAPI,CAAJ,kBAAf;AAUO,IAAMC,mBAAmB,GAAG,IAAIC,oDAAJ,CAA8B;EAC7DC,KAAK,EAAE,CAAC,SAAD,CADsD;EAE7DC,OAAO,EAAE,CAACC,mBAAD,CAFoD;EAG7DC,MAH6D,wBAG5C;IAAA,IAARC,IAAQ,QAARA,IAAQ;IACb,oBACI,oBAAC,iBAAD;MAAO,SAAS,EAAEf,MAAlB;MAA0B,GAAG,EAAEe,IAAI,CAACC,GAApC;MAAyC,GAAG,EAAED,IAAI,CAACE,IAAnD;MAAyD,SAAS,EAAE;QAAEb,KAAK,EAAE;MAAT;IAApE,EADJ;EAGH;AAP4D,CAA9B,CAA5B"}

package/plugins/fileManager/icons/edit.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Bounding_Boxes">
+	<g id="ui_x5F_spec_x5F_header_copy_3">
+	</g>
+	<path fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<g id="ui_x5F_spec_x5F_header_copy_7">
+	</g>
+	<path d="M3,17.46v3.04C3,20.78,3.22,21,3.5,21h3.04c0.13,0,0.26-0.05,0.35-0.15L17.81,9.94l-3.75-3.75L3.15,17.1
+		C3.05,17.2,3,17.32,3,17.46z M20.71,7.04c0.39-0.39,0.39-1.02,0-1.41l-2.34-2.34c-0.39-0.39-1.02-0.39-1.41,0l-1.83,1.83l3.75,3.75
+		L20.71,7.04z"/>
+</g>
+</svg>

package/plugins/fileManager/icons/round-description-24px.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M14.59 2.59c-.38-.38-.89-.59-1.42-.59H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.82-4.83zM15 18H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1zm0-4H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1zm-2-6V3.5L18.5 9H14c-.55 0-1-.45-1-1z"/></svg>

package/plugins/fileManager/index.d.ts

@@ -0,0 +1,2 @@
+export { defaultFileTypePlugin } from "./fileDefault";
+export { imageFileTypePlugin } from "./fileImage";

package/plugins/fileManager/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "defaultFileTypePlugin", {
+  enumerable: true,
+  get: function get() {
+    return _fileDefault.defaultFileTypePlugin;
+  }
+});
+Object.defineProperty(exports, "imageFileTypePlugin", {
+  enumerable: true,
+  get: function get() {
+    return _fileImage.imageFileTypePlugin;
+  }
+});
+
+var _fileDefault = require("./fileDefault");
+
+var _fileImage = require("./fileImage");

package/plugins/fileManager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { defaultFileTypePlugin } from \"./fileDefault\";\nexport { imageFileTypePlugin } from \"./fileImage\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}

package/plugins/globalSearch/SearchBar.d.ts

@@ -0,0 +1,15 @@
+import { AdminGlobalSearchPlugin, AdminGlobalSearchPreventHotkeyPlugin } from "../../types";
+export interface SearchBarState {
+    active: boolean;
+    searchTerm: {
+        previous: string;
+        current: string;
+    };
+    plugins: {
+        list: ReadonlyArray<AdminGlobalSearchPlugin>;
+        hotKeys: ReadonlyArray<AdminGlobalSearchPreventHotkeyPlugin>;
+        current?: AdminGlobalSearchPlugin;
+    };
+}
+declare const _default: import("../../index").ComposableFC<{}>;
+export default _default;

package/plugins/globalSearch/SearchBar.js

@@ -0,0 +1,273 @@
+"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 _roundSearch24px = require("./icons/round-search-24px.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) {
+  (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.
+   */
+
+  /**
+   * At some point we must programmatically focus the input.
+   */
+
+  /**
+   * 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.
+   * @param props
+   */
+  function SearchBar(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, SearchBar);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      active: false,
+      searchTerm: {
+        previous: "",
+        current: ""
+      },
+      plugins: {
+        // List of all registered "admin-global-search" plugins.
+        get list() {
+          return _plugins.plugins.byType("admin-global-search");
+        },
+
+        hotKeys: _plugins.plugins.byType("admin-global-search-prevent-hotkey"),
+        // Current plugin - set by examining current route and its query params (on construct).
+        current: undefined
+      }
+    });
+    (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();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.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);
+      }, 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((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()
+        });
+      });
+    });
+    (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;
+  }
+
+  (0, _createClass2.default)(SearchBar, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      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;
+        return /*#__PURE__*/React.createElement("div", {
+          style: {
+            width: "100%"
+          }
+        }, /*#__PURE__*/React.createElement(_reactHotkeyz.Hotkeys, {
+          zIndex: 10,
+          keys: {
+            // @ts-ignore
+            esc: function esc() {
+              return document.activeElement.blur();
+            },
+            "/": _this2.handleOpenHotkey
+          }
+        }), /*#__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.Elevation, {
+          className: (0, _classnames.default)(_styled.searchWrapper, {
+            active: _this2.state.active
+          }),
+          z: 0
+        }, /*#__PURE__*/React.createElement(_styled.SearchBarWrapper, null, /*#__PURE__*/React.createElement(_styled.SearchBarInputWrapper, null, /*#__PURE__*/React.createElement(_Icon.Icon, {
+          className: _styled.icon,
+          icon: /*#__PURE__*/React.createElement(_roundSearch24px.ReactComponent, null)
+        }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", getInputProps({
+          placeholder: "Search...",
+          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
+            });
+          },
+          onFocus: function onFocus() {
+            _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(_styled.SearchShortcut, null, "/"))), isOpen && /*#__PURE__*/React.createElement(_SearchBarDropdown.default, {
+          context: _this2
+        })));
+      });
+    }
+  }]);
+  return SearchBar;
+}(React.Component);
+
+var SearchBarContainer = function SearchBarContainer() {
+  var routerProps = (0, _reactRouter.useRouter)();
+  return /*#__PURE__*/React.createElement(SearchBar, routerProps);
+};
+
+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 \"./icons/round-search-24px.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

@@ -0,0 +1,23 @@
+import * as React from "react";
+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 {};