@mjhls/mjh-framework 1.0.674 → 1.0.675

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.674
+# mjh-framework v. 1.0.675
 
 > Foundation Framework 
 

package/dist/cjs/EventsDeck.js

@@ -22,7 +22,7 @@ require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 var index_es = require('./index.es-ab3f2690.js');
-var main = require('./main-b6c96c8d.js');
+require('./main-b6c96c8d.js');
 var stringify = require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
@@ -132,6 +132,11 @@ var EventsDeck = function EventsDeck(_ref) {
       firstLoad = _useState16[0],
       setFirstLoad = _useState16[1];
 
+  var _useState17 = React.useState(false),
+      _useState18 = slicedToArray._slicedToArray(_useState17, 2),
+      mobileView = _useState18[0],
+      setMobileView = _useState18[1];
+
   var getEvents = function getEvents(url) {
     fetch(url, {
       headers: {
@@ -256,6 +261,9 @@ var EventsDeck = function EventsDeck(_ref) {
   }, [filter]);
 
   React.useEffect(function () {
+    if (window && window.innerWidth <= 1991) {
+      setMobileView(true);
+    }
     // get access token
     var cventAccessToken = js_cookie.js_cookie.get('cvent_access_token');
     if (cventAccessToken && cventAccessToken !== 'undefined') {
@@ -452,7 +460,7 @@ var EventsDeck = function EventsDeck(_ref) {
       React__default.createElement(
         'style',
         { jsx: true },
-        '.filterTitle{\n            font-weight: 400;\n          }\n          '
+        '\n          .filterTitle {\n            font-weight: 400;\n          }\n        '
       )
     ) : null;
   };
@@ -772,7 +780,7 @@ var EventsDeck = function EventsDeck(_ref) {
               )
             )
           ),
-          main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+          mobileView && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
             'div',
             { style: { margin: '0 auto' } },
             renderMobileAd(index, numberOfItemsBeforeAd)

package/dist/cjs/MasterDeck.js

@@ -34,7 +34,7 @@ var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
 require('./index-b5eb3ff8.js');
-var main = require('./main-b6c96c8d.js');
+require('./main-b6c96c8d.js');
 require('./stringify-7c5aff47.js');
 require('./slicedToArray-8f385299.js');
 var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
@@ -73,7 +73,8 @@ var MasterDeck = function (_React$Component) {
       currentPage: _this.props.currentPage || 1,
       dataRemapped: !_this.props.showBI || !_this.props.brandInsightAd,
       lastDataSize: _this.data ? _this.data.length : 0,
-      itemsPerPage: _this.params ? _this.params.to - _this.params.from : 2
+      itemsPerPage: _this.params ? _this.params.to - _this.params.from : 2,
+      mobileView: false
     }, _this.loadMore = debounce.debounce_1(function () {
       _this.setState(function (state) {
         var page = state.page,
@@ -146,7 +147,6 @@ var MasterDeck = function (_React$Component) {
         });
       }
     }, _this.checkMoreDataAvailable = function () {
-      debugger;
       var _this$state2 = _this.state,
           from = _this$state2.from,
           itemsPerPage = _this$state2.itemsPerPage,
@@ -349,7 +349,7 @@ var MasterDeck = function (_React$Component) {
                 React__default.Fragment,
                 { key: index },
                 React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage }),
-                main.main_39 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+                _this.state.mobileView && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
                   'div',
                   { className: 'ad-container', style: { margin: '0 auto' } },
                   _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
@@ -449,6 +449,10 @@ var MasterDeck = function (_React$Component) {
       if (typeof window !== 'undefined' && (!this.props.lgInfeedAd || !this.props.brandInsightAd || window.innerWidth < 1400) && !this.state.dataRemapped) {
         !this.state.dataRemapped && this.setState({ dataRemapped: true });
       }
+
+      if (typeof window !== 'undefined' && window.innerWidth <= 1191) {
+        !this.state.mobileView && this.setState({ mobileView: true });
+      }
     }
   }, {
     key: 'componentDidMount',

package/dist/esm/EventsDeck.js

@@ -16,7 +16,7 @@ import Card from 'react-bootstrap/Card';
 import './moment-12415288.js';
 import { useRouter } from 'next/router';
 import { I as InfiniteScroll } from './index.es-938a3a58.js';
-import { m as main_39 } from './main-0465b2a0.js';
+import './main-0465b2a0.js';
 import { _ as _JSON$stringify } from './stringify-008c8802.js';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-7021e5df.js';
 import Button from 'react-bootstrap/Button';
@@ -126,6 +126,11 @@ var EventsDeck = function EventsDeck(_ref) {
       firstLoad = _useState16[0],
       setFirstLoad = _useState16[1];
 
+  var _useState17 = useState(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      mobileView = _useState18[0],
+      setMobileView = _useState18[1];
+
   var getEvents = function getEvents(url) {
     fetch(url, {
       headers: {
@@ -250,6 +255,9 @@ var EventsDeck = function EventsDeck(_ref) {
   }, [filter]);
 
   useEffect(function () {
+    if (window && window.innerWidth <= 1991) {
+      setMobileView(true);
+    }
     // get access token
     var cventAccessToken = js_cookie.get('cvent_access_token');
     if (cventAccessToken && cventAccessToken !== 'undefined') {
@@ -446,7 +454,7 @@ var EventsDeck = function EventsDeck(_ref) {
       React__default.createElement(
         'style',
         { jsx: true },
-        '.filterTitle{\n            font-weight: 400;\n          }\n          '
+        '\n          .filterTitle {\n            font-weight: 400;\n          }\n        '
       )
     ) : null;
   };
@@ -766,7 +774,7 @@ var EventsDeck = function EventsDeck(_ref) {
               )
             )
           ),
-          main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+          mobileView && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
             'div',
             { style: { margin: '0 auto' } },
             renderMobileAd(index, numberOfItemsBeforeAd)

package/dist/esm/MasterDeck.js

@@ -28,7 +28,7 @@ import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
 import './index-51a80699.js';
-import { m as main_39 } from './main-0465b2a0.js';
+import './main-0465b2a0.js';
 import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
 import { _ as _Promise } from './asyncToGenerator-7c654f36.js';
@@ -67,7 +67,8 @@ var MasterDeck = function (_React$Component) {
       currentPage: _this.props.currentPage || 1,
       dataRemapped: !_this.props.showBI || !_this.props.brandInsightAd,
       lastDataSize: _this.data ? _this.data.length : 0,
-      itemsPerPage: _this.params ? _this.params.to - _this.params.from : 2
+      itemsPerPage: _this.params ? _this.params.to - _this.params.from : 2,
+      mobileView: false
     }, _this.loadMore = debounce_1(function () {
       _this.setState(function (state) {
         var page = state.page,
@@ -140,7 +141,6 @@ var MasterDeck = function (_React$Component) {
         });
       }
     }, _this.checkMoreDataAvailable = function () {
-      debugger;
       var _this$state2 = _this.state,
           from = _this$state2.from,
           itemsPerPage = _this$state2.itemsPerPage,
@@ -343,7 +343,7 @@ var MasterDeck = function (_React$Component) {
                 React__default.Fragment,
                 { key: index },
                 React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage }),
-                main_39 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+                _this.state.mobileView && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
                   'div',
                   { className: 'ad-container', style: { margin: '0 auto' } },
                   _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
@@ -443,6 +443,10 @@ var MasterDeck = function (_React$Component) {
       if (typeof window !== 'undefined' && (!this.props.lgInfeedAd || !this.props.brandInsightAd || window.innerWidth < 1400) && !this.state.dataRemapped) {
         !this.state.dataRemapped && this.setState({ dataRemapped: true });
       }
+
+      if (typeof window !== 'undefined' && window.innerWidth <= 1191) {
+        !this.state.mobileView && this.setState({ mobileView: true });
+      }
     }
   }, {
     key: 'componentDidMount',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.674",
+  "version": "1.0.675",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",