@mjhls/mjh-framework 1.0.111 → 1.0.113

package/dist/index.js

@@ -12537,6 +12537,10 @@ var MdMouse = function (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"d":"M13 1.07V9h7c0-4.08-3.05-7.44-7-7.93zM4 15c0 4.42 3.58 8 8 8s8-3.58 8-8v-4H4v4zm7-13.93C7.05 1.56 4 4.92 4 9h7V1.07z"}}]})(props);
 };
 MdMouse.displayName = "MdMouse";
+var MdPictureAsPdf = function (props) {
+  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"d":"M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v1zm5 2c0 .83-.67 1.5-1.5 1.5h-2.5V7H15c.83 0 1.5.67 1.5 1.5v3zm4-3H19v1h1.5V11H19v2h-1.5V7h3v1.5zM9 9.5h1v-1H9v1zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm10 5.5h1v-3h-1v3z"}}]})(props);
+};
+MdPictureAsPdf.displayName = "MdPictureAsPdf";
 
 var NavNormal = function NavNormal(props) {
   var logo = props.logo,
@@ -13812,22 +13816,21 @@ var FigureComponent = function FigureComponent(_ref) {
       _node$alignment = node$$1.alignment,
       alignment = _node$alignment === undefined ? 'center' : _node$alignment;
 
-
-  var imgWidth = widthP ? widthP + '%' : 'auto';
+  var imgWidth = widthP ? widthP + '%' : '100%';
 
   var figureMargin = void 0;
   if (imgFloat === 'none') {
     figureMargin = '0 auto 1rem';
   }
   if (imgFloat === 'left') {
-    figureMargin = '0 1rem 1rem 10%';
+    figureMargin = '0 10% 1rem 1rem';
   }
   if (imgFloat === 'right') {
-    figureMargin = '0 10% 1rem 1rem';
+    figureMargin = '0 1rem 1rem 10%';
   }
 
   var loadImg = function loadImg() {
-    setcaptionWidth(imgElement.current.naturalWidth);
+    setcaptionWidth(imgElement.current.width);
   };
 
   React.useEffect(function () {
@@ -13835,14 +13838,13 @@ var FigureComponent = function FigureComponent(_ref) {
     if (screenWidth > 1000) {
       var align = alignment.toLowerCase() === 'center' ? 'none' : alignment.toLowerCase();
       setimgFloat(align);
-      loadImg();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   return React__default.createElement(
     reactBootstrap.Figure,
-    { className: 'd-block text-center mb-3', style: { width: imgWidth, clear: 'both', float: imgFloat, margin: figureMargin } },
+    { className: 'd-block text-center mb-3', style: { width: imgWidth, float: imgFloat, clear: 'both', margin: figureMargin } },
     link ? React__default.createElement(
       'a',
       { href: link, target: blank ? '_blank' : '_self' },
@@ -20640,6 +20642,25 @@ var AlphabeticList = function AlphabeticList(_ref) {
   );
 };
 
+var PdfDownload = function PdfDownload(props) {
+  console.log(props.issueInfo.asset.url);
+
+  return React__default.createElement(
+    'div',
+    { className: 'pdf-download', style: { textAlign: 'center', padding: '1rem 0', borderTop: '1px solid #eee', marginTop: '1rem' } },
+    React__default.createElement(
+      'a',
+      { href: props.issueInfo.asset.url, target: '_blank' },
+      React__default.createElement(MdPictureAsPdf, { style: { fontSize: '65px', color: '#ff0000' } }),
+      React__default.createElement(
+        'span',
+        null,
+        'Click to download this publication issue.'
+      )
+    )
+  );
+};
+
 exports.DeckContent = ContentCard;
 exports.GridContent = GridContent$1;
 exports.DeckQueue = Queue;
@@ -20672,4 +20693,5 @@ exports.Breadcrumbs = Breadcrumbs;
 exports.SetCookie = SetCookie;
 exports.Hero = Hero;
 exports.AlphabeticList = AlphabeticList;
+exports.PdfDownload = PdfDownload;
 //# sourceMappingURL=index.js.map