@collectionspace/cspace-public-browser 1.5.1

package/lib/components/search/result/SearchLoadMore.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SearchLoadMore;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactIntl = require("react-intl");
+var _SearchStatus = _interopRequireDefault(require("../../../../styles/cspace/SearchStatus.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const messages = (0, _reactIntl.defineMessages)({
+  label: {
+    "id": "searchLoadMore.label",
+    "defaultMessage": "Load more"
+  }
+});
+const propTypes = {
+  onClick: _propTypes.default.func
+};
+const defaultProps = {
+  onClick: () => undefined
+};
+function SearchLoadMore(props) {
+  const {
+    onClick
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _SearchStatus.default.common
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.label)));
+}
+SearchLoadMore.propTypes = propTypes;
+SearchLoadMore.defaultProps = defaultProps;

package/lib/components/search/result/SearchParamList.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SearchParamList;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _immutable = _interopRequireDefault(require("immutable"));
+var _ClearSearchParamsLink = _interopRequireDefault(require("./ClearSearchParamsLink"));
+var _RemoveSearchParamLink = _interopRequireDefault(require("./RemoveSearchParamLink"));
+var _ids = require("../../../constants/ids");
+var _SearchParamList = _interopRequireDefault(require("../../../../styles/cspace/SearchParamList.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const propTypes = {
+  params: _propTypes.default.instanceOf(_immutable.default.Map)
+};
+const defaultProps = {
+  params: _immutable.default.Map()
+};
+function SearchParamList(props) {
+  const {
+    params
+  } = props;
+  const removableParams = params.delete(_ids.SORT_ID);
+  if (removableParams.size === 0) {
+    return null;
+  }
+  const paramButtons = removableParams.keySeq().map(id => /*#__PURE__*/_react.default.createElement(_RemoveSearchParamLink.default, {
+    id: id,
+    key: id,
+    params: params
+  }));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _SearchParamList.default.common
+  }, paramButtons, /*#__PURE__*/_react.default.createElement(_ClearSearchParamsLink.default, {
+    params: params
+  }));
+}
+SearchParamList.propTypes = propTypes;
+SearchParamList.defaultProps = defaultProps;

package/lib/components/search/result/SearchPending.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SearchPending;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _SearchStatus = _interopRequireDefault(require("../../../../styles/cspace/SearchStatus.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const messages = (0, _reactIntl.defineMessages)({
+  loading: {
+    "id": "searchPending.loading",
+    "defaultMessage": "Loading..."
+  }
+});
+function SearchPending() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _SearchStatus.default.common
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.loading));
+}

package/lib/components/search/result/SearchResultImage.js

@@ -0,0 +1,227 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactIntl = require("react-intl");
+var _cspaceRefname = require("cspace-refname");
+var _immutable = _interopRequireDefault(require("immutable"));
+var _urlHelpers = require("../../../helpers/urlHelpers");
+var _config = _interopRequireDefault(require("../../../config"));
+var _SearchResultImage = _interopRequireDefault(require("../../../../styles/cspace/SearchResultImage.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+/* global fetch, window, AbortController */
+
+const propTypes = {
+  gatewayUrl: _propTypes.default.string.isRequired,
+  holdingInstitutions: _propTypes.default.instanceOf(_immutable.default.List),
+  loadImageImmediately: _propTypes.default.bool,
+  mediaCsid: _propTypes.default.string,
+  referenceValue: _propTypes.default.string.isRequired
+};
+const defaultProps = {
+  holdingInstitutions: _immutable.default.List(),
+  loadImageImmediately: false,
+  mediaCsid: undefined
+};
+const messages = (0, _reactIntl.defineMessages)({
+  noimage: {
+    "id": "searchResultImage.noimage",
+    "defaultMessage": "no image available"
+  }
+});
+class SearchResultImage extends _react.Component {
+  constructor(props) {
+    super();
+    this.handleScroll = this.handleScroll.bind(this);
+    this.ref = /*#__PURE__*/_react.default.createRef();
+    this.state = {
+      gatewayUrl: props.gatewayUrl
+    };
+    if (AbortController) {
+      this.abortController = new AbortController();
+    }
+  }
+  componentDidMount() {
+    const {
+      holdingInstitutions,
+      loadImageImmediately,
+      mediaCsid,
+      referenceValue
+    } = this.props;
+    window.setTimeout(() => {
+      if (this.isInView()) {
+        this.init(referenceValue, mediaCsid, holdingInstitutions);
+      } else {
+        window.addEventListener('scroll', this.handleScroll);
+      }
+    }, loadImageImmediately ? 0 : _config.default.get('imageLoadDelay'));
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      gatewayUrl: prevGatewayUrl,
+      mediaCsid: prevMediaCsid,
+      referenceValue: prevReferenceValue
+    } = prevProps;
+    const {
+      holdingInstitutions,
+      gatewayUrl,
+      mediaCsid,
+      referenceValue
+    } = this.props;
+    if (mediaCsid !== prevMediaCsid || gatewayUrl !== prevGatewayUrl || referenceValue !== prevReferenceValue) {
+      // FIXME: Make this component stateless.
+      // eslint-disable-next-line react/no-did-update-set-state
+      this.setState({
+        gatewayUrl
+      });
+      this.init(referenceValue, mediaCsid, holdingInstitutions);
+    }
+  }
+  componentWillUnmount() {
+    if (this.abortController) {
+      this.abortController.abort();
+    }
+    window.removeEventListener('scroll', this.handleScroll);
+  }
+  handleScroll() {
+    if (this.isInView()) {
+      window.setTimeout(() => {
+        if (this.isInView()) {
+          const {
+            holdingInstitutions,
+            mediaCsid,
+            referenceValue
+          } = this.props;
+          window.removeEventListener('scroll', this.handleScroll);
+          this.init(referenceValue, mediaCsid, holdingInstitutions);
+        }
+      }, _config.default.get('imageLoadDelay'));
+    }
+  }
+  getMediaCsid(gatewayUrl, indexName, referenceValue) {
+    const url = `${gatewayUrl}/es/doc/_search`;
+    const referenceField = _config.default.get('referenceField');
+    const query = {
+      _source: 'collectionspace_denorm:mediaCsid',
+      query: {
+        term: {
+          [referenceField]: referenceValue
+        }
+      },
+      size: 1,
+      terminate_after: 1
+    };
+    return fetch(url, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(query),
+      signal: this.abortController ? this.abortController.signal : undefined
+    }).then(response => response.json())
+    // eslint-disable-next-line no-underscore-dangle
+    .then(data => data.hits.hits[0]._source['collectionspace_denorm:mediaCsid'][0]).catch(() => undefined);
+  }
+  init(referenceValue, mediaCsid, holdingInstitutions) {
+    if (typeof mediaCsid !== 'undefined') {
+      this.setState({
+        mediaCsid
+      });
+      return;
+    }
+
+    // Attempt to resove a mediaCsid from holding instutitions. This is really only used by the
+    // materials browser. In other profiles, the media csid will have been received in the search
+    // result.
+
+    const cachedGatewayMediaCsid = window.sessionStorage.getItem(`image-${referenceValue}`);
+    if (cachedGatewayMediaCsid) {
+      const [cachedGatewayUrl, cachedMediaCsid] = cachedGatewayMediaCsid.split(',');
+      this.setState({
+        gatewayUrl: cachedGatewayUrl,
+        mediaCsid: cachedMediaCsid
+      });
+      return;
+    }
+    const institutions = holdingInstitutions.filter(value => !!value);
+    if (institutions.size === 0) {
+      this.setState({
+        mediaCsid: null
+      });
+      return;
+    }
+    const findImage = institutions.reduce((promise, institution) => promise.catch(() => {
+      const instShortId = (0, _cspaceRefname.getItemShortID)(institution);
+      const instGatewayUrl = _config.default.get(['institutions', instShortId, 'gatewayUrl']);
+      const instIndexName = _config.default.get(['institutions', instShortId, 'esIndexName']);
+      if (!instGatewayUrl) {
+        return Promise.reject();
+      }
+      return this.getMediaCsid(instGatewayUrl, instIndexName, referenceValue).then(instMediaCsid => {
+        if (!instMediaCsid) {
+          return Promise.reject();
+        }
+        return Promise.resolve({
+          instGatewayUrl,
+          instMediaCsid
+        });
+      });
+    }), Promise.reject());
+    findImage.then(_ref => {
+      let {
+        instGatewayUrl,
+        instMediaCsid
+      } = _ref;
+      try {
+        window.sessionStorage.setItem(`image-${referenceValue}`, `${instGatewayUrl},${instMediaCsid}`);
+      } catch (err) {
+        // Ignore storage error.
+      }
+      this.setState({
+        gatewayUrl: instGatewayUrl,
+        mediaCsid: instMediaCsid
+      });
+    }).catch(() => {});
+  }
+  isInView() {
+    const domNode = this.ref.current;
+    if (domNode) {
+      const rect = domNode.getBoundingClientRect();
+      return rect.top >= 0 && rect.top < window.innerHeight;
+    }
+    return false;
+  }
+  render() {
+    const {
+      gatewayUrl,
+      mediaCsid
+    } = this.state;
+    if (mediaCsid === null) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        "aria-hidden": true,
+        className: _SearchResultImage.default.noimage
+      }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.noimage));
+    }
+    const imageUrl = mediaCsid && (0, _urlHelpers.blobUrl)(gatewayUrl, mediaCsid, _config.default.get('searchResultImageDerivative'));
+    let style;
+    if (imageUrl) {
+      style = {
+        backgroundImage: `url(${imageUrl})`
+      };
+    }
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _SearchResultImage.default.common,
+      style: style,
+      ref: this.ref
+    });
+  }
+}
+exports.default = SearchResultImage;
+SearchResultImage.propTypes = propTypes;
+SearchResultImage.defaultProps = defaultProps;

package/lib/components/search/result/SearchResultList.js

@@ -0,0 +1,119 @@
+"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 _reactIntl = require("react-intl");
+var _SearchError = _interopRequireDefault(require("./SearchError"));
+var _SearchLoadMore = _interopRequireDefault(require("./SearchLoadMore"));
+var _SearchPending = _interopRequireDefault(require("./SearchPending"));
+var _SearchResultTile = _interopRequireDefault(require("./SearchResultTile"));
+var _config = _interopRequireDefault(require("../../../config"));
+var _searchDimensions = require("../../../helpers/searchDimensions");
+var _SearchResultList = _interopRequireDefault(require("../../../../styles/cspace/SearchResultList.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+const propTypes = {
+  error: _propTypes.default.instanceOf(Error),
+  hits: _propTypes.default.instanceOf(_immutable.default.List),
+  isPending: _propTypes.default.bool,
+  onHitsUpdated: _propTypes.default.func,
+  onLoadMoreClick: _propTypes.default.func,
+  params: _propTypes.default.instanceOf(_immutable.default.Map).isRequired,
+  showLoadMore: _propTypes.default.bool
+};
+const defaultProps = {
+  error: undefined,
+  hits: _immutable.default.List(),
+  isPending: false,
+  onHitsUpdated: () => undefined,
+  onLoadMoreClick: () => undefined,
+  showLoadMore: false
+};
+const messages = (0, _reactIntl.defineMessages)({
+  noResult: {
+    "id": "searchResultList.noResult",
+    "defaultMessage": "No results found"
+  }
+});
+class SearchResultList extends _react.Component {
+  componentDidUpdate(prevProps) {
+    const {
+      hits,
+      onHitsUpdated
+    } = this.props;
+    const {
+      hits: prevHits
+    } = prevProps;
+    if (hits !== prevHits) {
+      onHitsUpdated();
+    }
+  }
+  renderError() {
+    const {
+      error
+    } = this.props;
+    if (!error) {
+      return undefined;
+    }
+    return /*#__PURE__*/_react.default.createElement(_SearchError.default, {
+      error: error
+    });
+  }
+  renderLoadMore() {
+    const {
+      isPending,
+      onLoadMoreClick,
+      showLoadMore
+    } = this.props;
+    if (!showLoadMore || isPending) {
+      return undefined;
+    }
+    return /*#__PURE__*/_react.default.createElement(_SearchLoadMore.default, {
+      onClick: onLoadMoreClick
+    });
+  }
+  renderPending() {
+    const {
+      isPending
+    } = this.props;
+    if (!isPending) {
+      return undefined;
+    }
+    return /*#__PURE__*/_react.default.createElement(_SearchPending.default, null);
+  }
+  renderHits() {
+    const {
+      error,
+      params,
+      hits,
+      isPending
+    } = this.props;
+    if (hits.size === 0 && !isPending && !error) {
+      return /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.noResult));
+    }
+    const gatewayUrl = _config.default.get('gatewayUrl');
+    const pageSize = (0, _searchDimensions.calculateSearchPageSize)();
+    return hits.map((result, index) => /*#__PURE__*/_react.default.createElement(_SearchResultTile.default, {
+      gatewayUrl: gatewayUrl,
+      loadImageImmediately: index < pageSize,
+      index: index,
+      key: result.getIn(['_source', 'ecm:name']),
+      params: params,
+      result: result
+    }));
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _SearchResultList.default.common
+    }, this.renderHits(), this.renderLoadMore(), this.renderPending(), this.renderError());
+  }
+}
+exports.default = SearchResultList;
+SearchResultList.propTypes = propTypes;
+SearchResultList.defaultProps = defaultProps;

package/lib/components/search/result/SearchResultPanel.js

@@ -0,0 +1,139 @@
+"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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+/* 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;

package/lib/components/search/result/SearchResultPanelContainer.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactRedux = require("react-redux");
+var _SearchResultPanel = _interopRequireDefault(require("./SearchResultPanel"));
+var _searchActions = require("../../../actions/searchActions");
+var _reducers = require("../../../reducers");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const mapStateToProps = state => ({
+  error: (0, _reducers.getSearchError)(state),
+  isPending: (0, _reducers.isSearchPending)(state),
+  nextOffset: (0, _reducers.getSearchNextOffset)(state),
+  result: (0, _reducers.getSearchResult)(state)
+});
+const mapDispatchToProps = {
+  search: _searchActions.search,
+  setSearchPageSize: _searchActions.setSearchPageSize
+};
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_SearchResultPanel.default);
+exports.default = _default;

package/lib/components/search/result/SearchResultStats.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SearchResultStats;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactIntl = require("react-intl");
+var _SearchResultStats = _interopRequireDefault(require("../../../../styles/cspace/SearchResultStats.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const propTypes = {
+  count: _propTypes.default.number
+};
+const defaultProps = {
+  count: undefined
+};
+const messages = (0, _reactIntl.defineMessages)({
+  count: {
+    "id": "searchResultStats.count",
+    "defaultMessage": "{count, plural,\n      one {# item}\n      other {# items}\n    } found"
+  }
+});
+function SearchResultStats(props) {
+  const {
+    count
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _SearchResultStats.default.common,
+    "aria-live": "polite"
+  }, count ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _extends({}, messages.count, {
+    values: {
+      count
+    }
+  })) : undefined);
+}
+SearchResultStats.propTypes = propTypes;
+SearchResultStats.defaultProps = defaultProps;