@mjhls/mjh-framework 1.0.159 → 1.0.160
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/index.es.js +15 -18
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +14 -17
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -10750,7 +10750,7 @@ var FigureComponent = function FigureComponent(_ref) {
|
|
|
10750
10750
|
var screenWidth = window.innerWidth;
|
|
10751
10751
|
if (screenWidth > 1000) {
|
|
10752
10752
|
if (widthP === 'auto') {
|
|
10753
|
-
setimageWidth('30%');
|
|
10753
|
+
if (imgFloat === 'none') setimageWidth('auto');else setimageWidth('30%');
|
|
10754
10754
|
} else {
|
|
10755
10755
|
setimageWidth(widthP + '%');
|
|
10756
10756
|
}
|
|
@@ -10761,12 +10761,12 @@ var FigureComponent = function FigureComponent(_ref) {
|
|
|
10761
10761
|
var screenWidth = window.innerWidth;
|
|
10762
10762
|
if (screenWidth > 1000) {
|
|
10763
10763
|
if (widthP === 'auto') {
|
|
10764
|
-
setimageWidth('30%');
|
|
10764
|
+
if (imgFloat === 'none') setimageWidth('auto');else setimageWidth('30%');
|
|
10765
10765
|
} else {
|
|
10766
10766
|
setimageWidth(widthP + '%');
|
|
10767
10767
|
}
|
|
10768
10768
|
}
|
|
10769
|
-
}, [widthP]);
|
|
10769
|
+
}, [widthP, imgFloat]);
|
|
10770
10770
|
|
|
10771
10771
|
React.useEffect(function () {
|
|
10772
10772
|
var screenWidth = window.innerWidth;
|
|
@@ -10785,20 +10785,17 @@ var FigureComponent = function FigureComponent(_ref) {
|
|
|
10785
10785
|
'a',
|
|
10786
10786
|
{ href: link, target: blank ? '_blank' : '_self' },
|
|
10787
10787
|
React__default.createElement(reactBootstrap.Figure.Image, { style: { width: '100%' }, className: 'figure-image', ref: imgElement, onLoad: loadImg, src: urlFor$1(node$$1, client).url(), alt: alt && alt }),
|
|
10788
|
-
caption && React__default.createElement(
|
|
10789
|
-
reactBootstrap.Figure.Caption,
|
|
10790
|
-
{ style: { width: '100%', maxWidth: '100%' } },
|
|
10791
|
-
caption
|
|
10792
|
-
)
|
|
10788
|
+
caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
|
|
10793
10789
|
) : React__default.createElement(
|
|
10794
10790
|
React__default.Fragment,
|
|
10795
10791
|
null,
|
|
10796
10792
|
React__default.createElement(reactBootstrap.Figure.Image, { style: { width: '100%' }, className: 'figure-image', ref: imgElement, onLoad: loadImg, src: urlFor$1(node$$1, client).url(), alt: alt && alt }),
|
|
10797
|
-
caption && React__default.createElement(
|
|
10798
|
-
|
|
10799
|
-
|
|
10800
|
-
|
|
10801
|
-
|
|
10793
|
+
caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
|
|
10794
|
+
),
|
|
10795
|
+
React__default.createElement(
|
|
10796
|
+
'style',
|
|
10797
|
+
{ jsx: 'true' },
|
|
10798
|
+
'\n figure-caption {\n font-size: 90%;\n color: #6c757d;\n }\n '
|
|
10802
10799
|
)
|
|
10803
10800
|
);
|
|
10804
10801
|
};
|
|
@@ -10849,7 +10846,7 @@ var Slideshow = function Slideshow(_ref) {
|
|
|
10849
10846
|
reactBootstrap.Carousel,
|
|
10850
10847
|
{ activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
|
|
10851
10848
|
return onChangeSlide(selectedIndex, router);
|
|
10852
|
-
}
|
|
10849
|
+
} },
|
|
10853
10850
|
slides && slides.map(function (slide) {
|
|
10854
10851
|
return React__default.createElement(
|
|
10855
10852
|
reactBootstrap.Carousel.Item,
|
|
@@ -14408,7 +14405,7 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
14408
14405
|
|
|
14409
14406
|
return React__default.createElement(
|
|
14410
14407
|
'article',
|
|
14411
|
-
{ className: 'sidebar'
|
|
14408
|
+
{ className: 'sidebar' },
|
|
14412
14409
|
React__default.createElement(
|
|
14413
14410
|
'div',
|
|
14414
14411
|
null,
|
|
@@ -14422,7 +14419,7 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
14422
14419
|
React__default.createElement(
|
|
14423
14420
|
'style',
|
|
14424
14421
|
{ jsx: 'true' },
|
|
14425
|
-
'\n .sidebar {\n width: 40%;\n padding: 1rem
|
|
14422
|
+
'\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 '
|
|
14426
14423
|
)
|
|
14427
14424
|
);
|
|
14428
14425
|
};
|
|
@@ -15281,7 +15278,7 @@ var Slideshow$1 = function Slideshow(_ref) {
|
|
|
15281
15278
|
reactBootstrap.Carousel,
|
|
15282
15279
|
{ activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
|
|
15283
15280
|
return onChangeSlide$1(selectedIndex, router);
|
|
15284
|
-
}
|
|
15281
|
+
} },
|
|
15285
15282
|
slides && slides.map(function (slide) {
|
|
15286
15283
|
if (slide.slideshowImage && slide.slideshowImage.asset) {
|
|
15287
15284
|
return React__default.createElement(
|