@mjhls/mjh-framework 1.0.1067-iframe-test → 1.0.1067-iframe-test-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/cjs/ArticleProgramLandingPage.js +1 -1
  2. package/dist/cjs/ExternalResources.js +1 -1
  3. package/dist/cjs/GridContent.js +1 -1
  4. package/dist/cjs/GridContentPaginated.js +1 -1
  5. package/dist/cjs/HorizontalArticleListing.js +1 -1
  6. package/dist/cjs/IssueLanding.js +1 -1
  7. package/dist/cjs/{MediaSeriesCard-20fb87c6.js → MediaSeriesCard-69f28654.js} +1 -1
  8. package/dist/cjs/MediaSeriesLanding.js +2 -2
  9. package/dist/cjs/MediaSeriesLandingPaginated.js +2 -2
  10. package/dist/cjs/PartnerDetailListing.js +2 -2
  11. package/dist/cjs/PartnerDetailListingPaginated.js +2 -2
  12. package/dist/cjs/PodcastsLanding.js +2 -2
  13. package/dist/cjs/SeriesListingDeck.js +1 -1
  14. package/dist/cjs/TaxonomyDescription.js +1 -1
  15. package/dist/cjs/VideoProgramLandingPage.js +1 -1
  16. package/dist/cjs/View.js +2 -2
  17. package/dist/cjs/getSerializers.js +1 -1
  18. package/dist/cjs/{index-825c2c02.js → index-4ef0337e.js} +13 -9
  19. package/dist/cjs/index.js +4 -4
  20. package/dist/cjs/urlFor.js +0 -1
  21. package/dist/esm/ArticleProgramLandingPage.js +1 -1
  22. package/dist/esm/ExternalResources.js +1 -1
  23. package/dist/esm/GridContent.js +1 -1
  24. package/dist/esm/GridContentPaginated.js +1 -1
  25. package/dist/esm/HorizontalArticleListing.js +1 -1
  26. package/dist/esm/IssueLanding.js +1 -1
  27. package/dist/esm/{MediaSeriesCard-cfdc313b.js → MediaSeriesCard-ae514b3b.js} +1 -1
  28. package/dist/esm/MediaSeriesLanding.js +2 -2
  29. package/dist/esm/MediaSeriesLandingPaginated.js +2 -2
  30. package/dist/esm/PartnerDetailListing.js +2 -2
  31. package/dist/esm/PartnerDetailListingPaginated.js +2 -2
  32. package/dist/esm/PodcastsLanding.js +2 -2
  33. package/dist/esm/SeriesListingDeck.js +1 -1
  34. package/dist/esm/TaxonomyDescription.js +1 -1
  35. package/dist/esm/VideoProgramLandingPage.js +1 -1
  36. package/dist/esm/View.js +2 -2
  37. package/dist/esm/getSerializers.js +1 -1
  38. package/dist/esm/{index-30b512d6.js → index-1d8d115d.js} +17 -13
  39. package/dist/esm/index.js +4 -4
  40. package/dist/esm/urlFor.js +0 -1
  41. package/package.json +1 -1
  42. /package/dist/cjs/{ImageSlider-68db9d26.js → ImageSlider-984a697b.js} +0 -0
  43. /package/dist/cjs/{PublicationFeature-2e15f1bb.js → PublicationFeature-e945bd55.js} +0 -0
  44. /package/dist/cjs/{SeriesSlider-a3d45f7b.js → SeriesSlider-a2621860.js} +0 -0
  45. /package/dist/esm/{ImageSlider-788daebb.js → ImageSlider-497e9c88.js} +0 -0
  46. /package/dist/esm/{PublicationFeature-b44a69eb.js → PublicationFeature-3cc370de.js} +0 -0
  47. /package/dist/esm/{SeriesSlider-2eda1e45.js → SeriesSlider-07be99e0.js} +0 -0
@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
5
5
  var _extends = require('./extends-be0d85bc.js');
6
6
  var React = require('react');
7
7
  var BlockContent = require('./BlockContent-96b44364.js');
8
- var getSerializers = require('./index-825c2c02.js');
8
+ var getSerializers = require('./index-4ef0337e.js');
9
9
  var ArticleSeriesListing = require('./ArticleSeriesListing.js');
10
10
  require('./_commonjsHelpers-06173234.js');
11
11
  require('./core.get-iterator-method-5643aa10.js');
@@ -4,7 +4,7 @@ var _extends = require('./extends-be0d85bc.js');
4
4
  var slicedToArray = require('./slicedToArray-067dd3bc.js');
5
5
  var React = require('react');
6
6
  var BlockContent = require('./BlockContent-96b44364.js');
7
- var getSerializers = require('./index-825c2c02.js');
7
+ var getSerializers = require('./index-4ef0337e.js');
8
8
  var index = require('./index-f86bb269.js');
9
9
  var Router = require('next/router');
10
10
  var Button = require('react-bootstrap/Button');
@@ -25,7 +25,7 @@ var urlFor = require('./urlFor.js');
25
25
  var main = require('./main-47be4f9f.js');
26
26
  require('./AD.js');
27
27
  var AuthorComponent = require('./AuthorComponent-7d00f6d5.js');
28
- var PublicationFeature = require('./PublicationFeature-2e15f1bb.js');
28
+ var PublicationFeature = require('./PublicationFeature-e945bd55.js');
29
29
  require('./_commonjsHelpers-06173234.js');
30
30
  require('./core.get-iterator-method-5643aa10.js');
31
31
  require('./_iter-detect-b1df62f0.js');
@@ -23,7 +23,7 @@ var get = require('./get-5839e5b5.js');
23
23
  var urlFor = require('./urlFor.js');
24
24
  var main = require('./main-47be4f9f.js');
25
25
  var AuthorComponent = require('./AuthorComponent-7d00f6d5.js');
26
- var PublicationFeature = require('./PublicationFeature-2e15f1bb.js');
26
+ var PublicationFeature = require('./PublicationFeature-e945bd55.js');
27
27
  var Pagination = require('./Pagination-842c556f.js');
28
28
  var Spinner = require('react-bootstrap/Spinner');
29
29
  require('./_commonjsHelpers-06173234.js');
@@ -5,7 +5,7 @@ var React = require('react');
5
5
  var ArticleCarousel = require('./ArticleCarousel.js');
6
6
  var index_esm = require('./index.esm-d81454e7.js');
7
7
  var BlockContent = require('./BlockContent-96b44364.js');
8
- var getSerializers = require('./index-825c2c02.js');
8
+ var getSerializers = require('./index-4ef0337e.js');
9
9
  require('./_commonjsHelpers-06173234.js');
10
10
  require('./core.get-iterator-method-5643aa10.js');
11
11
  require('./YoutubeGroup.js');
@@ -5,7 +5,7 @@ var React = require('react');
5
5
  var QueueDeckExpanded = require('./QueueDeckExpanded.js');
6
6
  var Breadcrumbs = require('./Breadcrumbs.js');
7
7
  var BlockContent = require('./BlockContent-96b44364.js');
8
- var getSerializers = require('./index-825c2c02.js');
8
+ var getSerializers = require('./index-4ef0337e.js');
9
9
  require('./_commonjsHelpers-06173234.js');
10
10
  require('./core.get-iterator-method-5643aa10.js');
11
11
  require('./slicedToArray-067dd3bc.js');
@@ -7,7 +7,7 @@ var urlFor = require('./urlFor.js');
7
7
  var moment = require('./moment-aca40de1.js');
8
8
  var styleInject_es = require('./style-inject.es-dcee06b6.js');
9
9
  var BlockContent = require('./BlockContent-96b44364.js');
10
- var getSerializers = require('./index-825c2c02.js');
10
+ var getSerializers = require('./index-4ef0337e.js');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
13
 
@@ -10,9 +10,9 @@ require('./index-50be6759.js');
10
10
  require('react-dom');
11
11
  var Link = require('next/link');
12
12
  var MasterDeck = require('./MasterDeck.js');
13
- var MediaSeriesCard = require('./MediaSeriesCard-20fb87c6.js');
13
+ var MediaSeriesCard = require('./MediaSeriesCard-69f28654.js');
14
14
  var BlockContent = require('./BlockContent-96b44364.js');
15
- var getSerializers = require('./index-825c2c02.js');
15
+ var getSerializers = require('./index-4ef0337e.js');
16
16
  require('./_commonjsHelpers-06173234.js');
17
17
  require('./core.get-iterator-method-5643aa10.js');
18
18
  require('./web.dom.iterable-d98303e0.js');
@@ -11,8 +11,8 @@ require('react-dom');
11
11
  var Link = require('next/link');
12
12
  var BlockContent = require('./BlockContent-96b44364.js');
13
13
  var MasterDeckPaginated = require('./MasterDeckPaginated.js');
14
- var MediaSeriesCard = require('./MediaSeriesCard-20fb87c6.js');
15
- var getSerializers = require('./index-825c2c02.js');
14
+ var MediaSeriesCard = require('./MediaSeriesCard-69f28654.js');
15
+ var getSerializers = require('./index-4ef0337e.js');
16
16
  require('./_commonjsHelpers-06173234.js');
17
17
  require('./core.get-iterator-method-5643aa10.js');
18
18
  require('./web.dom.iterable-d98303e0.js');
@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
5
5
  var _extends = require('./extends-be0d85bc.js');
6
6
  var React = require('react');
7
7
  var reactTwitterEmbed = require('react-twitter-embed');
8
- var ImageSlider = require('./ImageSlider-68db9d26.js');
8
+ var ImageSlider = require('./ImageSlider-984a697b.js');
9
9
  require('./defineProperty-e0fb52c5.js');
10
10
  var reactSocialIcons = require('./react-social-icons-2c5c389a.js');
11
11
  var moment = require('./moment-aca40de1.js');
@@ -13,7 +13,7 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
13
13
  var Breadcrumbs = require('./Breadcrumbs.js');
14
14
  var Feature = require('./Feature.js');
15
15
  var urlFor = require('./urlFor.js');
16
- var getSerializers = require('./index-825c2c02.js');
16
+ var getSerializers = require('./index-4ef0337e.js');
17
17
  var BlockContent = require('./BlockContent-96b44364.js');
18
18
  var checkSisterSite = require('./checkSisterSite-c3a4ac98.js');
19
19
  require('./_commonjsHelpers-06173234.js');
@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
5
5
  var _extends = require('./extends-be0d85bc.js');
6
6
  var React = require('react');
7
7
  var reactTwitterEmbed = require('react-twitter-embed');
8
- var ImageSlider = require('./ImageSlider-68db9d26.js');
8
+ var ImageSlider = require('./ImageSlider-984a697b.js');
9
9
  require('./defineProperty-e0fb52c5.js');
10
10
  var reactSocialIcons = require('./react-social-icons-2c5c389a.js');
11
11
  require('./moment-aca40de1.js');
@@ -13,7 +13,7 @@ var QueueDeckExpandedPaginated = require('./QueueDeckExpandedPaginated.js');
13
13
  var Breadcrumbs = require('./Breadcrumbs.js');
14
14
  var Feature = require('./Feature.js');
15
15
  var urlFor = require('./urlFor.js');
16
- var getSerializers = require('./index-825c2c02.js');
16
+ var getSerializers = require('./index-4ef0337e.js');
17
17
  var BlockContent = require('./BlockContent-96b44364.js');
18
18
  var checkSisterSite = require('./checkSisterSite-c3a4ac98.js');
19
19
  require('./_commonjsHelpers-06173234.js');
@@ -6,9 +6,9 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
6
6
  var React = require('react');
7
7
  var Link = require('next/link');
8
8
  var MasterDeck = require('./MasterDeck.js');
9
- var MediaSeriesCard = require('./MediaSeriesCard-20fb87c6.js');
9
+ var MediaSeriesCard = require('./MediaSeriesCard-69f28654.js');
10
10
  var BlockContent = require('./BlockContent-96b44364.js');
11
- var getSerializers = require('./index-825c2c02.js');
11
+ var getSerializers = require('./index-4ef0337e.js');
12
12
  require('./_commonjsHelpers-06173234.js');
13
13
  require('./core.get-iterator-method-5643aa10.js');
14
14
  require('./web.dom.iterable-d98303e0.js');
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var Router = require('next/router');
8
8
  var index = require('./index-d2a6ef75.js');
9
9
  var index_es = require('./index.es-1ab8dda7.js');
10
- var SeriesSlider = require('./SeriesSlider-a3d45f7b.js');
10
+ var SeriesSlider = require('./SeriesSlider-a2621860.js');
11
11
  var visibilitySensor = require('./visibility-sensor-56020df6.js');
12
12
  require('./_commonjsHelpers-06173234.js');
13
13
  require('./core.get-iterator-method-5643aa10.js');
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var Router = require('next/router');
8
8
  var Head = require('next/head');
9
9
  var BlockContent = require('./BlockContent-96b44364.js');
10
- var getSerializers = require('./index-825c2c02.js');
10
+ var getSerializers = require('./index-4ef0337e.js');
11
11
  require('./_commonjsHelpers-06173234.js');
12
12
  require('./core.get-iterator-method-5643aa10.js');
13
13
  require('./web.dom.iterable-d98303e0.js');
@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-96b44364.js');
7
7
  var Col = require('react-bootstrap/Col');
8
8
  var Form = require('react-bootstrap/Form');
9
9
  var Button = require('react-bootstrap/Button');
10
- var getSerializers = require('./index-825c2c02.js');
10
+ var getSerializers = require('./index-4ef0337e.js');
11
11
  var VideoSeriesListing = require('./VideoSeriesListing.js');
12
12
  require('./_commonjsHelpers-06173234.js');
13
13
  require('./core.get-iterator-method-5643aa10.js');
package/dist/cjs/View.js CHANGED
@@ -17,9 +17,9 @@ var FormControl = require('react-bootstrap/FormControl');
17
17
  var Button = require('react-bootstrap/Button');
18
18
  var visibilitySensor = require('./visibility-sensor-56020df6.js');
19
19
  var SocialShare = require('./SocialShare.js');
20
- var getSerializers = require('./index-825c2c02.js');
20
+ var getSerializers = require('./index-4ef0337e.js');
21
21
  var AdSlot = require('./AdSlot.js');
22
- var SeriesSlider = require('./SeriesSlider-a3d45f7b.js');
22
+ var SeriesSlider = require('./SeriesSlider-a2621860.js');
23
23
  var getTargeting = require('./getTargeting-5b954783.js');
24
24
  var getKeywords = require('./getKeywords.js');
25
25
  var urlFor = require('./urlFor.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  require('react');
4
- var getSerializers = require('./index-825c2c02.js');
4
+ var getSerializers = require('./index-4ef0337e.js');
5
5
  require('./BlockContent-96b44364.js');
6
6
  require('./entities-df1aed86.js');
7
7
  require('./slicedToArray-067dd3bc.js');
@@ -39,7 +39,7 @@ var Col = require('react-bootstrap/Col');
39
39
  var Head = require('next/head');
40
40
  var inherits$2 = require('./inherits-e47b5342.js');
41
41
  var index_esm = require('./index.esm-d81454e7.js');
42
- var Figure = require('react-bootstrap/Figure');
42
+ var Figure$1 = require('react-bootstrap/Figure');
43
43
  var OverlayTrigger = require('react-bootstrap/OverlayTrigger');
44
44
  var Tooltip = require('react-bootstrap/Tooltip');
45
45
  var Popover = require('react-bootstrap/Popover');
@@ -58,7 +58,7 @@ var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
58
58
  var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
59
59
  var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
60
60
  var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
61
- var Figure__default = /*#__PURE__*/_interopDefaultLegacy(Figure);
61
+ var Figure__default = /*#__PURE__*/_interopDefaultLegacy(Figure$1);
62
62
  var OverlayTrigger__default = /*#__PURE__*/_interopDefaultLegacy(OverlayTrigger);
63
63
  var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
64
64
  var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
@@ -10108,11 +10108,17 @@ var LightBox = function LightBox(_ref) {
10108
10108
  React__default["default"].createElement(
10109
10109
  'style',
10110
10110
  { jsx: 'true' },
10111
- '\n /*Eliminates padding, centers the thumbnail */\n\n /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n .lightbox-target {\n position: fixed;\n top: -100%;\n width: 100%;\n background: rgba(0, 0, 0, 0.7);\n width: 100%;\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in-out;\n -moz-transition: opacity 0.5s ease-in-out;\n -o-transition: opacity 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n overflow: hidden;\n }\n\n .lightbox-target.close {\n opacity: 0;\n }\n\n /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n .lightbox-target img {\n margin: auto;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n max-height: 0%;\n max-width: 0%;\n border: 3px solid white;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n box-sizing: border-box;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Styles the close link, adds the slide down transition */\n\n // a.lightbox-close {\n // display: block;\n // width: 50px;\n // height: 50px;\n // box-sizing: border-box;\n // background: white;\n // color: black;\n // text-decoration: none;\n // position: absolute;\n // top: -80px;\n // right: 0;\n // -webkit-transition: 0.5s ease-in-out;\n // -moz-transition: 0.5s ease-in-out;\n // -o-transition: 0.5s ease-in-out;\n // transition: 0.5s ease-in-out;\n // }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n // a.lightbox-close:before {\n // content: \'\';\n // display: block;\n // height: 30px;\n // width: 1px;\n // background: black;\n // position: absolute;\n // left: 26px;\n // top: 10px;\n // -webkit-transform: rotate(45deg);\n // -moz-transform: rotate(45deg);\n // -o-transform: rotate(45deg);\n // transform: rotate(45deg);\n // }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n // a.lightbox-close:after {\n // content: \'\';\n // display: block;\n // height: 30px;\n // width: 1px;\n // background: black;\n // position: absolute;\n // left: 26px;\n // top: 10px;\n // -webkit-transform: rotate(-45deg);\n // -moz-transform: rotate(-45deg);\n // -o-transform: rotate(-45deg);\n // transform: rotate(-45deg);\n // }\n\n /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n .lightbox-target.open {\n opacity: 1;\n top: 0;\n bottom: 0;\n right: 0;\n z-index: 3000000;\n }\n\n .lightbox-target.open img {\n max-height: 100%;\n max-width: 100%;\n }\n\n .lightbox-target.open a.lightbox-close {\n top: 0px;\n }\n '
10111
+ '\n /*Eliminates padding, centers the thumbnail */\n\n /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n .lightbox-target {\n position: fixed;\n top: -100%;\n width: 100%;\n background: rgba(0, 0, 0, 0.7);\n width: 100%;\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in-out;\n -moz-transition: opacity 0.5s ease-in-out;\n -o-transition: opacity 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n overflow: hidden;\n }\n\n .lightbox-target.close {\n opacity: 0;\n }\n\n /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n .lightbox-target img {\n margin: auto;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n max-height: 0%;\n max-width: 0%;\n border: 3px solid white;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n box-sizing: border-box;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Styles the close link, adds the slide down transition */\n\n a.lightbox-close {\n display: block;\n width: 50px;\n height: 50px;\n box-sizing: border-box;\n background: white;\n color: black;\n text-decoration: none;\n position: absolute;\n top: -80px;\n right: 0;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n a.lightbox-close:before {\n content: \'\';\n display: block;\n height: 30px;\n width: 1px;\n background: black;\n position: absolute;\n left: 26px;\n top: 10px;\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n a.lightbox-close:after {\n content: \'\';\n display: block;\n height: 30px;\n width: 1px;\n background: black;\n position: absolute;\n left: 26px;\n top: 10px;\n -webkit-transform: rotate(-45deg);\n -moz-transform: rotate(-45deg);\n -o-transform: rotate(-45deg);\n transform: rotate(-45deg);\n }\n\n /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n .lightbox-target.open {\n opacity: 1;\n top: 0;\n bottom: 0;\n right: 0;\n z-index: 3000000;\n }\n\n .lightbox-target.open img {\n max-height: 100%;\n max-width: 100%;\n }\n\n .lightbox-target.open a.lightbox-close {\n top: 0px;\n }\n '
10112
10112
  )
10113
10113
  );
10114
10114
  };
10115
10115
 
10116
+ var compareProps = function compareProps(prevProps, nextProps) {
10117
+ if (nextProps.node.asset && nextProps.node.asset._ref) {
10118
+ return prevProps.node.asset._ref === nextProps.node.asset._ref;
10119
+ }
10120
+ };
10121
+
10116
10122
  var FigureImage$1 = React__default["default"].memo(function (_ref2) {
10117
10123
  var node = _ref2.node,
10118
10124
  client = _ref2.client,
@@ -10141,8 +10147,6 @@ var FigureImage$1 = React__default["default"].memo(function (_ref2) {
10141
10147
  });
10142
10148
 
10143
10149
  var FigureComponent = function FigureComponent(props) {
10144
- console.log('props in Figure Component', props);
10145
-
10146
10150
  var _useState = React.useState(false),
10147
10151
  _useState2 = slicedToArray._slicedToArray(_useState, 2),
10148
10152
  showLightbox = _useState2[0],
@@ -10154,7 +10158,7 @@ var FigureComponent = function FigureComponent(props) {
10154
10158
  setLightboxImgSrc = _useState4[1];
10155
10159
 
10156
10160
  if (typeof window === 'undefined') return null;
10157
- console.log('props in FigureComp', props);
10161
+
10158
10162
  var node = props.node,
10159
10163
  client = props.client,
10160
10164
  getSerializers = props.getSerializers;
@@ -10211,8 +10215,6 @@ var FigureComponent = function FigureComponent(props) {
10211
10215
  link = _ref3.link,
10212
10216
  handleClickFigure = _ref3.handleClickFigure;
10213
10217
 
10214
- console.log('node in FImage', node);
10215
-
10216
10218
  var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
10217
10219
  var triggerAction = main.main_42 ? 'click' : 'hover';
10218
10220
  var placementLocation = main.main_42 ? 'top' : infoBox[0].alignment ? infoBox[0].alignment : 'right';
@@ -10369,6 +10371,8 @@ var FigureComponent = function FigureComponent(props) {
10369
10371
  );
10370
10372
  };
10371
10373
 
10374
+ var Figure = React__default["default"].memo(FigureComponent, compareProps);
10375
+
10372
10376
  function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
10373
10377
  React.useEffect(function () {
10374
10378
  function handleClickOutside(event) {
@@ -11225,7 +11229,7 @@ var getSerializers = function getSerializers() {
11225
11229
  figure: function figure(_ref4) {
11226
11230
  var node = _ref4.node;
11227
11231
 
11228
- return React__default["default"].createElement(FigureComponent, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
11232
+ return React__default["default"].createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
11229
11233
  },
11230
11234
  multifigure: function multifigure(_ref5) {
11231
11235
  var node = _ref5.node;
package/dist/cjs/index.js CHANGED
@@ -90,7 +90,7 @@ var VerticalHero = require('./VerticalHero.js');
90
90
  var YahooHero = require('./YahooHero.js');
91
91
  var GridHero = require('./GridHero.js');
92
92
  var ConferenceArticleCard = require('./ConferenceArticleCard.js');
93
- var getSerializers = require('./index-825c2c02.js');
93
+ var getSerializers = require('./index-4ef0337e.js');
94
94
  var Beam = require('./Beam.js');
95
95
  var Segment = require('./Segment.js');
96
96
  var KMTracker = require('./KMTracker.js');
@@ -139,7 +139,7 @@ require('./getContentCategory-f38a4c00.js');
139
139
  require('./get-5839e5b5.js');
140
140
  require('./eq-5fc26c07.js');
141
141
  require('./AuthorComponent-7d00f6d5.js');
142
- require('./PublicationFeature-2e15f1bb.js');
142
+ require('./PublicationFeature-e945bd55.js');
143
143
  require('react-bootstrap/Button');
144
144
  require('react-bootstrap/Media');
145
145
  require('./BlockContent-96b44364.js');
@@ -190,11 +190,11 @@ require('react-bootstrap/Figure');
190
190
  require('react-bootstrap/OverlayTrigger');
191
191
  require('react-bootstrap/Tooltip');
192
192
  require('react-bootstrap/Popover');
193
- require('./SeriesSlider-a3d45f7b.js');
193
+ require('./SeriesSlider-a2621860.js');
194
194
  require('./style-inject.es-dcee06b6.js');
195
195
  require('disqus-react');
196
196
  require('react-twitter-embed');
197
- require('./ImageSlider-68db9d26.js');
197
+ require('./ImageSlider-984a697b.js');
198
198
  require('./defineProperty-e0fb52c5.js');
199
199
  require('./VideoSeriesCard.js');
200
200
 
@@ -46,7 +46,6 @@ function urlFor(_ref) {
46
46
  if (imageHeight) url = url.height(imageHeight);
47
47
  if (imageMaxHeight) url = url.maxHeight(imageMaxHeight);
48
48
  if (imageFit) url = url.fit(imageFit);
49
- console.log('url auto format', url.auto('format'));
50
49
  url = url.auto('format').url();
51
50
 
52
51
  // Appending file name in URL
@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
3
3
  import { _ as _extends } from './extends-1559c147.js';
4
4
  import React__default from 'react';
5
5
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
6
- import { g as getSerializers } from './index-30b512d6.js';
6
+ import { g as getSerializers } from './index-1d8d115d.js';
7
7
  import ArticleSeriesListing from './ArticleSeriesListing.js';
8
8
  import './_commonjsHelpers-0c4b6f40.js';
9
9
  import './core.get-iterator-method-ea258bb1.js';
@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-1559c147.js';
2
2
  import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
3
3
  import React__default, { useState, useEffect } from 'react';
4
4
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
5
- import { g as getSerializers } from './index-30b512d6.js';
5
+ import { g as getSerializers } from './index-1d8d115d.js';
6
6
  import { m as momentTimezone } from './index-79cfd25c.js';
7
7
  import { useRouter } from 'next/router';
8
8
  import Button from 'react-bootstrap/Button';
@@ -23,7 +23,7 @@ import urlFor from './urlFor.js';
23
23
  import { m as main_43 } from './main-f97773b2.js';
24
24
  import './AD.js';
25
25
  import { A as AuthorComponent } from './AuthorComponent-11adff02.js';
26
- import { P as PublicationFeature } from './PublicationFeature-b44a69eb.js';
26
+ import { P as PublicationFeature } from './PublicationFeature-3cc370de.js';
27
27
  import './_commonjsHelpers-0c4b6f40.js';
28
28
  import './core.get-iterator-method-ea258bb1.js';
29
29
  import './_iter-detect-98db3b07.js';
@@ -21,7 +21,7 @@ import { g as get_1 } from './get-3c308da4.js';
21
21
  import urlFor from './urlFor.js';
22
22
  import { m as main_43 } from './main-f97773b2.js';
23
23
  import { A as AuthorComponent } from './AuthorComponent-11adff02.js';
24
- import { P as PublicationFeature } from './PublicationFeature-b44a69eb.js';
24
+ import { P as PublicationFeature } from './PublicationFeature-3cc370de.js';
25
25
  import { P as Pagination } from './Pagination-dc30727b.js';
26
26
  import Spinner from 'react-bootstrap/Spinner';
27
27
  import './_commonjsHelpers-0c4b6f40.js';
@@ -3,7 +3,7 @@ import React__default from 'react';
3
3
  import ArticleCarousel from './ArticleCarousel.js';
4
4
  import { I as IoIosArrowForward } from './index.esm-eb1e8e80.js';
5
5
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
6
- import { g as getSerializers } from './index-30b512d6.js';
6
+ import { g as getSerializers } from './index-1d8d115d.js';
7
7
  import './_commonjsHelpers-0c4b6f40.js';
8
8
  import './core.get-iterator-method-ea258bb1.js';
9
9
  import './YoutubeGroup.js';
@@ -3,7 +3,7 @@ import React__default from 'react';
3
3
  import QueueDeckExpanded from './QueueDeckExpanded.js';
4
4
  import Breadcrumbs from './Breadcrumbs.js';
5
5
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
6
- import { g as getSerializers } from './index-30b512d6.js';
6
+ import { g as getSerializers } from './index-1d8d115d.js';
7
7
  import './_commonjsHelpers-0c4b6f40.js';
8
8
  import './core.get-iterator-method-ea258bb1.js';
9
9
  import './slicedToArray-6ebcbfea.js';
@@ -5,7 +5,7 @@ import urlFor from './urlFor.js';
5
5
  import { m as moment } from './moment-bc12cb97.js';
6
6
  import { s as styleInject } from './style-inject.es-1f59c1d0.js';
7
7
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
8
- import { g as getSerializers } from './index-30b512d6.js';
8
+ import { g as getSerializers } from './index-1d8d115d.js';
9
9
 
10
10
  var css = ".MediaSeriesCard-module_article__SAFYK {\n width: 100%;\n margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n display: flex;\n width: 100%;\n color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n width: 100%;\n height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n width: 75%;\n font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n font-weight: bold;\n font-size: 1.25rem;\n margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n color: #6d6d6d;\n margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n font-size: 1.3rem;\n font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n .MediaSeriesCard-module_article__SAFYK {\n margin: 1rem 0;\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n }\n .MediaSeriesCard-module_article__SAFYK a {\n flex-direction: column;\n align-items: center;\n }\n .MediaSeriesCard-module_thumb__3jRAU {\n overflow: hidden;\n width: 100%;\n margin-bottom: 1rem;\n }\n .MediaSeriesCard-module_thumb__3jRAU img{\n border-radius: 10px 10px 0 0; \n }\n .MediaSeriesCard-module_thumb__3jRAU figure {\n margin: 0;\n }\n .MediaSeriesCard-module_info__3L7_o {\n width: 90%;\n padding: 0rem !important;\n }\n .MediaSeriesCard-module_info__3L7_o h2 {\n font-size: 1rem;\n }\n .MediaSeriesCard-module_name__2m5KY {\n font-size: 1rem;\n \n }\n}\n";
11
11
  var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
@@ -8,9 +8,9 @@ import './index-98ca9cec.js';
8
8
  import 'react-dom';
9
9
  import Link from 'next/link';
10
10
  import MasterDeck from './MasterDeck.js';
11
- import { M as MediaSeriesCard } from './MediaSeriesCard-cfdc313b.js';
11
+ import { M as MediaSeriesCard } from './MediaSeriesCard-ae514b3b.js';
12
12
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
13
- import { g as getSerializers } from './index-30b512d6.js';
13
+ import { g as getSerializers } from './index-1d8d115d.js';
14
14
  import './_commonjsHelpers-0c4b6f40.js';
15
15
  import './core.get-iterator-method-ea258bb1.js';
16
16
  import './web.dom.iterable-ab4dea5c.js';
@@ -9,8 +9,8 @@ import 'react-dom';
9
9
  import Link from 'next/link';
10
10
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
11
11
  import MasterDeck from './MasterDeckPaginated.js';
12
- import { M as MediaSeriesCard } from './MediaSeriesCard-cfdc313b.js';
13
- import { g as getSerializers } from './index-30b512d6.js';
12
+ import { M as MediaSeriesCard } from './MediaSeriesCard-ae514b3b.js';
13
+ import { g as getSerializers } from './index-1d8d115d.js';
14
14
  import './_commonjsHelpers-0c4b6f40.js';
15
15
  import './core.get-iterator-method-ea258bb1.js';
16
16
  import './web.dom.iterable-ab4dea5c.js';
@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
3
3
  import { _ as _extends } from './extends-1559c147.js';
4
4
  import React__default from 'react';
5
5
  import { TwitterTimelineEmbed } from 'react-twitter-embed';
6
- import { I as ImageSlider, F as Facebook, P as Page } from './ImageSlider-788daebb.js';
6
+ import { I as ImageSlider, F as Facebook, P as Page } from './ImageSlider-497e9c88.js';
7
7
  import './defineProperty-23a8f8cd.js';
8
8
  import { r as reactSocialIcons_1 } from './react-social-icons-9be47857.js';
9
9
  import { m as moment } from './moment-bc12cb97.js';
@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
11
11
  import Breadcrumbs from './Breadcrumbs.js';
12
12
  import Feature from './Feature.js';
13
13
  import urlFor from './urlFor.js';
14
- import { g as getSerializers } from './index-30b512d6.js';
14
+ import { g as getSerializers } from './index-1d8d115d.js';
15
15
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
16
16
  import { c as checkSisterSite } from './checkSisterSite-a7218fda.js';
17
17
  import './_commonjsHelpers-0c4b6f40.js';
@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
3
3
  import { _ as _extends } from './extends-1559c147.js';
4
4
  import React__default from 'react';
5
5
  import { TwitterTimelineEmbed } from 'react-twitter-embed';
6
- import { I as ImageSlider, F as Facebook, P as Page } from './ImageSlider-788daebb.js';
6
+ import { I as ImageSlider, F as Facebook, P as Page } from './ImageSlider-497e9c88.js';
7
7
  import './defineProperty-23a8f8cd.js';
8
8
  import { r as reactSocialIcons_1 } from './react-social-icons-9be47857.js';
9
9
  import './moment-bc12cb97.js';
@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpandedPaginated.js';
11
11
  import Breadcrumbs from './Breadcrumbs.js';
12
12
  import Feature from './Feature.js';
13
13
  import urlFor from './urlFor.js';
14
- import { g as getSerializers } from './index-30b512d6.js';
14
+ import { g as getSerializers } from './index-1d8d115d.js';
15
15
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
16
16
  import { c as checkSisterSite } from './checkSisterSite-a7218fda.js';
17
17
  import './_commonjsHelpers-0c4b6f40.js';
@@ -4,9 +4,9 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
4
4
  import React__default, { useState } from 'react';
5
5
  import Link from 'next/link';
6
6
  import MasterDeck from './MasterDeck.js';
7
- import { M as MediaSeriesCard } from './MediaSeriesCard-cfdc313b.js';
7
+ import { M as MediaSeriesCard } from './MediaSeriesCard-ae514b3b.js';
8
8
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
9
- import { g as getSerializers } from './index-30b512d6.js';
9
+ import { g as getSerializers } from './index-1d8d115d.js';
10
10
  import './_commonjsHelpers-0c4b6f40.js';
11
11
  import './core.get-iterator-method-ea258bb1.js';
12
12
  import './web.dom.iterable-ab4dea5c.js';
@@ -5,7 +5,7 @@ import React__default, { useState, useEffect, useRef } from 'react';
5
5
  import { useRouter } from 'next/router';
6
6
  import { l as lib_3 } from './index-f0fc23eb.js';
7
7
  import { I as InfiniteScroll } from './index.es-a6137319.js';
8
- import { S as SeriesSlider } from './SeriesSlider-2eda1e45.js';
8
+ import { S as SeriesSlider } from './SeriesSlider-07be99e0.js';
9
9
  import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
10
10
  import './_commonjsHelpers-0c4b6f40.js';
11
11
  import './core.get-iterator-method-ea258bb1.js';
@@ -5,7 +5,7 @@ import React__default, { useState, useEffect } from 'react';
5
5
  import { useRouter } from 'next/router';
6
6
  import Head from 'next/head';
7
7
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
8
- import { g as getSerializers } from './index-30b512d6.js';
8
+ import { g as getSerializers } from './index-1d8d115d.js';
9
9
  import './_commonjsHelpers-0c4b6f40.js';
10
10
  import './core.get-iterator-method-ea258bb1.js';
11
11
  import './web.dom.iterable-ab4dea5c.js';
@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-1e73bd2c.js';
5
5
  import Col from 'react-bootstrap/Col';
6
6
  import Form from 'react-bootstrap/Form';
7
7
  import Button from 'react-bootstrap/Button';
8
- import { g as getSerializers } from './index-30b512d6.js';
8
+ import { g as getSerializers } from './index-1d8d115d.js';
9
9
  import VideoSeriesListing from './VideoSeriesListing.js';
10
10
  import './_commonjsHelpers-0c4b6f40.js';
11
11
  import './core.get-iterator-method-ea258bb1.js';
package/dist/esm/View.js CHANGED
@@ -15,9 +15,9 @@ import FormControl from 'react-bootstrap/FormControl';
15
15
  import Button from 'react-bootstrap/Button';
16
16
  import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
17
17
  import SocialShare from './SocialShare.js';
18
- import { r as renderAuthor, g as getSerializers } from './index-30b512d6.js';
18
+ import { r as renderAuthor, g as getSerializers } from './index-1d8d115d.js';
19
19
  import DFPAdSlot from './AdSlot.js';
20
- import { S as SeriesSlider } from './SeriesSlider-2eda1e45.js';
20
+ import { S as SeriesSlider } from './SeriesSlider-07be99e0.js';
21
21
  import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-5a281334.js';
22
22
  import getKeywords from './getKeywords.js';
23
23
  import urlFor from './urlFor.js';
@@ -1,5 +1,5 @@
1
1
  import 'react';
2
- export { g as default } from './index-30b512d6.js';
2
+ export { g as default } from './index-1d8d115d.js';
3
3
  import './BlockContent-1e73bd2c.js';
4
4
  import './entities-6d9154b4.js';
5
5
  import './slicedToArray-6ebcbfea.js';
@@ -1,6 +1,6 @@
1
1
  import React__default, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
2
2
  import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-6ebcbfea.js';
3
- import { Carousel, Table, Figure, Card, Row, Col, Button as Button$1, ProgressBar } from 'react-bootstrap';
3
+ import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button as Button$1, ProgressBar } from 'react-bootstrap';
4
4
  import urlFor from './urlFor.js';
5
5
  import { l as lib_3 } from './index-f0fc23eb.js';
6
6
  import Router, { useRouter } from 'next/router';
@@ -37,7 +37,7 @@ import Col$1 from 'react-bootstrap/Col';
37
37
  import Head from 'next/head';
38
38
  import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1, e as classCallCheck, p as possibleConstructorReturn, i as inherits$2 } from './inherits-d21b4ef9.js';
39
39
  import { c as IoIosArrowDropupCircle } from './index.esm-eb1e8e80.js';
40
- import Figure$1 from 'react-bootstrap/Figure';
40
+ import Figure$2 from 'react-bootstrap/Figure';
41
41
  import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
42
42
  import Tooltip from 'react-bootstrap/Tooltip';
43
43
  import Popover from 'react-bootstrap/Popover';
@@ -2745,7 +2745,7 @@ var Media = function Media(_ref) {
2745
2745
  };
2746
2746
 
2747
2747
  return React__default.createElement(
2748
- Figure,
2748
+ Figure$1,
2749
2749
  { className: 'd-block ' + className, style: figureStyle },
2750
2750
  React__default.createElement(
2751
2751
  'a',
@@ -2763,7 +2763,7 @@ var Media = function Media(_ref) {
2763
2763
  )
2764
2764
  ),
2765
2765
  caption && React__default.createElement(
2766
- Figure.Caption,
2766
+ Figure$1.Caption,
2767
2767
  { className: 'media-caption' },
2768
2768
  caption
2769
2769
  )
@@ -10088,11 +10088,17 @@ var LightBox = function LightBox(_ref) {
10088
10088
  React__default.createElement(
10089
10089
  'style',
10090
10090
  { jsx: 'true' },
10091
- '\n /*Eliminates padding, centers the thumbnail */\n\n /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n .lightbox-target {\n position: fixed;\n top: -100%;\n width: 100%;\n background: rgba(0, 0, 0, 0.7);\n width: 100%;\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in-out;\n -moz-transition: opacity 0.5s ease-in-out;\n -o-transition: opacity 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n overflow: hidden;\n }\n\n .lightbox-target.close {\n opacity: 0;\n }\n\n /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n .lightbox-target img {\n margin: auto;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n max-height: 0%;\n max-width: 0%;\n border: 3px solid white;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n box-sizing: border-box;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Styles the close link, adds the slide down transition */\n\n // a.lightbox-close {\n // display: block;\n // width: 50px;\n // height: 50px;\n // box-sizing: border-box;\n // background: white;\n // color: black;\n // text-decoration: none;\n // position: absolute;\n // top: -80px;\n // right: 0;\n // -webkit-transition: 0.5s ease-in-out;\n // -moz-transition: 0.5s ease-in-out;\n // -o-transition: 0.5s ease-in-out;\n // transition: 0.5s ease-in-out;\n // }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n // a.lightbox-close:before {\n // content: \'\';\n // display: block;\n // height: 30px;\n // width: 1px;\n // background: black;\n // position: absolute;\n // left: 26px;\n // top: 10px;\n // -webkit-transform: rotate(45deg);\n // -moz-transform: rotate(45deg);\n // -o-transform: rotate(45deg);\n // transform: rotate(45deg);\n // }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n // a.lightbox-close:after {\n // content: \'\';\n // display: block;\n // height: 30px;\n // width: 1px;\n // background: black;\n // position: absolute;\n // left: 26px;\n // top: 10px;\n // -webkit-transform: rotate(-45deg);\n // -moz-transform: rotate(-45deg);\n // -o-transform: rotate(-45deg);\n // transform: rotate(-45deg);\n // }\n\n /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n .lightbox-target.open {\n opacity: 1;\n top: 0;\n bottom: 0;\n right: 0;\n z-index: 3000000;\n }\n\n .lightbox-target.open img {\n max-height: 100%;\n max-width: 100%;\n }\n\n .lightbox-target.open a.lightbox-close {\n top: 0px;\n }\n '
10091
+ '\n /*Eliminates padding, centers the thumbnail */\n\n /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n .lightbox-target {\n position: fixed;\n top: -100%;\n width: 100%;\n background: rgba(0, 0, 0, 0.7);\n width: 100%;\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in-out;\n -moz-transition: opacity 0.5s ease-in-out;\n -o-transition: opacity 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n overflow: hidden;\n }\n\n .lightbox-target.close {\n opacity: 0;\n }\n\n /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n .lightbox-target img {\n margin: auto;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n max-height: 0%;\n max-width: 0%;\n border: 3px solid white;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n box-sizing: border-box;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Styles the close link, adds the slide down transition */\n\n a.lightbox-close {\n display: block;\n width: 50px;\n height: 50px;\n box-sizing: border-box;\n background: white;\n color: black;\n text-decoration: none;\n position: absolute;\n top: -80px;\n right: 0;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n a.lightbox-close:before {\n content: \'\';\n display: block;\n height: 30px;\n width: 1px;\n background: black;\n position: absolute;\n left: 26px;\n top: 10px;\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n a.lightbox-close:after {\n content: \'\';\n display: block;\n height: 30px;\n width: 1px;\n background: black;\n position: absolute;\n left: 26px;\n top: 10px;\n -webkit-transform: rotate(-45deg);\n -moz-transform: rotate(-45deg);\n -o-transform: rotate(-45deg);\n transform: rotate(-45deg);\n }\n\n /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n .lightbox-target.open {\n opacity: 1;\n top: 0;\n bottom: 0;\n right: 0;\n z-index: 3000000;\n }\n\n .lightbox-target.open img {\n max-height: 100%;\n max-width: 100%;\n }\n\n .lightbox-target.open a.lightbox-close {\n top: 0px;\n }\n '
10092
10092
  )
10093
10093
  );
10094
10094
  };
10095
10095
 
10096
+ var compareProps = function compareProps(prevProps, nextProps) {
10097
+ if (nextProps.node.asset && nextProps.node.asset._ref) {
10098
+ return prevProps.node.asset._ref === nextProps.node.asset._ref;
10099
+ }
10100
+ };
10101
+
10096
10102
  var FigureImage$1 = React__default.memo(function (_ref2) {
10097
10103
  var node = _ref2.node,
10098
10104
  client = _ref2.client,
@@ -10121,8 +10127,6 @@ var FigureImage$1 = React__default.memo(function (_ref2) {
10121
10127
  });
10122
10128
 
10123
10129
  var FigureComponent = function FigureComponent(props) {
10124
- console.log('props in Figure Component', props);
10125
-
10126
10130
  var _useState = useState(false),
10127
10131
  _useState2 = _slicedToArray(_useState, 2),
10128
10132
  showLightbox = _useState2[0],
@@ -10134,7 +10138,7 @@ var FigureComponent = function FigureComponent(props) {
10134
10138
  setLightboxImgSrc = _useState4[1];
10135
10139
 
10136
10140
  if (typeof window === 'undefined') return null;
10137
- console.log('props in FigureComp', props);
10141
+
10138
10142
  var node = props.node,
10139
10143
  client = props.client,
10140
10144
  getSerializers = props.getSerializers;
@@ -10191,8 +10195,6 @@ var FigureComponent = function FigureComponent(props) {
10191
10195
  link = _ref3.link,
10192
10196
  handleClickFigure = _ref3.handleClickFigure;
10193
10197
 
10194
- console.log('node in FImage', node);
10195
-
10196
10198
  var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
10197
10199
  var triggerAction = main_42 ? 'click' : 'hover';
10198
10200
  var placementLocation = main_42 ? 'top' : infoBox[0].alignment ? infoBox[0].alignment : 'right';
@@ -10295,7 +10297,7 @@ var FigureComponent = function FigureComponent(props) {
10295
10297
  React__default.Fragment,
10296
10298
  null,
10297
10299
  infoBox.length >= 1 ? React__default.createElement(
10298
- Figure$1,
10300
+ Figure$2,
10299
10301
  { className: '' + class_name, style: figureStyle },
10300
10302
  link ? React__default.createElement(
10301
10303
  'a',
@@ -10318,7 +10320,7 @@ var FigureComponent = function FigureComponent(props) {
10318
10320
  }
10319
10321
  })
10320
10322
  ) : React__default.createElement(
10321
- Figure$1,
10323
+ Figure$2,
10322
10324
  { className: '' + class_name, style: figureStyle },
10323
10325
  link ? React__default.createElement(
10324
10326
  'a',
@@ -10349,6 +10351,8 @@ var FigureComponent = function FigureComponent(props) {
10349
10351
  );
10350
10352
  };
10351
10353
 
10354
+ var Figure = React__default.memo(FigureComponent, compareProps);
10355
+
10352
10356
  function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
10353
10357
  useEffect(function () {
10354
10358
  function handleClickOutside(event) {
@@ -11205,7 +11209,7 @@ var getSerializers = function getSerializers() {
11205
11209
  figure: function figure(_ref4) {
11206
11210
  var node = _ref4.node;
11207
11211
 
11208
- return React__default.createElement(FigureComponent, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
11212
+ return React__default.createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
11209
11213
  },
11210
11214
  multifigure: function multifigure(_ref5) {
11211
11215
  var node = _ref5.node;
package/dist/esm/index.js CHANGED
@@ -87,7 +87,7 @@ export { default as VerticalHero } from './VerticalHero.js';
87
87
  export { default as YahooHero } from './YahooHero.js';
88
88
  export { default as GridHero } from './GridHero.js';
89
89
  export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
90
- export { g as getSerializers } from './index-30b512d6.js';
90
+ export { g as getSerializers } from './index-1d8d115d.js';
91
91
  export { default as Beam } from './Beam.js';
92
92
  export { default as Segment } from './Segment.js';
93
93
  export { default as KMTracker } from './KMTracker.js';
@@ -136,7 +136,7 @@ import './getContentCategory-15dcc413.js';
136
136
  import './get-3c308da4.js';
137
137
  import './eq-bdcbf886.js';
138
138
  import './AuthorComponent-11adff02.js';
139
- import './PublicationFeature-b44a69eb.js';
139
+ import './PublicationFeature-3cc370de.js';
140
140
  import 'react-bootstrap/Button';
141
141
  import 'react-bootstrap/Media';
142
142
  import './BlockContent-1e73bd2c.js';
@@ -187,11 +187,11 @@ import 'react-bootstrap/Figure';
187
187
  import 'react-bootstrap/OverlayTrigger';
188
188
  import 'react-bootstrap/Tooltip';
189
189
  import 'react-bootstrap/Popover';
190
- import './SeriesSlider-2eda1e45.js';
190
+ import './SeriesSlider-07be99e0.js';
191
191
  import './style-inject.es-1f59c1d0.js';
192
192
  import 'disqus-react';
193
193
  import 'react-twitter-embed';
194
- import './ImageSlider-788daebb.js';
194
+ import './ImageSlider-497e9c88.js';
195
195
  import './defineProperty-23a8f8cd.js';
196
196
  import './VideoSeriesCard.js';
197
197
 
@@ -44,7 +44,6 @@ function urlFor(_ref) {
44
44
  if (imageHeight) url = url.height(imageHeight);
45
45
  if (imageMaxHeight) url = url.maxHeight(imageMaxHeight);
46
46
  if (imageFit) url = url.fit(imageFit);
47
- console.log('url auto format', url.auto('format'));
48
47
  url = url.auto('format').url();
49
48
 
50
49
  // Appending file name in URL
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.1067-iframe-test",
3
+ "version": "1.0.1067-iframe-test-2",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",