@mjhls/mjh-framework 1.0.86 → 1.0.88

package/README.md

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

package/dist/index.es.js

@@ -21,6 +21,7 @@ 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 Carousel$1 from 'react-bootstrap/Carousel';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -12430,5 +12431,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