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

package/story-elements/BlockQuote/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) {
@@ -2193,15 +2202,15 @@ var getTextColor = function getTextColor() {
   var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
   return textColor;
 };
-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
 });
-var shapeStory = PropTypes.shape({
-  headline: PropTypes.string,
-  "last-published-at": PropTypes.number,
-  subheadline: PropTypes.string
+var shapeStory = PropTypes__default["default"].shape({
+  headline: PropTypes__default["default"].string,
+  "last-published-at": PropTypes__default["default"].number,
+  subheadline: PropTypes__default["default"].string
 });
 
 var _excluded$1 = ["element", "render"];
@@ -2213,13 +2222,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 CurveIcon = function CurveIcon(_ref) {
@@ -2229,27 +2238,27 @@ var CurveIcon = function CurveIcon(_ref) {
       opacity = _ref.opacity;
   var lightColor = color === "light" && "#ffffff";
   var darkColor = color === "dark" && "#0d0d0d";
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "icon-m_curve-wrapper__3-sLV",
     style: {
       fill: "".concat(lightColor || darkColor || color)
     }
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
     viewBox: "0 0 64 64"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: "inherit",
     opacity: opacity,
     d: "M61 44.702c0 3.465-1.13 6.214-3.39 8.248-2.261 2.033-5.125 3.05-8.59 3.05-4.07 0-7.423-1.356-10.06-4.067-2.638-2.712-3.956-6.704-3.956-11.976 0-4.971.716-9.227 2.147-12.767 1.432-3.54 3.165-6.553 5.2-9.039 2.034-2.485 4.144-4.481 6.33-5.988 2.184-1.506 4.106-2.56 5.763-3.163l5.652 7.909c-3.316 1.657-5.99 3.879-8.025 6.666-2.035 2.786-3.052 6.289-3.052 10.507.603-.15 1.432-.226 2.487-.226 3.014 0 5.35 1.054 7.007 3.163C60.171 39.13 61 41.69 61 44.702zm-33.004 0c0 3.465-1.13 6.214-3.39 8.248-2.261 2.033-5.125 3.05-8.59 3.05-4.07 0-7.423-1.356-10.06-4.067C3.319 49.22 2 45.229 2 39.957c0-4.971.716-9.227 2.148-12.767 1.431-3.54 3.164-6.553 5.199-9.039 2.034-2.485 4.144-4.481 6.33-5.988C17.86 10.657 19.782 9.603 21.44 9l5.651 7.909c-3.316 1.657-5.99 3.879-8.025 6.666-2.034 2.786-3.052 6.289-3.052 10.507.603-.15 1.432-.226 2.487-.226 3.014 0 5.35 1.054 7.008 3.163 1.657 2.11 2.486 4.67 2.486 7.683z"
   })));
 };
 CurveIcon.propTypes = {
-  width: PropTypes.string,
-  height: PropTypes.string,
-  color: PropTypes.string,
-  opacity: PropTypes.string
+  width: PropTypes__default["default"].string,
+  height: PropTypes__default["default"].string,
+  color: PropTypes__default["default"].string,
+  opacity: PropTypes__default["default"].string
 };
 
 var EdgeIcon = function EdgeIcon(_ref) {
@@ -2259,32 +2268,32 @@ var EdgeIcon = function EdgeIcon(_ref) {
       opacity = _ref.opacity;
   var lightColor = color === "light" && "#ffffff";
   var darkColor = color === "dark" && "#0d0d0d";
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "icon-m_edge-wrapper__xUOdp",
     style: {
       fill: "".concat(lightColor || darkColor || color)
     }
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
     viewBox: "0 0 64 64"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: "inherit",
     opacity: opacity,
     d: "M16.858 29.836v4.727H28V60H4V29.836c0-9.6 2.606-16.727 7.746-21.187C15.3 5.564 19.8 4 25.122 4v13.627c-2.888 0-8.264 0-8.264 12.209zm40.264-12.21V4c-5.32 0-9.82 1.564-13.376 4.65C38.606 13.108 36 20.236 36 29.835V60h24V34.563H48.857v-4.727c0-12.21 5.377-12.21 8.265-12.21z"
   })));
 };
 EdgeIcon.propTypes = {
-  width: PropTypes.string,
-  height: PropTypes.string,
-  color: PropTypes.string,
-  opacity: PropTypes.string
+  width: PropTypes__default["default"].string,
+  height: PropTypes__default["default"].string,
+  color: PropTypes__default["default"].string,
+  opacity: 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 = ["element", "template", "css", "story", "config", "render"];
@@ -2314,7 +2323,7 @@ var SelectionOfIcon = function SelectionOfIcon(iconType, template, blockQuoteCol
 
   if (template === "withBackground") {
     if (iconType === "edgeIcon") {
-      return /*#__PURE__*/React.createElement(EdgeIcon, {
+      return /*#__PURE__*/React__default["default"].createElement(EdgeIcon, {
         width: dimension,
         height: dimension,
         color: quoteColor,
@@ -2322,7 +2331,7 @@ var SelectionOfIcon = function SelectionOfIcon(iconType, template, blockQuoteCol
       });
     }
 
-    return /*#__PURE__*/React.createElement(CurveIcon, {
+    return /*#__PURE__*/React__default["default"].createElement(CurveIcon, {
       width: dimension,
       height: dimension,
       color: quoteColor,
@@ -2332,14 +2341,14 @@ var SelectionOfIcon = function SelectionOfIcon(iconType, template, blockQuoteCol
 
   if (template !== "withBackground") {
     if (iconType === "edgeIcon") {
-      return /*#__PURE__*/React.createElement(EdgeIcon, {
+      return /*#__PURE__*/React__default["default"].createElement(EdgeIcon, {
         width: dimension,
         height: dimension,
         color: blockQuoteColor
       });
     }
 
-    return /*#__PURE__*/React.createElement(CurveIcon, {
+    return /*#__PURE__*/React__default["default"].createElement(CurveIcon, {
       width: dimension,
       height: dimension,
       color: blockQuoteColor
@@ -2375,38 +2384,38 @@ var BlockQuoteBase = function BlockQuoteBase(_ref) {
   var textInvertColor = getTextColor(isBackground ? theme.backgroundColor : configData.theme);
 
   var updateStructure = function updateStructure() {
-    return template === "withBorder" ? /*#__PURE__*/React.createElement("div", {
+    return template === "withBorder" ? /*#__PURE__*/React__default["default"].createElement("div", {
       className: "block-quote-m_icon-border__2xQQY"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "block-quote-m_icon__m-EIZ"
-    }, SelectionOfIcon(iconType, template, blockQuoteColor, textColor)), /*#__PURE__*/React.createElement("div", {
+    }, SelectionOfIcon(iconType, template, blockQuoteColor, textColor)), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "block-quote-m_border__1ZTPR",
       style: blockQuoteColor && {
         backgroundColor: blockQuoteColor
       }
-    })) : /*#__PURE__*/React.createElement("div", {
+    })) : /*#__PURE__*/React__default["default"].createElement("div", {
       className: "block-quote-m_icon__m-EIZ"
     }, SelectionOfIcon(iconType, template, blockQuoteColor, textColor));
   };
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "blockquote",
     style: theme
   }, restProps, {
     className: "arrow-component arr--block-quote " + _getClassName("".concat(templateStyle, " ").concat(textColor), _styleModuleImportMap) + (" " + (restProps ? restProps.className || "" : ""))
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "block-quote-m_quote-wrapper__83bEy"
-  }, updateStructure(), /*#__PURE__*/React.createElement("div", {
+  }, updateStructure(), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "block-quote-m_wrapper__2KEhw",
     style: blockQuoteColor && {
       borderColor: blockQuoteColor
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: content
     },
     className: _getClassName("content ".concat(textInvertColor), _styleModuleImportMap)
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: attribution
     },
@@ -2414,18 +2423,19 @@ var BlockQuoteBase = function BlockQuoteBase(_ref) {
   }))));
 };
 BlockQuoteBase.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
     })
   }),
-  template: PropTypes.string,
+  template: PropTypes__default["default"].string,
   story: shapeStory,
   config: shapeConfig,
-  render: PropTypes.func,
-  css: PropTypes.object
+  render: PropTypes__default["default"].func,
+  css: PropTypes__default["default"].object
 };
 var BlockQuote = withElementWrapper(BlockQuoteBase);
 
-export { BlockQuote, BlockQuoteBase };
+exports.BlockQuote = BlockQuote;
+exports.BlockQuoteBase = BlockQuoteBase;

package/story-elements/Blurb/index.js

@@ -1,7 +1,16 @@
-import React, { useContext, createContext, useState, useEffect } 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) {
@@ -276,13 +285,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
 };
 
 /**
@@ -1990,20 +1999,20 @@ var updateContentLinks = function updateContentLinks(content) {
   });
   return updatedContent;
 };
-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
 });
-var shapeStory = PropTypes.shape({
-  headline: PropTypes.string,
-  "last-published-at": PropTypes.number,
-  subheadline: PropTypes.string
+var shapeStory = 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 = ["element", "template", "opts", "css", "story", "config", "render"];
@@ -2040,13 +2049,13 @@ var BlurbBase = function BlurbBase(_ref) {
     borderLeft: "solid 2px ".concat(borderColor)
   };
 
-  var _useState = useState(initBorderDirection),
+  var _useState = React.useState(initBorderDirection),
       _useState2 = _slicedToArray(_useState, 2),
       borderDirection = _useState2[0],
       setBorderDirection = _useState2[1];
 
   if (!content) return null;
-  useEffect(function () {
+  React.useEffect(function () {
     var htmlElement = document.getElementsByTagName("HTML");
 
     if (htmlElement && htmlElement.length) {
@@ -2063,7 +2072,7 @@ var BlurbBase = function BlurbBase(_ref) {
   var templateStyle = template ? "blurb-".concat(template) : "blurb";
   var configData = useStateValue() || {};
   var textInvertColor = getTextColor(configData.theme);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "blurb",
     style: borderColor && borderDirection,
     dangerouslySetInnerHTML: {
@@ -2075,20 +2084,20 @@ var BlurbBase = function BlurbBase(_ref) {
 };
 
 BlurbBase.propTypes = {
-  element: PropTypes.shape({
-    text: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    text: PropTypes__default["default"].string
   }),
 
   /** templates can be either default or withBorder */
-  template: PropTypes.string,
-  opts: PropTypes.shape({
-    isExternalLink: PropTypes.bool
+  template: PropTypes__default["default"].string,
+  opts: PropTypes__default["default"].shape({
+    isExternalLink: PropTypes__default["default"].bool
   }),
   story: shapeStory,
   config: shapeConfig,
-  render: PropTypes.func,
-  css: PropTypes.object
+  render: PropTypes__default["default"].func,
+  css: PropTypes__default["default"].object
 };
 var Blurb = withElementWrapper(BlurbBase);
 
-export { Blurb };
+exports.Blurb = Blurb;