@mjhls/mjh-framework 1.0.111 → 1.0.112

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.111
+# mjh-framework v. 1.0.112
 
 
 > Foundation Framework

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
+import React__default, { Component, useState, useEffect, useRef, createContext, createElement } from 'react';
 import PropTypes from 'prop-types';
 import reactDom from 'react-dom';
 import Container from 'react-bootstrap/Container';
@@ -13805,22 +13805,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);
   };
 
   useEffect(function () {
@@ -13828,14 +13827,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(
     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' },