@mjhls/mjh-framework 1.0.672 → 1.0.673-article-series

package/dist/esm/RecentNews.js

@@ -1,9 +1,9 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import React__default from 'react';
-import './moment-12415288.js';
+import React from 'react';
+import './moment-b6f49411.js';
 import { i as imageUrlBuilder } from './index-51a80699.js';
 import './iconBase-602d52fe.js';
-import { a as FaLongArrowAltRight } from './index.esm-cf08bf18.js';
+import { a as FaLongArrowAltRight } from './index.esm-a8ff922c.js';
 
 var RecentNews = function RecentNews(_ref) {
   var client = _ref.client,
@@ -22,39 +22,39 @@ var RecentNews = function RecentNews(_ref) {
   var topArticle = dataRecord[0];
   var subArticles = dataRecord.slice(1, dataRecord.length);
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { className: 'recent-news-container', style: { border: '3px solid ' + borderColor } },
-    React__default.createElement(
+    React.createElement(
       'div',
       { className: 'recent-news-title' },
-      React__default.createElement(
+      React.createElement(
         'h2',
         null,
         heroTitle
       ),
-      React__default.createElement('div', null)
+      React.createElement('div', null)
     ),
-    React__default.createElement(
+    React.createElement(
       'div',
       { className: 'recent-news-inner' },
-      React__default.createElement(
+      React.createElement(
         'div',
         { className: 'recent-article-wrap', style: { flexBasis: '100%' } },
-        React__default.createElement(
+        React.createElement(
           'a',
           { href: '/view/' + topArticle.url.current, className: 'recent-article' },
-          React__default.createElement(
+          React.createElement(
             'p',
             null,
             topArticle.title
           )
         ),
         subArticles.map(function (article, index) {
-          return React__default.createElement(
+          return React.createElement(
             'a',
             { key: index, href: '/view/' + article.url.current, className: 'recent-article' },
-            React__default.createElement(
+            React.createElement(
               'p',
               null,
               article.title
@@ -63,21 +63,21 @@ var RecentNews = function RecentNews(_ref) {
         })
       )
     ),
-    linkTo && React__default.createElement(
+    linkTo && React.createElement(
       'div',
       { className: 'recent-view-more' },
-      React__default.createElement(
+      React.createElement(
         'a',
         { href: linkTo },
         linkTitle,
-        React__default.createElement(
+        React.createElement(
           'span',
           null,
-          React__default.createElement(FaLongArrowAltRight, { color: 'var(--primary)' })
+          React.createElement(FaLongArrowAltRight, { color: 'var(--primary)' })
         )
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        .recent-news-container {\n          margin-bottom: 1.7rem;\n          margin-top: 1rem;\n          position: relative;\n        }\n        .recent-news-title {\n          position: absolute;\n          top: -10px;\n          background: white;\n          z-index: 2;\n          left: 10px;\n          padding-right: 0.25rem;\n          padding-left: 0.25rem;\n          font-weight: bold;\n        }\n        .recent-news-title h2 {\n          font-size: 0.9rem;\n          font-weight: bold;\n        }\n        .recent-news-inner {\n          display: flex;\n          flex-direction: row;\n          padding-top: 0.75rem;\n          margin-top: 0.75rem;\n        }\n        .recent-article-wrap {\n          padding: 0 0.5rem;\n        }\n     \n        .recent-article {\n          border-bottom: 1px solid #ccc;\n          display: block;\n          margin-bottom: 0.5rem;\n        }\n        .recent-article:last-child {\n          border-bottom: none;\n        }\n        .recent-article:hover {\n          background: #eee;\n        }\n        .recent-article p {\n          font-size: 0.7rem;\n          margin-bottom: 0.5rem;\n          color: #252525;\n        }\n        .recent-view-more {\n          position: absolute;\n          right: 0;\n          margin-top: 0.25rem;\n          font-size: 0.7rem;\n          font-weight: bold;\n        }\n        .recent-view-more span {\n          display: inline-block;\n          color: rgb(81, 116, 153);\n          font-size: 0.7rem;\n        }\n        @media screen and (max-width: 1191px){\n         \n            .recent-article > p {\n              font-size: 0.7rem;\n            }\n          }\n        }\n        @media screen and (max-width: 495px) {\n          \n          .recent-article > p {\n            font-size: 0.7rem;\n          }\n        }\n      '

package/dist/esm/RelatedContent.js

@@ -1,10 +1,10 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import React__default from 'react';
+import React from 'react';
 import 'prop-types';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-b6f49411.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-51a80699.js';
-import { L as LazyLoad } from './index-5f9f807a.js';
+import { L as LazyLoad } from './index-c5fd0af5.js';
 import 'react-bootstrap/Media';
 
 /*
@@ -47,47 +47,47 @@ var RelatedContent = function RelatedContent(props) {
     return builder.image(source);
   }
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     null,
-    React__default.createElement(
+    React.createElement(
       'h1',
       { className: 'mb-4 pb-2', style: { borderBottom: '1px solid #ccc', fontSize: '1.2rem', fontWeight: 'bold', color: '#252525' } },
       'Related Content'
     ),
-    React__default.createElement(
+    React.createElement(
       'div',
       { className: 'related-articles-container' },
       dataRecord.map(function (article, index) {
-        return React__default.createElement(
+        return React.createElement(
           'a',
           { key: index, href: '/view/' + article.url.current, className: 'related-article' },
-          React__default.createElement(
+          React.createElement(
             'figure',
             null,
-            React__default.createElement(
+            React.createElement(
               LazyLoad,
               { once: true },
-              React__default.createElement('img', {
+              React.createElement('img', {
                 src: article.thumbnail ? urlFor(article.thumbnail.asset).width(500).url() : defaultImage,
                 alt: article.title
               })
             )
           ),
-          React__default.createElement(
+          React.createElement(
             'div',
             { className: 'related-article-body' },
-            React__default.createElement('h4', { dangerouslySetInnerHTML: { __html: article.title } }),
-            props.showPublished && React__default.createElement(
+            React.createElement('h4', { dangerouslySetInnerHTML: { __html: article.title } }),
+            props.showPublished && React.createElement(
               'p',
               { className: 'pb-0 mb-0' },
               moment(article.published).format('MMMM DD, YYYY hh:mma')
             ),
-            props.showAuthor && article.authorMapping && article.authorMapping[0] && React__default.createElement(
+            props.showAuthor && article.authorMapping && article.authorMapping[0] && React.createElement(
               'p',
               null,
               'By ',
-              React__default.createElement(
+              React.createElement(
                 'b',
                 null,
                 article.authorMapping[0].displayName
@@ -96,7 +96,7 @@ var RelatedContent = function RelatedContent(props) {
           )
         );
       }),
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n          .related-article {\n            width: 100%;\n            display: flex;\n            flex-direction: ' + (props.reverse ? 'row-reverse' : 'row') + ';\n            margin-bottom: 1rem;\n          }\n          .related-article figure {\n            width: 165px;\n            height: 110px;\n            min-width: 165px;\n          }\n          .related-article figure img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n          }\n          .related-article-body {\n            flex: 1 1 auto;\n            padding: 0 1rem;\n          }\n          .related-article-body h4 {\n            font-weight: bold;\n            font-size: 1.1rem;\n            margin-bottom: 0.25rem;\n            line-height: 1.3;\n          }\n          @media screen and (max-width: 430px) {\n            .related-article {\n              flex-direction: column;\n            }\n            .related-article figure {\n              width: 80%;\n              height: auto;\n              min-width: 80%;\n              margin: 0 auto;\n            }\n            .related-article figure img {\n              width: 100%;\n              height: auto;\n              object-fit: cover;\n            }\n          }\n        '

package/dist/esm/RelatedTopicsDropdown.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import DropdownButton from 'react-bootstrap/DropdownButton';
 import Dropdown from 'react-bootstrap/Dropdown';
 
@@ -29,21 +29,21 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
     if (parentTaxonomy.identifier == exclude) {
       return '';
     }
-    return React__default.createElement(
+    return React.createElement(
       'div',
       null,
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: true },
         '\n          #related_dropdown > .dropdown > .dropdown-menu.show {\n            position: absolute;\n            top: auto !important;\n            max-height: 50vh !important;\n            box-shadow: 0px 0px 25px #ccc;\n            z-index: 9999;\n            transform: none !important;\n          }\n          @media only screen and (max-width: 720px) {\n            #related_dropdown > .dropdown > .dropdown-menu.show {\n              position: absolute;\n              max-height: 30vh !important;\n              max-width: 95vw;\n              box-shadow: 0px 0px 25px #ccc;\n              z-index: 9999;\n              font-size: 0.85em;\n            }\n          }\n        '
       ),
-      React__default.createElement(
+      React.createElement(
         'div',
         { id: 'related_dropdown', className: className },
-        React__default.createElement(
+        React.createElement(
           DropdownButton,
           { id: 'related_button', variant: variant, title: 'Related Topics' },
-          React__default.createElement(
+          React.createElement(
             Dropdown.Item,
             { href: parentTaxonomy.identifier },
             parentTaxonomy.name
@@ -52,22 +52,22 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
       )
     );
   } else {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       null,
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: true },
         '\n          #related_dropdown > .dropdown > .dropdown-menu.show {\n            position: absolute;\n            top: auto !important;\n            max-height: 40vh !important;\n            z-index: 9999;\n            transform: none !important;\n          }\n          @media only screen and (max-width: 720px) {\n            #related_dropdown > .dropdown > .dropdown-menu.show {\n              position: absolute;\n              max-height: 30vh !important;\n              max-width: 95vw;\n              z-index: 9999;\n              font-size: 0.85em;\n            }\n          }\n        '
       ),
-      React__default.createElement(
+      React.createElement(
         'div',
         { id: 'related_dropdown', className: className },
-        React__default.createElement(
+        React.createElement(
           DropdownButton,
           { id: 'related_button', variant: variant, title: 'Related Topics' },
           subTaxonomies.length > 0 && subTaxonomies.map(function (taxonomy, index) {
-            return React__default.createElement(
+            return React.createElement(
               Dropdown.Item,
               { key: index, href: page + '/' + taxonomy.identifier },
               taxonomy.name

package/dist/esm/RolesDeck.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
@@ -15,43 +15,43 @@ var RolesDeck = function RolesDeck(props) {
   //        dataRecord - data record to be shown in card.
   //   />
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { className: 'rolesDeck' },
-    React__default.createElement(
+    React.createElement(
       Container,
       null,
-      React__default.createElement(
+      React.createElement(
         Row,
         null,
         data && data.map(function (row, index) {
           if (row && row.url && row.name) {
-            return React__default.createElement(
+            return React.createElement(
               Col,
               { key: index, md: 12, lg: 6, counter: index++, style: { display: 'flex', flex: '1 0 auto' } },
-              React__default.createElement(
+              React.createElement(
                 Card,
                 { className: 'taxonomy-card', style: { position: 'relative', overflow: 'hidden', borderBottom: '3px solid var(--primary)' } },
-                React__default.createElement(
+                React.createElement(
                   Card.Link,
                   { href: row.url },
-                  React__default.createElement(
+                  React.createElement(
                     Card.Body,
                     null,
-                    React__default.createElement(
+                    React.createElement(
                       Row,
                       null,
-                      React__default.createElement(
+                      React.createElement(
                         Col,
                         { className: 'details-content-wrapper' },
-                        React__default.createElement(
+                        React.createElement(
                           'div',
                           { className: 'details-wrapper' },
                           row.name
                         )
                       )
                     ),
-                    icon && React__default.createElement(
+                    icon && React.createElement(
                       'span',
                       {
                         className: 'taxonomy-icon',
@@ -73,7 +73,7 @@ var RolesDeck = function RolesDeck(props) {
         })
       )
     ),
-    icon && React__default.createElement(
+    icon && React.createElement(
       'style',
       { jsx: 'true' },
       '\n          .taxonomy-card .taxonomy-icon {\n            transform: translateY(-50%) translateX(10px) !important;\n          }\n          .taxonomy-card.card:hover .taxonomy-icon {\n            transform: translateY(-50%) translateX(5px) scale(1.25) rotate(-180deg) !important;\n          }\n        '

package/dist/esm/Search.js

@@ -3,7 +3,7 @@ import './_to-object-ded78eb9.js';
 import './es6.string.iterator-9b2af4a5.js';
 import './core.get-iterator-method-54d2e411.js';
 import './web.dom.iterable-8956f9a5.js';
-import React__default, { useState } from 'react';
+import React, { useState } from 'react';
 import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import Button from 'react-bootstrap/Button';
 import Form from 'react-bootstrap/Form';
@@ -27,12 +27,12 @@ var Search = function Search(props) {
     window.location.href = '/search?searchTerm=' + searchKey;
   };
 
-  return React__default.createElement(
+  return React.createElement(
     Form,
     { inline: true, onSubmit: function onSubmit(e) {
         return submitSearch(e);
       } },
-    React__default.createElement(FormControl, {
+    React.createElement(FormControl, {
       className: device === 'mobile' ? 'mobile-search mr-sm-2' : 'mr-sm-2',
       type: 'text',
       placeholder: placeholder,
@@ -41,14 +41,14 @@ var Search = function Search(props) {
         return setSearchKey(e.target.value);
       }
     }),
-    React__default.createElement(
+    React.createElement(
       Button,
       { variant: 'secondary', onClick: function onClick(e) {
           return submitSearch(e);
         } },
       btnText
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        .mobile-search {\n          width: 75%;\n          margin-right: 15px;\n        }\n      '

package/dist/esm/SideFooter.js

@@ -6,7 +6,7 @@ import './_iter-detect-59409a32.js';
 import './core.get-iterator-method-54d2e411.js';
 import './define-property-de3fc946.js';
 import './web.dom.iterable-8956f9a5.js';
-import React__default, { useRef, useEffect } from 'react';
+import React, { useRef, useEffect } from 'react';
 import 'prop-types';
 import './isSymbol-807e927e.js';
 import './stringify-008c8802.js';
@@ -14,20 +14,20 @@ import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import { S as Segment } from './beam-681a9749.js';
 import { g as get_1 } from './get-5ee14cda.js';
-import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
+import { r as reactSocialIcons_1 } from './react-social-icons-3822f1ce.js';
 import { _ as _defineProperty } from './defineProperty-b798470d.js';
 
 var year = new Date().getFullYear();
 
 var renderLink = function renderLink(row) {
   if (row.blank) {
-    return React__default.createElement(
+    return React.createElement(
       'a',
       _defineProperty({ rel: 'noopener', href: row.url, needsegmentsupport: row.needSegmentSupport ? 'true' : '', target: '_blank' }, 'rel', 'noopener noreferrer'),
       row.title
     );
   }
-  return React__default.createElement(
+  return React.createElement(
     'a',
     { href: row.url, needsegmentsupport: row.needSegmentSupport ? 'true' : '' },
     row.title
@@ -69,24 +69,24 @@ var SideFooter = function SideFooter(props) {
     name = copyRightText;
   }
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { className: 'side-footer', ref: sfRef },
-    React__default.createElement(
+    React.createElement(
       'ul',
       null,
       footerLinks && footerLinks.map(function (row, index) {
-        return React__default.createElement(
+        return React.createElement(
           'li',
           { key: index },
           renderLink(row)
         );
       }),
-      React__default.createElement(
+      React.createElement(
         'li',
         { style: { marginTop: '10px' } },
         socialLinks && socialLinks.map(function (row, index) {
-          return React__default.createElement(reactSocialIcons_1, {
+          return React.createElement(reactSocialIcons_1, {
             target: row.blank ? '_blank' : '_self',
             rel: 'noopener noreferrer',
             key: index,
@@ -97,39 +97,39 @@ var SideFooter = function SideFooter(props) {
         })
       )
     ),
-    logo && React__default.createElement(
+    logo && React.createElement(
       'ul',
       null,
-      React__default.createElement(
+      React.createElement(
         'li',
         { className: 'pt-2' },
-        React__default.createElement(
+        React.createElement(
           'a',
           { href: 'https://www.mjhlifesciences.com' },
-          React__default.createElement('img', { style: { maxWidth: '100%' }, alt: 'MJHLS Brand Logo', src: logo })
+          React.createElement('img', { style: { maxWidth: '100%' }, alt: 'MJHLS Brand Logo', src: logo })
         )
       )
     ),
-    showAddress && React__default.createElement(
+    showAddress && React.createElement(
       'div',
       null,
-      address ? address : React__default.createElement(
+      address ? address : React.createElement(
         'p',
         null,
         '2 Clarke Drive',
-        React__default.createElement('br', null),
+        React.createElement('br', null),
         'Suite 100',
-        React__default.createElement('br', null),
+        React.createElement('br', null),
         'Cranbury, NJ 08512'
       )
     ),
-    React__default.createElement(
+    React.createElement(
       'p',
       null,
       '\xA9 ',
       year,
       ' MJH Life Sciences',
-      React__default.createElement(
+      React.createElement(
         'sup',
         null,
         '\u2122'

package/dist/esm/SocialIcons.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 
 // SVGs for light icons
 var lightIcons = [{
@@ -57,12 +57,12 @@ var SocialIcons = function SocialIcons(props) {
       if (icon) {
         // Creating icon component
         var Icon = function Icon() {
-          return React__default.createElement('p', { dangerouslySetInnerHTML: { __html: icon } });
+          return React.createElement('p', { dangerouslySetInnerHTML: { __html: icon } });
         };
-        return React__default.createElement(
+        return React.createElement(
           'a',
           { href: link.url, target: link.blank ? '_blank' : '_self', style: { marginRight: '4px' } },
-          React__default.createElement(Icon, null)
+          React.createElement(Icon, null)
         );
       } else return null;
     });
@@ -76,12 +76,12 @@ var SocialIcons = function SocialIcons(props) {
       if (icon) {
         // Creating icon component
         var Icon = function Icon() {
-          return React__default.createElement('p', { dangerouslySetInnerHTML: { __html: icon } });
+          return React.createElement('p', { dangerouslySetInnerHTML: { __html: icon } });
         };
-        return React__default.createElement(
+        return React.createElement(
           'a',
           { href: link.url, target: link.blank ? '_blank' : '_self', style: { marginRight: '4px' } },
-          React__default.createElement(Icon, null)
+          React.createElement(Icon, null)
         );
       } else return null;
     });

package/dist/esm/{SocialSearchComponent-75527dfe.js → SocialSearchComponent-a13fc98b.js}

@@ -1,10 +1,10 @@
-import React__default, { useState, useRef, useEffect } from 'react';
-import { d as main_31, a as main_40 } from './main-0465b2a0.js';
+import React, { useState, useRef, useEffect } from 'react';
+import { d as main_31, a as main_41 } from './main-edbd70ac.js';
 import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import { I as IconContext } from './iconBase-602d52fe.js';
 import Button from 'react-bootstrap/Button';
 import Form from 'react-bootstrap/Form';
-import { G as GoSearch } from './index.esm-73e847d2.js';
+import { G as GoSearch } from './index.esm-902766e0.js';
 import SocialIcons from './SocialIcons.js';
 import FormControl from 'react-bootstrap/FormControl';
 
@@ -68,14 +68,14 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
       var searchBtn = document.getElementsByClassName(selector)[0];
       if (searchBtn && searchBtn.classList && searchBtn.classList.contains(addOn)) {
         // Set overflow fix for iPhones safari browsers
-        if (main_40 || window.innerWidth < 1200 && main_31) {
+        if (main_41 || window.innerWidth < 1200 && main_31) {
           var mainNav = document.querySelector('#navbar-ham');
           if (mainNav && mainNav.style) mainNav.style.overflow = 'auto';
         }
         searchBtn.classList.remove(addOn);
       } else if (searchBtn && searchBtn.classList) {
         // Set overflow fix for iPhones safari browsers
-        if (main_40 || window.innerWidth < 1200 && main_31) {
+        if (main_41 || window.innerWidth < 1200 && main_31) {
           var _mainNav = document.querySelector('#navbar-ham');
           if (_mainNav && _mainNav.style) _mainNav.style.overflow = 'visible';
         }
@@ -85,21 +85,21 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
   };
 
   var socialSearchDesktop = function socialSearchDesktop() {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       { id: 'search-content-desktop', ref: desktopComponent, style: { display: 'flex' } },
-      React__default.createElement(
+      React.createElement(
         'div',
         { id: 'search-bar-desktop', style: { top: topOffset, right: rightOffset } },
-        React__default.createElement(
+        React.createElement(
           Form,
           { style: { padding: '6px' }, inline: true, onSubmit: function onSubmit(e) {
               return submitSearch(e);
             } },
-          React__default.createElement(FormControl, { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
+          React.createElement(FormControl, { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
               return setSearchKey(e.target.value);
             } }),
-          React__default.createElement(
+          React.createElement(
             Button,
             { variant: 'primary', style: { backgroundColor: 'var(--secondary)', border: 'none', width: '20%', marginLeft: '2%' }, onClick: function onClick(e) {
                 return submitSearch(e);
@@ -108,22 +108,22 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
           )
         )
       ),
-      React__default.createElement(
+      React.createElement(
         IconContext.Provider,
         { value: { color: socialIconVariant === 'light' ? 'white' : 'black', className: 'search-btn-desktop', size: '35px' } },
-        React__default.createElement(GoSearch, {
+        React.createElement(GoSearch, {
           onClick: function onClick() {
             toggleClass('search-bar-desktop', 'id', 'show');
             toggleClass('search-btn-desktop', 'class', 'active-search');
           }
         })
       ),
-      website && website.socialLinks && website.socialLinks.length !== 0 && React__default.createElement(
+      website && website.socialLinks && website.socialLinks.length !== 0 && React.createElement(
         'div',
         { id: 'social-tab-desktop', style: { display: 'flex', left: '0px', position: 'relative', paddingTop: '3px', maxHeight: '35px' } },
-        website.socialLinks && React__default.createElement(SocialIcons, { socialLinks: website.socialLinks, variant: socialIconVariant })
+        website.socialLinks && React.createElement(SocialIcons, { socialLinks: website.socialLinks, variant: socialIconVariant })
       ),
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n          #search-content-desktop .search-btn-desktop {\n            padding: 5px;\n            cursor: pointer;\n          }\n          #search-content-desktop #search-bar-desktop {\n            display: none;\n            background-color: var(--primary);\n            position: absolute;\n            width: 400px;\n            border-radius: 5px;\n            height: 48px;\n            right: 15%;\n          }\n          #search-content-desktop .search-btn-desktop.active-search {\n            border-radius: 5px;\n            border: 1px solid var(--secondary) !important;\n          }\n          #search-content-desktop #search-bar-desktop.show {\n            display: block !important;\n          }\n        '
@@ -132,21 +132,21 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
   };
 
   var socialSearchMobile = function socialSearchMobile() {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       { id: 'search-content-mobile', ref: mobileComponent },
-      React__default.createElement(
+      React.createElement(
         'div',
         { id: 'search-bar-mobile', style: { top: topOffset } },
-        React__default.createElement(
+        React.createElement(
           Form,
           { inline: true, style: { padding: '6px', width: '100%' }, onSubmit: function onSubmit(e) {
               return submitSearch(e);
             } },
-          React__default.createElement(FormControl, { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
+          React.createElement(FormControl, { style: { width: '78%' }, placeholder: 'Search', type: 'text', value: searchKey, onChange: function onChange(e) {
               return setSearchKey(e.target.value);
             } }),
-          React__default.createElement(
+          React.createElement(
             Button,
             { variant: 'primary', style: { backgroundColor: 'var(--secondary)', border: 'none', width: '20%', marginLeft: '2%' }, onClick: function onClick(e) {
                 return submitSearch(e);
@@ -155,10 +155,10 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
           )
         )
       ),
-      React__default.createElement(
+      React.createElement(
         IconContext.Provider,
         { value: { color: socialIconVariant === 'light' ? 'white' : 'black', className: 'search-btn-mobile', size: '35px' } },
-        React__default.createElement(GoSearch, {
+        React.createElement(GoSearch, {
           onClick: function onClick() {
             var navToggle = document.getElementsByClassName('navbar-toggler')[0];
             if (navToggle && navToggle.classList && !navToggle.classList.contains('collapsed')) {
@@ -174,7 +174,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
           }
         })
       ),
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n          #search-content-mobile {\n            display: flex;\n            z-index: 999;\n          }\n          @media screen and (min-width: 1200px) {\n            #search-content-mobile {\n              display: none;\n            }\n          }\n          #search-content-mobile .search-btn-mobile {\n            padding: 5px;\n            right: 4%;\n            height: 35px;\n            width: 35px;\n            margin-top: 4px;\n            cursor: pointer;\n          }\n          #search-content-mobile #search-bar-mobile {\n            position: ' + (main_31 ? 'absolute' : '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          #search-content-mobile .search-btn-mobile.active-search {\n            border-radius: 5px;\n            border: 1px solid var(--secondary);\n          }\n          #search-content-mobile #search-bar-mobile.show {\n            display: block !important;\n          }\n        '