@mjhls/mjh-framework 1.0.448 → 1.0.450

package/dist/cjs/IssueLanding.js

@@ -1,5 +1,7 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./core.get-iterator-method-41e87ec1.js');
@@ -11,19 +13,20 @@ require('./_object-pie-68c5bcbc.js');
 require('./extends-60837c34.js');
 require('./web.dom.iterable-43c3e277.js');
 var React = require('react');
-require('./index-b2448ff6.js');
+var React__default = _interopDefault(React);
+require('./index-fa3cec70.js');
 require('prop-types');
 require('react-bootstrap/Card');
-require('./moment-66a6a284.js');
+require('./moment-575fe24c.js');
 require('next/router');
 require('./isSymbol-488934a7.js');
 require('./debounce-32e57002.js');
-require('./index.es-44c8e726.js');
+require('./index.es-9110add6.js');
 require('react-dom');
-require('./visibility-sensor-a40ae0cd.js');
+require('./visibility-sensor-0c45a583.js');
 require('./index-be0c82be.js');
-require('./index-8a3fb0bc.js');
-require('./main-d76cde9c.js');
+require('./index-fa0fb52c.js');
+require('./main-88348b15.js');
 require('./entities-310b46ee.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
@@ -33,19 +36,15 @@ require('./promise-074978a7.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./AdSlot.js');
-require('./ADInfeed-7b80e936.js');
+require('./ADInfeed-5c1d1425.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-23bfb514.js');
-require('./AuthorComponent-5bb8f868.js');
+require('./ADlgInfeed-ce35bd57.js');
+require('./AuthorComponent-cb8b8128.js');
 require('react-bootstrap');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('react-bootstrap/Breadcrumb');
 var Breadcrumbs = require('./Breadcrumbs.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 /* usage
 import Settings, { Ads } from '../../../../settings'
 import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
@@ -84,16 +83,16 @@ var IssueLanding = function IssueLanding(props) {
       pageview = props.pageview,
       rightItems = props.rightItems;
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { id: 'issueLanding' },
-    React__default['default'].createElement(Breadcrumbs, null),
-    pubIssue.issue.displayLabel && React__default['default'].createElement(
+    React__default.createElement(Breadcrumbs, null),
+    pubIssue.issue.displayLabel && React__default.createElement(
       'p',
       { className: 'badge badge-primary' },
       pubIssue.issue.name
     ),
-    React__default['default'].createElement(QueueDeckExpanded, {
+    React__default.createElement(QueueDeckExpanded, {
       client: client,
       mapping: settings.mapping,
       dataRecord: pubIssue.issue.articles,

package/dist/cjs/LeftNav.js

@@ -2,13 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var ListGroup = require('react-bootstrap/ListGroup');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ListGroup__default = /*#__PURE__*/_interopDefaultLegacy(ListGroup);
+var React = require('react');
+var React__default = _interopDefault(React);
+var ListGroup = _interopDefault(require('react-bootstrap/ListGroup'));
 
 var LeftNav = function LeftNav(props) {
   var leftItems = props.leftItems,
@@ -39,50 +37,50 @@ var LeftNav = function LeftNav(props) {
 
   var renderListGroupItem = function renderListGroupItem(subRow) {
     if (checkUrlIsExternal(subRow.url)) {
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'a',
         { target: subRow.blank ? '_blank' : '_self', href: subRow.url },
         subRow.name
       );
     }
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'a',
       { href: subRow.url || '#', target: subRow.blank ? '_blank' : '_self' },
       subRow.name
     );
   };
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'section',
     null,
     leftItems && leftItems.map(function (row, index) {
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'nav',
         { key: index, 'aria-label': 'Secondary' },
-        React__default['default'].createElement(
+        React__default.createElement(
           'div',
           { style: { display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }, className: 'secondary-nav-title list-group-item active' },
-          React__default['default'].createElement(
+          React__default.createElement(
             'span',
             { className: 'mr-1', style: { display: 'inline-block', fontWeight: 'bold', fontSize: '1rem' } },
             row.name
           ),
-          row.url && SeeAll && React__default['default'].createElement(
+          row.url && SeeAll && React__default.createElement(
             'span',
             { style: { marginLeft: 'auto', display: 'inline-block' } },
-            React__default['default'].createElement(
+            React__default.createElement(
               'a',
               { style: { color: 'white', fontSize: '.6rem' }, href: row.url },
               'See All >'
             )
           )
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           'ul',
           { style: sideNavStyles },
           row.subQuery && row.subQuery.map(function (subRow, subIndex) {
-            return React__default['default'].createElement(
-              ListGroup__default['default'].Item,
+            return React__default.createElement(
+              ListGroup.Item,
               { as: 'li', key: subIndex + '_2' },
               renderListGroupItem(subRow)
             );
@@ -93,7 +91,7 @@ var LeftNav = function LeftNav(props) {
   );
 };
 
-var LeftNav$1 = React__default['default'].memo(LeftNav);
+var LeftNav$1 = React__default.memo(LeftNav);
 
 exports.LeftNav = LeftNav;
 exports.default = LeftNav$1;

package/dist/cjs/MasterDeck.js

@@ -1,5 +1,7 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./core.get-iterator-method-41e87ec1.js');
@@ -10,34 +12,31 @@ var toConsumableArray = require('./toConsumableArray-ca04303b.js');
 require('./_object-pie-68c5bcbc.js');
 var _extends = require('./extends-60837c34.js');
 require('./_object-sap-5e74ba08.js');
-var inherits = require('./inherits-4a2f1cc3.js');
+var inherits = require('./inherits-93684212.js');
 require('./web.dom.iterable-43c3e277.js');
-require('./typeof-583cdc4b.js');
+require('./typeof-1869832c.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
-var index = require('./index-b2448ff6.js');
+var React__default = _interopDefault(React);
+var index = require('./index-fa3cec70.js');
 require('prop-types');
-var Container = require('react-bootstrap/Container');
+var Container = _interopDefault(require('react-bootstrap/Container'));
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-require('./moment-66a6a284.js');
+require('./moment-575fe24c.js');
 var Router = require('next/router');
+var Router__default = _interopDefault(Router);
 require('./isSymbol-488934a7.js');
 var debounce = require('./debounce-32e57002.js');
-var index_es = require('./index.es-44c8e726.js');
+var index_es = require('./index.es-9110add6.js');
 require('react-dom');
-var visibilitySensor = require('./visibility-sensor-a40ae0cd.js');
+var visibilitySensor = require('./visibility-sensor-0c45a583.js');
 require('./index-be0c82be.js');
-var main = require('./main-d76cde9c.js');
+var main = require('./main-88348b15.js');
 require('./_set-species-4458e975.js');
 var promise = require('./promise-074978a7.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
-
 var MasterDeck = function (_React$Component) {
   inherits._inherits(MasterDeck, _React$Component);
 
@@ -209,26 +208,26 @@ var MasterDeck = function (_React$Component) {
       }
     }, _this.cardLoader = function (page, columns, variant) {
       var numberOfItemsBeforeAd = 6;
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'div',
         null,
         _this.state.data && _this.state.data.length > 0 ? _this.state.data.map(function (row, index) {
           var pageNumber = row.pageNumber || _this.state.page;
 
-          return React__default['default'].createElement(
-            React__default['default'].Fragment,
+          return React__default.createElement(
+            React__default.Fragment,
             { key: index },
-            React__default['default'].createElement(
+            React__default.createElement(
               visibilitySensor.VisibilitySensor,
               {
                 onChange: function onChange(isVisible) {
                   isVisible && _this.changePageNumber(pageNumber);
                 } },
-              React__default['default'].createElement(
+              React__default.createElement(
                 'div',
                 null,
-                React__default['default'].createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage }),
-                main.main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
+                React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage }),
+                main.main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
                   'div',
                   { className: 'ad-container', style: { margin: '0 auto' } },
                   _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
@@ -236,13 +235,13 @@ var MasterDeck = function (_React$Component) {
               )
             )
           );
-        }) : React__default['default'].createElement(
+        }) : React__default.createElement(
           'div',
           null,
-          React__default['default'].createElement(
+          React__default.createElement(
             'h5',
             null,
-            React__default['default'].createElement(
+            React__default.createElement(
               'em',
               null,
               'New content coming soon, please check back later.'
@@ -252,7 +251,7 @@ var MasterDeck = function (_React$Component) {
       );
     }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd, rightItems) {
       var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'div',
         { className: 'ad-container', style: { display: 'flex', flex: '1 0 auto', width: '100%', textAlign: 'center', marginBottom: '2rem' } },
         rightItems[i].component
@@ -260,15 +259,15 @@ var MasterDeck = function (_React$Component) {
     }, _this.renderManualPagination = function () {
       var currentPage = _this.state.currentPage;
 
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'div',
         { className: 'd-flex justify-content-between' },
-        currentPage && currentPage > 1 && React__default['default'].createElement(
+        currentPage && currentPage > 1 && React__default.createElement(
           'a',
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -312,38 +311,38 @@ var MasterDeck = function (_React$Component) {
           page = _props.page;
 
 
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'div',
         { className: 'contentDeck' },
-        autoScroll ? React__default['default'].createElement(
-          React__default['default'].Fragment,
+        autoScroll ? React__default.createElement(
+          React__default.Fragment,
           null,
-          React__default['default'].createElement(
+          React__default.createElement(
             index_es.InfiniteScroll,
             { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
-            React__default['default'].createElement(
-              Container__default['default'],
+            React__default.createElement(
+              Container,
               null,
               this.cardLoader(page, columns, variant)
             )
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'noscript',
             null,
             this.renderManualPagination()
           )
-        ) : React__default['default'].createElement(
-          React__default['default'].Fragment,
+        ) : React__default.createElement(
+          React__default.Fragment,
           null,
-          React__default['default'].createElement(
-            Container__default['default'],
+          React__default.createElement(
+            Container,
             null,
             this.cardLoader(page, columns, variant)
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'div',
             { style: { padding: '0px 10px' } },
-            this.state.scrolling ? React__default['default'].createElement(
+            this.state.scrolling ? React__default.createElement(
               'button',
               {
                 style: { margin: 'auto', width: '100%' },
@@ -351,17 +350,17 @@ var MasterDeck = function (_React$Component) {
                   _this3.loadMore();
                 } },
               'Load More'
-            ) : React__default['default'].createElement(
+            ) : React__default.createElement(
               'p',
               { style: { textAlign: 'center' } },
-              React__default['default'].createElement(
+              React__default.createElement(
                 'b',
                 null,
                 'End of data'
               )
             )
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'noscript',
             null,
             this.renderManualPagination()
@@ -372,7 +371,7 @@ var MasterDeck = function (_React$Component) {
   }]);
 
   return MasterDeck;
-}(React__default['default'].Component);
+}(React__default.Component);
 
 var MasterDeck$1 = Router.withRouter(MasterDeck);
 

package/dist/cjs/NavDvm.js

@@ -2,29 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./core.get-iterator-method-41e87ec1.js');
 require('./web.dom.iterable-43c3e277.js');
 var React = require('react');
-var Container = require('react-bootstrap/Container');
+var React__default = _interopDefault(React);
+var Container = _interopDefault(require('react-bootstrap/Container'));
 require('./slicedToArray-8063ee51.js');
 require('react-bootstrap/Button');
-var Nav = require('react-bootstrap/Nav');
-var Navbar = require('react-bootstrap/Navbar');
-var NavDropdown = require('react-bootstrap/NavDropdown');
+var Nav = _interopDefault(require('react-bootstrap/Nav'));
+var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
+var NavDropdown = _interopDefault(require('react-bootstrap/NavDropdown'));
 require('react-bootstrap/Form');
 require('react-bootstrap/FormControl');
 var Search = require('./Search.js');
-var NavFooter = require('./NavFooter-3dcd99a8.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
-var Nav__default = /*#__PURE__*/_interopDefaultLegacy(Nav);
-var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
-var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
+var NavFooter = require('./NavFooter-76c913e3.js');
 
 var NavDvm = function NavDvm(props) {
   var logo = props.logo,
@@ -36,87 +31,87 @@ var NavDvm = function NavDvm(props) {
 
   var getLink = function getLink(url, className, name, key, blank) {
     if (url && (url.includes('https://') || url.includes('http://'))) {
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'a',
         { target: blank ? '_blank' : '_self', key: key, href: url || '#', className: className },
         name
       );
     }
 
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'a',
       { key: key, href: url || '#', target: blank ? '_blank' : '_self', className: className },
       name
     );
   };
 
-  return React__default['default'].createElement(
-    React__default['default'].Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    React__default['default'].createElement(
-      Navbar__default['default'],
+    React__default.createElement(
+      Navbar,
       { className: 'top-nav', expand: 'xl' },
-      React__default['default'].createElement(
-        Container__default['default'],
+      React__default.createElement(
+        Container,
         null,
-        React__default['default'].createElement(
-          Nav__default['default'],
+        React__default.createElement(
+          Nav,
           { className: 'justify-content-center', style: { margin: '0 auto' } },
-          React__default['default'].createElement(
-            Nav__default['default'].Item,
+          React__default.createElement(
+            Nav.Item,
             null,
-            React__default['default'].createElement(
+            React__default.createElement(
               'a',
               { href: '/' },
-              React__default['default'].createElement('img', { src: logo, style: { height: '55px' } })
+              React__default.createElement('img', { src: logo, style: { height: '55px' } })
             )
           )
         )
       )
     ),
-    React__default['default'].createElement(
-      Navbar__default['default'],
+    React__default.createElement(
+      Navbar,
       { className: 'bottom-nav', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top' },
-      React__default['default'].createElement(
-        Container__default['default'],
+      React__default.createElement(
+        Container,
         { className: 'mobile-nav position-relative' },
-        mobileLogo && React__default['default'].createElement(
+        mobileLogo && React__default.createElement(
           'a',
           { href: '/', className: 'mobile-logo' },
-          React__default['default'].createElement('img', { src: mobileLogo })
+          React__default.createElement('img', { src: mobileLogo })
         ),
-        React__default['default'].createElement(Navbar__default['default'].Toggle, { 'aria-controls': 'basic-navbar-nav' }),
-        React__default['default'].createElement(
-          Navbar__default['default'].Collapse,
+        React__default.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
+        React__default.createElement(
+          Navbar.Collapse,
           { id: 'basic-navbar-nav' },
-          React__default['default'].createElement(
-            Nav__default['default'],
+          React__default.createElement(
+            Nav,
             { className: 'mr-auto' },
             dataObject && dataObject.map(function (row, index) {
               if (row.subQuery.length > 0) {
-                return React__default['default'].createElement(
+                return React__default.createElement(
                   'div',
                   null,
-                  React__default['default'].createElement(
-                    NavDropdown__default['default'],
+                  React__default.createElement(
+                    NavDropdown,
                     { key: index, title: row.name, id: 'basic-nav-dropdown' },
                     row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                       if (ddRow.type === 'divider') {
-                        return React__default['default'].createElement(NavDropdown__default['default'].Divider, { key: subIndex });
+                        return React__default.createElement(NavDropdown.Divider, { key: subIndex });
                       } else {
                         return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex, ddRow.blank);
                       }
                     })
                   ),
-                  React__default['default'].createElement(
+                  React__default.createElement(
                     'noscript',
                     null,
-                    React__default['default'].createElement(
+                    React__default.createElement(
                       'div',
                       null,
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default['default'].createElement(NavDropdown__default['default'].Divider, { key: subIndex });
+                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
                         } else {
                           return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex, ddRow.blank);
                         }
@@ -129,28 +124,28 @@ var NavDvm = function NavDvm(props) {
               }
             })
           ),
-          React__default['default'].createElement(Search, null)
+          React__default.createElement(Search, null)
         ),
-        subNav && React__default['default'].createElement(
-          Navbar__default['default'].Collapse,
+        subNav && React__default.createElement(
+          Navbar.Collapse,
           { id: 'basic-navbar-sub' },
-          React__default['default'].createElement(
-            Nav__default['default'],
+          React__default.createElement(
+            Nav,
             { className: 'mr-auto' },
             subNav && subNav.map(function (row, index) {
               if (row.subQuery && row.subQuery.length > 0) {
-                return row.name ? React__default['default'].createElement(
+                return row.name ? React__default.createElement(
                   'div',
                   null,
-                  React__default['default'].createElement(
-                    NavDropdown__default['default'],
+                  React__default.createElement(
+                    NavDropdown,
                     { key: index, title: row.name, id: 'basic-nav-dropdown' },
                     row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                       if (ddRow.type === 'divider') {
-                        return React__default['default'].createElement(NavDropdown__default['default'].Divider, { key: subIndex });
+                        return React__default.createElement(NavDropdown.Divider, { key: subIndex });
                       } else {
                         if (ddRow.url && ddRow.name) {
-                          return ddRow.url && ddRow.name ? React__default['default'].createElement(
+                          return ddRow.url && ddRow.name ? React__default.createElement(
                             'a',
                             { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                             ddRow.name
@@ -159,18 +154,18 @@ var NavDvm = function NavDvm(props) {
                       }
                     })
                   ),
-                  React__default['default'].createElement(
+                  React__default.createElement(
                     'noscript',
                     null,
-                    React__default['default'].createElement(
+                    React__default.createElement(
                       'div',
                       null,
                       row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
                         if (ddRow.type === 'divider') {
-                          return React__default['default'].createElement(NavDropdown__default['default'].Divider, { key: subIndex });
+                          return React__default.createElement(NavDropdown.Divider, { key: subIndex });
                         } else {
                           if (ddRow.url && ddRow.name) {
-                            return ddRow.url && ddRow.name ? React__default['default'].createElement(
+                            return ddRow.url && ddRow.name ? React__default.createElement(
                               'a',
                               { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                               ddRow.name
@@ -182,7 +177,7 @@ var NavDvm = function NavDvm(props) {
                   )
                 ) : null;
               } else {
-                return row.url && row.name ? React__default['default'].createElement(
+                return row.url && row.name ? React__default.createElement(
                   'a',
                   { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                   row.name
@@ -191,27 +186,27 @@ var NavDvm = function NavDvm(props) {
             })
           )
         ),
-        website && React__default['default'].createElement(
-          Navbar__default['default'].Collapse,
+        website && React__default.createElement(
+          Navbar.Collapse,
           { id: 'basic-navbar-sub' },
-          React__default['default'].createElement(
-            Nav__default['default'],
+          React__default.createElement(
+            Nav,
             { className: 'mr-auto' },
-            React__default['default'].createElement(NavFooter.NavFooter, { website: website })
+            React__default.createElement(NavFooter.NavFooter, { website: website })
           )
         )
       )
     ),
-    React__default['default'].createElement(
+    React__default.createElement(
       'noscript',
       null,
-      React__default['default'].createElement(
+      React__default.createElement(
         'style',
         { jsx: 'true' },
         '\n          .navbar .collapse {\n            display: block;\n          }\n        '
       )
     ),
-    React__default['default'].createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        .mobile-logo {\n          display: none;\n          position: absolute;\n          left: 50%;\n          top: 0;\n          height: 40px;\n          transform: translateX(-50%);\n        }\n        .mobile-logo img {\n          height: 100%;\n        }\n        @media screen and (max-width: 1192px) {\n          .mobile-logo {\n            display: block;\n          }\n          .top-nav {\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: 20px;\n            border-bottom: 0.5px solid white;\n            margin-bottom: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            margin: 5px 0px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\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        }\n        @media screen and (max-width: 991px) {\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        }\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        }\n      '