@mjhls/mjh-framework 1.0.88 → 1.0.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.88
2
+ # mjh-framework v. 1.0.89
3
3
 
4
4
 
5
5
  > Foundation Framework
package/dist/index.es.js CHANGED
@@ -15,12 +15,12 @@ import Head from 'next/head';
15
15
  import Accordion from 'react-bootstrap/Accordion';
16
16
  import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
17
17
  import { FacebookShareButton, TwitterShareButton, PinterestShareButton, EmailShareButton, FacebookIcon, TwitterIcon, PinterestIcon, EmailIcon } from 'react-share';
18
- import Nav from 'react-bootstrap/Nav';
19
- import Navbar from 'react-bootstrap/Navbar';
20
- import NavDropdown from 'react-bootstrap/NavDropdown';
21
18
  import Form from 'react-bootstrap/Form';
22
19
  import FormControl from 'react-bootstrap/FormControl';
23
20
  import Button from 'react-bootstrap/Button';
21
+ import Nav from 'react-bootstrap/Nav';
22
+ import Navbar from 'react-bootstrap/Navbar';
23
+ import NavDropdown from 'react-bootstrap/NavDropdown';
24
24
  import Carousel$1 from 'react-bootstrap/Carousel';
25
25
 
26
26
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -6979,6 +6979,47 @@ var MdMouse = function (props) {
6979
6979
  };
6980
6980
  MdMouse.displayName = "MdMouse";
6981
6981
 
6982
+ var Search = function Search(_ref) {
6983
+ var _ref$placeholder = _ref.placeholder,
6984
+ placeholder = _ref$placeholder === undefined ? 'Search' : _ref$placeholder,
6985
+ _ref$btnText = _ref.btnText,
6986
+ btnText = _ref$btnText === undefined ? 'Search' : _ref$btnText;
6987
+
6988
+ var router = useRouter();
6989
+
6990
+ var _useState = useState(''),
6991
+ _useState2 = slicedToArray(_useState, 2),
6992
+ searchKey = _useState2[0],
6993
+ setSearchKey = _useState2[1];
6994
+
6995
+ var handleSearch = function handleSearch(value) {
6996
+ router.push({
6997
+ pathname: '/search',
6998
+ query: { searchTerm: value }
6999
+ });
7000
+ };
7001
+
7002
+ return React__default.createElement(
7003
+ Form,
7004
+ {
7005
+ inline: true,
7006
+ onSubmit: function onSubmit(e) {
7007
+ e.preventDefault();
7008
+ handleSearch(searchKey);
7009
+ } },
7010
+ React__default.createElement(FormControl, { type: 'text', placeholder: placeholder, className: 'mr-sm-2', value: searchKey, onChange: function onChange(e) {
7011
+ return setSearchKey(e.target.value);
7012
+ } }),
7013
+ React__default.createElement(
7014
+ Button,
7015
+ { variant: 'secondary', onClick: function onClick() {
7016
+ return handleSearch(searchKey);
7017
+ } },
7018
+ btnText
7019
+ )
7020
+ );
7021
+ };
7022
+
6982
7023
  var NavMagazine = function NavMagazine(props) {
6983
7024
  var logo = props.logo,
6984
7025
  dataObject = props.dataObject;
@@ -7099,16 +7140,7 @@ var NavMagazine = function NavMagazine(props) {
7099
7140
  }
7100
7141
  })
7101
7142
  ),
7102
- React__default.createElement(
7103
- Form,
7104
- { inline: true },
7105
- React__default.createElement(FormControl, { type: 'text', placeholder: 'Search', className: 'mr-sm-2' }),
7106
- React__default.createElement(
7107
- Button,
7108
- { variant: 'secondary' },
7109
- 'Search'
7110
- )
7111
- )
7143
+ React__default.createElement(Search, null)
7112
7144
  )
7113
7145
  )
7114
7146
  )
@@ -7179,16 +7211,7 @@ var NavNative = function NavNative(props) {
7179
7211
  }
7180
7212
  })
7181
7213
  ),
7182
- React__default.createElement(
7183
- Form,
7184
- { inline: true },
7185
- React__default.createElement(FormControl, { type: 'text', placeholder: 'Search', className: 'mr-sm-2' }),
7186
- React__default.createElement(
7187
- Button,
7188
- { variant: 'secondary' },
7189
- 'Search'
7190
- )
7191
- )
7214
+ React__default.createElement(Search, null)
7192
7215
  )
7193
7216
  )
7194
7217
  )
@@ -7262,62 +7285,12 @@ var NavNormal = function NavNormal(props) {
7262
7285
  })
7263
7286
  )
7264
7287
  ),
7265
- React__default.createElement(
7266
- Form,
7267
- { inline: true },
7268
- React__default.createElement(FormControl, { type: 'text', placeholder: 'Search', style: { width: '60%', margin: '0px 10px' } }),
7269
- React__default.createElement(
7270
- Button,
7271
- { variant: 'secondary' },
7272
- 'Search'
7273
- )
7274
- )
7288
+ React__default.createElement(Search, null)
7275
7289
  )
7276
7290
  )
7277
7291
  );
7278
7292
  };
7279
7293
 
7280
- var Search = function Search(_ref) {
7281
- var _ref$placeholder = _ref.placeholder,
7282
- placeholder = _ref$placeholder === undefined ? 'Search' : _ref$placeholder,
7283
- _ref$btnText = _ref.btnText,
7284
- btnText = _ref$btnText === undefined ? 'Search' : _ref$btnText;
7285
-
7286
- var router = useRouter();
7287
-
7288
- var _useState = useState(''),
7289
- _useState2 = slicedToArray(_useState, 2),
7290
- searchKey = _useState2[0],
7291
- setSearchKey = _useState2[1];
7292
-
7293
- var handleSearch = function handleSearch(value) {
7294
- router.push({
7295
- pathname: '/search',
7296
- query: { searchTerm: value }
7297
- });
7298
- };
7299
-
7300
- return React__default.createElement(
7301
- Form,
7302
- {
7303
- inline: true,
7304
- onSubmit: function onSubmit(e) {
7305
- e.preventDefault();
7306
- handleSearch(searchKey);
7307
- } },
7308
- React__default.createElement(FormControl, { type: 'text', placeholder: placeholder, className: 'mr-sm-2', value: searchKey, onChange: function onChange(e) {
7309
- return setSearchKey(e.target.value);
7310
- } }),
7311
- React__default.createElement(
7312
- Button,
7313
- { variant: 'secondary', onClick: function onClick() {
7314
- return handleSearch(searchKey);
7315
- } },
7316
- btnText
7317
- )
7318
- );
7319
- };
7320
-
7321
7294
  var NavDvm = function NavDvm(props) {
7322
7295
  var logo = props.logo,
7323
7296
  mobileLogo = props.mobileLogo,