@twreporter/react-components 9.0.2 → 9.1.0-rc.0

package/lib/table-of-contents/index.js

@@ -1,56 +1,35 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-
 var _reactWaypoint = require("react-waypoint");
-
 var _smoothScroll = _interopRequireDefault(require("@twreporter/core/lib/utils/smooth-scroll"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _indexOf = _interopRequireDefault(require("lodash/indexOf"));
-
 var _some = _interopRequireDefault(require("lodash/some"));
-
 var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // twreporter
+// lodash
 var _ = {
   debounce: _debounce["default"],
   get: _get["default"],
@@ -58,6 +37,7 @@ var _ = {
   some: _some["default"],
   sortBy: _sortBy["default"]
 };
+
 /**
  *  TOCManager is a bridge between `Anchor` and `TableOfContents`.
  *  It provides APIs to make them communicate with each others.
@@ -65,7 +45,6 @@ var _ = {
  *  hence, `TableOfContents` could know how to render correspoding labels and
  *  know how to handle those labels clicked(scroll to that `Anchor`).
  */
-
 var TOCManager = /*#__PURE__*/function () {
   /**
    *  @constructs
@@ -77,73 +56,77 @@ var TOCManager = /*#__PURE__*/function () {
    */
   function TOCManager() {
     var _this = this;
-
     var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref$anchors = _ref.anchors,
-        _anchors = _ref$anchors === void 0 ? [] : _ref$anchors,
-        _ref$highlightAnchor = _ref.highlightAnchor,
-        highlightAnchor = _ref$highlightAnchor === void 0 ? null : _ref$highlightAnchor,
-        _ref$toc = _ref.toc,
-        toc = _ref$toc === void 0 ? null : _ref$toc,
-        _ref$toStopAutoUpdate = _ref.toStopAutoUpdateHighlightAnchor,
-        toStopAutoUpdateHighlightAnchor = _ref$toStopAutoUpdate === void 0 ? false : _ref$toStopAutoUpdate;
-
+      _ref$anchors = _ref.anchors,
+      _anchors = _ref$anchors === void 0 ? [] : _ref$anchors,
+      _ref$highlightAnchor = _ref.highlightAnchor,
+      highlightAnchor = _ref$highlightAnchor === void 0 ? null : _ref$highlightAnchor,
+      _ref$toc = _ref.toc,
+      toc = _ref$toc === void 0 ? null : _ref$toc,
+      _ref$toStopAutoUpdate = _ref.toStopAutoUpdateHighlightAnchor,
+      toStopAutoUpdateHighlightAnchor = _ref$toStopAutoUpdate === void 0 ? false : _ref$toStopAutoUpdate;
     _classCallCheck(this, TOCManager);
-
+    /**
+     *  Re-render `TableOfContents` if needed.
+     *  Use debounce for optimizing rendering performance.
+     *  @returns
+     */
     _defineProperty(this, "renderTOC", _.debounce(function () {
       if (_this._toc instanceof TableOfContents) {
         _this._toc.forceUpdate();
       }
     }, 100));
-
+    /**
+     *  Update highlight anchor.
+     *  Use debounce for optimizing rendering performance.
+     *  @returns
+     */
     _defineProperty(this, "updateHighlightAnchor", _.debounce(function () {
       // sort the anchors by the distance to viewport top in ascending order.
       // the reason to sort anchors is because CSS styles(like flex order) might
       // change the anchors' position.
       var anchors = _this.memoizeSortAnchorsByViewportTop(_this._anchors);
-
       if (anchors.length === 0) {
         return;
-      } // viewport is above first anchor
-
+      }
 
+      // viewport is above first anchor
       var firstAnchor = anchors[0];
-
       if (firstAnchor.currentPosition === TOCManager.position.below) {
         _this.highlightAnchor = null;
         return;
-      } // viewport is below last anchor
-
+      }
 
+      // viewport is below last anchor
       var lastAnchor = anchors[anchors.length - 1];
-
       if (lastAnchor.currentPosition === TOCManager.position.above) {
         _this.highlightAnchor = lastAnchor;
         return;
       }
-
       _.some(anchors, function (anchor, index) {
         var curAnchor = anchor;
         var nextAnchor = anchors[index + 1];
-
-        if ( // anchor[i] is inside the viewport
-        curAnchor.currentPosition === TOCManager.position.inside || // viewport is between anchor[i] and anchor[i+1]
+        if (
+        // anchor[i] is inside the viewport
+        curAnchor.currentPosition === TOCManager.position.inside ||
+        // viewport is between anchor[i] and anchor[i+1]
         curAnchor.currentPosition === TOCManager.position.above && nextAnchor instanceof Anchor && nextAnchor.currentPosition === TOCManager.position.below) {
           _this.highlightAnchor = curAnchor;
           return true;
         }
-
         return false;
       });
     }, 100));
-
+    /**
+     *  Use memoize to improve performance
+     */
     _defineProperty(this, "memoizeSortAnchorsByViewportTop", (0, _memoizeOne["default"])(this.sortAnchorsByViewportTop));
-
     this._anchors = _anchors;
     this._highlightAnchor = highlightAnchor;
     this._toc = toc;
     this._toStopAutoUpdateHighlightAnchor = toStopAutoUpdateHighlightAnchor;
   }
+
   /**
    *  use `Array.concat` to add `Anchor` into array
    *
@@ -151,8 +134,6 @@ var TOCManager = /*#__PURE__*/function () {
    *  @param {Anchor} anchor - an instance of `Anchor`
    *  @returns
    */
-
-
   _createClass(TOCManager, [{
     key: "addAnchor",
     value: function addAnchor(anchor) {
@@ -164,12 +145,6 @@ var TOCManager = /*#__PURE__*/function () {
         this._anchors = this._anchors.concat(anchor);
       }
     }
-    /**
-     *  Re-render `TableOfContents` if needed.
-     *  Use debounce for optimizing rendering performance.
-     *  @returns
-     */
-
   }, {
     key: "sortAnchorsByViewportTop",
     value:
@@ -183,10 +158,6 @@ var TOCManager = /*#__PURE__*/function () {
         return anchor.getViewportTop();
       });
     }
-    /**
-     *  Use memoize to improve performance
-     */
-
   }, {
     key: "highlightAnchor",
     get:
@@ -198,12 +169,12 @@ var TOCManager = /*#__PURE__*/function () {
     function get() {
       return this._highlightAnchor;
     }
+
     /**
      *  This is a setter function.
      *  @method
      *  @return {undefined}
-     */
-    ,
+     */,
     set:
     /**
      *  This is a setter function.
@@ -217,7 +188,6 @@ var TOCManager = /*#__PURE__*/function () {
       if (anchor instanceof Anchor) {
         this._highlightAnchor = anchor;
       }
-
       if (this._toc instanceof TableOfContents) {
         this._toc.setHighlightAnchor(anchor);
       }
@@ -233,12 +203,12 @@ var TOCManager = /*#__PURE__*/function () {
     function get() {
       return this._anchors;
     }
+
     /**
      *  This is a setter function.
      *  @method
      *  @returns
-     */
-    ,
+     */,
     set: function set(anchors) {
       this._anchors = anchors;
     }
@@ -253,12 +223,12 @@ var TOCManager = /*#__PURE__*/function () {
     function get() {
       return this._toc;
     }
+
     /**
      *  This is a setter function.
      *  @method
      *  @returns
-     */
-    ,
+     */,
     set: function set(toc) {
       this._toc = toc;
     }
@@ -277,27 +247,20 @@ var TOCManager = /*#__PURE__*/function () {
       this._toStopAutoUpdateHighlightAnchor = toStopAutoUpdateHighlightAnchor;
     }
   }]);
-
   return TOCManager;
 }();
-
 _defineProperty(TOCManager, "position", {
   above: _reactWaypoint.Waypoint.above,
   below: _reactWaypoint.Waypoint.below,
   inside: _reactWaypoint.Waypoint.inside,
   invisible: _reactWaypoint.Waypoint.invisible
 });
-
 var Anchor = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Anchor, _React$PureComponent);
-
   var _super = _createSuper(Anchor);
-
   function Anchor(props) {
     var _this2;
-
     _classCallCheck(this, Anchor);
-
     _this2 = _super.call(this, props);
     _this2._ref = /*#__PURE__*/_react["default"].createRef();
     _this2.getViewportTop = _this2._getViewportTop.bind(_assertThisInitialized(_this2));
@@ -308,31 +271,28 @@ var Anchor = /*#__PURE__*/function (_React$PureComponent) {
     manager.renderTOC();
     return _this2;
   }
+
   /**
    *  @returns {number} - the distance between the top edge of anchor and the top of window
    */
-
-
   _createClass(Anchor, [{
     key: "_getViewportTop",
     value: function _getViewportTop() {
       try {
         if (typeof window !== 'undefined' && this._ref.current) {
           var scrollY = window.scrollY;
-
           var _this$_ref$current$ge = this._ref.current.getBoundingClientRect(),
-              _this$_ref$current$ge2 = _this$_ref$current$ge.top,
-              top = _this$_ref$current$ge2 === void 0 ? 0 : _this$_ref$current$ge2;
-
+            _this$_ref$current$ge2 = _this$_ref$current$ge.top,
+            top = _this$_ref$current$ge2 === void 0 ? 0 : _this$_ref$current$ge2;
           return scrollY + top;
         }
       } catch (e) {
         console.warn("Anchor(id: ".concat(this.props.id, ").getViewportTop occurs error"), e);
         console.warn('Return default value: 0');
       }
-
       return 0;
     }
+
     /**
      *  @param {Object} [posObj={}]
      *  @param {string} [posObj.currentPosition=''] - it could be one of
@@ -340,37 +300,34 @@ var Anchor = /*#__PURE__*/function (_React$PureComponent) {
      *
      *  @returns
      */
-
   }, {
     key: "_handleOnPositionChange",
     value: function _handleOnPositionChange() {
       var posObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var manager = this.props.manager;
       this.currentPosition = posObj.currentPosition;
-
       if (manager.toStopAutoUpdateHighlightAnchor) {
         return;
       }
-
       manager.updateHighlightAnchor();
     }
+
     /**
      *  This is a getter function.
      *  @method
      *  @returns {string} - id of anchor
      */
-
   }, {
     key: "anchorID",
     get: function get() {
       return this.props.id;
     }
+
     /**
      *  This is a getter function.
      *  @method
      *  @returns {string} - label of anchor
      */
-
   }, {
     key: "anchorLable",
     get: function get() {
@@ -380,11 +337,11 @@ var Anchor = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          bottomOffset = _this$props.bottomOffset,
-          className = _this$props.className,
-          children = _this$props.children,
-          id = _this$props.id,
-          topOffset = _this$props.topOffset;
+        bottomOffset = _this$props.bottomOffset,
+        className = _this$props.className,
+        children = _this$props.children,
+        id = _this$props.id,
+        topOffset = _this$props.topOffset;
       return (
         /*#__PURE__*/
         // set fireOnRapidScroll=false since we are not using `onEnter` and  `onLeave`
@@ -401,10 +358,8 @@ var Anchor = /*#__PURE__*/function (_React$PureComponent) {
       );
     }
   }]);
-
   return Anchor;
 }(_react["default"].PureComponent);
-
 _defineProperty(Anchor, "propTypes", {
   className: _propTypes["default"].string,
   children: _propTypes["default"].node,
@@ -414,25 +369,18 @@ _defineProperty(Anchor, "propTypes", {
   bottomOffset: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
   topOffset: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 });
-
 _defineProperty(Anchor, "defaultProps", {
   className: '',
   bottomOffset: '69%',
   topOffset: '30%'
 });
-
 var defaultScrollDuration = 500;
-
 var TableOfContents = /*#__PURE__*/function (_React$PureComponent2) {
   _inherits(TableOfContents, _React$PureComponent2);
-
   var _super2 = _createSuper(TableOfContents);
-
   function TableOfContents(props) {
     var _this3;
-
     _classCallCheck(this, TableOfContents);
-
     _this3 = _super2.call(this, props);
     var manager = props.manager;
     _this3.state = {
@@ -443,12 +391,11 @@ var TableOfContents = /*#__PURE__*/function (_React$PureComponent2) {
     manager.toc = _assertThisInitialized(_this3);
     return _this3;
   }
+
   /**
    *  @param {Anchor} anchor - anchor to highlight
    *  @returns
    */
-
-
   _createClass(TableOfContents, [{
     key: "_setHighlightAnchor",
     value: function _setHighlightAnchor(anchor) {
@@ -456,21 +403,19 @@ var TableOfContents = /*#__PURE__*/function (_React$PureComponent2) {
         highlightAnchor: anchor
       });
     }
+
     /**
      *  @param {string} anchorID - id of clicked anchor
      *  @returns
      */
-
   }, {
     key: "_handleAnchorClick",
     value: function _handleAnchorClick(anchorID, callback) {
       var _this4 = this;
-
       var _this$props2 = this.props,
-          manager = _this$props2.manager,
-          scrollDuration = _this$props2.scrollDuration;
+        manager = _this$props2.manager,
+        scrollDuration = _this$props2.scrollDuration;
       var anchors = manager.anchors;
-
       _.some(anchors, function (anchor) {
         if (anchorID === anchor.anchorID) {
           _this4.setState({
@@ -479,16 +424,13 @@ var TableOfContents = /*#__PURE__*/function (_React$PureComponent2) {
             manager.toStopAutoUpdateHighlightAnchor = true;
             (0, _smoothScroll["default"])(anchor.getViewportTop(), scrollDuration || defaultScrollDuration, function () {
               manager.toStopAutoUpdateHighlightAnchor = false;
-
               if (callback) {
                 callback();
               }
             });
           });
-
           return true;
         }
-
         return false;
       });
     }
@@ -496,30 +438,24 @@ var TableOfContents = /*#__PURE__*/function (_React$PureComponent2) {
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
-          manager = _this$props3.manager,
-          render = _this$props3.render;
+        manager = _this$props3.manager,
+        render = _this$props3.render;
       var highlightAnchor = this.state.highlightAnchor;
       var anchors = manager.anchors;
       var orderedAnchors = manager.memoizeSortAnchorsByViewportTop(anchors);
-
       if (typeof render === 'function') {
         return render(orderedAnchors, highlightAnchor, this.handleAnchorClick);
       }
-
       return null;
     }
   }]);
-
   return TableOfContents;
 }(_react["default"].PureComponent);
 /**
  *  @module TOC
  */
-
-
 _defineProperty(TableOfContents, "propTypes", {
   manager: _propTypes["default"].instanceOf(TOCManager).isRequired,
-
   /**
    *  @callback
    *  @param {Anchor[]} anchors
@@ -529,12 +465,10 @@ _defineProperty(TableOfContents, "propTypes", {
   render: _propTypes["default"].func,
   scrollDuration: _propTypes["default"].number
 });
-
-var _default = {
+var _default = exports["default"] = {
   Manager: TOCManager,
   React: {
     Anchor: Anchor,
     TableOfContents: TableOfContents
   }
-};
-exports["default"] = _default;
+};

package/lib/text/constants/headline-type.js

@@ -4,14 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TYPE_FONT_FAMILY = void 0;
-
 var _font = require("@twreporter/core/lib/constants/font");
-
 var _enums = require("../enums");
-
 var _Object$freeze;
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var TYPE_FONT_FAMILY = Object.freeze((_Object$freeze = {}, _defineProperty(_Object$freeze, _enums.Type.DEFAULT, _font.fontFamily["default"]), _defineProperty(_Object$freeze, _enums.Type.ARTICLE, _font.fontFamily.title), _Object$freeze));
-exports.TYPE_FONT_FAMILY = TYPE_FONT_FAMILY;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var TYPE_FONT_FAMILY = exports.TYPE_FONT_FAMILY = Object.freeze((_Object$freeze = {}, _defineProperty(_Object$freeze, _enums.Type.DEFAULT, _font.fontFamily["default"]), _defineProperty(_Object$freeze, _enums.Type.ARTICLE, _font.fontFamily.title), _Object$freeze));

package/lib/text/enums/index.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Weight = exports.Type = void 0;
-var Type = Object.freeze({
+var Type = exports.Type = Object.freeze({
   DEFAULT: 'default',
   ARTICLE: 'article'
 });
-exports.Type = Type;
-var Weight = Object.freeze({
+var Weight = exports.Weight = Object.freeze({
   EXTRA_LIGHT: 'extraLight',
   NORMAL: 'normal',
   BOLD: 'bold'
-});
-exports.Weight = Weight;
+});

package/lib/text/headline.js

@@ -4,40 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _headlineType = require("./constants/headline-type");
-
 var _enums = require("./enums");
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _font = require("@twreporter/core/lib/constants/font");
-
 var _excluded = ["text", "type", "className"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var DefaultContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "headline__DefaultContainer",
   componentId: "axdp97-0"
 })(["font-weight:", ";"], _font.fontWeight.bold);
-
 var H1Container = /*#__PURE__*/(0, _styledComponents["default"])(DefaultContainer).withConfig({
   displayName: "headline__H1Container",
   componentId: "axdp97-1"
@@ -74,24 +58,21 @@ var H6Container = /*#__PURE__*/(0, _styledComponents["default"])(DefaultContaine
 })(["line-height:150%;font-size:16px;font-family:", ";", ""], function (props) {
   return props.$fontFamily;
 }, _mediaQuery["default"].tabletAndBelow(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    font-size: 16px;\n  "]))));
-
 var withContainer = function withContainer(HeadlineContainer) {
   var headline = function headline(_ref) {
     var _ref$text = _ref.text,
-        text = _ref$text === void 0 ? '' : _ref$text,
-        _ref$type = _ref.type,
-        type = _ref$type === void 0 ? _enums.Type.DEFAULT : _ref$type,
-        _ref$className = _ref.className,
-        className = _ref$className === void 0 ? '' : _ref$className,
-        props = _objectWithoutProperties(_ref, _excluded);
-
+      text = _ref$text === void 0 ? '' : _ref$text,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? _enums.Type.DEFAULT : _ref$type,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      props = _objectWithoutProperties(_ref, _excluded);
     var fontFamily = _headlineType.TYPE_FONT_FAMILY[type];
     return /*#__PURE__*/_react["default"].createElement(HeadlineContainer, _extends({
       $fontFamily: fontFamily,
       className: className
     }, props), text);
   };
-
   headline.displayName = 'headline';
   headline.propTypes = {
     text: _propTypes["default"].string,
@@ -101,25 +82,17 @@ var withContainer = function withContainer(HeadlineContainer) {
   headline.Type = _enums.Type;
   return headline;
 };
-
-var H1 = withContainer(H1Container);
-exports.H1 = H1;
-var H2 = withContainer(H2Container);
-exports.H2 = H2;
-var H3 = withContainer(H3Container);
-exports.H3 = H3;
-var H4 = withContainer(H4Container);
-exports.H4 = H4;
-var H5 = withContainer(H5Container);
-exports.H5 = H5;
-var H6 = withContainer(H6Container);
-exports.H6 = H6;
-var _default = {
+var H1 = exports.H1 = withContainer(H1Container);
+var H2 = exports.H2 = withContainer(H2Container);
+var H3 = exports.H3 = withContainer(H3Container);
+var H4 = exports.H4 = withContainer(H4Container);
+var H5 = exports.H5 = withContainer(H5Container);
+var H6 = exports.H6 = withContainer(H6Container);
+var _default = exports["default"] = {
   H1: H1,
   H2: H2,
   H3: H3,
   H4: H4,
   H5: H5,
   H6: H6
-};
-exports["default"] = _default;
+};