@mjhls/mjh-framework 1.0.887-search-test → 1.0.887
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/dist/cjs/AlgoliaSearch.js +2 -15
- package/dist/cjs/HamMagazine.js +3 -5
- package/dist/cjs/NavMagazine.js +1 -1
- package/dist/cjs/{SocialSearchComponent-b7faaedc.js → SocialSearchComponent-4942ddfc.js} +3 -15
- package/dist/cjs/TemplateNormal.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/esm/AlgoliaSearch.js +2 -15
- package/dist/esm/HamMagazine.js +3 -5
- package/dist/esm/NavMagazine.js +1 -1
- package/dist/esm/{SocialSearchComponent-4b56cd8c.js → SocialSearchComponent-8e0fcf66.js} +3 -15
- package/dist/esm/TemplateNormal.js +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -14271,20 +14271,7 @@ var AlgoliaSearch = function (_React$Component) {
|
|
|
14271
14271
|
onSearchParameters: this.props.onSearchParameters
|
|
14272
14272
|
}, this.props),
|
|
14273
14273
|
React__default['default'].createElement(Configure, { hitsPerPage: this.props.hitsPerPage || 20 }),
|
|
14274
|
-
React__default['default'].createElement(
|
|
14275
|
-
'div',
|
|
14276
|
-
{ className: 'd-flex align-items-center' },
|
|
14277
|
-
this.props.searchIconUrl && React__default['default'].createElement(
|
|
14278
|
-
'div',
|
|
14279
|
-
{ className: 'custom-search-img mr-2' },
|
|
14280
|
-
React__default['default'].createElement('img', { className: 'img-fluid', src: this.props.searchIconUrl, alt: 'search icon' })
|
|
14281
|
-
),
|
|
14282
|
-
React__default['default'].createElement(
|
|
14283
|
-
'div',
|
|
14284
|
-
{ style: { flex: '1 1 auto' } },
|
|
14285
|
-
React__default['default'].createElement(SearchBox, null)
|
|
14286
|
-
)
|
|
14287
|
-
),
|
|
14274
|
+
React__default['default'].createElement(SearchBox, null),
|
|
14288
14275
|
this.props.refinementAttributes && React__default['default'].createElement(
|
|
14289
14276
|
'div',
|
|
14290
14277
|
{ className: 'search_refinement' },
|
|
@@ -14308,7 +14295,7 @@ var AlgoliaSearch = function (_React$Component) {
|
|
|
14308
14295
|
React__default['default'].createElement(
|
|
14309
14296
|
'style',
|
|
14310
14297
|
{ jsx: 'true' },
|
|
14311
|
-
'\n .hitResult {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 1rem;\n border-bottom: 1px solid #00000024;\n padding: 1rem 0;\n }\n .hitResult > a:first-child {\n width: 30%;\n }\n .hitResult > a:first-child > div
|
|
14298
|
+
'\n .hitResult {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 1rem;\n border-bottom: 1px solid #00000024;\n padding: 1rem 0;\n }\n .hitResult > a:first-child {\n width: 30%;\n }\n .hitResult > a:first-child > div{\n width: 100%;\n }\n .hitResult > div:last-child {\n width: 100%;\n }\n .hitResult > div:last-child > a {\n margin-bottom: .5rem;\n width: 100%;\n }\n @media only screen and (max-width: 568px) {\n .hitResult {\n flex-direction: column;\n align-items: center;\n border: none;\n padding: 0;\n }\n .hitResult > a:first-child {\n width: 100%;\n }\n .hitResult > div:last-child {\n width: 100%;\n }\n }\n .AlgoliaResults {\n padding-left: 15px;\n margin-top: 3rem;\n }\n\n .search_refinement {\n display: flex;\n margin: 2rem 0;\n }\n\n .search_refinement > div {\n padding-right: 1rem;\n max-height: 500px;\n }\n\n .ais-Hits-list {\n margin: 0;\n list-style: none;\n padding-inline-start: 0;\n }\n .ais-Pagination-list {\n list-style: none;\n }\n .ais-Pagination-list {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n }\n .ais-Pagination-item + .ais-Pagination-item {\n margin-left: 0.3rem;\n }\n .ais-Pagination-link {\n padding: 0.3rem 0.6rem;\n display: block;\n border: 1px solid var(--search-primary);\n border-radius: 5px;\n transition: background-color 0.2s ease-out;\n }\n .ais-Pagination-link:focus,\n .ais-Pagination-link:hover {\n background-color: var(--search-secondary);\n color: #fff;\n }\n .ais-Pagination-item--disabled .ais-Pagination-link {\n opacity: 0.6;\n cursor: not-allowed;\n color: var(--search-secondary);\n }\n .ais-Pagination-item--disabled .ais-Pagination-link:focus,\n .ais-Pagination-item--disabled .ais-Pagination-link:hover {\n color: #fff;\n background-color: var(--search-secondary);\n }\n .ais-Pagination-item--selected .ais-Pagination-link {\n color: #fff;\n background-color: var(--search-primary);\n border-color: var(--search-primary);\n }\n .ais-Pagination-item--selected .ais-Pagination-link:focus,\n .ais-Pagination-item--selected .ais-Pagination-link:hover {\n color: #fff;\n }\n .ais-Pagination-list,\n .ais-Results-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n .ais-Pagination-list,\n .ais-PoweredBy,\n .ais-RangeInput-form,\n .ais-RatingMenu-link {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .ais-RefinementList-item {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .ais-RefinementList-list {\n margin: 0;\n padding: 0 1rem;\n width: max-content;\n }\n .ais-SearchBox-form {\n width: 100%;\n border-radius: 5px;\n height: 48px;\n }\n .ais-SearchBox-input {\n padding: 0.5rem;\n border-radius: 5px;\n width: calc(100% - 150px);\n height: 48px;\n border: 0;\n border: 0.5px solid var(--search-secondary);\n }\n\n .ais-SearchBox-submit {\n width: 78px;\n border-radius: 5px;\n padding: 7px;\n margin-left: 5px;\n height: 48px;\n background-color: var(--search-primary);\n border: 0.5px solid var(--search-secondary);\n }\n\n .ais-SearchBox-submit > svg {\n fill: #fff;\n }\n .search_refinement > .dropdown > button {\n background-color: var(--search-primary);\n border-color: var(--search-primary);\n }\n\n .ais-SearchBox-reset {\n height: 48px;\n width: 48px;\n color: #fff;\n background-color: var(--search-primary);\n border: 0;\n margin-left: 5px;\n border-radius: 5px;\n border: 0.5px solid var(--search-secondary);\n }\n\n .ais-SearchBox-reset > svg {\n fill: #fff;\n }\n .ais-RefinementList-checkbox {\n margin-right: 5px;\n }\n\n .ais-RefinementList-showMore {\n padding: 0.5rem;\n border: 0;\n background-color: var(--search-primary);\n border-color: var(--search-primary);\n color: #fff;\n border: 1px solid;\n border-radius: 5px;\n margin-left: 1rem;\n }\n '
|
|
14312
14299
|
)
|
|
14313
14300
|
);
|
|
14314
14301
|
}
|
package/dist/cjs/HamMagazine.js
CHANGED
|
@@ -6,7 +6,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var NavFooter = require('./NavFooter-3dcd99a8.js');
|
|
8
8
|
var index_esm$2 = require('./index.esm-2bb721c8.js');
|
|
9
|
-
var SocialSearchComponent = require('./SocialSearchComponent-
|
|
9
|
+
var SocialSearchComponent = require('./SocialSearchComponent-4942ddfc.js');
|
|
10
10
|
require('react-bootstrap/Form');
|
|
11
11
|
require('react-bootstrap/FormControl');
|
|
12
12
|
require('react-bootstrap/Button');
|
|
@@ -64,8 +64,6 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
64
64
|
socialIconVariant = _props$socialIconVari === undefined ? 'light' : _props$socialIconVari,
|
|
65
65
|
invertedLogo = props.invertedLogo;
|
|
66
66
|
props.settings;
|
|
67
|
-
var _props$searchIconUrl = props.searchIconUrl,
|
|
68
|
-
searchIconUrl = _props$searchIconUrl === undefined ? null : _props$searchIconUrl;
|
|
69
67
|
|
|
70
68
|
var navRef = React.useRef(null);
|
|
71
69
|
var topNavRef = React.useRef(null);
|
|
@@ -383,7 +381,7 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
383
381
|
React__default['default'].createElement(
|
|
384
382
|
'div',
|
|
385
383
|
{ className: 'is-mobile' },
|
|
386
|
-
React__default['default'].createElement(SocialSearchComponent.SocialSearchComponent, { type: 'mobile', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham'
|
|
384
|
+
React__default['default'].createElement(SocialSearchComponent.SocialSearchComponent, { type: 'mobile', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham' })
|
|
387
385
|
)
|
|
388
386
|
),
|
|
389
387
|
React__default['default'].createElement(
|
|
@@ -561,7 +559,7 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
561
559
|
React__default['default'].createElement(
|
|
562
560
|
'div',
|
|
563
561
|
{ className: 'is-desktop' },
|
|
564
|
-
React__default['default'].createElement(SocialSearchComponent.SocialSearchComponent, { type: 'desktop', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham'
|
|
562
|
+
React__default['default'].createElement(SocialSearchComponent.SocialSearchComponent, { type: 'desktop', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham' })
|
|
565
563
|
)
|
|
566
564
|
),
|
|
567
565
|
website && React__default['default'].createElement(
|
package/dist/cjs/NavMagazine.js
CHANGED
|
@@ -14,7 +14,7 @@ var NavFooter = require('./NavFooter-3dcd99a8.js');
|
|
|
14
14
|
var index_esm$2 = require('./index.esm-2bb721c8.js');
|
|
15
15
|
var main = require('./main-f1c77adb.js');
|
|
16
16
|
var Segment = require('./Segment.js');
|
|
17
|
-
var SocialSearchComponent = require('./SocialSearchComponent-
|
|
17
|
+
var SocialSearchComponent = require('./SocialSearchComponent-4942ddfc.js');
|
|
18
18
|
require('./_commonjsHelpers-06173234.js');
|
|
19
19
|
require('./web.dom.iterable-d98303e0.js');
|
|
20
20
|
require('./core.get-iterator-method-5643aa10.js');
|
|
@@ -21,9 +21,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
|
|
|
21
21
|
var type = _ref.type,
|
|
22
22
|
socialIconVariant = _ref.socialIconVariant,
|
|
23
23
|
website = _ref.website,
|
|
24
|
-
navID = _ref.navID
|
|
25
|
-
_ref$searchIconUrl = _ref.searchIconUrl,
|
|
26
|
-
searchIconUrl = _ref$searchIconUrl === undefined ? null : _ref$searchIconUrl;
|
|
24
|
+
navID = _ref.navID;
|
|
27
25
|
|
|
28
26
|
// Search Term
|
|
29
27
|
var _useState = React.useState(''),
|
|
@@ -107,12 +105,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
|
|
|
107
105
|
{ style: { padding: '6px' }, inline: true, onSubmit: function onSubmit(e) {
|
|
108
106
|
return submitSearch(e);
|
|
109
107
|
} },
|
|
110
|
-
|
|
111
|
-
'div',
|
|
112
|
-
{ style: { maxWidth: '90px', marginRight: '.5rem' } },
|
|
113
|
-
React__default['default'].createElement('img', { className: 'img-fluid', src: searchIconUrl, alt: 'search icon' })
|
|
114
|
-
),
|
|
115
|
-
React__default['default'].createElement(FormControl__default['default'], { style: { width: '50%', flexGrow: '1' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
|
|
108
|
+
React__default['default'].createElement(FormControl__default['default'], { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
|
|
116
109
|
return setSearchKey(e.target.value);
|
|
117
110
|
} }),
|
|
118
111
|
React__default['default'].createElement(
|
|
@@ -159,12 +152,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
|
|
|
159
152
|
{ inline: true, style: { padding: '6px', width: '100%' }, onSubmit: function onSubmit(e) {
|
|
160
153
|
return submitSearch(e);
|
|
161
154
|
} },
|
|
162
|
-
|
|
163
|
-
'div',
|
|
164
|
-
{ style: { maxWidth: '90px', marginRight: '.5rem' } },
|
|
165
|
-
React__default['default'].createElement('img', { className: 'img-fluid', src: searchIconUrl, alt: 'search icon' })
|
|
166
|
-
),
|
|
167
|
-
React__default['default'].createElement(FormControl__default['default'], { style: { width: '20%', flexGrow: '1' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
|
|
155
|
+
React__default['default'].createElement(FormControl__default['default'], { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
|
|
168
156
|
return setSearchKey(e.target.value);
|
|
169
157
|
} }),
|
|
170
158
|
React__default['default'].createElement(
|
|
@@ -57,7 +57,7 @@ require('./iconBase-be4097c0.js');
|
|
|
57
57
|
require('./index.esm-00a6aade.js');
|
|
58
58
|
require('./NavFooter-3dcd99a8.js');
|
|
59
59
|
require('./index.esm-2bb721c8.js');
|
|
60
|
-
require('./SocialSearchComponent-
|
|
60
|
+
require('./SocialSearchComponent-4942ddfc.js');
|
|
61
61
|
require('./SocialIcons.js');
|
|
62
62
|
require('react-bootstrap/Form');
|
|
63
63
|
require('react-bootstrap/FormControl');
|
package/dist/cjs/index.js
CHANGED
|
@@ -170,7 +170,7 @@ require('react-bootstrap/NavDropdown');
|
|
|
170
170
|
require('./index.esm-c1e16606.js');
|
|
171
171
|
require('./NavFooter-3dcd99a8.js');
|
|
172
172
|
require('./index.esm-2bb721c8.js');
|
|
173
|
-
require('./SocialSearchComponent-
|
|
173
|
+
require('./SocialSearchComponent-4942ddfc.js');
|
|
174
174
|
require('react-bootstrap/FormControl');
|
|
175
175
|
require('react-ga');
|
|
176
176
|
require('react-bootstrap/Carousel');
|
|
@@ -14264,20 +14264,7 @@ var AlgoliaSearch = function (_React$Component) {
|
|
|
14264
14264
|
onSearchParameters: this.props.onSearchParameters
|
|
14265
14265
|
}, this.props),
|
|
14266
14266
|
React__default.createElement(Configure, { hitsPerPage: this.props.hitsPerPage || 20 }),
|
|
14267
|
-
React__default.createElement(
|
|
14268
|
-
'div',
|
|
14269
|
-
{ className: 'd-flex align-items-center' },
|
|
14270
|
-
this.props.searchIconUrl && React__default.createElement(
|
|
14271
|
-
'div',
|
|
14272
|
-
{ className: 'custom-search-img mr-2' },
|
|
14273
|
-
React__default.createElement('img', { className: 'img-fluid', src: this.props.searchIconUrl, alt: 'search icon' })
|
|
14274
|
-
),
|
|
14275
|
-
React__default.createElement(
|
|
14276
|
-
'div',
|
|
14277
|
-
{ style: { flex: '1 1 auto' } },
|
|
14278
|
-
React__default.createElement(SearchBox, null)
|
|
14279
|
-
)
|
|
14280
|
-
),
|
|
14267
|
+
React__default.createElement(SearchBox, null),
|
|
14281
14268
|
this.props.refinementAttributes && React__default.createElement(
|
|
14282
14269
|
'div',
|
|
14283
14270
|
{ className: 'search_refinement' },
|
|
@@ -14301,7 +14288,7 @@ var AlgoliaSearch = function (_React$Component) {
|
|
|
14301
14288
|
React__default.createElement(
|
|
14302
14289
|
'style',
|
|
14303
14290
|
{ jsx: 'true' },
|
|
14304
|
-
'\n .hitResult {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 1rem;\n border-bottom: 1px solid #00000024;\n padding: 1rem 0;\n }\n .hitResult > a:first-child {\n width: 30%;\n }\n .hitResult > a:first-child > div
|
|
14291
|
+
'\n .hitResult {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 1rem;\n border-bottom: 1px solid #00000024;\n padding: 1rem 0;\n }\n .hitResult > a:first-child {\n width: 30%;\n }\n .hitResult > a:first-child > div{\n width: 100%;\n }\n .hitResult > div:last-child {\n width: 100%;\n }\n .hitResult > div:last-child > a {\n margin-bottom: .5rem;\n width: 100%;\n }\n @media only screen and (max-width: 568px) {\n .hitResult {\n flex-direction: column;\n align-items: center;\n border: none;\n padding: 0;\n }\n .hitResult > a:first-child {\n width: 100%;\n }\n .hitResult > div:last-child {\n width: 100%;\n }\n }\n .AlgoliaResults {\n padding-left: 15px;\n margin-top: 3rem;\n }\n\n .search_refinement {\n display: flex;\n margin: 2rem 0;\n }\n\n .search_refinement > div {\n padding-right: 1rem;\n max-height: 500px;\n }\n\n .ais-Hits-list {\n margin: 0;\n list-style: none;\n padding-inline-start: 0;\n }\n .ais-Pagination-list {\n list-style: none;\n }\n .ais-Pagination-list {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n }\n .ais-Pagination-item + .ais-Pagination-item {\n margin-left: 0.3rem;\n }\n .ais-Pagination-link {\n padding: 0.3rem 0.6rem;\n display: block;\n border: 1px solid var(--search-primary);\n border-radius: 5px;\n transition: background-color 0.2s ease-out;\n }\n .ais-Pagination-link:focus,\n .ais-Pagination-link:hover {\n background-color: var(--search-secondary);\n color: #fff;\n }\n .ais-Pagination-item--disabled .ais-Pagination-link {\n opacity: 0.6;\n cursor: not-allowed;\n color: var(--search-secondary);\n }\n .ais-Pagination-item--disabled .ais-Pagination-link:focus,\n .ais-Pagination-item--disabled .ais-Pagination-link:hover {\n color: #fff;\n background-color: var(--search-secondary);\n }\n .ais-Pagination-item--selected .ais-Pagination-link {\n color: #fff;\n background-color: var(--search-primary);\n border-color: var(--search-primary);\n }\n .ais-Pagination-item--selected .ais-Pagination-link:focus,\n .ais-Pagination-item--selected .ais-Pagination-link:hover {\n color: #fff;\n }\n .ais-Pagination-list,\n .ais-Results-list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n .ais-Pagination-list,\n .ais-PoweredBy,\n .ais-RangeInput-form,\n .ais-RatingMenu-link {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .ais-RefinementList-item {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .ais-RefinementList-list {\n margin: 0;\n padding: 0 1rem;\n width: max-content;\n }\n .ais-SearchBox-form {\n width: 100%;\n border-radius: 5px;\n height: 48px;\n }\n .ais-SearchBox-input {\n padding: 0.5rem;\n border-radius: 5px;\n width: calc(100% - 150px);\n height: 48px;\n border: 0;\n border: 0.5px solid var(--search-secondary);\n }\n\n .ais-SearchBox-submit {\n width: 78px;\n border-radius: 5px;\n padding: 7px;\n margin-left: 5px;\n height: 48px;\n background-color: var(--search-primary);\n border: 0.5px solid var(--search-secondary);\n }\n\n .ais-SearchBox-submit > svg {\n fill: #fff;\n }\n .search_refinement > .dropdown > button {\n background-color: var(--search-primary);\n border-color: var(--search-primary);\n }\n\n .ais-SearchBox-reset {\n height: 48px;\n width: 48px;\n color: #fff;\n background-color: var(--search-primary);\n border: 0;\n margin-left: 5px;\n border-radius: 5px;\n border: 0.5px solid var(--search-secondary);\n }\n\n .ais-SearchBox-reset > svg {\n fill: #fff;\n }\n .ais-RefinementList-checkbox {\n margin-right: 5px;\n }\n\n .ais-RefinementList-showMore {\n padding: 0.5rem;\n border: 0;\n background-color: var(--search-primary);\n border-color: var(--search-primary);\n color: #fff;\n border: 1px solid;\n border-radius: 5px;\n margin-left: 1rem;\n }\n '
|
|
14305
14292
|
)
|
|
14306
14293
|
);
|
|
14307
14294
|
}
|
package/dist/esm/HamMagazine.js
CHANGED
|
@@ -2,7 +2,7 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
|
|
|
2
2
|
import React__default, { useRef, useState, useEffect } from 'react';
|
|
3
3
|
import { N as NavFooter } from './NavFooter-e27bd93b.js';
|
|
4
4
|
import { S as SocialNavFooter } from './index.esm-37268dca.js';
|
|
5
|
-
import { S as SocialSearchComponent } from './SocialSearchComponent-
|
|
5
|
+
import { S as SocialSearchComponent } from './SocialSearchComponent-8e0fcf66.js';
|
|
6
6
|
import 'react-bootstrap/Form';
|
|
7
7
|
import 'react-bootstrap/FormControl';
|
|
8
8
|
import 'react-bootstrap/Button';
|
|
@@ -52,8 +52,6 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
52
52
|
socialIconVariant = _props$socialIconVari === undefined ? 'light' : _props$socialIconVari,
|
|
53
53
|
invertedLogo = props.invertedLogo;
|
|
54
54
|
props.settings;
|
|
55
|
-
var _props$searchIconUrl = props.searchIconUrl,
|
|
56
|
-
searchIconUrl = _props$searchIconUrl === undefined ? null : _props$searchIconUrl;
|
|
57
55
|
|
|
58
56
|
var navRef = useRef(null);
|
|
59
57
|
var topNavRef = useRef(null);
|
|
@@ -371,7 +369,7 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
371
369
|
React__default.createElement(
|
|
372
370
|
'div',
|
|
373
371
|
{ className: 'is-mobile' },
|
|
374
|
-
React__default.createElement(SocialSearchComponent, { type: 'mobile', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham'
|
|
372
|
+
React__default.createElement(SocialSearchComponent, { type: 'mobile', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham' })
|
|
375
373
|
)
|
|
376
374
|
),
|
|
377
375
|
React__default.createElement(
|
|
@@ -549,7 +547,7 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
549
547
|
React__default.createElement(
|
|
550
548
|
'div',
|
|
551
549
|
{ className: 'is-desktop' },
|
|
552
|
-
React__default.createElement(SocialSearchComponent, { type: 'desktop', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham'
|
|
550
|
+
React__default.createElement(SocialSearchComponent, { type: 'desktop', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham' })
|
|
553
551
|
)
|
|
554
552
|
),
|
|
555
553
|
website && React__default.createElement(
|
package/dist/esm/NavMagazine.js
CHANGED
|
@@ -10,7 +10,7 @@ import { N as NavFooter } from './NavFooter-e27bd93b.js';
|
|
|
10
10
|
import { S as SocialNavFooter } from './index.esm-37268dca.js';
|
|
11
11
|
import { c as main_44 } from './main-1894c974.js';
|
|
12
12
|
import Segment from './Segment.js';
|
|
13
|
-
import { S as SocialSearchComponent } from './SocialSearchComponent-
|
|
13
|
+
import { S as SocialSearchComponent } from './SocialSearchComponent-8e0fcf66.js';
|
|
14
14
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
15
15
|
import './web.dom.iterable-ab4dea5c.js';
|
|
16
16
|
import './core.get-iterator-method-ea258bb1.js';
|
|
@@ -12,9 +12,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
|
|
|
12
12
|
var type = _ref.type,
|
|
13
13
|
socialIconVariant = _ref.socialIconVariant,
|
|
14
14
|
website = _ref.website,
|
|
15
|
-
navID = _ref.navID
|
|
16
|
-
_ref$searchIconUrl = _ref.searchIconUrl,
|
|
17
|
-
searchIconUrl = _ref$searchIconUrl === undefined ? null : _ref$searchIconUrl;
|
|
15
|
+
navID = _ref.navID;
|
|
18
16
|
|
|
19
17
|
// Search Term
|
|
20
18
|
var _useState = useState(''),
|
|
@@ -98,12 +96,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
|
|
|
98
96
|
{ style: { padding: '6px' }, inline: true, onSubmit: function onSubmit(e) {
|
|
99
97
|
return submitSearch(e);
|
|
100
98
|
} },
|
|
101
|
-
|
|
102
|
-
'div',
|
|
103
|
-
{ style: { maxWidth: '90px', marginRight: '.5rem' } },
|
|
104
|
-
React__default.createElement('img', { className: 'img-fluid', src: searchIconUrl, alt: 'search icon' })
|
|
105
|
-
),
|
|
106
|
-
React__default.createElement(FormControl, { style: { width: '50%', flexGrow: '1' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
|
|
99
|
+
React__default.createElement(FormControl, { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
|
|
107
100
|
return setSearchKey(e.target.value);
|
|
108
101
|
} }),
|
|
109
102
|
React__default.createElement(
|
|
@@ -150,12 +143,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
|
|
|
150
143
|
{ inline: true, style: { padding: '6px', width: '100%' }, onSubmit: function onSubmit(e) {
|
|
151
144
|
return submitSearch(e);
|
|
152
145
|
} },
|
|
153
|
-
|
|
154
|
-
'div',
|
|
155
|
-
{ style: { maxWidth: '90px', marginRight: '.5rem' } },
|
|
156
|
-
React__default.createElement('img', { className: 'img-fluid', src: searchIconUrl, alt: 'search icon' })
|
|
157
|
-
),
|
|
158
|
-
React__default.createElement(FormControl, { style: { width: '20%', flexGrow: '1' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
|
|
146
|
+
React__default.createElement(FormControl, { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
|
|
159
147
|
return setSearchKey(e.target.value);
|
|
160
148
|
} }),
|
|
161
149
|
React__default.createElement(
|
|
@@ -55,7 +55,7 @@ import './iconBase-ccc56b97.js';
|
|
|
55
55
|
import './index.esm-f6156a57.js';
|
|
56
56
|
import './NavFooter-e27bd93b.js';
|
|
57
57
|
import './index.esm-37268dca.js';
|
|
58
|
-
import './SocialSearchComponent-
|
|
58
|
+
import './SocialSearchComponent-8e0fcf66.js';
|
|
59
59
|
import './SocialIcons.js';
|
|
60
60
|
import 'react-bootstrap/Form';
|
|
61
61
|
import 'react-bootstrap/FormControl';
|
package/dist/esm/index.js
CHANGED
|
@@ -167,7 +167,7 @@ import 'react-bootstrap/NavDropdown';
|
|
|
167
167
|
import './index.esm-9b042655.js';
|
|
168
168
|
import './NavFooter-e27bd93b.js';
|
|
169
169
|
import './index.esm-37268dca.js';
|
|
170
|
-
import './SocialSearchComponent-
|
|
170
|
+
import './SocialSearchComponent-8e0fcf66.js';
|
|
171
171
|
import 'react-bootstrap/FormControl';
|
|
172
172
|
import 'react-ga';
|
|
173
173
|
import 'react-bootstrap/Carousel';
|