@mjhls/mjh-framework 1.0.157 → 1.0.158

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.157
+# mjh-framework v. 1.0.158
 
 
 

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React__default, { Component, useState, useEffect, useRef, createContext, createElement } from 'react';
+import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
 import PropTypes from 'prop-types';
 import reactDom from 'react-dom';
 import Container from 'react-bootstrap/Container';
@@ -10735,27 +10735,33 @@ var FigureComponent = function FigureComponent(_ref) {
     figureMargin = '0 auto 1rem';
   }
   if (imgFloat === 'left') {
-    figureMargin = '0 1.5rem 1.5rem 10%';
+    figureMargin = '0 1.5rem 1.5rem 0';
   }
   if (imgFloat === 'right') {
-    figureMargin = '0 10% 1.5rem 1.5rem';
+    figureMargin = '0 0 1.5rem 1.5rem';
   }
 
   var loadImg = function loadImg() {
-    if (widthP == 'auto') {
-      setimageWidth(imgElement.current.naturalWidth);
-    } else {
-      setimageWidth(widthP + '%');
+    var screenWidth = window.innerWidth;
+    if (screenWidth > 1000) {
+      if (widthP === 'auto') {
+        setimageWidth('30%');
+      } else {
+        setimageWidth(widthP + '%');
+      }
     }
   };
 
   useEffect(function () {
-    if (widthP == 'auto') {
-      setimageWidth(imgElement.current.naturalWidth + 'px');
-    } else {
-      setimageWidth(widthP + '%');
+    var screenWidth = window.innerWidth;
+    if (screenWidth > 1000) {
+      if (widthP === 'auto') {
+        setimageWidth('30%');
+      } else {
+        setimageWidth(widthP + '%');
+      }
     }
-  }, [imageWidth]);
+  }, [widthP]);
 
   useEffect(function () {
     var screenWidth = window.innerWidth;
@@ -10769,7 +10775,7 @@ var FigureComponent = function FigureComponent(_ref) {
 
   return React__default.createElement(
     Figure,
-    { className: 'd-block text-center mb-3', style: { width: imageWidth, float: imgFloat, clear: 'both', margin: figureMargin, maxWidth: '100%' } },
+    { className: 'd-block', style: { width: imageWidth, maxWidth: '100%', clear: 'both', float: imgFloat, margin: figureMargin } },
     link ? React__default.createElement(
       'a',
       { href: link, target: blank ? '_blank' : '_self' },