@quintype/arrow 3.15.1-perf.4 → 3.15.1-perf.8

package/atoms/HeroImage/index.js

@@ -1,336 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
-var components = require('@quintype/components');
-var lodash = require('lodash');
-var PropTypes = require('prop-types');
-var React = require('react');
-var reactRedux = require('react-redux');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/regenerator');
-require('react-timeago');
-require('date-fns-tz');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var clientWidths = {
-  mobile: 767,
-  tablet: 1024
-};
-var clientWidth = function clientWidth(device) {
-  var foundDeviceWidth = lodash.get(clientWidths, device);
-
-  if (foundDeviceWidth) {
-    return lodash.get(global, "document.documentElement.clientWidth") <= foundDeviceWidth;
-  }
-
-  return false;
-};
-function isExternalStory() {
-  var story = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _story$storyTemplate = story["story-template"],
-      storyTemplate = _story$storyTemplate === void 0 ? "" : _story$storyTemplate,
-      _story$metadata = story.metadata,
-      metadata = _story$metadata === void 0 ? {} : _story$metadata;
-  return storyTemplate === "news-elsewhere" ? lodash.get(metadata, ["reference-url"], "") : "";
-} // Adds target='_blank' attribute to anchor tags if not present
-PropTypes__default["default"].shape({
-  "sketches-host": PropTypes__default["default"].string,
-  "cdn-name": PropTypes__default["default"].string,
-  "cdn-image": PropTypes__default["default"].string
-});
-PropTypes__default["default"].shape({
-  headline: PropTypes__default["default"].string,
-  "last-published-at": PropTypes__default["default"].number,
-  subheadline: PropTypes__default["default"].string
-});
-var getStoryUrl = function getStoryUrl(story) {
-  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
-  return lodash.get(story, ["story-template"]) === "news-elsewhere" ? lodash.get(story, ["metadata", "reference-url"], "") : story.url || defaultValue;
-};
-
-var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
-var useStateValue = function useStateValue() {
-  return React.useContext(StateContext);
-};
-
-var ImageFallbackIcon = function ImageFallbackIcon(_ref) {
-  var _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 40 : _ref$width,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 30 : _ref$height,
-      _ref$iconColor = _ref.iconColor,
-      iconColor = _ref$iconColor === void 0 ? "#99B0CB" : _ref$iconColor;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    width: width,
-    height: height,
-    viewBox: "0 0 102 76",
-    version: "1.1"
-  }, /*#__PURE__*/React__default["default"].createElement("g", {
-    id: "demo-home-copy",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd",
-    transform: "translate(-377.000000, -314.000000)"
-  }, /*#__PURE__*/React__default["default"].createElement("g", {
-    id: "Group-13",
-    transform: "translate(377.000000, 314.000000)"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M43.2,49.7 L62.2,19.2 L87.2,59.4 L17,59.4 L32.8,39.4 L43.2,49.7 Z M29.9,28.6 C25.8683213,28.6 22.6,25.3316787 22.6,21.3 C22.6,17.2683213 25.8683213,14 29.9,14 C33.9316787,14 37.2,17.2683213 37.2,21.3 C37.2,25.3316787 33.9316787,28.6 29.9,28.6 Z",
-    id: "Combined-Shape",
-    fill: iconColor,
-    fillRule: "nonzero"
-  }), /*#__PURE__*/React__default["default"].createElement("rect", {
-    id: "Rectangle-19",
-    stroke: iconColor,
-    strokeWidth: "3",
-    x: "1.5",
-    y: "1.5",
-    width: "99",
-    height: "73",
-    rx: "3"
-  }))));
-};
-ImageFallbackIcon.propTypes = {
-  width: PropTypes__default["default"].object,
-  height: PropTypes__default["default"].object,
-  iconColor: PropTypes__default["default"].object
-};
-
-var imageFallback = function imageFallback() {
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "arr--fallback-image fallback-m_image__1GYCJ fallback-m_image-position__3KddP"
-  }, /*#__PURE__*/React__default["default"].createElement("figure", {
-    className: "arr--fallback-svg fallback-m_fallback-svg__tK9fL"
-  }, /*#__PURE__*/React__default["default"].createElement(ImageFallbackIcon, null)));
-};
-
-var FallbackImage = function FallbackImage(_ref) {
-  var slug = _ref.slug;
-
-  if (slug) {
-    return /*#__PURE__*/React__default["default"].createElement(components.Link, {
-      href: slug,
-      "aria-label": "image-fallback"
-    }, imageFallback());
-  } else {
-    return imageFallback();
-  }
-};
-FallbackImage.propTypes = {
-  slug: PropTypes__default["default"].string
-};
-
-var HyperLinkIcon = function HyperLinkIcon() {
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "36",
-    height: "28"
-  }, /*#__PURE__*/React__default["default"].createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default["default"].createElement("rect", {
-    width: "36",
-    height: "28",
-    fill: "#3D6FCF",
-    rx: "4"
-  }), /*#__PURE__*/React__default["default"].createElement("path", {
-    stroke: "#FFF",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "2",
-    d: "M22 14.667v4c0 .736-.597 1.333-1.333 1.333h-7.334A1.333 1.333 0 0112 18.667v-7.334c0-.736.597-1.333 1.333-1.333h4M20 8h4v4m-7.333 3.333L24 8"
-  })));
-};
-
-var HyperLink = function HyperLink(_ref) {
-  var _ref$hyperLink = _ref.hyperLink,
-      hyperLink = _ref$hyperLink === void 0 ? "" : _ref$hyperLink;
-  if (!hyperLink) return null;
-  return /*#__PURE__*/React__default["default"].createElement(components.Link, {
-    href: hyperLink,
-    "aria-label": "hyperlink-button",
-    className: "arr--hyperlink-button hyperlink-m_hyperlink-button__1CqWx",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, /*#__PURE__*/React__default["default"].createElement(HyperLinkIcon, null));
-};
-HyperLink.propTypes = {
-  hyperLink: PropTypes__default["default"].string
-};
-
-var _styleModuleImportMap = {
-  "./hero-image.m.css": {
-    "hero-image": "hero-image-m_hero-image__3lraV",
-    "right-padding": "hero-image-m_right-padding__1LkCe",
-    "left-padding": "hero-image-m_left-padding__pYRAj",
-    "right-padding-mob": "hero-image-m_right-padding-mob__3-uOU",
-    "placeholder": "hero-image-m_placeholder__1omCm",
-    "hero-image-mob": "hero-image-m_hero-image-mob__13JJp",
-    "with-padding": "hero-image-m_with-padding__324G_",
-    "image": "hero-image-m_image__1mz0U"
-  }
-};
-var HeroImage = function HeroImage(_ref) {
-  var story = _ref.story,
-      FullBleed = _ref.FullBleed,
-      aspectRatio = _ref.aspectRatio,
-      defaultWidth = _ref.defaultWidth,
-      widths = _ref.widths,
-      isHorizontal = _ref.isHorizontal,
-      isHorizontalMobile = _ref.isHorizontalMobile,
-      isHorizontalWithImageLast = _ref.isHorizontalWithImageLast,
-      defaultFallback = _ref.defaultFallback,
-      isStoryPageImage = _ref.isStoryPageImage,
-      config = _ref.config;
-
-  var _ref2 = useStateValue() || {},
-      _ref2$fallbackImageUr = _ref2.fallbackImageUrl,
-      fallbackImageUrl = _ref2$fallbackImageUr === void 0 ? "" : _ref2$fallbackImageUr;
-
-  var _config$StoryTemplate = config.StoryTemplateIcon,
-      StoryTemplateIcon = _config$StoryTemplate === void 0 ? function () {
-    return null;
-  } : _config$StoryTemplate;
-  var showImagePlaceholder = reactRedux.useSelector(function (state) {
-    return lodash.get(state, ["qt", "config", "showPlaceholder"]);
-  });
-  var getPlaceholderStyleName = showImagePlaceholder ? "placeholder" : "";
-  var fullBleed = FullBleed ? "" : "with-padding";
-  var heroImageClass = "hero-image";
-  if (isHorizontal) heroImageClass = "right-padding";else if (isHorizontalWithImageLast) heroImageClass = "left-padding";
-  var heroImageMobClasses = isHorizontalMobile ? "right-padding-mob" : "";
-
-  var getPadding = function getPadding(aspectRatio) {
-    var _aspectRatio = _slicedToArray__default["default"](aspectRatio, 2),
-        height = _aspectRatio[0],
-        width = _aspectRatio[1];
-
-    if (height > 0 && width > 0) {
-      var padding = width / height * 100;
-      return padding;
-    }
-
-    return 0;
-  };
-
-  var _aspectRatio2 = _slicedToArray__default["default"](aspectRatio, 2),
-      mobileAspectRatio = _aspectRatio2[0],
-      _aspectRatio2$ = _aspectRatio2[1],
-      desktopAspectRatio = _aspectRatio2$ === void 0 ? mobileAspectRatio : _aspectRatio2$;
-
-  var isMobile = clientWidth("mobile");
-  var imageAspectRatio = isMobile ? mobileAspectRatio : desktopAspectRatio;
-  var imagePadding = isMobile ? getPadding(mobileAspectRatio) : getPadding(desktopAspectRatio);
-  var slug = lodash.get(story, ["hero-image-s3-key"]) || lodash.get(story, ["alternative", "home", "default", "hero-image", "hero-image-s3-key"]);
-  var hyperLink = lodash.get(story, ["hero-image-hyperlink"], "");
-
-  var fallbackImage = function fallbackImage() {
-    if (!slug) {
-      if (fallbackImageUrl && !isStoryPageImage) {
-        return /*#__PURE__*/React__default["default"].createElement("figure", {
-          style: {
-            paddingTop: imagePadding + "%"
-          },
-          className: "arr--responsive-hero-image " + _getClassName__default["default"]("image ".concat(getPlaceholderStyleName), _styleModuleImportMap)
-        }, /*#__PURE__*/React__default["default"].createElement("img", {
-          className: "qt-image",
-          "data-src": "".concat(fallbackImageUrl),
-          alt: "image-fallback"
-        }));
-      }
-
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, defaultFallback ? /*#__PURE__*/React__default["default"].createElement("div", {
-        "data-test-id": "arr--fallback-hero-image",
-        style: {
-          paddingTop: imagePadding + "%"
-        },
-        className: "arr--fallback-hero-image " + _getClassName__default["default"]("image ".concat(getPlaceholderStyleName), _styleModuleImportMap)
-      }, /*#__PURE__*/React__default["default"].createElement(StoryTemplateIcon, {
-        storyTemplate: story["story-template"]
-      }), /*#__PURE__*/React__default["default"].createElement(FallbackImage, null)) : null);
-    }
-
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("figure", {
-      style: {
-        paddingTop: imagePadding + "%"
-      },
-      className: "arr--responsive-hero-image " + _getClassName__default["default"]("image ".concat(getPlaceholderStyleName), _styleModuleImportMap)
-    }, /*#__PURE__*/React__default["default"].createElement(StoryTemplateIcon, {
-      storyTemplate: story["story-template"]
-    }), /*#__PURE__*/React__default["default"].createElement(components.ResponsiveHeroImage, {
-      story: story,
-      aspectRatio: imageAspectRatio,
-      defaultWidth: defaultWidth,
-      widths: widths,
-      imgParams: {
-        auto: ["format", "compress"],
-        fit: "max"
-      }
-    })), isStoryPageImage && hyperLink && /*#__PURE__*/React__default["default"].createElement(HyperLink, {
-      hyperLink: hyperLink
-    }));
-  };
-
-  return story && (isStoryPageImage ? /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-test-id": "arr--hero-image",
-    className: "arr--hero-image " + _getClassName__default["default"]("".concat(heroImageClass, " ").concat(fullBleed, " ").concat(heroImageMobClasses), _styleModuleImportMap)
-  }, fallbackImage()) : /*#__PURE__*/React__default["default"].createElement(components.Link, {
-    "data-test-id": "arr--hero-image",
-    href: getStoryUrl(story, "/".concat(story.slug)),
-    externalLink: isExternalStory(story),
-    "aria-label": "fallback-hero-image",
-    className: "arr--hero-image " + _getClassName__default["default"]("".concat(heroImageClass, " ").concat(fullBleed, " ").concat(heroImageMobClasses), _styleModuleImportMap)
-  }, fallbackImage()));
-};
-HeroImage.propTypes = {
-  /** The Story Object from the API response */
-  story: PropTypes__default["default"].object.isRequired,
-
-  /** Removes the Hero Image padding for the image to bleed over the margin */
-  FullBleed: PropTypes__default["default"].bool,
-
-  /** The default width for the image, in case the browser does not support srcset */
-  defaultWidth: PropTypes__default["default"].number,
-
-  /** The list of available widths */
-  widths: PropTypes__default["default"].array,
-  // fatch the correct hero image
-  aspectRatio: PropTypes__default["default"].array,
-  //  Hints for the browser to choose the best size
-
-  /** This prop is responsible for adding padding-right of the image and remove padding bottom of the image  */
-  isHorizontal: PropTypes__default["default"].bool,
-
-  /** This prop is responsible for adding padding-bottom in desktop and padding-right in mobile */
-  isHorizontalMobile: PropTypes__default["default"].bool,
-  // this prop is responsive for rendering fallback image on story page
-  defaultFallback: PropTypes__default["default"].bool,
-  isHorizontalWithImageLast: PropTypes__default["default"].bool,
-  isStoryPageImage: PropTypes__default["default"].bool,
-  config: PropTypes__default["default"].object
-};
-HeroImage.defaultProps = {
-  FullBleed: true,
-  aspectRatio: [[1, 1], [16, 9]],
-  defaultWidth: 480,
-  widths: [250, 480, 640],
-  isHorizontal: false,
-  isHorizontalMobile: false,
-  defaultFallback: true,
-  isStoryPageImage: false,
-  isHorizontalWithImageLast: false,
-  config: {}
-};
-
-exports.HeroImage = HeroImage;

package/atoms/HeroImage/styles.arrow.css

@@ -1 +0,0 @@
-.fallback-m_image-position__rAOpW{bottom:0;left:0;position:absolute;right:0;top:0}.fallback-m_image__j9gJ2{background:var(--fallback-img)}.fallback-m_image__j9gJ2:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.fallback-m_fallback-svg__LJk7c svg{bottom:0;height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;transform:translateX(-50%)}.hyperlink-m_hyperlink-button__sysnC{bottom:var(--arrow-spacing-xxs);position:absolute;right:var(--arrow-spacing-xxs);z-index:10}.hyperlink-m_hyperlink-button__sysnC svg rect{fill:var(--arrow-c-brand1)}.hero-image-m_hero-image__GPENA{flex-grow:1;margin-bottom:var(--arrow-spacing-xs);padding-right:0;position:relative}.hero-image-m_right-padding__BTBXn{flex-grow:1;margin-bottom:0;padding-right:var(--arrow-spacing-s)}.hero-image-m_left-padding__yiln3{flex-grow:1;margin-bottom:0;padding-left:var(--arrow-spacing-s)}.hero-image-m_right-padding-mob__y7wsK{flex-basis:30%;flex-grow:1;margin-bottom:0;padding-right:var(--arrow-spacing-s)}@media (min-width:768px){.hero-image-m_right-padding-mob__y7wsK{margin-bottom:var(--arrow-spacing-xs);padding-right:0}}.hero-image-m_placeholder__QdaNV{background-color:#d3d3d3}html[dir=rtl] .hero-image-m_right-padding-mob__y7wsK,html[dir=rtl] .hero-image-m_right-padding__BTBXn{padding-left:var(--arrow-spacing-s);padding-right:0}@media (min-width:768px){html[dir=rtl] .hero-image-m_right-padding-mob__y7wsK{padding-left:0}}.hero-image-m_hero-image-mob__BXKnM{flex-grow:1;margin-bottom:var(--arrow-spacing-xs);padding-right:0}.hero-image-m_with-padding__4uBJT{padding:16px 16px 0}.hero-image-m_image__868Y6{position:relative}.hero-image-m_image__868Y6 img{bottom:0;height:100%;left:0;position:absolute;right:0;top:0}

package/atoms/LoadmoreButton/index.js

@@ -1,175 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
-var React = require('react');
-var components = require('@quintype/components');
-var PropTypes = require('prop-types');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/regenerator');
-var lodash = require('lodash');
-require('react-timeago');
-require('date-fns-tz');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var hexToRGB = function hexToRGB(hex) {
-  var r = parseInt(hex.slice(1, 3), 16);
-  var g = parseInt(hex.slice(3, 5), 16);
-  var b = parseInt(hex.slice(5, 7), 16);
-  return {
-    r: r,
-    g: g,
-    b: b
-  };
-};
-var getLuminanceOfColor = function getLuminanceOfColor(hex) {
-  var _hexToRGB = hexToRGB(hex),
-      r = _hexToRGB.r,
-      g = _hexToRGB.g,
-      b = _hexToRGB.b;
-
-  return r * 0.299 + g * 0.587 + b * 0.114;
-};
-var rgbToHex = function rgbToHex() {
-  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgba(255, 255, 255, 0)";
-  var rgba = color.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
-  return rgba && rgba.length === 4 ? "#" + ("0" + parseInt(rgba[1], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[2], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[3], 10).toString(16)).slice(-2) : color;
-};
-var getTextColor = function getTextColor() {
-  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgb(255,255,255)";
-  var isRegexCheck = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(theme);
-  var getHexValue = !isRegexCheck ? rgbToHex(theme) : theme;
-  var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
-  return textColor;
-};
-var getSlug = function getSlug(collection) {
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var _config$magazineSlug = config.magazineSlug,
-      magazineSlug = _config$magazineSlug === void 0 ? "" : _config$magazineSlug,
-      _config$isArchivePage = config.isArchivePage,
-      isArchivePage = _config$isArchivePage === void 0 ? false : _config$isArchivePage;
-
-  if (isArchivePage) {
-    return "/magazine/archive/".concat(magazineSlug);
-  }
-
-  if (magazineSlug) {
-    return "/magazine/".concat(magazineSlug, "/").concat(collection.slug);
-  }
-
-  var isSection = collection.template === "section";
-
-  if (isSection) {
-    var sectionId = lodash.get(collection, ["metadata", "section", "0", "id"], "");
-    var sections = config.sections;
-    var section = sections && sections.find(function (section) {
-      return section.id === sectionId;
-    });
-    return section ? section["section-url"] : "/";
-  }
-
-  return "/collection/".concat(collection.slug);
-};
-PropTypes__default["default"].shape({
-  "sketches-host": PropTypes__default["default"].string,
-  "cdn-name": PropTypes__default["default"].string,
-  "cdn-image": PropTypes__default["default"].string
-});
-PropTypes__default["default"].shape({
-  headline: PropTypes__default["default"].string,
-  "last-published-at": PropTypes__default["default"].number,
-  subheadline: PropTypes__default["default"].string
-});
-var generateNavigateSlug = function generateNavigateSlug() {
-  var collection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var customUrlPath = arguments.length > 2 ? arguments[2] : undefined;
-
-  if (customUrlPath) {
-    return customUrlPath;
-  }
-
-  var _config$magazineSlug2 = config.magazineSlug,
-      magazineSlug = _config$magazineSlug2 === void 0 ? "" : _config$magazineSlug2,
-      _config$isArchivePage2 = config.isArchivePage,
-      isArchivePage = _config$isArchivePage2 === void 0 ? false : _config$isArchivePage2;
-
-  if (isArchivePage) {
-    return "/magazine/archive/".concat(magazineSlug);
-  }
-
-  if (magazineSlug) {
-    return "/magazine/".concat(magazineSlug, "/").concat(collection.slug);
-  }
-
-  if (collection) {
-    return getSlug(collection, config);
-  }
-
-  return "/";
-};
-
-var _styleModuleImportMap = {
-  "./load-more.m.css": {
-    "button": "load-more-m_button__1mmf1",
-    "default": "load-more-m_default__2_k4V",
-    "dark": "load-more-m_dark__3dfzb",
-    "light": "load-more-m_light__ePZQI"
-  }
-};
-
-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__default["default"](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 LoadmoreButton = function LoadmoreButton(_ref) {
-  var _ref$config = _ref.config,
-      config = _ref$config === void 0 ? {} : _ref$config,
-      collection = _ref.collection,
-      _ref$template = _ref.template,
-      template = _ref$template === void 0 ? "SubsequentLoadCount" : _ref$template,
-      onClick = _ref.onClick,
-      navigate = _ref.navigate,
-      qtConfig = _ref.qtConfig;
-  var _config$showButton = config.showButton,
-      showButton = _config$showButton === void 0 ? true : _config$showButton,
-      _config$buttonText = config.buttonText,
-      buttonText = _config$buttonText === void 0 ? "Read More" : _config$buttonText,
-      _config$theme = config.theme,
-      theme = _config$theme === void 0 ? "" : _config$theme,
-      _config$customUrlPath = config.customUrlPath,
-      customUrlPath = _config$customUrlPath === void 0 ? "" : _config$customUrlPath;
-  if (!showButton) return null;
-  var textColor = getTextColor(theme);
-  var slug = customUrlPath ? "/".concat(customUrlPath) : generateNavigateSlug(collection, _objectSpread(_objectSpread({}, qtConfig), config));
-  return template === "SubsequentLoadCount" ? /*#__PURE__*/React__default["default"].createElement("div", {
-    onClick: onClick,
-    "data-test-id": "load-more",
-    className: "arr--button " + _getClassName__default["default"]("button ".concat(textColor, " default"), _styleModuleImportMap)
-  }, buttonText) : /*#__PURE__*/React__default["default"].createElement(components.LinkBase, {
-    href: slug,
-    navigateTo: navigate,
-    "data-test-id": "load-more",
-    "aria-label": "load-more"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "arr--button " + _getClassName__default["default"]("button ".concat(textColor, " default"), _styleModuleImportMap)
-  }, buttonText));
-};
-LoadmoreButton.propTypes = {
-  collection: PropTypes__default["default"].object,
-  template: PropTypes__default["default"].string,
-  config: PropTypes__default["default"].object,
-  onClick: PropTypes__default["default"].func,
-  navigate: PropTypes__default["default"].func,
-  qtConfig: PropTypes__default["default"].object
-};
-
-exports.LoadmoreButton = LoadmoreButton;

package/atoms/LoadmoreButton/styles.arrow.css

@@ -1 +0,0 @@
-.load-more-m_button__qDfvU{background-color:transparent;border:1px solid;border-radius:var(--arrow-spacing-xxs);cursor:pointer;display:flex;font-size:var(--arrow-fs-xs);margin:var(--arrow-spacing-m) auto var(--arrow-spacing-xs) auto;padding:var(--arrow-spacing-xs) var(--arrow-spacing-l);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.load-more-m_default__HMaZ1{display:block}.load-more-m_dark__pAdYl{color:var(--arrow-c-mono2)}.load-more-m_light__x9Bdj{color:var(--arrow-c-invert-mono2)}