@mjhls/mjh-framework 1.0.994-Cypress → 1.0.994-CypressV2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/cjs/ArticleProgramLandingPage.js +1 -1
- package/dist/cjs/CypressTesting.js +4 -3
- package/dist/cjs/ExternalResources.js +1 -1
- package/dist/cjs/HamMagazine.js +20 -20
- package/dist/cjs/HorizontalArticleListing.js +1 -1
- package/dist/cjs/IssueLanding.js +1 -1
- package/dist/cjs/MediaSeriesCard-2e5cd247.js +81 -0
- package/dist/cjs/MediaSeriesLanding.js +17 -16
- package/dist/cjs/MediaSeriesLandingPaginated.js +16 -15
- package/dist/cjs/PartnerDetailListing.js +1 -1
- package/dist/cjs/PartnerDetailListingPaginated.js +30 -8
- package/dist/cjs/PodcastsLanding.js +235 -0
- package/dist/cjs/TaxonomyDescription.js +1 -1
- package/dist/cjs/{MediaSeriesCard-cf144b71.js → Tooltip-f075b7ef.js} +0 -73
- package/dist/cjs/VideoProgramLandingPage.js +1 -1
- package/dist/cjs/View.js +51 -38
- package/dist/cjs/getQuery.js +1 -1
- package/dist/cjs/getSerializers.js +1 -1
- package/dist/cjs/{index-e9d3f910.js → index-f95a3c0f.js} +20 -7
- package/dist/cjs/index.js +1 -1
- package/dist/esm/ArticleProgramLandingPage.js +1 -1
- package/dist/esm/CypressTesting.js +4 -3
- package/dist/esm/ExternalResources.js +1 -1
- package/dist/esm/HamMagazine.js +18 -18
- package/dist/esm/HorizontalArticleListing.js +1 -1
- package/dist/esm/IssueLanding.js +1 -1
- package/dist/esm/MediaSeriesCard-afb517a5.js +75 -0
- package/dist/esm/MediaSeriesLanding.js +8 -7
- package/dist/esm/MediaSeriesLandingPaginated.js +7 -6
- package/dist/esm/PartnerDetailListing.js +1 -1
- package/dist/esm/PartnerDetailListingPaginated.js +30 -8
- package/dist/esm/PodcastsLanding.js +228 -0
- package/dist/esm/TaxonomyDescription.js +1 -1
- package/dist/esm/{MediaSeriesCard-2a65b9da.js → Tooltip-95655b44.js} +1 -73
- package/dist/esm/VideoProgramLandingPage.js +1 -1
- package/dist/esm/View.js +51 -38
- package/dist/esm/getQuery.js +1 -1
- package/dist/esm/getSerializers.js +1 -1
- package/dist/esm/{index-9a58ca55.js → index-04817712.js} +20 -7
- package/dist/esm/index.js +1 -1
- package/package.json +3 -3
|
@@ -1648,11 +1648,13 @@ function shouldUpdateVideo(prevProps, props) {
|
|
|
1648
1648
|
|
|
1649
1649
|
function filterResetOptions(opts) {
|
|
1650
1650
|
return _objectSpread(_objectSpread({}, opts), {}, {
|
|
1651
|
-
|
|
1651
|
+
height: 0,
|
|
1652
|
+
width: 0,
|
|
1653
|
+
playerVars: _objectSpread(_objectSpread({}, opts.playerVars), {}, {
|
|
1652
1654
|
autoplay: 0,
|
|
1653
1655
|
start: 0,
|
|
1654
1656
|
end: 0
|
|
1655
|
-
}
|
|
1657
|
+
})
|
|
1656
1658
|
});
|
|
1657
1659
|
}
|
|
1658
1660
|
/**
|
|
@@ -1667,7 +1669,7 @@ function filterResetOptions(opts) {
|
|
|
1667
1669
|
|
|
1668
1670
|
|
|
1669
1671
|
function shouldResetPlayer(prevProps, props) {
|
|
1670
|
-
return !fastDeepEqual(filterResetOptions(prevProps.opts), filterResetOptions(props.opts));
|
|
1672
|
+
return prevProps.videoId !== props.videoId || !fastDeepEqual(filterResetOptions(prevProps.opts), filterResetOptions(props.opts));
|
|
1671
1673
|
}
|
|
1672
1674
|
/**
|
|
1673
1675
|
* Check whether a props change should result in an id or className update.
|
|
@@ -1678,7 +1680,7 @@ function shouldResetPlayer(prevProps, props) {
|
|
|
1678
1680
|
|
|
1679
1681
|
|
|
1680
1682
|
function shouldUpdatePlayer(prevProps, props) {
|
|
1681
|
-
return prevProps.id !== props.id || prevProps.className !== props.className;
|
|
1683
|
+
return prevProps.id !== props.id || prevProps.className !== props.className || prevProps.opts.width !== props.opts.width || prevProps.opts.height !== props.opts.height || prevProps.title !== props.title;
|
|
1682
1684
|
}
|
|
1683
1685
|
|
|
1684
1686
|
var YouTube = /*#__PURE__*/function (_React$Component) {
|
|
@@ -1765,6 +1767,9 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
|
|
|
1765
1767
|
_this.internalPlayer.getIframe().then(function (iframe) {
|
|
1766
1768
|
if (_this.props.id) iframe.setAttribute('id', _this.props.id);else iframe.removeAttribute('id');
|
|
1767
1769
|
if (_this.props.className) iframe.setAttribute('class', _this.props.className);else iframe.removeAttribute('class');
|
|
1770
|
+
if (_this.props.opts && _this.props.opts.width) iframe.setAttribute('width', _this.props.opts.width);else iframe.removeAttribute('width');
|
|
1771
|
+
if (_this.props.opts && _this.props.opts.height) iframe.setAttribute('height', _this.props.opts.height);else iframe.removeAttribute('height');
|
|
1772
|
+
if (typeof _this.props.title === 'string') iframe.setAttribute('title', _this.props.title);else iframe.setAttribute('title', 'YouTube video player');
|
|
1768
1773
|
});
|
|
1769
1774
|
});
|
|
1770
1775
|
|
|
@@ -1863,7 +1868,8 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
|
|
|
1863
1868
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1864
1869
|
id: this.props.id,
|
|
1865
1870
|
className: this.props.className,
|
|
1866
|
-
ref: this.refContainer
|
|
1871
|
+
ref: this.refContainer,
|
|
1872
|
+
loading: this.props.loading
|
|
1867
1873
|
}));
|
|
1868
1874
|
}
|
|
1869
1875
|
}]);
|
|
@@ -1888,6 +1894,10 @@ YouTube.propTypes = {
|
|
|
1888
1894
|
className: PropTypes__default['default'].string,
|
|
1889
1895
|
// custom class name for player container element
|
|
1890
1896
|
containerClassName: PropTypes__default['default'].string,
|
|
1897
|
+
// custom title for the iFrame, see https://www.w3.org/TR/WCAG20-TECHS/H64.html
|
|
1898
|
+
title: PropTypes__default['default'].string,
|
|
1899
|
+
// custom loading for player element
|
|
1900
|
+
loading: PropTypes__default['default'].oneOf(['lazy', 'eager', 'auto']),
|
|
1891
1901
|
// https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
|
|
1892
1902
|
opts: PropTypes__default['default'].objectOf(PropTypes__default['default'].any),
|
|
1893
1903
|
// event subscriptions
|
|
@@ -1904,6 +1914,7 @@ YouTube.defaultProps = {
|
|
|
1904
1914
|
videoId: null,
|
|
1905
1915
|
id: null,
|
|
1906
1916
|
className: null,
|
|
1917
|
+
loading: null,
|
|
1907
1918
|
opts: {},
|
|
1908
1919
|
containerClassName: '',
|
|
1909
1920
|
onReady: function onReady() {},
|
|
@@ -1913,7 +1924,8 @@ YouTube.defaultProps = {
|
|
|
1913
1924
|
onEnd: function onEnd() {},
|
|
1914
1925
|
onStateChange: function onStateChange() {},
|
|
1915
1926
|
onPlaybackRateChange: function onPlaybackRateChange() {},
|
|
1916
|
-
onPlaybackQualityChange: function onPlaybackQualityChange() {}
|
|
1927
|
+
onPlaybackQualityChange: function onPlaybackQualityChange() {},
|
|
1928
|
+
title: null
|
|
1917
1929
|
};
|
|
1918
1930
|
|
|
1919
1931
|
var YouTubePlayer = function YouTubePlayer(_ref) {
|
|
@@ -2019,7 +2031,7 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
|
|
|
2019
2031
|
return React__default['default'].createElement(
|
|
2020
2032
|
'div',
|
|
2021
2033
|
{ id: 'fluid-video-container' },
|
|
2022
|
-
React__default['default'].createElement(YouTube, { className: 'fluid-iframe', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
|
|
2034
|
+
React__default['default'].createElement(YouTube, { className: 'fluid-iframe', loading: 'lazy', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
|
|
2023
2035
|
React__default['default'].createElement(
|
|
2024
2036
|
'style',
|
|
2025
2037
|
{ jsx: 'true' },
|
|
@@ -7973,6 +7985,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7973
7985
|
{ id: 'fluid-video-container', className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
|
|
7974
7986
|
vidUrl && vidType == 'youtube' && React__default['default'].createElement(YouTube, {
|
|
7975
7987
|
className: 'fluid-iframe',
|
|
7988
|
+
loading: 'lazy',
|
|
7976
7989
|
videoId: index$1.getYoutubeId(vidUrl),
|
|
7977
7990
|
opts: opts,
|
|
7978
7991
|
onReady: handleOnReady,
|
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-
|
|
93
|
+
var getSerializers = require('./index-f95a3c0f.js');
|
|
94
94
|
var Beam = require('./Beam.js');
|
|
95
95
|
var Segment = require('./Segment.js');
|
|
96
96
|
var KMTracker = require('./KMTracker.js');
|
|
@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
|
|
|
3
3
|
import { _ as _extends } from './extends-6d8e3924.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-
|
|
6
|
+
import { g as getSerializers } from './index-04817712.js';
|
|
7
7
|
import ArticleSeriesListing from './ArticleSeriesListing.js';
|
|
8
8
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
9
9
|
import './core.get-iterator-method-ea258bb1.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
var settings = require('../../../../../settings.js');
|
|
2
2
|
var liveDomain = settings.Settings ? settings.Settings.liveDomain : settings.default.liveDomain;
|
|
3
|
-
|
|
3
|
+
// const adUnit = settings.Settings ? settings.Settings.adUnit : settings.default.adUnit
|
|
4
4
|
|
|
5
5
|
var requestChecks = function requestChecks() {
|
|
6
6
|
console.log('settings', settings);
|
|
@@ -19,6 +19,7 @@ var requestChecks = function requestChecks() {
|
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
var adTest = function adTest() {
|
|
22
|
+
console.log('adUnit', adUnit);
|
|
22
23
|
it('checks for rendered Ads', function () {
|
|
23
24
|
cy.on('uncaught:exception', function () {
|
|
24
25
|
return false;
|
|
@@ -26,8 +27,8 @@ var adTest = function adTest() {
|
|
|
26
27
|
cy.visit(liveDomain);
|
|
27
28
|
cy.wait(5000);
|
|
28
29
|
cy.get('iframe').each(function ($el, index) {
|
|
29
|
-
//
|
|
30
|
-
if ($el[0].id
|
|
30
|
+
// if ($el[0].id === `google_ads_iframe_4688/${adUnit}_${index}` {
|
|
31
|
+
if ($el[0].id.includes('google_ads_iframe_4688')) {
|
|
31
32
|
expect($el).to.have.attr('data-load-complete', 'true');
|
|
32
33
|
}
|
|
33
34
|
});
|
|
@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-6d8e3924.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-
|
|
5
|
+
import { g as getSerializers } from './index-04817712.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';
|
package/dist/esm/HamMagazine.js
CHANGED
|
@@ -7,6 +7,7 @@ import 'react-bootstrap/Form';
|
|
|
7
7
|
import 'react-bootstrap/FormControl';
|
|
8
8
|
import 'react-bootstrap/Button';
|
|
9
9
|
import Segment from './Segment.js';
|
|
10
|
+
import { c as checkSisterSite } from './checkSisterSite-baa4fb6b.js';
|
|
10
11
|
import Container from 'react-bootstrap/Container';
|
|
11
12
|
import Nav from 'react-bootstrap/Nav';
|
|
12
13
|
import Navbar from 'react-bootstrap/Navbar';
|
|
@@ -17,7 +18,6 @@ import { m as main_43, c as main_44 } from './main-1894c974.js';
|
|
|
17
18
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
18
19
|
import './web.dom.iterable-ab4dea5c.js';
|
|
19
20
|
import './core.get-iterator-method-ea258bb1.js';
|
|
20
|
-
import './checkSisterSite-baa4fb6b.js';
|
|
21
21
|
import './react-social-icons-9be47857.js';
|
|
22
22
|
import 'prop-types';
|
|
23
23
|
import './iconBase-ccc56b97.js';
|
|
@@ -387,10 +387,10 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
387
387
|
if (row.subQuery && row.subQuery.length > 0) {
|
|
388
388
|
return row.name ? React__default.createElement(
|
|
389
389
|
'div',
|
|
390
|
-
|
|
390
|
+
{ key: 'navWrap' + index },
|
|
391
391
|
React__default.createElement(
|
|
392
392
|
NavDropdown,
|
|
393
|
-
{
|
|
393
|
+
{ title: row.name, id: 'basic-nav-dropdown', renderMenuOnMount: true },
|
|
394
394
|
row.url && React__default.createElement(
|
|
395
395
|
'a',
|
|
396
396
|
{
|
|
@@ -408,17 +408,17 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
408
408
|
),
|
|
409
409
|
row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
|
|
410
410
|
if (ddRow.type === 'divider') {
|
|
411
|
-
return React__default.createElement(NavDropdown.Divider, { key: subIndex });
|
|
411
|
+
return React__default.createElement(NavDropdown.Divider, { key: 'subNav' + subIndex });
|
|
412
412
|
} else {
|
|
413
413
|
if (ddRow.url && ddRow.name) {
|
|
414
414
|
return ddRow.url && ddRow.name ? React__default.createElement(
|
|
415
415
|
'a',
|
|
416
416
|
{
|
|
417
|
-
key: subIndex,
|
|
417
|
+
key: 'subNav' + subIndex,
|
|
418
418
|
needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '',
|
|
419
419
|
href: ddRow.url,
|
|
420
420
|
target: ddRow.blank ? '_blank' : '_self',
|
|
421
|
-
rel: checkSisterSite(
|
|
421
|
+
rel: checkSisterSite(ddRow.url) ? '' : 'noopener noreferrer',
|
|
422
422
|
className: 'dropdown-item' },
|
|
423
423
|
ddRow.name
|
|
424
424
|
) : null;
|
|
@@ -431,17 +431,17 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
431
431
|
null,
|
|
432
432
|
row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
|
|
433
433
|
if (ddRow.type === 'divider') {
|
|
434
|
-
return React__default.createElement(NavDropdown.Divider, { key: subIndex });
|
|
434
|
+
return React__default.createElement(NavDropdown.Divider, { key: 'subNav2' + subIndex });
|
|
435
435
|
} else {
|
|
436
436
|
if (ddRow.url && ddRow.name) {
|
|
437
437
|
return ddRow.url && ddRow.name ? React__default.createElement(
|
|
438
438
|
'a',
|
|
439
439
|
{
|
|
440
|
-
key: subIndex,
|
|
440
|
+
key: 'subNav2' + subIndex,
|
|
441
441
|
needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '',
|
|
442
442
|
href: ddRow.url,
|
|
443
443
|
target: ddRow.blank ? '_blank' : '_self',
|
|
444
|
-
rel: checkSisterSite(
|
|
444
|
+
rel: checkSisterSite(ddRow.url) ? '' : 'noopener noreferrer',
|
|
445
445
|
className: 'dropdown-item' },
|
|
446
446
|
ddRow.name
|
|
447
447
|
) : null;
|
|
@@ -454,7 +454,7 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
454
454
|
return row.url && row.name ? React__default.createElement(
|
|
455
455
|
'a',
|
|
456
456
|
{
|
|
457
|
-
key: index,
|
|
457
|
+
key: 'navlink' + index,
|
|
458
458
|
needsegmentsupport: row.needSegmentSupport ? 'true' : '',
|
|
459
459
|
href: row.url,
|
|
460
460
|
target: row.blank ? '_blank' : '_self',
|
|
@@ -485,22 +485,22 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
485
485
|
if (row.subQuery && row.subQuery.length > 0) {
|
|
486
486
|
return row.name ? React__default.createElement(
|
|
487
487
|
'div',
|
|
488
|
-
|
|
488
|
+
{ key: 'navLink3' + index },
|
|
489
489
|
React__default.createElement(
|
|
490
490
|
NavDropdown,
|
|
491
|
-
{
|
|
491
|
+
{ title: row.name, id: 'basic-nav-dropdown', renderMenuOnMount: true },
|
|
492
492
|
row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
|
|
493
493
|
if (ddRow.type === 'divider') {
|
|
494
|
-
return React__default.createElement(NavDropdown.Divider, { key: subIndex });
|
|
494
|
+
return React__default.createElement(NavDropdown.Divider, { key: 'navLink4' + subIndex });
|
|
495
495
|
} else {
|
|
496
496
|
return ddRow.url && ddRow.name ? React__default.createElement(
|
|
497
497
|
'a',
|
|
498
498
|
{
|
|
499
|
-
key: subIndex,
|
|
499
|
+
key: 'navLink4' + subIndex,
|
|
500
500
|
needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '',
|
|
501
501
|
href: ddRow.url,
|
|
502
502
|
target: ddRow.blank ? '_blank' : '_self',
|
|
503
|
-
rel: checkSisterSite(
|
|
503
|
+
rel: checkSisterSite(ddRow.url) ? '' : 'noopener noreferrer',
|
|
504
504
|
className: 'dropdown-item nav-link' },
|
|
505
505
|
ddRow.name
|
|
506
506
|
) : null;
|
|
@@ -512,17 +512,17 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
512
512
|
null,
|
|
513
513
|
row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
|
|
514
514
|
if (ddRow.type === 'divider') {
|
|
515
|
-
return React__default.createElement(NavDropdown.Divider, { key: subIndex });
|
|
515
|
+
return React__default.createElement(NavDropdown.Divider, { key: 'navLink5' + subIndex });
|
|
516
516
|
} else {
|
|
517
517
|
if (ddRow.url && ddRow.name) {
|
|
518
518
|
return ddRow.url && ddRow.name ? React__default.createElement(
|
|
519
519
|
'a',
|
|
520
520
|
{
|
|
521
|
-
key: subIndex,
|
|
521
|
+
key: 'navLink5' + subIndex,
|
|
522
522
|
needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '',
|
|
523
523
|
href: ddRow.url,
|
|
524
524
|
target: ddRow.blank ? '_blank' : '_self',
|
|
525
|
-
rel: checkSisterSite(
|
|
525
|
+
rel: checkSisterSite(ddRow.url) ? '' : 'noopener noreferrer',
|
|
526
526
|
className: 'dropdown-item' },
|
|
527
527
|
ddRow.name
|
|
528
528
|
) : null;
|
|
@@ -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-
|
|
6
|
+
import { g as getSerializers } from './index-04817712.js';
|
|
7
7
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
8
8
|
import './core.get-iterator-method-ea258bb1.js';
|
|
9
9
|
import './_object-pie-133f504a.js';
|
package/dist/esm/IssueLanding.js
CHANGED
|
@@ -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-
|
|
6
|
+
import { g as getSerializers } from './index-04817712.js';
|
|
7
7
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
8
8
|
import './core.get-iterator-method-ea258bb1.js';
|
|
9
9
|
import './_object-pie-133f504a.js';
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { _ as _typeof } from './typeof-e9fc0c5d.js';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { L as LazyLoad } from './index-755f2cc2.js';
|
|
4
|
+
import urlFor from './urlFor.js';
|
|
5
|
+
import { m as moment } from './moment-bc12cb97.js';
|
|
6
|
+
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
7
|
+
import { B as BlockContent } from './BlockContent-1e73bd2c.js';
|
|
8
|
+
import { g as getSerializers } from './index-04817712.js';
|
|
9
|
+
|
|
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
|
+
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" };
|
|
12
|
+
styleInject(css);
|
|
13
|
+
|
|
14
|
+
var MediaSeriesCard = function MediaSeriesCard(props) {
|
|
15
|
+
var data = props.data,
|
|
16
|
+
variant = props.variant,
|
|
17
|
+
defaultImage = props.defaultImage,
|
|
18
|
+
client = props.client;
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
return React__default.createElement(
|
|
22
|
+
'div',
|
|
23
|
+
{ className: 'media-series-article ' + styles.article },
|
|
24
|
+
React__default.createElement(
|
|
25
|
+
'a',
|
|
26
|
+
{ href: '/' + data.parentUrl + '/' + data.identifier.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
|
|
27
|
+
React__default.createElement(
|
|
28
|
+
'div',
|
|
29
|
+
{ className: 'media-series-thumbnail ' + styles.thumb },
|
|
30
|
+
data.thumbnail && data.thumbnail.asset && React__default.createElement(
|
|
31
|
+
'figure',
|
|
32
|
+
null,
|
|
33
|
+
React__default.createElement(
|
|
34
|
+
LazyLoad,
|
|
35
|
+
null,
|
|
36
|
+
React__default.createElement('img', {
|
|
37
|
+
src: data.thumbnail && data.thumbnail.asset ? urlFor({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
|
|
38
|
+
})
|
|
39
|
+
)
|
|
40
|
+
)
|
|
41
|
+
),
|
|
42
|
+
React__default.createElement(
|
|
43
|
+
'div',
|
|
44
|
+
{ className: 'media-series-info ' + styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
|
|
45
|
+
React__default.createElement(
|
|
46
|
+
'div',
|
|
47
|
+
{ className: 'media-series-name ' + styles.name },
|
|
48
|
+
data.name
|
|
49
|
+
),
|
|
50
|
+
data.published && React__default.createElement(
|
|
51
|
+
'p',
|
|
52
|
+
{ className: 'media-series-published ' + styles.published },
|
|
53
|
+
moment(data.published).format('MMMM Do YYYY')
|
|
54
|
+
),
|
|
55
|
+
data.authorMapping && data.authorMapping.displayName && React__default.createElement(
|
|
56
|
+
'p',
|
|
57
|
+
{ className: 'media-series-author ' + styles.author },
|
|
58
|
+
'By ',
|
|
59
|
+
React__default.createElement(
|
|
60
|
+
'span',
|
|
61
|
+
null,
|
|
62
|
+
data.authorMapping.displayName
|
|
63
|
+
)
|
|
64
|
+
),
|
|
65
|
+
data.description && React__default.createElement(
|
|
66
|
+
'div',
|
|
67
|
+
{ className: 'media-series-desc' },
|
|
68
|
+
React__default.createElement(BlockContent, { blocks: data.description, serializers: getSerializers(client) })
|
|
69
|
+
)
|
|
70
|
+
)
|
|
71
|
+
)
|
|
72
|
+
);
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
export { MediaSeriesCard as M };
|
|
@@ -3,13 +3,14 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
|
|
|
3
3
|
import { _ as _extends } from './extends-6d8e3924.js';
|
|
4
4
|
import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
|
|
5
5
|
import React__default, { useState, useEffect } from 'react';
|
|
6
|
-
import {
|
|
6
|
+
import { D as DropdownButton, a as Dropdown } from './Tooltip-95655b44.js';
|
|
7
7
|
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-afb517a5.js';
|
|
11
12
|
import { B as BlockContent } from './BlockContent-1e73bd2c.js';
|
|
12
|
-
import { g as getSerializers } from './index-
|
|
13
|
+
import { g as getSerializers } from './index-04817712.js';
|
|
13
14
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
14
15
|
import './core.get-iterator-method-ea258bb1.js';
|
|
15
16
|
import './web.dom.iterable-ab4dea5c.js';
|
|
@@ -18,11 +19,6 @@ import './_iter-detect-98db3b07.js';
|
|
|
18
19
|
import './_is-array-8d21b9e3.js';
|
|
19
20
|
import './_object-pie-133f504a.js';
|
|
20
21
|
import 'prop-types';
|
|
21
|
-
import './index-755f2cc2.js';
|
|
22
|
-
import './urlFor.js';
|
|
23
|
-
import './index-3f5c03b2.js';
|
|
24
|
-
import './moment-bc12cb97.js';
|
|
25
|
-
import './style-inject.es-1f59c1d0.js';
|
|
26
22
|
import './toConsumableArray-f7074d7c.js';
|
|
27
23
|
import './inherits-a6ba2ec4.js';
|
|
28
24
|
import './_object-sap-7cee6f84.js';
|
|
@@ -33,6 +29,7 @@ import 'react-bootstrap/Container';
|
|
|
33
29
|
import 'react-bootstrap/Row';
|
|
34
30
|
import 'react-bootstrap/Col';
|
|
35
31
|
import 'react-bootstrap/Card';
|
|
32
|
+
import './moment-bc12cb97.js';
|
|
36
33
|
import 'next/router';
|
|
37
34
|
import './lodash-f97fd99a.js';
|
|
38
35
|
import './debounce-533d9748.js';
|
|
@@ -40,6 +37,7 @@ import './isSymbol-a7e9aafe.js';
|
|
|
40
37
|
import './toNumber-5aeba6e7.js';
|
|
41
38
|
import './index.es-a6137319.js';
|
|
42
39
|
import './visibility-sensor-72fd8f8b.js';
|
|
40
|
+
import './index-3f5c03b2.js';
|
|
43
41
|
import './ADlgInfeed-5e36f317.js';
|
|
44
42
|
import './AdSlot.js';
|
|
45
43
|
import './Beam.js';
|
|
@@ -47,6 +45,9 @@ import './stringify-2b084bee.js';
|
|
|
47
45
|
import './Segment.js';
|
|
48
46
|
import './main-1894c974.js';
|
|
49
47
|
import './ADInfeed-5765a73a.js';
|
|
48
|
+
import './index-755f2cc2.js';
|
|
49
|
+
import './urlFor.js';
|
|
50
|
+
import './style-inject.es-1f59c1d0.js';
|
|
50
51
|
import 'react-bootstrap';
|
|
51
52
|
import './index-c7e2ac95.js';
|
|
52
53
|
import './util-8ed16d48.js';
|
|
@@ -3,13 +3,14 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
|
|
|
3
3
|
import { _ as _extends } from './extends-6d8e3924.js';
|
|
4
4
|
import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
|
|
5
5
|
import React__default, { useState, useEffect } from 'react';
|
|
6
|
-
import {
|
|
6
|
+
import { D as DropdownButton, a as Dropdown } from './Tooltip-95655b44.js';
|
|
7
7
|
import './index-98ca9cec.js';
|
|
8
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 {
|
|
12
|
+
import { M as MediaSeriesCard } from './MediaSeriesCard-afb517a5.js';
|
|
13
|
+
import { g as getSerializers } from './index-04817712.js';
|
|
13
14
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
14
15
|
import './core.get-iterator-method-ea258bb1.js';
|
|
15
16
|
import './web.dom.iterable-ab4dea5c.js';
|
|
@@ -18,11 +19,7 @@ import './_iter-detect-98db3b07.js';
|
|
|
18
19
|
import './_is-array-8d21b9e3.js';
|
|
19
20
|
import './_object-pie-133f504a.js';
|
|
20
21
|
import 'prop-types';
|
|
21
|
-
import './index-755f2cc2.js';
|
|
22
|
-
import './urlFor.js';
|
|
23
22
|
import './index-3f5c03b2.js';
|
|
24
|
-
import './moment-bc12cb97.js';
|
|
25
|
-
import './style-inject.es-1f59c1d0.js';
|
|
26
23
|
import './stringify-2b084bee.js';
|
|
27
24
|
import './toConsumableArray-f7074d7c.js';
|
|
28
25
|
import './inherits-a6ba2ec4.js';
|
|
@@ -48,6 +45,10 @@ import './Pagination-dc30727b.js';
|
|
|
48
45
|
import 'react-bootstrap/Button';
|
|
49
46
|
import './index.esm-1bd8a0a8.js';
|
|
50
47
|
import './iconBase-ccc56b97.js';
|
|
48
|
+
import './index-755f2cc2.js';
|
|
49
|
+
import './urlFor.js';
|
|
50
|
+
import './moment-bc12cb97.js';
|
|
51
|
+
import './style-inject.es-1f59c1d0.js';
|
|
51
52
|
import 'react-bootstrap';
|
|
52
53
|
import './index-c7e2ac95.js';
|
|
53
54
|
import './util-8ed16d48.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-
|
|
14
|
+
import { g as getSerializers } from './index-04817712.js';
|
|
15
15
|
import { B as BlockContent } from './BlockContent-1e73bd2c.js';
|
|
16
16
|
import { c as checkSisterSite } from './checkSisterSite-baa4fb6b.js';
|
|
17
17
|
import './_commonjsHelpers-0c4b6f40.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-
|
|
14
|
+
import { g as getSerializers } from './index-04817712.js';
|
|
15
15
|
import { B as BlockContent } from './BlockContent-1e73bd2c.js';
|
|
16
16
|
import { c as checkSisterSite } from './checkSisterSite-baa4fb6b.js';
|
|
17
17
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
@@ -99,6 +99,10 @@ var PartnerDetails = function PartnerDetails(_ref) {
|
|
|
99
99
|
page = _ref.page,
|
|
100
100
|
needLargePaginateButtons = _ref.needLargePaginateButtons;
|
|
101
101
|
|
|
102
|
+
|
|
103
|
+
var description = partnerDetails && partnerDetails.description ? partnerDetails.description.filter(function (block) {
|
|
104
|
+
return block._type !== 'slideshows' ? block : null;
|
|
105
|
+
}) : null;
|
|
102
106
|
return React__default.createElement(
|
|
103
107
|
React__default.Fragment,
|
|
104
108
|
null,
|
|
@@ -150,11 +154,11 @@ var PartnerDetails = function PartnerDetails(_ref) {
|
|
|
150
154
|
{ jsx: 'true' },
|
|
151
155
|
'\n @media screen and (max-width: 768px) {\n .partners-logo {\n width: 100%;\n min-width: 100%;\n }\n .partner-logo-wrap {\n flex-wrap: wrap;\n }\n .block-content-partners {\n padding-left: 0 !important;\n }\n }\n '
|
|
152
156
|
),
|
|
153
|
-
(partnerDetails.description || partnerDetails.linkedin || partnerDetails.
|
|
157
|
+
(partnerDetails.description || partnerDetails.linkedin || partnerDetails.instagram || partnerDetails.youtube && partnerDetails.youtubeIcon || partnerDetails.twitter && partnerDetails.twitterIcon || partnerDetails.facebook && !partnerDetails.twitterIcon) && React__default.createElement(
|
|
154
158
|
'div',
|
|
155
159
|
{ className: 'block-content-partners my-4', style: { maxWidth: '100%', paddingLeft: '2rem', flex: '1 1 auto' } },
|
|
156
|
-
partnerDetails.description && React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks:
|
|
157
|
-
(partnerDetails.linkedin || partnerDetails.
|
|
160
|
+
partnerDetails.description && React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
|
|
161
|
+
(partnerDetails.linkedin || partnerDetails.instagram || partnerDetails.youtube && partnerDetails.youtubeIcon || partnerDetails.twitter && partnerDetails.twitterIcon || partnerDetails.facebook && !partnerDetails.twitterIcon) && React__default.createElement(
|
|
158
162
|
'div',
|
|
159
163
|
null,
|
|
160
164
|
React__default.createElement(
|
|
@@ -169,7 +173,25 @@ var PartnerDetails = function PartnerDetails(_ref) {
|
|
|
169
173
|
rel: checkSisterSite('' + partnerDetails.linkedin + (partnerDetails.linkedin.slice(-1) === '/' ? '' : '/') + 'posts/?feedView=all') ? '' : 'noopener noreferrer',
|
|
170
174
|
style: { height: 30, width: 30 }
|
|
171
175
|
}),
|
|
172
|
-
|
|
176
|
+
partnerDetails.instagram && React__default.createElement(reactSocialIcons_1, {
|
|
177
|
+
url: '' + partnerDetails.instagram + (partnerDetails.instagram.slice(-1) === '/' ? '' : '/'),
|
|
178
|
+
target: '_blank',
|
|
179
|
+
rel: checkSisterSite('' + partnerDetails.instagram + (partnerDetails.instagram.slice(-1) === '/' ? '' : '/')) ? '' : 'noopener noreferrer',
|
|
180
|
+
style: { height: 30, width: 30, marginLeft: '0.25rem' }
|
|
181
|
+
}),
|
|
182
|
+
partnerDetails.youtube && partnerDetails.youtubeIcon && React__default.createElement(reactSocialIcons_1, {
|
|
183
|
+
url: partnerDetails.youtube,
|
|
184
|
+
target: '_blank',
|
|
185
|
+
rel: checkSisterSite(partnerDetails.youtube) ? '' : 'noopener noreferrer',
|
|
186
|
+
style: { height: 30, width: 30, marginLeft: '0.25rem' }
|
|
187
|
+
}),
|
|
188
|
+
partnerDetails.twitter && partnerDetails.twitterIcon && React__default.createElement(reactSocialIcons_1, {
|
|
189
|
+
url: partnerDetails.twitter,
|
|
190
|
+
target: '_blank',
|
|
191
|
+
rel: checkSisterSite(partnerDetails.twitter) ? '' : 'noopener noreferrer',
|
|
192
|
+
style: { height: 30, width: 30, marginLeft: '0.25rem' }
|
|
193
|
+
}),
|
|
194
|
+
partnerDetails.facebook && !partnerDetails.twitterIcon && React__default.createElement(reactSocialIcons_1, {
|
|
173
195
|
url: partnerDetails.facebook,
|
|
174
196
|
target: '_blank',
|
|
175
197
|
rel: checkSisterSite(partnerDetails.facebook) ? '' : 'noopener noreferrer',
|
|
@@ -196,7 +218,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
|
|
|
196
218
|
(partnerDetails.twitter || partnerDetails.facebook && !checkIsFacebookGroup(partnerDetails.facebook)) && React__default.createElement(
|
|
197
219
|
'div',
|
|
198
220
|
{ className: 'mb-5', style: { width: '100%', maxWidth: '100%', textAlign: 'center', padding: '15px', border: '2px solid #aaa', borderRadius: '15px' } },
|
|
199
|
-
partnerDetails.twitter ? React__default.createElement(TwitterTimelineEmbed, { sourceType: 'url', url: partnerDetails.twitter, options: { height: 400 } }) : partnerDetails.facebook && React__default.createElement(
|
|
221
|
+
partnerDetails.twitter && !partnerDetails.twitterIcon ? React__default.createElement(TwitterTimelineEmbed, { sourceType: 'url', url: partnerDetails.twitter, options: { height: 400 } }) : partnerDetails.facebook && React__default.createElement(
|
|
200
222
|
Facebook,
|
|
201
223
|
{ appId: ' ' },
|
|
202
224
|
React__default.createElement(Page, { href: partnerDetails.facebook, rel: checkSisterSite(partnerDetails.facebook) ? '' : 'noopener noreferrer', tabs: 'timeline', width: '500', height: '500' })
|
|
@@ -250,14 +272,14 @@ PartnerDetails.returnGetInitialProps = function () {
|
|
|
250
272
|
switch (_context.prev = _context.next) {
|
|
251
273
|
case 0:
|
|
252
274
|
featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n ...,\n \'feature_img\' : feature_img.asset->\n }';
|
|
253
|
-
partnerQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n pixelTrackingCode->,\n description,\n name,\n identifier,\n thumbnail{ ..., asset-> },\n twitter,\n facebook,\n linkedin,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n }';
|
|
275
|
+
partnerQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n pixelTrackingCode->,\n description,\n name,\n identifier,\n thumbnail{ ..., asset-> },\n twitter,\n twitterIcon,\n facebook,\n linkedin,\n instagram,\n youtube,\n youtubeIcon,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n }';
|
|
254
276
|
|
|
255
277
|
|
|
256
278
|
if (category) {
|
|
257
279
|
// if partners page has a sub category such as onclive
|
|
258
280
|
// e.g. /sap-partner/[category]/[partner]
|
|
259
281
|
|
|
260
|
-
partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n ...,\n \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n pixelTrackingCode->,\n description,\n name,\n identifier,\n thumbnail{ ..., asset-> },\n twitter,\n facebook,\n linkedin,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n \n }\n }';
|
|
282
|
+
partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n ...,\n \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n pixelTrackingCode->,\n description,\n name,\n identifier,\n thumbnail{ ..., asset-> },\n twitter,\n twitterIcon,\n instagram,\n facebook,\n linkedin,\n youtube,\n youtubeIcon,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n \n }\n }';
|
|
261
283
|
}
|
|
262
284
|
|
|
263
285
|
taxonomyQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && isShow != false\n && identifier.current == \'' + identifier + '\'] [0] {\n \'id\': _id,\n \'title\': name\n }';
|