@atlaskit/global-search/dist/cjs/components/common/SearchResults.js

A cross-product search component (batteries included)

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _typeof = require("@babel/runtime/helpers/typeof");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.getSearchResultState = exports.SearchResultsState = void 0;

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _react = _interopRequireDefault(require("react"));

var _PreQueryState = _interopRequireDefault(require("./PreQueryState"));

var _SearchResultsUtil = require("../SearchResultsUtil");

var _ScreenAnalyticsHelper = require("./ScreenAnalyticsHelper");

var _ResultGroupsComponent = _interopRequireWildcard(require("./ResultGroupsComponent"));

var _SearchError = _interopRequireDefault(require("../SearchError"));

var _deepEqual = _interopRequireDefault(require("deep-equal"));

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }

var SearchResultsState;
exports.SearchResultsState = SearchResultsState;

(function (SearchResultsState) {
  SearchResultsState[SearchResultsState["PreQueryLoading"] = 0] = "PreQueryLoading";
  SearchResultsState[SearchResultsState["PreQueryResults"] = 1] = "PreQueryResults";
  SearchResultsState[SearchResultsState["PreQueryNoResults"] = 2] = "PreQueryNoResults";
  SearchResultsState[SearchResultsState["PostQueryResults"] = 3] = "PostQueryResults";
  SearchResultsState[SearchResultsState["PostQueryNoResults"] = 4] = "PostQueryNoResults";
  SearchResultsState[SearchResultsState["IntermediateResults"] = 5] = "IntermediateResults";
  SearchResultsState[SearchResultsState["IntermediateNoResults"] = 6] = "IntermediateNoResults";
})(SearchResultsState || (exports.SearchResultsState = SearchResultsState = {}));

var getSearchResultState = function getSearchResultState(_ref) {
  var isPreQuery = _ref.isPreQuery,
      isLoading = _ref.isLoading,
      hasResults = _ref.hasResults;

  if (isPreQuery) {
    // Pre query
    if (isLoading) {
      return SearchResultsState.PreQueryLoading;
    }

    if (!hasResults) {
      return SearchResultsState.PreQueryNoResults;
    }

    return SearchResultsState.PreQueryResults;
  } else if (isLoading) {
    // Intermediate
    if (!hasResults) {
      return SearchResultsState.IntermediateNoResults;
    }

    return SearchResultsState.IntermediateResults;
  } else {
    // Post query
    if (!hasResults) {
      return SearchResultsState.PostQueryNoResults;
    }

    return SearchResultsState.PostQueryResults;
  }
};

exports.getSearchResultState = getSearchResultState;

var SearchResults = /*#__PURE__*/function (_React$Component) {
  (0, _inherits2.default)(SearchResults, _React$Component);

  var _super = _createSuper(SearchResults);

  function SearchResults() {
    (0, _classCallCheck2.default)(this, SearchResults);
    return _super.apply(this, arguments);
  }

  (0, _createClass2.default)(SearchResults, [{
    key: "shouldComponentUpdate",
    value: function shouldComponentUpdate(nextProps) {
      return !(0, _deepEqual.default)(nextProps, this.props);
    }
  }, {
    key: "hasNoResult",
    value: function hasNoResult() {
      var _this$props = this.props,
          isPreQuery = _this$props.isPreQuery,
          isLoading = _this$props.isLoading,
          keepPreQueryState = _this$props.keepPreQueryState,
          getPreQueryGroups = _this$props.getPreQueryGroups,
          getPostQueryGroups = _this$props.getPostQueryGroups;
      var results = isPreQuery || isLoading && keepPreQueryState ? getPreQueryGroups() : getPostQueryGroups();
      return results.map(function (_ref2) {
        var items = _ref2.items;
        return items;
      }).every(_SearchResultsUtil.isEmpty);
    }
  }, {
    key: "renderNoResult",
    value: function renderNoResult() {
      var _this$props2 = this.props,
          renderNoResult = _this$props2.renderNoResult,
          postQueryScreenCounter = _this$props2.postQueryScreenCounter,
          searchSessionId = _this$props2.searchSessionId,
          referralContextIdentifiers = _this$props2.referralContextIdentifiers;
      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderNoResult(), /*#__PURE__*/_react.default.createElement(_ScreenAnalyticsHelper.PostQueryAnalyticsComponent, {
        screenCounter: postQueryScreenCounter,
        searchSessionId: searchSessionId,
        referralContextIdentifiers: referralContextIdentifiers,
        key: "post-query-analytics"
      }));
    }
  }, {
    key: "renderPreQueryState",
    value: function renderPreQueryState() {
      var _this$props3 = this.props,
          searchSessionId = _this$props3.searchSessionId,
          preQueryScreenCounter = _this$props3.preQueryScreenCounter,
          renderNoRecentActivity = _this$props3.renderNoRecentActivity,
          referralContextIdentifiers = _this$props3.referralContextIdentifiers,
          renderBeforePreQueryState = _this$props3.renderBeforePreQueryState,
          renderAdvancedSearchGroup = _this$props3.renderAdvancedSearchGroup,
          getPreQueryGroups = _this$props3.getPreQueryGroups;
      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderBeforePreQueryState && renderBeforePreQueryState(), /*#__PURE__*/_react.default.createElement(_PreQueryState.default, {
        resultsGroups: getPreQueryGroups(),
        renderNoRecentActivity: renderNoRecentActivity,
        searchSessionId: searchSessionId,
        screenCounter: preQueryScreenCounter,
        referralContextIdentifiers: referralContextIdentifiers,
        renderAdvancedSearchGroup: renderAdvancedSearchGroup
      }));
    }
  }, {
    key: "renderSearchResultsState",
    value: function renderSearchResultsState() {
      var _this$props4 = this.props,
          searchSessionId = _this$props4.searchSessionId,
          referralContextIdentifiers = _this$props4.referralContextIdentifiers,
          renderAdvancedSearchGroup = _this$props4.renderAdvancedSearchGroup,
          getPostQueryGroups = _this$props4.getPostQueryGroups,
          postQueryScreenCounter = _this$props4.postQueryScreenCounter,
          searchMore = _this$props4.searchMore,
          onSearchMoreAdvancedSearchClicked = _this$props4.onSearchMoreAdvancedSearchClicked,
          query = _this$props4.query,
          getFilterComponent = _this$props4.getFilterComponent,
          isLoading = _this$props4.isLoading,
          currentFilters = _this$props4.currentFilters,
          onFilterChanged = _this$props4.onFilterChanged;
      var resultGroups = getPostQueryGroups();
      var topGroup = resultGroups.length > 0 ? resultGroups[0] : null;
      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, topGroup && getFilterComponent({
        latestSearchQuery: query,
        searchResultsTotalSize: topGroup.totalSize,
        isLoading: isLoading,
        searchSessionId: searchSessionId,
        currentFilters: currentFilters,
        onFilterChanged: onFilterChanged
      }), /*#__PURE__*/_react.default.createElement(_ResultGroupsComponent.default, {
        query: query,
        type: _ResultGroupsComponent.ResultGroupType.PostQuery,
        renderAdvancedSearch: renderAdvancedSearchGroup,
        resultsGroups: resultGroups,
        searchSessionId: searchSessionId,
        screenCounter: postQueryScreenCounter,
        referralContextIdentifiers: referralContextIdentifiers,
        onShowMoreClicked: searchMore || function () {},
        onSearchMoreAdvancedSearchClicked: onSearchMoreAdvancedSearchClicked
      }));
    }
  }, {
    key: "render",
    value: function render() {
      var _this$props5 = this.props,
          isPreQuery = _this$props5.isPreQuery,
          isError = _this$props5.isError,
          isLoading = _this$props5.isLoading,
          retrySearch = _this$props5.retrySearch,
          keepPreQueryState = _this$props5.keepPreQueryState;

      if (isError) {
        return /*#__PURE__*/_react.default.createElement(_SearchError.default, {
          onRetryClick: retrySearch
        });
      }

      var searchResultState = getSearchResultState({
        isPreQuery: isPreQuery,
        isLoading: isLoading,
        hasResults: !this.hasNoResult()
      });

      switch (searchResultState) {
        case SearchResultsState.PreQueryLoading:
          return null;

        case SearchResultsState.PreQueryNoResults:
          return this.renderPreQueryState();

        case SearchResultsState.PreQueryResults:
          return this.renderPreQueryState();

        case SearchResultsState.IntermediateNoResults:
          return keepPreQueryState ? this.renderPreQueryState() : null;

        case SearchResultsState.IntermediateResults:
          return keepPreQueryState ? this.renderPreQueryState() : this.renderSearchResultsState();

        case SearchResultsState.PostQueryNoResults:
          return this.renderNoResult();

        case SearchResultsState.PostQueryResults:
          return this.renderSearchResultsState();

        default:
          throw new Error('unhandled state');
      }
    }
  }]);
  return SearchResults;
}(_react.default.Component);

exports.default = SearchResults;
(0, _defineProperty2.default)(SearchResults, "defaultProps", {
  getFilterComponent: function getFilterComponent() {
    return null;
  }
});