@twreporter/react-components 9.0.3-rc.0 → 9.1.0-rc.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [9.1.0-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@9.1.0-rc.0...@twreporter/react-components@9.1.0-rc.1) (2024-06-19)
+
+
+### Bug Fixes
+
+* add missing `/` in url ([923d448](https://github.com/twreporter/twreporter-npm-packages/commit/923d448137278f2ac7eacde5d34a4cb3c4b80dee))
+
+
+
+
+
+# [9.1.0-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@9.0.3-rc.0...@twreporter/react-components@9.1.0-rc.0) (2024-06-18)
+
+
+### Features
+
+* **react-components:** use react-redux hook ([37ad2c9](https://github.com/twreporter/twreporter-npm-packages/commit/37ad2c91dac5a40a6d617491402e21da74534855))
+
+
+
+
+
 ## [9.0.3-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@9.0.2...@twreporter/react-components@9.0.3-rc.0) (2024-06-18)
 
 

package/lib/badge/badge.stories.js

@@ -4,23 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.badge = void 0;
-
 var _ = _interopRequireDefault(require("."));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
+var _default = exports["default"] = {
   title: 'Badge',
   component: _["default"]
 };
-exports["default"] = _default;
-var badge = {
+var badge = exports.badge = {
   args: {
     text: '不定期',
     textColor: _color.colorBrand.heavy,
     backgroundColor: 'white'
   }
-};
-exports.badge = badge;
+};

package/lib/badge/index.js

@@ -4,48 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Badge = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _paragraph = require("../text/paragraph");
-
 var _excluded = ["text", "textColor", "backgroundColor"];
-
 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; }
-
 var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "badge__Container",
   componentId: "sc-1mnvxli-0"
 })(["background:", ";padding:2px 4px;width:fit-content;border-radius:2px;"], function (props) {
   return props.$backgroundColor;
 });
-
 var ColorP2 = /*#__PURE__*/(0, _styledComponents["default"])(_paragraph.P2).withConfig({
   displayName: "badge__ColorP2",
   componentId: "sc-1mnvxli-1"
 })(["color:", ";"], function (props) {
   return props.$color;
 });
-
-var Badge = function Badge(_ref) {
+var Badge = exports.Badge = function Badge(_ref) {
   var _ref$text = _ref.text,
-      text = _ref$text === void 0 ? '' : _ref$text,
-      _ref$textColor = _ref.textColor,
-      textColor = _ref$textColor === void 0 ? 'black' : _ref$textColor,
-      _ref$backgroundColor = _ref.backgroundColor,
-      backgroundColor = _ref$backgroundColor === void 0 ? 'white' : _ref$backgroundColor,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    text = _ref$text === void 0 ? '' : _ref$text,
+    _ref$textColor = _ref.textColor,
+    textColor = _ref$textColor === void 0 ? 'black' : _ref$textColor,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? 'white' : _ref$backgroundColor,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(Container, _extends({
     $backgroundColor: backgroundColor
   }, props), /*#__PURE__*/_react["default"].createElement(ColorP2, {
@@ -53,12 +40,9 @@ var Badge = function Badge(_ref) {
     $color: textColor
   }));
 };
-
-exports.Badge = Badge;
 Badge.propTypes = {
   text: _propTypes["default"].string.isRequired,
   textColor: _propTypes["default"].string,
   backgroundColor: _propTypes["default"].string
 };
-var _default = Badge;
-exports["default"] = _default;
+var _default = exports["default"] = Badge;

package/lib/bookmark-list/bookmark.js

@@ -1,64 +1,39 @@
 "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 _date = require("@twreporter/core/lib/utils/date");
-
 var _font = require("@twreporter/core/lib/constants/font");
-
 var _customizedLink = _interopRequireDefault(require("./customized-link"));
-
 var _imageWrapper = _interopRequireDefault(require("./image-wrapper"));
-
 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 _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
-
 var _truncate = _interopRequireDefault(require("@twreporter/core/lib/utils/truncate"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
+/* eslint-disable camelcase */
 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 _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); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var BookmarkIcon = function BookmarkIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("path", {
     d: "M14.666 23.217l-7.161-4.924-7.16 4.924A.22.22 0 0 1 0 23.036V1.499A1.5 1.5 0 0 1 1.5 0h12.012a1.5 1.5 0 0 1 1.498 1.5v21.536a.22.22 0 0 1-.344.18",
@@ -66,12 +41,12 @@ var BookmarkIcon = function BookmarkIcon(props) {
     fillRule: "evenodd"
   }));
 };
-
 BookmarkIcon.defaultProps = {
   width: "16",
   height: "24",
   xmlns: "http://www.w3.org/2000/svg"
-};
+}; // @twreporter
+// lodash
 var _ = {
   get: _get["default"]
 };
@@ -85,8 +60,8 @@ var styles = {
     imageBoxPadding: [32, 32, 35, 20],
     // px
     textBoxPadding: [32, 32, 35, 0] // px
-
   },
+
   tablet: {
     imageWidth: 181,
     // px
@@ -95,32 +70,29 @@ var styles = {
     imageBoxPadding: [32, 32, 35, 20],
     // px
     textBoxPadding: [32, 32, 35, 0] // px
-
   },
+
   mobile: {
     imageHeight: 121,
     // px
     imageBoxPadding: [22, 22, 22, 22],
     // px
     textBoxPadding: [0, 21, 26, 21] // px
-
   }
 };
+
 var BookmarkIconComp = /*#__PURE__*/(0, _styledComponents["default"])(BookmarkIcon).withConfig({
   displayName: "bookmark__BookmarkIconComp",
   componentId: "sc-1y8p1w5-0"
 })(["&:hover{path{fill:", ";transition:fill 200ms linear;}}"], _color.colorBrand.dark);
-
 var BookmarkFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__BookmarkFrame",
   componentId: "sc-1y8p1w5-1"
 })(["margin:0;margin-bottom:15px;"]);
-
 var BookmarkContentContainer = /*#__PURE__*/_styledComponents["default"].li.withConfig({
   displayName: "bookmark__BookmarkContentContainer",
   componentId: "sc-1y8p1w5-2"
 })(["position:relative;width:100%;background-color:", ";display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;", " margin:0;:last-of-type{margin-bottom:0;}"], _color.colorGrayscale.white, _mediaQuery["default"].mobileOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex-direction: column;\n    align-items: center;\n  "]))));
-
 var ImageBox = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__ImageBox",
   componentId: "sc-1y8p1w5-3"
@@ -131,12 +103,10 @@ var ImageBox = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }).join(' ')), _mediaQuery["default"].mobileOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding: ", ";\n    width: 100%;\n  "])), styles.mobile.imageBoxPadding.map(function (value) {
   return "".concat(value, "px");
 }).join(' ')));
-
 var ImageFrame = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__ImageFrame",
   componentId: "sc-1y8p1w5-4"
 })(["width:", "px;height:", "px;", " ", " line-height:1;"], styles.desktop.imageWidth, styles.desktop.imageHeight, _mediaQuery["default"].tabletOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    width: ", "px;\n    height: ", "px;\n  "])), styles.tablet.imageWidth, styles.tablet.imageHeight), _mediaQuery["default"].mobileOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: 100%;\n    height: ", "px;\n  "])), styles.mobile.imageHeight));
-
 var TextBox = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__TextBox",
   componentId: "sc-1y8p1w5-5"
@@ -147,62 +117,48 @@ var TextBox = /*#__PURE__*/_styledComponents["default"].div.withConfig({
 }).join(' '), styles.tablet.imageHeight + styles.tablet.imageBoxPadding[0] + styles.tablet.imageBoxPadding[2]), _mediaQuery["default"].mobileOnly(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    padding: ", ";\n    min-height: 0;\n    width: 100%;\n  "])), styles.mobile.textBoxPadding.map(function (value) {
   return "".concat(value, "px");
 }).join(' ')));
-
 var Category = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "bookmark__Category",
   componentId: "sc-1y8p1w5-6"
 })(["font-size:16px;", " line-height:1;color:", ";"], _mediaQuery["default"].mobileOnly(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    font-size: 14px;\n  "]))), _color.colorBrand.heavy);
-
 var FirstRow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__FirstRow",
   componentId: "sc-1y8p1w5-7"
 })(["margin-bottom:0.8em;", " width:100%;flex-basis:auto;flex-grow:0;"], _mediaQuery["default"].mobileOnly(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    margin-bottom: .5em;\n  "]))));
-
 var Title = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__Title",
   componentId: "sc-1y8p1w5-8"
 })(["font-size:27px;line-height:1.41;margin-bottom:18px;", " font-weight:", ";color:", ";flex-basis:auto;flex-grow:0;"], _mediaQuery["default"].mobileOnly(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    font-size: 20px;\n    line-height: 1.55;\n    margin-bottom: 0;\n  "]))), _font.fontWeight.bold, _color.colorGrayscale.gray800);
-
 var Description = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__Description",
   componentId: "sc-1y8p1w5-9"
 })(["width:98%;color:", ";font-size:18px;", ";flex-basis:auto;flex-grow:0;", ""], _color.colorGrayscale.gray800, (0, _truncate["default"])('relative', 1.57, 2, _color.colorGrayscale.white, 'justify'), _mediaQuery["default"].mobileOnly(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    flex-basis: 0;\n    display: none;\n  "]))));
-
 var LastRow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__LastRow",
   componentId: "sc-1y8p1w5-10"
 })(["margin-top:1em;width:100%;position:relative;"]);
-
 var ReadMore = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__ReadMore",
   componentId: "sc-1y8p1w5-11"
 })(["font-size:14px;text-align:left;color:", ";cursor:pointer;display:inline-block;"], _color.colorGrayscale.gray500);
-
 var Date = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   displayName: "bookmark__Date",
   componentId: "sc-1y8p1w5-12"
 })(["vertical-align:top;font-size:16px;font-weight:", ";color:", ";float:right;"], _font.fontWeight["default"], _color.colorGrayscale.gray500);
-
 var RemoveBookMarkBtn = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmark__RemoveBookMarkBtn",
   componentId: "sc-1y8p1w5-13"
 })(["position:absolute;right:0;top:50%;transform:translateY(-44%);line-height:1;svg{width:15px;height:auto;}cursor:pointer;"]);
-
-var Bookmark = /*#__PURE__*/function (_React$PureComponent) {
+var Bookmark = exports["default"] = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Bookmark, _React$PureComponent);
-
   var _super = _createSuper(Bookmark);
-
   function Bookmark(props) {
     var _this;
-
     _classCallCheck(this, Bookmark);
-
     _this = _super.call(this, props);
     _this.handleDelete = _this.handleDelete.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(Bookmark, [{
     key: "handleDelete",
     value: function handleDelete() {
@@ -212,15 +168,14 @@ var Bookmark = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _$get = _.get(this.props, 'bookmark', {}),
-          thumbnail = _$get.thumbnail,
-          category = _$get.category,
-          title = _$get.title,
-          desc = _$get.desc,
-          published_date = _$get.published_date,
-          slug = _$get.slug,
-          is_external = _$get.is_external,
-          host = _$get.host;
-
+        thumbnail = _$get.thumbnail,
+        category = _$get.category,
+        title = _$get.title,
+        desc = _$get.desc,
+        published_date = _$get.published_date,
+        slug = _$get.slug,
+        is_external = _$get.is_external,
+        host = _$get.host;
       return /*#__PURE__*/_react["default"].createElement(BookmarkFrame, null, /*#__PURE__*/_react["default"].createElement(BookmarkContentContainer, null, /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], {
         isExternal: is_external,
         slug: slug,
@@ -241,12 +196,8 @@ var Bookmark = /*#__PURE__*/function (_React$PureComponent) {
       }))))));
     }
   }]);
-
   return Bookmark;
 }(_react["default"].PureComponent);
-
-exports["default"] = Bookmark;
-
 _defineProperty(Bookmark, "propTypes", {
   bookmark: _propTypes2["default"].bookmark.isRequired,
   handleDelete: _propTypes["default"].func.isRequired

package/lib/bookmark-list/bookmarks.js

@@ -4,94 +4,67 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _bookmark = _interopRequireDefault(require("./bookmark"));
-
 var _emptyState = _interopRequireDefault(require("../empty-state"));
-
 var _headline = require("../text/headline");
-
 var _paragraph = require("../text/paragraph");
-
 var _divider = _interopRequireDefault(require("../divider"));
-
 var _icon = require("../icon");
-
 var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
 var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
-
 var _releaseBranch = _interopRequireDefault(require("@twreporter/core/lib/constants/release-branch"));
-
 var _color = require("@twreporter/core/lib/constants/color");
-
 var _requestOrigins = _interopRequireDefault(require("@twreporter/core/lib/constants/request-origins"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _map = _interopRequireDefault(require("lodash/map"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6; // components
+// @twreporter
+// lodash
 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 _ = {
   get: _get["default"],
   map: _map["default"]
 };
-
 var PageContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmarks__PageContainer",
   componentId: "sc-1m95x6z-0"
 })(["padding:64px 0 120px 0;margin:0;", " ", ""], _mediaQuery["default"].tabletOnly(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 32px 0 120px 0;\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: 24px 0 120px 0;\n  "]))));
-
 var Column = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmarks__Column",
   componentId: "sc-1m95x6z-1"
 })(["margin:0 auto;width:97%;max-width:922px;", " ", ""], _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 100%;\n    max-width: 698px;\n  "]))), _mediaQuery["default"].mobileOnly(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    width: 100%;\n  "]))));
-
 var StatusBar = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmarks__StatusBar",
   componentId: "sc-1m95x6z-2"
 })(["", " ", " padding-bottom:64px;width:stretch;"], _mediaQuery["default"].mobileOnly(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    padding-left: 24px;\n    padding-right: 24px;\n    padding-bottom: 24px;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    padding-bottom: 32px;\n  "]))));
-
 var TitleContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmarks__TitleContainer",
   componentId: "sc-1m95x6z-3"
 })(["margin-bottom:16px;color:", ";"], _color.colorGrayscale.gray800);
-
 var CountContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmarks__CountContainer",
   componentId: "sc-1m95x6z-4"
 })(["display:flex;margin-bottom:16px;"]);
-
 var CountTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   displayName: "bookmarks__CountTitle",
   componentId: "sc-1m95x6z-5"
 })(["margin-right:8px;"]);
-
 var BookmarksContainer = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
   displayName: "bookmarks__BookmarksContainer",
   componentId: "sc-1m95x6z-6"
 })(["margin:0;width:100%;padding:0;"]);
-
 function Bookmarks(_ref) {
   var _ref$total = _ref.total,
-      total = _ref$total === void 0 ? 0 : _ref$total,
-      _ref$bookmarks = _ref.bookmarks,
-      bookmarks = _ref$bookmarks === void 0 ? [] : _ref$bookmarks,
-      handleDelete = _ref.handleDelete,
-      _ref$releaseBranch = _ref.releaseBranch,
-      releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch["default"].master : _ref$releaseBranch;
-
+    total = _ref$total === void 0 ? 0 : _ref$total,
+    _ref$bookmarks = _ref.bookmarks,
+    bookmarks = _ref$bookmarks === void 0 ? [] : _ref$bookmarks,
+    handleDelete = _ref.handleDelete,
+    _ref$releaseBranch = _ref.releaseBranch,
+    releaseBranch = _ref$releaseBranch === void 0 ? _releaseBranch["default"].master : _ref$releaseBranch;
   var buildBookmark = function buildBookmark(bookmark) {
     return /*#__PURE__*/_react["default"].createElement(_bookmark["default"], {
       key: "bookmark_".concat(_.get(bookmark, 'id')),
@@ -99,7 +72,6 @@ function Bookmarks(_ref) {
       handleDelete: handleDelete
     });
   };
-
   var counterJSX = total === 0 ? '' : /*#__PURE__*/_react["default"].createElement(CountContainer, null, /*#__PURE__*/_react["default"].createElement(CountTitle, null, /*#__PURE__*/_react["default"].createElement(_paragraph.P1, {
     text: "\u5168\u90E8",
     weight: "bold"
@@ -126,12 +98,10 @@ function Bookmarks(_ref) {
     text: "\u6211\u7684\u66F8\u7C64"
   })), counterJSX, /*#__PURE__*/_react["default"].createElement(_divider["default"], null)), contentJSX));
 }
-
 Bookmarks.propTypes = {
   bookmarks: _propTypes["default"].arrayOf(_propTypes2["default"].bookmark).isRequired,
   handleDelete: _propTypes["default"].func.isRequired,
   total: _propTypes["default"].number,
   releaseBranch: _propTypes2["default"].releaseBranch
 };
-var _default = Bookmarks;
-exports["default"] = _default;
+var _default = exports["default"] = Bookmarks;

package/lib/bookmark-list/customized-link.js

@@ -4,34 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _entityPath = _interopRequireDefault(require("@twreporter/core/lib/constants/entity-path"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var CustomizedLink = function CustomizedLink(_ref) {
   var children = _ref.children,
-      isExternal = _ref.isExternal,
-      slug = _ref.slug,
-      host = _ref.host;
-
+    isExternal = _ref.isExternal,
+    slug = _ref.slug,
+    host = _ref.host;
   if (isExternal) {
     return /*#__PURE__*/_react["default"].createElement("a", {
       href: "".concat(host).concat(_entityPath["default"].interactiveArticle).concat(slug)
     }, children);
   }
-
   return /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
     to: "".concat(_entityPath["default"].article).concat(slug)
   }, children);
 };
-
 CustomizedLink.defaultProps = {
   children: null
 };
@@ -41,5 +32,4 @@ CustomizedLink.propTypes = {
   slug: _propTypes["default"].string.isRequired,
   host: _propTypes["default"].string.isRequired
 };
-var _default = CustomizedLink;
-exports["default"] = _default;
+var _default = exports["default"] = CustomizedLink;