@mjhls/mjh-framework 1.0.62 → 1.0.64

package/dist/index.js

@@ -3852,10 +3852,10 @@ var DeckContent = function (_React$Component) {
       var client = _this.props.client;
 
 
-      var params = { from: from, to: to };
-      var queryUpdated = query.replace('$from', params.from).replace('$to', params.to);
-      // const query = '*[_type == "article" && defined(title) && defined(thumbnail)][$from...$to] { title, summary, thumbnail { asset-> }, url }'
-      client.fetch(queryUpdated).then(function (dataArr) {
+      var params = _extends({}, _this.params, { from: from, to: to
+        // const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
+        // const query = '*[_type == "article" && defined(title) && defined(thumbnail)][$from...$to] { title, summary, thumbnail { asset-> }, url }'
+      });client.fetch(query, params).then(function (dataArr) {
         if (_this.pointer && _this.pointerArray) {
           var pointer = _this.pointer;
           dataArr = dataArr[_this.pointerArray][pointer];
@@ -3898,7 +3898,6 @@ var DeckContent = function (_React$Component) {
       var currentPage = _this.state.currentPage;
 
       if (seoPaginate) {
-
         var path = router$$1.asPath;
         var qrIndex = path.indexOf('?');
         var pathname = router$$1.pathname;
@@ -3910,7 +3909,7 @@ var DeckContent = function (_React$Component) {
           var partialQS = router$$1.asPath.substring(qrIndex + 1);
           var partialQSArr = partialQS.split('&');
 
-          // exclude page=xxx from query string 
+          // exclude page=xxx from query string
           partialQSArr.map(function (item) {
             var itemArr = item.split('=');
             var key = itemArr[0];
@@ -3929,7 +3928,6 @@ var DeckContent = function (_React$Component) {
         pageNumber = parseInt(pageNumber);
 
         if (currentPage !== pageNumber) {
-
           lib_3.refresh();
           if (pageview) {
             _this.setState({
@@ -3942,15 +3940,15 @@ var DeckContent = function (_React$Component) {
               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
-              })*/
+              /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
+              }) */
 
               pageview(newPath);
 
@@ -5169,12 +5167,12 @@ var DeckQueue = function (_React$Component) {
       var client = _this.props.client;
 
 
-      var params = { from: from, to: to };
-      var queryUpdated = query.replace('$from', params.from).replace('$to', params.to);
+      var params = _extends({}, _this.params, { from: from, to: to
+        // const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
 
-      if (_this.pointer && _this.pointerArray) {
+      });if (_this.pointer && _this.pointerArray) {
         var pointer = _this.pointer;
-        client.fetch(queryUpdated).then(function (dataArr) {
+        client.fetch(query, params).then(function (dataArr) {
           _this.setState(function (state, props) {
             if (dataArr[_this.pointerArray][pointer].length > 0) {
               return {
@@ -5189,7 +5187,7 @@ var DeckQueue = function (_React$Component) {
           });
         });
       } else {
-        client.fetch(queryUpdated).then(function (dataArr) {
+        client.fetch(query, params).then(function (dataArr) {
           _this.setState(function (state, props) {
             if (dataArr.length > 0) {
               return {
@@ -7393,23 +7391,51 @@ var AD300x250x600 = function AD300x250x600(_ref) {
 };
 
 var FigureComponent = function FigureComponent(_ref) {
-  var caption = _ref.caption,
-      asset = _ref.asset,
+  var node$$1 = _ref.node,
       client = _ref.client;
+  var caption = node$$1.caption,
+      asset = node$$1.asset,
+      alt = node$$1.alt,
+      blank = node$$1.blank,
+      link = node$$1.link,
+      _node$widthP = node$$1.widthP,
+      widthP = _node$widthP === undefined ? '100' : _node$widthP,
+      _node$alignment = node$$1.alignment,
+      alignment = _node$alignment === undefined ? 'center' : _node$alignment;
 
   var builder = imageUrlBuilder(client);
 
   var urlFor = function urlFor(source) {
     return builder.image(source);
   };
-
+  var imgWidth = widthP + '%';
+  var imgFloat = alignment.toLowerCase() === 'center' ? 'none' : alignment.toLowerCase();
+  var figureMargin = void 0;
+  if (imgFloat === 'none') {
+    figureMargin = '0 auto 2rem';
+  }
+  if (imgFloat === 'left') {
+    figureMargin = '0 2rem 2rem 0';
+  }
+  if (imgFloat === 'right') {
+    figureMargin = '0 0 2rem 2rem';
+  }
   return React__default.createElement(
-    'div',
-    { style: { textAlign: 'center', marginTop: '1em', marginBottom: '1em' } },
-    React__default.createElement(
-      reactBootstrap.Figure,
+    reactBootstrap.Figure,
+    { className: 'd-block text-center mb-3', style: { width: imgWidth, float: imgFloat, margin: figureMargin } },
+    link ? React__default.createElement(
+      'a',
+      { href: link, target: blank ? '_blank' : '_self' },
+      React__default.createElement(reactBootstrap.Figure.Image, { src: urlFor(asset).url(), alt: alt && alt }),
+      caption && React__default.createElement(
+        reactBootstrap.Figure.Caption,
+        null,
+        caption
+      )
+    ) : React__default.createElement(
+      React__default.Fragment,
       null,
-      React__default.createElement(reactBootstrap.Figure.Image, { src: urlFor(asset).url() }),
+      React__default.createElement(reactBootstrap.Figure.Image, { src: urlFor(asset).url(), alt: alt && alt }),
       caption && React__default.createElement(
         reactBootstrap.Figure.Caption,
         null,
@@ -11088,17 +11114,43 @@ var Media$1 = function Media$$1(_ref) {
     return builder.image(source);
   };
 
+  var renderFigure = function renderFigure(uploadDoc, poster, blank, caption) {
+    if (uploadDoc && uploadDoc.asset && poster && poster.asset) {
+      return React__default.createElement(
+        reactBootstrap.Figure,
+        { className: 'd-block text-center mb-3' },
+        React__default.createElement(
+          'a',
+          { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
+          React__default.createElement(reactBootstrap.Figure.Image, { src: urlFor(poster.asset).url(), fluid: true }),
+          caption && React__default.createElement(
+            reactBootstrap.Figure.Caption,
+            null,
+            caption
+          )
+        )
+      );
+    } else if (poster && poster.asset) {
+      return React__default.createElement(
+        reactBootstrap.Figure,
+        { className: 'd-block text-center mb-3' },
+        React__default.createElement(reactBootstrap.Figure.Image, { src: urlFor(poster.asset).url() }),
+        caption && React__default.createElement(
+          reactBootstrap.Figure.Caption,
+          null,
+          caption
+        )
+      );
+    }
+  };
+
   return React__default.createElement(
-    reactBootstrap.Figure,
+    React__default.Fragment,
     null,
-    uploadDoc ? React__default.createElement(
+    renderFigure(uploadDoc, poster, blank, caption),
+    !poster && uploadDoc && uploadDoc.asset && React__default.createElement(
       'a',
       { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
-      React__default.createElement(reactBootstrap.Figure.Image, { src: urlFor(poster.asset).url() })
-    ) : React__default.createElement(reactBootstrap.Figure.Image, { src: urlFor(poster.asset).url() }),
-    caption && React__default.createElement(
-      reactBootstrap.Figure.Caption,
-      null,
       caption
     )
   );
@@ -11115,10 +11167,8 @@ var getSerializers$1 = function getSerializers(client) {
       },
       figure: function figure(_ref2) {
         var node = _ref2.node;
-        var asset = node.asset,
-            caption = node.caption;
 
-        return React__default.createElement(FigureComponent, { caption: caption, asset: asset, client: client });
+        return React__default.createElement(FigureComponent, { node: node, client: client });
       },
       slideshow: function slideshow(_ref3) {
         var node = _ref3.node;