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

package/lib/more.js

@@ -1,73 +1,50 @@
 "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 = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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 _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 _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 _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); }
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "more__Container",
   componentId: "sc-1sv8d16-0"
 })(["cursor:pointer;width:100%;height:105px;background-color:black;text-align:center;&:hover,&:focus{polyline{stroke-width:3;}}&active{polyline{stroke-width:6;transition:all 100ms ease-in-out;}}polyline{transition:all 250ms ease-in-out;}@media only screen and (max-width:799px){height:76px;padding-top:10px;& > span{line-height:30px;font-size:16px;}}"]);
-
 var Label = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "more__Label",
   componentId: "sc-1sv8d16-1"
 })(["color:white;line-height:70px;font-size:18px;font-weight:700;"]);
-
-var More = /*#__PURE__*/function (_Component) {
+var More = exports["default"] = /*#__PURE__*/function (_Component) {
   _inherits(More, _Component);
-
   var _super = _createSuper(More);
-
   function More() {
     _classCallCheck(this, More);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(More, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          loadMore = _this$props.loadMore,
-          children = _this$props.children;
+        loadMore = _this$props.loadMore,
+        children = _this$props.children;
       var points = '0,0 25,10 50,0';
       var width = 50;
       var height = 11;
@@ -86,12 +63,8 @@ var More = /*#__PURE__*/function (_Component) {
       }))));
     }
   }]);
-
   return More;
 }(_react.Component);
-
-exports["default"] = More;
-
 _defineProperty(More, "propTypes", {
   children: _propTypes["default"].node,
   loadMore: _propTypes["default"].func.isRequired

package/lib/pagination/index.js

@@ -1,58 +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); }
-
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _predefinedCss = require("@twreporter/core/lib/constants/predefined-css");
-
 var _css = require("@twreporter/core/lib/utils/css");
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _rwd = require("@twreporter/react-components/lib/rwd");
-
 var _concat = _interopRequireDefault(require("lodash/concat"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _templateObject, _templateObject2, _templateObject3;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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 _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); }
 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 // assets
 var PageDownIcon = function PageDownIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("title", null, "pagedown"), /*#__PURE__*/_react["default"].createElement("path", {
@@ -63,14 +40,12 @@ var PageDownIcon = function PageDownIcon(props) {
     fillRule: "evenodd"
   }));
 };
-
 PageDownIcon.defaultProps = {
   width: "9",
   height: "11",
   viewBox: "0 0 9 11",
   xmlns: "http://www.w3.org/2000/svg"
 };
-
 var PageUpIcon = function PageUpIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("title", null, "pageup"), /*#__PURE__*/_react["default"].createElement("path", {
     stroke: "#3E3F3F",
@@ -80,14 +55,13 @@ var PageUpIcon = function PageUpIcon(props) {
     fillRule: "evenodd"
   }));
 };
-
 PageUpIcon.defaultProps = {
   width: "9",
   height: "11",
   viewBox: "0 0 9 11",
   xmlns: "http://www.w3.org/2000/svg"
 }; // @twreporter
-
+// lodash
 var _ = {
   concat: _concat["default"],
   get: _get["default"]
@@ -104,22 +78,18 @@ var styles = {
     mobile: [32, 'auto', 64, 'auto']
   }
 };
-
 var PaginationContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "pagination__PaginationContainer",
   componentId: "sc-17bqftr-0"
 })(["margin:", ";text-align:center;height:", "px;", " ", ""], (0, _css.arrayToCssShorthand)(styles.containerMargin["default"]), styles.btnBoxSize.mobile, _mediaQuery["default"].tabletAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: ", "px;\n  "])), styles.btnBoxSize.desktop), _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin: ", ";\n  "])), (0, _css.arrayToCssShorthand)(styles.containerMargin.mobile)));
-
 var Boxes = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "pagination__Boxes",
   componentId: "sc-17bqftr-1"
 })(["display:flex;justify-content:center;"]);
-
 var Box = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "pagination__Box",
   componentId: "sc-17bqftr-2"
 })(["margin:0 5px 0 5px;width:", "px;height:", "px;box-sizing:border-box;user-select:none;display:inline-block;font-size:14px;cursor:pointer;color:", ";position:relative;>:first-child{", "}"], styles.btnBoxSize.desktop, styles.btnBoxSize.desktop, _color.colorSupportive.heavy, _predefinedCss.absoluteCentering);
-
 var PageNumberBox = /*#__PURE__*/(0, _styledComponents["default"])(Box).withConfig({
   displayName: "pagination__PageNumberBox",
   componentId: "sc-17bqftr-3"
@@ -138,6 +108,7 @@ var PrevNextBtn = /*#__PURE__*/(0, _styledComponents["default"])(Box).withConfig
 })(["visibility:", ";padding:", ";cursor:pointer;path{stroke:", ";}"], function (props) {
   return props.$isHidden ? 'hidden' : 'visible';
 }, (0, _css.arrayToCssShorthand)(styles.prevNextBtnPadding), _color.colorSupportive.heavy);
+
 /*
 Pages Array:
 
@@ -161,24 +132,18 @@ Pages Array:
   let margin = x, center = y
   pages array length = 2x + y + 2
 */
-
 var Pagination = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Pagination, _React$PureComponent);
-
   var _super = _createSuper(Pagination);
-
   function Pagination(props) {
     var _this;
-
     _classCallCheck(this, Pagination);
-
     _this = _super.call(this, props);
     _this._buildPagesArray = _this._buildPagesArray.bind(_assertThisInitialized(_this));
     _this._buildPageBox = _this._buildPageBox.bind(_assertThisInitialized(_this));
     _this._buildCenterJSX = _this._buildCenterJSX.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(Pagination, [{
     key: "_buildPageBox",
     value: function _buildPageBox(index, currentPage) {
@@ -193,80 +158,58 @@ var Pagination = /*#__PURE__*/function (_React$PureComponent) {
     value: function _buildCenterJSX(startAt, length, currentPage) {
       var centerJSX = [];
       var endAt = startAt + length - 1;
-
       for (var i = startAt; i <= endAt; i += 1) {
         centerJSX.push(this._buildPageBox(i, currentPage));
       }
-
       return centerJSX;
     }
   }, {
     key: "_buildPagesArray",
     value: function _buildPagesArray(currentPage, totalPages) {
       var _this$props = this.props,
-          nOfMarginPages = _this$props.nOfMarginPages,
-          nOfCenterPages = _this$props.nOfCenterPages,
-          ellipsis = _this$props.ellipsis;
+        nOfMarginPages = _this$props.nOfMarginPages,
+        nOfCenterPages = _this$props.nOfCenterPages,
+        ellipsis = _this$props.ellipsis;
       var pagesArrayMaxLength = nOfCenterPages + (nOfMarginPages + 1) * 2;
       /* Case 1: display all pages (no ellipsis) */
-
       if (totalPages <= pagesArrayMaxLength) {
         var pagesArray = [];
-
         for (var page = 1; page <= totalPages; page += 1) {
           pagesArray.push(this._buildPageBox(page, currentPage));
         }
-
         return pagesArray;
       }
       /* Case 2: display ellipsis */
-
-
       var isCurrentPageInLeftRange = currentPage <= nOfMarginPages + nOfCenterPages;
       var isCurrentPageInRightRange = currentPage > totalPages - nOfMarginPages - nOfCenterPages;
-
       var leftEllipsisJSX = /*#__PURE__*/_react["default"].createElement(EllipsisBox, {
         key: "left-ellipsis"
       }, ellipsis);
-
       var rightEllipsisJSX = /*#__PURE__*/_react["default"].createElement(EllipsisBox, {
         key: "right-ellipsis"
       }, ellipsis);
       /* build margin page boxes */
-
-
       var leftMarginJSX = [];
-
       for (var _page = 1; _page <= nOfMarginPages; _page += 1) {
         leftMarginJSX.push(this._buildPageBox(_page, currentPage));
       }
-
       var rightMarginJSX = [];
-
       for (var i = 1; i <= nOfMarginPages; i += 1) {
         var _page2 = totalPages - nOfMarginPages + i;
-
         rightMarginJSX.push(this._buildPageBox(_page2, currentPage));
       }
-
       if (isCurrentPageInLeftRange) {
         /* Case 2-1: only show right ellipsis */
         var _startAt = nOfMarginPages + 1;
-
         var _length = nOfCenterPages + 1;
-
         return _.concat(leftMarginJSX, this._buildCenterJSX(_startAt, _length, currentPage), rightEllipsisJSX, rightMarginJSX);
       } else if (isCurrentPageInRightRange) {
         /* Case 2-2: only show left ellipsis */
         var _startAt2 = totalPages - nOfMarginPages - nOfCenterPages;
-
         var _length2 = nOfCenterPages + 1;
-
         return _.concat(leftMarginJSX, leftEllipsisJSX, this._buildCenterJSX(_startAt2, _length2, currentPage), rightMarginJSX);
       }
       /* Case 2-3: show both ellipses */
-
-
       var startAt = currentPage - Math.floor(nOfCenterPages / 2) + 1;
       var length = nOfCenterPages;
       return _.concat(leftMarginJSX, leftEllipsisJSX, this._buildCenterJSX(startAt, length, currentPage), rightEllipsisJSX, rightMarginJSX);
@@ -275,13 +218,11 @@ var Pagination = /*#__PURE__*/function (_React$PureComponent) {
     key: "_buildMobilePagesArray",
     value: function _buildMobilePagesArray(currentPage, totalPages) {
       var pagesArrayMaxLength = 5;
-
       if (totalPages <= pagesArrayMaxLength) {
         return this._buildCenterJSX(1, totalPages, currentPage);
       }
-
-      var startPage; // Check if currentPage is within the first two pages or the last two pages
-
+      var startPage;
+      // Check if currentPage is within the first two pages or the last two pages
       if (currentPage <= 2) {
         // If in the first two pages, start from page 1
         startPage = 1;
@@ -292,26 +233,22 @@ var Pagination = /*#__PURE__*/function (_React$PureComponent) {
         // Otherwise, center currentPage by adjusting startPage accordingly
         startPage = currentPage - 2;
       }
-
       return this._buildCenterJSX(startPage, pagesArrayMaxLength, currentPage);
     }
   }, {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          currentPage = _this$props2.currentPage,
-          totalPages = _this$props2.totalPages,
-          handleClickPrev = _this$props2.handleClickPrev,
-          handleClickNext = _this$props2.handleClickNext,
-          className = _this$props2.className;
+        currentPage = _this$props2.currentPage,
+        totalPages = _this$props2.totalPages,
+        handleClickPrev = _this$props2.handleClickPrev,
+        handleClickNext = _this$props2.handleClickNext,
+        className = _this$props2.className;
       if (!totalPages || !currentPage) return /*#__PURE__*/_react["default"].createElement(PaginationContainer, {
         className: className
       }, /*#__PURE__*/_react["default"].createElement(Boxes, null));
-
       var pagesArrayJSX = this._buildPagesArray(currentPage, totalPages);
-
       var mobilePagesArrayJSX = this._buildMobilePagesArray(currentPage, totalPages);
-
       var belowFirstPage = currentPage <= 1;
       var aboveFinalPage = currentPage >= totalPages;
       return /*#__PURE__*/_react["default"].createElement(PaginationContainer, {
@@ -327,10 +264,8 @@ var Pagination = /*#__PURE__*/function (_React$PureComponent) {
       }, /*#__PURE__*/_react["default"].createElement(PageDownIcon, null))));
     }
   }]);
-
   return Pagination;
 }(_react["default"].PureComponent);
-
 Pagination.propTypes = {
   currentPage: _propTypes["default"].number.isRequired,
   ellipsis: _propTypes["default"].string.isRequired,
@@ -350,5 +285,4 @@ Pagination.defaultProps = {
   nOfMarginPages: 1,
   className: ''
 };
-var _default = Pagination;
-exports["default"] = _default;
+var _default = exports["default"] = Pagination;

package/lib/podcast-link.js

@@ -1,54 +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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 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 _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 _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 _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); }
 // TODO(taylrj): update to the topic landing page link
 var podcastTopicLandingPageLink = 'https://www.twreporter.org/a/podcast-list';
-
 var PodcastLandingPageLink = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(PodcastLandingPageLink, _React$PureComponent);
-
   var _super = _createSuper(PodcastLandingPageLink);
-
   function PodcastLandingPageLink() {
     _classCallCheck(this, PodcastLandingPageLink);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(PodcastLandingPageLink, [{
     key: "render",
     value: function render() {
@@ -61,13 +42,9 @@ var PodcastLandingPageLink = /*#__PURE__*/function (_React$PureComponent) {
       }, children);
     }
   }]);
-
   return PodcastLandingPageLink;
 }(_react["default"].PureComponent);
-
 _defineProperty(PodcastLandingPageLink, "propTypes", {
   children: _propTypes["default"].node
 });
-
-var _default = PodcastLandingPageLink;
-exports["default"] = _default;
+var _default = exports["default"] = PodcastLandingPageLink;

package/lib/rwd.js

@@ -4,48 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TabletAndBelow = exports.TabletAndAbove = exports.MobileOnly = exports.DesktopOnly = exports.DesktopAndAbove = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var DesktopOnly = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var DesktopOnly = exports.DesktopOnly = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "rwd__DesktopOnly",
   componentId: "gntj1s-0"
 })(["display:none;", ""], _mediaQuery["default"].desktopOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
-
-exports.DesktopOnly = DesktopOnly;
-
-var MobileOnly = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var MobileOnly = exports.MobileOnly = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "rwd__MobileOnly",
   componentId: "gntj1s-1"
 })(["display:none;", ""], _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
-
-exports.MobileOnly = MobileOnly;
-
-var DesktopAndAbove = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var DesktopAndAbove = exports.DesktopAndAbove = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "rwd__DesktopAndAbove",
   componentId: "gntj1s-2"
 })(["display:none;", ""], _mediaQuery["default"].desktopAndAbove(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
-
-exports.DesktopAndAbove = DesktopAndAbove;
-
-var TabletAndBelow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var TabletAndBelow = exports.TabletAndBelow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "rwd__TabletAndBelow",
   componentId: "gntj1s-3"
 })(["display:none;", ""], _mediaQuery["default"].tabletAndBelow(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
-
-exports.TabletAndBelow = TabletAndBelow;
-
-var TabletAndAbove = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var TabletAndAbove = exports.TabletAndAbove = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "rwd__TabletAndAbove",
   componentId: "gntj1s-4"
-})(["display:none;", ""], _mediaQuery["default"].tabletAndAbove(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));
-
-exports.TabletAndAbove = TabletAndAbove;
+})(["display:none;", ""], _mediaQuery["default"].tabletAndAbove(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: block;\n  "]))));

package/lib/shared-enum.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Size = void 0;
-var Size = Object.freeze({
+var Size = exports.Size = Object.freeze({
   S: 'S',
   L: 'L'
-});
-exports.Size = Size;
+});