@atlaskit/quick-search 8.0.9

package/dist/esm/components/ResultItem/ResultItem.js

@@ -0,0 +1,65 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+import baseItem, { withItemClick, withItemFocus } from '@atlaskit/item';
+import { ResultItemAfter, ResultItemAfterWrapper, ResultItemCaption, ResultItemIcon, ResultItemTextAfter, ResultItemSubText } from './styled';
+var Item = withItemClick(withItemFocus(baseItem));
+
+var ResultItem = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(ResultItem, _React$PureComponent);
+
+  var _super = _createSuper(ResultItem);
+
+  function ResultItem() {
+    _classCallCheck(this, ResultItem);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(ResultItem, [{
+    key: "render",
+    value: function render() {
+      var icon = this.props.icon ? /*#__PURE__*/React.createElement(ResultItemIcon, null, this.props.icon) : null;
+      var textAfter = this.props.textAfter ? /*#__PURE__*/React.createElement(ResultItemTextAfter, null, this.props.textAfter) : null;
+      var after = this.props.textAfter || this.props.selectedIcon ? /*#__PURE__*/React.createElement(ResultItemAfterWrapper, null, /*#__PURE__*/React.createElement(ResultItemAfter, {
+        shouldTakeSpace: !!this.props.textAfter
+      }, textAfter, this.props.isSelected && !this.props.isMouseSelected ? this.props.selectedIcon : null)) : null;
+      var wrappedCaption = this.props.caption ? /*#__PURE__*/React.createElement(ResultItemCaption, null, this.props.caption) : null;
+      var wrappedSubText = this.props.subText ? /*#__PURE__*/React.createElement(ResultItemSubText, null, this.props.subText) : null;
+      var interactiveWrapperProps = {
+        onClick: this.props.onClick,
+        onMouseEnter: this.props.onMouseEnter,
+        onMouseLeave: this.props.onMouseLeave,
+        href: this.props.href
+      };
+      return /*#__PURE__*/React.createElement(Item, _extends({
+        elemBefore: icon,
+        elemAfter: after,
+        description: wrappedSubText,
+        isSelected: this.props.isSelected,
+        isCompact: this.props.isCompact,
+        target: this.props.target,
+        linkComponent: this.props.linkComponent
+      }, interactiveWrapperProps), this.props.text, wrappedCaption);
+    }
+  }]);
+
+  return ResultItem;
+}(React.PureComponent);
+
+_defineProperty(ResultItem, "defaultProps", {
+  isSelected: false,
+  isMouseSelected: false
+});
+
+export default ResultItem;

package/dist/esm/components/ResultItem/ResultItemGroup.js

@@ -0,0 +1,42 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+import { ItemGroup } from '@atlaskit/item';
+import { ResultItemGroupTitle, ResultItemGroupHeader } from './styled';
+
+var ResultItemGroup = /*#__PURE__*/function (_React$Component) {
+  _inherits(ResultItemGroup, _React$Component);
+
+  var _super = _createSuper(ResultItemGroup);
+
+  function ResultItemGroup() {
+    _classCallCheck(this, ResultItemGroup);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(ResultItemGroup, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          title = _this$props.title,
+          children = _this$props.children;
+      var wrappedTitle = /*#__PURE__*/React.createElement(ResultItemGroupHeader, null, /*#__PURE__*/React.createElement(ResultItemGroupTitle, null, title));
+      return /*#__PURE__*/React.createElement(ItemGroup, {
+        title: wrappedTitle
+      }, children);
+    }
+  }]);
+
+  return ResultItemGroup;
+}(React.Component);
+
+export { ResultItemGroup as default };

package/dist/esm/components/ResultItem/styled.js

@@ -0,0 +1,18 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+import styled from 'styled-components';
+import { gridSize } from '@atlaskit/theme/constants';
+import { N200 } from '@atlaskit/theme/colors';
+export var ResultItemGroupHeader = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-left: -", "px;\n  margin-top: ", "px;\n"])), gridSize() * 1.5, gridSize() * 1.5);
+export var ResultItemGroupTitle = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: 11px;\n  line-height: ", "px;\n  font-weight: 600;\n"])), gridSize() * 2);
+export var ResultItemAfter = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  min-width: ", ";\n"])), function (_ref) {
+  var shouldTakeSpace = _ref.shouldTakeSpace;
+  return shouldTakeSpace ? '24px' : 0;
+});
+export var ResultItemAfterWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
+export var ResultItemCaption = styled.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 12px;\n  margin-left: ", "px;\n"])), N200, gridSize());
+export var ResultItemSubText = styled.span(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  color: ", ";\n"])), N200);
+export var ResultItemIcon = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: padding 200ms;\n\n  > * {\n    flex: 1 0 auto;\n  }\n\n  /* We need to ensure that any image passed in as a child (<img/>, <svg/>\n    etc.) receives the correct width, height and border radius. We don't\n    currently assume that the image passed in is the correct dimensions, or has\n    width / height 100% */\n  > img {\n    height: ", "px;\n    width: ", "px;\n  }\n"])), gridSize() * 3, gridSize() * 3);
+export var ResultItemTextAfter = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  position: relative;\n  z-index: 1;\n"])));

package/dist/esm/components/Results/ContainerResult.js

@@ -0,0 +1,78 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+import Avatar from '@atlaskit/avatar';
+import ResultBase from './ResultBase';
+
+/**
+ * Generic result type for Atlassian containers.
+ */
+var ContainerResult = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(ContainerResult, _React$PureComponent);
+
+  var _super = _createSuper(ContainerResult);
+
+  function ContainerResult() {
+    var _this;
+
+    _classCallCheck(this, ContainerResult);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "getAvatar", function () {
+      if (_this.props.avatar) {
+        return _this.props.avatar;
+      }
+
+      return /*#__PURE__*/React.createElement(Avatar, {
+        borderColor: "transparent",
+        src: _this.props.avatarUrl,
+        appearance: "square",
+        size: "small",
+        status: _this.props.isPrivate ? 'locked' : null
+      });
+    });
+
+    return _this;
+  }
+
+  _createClass(ContainerResult, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          name = _this$props.name,
+          isPrivate = _this$props.isPrivate,
+          _this$props$type = _this$props.type,
+          type = _this$props$type === void 0 ? 'container' : _this$props$type,
+          subText = _this$props.subText,
+          commonResultProps = _objectWithoutProperties(_this$props, ["name", "isPrivate", "type", "subText"]);
+
+      return /*#__PURE__*/React.createElement(ResultBase, _extends({}, commonResultProps, {
+        type: type,
+        text: name,
+        subText: subText,
+        icon: this.getAvatar()
+      }));
+    }
+  }]);
+
+  return ContainerResult;
+}(React.PureComponent);
+
+export { ContainerResult as default };

package/dist/esm/components/Results/ObjectResult.js

@@ -0,0 +1,93 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+import Avatar from '@atlaskit/avatar';
+import ResultBase from './ResultBase';
+
+/**
+ * Generic result type for Atlassian objects.
+ */
+var ObjectResult = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(ObjectResult, _React$PureComponent);
+
+  var _super = _createSuper(ObjectResult);
+
+  function ObjectResult() {
+    var _this;
+
+    _classCallCheck(this, ObjectResult);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "getAvatar", function () {
+      if (_this.props.avatar) {
+        return _this.props.avatar;
+      }
+
+      return /*#__PURE__*/React.createElement(Avatar, {
+        borderColor: "transparent",
+        src: _this.props.avatarUrl,
+        appearance: "square",
+        size: "small",
+        status: _this.props.isPrivate ? 'locked' : null,
+        testId: "object-result"
+      });
+    });
+
+    return _this;
+  }
+
+  _createClass(ObjectResult, [{
+    key: "getSubtext",
+    value: function getSubtext() {
+      var _this$props = this.props,
+          objectKey = _this$props.objectKey,
+          containerName = _this$props.containerName;
+
+      if (objectKey && containerName) {
+        return /*#__PURE__*/React.createElement("span", null, objectKey, " \xB7 ", containerName);
+      }
+
+      return containerName || objectKey;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          name = _this$props2.name,
+          containerName = _this$props2.containerName,
+          isPrivate = _this$props2.isPrivate,
+          objectKey = _this$props2.objectKey,
+          _this$props2$type = _this$props2.type,
+          type = _this$props2$type === void 0 ? 'object' : _this$props2$type,
+          commonResultProps = _objectWithoutProperties(_this$props2, ["name", "containerName", "isPrivate", "objectKey", "type"]);
+
+      return /*#__PURE__*/React.createElement(ResultBase, _extends({}, commonResultProps, {
+        type: type,
+        text: name,
+        subText: this.getSubtext(),
+        icon: this.getAvatar()
+      }));
+    }
+  }]);
+
+  return ObjectResult;
+}(React.PureComponent);
+
+export { ObjectResult as default };

package/dist/esm/components/Results/PersonResult.js

@@ -0,0 +1,86 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+import Avatar from '@atlaskit/avatar';
+import ResultBase from './ResultBase';
+
+var PersonResult = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(PersonResult, _React$PureComponent);
+
+  var _super = _createSuper(PersonResult);
+
+  function PersonResult() {
+    var _this;
+
+    _classCallCheck(this, PersonResult);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "getMention", function () {
+      return _this.props.mentionName ? "".concat(_this.props.mentionPrefix).concat(_this.props.mentionName) : undefined;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getAvatar", function () {
+      if (_this.props.avatar) {
+        return _this.props.avatar;
+      }
+
+      return /*#__PURE__*/React.createElement(Avatar, {
+        presence: _this.props.presenceState,
+        size: "small",
+        src: _this.props.avatarUrl
+      });
+    });
+
+    return _this;
+  }
+
+  _createClass(PersonResult, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          name = _this$props.name,
+          mentionName = _this$props.mentionName,
+          mentionPrefix = _this$props.mentionPrefix,
+          presenceMessage = _this$props.presenceMessage,
+          presenceState = _this$props.presenceState,
+          _this$props$type = _this$props.type,
+          type = _this$props$type === void 0 ? 'person' : _this$props$type,
+          commonResultProps = _objectWithoutProperties(_this$props, ["name", "mentionName", "mentionPrefix", "presenceMessage", "presenceState", "type"]);
+
+      return /*#__PURE__*/React.createElement(ResultBase, _extends({}, commonResultProps, {
+        type: type,
+        text: name,
+        subText: presenceMessage,
+        caption: this.getMention(),
+        icon: this.getAvatar()
+      }));
+    }
+  }]);
+
+  return PersonResult;
+}(React.PureComponent);
+
+_defineProperty(PersonResult, "defaultProps", {
+  mentionPrefix: '@',
+  presenceState: null // No presence indicator by default
+
+});
+
+export { PersonResult as default };

package/dist/esm/components/Results/ResultBase.js

@@ -0,0 +1,189 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+import { QS_ANALYTICS_EV_SUBMIT } from '../constants';
+import ResultItem from '../ResultItem/ResultItem';
+import { ResultContext, SelectedResultIdContext } from '../context';
+export var ResultBase = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(ResultBase, _React$PureComponent);
+
+  var _super = _createSuper(ResultBase);
+
+  function ResultBase() {
+    var _this;
+
+    _classCallCheck(this, ResultBase);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      isMouseSelected: false
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
+      var _this$props = _this.props,
+          onClick = _this$props.onClick,
+          resultId = _this$props.resultId,
+          type = _this$props.type,
+          context = _this$props.context;
+
+      if (context.sendAnalytics) {
+        context.sendAnalytics(QS_ANALYTICS_EV_SUBMIT, _objectSpread(_objectSpread({}, _this.getAnalyticsData()), {}, {
+          method: 'click',
+          newTab: e && (e.metaKey || e.shiftKey || e.ctrlKey)
+        }));
+      }
+
+      if (onClick) {
+        onClick({
+          resultId: resultId,
+          type: type,
+          event: e
+        });
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleMouseEnter", function (event) {
+      _this.props.context.onMouseEnter({
+        resultId: _this.props.resultId,
+        type: _this.props.type,
+        event: event
+      });
+
+      _this.setState({
+        isMouseSelected: true
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleMouseLeave", function () {
+      _this.props.context.onMouseLeave();
+
+      _this.setState({
+        isMouseSelected: false
+      });
+    });
+
+    return _this;
+  }
+
+  _createClass(ResultBase, [{
+    key: "registerResult",
+    value: function registerResult() {
+      var context = this.props.context;
+      context.registerResult(this);
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.registerResult();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.registerResult();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var context = this.props.context;
+      context.unregisterResult(this);
+    }
+  }, {
+    key: "getAnalyticsData",
+    value: function getAnalyticsData() {
+      var _this$props2 = this.props,
+          resultId = _this$props2.resultId,
+          analyticsData = _this$props2.analyticsData,
+          type = _this$props2.type,
+          context = _this$props2.context;
+      return _objectSpread({
+        index: context.getIndex(resultId),
+        type: type,
+        resultId: resultId
+      }, analyticsData instanceof Function ? analyticsData() : analyticsData);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props3 = this.props,
+          caption = _this$props3.caption,
+          elemAfter = _this$props3.elemAfter,
+          selectedIcon = _this$props3.selectedIcon,
+          href = _this$props3.href,
+          target = _this$props3.target,
+          icon = _this$props3.icon,
+          isCompact = _this$props3.isCompact,
+          subText = _this$props3.subText,
+          text = _this$props3.text,
+          resultId = _this$props3.resultId,
+          context = _this$props3.context;
+      var isMouseSelected = this.state.isMouseSelected;
+      return /*#__PURE__*/React.createElement(SelectedResultIdContext.Consumer, null, function (selectedResultId) {
+        return /*#__PURE__*/React.createElement(ResultItem, {
+          caption: caption,
+          href: href,
+          target: target,
+          icon: icon,
+          isCompact: isCompact,
+          isSelected: resultId === selectedResultId,
+          onClick: _this2.handleClick,
+          onMouseEnter: _this2.handleMouseEnter,
+          onMouseLeave: _this2.handleMouseLeave,
+          isMouseSelected: isMouseSelected,
+          subText: subText,
+          text: text,
+          textAfter: elemAfter,
+          selectedIcon: selectedIcon,
+          linkComponent: context.linkComponent
+        });
+      });
+    }
+  }]);
+
+  return ResultBase;
+}(React.PureComponent);
+
+_defineProperty(ResultBase, "defaultProps", {
+  type: 'base',
+  context: {
+    registerResult: function registerResult(result) {},
+    unregisterResult: function unregisterResult(result) {},
+    onMouseEnter: function onMouseEnter(resultData) {},
+    onMouseLeave: function onMouseLeave() {},
+    // @ts-ignore
+    sendAnalytics: function sendAnalytics(string, data) {},
+    getIndex: function getIndex() {
+      return null;
+    }
+  },
+  analyticsData: {}
+});
+
+export default (function (props) {
+  return /*#__PURE__*/React.createElement(ResultContext.Consumer, null, function (context) {
+    return /*#__PURE__*/React.createElement(ResultBase, _extends({
+      context: context
+    }, props));
+  });
+});