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

package/atoms/SectionTag/index.js

@@ -1,8 +1,17 @@
-import React, { useContext, createContext } from 'react';
-import { Link } from '@quintype/components';
-import PropTypes from 'prop-types';
-import 'react-timeago';
-import 'date-fns-tz';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var components = require('@quintype/components');
+var PropTypes = require('prop-types');
+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 commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1343,9 +1352,9 @@ function get(object, path, defaultValue) {
 
 var get_1 = get;
 
-var StateContext = /*#__PURE__*/createContext(); // eslint-disable-next-line react/display-name
+var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
 var useStateValue = function useStateValue() {
-  return useContext(StateContext);
+  return React.useContext(StateContext);
 };
 
 /**
@@ -2134,15 +2143,15 @@ var getTextColor = function getTextColor() {
   var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
   return textColor;
 };
-PropTypes.shape({
-  "sketches-host": PropTypes.string,
-  "cdn-name": PropTypes.string,
-  "cdn-image": PropTypes.string
+PropTypes__default["default"].shape({
+  "sketches-host": PropTypes__default["default"].string,
+  "cdn-name": PropTypes__default["default"].string,
+  "cdn-image": PropTypes__default["default"].string
 });
-PropTypes.shape({
-  headline: PropTypes.string,
-  "last-published-at": PropTypes.number,
-  subheadline: PropTypes.string
+PropTypes__default["default"].shape({
+  headline: PropTypes__default["default"].string,
+  "last-published-at": PropTypes__default["default"].number,
+  subheadline: PropTypes__default["default"].string
 });
 
 var _styleModuleImportMap = {
@@ -2180,22 +2189,22 @@ var SectionTag = function SectionTag(_ref) {
   }
 
   if (!isSection) return null;
-  return /*#__PURE__*/React.createElement(Link, {
+  return /*#__PURE__*/React__default["default"].createElement(components.Link, {
     href: getUrl,
     className: "arrow-component arr--section-name",
     "aria-label": "section-name"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "sectionTag",
     style: {
       backgroundColor: templateStyle.includes("section-solid") ? sectionTagBorderColor : ""
     },
     className: "section-tag arrow-component " + _getClassName("".concat(textColor, " ").concat(templateStyle), _styleModuleImportMap)
-  }, templateStyle.includes("section-borderLeft") && /*#__PURE__*/React.createElement("span", {
+  }, templateStyle.includes("section-borderLeft") && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "section-m_border-left__2oUyp",
     style: {
       color: sectionTagBorderColor
     }
-  }), section["display-name"] || section["name"], /*#__PURE__*/React.createElement("div", {
+  }), section["display-name"] || section["name"], /*#__PURE__*/React__default["default"].createElement("div", {
     className: "section-m_border-bottom__3cRoD",
     style: {
       backgroundColor: "".concat(template === "solid" ? "" : sectionTagBorderColor)
@@ -2204,17 +2213,17 @@ var SectionTag = function SectionTag(_ref) {
 };
 SectionTag.propTypes = {
   /** The Story Object from the API response */
-  story: PropTypes.object.isRequired,
+  story: PropTypes__default["default"].object.isRequired,
 
   /** The style template for section tag */
-  template: PropTypes.oneOf(["", "borderBottomSml", "borderLeft", "solid"]),
-  borderColor: PropTypes.string,
-  solidBorderColor: PropTypes.string,
-  isLightTheme: PropTypes.bool
+  template: PropTypes__default["default"].oneOf(["", "borderBottomSml", "borderLeft", "solid"]),
+  borderColor: PropTypes__default["default"].string,
+  solidBorderColor: PropTypes__default["default"].string,
+  isLightTheme: PropTypes__default["default"].bool
 };
 SectionTag.defaultProps = {
   template: "",
   isLightTheme: false
 };
 
-export { SectionTag };
+exports.SectionTag = SectionTag;

package/atoms/Subheadline/index.js

@@ -1,7 +1,16 @@
-import React, { useContext, createContext } from 'react';
-import PropTypes from 'prop-types';
-import 'react-timeago';
-import 'date-fns-tz';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+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 commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1342,9 +1351,9 @@ function get(object, path, defaultValue) {
 
 var get_1 = get;
 
-var StateContext = /*#__PURE__*/createContext(); // eslint-disable-next-line react/display-name
+var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
 var useStateValue = function useStateValue() {
-  return useContext(StateContext);
+  return React.useContext(StateContext);
 };
 
 /**
@@ -2141,15 +2150,15 @@ var getTextColor = function getTextColor() {
   var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
   return textColor;
 };
-PropTypes.shape({
-  "sketches-host": PropTypes.string,
-  "cdn-name": PropTypes.string,
-  "cdn-image": PropTypes.string
+PropTypes__default["default"].shape({
+  "sketches-host": PropTypes__default["default"].string,
+  "cdn-name": PropTypes__default["default"].string,
+  "cdn-image": PropTypes__default["default"].string
 });
-PropTypes.shape({
-  headline: PropTypes.string,
-  "last-published-at": PropTypes.number,
-  subheadline: PropTypes.string
+PropTypes__default["default"].shape({
+  headline: PropTypes__default["default"].string,
+  "last-published-at": PropTypes__default["default"].number,
+  subheadline: PropTypes__default["default"].string
 });
 
 var _styleModuleImportMap = {
@@ -2172,7 +2181,7 @@ var Subheadline = function Subheadline(_ref) {
   var subheadline = forceShowAtom || get_1(config, ["showSubheadline"], true);
   if (!subheadline) return null;
   var textColor = getTextColor(config.theme);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       WebkitLineClamp: lineClamp
     },
@@ -2182,19 +2191,19 @@ var Subheadline = function Subheadline(_ref) {
 };
 Subheadline.propTypes = {
   /** The Story Object from the API response */
-  story: PropTypes.object.isRequired,
+  story: PropTypes__default["default"].object.isRequired,
   //  Restricts the number of lines for subheadline.
-  lineClamp: PropTypes.number,
+  lineClamp: PropTypes__default["default"].number,
 
   /** Number of characters to truncate the subheadline */
-  truncateChars: PropTypes.number,
-  clazzName: PropTypes.string,
-  forceShowAtom: PropTypes.bool,
-  showFullContent: PropTypes.bool
+  truncateChars: PropTypes__default["default"].number,
+  clazzName: PropTypes__default["default"].string,
+  forceShowAtom: PropTypes__default["default"].bool,
+  showFullContent: PropTypes__default["default"].bool
 };
 Subheadline.defaultProps = {
   forceShowAtom: false,
   showFullContent: false
 };
 
-export { Subheadline };
+exports.Subheadline = Subheadline;

package/atoms/TimeStamp/index.js

@@ -1,7 +1,17 @@
-import React, { useContext, createContext } from 'react';
-import PropTypes from 'prop-types';
-import Timeago from 'react-timeago';
-import { utcToZonedTime, format } from 'date-fns-tz';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var Timeago = require('react-timeago');
+var dateFnsTz = 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 Timeago__default = /*#__PURE__*/_interopDefaultLegacy(Timeago);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1342,9 +1352,9 @@ function get(object, path, defaultValue) {
 
 var get_1 = get;
 
-var StateContext = /*#__PURE__*/createContext(); // eslint-disable-next-line react/display-name
+var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
 var useStateValue = function useStateValue() {
-  return useContext(StateContext);
+  return React.useContext(StateContext);
 };
 
 /**
@@ -2591,15 +2601,15 @@ var getTextColor = function getTextColor() {
   var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
   return textColor;
 };
-PropTypes.shape({
-  "sketches-host": PropTypes.string,
-  "cdn-name": PropTypes.string,
-  "cdn-image": PropTypes.string
+PropTypes__default["default"].shape({
+  "sketches-host": PropTypes__default["default"].string,
+  "cdn-name": PropTypes__default["default"].string,
+  "cdn-image": PropTypes__default["default"].string
 });
-PropTypes.shape({
-  headline: PropTypes.string,
-  "last-published-at": PropTypes.number,
-  subheadline: PropTypes.string
+PropTypes__default["default"].shape({
+  headline: PropTypes__default["default"].string,
+  "last-published-at": PropTypes__default["default"].number,
+  subheadline: PropTypes__default["default"].string
 });
 var getTimeStamp = function getTimeStamp(date, _formatter) {
   var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -2607,17 +2617,17 @@ var getTimeStamp = function getTimeStamp(date, _formatter) {
   var timezone = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
 
   if (timezone && template === "story") {
-    var zonedTime = timezone && utcToZonedTime(date, timezone);
-    var formatZonedTime = zonedTime && format(zonedTime, "yyyy-MM-dd'T'HH:mm:ssXXX", {
+    var zonedTime = timezone && dateFnsTz.utcToZonedTime(date, timezone);
+    var formatZonedTime = zonedTime && dateFnsTz.format(zonedTime, "yyyy-MM-dd'T'HH:mm:ssXXX", {
       timeZone: timezone
     });
     var timeStamp = timestampToFormat("", "", "", date, config);
-    return /*#__PURE__*/React.createElement("time", {
+    return /*#__PURE__*/React__default["default"].createElement("time", {
       dateTime: formatZonedTime
     }, timeStamp);
   }
 
-  return /*#__PURE__*/React.createElement(Timeago, {
+  return /*#__PURE__*/React__default["default"].createElement(Timeago__default["default"], {
     date: date,
     formatter: function formatter(value, unit, suffix, date) {
       return _formatter(value, unit, suffix, date, config);
@@ -2644,18 +2654,18 @@ var TimeStamp = function TimeStamp(_ref) {
   var time = story["last-published-at"] || story["first-published-at"];
   var isBottomClasses = isBottom ? "bottom-fix" : "";
   var textColor = getTextColor(configState.theme);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isTime && /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isTime && /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "publish-time",
     className: "time arr--publish-time " + _getClassName("time  ".concat(textColor, " ").concat(isBottomClasses), _styleModuleImportMap)
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "timestamp-m_time-wrapper__3O2lM"
   }, getTimeStamp(time, formatter, config))));
 };
 TimeStamp.propTypes = {
   /** The Story Object from the API response */
-  story: PropTypes.object,
-  isBottom: PropTypes.bool,
-  config: PropTypes.object
+  story: PropTypes__default["default"].object,
+  isBottom: PropTypes__default["default"].bool,
+  config: PropTypes__default["default"].object
 };
 
-export { TimeStamp };
+exports.TimeStamp = TimeStamp;

package/molecules/KeyEvents/index.js

@@ -1,9 +1,19 @@
-import React, { createContext, useState } from 'react';
-import PropTypes from 'prop-types';
-import Timeago from 'react-timeago';
-import { utcToZonedTime, format } from 'date-fns-tz';
-import { LinkBase } from '@quintype/components';
-import { useSelector } from 'react-redux';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var Timeago = require('react-timeago');
+var dateFnsTz = require('date-fns-tz');
+var components = require('@quintype/components');
+var reactRedux = require('react-redux');
+
+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 Timeago__default = /*#__PURE__*/_interopDefaultLegacy(Timeago);
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -1408,19 +1418,19 @@ var get_1 = get;
 var ClockIcon = function ClockIcon(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#333" : _ref$color;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: color,
     fillRule: "evenodd",
     d: "M12 19.75a7.513 7.513 0 003.875-1.047 7.832 7.832 0 002.828-2.828A7.513 7.513 0 0019.75 12a7.513 7.513 0 00-1.047-3.875c-.698-1.187-1.64-2.13-2.828-2.828S13.395 4.25 12 4.25a7.51 7.51 0 00-3.875 1.047c-1.188.698-2.13 1.64-2.828 2.828S4.25 10.605 4.25 12a7.51 7.51 0 001.047 3.875 7.824 7.824 0 002.828 2.828A7.513 7.513 0 0012 19.75zm.016-1a6.64 6.64 0 01-3.391-.906 6.716 6.716 0 01-2.469-2.453 6.563 6.563 0 01-.906-3.375c0-1.22.302-2.35.906-3.391A6.711 6.711 0 018.61 6.156a6.563 6.563 0 013.375-.906c1.22 0 2.35.302 3.391.906a6.716 6.716 0 012.469 2.453A6.592 6.592 0 0118.751 12a6.616 6.616 0 01-.906 3.375 6.716 6.716 0 01-2.453 2.469 6.563 6.563 0 01-3.375.906zm2.283-3.92l.076-.002a.343.343 0 00.25-.14l.25-.375a.365.365 0 00.078-.266.328.328 0 00-.14-.234l-2.22-1.625V7.625a.362.362 0 00-.109-.266.36.36 0 00-.265-.109h-.438a.357.357 0 00-.265.11.358.358 0 00-.11.265v5c0 .125.052.219.156.281l2.532 1.844a.383.383 0 00.281.078l-.076.001z"
   }));
 };
 ClockIcon.propTypes = {
-  color: PropTypes.string
+  color: PropTypes__default["default"].string
 };
 
 /**
@@ -2678,15 +2688,15 @@ var getSlug = function getSlug(collection) {
 
   return "/collection/".concat(collection.slug);
 };
-PropTypes.shape({
-  "sketches-host": PropTypes.string,
-  "cdn-name": PropTypes.string,
-  "cdn-image": PropTypes.string
+PropTypes__default["default"].shape({
+  "sketches-host": PropTypes__default["default"].string,
+  "cdn-name": PropTypes__default["default"].string,
+  "cdn-image": PropTypes__default["default"].string
 });
-PropTypes.shape({
-  headline: PropTypes.string,
-  "last-published-at": PropTypes.number,
-  subheadline: PropTypes.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] : {};
@@ -2722,17 +2732,17 @@ var getTimeStamp = function getTimeStamp(date, _formatter) {
   var timezone = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
 
   if (timezone && template === "story") {
-    var zonedTime = timezone && utcToZonedTime(date, timezone);
-    var formatZonedTime = zonedTime && format(zonedTime, "yyyy-MM-dd'T'HH:mm:ssXXX", {
+    var zonedTime = timezone && dateFnsTz.utcToZonedTime(date, timezone);
+    var formatZonedTime = zonedTime && dateFnsTz.format(zonedTime, "yyyy-MM-dd'T'HH:mm:ssXXX", {
       timeZone: timezone
     });
     var timeStamp = timestampToFormat("", "", "", date, config);
-    return /*#__PURE__*/React.createElement("time", {
+    return /*#__PURE__*/React__default["default"].createElement("time", {
       dateTime: formatZonedTime
     }, timeStamp);
   }
 
-  return /*#__PURE__*/React.createElement(Timeago, {
+  return /*#__PURE__*/React__default["default"].createElement(Timeago__default["default"], {
     date: date,
     formatter: function formatter(value, unit, suffix, date) {
       return _formatter(value, unit, suffix, date, config);
@@ -2787,38 +2797,38 @@ var LoadmoreButton = function LoadmoreButton(_ref) {
   if (!showButton) return null;
   var textColor = getTextColor(theme);
   var slug = customUrlPath ? "/".concat(customUrlPath) : generateNavigateSlug(collection, _objectSpread(_objectSpread({}, qtConfig), config));
-  return template === "SubsequentLoadCount" ? /*#__PURE__*/React.createElement("div", {
+  return template === "SubsequentLoadCount" ? /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: onClick,
     "data-test-id": "load-more",
     className: "arr--button " + _getClassName("button ".concat(textColor, " default"), _styleModuleImportMap$1)
-  }, buttonText) : /*#__PURE__*/React.createElement(LinkBase, {
+  }, buttonText) : /*#__PURE__*/React__default["default"].createElement(components.LinkBase, {
     href: slug,
     navigateTo: navigate,
     "data-test-id": "load-more",
     "aria-label": "load-more"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "arr--button " + _getClassName("button ".concat(textColor, " default"), _styleModuleImportMap$1)
   }, buttonText));
 };
 LoadmoreButton.propTypes = {
-  collection: PropTypes.object,
-  template: PropTypes.string,
-  config: PropTypes.object,
-  onClick: PropTypes.func,
-  navigate: PropTypes.func,
-  qtConfig: PropTypes.object
+  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
 };
 
-var StateContext = /*#__PURE__*/createContext(); // eslint-disable-next-line react/display-name
+var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
 
 var StateProvider = function StateProvider(RowComponent) {
   return function (props) {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/prop-types
-      React.createElement(StateContext.Provider, {
+      React__default["default"].createElement(StateContext.Provider, {
         value: props.config
-      }, /*#__PURE__*/React.createElement(RowComponent, props))
+      }, /*#__PURE__*/React__default["default"].createElement(RowComponent, props))
     );
   };
 };
@@ -2858,23 +2868,23 @@ var KeyEventCards = function KeyEventCards(props) {
   var updateColor = textColor === "dark" ? dark : light;
   var lastElement = index === cardLength - 1;
   var borderLeft = lastElement ? "borderNone" : "";
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: _getClassName("time-wrapper ".concat(textColor), _styleModuleImportMap)
-  }, /*#__PURE__*/React.createElement(ClockIcon, {
+  }, /*#__PURE__*/React__default["default"].createElement(ClockIcon, {
     color: updateColor
   }), getTimeStamp(cardAddedAt, timestampToFormat, {
     showTime: true,
     isTimeFirst: true
-  })), /*#__PURE__*/React.createElement("a", {
+  })), /*#__PURE__*/React__default["default"].createElement("a", {
     href: "".concat(mountAt, "/").concat(slug, "#").concat(id),
     "aria-label": "event-title"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: _getClassName("event-title ".concat(textColor, " ").concat(borderLeft), _styleModuleImportMap)
   }, storyElements.map(function (element, index) {
-    return element.type === "title" && /*#__PURE__*/React.createElement("h3", {
+    return element.type === "title" && /*#__PURE__*/React__default["default"].createElement("h3", {
       key: index
     }, element.text);
-  }), showLoadMore && lastElement && loadCards && /*#__PURE__*/React.createElement("div", {
+  }), showLoadMore && lastElement && loadCards && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "key-events-m_fade-out__11jv_",
     style: {
       backgroundImage: "linear-gradient(to bottom, transparent, ".concat(theme, ")")
@@ -2883,22 +2893,21 @@ var KeyEventCards = function KeyEventCards(props) {
 };
 
 KeyEventCards.propTypes = {
-  card: PropTypes.shape({
-    "card-added-at": PropTypes.number,
-    "story-elements": PropTypes.array,
-    id: PropTypes.string
+  card: PropTypes__default["default"].shape({
+    "card-added-at": PropTypes__default["default"].number,
+    "story-elements": PropTypes__default["default"].array,
+    id: PropTypes__default["default"].string
   }),
-  config: PropTypes.object,
-  slug: PropTypes.string,
-  story: PropTypes.object,
-  elements: PropTypes.array,
-  index: PropTypes.number,
-  cardLength: PropTypes.number,
-  loadCards: PropTypes.bool,
-  showLoadMore: PropTypes.bool
+  config: PropTypes__default["default"].object,
+  slug: PropTypes__default["default"].string,
+  story: PropTypes__default["default"].object,
+  elements: PropTypes__default["default"].array,
+  index: PropTypes__default["default"].number,
+  cardLength: PropTypes__default["default"].number,
+  loadCards: PropTypes__default["default"].bool,
+  showLoadMore: PropTypes__default["default"].bool
 };
-
-var KeyEvents = function KeyEvents(_ref) {
+var KeyEventsBase = function KeyEventsBase(_ref) {
   var _ref$story = _ref.story,
       story = _ref$story === void 0 ? {} : _ref$story,
       _ref$config = _ref.config,
@@ -2911,7 +2920,7 @@ var KeyEvents = function KeyEvents(_ref) {
       initialLoadCount = _config$initialLoadCo === void 0 ? 4 : _config$initialLoadCo;
   var textColor = getTextColor(theme);
 
-  var _useState = useState(initialLoadCount),
+  var _useState = React.useState(initialLoadCount),
       _useState2 = _slicedToArray(_useState, 2),
       initialCount = _useState2[0],
       updatedCount = _useState2[1];
@@ -2920,7 +2929,7 @@ var KeyEvents = function KeyEvents(_ref) {
     return get_1(card.metadata, ["attributes", "key-event"]);
   });
   var lastElement = cardsWithKeyEvents.length > initialCount;
-  var qtConfig = useSelector(function (state) {
+  var qtConfig = reactRedux.useSelector(function (state) {
     return get_1(state, ["qt", "config"], {});
   });
 
@@ -2934,7 +2943,7 @@ var KeyEvents = function KeyEvents(_ref) {
 
   var showAllCards = !showLoadMore ? cardsWithKeyEvents.slice(0, 4) : cardsWithKeyEvents.slice(0, initialCount);
   var keyEvents = showAllCards.map(function (card, index, source) {
-    return /*#__PURE__*/React.createElement(KeyEventCards, {
+    return /*#__PURE__*/React__default["default"].createElement(KeyEventCards, {
       cardLength: source.length,
       card: card,
       key: card.id,
@@ -2945,26 +2954,26 @@ var KeyEvents = function KeyEvents(_ref) {
       showLoadMore: showLoadMore
     });
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       background: theme
     },
     className: "arrow-component " + _getClassName("container ".concat(textColor), _styleModuleImportMap)
-  }, /*#__PURE__*/React.createElement("h3", null, "Key Events"), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("h3", null, "Key Events"), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "key-events-m_cards-wrapper__3f8aB"
-  }, keyEvents), showLoadMore && lastElement && /*#__PURE__*/React.createElement(LoadmoreButton, {
+  }, keyEvents), showLoadMore && lastElement && /*#__PURE__*/React__default["default"].createElement(LoadmoreButton, {
     onClick: onClick,
     template: "SubsequentLoadCount",
     config: config,
     qtConfig: qtConfig
   }));
 };
-
-KeyEvents.propTypes = {
-  story: PropTypes.object,
-  config: PropTypes.object,
-  showLoadMore: PropTypes.bool
+KeyEventsBase.propTypes = {
+  story: PropTypes__default["default"].object,
+  config: PropTypes__default["default"].object,
+  showLoadMore: PropTypes__default["default"].bool
 };
-var index = StateProvider(KeyEvents);
+var KeyEvents = StateProvider(KeyEventsBase);
 
-export { index as default };
+exports.KeyEvents = KeyEvents;
+exports.KeyEventsBase = KeyEventsBase;