@mjhls/mjh-framework 1.0.59 → 1.0.61

package/dist/index.js

@@ -3901,13 +3901,33 @@ var DeckContent = function (_React$Component) {
 
         var path = router$$1.asPath;
         var qrIndex = path.indexOf('?');
+        var pathname = router$$1.pathname;
+        var queryString = '';
+
         if (qrIndex > 0) {
           path = path.substring(1, qrIndex);
+
+          var partialQS = router$$1.asPath.substring(qrIndex + 1);
+          var partialQSArr = partialQS.split('&');
+
+          // exclude page=xxx from query string 
+          partialQSArr.map(function (item) {
+            var itemArr = item.split('=');
+            var key = itemArr[0];
+            var val = itemArr[1];
+
+            if (key !== 'page') {
+              queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
+            }
+          });
+        }
+
+        if (queryString.length > 0) {
+          path += '?' + queryString;
         }
 
         pageNumber = parseInt(pageNumber);
 
-        var newPath = pageNumber === 1 ? '' + path : '?page=' + pageNumber;
         if (currentPage !== pageNumber) {
 
           lib_3.refresh();
@@ -3915,12 +3935,31 @@ var DeckContent = function (_React$Component) {
             _this.setState({
               currentPage: pageNumber
             }, function () {
+              if (path[0] !== '/') {
+                path = '/' + path;
+              }
+
+              var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
+
+              // please leave this for later debug purpose : Yong Jun.
+              /*console.log('page change reported', {
+                currentPage: currentPage,
+                pageNumber: pageNumber,
+                pathname: pathname,
+                path: path,
+                newPath: newPath,
+                firstPage: pageNumber === 1,
+                queryString: queryString
+              })*/
+
               pageview(newPath);
+
+              router$$1.push(pathname, newPath, {
+                shallow: true
+              });
             });
           }
         }
-
-        window.history.pushState(newPath, '', newPath);
       }
     }, _this.cardLoader = function (page, columns, variant) {
       var mode = variant && variant === 'bottom' ? 'column-reverse' : 'column';
@@ -5435,15 +5474,15 @@ var TaxonomyCard = function TaxonomyCard(props) {
   );
 };
 
-/*
-GROQ query -
-*[_type == "article" && references(*[_type == 'documentGroup' && name == 'test']._id)][0...10]{
-  title,
-  published,
-  "thumbnail":  thumbnail.asset->url,
-	"url": url.current
-}
-
+/*
+GROQ query -
+*[_type == "article" && references(*[_type == 'documentGroup' && name == 'test']._id)][0...10]{
+  title,
+  published,
+  "thumbnail":  thumbnail.asset->url,
+	"url": url.current
+}
+
 */
 var GroupDeck = function GroupDeck(props) {
   // Props should be an array of objects containing Thumbnail, title, and URL
@@ -6202,8 +6241,9 @@ var Search = function Search(_ref) {
   var _ref$placeholder = _ref.placeholder,
       placeholder = _ref$placeholder === undefined ? 'Search' : _ref$placeholder,
       _ref$btnText = _ref.btnText,
-      btnText = _ref$btnText === undefined ? 'Search' : _ref$btnText,
-      router$$1 = _ref.router;
+      btnText = _ref$btnText === undefined ? 'Search' : _ref$btnText;
+
+  var router$$1 = router.useRouter();
 
   var _useState = React.useState(''),
       _useState2 = slicedToArray(_useState, 2),
@@ -6238,8 +6278,6 @@ var Search = function Search(_ref) {
   );
 };
 
-var Search$1 = router.withRouter(Search);
-
 var NavDvm = function NavDvm(props) {
   var logo = props.logo,
       mobileLogo = props.mobileLogo,
@@ -6334,7 +6372,7 @@ var NavDvm = function NavDvm(props) {
               }
             })
           ),
-          React__default.createElement(Search$1, null)
+          React__default.createElement(Search, null)
         )
       )
     ),
@@ -10075,7 +10113,15 @@ var YouTubePlayer$1 = function YouTubePlayer(_ref) {
   var url = _ref.url;
 
   var id = getYoutubeId(url);
-  return React__default.createElement(YouTube, { videoId: id, opts: { width: '100%' } });
+
+  var opts = {
+    width: '100%',
+    playerVars: {
+      rel: 0
+    }
+  };
+
+  return React__default.createElement(YouTube, { videoId: id, opts: opts });
 };
 
 /*
@@ -11141,5 +11187,5 @@ exports.AD300x250 = AD300x250;
 exports.AD300x250x600 = AD300x250x600;
 exports.AD728x90 = AD728x90;
 exports.getSerializers = getSerializers$1;
-exports.Search = Search$1;
+exports.Search = Search;
 //# sourceMappingURL=index.js.map