@mjhls/mjh-framework 1.0.86 → 1.0.89

package/dist/index.js

@@ -22,12 +22,13 @@ 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 : {};
 
@@ -6985,6 +6986,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;
@@ -7105,16 +7147,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)
         )
       )
     )
@@ -7185,16 +7218,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)
         )
       )
     )
@@ -7268,62 +7292,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,
@@ -12437,6 +12411,59 @@ var getSerializers$1 = function getSerializers(client, pageview) {
   };
 };
 
+//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,
+      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.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.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
+                )
+              )
+            )
+          )
+        );
+      })
+    )
+  );
+};
+
 exports.DeckContent = ContentCard;
 exports.GridContent = GridContent;
 exports.DeckQueue = DeckQueue;
@@ -12462,4 +12489,5 @@ exports.AD300x250x600 = AD300x250x600;
 exports.AD728x90 = AD728x90;
 exports.getSerializers = getSerializers$1;
 exports.Search = Search;
+exports.Feature = Feature;
 //# sourceMappingURL=index.js.map