@mjhls/mjh-framework 1.0.128 → 1.0.130

package/dist/index.js

@@ -31,6 +31,8 @@ var NavDropdown = _interopDefault(require('react-bootstrap/NavDropdown'));
 var Pagination = _interopDefault(require('react-bootstrap/Pagination'));
 var Carousel = _interopDefault(require('react-bootstrap/Carousel'));
 var Breadcrumb = _interopDefault(require('react-bootstrap/Breadcrumb'));
+var DropdownButton = _interopDefault(require('react-bootstrap/DropdownButton'));
+var Dropdown = _interopDefault(require('react-bootstrap/Dropdown'));
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -12169,7 +12171,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
     }),
     React__default.createElement(
       'style',
-      { jsx: true },
+      { jsx: 'true' },
       '\n          .img-wrapper img {\n            max-height: 200px;\n            width: 100%;\n            object-fit: cover;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper {\n              width: 42%;\n            }\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column;\n            }\n          }\n        '
     )
   );
@@ -18446,11 +18448,12 @@ var TableShow = function TableShow(_ref) {
 };
 
 var Media$1 = function Media$$1(_ref) {
-  var uploadDoc = _ref.uploadDoc,
-      poster = _ref.poster,
-      client = _ref.client,
-      blank = _ref.blank,
-      caption = _ref.caption;
+  var node$$1 = _ref.node,
+      client = _ref.client;
+  var uploadDoc = node$$1.upload_doc,
+      poster = node$$1.poster,
+      blank = node$$1.blank,
+      caption = node$$1.caption;
 
   var builder = imageUrlBuilder(client);
 
@@ -18459,49 +18462,33 @@ var Media$1 = function Media$$1(_ref) {
   };
 
   var renderFigure = function renderFigure(uploadDoc, poster, blank, caption) {
-    if (uploadDoc && uploadDoc.asset && poster && poster.asset) {
-      return React__default.createElement(
-        reactBootstrap.Figure,
-        { className: 'd-block text-center mb-3' },
-        React__default.createElement(
-          'a',
-          { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
-          React__default.createElement(reactBootstrap.Figure.Image, {
-            src: urlFor(poster.asset).url(),
-            fluid: true
-          }),
-          caption && React__default.createElement(
-            reactBootstrap.Figure.Caption,
-            null,
-            caption
+    if (uploadDoc && uploadDoc.asset) {
+      if (poster && poster.asset) {
+        return React__default.createElement(
+          reactBootstrap.Figure,
+          { className: 'mb-3' },
+          React__default.createElement(
+            'a',
+            { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
+            React__default.createElement(reactBootstrap.Figure.Image, { src: urlFor(poster).url(), fluid: true })
           )
-        )
-      );
-    } else if (poster && poster.asset) {
-      return React__default.createElement(
-        reactBootstrap.Figure,
-        { className: 'd-block text-center mb-3' },
-        React__default.createElement(reactBootstrap.Figure.Image, {
-          src: urlFor(poster.asset).url()
-        }),
-        caption && React__default.createElement(
-          reactBootstrap.Figure.Caption,
-          null,
+        );
+      } else if (caption && caption !== '') {
+        return React__default.createElement(
+          'a',
+          { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self', className: 'd-block text-center' },
           caption
-        )
-      );
+        );
+      }
+      return null;
     }
+    return null;
   };
 
   return React__default.createElement(
     React__default.Fragment,
     null,
-    renderFigure(uploadDoc, poster, blank, caption),
-    !poster && uploadDoc && uploadDoc.asset && React__default.createElement(
-      'a',
-      { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
-      caption
-    )
+    renderFigure(uploadDoc, poster, blank, caption)
   );
 };
 
@@ -25949,12 +25936,8 @@ var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs
       },
       media: function media(_ref7) {
         var node = _ref7.node;
-        var upload_doc = node.upload_doc,
-            poster = node.poster,
-            caption = node.caption,
-            blank = node.blank;
 
-        return React__default.createElement(Media$1, { uploadDoc: upload_doc, poster: poster, blank: blank, client: client, caption: caption });
+        return React__default.createElement(Media$1, { node: node, client: client });
       },
       iframe: function iframe(_ref8) {
         var node = _ref8.node;
@@ -26567,6 +26550,65 @@ var PdfDownload = function PdfDownload(props) {
   );
 };
 
+var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
+  var parentTaxonomy = _ref.parentTaxonomy,
+      subTaxonomies = _ref.subTaxonomies,
+      _ref$page = _ref.page,
+      page = _ref$page === undefined ? '/' : _ref$page,
+      _ref$exclude = _ref.exclude,
+      exclude = _ref$exclude === undefined ? 'clinical' : _ref$exclude,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === undefined ? 'primary' : _ref$variant,
+      _ref$className = _ref.className,
+      className = _ref$className === undefined ? '' : _ref$className;
+
+  /*
+  Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
+  example:
+  <RelatedTopicDropdown 
+      page='/clinical' 
+      exclude="clinical" 
+      className='mb-3' 
+      parentTaxonomy={props.parentTaxonomy} 
+      subTaxonomies={props.subTaxonomies} 
+  />
+  */
+  if (subTaxonomies.length === 0) {
+    if (parentTaxonomy.identifier == exclude) {
+      return '';
+    }
+    return React__default.createElement(
+      'div',
+      { id: 'related_dropdown', className: className },
+      React__default.createElement(
+        DropdownButton,
+        { id: 'related_button', variant: variant, title: 'Related Topics' },
+        React__default.createElement(
+          Dropdown.Item,
+          { href: parentTaxonomy.identifier },
+          parentTaxonomy.name
+        )
+      )
+    );
+  } else {
+    return React__default.createElement(
+      'div',
+      { id: 'related_dropdown', className: className },
+      React__default.createElement(
+        DropdownButton,
+        { id: 'related_button', variant: variant, title: 'Related Topics' },
+        subTaxonomies.length > 0 && subTaxonomies.map(function (taxonomy, index) {
+          return React__default.createElement(
+            Dropdown.Item,
+            { key: index, href: page + '/' + taxonomy.identifier },
+            taxonomy.name
+          );
+        })
+      )
+    );
+  }
+};
+
 exports.DeckContent = ContentCard;
 exports.GridContent = GridContent$1;
 exports.DeckQueue = Queue;
@@ -26606,4 +26648,5 @@ exports.SetCookie = SetCookie;
 exports.Hero = Hero;
 exports.AlphabeticList = AlphabeticList;
 exports.PdfDownload = PdfDownload;
+exports.RelatedTopicsDropdown = RelatedTopicsDropdown;
 //# sourceMappingURL=index.js.map