@atlaskit/global-search
Version:
A cross-product search component (batteries included)
92 lines (74 loc) • 4.88 kB
JavaScript
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 };