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

package/rows/StoryCollection/index.js

@@ -1,5 +1,5 @@
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
-import React, { createContext, useContext, useState, useEffect } from 'react';
+import React, { useContext, createContext, useState, useEffect } from 'react';
 import Timeago from 'react-timeago';
 import { utcToZonedTime, format } from 'date-fns-tz';
 import { Link, ResponsiveImage, ResponsiveHeroImage, LinkBase } from '@quintype/components';
@@ -4385,8 +4385,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,
@@ -4447,13 +4446,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(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; }
 
@@ -4473,7 +4471,6 @@ var _styleModuleImportMap = {
     "sticky": "aside-collection-m_sticky__AZXBP"
   }
 };
-
 var StoryCollection = function StoryCollection(_ref) {
   var data = _ref.data,
       slotData = _ref.slotData,
@@ -4579,7 +4576,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,
@@ -4587,8 +4583,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,
@@ -4665,7 +4660,7 @@ var AsideCollection = function AsideCollection(_ref4) {
     },
     "data-test-id": "aside-collection",
     className: "arrow-component arr--aside-collection " + _getClassName(["wrapper", isHorizontal, isSticky].join(" "), _styleModuleImportMap)
-  }, enableKeyEvents && /*#__PURE__*/React.createElement(KeyEvents$1, {
+  }, enableKeyEvents && /*#__PURE__*/React.createElement(KeyEvents, {
     story: keyEventsData.story,
     showLoadMore: keyEventsData.showLoadMore,
     config: keyEventsData.config
@@ -4673,8 +4668,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,
@@ -4691,6 +4685,6 @@ AsideCollection.propTypes = {
   enableKeyEvents: PropTypes["boolean"],
   storyId: PropTypes.string
 };
-var index = StateProvider(AsideCollection);
+var AsideCollection = StateProvider(AsideCollectionBase);
 
-export { StoryCollection, index as default };
+export { AsideCollection, AsideCollectionBase, StoryCollection };

package/rows/TagIntroductionCard/index.js

@@ -1867,7 +1867,6 @@ var _styleModuleImportMap = {
     "light": "tag-intro-card-module_light__3BSZP"
   }
 };
-
 var TagIntroductionCard = function TagIntroductionCard(_ref) {
   var data = _ref.data,
       _ref$config = _ref.config,
@@ -1889,7 +1888,6 @@ var TagIntroductionCard = function TagIntroductionCard(_ref) {
     className: _getClassName("description ".concat(textColor), _styleModuleImportMap)
   }, tagDescription));
 };
-
 TagIntroductionCard.propTypes = {
   data: PropTypes.shape({
     tagName: PropTypes.string,
@@ -1900,4 +1898,4 @@ TagIntroductionCard.propTypes = {
   })
 };
 
-export { TagIntroductionCard as default };
+export { TagIntroductionCard };

package/rows/ThreeColFlexStories/index.js

@@ -1,6 +1,6 @@
 import { Link, ResponsiveImage, ResponsiveHeroImage, LinkBase, collectionToStories } from '@quintype/components';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
-import React, { useState, useEffect, useRef, createContext, useContext } from 'react';
+import React, { useState, useEffect, useRef, useContext, createContext } from 'react';
 import { connect, useSelector, useDispatch } from 'react-redux';
 import ReactDOM from 'react-dom';
 import Timeago from 'react-timeago';
@@ -4415,7 +4415,7 @@ var loadMore = function loadMore(_ref2) {
   getMoreStories(offset, limit);
 };
 
-var ThreeColFlexStories = function ThreeColFlexStories(_ref3) {
+var ThreeColFlexStoriesBase = function ThreeColFlexStoriesBase(_ref3) {
   var _ref3$collection = _ref3.collection,
       collection = _ref3$collection === void 0 ? {} : _ref3$collection,
       _ref3$config = _ref3.config,
@@ -4534,9 +4534,7 @@ var ThreeColFlexStories = function ThreeColFlexStories(_ref3) {
     subsequentLoadCount: subsequentLoadCount
   })));
 };
-
-var index = StateProvider(ThreeColFlexStories);
-ThreeColFlexStories.propTypes = {
+ThreeColFlexStoriesBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4566,11 +4564,12 @@ FlexCard.propTypes = {
     localizationConfig: PropTypes.object
   })
 };
-ThreeColFlexStories.defaultProps = {
+ThreeColFlexStoriesBase.defaultProps = {
   getMoreStories: function getMoreStories() {},
   isLoadMoreVisible: true,
   isLoading: false,
   hideFirstCard: false
 };
+var ThreeColFlexStories = StateProvider(ThreeColFlexStoriesBase);
 
-export { index as default };
+export { ThreeColFlexStories, ThreeColFlexStoriesBase };

package/rows/ThreeColFourteenStories/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from 'react';
+import React, { useContext, createContext } from 'react';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { Link, ResponsiveHeroImage, ResponsiveImage, collectionToStories } from '@quintype/components';
 import { connect, useSelector } from 'react-redux';
@@ -4139,7 +4139,7 @@ StoryCard.defaultProps = {
   isHorizontalWithImageLast: false
 };
 
-var ThreeColFourteenStories = function ThreeColFourteenStories(_ref) {
+var ThreeColFourteenStoriesBase = function ThreeColFourteenStoriesBase(_ref) {
   var _ref$collection = _ref.collection,
       collection = _ref$collection === void 0 ? {} : _ref$collection,
       _ref$config = _ref.config,
@@ -4264,8 +4264,7 @@ var ThreeColFourteenStories = function ThreeColFourteenStories(_ref) {
     return storyCallBack(restOftheStories);
   }))))));
 };
-
-ThreeColFourteenStories.propTypes = {
+ThreeColFourteenStoriesBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4279,6 +4278,6 @@ ThreeColFourteenStories.propTypes = {
     borderColor: PropTypes.string
   })
 };
-var index = StateProvider(ThreeColFourteenStories);
+var ThreeColFourteenStories = StateProvider(ThreeColFourteenStoriesBase);
 
-export { index as default };
+export { ThreeColFourteenStories, ThreeColFourteenStoriesBase };

package/rows/ThreeColGrid/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useEffect, useRef, Fragment } from 'react';
+import React, { useContext, createContext, useState, useEffect, useRef, Fragment } from 'react';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { Link, ResponsiveImage, ResponsiveHeroImage, LinkBase, collectionToStories } from '@quintype/components';
 import Timeago from 'react-timeago';
@@ -4453,7 +4453,7 @@ var loadMore = function loadMore(_ref) {
   getMoreStories(offset, limit);
 };
 
-var ThreeColGrid = function ThreeColGrid(_ref2) {
+var ThreeColGridBase = function ThreeColGridBase(_ref2) {
   var collection = _ref2.collection,
       _ref2$config = _ref2.config,
       config = _ref2$config === void 0 ? {} : _ref2$config,
@@ -4576,8 +4576,7 @@ var ThreeColGrid = function ThreeColGrid(_ref2) {
     subsequentLoadCount: subsequentLoadCount
   }), footerSlotComp));
 };
-
-ThreeColGrid.propTypes = {
+ThreeColGridBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4596,11 +4595,11 @@ ThreeColGrid.propTypes = {
   isLoading: PropTypes.bool,
   isolatedLoadMore: PropTypes.bool
 };
-ThreeColGrid.defaultProps = {
+ThreeColGridBase.defaultProps = {
   getMoreStories: function getMoreStories() {},
   isLoadMoreVisible: true,
   isLoading: false
 };
-var index = StateProvider(ThreeColGrid);
+var ThreeColGrid = StateProvider(ThreeColGridBase);
 
-export { index as default };
+export { ThreeColGrid, ThreeColGridBase };

package/rows/ThreeColSevenStory/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from 'react';
+import React, { useContext, createContext } from 'react';
 import { Link, ResponsiveImage, ResponsiveHeroImage, LinkBase, collectionToStories } from '@quintype/components';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import Timeago from 'react-timeago';
@@ -4322,8 +4322,7 @@ var _styleModuleImportMap = {
     "ads": "three-col-seven-story-m_ads__2YttJ"
   }
 };
-
-var ThreeColSevenStory = function ThreeColSevenStory(_ref) {
+var ThreeColSevenStoryBase = function ThreeColSevenStoryBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -4483,8 +4482,7 @@ var ThreeColSevenStory = function ThreeColSevenStory(_ref) {
     qtConfig: qtConfig
   }), footerSlotComp));
 };
-
-ThreeColSevenStory.propTypes = {
+ThreeColSevenStoryBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4499,6 +4497,6 @@ ThreeColSevenStory.propTypes = {
     collectionNameBorderColor: PropTypes.string
   })
 };
-var index = StateProvider(ThreeColSevenStory);
+var ThreeColSevenStory = StateProvider(ThreeColSevenStoryBase);
 
-export { index as default };
+export { ThreeColSevenStory, ThreeColSevenStoryBase };

package/rows/ThreeColSixStories/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from 'react';
+import React, { useContext, createContext } from 'react';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { Link, ResponsiveHeroImage, ResponsiveImage, LinkBase, collectionToStories } from '@quintype/components';
 import { connect, useSelector, useDispatch } from 'react-redux';
@@ -4311,7 +4311,7 @@ LoadmoreButton.propTypes = {
   qtConfig: PropTypes.object
 };
 
-var ThreeColSixStories = function ThreeColSixStories(_ref) {
+var ThreeColSixStoriesBase = function ThreeColSixStoriesBase(_ref) {
   var _ref$collection = _ref.collection,
       collection = _ref$collection === void 0 ? {} : _ref$collection,
       _ref$config = _ref.config,
@@ -4465,9 +4465,7 @@ var ThreeColSixStories = function ThreeColSixStories(_ref) {
     qtConfig: qtConfig
   }), footerSlotComp));
 };
-
-var index = StateProvider(ThreeColSixStories);
-ThreeColSixStories.propTypes = {
+ThreeColSixStoriesBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4482,5 +4480,6 @@ ThreeColSixStories.propTypes = {
     collectionNameBorderColor: PropTypes.string
   })
 };
+var ThreeColSixStories = StateProvider(ThreeColSixStoriesBase);
 
-export { index as default };
+export { ThreeColSixStories, ThreeColSixStoriesBase };

package/rows/ThreeColTwelveStories/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from 'react';
+import React, { useContext, createContext } from 'react';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { Link, ResponsiveImage, ResponsiveHeroImage, LinkBase, collectionToStories } from '@quintype/components';
 import Timeago from 'react-timeago';
@@ -4328,7 +4328,7 @@ var getChildCollectionData = function getChildCollectionData() {
   }));
 };
 
-function ThreeColTwelveStories(_ref) {
+function ThreeColTwelveStoriesBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -4363,8 +4363,7 @@ function ThreeColTwelveStories(_ref) {
     className: "three-col-twelve-stories-m_ad-widget-container__1_jAm"
   }, adWidgetComponent())));
 }
-
-ThreeColTwelveStories.propTypes = {
+ThreeColTwelveStoriesBase.propTypes = {
   collection: PropTypes.object.isRequired,
   config: PropTypes.shape({
     borderColor: PropTypes.string,
@@ -4376,6 +4375,6 @@ ThreeColTwelveStories.propTypes = {
     collectionNameBorderColor: PropTypes.string
   })
 };
-var index = StateProvider(ThreeColTwelveStories);
+var ThreeColTwelveStories = StateProvider(ThreeColTwelveStoriesBase);
 
-export { index as default };
+export { ThreeColTwelveStories, ThreeColTwelveStoriesBase };

package/rows/TwoColFourStories/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from 'react';
+import React, { useContext, createContext } from 'react';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { Link, ResponsiveHeroImage, ResponsiveImage, LinkBase, collectionToStories } from '@quintype/components';
 import { connect, useSelector, useDispatch } from 'react-redux';
@@ -4312,7 +4312,7 @@ var _styleModuleImportMap = {
     "first-card-border-box": "two-col-four-story-m_first-card-border-box__29Jn2"
   }
 };
-var TwoColFourStories = function TwoColFourStories(_ref) {
+var TwoColFourStoriesBase = function TwoColFourStoriesBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -4444,8 +4444,7 @@ var TwoColFourStories = function TwoColFourStories(_ref) {
     qtConfig: qtConfig
   }), footerSlotComp));
 };
-var index = StateProvider(TwoColFourStories);
-TwoColFourStories.propTypes = {
+TwoColFourStoriesBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4459,5 +4458,6 @@ TwoColFourStories.propTypes = {
     collectionNameBorderColor: PropTypes.string
   })
 };
+var TwoColFourStories = StateProvider(TwoColFourStoriesBase);
 
-export { TwoColFourStories, index as default };
+export { TwoColFourStories, TwoColFourStoriesBase };

package/rows/TwoColFourStoryHighlight/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from 'react';
+import React, { useContext, createContext } from 'react';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { Link, ResponsiveHeroImage, ResponsiveImage, LinkBase, collectionToStories } from '@quintype/components';
 import Timeago from 'react-timeago';
@@ -4323,7 +4323,7 @@ var _styleModuleImportMap = {
     "storyHighlightWrapper": "two-col-four-story-highlight-m_storyHighlightWrapper__1Jl9S"
   }
 };
-var TwoColFourStoryHighlight = function TwoColFourStoryHighlight(_ref) {
+var TwoColFourStoryHighlightBase = function TwoColFourStoryHighlightBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -4439,8 +4439,7 @@ var TwoColFourStoryHighlight = function TwoColFourStoryHighlight(_ref) {
     story: firstStory
   })))));
 };
-var index = StateProvider(TwoColFourStoryHighlight);
-TwoColFourStoryHighlight.propTypes = {
+TwoColFourStoryHighlightBase.propTypes = {
   collection: PropTypes.object.isRequired,
   config: PropTypes.shape({
     theme: PropTypes.string,
@@ -4452,5 +4451,6 @@ TwoColFourStoryHighlight.propTypes = {
     localizationConfig: PropTypes.object
   })
 };
+var TwoColFourStoryHighlight = StateProvider(TwoColFourStoryHighlightBase);
 
-export { TwoColFourStoryHighlight, index as default };
+export { TwoColFourStoryHighlight, TwoColFourStoryHighlightBase };

package/rows/TwoColSevenStories/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from 'react';
+import React, { useContext, createContext } from 'react';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { Link, ResponsiveHeroImage, ResponsiveImage, LinkBase, collectionToStories } from '@quintype/components';
 import { connect, useSelector, useDispatch } from 'react-redux';
@@ -4326,7 +4326,7 @@ var _styleModuleImportMap = {
     "blink": "two-col-seven-stories-m_blink__2Y25W"
   }
 };
-var TwoColSevenStories = function TwoColSevenStories(_ref) {
+var TwoColSevenStoriesBase = function TwoColSevenStoriesBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -4467,8 +4467,7 @@ var TwoColSevenStories = function TwoColSevenStories(_ref) {
     qtConfig: qtConfig
   })));
 };
-var index = StateProvider(TwoColSevenStories);
-TwoColSevenStories.propTypes = {
+TwoColSevenStoriesBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4482,9 +4481,10 @@ TwoColSevenStories.propTypes = {
     collectionNameBorderColor: PropTypes.string
   })
 };
-TwoColSevenStories.defaultProps = {
+TwoColSevenStoriesBase.defaultProps = {
   theme: "#ffffff",
   border: ""
 };
+var TwoColSevenStories = StateProvider(TwoColSevenStoriesBase);
 
-export { TwoColSevenStories, index as default };
+export { TwoColSevenStories, TwoColSevenStoriesBase };

package/rows/TwoColSixStories/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from 'react';
+import React, { useContext, createContext } from 'react';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { useSelector, connect, useDispatch } from 'react-redux';
 import { Link, ResponsiveHeroImage, ResponsiveImage, LinkBase, collectionToStories } from '@quintype/components';
@@ -4335,8 +4335,7 @@ var _styleModuleImportMap = {
     "blink": "two-col-six-stories-m_blink__3sGRm"
   }
 };
-
-var TwoColSixStories = function TwoColSixStories(_ref) {
+var TwoColSixStoriesBase = function TwoColSixStoriesBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -4481,11 +4480,10 @@ var TwoColSixStories = function TwoColSixStories(_ref) {
     template: "NavigateToPage"
   }));
 };
-
-TwoColSixStories.propTypes = {
+TwoColSixStoriesBase.propTypes = {
   collection: PropTypes.object,
   config: PropTypes.object
 };
-var index = StateProvider(TwoColSixStories);
+var TwoColSixStories = StateProvider(TwoColSixStoriesBase);
 
-export { index as default };
+export { TwoColSixStories, TwoColSixStoriesBase };

package/rows/TwoColTenStoriesSidebar/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from 'react';
+import React, { useContext, createContext } from 'react';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { Link, ResponsiveHeroImage, ResponsiveImage, LinkBase, collectionToStories } from '@quintype/components';
 import Timeago from 'react-timeago';
@@ -4383,7 +4383,7 @@ var _styleModuleImportMap = {
     "first-card": "two-col-ten-stories-sidebar-m_first-card__3HJ3k"
   }
 };
-var TwoColTenStoriesSidebar = function TwoColTenStoriesSidebar(_ref) {
+var TwoColTenStoriesSidebarBase = function TwoColTenStoriesSidebarBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -4532,8 +4532,7 @@ var TwoColTenStoriesSidebar = function TwoColTenStoriesSidebar(_ref) {
     qtConfig: qtConfig
   })));
 };
-var index = StateProvider(TwoColTenStoriesSidebar);
-TwoColTenStoriesSidebar.propTypes = {
+TwoColTenStoriesSidebarBase.propTypes = {
   collection: PropTypes.object.isRequired,
   config: PropTypes.shape({
     theme: PropTypes.string,
@@ -4545,5 +4544,6 @@ TwoColTenStoriesSidebar.propTypes = {
     localizationConfig: PropTypes.object
   })
 };
+var TwoColTenStoriesSidebar = StateProvider(TwoColTenStoriesSidebarBase);
 
-export { TwoColTenStoriesSidebar, index as default };
+export { TwoColTenStoriesSidebar, TwoColTenStoriesSidebarBase };

package/rows/TwoColThreeStories/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext } from 'react';
+import React, { useContext, createContext } from 'react';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { Link, ResponsiveHeroImage, ResponsiveImage, LinkBase, collectionToStories } from '@quintype/components';
 import { connect, useSelector, useDispatch } from 'react-redux';
@@ -4299,7 +4299,7 @@ LoadmoreButton.propTypes = {
   qtConfig: PropTypes.object
 };
 
-var TwoColThreeStories = function TwoColThreeStories(_ref) {
+var TwoColThreeStoriesBase = function TwoColThreeStoriesBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -4417,8 +4417,7 @@ var TwoColThreeStories = function TwoColThreeStories(_ref) {
     qtConfig: qtConfig
   }), footerSlotComp));
 };
-var index = StateProvider(TwoColThreeStories);
-TwoColThreeStories.propTypes = {
+TwoColThreeStoriesBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4432,5 +4431,6 @@ TwoColThreeStories.propTypes = {
     collectionNameBorderColor: PropTypes.string
   })
 };
+var TwoColThreeStories = StateProvider(TwoColThreeStoriesBase);
 
-export { TwoColThreeStories, index as default };
+export { TwoColThreeStories, TwoColThreeStoriesBase };

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

@@ -1,5 +1,5 @@
 import { Link, ResponsiveImage, ResponsiveHeroImage, LazyLoadImages, StoryElement as StoryElement$1, LinkBase, SocialShare } from '@quintype/components';
-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 PropTypes, { number, string, func, array, bool, PropTypes as PropTypes$1 } from 'prop-types';
 import Timeago from 'react-timeago';
@@ -7826,8 +7826,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,
@@ -7888,13 +7887,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(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; }
 
@@ -7914,7 +7912,6 @@ var _styleModuleImportMap$1 = {
     "sticky": "aside-collection-m_sticky__AZXBP"
   }
 };
-
 var StoryCollection = function StoryCollection(_ref) {
   var data = _ref.data,
       slotData = _ref.slotData,
@@ -8020,7 +8017,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,
@@ -8028,8 +8024,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,
@@ -8106,7 +8101,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
@@ -8114,8 +8109,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,
@@ -8132,7 +8126,7 @@ AsideCollection.propTypes = {
   enableKeyEvents: PropTypes["boolean"],
   storyId: PropTypes.string
 };
-var AsideCollection$1 = StateProvider(AsideCollection);
+var AsideCollection = StateProvider(AsideCollectionBase);
 
 var _styleModuleImportMap = {
   "./listicle-story.m.css": {
@@ -8164,8 +8158,7 @@ var _styleModuleImportMap = {
     "headline-sideway-template": "listicle-story-m_headline-sideway-template__1kjin"
   }
 };
-
-var ListicleStoryTemplate = function ListicleStoryTemplate(_ref) {
+var ListicleStoryTemplateBase = function ListicleStoryTemplateBase(_ref) {
   var _ref$story = _ref.story,
       story = _ref$story === void 0 ? {} : _ref$story,
       _ref$config = _ref.config,
@@ -8295,7 +8288,7 @@ var ListicleStoryTemplate = function ListicleStoryTemplate(_ref) {
   };
 
   var SideColumnBlock = function SideColumnBlock() {
-    return asideCollection && /*#__PURE__*/React.createElement(AsideCollection$1, _extends({}, asideCollection, {
+    return asideCollection && /*#__PURE__*/React.createElement(AsideCollection, _extends({}, asideCollection, {
       adComponent: adComponent,
       widgetComp: widgetComp,
       sticky: true,
@@ -8430,8 +8423,7 @@ var ListicleStoryTemplate = function ListicleStoryTemplate(_ref) {
     }
   }, renderTemplate());
 };
-
-ListicleStoryTemplate.propTypes = {
+ListicleStoryTemplateBase.propTypes = {
   story: PropTypes.object,
   config: PropTypes.shape({
     templateType: PropTypes.string,
@@ -8445,6 +8437,6 @@ ListicleStoryTemplate.propTypes = {
   widgetComp: PropTypes.func,
   premiumStoryIconConfig: PropTypes.object
 };
-var index = StateProvider(ListicleStoryTemplate);
+var ListicleStoryTemplate = StateProvider(ListicleStoryTemplateBase);
 
-export { index as default };
+export { ListicleStoryTemplate, ListicleStoryTemplateBase };