@mjhls/mjh-framework 1.0.159 → 1.0.161

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.159
+# mjh-framework v. 1.0.161
 
 
 

package/dist/index.es.js

@@ -18,7 +18,7 @@ import ListGroup from 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
 import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
-import { FacebookShareButton, TwitterShareButton, PinterestShareButton, EmailShareButton, FacebookIcon, TwitterIcon, PinterestIcon, EmailIcon } from 'react-share';
+import { FacebookShareButton, TwitterShareButton, LinkedinShareButton, PinterestShareButton, EmailShareButton, FacebookIcon, TwitterIcon, LinkedinIcon, PinterestIcon, EmailIcon } from 'react-share';
 import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
 import Nav from 'react-bootstrap/Nav';
@@ -9480,6 +9480,11 @@ var SocialShare = function SocialShare(props) {
       { url: shareUrl, title: shareTitle, via: shareVia },
       React__default.createElement(TwitterIcon, { size: size, round: true })
     ),
+    React__default.createElement(
+      LinkedinShareButton,
+      { url: shareUrl, title: shareTitle, via: shareVia },
+      React__default.createElement(LinkedinIcon, { size: size, round: true })
+    ),
     React__default.createElement(
       PinterestShareButton,
       { url: shareUrl, media: shareImage, description: shareSummary },
@@ -10742,7 +10747,7 @@ var FigureComponent = function FigureComponent(_ref) {
     var screenWidth = window.innerWidth;
     if (screenWidth > 1000) {
       if (widthP === 'auto') {
-        setimageWidth('30%');
+        if (imgFloat === 'none') setimageWidth('auto');else setimageWidth('30%');
       } else {
         setimageWidth(widthP + '%');
       }
@@ -10753,12 +10758,12 @@ var FigureComponent = function FigureComponent(_ref) {
     var screenWidth = window.innerWidth;
     if (screenWidth > 1000) {
       if (widthP === 'auto') {
-        setimageWidth('30%');
+        if (imgFloat === 'none') setimageWidth('auto');else setimageWidth('30%');
       } else {
         setimageWidth(widthP + '%');
       }
     }
-  }, [widthP]);
+  }, [widthP, imgFloat]);
 
   useEffect(function () {
     var screenWidth = window.innerWidth;
@@ -10777,20 +10782,17 @@ var FigureComponent = function FigureComponent(_ref) {
       'a',
       { href: link, target: blank ? '_blank' : '_self' },
       React__default.createElement(Figure.Image, { style: { width: '100%' }, className: 'figure-image', ref: imgElement, onLoad: loadImg, src: urlFor$1(node$$1, client).url(), alt: alt && alt }),
-      caption && React__default.createElement(
-        Figure.Caption,
-        { style: { width: '100%', maxWidth: '100%' } },
-        caption
-      )
+      caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
     ) : React__default.createElement(
       React__default.Fragment,
       null,
       React__default.createElement(Figure.Image, { style: { width: '100%' }, className: 'figure-image', ref: imgElement, onLoad: loadImg, src: urlFor$1(node$$1, client).url(), alt: alt && alt }),
-      caption && React__default.createElement(
-        Figure.Caption,
-        { style: { width: '100%', maxWidth: '100%' } },
-        caption
-      )
+      caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        figure-caption {\n          font-size: 90%;\n          color: #6c757d;\n        }\n      '
     )
   );
 };
@@ -10841,7 +10843,7 @@ var Slideshow = function Slideshow(_ref) {
       Carousel,
       { activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
           return onChangeSlide(selectedIndex, router);
-        }, indicators: false },
+        } },
       slides && slides.map(function (slide) {
         return React__default.createElement(
           Carousel.Item,
@@ -14400,7 +14402,7 @@ var Sidebar = function Sidebar(_ref) {
 
   return React__default.createElement(
     'article',
-    { className: 'sidebar', style: { background: '#eee' } },
+    { className: 'sidebar' },
     React__default.createElement(
       'div',
       null,
@@ -14414,7 +14416,7 @@ var Sidebar = function Sidebar(_ref) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .sidebar {\n          width: 40%;\n          padding: 1rem 0 0;\n          margin-left: 1rem;\n          margin-right: 10%;\n        }\n        @media screen and (max-width: 991px) {\n          .sidebar {\n            width: unset;\n            padding: 1.25rem;\n            margin-left: 1rem;\n            margin-right: 1rem;\n          }\n        }\n      '
+      '\n        .sidebar {\n          clear: both;\n          float: right;\n          background-color: #eee;\n          width: 40%;\n          padding: 1rem;\n          margin: 0 0 1rem 1rem;\n        }\n        @media screen and (max-width: 991px) {\n          .sidebar {\n            float: none;\n            width: auto;\n            margin: 1rem 0;\n          }\n        }\n      '
     )
   );
 };
@@ -15273,7 +15275,7 @@ var Slideshow$1 = function Slideshow(_ref) {
       Carousel,
       { activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
           return onChangeSlide$1(selectedIndex, router);
-        }, indicators: false },
+        } },
       slides && slides.map(function (slide) {
         if (slide.slideshowImage && slide.slideshowImage.asset) {
           return React__default.createElement(