@quintype/arrow 3.15.1-perf.2 → 3.15.1-perf.3
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/atoms/Author/index.js +38 -29
- package/atoms/AuthorWithTime/index.js +83 -73
- package/atoms/CollectionName/index.js +40 -30
- package/atoms/ExtendedLoadMore/{index-d0f6c865.js → index-3976fac4.js} +59 -51
- package/atoms/ExtendedLoadMore/{index-1e444d20.js → index-3c4ac692.js} +243 -208
- package/atoms/ExtendedLoadMore/index-4ddfe28d.js +93 -0
- package/atoms/ExtendedLoadMore/{index-c61a16dc.js → index-5c8eda4a.js} +88 -80
- package/atoms/ExtendedLoadMore/{index-1256e453.js → index-6e083738.js} +60 -52
- package/atoms/ExtendedLoadMore/{index-fd651f70.js → index-6ecceae4.js} +58 -50
- package/atoms/ExtendedLoadMore/{index-4356ce04.js → index-9e0d32b7.js} +76 -68
- package/atoms/ExtendedLoadMore/{index-beed3a68.js → index-a5c95f84.js} +70 -62
- package/atoms/ExtendedLoadMore/{index-0519e570.js → index-b22f1843.js} +70 -62
- package/atoms/ExtendedLoadMore/{index-e4cf9cb7.js → index-b5936059.js} +72 -64
- package/atoms/ExtendedLoadMore/{index-aba6b278.js → index-bc129cb8.js} +57 -49
- package/atoms/ExtendedLoadMore/{index-ad3c83c3.js → index-e7cde739.js} +74 -46
- package/atoms/ExtendedLoadMore/{index-c2f73d18.js → index-fee73a14.js} +62 -54
- package/atoms/ExtendedLoadMore/index.js +13 -5
- package/atoms/ExtendedLoadMore/styles.arrow.css +1 -1
- package/atoms/Headline/index.js +85 -76
- package/atoms/HeroImage/index.js +69 -60
- package/atoms/LoadmoreButton/index.js +32 -23
- package/atoms/ScrollSnap/index.js +72 -63
- package/atoms/SectionTag/index.js +34 -25
- package/atoms/Subheadline/index.js +31 -22
- package/atoms/TimeStamp/index.js +34 -24
- package/molecules/KeyEvents/index.js +72 -61
- package/molecules/PageIntroductionCard/index.js +43 -34
- package/molecules/SocialShareTemplate/index.js +97 -88
- package/molecules/StoryCard/index.js +242 -232
- package/molecules/StoryElementCard/index.js +512 -483
- package/molecules/StorycardContent/index.js +172 -162
- package/package.json +1 -1
- package/rows/AlternateCollectionFilter/index.js +345 -333
- package/rows/AsideCollection/index.js +340 -328
- package/rows/AstrologyCollection/index.js +321 -309
- package/rows/AuthorIntroductionCard/index.js +157 -148
- package/rows/AuthorsList/index.js +184 -174
- package/rows/CollectionFilter/index.js +361 -349
- package/rows/ElevenStories/index.js +357 -346
- package/rows/FourColFiveStories/index.js +304 -274
- package/rows/FourColGrid/index.js +351 -321
- package/rows/FourColPortraitStories/index.js +357 -327
- package/rows/FourColSixteenStories/index.js +288 -277
- package/rows/FourColTwelveStories/index.js +315 -304
- package/rows/FourStorySlider/index.js +358 -347
- package/rows/FourStorySliderPortrait/index.js +359 -348
- package/rows/FourTabbedBigStorySlider/index.js +322 -311
- package/rows/FullScreenSlider/index.js +336 -325
- package/rows/HalfScreenSlider/index.js +308 -297
- package/rows/ListComponent/index.js +322 -311
- package/rows/Listicles/index.js +150 -139
- package/rows/MagazineEditions/index.js +104 -93
- package/rows/MagazineHeaderCard/index.js +104 -93
- package/rows/MagazineWidget/index.js +326 -315
- package/rows/OneColStoryList/index.js +365 -335
- package/rows/OpinionCollection/index.js +250 -220
- package/rows/SixColSixStories/index.js +333 -303
- package/rows/StoryCollection/index.js +340 -328
- package/rows/TagIntroductionCard/index.js +30 -21
- package/rows/ThreeColFlexStories/index.js +348 -318
- package/rows/ThreeColFourteenStories/index.js +285 -274
- package/rows/ThreeColGrid/index.js +352 -322
- package/rows/ThreeColSevenStory/index.js +322 -311
- package/rows/ThreeColSixStories/index.js +323 -312
- package/rows/ThreeColTwelveStories/index.js +302 -291
- package/rows/TwoColFourStories/index.js +316 -305
- package/rows/TwoColFourStoryHighlight/index.js +317 -306
- package/rows/TwoColSevenStories/index.js +322 -311
- package/rows/TwoColSixStories/index.js +316 -305
- package/rows/TwoColTenStoriesSidebar/index.js +338 -327
- package/rows/TwoColThreeStories/index.js +316 -305
- package/story-elements/AlsoRead/index.js +70 -61
- package/story-elements/Attachment/index.js +40 -31
- package/story-elements/BigFact/index.js +35 -26
- package/story-elements/BlockQuote/index.js +61 -51
- package/story-elements/Blurb/index.js +36 -27
- package/story-elements/Image/index.js +113 -86
- package/story-elements/ImageGallery/index.js +98 -71
- package/story-elements/ImageSlideshow/index.js +147 -120
- package/story-elements/QuestionAnswer/index.js +55 -46
- package/story-elements/Quote/index.js +37 -28
- package/story-elements/Reference/index.js +40 -31
- package/story-elements/StoryElement/index.js +28 -19
- package/story-elements/Summary/index.js +40 -31
- package/story-elements/Text/index.js +34 -25
- package/story-elements/Video/index.js +29 -20
- package/story-templates/ListicleStoryTemplate/index.js +937 -908
- package/story-templates/LiveBlogStoryTemplate/index.js +942 -913
- package/story-templates/PhotoStoryTemplate/index.js +912 -883
- package/story-templates/TextStoryTemplate/index.js +931 -902
- package/story-templates/VideoStoryTemplate/index.js +897 -868
- package/atoms/ExtendedLoadMore/index-81eb3978.js +0 -86
|
@@ -1,7 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var PropTypes = require('prop-types');
|
|
7
|
+
require('react-timeago');
|
|
8
|
+
require('date-fns-tz');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
5
14
|
|
|
6
15
|
function _extends() {
|
|
7
16
|
_extends = Object.assign || function (target) {
|
|
@@ -1403,13 +1412,13 @@ var withElementWrapper = function withElementWrapper(StoryElement) {
|
|
|
1403
1412
|
|
|
1404
1413
|
if (!element) return null;
|
|
1405
1414
|
if (render && typeof render === "function") return render(props);
|
|
1406
|
-
return /*#__PURE__*/
|
|
1415
|
+
return /*#__PURE__*/React__default["default"].createElement(StoryElement, _extends({}, restProps, {
|
|
1407
1416
|
element: element
|
|
1408
1417
|
}));
|
|
1409
1418
|
};
|
|
1410
1419
|
};
|
|
1411
1420
|
withElementWrapper.propTypes = {
|
|
1412
|
-
StoryElement:
|
|
1421
|
+
StoryElement: PropTypes__default["default"].element
|
|
1413
1422
|
};
|
|
1414
1423
|
|
|
1415
1424
|
/**
|
|
@@ -2211,20 +2220,20 @@ var updateContentLinks = function updateContentLinks(content) {
|
|
|
2211
2220
|
});
|
|
2212
2221
|
return updatedContent;
|
|
2213
2222
|
};
|
|
2214
|
-
var shapeConfig =
|
|
2215
|
-
"sketches-host":
|
|
2216
|
-
"cdn-name":
|
|
2217
|
-
"cdn-image":
|
|
2223
|
+
var shapeConfig = PropTypes__default["default"].shape({
|
|
2224
|
+
"sketches-host": PropTypes__default["default"].string,
|
|
2225
|
+
"cdn-name": PropTypes__default["default"].string,
|
|
2226
|
+
"cdn-image": PropTypes__default["default"].string
|
|
2218
2227
|
});
|
|
2219
|
-
var shapeStory =
|
|
2220
|
-
headline:
|
|
2221
|
-
"last-published-at":
|
|
2222
|
-
subheadline:
|
|
2228
|
+
var shapeStory = PropTypes__default["default"].shape({
|
|
2229
|
+
headline: PropTypes__default["default"].string,
|
|
2230
|
+
"last-published-at": PropTypes__default["default"].number,
|
|
2231
|
+
subheadline: PropTypes__default["default"].string
|
|
2223
2232
|
});
|
|
2224
2233
|
|
|
2225
|
-
var StateContext = /*#__PURE__*/createContext(); // eslint-disable-next-line react/display-name
|
|
2234
|
+
var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
|
|
2226
2235
|
var useStateValue = function useStateValue() {
|
|
2227
|
-
return useContext(StateContext);
|
|
2236
|
+
return React.useContext(StateContext);
|
|
2228
2237
|
};
|
|
2229
2238
|
|
|
2230
2239
|
var _excluded = ["element", "opts", "css", "story", "config"];
|
|
@@ -2260,7 +2269,7 @@ var TextBase = function TextBase(_ref) {
|
|
|
2260
2269
|
var text = isExternalLink && updateContentLinks(content) || content;
|
|
2261
2270
|
var isPromotionalMessage = get_1(element, ["metadata", "promotional-message"], false);
|
|
2262
2271
|
var updatedStyle = isPromotionalMessage ? "promotionalMessage" : "textElement";
|
|
2263
|
-
return /*#__PURE__*/
|
|
2272
|
+
return /*#__PURE__*/React__default["default"].createElement("div", _extends({
|
|
2264
2273
|
style: !isPromotionalMessage ? {
|
|
2265
2274
|
color: textColor
|
|
2266
2275
|
} : {},
|
|
@@ -2275,19 +2284,19 @@ var TextBase = function TextBase(_ref) {
|
|
|
2275
2284
|
};
|
|
2276
2285
|
|
|
2277
2286
|
TextBase.propTypes = {
|
|
2278
|
-
element:
|
|
2279
|
-
text:
|
|
2287
|
+
element: PropTypes__default["default"].shape({
|
|
2288
|
+
text: PropTypes__default["default"].string
|
|
2280
2289
|
}),
|
|
2281
|
-
opts:
|
|
2282
|
-
isExternalLink:
|
|
2290
|
+
opts: PropTypes__default["default"].shape({
|
|
2291
|
+
isExternalLink: PropTypes__default["default"].bool
|
|
2283
2292
|
}),
|
|
2284
|
-
css:
|
|
2285
|
-
hyperlinkColor:
|
|
2286
|
-
textColor:
|
|
2293
|
+
css: PropTypes__default["default"].shape({
|
|
2294
|
+
hyperlinkColor: PropTypes__default["default"].string,
|
|
2295
|
+
textColor: PropTypes__default["default"].string
|
|
2287
2296
|
}),
|
|
2288
2297
|
story: shapeStory,
|
|
2289
2298
|
config: shapeConfig
|
|
2290
2299
|
};
|
|
2291
2300
|
var Text = withElementWrapper(TextBase);
|
|
2292
2301
|
|
|
2293
|
-
|
|
2302
|
+
exports.Text = Text;
|
|
@@ -1,8 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var components = require('@quintype/components');
|
|
7
|
+
var PropTypes = require('prop-types');
|
|
8
|
+
require('react-timeago');
|
|
9
|
+
require('date-fns-tz');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
+
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
6
15
|
|
|
7
16
|
function _extends() {
|
|
8
17
|
_extends = Object.assign || function (target) {
|
|
@@ -65,13 +74,13 @@ var withElementWrapper = function withElementWrapper(StoryElement) {
|
|
|
65
74
|
|
|
66
75
|
if (!element) return null;
|
|
67
76
|
if (render && typeof render === "function") return render(props);
|
|
68
|
-
return /*#__PURE__*/
|
|
77
|
+
return /*#__PURE__*/React__default["default"].createElement(StoryElement, _extends({}, restProps, {
|
|
69
78
|
element: element
|
|
70
79
|
}));
|
|
71
80
|
};
|
|
72
81
|
};
|
|
73
82
|
withElementWrapper.propTypes = {
|
|
74
|
-
StoryElement:
|
|
83
|
+
StoryElement: PropTypes__default["default"].element
|
|
75
84
|
};
|
|
76
85
|
|
|
77
86
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
@@ -1743,15 +1752,15 @@ _memoizeCapped(function(string) {
|
|
|
1743
1752
|
var symbolProto = _Symbol ? _Symbol.prototype : undefined;
|
|
1744
1753
|
symbolProto ? symbolProto.toString : undefined;
|
|
1745
1754
|
|
|
1746
|
-
var shapeConfig =
|
|
1747
|
-
"sketches-host":
|
|
1748
|
-
"cdn-name":
|
|
1749
|
-
"cdn-image":
|
|
1755
|
+
var shapeConfig = PropTypes__default["default"].shape({
|
|
1756
|
+
"sketches-host": PropTypes__default["default"].string,
|
|
1757
|
+
"cdn-name": PropTypes__default["default"].string,
|
|
1758
|
+
"cdn-image": PropTypes__default["default"].string
|
|
1750
1759
|
});
|
|
1751
|
-
var shapeStory =
|
|
1752
|
-
headline:
|
|
1753
|
-
"last-published-at":
|
|
1754
|
-
subheadline:
|
|
1760
|
+
var shapeStory = PropTypes__default["default"].shape({
|
|
1761
|
+
headline: PropTypes__default["default"].string,
|
|
1762
|
+
"last-published-at": PropTypes__default["default"].number,
|
|
1763
|
+
subheadline: PropTypes__default["default"].string
|
|
1755
1764
|
});
|
|
1756
1765
|
|
|
1757
1766
|
var _excluded = ["element", "story", "config", "loadIframeOnClick"];
|
|
@@ -1764,22 +1773,22 @@ var Videobase = function Videobase(_ref) {
|
|
|
1764
1773
|
loadIframeOnClick = _ref$loadIframeOnClic === void 0 ? false : _ref$loadIframeOnClic,
|
|
1765
1774
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
1766
1775
|
|
|
1767
|
-
return /*#__PURE__*/
|
|
1776
|
+
return /*#__PURE__*/React__default["default"].createElement("div", _extends({
|
|
1768
1777
|
className: "video-m_container__MYuWI" + (" " + (restProps ? restProps.className || "" : ""))
|
|
1769
1778
|
}, restProps, {
|
|
1770
1779
|
"data-test-id": "video"
|
|
1771
|
-
}), /*#__PURE__*/
|
|
1780
|
+
}), /*#__PURE__*/React__default["default"].createElement(components.StoryElement, {
|
|
1772
1781
|
element: element,
|
|
1773
1782
|
loadIframeOnClick: loadIframeOnClick
|
|
1774
1783
|
}));
|
|
1775
1784
|
};
|
|
1776
1785
|
|
|
1777
1786
|
Videobase.propTypes = {
|
|
1778
|
-
element:
|
|
1787
|
+
element: PropTypes__default["default"].object,
|
|
1779
1788
|
story: shapeStory,
|
|
1780
1789
|
config: shapeConfig,
|
|
1781
|
-
loadIframeOnClick:
|
|
1790
|
+
loadIframeOnClick: PropTypes__default["default"].bool
|
|
1782
1791
|
};
|
|
1783
1792
|
var Video = withElementWrapper(Videobase);
|
|
1784
1793
|
|
|
1785
|
-
|
|
1794
|
+
exports.Video = Video;
|