@mjhls/mjh-framework 1.0.548 → 1.0.550-native-nav-search
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 +1 -1
- package/dist/cjs/AD300x250.js +48 -3
- package/dist/cjs/AD300x250x600.js +41 -3
- package/dist/cjs/AccordionPanel.js +2 -2
- package/dist/cjs/HamMagazine.js +4 -4
- package/dist/cjs/HorizontalHero.js +2 -2
- package/dist/cjs/NavMagazine.js +3 -3
- package/dist/cjs/NavNative.js +191 -15
- package/dist/cjs/NavNormal.js +2 -2
- package/dist/cjs/OncliveHero.js +2 -2
- package/dist/cjs/PdfDownload.js +2 -2
- package/dist/cjs/SocialIcons.js +90 -0
- package/dist/cjs/TemplateNormal.js +4 -3
- package/dist/cjs/Ustream.js +3 -3
- package/dist/cjs/VideoSeriesListing.js +2 -2
- package/dist/cjs/{iconBase-637d3f1e.js → iconBase-68959171.js} +1 -0
- package/dist/cjs/{index.esm-c0d8b44b.js → index.esm-66ffa47a.js} +1 -1
- package/dist/cjs/{index.esm-25423c2f.js → index.esm-89fabc47.js} +1 -1
- package/dist/cjs/{index.esm-fcdbd2c6.js → index.esm-fbd1f7e9.js} +1 -1
- package/dist/cjs/index.js +6 -4
- package/dist/esm/AD300x250.js +48 -3
- package/dist/esm/AD300x250x600.js +41 -3
- package/dist/esm/AccordionPanel.js +2 -2
- package/dist/esm/HamMagazine.js +4 -4
- package/dist/esm/HorizontalHero.js +2 -2
- package/dist/esm/NavMagazine.js +3 -3
- package/dist/esm/NavNative.js +191 -15
- package/dist/esm/NavNormal.js +2 -2
- package/dist/esm/OncliveHero.js +2 -2
- package/dist/esm/PdfDownload.js +2 -2
- package/dist/esm/SocialIcons.js +85 -0
- package/dist/esm/TemplateNormal.js +4 -3
- package/dist/esm/Ustream.js +3 -3
- package/dist/esm/VideoSeriesListing.js +2 -2
- package/dist/esm/{iconBase-6ee2f2fb.js → iconBase-602d52fe.js} +1 -1
- package/dist/esm/{index.esm-b97cf389.js → index.esm-4b1d94b7.js} +1 -1
- package/dist/esm/{index.esm-a7ad65ba.js → index.esm-9a4c8813.js} +1 -1
- package/dist/esm/{index.esm-9d6faf80.js → index.esm-b08f4b04.js} +1 -1
- package/dist/esm/index.js +5 -4
- package/package.json +1 -1
package/README.md
CHANGED
package/dist/cjs/AD300x250.js
CHANGED
|
@@ -16,7 +16,7 @@ require('./isSymbol-488934a7.js');
|
|
|
16
16
|
require('./debounce-32e57002.js');
|
|
17
17
|
var main = require('./main-bc4db521.js');
|
|
18
18
|
require('./slicedToArray-8063ee51.js');
|
|
19
|
-
require('./stringify-7c5aff47.js');
|
|
19
|
+
var stringify = require('./stringify-7c5aff47.js');
|
|
20
20
|
require('./asyncToGenerator-8e707718.js');
|
|
21
21
|
require('./_set-species-4458e975.js');
|
|
22
22
|
require('./beam-d22818d3.js');
|
|
@@ -25,7 +25,8 @@ var AdSlot = require('./AdSlot.js');
|
|
|
25
25
|
var AD300x250 = function AD300x250(_ref) {
|
|
26
26
|
var networkID = _ref.networkID,
|
|
27
27
|
adUnit = _ref.adUnit,
|
|
28
|
-
slotId = _ref.slotId,
|
|
28
|
+
_ref$slotId = _ref.slotId,
|
|
29
|
+
slotId = _ref$slotId === undefined ? 'AD300x250' : _ref$slotId,
|
|
29
30
|
_ref$targeting = _ref.targeting,
|
|
30
31
|
targeting = _ref$targeting === undefined ? {} : _ref$targeting,
|
|
31
32
|
_ref$pos = _ref.pos,
|
|
@@ -51,7 +52,51 @@ var AD300x250 = function AD300x250(_ref) {
|
|
|
51
52
|
var browserSizes = [[300, 250], [300, 100]];
|
|
52
53
|
var mobileSizes = [[300, 250], [300, 100]];
|
|
53
54
|
|
|
54
|
-
|
|
55
|
+
// Function to collapse ad
|
|
56
|
+
var collapseAd = function collapseAd() {
|
|
57
|
+
var parent = document.getElementById('AD300x250');
|
|
58
|
+
var parentMedia = parent && parent.closest('.media');
|
|
59
|
+
// removing the style of the parent div for collpased ad
|
|
60
|
+
if (parentMedia) parentMedia.style = null;
|
|
61
|
+
parent.style.height = '0%';
|
|
62
|
+
parent.style.width = '0%';
|
|
63
|
+
parent.style.display = 'none';
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
// CallBack function to check if ad has got creative or not.
|
|
67
|
+
var checkIsAdFound = function checkIsAdFound(isFound, adData) {
|
|
68
|
+
if (isFound) {
|
|
69
|
+
var parent = document.getElementById('AD300x250');
|
|
70
|
+
parent.style.display = 'block';
|
|
71
|
+
var adSizes = [[1, 1]];
|
|
72
|
+
// Collapsing ad if the as size is [1,1]
|
|
73
|
+
if (adData && adData.event && adData.event.size) {
|
|
74
|
+
var checkAdSize = function checkAdSize(size) {
|
|
75
|
+
return stringify._JSON$stringify(size) === stringify._JSON$stringify(adData.event.size);
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
if (adSizes.some(checkAdSize)) {
|
|
79
|
+
collapseAd();
|
|
80
|
+
parent.style.display = 'none';
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
} else {
|
|
84
|
+
// collapsing ad if no creative is found
|
|
85
|
+
collapseAd();
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
return React__default.createElement(AdSlot, {
|
|
90
|
+
networkID: networkID,
|
|
91
|
+
adUnit: adUnit,
|
|
92
|
+
slotId: slotId,
|
|
93
|
+
targeting: adTargeting,
|
|
94
|
+
className: 'AD300x250',
|
|
95
|
+
sizes: mobileView ? mobileSizes : browserSizes
|
|
96
|
+
/* Passing function to check for ad creative */
|
|
97
|
+
, checkIsAdFound: checkIsAdFound,
|
|
98
|
+
style: { display: 'none' }
|
|
99
|
+
});
|
|
55
100
|
};
|
|
56
101
|
|
|
57
102
|
module.exports = AD300x250;
|
|
@@ -16,7 +16,7 @@ require('./isSymbol-488934a7.js');
|
|
|
16
16
|
require('./debounce-32e57002.js');
|
|
17
17
|
var main = require('./main-bc4db521.js');
|
|
18
18
|
require('./slicedToArray-8063ee51.js');
|
|
19
|
-
require('./stringify-7c5aff47.js');
|
|
19
|
+
var stringify = require('./stringify-7c5aff47.js');
|
|
20
20
|
require('./asyncToGenerator-8e707718.js');
|
|
21
21
|
require('./_set-species-4458e975.js');
|
|
22
22
|
require('./beam-d22818d3.js');
|
|
@@ -25,7 +25,8 @@ var AdSlot = require('./AdSlot.js');
|
|
|
25
25
|
var AD300x250x600 = function AD300x250x600(_ref) {
|
|
26
26
|
var networkID = _ref.networkID,
|
|
27
27
|
adUnit = _ref.adUnit,
|
|
28
|
-
slotId = _ref.slotId,
|
|
28
|
+
_ref$slotId = _ref.slotId,
|
|
29
|
+
slotId = _ref$slotId === undefined ? 'AD300x250x600' : _ref$slotId,
|
|
29
30
|
_ref$targeting = _ref.targeting,
|
|
30
31
|
targeting = _ref$targeting === undefined ? {} : _ref$targeting,
|
|
31
32
|
_ref$pos = _ref.pos,
|
|
@@ -65,16 +66,53 @@ var AD300x250x600 = function AD300x250x600(_ref) {
|
|
|
65
66
|
sizes: [[300, 100], [300, 250]]
|
|
66
67
|
}];
|
|
67
68
|
|
|
69
|
+
// Function to collapse ad
|
|
70
|
+
var collapseAd = function collapseAd() {
|
|
71
|
+
var parent = document.getElementById('AD300x250x600');
|
|
72
|
+
var parentMedia = parent && parent.closest('.media');
|
|
73
|
+
// removing the style of the parent div for collpased ad
|
|
74
|
+
if (parentMedia) parentMedia.style = null;
|
|
75
|
+
parent.style.height = '0%';
|
|
76
|
+
parent.style.width = '0%';
|
|
77
|
+
parent.style.display = 'none';
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
// CallBack function to check if ad has got creative or not.
|
|
81
|
+
var checkIsAdFound = function checkIsAdFound(isFound, adData) {
|
|
82
|
+
if (isFound) {
|
|
83
|
+
var parent = document.getElementById('AD300x250x600');
|
|
84
|
+
parent.style.display = 'block';
|
|
85
|
+
var adSizes = [[1, 1]];
|
|
86
|
+
// Collapsing ad if the as size is [1,1]
|
|
87
|
+
if (adData && adData.event && adData.event.size) {
|
|
88
|
+
var checkAdSize = function checkAdSize(size) {
|
|
89
|
+
return stringify._JSON$stringify(size) === stringify._JSON$stringify(adData.event.size);
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
if (adSizes.some(checkAdSize)) {
|
|
93
|
+
collapseAd();
|
|
94
|
+
parent.style.display = 'none';
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
} else {
|
|
98
|
+
// collapsing ad if no creative is found
|
|
99
|
+
collapseAd();
|
|
100
|
+
}
|
|
101
|
+
};
|
|
102
|
+
|
|
68
103
|
return React__default.createElement(AdSlot, {
|
|
69
104
|
networkID: networkID,
|
|
70
105
|
adUnit: adUnit,
|
|
71
|
-
className: '
|
|
106
|
+
className: '',
|
|
72
107
|
slotId: slotId,
|
|
73
108
|
targeting: adTargeting
|
|
74
109
|
// passing all possible sizes.
|
|
75
110
|
, sizes: ([300, 600])
|
|
76
111
|
// setting responsive sizemapping to make the ads responsive.
|
|
77
112
|
, sizeMapping: sizeMapping
|
|
113
|
+
/* Passing function to check for ad creative */
|
|
114
|
+
, checkIsAdFound: checkIsAdFound,
|
|
115
|
+
style: { display: 'none' }
|
|
78
116
|
});
|
|
79
117
|
};
|
|
80
118
|
|
|
@@ -9,8 +9,8 @@ require('./web.dom.iterable-43c3e277.js');
|
|
|
9
9
|
var React = require('react');
|
|
10
10
|
var React__default = _interopDefault(React);
|
|
11
11
|
var slicedToArray = require('./slicedToArray-8063ee51.js');
|
|
12
|
-
require('./iconBase-
|
|
13
|
-
var index_esm = require('./index.esm-
|
|
12
|
+
require('./iconBase-68959171.js');
|
|
13
|
+
var index_esm = require('./index.esm-fbd1f7e9.js');
|
|
14
14
|
var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
|
|
15
15
|
var AccordionToggle = require('react-bootstrap/AccordionToggle');
|
|
16
16
|
|
package/dist/cjs/HamMagazine.js
CHANGED
|
@@ -21,13 +21,13 @@ require('./asyncToGenerator-8e707718.js');
|
|
|
21
21
|
require('./_set-species-4458e975.js');
|
|
22
22
|
var Segment = require('./beam-d22818d3.js');
|
|
23
23
|
require('./react-social-icons-cd0d9d3b.js');
|
|
24
|
-
require('./iconBase-
|
|
25
|
-
var index_esm = require('./index.esm-
|
|
24
|
+
require('./iconBase-68959171.js');
|
|
25
|
+
var index_esm = require('./index.esm-fbd1f7e9.js');
|
|
26
26
|
require('react-bootstrap/Button');
|
|
27
27
|
var Nav = _interopDefault(require('react-bootstrap/Nav'));
|
|
28
28
|
var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
|
|
29
29
|
var NavDropdown = _interopDefault(require('react-bootstrap/NavDropdown'));
|
|
30
|
-
var index_esm$1 = require('./index.esm-
|
|
30
|
+
var index_esm$1 = require('./index.esm-66ffa47a.js');
|
|
31
31
|
require('react-bootstrap/Form');
|
|
32
32
|
require('react-bootstrap/FormControl');
|
|
33
33
|
var Search = require('./Search.js');
|
|
@@ -490,7 +490,7 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
490
490
|
React__default.createElement(
|
|
491
491
|
'style',
|
|
492
492
|
{ jsx: 'true' },
|
|
493
|
-
'\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n @media screen and (max-width: 376px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n width: 60%;\n }\n .mobile-nav .nav-toggle .form-inline {\n width: 70%;\n }\n }\n @media screen and (max-width: 328px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n margin-right: 5px;\n }\n }\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .nav-open {\n position: relative;\n }\n\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .navbar.bg-primary {\n overflow: auto;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .nav-toggle .form-inline {\n float: right;\n margin: 4px 0px 0px 0px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n .dropdown-menu {\n max-height: 315px;\n overflow: auto;\n }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-xl .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n .navbar .mobile-nav .dropdown-menu.show {\n max-height: 100px;\n }\n }\n @media screen and (min-width: 1200px) {\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n .mobile-nav .nav-toggle .form-inline {\n display: none;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n '
|
|
493
|
+
'\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n @media screen and (max-width: 376px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n width: 60%;\n }\n .mobile-nav .nav-toggle .form-inline {\n width: 70%;\n }\n }\n @media screen and (max-width: 328px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n margin-right: 5px;\n }\n }\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .nav-open {\n position: relative;\n }\n\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .navbar.bg-primary {\n overflow: auto;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .nav-toggle .form-inline {\n float: right;\n margin: 4px 0px 0px 0px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n .dropdown-menu {\n max-height: 315px;\n overflow: auto;\n }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-xl .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n .navbar .mobile-nav .dropdown-menu.show {\n max-height: 100px;\n }\n }\n @media screen and (min-width: 1200px) {\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n .mobile-nav .nav-toggle .form-inline {\n display: none;\n }\n .navbar.bg-primary {\n z-index: 3000000 !important;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n '
|
|
494
494
|
)
|
|
495
495
|
);
|
|
496
496
|
};
|
|
@@ -7,8 +7,8 @@ var React = require('react');
|
|
|
7
7
|
var React__default = _interopDefault(React);
|
|
8
8
|
require('./moment-66a6a284.js');
|
|
9
9
|
var index$1 = require('./index-b5eb3ff8.js');
|
|
10
|
-
require('./iconBase-
|
|
11
|
-
var index_esm$2 = require('./index.esm-
|
|
10
|
+
require('./iconBase-68959171.js');
|
|
11
|
+
var index_esm$2 = require('./index.esm-89fabc47.js');
|
|
12
12
|
|
|
13
13
|
var HorizontalHero = function HorizontalHero(props) {
|
|
14
14
|
var client = props.client;
|
package/dist/cjs/NavMagazine.js
CHANGED
|
@@ -21,13 +21,13 @@ require('./asyncToGenerator-8e707718.js');
|
|
|
21
21
|
require('./_set-species-4458e975.js');
|
|
22
22
|
var Segment = require('./beam-d22818d3.js');
|
|
23
23
|
require('./react-social-icons-cd0d9d3b.js');
|
|
24
|
-
require('./iconBase-
|
|
25
|
-
var index_esm = require('./index.esm-
|
|
24
|
+
require('./iconBase-68959171.js');
|
|
25
|
+
var index_esm = require('./index.esm-fbd1f7e9.js');
|
|
26
26
|
require('react-bootstrap/Button');
|
|
27
27
|
var Nav = _interopDefault(require('react-bootstrap/Nav'));
|
|
28
28
|
var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
|
|
29
29
|
var NavDropdown = _interopDefault(require('react-bootstrap/NavDropdown'));
|
|
30
|
-
var index_esm$1 = require('./index.esm-
|
|
30
|
+
var index_esm$1 = require('./index.esm-66ffa47a.js');
|
|
31
31
|
require('react-bootstrap/Form');
|
|
32
32
|
require('react-bootstrap/FormControl');
|
|
33
33
|
var Search = require('./Search.js');
|
package/dist/cjs/NavNative.js
CHANGED
|
@@ -21,20 +21,27 @@ require('./asyncToGenerator-8e707718.js');
|
|
|
21
21
|
require('./_set-species-4458e975.js');
|
|
22
22
|
var Segment = require('./beam-d22818d3.js');
|
|
23
23
|
require('./react-social-icons-cd0d9d3b.js');
|
|
24
|
-
require('
|
|
24
|
+
var iconBase = require('./iconBase-68959171.js');
|
|
25
|
+
var Button = _interopDefault(require('react-bootstrap/Button'));
|
|
25
26
|
var Nav = _interopDefault(require('react-bootstrap/Nav'));
|
|
26
27
|
var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
|
|
27
28
|
var NavDropdown = _interopDefault(require('react-bootstrap/NavDropdown'));
|
|
28
|
-
require('react-bootstrap/Form');
|
|
29
|
-
require('react-bootstrap/FormControl');
|
|
30
|
-
var Search = require('./Search.js');
|
|
29
|
+
var Form = _interopDefault(require('react-bootstrap/Form'));
|
|
30
|
+
var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
|
|
31
31
|
var NavFooter = require('./NavFooter-76c913e3.js');
|
|
32
32
|
var SocialNavFooter = require('./SocialNavFooter-9a07520f.js');
|
|
33
|
+
var SocialIcons = require('./SocialIcons.js');
|
|
34
|
+
|
|
35
|
+
// THIS FILE IS AUTO GENERATED
|
|
36
|
+
var GoSearch = function (props) {
|
|
37
|
+
return iconBase.GenIcon({"tag":"svg","attr":{"viewBox":"0 0 16 16"},"child":[{"tag":"path","attr":{"fillRule":"evenodd","d":"M15.7 13.3l-3.81-3.83A5.93 5.93 0 0 0 13 6c0-3.31-2.69-6-6-6S1 2.69 1 6s2.69 6 6 6c1.3 0 2.48-.41 3.47-1.11l3.83 3.81c.19.2.45.3.7.3.25 0 .52-.09.7-.3a.996.996 0 0 0 0-1.41v.01zM7 10.7c-2.59 0-4.7-2.11-4.7-4.7 0-2.59 2.11-4.7 4.7-4.7 2.59 0 4.7 2.11 4.7 4.7 0 2.59-2.11 4.7-4.7 4.7z"}}]})(props);
|
|
38
|
+
};
|
|
39
|
+
GoSearch.displayName = "GoSearch";
|
|
33
40
|
|
|
34
41
|
var NavNative = function NavNative(props) {
|
|
35
42
|
/*
|
|
36
43
|
Example Nav with acceptable props
|
|
37
|
-
|
|
44
|
+
<MagazineNav
|
|
38
45
|
showLogin
|
|
39
46
|
logo={props.settings.logo}
|
|
40
47
|
dataObject={props.cache.mainNavCache}
|
|
@@ -42,7 +49,7 @@ var NavNative = function NavNative(props) {
|
|
|
42
49
|
subNav={props.cache.subNavCache}
|
|
43
50
|
/>
|
|
44
51
|
*/
|
|
45
|
-
|
|
52
|
+
// Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
|
|
46
53
|
var logo = props.logo,
|
|
47
54
|
mobileLogo = props.mobileLogo,
|
|
48
55
|
dataObject = props.dataObject,
|
|
@@ -52,9 +59,13 @@ var NavNative = function NavNative(props) {
|
|
|
52
59
|
_props$showLogin = props.showLogin,
|
|
53
60
|
_props$userData = props.userData,
|
|
54
61
|
_props$socialFooterNa = props.socialFooterNav,
|
|
55
|
-
socialFooterNav = _props$socialFooterNa === undefined ? false : _props$socialFooterNa
|
|
62
|
+
socialFooterNav = _props$socialFooterNa === undefined ? false : _props$socialFooterNa,
|
|
63
|
+
_props$socialIconVari = props.socialIconVariant,
|
|
64
|
+
socialIconVariant = _props$socialIconVari === undefined ? 'dark' : _props$socialIconVari;
|
|
56
65
|
|
|
57
66
|
var navRef = React.useRef(null);
|
|
67
|
+
// reference to mobile search component
|
|
68
|
+
var searchRef = React.useRef(null);
|
|
58
69
|
|
|
59
70
|
var _useState = React.useState(false),
|
|
60
71
|
_useState2 = slicedToArray._slicedToArray(_useState, 2),
|
|
@@ -67,6 +78,12 @@ var NavNative = function NavNative(props) {
|
|
|
67
78
|
setScreenWidth = _useState4[1];
|
|
68
79
|
|
|
69
80
|
React.useEffect(function () {
|
|
81
|
+
// handling the top mast component
|
|
82
|
+
var topNavHeight = document.querySelector('.nav-brands') && document.querySelector('.nav-brands').offsetHeight;
|
|
83
|
+
|
|
84
|
+
// Setting the top of the search component based on the offset of navigation component.
|
|
85
|
+
searchRef.current.style.top = (topNavHeight ? topNavHeight + navRef.current.offsetHeight : navRef.current.offsetHeight) + 1 + 'px';
|
|
86
|
+
|
|
70
87
|
document.addEventListener('scroll', trackScrolling);
|
|
71
88
|
return function () {
|
|
72
89
|
document.removeEventListener('scroll', trackScrolling);
|
|
@@ -88,6 +105,139 @@ var NavNative = function NavNative(props) {
|
|
|
88
105
|
}
|
|
89
106
|
};
|
|
90
107
|
|
|
108
|
+
// Search Term
|
|
109
|
+
|
|
110
|
+
var _useState5 = React.useState(''),
|
|
111
|
+
_useState6 = slicedToArray._slicedToArray(_useState5, 2),
|
|
112
|
+
searchKey = _useState6[0],
|
|
113
|
+
setSearchKey = _useState6[1];
|
|
114
|
+
|
|
115
|
+
// Search function
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
var submitSearch = function submitSearch(e) {
|
|
119
|
+
e.preventDefault();
|
|
120
|
+
window.location.href = '/search?searchTerm=' + searchKey;
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
// Toggling class of an element.Can't use toggle() as IE doesn't support toggle()
|
|
124
|
+
var toggleClass = function toggleClass(selector, type, addOn) {
|
|
125
|
+
if (type === 'id') {
|
|
126
|
+
var searchBar = document.getElementById(selector);
|
|
127
|
+
if (searchBar && searchBar.classList && searchBar.classList.contains(addOn)) {
|
|
128
|
+
searchBar.classList.remove(addOn);
|
|
129
|
+
} else if (searchBar && searchBar.classList) {
|
|
130
|
+
searchBar.classList.add(addOn);
|
|
131
|
+
}
|
|
132
|
+
} else if (type === 'class') {
|
|
133
|
+
var searchBtn = document.getElementsByClassName(selector)[0];
|
|
134
|
+
if (searchBtn && searchBtn.classList && searchBtn.classList.contains(addOn)) {
|
|
135
|
+
searchBtn.classList.remove(addOn);
|
|
136
|
+
} else if (searchBtn && searchBtn.classList) {
|
|
137
|
+
searchBtn.classList.add(addOn);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
};
|
|
141
|
+
|
|
142
|
+
// Search Component
|
|
143
|
+
var socialSearchComponent = function socialSearchComponent(type) {
|
|
144
|
+
if (type === 'mobile') {
|
|
145
|
+
return React__default.createElement(
|
|
146
|
+
'div',
|
|
147
|
+
{ id: 'search-content-mobile' },
|
|
148
|
+
React__default.createElement(
|
|
149
|
+
'div',
|
|
150
|
+
{ id: 'search-bar-mobile', ref: searchRef },
|
|
151
|
+
React__default.createElement(
|
|
152
|
+
Form,
|
|
153
|
+
{ inline: true, onSubmit: function onSubmit(e) {
|
|
154
|
+
return submitSearch(e);
|
|
155
|
+
} },
|
|
156
|
+
React__default.createElement(FormControl, { placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
|
|
157
|
+
return setSearchKey(e.target.value);
|
|
158
|
+
} }),
|
|
159
|
+
React__default.createElement(
|
|
160
|
+
Button,
|
|
161
|
+
{ variant: 'primary', style: { backgroundColor: 'var(--secondary)', border: 'none' }, onClick: function onClick(e) {
|
|
162
|
+
return submitSearch(e);
|
|
163
|
+
} },
|
|
164
|
+
'Search'
|
|
165
|
+
)
|
|
166
|
+
)
|
|
167
|
+
),
|
|
168
|
+
React__default.createElement(
|
|
169
|
+
iconBase.IconContext.Provider,
|
|
170
|
+
{ value: { color: socialIconVariant === 'light' ? 'white' : 'black', className: 'search-btn-mobile', size: '50px' } },
|
|
171
|
+
React__default.createElement(GoSearch, {
|
|
172
|
+
onClick: function onClick() {
|
|
173
|
+
var navToggle = document.getElementsByClassName('navbar-toggler')[0];
|
|
174
|
+
if (navToggle && navToggle.classList && !navToggle.classList.contains('collapsed')) {
|
|
175
|
+
var nav = document.querySelectorAll('.navbar-collapse');
|
|
176
|
+
for (var i = 0; i < nav.length; i++) {
|
|
177
|
+
if (nav[i] && nav[i].classList) nav[i].classList.remove('show');
|
|
178
|
+
}
|
|
179
|
+
if (navToggle && navToggle.classList) navToggle.classList.add('collapsed');
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
toggleClass('search-bar-mobile', 'id', 'show');
|
|
183
|
+
toggleClass('search-btn-mobile', 'class', 'active-search');
|
|
184
|
+
}
|
|
185
|
+
})
|
|
186
|
+
),
|
|
187
|
+
React__default.createElement(
|
|
188
|
+
'style',
|
|
189
|
+
{ jsx: 'true' },
|
|
190
|
+
'\n #search-content-mobile {\n display: flex;\n }\n @media screen and (min-width: 1192px) {\n #search-content-mobile {\n display: none;\n }\n }\n #search-content-mobile .search-btn-mobile {\n padding: 5px;\n position: absolute;\n right: 4%;\n height: 35px;\n width: 35px;\n margin-top: 12px;\n cursor: pointer;\n top: 4px;\n }\n #search-content-mobile #search-bar-mobile {\n position: fixed;\n display: none;\n left: 0px;\n width: 100%;\n border-radius: 5px;\n padding: 10px;\n background-color: var(--primary);\n }\n #search-content-mobile #search-bar-mobile .form-inline {\n margin-top: 0px;\n width: 100% !important;\n }\n #search-content-mobile #search-bar-mobile .form-inline .form-control {\n width: 78%;\n border-radius: 5px;\n height: 45px;\n }\n #search-content-mobile #search-bar-mobile .form-inline .btn {\n width: 20%;\n border-radius: 5px;\n background-color: #040c5a;\n height: 45px;\n margin-left: 5px;\n padding: 1px;\n }\n .show {\n display: block !important;\n }\n .active-search {\n border-radius: 5px;\n border: 1px solid var(--secondary);\n }\n '
|
|
191
|
+
)
|
|
192
|
+
);
|
|
193
|
+
} else if (type === 'desktop') {
|
|
194
|
+
return React__default.createElement(
|
|
195
|
+
'div',
|
|
196
|
+
{ id: 'search-content-desktop' },
|
|
197
|
+
React__default.createElement(
|
|
198
|
+
'div',
|
|
199
|
+
{ id: 'search-bar-desktop' },
|
|
200
|
+
React__default.createElement(
|
|
201
|
+
Form,
|
|
202
|
+
{ inline: true, onSubmit: function onSubmit(e) {
|
|
203
|
+
return submitSearch(e);
|
|
204
|
+
} },
|
|
205
|
+
React__default.createElement(FormControl, { placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
|
|
206
|
+
return setSearchKey(e.target.value);
|
|
207
|
+
} }),
|
|
208
|
+
React__default.createElement(
|
|
209
|
+
Button,
|
|
210
|
+
{ variant: 'primary', style: { backgroundColor: 'var(--secondary)', border: 'none' }, onClick: function onClick(e) {
|
|
211
|
+
return submitSearch(e);
|
|
212
|
+
} },
|
|
213
|
+
'Search'
|
|
214
|
+
)
|
|
215
|
+
)
|
|
216
|
+
),
|
|
217
|
+
React__default.createElement(
|
|
218
|
+
iconBase.IconContext.Provider,
|
|
219
|
+
{ value: { color: socialIconVariant === 'light' ? 'white' : 'black', className: 'search-btn-desktop', size: '50px' } },
|
|
220
|
+
React__default.createElement(GoSearch, {
|
|
221
|
+
onClick: function onClick() {
|
|
222
|
+
toggleClass('search-bar-desktop', 'id', 'show');
|
|
223
|
+
toggleClass('search-btn-desktop', 'class', 'active-search');
|
|
224
|
+
}
|
|
225
|
+
})
|
|
226
|
+
),
|
|
227
|
+
website && website.socialLinks && website.socialLinks.length !== 0 && React__default.createElement(
|
|
228
|
+
'div',
|
|
229
|
+
{ id: 'social-tab-desktop', style: { display: 'flex' } },
|
|
230
|
+
website.socialLinks && React__default.createElement(SocialIcons, { socialLinks: website.socialLinks, variant: socialIconVariant })
|
|
231
|
+
),
|
|
232
|
+
React__default.createElement(
|
|
233
|
+
'style',
|
|
234
|
+
{ jsx: 'true' },
|
|
235
|
+
'\n #social-tab-desktops {\n position: relative;\n display: flex;\n left: 0px;\n }\n #social-tab-desktops svg {\n height: 25px !important;\n width: 25px !important;\n }\n @media screen and (max-width: 1191px) {\n #search-content-desktop {\n display: none !important;\n }\n }\n @media screen and (min-width: 992px) {\n .mobile-nav {\n width: 100% !important;\n }\n }\n #search-content-desktop {\n display: flex;\n padding-top: 1px;\n height: 35px;\n position: absolute;\n right: 5%;\n }\n #search-content-desktop .search-btn-desktop {\n padding: 5px;\n height: 32px;\n width: 32px;\n margin: -2px 5px 0px 0px;\n cursor: pointer;\n }\n #search-content-desktop #search-bar-desktop {\n display: none;\n background-color: var(--primary);\n position: relative;\n width: 400px;\n border-radius: 5px;\n height: 48px;\n top: 50px;\n }\n #search-content-desktop #search-bar-desktop .form-inline {\n padding: 5px;\n }\n #search-content-desktop #search-bar-desktop .form-inline .form-control {\n width: 78%;\n border-radius: 5px;\n }\n #search-content-desktop #search-bar-desktop .form-inline .btn {\n width: 20%;\n border-radius: 5px;\n padding: 7px;\n margin-left: 5px;\n }\n .show {\n display: block !important;\n }\n .active-search {\n border-radius: 5px;\n border: 1px solid var(--secondary);\n }\n '
|
|
236
|
+
)
|
|
237
|
+
);
|
|
238
|
+
}
|
|
239
|
+
};
|
|
240
|
+
|
|
91
241
|
return React__default.createElement(
|
|
92
242
|
React__default.Fragment,
|
|
93
243
|
null,
|
|
@@ -115,19 +265,45 @@ var NavNative = function NavNative(props) {
|
|
|
115
265
|
),
|
|
116
266
|
React__default.createElement(
|
|
117
267
|
'div',
|
|
118
|
-
{ className: 'nav-toggle' },
|
|
119
|
-
React__default.createElement(Navbar.Toggle, {
|
|
268
|
+
{ className: 'nav-toggle', style: { width: 'auto' } },
|
|
269
|
+
React__default.createElement(Navbar.Toggle, {
|
|
270
|
+
'aria-controls': 'basic-navbar-nav',
|
|
271
|
+
onClick: function onClick() {
|
|
272
|
+
var searchBar = document.getElementById('search-bar-mobile');
|
|
273
|
+
var searchBtn = document.getElementsByClassName('search-btn-mobile');
|
|
274
|
+
if (searchBar && searchBar.classList) {
|
|
275
|
+
searchBar.classList.remove('show');
|
|
276
|
+
}
|
|
277
|
+
if (searchBtn && searchBtn[0].classList) {
|
|
278
|
+
searchBtn[0].classList.remove('active-search');
|
|
279
|
+
}
|
|
280
|
+
}
|
|
281
|
+
}),
|
|
120
282
|
React__default.createElement(
|
|
121
283
|
Navbar.Brand,
|
|
122
284
|
{ id: 'nav-mobile-md', className: 'nav-mobile-logo' },
|
|
123
285
|
React__default.createElement(
|
|
124
286
|
'a',
|
|
125
287
|
{ href: '/' },
|
|
126
|
-
mobileLogo && screenWidth < 1200 ? React__default.createElement('img', { src: mobileLogo, alt: website.title ? website.title : website.name ? website.name : 'Website Logo' }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '
|
|
288
|
+
mobileLogo && screenWidth < 1200 ? React__default.createElement('img', { src: mobileLogo, style: { height: '40px' }, alt: website.title ? website.title : website.name ? website.name : 'Website Logo' }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '40px' }, alt: website.title ? website.title : website.name ? website.name : 'Website Logo' })
|
|
127
289
|
)
|
|
290
|
+
)
|
|
291
|
+
),
|
|
292
|
+
React__default.createElement(
|
|
293
|
+
'div',
|
|
294
|
+
{ className: 'site-logo-wrapper', style: { display: 'none' } },
|
|
295
|
+
React__default.createElement(
|
|
296
|
+
'a',
|
|
297
|
+
{ href: '/' },
|
|
298
|
+
React__default.createElement('img', { src: logo })
|
|
128
299
|
),
|
|
129
|
-
React__default.createElement(
|
|
300
|
+
React__default.createElement(
|
|
301
|
+
'style',
|
|
302
|
+
{ jsx: 'true' },
|
|
303
|
+
'\n @media screen and (max-width: 1191px) {\n .site-logo-wrapper {\n display: block !important;\n margin: auto;\n margin-top: 10px;\n padding-right: 8%;\n }\n .site-logo-wrapper img {\n object-fit: contain;\n max-height: 38px;\n }\n .nav-mobile-logo {\n display: none !important;\n }\n }\n @media screen and (max-width: 767px) {\n .site-logo-wrapper {\n padding-right: 17%;\n }\n }\n @media screen and (max-width: 420px) {\n .site-logo-wrapper img {\n max-width: 200px;\n }\n }\n '
|
|
304
|
+
)
|
|
130
305
|
),
|
|
306
|
+
socialSearchComponent('mobile'),
|
|
131
307
|
subNav && React__default.createElement(
|
|
132
308
|
Navbar.Collapse,
|
|
133
309
|
{ id: 'basic-navbar-sub' },
|
|
@@ -242,8 +418,7 @@ var NavNative = function NavNative(props) {
|
|
|
242
418
|
) : null;
|
|
243
419
|
}
|
|
244
420
|
})
|
|
245
|
-
)
|
|
246
|
-
React__default.createElement(Search, { device: 'mobile' })
|
|
421
|
+
)
|
|
247
422
|
),
|
|
248
423
|
website && React__default.createElement(
|
|
249
424
|
Navbar.Collapse,
|
|
@@ -253,7 +428,8 @@ var NavNative = function NavNative(props) {
|
|
|
253
428
|
{ className: 'mr-auto' },
|
|
254
429
|
socialFooterNav ? React__default.createElement(SocialNavFooter.SocialNavFooter, { website: website }) : React__default.createElement(NavFooter.NavFooter, { website: website })
|
|
255
430
|
)
|
|
256
|
-
)
|
|
431
|
+
),
|
|
432
|
+
socialSearchComponent('desktop')
|
|
257
433
|
)
|
|
258
434
|
),
|
|
259
435
|
React__default.createElement(
|
|
@@ -268,7 +444,7 @@ var NavNative = function NavNative(props) {
|
|
|
268
444
|
React__default.createElement(
|
|
269
445
|
'style',
|
|
270
446
|
{ jsx: 'true' },
|
|
271
|
-
'\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n
|
|
447
|
+
'\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n #nav-mobile-sm {\n display: none;\n }\n @media screen and (max-width: 1192px) {\n .mobile-nav .nav-toggle {\n display: flex;\n justify-content: space-between;\n }\n .nav-mobile-logo {\n margin-left: 1.5rem;\n }\n #nav-mobile-md {\n margin-right: auto;\n }\n .nav-mobile-logo img {\n height: 48px !important;\n }\n .nav-mobile-logo img {\n height: 38px !important;\n }\n .ios-nav {\n max-height: none;\n }\n .navbar.bg-primary {\n overflow: auto;\n }\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .nav-toggle .form-inline {\n float: right;\n margin: 4px 0px 0px 0px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n .navbar-expand-lg .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n padding-left: 0.5rem;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n /* To break text into next line */\n white-space: inherit !important;\n margin-bottom: 5px;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n direction: rtl;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n @media screen and (min-width: 992px) {\n #search-content-mobile {\n position: absolute;\n right: 4%;\n top: 10%;\n }\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n .mobile-nav .nav-toggle .form-inline {\n display: none;\n }\n }\n @media screen and (max-width: 376px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n width: 60%;\n }\n .mobile-nav .nav-toggle .form-inline {\n flex: 1 1 auto;\n margin-left: 0.25rem;\n }\n }\n @media screen and (max-width: 328px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n margin-right: 5px;\n }\n }\n @media screen and (max-width: 767px) {\n #nav-mobile-md {\n display: none;\n }\n #nav-mobile-sm {\n display: inline-block;\n margin: 0 auto 0.5rem;\n }\n .nav-toggle {\n margin: 0.5rem 0;\n padding: 0 0.5rem;\n }\n }\n '
|
|
272
448
|
)
|
|
273
449
|
);
|
|
274
450
|
};
|
package/dist/cjs/NavNormal.js
CHANGED
|
@@ -18,12 +18,12 @@ require('./stringify-7c5aff47.js');
|
|
|
18
18
|
require('./asyncToGenerator-8e707718.js');
|
|
19
19
|
require('./_set-species-4458e975.js');
|
|
20
20
|
var Segment = require('./beam-d22818d3.js');
|
|
21
|
-
require('./iconBase-
|
|
21
|
+
require('./iconBase-68959171.js');
|
|
22
22
|
require('react-bootstrap/Button');
|
|
23
23
|
var Nav = _interopDefault(require('react-bootstrap/Nav'));
|
|
24
24
|
var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
|
|
25
25
|
var NavDropdown = _interopDefault(require('react-bootstrap/NavDropdown'));
|
|
26
|
-
var index_esm$1 = require('./index.esm-
|
|
26
|
+
var index_esm$1 = require('./index.esm-66ffa47a.js');
|
|
27
27
|
require('react-bootstrap/Form');
|
|
28
28
|
require('react-bootstrap/FormControl');
|
|
29
29
|
var Search = require('./Search.js');
|
package/dist/cjs/OncliveHero.js
CHANGED
|
@@ -7,9 +7,9 @@ var React = require('react');
|
|
|
7
7
|
var React__default = _interopDefault(React);
|
|
8
8
|
var moment = require('./moment-66a6a284.js');
|
|
9
9
|
var index$1 = require('./index-b5eb3ff8.js');
|
|
10
|
-
require('./iconBase-
|
|
10
|
+
require('./iconBase-68959171.js');
|
|
11
11
|
require('react-bootstrap/Badge');
|
|
12
|
-
require('./index.esm-
|
|
12
|
+
require('./index.esm-89fabc47.js');
|
|
13
13
|
|
|
14
14
|
var OncliveHero = function OncliveHero(props) {
|
|
15
15
|
var client = props.client;
|
package/dist/cjs/PdfDownload.js
CHANGED
|
@@ -4,8 +4,8 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var React__default = _interopDefault(React);
|
|
7
|
-
require('./iconBase-
|
|
8
|
-
var index_esm$1 = require('./index.esm-
|
|
7
|
+
require('./iconBase-68959171.js');
|
|
8
|
+
var index_esm$1 = require('./index.esm-66ffa47a.js');
|
|
9
9
|
|
|
10
10
|
var PdfDownload = function PdfDownload(props) {
|
|
11
11
|
return React__default.createElement(
|