@atlaskit/global-search
Version:
A cross-product search component (batteries included)
69 lines (67 loc) • 2.49 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import React from 'react';
import Icon from '@atlaskit/icon';
import SearchIcon from '@atlaskit/icon/glyph/search';
import { FormattedMessage } from 'react-intl';
import styled from 'styled-components'; // AFP-2532 TODO: Fix automatic suppressions below
// eslint-disable-next-line @atlassian/tangerine/import/entry-points
import { gridSize, math } from '@atlaskit/theme';
import { messages } from '../../messages';
import StickyFooter from '../common/StickyFooter';
import SearchPeopleItem from '../SearchPeopleItem';
import SearchConfluenceItem from '../SearchConfluenceItem';
import PeopleIconGlyph from '../../assets/PeopleIconGlyph';
import { ConfluenceAdvancedSearchTypes } from '../SearchResultsUtil';
const PeopleSearchWrapper = styled.div`
margin-top: ${math.multiply(gridSize, 3)}px;
`;
export default class AdvancedSearchGroup extends React.Component {
render() {
const {
query,
analyticsData
} = this.props;
const text = query.length === 0 ? /*#__PURE__*/React.createElement(FormattedMessage, messages.confluence_advanced_search) : /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.confluence_advanced_search_for, {
values: {
query
}
}));
return [/*#__PURE__*/React.createElement(PeopleSearchWrapper, {
key: "people-search"
}, /*#__PURE__*/React.createElement(SearchPeopleItem, {
analyticsData: analyticsData,
query: query,
text: /*#__PURE__*/React.createElement(FormattedMessage, messages.people_advanced_search),
icon: /*#__PURE__*/React.createElement(Icon, {
glyph: PeopleIconGlyph,
size: "medium",
label: "Search people"
}),
onClick: ({
event
}) => {
if (this.props.onClick) {
this.props.onClick(event, ConfluenceAdvancedSearchTypes.People);
}
}
})), /*#__PURE__*/React.createElement(StickyFooter, {
key: "advanced-search"
}, /*#__PURE__*/React.createElement(SearchConfluenceItem, {
analyticsData: analyticsData,
query: query,
text: text,
icon: /*#__PURE__*/React.createElement(SearchIcon, {
size: "medium",
label: "Advanced search"
}),
showKeyboardLozenge: true,
onClick: ({
event
}) => {
if (this.props.onClick) {
this.props.onClick(event, ConfluenceAdvancedSearchTypes.Content);
}
}
}))];
}
}