@quintype/arrow 3.15.1-perf.0 → 3.15.1-perf.1

package/{rows → story-templates}/LiveBlogStoryTemplate/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, createContext, useContext, Suspense, lazy, useRef } from 'react';
+import React, { useState, useEffect, useContext, createContext, Suspense, lazy, useRef } from 'react';
 import PropTypes, { PropTypes as PropTypes$1, number, string, func, array, bool } from 'prop-types';
 import { connect, useSelector } from 'react-redux';
 import { Link, ResponsiveImage, ResponsiveHeroImage, LinkBase, LazyLoadImages, StoryElement as StoryElement$1, SocialShare } from '@quintype/components';
@@ -5113,8 +5113,7 @@ KeyEventCards.propTypes = {
   loadCards: PropTypes.bool,
   showLoadMore: PropTypes.bool
 };
-
-var KeyEvents = function KeyEvents(_ref) {
+var KeyEventsBase = function KeyEventsBase(_ref) {
   var _ref$story = _ref.story,
       story = _ref$story === void 0 ? {} : _ref$story,
       _ref$config = _ref.config,
@@ -5175,13 +5174,12 @@ var KeyEvents = function KeyEvents(_ref) {
     qtConfig: qtConfig
   }));
 };
-
-KeyEvents.propTypes = {
+KeyEventsBase.propTypes = {
   story: PropTypes.object,
   config: PropTypes.object,
   showLoadMore: PropTypes.bool
 };
-var KeyEvents$1 = StateProvider(KeyEvents);
+var KeyEvents = StateProvider(KeyEventsBase);
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -5201,7 +5199,6 @@ var _styleModuleImportMap$l = {
     "sticky": "aside-collection-m_sticky__AZXBP"
   }
 };
-
 var StoryCollection = function StoryCollection(_ref) {
   var data = _ref.data,
       slotData = _ref.slotData,
@@ -5307,7 +5304,6 @@ var StoryCollection = function StoryCollection(_ref) {
     className: "aside-collection-m_info__3p4zt"
   }, "No stories found.")));
 };
-
 StoryCollection.propTypes = {
   data: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
   config: PropTypes.object,
@@ -5315,8 +5311,7 @@ StoryCollection.propTypes = {
   slotData: PropTypes.object,
   opts: PropTypes.object
 };
-
-var AsideCollection = function AsideCollection(_ref4) {
+var AsideCollectionBase = function AsideCollectionBase(_ref4) {
   var _ref4$data = _ref4.data,
       data = _ref4$data === void 0 ? {} : _ref4$data,
       _ref4$config = _ref4.config,
@@ -5393,7 +5388,7 @@ var AsideCollection = function AsideCollection(_ref4) {
     },
     "data-test-id": "aside-collection",
     className: "arrow-component arr--aside-collection " + _getClassName(["wrapper", isHorizontal, isSticky].join(" "), _styleModuleImportMap$l)
-  }, enableKeyEvents && /*#__PURE__*/React.createElement(KeyEvents$1, {
+  }, enableKeyEvents && /*#__PURE__*/React.createElement(KeyEvents, {
     story: keyEventsData.story,
     showLoadMore: keyEventsData.showLoadMore,
     config: keyEventsData.config
@@ -5401,8 +5396,7 @@ var AsideCollection = function AsideCollection(_ref4) {
     return asideSlot(slot.type, slot, index);
   }));
 };
-
-AsideCollection.propTypes = {
+AsideCollectionBase.propTypes = {
   data: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
   config: PropTypes.object,
   opts: PropTypes.object,
@@ -5419,7 +5413,7 @@ AsideCollection.propTypes = {
   enableKeyEvents: PropTypes["boolean"],
   storyId: PropTypes.string
 };
-var AsideCollection$1 = StateProvider(AsideCollection);
+var AsideCollection = StateProvider(AsideCollectionBase);
 
 /**
  * Converts `string` to
@@ -8274,7 +8268,7 @@ var LiveBlogStoryTemplates = function LiveBlogStoryTemplates(_ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: "live-blog-m_key-events__2YDJ3",
       id: "key-events-".concat(storyId)
-    }, /*#__PURE__*/React.createElement(KeyEvents$1, {
+    }, /*#__PURE__*/React.createElement(KeyEvents, {
       story: story,
       showLoadMore: true,
       config: config
@@ -8344,7 +8338,7 @@ var LiveBlogStoryTemplates = function LiveBlogStoryTemplates(_ref) {
       config: config
     }), /*#__PURE__*/React.createElement(HeaderCard, null), /*#__PURE__*/React.createElement(StoryData, null)), verticalShare && /*#__PURE__*/React.createElement(SocialShareComponent, null), /*#__PURE__*/React.createElement("div", {
       className: "live-blog-m_side-column__Ss2sl"
-    }, asideCollection && /*#__PURE__*/React.createElement(AsideCollection$1, _extends({}, asideCollection, {
+    }, asideCollection && /*#__PURE__*/React.createElement(AsideCollection, _extends({}, asideCollection, {
       adComponent: adComponent,
       widgetComp: widgetComp,
       sticky: true,
@@ -8375,7 +8369,7 @@ var LiveBlogStoryTemplates = function LiveBlogStoryTemplates(_ref) {
       config: config
     }), /*#__PURE__*/React.createElement(StoryData, null)), verticalShare && /*#__PURE__*/React.createElement(SocialShareComponent, null), asideCollection && /*#__PURE__*/React.createElement("div", {
       className: "live-blog-m_grid-container__1b98H live-blog-m_tablet-index-2__2WqZJ"
-    }, /*#__PURE__*/React.createElement(AsideCollection$1, _extends({
+    }, /*#__PURE__*/React.createElement(AsideCollection, _extends({
       horizontal: true
     }, asideCollection, {
       adComponent: adComponent,
@@ -8401,7 +8395,7 @@ var LiveBlogStoryTemplates = function LiveBlogStoryTemplates(_ref) {
       className: "live-blog-m_grid-col-4-12__XeqdX"
     }, /*#__PURE__*/React.createElement(StoryData, null)), verticalShare && /*#__PURE__*/React.createElement(SocialShareComponent, null), asideCollection && /*#__PURE__*/React.createElement("div", {
       className: "live-blog-m_grid-container__1b98H live-blog-m_tablet-index-2__2WqZJ"
-    }, /*#__PURE__*/React.createElement(AsideCollection$1, _extends({
+    }, /*#__PURE__*/React.createElement(AsideCollection, _extends({
       horizontal: true
     }, asideCollection, {
       adComponent: adComponent,
@@ -8427,7 +8421,7 @@ var LiveBlogStoryTemplates = function LiveBlogStoryTemplates(_ref) {
       config: config
     }), /*#__PURE__*/React.createElement(StoryData, null)), verticalShare && /*#__PURE__*/React.createElement(SocialShareComponent, null), /*#__PURE__*/React.createElement("div", {
       className: "live-blog-m_grid-col-9-14__2oCwT live-blog-m_grid-row-1-6__3CH8o"
-    }, asideCollection && /*#__PURE__*/React.createElement(AsideCollection$1, _extends({}, asideCollection, {
+    }, asideCollection && /*#__PURE__*/React.createElement(AsideCollection, _extends({}, asideCollection, {
       adComponent: adComponent,
       widgetComp: widgetComp,
       sticky: true,
@@ -8456,7 +8450,7 @@ var LiveBlogStoryTemplates = function LiveBlogStoryTemplates(_ref) {
       config: config
     }), /*#__PURE__*/React.createElement(HeaderCard, null), /*#__PURE__*/React.createElement(StoryData, null)), verticalShare && /*#__PURE__*/React.createElement(SocialShareComponent, null), asideCollection && /*#__PURE__*/React.createElement("div", {
       className: "live-blog-m_grid-container__1b98H live-blog-m_tablet-index-2__2WqZJ"
-    }, /*#__PURE__*/React.createElement(AsideCollection$1, _extends({
+    }, /*#__PURE__*/React.createElement(AsideCollection, _extends({
       horizontal: true
     }, asideCollection, {
       adComponent: adComponent,
@@ -8482,7 +8476,7 @@ var LiveBlogStoryTemplates = function LiveBlogStoryTemplates(_ref) {
       config: config
     }), /*#__PURE__*/React.createElement(StoryData, null)), verticalShare && /*#__PURE__*/React.createElement(SocialShareComponent, null), asideCollection && /*#__PURE__*/React.createElement("div", {
       className: "live-blog-m_grid-container__1b98H live-blog-m_tablet-index-2__2WqZJ"
-    }, /*#__PURE__*/React.createElement(AsideCollection$1, _extends({
+    }, /*#__PURE__*/React.createElement(AsideCollection, _extends({
       horizontal: true
     }, asideCollection, {
       adComponent: adComponent,
@@ -8570,8 +8564,7 @@ var _styleModuleImportMap = {
     "tablet-index-2": "live-blog-m_tablet-index-2__2WqZJ"
   }
 };
-
-var LiveBlogStoryTemplate = function LiveBlogStoryTemplate(_ref) {
+var LiveBlogStoryTemplateBase = function LiveBlogStoryTemplateBase(_ref) {
   var _ref$story = _ref.story,
       story = _ref$story === void 0 ? {} : _ref$story,
       _ref$config = _ref.config,
@@ -8609,8 +8602,7 @@ var LiveBlogStoryTemplate = function LiveBlogStoryTemplate(_ref) {
     timezone: timezone
   }));
 };
-
-LiveBlogStoryTemplate.propTypes = {
+LiveBlogStoryTemplateBase.propTypes = {
   story: PropTypes.object,
   config: PropTypes.shape({
     templateType: PropTypes.string
@@ -8621,6 +8613,6 @@ LiveBlogStoryTemplate.propTypes = {
   adComponent: PropTypes.func,
   widgetComp: PropTypes.func
 };
-var index = StateProvider(LiveBlogStoryTemplate);
+var LiveBlogStoryTemplate = StateProvider(LiveBlogStoryTemplateBase);
 
-export { index as default };
+export { LiveBlogStoryTemplate, LiveBlogStoryTemplateBase };

package/{rows → story-templates}/PhotoStoryTemplate/index.js

@@ -1,6 +1,6 @@
 import { Link, ResponsiveImage, ResponsiveHeroImage, LazyLoadImages, StoryElement as StoryElement$1, SocialShare, LinkBase } from '@quintype/components';
 import PropTypes, { string, number, func, array, bool, PropTypes as PropTypes$1 } from 'prop-types';
-import React, { createContext, useContext, useState, useEffect, Suspense, lazy, useRef } from 'react';
+import React, { useContext, createContext, useState, useEffect, Suspense, lazy, useRef } from 'react';
 import { useSelector, connect } from 'react-redux';
 import Timeago from 'react-timeago';
 import { utcToZonedTime, format } from 'date-fns-tz';
@@ -7842,8 +7842,7 @@ KeyEventCards.propTypes = {
   loadCards: PropTypes.bool,
   showLoadMore: PropTypes.bool
 };
-
-var KeyEvents = function KeyEvents(_ref) {
+var KeyEventsBase = function KeyEventsBase(_ref) {
   var _ref$story = _ref.story,
       story = _ref$story === void 0 ? {} : _ref$story,
       _ref$config = _ref.config,
@@ -7904,13 +7903,12 @@ var KeyEvents = function KeyEvents(_ref) {
     qtConfig: qtConfig
   }));
 };
-
-KeyEvents.propTypes = {
+KeyEventsBase.propTypes = {
   story: PropTypes.object,
   config: PropTypes.object,
   showLoadMore: PropTypes.bool
 };
-var KeyEvents$1 = StateProvider(KeyEvents);
+var KeyEvents = StateProvider(KeyEventsBase);
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -7930,7 +7928,6 @@ var _styleModuleImportMap$1 = {
     "sticky": "aside-collection-m_sticky__AZXBP"
   }
 };
-
 var StoryCollection = function StoryCollection(_ref) {
   var data = _ref.data,
       slotData = _ref.slotData,
@@ -8036,7 +8033,6 @@ var StoryCollection = function StoryCollection(_ref) {
     className: "aside-collection-m_info__3p4zt"
   }, "No stories found.")));
 };
-
 StoryCollection.propTypes = {
   data: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
   config: PropTypes.object,
@@ -8044,8 +8040,7 @@ StoryCollection.propTypes = {
   slotData: PropTypes.object,
   opts: PropTypes.object
 };
-
-var AsideCollection = function AsideCollection(_ref4) {
+var AsideCollectionBase = function AsideCollectionBase(_ref4) {
   var _ref4$data = _ref4.data,
       data = _ref4$data === void 0 ? {} : _ref4$data,
       _ref4$config = _ref4.config,
@@ -8122,7 +8117,7 @@ var AsideCollection = function AsideCollection(_ref4) {
     },
     "data-test-id": "aside-collection",
     className: "arrow-component arr--aside-collection " + _getClassName(["wrapper", isHorizontal, isSticky].join(" "), _styleModuleImportMap$1)
-  }, enableKeyEvents && /*#__PURE__*/React.createElement(KeyEvents$1, {
+  }, enableKeyEvents && /*#__PURE__*/React.createElement(KeyEvents, {
     story: keyEventsData.story,
     showLoadMore: keyEventsData.showLoadMore,
     config: keyEventsData.config
@@ -8130,8 +8125,7 @@ var AsideCollection = function AsideCollection(_ref4) {
     return asideSlot(slot.type, slot, index);
   }));
 };
-
-AsideCollection.propTypes = {
+AsideCollectionBase.propTypes = {
   data: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
   config: PropTypes.object,
   opts: PropTypes.object,
@@ -8148,7 +8142,7 @@ AsideCollection.propTypes = {
   enableKeyEvents: PropTypes["boolean"],
   storyId: PropTypes.string
 };
-var AsideCollection$1 = StateProvider(AsideCollection);
+var AsideCollection = StateProvider(AsideCollectionBase);
 
 var _styleModuleImportMap = {
   "./photo.m.css": {
@@ -8175,8 +8169,7 @@ var _styleModuleImportMap = {
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-var PhotoStory = function PhotoStory(_ref) {
+var PhotoStoryBase = function PhotoStoryBase(_ref) {
   var _ref$story = _ref.story,
       story = _ref$story === void 0 ? {} : _ref$story,
       _ref$config = _ref.config,
@@ -8310,7 +8303,7 @@ var PhotoStory = function PhotoStory(_ref) {
       config: config
     }), /*#__PURE__*/React.createElement(HeaderCard, null), /*#__PURE__*/React.createElement(StoryData, null)), verticalShare && /*#__PURE__*/React.createElement(SocialShareComponent, null), asideCollection && /*#__PURE__*/React.createElement("div", {
       className: "photo-m_grid-col-10-14__3gyc8 photo-m_space-12__1P16k"
-    }, /*#__PURE__*/React.createElement(AsideCollection$1, _extends({}, asideCollection, {
+    }, /*#__PURE__*/React.createElement(AsideCollection, _extends({}, asideCollection, {
       widgetComp: widgetComp,
       adComponent: adComponent,
       sticky: true,
@@ -8336,7 +8329,7 @@ var PhotoStory = function PhotoStory(_ref) {
       config: config
     }), /*#__PURE__*/React.createElement(HeaderCard, null), /*#__PURE__*/React.createElement(StoryData, null)), verticalShare && /*#__PURE__*/React.createElement(SocialShareComponent, null), asideCollection && /*#__PURE__*/React.createElement("div", {
       className: "photo-m_grid-container__2cJOz photo-m_space-12__1P16k photo-m_tablet-index-2__K4P3M"
-    }, /*#__PURE__*/React.createElement(AsideCollection$1, _extends({
+    }, /*#__PURE__*/React.createElement(AsideCollection, _extends({
       horizontal: true
     }, asideCollection, {
       widgetComp: widgetComp,
@@ -8364,7 +8357,7 @@ var PhotoStory = function PhotoStory(_ref) {
       config: config
     }), /*#__PURE__*/React.createElement(StoryData, null)), verticalShare && /*#__PURE__*/React.createElement(SocialShareComponent, null), asideCollection && /*#__PURE__*/React.createElement("div", {
       className: "photo-m_grid-col-9-14__2_eSL"
-    }, /*#__PURE__*/React.createElement(AsideCollection$1, _extends({}, asideCollection, {
+    }, /*#__PURE__*/React.createElement(AsideCollection, _extends({}, asideCollection, {
       widgetComp: widgetComp,
       adComponent: adComponent,
       sticky: true,
@@ -8410,8 +8403,7 @@ var PhotoStory = function PhotoStory(_ref) {
     templateType: templateType
   }));
 };
-
-PhotoStory.propTypes = {
+PhotoStoryBase.propTypes = {
   story: PropTypes.object,
   config: PropTypes.shape({
     templateType: PropTypes.string,
@@ -8423,6 +8415,6 @@ PhotoStory.propTypes = {
   adComponent: PropTypes.func,
   widgetComp: PropTypes.func
 };
-var index = StateProvider(PhotoStory);
+var PhotoStoryTemplate = StateProvider(PhotoStoryBase);
 
-export { index as default };
+export { PhotoStoryBase, PhotoStoryTemplate };

package/{rows → story-templates}/TextStoryTemplate/index.js

@@ -1,5 +1,5 @@
 import PropTypes, { PropTypes as PropTypes$1, string, number, func, array, bool } from 'prop-types';
-import React, { createContext, useContext, useState, useEffect, Suspense, lazy, useRef } from 'react';
+import React, { useContext, createContext, useState, useEffect, Suspense, lazy, useRef } from 'react';
 import { connect, useSelector } from 'react-redux';
 import Timeago from 'react-timeago';
 import { utcToZonedTime, format } from 'date-fns-tz';
@@ -5190,8 +5190,7 @@ KeyEventCards.propTypes = {
   loadCards: PropTypes.bool,
   showLoadMore: PropTypes.bool
 };
-
-var KeyEvents = function KeyEvents(_ref) {
+var KeyEventsBase = function KeyEventsBase(_ref) {
   var _ref$story = _ref.story,
       story = _ref$story === void 0 ? {} : _ref$story,
       _ref$config = _ref.config,
@@ -5252,13 +5251,12 @@ var KeyEvents = function KeyEvents(_ref) {
     qtConfig: qtConfig
   }));
 };
-
-KeyEvents.propTypes = {
+KeyEventsBase.propTypes = {
   story: PropTypes.object,
   config: PropTypes.object,
   showLoadMore: PropTypes.bool
 };
-var KeyEvents$1 = StateProvider(KeyEvents);
+var KeyEvents = StateProvider(KeyEventsBase);
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -5278,7 +5276,6 @@ var _styleModuleImportMap$j = {
     "sticky": "aside-collection-m_sticky__AZXBP"
   }
 };
-
 var StoryCollection = function StoryCollection(_ref) {
   var data = _ref.data,
       slotData = _ref.slotData,
@@ -5384,7 +5381,6 @@ var StoryCollection = function StoryCollection(_ref) {
     className: "aside-collection-m_info__3p4zt"
   }, "No stories found.")));
 };
-
 StoryCollection.propTypes = {
   data: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
   config: PropTypes.object,
@@ -5392,8 +5388,7 @@ StoryCollection.propTypes = {
   slotData: PropTypes.object,
   opts: PropTypes.object
 };
-
-var AsideCollection = function AsideCollection(_ref4) {
+var AsideCollectionBase = function AsideCollectionBase(_ref4) {
   var _ref4$data = _ref4.data,
       data = _ref4$data === void 0 ? {} : _ref4$data,
       _ref4$config = _ref4.config,
@@ -5470,7 +5465,7 @@ var AsideCollection = function AsideCollection(_ref4) {
     },
     "data-test-id": "aside-collection",
     className: "arrow-component arr--aside-collection " + _getClassName(["wrapper", isHorizontal, isSticky].join(" "), _styleModuleImportMap$j)
-  }, enableKeyEvents && /*#__PURE__*/React.createElement(KeyEvents$1, {
+  }, enableKeyEvents && /*#__PURE__*/React.createElement(KeyEvents, {
     story: keyEventsData.story,
     showLoadMore: keyEventsData.showLoadMore,
     config: keyEventsData.config
@@ -5478,8 +5473,7 @@ var AsideCollection = function AsideCollection(_ref4) {
     return asideSlot(slot.type, slot, index);
   }));
 };
-
-AsideCollection.propTypes = {
+AsideCollectionBase.propTypes = {
   data: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
   config: PropTypes.object,
   opts: PropTypes.object,
@@ -5496,7 +5490,7 @@ AsideCollection.propTypes = {
   enableKeyEvents: PropTypes["boolean"],
   storyId: PropTypes.string
 };
-var AsideCollection$1 = StateProvider(AsideCollection);
+var AsideCollection = StateProvider(AsideCollectionBase);
 
 var _styleModuleImportMap$i = {
   "./author-card.m.css": {
@@ -8183,7 +8177,7 @@ var StoryTemplate = function StoryTemplate(_ref) {
   var AsideCollectionCard = function AsideCollectionCard() {
     return asideCollection && /*#__PURE__*/React.createElement("div", {
       className: "text-story-m_aside-collection__1hg7d text-story-m_tablet-index-2__1FdCR"
-    }, /*#__PURE__*/React.createElement(AsideCollection$1, _extends({
+    }, /*#__PURE__*/React.createElement(AsideCollection, _extends({
       horizontal: true
     }, asideCollection, {
       widgetComp: widgetComp,
@@ -8246,7 +8240,7 @@ var StoryTemplate = function StoryTemplate(_ref) {
   var SideColumn = function SideColumn() {
     return asideCollection && /*#__PURE__*/React.createElement("div", {
       className: "text-story-m_text-story-side-column__ChMaj"
-    }, /*#__PURE__*/React.createElement(AsideCollection$1, _extends({}, asideCollection, {
+    }, /*#__PURE__*/React.createElement(AsideCollection, _extends({}, asideCollection, {
       widgetComp: widgetComp,
       adComponent: adComponent,
       sticky: true,
@@ -8433,8 +8427,7 @@ var _styleModuleImportMap = {
     "tablet-index-2": "text-story-m_tablet-index-2__1FdCR"
   }
 };
-
-var TextStoryTemplate = function TextStoryTemplate(_ref) {
+var TextStoryTemplateBase = function TextStoryTemplateBase(_ref) {
   var _ref$story = _ref.story,
       story = _ref$story === void 0 ? {} : _ref$story,
       _ref$config = _ref.config,
@@ -8482,8 +8475,7 @@ var TextStoryTemplate = function TextStoryTemplate(_ref) {
     timezone: timezone
   }));
 };
-
-TextStoryTemplate.propTypes = {
+TextStoryTemplateBase.propTypes = {
   story: PropTypes.object,
   config: PropTypes.shape({
     templateType: PropTypes.string,
@@ -8496,6 +8488,6 @@ TextStoryTemplate.propTypes = {
   adComponent: PropTypes.func,
   widgetComp: PropTypes.func
 };
-var index = StateProvider(TextStoryTemplate);
+var TextStoryTemplate = StateProvider(TextStoryTemplateBase);
 
-export { index as default };
+export { TextStoryTemplate, TextStoryTemplateBase };

package/{rows → story-templates}/VideoStoryTemplate/index.js

@@ -1,6 +1,6 @@
 import { Link, StoryElement as StoryElement$1, ResponsiveImage, ResponsiveHeroImage, LinkBase, LazyLoadImages, SocialShare } from '@quintype/components';
 import PropTypes, { PropTypes as PropTypes$1, string, number, func, array, bool } from 'prop-types';
-import React, { useState, useEffect, createContext, useContext, Suspense, lazy, useRef } from 'react';
+import React, { useState, useEffect, useContext, createContext, Suspense, lazy, useRef } from 'react';
 import { connect, useSelector } from 'react-redux';
 import Timeago from 'react-timeago';
 import { utcToZonedTime, format } from 'date-fns-tz';
@@ -5243,8 +5243,7 @@ KeyEventCards.propTypes = {
   loadCards: PropTypes.bool,
   showLoadMore: PropTypes.bool
 };
-
-var KeyEvents = function KeyEvents(_ref) {
+var KeyEventsBase = function KeyEventsBase(_ref) {
   var _ref$story = _ref.story,
       story = _ref$story === void 0 ? {} : _ref$story,
       _ref$config = _ref.config,
@@ -5305,13 +5304,12 @@ var KeyEvents = function KeyEvents(_ref) {
     qtConfig: qtConfig
   }));
 };
-
-KeyEvents.propTypes = {
+KeyEventsBase.propTypes = {
   story: PropTypes.object,
   config: PropTypes.object,
   showLoadMore: PropTypes.bool
 };
-var KeyEvents$1 = StateProvider(KeyEvents);
+var KeyEvents = StateProvider(KeyEventsBase);
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -5331,7 +5329,6 @@ var _styleModuleImportMap$j = {
     "sticky": "aside-collection-m_sticky__AZXBP"
   }
 };
-
 var StoryCollection = function StoryCollection(_ref) {
   var data = _ref.data,
       slotData = _ref.slotData,
@@ -5437,7 +5434,6 @@ var StoryCollection = function StoryCollection(_ref) {
     className: "aside-collection-m_info__3p4zt"
   }, "No stories found.")));
 };
-
 StoryCollection.propTypes = {
   data: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
   config: PropTypes.object,
@@ -5445,8 +5441,7 @@ StoryCollection.propTypes = {
   slotData: PropTypes.object,
   opts: PropTypes.object
 };
-
-var AsideCollection = function AsideCollection(_ref4) {
+var AsideCollectionBase = function AsideCollectionBase(_ref4) {
   var _ref4$data = _ref4.data,
       data = _ref4$data === void 0 ? {} : _ref4$data,
       _ref4$config = _ref4.config,
@@ -5523,7 +5518,7 @@ var AsideCollection = function AsideCollection(_ref4) {
     },
     "data-test-id": "aside-collection",
     className: "arrow-component arr--aside-collection " + _getClassName(["wrapper", isHorizontal, isSticky].join(" "), _styleModuleImportMap$j)
-  }, enableKeyEvents && /*#__PURE__*/React.createElement(KeyEvents$1, {
+  }, enableKeyEvents && /*#__PURE__*/React.createElement(KeyEvents, {
     story: keyEventsData.story,
     showLoadMore: keyEventsData.showLoadMore,
     config: keyEventsData.config
@@ -5531,8 +5526,7 @@ var AsideCollection = function AsideCollection(_ref4) {
     return asideSlot(slot.type, slot, index);
   }));
 };
-
-AsideCollection.propTypes = {
+AsideCollectionBase.propTypes = {
   data: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
   config: PropTypes.object,
   opts: PropTypes.object,
@@ -5549,7 +5543,7 @@ AsideCollection.propTypes = {
   enableKeyEvents: PropTypes["boolean"],
   storyId: PropTypes.string
 };
-var AsideCollection$1 = StateProvider(AsideCollection);
+var AsideCollection = StateProvider(AsideCollectionBase);
 
 /**
  * Converts `string` to
@@ -8154,8 +8148,7 @@ var _styleModuleImportMap = {
     "tablet-index-2": "video-story-m_tablet-index-2__2sPXB"
   }
 };
-
-var VideoStoryTemplate = function VideoStoryTemplate(_ref) {
+var VideoStoryTemplateBase = function VideoStoryTemplateBase(_ref) {
   var _ref$story = _ref.story,
       story = _ref$story === void 0 ? {} : _ref$story,
       _ref$config = _ref.config,
@@ -8278,7 +8271,7 @@ var VideoStoryTemplate = function VideoStoryTemplate(_ref) {
   var SideColumn = function SideColumn() {
     return asideCollection && /*#__PURE__*/React.createElement("div", {
       className: "video-story-m_video-story-side-column__155nW"
-    }, /*#__PURE__*/React.createElement(AsideCollection$1, _extends({}, asideCollection, {
+    }, /*#__PURE__*/React.createElement(AsideCollection, _extends({}, asideCollection, {
       widgetComp: widgetComp,
       adComponent: adComponent,
       sticky: true,
@@ -8292,7 +8285,7 @@ var VideoStoryTemplate = function VideoStoryTemplate(_ref) {
       className: "video-story-m_story-content-wrapper__g87mo"
     }, /*#__PURE__*/React.createElement(HeaderCard, null), /*#__PURE__*/React.createElement(StoryData, null)), verticalShare && /*#__PURE__*/React.createElement(SocialShareComponent, null), asideCollection && /*#__PURE__*/React.createElement("div", {
       className: "video-story-m_aside-collection__3ecnd video-story-m_tablet-index-2__2sPXB"
-    }, /*#__PURE__*/React.createElement(AsideCollection$1, _extends({
+    }, /*#__PURE__*/React.createElement(AsideCollection, _extends({
       horizontal: true
     }, asideCollection, {
       widgetComp: widgetComp,
@@ -8341,8 +8334,7 @@ var VideoStoryTemplate = function VideoStoryTemplate(_ref) {
     className: "arrow-component arr--content-wrapper arr-story-grid arr--video-story-template-wrapper " + _getClassName("".concat(templateClass, " ").concat(verticalShare), _styleModuleImportMap)
   }, getStoryTemplate(templateType));
 };
-
-VideoStoryTemplate.propTypes = {
+VideoStoryTemplateBase.propTypes = {
   story: PropTypes.object,
   config: PropTypes.shape({
     templateType: PropTypes.string,
@@ -8355,6 +8347,6 @@ VideoStoryTemplate.propTypes = {
   adComponent: PropTypes.func,
   widgetComp: PropTypes.func
 };
-var index = StateProvider(VideoStoryTemplate);
+var VideoStoryTemplate = StateProvider(VideoStoryTemplateBase);
 
-export { index as default };
+export { VideoStoryTemplate, VideoStoryTemplateBase };