@quintype/arrow 3.15.1-perf.2 → 3.15.1-perf.5

package/atoms/ExtendedLoadMore/index-beed3a68.js

@@ -1,240 +0,0 @@
-import { collectionToStories } from '@quintype/components';
-import { a as get_1, g as getTextColor, l as getSlot, b as generateNavigateSlug, n as navigateTo } from './index-ad3c83c3.js';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { C as CollectionName, S as StateProvider, L as LoadMoreTarget, P as ProgressiveHydration, a as LoadmoreButton, H as Headline, A as AuthorWithTime } from './index-1e444d20.js';
-import { H as HeroImage, S as SectionTag } from './index-c61a16dc.js';
-import { S as StoryCard, a as Subheadline } from './index-0519e570.js';
-import { S as StorycardContent } from './index-81eb3978.js';
-import 'react-timeago';
-import 'date-fns-tz';
-import 'react-dom';
-
-var loadMore = function loadMore(_ref) {
-  var isLoading = _ref.isLoading,
-      storyItems = _ref.storyItems,
-      getMoreStories = _ref.getMoreStories,
-      _ref$subsequentLoadCo = _ref.subsequentLoadCount,
-      subsequentLoadCount = _ref$subsequentLoadCo === void 0 ? 8 : _ref$subsequentLoadCo;
-  if (isLoading) return;
-  var limit = subsequentLoadCount;
-  var offset = storyItems.length;
-  getMoreStories(offset, limit);
-};
-
-var OneColStoryListBase = function OneColStoryListBase(_ref2) {
-  var collection = _ref2.collection,
-      _ref2$config = _ref2.config,
-      config = _ref2$config === void 0 ? {} : _ref2$config,
-      getMoreStories = _ref2.getMoreStories,
-      isLoadMoreVisible = _ref2.isLoadMoreVisible,
-      isLoading = _ref2.isLoading,
-      isolatedLoadMore = _ref2.isolatedLoadMore;
-  var storyItems = collectionToStories(collection);
-  if (!storyItems.length) return null;
-  var _config$collectionNam = config.collectionNameBorderColor,
-      collectionNameBorderColor = _config$collectionNam === void 0 ? "" : _config$collectionNam,
-      _config$borderColor = config.borderColor,
-      borderColor = _config$borderColor === void 0 ? "" : _config$borderColor,
-      _config$theme = config.theme,
-      theme = _config$theme === void 0 ? "" : _config$theme,
-      _config$border = config.border,
-      border = _config$border === void 0 ? "" : _config$border,
-      _config$slotConfig = config.slotConfig,
-      slotConfig = _config$slotConfig === void 0 ? [] : _config$slotConfig,
-      _config$collectionNam2 = config.collectionNameTemplate,
-      collectionNameTemplate = _config$collectionNam2 === void 0 ? "" : _config$collectionNam2,
-      _config$footerSlotCon = config.footerSlotConfig,
-      footerSlotConfig = _config$footerSlotCon === void 0 ? {} : _config$footerSlotCon,
-      _config$footerButton = config.footerButton,
-      footerButton = _config$footerButton === void 0 ? "" : _config$footerButton,
-      _config$localizationC = config.localizationConfig,
-      localizationConfig = _config$localizationC === void 0 ? {} : _config$localizationC,
-      _config$subsequentLoa = config.subsequentLoadCount,
-      subsequentLoadCount = _config$subsequentLoa === void 0 ? 8 : _config$subsequentLoa;
-  var footerSlot = footerSlotConfig.footerSlot;
-
-  var _get = 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 getLoadMore = function getLoadMore(opts) {
-    if (!isLoadMoreVisible) return null;
-
-    if (isolatedLoadMore) {
-      return /*#__PURE__*/React.createElement(LoadMoreTarget, {
-        collection: collection,
-        componentName: "OneColStoryList",
-        offset: storyItems.length,
-        limit: subsequentLoadCount
-      });
-    }
-
-    var url = generateNavigateSlug(collection, qtConfig);
-    return /*#__PURE__*/React.createElement(ProgressiveHydration, null, /*#__PURE__*/React.createElement(LoadmoreButton, {
-      config: config,
-      collection: collection,
-      template: footerButton,
-      onClick: function onClick() {
-        return loadMore(opts);
-      },
-      navigate: function navigate() {
-        return navigateTo(dispatch, url);
-      },
-      qtConfig: qtConfig
-    }));
-  };
-
-  var footerSlotComp = footerSlot ? footerSlot() : null;
-
-  var borderHandler = function borderHandler(story) {
-    switch (border) {
-      case "bottom":
-        return /*#__PURE__*/React.createElement("div", {
-          className: "one-col-story-list-m_one-col-border-bottom__13nPb"
-        }, /*#__PURE__*/React.createElement(StoryCard, {
-          story: story,
-          theme: theme,
-          headerLevel: "4",
-          isHorizontal: true,
-          border: border,
-          aspectRatio: [[1, 1], [4, 3]],
-          borderColor: borderColor,
-          prefix: "By",
-          config: config
-        }));
-
-      case "full":
-        return /*#__PURE__*/React.createElement("div", {
-          className: "one-col-story-list-m_one-col-border-full__3PSl0"
-        }, /*#__PURE__*/React.createElement(StoryCard, {
-          story: story,
-          border: border,
-          theme: theme,
-          isHorizontal: true,
-          borderColor: borderColor
-        }, /*#__PURE__*/React.createElement(HeroImage, {
-          story: story,
-          isHorizontal: true,
-          aspectRatio: [[1, 1], [4, 3]]
-        }), /*#__PURE__*/React.createElement("div", {
-          className: "one-col-story-list-m_story-card-content-wrapper__1baqS"
-        }, /*#__PURE__*/React.createElement(StorycardContent, {
-          story: story,
-          borderColor: borderColor,
-          config: config
-        }, /*#__PURE__*/React.createElement(SectionTag, {
-          story: story
-        }), /*#__PURE__*/React.createElement(Headline, {
-          story: story,
-          headerLevel: "4",
-          premiumStoryIconConfig: config
-        }), /*#__PURE__*/React.createElement(Subheadline, {
-          story: story
-        }), /*#__PURE__*/React.createElement(AuthorWithTime, {
-          config: localizationConfig,
-          story: story,
-          prefix: "By"
-        })))));
-
-      default:
-        return /*#__PURE__*/React.createElement("div", {
-          className: "one-col-story-list-m_one-col-border-default__2BDg7"
-        }, /*#__PURE__*/React.createElement(StoryCard, {
-          story: story,
-          theme: theme,
-          headerLevel: "4",
-          isHorizontal: true,
-          border: border,
-          aspectRatio: [[1, 1], [4, 3]],
-          borderColor: borderColor,
-          prefix: "By",
-          config: config
-        }));
-    }
-  };
-
-  var textColor = getTextColor(theme);
-  return /*#__PURE__*/React.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", {
-    className: "one-col-story-list-m_one-col-story-list-wrapper__ICvTq"
-  }, /*#__PURE__*/React.createElement(CollectionName, {
-    collection: collection,
-    collectionNameTemplate: collectionNameTemplate,
-    collectionNameBorderColor: collectionNameBorderColor
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "one-col-story-list-m_wrapper__38qTp",
-    style: {
-      backgroundColor: theme,
-      color: textColor
-    }
-  }, /*#__PURE__*/React.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", {
-      key: "default-".concat(index)
-    }, borderHandler(story));
-  })), /*#__PURE__*/React.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", {
-      key: "default-".concat(index)
-    }, borderHandler(story));
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "one-col-story-list-m_one-col-ads__UN_hF"
-  }, getSlot(type, component, function () {
-    return null;
-  }, function () {
-    return null;
-  }))), /*#__PURE__*/React.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", {
-    className: "one-col-story-list-m_ad-wrapper__3_cNc"
-  }, footerSlotComp))));
-};
-OneColStoryListBase.propTypes = {
-  /**  collection is the array of objects which is returning by API  */
-  collection: PropTypes.object.isRequired,
-
-  /** The config for the Row */
-  config: PropTypes.shape({
-    borderColor: PropTypes.string,
-    theme: PropTypes.string,
-    border: PropTypes.string,
-    footerButton: PropTypes.string,
-    // row title style
-    collectionNameTemplate: PropTypes.string,
-    // row title style colour
-    collectionNameBorderColor: PropTypes.string,
-    subsequentLoadCount: PropTypes.number
-  }),
-  getMoreStories: PropTypes.func,
-  isLoadMoreVisible: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  isolatedLoadMore: PropTypes.bool
-};
-OneColStoryListBase.defaultProps = {
-  getMoreStories: function getMoreStories() {},
-  isLoadMoreVisible: true,
-  isLoading: false
-};
-var OneColStoryList = StateProvider(OneColStoryListBase);
-
-export { OneColStoryList, OneColStoryListBase };

package/atoms/ExtendedLoadMore/index-c2f73d18.js

@@ -1,199 +0,0 @@
-import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { i as isEmpty, g as getTextColor, a as get_1, b as generateNavigateSlug, n as navigateTo } from './index-ad3c83c3.js';
-import PropTypes from 'prop-types';
-import { collectionToStories } from '@quintype/components';
-import { S as StateProvider, C as CollectionName, L as LoadMoreTarget, P as ProgressiveHydration, a as LoadmoreButton } from './index-1e444d20.js';
-import { S as StoryCard } from './index-0519e570.js';
-import { S as StorycardContent } from './index-81eb3978.js';
-import { H as HeroImage } from './index-c61a16dc.js';
-import 'react-timeago';
-import 'date-fns-tz';
-import 'react-dom';
-
-var PortraitStoryCardBase = function PortraitStoryCardBase(_ref) {
-  var story = _ref.story,
-      _ref$border = _ref.border,
-      border = _ref$border === void 0 ? "" : _ref$border,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? "" : _ref$theme,
-      _ref$headerLevel = _ref.headerLevel,
-      headerLevel = _ref$headerLevel === void 0 ? "6" : _ref$headerLevel,
-      _ref$separator = _ref.separator,
-      separator = _ref$separator === void 0 ? "" : _ref$separator,
-      _ref$config = _ref.config,
-      config = _ref$config === void 0 ? {} : _ref$config,
-      _ref$borderColor = _ref.borderColor,
-      borderColor = _ref$borderColor === void 0 ? "" : _ref$borderColor;
-  if (isEmpty(story)) return null;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "portrait-story-card-m_wrapper__3nche"
-  }, /*#__PURE__*/React.createElement(StoryCard, {
-    story: story,
-    border: border,
-    theme: theme,
-    config: config,
-    useImageAsBackground: true
-  }, /*#__PURE__*/React.createElement(HeroImage, {
-    story: story,
-    aspectRatio: [[9, 16]]
-  }), /*#__PURE__*/React.createElement(StorycardContent, {
-    story: story,
-    config: config,
-    separator: separator,
-    borderColor: borderColor,
-    headerLevel: headerLevel
-  })));
-};
-PortraitStoryCardBase.propTypes = {
-  border: PropTypes.string,
-  theme: PropTypes.string,
-  headerLevel: PropTypes.string,
-  separator: PropTypes.string,
-  borderColor: PropTypes.string,
-  config: PropTypes.object,
-  story: PropTypes.object
-};
-var PortraitStoryCard = StateProvider(PortraitStoryCardBase);
-
-var loadMore = function loadMore(_ref) {
-  var isLoading = _ref.isLoading,
-      storyItems = _ref.storyItems,
-      getMoreStories = _ref.getMoreStories,
-      _ref$subsequentLoadCo = _ref.subsequentLoadCount,
-      subsequentLoadCount = _ref$subsequentLoadCo === void 0 ? 4 : _ref$subsequentLoadCo;
-  if (isLoading) return; // prevent multiple clicks/calls
-
-  var limit = subsequentLoadCount;
-  var offset = storyItems.length;
-  getMoreStories(offset, limit);
-};
-
-var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
-  var collection = _ref2.collection,
-      _ref2$config = _ref2.config,
-      config = _ref2$config === void 0 ? {} : _ref2$config,
-      getMoreStories = _ref2.getMoreStories,
-      isLoadMoreVisible = _ref2.isLoadMoreVisible,
-      isLoading = _ref2.isLoading,
-      isolatedLoadMore = _ref2.isolatedLoadMore;
-  var storyItems = collectionToStories(collection);
-  if (!storyItems.length) return null;
-  var _config$collectionNam = config.collectionNameBorderColor,
-      collectionNameBorderColor = _config$collectionNam === void 0 ? "" : _config$collectionNam,
-      _config$borderColor = config.borderColor,
-      borderColor = _config$borderColor === void 0 ? "" : _config$borderColor,
-      _config$theme = config.theme,
-      theme = _config$theme === void 0 ? "" : _config$theme,
-      _config$border = config.border,
-      border = _config$border === void 0 ? "" : _config$border,
-      _config$collectionNam2 = config.collectionNameTemplate,
-      collectionNameTemplate = _config$collectionNam2 === void 0 ? "" : _config$collectionNam2,
-      _config$footerSlotCon = config.footerSlotConfig,
-      footerSlotConfig = _config$footerSlotCon === void 0 ? {} : _config$footerSlotCon,
-      _config$footerButton = config.footerButton,
-      footerButton = _config$footerButton === void 0 ? "" : _config$footerButton,
-      customCollectionName = config.customCollectionName,
-      _config$navigate = config.navigate,
-      navigate = _config$navigate === void 0 ? true : _config$navigate,
-      _config$subsequentLoa = config.subsequentLoadCount,
-      subsequentLoadCount = _config$subsequentLoa === void 0 ? 4 : _config$subsequentLoa;
-  var footerSlot = footerSlotConfig.footerSlot;
-  var footerSlotComp = typeof footerSlot === "function" ? footerSlot() : null;
-  var textColor = getTextColor(theme);
-  var dispatch = useDispatch();
-  var qtConfig = useSelector(function (state) {
-    return get_1(state, ["qt", "config"], {});
-  });
-
-  var getLoadMore = function getLoadMore(opts) {
-    if (!isLoadMoreVisible) return null;
-
-    if (isolatedLoadMore) {
-      return /*#__PURE__*/React.createElement(LoadMoreTarget, {
-        collection: collection,
-        componentName: "FourColPortraitStories",
-        offset: storyItems.length,
-        limit: subsequentLoadCount
-      });
-    }
-
-    var url = generateNavigateSlug(collection, qtConfig);
-    return /*#__PURE__*/React.createElement(ProgressiveHydration, null, /*#__PURE__*/React.createElement(LoadmoreButton, {
-      config: config,
-      collection: collection,
-      template: footerButton,
-      onClick: function onClick() {
-        return loadMore(opts);
-      },
-      navigate: function navigate() {
-        return navigateTo(dispatch, url);
-      },
-      qtConfig: qtConfig
-    }));
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "full-width-with-padding arrow-component",
-    "data-test-id": "four-col-portrait-stories",
-    style: {
-      backgroundColor: theme,
-      color: textColor
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "four-col-portrait-stories-m_four-col-portrait__AtWub"
-  }, /*#__PURE__*/React.createElement(CollectionName, {
-    collection: collection,
-    collectionNameTemplate: collectionNameTemplate,
-    collectionNameBorderColor: collectionNameBorderColor,
-    customCollectionName: customCollectionName,
-    navigate: navigate
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "four-col-portrait-stories-m_wrapper__1BX02"
-  }, storyItems.map(function (story, index) {
-    return /*#__PURE__*/React.createElement(PortraitStoryCard, {
-      story: story,
-      border: border,
-      theme: theme,
-      config: Object.assign({
-        showSection: false,
-        showAuthor: false,
-        showReadTime: false
-      }, config),
-      borderColor: borderColor,
-      key: "story-card-".concat(index)
-    });
-  })), getLoadMore({
-    isLoading: isLoading,
-    storyItems: storyItems,
-    getMoreStories: getMoreStories,
-    subsequentLoadCount: subsequentLoadCount
-  }), footerSlotComp));
-};
-FourColPortraitStoriesBase.propTypes = {
-  /**  collection is the array of objects which is returning by API  */
-  collection: PropTypes.object.isRequired,
-
-  /** The config for the Row */
-  config: PropTypes.shape({
-    borderColor: PropTypes.string,
-    theme: PropTypes.string,
-    border: PropTypes.bool,
-    collectionNameTemplate: PropTypes.string,
-    footerButton: PropTypes.string,
-    collectionNameBorderColor: PropTypes.string,
-    subsequentLoadCount: PropTypes.number
-  }),
-  getMoreStories: PropTypes.func,
-  isLoadMoreVisible: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  isolatedLoadMore: PropTypes.bool
-};
-FourColPortraitStoriesBase.defaultProps = {
-  getMoreStories: function getMoreStories() {},
-  isLoadMoreVisible: true,
-  isLoading: false
-};
-var FourColPortraitStories = StateProvider(FourColPortraitStoriesBase);
-
-export { FourColPortraitStories, FourColPortraitStoriesBase };