@mjhls/mjh-framework 1.0.160 → 1.0.162

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.160
+# mjh-framework v. 1.0.162
 
 
 

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';
@@ -8398,7 +8398,7 @@ var MasterDeck = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = MasterDeck.__proto__ || Object.getPrototypeOf(MasterDeck)).call.apply(_ref, [this].concat(args))), _this), _this.Deck = _this.props.deck, _this.variant = _this.props.variant, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = MasterDeck.__proto__ || Object.getPrototypeOf(MasterDeck)).call.apply(_ref, [this].concat(args))), _this), _this.Deck = _this.props.deck, _this.variant = _this.props.variant, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.rightItems = _this.props.rightItems ? _this.props.rightItems : false, _this.state = {
       data: _this.data,
       dataKeptToCompareNewDatarecord: _this.data,
       per: _this.params ? _this.params.to : 2,
@@ -8605,8 +8605,7 @@ var MasterDeck = function (_React$Component) {
         }
       } else return null;
     }, _this.cardLoader = function (page, columns, variant) {
-
-      var itemCounter = 0;
+      var numberOfItemsBeforeAd = 6;
       return React__default.createElement(
         Row,
         null,
@@ -8616,7 +8615,7 @@ var MasterDeck = function (_React$Component) {
 
           return React__default.createElement(
             React__default.Fragment,
-            { key: itemCounter },
+            { key: index$$1 },
             React__default.createElement(
               VisibilitySensor,
               {
@@ -8624,17 +8623,20 @@ var MasterDeck = function (_React$Component) {
                   isVisible && _this.changePageNumber(pageNumber);
                 } },
               React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index$$1 })
+            ),
+            main_36 && _this.rightItems && (index$$1 + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+              'div',
+              { style: { margin: '0 auto' } },
+              _this.renderMobileAd(index$$1, numberOfItemsBeforeAd, _this.rightItems)
             )
           );
         })
       );
-    }, _this.renderMobileAd = function (index$$1, numberOfItemsBeforeAd) {
-      var rightItems = _this.props.rightItems;
-
+    }, _this.renderMobileAd = function (index$$1, numberOfItemsBeforeAd, rightItems) {
       var i = ((index$$1 + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
       return React__default.createElement(
         'div',
-        { style: { display: 'flex', flex: '1 0 auto' } },
+        { style: { display: 'flex', flex: '1 0 auto', width: '100%', textAlign: 'center', marginBottom: '2rem' } },
         rightItems[i].component
       );
     }, _this.renderManualPagination = function () {
@@ -9480,6 +9482,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 },
@@ -15996,7 +16003,7 @@ var Ustream = function Ustream(_ref) {
       React__default.createElement('iframe', {
         id: 'ustream-iframe',
         src: src,
-        webkitallowfullscreen: true,
+        webkitallowfullscreen: 'true',
         allowFullScreen: true,
         frameBorder: 'no',
         style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })