@atlaskit/global-search
Version:
A cross-product search component (batteries included)
59 lines (55 loc) • 2.36 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import React from 'react';
import Button from '@atlaskit/button/custom-theme-button';
import { withAnalyticsEvents } from '@atlaskit/analytics-next';
import { FormattedMessage } from 'react-intl';
import { messages } from '../messages';
import { getConfluenceAdvancedSearchLink } from './SearchResultsUtil';
import { CONF_OBJECTS_ITEMS_PER_PAGE, CONF_MAX_DISPLAYED_RESULTS } from '../util/experiment-utils';
import { fireShowMoreButtonClickEvent } from '../util/analytics-event-helper';
export class ShowMoreButton extends React.PureComponent {
triggerEnrichedEvent(analyticsEvent, actionSubjectId) {
const {
resultLength,
totalSize,
createAnalyticsEvent
} = this.props;
const searchSessionId = ((analyticsEvent || {}).context || []).reduce((acc, v = {}) => Object.assign({}, acc, v), {}).searchSessionId;
fireShowMoreButtonClickEvent(searchSessionId, resultLength, totalSize, actionSubjectId, CONF_OBJECTS_ITEMS_PER_PAGE, createAnalyticsEvent);
}
render() {
const {
resultLength,
totalSize,
onShowMoreClicked,
onSearchMoreAdvancedSearch,
query
} = this.props;
if (resultLength < totalSize) {
if (resultLength < CONF_MAX_DISPLAYED_RESULTS) {
return /*#__PURE__*/React.createElement(Button, {
appearance: "link",
onClick: (e, analyticsEvent) => {
this.triggerEnrichedEvent(analyticsEvent, 'showMoreButton');
onShowMoreClicked();
}
}, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, messages.show_more_button_text, {
values: {
itemsPerPage: Math.min(CONF_OBJECTS_ITEMS_PER_PAGE, totalSize - resultLength)
}
})));
} else if (onSearchMoreAdvancedSearch) {
return /*#__PURE__*/React.createElement(Button, {
appearance: "link",
onClick: (e, analyticsEvent) => {
this.triggerEnrichedEvent(analyticsEvent, 'showMoreAdvancedSearchButton');
onSearchMoreAdvancedSearch(e);
},
href: getConfluenceAdvancedSearchLink(query)
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.show_more_button_advanced_search));
}
}
return null;
}
}
export default withAnalyticsEvents()(ShowMoreButton);