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

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

@@ -29,13 +29,13 @@ var styleInject_es = require('./style-inject.es-dcee06b6.js');
 require('./index-eadd5035.js');
 var disqusReact = require('disqus-react');
 var Schema = require('./Schema.js');
+var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var keys = require('./keys-e982b3fa.js');
 var index_es = require('./index.es-f3e47207.js');
 var index = require('./index-fc2f1ca2.js');
 var getRelatedArticle = require('./getRelatedArticle.js');
 var getQuery = require('./getQuery.js');
 var getSeriesDetail = require('./getSeriesDetail.js');
-require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
 require('./_library-dd23b178.js');
@@ -446,6 +446,12 @@ var getSocialShareDisableFlag = function getSocialShareDisableFlag(article) {
   return showSocialShare;
 };
 
+var FileSaver_min = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+(function(a,b){b();})(_commonjsHelpers.commonjsGlobal,function(){function b(a,b){return "undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c);},d.onerror=function(){console.error("could not download file");},d.send();}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send();}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"));}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b);}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof _commonjsHelpers.commonjsGlobal&&_commonjsHelpers.commonjsGlobal.global===_commonjsHelpers.commonjsGlobal?_commonjsHelpers.commonjsGlobal:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href);},4E4),setTimeout(function(){e(j);},0));}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else {var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i);});}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null;},k.readAsDataURL(b);}else {var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m);},4E4);}});f.saveAs=g.saveAs=g,(module.exports=g);});
+
+
+});
+
 var Article = React.forwardRef(function (props, ref) {
   var onVote = function () {
     var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(nodeKey, selectedChoice) {
@@ -652,6 +658,45 @@ var Article = React.forwardRef(function (props, ref) {
     }
     return null;
   };
+  var generateRIS = function generateRIS() {
+    var fileContent = 'TY  - JOUR\n';
+    if (article.title) fileContent += 'TI  - ' + article.title + '\n'; //Title - TI
+    if (article.summary) fileContent += 'N2  - ' + article.summary + '\n'; //Abstract - N2
+    if (issue) {
+      if (issue.number) fileContent += 'IS  - ' + issue.number + '\n'; //Issue Number - IS
+      if (issue.publication && issue.publication.name) {
+        fileContent += 'JF  - ' + issue.publication.name + '\n'; //Journal Name - JF
+        fileContent += 'JO  - ' + issue.publication.name + '\n'; //Journal Name - JO
+        fileContent += 'T2  - ' + issue.publication.name + '\n'; //Secondary Title - T2
+      }
+      fileContent += 'PB  - MJH Life Sciences\n'; //Publisher - PB
+      if (issue.year) fileContent += 'PY  - ' + issue.year + '\n'; //Published Year - PY
+      if (issue.volume) fileContent += 'VL  - ' + issue.volume + '\n'; //Volume - VL
+      if (issue.url) fileContent += 'L1  - ' + issue.url + '\n'; //Link to PDF - L1
+    }
+    if (pageNumber) {
+      if (pageNumber.includes('-')) {
+        fileContent += 'SP  - ' + pageNumber.split('-')[0] + '\n'; //Start Page - SP
+        fileContent += 'EP  - ' + pageNumber.split('-')[1] + '\n'; //End Page - EP
+      } else {
+        fileContent += 'SP  - ' + pageNumber + '\n';
+      }
+    }
+    if (shareOptions && shareOptions.shareBaseUrl) {
+      fileContent += 'L2  - ' + (shareOptions.shareBaseUrl + url) + '\n'; //Link to Full-text - L2
+      fileContent += 'UR  - ' + (shareOptions.shareBaseUrl + url) + '\n'; //Doc URL - UR
+    }
+    if (props.Website) fileContent += 'LK  - https://' + props.Website.liveDomain + '\n'; //Website Link - LK
+    if (article.published) fileContent += 'Y1  - ' + moment.moment(published).format('DD-MMMM-YYYY') + '\n'; //Primary Date - Y1
+    fileContent += 'Y2  - ' + moment.moment().format('DD-MMMM-YYYY') + '\n'; //Access Date - Y2
+    fileContent += 'ER  -\n'; //End of Record
+    return fileContent;
+  };
+  var downloadRIS = function downloadRIS() {
+    var fileContent = generateRIS();
+    var file = new File([fileContent], 'citation-' + url + '.ris', { type: 'application/x-research-info-systems;charset=utf-8' });
+    FileSaver_min.saveAs(file, 'citation-' + url + '.ris');
+  };
 
   var RelevantTopics = function RelevantTopics() {
     if (content_placement && content_placement.length > 0 || documentGroupMapping && documentGroupMapping.length > 0) {
@@ -698,7 +743,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                      '
                 )
               );
             }
@@ -995,7 +1040,7 @@ var Article = React.forwardRef(function (props, ref) {
     var shareTitle = article.title;
     var shareSummary = article.summary;
     var shareImage = thumbnail && thumbnail.asset ? urlFor({ client: props.client, source: thumbnail.asset }) : shareImageDefault;
-    var siteName = props.website && props.website.title ? props.website.title : '';
+    var siteName = props.Website && props.Website.title ? props.Website.title : '';
     var shareKeywords = getKeywords(props.article).join(',');
 
     var meta = {
@@ -1248,6 +1293,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
+              ),
+              issue && React__default['default'].createElement(
+                Button__default['default'],
+                { onClick: function onClick() {
+                    return downloadRIS();
+                  } },
+                '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

@@ -27,13 +27,13 @@ import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './index-755f2cc2.js';
 import { DiscussionEmbed } from 'disqus-react';
 import Schema from './Schema.js';
+import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-0c4b6f40.js';
 import { _ as _Object$keys } from './keys-31dcdb31.js';
 import { I as InfiniteScroll } from './index.es-a6137319.js';
 import { l as lib_3 } from './index-f0fc23eb.js';
 import getRelatedArticle from './getRelatedArticle.js';
 import getQuery from './getQuery.js';
 import getSeriesDetail from './getSeriesDetail.js';
-import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';
 import './_library-528f1934.js';
@@ -436,6 +436,12 @@ var getSocialShareDisableFlag = function getSocialShareDisableFlag(article) {
   return showSocialShare;
 };
 
+var FileSaver_min = createCommonjsModule(function (module, exports) {
+(function(a,b){b();})(commonjsGlobal,function(){function b(a,b){return "undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c);},d.onerror=function(){console.error("could not download file");},d.send();}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send();}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"));}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b);}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof commonjsGlobal&&commonjsGlobal.global===commonjsGlobal?commonjsGlobal:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href);},4E4),setTimeout(function(){e(j);},0));}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else {var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i);});}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null;},k.readAsDataURL(b);}else {var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m);},4E4);}});f.saveAs=g.saveAs=g,(module.exports=g);});
+
+
+});
+
 var Article = forwardRef(function (props, ref) {
   var onVote = function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(nodeKey, selectedChoice) {
@@ -642,6 +648,45 @@ var Article = forwardRef(function (props, ref) {
     }
     return null;
   };
+  var generateRIS = function generateRIS() {
+    var fileContent = 'TY  - JOUR\n';
+    if (article.title) fileContent += 'TI  - ' + article.title + '\n'; //Title - TI
+    if (article.summary) fileContent += 'N2  - ' + article.summary + '\n'; //Abstract - N2
+    if (issue) {
+      if (issue.number) fileContent += 'IS  - ' + issue.number + '\n'; //Issue Number - IS
+      if (issue.publication && issue.publication.name) {
+        fileContent += 'JF  - ' + issue.publication.name + '\n'; //Journal Name - JF
+        fileContent += 'JO  - ' + issue.publication.name + '\n'; //Journal Name - JO
+        fileContent += 'T2  - ' + issue.publication.name + '\n'; //Secondary Title - T2
+      }
+      fileContent += 'PB  - MJH Life Sciences\n'; //Publisher - PB
+      if (issue.year) fileContent += 'PY  - ' + issue.year + '\n'; //Published Year - PY
+      if (issue.volume) fileContent += 'VL  - ' + issue.volume + '\n'; //Volume - VL
+      if (issue.url) fileContent += 'L1  - ' + issue.url + '\n'; //Link to PDF - L1
+    }
+    if (pageNumber) {
+      if (pageNumber.includes('-')) {
+        fileContent += 'SP  - ' + pageNumber.split('-')[0] + '\n'; //Start Page - SP
+        fileContent += 'EP  - ' + pageNumber.split('-')[1] + '\n'; //End Page - EP
+      } else {
+        fileContent += 'SP  - ' + pageNumber + '\n';
+      }
+    }
+    if (shareOptions && shareOptions.shareBaseUrl) {
+      fileContent += 'L2  - ' + (shareOptions.shareBaseUrl + url) + '\n'; //Link to Full-text - L2
+      fileContent += 'UR  - ' + (shareOptions.shareBaseUrl + url) + '\n'; //Doc URL - UR
+    }
+    if (props.Website) fileContent += 'LK  - https://' + props.Website.liveDomain + '\n'; //Website Link - LK
+    if (article.published) fileContent += 'Y1  - ' + moment(published).format('DD-MMMM-YYYY') + '\n'; //Primary Date - Y1
+    fileContent += 'Y2  - ' + moment().format('DD-MMMM-YYYY') + '\n'; //Access Date - Y2
+    fileContent += 'ER  -\n'; //End of Record
+    return fileContent;
+  };
+  var downloadRIS = function downloadRIS() {
+    var fileContent = generateRIS();
+    var file = new File([fileContent], 'citation-' + url + '.ris', { type: 'application/x-research-info-systems;charset=utf-8' });
+    FileSaver_min.saveAs(file, 'citation-' + url + '.ris');
+  };
 
   var RelevantTopics = function RelevantTopics() {
     if (content_placement && content_placement.length > 0 || documentGroupMapping && documentGroupMapping.length > 0) {
@@ -688,7 +733,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                      '
                 )
               );
             }
@@ -985,7 +1030,7 @@ var Article = forwardRef(function (props, ref) {
     var shareTitle = article.title;
     var shareSummary = article.summary;
     var shareImage = thumbnail && thumbnail.asset ? urlFor({ client: props.client, source: thumbnail.asset }) : shareImageDefault;
-    var siteName = props.website && props.website.title ? props.website.title : '';
+    var siteName = props.Website && props.Website.title ? props.Website.title : '';
     var shareKeywords = getKeywords(props.article).join(',');
 
     var meta = {
@@ -1238,6 +1283,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
+              ),
+              issue && React__default.createElement(
+                Button,
+                { onClick: function onClick() {
+                    return downloadRIS();
+                  } },
+                '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-v2",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",
@@ -56,6 +56,7 @@
     "eslint-plugin-react": "^7.10.0",
     "eslint-plugin-react-hooks": "^2.3.0",
     "eslint-plugin-standard": "^3.1.0",
+    "file-saver": "^2.0.5",
     "get-youtube-id": "^1.0.1",
     "gh-pages": "^1.2.0",
     "lodash": "^4.17.15",