@mjhls/mjh-framework 1.0.24 → 1.0.25

package/dist/index.js

@@ -10,6 +10,7 @@ var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
 var Link = _interopDefault(require('next/link'));
+var Media = _interopDefault(require('react-bootstrap/Media'));
 var ListGroup = _interopDefault(require('react-bootstrap/ListGroup'));
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -23,7 +24,6 @@ var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var PropTypes = _interopDefault(require('prop-types'));
 var reactBootstrap = require('react-bootstrap');
-var imageUrlBuilder = _interopDefault(require('@sanity/image-url'));
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -622,7 +622,6 @@ var DeckContent = function (_React$Component) {
 
       var itemCounter = 0;
       var lgVar = 12;
-
       return React__default.createElement(
         Row,
         null,
@@ -647,7 +646,11 @@ var DeckContent = function (_React$Component) {
                 React__default.createElement(
                   'a',
                   null,
-                  React__default.createElement(Card.Img, { variant: 'top', src: row.thumbnail.asset ? row.thumbnail.asset.url : _this.defaultImage })
+                  React__default.createElement(Card.Img, {
+                    variant: 'top',
+                    src: row.thumbnail.asset ? row.thumbnail.asset.url : _this.defaultImage,
+                    alt: row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
+                  })
                 )
               ),
               React__default.createElement(
@@ -941,6 +944,93 @@ var DeckQueue = function (_React$Component) {
   return DeckQueue;
 }(React__default.Component);
 
+var ThumbnailCard = function ThumbnailCard(_ref) {
+  var size = _ref.size,
+      mediaData = _ref.mediaData;
+
+  return React__default.createElement(
+    'div',
+    null,
+    mediaData && mediaData.map(function (item, index) {
+      return React__default.createElement(
+        Media,
+        { className: 'mb-3' },
+        React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail.asset.url, alt: 'Generic placeholder' }),
+        React__default.createElement(
+          Media.Body,
+          null,
+          React__default.createElement(
+            'h5',
+            null,
+            item.title
+          ),
+          React__default.createElement(
+            'p',
+            null,
+            item.summary
+          )
+        )
+      );
+    })
+  );
+};
+
+var TaxonomyCard = function TaxonomyCard(props) {
+  var columns = props.columns,
+      variant = props.variant,
+      data = props.dataRecord;
+
+
+  var mode = variant && variant === 'bottom' ? 'column-reverse' : 'column';
+
+  var itemCounter = 0;
+  var lgVar = 12;
+
+  return React__default.createElement(
+    'div',
+    { className: 'contentDeck' },
+    React__default.createElement(
+      Row,
+      null,
+      data && data.map(function (row, index) {
+        if (columns === 'rotate' && itemCounter % 3 === 0) {
+          lgVar = 12;
+        } else if (columns && columns !== 'rotate') {
+          lgVar = Math.floor(12 / columns);
+        } else {
+          lgVar = 6;
+        }
+
+        return React__default.createElement(
+          Col,
+          { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
+          React__default.createElement(
+            Card,
+            { style: { flexDirection: mode } },
+            React__default.createElement(
+              Card.Body,
+              null,
+              React__default.createElement(
+                Link,
+                { href: row.url, as: row.url },
+                React__default.createElement(
+                  'a',
+                  null,
+                  React__default.createElement(
+                    Card.Title,
+                    null,
+                    row.name
+                  )
+                )
+              )
+            )
+          )
+        );
+      })
+    )
+  );
+};
+
 var Column1 = function Column1(props) {
   return React__default.createElement(
     'section',
@@ -1591,10 +1681,43 @@ var NavNormal = function NavNormal(props) {
   );
 };
 
+var Search = function Search(_ref) {
+  var placeholder = _ref.placeholder,
+      disabled = _ref.disabled,
+      type = _ref.type,
+      btnText = _ref.btnText,
+      handleSearch = _ref.handleSearch;
+
+  var _useState = React.useState(''),
+      _useState2 = slicedToArray(_useState, 2),
+      searchKey = _useState2[0],
+      setSearchKey = _useState2[1];
+
+  var onChangeSearch = function onChangeSearch(e) {
+    setSearchKey(e.target.value);
+  };
+
+  return React__default.createElement(
+    'div',
+    { className: 'd-flex' },
+    React__default.createElement('input', { className: 'form-control', placeholder: placeholder, disabled: disabled, type: type, value: searchKey, onChange: function onChange(e) {
+        return onChangeSearch(e);
+      } }),
+    React__default.createElement(
+      'button',
+      { className: 'test', onClick: function onClick() {
+          return handleSearch(searchKey);
+        } },
+      btnText
+    )
+  );
+};
+
 var NavDvm = function NavDvm(props) {
   var logo = props.logo,
       dataObject = props.dataObject,
-      subNavHeads = props.subNavHeads;
+      subNavHeads = props.subNavHeads,
+      onSearch = props.onSearch;
 
 
   return React__default.createElement(
@@ -1609,8 +1732,12 @@ var NavDvm = function NavDvm(props) {
         React__default.createElement(
           'div',
           { className: 'd-flex' },
-          React__default.createElement('img', { src: logo, className: 'h-100' }),
-          React__default.createElement('div', { className: ' ml-4' })
+          React__default.createElement('img', { src: logo, className: 'h-100', style: { width: '120px' } }),
+          React__default.createElement(
+            'div',
+            { className: ' ml-4 d-flex align-items-center' },
+            React__default.createElement(Search, { btnText: 'Search', handleSearch: onSearch })
+          )
         ),
         React__default.createElement(
           'div',
@@ -1652,7 +1779,7 @@ var NavDvm = function NavDvm(props) {
                 return React__default.createElement(
                   NavDropdown,
                   { key: index, title: row.name, id: 'basic-nav-dropdown' },
-                  row.subQuery && row.subQuery.map(function (ddRow, ddItems, subIndex) {
+                  row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                     if (ddRow.type === 'divider') {
                       return React__default.createElement(NavDropdown.Divider, { key: subIndex });
                     } else {
@@ -3426,10 +3553,11 @@ var TemplateNormal = function TemplateNormal(props) {
       keywords = props.keywords,
       description = props.description,
       website = props.website,
-      horizontalAD = props.config.horizontalAD;
+      horizontalAD = props.config.horizontalAD,
+      onSearch = props.onSearch;
 
 
-  function navigation() {
+  var navigation = function navigation() {
     switch (config.navComponent) {
       case 'normal':
         return React__default.createElement(NavNormal, { logo: website.logo, dataObject: config.navItems });
@@ -3438,11 +3566,11 @@ var TemplateNormal = function TemplateNormal(props) {
       case 'native':
         return React__default.createElement(NavNative, { logo: website.logo, dataObject: config.navItems });
       case 'dvm':
-        return React__default.createElement(NavDvm, { logo: website.logo, dataObject: config.navItems });
+        return React__default.createElement(NavDvm, { logo: website.logo, dataObject: config.navItems, onSearch: onSearch });
       default:
         return React__default.createElement('noNav', null);
     }
-  }
+  };
 
   function layout() {
     switch (config.columns) {
@@ -3508,7 +3636,7 @@ var AD300x250x600 = function AD300x250x600(_ref) {
 
 var FigureComponent = function FigureComponent(_ref) {
   var caption = _ref.caption,
-      url = _ref.url;
+      asset = _ref.asset;
 
   return React__default.createElement(
     'div',
@@ -3516,8 +3644,8 @@ var FigureComponent = function FigureComponent(_ref) {
     React__default.createElement(
       reactBootstrap.Figure,
       null,
-      React__default.createElement(reactBootstrap.Figure.Image, { alt: caption, src: url }),
-      React__default.createElement(
+      React__default.createElement(reactBootstrap.Figure.Image, { alt: asset ? asset.originalFilename : '', src: asset.url ? asset.url : '/placeholder.jpg' }),
+      caption && React__default.createElement(
         reactBootstrap.Figure.Caption,
         null,
         caption
@@ -3539,7 +3667,7 @@ var Slideshow = function Slideshow(_ref) {
         return React__default.createElement(
           reactBootstrap.Carousel.Item,
           { key: slide._key },
-          React__default.createElement('img', { style: { width: '100%' }, src: slide.url, alt: slide.asset.originalFilename })
+          React__default.createElement('img', { style: { width: '100%' }, src: slide.asset.url ? slide.asset.url : '/placeholder.jpg', alt: slide.asset ? slide.asset.originalFilename : '' })
         );
       })
     )
@@ -6218,10 +6346,6 @@ var YouTubePlayer$1 = function YouTubePlayer(_ref) {
   return React__default.createElement(YouTube, { videoId: id, opts: { width: '100%' } });
 };
 
-var urlFor = function urlFor(source, client) {
-  return imageUrlBuilder(client).image(source);
-};
-
 var getSerializers = function getSerializers(client) {
   return {
     types: {
@@ -6236,23 +6360,60 @@ var getSerializers = function getSerializers(client) {
         var asset = node.asset,
             caption = node.caption;
 
-        var url = urlFor(asset, client).url();
-        return React__default.createElement(FigureComponent, { caption: caption, url: url });
+        return React__default.createElement(FigureComponent, { caption: caption, asset: asset });
       },
       slideshow: function slideshow(_ref3) {
         var node = _ref3.node;
+        var slides = node.slides;
 
-        var slides = node.slides && node.slides.map(function (slide) {
-          return Object.assign(slide, { url: urlFor(slide.asset, client).url() });
-        });
         return React__default.createElement(Slideshow, { slides: slides });
       }
     }
   };
 };
 
+var searchResult = function searchResult(_ref) {
+  var searchResults = _ref.searchResults,
+      searchTerm = _ref.searchTerm;
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(
+      'p',
+      null,
+      ' Results for "',
+      searchTerm,
+      '" '
+    ),
+    searchResults && searchResults.length > 0 ? searchResults.map(function (item, index) {
+      return React__default.createElement(
+        'div',
+        { key: index, className: 'search-result-container' },
+        React__default.createElement(
+          'h5',
+          null,
+          item.title
+        ),
+        React__default.createElement(
+          'p',
+          null,
+          item.summary,
+          ' '
+        )
+      );
+    }) : React__default.createElement(
+      'div',
+      null,
+      'No results found'
+    )
+  );
+};
+
 exports.DeckContent = DeckContent;
 exports.DeckQueue = DeckQueue;
+exports.ThumbnailCard = ThumbnailCard;
+exports.TaxonomyCard = TaxonomyCard;
 exports.Column1 = Column1;
 exports.Column2 = Column2;
 exports.Column3 = Column3;
@@ -6268,4 +6429,6 @@ exports.AD300x250 = AD300x250;
 exports.AD300x250x600 = AD300x250x600;
 exports.AD728x90 = AD728x90;
 exports.getSerializers = getSerializers;
+exports.SearchResult = searchResult;
+exports.Search = Search;
 //# sourceMappingURL=index.js.map