@atlaskit/quick-search 8.0.9

package/dist/cjs/components/ResultItem/ResultItem.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _item = _interopRequireWildcard(require("@atlaskit/item"));
+
+var _styled = require("./styled");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+var Item = (0, _item.withItemClick)((0, _item.withItemFocus)(_item.default));
+
+var ResultItem = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2.default)(ResultItem, _React$PureComponent);
+
+  var _super = _createSuper(ResultItem);
+
+  function ResultItem() {
+    (0, _classCallCheck2.default)(this, ResultItem);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(ResultItem, [{
+    key: "render",
+    value: function render() {
+      var icon = this.props.icon ? /*#__PURE__*/_react.default.createElement(_styled.ResultItemIcon, null, this.props.icon) : null;
+      var textAfter = this.props.textAfter ? /*#__PURE__*/_react.default.createElement(_styled.ResultItemTextAfter, null, this.props.textAfter) : null;
+      var after = this.props.textAfter || this.props.selectedIcon ? /*#__PURE__*/_react.default.createElement(_styled.ResultItemAfterWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.ResultItemAfter, {
+        shouldTakeSpace: !!this.props.textAfter
+      }, textAfter, this.props.isSelected && !this.props.isMouseSelected ? this.props.selectedIcon : null)) : null;
+      var wrappedCaption = this.props.caption ? /*#__PURE__*/_react.default.createElement(_styled.ResultItemCaption, null, this.props.caption) : null;
+      var wrappedSubText = this.props.subText ? /*#__PURE__*/_react.default.createElement(_styled.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.default.createElement(Item, (0, _extends2.default)({
+        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.default.PureComponent);
+
+(0, _defineProperty2.default)(ResultItem, "defaultProps", {
+  isSelected: false,
+  isMouseSelected: false
+});
+var _default = ResultItem;
+exports.default = _default;

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

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _item = require("@atlaskit/item");
+
+var _styled = require("./styled");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+var ResultItemGroup = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(ResultItemGroup, _React$Component);
+
+  var _super = _createSuper(ResultItemGroup);
+
+  function ResultItemGroup() {
+    (0, _classCallCheck2.default)(this, ResultItemGroup);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(ResultItemGroup, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          title = _this$props.title,
+          children = _this$props.children;
+
+      var wrappedTitle = /*#__PURE__*/_react.default.createElement(_styled.ResultItemGroupHeader, null, /*#__PURE__*/_react.default.createElement(_styled.ResultItemGroupTitle, null, title));
+
+      return /*#__PURE__*/_react.default.createElement(_item.ItemGroup, {
+        title: wrappedTitle
+      }, children);
+    }
+  }]);
+  return ResultItemGroup;
+}(_react.default.Component);
+
+exports.default = ResultItemGroup;

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

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResultItemTextAfter = exports.ResultItemIcon = exports.ResultItemSubText = exports.ResultItemCaption = exports.ResultItemAfterWrapper = exports.ResultItemAfter = exports.ResultItemGroupTitle = exports.ResultItemGroupHeader = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _constants = require("@atlaskit/theme/constants");
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+var ResultItemGroupHeader = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-left: -", "px;\n  margin-top: ", "px;\n"])), (0, _constants.gridSize)() * 1.5, (0, _constants.gridSize)() * 1.5);
+
+exports.ResultItemGroupHeader = ResultItemGroupHeader;
+
+var ResultItemGroupTitle = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 11px;\n  line-height: ", "px;\n  font-weight: 600;\n"])), (0, _constants.gridSize)() * 2);
+
+exports.ResultItemGroupTitle = ResultItemGroupTitle;
+
+var ResultItemAfter = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  min-width: ", ";\n"])), function (_ref) {
+  var shouldTakeSpace = _ref.shouldTakeSpace;
+  return shouldTakeSpace ? '24px' : 0;
+});
+
+exports.ResultItemAfter = ResultItemAfter;
+
+var ResultItemAfterWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
+
+exports.ResultItemAfterWrapper = ResultItemAfterWrapper;
+
+var ResultItemCaption = _styledComponents.default.span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: 12px;\n  margin-left: ", "px;\n"])), _colors.N200, (0, _constants.gridSize)());
+
+exports.ResultItemCaption = ResultItemCaption;
+
+var ResultItemSubText = _styledComponents.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 12px;\n  color: ", ";\n"])), _colors.N200);
+
+exports.ResultItemSubText = ResultItemSubText;
+
+var ResultItemIcon = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 3);
+
+exports.ResultItemIcon = ResultItemIcon;
+
+var ResultItemTextAfter = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  z-index: 1;\n"])));
+
+exports.ResultItemTextAfter = ResultItemTextAfter;

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

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+
+var _ResultBase = _interopRequireDefault(require("./ResultBase"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+/**
+ * Generic result type for Atlassian containers.
+ */
+var ContainerResult = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2.default)(ContainerResult, _React$PureComponent);
+
+  var _super = _createSuper(ContainerResult);
+
+  function ContainerResult() {
+    var _this;
+
+    (0, _classCallCheck2.default)(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));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getAvatar", function () {
+      if (_this.props.avatar) {
+        return _this.props.avatar;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_avatar.default, {
+        borderColor: "transparent",
+        src: _this.props.avatarUrl,
+        appearance: "square",
+        size: "small",
+        status: _this.props.isPrivate ? 'locked' : null
+      });
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(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 = (0, _objectWithoutProperties2.default)(_this$props, ["name", "isPrivate", "type", "subText"]);
+      return /*#__PURE__*/_react.default.createElement(_ResultBase.default, (0, _extends2.default)({}, commonResultProps, {
+        type: type,
+        text: name,
+        subText: subText,
+        icon: this.getAvatar()
+      }));
+    }
+  }]);
+  return ContainerResult;
+}(_react.default.PureComponent);
+
+exports.default = ContainerResult;

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

@@ -0,0 +1,108 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+
+var _ResultBase = _interopRequireDefault(require("./ResultBase"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+/**
+ * Generic result type for Atlassian objects.
+ */
+var ObjectResult = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2.default)(ObjectResult, _React$PureComponent);
+
+  var _super = _createSuper(ObjectResult);
+
+  function ObjectResult() {
+    var _this;
+
+    (0, _classCallCheck2.default)(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));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getAvatar", function () {
+      if (_this.props.avatar) {
+        return _this.props.avatar;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_avatar.default, {
+        borderColor: "transparent",
+        src: _this.props.avatarUrl,
+        appearance: "square",
+        size: "small",
+        status: _this.props.isPrivate ? 'locked' : null,
+        testId: "object-result"
+      });
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(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.default.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 = (0, _objectWithoutProperties2.default)(_this$props2, ["name", "containerName", "isPrivate", "objectKey", "type"]);
+      return /*#__PURE__*/_react.default.createElement(_ResultBase.default, (0, _extends2.default)({}, commonResultProps, {
+        type: type,
+        text: name,
+        subText: this.getSubtext(),
+        icon: this.getAvatar()
+      }));
+    }
+  }]);
+  return ObjectResult;
+}(_react.default.PureComponent);
+
+exports.default = ObjectResult;

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

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+
+var _ResultBase = _interopRequireDefault(require("./ResultBase"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+var PersonResult = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2.default)(PersonResult, _React$PureComponent);
+
+  var _super = _createSuper(PersonResult);
+
+  function PersonResult() {
+    var _this;
+
+    (0, _classCallCheck2.default)(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));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getMention", function () {
+      return _this.props.mentionName ? "".concat(_this.props.mentionPrefix).concat(_this.props.mentionName) : undefined;
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getAvatar", function () {
+      if (_this.props.avatar) {
+        return _this.props.avatar;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_avatar.default, {
+        presence: _this.props.presenceState,
+        size: "small",
+        src: _this.props.avatarUrl
+      });
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(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 = (0, _objectWithoutProperties2.default)(_this$props, ["name", "mentionName", "mentionPrefix", "presenceMessage", "presenceState", "type"]);
+      return /*#__PURE__*/_react.default.createElement(_ResultBase.default, (0, _extends2.default)({}, commonResultProps, {
+        type: type,
+        text: name,
+        subText: presenceMessage,
+        caption: this.getMention(),
+        icon: this.getAvatar()
+      }));
+    }
+  }]);
+  return PersonResult;
+}(_react.default.PureComponent);
+
+exports.default = PersonResult;
+(0, _defineProperty2.default)(PersonResult, "defaultProps", {
+  mentionPrefix: '@',
+  presenceState: null // No presence indicator by default
+
+});