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

package/atoms/ExtendedLoadMore/{index-4c3c2b6f.js → index-9e0d32b7.js}

@@ -1,32 +1,39 @@
-import { S as StateProvider, C as CollectionName, b as Author, H as Headline, A as AuthorWithTime, _ as _defineProperty, L as LoadMoreTarget, P as ProgressiveHydration, a as LoadmoreButton } from './index-0edaa434.js';
-import { _ as _getClassName, a as get_1, g as getTextColor, l as getSlot, b as generateNavigateSlug, n as navigateTo } from './index-d08b6c2f.js';
-import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import PropTypes from 'prop-types';
-import { Link, ResponsiveImage, collectionToStories } from '@quintype/components';
-import 'react-dom';
-import 'react-timeago';
-import 'date-fns-tz';
+'use strict';
+
+var index$1 = require('./index-3c4ac692.js');
+var index = require('./index-e7cde739.js');
+var React = require('react');
+var reactRedux = require('react-redux');
+var PropTypes = require('prop-types');
+var components = require('@quintype/components');
+require('react-dom');
+require('react-timeago');
+require('date-fns-tz');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var UserFallbackIcon = function UserFallbackIcon(_ref) {
   var _ref$width = _ref.width,
       width = _ref$width === void 0 ? 120 : _ref$width,
       _ref$height = _ref.height,
       height = _ref$height === void 0 ? 120 : _ref$height;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     width: width,
     height: height,
     viewBox: "0 0 120 120",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M93.28 108.98c-1.055-17.675-15.47-31.678-33.098-31.678-17.708 0-32.173 14.129-33.11 31.916 9.415 6.311 20.741 9.993 32.927 9.993 12.338 0 23.795-3.774 33.28-10.23l.001-.001zM58.584 73.283c9.928 0 17.977-8.275 17.977-18.483 0-10.209-8.049-18.484-17.977-18.484-9.929 0-17.977 8.275-17.977 18.484 0 10.208 8.048 18.483 17.977 18.483zM60 120C26.863 120 0 93.137 0 60S26.863 0 60 0s60 26.863 60 60-26.863 60-60 60z",
     fill: "#DADADA",
     fillRule: "nonzero"
   }));
 };
 UserFallbackIcon.propTypes = {
-  width: PropTypes.object,
-  height: PropTypes.object
+  width: PropTypes__default["default"].object,
+  height: PropTypes__default["default"].object
 };
 
 var _styleModuleImportMap$1 = {
@@ -46,12 +53,12 @@ var authorWithImage = function authorWithImage(author, templateStyle) {
   var avatarUrl = author["avatar-url"],
       avatarS3Key = author["avatar-s3-key"],
       name = author.name;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "author-image",
-    className: "arr--author-image " + _getClassName("author-image ".concat(templateStyle), _styleModuleImportMap$1)
-  }, /*#__PURE__*/React.createElement("figure", {
+    className: "arr--author-image " + index._getClassName("author-image ".concat(templateStyle), _styleModuleImportMap$1)
+  }, /*#__PURE__*/React__default["default"].createElement("figure", {
     className: "author-image-m_image-container__19WNd"
-  }, avatarS3Key ? /*#__PURE__*/React.createElement(ResponsiveImage, {
+  }, avatarS3Key ? /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
     slug: avatarS3Key,
     alt: name,
     defaultWidth: 250,
@@ -61,9 +68,9 @@ var authorWithImage = function authorWithImage(author, templateStyle) {
     imgParams: {
       auto: ["format", "compress"]
     }
-  }) : avatarUrl ? /*#__PURE__*/React.createElement("img", {
+  }) : avatarUrl ? /*#__PURE__*/React__default["default"].createElement("img", {
     src: avatarUrl
-  }) : /*#__PURE__*/React.createElement(UserFallbackIcon, null)));
+  }) : /*#__PURE__*/React__default["default"].createElement(UserFallbackIcon, null)));
 };
 
 var AuthorImage = function AuthorImage(_ref) {
@@ -77,19 +84,19 @@ var AuthorImage = function AuthorImage(_ref) {
   var mountAt = config.mountAt || "";
   var templateStyle = "";
   if (template === "smallerCircle") templateStyle = "smaller-circle";else if (template === "smallCircle") templateStyle = "small-circle";else if (template === "square") templateStyle = "square";
-  if (slug) return /*#__PURE__*/React.createElement(Link, {
+  if (slug) return /*#__PURE__*/React__default["default"].createElement(components.Link, {
     href: "".concat(mountAt, "/author/") + slug
   }, authorWithImage(author, templateStyle));else return authorWithImage(author, templateStyle);
 };
 
 AuthorImage.propTypes = {
-  author: PropTypes.shape({
-    "avatar-url": PropTypes.string,
-    "avatar-s3-key": PropTypes.string,
-    name: PropTypes.string,
-    slug: PropTypes.string
+  author: PropTypes__default["default"].shape({
+    "avatar-url": PropTypes__default["default"].string,
+    "avatar-s3-key": PropTypes__default["default"].string,
+    name: PropTypes__default["default"].string,
+    slug: PropTypes__default["default"].string
   }),
-  template: PropTypes.string
+  template: PropTypes__default["default"].string
 };
 
 var _styleModuleImportMap = {
@@ -113,7 +120,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; }
+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) { index$1._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 loadMore = function loadMore(_ref) {
   var isLoading = _ref.isLoading,
@@ -127,14 +134,14 @@ 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,
       isLoadMoreVisible = _ref2.isLoadMoreVisible,
       isLoading = _ref2.isLoading,
       isolatedLoadMore = _ref2.isolatedLoadMore;
-  var stories = collectionToStories(collection);
+  var stories = components.collectionToStories(collection);
   var _config$theme = config.theme,
       theme = _config$theme === void 0 ? "" : _config$theme,
       _config$footerButton = config.footerButton,
@@ -150,27 +157,27 @@ var OpinionCollection = function OpinionCollection(_ref2) {
       _config$subsequentLoa = config.subsequentLoadCount,
       subsequentLoadCount = _config$subsequentLoa === void 0 ? 3 : _config$subsequentLoa;
 
-  var _get = get_1(slotConfig, [0], {}),
+  var _get = index.get_1(slotConfig, [0], {}),
       _get$type = _get.type,
       type = _get$type === void 0 ? "story" : _get$type,
       _get$component = _get.component,
       component = _get$component === void 0 ? null : _get$component;
 
-  var dispatch = useDispatch();
-  var qtConfig = useSelector(function (state) {
-    return get_1(state, ["qt", "config"], {});
+  var dispatch = reactRedux.useDispatch();
+  var qtConfig = reactRedux.useSelector(function (state) {
+    return index.get_1(state, ["qt", "config"], {});
   });
   if (!stories.length) return null;
-  var textColor = getTextColor(theme);
+  var textColor = index.getTextColor(theme);
   var borderStyle = border === "fullBorder" ? "border" : "";
-  var slot = type === "ad" ? getSlot(type, component) : null;
+  var slot = type === "ad" ? index.getSlot(type, component) : null;
   var adStyle = slot ? "custom-grid" : "";
 
   var getLoadMore = function getLoadMore(opts) {
     if (!isLoadMoreVisible) return null;
 
     if (isolatedLoadMore) {
-      return /*#__PURE__*/React.createElement(LoadMoreTarget, {
+      return /*#__PURE__*/React__default["default"].createElement(index$1.LoadMoreTarget, {
         collection: collection,
         componentName: "OpinionCollection",
         offset: stories.length,
@@ -178,8 +185,8 @@ var OpinionCollection = function OpinionCollection(_ref2) {
       });
     }
 
-    var url = generateNavigateSlug(collection, qtConfig);
-    return /*#__PURE__*/React.createElement(ProgressiveHydration, null, /*#__PURE__*/React.createElement(LoadmoreButton, {
+    var url = index.generateNavigateSlug(collection, qtConfig);
+    return /*#__PURE__*/React__default["default"].createElement(index$1.ProgressiveHydration, null, /*#__PURE__*/React__default["default"].createElement(index$1.LoadmoreButton, {
       config: config,
       collection: collection,
       template: footerButton,
@@ -187,28 +194,28 @@ var OpinionCollection = function OpinionCollection(_ref2) {
         return loadMore(opts);
       },
       navigate: function navigate() {
-        return navigateTo(dispatch, url);
+        return index.navigateTo(dispatch, url);
       },
       qtConfig: qtConfig
     }));
   };
 
   var getAuthorCard = function getAuthorCard(story) {
-    var authorData = get_1(story, ["authors", "0"]);
-    return /*#__PURE__*/React.createElement("div", {
+    var authorData = index.get_1(story, ["authors", "0"]);
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       "data-test-id": "story-card"
-    }, /*#__PURE__*/React.createElement(Author, {
+    }, /*#__PURE__*/React__default["default"].createElement(index$1.Author, {
       story: story,
       hideAuthorImage: true
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "opinion-collection-m_headline-author__2H6Tv"
-    }, /*#__PURE__*/React.createElement(Headline, {
+    }, /*#__PURE__*/React__default["default"].createElement(index$1.Headline, {
       story: story
-    }), /*#__PURE__*/React.createElement(AuthorImage, {
+    }), /*#__PURE__*/React__default["default"].createElement(AuthorImage, {
       author: authorData,
       template: "smallerCircle",
       config: config
-    })), /*#__PURE__*/React.createElement(AuthorWithTime, {
+    })), /*#__PURE__*/React__default["default"].createElement(index$1.AuthorWithTime, {
       story: story,
       config: _objectSpread(_objectSpread({}, config), {}, {
         disableMeridiem: true,
@@ -218,31 +225,31 @@ var OpinionCollection = function OpinionCollection(_ref2) {
   };
 
   var countStyleName = stories.length === 2 || stories.length === 3 ? "count-".concat(stories.length) : "";
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "full-width-with-padding arrow-component",
     "data-test-id": "opinion-collection",
     style: {
       backgroundColor: theme,
       color: textColor
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "opinion-collection-m_opinion-collection__1Bc7h",
     style: {
       backgroundColor: theme,
       color: textColor
     }
-  }, /*#__PURE__*/React.createElement(CollectionName, {
+  }, /*#__PURE__*/React__default["default"].createElement(index$1.CollectionName, {
     collection: collection,
     collectionNameTemplate: collectionNameTemplate,
     collectionNameBorderColor: collectionNameBorderColor,
     headerLevel: 2
-  }), /*#__PURE__*/React.createElement("div", {
-    className: ("content-wrapper ".concat(borderStyle, " ").concat(textColor) ? "content-wrapper ".concat(borderStyle, " ").concat(textColor) + " " : "") + _getClassName("content-wrapper ".concat(borderStyle, " ").concat(textColor, " ").concat(adStyle), _styleModuleImportMap)
-  }, slot ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "wrapper-with-ads " + _getClassName("wrapper-with-ads ".concat(countStyleName), _styleModuleImportMap)
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ("content-wrapper ".concat(borderStyle, " ").concat(textColor) ? "content-wrapper ".concat(borderStyle, " ").concat(textColor) + " " : "") + index._getClassName("content-wrapper ".concat(borderStyle, " ").concat(textColor, " ").concat(adStyle), _styleModuleImportMap)
+  }, slot ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "wrapper-with-ads " + index._getClassName("wrapper-with-ads ".concat(countStyleName), _styleModuleImportMap)
   }, stories.slice(0, 4).map(function (story) {
     return getAuthorCard(story);
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "opinion-collection-m_ad-slot__2ZpaC"
   }, slot)) : stories.map(function (story) {
     return getAuthorCard(story);
@@ -253,24 +260,23 @@ var OpinionCollection = function OpinionCollection(_ref2) {
     subsequentLoadCount: subsequentLoadCount
   })));
 };
-
-OpinionCollection.propTypes = {
-  collection: PropTypes.object,
-  config: PropTypes.shape({
-    collectionNameBorderColor: PropTypes.string,
-    theme: PropTypes.string,
-    collectionNameTemplate: PropTypes.string,
-    footerButton: PropTypes.string,
-    border: PropTypes.string,
-    slotConfig: PropTypes.array,
-    subsequentLoadCount: PropTypes.number
+OpinionCollectionBase.propTypes = {
+  collection: PropTypes__default["default"].object,
+  config: PropTypes__default["default"].shape({
+    collectionNameBorderColor: PropTypes__default["default"].string,
+    theme: PropTypes__default["default"].string,
+    collectionNameTemplate: PropTypes__default["default"].string,
+    footerButton: PropTypes__default["default"].string,
+    border: PropTypes__default["default"].string,
+    slotConfig: PropTypes__default["default"].array,
+    subsequentLoadCount: PropTypes__default["default"].number
   }),
-  getMoreStories: PropTypes.func,
-  isLoading: PropTypes.bool,
-  isLoadMoreVisible: PropTypes.bool,
-  isolatedLoadMore: PropTypes.bool
+  getMoreStories: PropTypes__default["default"].func,
+  isLoading: PropTypes__default["default"].bool,
+  isLoadMoreVisible: PropTypes__default["default"].bool,
+  isolatedLoadMore: PropTypes__default["default"].bool
 };
-OpinionCollection.defaultProps = {
+OpinionCollectionBase.defaultProps = {
   getMoreStories: function getMoreStories() {},
   isLoadMoreVisible: true,
   isLoading: false,
@@ -278,6 +284,7 @@ OpinionCollection.defaultProps = {
   config: {},
   hideFirstCard: false
 };
-var index = StateProvider(OpinionCollection);
+var OpinionCollection = index$1.StateProvider(OpinionCollectionBase);
 
-export { index as default };
+exports.OpinionCollection = OpinionCollection;
+exports.OpinionCollectionBase = OpinionCollectionBase;

package/atoms/ExtendedLoadMore/{index-c47ff5bc.js → index-a5c95f84.js}

@@ -1,15 +1,22 @@
-import { collectionToStories } from '@quintype/components';
-import { a as get_1, g as getTextColor, l as getSlot, b as generateNavigateSlug, n as navigateTo } from './index-d08b6c2f.js';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { S as StateProvider, C as CollectionName, L as LoadMoreTarget, P as ProgressiveHydration, a as LoadmoreButton, H as Headline, A as AuthorWithTime } from './index-0edaa434.js';
-import { H as HeroImage, S as SectionTag } from './index-70ce7471.js';
-import { S as StoryCard, a as Subheadline } from './index-4b9207c4.js';
-import { S as StorycardContent } from './index-96c36b0e.js';
-import 'react-timeago';
-import 'date-fns-tz';
-import 'react-dom';
+'use strict';
+
+var components = require('@quintype/components');
+var index = require('./index-e7cde739.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var reactRedux = require('react-redux');
+var index$1 = require('./index-3c4ac692.js');
+var index$3 = require('./index-5c8eda4a.js');
+var index$2 = require('./index-b22f1843.js');
+var index$4 = require('./index-4ddfe28d.js');
+require('react-timeago');
+require('date-fns-tz');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var loadMore = function loadMore(_ref) {
   var isLoading = _ref.isLoading,
@@ -23,7 +30,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,
@@ -31,7 +38,7 @@ var OneColStoryList = function OneColStoryList(_ref2) {
       isLoadMoreVisible = _ref2.isLoadMoreVisible,
       isLoading = _ref2.isLoading,
       isolatedLoadMore = _ref2.isolatedLoadMore;
-  var storyItems = collectionToStories(collection);
+  var storyItems = components.collectionToStories(collection);
   if (!storyItems.length) return null;
   var _config$collectionNam = config.collectionNameBorderColor,
       collectionNameBorderColor = _config$collectionNam === void 0 ? "" : _config$collectionNam,
@@ -55,20 +62,20 @@ var OneColStoryList = function OneColStoryList(_ref2) {
       subsequentLoadCount = _config$subsequentLoa === void 0 ? 8 : _config$subsequentLoa;
   var footerSlot = footerSlotConfig.footerSlot;
 
-  var _get = get_1(slotConfig, [0], {}),
+  var _get = index.get_1(slotConfig, [0], {}),
       type = _get.type,
       component = _get.component;
 
-  var dispatch = useDispatch();
-  var qtConfig = useSelector(function (state) {
-    return get_1(state, ["qt", "config"], {});
+  var dispatch = reactRedux.useDispatch();
+  var qtConfig = reactRedux.useSelector(function (state) {
+    return index.get_1(state, ["qt", "config"], {});
   });
 
   var getLoadMore = function getLoadMore(opts) {
     if (!isLoadMoreVisible) return null;
 
     if (isolatedLoadMore) {
-      return /*#__PURE__*/React.createElement(LoadMoreTarget, {
+      return /*#__PURE__*/React__default["default"].createElement(index$1.LoadMoreTarget, {
         collection: collection,
         componentName: "OneColStoryList",
         offset: storyItems.length,
@@ -76,8 +83,8 @@ var OneColStoryList = function OneColStoryList(_ref2) {
       });
     }
 
-    var url = generateNavigateSlug(collection, qtConfig);
-    return /*#__PURE__*/React.createElement(ProgressiveHydration, null, /*#__PURE__*/React.createElement(LoadmoreButton, {
+    var url = index.generateNavigateSlug(collection, qtConfig);
+    return /*#__PURE__*/React__default["default"].createElement(index$1.ProgressiveHydration, null, /*#__PURE__*/React__default["default"].createElement(index$1.LoadmoreButton, {
       config: config,
       collection: collection,
       template: footerButton,
@@ -85,7 +92,7 @@ var OneColStoryList = function OneColStoryList(_ref2) {
         return loadMore(opts);
       },
       navigate: function navigate() {
-        return navigateTo(dispatch, url);
+        return index.navigateTo(dispatch, url);
       },
       qtConfig: qtConfig
     }));
@@ -96,9 +103,9 @@ var OneColStoryList = function OneColStoryList(_ref2) {
   var borderHandler = function borderHandler(story) {
     switch (border) {
       case "bottom":
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "one-col-story-list-m_one-col-border-bottom__13nPb"
-        }, /*#__PURE__*/React.createElement(StoryCard, {
+        }, /*#__PURE__*/React__default["default"].createElement(index$2.StoryCard, {
           story: story,
           theme: theme,
           headerLevel: "4",
@@ -111,42 +118,42 @@ var OneColStoryList = function OneColStoryList(_ref2) {
         }));
 
       case "full":
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "one-col-story-list-m_one-col-border-full__3PSl0"
-        }, /*#__PURE__*/React.createElement(StoryCard, {
+        }, /*#__PURE__*/React__default["default"].createElement(index$2.StoryCard, {
           story: story,
           border: border,
           theme: theme,
           isHorizontal: true,
           borderColor: borderColor
-        }, /*#__PURE__*/React.createElement(HeroImage, {
+        }, /*#__PURE__*/React__default["default"].createElement(index$3.HeroImage, {
           story: story,
           isHorizontal: true,
           aspectRatio: [[1, 1], [4, 3]]
-        }), /*#__PURE__*/React.createElement("div", {
+        }), /*#__PURE__*/React__default["default"].createElement("div", {
           className: "one-col-story-list-m_story-card-content-wrapper__1baqS"
-        }, /*#__PURE__*/React.createElement(StorycardContent, {
+        }, /*#__PURE__*/React__default["default"].createElement(index$4.StorycardContent, {
           story: story,
           borderColor: borderColor,
           config: config
-        }, /*#__PURE__*/React.createElement(SectionTag, {
+        }, /*#__PURE__*/React__default["default"].createElement(index$3.SectionTag, {
           story: story
-        }), /*#__PURE__*/React.createElement(Headline, {
+        }), /*#__PURE__*/React__default["default"].createElement(index$1.Headline, {
           story: story,
           headerLevel: "4",
           premiumStoryIconConfig: config
-        }), /*#__PURE__*/React.createElement(Subheadline, {
+        }), /*#__PURE__*/React__default["default"].createElement(index$2.Subheadline, {
           story: story
-        }), /*#__PURE__*/React.createElement(AuthorWithTime, {
+        }), /*#__PURE__*/React__default["default"].createElement(index$1.AuthorWithTime, {
           config: localizationConfig,
           story: story,
           prefix: "By"
         })))));
 
       default:
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "one-col-story-list-m_one-col-border-default__2BDg7"
-        }, /*#__PURE__*/React.createElement(StoryCard, {
+        }, /*#__PURE__*/React__default["default"].createElement(index$2.StoryCard, {
           story: story,
           theme: theme,
           headerLevel: "4",
@@ -160,82 +167,82 @@ var OneColStoryList = function OneColStoryList(_ref2) {
     }
   };
 
-  var textColor = getTextColor(theme);
-  return /*#__PURE__*/React.createElement("div", {
+  var textColor = index.getTextColor(theme);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "full-width-with-padding arrow-component",
     "data-test-id": "one-col-story-list",
     style: {
       backgroundColor: theme,
       color: textColor
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "one-col-story-list-m_one-col-story-list-wrapper__ICvTq"
-  }, /*#__PURE__*/React.createElement(CollectionName, {
+  }, /*#__PURE__*/React__default["default"].createElement(index$1.CollectionName, {
     collection: collection,
     collectionNameTemplate: collectionNameTemplate,
     collectionNameBorderColor: collectionNameBorderColor
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "one-col-story-list-m_wrapper__38qTp",
     style: {
       backgroundColor: theme,
       color: textColor
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "one-col-story-list-m_one-col-first-story__1aC6i"
   }, storyItems.slice(0, 1).map(function (story, index) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       key: "default-".concat(index)
     }, borderHandler(story));
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "one-col-story-list-m_one-col-story-list__3d6Bp"
   }, storyItems.slice(1).map(function (story, index) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       key: "default-".concat(index)
     }, borderHandler(story));
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "one-col-story-list-m_one-col-ads__UN_hF"
-  }, getSlot(type, component, function () {
+  }, index.getSlot(type, component, function () {
     return null;
   }, function () {
     return null;
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "one-col-story-list-m_footer-ad-wrapper__NGgvp"
   }, getLoadMore({
     isLoading: isLoading,
     storyItems: storyItems,
     getMoreStories: getMoreStories,
     subsequentLoadCount: subsequentLoadCount
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     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,
+  collection: PropTypes__default["default"].object.isRequired,
 
   /** The config for the Row */
-  config: PropTypes.shape({
-    borderColor: PropTypes.string,
-    theme: PropTypes.string,
-    border: PropTypes.string,
-    footerButton: PropTypes.string,
+  config: PropTypes__default["default"].shape({
+    borderColor: PropTypes__default["default"].string,
+    theme: PropTypes__default["default"].string,
+    border: PropTypes__default["default"].string,
+    footerButton: PropTypes__default["default"].string,
     // row title style
-    collectionNameTemplate: PropTypes.string,
+    collectionNameTemplate: PropTypes__default["default"].string,
     // row title style colour
-    collectionNameBorderColor: PropTypes.string,
-    subsequentLoadCount: PropTypes.number
+    collectionNameBorderColor: PropTypes__default["default"].string,
+    subsequentLoadCount: PropTypes__default["default"].number
   }),
-  getMoreStories: PropTypes.func,
-  isLoadMoreVisible: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  isolatedLoadMore: PropTypes.bool
+  getMoreStories: PropTypes__default["default"].func,
+  isLoadMoreVisible: PropTypes__default["default"].bool,
+  isLoading: PropTypes__default["default"].bool,
+  isolatedLoadMore: PropTypes__default["default"].bool
 };
-OneColStoryList.defaultProps = {
+OneColStoryListBase.defaultProps = {
   getMoreStories: function getMoreStories() {},
   isLoadMoreVisible: true,
   isLoading: false
 };
-var index = StateProvider(OneColStoryList);
+var OneColStoryList = index$1.StateProvider(OneColStoryListBase);
 
-export { index as default };
+exports.OneColStoryList = OneColStoryList;
+exports.OneColStoryListBase = OneColStoryListBase;