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

package/rows/FourColPortraitStories/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useEffect, useRef } from 'react';
+import React, { useContext, createContext, useState, useEffect, useRef } from 'react';
 import { connect, useSelector, useDispatch } from 'react-redux';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { Link, LinkBase, ResponsiveImage, ResponsiveHeroImage, collectionToStories } from '@quintype/components';
@@ -4429,7 +4429,7 @@ StorycardContent.propTypes = {
   config: PropTypes.object
 };
 
-var PortraitStoryCard = function PortraitStoryCard(_ref) {
+var PortraitStoryCardBase = function PortraitStoryCardBase(_ref) {
   var story = _ref.story,
       _ref$border = _ref.border,
       border = _ref$border === void 0 ? "" : _ref$border,
@@ -4463,8 +4463,7 @@ var PortraitStoryCard = function PortraitStoryCard(_ref) {
     headerLevel: headerLevel
   })));
 };
-
-PortraitStoryCard.propTypes = {
+PortraitStoryCardBase.propTypes = {
   border: PropTypes.string,
   theme: PropTypes.string,
   headerLevel: PropTypes.string,
@@ -4473,7 +4472,7 @@ PortraitStoryCard.propTypes = {
   config: PropTypes.object,
   story: PropTypes.object
 };
-var PortraitStoryCard$1 = StateProvider(PortraitStoryCard);
+var PortraitStoryCard = StateProvider(PortraitStoryCardBase);
 
 var loadMore = function loadMore(_ref) {
   var isLoading = _ref.isLoading,
@@ -4488,7 +4487,7 @@ var loadMore = function loadMore(_ref) {
   getMoreStories(offset, limit);
 };
 
-var FourColPortraitStories = function FourColPortraitStories(_ref2) {
+var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
   var collection = _ref2.collection,
       _ref2$config = _ref2.config,
       config = _ref2$config === void 0 ? {} : _ref2$config,
@@ -4570,7 +4569,7 @@ var FourColPortraitStories = function FourColPortraitStories(_ref2) {
   }), /*#__PURE__*/React.createElement("div", {
     className: "four-col-portrait-stories-m_wrapper__1BX02"
   }, storyItems.map(function (story, index) {
-    return /*#__PURE__*/React.createElement(PortraitStoryCard$1, {
+    return /*#__PURE__*/React.createElement(PortraitStoryCard, {
       story: story,
       border: border,
       theme: theme,
@@ -4589,8 +4588,7 @@ var FourColPortraitStories = function FourColPortraitStories(_ref2) {
     subsequentLoadCount: subsequentLoadCount
   }), footerSlotComp));
 };
-
-FourColPortraitStories.propTypes = {
+FourColPortraitStoriesBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4609,11 +4607,11 @@ FourColPortraitStories.propTypes = {
   isLoading: PropTypes.bool,
   isolatedLoadMore: PropTypes.bool
 };
-FourColPortraitStories.defaultProps = {
+FourColPortraitStoriesBase.defaultProps = {
   getMoreStories: function getMoreStories() {},
   isLoadMoreVisible: true,
   isLoading: false
 };
-var index = StateProvider(FourColPortraitStories);
+var FourColPortraitStories = StateProvider(FourColPortraitStoriesBase);
 
-export { index as default };
+export { FourColPortraitStories, FourColPortraitStoriesBase };

package/rows/FourColSixteenStories/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 Timeago from 'react-timeago';
 import { utcToZonedTime, format } from 'date-fns-tz';
@@ -4341,7 +4341,7 @@ var getChildCollectionData = function getChildCollectionData(collection, config,
   }));
 };
 
-var FourColSixteenStories = function FourColSixteenStories(_ref) {
+var FourColSixteenStoriesBase = function FourColSixteenStoriesBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -4364,13 +4364,12 @@ var FourColSixteenStories = function FourColSixteenStories(_ref) {
     return getChildCollectionData(collection, config, index);
   }));
 };
-
-FourColSixteenStories.propTypes = {
+FourColSixteenStoriesBase.propTypes = {
   collection: PropTypes.object.isRequired,
   config: PropTypes.shape({
     theme: PropTypes.string
   })
 };
-var index = StateProvider(FourColSixteenStories);
+var FourColSixteenStories = StateProvider(FourColSixteenStoriesBase);
 
-export { index as default };
+export { FourColSixteenStories, FourColSixteenStoriesBase };

package/rows/FourColTwelveStories/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 { useSelector, connect } from 'react-redux';
@@ -4244,7 +4244,7 @@ var SingleCol3Story = function SingleCol3Story(_ref2) {
   })));
 };
 
-var FourColTwelveStory = function FourColTwelveStory(_ref5) {
+var FourColTwelveStoriesBase = function FourColTwelveStoriesBase(_ref5) {
   var _ref5$collection = _ref5.collection,
       collection = _ref5$collection === void 0 ? {} : _ref5$collection,
       _ref5$publisherConfig = _ref5.publisherConfig,
@@ -4290,8 +4290,7 @@ var FourColTwelveStory = function FourColTwelveStory(_ref5) {
     });
   })), footerSlotComp);
 };
-
-FourColTwelveStory.propTypes = {
+FourColTwelveStoriesBase.propTypes = {
   collection: PropTypes.object.isRequired,
   publisherConfig: PropTypes.object,
   otherTextData: PropTypes.shape({
@@ -4331,6 +4330,6 @@ OtherNewsLinkComp.propTypes = {
   Icon: PropTypes.func,
   text: PropTypes.string
 };
-var index = StateProvider(FourColTwelveStory);
+var FourColTwelveStories = StateProvider(FourColTwelveStoriesBase);
 
-export { index as default };
+export { FourColTwelveStories, FourColTwelveStoriesBase };

package/rows/FourStorySlider/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useRef, useEffect } from 'react';
+import React, { useContext, createContext, useState, useRef, useEffect } from 'react';
 import { connect, useSelector, useDispatch } from 'react-redux';
 import { Link, ResponsiveImage, ResponsiveHeroImage, LinkBase, collectionToStories } from '@quintype/components';
 import PropTypes, { PropTypes as PropTypes$1, number, string, func, array, bool } from 'prop-types';
@@ -4609,7 +4609,7 @@ ScrollSnap.propTypes = {
   slideIndicator: string
 };
 
-var FourStorySlider = function FourStorySlider(_ref) {
+var FourStorySliderBase = function FourStorySliderBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -4712,8 +4712,7 @@ var FourStorySlider = function FourStorySlider(_ref) {
     qtConfig: qtConfig
   }), footerSlotComp));
 };
-
-FourStorySlider.propTypes = {
+FourStorySliderBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4734,11 +4733,11 @@ FourStorySlider.propTypes = {
     collectionNameBorderColor: PropTypes.string
   })
 };
-FourStorySlider.defaultProps = {
+FourStorySliderBase.defaultProps = {
   theme: "#ffffff",
   slotConfig: "story",
   border: ""
 };
-var index = StateProvider(FourStorySlider);
+var FourStorySlider = StateProvider(FourStorySliderBase);
 
-export { index as default };
+export { FourStorySlider, FourStorySliderBase };

package/rows/FourStorySliderPortrait/index.js

@@ -1,7 +1,7 @@
 import { Link, ResponsiveHeroImage, LinkBase, ResponsiveImage, collectionToStories } from '@quintype/components';
 import { connect, useSelector, useDispatch } from 'react-redux';
 import PropTypes, { PropTypes as PropTypes$1, number, string, func, array, bool } from 'prop-types';
-import React, { createContext, useContext, useState, useRef, useEffect } from 'react';
+import React, { useContext, createContext, useState, useRef, useEffect } from 'react';
 import Timeago from 'react-timeago';
 import { utcToZonedTime, format } from 'date-fns-tz';
 
@@ -4609,7 +4609,7 @@ StorycardContent.propTypes = {
   config: PropTypes.object
 };
 
-var FourStorySliderPortrait = function FourStorySliderPortrait(_ref) {
+var FourStorySliderPortraitBase = function FourStorySliderPortraitBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -4715,8 +4715,7 @@ var FourStorySliderPortrait = function FourStorySliderPortrait(_ref) {
     className: "four-story-slider-portrait-m_footer-slot-wrapper__18ujz"
   }, footerSlotComp)));
 };
-
-FourStorySliderPortrait.propTypes = {
+FourStorySliderPortraitBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4737,11 +4736,11 @@ FourStorySliderPortrait.propTypes = {
     collectionNameBorderColor: PropTypes.string
   })
 };
-FourStorySliderPortrait.defaultProps = {
+FourStorySliderPortraitBase.defaultProps = {
   theme: "#ffffff",
   slotConfig: "story",
   border: ""
 };
-var index = StateProvider(FourStorySliderPortrait);
+var FourStorySliderPortrait = StateProvider(FourStorySliderPortraitBase);
 
-export { index as default };
+export { FourStorySliderPortrait, FourStorySliderPortraitBase };

package/rows/FourTabbedBigStorySlider/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState } from 'react';
+import React, { useContext, createContext, useState } from 'react';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { connect, useSelector, useDispatch } from 'react-redux';
 import { Link, LinkBase, ResponsiveImage, ResponsiveHeroImage, collectionToStories } from '@quintype/components';
@@ -4337,7 +4337,7 @@ var _styleModuleImportMap = {
     "active-light-headline-container": "four-tabbed-big-story-slider-m_active-light-headline-container__3225o"
   }
 };
-var FourTabbedBigStorySlider = function FourTabbedBigStorySlider(_ref) {
+var FourTabbedBigStorySliderBase = function FourTabbedBigStorySliderBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -4480,8 +4480,7 @@ var DefaultStoryCardContent = function DefaultStoryCardContent(_ref2) {
   })));
 };
 
-var index = StateProvider(FourTabbedBigStorySlider);
-FourTabbedBigStorySlider.propTypes = {
+FourTabbedBigStorySliderBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4501,5 +4500,6 @@ DefaultStoryCardContent.propTypes = {
   borderColor: PropTypes.string,
   showSubheadline: PropTypes.bool
 };
+var FourTabbedBigStorySlider = StateProvider(FourTabbedBigStorySliderBase);
 
-export { FourTabbedBigStorySlider, index as default };
+export { FourTabbedBigStorySlider, FourTabbedBigStorySliderBase };

package/rows/FullScreenSlider/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useRef, useEffect } from 'react';
+import React, { useContext, createContext, useState, useRef, useEffect } from 'react';
 import { connect, useSelector, useDispatch } from 'react-redux';
 import PropTypes, { PropTypes as PropTypes$1, number, string, func, array, bool } from 'prop-types';
 import { Link, LinkBase, ResponsiveImage, ResponsiveHeroImage, collectionToStories } from '@quintype/components';
@@ -4541,8 +4541,7 @@ var _styleModuleImportMap = {
     "blink": "full-screen-slider-m_blink__1_2aD"
   }
 };
-
-var FullScreenSlider = function FullScreenSlider(_ref) {
+var FullScreenSliderBase = function FullScreenSliderBase(_ref) {
   var _ref$collection = _ref.collection,
       collection = _ref$collection === void 0 ? {} : _ref$collection,
       _ref$config = _ref.config,
@@ -4633,8 +4632,7 @@ var FullScreenSlider = function FullScreenSlider(_ref) {
     qtConfig: qtConfig
   }), footerSlotComp));
 };
-
-FullScreenSlider.propTypes = {
+FullScreenSliderBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4658,6 +4656,6 @@ FullScreenSlider.propTypes = {
     aspectRatio: PropTypes.array
   })
 };
-var index = StateProvider(FullScreenSlider);
+var FullScreenSlider = StateProvider(FullScreenSliderBase);
 
-export { index as default };
+export { FullScreenSlider, FullScreenSliderBase };

package/rows/HalfScreenSlider/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useRef, useEffect } from 'react';
+import React, { useContext, createContext, useState, useRef, useEffect } from 'react';
 import PropTypes, { PropTypes as PropTypes$1, number, string, func, array, bool } from 'prop-types';
 import { connect, useSelector, useDispatch } from 'react-redux';
 import { Link, LinkBase, ResponsiveImage, ResponsiveHeroImage, collectionToStories } from '@quintype/components';
@@ -4409,8 +4409,7 @@ var _styleModuleImportMap = {
     "blink": "half-screen-slider-m_blink__g40vI"
   }
 };
-
-var HalfScreenSlider = function HalfScreenSlider(_ref) {
+var HalfScreenSliderBase = function HalfScreenSliderBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -4489,9 +4488,7 @@ var HalfScreenSlider = function HalfScreenSlider(_ref) {
     qtConfig: qtConfig
   }), footerSlotComp);
 };
-
-var index = StateProvider(HalfScreenSlider);
-HalfScreenSlider.propTypes = {
+HalfScreenSliderBase.propTypes = {
   footerButton: PropTypes.string,
 
   /**  collection is the array of objects which is returning by API  */
@@ -4512,5 +4509,6 @@ HalfScreenSlider.propTypes = {
   // section tag border color
   borderColor: PropTypes.string
 };
+var HalfScreenSlider = StateProvider(HalfScreenSliderBase);
 
-export { index as default };
+export { HalfScreenSlider, HalfScreenSliderBase };

package/rows/ListComponent/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';
@@ -4299,7 +4299,7 @@ LoadmoreButton.propTypes = {
   qtConfig: PropTypes.object
 };
 
-var ListComponent = function ListComponent(_ref) {
+var ListComponentBase = function ListComponentBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config,
@@ -4437,8 +4437,7 @@ var ListComponent = function ListComponent(_ref) {
     qtConfig: qtConfig
   }) : null)));
 };
-
-ListComponent.propTypes = {
+ListComponentBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4458,6 +4457,6 @@ ListComponent.propTypes = {
   hideButton: PropTypes.bool,
   authorPrefix: PropTypes.string
 };
-var index = StateProvider(ListComponent);
+var ListComponent = StateProvider(ListComponentBase);
 
-export { index as default };
+export { ListComponent, ListComponentBase };

package/rows/Listicles/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useEffect } from 'react';
+import React, { useContext, createContext, useState, useEffect } from 'react';
 import axios from 'axios';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { Link, collectionToStories } from '@quintype/components';
@@ -2927,8 +2927,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 Listicles = function Listicles(_ref) {
+var ListiclesBase = function ListiclesBase(_ref) {
   var collection = _ref.collection,
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
@@ -3108,9 +3107,7 @@ var Listicles = function Listicles(_ref) {
     }, subCollections.name));
   })), /*#__PURE__*/React.createElement("div", null, loading ? /*#__PURE__*/React.createElement(Loading, null) : generateOpinions())));
 };
-
-var index = StateProvider(Listicles);
-Listicles.propTypes = {
+ListiclesBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -3124,10 +3121,11 @@ Listicles.propTypes = {
     collectionNameBorderColor: PropTypes.string
   })
 };
-Listicles.defaultProps = {
+ListiclesBase.defaultProps = {
   theme: "#ffffff",
   slotConfig: "story",
   border: ""
 };
+var Listicles = StateProvider(ListiclesBase);
 
-export { index as default };
+export { Listicles, ListiclesBase };

package/rows/MagazineEditions/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 { connect, useSelector, useDispatch } from 'react-redux';
 import { Link, LazyLoadImages, ResponsiveImage, LinkBase } from '@quintype/components';
@@ -3045,8 +3045,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 MagazineEditions = function MagazineEditions(_ref) {
+var MagazineEditionsBase = function MagazineEditionsBase(_ref) {
   var _ref$collection = _ref.collection,
       collection = _ref$collection === void 0 ? [] : _ref$collection,
       _ref$config = _ref.config,
@@ -3124,8 +3123,7 @@ var MagazineEditions = function MagazineEditions(_ref) {
     }
   })));
 };
-
-MagazineEditions.propTypes = {
+MagazineEditionsBase.propTypes = {
   collection: PropTypes.array,
   config: PropTypes.shape({
     rowTitle: PropTypes.string,
@@ -3139,6 +3137,6 @@ MagazineEditions.propTypes = {
   limit: PropTypes.number,
   showLoadmore: PropTypes.bool
 };
-var index = StateProvider(MagazineEditions);
+var MagazineEditions = StateProvider(MagazineEditionsBase);
 
-export { index as default };
+export { MagazineEditions, MagazineEditionsBase };

package/rows/MagazineHeaderCard/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 { connect, useDispatch, useSelector } from 'react-redux';
 import { Link, LinkBase, LazyLoadImages, ResponsiveImage } from '@quintype/components';
@@ -3049,8 +3049,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 MagazineHeaderCard = function MagazineHeaderCard(_ref) {
+var MagazineHeaderCardBase = function MagazineHeaderCardBase(_ref) {
   var _ref$collection = _ref.collection,
       collection = _ref$collection === void 0 ? {} : _ref$collection,
       _ref$config = _ref.config,
@@ -3118,8 +3117,7 @@ var MagazineHeaderCard = function MagazineHeaderCard(_ref) {
     qtConfig: qtConfig
   }))));
 };
-
-MagazineHeaderCard.propTypes = {
+MagazineHeaderCardBase.propTypes = {
   collection: PropTypes.shape({
     "created-at": PropTypes.number,
     summary: PropTypes.string,
@@ -3133,6 +3131,6 @@ MagazineHeaderCard.propTypes = {
     customUrlPath: PropTypes.string
   })
 };
-var index = StateProvider(MagazineHeaderCard);
+var MagazineHeaderCard = StateProvider(MagazineHeaderCardBase);
 
-export { index as default };
+export { MagazineHeaderCard, MagazineHeaderCardBase };

package/rows/MagazineWidget/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 { connect, useSelector, useDispatch } from 'react-redux';
 import { Link, LinkBase, ResponsiveImage, ResponsiveHeroImage, LazyLoadImages } from '@quintype/components';
@@ -4372,8 +4372,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 MagazineWidget = function MagazineWidget(_ref) {
+var MagazineWidgetBase = function MagazineWidgetBase(_ref) {
   var _ref$collection = _ref.collection,
       collection = _ref$collection === void 0 ? {} : _ref$collection,
       _ref$config = _ref.config,
@@ -4498,8 +4497,7 @@ var MagazineWidget = function MagazineWidget(_ref) {
     className: _getClassName("summary ".concat(textColor), _styleModuleImportMap)
   }, summary), !isTablet && bottomCard()), isTablet && bottomCard()));
 };
-
-MagazineWidget.propTypes = {
+MagazineWidgetBase.propTypes = {
   collection: PropTypes.shape({
     "created-at": PropTypes.number,
     summary: PropTypes.string,
@@ -4511,6 +4509,6 @@ MagazineWidget.propTypes = {
     border: PropTypes.string
   })
 };
-var index = StateProvider(MagazineWidget);
+var MagazineWidget = StateProvider(MagazineWidgetBase);
 
-export { index as default };
+export { MagazineWidget, MagazineWidgetBase };

package/rows/OneColStoryList/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';
@@ -4453,7 +4453,7 @@ var loadMore = function loadMore(_ref) {
   getMoreStories(offset, limit);
 };
 
-var OneColStoryList = function OneColStoryList(_ref2) {
+var OneColStoryListBase = function OneColStoryListBase(_ref2) {
   var collection = _ref2.collection,
       _ref2$config = _ref2.config,
       config = _ref2$config === void 0 ? {} : _ref2$config,
@@ -4639,8 +4639,7 @@ var OneColStoryList = function OneColStoryList(_ref2) {
     className: "one-col-story-list-m_ad-wrapper__3_cNc"
   }, footerSlotComp))));
 };
-
-OneColStoryList.propTypes = {
+OneColStoryListBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4661,11 +4660,11 @@ OneColStoryList.propTypes = {
   isLoading: PropTypes.bool,
   isolatedLoadMore: PropTypes.bool
 };
-OneColStoryList.defaultProps = {
+OneColStoryListBase.defaultProps = {
   getMoreStories: function getMoreStories() {},
   isLoadMoreVisible: true,
   isLoading: false
 };
-var index = StateProvider(OneColStoryList);
+var OneColStoryList = StateProvider(OneColStoryListBase);
 
-export { index as default };
+export { OneColStoryList, OneColStoryListBase };

package/rows/OpinionCollection/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useEffect, useRef } from 'react';
+import React, { useContext, createContext, useState, useEffect, useRef } from 'react';
 import { connect, useDispatch, useSelector } from 'react-redux';
 import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
 import { Link, ResponsiveImage, LinkBase, collectionToStories } from '@quintype/components';
@@ -3882,7 +3882,7 @@ var loadMore = function loadMore(_ref) {
   getMoreStories(offset, limit);
 };
 
-var OpinionCollection = function OpinionCollection(_ref2) {
+var OpinionCollectionBase = function OpinionCollectionBase(_ref2) {
   var collection = _ref2.collection,
       config = _ref2.config,
       getMoreStories = _ref2.getMoreStories,
@@ -4008,8 +4008,7 @@ var OpinionCollection = function OpinionCollection(_ref2) {
     subsequentLoadCount: subsequentLoadCount
   })));
 };
-
-OpinionCollection.propTypes = {
+OpinionCollectionBase.propTypes = {
   collection: PropTypes.object,
   config: PropTypes.shape({
     collectionNameBorderColor: PropTypes.string,
@@ -4025,7 +4024,7 @@ OpinionCollection.propTypes = {
   isLoadMoreVisible: PropTypes.bool,
   isolatedLoadMore: PropTypes.bool
 };
-OpinionCollection.defaultProps = {
+OpinionCollectionBase.defaultProps = {
   getMoreStories: function getMoreStories() {},
   isLoadMoreVisible: true,
   isLoading: false,
@@ -4033,6 +4032,6 @@ OpinionCollection.defaultProps = {
   config: {},
   hideFirstCard: false
 };
-var index = StateProvider(OpinionCollection);
+var OpinionCollection = StateProvider(OpinionCollectionBase);
 
-export { index as default };
+export { OpinionCollection, OpinionCollectionBase };

package/rows/SixColSixStories/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useEffect, useRef } from 'react';
+import React, { useContext, createContext, useState, useEffect, useRef } 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';
@@ -4377,7 +4377,7 @@ var loadMore = function loadMore(_ref) {
   getMoreStories(offset, limit);
 };
 
-var SixColSixStories = function SixColSixStories(_ref2) {
+var SixColSixStoriesBase = function SixColSixStoriesBase(_ref2) {
   var _ref2$collection = _ref2.collection,
       collection = _ref2$collection === void 0 ? {} : _ref2$collection,
       _ref2$config = _ref2.config,
@@ -4485,9 +4485,7 @@ var SixColSixStories = function SixColSixStories(_ref2) {
     subsequentLoadCount: subsequentLoadCount
   })));
 };
-
-var index = StateProvider(SixColSixStories);
-SixColSixStories.propTypes = {
+SixColSixStoriesBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
   collection: PropTypes.object.isRequired,
 
@@ -4507,10 +4505,11 @@ SixColSixStories.propTypes = {
   isLoading: PropTypes.bool,
   isolatedLoadMore: PropTypes.bool
 };
-SixColSixStories.defaultProps = {
+SixColSixStoriesBase.defaultProps = {
   getMoreStories: function getMoreStories() {},
   isLoadMoreVisible: true,
   isLoading: false
 };
+var SixColSixStories = StateProvider(SixColSixStoriesBase);
 
-export { index as default };
+export { SixColSixStories, SixColSixStoriesBase };