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

package/story-elements/QuestionAnswer/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 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 _excluded$1 = ["element", "render"];
@@ -2213,18 +2222,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);
 };
 
 var _excluded = ["element", "template", "css", "story", "config", "opts", "render"];
@@ -2313,14 +2322,14 @@ var QuestionAnswerBase = function QuestionAnswerBase(_ref) {
   var isAuthorImageTemplate = template === "withAuthorImage";
   var templateStyle = isAuthorImageTemplate ? "qa-withAuthorImage" : "qa-default";
   var iconType = defaultIconType === "curve" ? "curveIcon" : "edgeIcon";
-  var supportQuestionElement = isAuthorImageTemplate ? questionAttribution && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  var supportQuestionElement = isAuthorImageTemplate ? questionAttribution && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "question-answer-m_labelAttribution__Rq-v3"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
     src: questionAttribution,
     loading: "lazy"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "question-answer-m_hidden__K0n4n"
-  })) : /*#__PURE__*/React.createElement("div", {
+  })) : /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": iconType,
     style: {
       backgroundColor: iconColor
@@ -2328,36 +2337,36 @@ var QuestionAnswerBase = function QuestionAnswerBase(_ref) {
     className: _getClassName("".concat(iconType, " ").concat(theme), _styleModuleImportMap)
   }, "Q"); // EMPTY SPAN FOR EXTRA SPACE
 
-  var supportAnswerElement = isAuthorImageTemplate ? answerAttribution && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  var supportAnswerElement = isAuthorImageTemplate ? answerAttribution && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "question-answer-m_labelAttribution__Rq-v3"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
     src: answerAttribution,
     loading: "lazy"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "question-answer-m_hidden__K0n4n"
-  })) : /*#__PURE__*/React.createElement("div", {
+  })) : /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": iconType,
     style: {
       backgroundColor: iconColor
     },
     className: _getClassName("".concat(iconType, " ").concat(theme), _styleModuleImportMap)
   }, "A");
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "question-answer"
   }, restProps, {
     className: "arrow-component arr-custom-style arr--qa-element " + _getClassName(templateStyle, _styleModuleImportMap) + (" " + (restProps ? restProps.className || "" : ""))
-  }), type !== "answer" && /*#__PURE__*/React.createElement("div", {
+  }), type !== "answer" && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "question-answer-m_q-element__1ZA5d",
     "data-test-id": "question"
-  }, supportQuestionElement, /*#__PURE__*/React.createElement("div", {
+  }, supportQuestionElement, /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: questionData
     },
     className: _getClassName("content ".concat(textInvertColor), _styleModuleImportMap)
-  })), type !== "question" && /*#__PURE__*/React.createElement("div", {
+  })), type !== "question" && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "question-answer-m_a-element__BTxfl",
     "data-test-id": "answer"
-  }, supportAnswerElement, /*#__PURE__*/React.createElement("div", {
+  }, supportAnswerElement, /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: answerData
     },
@@ -2366,30 +2375,30 @@ var QuestionAnswerBase = function QuestionAnswerBase(_ref) {
 };
 
 QuestionAnswerBase.propTypes = {
-  element: PropTypes.shape({
-    metadata: PropTypes.shape({
-      interviewer: PropTypes.shape({
-        "avatar-url": PropTypes.string
+  element: PropTypes__default["default"].shape({
+    metadata: PropTypes__default["default"].shape({
+      interviewer: PropTypes__default["default"].shape({
+        "avatar-url": PropTypes__default["default"].string
       }),
-      interviewee: PropTypes.shape({
-        "avatar-url": PropTypes.string
+      interviewee: PropTypes__default["default"].shape({
+        "avatar-url": PropTypes__default["default"].string
       }),
-      question: PropTypes.string,
-      answer: PropTypes.string
+      question: PropTypes__default["default"].string,
+      answer: PropTypes__default["default"].string
     }),
-    text: PropTypes.string
+    text: PropTypes__default["default"].string
   }),
-  opts: PropTypes.shape({
-    type: PropTypes.string,
-    defaultIconType: PropTypes.string,
-    isExternalLink: PropTypes.bool
+  opts: PropTypes__default["default"].shape({
+    type: PropTypes__default["default"].string,
+    defaultIconType: PropTypes__default["default"].string,
+    isExternalLink: PropTypes__default["default"].bool
   }),
-  template: PropTypes.string,
-  css: PropTypes.object,
+  template: PropTypes__default["default"].string,
+  css: PropTypes__default["default"].object,
   config: shapeConfig,
   story: shapeStory,
-  render: PropTypes.func
+  render: PropTypes__default["default"].func
 };
 var QuestionAnswer = withElementWrapper(QuestionAnswerBase);
 
-export { QuestionAnswer };
+exports.QuestionAnswer = QuestionAnswer;

package/story-elements/Quote/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,13 +224,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
 };
 
 /**
@@ -1916,20 +1925,20 @@ 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 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"];
@@ -1969,16 +1978,16 @@ var QuoteBase = function QuoteBase(_ref) {
   var borderColor = css.borderColor;
   var updateBorderColor = template === "borderLeft" && "4px solid ".concat(borderColor);
   var templateStyle = template ? "quote-".concat(template) : "quote";
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "quote"
   }, restProps, {
     className: "arrow-component arr--quote-element " + _getClassName(templateStyle, _styleModuleImportMap) + (" " + (restProps ? restProps.className || "" : ""))
-  }), template === "borderTopSmall" && /*#__PURE__*/React.createElement("div", {
+  }), template === "borderTopSmall" && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "quote-m_line__3gtoE",
     style: borderColor && {
       backgroundColor: borderColor
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
     style: borderColor && {
       borderLeft: updateBorderColor
     },
@@ -1986,27 +1995,27 @@ var QuoteBase = function QuoteBase(_ref) {
       __html: content
     },
     className: _getClassName("text ".concat(textInvertColor), _styleModuleImportMap)
-  }), /*#__PURE__*/React.createElement("p", {
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
     "data-test-id": "quote-attribution",
     className: _getClassName("attribution ".concat(textInvertColor), _styleModuleImportMap)
   }, attribution));
 };
 
 QuoteBase.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 can be default, borderTopSmall and borderLeft  */
-  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 Quote = withElementWrapper(QuoteBase);
 
-export { Quote };
+exports.Quote = Quote;

package/story-elements/Reference/index.js

@@ -1,8 +1,17 @@
-import React, { useContext, createContext } from 'react';
-import PropTypes from 'prop-types';
-import 'react-timeago';
-import 'date-fns-tz';
-import { Link } from '@quintype/components';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+require('react-timeago');
+require('date-fns-tz');
+var components = require('@quintype/components');
+
+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;
 };
-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 _excluded = ["element", "config", "opts"];
@@ -1963,7 +1972,7 @@ var ReferenceBase = function ReferenceBase(_ref) {
   var _opts$showHeadline = opts.showHeadline,
       showHeadline = _opts$showHeadline === void 0 ? true : _opts$showHeadline,
       headlineText = opts.headlineText;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     className: "arrow-component arr--reference-element"
   }, restProps), eleArr && eleArr.map(function (metadata, index) {
     var _metadata$name = metadata.name,
@@ -1971,36 +1980,36 @@ var ReferenceBase = function ReferenceBase(_ref) {
         _metadata$description = metadata.description,
         description = _metadata$description === void 0 ? "" : _metadata$description,
         url = metadata.url;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       key: index,
       className: _getClassName("wrapper ".concat(textInvertColor), _styleModuleImportMap)
-    }, /*#__PURE__*/React.createElement(Link, {
+    }, /*#__PURE__*/React__default["default"].createElement(components.Link, {
       href: url,
       "aria-label": "reference-headline"
-    }, showHeadline && /*#__PURE__*/React.createElement("div", {
+    }, showHeadline && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "reference-m_name__24IwG",
       "data-test-id": "ref-headline"
-    }, headlineText || name), /*#__PURE__*/React.createElement("div", {
+    }, headlineText || name), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "reference-m_description__2x3Io"
     }, description)));
   }));
 };
 
 ReferenceBase.propTypes = {
-  element: PropTypes.shape({
-    "story-elements": PropTypes.arrayOf(PropTypes.shape({
-      metadata: PropTypes.shape({
-        name: PropTypes.string,
-        description: PropTypes.string,
-        url: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    "story-elements": PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+      metadata: PropTypes__default["default"].shape({
+        name: PropTypes__default["default"].string,
+        description: PropTypes__default["default"].string,
+        url: PropTypes__default["default"].string
       })
     }))
   }),
-  opts: PropTypes.shape({
-    hideHeadline: PropTypes.bool
+  opts: PropTypes__default["default"].shape({
+    hideHeadline: PropTypes__default["default"].bool
   }),
   config: shapeConfig
 };
 var Reference = withElementWrapper(ReferenceBase);
 
-export { Reference };
+exports.Reference = Reference;

package/story-elements/StoryElement/index.js

@@ -1,8 +1,17 @@
-import React from 'react';
-import { StoryElement as StoryElement$1 } 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) {
@@ -65,13 +74,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 commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1743,15 +1752,15 @@ _memoizeCapped(function(string) {
 var symbolProto = _Symbol ? _Symbol.prototype : undefined;
     symbolProto ? symbolProto.toString : undefined;
 
-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 = ["element", "story", "config"];
@@ -1762,18 +1771,18 @@ var StoryElementBase = function StoryElementBase(_ref) {
       _ref.config;
       var restProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({}, restProps, {
     "data-test-id": "story-elements"
-  }), /*#__PURE__*/React.createElement(StoryElement$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(components.StoryElement, {
     element: element
   }));
 };
 
 var StoryElement = withElementWrapper(StoryElementBase);
 StoryElementBase.propTypes = {
-  element: PropTypes.object,
+  element: PropTypes__default["default"].object,
   story: shapeStory,
   config: shapeConfig
 };
 
-export { StoryElement };
+exports.StoryElement = StoryElement;

package/story-elements/Summary/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,13 +224,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
 };
 
 /**
@@ -1929,20 +1938,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"];
@@ -1994,19 +2003,19 @@ var SummaryBase = function SummaryBase(_ref) {
   var updateHeaderColor = renderTemplate ? "".concat(headerBgColor) : "";
   var textColor = renderTemplate ? getTextColor(headerBgColor) : "";
   var updateContentColor = template === "header" ? "" : textInvertColor;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "summary"
   }, restProps, {
     className: "arrow-component arr--summary-element arr-custom-style " + _getClassName(templateStyle, _styleModuleImportMap) + (" " + (restProps ? restProps.className || "" : ""))
-  }), !hideHeadline && /*#__PURE__*/React.createElement("div", {
+  }), !hideHeadline && /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "summary-headline",
     className: _getClassName("heading-wrapper ".concat(textInvertColor), _styleModuleImportMap)
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       backgroundColor: updateHeaderColor
     },
     className: _getClassName("headline ".concat(textColor, " ").concat(textInvertColor), _styleModuleImportMap)
-  }, headline)), /*#__PURE__*/React.createElement("div", {
+  }, headline)), /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: text
     },
@@ -2015,22 +2024,22 @@ var SummaryBase = function SummaryBase(_ref) {
 };
 
 SummaryBase.propTypes = {
-  element: PropTypes.shape({
-    text: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    text: PropTypes__default["default"].string
   }),
-  template: PropTypes.string,
-  opts: PropTypes.shape({
-    isExternalLink: PropTypes.bool,
-    headline: PropTypes.string,
-    hideHeadline: PropTypes.bool
+  template: PropTypes__default["default"].string,
+  opts: PropTypes__default["default"].shape({
+    isExternalLink: PropTypes__default["default"].bool,
+    headline: PropTypes__default["default"].string,
+    hideHeadline: PropTypes__default["default"].bool
   }),
   story: shapeStory,
   config: shapeConfig,
-  render: PropTypes.func,
-  css: PropTypes.shape({
-    headerBgColor: PropTypes.string
+  render: PropTypes__default["default"].func,
+  css: PropTypes__default["default"].shape({
+    headerBgColor: PropTypes__default["default"].string
   })
 };
 var Summary = withElementWrapper(SummaryBase);
 
-export { Summary };
+exports.Summary = Summary;