@mjhls/mjh-framework 1.0.161 → 1.0.162

package/README.md

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

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';
@@ -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 () {
@@ -16001,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 } })