@mjhls/mjh-framework 1.0.134 → 1.0.135

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.134
+# mjh-framework v. 1.0.135
 
 
 

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';
@@ -6282,12 +6282,13 @@ var GridContent = function (_React$Component) {
 
   createClass(GridContent, [{
     key: 'cardLoader',
-    value: function cardLoader(page, columns, variant) {
+    value: function cardLoader(page, columns, variant, showVideo, VideoPlayer) {
       var _this2 = this;
 
       var lgVar = Math.floor(12 / columns);
       var itemCounter = 0;
       var numberOfItemsBeforeAd = 6;
+      var numberOfItemsBeforeVideo = 3;
       if (variant === 'stack') {
         return React__default.createElement(
           Row,
@@ -6436,6 +6437,7 @@ var GridContent = function (_React$Component) {
                 )
               )
             ),
+            showVideo && (_this2.state.data.length < numberOfItemsBeforeVideo || index$$1 + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
             main_36 && _this2.props.rightItems && (index$$1 + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index$$1, numberOfItemsBeforeAd)
           );
         })
@@ -6450,7 +6452,9 @@ var GridContent = function (_React$Component) {
           columns = _props.columns,
           variant = _props.variant,
           autoScroll = _props.autoScroll,
-          page = _props.page;
+          page = _props.page,
+          showVideo = _props.showVideo,
+          VideoPlayer = _props.VideoPlayer;
 
 
       return React__default.createElement(
@@ -6462,7 +6466,7 @@ var GridContent = function (_React$Component) {
           React__default.createElement(
             Container,
             null,
-            this.cardLoader(page, columns, variant)
+            this.cardLoader(page, columns, variant, showVideo, VideoPlayer)
           )
         ) : React__default.createElement(
           React__default.Fragment,
@@ -6470,7 +6474,7 @@ var GridContent = function (_React$Component) {
           React__default.createElement(
             Container,
             null,
-            this.cardLoader(page, columns, variant)
+            this.cardLoader(page, columns, variant, showVideo, VideoPlayer)
           ),
           React__default.createElement(
             'div',
@@ -7364,8 +7368,6 @@ var YoutubeGroup = function YoutubeGroup(props) {
   );
 };
 
-var _this = undefined;
-
 var urlFor = function urlFor(source, builder) {
   return builder.image(source).auto('format');
 };
@@ -7538,7 +7540,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                   { className: 'img-wrapper' },
                   React__default.createElement(
                     LazyLoad,
-                    { height: _this.props.imageHeight },
+                    { height: imageHeight },
                     article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                   )
                 )