@collectionspace/cspace-public-browser/lib/components/search/result/SearchResultPanel.js

CollectionSpace public browser

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _immutable = _interopRequireDefault(require("immutable"));
var _SearchParamList = _interopRequireDefault(require("./SearchParamList"));
var _SearchResultList = _interopRequireDefault(require("./SearchResultList"));
var _SearchResultStats = _interopRequireDefault(require("./SearchResultStats"));
var _SortSelectContainer = _interopRequireDefault(require("../entry/SortSelectContainer"));
var _config = _interopRequireDefault(require("../../../config"));
var _ids = require("../../../constants/ids");
var _searchDimensions = require("../../../helpers/searchDimensions");
var _SearchResultPanel = _interopRequireDefault(require("../../../../styles/cspace/SearchResultPanel.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
/* global window */

const propTypes = {
  error: _propTypes.default.instanceOf(Error),
  isPending: _propTypes.default.bool,
  nextOffset: _propTypes.default.number,
  onHitsUpdated: _propTypes.default.func,
  result: _propTypes.default.instanceOf(_immutable.default.Map),
  params: _propTypes.default.instanceOf(_immutable.default.Map),
  search: _propTypes.default.func,
  setSearchPageSize: _propTypes.default.func
};
const defaultProps = {
  error: undefined,
  isPending: false,
  nextOffset: undefined,
  onHitsUpdated: undefined,
  params: _immutable.default.Map(),
  result: undefined,
  search: () => undefined,
  setSearchPageSize: () => undefined
};
class SearchResultPanel extends _react.Component {
  constructor() {
    super();
    this.handleLoadMoreClick = this.handleLoadMoreClick.bind(this);
    this.handleScroll = this.handleScroll.bind(this);
    this.ref = /*#__PURE__*/_react.default.createRef();
  }
  componentDidMount() {
    const {
      setSearchPageSize
    } = this.props;
    window.addEventListener('scroll', this.handleScroll, false);
    setSearchPageSize((0, _searchDimensions.calculateSearchPageSize)());
    this.search();
  }
  componentDidUpdate(prevProps) {
    const {
      params
    } = this.props;
    const {
      params: prevParams
    } = prevProps;
    if (params !== prevParams) {
      this.search();
    }
  }
  componentWillUnmount() {
    window.removeEventListener('scroll', this.handleScroll, false);
  }
  handleLoadMoreClick() {
    this.search();
  }
  handleScroll() {
    const {
      nextOffset
    } = this.props;
    if (nextOffset < _config.default.get('pageAutoLoadLimit')) {
      const {
        search
      } = this.props;
      const rect = this.ref.current.getBoundingClientRect();
      const bottomOffset = rect.bottom - window.innerHeight;
      if (bottomOffset <= _searchDimensions.tileHeight) {
        search(_config.default.get('pageLoadDelay'));
      }
    }
  }
  search(fetchDelay) {
    const {
      search
    } = this.props;
    search(fetchDelay);
  }
  renderError() {
    const {
      error
    } = this.props;
    return /*#__PURE__*/_react.default.createElement("div", null, error.message);
  }
  renderResult() {
    const {
      error,
      isPending,
      nextOffset,
      onHitsUpdated,
      params,
      result
    } = this.props;
    const hitCount = result && result.get('total');
    const hits = result && result.get('hits');
    const showLoadMore = result && hits.size < hitCount && nextOffset >= _config.default.get('pageAutoLoadLimit');
    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("header", null, /*#__PURE__*/_react.default.createElement(_SearchParamList.default, {
      params: params
    }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_SearchResultStats.default, {
      count: hitCount
    }), /*#__PURE__*/_react.default.createElement(_SortSelectContainer.default, {
      value: params.get(_ids.SORT_ID)
    }))), /*#__PURE__*/_react.default.createElement(_SearchResultList.default, {
      error: error,
      isPending: isPending,
      onHitsUpdated: onHitsUpdated,
      onLoadMoreClick: this.handleLoadMoreClick,
      params: params,
      hits: hits,
      showLoadMore: showLoadMore
    }));
  }
  render() {
    return /*#__PURE__*/_react.default.createElement("div", {
      className: _SearchResultPanel.default.common,
      ref: this.ref
    }, this.renderResult());
  }
}
exports.default = SearchResultPanel;
SearchResultPanel.propTypes = propTypes;
SearchResultPanel.defaultProps = defaultProps;