@mjhls/mjh-framework 1.0.673-article-series-v4 → 1.0.673

package/dist/cjs/{AuthorComponent-ac8972ce.js → AuthorComponent-bb831b74.js}

@@ -1,12 +1,11 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var React = require('react');
+var React__default = _interopDefault(React);
 var slicedToArray = require('./slicedToArray-8f385299.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var AuthorComponent = function AuthorComponent(_ref) {
   var authors = _ref.authors,
       index = _ref.index;
@@ -19,15 +18,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
 
 
       if (displayName && url && url.current) {
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'span',
           { key: _id },
-          index === 0 && React__default['default'].createElement(
+          index === 0 && React__default.createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'a',
             { href: '/authors/' + url.current, className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName
@@ -35,15 +34,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
           length !== index + 1 && ', '
         );
       } else if (displayName) {
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'span',
           { key: _id },
-          index === 0 && React__default['default'].createElement(
+          index === 0 && React__default.createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'span',
             { className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName,
@@ -76,16 +75,16 @@ var AuthorComponent = function AuthorComponent(_ref) {
   var overlayRef = React.useRef(null);
   var authorRef = React.useRef(null);
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { id: 'author-sec' + index, ref: authorRef },
-    hideContent && React__default['default'].createElement('div', { onClick: function onClick() {
+    hideContent && React__default.createElement('div', { onClick: function onClick() {
         return onOverlayClick();
       }, ref: overlayRef, id: 'overlay-content' + index }),
     authors.map(function (authorDetail, index) {
       return renderAuthor(authorDetail, index, authors.length);
     }),
-    React__default['default'].createElement(
+    React__default.createElement(
       'style',
       { jsx: true },
       '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n        '

package/dist/cjs/{BlockContent-8b494587.js → BlockContent-88f69acd.js}

@@ -1,13 +1,12 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var React = require('react');
+var React__default = _interopDefault(React);
 var PropTypes = require('prop-types');
-var index = require('./index-b5eb3ff8.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var PropTypes__default = _interopDefault(PropTypes);
+var index$1 = require('./index-b5eb3ff8.js');
 
 /*
 object-assign
@@ -146,7 +145,7 @@ var buildUrl = function buildUrl(props) {
     throw new Error('Invalid image reference in block, no `_ref` found on `asset`');
   }
 
-  return index.node(objectAssign({
+  return index$1.node(objectAssign({
     projectId: projectId,
     dataset: dataset
   }, options.imageOptions || {})).image(node).toString();
@@ -836,7 +835,7 @@ var internals$1 = internals;
 
 var getSerializers = internals$1.getSerializers;
 
-var renderNode = React__default['default'].createElement;
+var renderNode = React__default.createElement;
 
 var _getSerializers = getSerializers(renderNode),
     defaultSerializers = _getSerializers.defaultSerializers,
@@ -856,7 +855,7 @@ var getImageUrl$1 = internals$1.getImageUrl,
     blocksToNodes$1 = internals$1.blocksToNodes,
     mergeSerializers$1 = internals$1.mergeSerializers;
 
-var renderNode$1 = React__default['default'].createElement;
+var renderNode$1 = React__default.createElement;
 
 var SanityBlockContent = function SanityBlockContent(props) {
   var customSerializers = mergeSerializers$1(SanityBlockContent.defaultSerializers, props.serializers);
@@ -876,32 +875,32 @@ SanityBlockContent.defaultSerializers = serializers$1;
 SanityBlockContent.getImageUrl = getImageUrl$1;
 
 SanityBlockContent.propTypes = {
-  className: PropTypes__default['default'].string,
-  renderContainerOnSingleChild: PropTypes__default['default'].bool,
+  className: PropTypes__default.string,
+  renderContainerOnSingleChild: PropTypes__default.bool,
 
   // When rendering images, we need project id and dataset, unless images are materialized
-  projectId: PropTypes__default['default'].string,
-  dataset: PropTypes__default['default'].string,
-  imageOptions: PropTypes__default['default'].object,
+  projectId: PropTypes__default.string,
+  dataset: PropTypes__default.string,
+  imageOptions: PropTypes__default.object,
 
-  serializers: PropTypes__default['default'].shape({
+  serializers: PropTypes__default.shape({
     // Common overrides
-    types: PropTypes__default['default'].object,
-    marks: PropTypes__default['default'].object,
+    types: PropTypes__default.object,
+    marks: PropTypes__default.object,
 
     // Less common overrides
-    list: PropTypes__default['default'].func,
-    listItem: PropTypes__default['default'].func,
+    list: PropTypes__default.func,
+    listItem: PropTypes__default.func,
 
     // Low-level serializers
-    block: PropTypes__default['default'].func,
-    span: PropTypes__default['default'].func
+    block: PropTypes__default.func,
+    span: PropTypes__default.func
   }),
 
-  blocks: PropTypes__default['default'].oneOfType([PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-    _type: PropTypes__default['default'].string.isRequired
-  })), PropTypes__default['default'].shape({
-    _type: PropTypes__default['default'].string.isRequired
+  blocks: PropTypes__default.oneOfType([PropTypes__default.arrayOf(PropTypes__default.shape({
+    _type: PropTypes__default.string.isRequired
+  })), PropTypes__default.shape({
+    _type: PropTypes__default.string.isRequired
   })]).isRequired
 };
 

package/dist/cjs/Breadcrumbs.js

@@ -1,18 +1,16 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./es6.string.iterator-cc0bbaa4.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
+var React__default = _interopDefault(React);
 var slicedToArray = require('./slicedToArray-8f385299.js');
-var Breadcrumb = require('react-bootstrap/Breadcrumb');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Breadcrumb__default = /*#__PURE__*/_interopDefaultLegacy(Breadcrumb);
+var Breadcrumb = _interopDefault(require('react-bootstrap/Breadcrumb'));
 
 var Breadcrumbs = function Breadcrumbs(_ref) {
   var _ref$data = _ref.data,
@@ -55,17 +53,17 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   }, []);
 
   if (data && data.length > 0) {
-    return React__default['default'].createElement(
-      Breadcrumb__default['default'],
+    return React__default.createElement(
+      Breadcrumb,
       null,
       data.map(function (item, index) {
-        return React__default['default'].createElement(
-          Breadcrumb__default['default'].Item,
+        return React__default.createElement(
+          Breadcrumb.Item,
           { key: index, href: item.url, active: item.isActive || false },
           item.name
         );
       }),
-      React__default['default'].createElement(
+      React__default.createElement(
         'style',
         { jsx: 'true' },
         '\n          .breadcrumb {\n            background: transparent;\n            padding-left: 0.25rem;\n          }\n          .breadcrumb .breadcrumb-item + .breadcrumb-item::before {\n            content: \'' + separator + '\';\n          }\n          .breadcrumb-item.active {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 40ch;\n          }\n          @media screen and (max-width: 1400px) {\n            .breadcrumb-item.active {\n              max-width: 20ch;\n            }\n          }\n          @media screen and (max-width: 768px) {\n            .breadcrumb-item.active {\n              max-width: 40ch;\n            }\n          }\n        '
@@ -73,30 +71,30 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     );
   }
 
-  return React__default['default'].createElement(
-    Breadcrumb__default['default'],
+  return React__default.createElement(
+    Breadcrumb,
     null,
-    React__default['default'].createElement(
-      Breadcrumb__default['default'].Item,
+    React__default.createElement(
+      Breadcrumb.Item,
       { href: '/' },
       'home'
     ),
-    parentPath.split('/').length > 1 && React__default['default'].createElement(
-      Breadcrumb__default['default'].Item,
+    parentPath.split('/').length > 1 && React__default.createElement(
+      Breadcrumb.Item,
       { active: true },
       '...'
     ),
-    React__default['default'].createElement(
-      Breadcrumb__default['default'].Item,
+    React__default.createElement(
+      Breadcrumb.Item,
       { href: '/' + parentPath },
       parentPathName
     ),
-    React__default['default'].createElement(
-      Breadcrumb__default['default'].Item,
+    React__default.createElement(
+      Breadcrumb.Item,
       { active: true },
       currentPath
     ),
-    React__default['default'].createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        ol.breadcrumb {\n          background: transparent;\n          padding-left: 0.25rem;\n        }\n        .breadcrumb-item.active {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 40ch;\n        }\n        @media screen and (max-width: 1400px) {\n          .breadcrumb-item.active {\n            max-width: 20ch;\n          }\n        }\n        @media screen and (max-width: 768px) {\n          .breadcrumb-item.active {\n            max-width: 40ch;\n          }\n        }\n      '
@@ -104,6 +102,6 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   );
 };
 
-var Breadcrumbs$1 = React__default['default'].memo(Breadcrumbs);
+var Breadcrumbs$1 = React__default.memo(Breadcrumbs);
 
 module.exports = Breadcrumbs$1;

package/dist/cjs/CMEDeck.js

@@ -1,5 +1,7 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./es6.string.iterator-cc0bbaa4.js');
@@ -11,25 +13,23 @@ require('./_object-pie-68c5bcbc.js');
 var _extends = require('./extends-60837c34.js');
 require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
-var index = require('./index-44481153.js');
+var React__default = _interopDefault(React);
+var index = require('./index-2d0a4911.js');
 require('prop-types');
-require('./moment-ca3bd9fb.js');
+require('./moment-66a6a284.js');
 var Router = require('next/router');
+var Router__default = _interopDefault(Router);
 require('./isSymbol-04666465.js');
 var debounce = require('./debounce-eb287781.js');
-var index_es = require('./index.es-f3e47207.js');
+var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
-var visibilitySensor = require('./visibility-sensor-8b54af99.js');
-var main = require('./main-9499b3ef.js');
+var visibilitySensor = require('./visibility-sensor-0c45a583.js');
+var main = require('./main-b6c96c8d.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 var reactBootstrap = require('react-bootstrap');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var corsProxy = 'https://cors-anywhere.herokuapp.com/';
 var itemsPerPage = 10;
 
@@ -226,81 +226,81 @@ var CMEDeck = function CMEDeck(_ref) {
 
   var cardLoader = function cardLoader() {
     var numberOfItemsBeforeAd = 6;
-    return React__default['default'].createElement(
+    return React__default.createElement(
       reactBootstrap.Row,
       null,
       data && data.map(function (row, index) {
         var pageNumber = row.pageNumber || 1;
-        return React__default['default'].createElement(
-          React__default['default'].Fragment,
+        return React__default.createElement(
+          React__default.Fragment,
           { key: index },
-          React__default['default'].createElement(
+          React__default.createElement(
             visibilitySensor.VisibilitySensor,
             {
               onChange: function onChange(isVisible) {
                 isVisible && changePageNumber(pageNumber);
               } },
-            variant === 'left' ? React__default['default'].createElement(
+            variant === 'left' ? React__default.createElement(
               reactBootstrap.Col,
               { xl: 12, style: { marginBottom: '1rem' } },
-              React__default['default'].createElement(
+              React__default.createElement(
                 reactBootstrap.Row,
                 null,
-                React__default['default'].createElement(
+                React__default.createElement(
                   reactBootstrap.Col,
                   { xs: 3, sm: 4, md: 4, lg: 4, xl: 4, style: { padding: '0' } },
-                  React__default['default'].createElement(
+                  React__default.createElement(
                     'a',
                     { rel: 'noopener', href: row.href, target: '_blank' },
-                    React__default['default'].createElement('img', { style: { width: '100%', borderRadius: '0 0 0 10%', marginBottom: '20px', borderTop: '1px solid #EEE' }, src: row.thumbnail })
+                    React__default.createElement('img', { style: { width: '100%', borderRadius: '0 0 0 10%', marginBottom: '20px', borderTop: '1px solid #EEE' }, src: row.thumbnail })
                   )
                 ),
-                React__default['default'].createElement(
+                React__default.createElement(
                   reactBootstrap.Col,
                   { xs: 9, sm: 8, md: 8, lg: 8, xl: 8, style: { paddingTop: '10px', marginBottom: '20px', borderTop: '1px solid #EEE' } },
-                  React__default['default'].createElement(
+                  React__default.createElement(
                     'a',
                     { rel: 'noopener', href: row.href, target: '_blank' },
-                    React__default['default'].createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
-                    React__default['default'].createElement(
+                    React__default.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
+                    React__default.createElement(
                       'p',
                       { className: 'mb-2' },
                       row.date
                     ),
-                    React__default['default'].createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
+                    React__default.createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
                   )
                 )
               )
-            ) : React__default['default'].createElement(
+            ) : React__default.createElement(
               reactBootstrap.Row,
               { style: { margin: '0', padding: '0' } },
-              React__default['default'].createElement(
+              React__default.createElement(
                 reactBootstrap.Col,
                 { xs: 9, sm: 8, lg: 8, xl: 8 },
-                React__default['default'].createElement(
+                React__default.createElement(
                   'a',
                   { rel: 'noopener', href: row.href, target: '_blank' },
-                  React__default['default'].createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
-                  React__default['default'].createElement(
+                  React__default.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
+                  React__default.createElement(
                     'p',
                     null,
                     row.date
                   ),
-                  React__default['default'].createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
+                  React__default.createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
                 )
               ),
-              React__default['default'].createElement(
+              React__default.createElement(
                 reactBootstrap.Col,
                 { xs: 3, sm: 4, lg: 4, xl: 4 },
-                React__default['default'].createElement(
+                React__default.createElement(
                   'a',
                   { rel: 'noopener', href: row.href, target: '_blank' },
-                  React__default['default'].createElement('img', { style: { width: '100%', borderRadius: '0 0 10% 0' }, src: row.thumbnail && urlFor(row.thumbnail.asset).url() })
+                  React__default.createElement('img', { style: { width: '100%', borderRadius: '0 0 10% 0' }, src: row.thumbnail && urlFor(row.thumbnail.asset).url() })
                 )
               )
             )
           ),
-          main.main_40 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
+          main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
             'div',
             { style: { margin: '0 auto' } },
             renderMobileAd(index, numberOfItemsBeforeAd)
@@ -312,7 +312,7 @@ var CMEDeck = function CMEDeck(_ref) {
 
   var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd) {
     var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-    return React__default['default'].createElement(
+    return React__default.createElement(
       reactBootstrap.Col,
       { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
       rightItems[i].component
@@ -321,11 +321,11 @@ var CMEDeck = function CMEDeck(_ref) {
 
   var renderManualPagination = function renderManualPagination() {
     var currentPage = 1;
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       { className: 'd-flex justify-content-between' },
        currentPage > 1 ,
-      React__default['default'].createElement(
+      React__default.createElement(
         'a',
         { href: '?page=' + (currentPage + 1) },
         'Next >>'
@@ -334,13 +334,13 @@ var CMEDeck = function CMEDeck(_ref) {
   };
 
   if (isLoading) {
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       { style: { display: 'flex', justifyContent: 'center', marginTop: '48px' } },
-      React__default['default'].createElement(
+      React__default.createElement(
         reactBootstrap.Spinner,
         { animation: 'border', role: 'status' },
-        React__default['default'].createElement(
+        React__default.createElement(
           'span',
           { className: 'sr-only' },
           'Loading...'
@@ -350,69 +350,69 @@ var CMEDeck = function CMEDeck(_ref) {
   }
 
   if (data.length > 0) {
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       { className: 'contentDeck' },
-      autoScroll ? React__default['default'].createElement(
-        React__default['default'].Fragment,
+      autoScroll ? React__default.createElement(
+        React__default.Fragment,
         null,
-        React__default['default'].createElement(
+        React__default.createElement(
           'style',
           { jsx: true },
           '\n                .infinite-scroll-component {\n                  overflow: hidden !important;\n                }\n              '
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           index_es.InfiniteScroll,
           {
             dataLength: data.length,
             next: loadMore,
             hasMore: scrolling,
             scrollThreshold: 0.9,
-            loader: React__default['default'].createElement(
+            loader: React__default.createElement(
               'div',
               { style: { textAlign: 'center' } },
-              React__default['default'].createElement(
+              React__default.createElement(
                 reactBootstrap.Spinner,
                 { animation: 'border', role: 'status' },
-                React__default['default'].createElement(
+                React__default.createElement(
                   'span',
                   { className: 'sr-only' },
                   'Loading...'
                 )
               )
             ),
-            endMessage: React__default['default'].createElement(
+            endMessage: React__default.createElement(
               'p',
               { style: { textAlign: 'center' } },
-              React__default['default'].createElement(
+              React__default.createElement(
                 'b',
                 null,
                 'Yay! You have seen it all'
               )
             ) },
-          React__default['default'].createElement(
+          React__default.createElement(
             reactBootstrap.Container,
             null,
             cardLoader()
           )
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           'noscript',
           null,
           renderManualPagination()
         )
-      ) : React__default['default'].createElement(
-        React__default['default'].Fragment,
+      ) : React__default.createElement(
+        React__default.Fragment,
         null,
-        React__default['default'].createElement(
+        React__default.createElement(
           reactBootstrap.Container,
           null,
           cardLoader()
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           'div',
           { style: { padding: '0px 10px' } },
-          scrolling ? React__default['default'].createElement(
+          scrolling ? React__default.createElement(
             'button',
             {
               style: { margin: 'auto', width: '100%' },
@@ -420,17 +420,17 @@ var CMEDeck = function CMEDeck(_ref) {
                 loadMore();
               } },
             'Load More'
-          ) : React__default['default'].createElement(
+          ) : React__default.createElement(
             'p',
             { style: { textAlign: 'center' } },
-            React__default['default'].createElement(
+            React__default.createElement(
               'b',
               null,
               'End of data'
             )
           )
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           'noscript',
           null,
           renderManualPagination()
@@ -438,10 +438,10 @@ var CMEDeck = function CMEDeck(_ref) {
       )
     );
   } else {
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'div',
       null,
-      React__default['default'].createElement(
+      React__default.createElement(
         'div',
         null,
         'No data found '

package/dist/cjs/Column1.js

@@ -2,29 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var Row = require('react-bootstrap/Row');
-var Col = require('react-bootstrap/Col');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
-var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var React = require('react');
+var React__default = _interopDefault(React);
+var Row = _interopDefault(require('react-bootstrap/Row'));
+var Col = _interopDefault(require('react-bootstrap/Col'));
 
 var Column1 = function Column1(props) {
   var title = props.title;
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'section',
     null,
-    React__default['default'].createElement(
-      Row__default['default'],
+    React__default.createElement(
+      Row,
       { className: 'justify-content-md-center' },
-      React__default['default'].createElement(
-        Col__default['default'],
+      React__default.createElement(
+        Col,
         { className: 'middleCol', style: { marginTop: !title && '10px' } },
-        title && React__default['default'].createElement(
+        title && React__default.createElement(
           'h1',
           null,
           title