UNPKG

@atlaskit/global-search

Version:

A cross-product search component (batteries included)

92 lines (74 loc) 4.88 kB
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"; import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral"; var _templateObject, _templateObject2, _templateObject3; 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 { FormattedMessage } from 'react-intl'; import Button from '@atlaskit/button/custom-theme-button'; // AFP-2532 TODO: Fix automatic suppressions below // eslint-disable-next-line @atlassian/tangerine/import/entry-points import { gridSize } from '@atlaskit/theme'; import styled from 'styled-components'; import { messages } from '../../messages'; import { getJiraAdvancedSearchUrl, JiraEntityTypes } from '../SearchResultsUtil'; var TextContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin-right: ", "px;\n height: ", "px;\n line-height: ", "px;\n white-space: nowrap;\n"])), gridSize(), 3 * gridSize(), 3 * gridSize()); var Container = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin: ", "px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: left;\n"])), 1.5 * gridSize()); var ButtonWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-right: ", "px;\n"])), 0.5 * gridSize()); var itemI18nKeySuffix = [JiraEntityTypes.Issues, JiraEntityTypes.Boards, JiraEntityTypes.Projects, JiraEntityTypes.Filters, JiraEntityTypes.People]; var getI18nItemName = function getI18nItemName(i18nKeySuffix) { var id = "jira_advanced_search_".concat(i18nKeySuffix); return /*#__PURE__*/React.createElement(FormattedMessage, messages[id]); }; var JiraAdvancedSearch = /*#__PURE__*/function (_React$Component) { _inherits(JiraAdvancedSearch, _React$Component); var _super = _createSuper(JiraAdvancedSearch); function JiraAdvancedSearch() { var _this; _classCallCheck(this, JiraAdvancedSearch); 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", { entity: JiraEntityTypes.Issues }); _defineProperty(_assertThisInitialized(_this), "renderLinks", function () { return itemI18nKeySuffix.filter(function (key) { return !_this.props.appPermission || key !== JiraEntityTypes.Boards || _this.props.appPermission && _this.props.appPermission.hasSoftwareAccess; }).map(function (item) { return /*#__PURE__*/React.createElement(ButtonWrapper, { key: "btnwrapper_".concat(item) }, /*#__PURE__*/React.createElement(Button, { key: "btn_".concat(item), spacing: "compact", onMouseEnter: function onMouseEnter(e) { return e.stopPropagation(); }, onClick: function onClick(e) { return _this.props.onClick && _this.props.onClick(e, item); }, href: getJiraAdvancedSearchUrl({ entityType: item, query: _this.props.query, isJiraPeopleProfilesEnabled: _this.props.isJiraPeopleProfilesEnabled }) }, getI18nItemName(item))); }); }); return _this; } _createClass(JiraAdvancedSearch, [{ key: "render", value: function render() { return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(TextContainer, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.jira_advanced_search)), this.renderLinks()); } }]); return JiraAdvancedSearch; }(React.Component); export { JiraAdvancedSearch as default };