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

package/story-elements/AlsoRead/index.js

@@ -1,8 +1,17 @@
-import React, { useContext, createContext } from 'react';
-import { Link, LazyLoadImages, ResponsiveImage } 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);
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -1404,13 +1413,13 @@ var withElementWrapper = function withElementWrapper(StoryElement) {
 
     if (!element) return null;
     if (render && typeof render === "function") return render(props);
-    return /*#__PURE__*/React.createElement(StoryElement, _extends({}, restProps, {
+    return /*#__PURE__*/React__default["default"].createElement(StoryElement, _extends({}, restProps, {
       element: element
     }));
   };
 };
 withElementWrapper.propTypes = {
-  StoryElement: PropTypes.element
+  StoryElement: PropTypes__default["default"].element
 };
 
 var ImageFallbackIcon = function ImageFallbackIcon(_ref) {
@@ -1420,27 +1429,27 @@ var ImageFallbackIcon = function ImageFallbackIcon(_ref) {
       height = _ref$height === void 0 ? 30 : _ref$height,
       _ref$iconColor = _ref.iconColor,
       iconColor = _ref$iconColor === void 0 ? "#99B0CB" : _ref$iconColor;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     width: width,
     height: height,
     viewBox: "0 0 102 76",
     version: "1.1"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__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.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     id: "Group-13",
     transform: "translate(377.000000, 314.000000)"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__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.createElement("rect", {
+  }), /*#__PURE__*/React__default["default"].createElement("rect", {
     id: "Rectangle-19",
     stroke: iconColor,
     strokeWidth: "3",
@@ -1452,24 +1461,24 @@ var ImageFallbackIcon = function ImageFallbackIcon(_ref) {
   }))));
 };
 ImageFallbackIcon.propTypes = {
-  width: PropTypes.object,
-  height: PropTypes.object,
-  iconColor: PropTypes.object
+  width: PropTypes__default["default"].object,
+  height: PropTypes__default["default"].object,
+  iconColor: PropTypes__default["default"].object
 };
 
 var imageFallback = function imageFallback() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "arr--fallback-image fallback-m_image__1GYCJ fallback-m_image-position__3KddP"
-  }, /*#__PURE__*/React.createElement("figure", {
+  }, /*#__PURE__*/React__default["default"].createElement("figure", {
     className: "arr--fallback-svg fallback-m_fallback-svg__tK9fL"
-  }, /*#__PURE__*/React.createElement(ImageFallbackIcon, null)));
+  }, /*#__PURE__*/React__default["default"].createElement(ImageFallbackIcon, null)));
 };
 
 var FallbackImage = function FallbackImage(_ref) {
   var slug = _ref.slug;
 
   if (slug) {
-    return /*#__PURE__*/React.createElement(Link, {
+    return /*#__PURE__*/React__default["default"].createElement(components.Link, {
       href: slug,
       "aria-label": "image-fallback"
     }, imageFallback());
@@ -1478,7 +1487,7 @@ var FallbackImage = function FallbackImage(_ref) {
   }
 };
 FallbackImage.propTypes = {
-  slug: PropTypes.string
+  slug: PropTypes__default["default"].string
 };
 
 function _typeof(obj) {
@@ -2294,20 +2303,20 @@ var isEmpty = function isEmpty(value) {
   return value == null || // From standard.js: Always use === - but value == null is allowed to check null || undefined
   _typeof(value) === "object" && Object.entries(value).length === 0 && value.constructor === Object || typeof value === "string" && value.trim().length === 0;
 };
-var shapeConfig = PropTypes.shape({
-  "sketches-host": PropTypes.string,
-  "cdn-name": PropTypes.string,
-  "cdn-image": PropTypes.string
+var shapeConfig = 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 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);
 };
 
 var _excluded = ["story", "element", "template", "opts", "css", "config", "render"];
@@ -2340,11 +2349,11 @@ var DisplayImage = function DisplayImage(_ref) {
   var rightAlignAspectRatio = isRightAlign && isMobile ? [4, 3] : [16, 9];
   var imageAspectRatio = isLeftAlign ? [16, 9] : rightAlignAspectRatio;
   var alternateText = story["hero-image-caption"] || story["headline"];
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "also-read-m_card-image-wrapper__3GFzu"
-  }, !isEmpty(linkedImage) ? /*#__PURE__*/React.createElement("figure", {
+  }, !isEmpty(linkedImage) ? /*#__PURE__*/React__default["default"].createElement("figure", {
     className: "also-read-m_card-image__3CwAv"
-  }, /*#__PURE__*/React.createElement(LazyLoadImages, null, /*#__PURE__*/React.createElement(ResponsiveImage, {
+  }, /*#__PURE__*/React__default["default"].createElement(components.LazyLoadImages, null, /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
     slug: linkedImage,
     "aspect-ratio": imageAspectRatio,
     defaultWidth: 480,
@@ -2353,19 +2362,19 @@ var DisplayImage = function DisplayImage(_ref) {
       auto: ["format", "compress"]
     },
     alt: alternateText
-  }))) : /*#__PURE__*/React.createElement("div", {
+  }))) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: "arr--fallback-also-read also-read-m_image__2jdRP"
-  }, /*#__PURE__*/React.createElement(FallbackImage, null)));
+  }, /*#__PURE__*/React__default["default"].createElement(FallbackImage, null)));
 };
 
 DisplayImage.propTypes = {
-  story: PropTypes.shape({
-    "hero-image-caption": PropTypes.string,
-    headline: PropTypes.string
+  story: PropTypes__default["default"].shape({
+    "hero-image-caption": PropTypes__default["default"].string,
+    headline: PropTypes__default["default"].string
   }),
-  linkedImage: PropTypes.string,
-  template: PropTypes.string,
-  isRightAlign: PropTypes.bool
+  linkedImage: PropTypes__default["default"].string,
+  template: PropTypes__default["default"].string,
+  isRightAlign: PropTypes__default["default"].bool
 };
 
 var AlsoReadBase = function AlsoReadBase(_ref2) {
@@ -2398,22 +2407,22 @@ var AlsoReadBase = function AlsoReadBase(_ref2) {
   var isDefault = template === "" || template === "default";
   var isRightAlign = template === "imageRightAlign";
   var templateStyle = template ? "alsoread-".concat(template) : "alsoread-default";
-  return /*#__PURE__*/React.createElement(Link, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(components.Link, _extends({
     "data-test-id": "also-read",
     href: storyUrl,
     "aria-label": "also-read"
   }, restProps, {
     className: "arrow-component arr--also-read-element " + _getClassName(templateStyle, _styleModuleImportMap) + (" " + (restProps ? restProps.className || "" : ""))
-  }), !isDefault && /*#__PURE__*/React.createElement("div", {
+  }), !isDefault && /*#__PURE__*/React__default["default"].createElement("div", {
     className: _getClassName("default-text ".concat(textInvertColor), _styleModuleImportMap)
-  }, displayTitle), isDefault && /*#__PURE__*/React.createElement(DisplayImage, {
+  }, displayTitle), isDefault && /*#__PURE__*/React__default["default"].createElement(DisplayImage, {
     story: story,
     linkedImage: linkedImage,
     template: template,
     isRightAlign: isRightAlign
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "also-read-m_content-wrapper__26AZX"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "also-read-m_headline__VzF-c",
     style: textColor ? {
       color: textColor
@@ -2423,7 +2432,7 @@ var AlsoReadBase = function AlsoReadBase(_ref2) {
     dangerouslySetInnerHTML: {
       __html: content
     }
-  }), isRightAlign && /*#__PURE__*/React.createElement(DisplayImage, {
+  }), isRightAlign && /*#__PURE__*/React__default["default"].createElement(DisplayImage, {
     story: story,
     linkedImage: linkedImage,
     template: template
@@ -2432,26 +2441,26 @@ var AlsoReadBase = function AlsoReadBase(_ref2) {
 
 AlsoReadBase.propTypes = {
   /**  template can be default, textLeftAlign or imageRightAlign */
-  template: PropTypes.string,
-  story: PropTypes.shape({
-    "linked-stories": PropTypes.object
+  template: PropTypes__default["default"].string,
+  story: PropTypes__default["default"].shape({
+    "linked-stories": PropTypes__default["default"].object
   }),
-  element: PropTypes.shape({
-    text: PropTypes.string,
-    metadata: PropTypes.shape({
-      linkedStoryId: PropTypes.shape({
-        url: PropTypes.string,
-        "hero-image-s3-key": PropTypes.string
+  element: PropTypes__default["default"].shape({
+    text: PropTypes__default["default"].string,
+    metadata: PropTypes__default["default"].shape({
+      linkedStoryId: PropTypes__default["default"].shape({
+        url: PropTypes__default["default"].string,
+        "hero-image-s3-key": PropTypes__default["default"].string
       })
     })
   }),
-  opts: PropTypes.shape({
-    title: PropTypes.string
+  opts: PropTypes__default["default"].shape({
+    title: PropTypes__default["default"].string
   }),
   config: shapeConfig,
-  render: PropTypes.func,
-  css: PropTypes.object
+  render: PropTypes__default["default"].func,
+  css: PropTypes__default["default"].object
 };
 var AlsoRead = withElementWrapper(AlsoReadBase);
 
-export { AlsoRead };
+exports.AlsoRead = AlsoRead;

package/story-elements/Attachment/index.js

@@ -1,8 +1,17 @@
-import React, { useContext, createContext } from 'react';
-import PropTypes from 'prop-types';
-import { Link } from '@quintype/components';
-import 'react-timeago';
-import 'date-fns-tz';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var components = require('@quintype/components');
+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);
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -216,18 +225,18 @@ var withElementWrapper = function withElementWrapper(StoryElement) {
 
     if (!element) return null;
     if (render && typeof render === "function") return render(props);
-    return /*#__PURE__*/React.createElement(StoryElement, _extends({}, restProps, {
+    return /*#__PURE__*/React__default["default"].createElement(StoryElement, _extends({}, restProps, {
       element: element
     }));
   };
 };
 withElementWrapper.propTypes = {
-  StoryElement: PropTypes.element
+  StoryElement: PropTypes__default["default"].element
 };
 
-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);
 };
 
 /**
@@ -1922,15 +1931,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 _excluded = ["element", "render"];
@@ -1969,28 +1978,28 @@ var AttachmentBase = function AttachmentBase(_ref) {
   var textColor = getTextColor(configData.theme);
   var defaultName = isPdf ? "Attached PDF" : "Attached DOC";
   var defaultFileName = fileName || defaultName;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "attachment"
   }, restProps, {
     className: "arrow-component arr--attachment-element " + _getClassName(textColor, _styleModuleImportMap) + (" " + (restProps ? restProps.className || "" : ""))
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "attachment-m_headline__kP7Hs"
-  }, "Attachment"), /*#__PURE__*/React.createElement("div", {
+  }, "Attachment"), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "attachment-m_wrapper__3gMwN"
-  }, isPdf ? /*#__PURE__*/React.createElement("div", {
+  }, isPdf ? /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "pdf",
     className: "attachment-m_pdf__3i_bR"
-  }, "PDF") : /*#__PURE__*/React.createElement("div", {
+  }, "PDF") : /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "doc",
     className: "attachment-m_doc__6vUVo attachment-m_pdf__3i_bR"
-  }, "DOC"), /*#__PURE__*/React.createElement("div", {
+  }, "DOC"), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "attachment-m_content-wrapper__3Yu0B"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "attachment-m_file-name__1LU9q",
     dangerouslySetInnerHTML: {
       __html: defaultFileName
     }
-  }), /*#__PURE__*/React.createElement(Link, {
+  }), /*#__PURE__*/React__default["default"].createElement(components.Link, {
     className: "attachment-m_button-wrapper__2fajK",
     href: url,
     target: "_blank",
@@ -2001,13 +2010,13 @@ var AttachmentBase = function AttachmentBase(_ref) {
 };
 
 AttachmentBase.propTypes = {
-  element: PropTypes.shape({
-    url: PropTypes.string,
-    fileName: PropTypes.string,
-    contentType: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    url: PropTypes__default["default"].string,
+    fileName: PropTypes__default["default"].string,
+    contentType: PropTypes__default["default"].string
   }),
-  render: PropTypes.func
+  render: PropTypes__default["default"].func
 };
 var Attachment = withElementWrapper(AttachmentBase);
 
-export { Attachment };
+exports.Attachment = Attachment;

package/story-elements/BigFact/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);
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -215,18 +224,18 @@ var withElementWrapper = function withElementWrapper(StoryElement) {
 
     if (!element) return null;
     if (render && typeof render === "function") return render(props);
-    return /*#__PURE__*/React.createElement(StoryElement, _extends({}, restProps, {
+    return /*#__PURE__*/React__default["default"].createElement(StoryElement, _extends({}, restProps, {
       element: element
     }));
   };
 };
 withElementWrapper.propTypes = {
-  StoryElement: PropTypes.element
+  StoryElement: PropTypes__default["default"].element
 };
 
-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);
 };
 
 /**
@@ -1921,15 +1930,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 _excluded = ["element", "story", "config"];
@@ -1956,28 +1965,28 @@ var BigFactBase = function BigFactBase(_ref) {
   var _element$metadata = element.metadata,
       content = _element$metadata.content,
       attribution = _element$metadata.attribution;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "bigfact"
   }, restProps, {
     className: "arrow-component arr--bigfact-element " + _getClassName("bigfact-element ".concat(textInvertColor), _styleModuleImportMap) + (" " + (restProps ? restProps.className || "" : ""))
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "big-fact-m_content__1u2Ul"
-  }, content), /*#__PURE__*/React.createElement("div", {
+  }, content), /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "attribution",
     className: _getClassName("attribution ".concat(textInvertColor), _styleModuleImportMap)
   }, attribution));
 };
 
 BigFactBase.propTypes = {
-  element: PropTypes.shape({
-    metadata: PropTypes.shape({
-      content: PropTypes.string,
-      attribution: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    metadata: PropTypes__default["default"].shape({
+      content: PropTypes__default["default"].string,
+      attribution: PropTypes__default["default"].string
     })
   }),
-  story: PropTypes.object,
-  config: PropTypes.object
+  story: PropTypes__default["default"].object,
+  config: PropTypes__default["default"].object
 };
 var BigFact = withElementWrapper(BigFactBase);
 
-export { BigFact };
+exports.BigFact = BigFact;