@mjhls/mjh-framework 1.0.893-publication-landing-no-image-v1 → 1.0.893-ris-v1

package/dist/cjs/AlgoliaSearch.js

@@ -829,7 +829,7 @@ function parseAlgoliaHit(_ref2) {
   });
 }
 
-var version$1 = '6.11.1';
+var version$1 = '6.12.0';
 
 var withKeysPropType = function withKeysPropType(keys) {
   return function (props, propName, componentName) {
@@ -911,6 +911,10 @@ function translatable(defaultTranslations) {
 function getIndexId(context) {
   return hasMultipleIndices(context) ? context.multiIndexContext.targetedIndex : context.ais.mainTargetedIndex;
 }
+/**
+ * @returns {import('algoliasearch-helper').SearchResults} results
+ */
+
 function getResults(searchResults, context) {
   if (searchResults.results) {
     if (searchResults.results.hits) {
@@ -4775,7 +4779,7 @@ var requestBuilder = {
 
 var requestBuilder_1 = requestBuilder;
 
-var version = '3.5.3';
+var version = '3.5.4';
 
 /**
  * Event triggered when a parameter is set or updated
@@ -6423,6 +6427,87 @@ ConfigureRelatedItems.propTypes = {
 };
 connectConfigureRelatedItems(ConfigureRelatedItems);
 
+var connectDynamicWidgets = createConnectorWithContext({
+  displayName: 'AlgoliaDynamicWidgets',
+  defaultProps: {
+    transformItems: function transformItems(items) {
+      return items;
+    }
+  },
+  propTypes: {
+    transformItems: PropTypes__default['default'].func
+  },
+  getProvidedProps: function getProvidedProps(props, _searchState, searchResults) {
+    var results = getResults(searchResults, {
+      ais: props.contextValue,
+      multiIndexContext: props.indexContextValue
+    });
+
+    if (!results) {
+      return {
+        attributesToRender: []
+      };
+    }
+
+    var facetOrder = results.renderingContent && results.renderingContent.facetOrdering && results.renderingContent.facetOrdering.facets && results.renderingContent.facetOrdering.facets.order || [];
+    return {
+      attributesToRender: props.transformItems(facetOrder, {
+        results: results
+      })
+    };
+  }
+});
+
+function getAttribute(component) {
+  if (_typeof(component) !== 'object') {
+    return undefined;
+  }
+
+  if (component.props.attribute) {
+    return component.props.attribute;
+  }
+
+  if (Array.isArray(component.props.attributes)) {
+    return component.props.attributes[0];
+  }
+
+  if (component.props.children) {
+    return getAttribute(React__default['default'].Children.only(component.props.children));
+  }
+
+  return undefined;
+}
+
+function DynamicWidgets(_ref) {
+  var children = _ref.children,
+      attributesToRender = _ref.attributesToRender,
+      _ref$fallbackComponen = _ref.fallbackComponent,
+      Fallback = _ref$fallbackComponen === void 0 ? function () {
+    return null;
+  } : _ref$fallbackComponen;
+  var widgets = new Map();
+  React__default['default'].Children.forEach(children, function (child) {
+    var attribute = getAttribute(child);
+
+    if (!attribute) {
+      throw new Error("Could not find \"attribute\" prop for ".concat(getDisplayName(child), "."));
+    }
+
+    widgets.set(attribute, child);
+  }); // on initial render this will be empty, but React InstantSearch keeps
+  // search state for unmounted components in place, so routing works.
+
+  return React__default['default'].createElement(React__default['default'].Fragment, null, attributesToRender.map(function (attribute) {
+    return React__default['default'].createElement(React.Fragment, {
+      key: attribute
+    }, widgets.get(attribute) || React__default['default'].createElement(Fallback, {
+      attribute: attribute
+    }));
+  }));
+}
+
+connectDynamicWidgets(DynamicWidgets);
+
 // A context rule must consist only of alphanumeric characters, hyphens, and underscores.
 // See https://www.algolia.com/doc/guides/managing-results/refine-results/merchandising-and-promoting/in-depth/implementing-query-rules/#context
 function escapeRuleContext(ruleName) {
@@ -7832,7 +7917,8 @@ var connectHierarchicalMenu = createConnectorWithContext({
     showMore: PropTypes__default['default'].bool,
     limit: PropTypes__default['default'].number,
     showMoreLimit: PropTypes__default['default'].number,
-    transformItems: PropTypes__default['default'].func
+    transformItems: PropTypes__default['default'].func,
+    facetOrdering: PropTypes__default['default'].bool
   },
   defaultProps: {
     showMore: false,
@@ -7840,12 +7926,14 @@ var connectHierarchicalMenu = createConnectorWithContext({
     showMoreLimit: 20,
     separator: ' > ',
     rootPath: null,
-    showParentLevel: true
+    showParentLevel: true,
+    facetOrdering: true
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     var showMore = props.showMore,
         limit = props.limit,
-        showMoreLimit = props.showMoreLimit;
+        showMoreLimit = props.showMoreLimit,
+        facetOrdering = props.facetOrdering;
     var id = getId$c(props);
     var results = getResults(searchResults, {
       ais: props.contextValue,
@@ -7866,7 +7954,8 @@ var connectHierarchicalMenu = createConnectorWithContext({
 
     var itemsLimit = showMore ? showMoreLimit : limit;
     var value = results.getFacetValues(id, {
-      sortBy: sortBy$1
+      sortBy: sortBy$1,
+      facetOrdering: facetOrdering
     });
     var items = value.data ? transformValue(value.data, props, searchState, {
       ais: props.contextValue,
@@ -8418,17 +8507,20 @@ var connectMenu = createConnectorWithContext({
     showMoreLimit: PropTypes__default['default'].number,
     defaultRefinement: PropTypes__default['default'].string,
     transformItems: PropTypes__default['default'].func,
-    searchable: PropTypes__default['default'].bool
+    searchable: PropTypes__default['default'].bool,
+    facetOrdering: PropTypes__default['default'].bool
   },
   defaultProps: {
     showMore: false,
     limit: 10,
-    showMoreLimit: 20
+    showMoreLimit: 20,
+    facetOrdering: true
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults, meta, searchForFacetValuesResults) {
     var attribute = props.attribute,
         searchable = props.searchable,
-        indexContextValue = props.indexContextValue;
+        indexContextValue = props.indexContextValue,
+        facetOrdering = props.facetOrdering;
     var results = getResults(searchResults, {
       ais: props.contextValue,
       multiIndexContext: props.indexContextValue
@@ -8474,7 +8566,8 @@ var connectMenu = createConnectorWithContext({
       });
     } else {
       items = results.getFacetValues(attribute, {
-        sortBy: searchable ? undefined : defaultSortBy
+        sortBy: searchable ? undefined : defaultSortBy,
+        facetOrdering: facetOrdering
       }).map(function (v) {
         return {
           label: v.name,
@@ -9331,18 +9424,21 @@ var connectRefinementList = createConnectorWithContext({
     showMoreLimit: PropTypes__default['default'].number,
     defaultRefinement: PropTypes__default['default'].arrayOf(PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number])),
     searchable: PropTypes__default['default'].bool,
-    transformItems: PropTypes__default['default'].func
+    transformItems: PropTypes__default['default'].func,
+    facetOrdering: PropTypes__default['default'].bool
   },
   defaultProps: {
     operator: 'or',
     showMore: false,
     limit: 10,
-    showMoreLimit: 20
+    showMoreLimit: 20,
+    facetOrdering: true
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults, metadata, searchForFacetValuesResults) {
     var attribute = props.attribute,
         searchable = props.searchable,
-        indexContextValue = props.indexContextValue;
+        indexContextValue = props.indexContextValue,
+        facetOrdering = props.facetOrdering;
     var results = getResults(searchResults, {
       ais: props.contextValue,
       multiIndexContext: props.indexContextValue
@@ -9383,7 +9479,8 @@ var connectRefinementList = createConnectorWithContext({
         isRefined: v.isRefined
       };
     }) : results.getFacetValues(attribute, {
-      sortBy: sortBy
+      sortBy: sortBy,
+      facetOrdering: facetOrdering
     }).map(function (v) {
       return {
         label: v.name,
@@ -10883,6 +10980,7 @@ function (_Component) {
 
       var _this$props4 = this.props,
           className = _this$props4.className,
+          inputId = _this$props4.inputId,
           translate = _this$props4.translate,
           autoFocus = _this$props4.autoFocus,
           loadingIndicator = _this$props4.loadingIndicator,
@@ -10910,6 +11008,7 @@ function (_Component) {
         role: "search"
       }, React__default['default'].createElement("input", index._extends({
         ref: this.onInputMount,
+        id: inputId,
         type: "search",
         placeholder: translate('placeholder'),
         autoFocus: autoFocus,
@@ -10961,7 +11060,8 @@ _defineProperty(SearchBox$1, "propTypes", {
   showLoadingIndicator: PropTypes__default['default'].bool,
   inputRef: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].exact({
     current: PropTypes__default['default'].object
-  })])
+  })]),
+  inputId: PropTypes__default['default'].string
 });
 
 _defineProperty(SearchBox$1, "defaultProps", {
@@ -11600,9 +11700,11 @@ function (_Component) {
     value: function render() {
       var _this$props = this.props,
           cx = _this$props.cx,
+          id = _this$props.id,
           items = _this$props.items,
           selectedItem = _this$props.selectedItem;
       return React__default['default'].createElement("select", {
+        id: id,
         className: cx('select'),
         value: selectedItem,
         onChange: this.onChange
@@ -11622,6 +11724,7 @@ function (_Component) {
 
 _defineProperty(Select, "propTypes", {
   cx: PropTypes__default['default'].func.isRequired,
+  id: PropTypes__default['default'].string,
   onSelect: PropTypes__default['default'].func.isRequired,
   items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
     value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]).isRequired,
@@ -11649,6 +11752,7 @@ function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          id = _this$props.id,
           items = _this$props.items,
           currentRefinement = _this$props.currentRefinement,
           refine = _this$props.refine,
@@ -11656,6 +11760,7 @@ function (_Component) {
       return React__default['default'].createElement("div", {
         className: index.classnames(cx$h(''), className)
       }, React__default['default'].createElement(Select, {
+        id: id,
         onSelect: refine,
         selectedItem: currentRefinement,
         items: items,
@@ -11668,6 +11773,7 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(HitsPerPage, "propTypes", {
+  id: PropTypes__default['default'].string,
   items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
     value: PropTypes__default['default'].number.isRequired,
     label: PropTypes__default['default'].string
@@ -11690,6 +11796,7 @@ _defineProperty(HitsPerPage, "defaultProps", {
  *
  * @name HitsPerPage
  * @kind widget
+ * @propType {string} id - The id of the select input
  * @propType {{value: number, label: string}[]} items - List of available options.
  * @propType {number} defaultRefinement - The number of items selected by default
  * @propType {function} [transformItems] - Function to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return.
@@ -12058,6 +12165,7 @@ function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          id = _this$props.id,
           items = _this$props.items,
           canRefine = _this$props.canRefine,
           translate = _this$props.translate,
@@ -12065,6 +12173,7 @@ function (_Component) {
       return React__default['default'].createElement("div", {
         className: index.classnames(cx$e('', !canRefine && '-noRefinement'), className)
       }, React__default['default'].createElement("select", {
+        id: id,
         value: this.selectedValue,
         onChange: this.handleSelectChange,
         className: cx$e('select')
@@ -12097,6 +12206,7 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(MenuSelect, "propTypes", {
+  id: PropTypes__default['default'].string,
   items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
     label: PropTypes__default['default'].string.isRequired,
     value: PropTypes__default['default'].string.isRequired,
@@ -12123,6 +12233,7 @@ var MenuSelect$1 = translatable({
  * @kind widget
  * @requirements The attribute passed to the `attribute` prop must be present in "attributes for faceting"
  * on the Algolia dashboard or configured as `attributesForFaceting` via a set settings call to the Algolia API.
+ * @propType {string} id - the id of the select input
  * @propType {string} attribute - the name of the attribute in the record
  * @propType {string} [defaultRefinement] - the value of the item selected by default
  * @propType {number} [limit=10] - the minimum number of diplayed items
@@ -13454,6 +13565,7 @@ connectScrollTo(ScrollTo);
  * @propType {node} [reset] - Change the apparence of the default reset button (cross).
  * @propType {node} [loadingIndicator] - Change the apparence of the default loading indicator (spinning circle).
  * @propType {string} [defaultRefinement] - Provide default refinement value when component is mounted.
+ * @propType {string} [inputId] - The id of the search input
  * @propType {boolean} [showLoadingIndicator=false] - Display that the search is loading. This only happens after a certain amount of time to avoid a blinking effect. This timer can be configured with `stalledSearchDelay` props on <InstantSearch>. By default, the value is 200ms.
  * @themeKey ais-SearchBox - the root div of the widget
  * @themeKey ais-SearchBox-form - the wrapping form
@@ -13604,6 +13716,7 @@ function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          id = _this$props.id,
           items = _this$props.items,
           currentRefinement = _this$props.currentRefinement,
           refine = _this$props.refine,
@@ -13611,6 +13724,7 @@ function (_Component) {
       return React__default['default'].createElement("div", {
         className: index.classnames(cx$4(''), className)
       }, React__default['default'].createElement(Select, {
+        id: id,
         cx: cx$4,
         items: items,
         selectedItem: currentRefinement,
@@ -13623,6 +13737,7 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(SortBy, "propTypes", {
+  id: PropTypes__default['default'].string,
   items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
     label: PropTypes__default['default'].string,
     value: PropTypes__default['default'].string.isRequired
@@ -13642,6 +13757,7 @@ _defineProperty(SortBy, "defaultProps", {
  * @requirements Algolia handles sorting by creating replica indices. [Read more about sorting](https://www.algolia.com/doc/guides/relevance/sorting/) on
  * the Algolia website.
  * @kind widget
+ * @propType {string} id - The id of the select input
  * @propType {{value: string, label: string}[]} items - The list of indexes to search in.
  * @propType {string} defaultRefinement - The default selected index.
  * @propType {function} [transformItems] - Function to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return.

package/dist/cjs/CMEDeck.js

@@ -315,7 +315,11 @@ var CMEDeck = function CMEDeck(_ref) {
     return React__default['default'].createElement(
       'div',
       { className: 'd-flex justify-content-between' },
-      currentPage > 1 ,
+      currentPage && currentPage > 1 && React__default['default'].createElement(
+        'a',
+        { href: '?page=' + (currentPage - 1) },
+        '<< Previous'
+      ),
       React__default['default'].createElement(
         'a',
         { href: '?page=' + (currentPage + 1) },

package/dist/cjs/PublicationLanding.js

@@ -467,7 +467,8 @@ var PublicationLanding = function PublicationLanding(props) {
       setSortedIssues = _useState8[1];
 
   React.useEffect(function () {
-asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee2() {
+
+    asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee2() {
       var _this = this;
 
       var promises, articles;
@@ -521,6 +522,7 @@ asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.ma
               articles = _context2.sent;
 
               setIssueData(articles);
+
               _context2.next = 12;
               break;
 
@@ -721,7 +723,7 @@ asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.ma
         React__default['default'].createElement(
           Row__default['default'],
           null,
-          issue.thumbnail && React__default['default'].createElement(
+          React__default['default'].createElement(
             Col__default['default'],
             { md: 3, id: 'issueThumbnail' },
             React__default['default'].createElement(
@@ -732,7 +734,7 @@ asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.ma
           ),
           React__default['default'].createElement(
             Col__default['default'],
-            { md: issue.thumbnail ? 9 : 12, id: 'issueDetail' },
+            { md: 9, id: 'issueDetail' },
             React__default['default'].createElement(
               Card__default['default'].Body,
               null,
@@ -784,7 +786,7 @@ asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.ma
         React__default['default'].createElement(
           Row__default['default'],
           null,
-          issue.thumbnail && React__default['default'].createElement(
+          React__default['default'].createElement(
             Col__default['default'],
             { md: 3, id: 'issueThumbnail' },
             React__default['default'].createElement(
@@ -795,7 +797,7 @@ asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.ma
           ),
           React__default['default'].createElement(
             Col__default['default'],
-            { md: issue.thumbnail ? 9 : 12, id: 'issueDetail' },
+            { md: 9, id: 'issueDetail' },
             React__default['default'].createElement(
               Card__default['default'].Body,
               null,

package/dist/cjs/View.js

@@ -652,6 +652,27 @@ var Article = React.forwardRef(function (props, ref) {
     }
     return null;
   };
+  var downloadRIS = function downloadRIS(filename) {
+    var fileContent = 'TY  - JOUR\n';
+    if (issue) {
+      if (issue.year) fileContent += 'PY  - ' + issue.year + '\n';
+      if (issue.month) {
+        fileContent += 'DA  - ' + moment.moment().month(issue.month).format('MMMM') + '\n';
+      }
+      if (issue.publication && issue.publication.name) fileContent += 'TI  - ' + issue.publication.name + '\n';
+      if (issue.name) fileContent += 'T2  - ' + issue.name + '\n';
+      if (issue.volume) fileContent += 'IS  - ' + issue.volume + '\n';
+      if (issue.number) fileContent += 'IS  - ' + issue.number + '\n';
+    }
+    fileContent += 'ER  -';
+    var element = document.createElement('a');
+    element.setAttribute('href', 'data:application/x-research-info-systems;charset=utf-8,' + encodeURIComponent(fileContent));
+    element.setAttribute('download', filename);
+    element.style.display = 'none';
+    document.body.appendChild(element);
+    element.click();
+    document.body.removeChild(element);
+  };
 
   var RelevantTopics = function RelevantTopics() {
     if (content_placement && content_placement.length > 0 || documentGroupMapping && documentGroupMapping.length > 0) {
@@ -698,7 +719,7 @@ var Article = React.forwardRef(function (props, ref) {
                 React__default['default'].createElement(
                   'style',
                   { jsx: 'true' },
-                  '\n                      .related-link:not(:first-child):before {\n                        content: \' | \';\n                      }\n                    '
+                  '\n                        .related-link:not(:first-child):before {\n                          content: \' | \';\n                        }\n                      '
                 )
               );
             }
@@ -1248,6 +1269,13 @@ var Article = React.forwardRef(function (props, ref) {
                 React__default['default'].createElement('img', { style: { margin: '1rem', maxHeight: '40px', maxWidth: '40px' }, src: '/download.png', alt: 'download issue' }),
                 'Download Issue : ',
                 issue.name
+              ),
+              React__default['default'].createElement(
+                Button__default['default'],
+                { onClick: function onClick(req) {
+                    return downloadRIS('citation-' + url + '.ris');
+                  } },
+                'Download RIS'
               )
             ),
             React__default['default'].createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),

package/dist/esm/AlgoliaSearch.js

@@ -1,7 +1,7 @@
 import { _ as _extends$1 } from './extends-6d8e3924.js';
 import { _ as _typeof$2 } from './typeof-e9fc0c5d.js';
 import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-a6ba2ec4.js';
-import React__default, { createContext, Component, Children, version as version$2 } from 'react';
+import React__default, { createContext, Component, Fragment, Children, version as version$2 } from 'react';
 import PropTypes from 'prop-types';
 import { _ as _typeof$1 } from './typeof-2f07d0e8.js';
 import { _ as _objectWithoutPropertiesLoose$1, a as _setPrototypeOf, b as _extends, c as classnames } from './index-98ca9cec.js';
@@ -822,7 +822,7 @@ function parseAlgoliaHit(_ref2) {
   });
 }
 
-var version$1 = '6.11.1';
+var version$1 = '6.12.0';
 
 var withKeysPropType = function withKeysPropType(keys) {
   return function (props, propName, componentName) {
@@ -904,6 +904,10 @@ function translatable(defaultTranslations) {
 function getIndexId(context) {
   return hasMultipleIndices(context) ? context.multiIndexContext.targetedIndex : context.ais.mainTargetedIndex;
 }
+/**
+ * @returns {import('algoliasearch-helper').SearchResults} results
+ */
+
 function getResults(searchResults, context) {
   if (searchResults.results) {
     if (searchResults.results.hits) {
@@ -4768,7 +4772,7 @@ var requestBuilder = {
 
 var requestBuilder_1 = requestBuilder;
 
-var version = '3.5.3';
+var version = '3.5.4';
 
 /**
  * Event triggered when a parameter is set or updated
@@ -6416,6 +6420,87 @@ ConfigureRelatedItems.propTypes = {
 };
 connectConfigureRelatedItems(ConfigureRelatedItems);
 
+var connectDynamicWidgets = createConnectorWithContext({
+  displayName: 'AlgoliaDynamicWidgets',
+  defaultProps: {
+    transformItems: function transformItems(items) {
+      return items;
+    }
+  },
+  propTypes: {
+    transformItems: PropTypes.func
+  },
+  getProvidedProps: function getProvidedProps(props, _searchState, searchResults) {
+    var results = getResults(searchResults, {
+      ais: props.contextValue,
+      multiIndexContext: props.indexContextValue
+    });
+
+    if (!results) {
+      return {
+        attributesToRender: []
+      };
+    }
+
+    var facetOrder = results.renderingContent && results.renderingContent.facetOrdering && results.renderingContent.facetOrdering.facets && results.renderingContent.facetOrdering.facets.order || [];
+    return {
+      attributesToRender: props.transformItems(facetOrder, {
+        results: results
+      })
+    };
+  }
+});
+
+function getAttribute(component) {
+  if (_typeof(component) !== 'object') {
+    return undefined;
+  }
+
+  if (component.props.attribute) {
+    return component.props.attribute;
+  }
+
+  if (Array.isArray(component.props.attributes)) {
+    return component.props.attributes[0];
+  }
+
+  if (component.props.children) {
+    return getAttribute(React__default.Children.only(component.props.children));
+  }
+
+  return undefined;
+}
+
+function DynamicWidgets(_ref) {
+  var children = _ref.children,
+      attributesToRender = _ref.attributesToRender,
+      _ref$fallbackComponen = _ref.fallbackComponent,
+      Fallback = _ref$fallbackComponen === void 0 ? function () {
+    return null;
+  } : _ref$fallbackComponen;
+  var widgets = new Map();
+  React__default.Children.forEach(children, function (child) {
+    var attribute = getAttribute(child);
+
+    if (!attribute) {
+      throw new Error("Could not find \"attribute\" prop for ".concat(getDisplayName(child), "."));
+    }
+
+    widgets.set(attribute, child);
+  }); // on initial render this will be empty, but React InstantSearch keeps
+  // search state for unmounted components in place, so routing works.
+
+  return React__default.createElement(React__default.Fragment, null, attributesToRender.map(function (attribute) {
+    return React__default.createElement(Fragment, {
+      key: attribute
+    }, widgets.get(attribute) || React__default.createElement(Fallback, {
+      attribute: attribute
+    }));
+  }));
+}
+
+connectDynamicWidgets(DynamicWidgets);
+
 // A context rule must consist only of alphanumeric characters, hyphens, and underscores.
 // See https://www.algolia.com/doc/guides/managing-results/refine-results/merchandising-and-promoting/in-depth/implementing-query-rules/#context
 function escapeRuleContext(ruleName) {
@@ -7825,7 +7910,8 @@ var connectHierarchicalMenu = createConnectorWithContext({
     showMore: PropTypes.bool,
     limit: PropTypes.number,
     showMoreLimit: PropTypes.number,
-    transformItems: PropTypes.func
+    transformItems: PropTypes.func,
+    facetOrdering: PropTypes.bool
   },
   defaultProps: {
     showMore: false,
@@ -7833,12 +7919,14 @@ var connectHierarchicalMenu = createConnectorWithContext({
     showMoreLimit: 20,
     separator: ' > ',
     rootPath: null,
-    showParentLevel: true
+    showParentLevel: true,
+    facetOrdering: true
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     var showMore = props.showMore,
         limit = props.limit,
-        showMoreLimit = props.showMoreLimit;
+        showMoreLimit = props.showMoreLimit,
+        facetOrdering = props.facetOrdering;
     var id = getId$c(props);
     var results = getResults(searchResults, {
       ais: props.contextValue,
@@ -7859,7 +7947,8 @@ var connectHierarchicalMenu = createConnectorWithContext({
 
     var itemsLimit = showMore ? showMoreLimit : limit;
     var value = results.getFacetValues(id, {
-      sortBy: sortBy$1
+      sortBy: sortBy$1,
+      facetOrdering: facetOrdering
     });
     var items = value.data ? transformValue(value.data, props, searchState, {
       ais: props.contextValue,
@@ -8411,17 +8500,20 @@ var connectMenu = createConnectorWithContext({
     showMoreLimit: PropTypes.number,
     defaultRefinement: PropTypes.string,
     transformItems: PropTypes.func,
-    searchable: PropTypes.bool
+    searchable: PropTypes.bool,
+    facetOrdering: PropTypes.bool
   },
   defaultProps: {
     showMore: false,
     limit: 10,
-    showMoreLimit: 20
+    showMoreLimit: 20,
+    facetOrdering: true
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults, meta, searchForFacetValuesResults) {
     var attribute = props.attribute,
         searchable = props.searchable,
-        indexContextValue = props.indexContextValue;
+        indexContextValue = props.indexContextValue,
+        facetOrdering = props.facetOrdering;
     var results = getResults(searchResults, {
       ais: props.contextValue,
       multiIndexContext: props.indexContextValue
@@ -8467,7 +8559,8 @@ var connectMenu = createConnectorWithContext({
       });
     } else {
       items = results.getFacetValues(attribute, {
-        sortBy: searchable ? undefined : defaultSortBy
+        sortBy: searchable ? undefined : defaultSortBy,
+        facetOrdering: facetOrdering
       }).map(function (v) {
         return {
           label: v.name,
@@ -9324,18 +9417,21 @@ var connectRefinementList = createConnectorWithContext({
     showMoreLimit: PropTypes.number,
     defaultRefinement: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
     searchable: PropTypes.bool,
-    transformItems: PropTypes.func
+    transformItems: PropTypes.func,
+    facetOrdering: PropTypes.bool
   },
   defaultProps: {
     operator: 'or',
     showMore: false,
     limit: 10,
-    showMoreLimit: 20
+    showMoreLimit: 20,
+    facetOrdering: true
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults, metadata, searchForFacetValuesResults) {
     var attribute = props.attribute,
         searchable = props.searchable,
-        indexContextValue = props.indexContextValue;
+        indexContextValue = props.indexContextValue,
+        facetOrdering = props.facetOrdering;
     var results = getResults(searchResults, {
       ais: props.contextValue,
       multiIndexContext: props.indexContextValue
@@ -9376,7 +9472,8 @@ var connectRefinementList = createConnectorWithContext({
         isRefined: v.isRefined
       };
     }) : results.getFacetValues(attribute, {
-      sortBy: sortBy
+      sortBy: sortBy,
+      facetOrdering: facetOrdering
     }).map(function (v) {
       return {
         label: v.name,
@@ -10876,6 +10973,7 @@ function (_Component) {
 
       var _this$props4 = this.props,
           className = _this$props4.className,
+          inputId = _this$props4.inputId,
           translate = _this$props4.translate,
           autoFocus = _this$props4.autoFocus,
           loadingIndicator = _this$props4.loadingIndicator,
@@ -10903,6 +11001,7 @@ function (_Component) {
         role: "search"
       }, React__default.createElement("input", _extends({
         ref: this.onInputMount,
+        id: inputId,
         type: "search",
         placeholder: translate('placeholder'),
         autoFocus: autoFocus,
@@ -10954,7 +11053,8 @@ _defineProperty(SearchBox$1, "propTypes", {
   showLoadingIndicator: PropTypes.bool,
   inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.exact({
     current: PropTypes.object
-  })])
+  })]),
+  inputId: PropTypes.string
 });
 
 _defineProperty(SearchBox$1, "defaultProps", {
@@ -11593,9 +11693,11 @@ function (_Component) {
     value: function render() {
       var _this$props = this.props,
           cx = _this$props.cx,
+          id = _this$props.id,
           items = _this$props.items,
           selectedItem = _this$props.selectedItem;
       return React__default.createElement("select", {
+        id: id,
         className: cx('select'),
         value: selectedItem,
         onChange: this.onChange
@@ -11615,6 +11717,7 @@ function (_Component) {
 
 _defineProperty(Select, "propTypes", {
   cx: PropTypes.func.isRequired,
+  id: PropTypes.string,
   onSelect: PropTypes.func.isRequired,
   items: PropTypes.arrayOf(PropTypes.shape({
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
@@ -11642,6 +11745,7 @@ function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          id = _this$props.id,
           items = _this$props.items,
           currentRefinement = _this$props.currentRefinement,
           refine = _this$props.refine,
@@ -11649,6 +11753,7 @@ function (_Component) {
       return React__default.createElement("div", {
         className: classnames(cx$h(''), className)
       }, React__default.createElement(Select, {
+        id: id,
         onSelect: refine,
         selectedItem: currentRefinement,
         items: items,
@@ -11661,6 +11766,7 @@ function (_Component) {
 }(Component);
 
 _defineProperty(HitsPerPage, "propTypes", {
+  id: PropTypes.string,
   items: PropTypes.arrayOf(PropTypes.shape({
     value: PropTypes.number.isRequired,
     label: PropTypes.string
@@ -11683,6 +11789,7 @@ _defineProperty(HitsPerPage, "defaultProps", {
  *
  * @name HitsPerPage
  * @kind widget
+ * @propType {string} id - The id of the select input
  * @propType {{value: number, label: string}[]} items - List of available options.
  * @propType {number} defaultRefinement - The number of items selected by default
  * @propType {function} [transformItems] - Function to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return.
@@ -12051,6 +12158,7 @@ function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          id = _this$props.id,
           items = _this$props.items,
           canRefine = _this$props.canRefine,
           translate = _this$props.translate,
@@ -12058,6 +12166,7 @@ function (_Component) {
       return React__default.createElement("div", {
         className: classnames(cx$e('', !canRefine && '-noRefinement'), className)
       }, React__default.createElement("select", {
+        id: id,
         value: this.selectedValue,
         onChange: this.handleSelectChange,
         className: cx$e('select')
@@ -12090,6 +12199,7 @@ function (_Component) {
 }(Component);
 
 _defineProperty(MenuSelect, "propTypes", {
+  id: PropTypes.string,
   items: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string.isRequired,
     value: PropTypes.string.isRequired,
@@ -12116,6 +12226,7 @@ var MenuSelect$1 = translatable({
  * @kind widget
  * @requirements The attribute passed to the `attribute` prop must be present in "attributes for faceting"
  * on the Algolia dashboard or configured as `attributesForFaceting` via a set settings call to the Algolia API.
+ * @propType {string} id - the id of the select input
  * @propType {string} attribute - the name of the attribute in the record
  * @propType {string} [defaultRefinement] - the value of the item selected by default
  * @propType {number} [limit=10] - the minimum number of diplayed items
@@ -13447,6 +13558,7 @@ connectScrollTo(ScrollTo);
  * @propType {node} [reset] - Change the apparence of the default reset button (cross).
  * @propType {node} [loadingIndicator] - Change the apparence of the default loading indicator (spinning circle).
  * @propType {string} [defaultRefinement] - Provide default refinement value when component is mounted.
+ * @propType {string} [inputId] - The id of the search input
  * @propType {boolean} [showLoadingIndicator=false] - Display that the search is loading. This only happens after a certain amount of time to avoid a blinking effect. This timer can be configured with `stalledSearchDelay` props on <InstantSearch>. By default, the value is 200ms.
  * @themeKey ais-SearchBox - the root div of the widget
  * @themeKey ais-SearchBox-form - the wrapping form
@@ -13597,6 +13709,7 @@ function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          id = _this$props.id,
           items = _this$props.items,
           currentRefinement = _this$props.currentRefinement,
           refine = _this$props.refine,
@@ -13604,6 +13717,7 @@ function (_Component) {
       return React__default.createElement("div", {
         className: classnames(cx$4(''), className)
       }, React__default.createElement(Select, {
+        id: id,
         cx: cx$4,
         items: items,
         selectedItem: currentRefinement,
@@ -13616,6 +13730,7 @@ function (_Component) {
 }(Component);
 
 _defineProperty(SortBy, "propTypes", {
+  id: PropTypes.string,
   items: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string,
     value: PropTypes.string.isRequired
@@ -13635,6 +13750,7 @@ _defineProperty(SortBy, "defaultProps", {
  * @requirements Algolia handles sorting by creating replica indices. [Read more about sorting](https://www.algolia.com/doc/guides/relevance/sorting/) on
  * the Algolia website.
  * @kind widget
+ * @propType {string} id - The id of the select input
  * @propType {{value: string, label: string}[]} items - The list of indexes to search in.
  * @propType {string} defaultRefinement - The default selected index.
  * @propType {function} [transformItems] - Function to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return.

package/dist/esm/CMEDeck.js

@@ -309,7 +309,11 @@ var CMEDeck = function CMEDeck(_ref) {
     return React__default.createElement(
       'div',
       { className: 'd-flex justify-content-between' },
-      currentPage > 1 ,
+      currentPage && currentPage > 1 && React__default.createElement(
+        'a',
+        { href: '?page=' + (currentPage - 1) },
+        '<< Previous'
+      ),
       React__default.createElement(
         'a',
         { href: '?page=' + (currentPage + 1) },

package/dist/esm/PublicationLanding.js

@@ -457,7 +457,8 @@ var PublicationLanding = function PublicationLanding(props) {
       setSortedIssues = _useState8[1];
 
   useEffect(function () {
-_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+
+    _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
       var _this = this;
 
       var promises, articles;
@@ -511,6 +512,7 @@ _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
               articles = _context2.sent;
 
               setIssueData(articles);
+
               _context2.next = 12;
               break;
 
@@ -711,7 +713,7 @@ _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
         React__default.createElement(
           Row,
           null,
-          issue.thumbnail && React__default.createElement(
+          React__default.createElement(
             Col,
             { md: 3, id: 'issueThumbnail' },
             React__default.createElement(
@@ -722,7 +724,7 @@ _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
           ),
           React__default.createElement(
             Col,
-            { md: issue.thumbnail ? 9 : 12, id: 'issueDetail' },
+            { md: 9, id: 'issueDetail' },
             React__default.createElement(
               Card.Body,
               null,
@@ -774,7 +776,7 @@ _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
         React__default.createElement(
           Row,
           null,
-          issue.thumbnail && React__default.createElement(
+          React__default.createElement(
             Col,
             { md: 3, id: 'issueThumbnail' },
             React__default.createElement(
@@ -785,7 +787,7 @@ _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
           ),
           React__default.createElement(
             Col,
-            { md: issue.thumbnail ? 9 : 12, id: 'issueDetail' },
+            { md: 9, id: 'issueDetail' },
             React__default.createElement(
               Card.Body,
               null,

package/dist/esm/View.js

@@ -642,6 +642,27 @@ var Article = forwardRef(function (props, ref) {
     }
     return null;
   };
+  var downloadRIS = function downloadRIS(filename) {
+    var fileContent = 'TY  - JOUR\n';
+    if (issue) {
+      if (issue.year) fileContent += 'PY  - ' + issue.year + '\n';
+      if (issue.month) {
+        fileContent += 'DA  - ' + moment().month(issue.month).format('MMMM') + '\n';
+      }
+      if (issue.publication && issue.publication.name) fileContent += 'TI  - ' + issue.publication.name + '\n';
+      if (issue.name) fileContent += 'T2  - ' + issue.name + '\n';
+      if (issue.volume) fileContent += 'IS  - ' + issue.volume + '\n';
+      if (issue.number) fileContent += 'IS  - ' + issue.number + '\n';
+    }
+    fileContent += 'ER  -';
+    var element = document.createElement('a');
+    element.setAttribute('href', 'data:application/x-research-info-systems;charset=utf-8,' + encodeURIComponent(fileContent));
+    element.setAttribute('download', filename);
+    element.style.display = 'none';
+    document.body.appendChild(element);
+    element.click();
+    document.body.removeChild(element);
+  };
 
   var RelevantTopics = function RelevantTopics() {
     if (content_placement && content_placement.length > 0 || documentGroupMapping && documentGroupMapping.length > 0) {
@@ -688,7 +709,7 @@ var Article = forwardRef(function (props, ref) {
                 React__default.createElement(
                   'style',
                   { jsx: 'true' },
-                  '\n                      .related-link:not(:first-child):before {\n                        content: \' | \';\n                      }\n                    '
+                  '\n                        .related-link:not(:first-child):before {\n                          content: \' | \';\n                        }\n                      '
                 )
               );
             }
@@ -1238,6 +1259,13 @@ var Article = forwardRef(function (props, ref) {
                 React__default.createElement('img', { style: { margin: '1rem', maxHeight: '40px', maxWidth: '40px' }, src: '/download.png', alt: 'download issue' }),
                 'Download Issue : ',
                 issue.name
+              ),
+              React__default.createElement(
+                Button,
+                { onClick: function onClick(req) {
+                    return downloadRIS('citation-' + url + '.ris');
+                  } },
+                'Download RIS'
               )
             ),
             React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),

package/dist/esm/stringify-2b084bee.js

@@ -1,4 +1,4 @@
-import { u as unwrapExports, c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.js';
+import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
 import { a as _core } from './core.get-iterator-method-ea258bb1.js';
 
 var $JSON = _core.JSON || (_core.JSON = { stringify: JSON.stringify });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.893-publication-landing-no-image-v1",
+  "version": "1.0.893-ris-v1",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",