@mjhls/mjh-framework 1.0.441 → 1.0.442

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.441
+# mjh-framework v. 1.0.442
 
 > Foundation Framework 
 

package/dist/cjs/QueueDeckExpanded.js

@@ -640,6 +640,23 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
 
   var prevValues = usePrevious(values);
+
+  //check for change in filter parameters from client side and refresh the page
+  React.useEffect(function () {
+    if (initialData && data !== initialData && initialData.length >= 0) {
+      setData(initialData);
+      setCurrentPage(initialCurrentPage ? initialCurrentPage : 1);
+      setValues({
+        from: params ? params.from : 0,
+        to: params ? params.to : 0,
+        page: 1
+      });
+      if (initialData.length > 0) {
+        setScrolling(true);
+      }
+    }
+  }, [initialData]);
+
   React.useEffect(function () {
     if (lgInfeedAd && window && window.innerWidth >= 1200) {
       setDesktopView(true);

package/dist/cjs/index.js

@@ -17310,11 +17310,12 @@ var Article = function Article(props) {
         contextualAD: _extends$2._extends({}, payload.contextualAD, {
           slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
           className: 'ADFluid',
-          sizes: lgContextAd ? [[728, 90], ['fluid'], [300, 100]] : [['fluid'], [300, 100]],
-          sizeMapping: [{
-            viewport: [7680, 4320],
-            sizes: lgContextAd ? [[728, 90], ['fluid'], [300, 100]] : [['fluid'], [300, 100]]
-          }, { viewport: [1024, 768], sizes: [['fluid'], [300, 100]] }]
+          // Adding new ad size for large contextual ad for desktop screens >= 1200x768
+          sizes: lgContextAd ? [[728, 90], 'fluid', [300, 100]] : ['fluid', [300, 100]],
+          sizeMapping: lgContextAd ? [{
+            viewport: [1200, 768],
+            sizes: [[728, 90], 'fluid', [300, 100]]
+          }, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : ['fluid', [300, 100]]
         })
       });
       var _selectedIndex = indexes[1] + 1;
@@ -17328,8 +17329,15 @@ var Article = function Article(props) {
         } else {
           var _parent = document.getElementById('contextual-native-ad-' + payload._id);
           if (adData && adData.event && adData.event.size && _parent) {
-            _parent.style.width = adData.event.size[0] + 'px';
-            _parent.style.height = adData.event.size[1] + 'px';
+            // Adding fix for fluid contextual ad to avoid from collapsing when size is [0,0]
+            var fluidSizes = [[0, 0]];
+            var checkAdSize = function checkAdSize(size) {
+              return AdSlot._JSON$stringify(size) === AdSlot._JSON$stringify(adData.event.size);
+            };
+            if (!fluidSizes.some(checkAdSize)) {
+              _parent.style.width = adData.event.size[0] + 'px';
+              _parent.style.height = adData.event.size[1] + 'px';
+            }
             _parent.style.margin = 'auto';
           }
           if (body[0]._type === 'figure' || body[1]._type === 'figure' || body[2]._type === 'figure' || body[3]._type === 'figure') {
@@ -17593,7 +17601,7 @@ var Article = function Article(props) {
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
-      '\n          .sanityDisplayLabel {\n            margin: .5rem 0;\n            border: 1px solid black;\n            width: fit-content;\n            padding: 5px;\n          }\n        '
+      '\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 1px solid black;\n          width: fit-content;\n          padding: 5px;\n        }\n      '
     )
   );
 };

package/dist/esm/QueueDeckExpanded.js

@@ -634,6 +634,23 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
   var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
 
   var prevValues = usePrevious(values);
+
+  //check for change in filter parameters from client side and refresh the page
+  useEffect(function () {
+    if (initialData && data !== initialData && initialData.length >= 0) {
+      setData(initialData);
+      setCurrentPage(initialCurrentPage ? initialCurrentPage : 1);
+      setValues({
+        from: params ? params.from : 0,
+        to: params ? params.to : 0,
+        page: 1
+      });
+      if (initialData.length > 0) {
+        setScrolling(true);
+      }
+    }
+  }, [initialData]);
+
   useEffect(function () {
     if (lgInfeedAd && window && window.innerWidth >= 1200) {
       setDesktopView(true);

package/dist/esm/index.js

@@ -17286,11 +17286,12 @@ var Article = function Article(props) {
         contextualAD: _extends$2({}, payload.contextualAD, {
           slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
           className: 'ADFluid',
-          sizes: lgContextAd ? [[728, 90], ['fluid'], [300, 100]] : [['fluid'], [300, 100]],
-          sizeMapping: [{
-            viewport: [7680, 4320],
-            sizes: lgContextAd ? [[728, 90], ['fluid'], [300, 100]] : [['fluid'], [300, 100]]
-          }, { viewport: [1024, 768], sizes: [['fluid'], [300, 100]] }]
+          // Adding new ad size for large contextual ad for desktop screens >= 1200x768
+          sizes: lgContextAd ? [[728, 90], 'fluid', [300, 100]] : ['fluid', [300, 100]],
+          sizeMapping: lgContextAd ? [{
+            viewport: [1200, 768],
+            sizes: [[728, 90], 'fluid', [300, 100]]
+          }, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : ['fluid', [300, 100]]
         })
       });
       var _selectedIndex = indexes[1] + 1;
@@ -17304,8 +17305,15 @@ var Article = function Article(props) {
         } else {
           var _parent = document.getElementById('contextual-native-ad-' + payload._id);
           if (adData && adData.event && adData.event.size && _parent) {
-            _parent.style.width = adData.event.size[0] + 'px';
-            _parent.style.height = adData.event.size[1] + 'px';
+            // Adding fix for fluid contextual ad to avoid from collapsing when size is [0,0]
+            var fluidSizes = [[0, 0]];
+            var checkAdSize = function checkAdSize(size) {
+              return _JSON$stringify(size) === _JSON$stringify(adData.event.size);
+            };
+            if (!fluidSizes.some(checkAdSize)) {
+              _parent.style.width = adData.event.size[0] + 'px';
+              _parent.style.height = adData.event.size[1] + 'px';
+            }
             _parent.style.margin = 'auto';
           }
           if (body[0]._type === 'figure' || body[1]._type === 'figure' || body[2]._type === 'figure' || body[3]._type === 'figure') {
@@ -17569,7 +17577,7 @@ var Article = function Article(props) {
     React.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .sanityDisplayLabel {\n            margin: .5rem 0;\n            border: 1px solid black;\n            width: fit-content;\n            padding: 5px;\n          }\n        '
+      '\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 1px solid black;\n          width: fit-content;\n          padding: 5px;\n        }\n      '
     )
   );
 };

package/package.json

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