@mjhls/mjh-framework 1.0.799-social-share-flag-v2 → 1.0.800-mobile-ad-test

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.799
+# mjh-framework v. 1.0.800
 
 
 [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

package/dist/cjs/AD300x250.js

@@ -89,7 +89,7 @@ var AD300x250 = function AD300x250(_ref) {
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
-      '\n        .AD300x250 .div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n      '
+      '\n        .AD300x250 div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n        @media screen and (max-width: 768px){\n          .AD300x250 .adunitContainer{\n            min-height: 300px;\n          }\n          .AD300x250 .adunitContainer:empty{\n            animation: collapse 3s;\n          }\n          @keyframes collapse {\n            0%{min-height: 300px;}\n            99%{min-height: 300px;}\n            100%{min-height: 0px;}\n          }\n        }\n      \n      '
     )
   );
 };

package/dist/cjs/AlgoliaSearch.js

@@ -0,0 +1,164 @@
+'use strict';
+
+var _extends = require('./extends-29bdbc6d.js');
+var _typeof = require('./typeof-88a668c5.js');
+var inherits = require('./inherits-c2065b95.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var reactInstantsearchDom = require('react-instantsearch-dom');
+var reactBootstrap = require('react-bootstrap');
+var index = require('./index-efca863c.js');
+var moment = require('./moment-aca40de1.js');
+var index$1 = require('./index-eadd5035.js');
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-6de10e57.js');
+require('./_object-pie-083f2dd6.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./web.dom.iterable-46657b5c.js');
+require('./_is-array-6128bd56.js');
+require('./_library-dd23b178.js');
+require('./_object-sap-a175b4a9.js');
+require('./define-property-c88be878.js');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var AlgoliaSearch = function (_React$Component) {
+  inherits._inherits(AlgoliaSearch, _React$Component);
+
+  function AlgoliaSearch() {
+    inherits._classCallCheck(this, AlgoliaSearch);
+
+    return inherits._possibleConstructorReturn(this, (AlgoliaSearch.__proto__ || inherits._Object$getPrototypeOf(AlgoliaSearch)).apply(this, arguments));
+  }
+
+  inherits._createClass(AlgoliaSearch, [{
+    key: 'Deck',
+    value: function Deck(props) {
+      var _props$propsObj = props.propsObj,
+          styles = _props$propsObj.styles,
+          client = _props$propsObj.client;
+
+      var builder = index.imageUrlBuilder(client);
+      var hit = props.hit;
+      return React__default['default'].createElement(
+        'div',
+        { key: hit.url, className: styles.article },
+        React__default['default'].createElement(
+          'a',
+          { href: '/view/' + hit.url, style: this.props.variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
+          React__default['default'].createElement(
+            'div',
+            { className: styles.thumb },
+            React__default['default'].createElement(
+              'figure',
+              null,
+              React__default['default'].createElement(
+                index$1.LazyLoad,
+                null,
+                React__default['default'].createElement('img', {
+                  src: hit.thumbnail && hit.thumbnail.asset ? builder.image(hit.thumbnail).url() : hit.thumbnail && _typeof._typeof(hit.thumbnail === 'string') ? hit.thumbnail : this.props.defaultImage
+                })
+              )
+            )
+          ),
+          React__default['default'].createElement(
+            'div',
+            { className: styles.info, style: this.props.variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
+            React__default['default'].createElement(
+              'h2',
+              null,
+              hit.title
+            ),
+            hit.pubDateSort && React__default['default'].createElement(
+              'p',
+              { className: styles.published },
+              moment.moment(hit.pubDateSort).format('MMMM Do YYYY')
+            ),
+            hit.authorMapping && hit.authorMapping.length > 0 && React__default['default'].createElement(
+              'p',
+              { className: styles.author },
+              hit.authorMapping.map(function (author) {
+                return React__default['default'].createElement(
+                  'span',
+                  null,
+                  author.displayName
+                );
+              })
+            ),
+            hit.summary && React__default['default'].createElement('p', { dangerouslySetInnerHTML: { __html: hit.summary }, className: styles.summary })
+          )
+        )
+      );
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var propsObj = {
+        styles: this.props.deckStyles,
+        client: this.props.sanityClient
+      };
+      return React__default['default'].createElement(
+        React__default['default'].Fragment,
+        null,
+        React__default['default'].createElement(
+          reactInstantsearchDom.InstantSearch,
+          _extends._extends({
+            searchClient: this.props.searchClient,
+            resultsState: this.props.resultsState,
+            onSearchStateChange: this.props.onSearchStateChange,
+            searchState: this.props.searchState,
+            createURL: this.props.createURL,
+            indexName: this.props.indexName,
+            onSearchParameters: this.props.onSearchParameters
+          }, this.props),
+          React__default['default'].createElement(reactInstantsearchDom.Configure, { hitsPerPage: this.props.hitsPerPage || 20 }),
+          React__default['default'].createElement(reactInstantsearchDom.SearchBox, null),
+          this.props.refinementAttributes && React__default['default'].createElement(
+            'div',
+            { className: 'search_refinement' },
+            this.props.refinementAttributes.map(function (item, index) {
+              return React__default['default'].createElement(
+                reactBootstrap.DropdownButton,
+                { title: item.title },
+                React__default['default'].createElement(reactInstantsearchDom.RefinementList, { showMore: item.showMore, limit: item.limit, showMoreLimit: item.showMoreLimit, attribute: item.attribute })
+              );
+            })
+          ),
+          React__default['default'].createElement(
+            'div',
+            { className: 'AlgoliaResults' },
+            React__default['default'].createElement(reactInstantsearchDom.Hits, { hitComponent: function hitComponent(hit) {
+                return _this2.Deck(_extends._extends({}, hit, { propsObj: propsObj }));
+              } })
+          ),
+          React__default['default'].createElement(reactInstantsearchDom.Pagination, null)
+        ),
+        React__default['default'].createElement(
+          'style',
+          { jsx: 'true' },
+          '\n          .AlgoliaResults {\n            padding-left: 15px;\n            margin-top: 3rem;\n          }\n\n          .search_refinement {\n            display: flex;\n            margin: 2rem 0;\n          }\n\n          .search_refinement > div {\n            padding-right: 1rem;\n            max-height: 500px;\n          }\n\n          .ais-Hits-list {\n            margin: 0;\n            list-style: none;\n            padding-inline-start: 0;\n          }\n          .ais-Pagination-list {\n            list-style: none;\n          }\n          .ais-Pagination-list {\n            -webkit-box-pack: center;\n            -ms-flex-pack: center;\n            justify-content: center;\n          }\n          .ais-Pagination-item + .ais-Pagination-item {\n            margin-left: 0.3rem;\n          }\n          .ais-Pagination-link {\n            padding: 0.3rem 0.6rem;\n            display: block;\n            border: 1px solid var(--search-primary);\n            border-radius: 5px;\n            transition: background-color 0.2s ease-out;\n          }\n          .ais-Pagination-link:focus,\n          .ais-Pagination-link:hover {\n            background-color: var(--search-secondary);\n            color: #fff;\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link {\n            opacity: 0.6;\n            cursor: not-allowed;\n            color: var(--search-secondary);\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link:focus,\n          .ais-Pagination-item--disabled .ais-Pagination-link:hover {\n            color: #fff;\n            background-color: var(--search-secondary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link {\n            color: #fff;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link:focus,\n          .ais-Pagination-item--selected .ais-Pagination-link:hover {\n            color: #fff;\n          }\n          .ais-Pagination-list,\n          .ais-Results-list {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n          }\n          .ais-Pagination-list,\n          .ais-PoweredBy,\n          .ais-RangeInput-form,\n          .ais-RatingMenu-link {\n            display: -webkit-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n          }\n\n          .ais-RefinementList-item {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n          }\n          .ais-RefinementList-list {\n            margin: 0;\n            padding: 0 1rem;\n            width: max-content;\n          }\n          .ais-SearchBox-form {\n            width: 100%;\n            border-radius: 5px;\n            height: 48px;\n          }\n          .ais-SearchBox-input {\n            padding: 0.5rem;\n            border-radius: 5px;\n            width: calc(100% - 150px);\n            height: 48px;\n            border: 0;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit {\n            width: 78px;\n            border-radius: 5px;\n            padding: 7px;\n            margin-left: 5px;\n            height: 48px;\n            background-color: var(--search-primary);\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit > svg {\n            fill: #fff;\n          }\n          .search_refinement > .dropdown > button {\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n\n          .ais-SearchBox-reset {\n            height: 48px;\n            width: 48px;\n            color: #fff;\n            background-color: var(--search-primary);\n            border: 0;\n            margin-left: 5px;\n            border-radius: 5px;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-reset > svg {\n            fill: #fff;\n          }\n          .ais-RefinementList-checkbox {\n            margin-right: 5px;\n          }\n\n          .ais-RefinementList-showMore {\n            padding: 0.5rem;\n            border: 0;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n            color: #fff;\n            border: 1px solid;\n            border-radius: 5px;\n            margin-left: 1rem;\n          }\n        '
+        )
+      );
+    }
+  }]);
+
+  return AlgoliaSearch;
+}(React__default['default'].Component);
+
+AlgoliaSearch.propTypes = {
+  searchState: PropTypes__default['default'].object,
+  resultsState: PropTypes__default['default'].oneOfType([PropTypes__default['default'].object, PropTypes__default['default'].array]),
+  onSearchStateChange: PropTypes__default['default'].func,
+  createURL: PropTypes__default['default'].func,
+  indexName: PropTypes__default['default'].string,
+  searchClient: PropTypes__default['default'].object,
+  refinementAttributes: PropTypes__default['default'].array
+};
+
+module.exports = AlgoliaSearch;

package/dist/cjs/ArticleProgramLandingPage.js

@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var _extends = require('./extends-29bdbc6d.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var getSerializers = require('./index-59b791eb.js');
+var getSerializers = require('./index-70cfabd2.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');

package/dist/cjs/ExternalResources.js

@@ -4,7 +4,7 @@ var _extends = require('./extends-29bdbc6d.js');
 var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var getSerializers = require('./index-59b791eb.js');
+var getSerializers = require('./index-70cfabd2.js');
 var index = require('./index-f86bb269.js');
 var Router = require('next/router');
 var Button = require('react-bootstrap/Button');

package/dist/cjs/HamMagazine.js

@@ -6,7 +6,7 @@ var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
 var NavFooter = require('./NavFooter-3dcd99a8.js');
 var index_esm$2 = require('./index.esm-8123cf40.js');
-var SocialSearchComponent = require('./SocialSearchComponent-31afe61f.js');
+var SocialSearchComponent = require('./SocialSearchComponent-ecb4f972.js');
 require('react-bootstrap/Form');
 require('react-bootstrap/FormControl');
 require('react-bootstrap/Button');

package/dist/cjs/HorizontalArticleListing.js

@@ -5,7 +5,7 @@ var React = require('react');
 var ArticleCarousel = require('./ArticleCarousel.js');
 var index_esm = require('./index.esm-974f47d9.js');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var getSerializers = require('./index-59b791eb.js');
+var getSerializers = require('./index-70cfabd2.js');
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-6de10e57.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/MediaSeriesLanding.js

@@ -16,7 +16,7 @@ var index = require('./index-efca863c.js');
 var moment = require('./moment-aca40de1.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var getSerializers = require('./index-59b791eb.js');
+var getSerializers = require('./index-70cfabd2.js');
 require('./define-property-c88be878.js');
 require('./_to-object-6de10e57.js');
 require('./es6.string.iterator-c2573ffd.js');

package/dist/cjs/NavMagazine.js

@@ -14,7 +14,7 @@ var NavFooter = require('./NavFooter-3dcd99a8.js');
 var index_esm$2 = require('./index.esm-8123cf40.js');
 var main = require('./main-025fdc78.js');
 var Segment = require('./Segment.js');
-var SocialSearchComponent = require('./SocialSearchComponent-31afe61f.js');
+var SocialSearchComponent = require('./SocialSearchComponent-ecb4f972.js');
 require('./_commonjsHelpers-06173234.js');
 require('./web.dom.iterable-46657b5c.js');
 require('./es6.string.iterator-c2573ffd.js');

package/dist/cjs/NavNative.js

@@ -434,7 +434,7 @@ var NavNative = function NavNative(props) {
 
   var submitSearch = function submitSearch(e) {
     e.preventDefault();
-    window.location.href = '/search?searchTerm=' + searchKey;
+    window.location.href = '/search?searchTerm=' + encodeURIComponent(searchKey);
   };
 
   // Toggling class of an element.Can't use toggle() as IE doesn't support toggle()

package/dist/cjs/PartnerDetailListing.js

@@ -12,7 +12,7 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-59b791eb.js');
+var getSerializers = require('./index-70cfabd2.js');
 var BlockContent = require('./BlockContent-36e54d77.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');

package/dist/cjs/Search.js

@@ -33,7 +33,7 @@ var Search = function Search(props) {
 
   var submitSearch = function submitSearch(e) {
     e.preventDefault();
-    window.location.href = '/search?searchTerm=' + searchKey;
+    window.location.href = '/search?searchTerm=' + encodeURIComponent(searchKey);
   };
 
   return React__default['default'].createElement(

package/dist/cjs/{SocialSearchComponent-31afe61f.js → SocialSearchComponent-ecb4f972.js}

@@ -61,7 +61,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
   // Search function
   var submitSearch = function submitSearch(e) {
     e.preventDefault();
-    window.location.href = '/search?searchTerm=' + searchKey;
+    window.location.href = '/search?searchTerm=' + encodeURIComponent(searchKey);
   };
 
   // Toggling class of an element.Can't use toggle() as IE doesn't support toggle()

package/dist/cjs/SocialShare.js

@@ -22,13 +22,11 @@ var SocialShare = function SocialShare(props) {
       _props$disableMeta = props.disableMeta,
       disableMeta = _props$disableMeta === undefined ? false : _props$disableMeta,
       hidePinterest = props.hidePinterest,
-      hideFacebook = props.hideFacebook,
-      showSocialShare = props.showSocialShare;
+      hideFacebook = props.hideFacebook;
 
-  return showSocialShare && React__default['default'].createElement(
+  return React__default['default'].createElement(
     React__default['default'].Fragment,
     null,
-    'showSocialShare(',
     !disableMeta && React__default['default'].createElement(
       Head__default['default'],
       null,
@@ -67,8 +65,7 @@ var SocialShare = function SocialShare(props) {
       reactShare.EmailShareButton,
       { url: shareUrl, subject: shareSubject, body: shareSummary },
       React__default['default'].createElement(reactShare.EmailIcon, { size: size, round: true })
-    ),
-    ')'
+    )
   );
 };
 

package/dist/cjs/TaxonomyDescription.js

@@ -6,7 +6,7 @@ var React = require('react');
 var Router = require('next/router');
 var Head = require('next/head');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var getSerializers = require('./index-59b791eb.js');
+var getSerializers = require('./index-70cfabd2.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');

package/dist/cjs/TemplateNormal.js

@@ -59,7 +59,7 @@ require('./iconBase-68959171.js');
 require('./index.esm-974f47d9.js');
 require('./NavFooter-3dcd99a8.js');
 require('./index.esm-8123cf40.js');
-require('./SocialSearchComponent-31afe61f.js');
+require('./SocialSearchComponent-ecb4f972.js');
 require('./SocialIcons.js');
 require('react-bootstrap/Form');
 require('react-bootstrap/FormControl');

package/dist/cjs/VideoProgramLandingPage.js

@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-36e54d77.js');
 var Col = require('react-bootstrap/Col');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-59b791eb.js');
+var getSerializers = require('./index-70cfabd2.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-c2573ffd.js');

package/dist/cjs/View.js

@@ -17,7 +17,7 @@ var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 var SocialShare = require('./SocialShare.js');
-var getSerializers = require('./index-59b791eb.js');
+var getSerializers = require('./index-70cfabd2.js');
 var AdSlot = require('./AdSlot.js');
 var SeriesSlider = require('./SeriesSlider-c022ce04.js');
 var getTargeting = require('./getTargeting-be6168ad.js');
@@ -927,8 +927,6 @@ var Article = React.forwardRef(function (props, ref) {
         shareImageDefault = shareOptions.shareImageDefault,
         shareBaseUrl = shareOptions.shareBaseUrl;
         shareOptions.shareSiteTitle;
-        var _shareOptions$showSoc = shareOptions.showSocialShare,
-        showSocialShare = _shareOptions$showSoc === undefined ? true : _shareOptions$showSoc;
 
     var shareUrl = shareBaseUrl + props.article.url.current;
     var shareTitle = article.title;
@@ -1106,8 +1104,7 @@ var Article = React.forwardRef(function (props, ref) {
                     twitterSiteName: twitterSiteName,
                     disableMeta: true,
                     hidePinterest: hidePinterestShare,
-                    hideFacebook: hideFBShare,
-                    showSocialShare: showSocialShare
+                    hideFacebook: hideFBShare
                   })
                 )
               ),

package/dist/cjs/getSerializers.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var getSerializers = require('./index-59b791eb.js');
+var getSerializers = require('./index-70cfabd2.js');
 require('./BlockContent-36e54d77.js');
 require('./entities-3f9d0f2f.js');
 require('./slicedToArray-5d1bc3b3.js');

package/dist/cjs/index.js

@@ -21,6 +21,7 @@ var IssueContentDeck = require('./IssueContentDeck.js');
 var EventsDeck = require('./EventsDeck.js');
 var CMEDeck = require('./CMEDeck.js');
 var ExternalResources = require('./ExternalResources.js');
+var AlgoliaSearch = require('./AlgoliaSearch.js');
 var Column1 = require('./Column1.js');
 var Column2 = require('./Column2.js');
 var Column3 = require('./Column3.js');
@@ -82,7 +83,7 @@ var VerticalHero = require('./VerticalHero.js');
 var YahooHero = require('./YahooHero.js');
 var GridHero = require('./GridHero.js');
 var ConferenceArticleCard = require('./ConferenceArticleCard.js');
-var getSerializers = require('./index-59b791eb.js');
+var getSerializers = require('./index-70cfabd2.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');
@@ -155,6 +156,7 @@ require('react-bootstrap/Spinner');
 require('react-bootstrap/Form');
 require('./index-f86bb269.js');
 require('./js.cookie-a511c430.js');
+require('react-instantsearch-dom');
 require('./ConferenceBanner-6c9e718a.js');
 require('next/head');
 require('react-bootstrap/ListGroup');
@@ -167,7 +169,7 @@ require('react-bootstrap/NavDropdown');
 require('./index.esm-3b9b8952.js');
 require('./NavFooter-3dcd99a8.js');
 require('./index.esm-8123cf40.js');
-require('./SocialSearchComponent-31afe61f.js');
+require('./SocialSearchComponent-ecb4f972.js');
 require('react-bootstrap/FormControl');
 require('react-bootstrap/Carousel');
 require('react-bootstrap/Breadcrumb');
@@ -307,6 +309,7 @@ exports.IssueContentDeck = IssueContentDeck;
 exports.EventsDeck = EventsDeck;
 exports.CMEDeck = CMEDeck;
 exports.ExternalResources = ExternalResources;
+exports.AlgoliaSearch = AlgoliaSearch;
 exports.Column1 = Column1.Column1;
 exports.Column2 = Column2.Column2;
 exports.Column3 = Column3.Column3;

package/dist/esm/AD300x250.js

@@ -83,7 +83,7 @@ var AD300x250 = function AD300x250(_ref) {
     React.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .AD300x250 .div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n      '
+      '\n        .AD300x250 div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n        @media screen and (max-width: 768px){\n          .AD300x250 .adunitContainer{\n            min-height: 300px;\n          }\n          .AD300x250 .adunitContainer:empty{\n            animation: collapse 3s;\n          }\n          @keyframes collapse {\n            0%{min-height: 300px;}\n            99%{min-height: 300px;}\n            100%{min-height: 0px;}\n          }\n        }\n      \n      '
     )
   );
 };

package/dist/esm/AlgoliaSearch.js

@@ -0,0 +1,157 @@
+import { _ as _extends } from './extends-60e0e1c6.js';
+import { _ as _typeof } from './typeof-a286cf0c.js';
+import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-a41fe93f.js';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { InstantSearch, Configure, SearchBox, RefinementList, Hits, Pagination } from 'react-instantsearch-dom';
+import { DropdownButton } from 'react-bootstrap';
+import { i as imageUrlBuilder } from './index-0dbff1d1.js';
+import { m as moment } from './moment-bc12cb97.js';
+import { L as LazyLoad } from './index-35bdcc81.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-b50e61c3.js';
+import './_object-pie-133f504a.js';
+import './es6.string.iterator-bc33758b.js';
+import './web.dom.iterable-4109ff68.js';
+import './_is-array-3e99e06e.js';
+import './_library-528f1934.js';
+import './_object-sap-f353c2a9.js';
+import './define-property-fe54dc9f.js';
+import 'react-dom';
+
+var AlgoliaSearch = function (_React$Component) {
+  _inherits(AlgoliaSearch, _React$Component);
+
+  function AlgoliaSearch() {
+    _classCallCheck(this, AlgoliaSearch);
+
+    return _possibleConstructorReturn(this, (AlgoliaSearch.__proto__ || _Object$getPrototypeOf(AlgoliaSearch)).apply(this, arguments));
+  }
+
+  _createClass(AlgoliaSearch, [{
+    key: 'Deck',
+    value: function Deck(props) {
+      var _props$propsObj = props.propsObj,
+          styles = _props$propsObj.styles,
+          client = _props$propsObj.client;
+
+      var builder = imageUrlBuilder(client);
+      var hit = props.hit;
+      return React.createElement(
+        'div',
+        { key: hit.url, className: styles.article },
+        React.createElement(
+          'a',
+          { href: '/view/' + hit.url, style: this.props.variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
+          React.createElement(
+            'div',
+            { className: styles.thumb },
+            React.createElement(
+              'figure',
+              null,
+              React.createElement(
+                LazyLoad,
+                null,
+                React.createElement('img', {
+                  src: hit.thumbnail && hit.thumbnail.asset ? builder.image(hit.thumbnail).url() : hit.thumbnail && _typeof(hit.thumbnail === 'string') ? hit.thumbnail : this.props.defaultImage
+                })
+              )
+            )
+          ),
+          React.createElement(
+            'div',
+            { className: styles.info, style: this.props.variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
+            React.createElement(
+              'h2',
+              null,
+              hit.title
+            ),
+            hit.pubDateSort && React.createElement(
+              'p',
+              { className: styles.published },
+              moment(hit.pubDateSort).format('MMMM Do YYYY')
+            ),
+            hit.authorMapping && hit.authorMapping.length > 0 && React.createElement(
+              'p',
+              { className: styles.author },
+              hit.authorMapping.map(function (author) {
+                return React.createElement(
+                  'span',
+                  null,
+                  author.displayName
+                );
+              })
+            ),
+            hit.summary && React.createElement('p', { dangerouslySetInnerHTML: { __html: hit.summary }, className: styles.summary })
+          )
+        )
+      );
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var propsObj = {
+        styles: this.props.deckStyles,
+        client: this.props.sanityClient
+      };
+      return React.createElement(
+        React.Fragment,
+        null,
+        React.createElement(
+          InstantSearch,
+          _extends({
+            searchClient: this.props.searchClient,
+            resultsState: this.props.resultsState,
+            onSearchStateChange: this.props.onSearchStateChange,
+            searchState: this.props.searchState,
+            createURL: this.props.createURL,
+            indexName: this.props.indexName,
+            onSearchParameters: this.props.onSearchParameters
+          }, this.props),
+          React.createElement(Configure, { hitsPerPage: this.props.hitsPerPage || 20 }),
+          React.createElement(SearchBox, null),
+          this.props.refinementAttributes && React.createElement(
+            'div',
+            { className: 'search_refinement' },
+            this.props.refinementAttributes.map(function (item, index) {
+              return React.createElement(
+                DropdownButton,
+                { title: item.title },
+                React.createElement(RefinementList, { showMore: item.showMore, limit: item.limit, showMoreLimit: item.showMoreLimit, attribute: item.attribute })
+              );
+            })
+          ),
+          React.createElement(
+            'div',
+            { className: 'AlgoliaResults' },
+            React.createElement(Hits, { hitComponent: function hitComponent(hit) {
+                return _this2.Deck(_extends({}, hit, { propsObj: propsObj }));
+              } })
+          ),
+          React.createElement(Pagination, null)
+        ),
+        React.createElement(
+          'style',
+          { jsx: 'true' },
+          '\n          .AlgoliaResults {\n            padding-left: 15px;\n            margin-top: 3rem;\n          }\n\n          .search_refinement {\n            display: flex;\n            margin: 2rem 0;\n          }\n\n          .search_refinement > div {\n            padding-right: 1rem;\n            max-height: 500px;\n          }\n\n          .ais-Hits-list {\n            margin: 0;\n            list-style: none;\n            padding-inline-start: 0;\n          }\n          .ais-Pagination-list {\n            list-style: none;\n          }\n          .ais-Pagination-list {\n            -webkit-box-pack: center;\n            -ms-flex-pack: center;\n            justify-content: center;\n          }\n          .ais-Pagination-item + .ais-Pagination-item {\n            margin-left: 0.3rem;\n          }\n          .ais-Pagination-link {\n            padding: 0.3rem 0.6rem;\n            display: block;\n            border: 1px solid var(--search-primary);\n            border-radius: 5px;\n            transition: background-color 0.2s ease-out;\n          }\n          .ais-Pagination-link:focus,\n          .ais-Pagination-link:hover {\n            background-color: var(--search-secondary);\n            color: #fff;\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link {\n            opacity: 0.6;\n            cursor: not-allowed;\n            color: var(--search-secondary);\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link:focus,\n          .ais-Pagination-item--disabled .ais-Pagination-link:hover {\n            color: #fff;\n            background-color: var(--search-secondary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link {\n            color: #fff;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link:focus,\n          .ais-Pagination-item--selected .ais-Pagination-link:hover {\n            color: #fff;\n          }\n          .ais-Pagination-list,\n          .ais-Results-list {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n          }\n          .ais-Pagination-list,\n          .ais-PoweredBy,\n          .ais-RangeInput-form,\n          .ais-RatingMenu-link {\n            display: -webkit-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n          }\n\n          .ais-RefinementList-item {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n          }\n          .ais-RefinementList-list {\n            margin: 0;\n            padding: 0 1rem;\n            width: max-content;\n          }\n          .ais-SearchBox-form {\n            width: 100%;\n            border-radius: 5px;\n            height: 48px;\n          }\n          .ais-SearchBox-input {\n            padding: 0.5rem;\n            border-radius: 5px;\n            width: calc(100% - 150px);\n            height: 48px;\n            border: 0;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit {\n            width: 78px;\n            border-radius: 5px;\n            padding: 7px;\n            margin-left: 5px;\n            height: 48px;\n            background-color: var(--search-primary);\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit > svg {\n            fill: #fff;\n          }\n          .search_refinement > .dropdown > button {\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n\n          .ais-SearchBox-reset {\n            height: 48px;\n            width: 48px;\n            color: #fff;\n            background-color: var(--search-primary);\n            border: 0;\n            margin-left: 5px;\n            border-radius: 5px;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-reset > svg {\n            fill: #fff;\n          }\n          .ais-RefinementList-checkbox {\n            margin-right: 5px;\n          }\n\n          .ais-RefinementList-showMore {\n            padding: 0.5rem;\n            border: 0;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n            color: #fff;\n            border: 1px solid;\n            border-radius: 5px;\n            margin-left: 1rem;\n          }\n        '
+        )
+      );
+    }
+  }]);
+
+  return AlgoliaSearch;
+}(React.Component);
+
+AlgoliaSearch.propTypes = {
+  searchState: PropTypes.object,
+  resultsState: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+  onSearchStateChange: PropTypes.func,
+  createURL: PropTypes.func,
+  indexName: PropTypes.string,
+  searchClient: PropTypes.object,
+  refinementAttributes: PropTypes.array
+};
+
+export default AlgoliaSearch;

package/dist/esm/ArticleProgramLandingPage.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import { _ as _extends } from './extends-60e0e1c6.js';
 import React from 'react';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-68283a6a.js';
+import { g as getSerializers } from './index-613fdebe.js';
 import ArticleSeriesListing from './ArticleSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';

package/dist/esm/ExternalResources.js

@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-60e0e1c6.js';
 import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import React, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-68283a6a.js';
+import { g as getSerializers } from './index-613fdebe.js';
 import { m as momentTimezone } from './index-79cfd25c.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';

package/dist/esm/HamMagazine.js

@@ -2,7 +2,7 @@ import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import React, { useRef, useState, useEffect } from 'react';
 import { N as NavFooter } from './NavFooter-c29526b7.js';
 import { S as SocialNavFooter } from './index.esm-8016b507.js';
-import { S as SocialSearchComponent } from './SocialSearchComponent-116b1d5d.js';
+import { S as SocialSearchComponent } from './SocialSearchComponent-cd38ae60.js';
 import 'react-bootstrap/Form';
 import 'react-bootstrap/FormControl';
 import 'react-bootstrap/Button';

package/dist/esm/HorizontalArticleListing.js

@@ -3,7 +3,7 @@ import React from 'react';
 import ArticleCarousel from './ArticleCarousel.js';
 import { I as IoIosArrowForward } from './index.esm-3fdda599.js';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-68283a6a.js';
+import { g as getSerializers } from './index-613fdebe.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-b50e61c3.js';
 import './_object-pie-133f504a.js';

package/dist/esm/MediaSeriesLanding.js

@@ -14,7 +14,7 @@ import { i as imageUrlBuilder } from './index-0dbff1d1.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-68283a6a.js';
+import { g as getSerializers } from './index-613fdebe.js';
 import './define-property-fe54dc9f.js';
 import './_to-object-b50e61c3.js';
 import './es6.string.iterator-bc33758b.js';

package/dist/esm/NavMagazine.js

@@ -10,7 +10,7 @@ import { N as NavFooter } from './NavFooter-c29526b7.js';
 import { S as SocialNavFooter } from './index.esm-8016b507.js';
 import { c as main_44 } from './main-b5c5aac1.js';
 import Segment from './Segment.js';
-import { S as SocialSearchComponent } from './SocialSearchComponent-116b1d5d.js';
+import { S as SocialSearchComponent } from './SocialSearchComponent-cd38ae60.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './web.dom.iterable-4109ff68.js';
 import './es6.string.iterator-bc33758b.js';

package/dist/esm/NavNative.js

@@ -419,7 +419,7 @@ var NavNative = function NavNative(props) {
 
   var submitSearch = function submitSearch(e) {
     e.preventDefault();
-    window.location.href = '/search?searchTerm=' + searchKey;
+    window.location.href = '/search?searchTerm=' + encodeURIComponent(searchKey);
   };
 
   // Toggling class of an element.Can't use toggle() as IE doesn't support toggle()

package/dist/esm/PartnerDetailListing.js

@@ -10,7 +10,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-68283a6a.js';
+import { g as getSerializers } from './index-613fdebe.js';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';

package/dist/esm/Search.js

@@ -24,7 +24,7 @@ var Search = function Search(props) {
 
   var submitSearch = function submitSearch(e) {
     e.preventDefault();
-    window.location.href = '/search?searchTerm=' + searchKey;
+    window.location.href = '/search?searchTerm=' + encodeURIComponent(searchKey);
   };
 
   return React.createElement(

package/dist/esm/{SocialSearchComponent-116b1d5d.js → SocialSearchComponent-cd38ae60.js}

@@ -52,7 +52,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
   // Search function
   var submitSearch = function submitSearch(e) {
     e.preventDefault();
-    window.location.href = '/search?searchTerm=' + searchKey;
+    window.location.href = '/search?searchTerm=' + encodeURIComponent(searchKey);
   };
 
   // Toggling class of an element.Can't use toggle() as IE doesn't support toggle()

package/dist/esm/SocialShare.js

@@ -15,13 +15,11 @@ var SocialShare = function SocialShare(props) {
       _props$disableMeta = props.disableMeta,
       disableMeta = _props$disableMeta === undefined ? false : _props$disableMeta,
       hidePinterest = props.hidePinterest,
-      hideFacebook = props.hideFacebook,
-      showSocialShare = props.showSocialShare;
+      hideFacebook = props.hideFacebook;
 
-  return showSocialShare && React.createElement(
+  return React.createElement(
     React.Fragment,
     null,
-    'showSocialShare(',
     !disableMeta && React.createElement(
       Head,
       null,
@@ -60,8 +58,7 @@ var SocialShare = function SocialShare(props) {
       EmailShareButton,
       { url: shareUrl, subject: shareSubject, body: shareSummary },
       React.createElement(EmailIcon, { size: size, round: true })
-    ),
-    ')'
+    )
   );
 };
 

package/dist/esm/TaxonomyDescription.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-52cf21c5.js';
-import { g as getSerializers } from './index-68283a6a.js';
+import { g as getSerializers } from './index-613fdebe.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';
 import './_to-object-b50e61c3.js';

package/dist/esm/TemplateNormal.js

@@ -57,7 +57,7 @@ import './iconBase-602d52fe.js';
 import './index.esm-3fdda599.js';
 import './NavFooter-c29526b7.js';
 import './index.esm-8016b507.js';
-import './SocialSearchComponent-116b1d5d.js';
+import './SocialSearchComponent-cd38ae60.js';
 import './SocialIcons.js';
 import 'react-bootstrap/Form';
 import 'react-bootstrap/FormControl';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-52cf21c5.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-68283a6a.js';
+import { g as getSerializers } from './index-613fdebe.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-bc33758b.js';

package/dist/esm/View.js

@@ -15,7 +15,7 @@ import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
 import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-68283a6a.js';
+import { r as renderAuthor, g as getSerializers } from './index-613fdebe.js';
 import DFPAdSlot from './AdSlot.js';
 import { S as SeriesSlider } from './SeriesSlider-8414085b.js';
 import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-68291ce9.js';
@@ -917,8 +917,6 @@ var Article = forwardRef(function (props, ref) {
         shareImageDefault = shareOptions.shareImageDefault,
         shareBaseUrl = shareOptions.shareBaseUrl;
         shareOptions.shareSiteTitle;
-        var _shareOptions$showSoc = shareOptions.showSocialShare,
-        showSocialShare = _shareOptions$showSoc === undefined ? true : _shareOptions$showSoc;
 
     var shareUrl = shareBaseUrl + props.article.url.current;
     var shareTitle = article.title;
@@ -1096,8 +1094,7 @@ var Article = forwardRef(function (props, ref) {
                     twitterSiteName: twitterSiteName,
                     disableMeta: true,
                     hidePinterest: hidePinterestShare,
-                    hideFacebook: hideFBShare,
-                    showSocialShare: showSocialShare
+                    hideFacebook: hideFBShare
                   })
                 )
               ),

package/dist/esm/getSerializers.js

@@ -1,5 +1,5 @@
 import 'react';
-export { g as default } from './index-68283a6a.js';
+export { g as default } from './index-613fdebe.js';
 import './BlockContent-52cf21c5.js';
 import './entities-932b50cf.js';
 import './slicedToArray-be2f7a22.js';

package/dist/esm/index.js

@@ -17,6 +17,7 @@ export { default as IssueContentDeck } from './IssueContentDeck.js';
 export { default as EventsDeck } from './EventsDeck.js';
 export { default as CMEDeck } from './CMEDeck.js';
 export { default as ExternalResources } from './ExternalResources.js';
+export { default as AlgoliaSearch } from './AlgoliaSearch.js';
 export { Column1 } from './Column1.js';
 export { Column2 } from './Column2.js';
 export { Column3 } from './Column3.js';
@@ -78,7 +79,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-68283a6a.js';
+export { g as getSerializers } from './index-613fdebe.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';
@@ -151,6 +152,7 @@ import 'react-bootstrap/Spinner';
 import 'react-bootstrap/Form';
 import './index-79cfd25c.js';
 import './js.cookie-6874175c.js';
+import 'react-instantsearch-dom';
 import './ConferenceBanner-9162d0ca.js';
 import 'next/head';
 import 'react-bootstrap/ListGroup';
@@ -163,7 +165,7 @@ import 'react-bootstrap/NavDropdown';
 import './index.esm-d6f88d94.js';
 import './NavFooter-c29526b7.js';
 import './index.esm-8016b507.js';
-import './SocialSearchComponent-116b1d5d.js';
+import './SocialSearchComponent-cd38ae60.js';
 import 'react-bootstrap/FormControl';
 import 'react-bootstrap/Carousel';
 import 'react-bootstrap/Breadcrumb';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.799-social-share-flag-v2",
+  "version": "1.0.800-mobile-ad-test",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",
@@ -98,6 +98,7 @@
     "next-cookies": "^2.0.3",
     "nookies": "^2.4.0",
     "react-cookies": "^0.1.1",
+    "react-instantsearch-dom": "^6.10.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "shortid": "^2.2.15",
     "smoothscroll-polyfill": "^0.4.4",