@mjhls/mjh-framework 1.0.599 → 1.0.600
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 +2 -1
- package/dist/cjs/AlphabeticList.js +1 -2
- package/dist/cjs/ArticleQueue.js +3 -6
- package/dist/cjs/CMEDeck.js +1 -2
- package/dist/cjs/DeckContent.js +1 -2
- package/dist/cjs/DeckQueue.js +1 -2
- package/dist/cjs/EventsDeck.js +1 -2
- package/dist/cjs/ExternalResources.js +4 -3
- package/dist/cjs/GridContent.js +1 -2
- package/dist/cjs/IssueDeck.js +1 -2
- package/dist/cjs/IssueLanding.js +1 -2
- package/dist/cjs/MasterDeck.js +1 -2
- package/dist/cjs/PartnerDetailListing.js +4 -3
- package/dist/cjs/PublicationLanding.js +1 -2
- package/dist/cjs/QueueDeckExpanded.js +1 -2
- package/dist/cjs/View.js +4 -7
- package/dist/cjs/getSerializers.js +4 -3
- package/dist/cjs/{getTargeting-3d208b98.js → getTargeting-5db63100.js} +1 -1
- package/dist/cjs/getTargeting.js +2 -3
- package/dist/cjs/{index-c4972b44.js → index-c43564bb.js} +240 -55
- package/dist/cjs/index.js +3 -5
- package/dist/cjs/{from-ea347372.js → toConsumableArray-bee80df5.js} +26 -1
- package/dist/esm/AD.js +1 -1
- package/dist/esm/AD300x250.js +9 -9
- package/dist/esm/AD300x250x600.js +9 -9
- package/dist/esm/AD728x90.js +9 -9
- package/dist/esm/ADFloatingFooter.js +9 -9
- package/dist/esm/ADFooter.js +4 -4
- package/dist/esm/ADGutter.js +9 -9
- package/dist/esm/ADSkyscraper.js +9 -9
- package/dist/esm/ADSponsoredResources.js +9 -9
- package/dist/esm/ADWebcast.js +9 -9
- package/dist/esm/ADWelcome.js +9 -9
- package/dist/esm/AccordionPanel.js +4 -4
- package/dist/esm/AdSlot.js +9 -9
- package/dist/esm/AlphabeticList.js +7 -8
- package/dist/esm/ArticleQueue.js +17 -20
- package/dist/esm/Auth.js +9 -9
- package/dist/esm/{AuthorComponent-357dbee9.js → AuthorComponent-4ddf3533.js} +1 -1
- package/dist/esm/Beam.js +8 -8
- package/dist/esm/Breadcrumbs.js +4 -4
- package/dist/esm/CMEDeck.js +9 -10
- package/dist/esm/Column2.js +8 -8
- package/dist/esm/Column3.js +9 -9
- package/dist/esm/DeckContent.js +16 -17
- package/dist/esm/DeckQueue.js +10 -11
- package/dist/esm/{Dfp-a36ad202.js → Dfp-380bef62.js} +4 -4
- package/dist/esm/EventsDeck.js +7 -8
- package/dist/esm/ExternalResources.js +16 -15
- package/dist/esm/ForbesHero.js +5 -5
- package/dist/esm/GridContent.js +18 -19
- package/dist/esm/GridHero.js +5 -5
- package/dist/esm/GroupDeck.js +6 -6
- package/dist/esm/HamMagazine.js +9 -9
- package/dist/esm/IssueContentDeck.js +5 -5
- package/dist/esm/IssueDeck.js +7 -8
- package/dist/esm/IssueLanding.js +14 -15
- package/dist/esm/LeftNav.js +9 -9
- package/dist/esm/MasterDeck.js +17 -18
- package/dist/esm/NavDvm.js +9 -9
- package/dist/esm/NavMagazine.js +9 -9
- package/dist/esm/NavNative.js +9 -9
- package/dist/esm/NavNormal.js +9 -9
- package/dist/esm/OncliveLargeHero.js +5 -5
- package/dist/esm/PageFilter.js +4 -4
- package/dist/esm/PartnerDetailListing.js +19 -18
- package/dist/esm/PopUpModal.js +4 -4
- package/dist/esm/PublicationLanding.js +8 -9
- package/dist/esm/QueueDeckExpanded.js +14 -15
- package/dist/esm/Search.js +4 -4
- package/dist/esm/Segment.js +8 -8
- package/dist/esm/SideFooter.js +8 -8
- package/dist/esm/TaxonomyCard.js +2 -2
- package/dist/esm/TemplateNormal.js +9 -9
- package/dist/esm/Ustream.js +4 -4
- package/dist/esm/VideoSeriesFilter.js +7 -7
- package/dist/esm/VideoSeriesListing.js +9 -9
- package/dist/esm/View.js +18 -21
- package/dist/esm/YahooHero.js +5 -5
- package/dist/esm/YoutubeGroup.js +6 -6
- package/dist/esm/{_is-array-dd5523d6.js → _is-array-ced12663.js} +1 -1
- package/dist/esm/{_iter-detect-6e099a34.js → _iter-detect-70af34ea.js} +2 -2
- package/dist/esm/{_object-sap-56bb8073.js → _object-sap-4793c75a.js} +1 -1
- package/dist/esm/{_set-species-6f64f1c1.js → _set-species-75f77d40.js} +3 -3
- package/dist/esm/{_to-object-16fd8b46.js → _to-object-b01e8612.js} +1 -1
- package/dist/esm/{asyncToGenerator-0379e924.js → asyncToGenerator-d25aac66.js} +5 -5
- package/dist/esm/{beam-a25bd8fd.js → beam-c40d77ae.js} +2 -2
- package/dist/esm/{core.get-iterator-method-f5c0d66a.js → core.get-iterator-method-66cf57ee.js} +2 -2
- package/dist/esm/{extends-6e00b262.js → extends-229166d5.js} +1 -1
- package/dist/esm/getRelatedArticle.js +6 -6
- package/dist/esm/getSerializers.js +16 -15
- package/dist/esm/{getTargeting-1f2c61e3.js → getTargeting-36bcd238.js} +2 -2
- package/dist/esm/getTargeting.js +6 -7
- package/dist/esm/{index-7ca90052.js → index-625ab1b8.js} +243 -59
- package/dist/esm/index.js +21 -23
- package/dist/esm/{inherits-b8e4c697.js → inherits-e6718951.js} +4 -4
- package/dist/esm/{keys-04cdec91.js → keys-941eccc4.js} +2 -2
- package/dist/esm/{slicedToArray-f1e40361.js → slicedToArray-a58d7edf.js} +3 -3
- package/dist/esm/{stringify-e30bc114.js → stringify-feadff37.js} +1 -1
- package/dist/esm/{from-2c0a5f49.js → toConsumableArray-2efd7c98.js} +29 -4
- package/dist/esm/{typeof-5f046efd.js → typeof-f11fd438.js} +4 -4
- package/dist/esm/{web.dom.iterable-46c95e52.js → web.dom.iterable-5c830d3d.js} +2 -2
- package/package.json +1 -1
- package/dist/cjs/InscreenSensor-22a96661.js +0 -85
- package/dist/cjs/toConsumableArray-ca04303b.js +0 -31
- package/dist/esm/InscreenSensor-beb2ec79.js +0 -80
- package/dist/esm/toConsumableArray-8712d678.js +0 -29
- /package/dist/esm/{ADInfeed-a5a1f81f.js → ADInfeed-541eaae3.js} +0 -0
- /package/dist/esm/{ADlgInfeed-99f14909.js → ADlgInfeed-25c3d142.js} +0 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import {
|
|
3
|
-
import { _ as _extends$1 } from './extends-
|
|
2
|
+
import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-2efd7c98.js';
|
|
3
|
+
import { _ as _extends$1 } from './extends-229166d5.js';
|
|
4
|
+
import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-e6718951.js';
|
|
4
5
|
import React__default, { useState, useEffect, useRef } from 'react';
|
|
5
6
|
import { l as lib_3 } from './index-3f4dd6f2.js';
|
|
6
7
|
import PropTypes from 'prop-types';
|
|
@@ -10,12 +11,11 @@ import { m as moment } from './moment-e2f9b20c.js';
|
|
|
10
11
|
import Router, { useRouter } from 'next/router';
|
|
11
12
|
import { i as imageUrlBuilder } from './index-73819142.js';
|
|
12
13
|
import { L as LazyLoad } from './index-5f9f807a.js';
|
|
13
|
-
import { b as main_16, c as main_35 } from './main-d7ee6151.js';
|
|
14
|
+
import { b as main_16, c as main_35, m as main_36 } from './main-d7ee6151.js';
|
|
14
15
|
import { h as html_decode_1 } from './entities-7cc3bf45.js';
|
|
15
|
-
import { _ as _slicedToArray } from './slicedToArray-
|
|
16
|
-
import { B as Beam, S as Segment } from './beam-
|
|
16
|
+
import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
|
|
17
|
+
import { B as Beam, S as Segment } from './beam-c40d77ae.js';
|
|
17
18
|
import DFPAdSlot from './AdSlot.js';
|
|
18
|
-
import './lodash-17fdfebb.js';
|
|
19
19
|
import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
|
|
20
20
|
import { g as getYoutubeId } from './smoothscroll-4b699764.js';
|
|
21
21
|
import GroupDeck from './GroupDeck.js';
|
|
@@ -7890,6 +7890,82 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
|
|
|
7890
7890
|
}
|
|
7891
7891
|
};
|
|
7892
7892
|
|
|
7893
|
+
var InscreenSensor = function (_React$Component) {
|
|
7894
|
+
_inherits$1(InscreenSensor, _React$Component);
|
|
7895
|
+
|
|
7896
|
+
function InscreenSensor(props) {
|
|
7897
|
+
_classCallCheck$1(this, InscreenSensor);
|
|
7898
|
+
|
|
7899
|
+
var _this = _possibleConstructorReturn$1(this, (InscreenSensor.__proto__ || _Object$getPrototypeOf(InscreenSensor)).call(this, props));
|
|
7900
|
+
|
|
7901
|
+
_this.scrollHandler = function () {
|
|
7902
|
+
var visible = _this.checkInside();
|
|
7903
|
+
if (visible !== _this.visible) {
|
|
7904
|
+
_this.visible = visible;
|
|
7905
|
+
_this.props.onChange(visible);
|
|
7906
|
+
}
|
|
7907
|
+
};
|
|
7908
|
+
|
|
7909
|
+
_this.checkInside = function () {
|
|
7910
|
+
var rect = _this.wraperRef.current.getBoundingClientRect();
|
|
7911
|
+
var _this$props$offSetTop = _this.props.offSetTop,
|
|
7912
|
+
offSetTop = _this$props$offSetTop === undefined ? 0 : _this$props$offSetTop;
|
|
7913
|
+
var top = rect.top,
|
|
7914
|
+
bottom = rect.bottom;
|
|
7915
|
+
|
|
7916
|
+
var viewHeight = window.innerHeight;
|
|
7917
|
+
var wrpElem = document.getElementsByClassName('inscreen-wrapper');
|
|
7918
|
+
|
|
7919
|
+
if (top > 0 && top <= offSetTop) {
|
|
7920
|
+
if (wrpElem.length > 1 && top <= viewHeight && bottom > viewHeight) {
|
|
7921
|
+
return 'top';
|
|
7922
|
+
} else if (wrpElem.length > 1 && bottom < viewHeight) {
|
|
7923
|
+
return 'small-top';
|
|
7924
|
+
}
|
|
7925
|
+
} else if (wrpElem.length > 1 && top < offSetTop && bottom + offSetTop >= viewHeight) {
|
|
7926
|
+
return 'bottom';
|
|
7927
|
+
}
|
|
7928
|
+
};
|
|
7929
|
+
|
|
7930
|
+
_this.wraperRef = React__default.createRef();
|
|
7931
|
+
_this.visible = false;
|
|
7932
|
+
return _this;
|
|
7933
|
+
}
|
|
7934
|
+
|
|
7935
|
+
_createClass$1(InscreenSensor, [{
|
|
7936
|
+
key: 'componentDidMount',
|
|
7937
|
+
value: function componentDidMount() {
|
|
7938
|
+
this.visible = this.checkInside();
|
|
7939
|
+
this.props.onChange(this.visible);
|
|
7940
|
+
window.addEventListener('scroll', this.scrollHandler);
|
|
7941
|
+
}
|
|
7942
|
+
}, {
|
|
7943
|
+
key: 'componentWillUnmount',
|
|
7944
|
+
value: function componentWillUnmount() {
|
|
7945
|
+
window.removeEventListener('scroll', this.scrollHandler);
|
|
7946
|
+
}
|
|
7947
|
+
}, {
|
|
7948
|
+
key: 'render',
|
|
7949
|
+
value: function render() {
|
|
7950
|
+
var _props = this.props,
|
|
7951
|
+
_props$className = _props.className,
|
|
7952
|
+
className = _props$className === undefined ? '' : _props$className,
|
|
7953
|
+
_props$style = _props.style,
|
|
7954
|
+
style = _props$style === undefined ? {} : _props$style,
|
|
7955
|
+
_props$id = _props.id,
|
|
7956
|
+
id = _props$id === undefined ? '' : _props$id;
|
|
7957
|
+
|
|
7958
|
+
return React__default.createElement(
|
|
7959
|
+
'div',
|
|
7960
|
+
{ ref: this.wraperRef, className: className, style: style, id: id },
|
|
7961
|
+
this.props.children
|
|
7962
|
+
);
|
|
7963
|
+
}
|
|
7964
|
+
}]);
|
|
7965
|
+
|
|
7966
|
+
return InscreenSensor;
|
|
7967
|
+
}(React__default.Component);
|
|
7968
|
+
|
|
7893
7969
|
var ArticleSeries = function ArticleSeries(_ref) {
|
|
7894
7970
|
var nodes = _ref.nodes,
|
|
7895
7971
|
client = _ref.client,
|
|
@@ -7910,17 +7986,31 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
7910
7986
|
|
|
7911
7987
|
var refArray = useRef([]);
|
|
7912
7988
|
|
|
7913
|
-
var ArticleCards = function ArticleCards(show, articleNum) {
|
|
7914
|
-
|
|
7915
|
-
|
|
7989
|
+
var ArticleCards = function ArticleCards(show, articleNum, direction) {
|
|
7990
|
+
var articles = [];
|
|
7991
|
+
if (articleNum >= 0) {
|
|
7992
|
+
if (articleNum == 0) {
|
|
7993
|
+
articles.push(nodes.articles[1]);
|
|
7994
|
+
} else if (articleNum == nodes.articles.length - 1) {
|
|
7995
|
+
articles.push(nodes.articles[articleNum - 1]);
|
|
7996
|
+
} else {
|
|
7997
|
+
articles.push(nodes.articles[articleNum - 1]);
|
|
7998
|
+
articles.push(nodes.articles[articleNum + 1]);
|
|
7999
|
+
}
|
|
8000
|
+
} else {
|
|
8001
|
+
articles = [].concat(_toConsumableArray(nodes.articles));
|
|
8002
|
+
}
|
|
8003
|
+
return articles.map(function (article, index) {
|
|
8004
|
+
var showReading = show ? 'showReading' : '';
|
|
8005
|
+
var articleLabel = articles.length == 1 && articleNum != 0 || articles.length > 1 && index == 0 ? 'Previous' : 'Next';
|
|
7916
8006
|
return React__default.createElement(
|
|
7917
8007
|
'div',
|
|
7918
|
-
{ key: article.title + '_' + index, className: 'articleCardWrapper' },
|
|
8008
|
+
{ key: article.title + '_' + index, className: 'articleCardWrapper ' + direction + 'Wrapper' },
|
|
7919
8009
|
React__default.createElement(
|
|
7920
8010
|
'a',
|
|
7921
8011
|
{ onClick: function onClick(e) {
|
|
7922
8012
|
return articleCardClickHandler(e);
|
|
7923
|
-
}, 'data-
|
|
8013
|
+
}, 'data-articleid': '' + article.param.current },
|
|
7924
8014
|
React__default.createElement(
|
|
7925
8015
|
'div',
|
|
7926
8016
|
{ className: 'article-thumbnail' },
|
|
@@ -7930,7 +8020,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
7930
8020
|
React__default.createElement(
|
|
7931
8021
|
'div',
|
|
7932
8022
|
{ className: 'article-reading ' + showReading },
|
|
7933
|
-
|
|
8023
|
+
articleLabel
|
|
7934
8024
|
)
|
|
7935
8025
|
),
|
|
7936
8026
|
React__default.createElement(
|
|
@@ -7954,7 +8044,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
7954
8044
|
article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
|
|
7955
8045
|
return React__default.createElement(
|
|
7956
8046
|
'span',
|
|
7957
|
-
|
|
8047
|
+
{ key: authorDetail.displayName + '_' + index },
|
|
7958
8048
|
authorDetail.displayName + ' '
|
|
7959
8049
|
);
|
|
7960
8050
|
}),
|
|
@@ -7986,9 +8076,11 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
7986
8076
|
e.preventDefault();
|
|
7987
8077
|
var articleClicked = e.currentTarget.dataset.articleid;
|
|
7988
8078
|
setSelectedArticle(articleClicked);
|
|
7989
|
-
|
|
7990
|
-
|
|
7991
|
-
|
|
8079
|
+
scrollToArticle(articleClicked);
|
|
8080
|
+
|
|
8081
|
+
// if (scrollToArticle(articleClicked)) {
|
|
8082
|
+
// //router.push(`${router.asPath.split('?')[0]}/?seriesArticle=${articleClicked}`, undefined, { shallow: true })
|
|
8083
|
+
// }
|
|
7992
8084
|
};
|
|
7993
8085
|
|
|
7994
8086
|
useEffect(function () {
|
|
@@ -8001,13 +8093,14 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8001
8093
|
var scrollToArticle = function scrollToArticle(id) {
|
|
8002
8094
|
var localArticleID = id ? id : selectedArticle;
|
|
8003
8095
|
var findArticle = function findArticle(ref) {
|
|
8004
|
-
return ref.id === localArticleID;
|
|
8096
|
+
return ref.props.id === localArticleID;
|
|
8005
8097
|
};
|
|
8006
8098
|
var indexOfRef = refArray.current.findIndex(findArticle);
|
|
8007
|
-
|
|
8099
|
+
|
|
8008
8100
|
if (indexOfRef >= 0) {
|
|
8009
|
-
refArray.current[indexOfRef].
|
|
8010
|
-
|
|
8101
|
+
console.log(refArray.current[indexOfRef].wraperRef.current);
|
|
8102
|
+
refArray.current[indexOfRef].wraperRef.current.scrollIntoView({ behavior: 'smooth' });
|
|
8103
|
+
window.scrollTo({ top: refArray.current[indexOfRef].wraperRef.current.offsetTop + 150, behavior: 'smooth' });
|
|
8011
8104
|
}
|
|
8012
8105
|
};
|
|
8013
8106
|
|
|
@@ -8017,63 +8110,154 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8017
8110
|
}
|
|
8018
8111
|
};
|
|
8019
8112
|
|
|
8113
|
+
var onChangeArticle = function onChangeArticle(path, visibility) {
|
|
8114
|
+
var currentPath = window && window.location && window.location.pathname ? window.location.pathname.replace('/?seriesArticle=', '') : '';
|
|
8115
|
+
var newPath = router.asPath.split('?')[0] + '/?seriesArticle=' + path;
|
|
8116
|
+
|
|
8117
|
+
// Change URL and do other changes
|
|
8118
|
+
var doChanges = function doChanges() {
|
|
8119
|
+
window.history.pushState({ page: path }, '', newPath);
|
|
8120
|
+
refreshAD();
|
|
8121
|
+
};
|
|
8122
|
+
|
|
8123
|
+
if (currentPath !== path) {
|
|
8124
|
+
if (isScrollDown) {
|
|
8125
|
+
if (visibility === 'top') {
|
|
8126
|
+
doChanges();
|
|
8127
|
+
}
|
|
8128
|
+
} else {
|
|
8129
|
+
if (visibility === 'bottom') {
|
|
8130
|
+
doChanges();
|
|
8131
|
+
}
|
|
8132
|
+
}
|
|
8133
|
+
if (visibility === 'small-top') {
|
|
8134
|
+
doChanges();
|
|
8135
|
+
}
|
|
8136
|
+
}
|
|
8137
|
+
};
|
|
8138
|
+
var preVscroll = 0;
|
|
8139
|
+
var isScrollDown = true;
|
|
8140
|
+
|
|
8141
|
+
var scrollDirectionDetect = function scrollDirectionDetect(e) {
|
|
8142
|
+
var window = e.currentTarget;
|
|
8143
|
+
|
|
8144
|
+
if (preVscroll > window.scrollY) {
|
|
8145
|
+
isScrollDown = false;
|
|
8146
|
+
} else if (preVscroll < window.scrollY) {
|
|
8147
|
+
isScrollDown = true;
|
|
8148
|
+
}
|
|
8149
|
+
preVscroll = window.scrollY;
|
|
8150
|
+
};
|
|
8151
|
+
|
|
8152
|
+
useEffect(function () {
|
|
8153
|
+
window.addEventListener('scroll', scrollDirectionDetect);
|
|
8154
|
+
return function () {
|
|
8155
|
+
return window.removeEventListener('scroll', scrollDirectionDetect);
|
|
8156
|
+
};
|
|
8157
|
+
});
|
|
8158
|
+
|
|
8159
|
+
var refreshAD = function refreshAD(path) {
|
|
8160
|
+
//const activeArticle = path
|
|
8161
|
+
//let targeting = getTargeting({ article: activeArticle, cpModificationRequired, position: props.position, prevUrl })
|
|
8162
|
+
|
|
8163
|
+
if (!main_36) {
|
|
8164
|
+
lib_3.getGoogletag().then(function (googletag) {
|
|
8165
|
+
if (window.googletag && googletag.pubadsReady) {
|
|
8166
|
+
lib_3.refresh();
|
|
8167
|
+
}
|
|
8168
|
+
});
|
|
8169
|
+
}
|
|
8170
|
+
//Refresh leaderboard ad on mobile
|
|
8171
|
+
if (main_36) {
|
|
8172
|
+
var leaderboardSlotId = '';
|
|
8173
|
+
lib_3.getGoogletag().then(function (googletag) {
|
|
8174
|
+
if (window.googletag && googletag.pubadsReady) {
|
|
8175
|
+
lib_3.refresh(leaderboardSlotId);
|
|
8176
|
+
}
|
|
8177
|
+
});
|
|
8178
|
+
}
|
|
8179
|
+
};
|
|
8180
|
+
|
|
8020
8181
|
return React__default.createElement(
|
|
8021
8182
|
React__default.Fragment,
|
|
8022
8183
|
null,
|
|
8023
8184
|
React__default.createElement('hr', { className: 'article-seperater' }),
|
|
8024
|
-
ArticleCards(false, -1),
|
|
8185
|
+
ArticleCards(false, -1, 'column'),
|
|
8025
8186
|
React__default.createElement(
|
|
8026
8187
|
'div',
|
|
8027
8188
|
{ className: 'article-container', style: { marginBottom: '2rem' } },
|
|
8028
8189
|
nodes.articles.map(function (article, index) {
|
|
8029
8190
|
return React__default.createElement(
|
|
8030
|
-
|
|
8031
|
-
{
|
|
8191
|
+
InscreenSensor,
|
|
8192
|
+
{
|
|
8193
|
+
offSetTop: 120,
|
|
8194
|
+
className: 'inscreen-wrapper',
|
|
8195
|
+
key: '' + article.param.current,
|
|
8196
|
+
id: '' + article.param.current,
|
|
8197
|
+
ref: function ref(ele) {
|
|
8032
8198
|
return refArray.current[index] = ele;
|
|
8033
|
-
},
|
|
8034
|
-
|
|
8035
|
-
|
|
8036
|
-
|
|
8037
|
-
|
|
8038
|
-
|
|
8039
|
-
React__default.createElement(
|
|
8040
|
-
'div',
|
|
8041
|
-
{ className: 'author-details-wrapper' },
|
|
8042
|
-
article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
|
|
8043
|
-
return React__default.createElement(
|
|
8044
|
-
'span',
|
|
8045
|
-
{ key: index },
|
|
8046
|
-
renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(client, authorDetail.profileImage).url())
|
|
8047
|
-
);
|
|
8048
|
-
})
|
|
8049
|
-
),
|
|
8050
|
-
React__default.createElement(
|
|
8051
|
-
'h2',
|
|
8052
|
-
{ className: 'article-title' },
|
|
8053
|
-
article.title
|
|
8054
|
-
),
|
|
8055
|
-
React__default.createElement(
|
|
8056
|
-
'div',
|
|
8057
|
-
{ className: 'mt-2 mb-5' },
|
|
8058
|
-
React__default.createElement(BlockContent, _extends$1({ serializers: getSerializers, videoAccountIDs: accountIDs, blocks: article.text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
|
|
8059
|
-
React__default.createElement('hr', { className: 'article-seperater my-5' })
|
|
8060
|
-
),
|
|
8199
|
+
},
|
|
8200
|
+
onChange: function onChange(visible) {
|
|
8201
|
+
if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
|
|
8202
|
+
onChangeArticle(article.param.current, visible);
|
|
8203
|
+
}
|
|
8204
|
+
} },
|
|
8061
8205
|
React__default.createElement(
|
|
8062
|
-
'
|
|
8063
|
-
|
|
8206
|
+
'article',
|
|
8207
|
+
{ className: 'article-wrapper' },
|
|
8064
8208
|
React__default.createElement(
|
|
8065
|
-
'
|
|
8066
|
-
{ className: '
|
|
8067
|
-
|
|
8209
|
+
'div',
|
|
8210
|
+
{ className: 'article-publishDate' },
|
|
8211
|
+
moment(article.published).format('LL')
|
|
8212
|
+
),
|
|
8213
|
+
React__default.createElement(
|
|
8214
|
+
'div',
|
|
8215
|
+
{ className: 'author-details-wrapper' },
|
|
8216
|
+
article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
|
|
8217
|
+
return React__default.createElement(
|
|
8218
|
+
'span',
|
|
8219
|
+
{ key: index },
|
|
8220
|
+
renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(client, authorDetail.profileImage).url())
|
|
8221
|
+
);
|
|
8222
|
+
})
|
|
8223
|
+
),
|
|
8224
|
+
React__default.createElement(
|
|
8225
|
+
'h2',
|
|
8226
|
+
{ className: 'article-title' },
|
|
8227
|
+
article.title
|
|
8228
|
+
),
|
|
8229
|
+
React__default.createElement(
|
|
8230
|
+
'div',
|
|
8231
|
+
{ className: 'mt-2 mb-5' },
|
|
8232
|
+
React__default.createElement(BlockContent, _extends$1({
|
|
8233
|
+
serializers: getSerializers,
|
|
8234
|
+
videoAccountIDs: accountIDs,
|
|
8235
|
+
blocks: article.text,
|
|
8236
|
+
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
8237
|
+
}, client.config())),
|
|
8238
|
+
React__default.createElement('hr', { className: 'article-seperater my-5' })
|
|
8068
8239
|
),
|
|
8069
|
-
|
|
8240
|
+
React__default.createElement(
|
|
8241
|
+
'div',
|
|
8242
|
+
null,
|
|
8243
|
+
React__default.createElement(
|
|
8244
|
+
'h5',
|
|
8245
|
+
{ className: 'objective-title' },
|
|
8246
|
+
nodes.articles.objectiveTitle
|
|
8247
|
+
),
|
|
8248
|
+
React__default.createElement(
|
|
8249
|
+
'div',
|
|
8250
|
+
null,
|
|
8251
|
+
ArticleCards(true, index, 'row')
|
|
8252
|
+
)
|
|
8253
|
+
)
|
|
8070
8254
|
)
|
|
8071
8255
|
);
|
|
8072
8256
|
}),
|
|
8073
8257
|
React__default.createElement(
|
|
8074
8258
|
'style',
|
|
8075
8259
|
{ jsx: 'true' },
|
|
8076
|
-
'\n .block-content > div p {\n padding: 0;\n }\n .articleCardWrapper {\n margin-bottom: 1rem;\n font-size: 0.75rem;\n }\n .articleCardWrapper a {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n color: #252525;\n }\n h2.article-title {\n padding: 0;\n }\n h4.article-title {\n padding: 0;\n }\n .article-summary {\n color: \'#eee\';\n }\n .article-thumbnail {\n display: flex;\n flex-direction: column;\n margin-right: 1rem;\n }\n .article-wrapper {\n border: 1px solid #252525;\n border-radius: 5px;\n padding: 1rem;\n margin-bottom: 1rem;\n }\n .article-reading {\n margin-top: -10px;\n width: 75%;\n text-align: center;\n background: white;\n border: 1px solid #252525;\n align-self: center;\n display: none;\n }\n .showReading {\n display: block;\n }\n .author-details-wrapper a {\n color: #252525;\n }\n '
|
|
8260
|
+
'\n .block-content > div p {\n padding: 0;\n }\n .articleCardWrapper {\n display: flex;\n margin-bottom: 1rem;\n font-size: 0.75rem;\n }\n .articleCardWrapper a {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n color: #252525;\n }\n h2.article-title {\n padding: 0;\n }\n h4.article-title {\n padding: 0;\n }\n .article-summary {\n color: \'#eee\';\n }\n .article-thumbnail {\n display: flex;\n flex-direction: column;\n margin-right: 1rem;\n }\n .article-wrapper {\n border: 1px solid #252525;\n border-radius: 5px;\n padding: 1rem;\n margin-bottom: 1rem;\n }\n .article-reading {\n margin-top: -10px;\n width: 75%;\n text-align: center;\n background: white;\n border: 1px solid #252525;\n align-self: center;\n display: none;\n }\n .showReading {\n display: block;\n }\n .author-details-wrapper a {\n color: #252525;\n }\n .rowWrapper {\n flex-direction: row;\n }\n .columnWrapper {\n flex-direction: column;\n }\n '
|
|
8077
8261
|
)
|
|
8078
8262
|
)
|
|
8079
8263
|
);
|
|
@@ -8540,4 +8724,4 @@ var getSerializers = function getSerializers() {
|
|
|
8540
8724
|
};
|
|
8541
8725
|
};
|
|
8542
8726
|
|
|
8543
|
-
export { getSerializers as g, renderAuthor as r };
|
|
8727
|
+
export { InscreenSensor as I, getSerializers as g, renderAuthor as r };
|
package/dist/esm/index.js
CHANGED
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import './_to-object-
|
|
3
|
-
import './core.get-iterator-method-
|
|
2
|
+
import './_to-object-b01e8612.js';
|
|
3
|
+
import './core.get-iterator-method-66cf57ee.js';
|
|
4
4
|
import './_library-528f1934.js';
|
|
5
|
-
import './_iter-detect-
|
|
6
|
-
import './
|
|
7
|
-
import './toConsumableArray-8712d678.js';
|
|
5
|
+
import './_iter-detect-70af34ea.js';
|
|
6
|
+
import './toConsumableArray-2efd7c98.js';
|
|
8
7
|
import './_object-pie-33c40e79.js';
|
|
9
|
-
import './extends-
|
|
10
|
-
import './_object-sap-
|
|
11
|
-
import './inherits-
|
|
12
|
-
import './web.dom.iterable-
|
|
13
|
-
import './typeof-
|
|
14
|
-
import './_is-array-
|
|
8
|
+
import './extends-229166d5.js';
|
|
9
|
+
import './_object-sap-4793c75a.js';
|
|
10
|
+
import './inherits-e6718951.js';
|
|
11
|
+
import './web.dom.iterable-5c830d3d.js';
|
|
12
|
+
import './typeof-f11fd438.js';
|
|
13
|
+
import './_is-array-ced12663.js';
|
|
15
14
|
import 'react';
|
|
16
15
|
import './index-3f4dd6f2.js';
|
|
17
16
|
import 'prop-types';
|
|
@@ -30,20 +29,20 @@ import './index-73819142.js';
|
|
|
30
29
|
import './index-5f9f807a.js';
|
|
31
30
|
import './main-d7ee6151.js';
|
|
32
31
|
import './entities-7cc3bf45.js';
|
|
33
|
-
import './slicedToArray-
|
|
34
|
-
import './stringify-
|
|
35
|
-
import './asyncToGenerator-
|
|
36
|
-
import './_set-species-
|
|
37
|
-
export { B as Beam, S as Segment } from './beam-
|
|
32
|
+
import './slicedToArray-a58d7edf.js';
|
|
33
|
+
import './stringify-feadff37.js';
|
|
34
|
+
import './asyncToGenerator-d25aac66.js';
|
|
35
|
+
import './_set-species-75f77d40.js';
|
|
36
|
+
export { B as Beam, S as Segment } from './beam-c40d77ae.js';
|
|
38
37
|
export { default as AdSlot } from './AdSlot.js';
|
|
39
|
-
import './ADInfeed-
|
|
38
|
+
import './ADInfeed-541eaae3.js';
|
|
40
39
|
export { default as DeckContent } from './DeckContent.js';
|
|
41
40
|
import './lodash-17fdfebb.js';
|
|
42
|
-
import './ADlgInfeed-
|
|
41
|
+
import './ADlgInfeed-25c3d142.js';
|
|
43
42
|
import './_arrayMap-818441dd.js';
|
|
44
43
|
import './get-58d2f7cc.js';
|
|
45
44
|
export { default as AD } from './AD.js';
|
|
46
|
-
import './AuthorComponent-
|
|
45
|
+
import './AuthorComponent-4ddf3533.js';
|
|
47
46
|
export { default as GridContent } from './GridContent.js';
|
|
48
47
|
export { default as DeckQueue } from './DeckQueue.js';
|
|
49
48
|
import 'react-bootstrap/Media';
|
|
@@ -71,7 +70,7 @@ import './index-ef6d5dcf.js';
|
|
|
71
70
|
import './js.cookie-6874175c.js';
|
|
72
71
|
export { default as EventsDeck } from './EventsDeck.js';
|
|
73
72
|
export { default as CMEDeck } from './CMEDeck.js';
|
|
74
|
-
export { g as getSerializers } from './index-
|
|
73
|
+
export { g as getSerializers } from './index-625ab1b8.js';
|
|
75
74
|
import './util-7700fc59.js';
|
|
76
75
|
import './brightcove-react-player-loader.es-83f53e4e.js';
|
|
77
76
|
import 'react-bootstrap/Pagination';
|
|
@@ -125,7 +124,7 @@ export { default as Feature } from './Feature.js';
|
|
|
125
124
|
import 'react-bootstrap/Breadcrumb';
|
|
126
125
|
export { default as Breadcrumbs } from './Breadcrumbs.js';
|
|
127
126
|
export { default as Hero } from './Hero.js';
|
|
128
|
-
import './keys-
|
|
127
|
+
import './keys-941eccc4.js';
|
|
129
128
|
export { default as AlphabeticList } from './AlphabeticList.js';
|
|
130
129
|
export { default as PdfDownload } from './PdfDownload.js';
|
|
131
130
|
import 'react-bootstrap/DropdownButton';
|
|
@@ -139,7 +138,6 @@ export { default as IssueLanding } from './IssueLanding.js';
|
|
|
139
138
|
import 'react-bootstrap/Modal';
|
|
140
139
|
export { default as PopUpModal } from './PopUpModal.js';
|
|
141
140
|
export { default as ArticleQueue } from './ArticleQueue.js';
|
|
142
|
-
import './InscreenSensor-beb2ec79.js';
|
|
143
141
|
export { default as getKeywords } from './getKeywords.js';
|
|
144
142
|
export { default as RelatedContent } from './RelatedContent.js';
|
|
145
143
|
export { default as ForbesHero } from './ForbesHero.js';
|
|
@@ -160,7 +158,7 @@ export { default as Auth } from './Auth.js';
|
|
|
160
158
|
import 'swr';
|
|
161
159
|
import 'passport-local';
|
|
162
160
|
import 'mysql';
|
|
163
|
-
export { g as getTargeting } from './getTargeting-
|
|
161
|
+
export { g as getTargeting } from './getTargeting-36bcd238.js';
|
|
164
162
|
export { default as View } from './View.js';
|
|
165
163
|
export { default as urlFor } from './urlFor.js';
|
|
166
164
|
export { default as PartnerDetailListing } from './PartnerDetailListing.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import { d as _toObject, l as _core, j as _export, c as _objectDp, b as _descriptors, a as _ctx, m as _anObject, _ as _isObject } from './_to-object-
|
|
3
|
-
import { e as _objectGpo, _ as _objectCreate } from './core.get-iterator-method-
|
|
4
|
-
import { _ as _objectSap } from './_object-sap-
|
|
5
|
-
import { a as _typeof_1, b as _objectGopd } from './typeof-
|
|
2
|
+
import { d as _toObject, l as _core, j as _export, c as _objectDp, b as _descriptors, a as _ctx, m as _anObject, _ as _isObject } from './_to-object-b01e8612.js';
|
|
3
|
+
import { e as _objectGpo, _ as _objectCreate } from './core.get-iterator-method-66cf57ee.js';
|
|
4
|
+
import { _ as _objectSap } from './_object-sap-4793c75a.js';
|
|
5
|
+
import { a as _typeof_1, b as _objectGopd } from './typeof-f11fd438.js';
|
|
6
6
|
|
|
7
7
|
// 19.1.2.9 Object.getPrototypeOf(O)
|
|
8
8
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import { n as _objectKeys, d as _toObject, l as _core } from './_to-object-
|
|
3
|
-
import { _ as _objectSap } from './_object-sap-
|
|
2
|
+
import { n as _objectKeys, d as _toObject, l as _core } from './_to-object-b01e8612.js';
|
|
3
|
+
import { _ as _objectSap } from './_object-sap-4793c75a.js';
|
|
4
4
|
|
|
5
5
|
// 19.1.2.14 Object.keys(O)
|
|
6
6
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import { l as _core, m as _anObject } from './_to-object-
|
|
3
|
-
import { b as _wks,
|
|
4
|
-
import './web.dom.iterable-
|
|
2
|
+
import { l as _core, m as _anObject } from './_to-object-b01e8612.js';
|
|
3
|
+
import { b as _wks, g as _iterators, d as _classof, f as core_getIteratorMethod } from './core.get-iterator-method-66cf57ee.js';
|
|
4
|
+
import './web.dom.iterable-5c830d3d.js';
|
|
5
5
|
|
|
6
6
|
var ITERATOR = _wks('iterator');
|
|
7
7
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { u as unwrapExports, c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import { l as _core } from './_to-object-
|
|
2
|
+
import { l as _core } from './_to-object-b01e8612.js';
|
|
3
3
|
|
|
4
4
|
var $JSON = _core.JSON || (_core.JSON = { stringify: JSON.stringify });
|
|
5
5
|
var stringify = function stringify(it) { // eslint-disable-line no-unused-vars
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import { c as _objectDp,
|
|
3
|
-
import {
|
|
4
|
-
import { _ as _iterDetect, a as _isArrayIter, b as _iterCall } from './_iter-detect-
|
|
2
|
+
import { c as _objectDp, o as _propertyDesc, j as _export, d as _toObject, a as _ctx, f as _toLength, l as _core } from './_to-object-b01e8612.js';
|
|
3
|
+
import { f as core_getIteratorMethod } from './core.get-iterator-method-66cf57ee.js';
|
|
4
|
+
import { _ as _iterDetect, a as _isArrayIter, b as _iterCall } from './_iter-detect-70af34ea.js';
|
|
5
5
|
|
|
6
6
|
var _createProperty = function (object, index, value) {
|
|
7
7
|
if (index in object) _objectDp.f(object, index, _propertyDesc(0, value));
|
|
@@ -44,4 +44,29 @@ module.exports = { "default": from_1, __esModule: true };
|
|
|
44
44
|
|
|
45
45
|
var _Array$from = unwrapExports(from_1$1);
|
|
46
46
|
|
|
47
|
-
|
|
47
|
+
var toConsumableArray = createCommonjsModule(function (module, exports) {
|
|
48
|
+
|
|
49
|
+
exports.__esModule = true;
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
var _from2 = _interopRequireDefault(from_1$1);
|
|
54
|
+
|
|
55
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
56
|
+
|
|
57
|
+
exports.default = function (arr) {
|
|
58
|
+
if (Array.isArray(arr)) {
|
|
59
|
+
for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {
|
|
60
|
+
arr2[i] = arr[i];
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
return arr2;
|
|
64
|
+
} else {
|
|
65
|
+
return (0, _from2.default)(arr);
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
});
|
|
69
|
+
|
|
70
|
+
var _toConsumableArray = unwrapExports(toConsumableArray);
|
|
71
|
+
|
|
72
|
+
export { _toConsumableArray as _, _Array$from as a };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import { l as _core, c as _objectDp, n as _objectKeys,
|
|
3
|
-
import { b as _wks, h as _redefine, c as _setToStringTag, _ as _objectCreate } from './core.get-iterator-method-
|
|
2
|
+
import { l as _core, c as _objectDp, n as _objectKeys, p as _objectKeysInternal, q as _enumBugKeys, r as _toIobject, b as _descriptors, s as _toPrimitive, t as _ie8DomDefine, u as _has, o as _propertyDesc, g as _global, v as _shared, h as _fails, w as _uid, j as _export, i as _hide, m as _anObject, d as _toObject, _ as _isObject } from './_to-object-b01e8612.js';
|
|
3
|
+
import { b as _wks, h as _redefine, c as _setToStringTag, _ as _objectCreate } from './core.get-iterator-method-66cf57ee.js';
|
|
4
4
|
import { _ as _library } from './_library-528f1934.js';
|
|
5
5
|
import { _ as _objectGops, a as _objectPie } from './_object-pie-33c40e79.js';
|
|
6
|
-
import './web.dom.iterable-
|
|
7
|
-
import { _ as _meta, a as _isArray } from './_is-array-
|
|
6
|
+
import './web.dom.iterable-5c830d3d.js';
|
|
7
|
+
import { _ as _meta, a as _isArray } from './_is-array-ced12663.js';
|
|
8
8
|
|
|
9
9
|
var f = _wks;
|
|
10
10
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { a as _iterDefine,
|
|
1
|
+
import { r as _toIobject, g as _global, i as _hide } from './_to-object-b01e8612.js';
|
|
2
|
+
import { a as _iterDefine, g as _iterators, b as _wks } from './core.get-iterator-method-66cf57ee.js';
|
|
3
3
|
|
|
4
4
|
var _iterStep = function (done, value) {
|
|
5
5
|
return { value: value, done: !!done };
|