@mjhls/mjh-framework 1.0.25 → 1.0.27

package/dist/index.es.js

@@ -15,6 +15,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 { withRouter } from 'next/router';
 import PropTypes from 'prop-types';
 import { Figure, Carousel } from 'react-bootstrap';
 
@@ -641,8 +642,8 @@ var DeckContent = function (_React$Component) {
                   null,
                   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 : ''
+                    src: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.url : _this.defaultImage,
+                    alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
                   })
                 )
               ),
@@ -1084,6 +1085,13 @@ var LeftNav = function LeftNav(props) {
   var leftItems = props.leftItems;
 
 
+  var checkUrlIsExternal = function checkUrlIsExternal(url) {
+    if (/(http|https?)([^\s]+)/g.test(url)) {
+      return true;
+    }
+    return false;
+  };
+
   return React__default.createElement(
     'section',
     null,
@@ -1122,7 +1130,11 @@ var LeftNav = function LeftNav(props) {
               React__default.createElement(
                 ListGroup.Item,
                 { as: 'li' },
-                React__default.createElement(
+                checkUrlIsExternal(subRow.url) ? React__default.createElement(
+                  'a',
+                  { target: '_blank', href: subRow.url },
+                  subRow.name
+                ) : React__default.createElement(
                   Link,
                   { href: subRow.url || '#' },
                   React__default.createElement(
@@ -1675,30 +1687,38 @@ 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 _ref$placeholder = _ref.placeholder,
+      placeholder = _ref$placeholder === undefined ? 'Search' : _ref$placeholder,
+      _ref$btnText = _ref.btnText,
+      btnText = _ref$btnText === undefined ? 'Search' : _ref$btnText,
+      router = _ref.router;
 
   var _useState = useState(''),
       _useState2 = slicedToArray(_useState, 2),
       searchKey = _useState2[0],
       setSearchKey = _useState2[1];
 
-  var onChangeSearch = function onChangeSearch(e) {
-    setSearchKey(e.target.value);
+  var handleSearch = function handleSearch(value) {
+    router.push({
+      pathname: '/search',
+      query: { searchTerm: 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);
+    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',
-      { className: 'test', onClick: function onClick() {
+      Button,
+      { variant: 'secondary', onClick: function onClick() {
           return handleSearch(searchKey);
         } },
       btnText
@@ -1706,11 +1726,12 @@ var Search = function Search(_ref) {
   );
 };
 
+var Search$1 = withRouter(Search);
+
 var NavDvm = function NavDvm(props) {
   var logo = props.logo,
       dataObject = props.dataObject,
-      subNavHeads = props.subNavHeads,
-      onSearch = props.onSearch;
+      subNavHeads = props.subNavHeads;
 
 
   return React__default.createElement(
@@ -1725,11 +1746,19 @@ var NavDvm = function NavDvm(props) {
         React__default.createElement(
           'div',
           { className: 'd-flex' },
-          React__default.createElement('img', { src: logo, className: 'h-100', style: { width: '120px' } }),
+          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, { btnText: 'Search', handleSearch: onSearch })
+            React__default.createElement(Search$1, { btnText: 'Search' })
           )
         ),
         React__default.createElement(
@@ -1800,30 +1829,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'
-              )
-            )
           )
         )
       )
@@ -3559,7 +3564,7 @@ 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, onSearch: onSearch });
+        return React__default.createElement(NavDvm, { logo: website.logo, dataObject: config.navItems });
       default:
         return React__default.createElement('noNav', null);
     }
@@ -6403,5 +6408,5 @@ var searchResult = function searchResult(_ref) {
   );
 };
 
-export { DeckContent, DeckQueue, ThumbnailCard, TaxonomyCard, Column1, Column2, Column3, Header, LeftNav, AccordionPanel, NavMagazine, NavNative, NavNormal, NavDvm, TemplateNormal, AD300x250, AD300x250x600, AD728x90, getSerializers, searchResult as SearchResult, Search };
+export { DeckContent, DeckQueue, ThumbnailCard, TaxonomyCard, Column1, Column2, Column3, Header, LeftNav, AccordionPanel, NavMagazine, NavNative, NavNormal, NavDvm, TemplateNormal, AD300x250, AD300x250x600, AD728x90, getSerializers, searchResult as SearchResult, Search$1 as Search };
 //# sourceMappingURL=index.es.js.map