@mjhls/mjh-framework 1.0.24 → 1.0.26

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'));
@@ -21,9 +22,9 @@ 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 router = require('next/router');
 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 +623,6 @@ var DeckContent = function (_React$Component) {
 
       var itemCounter = 0;
       var lgVar = 12;
-
       return React__default.createElement(
         Row,
         null,
@@ -647,7 +647,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 && row.thumbnail.asset ? row.thumbnail.asset.url : _this.defaultImage,
+                    alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
+                  })
                 )
               ),
               React__default.createElement(
@@ -941,6 +945,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,6 +1682,48 @@ var NavNormal = function NavNormal(props) {
   );
 };
 
+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,
+      router$$1 = _ref.router;
+
+  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 Search$1 = router.withRouter(Search);
+
 var NavDvm = function NavDvm(props) {
   var logo = props.logo,
       dataObject = props.dataObject,
@@ -1609,8 +1742,20 @@ 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(
+            Link,
+            { href: '/' },
+            React__default.createElement(
+              'a',
+              null,
+              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$1, { btnText: 'Search' })
+          )
         ),
         React__default.createElement(
           'div',
@@ -1652,7 +1797,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 {
@@ -1680,30 +1825,6 @@ var NavDvm = function NavDvm(props) {
                 );
               }
             })
-          ),
-          React__default.createElement(
-            'div',
-            { className: 'login-subscibe', style: { fontSize: '12px' } },
-            React__default.createElement(
-              'span',
-              { style: { color: '#FFDC3F' } },
-              '>> ',
-              React__default.createElement(
-                'span',
-                { style: { color: '#fff' } },
-                ' Login'
-              )
-            ),
-            React__default.createElement(
-              'span',
-              { style: { color: '#FFDC3F' } },
-              '>> ',
-              React__default.createElement(
-                'span',
-                { style: { color: '#fff' } },
-                ' Register'
-              )
-            )
           )
         )
       )
@@ -3426,10 +3547,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 });
@@ -3442,7 +3564,7 @@ var TemplateNormal = function TemplateNormal(props) {
       default:
         return React__default.createElement('noNav', null);
     }
-  }
+  };
 
   function layout() {
     switch (config.columns) {
@@ -3508,7 +3630,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 +3638,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 +3661,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 +6340,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 +6354,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 +6423,6 @@ exports.AD300x250 = AD300x250;
 exports.AD300x250x600 = AD300x250x600;
 exports.AD728x90 = AD728x90;
 exports.getSerializers = getSerializers;
+exports.SearchResult = searchResult;
+exports.Search = Search$1;
 //# sourceMappingURL=index.js.map