@mjhls/mjh-framework 1.0.25 → 1.0.26

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React__default, { Component, useState, createContext, createElement } from 'react';
+import React__default, { Component, useState, createElement, createContext } from 'react';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
@@ -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 : ''
                   })
                 )
               ),
@@ -1675,30 +1676,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 +1715,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 +1735,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 +1818,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 +3553,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 +6397,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