@collectionspace/cspace-public-browser 1.5.1

package/lib/components/pages/DetailPage.js

@@ -0,0 +1,93 @@
+"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 _bodyClassName = _interopRequireDefault(require("../../helpers/bodyClassName"));
+var _ScrollTopButton = _interopRequireDefault(require("../layout/ScrollTopButton"));
+var _DetailPanelContainer = _interopRequireDefault(require("../detail/DetailPanelContainer"));
+var _DetailPage = _interopRequireDefault(require("../../../styles/cspace/DetailPage.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 = {
+  location: _propTypes.default.shape({
+    search: _propTypes.default.string.isRequired,
+    state: _propTypes.default.shape({
+      index: _propTypes.default.number
+    })
+  }).isRequired,
+  match: _propTypes.default.shape({
+    params: _propTypes.default.shape({
+      csid: _propTypes.default.string
+    })
+  }).isRequired,
+  params: _propTypes.default.instanceOf(_immutable.default.Map),
+  onLeave: _propTypes.default.func,
+  onLocationChange: _propTypes.default.func
+};
+const defaultProps = {
+  onLeave: () => undefined,
+  onLocationChange: () => undefined,
+  params: undefined
+};
+class DetailPage extends _react.Component {
+  componentDidMount() {
+    window.document.body.classList.add((0, _bodyClassName.default)(_DetailPage.default.common));
+    if (window.scrollTo) {
+      window.scrollTo({
+        left: 0,
+        top: 0
+      });
+    }
+    this.handleLocationChange();
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      location
+    } = this.props;
+    const {
+      location: prevLocation
+    } = prevProps;
+    if (location !== prevLocation) {
+      this.handleLocationChange();
+    }
+  }
+  componentWillUnmount() {
+    const {
+      onLeave
+    } = this.props;
+    window.document.body.classList.remove((0, _bodyClassName.default)(_DetailPage.default.common));
+    onLeave();
+  }
+  handleLocationChange() {
+    const {
+      location,
+      match,
+      onLocationChange
+    } = this.props;
+    onLocationChange(location, match);
+  }
+  render() {
+    const {
+      params
+    } = this.props;
+    if (!params) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _DetailPage.default.common
+    }, /*#__PURE__*/_react.default.createElement(_DetailPanelContainer.default, {
+      params: params
+    }), /*#__PURE__*/_react.default.createElement(_ScrollTopButton.default, null));
+  }
+}
+exports.default = DetailPage;
+DetailPage.propTypes = propTypes;
+DetailPage.defaultProps = defaultProps;

package/lib/components/pages/DetailPageContainer.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactRedux = require("react-redux");
+var _DetailPage = _interopRequireDefault(require("./DetailPage"));
+var _detailActions = require("../../actions/detailActions");
+var _reducers = require("../../reducers");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const mapStateToProps = state => ({
+  params: (0, _reducers.getDetailParams)(state)
+});
+const mapDispatchToProps = {
+  onLeave: _detailActions.clearDetail,
+  onLocationChange: _detailActions.setDetailParams
+};
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_DetailPage.default);
+exports.default = _default;

package/lib/components/pages/RootPage.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RootPage;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _reactRouter = require("react-router");
+var _reactHelmet = _interopRequireDefault(require("react-helmet"));
+var _DetailPageContainer = _interopRequireDefault(require("./DetailPageContainer"));
+var _SearchPageContainer = _interopRequireDefault(require("./SearchPageContainer"));
+var _config = _interopRequireDefault(require("../../config"));
+var _RootPage = _interopRequireDefault(require("../../../styles/cspace/RootPage.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const messages = (0, _reactIntl.defineMessages)({
+  title: {
+    "id": "RootPage.title",
+    "defaultMessage": "Collection Browser"
+  }
+});
+function RootPage() {
+  const intl = (0, _reactIntl.useIntl)();
+  const title = intl.formatMessage(messages.title);
+  const detailPath = _config.default.get('detailPath');
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _RootPage.default.common
+  }, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, {
+    defaultTitle: title,
+    titleTemplate: `%s | ${title}`
+  }, /*#__PURE__*/_react.default.createElement("meta", {
+    name: "viewport",
+    content: "width=device-width"
+  })), /*#__PURE__*/_react.default.createElement(_reactRouter.Switch, null, /*#__PURE__*/_react.default.createElement(_reactRouter.Route, {
+    path: "/search",
+    component: _SearchPageContainer.default
+  }), /*#__PURE__*/_react.default.createElement(_reactRouter.Route, {
+    path: `/${detailPath}/:csid`,
+    component: _DetailPageContainer.default
+  })));
+}

package/lib/components/pages/SearchPage.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactHelmet = _interopRequireDefault(require("react-helmet"));
+var _reactIntl = require("react-intl");
+var _reactRouter = require("react-router");
+var _immutable = _interopRequireDefault(require("immutable"));
+var _bodyClassName = _interopRequireDefault(require("../../helpers/bodyClassName"));
+var _Fixed = _interopRequireDefault(require("../layout/Fixed"));
+var _FilterPanelContainer = _interopRequireDefault(require("../search/result/FilterPanelContainer"));
+var _SearchEntryPanel = _interopRequireDefault(require("../search/entry/SearchEntryPanel"));
+var _SearchResultPanelContainer = _interopRequireDefault(require("../search/result/SearchResultPanelContainer"));
+var _ScrollTopButton = _interopRequireDefault(require("../layout/ScrollTopButton"));
+var _ToggleFilterPanelButton = _interopRequireDefault(require("../layout/ToggleFilterPanelButton"));
+var _ids = require("../../constants/ids");
+var _SearchPage = _interopRequireDefault(require("../../../styles/cspace/SearchPage.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 = {
+  intl: _propTypes.default.shape({
+    formatMessage: _propTypes.default.func.isRequired
+  }).isRequired,
+  location: _propTypes.default.shape({
+    search: _propTypes.default.string
+  }).isRequired,
+  isFilterPanelExpanded: _propTypes.default.bool,
+  onLocationChange: _propTypes.default.func,
+  onTogglePanelButtonClick: _propTypes.default.func,
+  params: _propTypes.default.instanceOf(_immutable.default.Map)
+};
+const defaultProps = {
+  isFilterPanelExpanded: false,
+  onLocationChange: () => undefined,
+  onTogglePanelButtonClick: () => undefined,
+  params: undefined
+};
+const messages = (0, _reactIntl.defineMessages)({
+  title: {
+    "id": "SearchPage.title",
+    "defaultMessage": "Search"
+  }
+});
+class SearchPage extends _react.Component {
+  constructor() {
+    super();
+    this.handleFilterPanelApi = this.handleFilterPanelApi.bind(this);
+    this.handleSearchResultListHitsUpdated = this.handleSearchResultListHitsUpdated.bind(this);
+    this.handleToggleFilterPanelButtonClick = this.handleToggleFilterPanelButtonClick.bind(this);
+  }
+  componentDidMount() {
+    window.document.body.classList.add((0, _bodyClassName.default)(_SearchPage.default.common));
+    if (window.scrollTo) {
+      window.scrollTo({
+        left: 0,
+        top: 0
+      });
+    }
+    this.handleLocationChange();
+  }
+  componentDidUpdate(prevProps) {
+    const {
+      location
+    } = this.props;
+    const {
+      location: prevLocation
+    } = prevProps;
+    if (location !== prevLocation) {
+      this.handleLocationChange();
+    }
+  }
+  componentWillUnmount() {
+    window.document.body.classList.remove((0, _bodyClassName.default)(_SearchPage.default.common));
+  }
+  handleFilterPanelApi(api) {
+    this.filterPanelApi = api;
+  }
+  handleLocationChange() {
+    const {
+      location,
+      onLocationChange
+    } = this.props;
+    onLocationChange(location);
+  }
+  handleSearchResultListHitsUpdated() {
+    if (this.filterPanelApi) {
+      this.filterPanelApi.setHeight();
+    }
+  }
+  handleToggleFilterPanelButtonClick() {
+    const {
+      onTogglePanelButtonClick
+    } = this.props;
+    onTogglePanelButtonClick(_ids.FILTER_PANEL_ID);
+  }
+  render() {
+    const {
+      intl,
+      isFilterPanelExpanded,
+      params
+    } = this.props;
+    if (!params) {
+      return null;
+    }
+    const title = intl.formatMessage(messages.title);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _SearchPage.default.common
+    }, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, null, /*#__PURE__*/_react.default.createElement("title", null, title)), /*#__PURE__*/_react.default.createElement(_Fixed.default, null, /*#__PURE__*/_react.default.createElement(_SearchEntryPanel.default, null), /*#__PURE__*/_react.default.createElement(_ToggleFilterPanelButton.default, {
+      isFilterPanelExpanded: isFilterPanelExpanded,
+      onClick: this.handleToggleFilterPanelButtonClick
+    }), /*#__PURE__*/_react.default.createElement(_FilterPanelContainer.default, {
+      api: this.handleFilterPanelApi,
+      isExpanded: isFilterPanelExpanded
+    })), /*#__PURE__*/_react.default.createElement(_SearchResultPanelContainer.default, {
+      params: params,
+      onHitsUpdated: this.handleSearchResultListHitsUpdated
+    }), /*#__PURE__*/_react.default.createElement(_ScrollTopButton.default, null));
+  }
+}
+SearchPage.propTypes = propTypes;
+SearchPage.defaultProps = defaultProps;
+var _default = (0, _reactIntl.injectIntl)((0, _reactRouter.withRouter)(SearchPage));
+exports.default = _default;

package/lib/components/pages/SearchPageContainer.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactRedux = require("react-redux");
+var _SearchPage = _interopRequireDefault(require("./SearchPage"));
+var _prefsActions = require("../../actions/prefsActions");
+var _searchActions = require("../../actions/searchActions");
+var _ids = require("../../constants/ids");
+var _reducers = require("../../reducers");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const mapStateToProps = state => ({
+  isFilterPanelExpanded: (0, _reducers.isPanelExpanded)(state, _ids.FILTER_PANEL_ID),
+  params: (0, _reducers.getSearchParams)(state)
+});
+const mapDispatchToProps = {
+  onLocationChange: _searchActions.setSearchParams,
+  onTogglePanelButtonClick: _prefsActions.togglePanel
+};
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_SearchPage.default);
+exports.default = _default;

package/lib/components/search/entry/SearchEntryForm.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactRouter = require("react-router");
+var _immutable = _interopRequireDefault(require("immutable"));
+var _SearchQueryInput = _interopRequireDefault(require("./SearchQueryInput"));
+var _ids = require("../../../constants/ids");
+var _SearchEntryForm = _interopRequireDefault(require("../../../../styles/cspace/SearchEntryForm.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 = {
+  history: _propTypes.default.shape({
+    push: _propTypes.default.func
+  }).isRequired,
+  onCommit: _propTypes.default.func,
+  onSubmit: _propTypes.default.func,
+  params: _propTypes.default.instanceOf(_immutable.default.Map)
+};
+const defaultProps = {
+  onCommit: () => undefined,
+  onSubmit: () => undefined,
+  params: _immutable.default.Map()
+};
+class SearchEntryForm extends _react.Component {
+  constructor() {
+    super();
+    this.handleInputCommit = this.handleInputCommit.bind(this);
+    this.handleRef = this.handleRef.bind(this);
+    this.handleSubmit = this.handleSubmit.bind(this);
+  }
+  handleInputCommit(id, value) {
+    const {
+      onCommit
+    } = this.props;
+    onCommit(id, value);
+  }
+  handleRef(ref) {
+    this.domNode = ref;
+  }
+  handleSubmit(event) {
+    const {
+      history,
+      onSubmit
+    } = this.props;
+    event.preventDefault();
+    onSubmit(history);
+  }
+  render() {
+    const {
+      params
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("form", {
+      className: _SearchEntryForm.default.common,
+      ref: this.handleRef,
+      role: "search",
+      onSubmit: this.handleSubmit
+    }, /*#__PURE__*/_react.default.createElement(_SearchQueryInput.default, {
+      id: _ids.SEARCH_QUERY_ID,
+      showSubmitButton: true,
+      value: params.get(_ids.SEARCH_QUERY_ID),
+      onCommit: this.handleInputCommit
+    }));
+  }
+}
+SearchEntryForm.propTypes = propTypes;
+SearchEntryForm.defaultProps = defaultProps;
+var _default = (0, _reactRouter.withRouter)(SearchEntryForm);
+exports.default = _default;

package/lib/components/search/entry/SearchEntryFormContainer.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactRedux = require("react-redux");
+var _SearchEntryForm = _interopRequireDefault(require("./SearchEntryForm"));
+var _reducers = require("../../../reducers");
+var _searchEntryFormActions = require("../../../actions/searchEntryFormActions");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const mapStateToProps = state => ({
+  params: (0, _reducers.getSearchEntryFormParams)(state)
+});
+const mapDispatchToProps = {
+  onCommit: _searchEntryFormActions.setSearchEntryFormParam,
+  onSubmit: _searchEntryFormActions.applySearchEntryForm
+};
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_SearchEntryForm.default);
+exports.default = _default;

package/lib/components/search/entry/SearchEntryPanel.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SearchEntryPanel;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _immutable = _interopRequireDefault(require("immutable"));
+var _SearchEntryFormContainer = _interopRequireDefault(require("./SearchEntryFormContainer"));
+var _SearchEntryPanel = _interopRequireDefault(require("../../../../styles/cspace/SearchEntryPanel.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const propTypes = {
+  params: _propTypes.default.instanceOf(_immutable.default.Map)
+};
+const defaultProps = {
+  params: undefined
+};
+function SearchEntryPanel(props) {
+  const {
+    params
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _SearchEntryPanel.default.common
+  }, /*#__PURE__*/_react.default.createElement(_SearchEntryFormContainer.default, {
+    params: params
+  }));
+}
+SearchEntryPanel.propTypes = propTypes;
+SearchEntryPanel.defaultProps = defaultProps;

package/lib/components/search/entry/SearchQueryInput.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactIntl = require("react-intl");
+var _SearchSubmitButton = _interopRequireDefault(require("./SearchSubmitButton"));
+var _SearchQueryInput = _interopRequireDefault(require("../../../../styles/cspace/SearchQueryInput.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 = {
+  id: _propTypes.default.string.isRequired,
+  intl: _propTypes.default.shape({
+    formatMessage: _propTypes.default.func.isRequired
+  }).isRequired,
+  onCommit: _propTypes.default.func,
+  showSubmitButton: _propTypes.default.bool,
+  value: _propTypes.default.string
+};
+const defaultProps = {
+  onCommit: () => undefined,
+  showSubmitButton: false,
+  value: ''
+};
+const messages = (0, _reactIntl.defineMessages)({
+  label: {
+    "id": "searchQueryInput.label",
+    "defaultMessage": "Search collection"
+  },
+  placeholder: {
+    "id": "searchQueryInput.placeholder",
+    "defaultMessage": "Search collection"
+  },
+  shortLabel: {
+    "id": "searchQueryInput.shortLabel",
+    "defaultMessage": "Search"
+  }
+});
+exports.messages = messages;
+class SearchQueryInput extends _react.Component {
+  constructor() {
+    super();
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    const {
+      id,
+      onCommit
+    } = this.props;
+    onCommit(id, event.target.value);
+  }
+  commit() {
+    const {
+      id,
+      onCommit
+    } = this.props;
+    if (this.inputDomNode) {
+      onCommit(id, this.inputDomNode.value);
+    }
+  }
+  render() {
+    const {
+      id,
+      intl,
+      showSubmitButton,
+      value
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _SearchQueryInput.default.common
+    }, /*#__PURE__*/_react.default.createElement("input", {
+      "aria-label": intl.formatMessage(messages.label),
+      autoComplete: "off",
+      autoCorrect: "off",
+      name: id,
+      placeholder: intl.formatMessage(messages.placeholder),
+      type: "search",
+      value: value,
+      onChange: this.handleChange
+    }), showSubmitButton && /*#__PURE__*/_react.default.createElement(_SearchSubmitButton.default, null));
+  }
+}
+SearchQueryInput.propTypes = propTypes;
+SearchQueryInput.defaultProps = defaultProps;
+var _default = (0, _reactIntl.injectIntl)(SearchQueryInput);
+exports.default = _default;

package/lib/components/search/entry/SearchSubmitButton.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SearchSubmitButton;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _SearchSubmitButton = _interopRequireDefault(require("../../../../styles/cspace/SearchSubmitButton.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const messages = (0, _reactIntl.defineMessages)({
+  submit: {
+    "id": "searchEntryForm.submit",
+    "defaultMessage": "Search"
+  }
+});
+function SearchSubmitButton() {
+  return /*#__PURE__*/_react.default.createElement("button", {
+    className: _SearchSubmitButton.default.common,
+    type: "submit"
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.submit));
+}

package/lib/components/search/entry/SortSelect.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactRouter = require("react-router");
+var _reactIntl = require("react-intl");
+var _config = _interopRequireDefault(require("../../../config"));
+var _SortSelect = _interopRequireDefault(require("../../../../styles/cspace/SortSelect.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 = {
+  history: _propTypes.default.shape({
+    push: _propTypes.default.func
+  }).isRequired,
+  intl: _propTypes.default.shape({
+    formatMessage: _propTypes.default.func.isRequired
+  }).isRequired,
+  onCommit: _propTypes.default.func,
+  value: _propTypes.default.string
+};
+const defaultProps = {
+  onCommit: () => undefined,
+  value: _config.default.get('defaultSortOrder')
+};
+const messages = (0, _reactIntl.defineMessages)({
+  label: {
+    "id": "sortSelect.label",
+    "defaultMessage": "Sort results by"
+  },
+  bestmatch: {
+    "id": "sortSelect.bestmatch",
+    "defaultMessage": "Best match"
+  },
+  atoz: {
+    "id": "sortSelect.atoz",
+    "defaultMessage": "A to Z"
+  },
+  ztoa: {
+    "id": "sortSelect.ztoa",
+    "defaultMessage": "Z to A"
+  },
+  newest: {
+    "id": "sortSelect.newest",
+    "defaultMessage": "Newest"
+  },
+  oldest: {
+    "id": "sortSelect.oldest",
+    "defaultMessage": "Oldest"
+  }
+});
+class SortSelect extends _react.Component {
+  constructor() {
+    super();
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    const {
+      history,
+      onCommit
+    } = this.props;
+    onCommit(history, event.target.value);
+  }
+  render() {
+    const {
+      intl,
+      value
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("label", {
+      htmlFor: "sort-select"
+    }, "Sort by", ' ', /*#__PURE__*/_react.default.createElement("select", {
+      className: _SortSelect.default.common,
+      id: "sort-select",
+      value: value,
+      onChange: this.handleChange
+    }, ['bestmatch', 'atoz', 'ztoa', 'newest', 'oldest'].map(sortOrder => /*#__PURE__*/_react.default.createElement("option", {
+      key: sortOrder,
+      value: sortOrder
+    }, intl.formatMessage(messages[sortOrder])))));
+  }
+}
+SortSelect.propTypes = propTypes;
+SortSelect.defaultProps = defaultProps;
+var _default = (0, _reactRouter.withRouter)((0, _reactIntl.injectIntl)(SortSelect));
+exports.default = _default;

package/lib/components/search/entry/SortSelectContainer.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactRedux = require("react-redux");
+var _SortSelect = _interopRequireDefault(require("./SortSelect"));
+var _searchActions = require("../../../actions/searchActions");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const mapDispatchToProps = {
+  onCommit: _searchActions.applySortOrder
+};
+var _default = (0, _reactRedux.connect)(undefined, mapDispatchToProps)(_SortSelect.default);
+exports.default = _default;