@mjhls/mjh-framework 1.0.88 → 1.0.90

package/dist/index.js

@@ -22,12 +22,12 @@ var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
 var AccordionToggle = require('react-bootstrap/AccordionToggle');
 var reactShare = require('react-share');
-var Nav = _interopDefault(require('react-bootstrap/Nav'));
-var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
-var NavDropdown = _interopDefault(require('react-bootstrap/NavDropdown'));
 var Form = _interopDefault(require('react-bootstrap/Form'));
 var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
 var Button = _interopDefault(require('react-bootstrap/Button'));
+var Nav = _interopDefault(require('react-bootstrap/Nav'));
+var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
+var NavDropdown = _interopDefault(require('react-bootstrap/NavDropdown'));
 var Carousel = _interopDefault(require('react-bootstrap/Carousel'));
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -6280,6 +6280,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index$$1, length
 };
 
 var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router$$1, currentPage, setCurrentPage) {
+
   return React__default.createElement(
     'div',
     null,
@@ -6294,13 +6295,22 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
             isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router$$1, currentPage, setCurrentPage);
           } },
         React__default.createElement(
-          reactBootstrap.Card,
-          { key: article._id ? article._id : index$$1 },
+          React__default.Fragment,
+          null,
           React__default.createElement(
-            reactBootstrap.Card.Body,
-            null,
+            reactBootstrap.Media,
+            { key: article._id ? article._id : index$$1, style: { marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
+            React__default.createElement(
+              Link,
+              { href: mapping[contentCategoryName] + '/[url]', as: mapping[contentCategoryName] + '/' + article.url.current },
+              React__default.createElement(
+                'a',
+                null,
+                React__default.createElement('img', { width: 200, height: 130, className: 'mr-3', src: urlFor(builder, article.thumbnail.asset).url(), style: { objectFit: 'cover' }, alt: article.title })
+              )
+            ),
             React__default.createElement(
-              reactBootstrap.Media,
+              reactBootstrap.Media.Body,
               null,
               React__default.createElement(
                 Link,
@@ -6308,43 +6318,30 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 React__default.createElement(
                   'a',
                   null,
-                  React__default.createElement('img', { width: 200, height: 130, className: 'mr-3', src: urlFor(builder, article.thumbnail.asset).url(), style: { objectFit: 'cover' } })
+                  article.title && React__default.createElement(
+                    'h4',
+                    { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
+                    article.title
+                  )
                 )
               ),
-              React__default.createElement(
-                reactBootstrap.Media.Body,
-                null,
-                React__default.createElement(
-                  Link,
-                  { href: mapping[contentCategoryName] + '/[url]', as: mapping[contentCategoryName] + '/' + article.url.current },
-                  React__default.createElement(
-                    'a',
-                    null,
-                    article.title && React__default.createElement(
-                      'h5',
-                      { className: 'card-title' },
-                      article.title
-                    )
-                  )
-                ),
-                article.published && React__default.createElement(
-                  'h6',
-                  { className: 'card-text' },
-                  moment(article.published).format('MMMM DD, YYYY')
-                ),
-                article.authorDetails && article.authorDetails.length > 0 && article.authorDetails.map(function (authorDetail, index$$1) {
-                  return React__default.createElement(
-                    'div',
-                    { className: 'card-text d-inline', key: index$$1 },
-                    renderAuthor(authorDetail.displayName, authorDetail.url, index$$1, article.authorDetails.length)
-                  );
-                })
+              article.published && React__default.createElement(
+                'p',
+                { className: 'card-text', style: { color: 'var(--gray)', marginBottom: '.25rem' } },
+                moment(article.published).format('MMMM DD, YYYY')
+              ),
+              article.authorDetails && article.authorDetails.length > 0 && article.authorDetails.map(function (authorDetail, index$$1) {
+                return React__default.createElement(
+                  'div',
+                  { className: 'card-text d-inline', key: index$$1 },
+                  renderAuthor(authorDetail.displayName, authorDetail.url, index$$1, article.authorDetails.length)
+                );
+              }),
+              article.summary && React__default.createElement(
+                'p',
+                { className: 'pt-2 card-text' },
+                article.summary
               )
-            ),
-            article.summary && React__default.createElement(
-              'p',
-              { className: 'pt-2 card-text' },
-              article.summary
             )
           )
         )
@@ -6379,6 +6376,7 @@ var usePrevious = function usePrevious(value) {
 };
 
 var QueueDeckExpanded = function QueueDeckExpanded(props) {
+
   var router$$1 = router.useRouter();
   var initialData = props.dataRecord,
       client = props.client,
@@ -6986,6 +6984,47 @@ var MdMouse = function (props) {
 };
 MdMouse.displayName = "MdMouse";
 
+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;
+
+  var router$$1 = router.useRouter();
+
+  var _useState = React.useState(''),
+      _useState2 = slicedToArray(_useState, 2),
+      searchKey = _useState2[0],
+      setSearchKey = _useState2[1];
+
+  var handleSearch = function handleSearch(value) {
+    router$$1.push({
+      pathname: '/search',
+      query: { searchTerm: value }
+    });
+  };
+
+  return React__default.createElement(
+    Form,
+    {
+      inline: true,
+      onSubmit: function onSubmit(e) {
+        e.preventDefault();
+        handleSearch(searchKey);
+      } },
+    React__default.createElement(FormControl, { type: 'text', placeholder: placeholder, className: 'mr-sm-2', value: searchKey, onChange: function onChange(e) {
+        return setSearchKey(e.target.value);
+      } }),
+    React__default.createElement(
+      Button,
+      { variant: 'secondary', onClick: function onClick() {
+          return handleSearch(searchKey);
+        } },
+      btnText
+    )
+  );
+};
+
 var NavMagazine = function NavMagazine(props) {
   var logo = props.logo,
       dataObject = props.dataObject;
@@ -7106,16 +7145,7 @@ var NavMagazine = function NavMagazine(props) {
               }
             })
           ),
-          React__default.createElement(
-            Form,
-            { inline: true },
-            React__default.createElement(FormControl, { type: 'text', placeholder: 'Search', className: 'mr-sm-2' }),
-            React__default.createElement(
-              Button,
-              { variant: 'secondary' },
-              'Search'
-            )
-          )
+          React__default.createElement(Search, null)
         )
       )
     )
@@ -7186,16 +7216,7 @@ var NavNative = function NavNative(props) {
               }
             })
           ),
-          React__default.createElement(
-            Form,
-            { inline: true },
-            React__default.createElement(FormControl, { type: 'text', placeholder: 'Search', className: 'mr-sm-2' }),
-            React__default.createElement(
-              Button,
-              { variant: 'secondary' },
-              'Search'
-            )
-          )
+          React__default.createElement(Search, null)
         )
       )
     )
@@ -7269,62 +7290,12 @@ var NavNormal = function NavNormal(props) {
             })
           )
         ),
-        React__default.createElement(
-          Form,
-          { inline: true },
-          React__default.createElement(FormControl, { type: 'text', placeholder: 'Search', style: { width: '60%', margin: '0px 10px' } }),
-          React__default.createElement(
-            Button,
-            { variant: 'secondary' },
-            'Search'
-          )
-        )
+        React__default.createElement(Search, null)
       )
     )
   );
 };
 
-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;
-
-  var router$$1 = router.useRouter();
-
-  var _useState = React.useState(''),
-      _useState2 = slicedToArray(_useState, 2),
-      searchKey = _useState2[0],
-      setSearchKey = _useState2[1];
-
-  var handleSearch = function handleSearch(value) {
-    router$$1.push({
-      pathname: '/search',
-      query: { searchTerm: value }
-    });
-  };
-
-  return React__default.createElement(
-    Form,
-    {
-      inline: true,
-      onSubmit: function onSubmit(e) {
-        e.preventDefault();
-        handleSearch(searchKey);
-      } },
-    React__default.createElement(FormControl, { type: 'text', placeholder: placeholder, className: 'mr-sm-2', value: searchKey, onChange: function onChange(e) {
-        return setSearchKey(e.target.value);
-      } }),
-    React__default.createElement(
-      Button,
-      { variant: 'secondary', onClick: function onClick() {
-          return handleSearch(searchKey);
-        } },
-      btnText
-    )
-  );
-};
-
 var NavDvm = function NavDvm(props) {
   var logo = props.logo,
       mobileLogo = props.mobileLogo,