@mjhls/mjh-framework 1.0.88 → 1.0.90

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.88
+# mjh-framework v. 1.0.90
 
 
 > Foundation Framework

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
+import React__default, { Component, useState, useEffect, useRef, createContext, createElement } from 'react';
 import PropTypes from 'prop-types';
 import reactDom from 'react-dom';
 import Container from 'react-bootstrap/Container';
@@ -15,12 +15,12 @@ import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
 import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
 import { FacebookShareButton, TwitterShareButton, PinterestShareButton, EmailShareButton, FacebookIcon, TwitterIcon, PinterestIcon, EmailIcon } from 'react-share';
-import Nav from 'react-bootstrap/Nav';
-import Navbar from 'react-bootstrap/Navbar';
-import NavDropdown from 'react-bootstrap/NavDropdown';
 import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
+import Nav from 'react-bootstrap/Nav';
+import Navbar from 'react-bootstrap/Navbar';
+import NavDropdown from 'react-bootstrap/NavDropdown';
 import Carousel$1 from 'react-bootstrap/Carousel';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -6273,6 +6273,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index$$1, length
 };
 
 var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage) {
+
   return React__default.createElement(
     'div',
     null,
@@ -6287,13 +6288,22 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
             isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage);
           } },
         React__default.createElement(
-          Card$1,
-          { key: article._id ? article._id : index$$1 },
+          React__default.Fragment,
+          null,
           React__default.createElement(
-            Card$1.Body,
-            null,
+            Media$1,
+            { 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(
-              Media$1,
+              Media$1.Body,
               null,
               React__default.createElement(
                 Link,
@@ -6301,43 +6311,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(
-                Media$1.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
             )
           )
         )
@@ -6372,6 +6369,7 @@ var usePrevious = function usePrevious(value) {
 };
 
 var QueueDeckExpanded = function QueueDeckExpanded(props) {
+
   var router = useRouter();
   var initialData = props.dataRecord,
       client = props.client,
@@ -6979,6 +6977,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 = useRouter();
+
+  var _useState = useState(''),
+      _useState2 = slicedToArray(_useState, 2),
+      searchKey = _useState2[0],
+      setSearchKey = _useState2[1];
+
+  var handleSearch = function handleSearch(value) {
+    router.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;
@@ -7099,16 +7138,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)
         )
       )
     )
@@ -7179,16 +7209,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)
         )
       )
     )
@@ -7262,62 +7283,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 = useRouter();
-
-  var _useState = useState(''),
-      _useState2 = slicedToArray(_useState, 2),
-      searchKey = _useState2[0],
-      setSearchKey = _useState2[1];
-
-  var handleSearch = function handleSearch(value) {
-    router.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,