@atlaskit/global-search
Version:
A cross-product search component (batteries included)
265 lines (225 loc) • 12 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/defineProperty";
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 _extends from "@babel/runtime/helpers/extends";
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
var _templateObject;
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 styled from 'styled-components'; // AFP-2532 TODO: Fix automatic suppressions below
// eslint-disable-next-line @atlassian/tangerine/import/entry-points
import { colors } from '@atlaskit/theme';
import SearchIcon from '@atlaskit/icon/glyph/search';
import { ObjectResult as ObjectResultComponent, PersonResult as PersonResultComponent, ContainerResult as ContainerResultComponent, ResultBase } from '@atlaskit/quick-search';
import { FormattedMessage } from 'react-intl';
import { messages } from '../messages';
import { ResultType, JiraProjectType, ContentType, AnalyticsType } from '../model/Result';
import { SelectedIcon } from './styled';
import { getAvatarForConfluenceObjectResult } from '../util/confluence-avatar-util';
import { getDefaultAvatar } from '../util/jira-avatar-util';
import DarkReturn from '../assets/DarkReturn';
import Return from '../assets/Return';
import { injectFeatures } from './FeaturesProvider';
var extractAvatarData = function extractAvatarData(jiraResult) {
return jiraResult.avatarUrl ? {
avatarUrl: jiraResult.avatarUrl
} : {
avatar: getDefaultAvatar(jiraResult.contentType)
};
};
var selectedIcon = /*#__PURE__*/React.createElement(SelectedIcon, null, /*#__PURE__*/React.createElement(DarkReturn, null));
var getI18nJiraContainerName = function getI18nJiraContainerName(projectType) {
switch (projectType) {
case JiraProjectType.Business:
{
return /*#__PURE__*/React.createElement(FormattedMessage, messages.jira_project_type_business_project);
}
case JiraProjectType.Software:
{
return /*#__PURE__*/React.createElement(FormattedMessage, messages.jira_project_type_software_project);
}
case JiraProjectType.ServiceDesk:
{
return /*#__PURE__*/React.createElement(FormattedMessage, messages.jira_project_type_service_desk_project);
}
case JiraProjectType.Ops:
{
return /*#__PURE__*/React.createElement(FormattedMessage, messages.jira_project_type_ops_project);
}
}
};
var getI18nJiraContentType = function getI18nJiraContentType(contentType) {
switch (contentType) {
case ContentType.JiraBoard:
{
return /*#__PURE__*/React.createElement(FormattedMessage, messages.jira_result_type_board);
}
case ContentType.JiraFilter:
{
return /*#__PURE__*/React.createElement(FormattedMessage, messages.jira_result_type_filter);
}
}
return undefined;
}; // Being tested as part of the 'complex' experiment, to improve scannability when there
// is lots of text.
var LightSubtextWrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n"])), colors.N90);
var getI18nConfluenceContainerSubtext = function getI18nConfluenceContainerSubtext(containerName, friendlyLastModified) {
var containerText = friendlyLastModified ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.confluence_container_subtext_with_modified_date, {
values: {
containerName: containerName,
friendlyLastModified: friendlyLastModified
}
})) : containerName;
return /*#__PURE__*/React.createElement(LightSubtextWrapper, null, containerText);
};
export var getUniqueResultId = function getUniqueResultId(result) {
return result.key ? result.key : "".concat(result.contentType, "-").concat(result.resultId);
};
var ResultList = /*#__PURE__*/function (_React$Component) {
_inherits(ResultList, _React$Component);
var _super = _createSuper(ResultList);
function ResultList() {
_classCallCheck(this, ResultList);
return _super.apply(this, arguments);
}
_createClass(ResultList, [{
key: "render",
value: function render() {
var _this = this;
var _this$props = this.props,
results = _this$props.results,
sectionIndex = _this$props.sectionIndex,
features = _this$props.features;
return results.map(function (result, index) {
var resultType = result.resultType;
var analyticsData = _objectSpread(_objectSpread({
sectionIndex: sectionIndex,
indexWithinSection: index,
containerId: result.containerId,
experimentId: result.experimentId
}, _this.props.analyticsData), {}, {
contentType: result.contentType,
resultId: result.resultId,
isRecentResult: !!result.isRecentResult
}); // Make sure that key and resultId are unique across all search results
var uniqueResultId = getUniqueResultId(result);
var uniqueKey = "".concat(uniqueResultId, "_").concat(Date.now()); // same result might appear on two successive search
switch (resultType) {
case ResultType.ConfluenceObjectResult:
{
var confluenceResult = result;
var subText = getI18nConfluenceContainerSubtext(confluenceResult.containerName, confluenceResult.friendlyLastModified);
return /*#__PURE__*/React.createElement(ObjectResultComponent, {
key: uniqueKey,
resultId: uniqueResultId,
name: confluenceResult.name,
href: confluenceResult.href,
type: confluenceResult.analyticsType,
containerName: subText,
avatar: getAvatarForConfluenceObjectResult(confluenceResult),
analyticsData: analyticsData,
selectedIcon: selectedIcon
});
}
case ResultType.JiraProjectResult:
{
var jiraResult = result;
var avatarData = extractAvatarData(jiraResult);
var containerNameElement = jiraResult.projectType ? getI18nJiraContainerName(jiraResult.projectType) : null;
return /*#__PURE__*/React.createElement(ContainerResultComponent, _extends({
key: uniqueKey,
resultId: uniqueResultId,
name: jiraResult.name,
href: jiraResult.href,
type: jiraResult.analyticsType,
subText: containerNameElement
}, avatarData, {
analyticsData: analyticsData,
selectedIcon: selectedIcon
}));
}
case ResultType.JiraObjectResult:
{
var _jiraResult = result;
var _avatarData = extractAvatarData(_jiraResult);
var objectKey = _jiraResult.contentType === 'jira-board' || _jiraResult.contentType === 'jira-filter' ? getI18nJiraContentType(_jiraResult.contentType) : _jiraResult.objectKey;
return /*#__PURE__*/React.createElement(ObjectResultComponent, _extends({
key: uniqueKey,
resultId: uniqueResultId,
name: _jiraResult.name,
href: _jiraResult.href,
type: _jiraResult.analyticsType,
objectKey: objectKey,
containerName: _jiraResult.containerName
}, _avatarData, {
analyticsData: analyticsData,
selectedIcon: selectedIcon
}));
}
case ResultType.GenericContainerResult:
{
var containerResult = result;
return /*#__PURE__*/React.createElement(ContainerResultComponent, {
key: uniqueKey,
resultId: uniqueResultId,
name: containerResult.name,
href: containerResult.href,
type: containerResult.analyticsType,
avatarUrl: containerResult.avatarUrl,
analyticsData: analyticsData,
selectedIcon: selectedIcon
});
}
case ResultType.PersonResult:
{
var personResult = result;
var presenceMessage = features.complexSearchExtensionsEnabled ? /*#__PURE__*/React.createElement(LightSubtextWrapper, null, personResult.presenceMessage) : personResult.presenceMessage;
return /*#__PURE__*/React.createElement(PersonResultComponent, {
key: uniqueKey,
resultId: uniqueResultId,
name: personResult.name,
href: personResult.href,
type: personResult.analyticsType,
avatarUrl: personResult.avatarUrl,
mentionName: personResult.mentionName,
presenceMessage: presenceMessage,
analyticsData: analyticsData,
selectedIcon: selectedIcon,
target: "_blank"
});
}
case ResultType.JiraIssueAdvancedSearch:
{
return /*#__PURE__*/React.createElement(ResultBase, {
href: result.href,
resultId: "jira-advanced-issue-search",
text: /*#__PURE__*/React.createElement(FormattedMessage, messages.jira_view_all_issues),
icon: /*#__PURE__*/React.createElement(SearchIcon, {
size: "medium",
label: "View all issues"
}),
type: AnalyticsType.LinkPostQueryAdvancedSearchJira,
key: uniqueKey,
elemAfter: /*#__PURE__*/React.createElement(Return, null)
});
}
default:
{
// Make the TS compiler verify that all enums have been matched
var _nonExhaustiveMatch = resultType;
throw new Error("Non-exhaustive match for result type: ".concat(_nonExhaustiveMatch));
}
}
});
}
}]);
return ResultList;
}(React.Component);
export var UnwrappedResultList = ResultList;
export default injectFeatures(ResultList);