@mjhls/mjh-framework 1.0.86 → 1.0.89

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.86
+# mjh-framework v. 1.0.89
 
 
 > Foundation Framework

package/dist/index.es.js

@@ -15,12 +15,13 @@ 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 : {};
 
@@ -6978,6 +6979,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;
@@ -7098,16 +7140,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)
         )
       )
     )
@@ -7178,16 +7211,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)
         )
       )
     )
@@ -7261,62 +7285,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,
@@ -12430,5 +12404,58 @@ var getSerializers$1 = function getSerializers(client, pageview) {
   };
 };
 
-export { ContentCard as DeckContent, GridContent, DeckQueue, ThumbnailCard, TaxonomyCard, GroupDeck, YoutubeGroup, QueueDeckExpanded, Column1, Column2, Column3, Header, LeftNav, AccordionPanel, SocialShare, NavMagazine, NavNative, NavNormal, NavDvm, TemplateNormal, AD300x250, AD300x250x600, AD728x90, getSerializers$1 as getSerializers, Search };
+//Feature query to be used
+// const featureQuery = `*[_type == 'feature' && is_active == true && feature_url == "/"] | order(_updatedAt asc)[0..5]{
+//     ...,
+//      feature_img { asset-> {url} }
+//    }`
+var Feature = function Feature(props) {
+  var dataset = props.dataset;
+
+  return React__default.createElement(
+    'div',
+    null,
+    React__default.createElement(
+      Carousel$1,
+      null,
+      dataset.map(function (feature, index) {
+        var feature_title = feature.feature_title,
+            feature_body = feature.feature_body,
+            feature_img = feature.feature_img,
+            feature_alt = feature.feature_alt,
+            feature_link = feature.feature_link;
+
+        return React__default.createElement(
+          Carousel$1.Item,
+          { key: index, style: { background: 'var(--primary)' } },
+          React__default.createElement('img', { style: { maxHeight: '375px', minHeight: '300px', objectFit: 'cover', paddingLeft: '50%' }, className: 'd-block w-100', src: feature_img, alt: feature_alt }),
+          React__default.createElement(
+            Carousel$1.Caption,
+            { style: { paddingRight: '50%', left: '3rem', right: '3rem', top: '0', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' } },
+            React__default.createElement(
+              Link,
+              { href: feature_link },
+              React__default.createElement(
+                'a',
+                null,
+                React__default.createElement(
+                  'h3',
+                  { style: { color: 'white' } },
+                  feature_title
+                ),
+                React__default.createElement(
+                  'p',
+                  { style: { color: '#eee' } },
+                  feature_body
+                )
+              )
+            )
+          )
+        );
+      })
+    )
+  );
+};
+
+export { ContentCard as DeckContent, GridContent, DeckQueue, ThumbnailCard, TaxonomyCard, GroupDeck, YoutubeGroup, QueueDeckExpanded, Column1, Column2, Column3, Header, LeftNav, AccordionPanel, SocialShare, NavMagazine, NavNative, NavNormal, NavDvm, TemplateNormal, AD300x250, AD300x250x600, AD728x90, getSerializers$1 as getSerializers, Search, Feature };
 //# sourceMappingURL=index.es.js.map