@mjhls/mjh-framework 1.0.86 → 1.0.88

package/dist/index.js

@@ -28,6 +28,7 @@ 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 Carousel = _interopDefault(require('react-bootstrap/Carousel'));
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -12437,6 +12438,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 +12516,5 @@ exports.AD300x250x600 = AD300x250x600;
 exports.AD728x90 = AD728x90;
 exports.getSerializers = getSerializers$1;
 exports.Search = Search;
+exports.Feature = Feature;
 //# sourceMappingURL=index.js.map