@twreporter/react-article-components 1.4.12 → 1.5.0-rc.0

package/lib/components/aside/mobile-aside.js

@@ -1,212 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _bookmarkWidget = _interopRequireDefault(require("@twreporter/react-components/lib/bookmark-widget"));
-
-var _dynamicComponentsContext = _interopRequireDefault(require("../../contexts/dynamic-components-context"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
-var _propTypes2 = _interopRequireDefault(require("@twreporter/core/lib/constants/prop-types"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject, _templateObject2;
-
-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 _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || 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 : 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) } })); }
-
-// icons
-var BackToTopicIcon = function BackToTopicIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#fff",
-    cx: "25.82",
-    cy: "25.82",
-    r: "25.82"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#a67a44",
-    d: "M23.6 21.92H31a1 1 0 1 0 0-2h-7.4a1 1 0 0 0 0 2zM23.6 26.82H31a1 1 0 0 0 0-2h-7.4a1 1 0 0 0 0 2zM23.6 31.71H31a1 1 0 0 0 0-2h-7.4a1 1 0 0 0 0 2z"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#a67a44",
-    d: "M33.92 13.92h-16.2a1.91 1.91 0 0 0-1.9 1.9v20a1.9 1.9 0 0 0 1.9 1.9h16.2a1.9 1.9 0 0 0 1.9-1.9v-20a1.91 1.91 0 0 0-1.9-1.9zm-.1 21.79h-16V15.92h16z"
-  }), /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#a67a44",
-    cx: "20.15",
-    cy: "20.92",
-    r: "1"
-  }), /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#a67a44",
-    cx: "20.15",
-    cy: "25.82",
-    r: "1"
-  }), /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#a67a44",
-    cx: "20.15",
-    cy: "30.71",
-    r: "1"
-  }));
-};
-
-BackToTopicIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 51.64 51.64"
-}; // bookmark icons
-
-var ToAddBookmarkIcon = function ToAddBookmarkIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#fff",
-    cx: "25.82",
-    cy: "25.82",
-    r: "25.82"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#a67a44",
-    d: "M17.48 37.66a1.65 1.65 0 0 1-.81-.2 1.45 1.45 0 0 1-.79-1.28V15.45a1.55 1.55 0 0 1 1.6-1.45h16.68a1.54 1.54 0 0 1 1.59 1.48v20.7a1.42 1.42 0 0 1-.75 1.28 1.68 1.68 0 0 1-1.72-.07l-7.42-4.86-7.46 4.86a1.68 1.68 0 0 1-.92.27zm-.18-1.94zm17 0zM17.88 16v19.34l7.94-5.2 7.93 5.2V16z"
-  }));
-};
-
-ToAddBookmarkIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 51.64 51.64"
-};
-
-var AddedBookmarkIcon = function AddedBookmarkIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#fff",
-    cx: "25.82",
-    cy: "25.82",
-    r: "25.82"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#a67a44",
-    d: "M17.48 37.66a1.65 1.65 0 0 1-.81-.2 1.45 1.45 0 0 1-.79-1.28V15.45a1.55 1.55 0 0 1 1.6-1.45h16.68a1.54 1.54 0 0 1 1.59 1.48v20.7a1.42 1.42 0 0 1-.75 1.28 1.68 1.68 0 0 1-1.72-.07l-7.42-4.86-7.46 4.86a1.68 1.68 0 0 1-.92.27zm-.18-1.94zm17 0z"
-  }));
-};
-
-AddedBookmarkIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 51.64 51.64"
-};
-
-var Container = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "mobile-aside__Container",
-  componentId: "sc-1k1zo00-0"
-})(["", " ", ""], _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-block;\n    position: fixed;\n    right: 5%;\n    bottom: 3%;\n    z-index: 999;\n    visibility: ", ";\n    opacity: ", ";\n    transition: opacity 0.5s linear;\n  "])), function (props) {
-  return props.toShow ? 'visible' : 'hidden';
-}, function (props) {
-  return props.toShow ? 1 : 0;
-}), _mediaQuery["default"].desktopAndAbove(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: none;\n  "]))));
-
-var IconContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "mobile-aside__IconContainer",
-  componentId: "sc-1k1zo00-1"
-})(["position:relative;width:52px;height:52px;cursor:pointer;svg{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}"]);
-
-var SubsequentIconContainer = /*#__PURE__*/(0, _styledComponents["default"])(IconContainer).withConfig({
-  displayName: "mobile-aside__SubsequentIconContainer",
-  componentId: "sc-1k1zo00-2"
-})(["margin-bottom:20px;"]);
-
-var BackToTopicBtn = function BackToTopicBtn(props) {
-  return /*#__PURE__*/_react["default"].createElement(_dynamicComponentsContext["default"].Consumer, null, function (components) {
-    return /*#__PURE__*/_react["default"].createElement(components.Link, {
-      to: props.href,
-      target: "_self"
-    }, /*#__PURE__*/_react["default"].createElement(SubsequentIconContainer, null, /*#__PURE__*/_react["default"].createElement(BackToTopicIcon, null)));
-  });
-};
-
-BackToTopicBtn.propTypes = {
-  href: _propTypes["default"].string.isRequired
-};
-
-var MobileAside = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(MobileAside, _React$PureComponent);
-
-  var _super = _createSuper(MobileAside);
-
-  function MobileAside(props) {
-    var _this;
-
-    _classCallCheck(this, MobileAside);
-
-    _this = _super.call(this, props);
-    _this.state = {
-      toShow: false
-    };
-    return _this;
-  }
-
-  _createClass(MobileAside, [{
-    key: "toShow",
-    set: function set(toShow) {
-      this.setState({
-        toShow: toShow
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          backToTopic = _this$props.backToTopic,
-          articleMetaForBookmark = _this$props.articleMetaForBookmark;
-      var toShow = this.state.toShow;
-      return /*#__PURE__*/_react["default"].createElement(Container, {
-        className: "hidden-print",
-        toShow: toShow
-      }, backToTopic ? /*#__PURE__*/_react["default"].createElement(BackToTopicBtn, {
-        href: backToTopic
-      }) : null, /*#__PURE__*/_react["default"].createElement(_bookmarkWidget["default"], {
-        toAutoCheck: true,
-        articleMeta: articleMetaForBookmark,
-        renderIcon: function renderIcon(isBookmarked, addAction, removeAction) {
-          return /*#__PURE__*/_react["default"].createElement(IconContainer, {
-            onClick: isBookmarked ? removeAction : addAction
-          }, isBookmarked ? /*#__PURE__*/_react["default"].createElement(AddedBookmarkIcon, null) : /*#__PURE__*/_react["default"].createElement(ToAddBookmarkIcon, null));
-        }
-      }));
-    }
-  }]);
-
-  return MobileAside;
-}(_react["default"].PureComponent);
-
-MobileAside.propTypes = {
-  backToTopic: _propTypes["default"].string,
-  articleMetaForBookmark: _propTypes2["default"].articleMetaForBookmark
-};
-MobileAside.defaultProps = {
-  backToTopic: '',
-  articleMetaForBookmark: {}
-};
-var _default = MobileAside;
-exports["default"] = _default;

package/lib/components/aside/tools.js

@@ -1,383 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _dynamicComponentsContext = _interopRequireDefault(require("../../contexts/dynamic-components-context"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _theme = _interopRequireDefault(require("../../constants/theme"));
-
-var _color = _interopRequireDefault(require("../../constants/color"));
-
-var _aside = _interopRequireDefault(require("../../constants/prop-types/aside"));
-
-var _bookmarkWidget = _interopRequireDefault(require("@twreporter/react-components/lib/bookmark-widget"));
-
-var _mediaQuery = _interopRequireDefault(require("@twreporter/core/lib/utils/media-query"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-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 _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 _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || 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 : 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-// icons
-var BackToTopicIcon = function BackToTopicIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#f1f1f1",
-    cx: "18",
-    cy: "18",
-    r: "18"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#404040",
-    d: "M25.05 7.4H11a1.83 1.83 0 0 0-1.87 1.82v17.56A1.83 1.83 0 0 0 11 28.6h14.1a1.83 1.83 0 0 0 1.82-1.82V9.22a1.83 1.83 0 0 0-1.87-1.82zm.52 19.38a.52.52 0 0 1-.52.52H11a.52.52 0 0 1-.52-.52V9.22A.52.52 0 0 1 11 8.7h14.1a.52.52 0 0 1 .52.52z"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#404040",
-    d: "M23 12.88h-6.68a.65.65 0 0 0 0 1.3H23a.65.65 0 1 0 0-1.3zM23 17.35h-6.68a.65.65 0 0 0 0 1.3H23a.65.65 0 0 0 0-1.3zM23 21.82h-6.68a.65.65 0 1 0 0 1.3H23a.65.65 0 0 0 0-1.3zM13.17 12.68a.85.85 0 1 0 .84.85.85.85 0 0 0-.84-.85z"
-  }), /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#404040",
-    cx: "13.17",
-    cy: "18",
-    r: ".85"
-  }), /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#404040",
-    cx: "13.17",
-    cy: "22.47",
-    r: ".85"
-  }));
-};
-
-BackToTopicIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 36 36"
-};
-
-var FBIcon = function FBIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
-    cx: "15",
-    cy: "15",
-    r: "15",
-    fill: "#fff"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#404040",
-    d: "M21.49 7.69h-13a.82.82 0 0 0-.82.81v13a.82.82 0 0 0 .82.81h7v-5.65H13.6v-2.22h1.9v-1.62a2.66 2.66 0 0 1 2.84-2.92A16 16 0 0 1 20 10v2h-1.12c-.92 0-1.1.43-1.1 1.07v1.41H20l-.28 2.21h-1.94v5.66h3.71a.82.82 0 0 0 .82-.81V8.5a.82.82 0 0 0-.82-.81"
-  }));
-};
-
-FBIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 30 30"
-};
-
-var LineIcon = function LineIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#fff",
-    cx: "15",
-    cy: "15",
-    r: "15"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#404040",
-    d: "M14.53 24.27h-.25a.48.48 0 0 1-.24-.65c0-.1.07-.2.11-.3a4.11 4.11 0 0 0 .26-1.43.43.43 0 0 0-.45-.48 11 11 0 0 1-1.17-.16 9.52 9.52 0 0 1-5.9-3.39 6.47 6.47 0 0 1-.84-7.18A8 8 0 0 1 9.73 7a11.19 11.19 0 0 1 7.7-1 9.42 9.42 0 0 1 5.73 3.4 6.45 6.45 0 0 1 1.38 5.46 7.46 7.46 0 0 1-2.08 3.72 26.71 26.71 0 0 1-4 3.31 26.48 26.48 0 0 1-4 2.38m3.15-10.75v-1.81c0-.35-.18-.54-.48-.55s-.48.2-.48.56v2.16c0 .04-.14-.09-.19-.16-.23-.3-.45-.61-.68-.92-.34-.46-.67-.92-1-1.37a.51.51 0 0 0-.75-.17.61.61 0 0 0-.18.5v3.55a.71.71 0 0 0 .05.29.46.46 0 0 0 .49.3.45.45 0 0 0 .41-.43 2.44 2.44 0 0 0 0-.27v-1.81c0-.08 0-.19.06-.22s.12.07.16.13l.63.86c.38.51.74 1 1.12 1.52a.46.46 0 0 0 .54.2.5.5 0 0 0 .35-.49v-1.87m.72 0v1.81c0 .39.18.56.56.56h1.75a.47.47 0 0 0 .53-.46.5.5 0 0 0-.52-.49H20c-.79 0-.65.12-.68-.68 0-.19 0-.26.25-.25h1.16a.48.48 0 0 0 .48-.47.46.46 0 0 0-.49-.48H20c-.66 0-.65 0-.65-.65 0-.25.09-.32.32-.31h1A.56.56 0 0 0 21 12a.43.43 0 0 0 .23-.5.44.44 0 0 0-.46-.37H19c-.44 0-.59.16-.59.61v1.77m-9.6 0v1.84c0 .39.17.55.56.55h1.71a.51.51 0 0 0 .57-.48.51.51 0 0 0-.56-.47h-1c-.35 0-.36 0-.36-.35v-2.81a.73.73 0 0 0 0-.36.45.45 0 0 0-.52-.24.43.43 0 0 0-.36.44v1.89m4.29 0v-1.86a.46.46 0 1 0-.91 0v3.7c0 .34.19.55.48.54s.44-.21.45-.54v-1.83"
-  }));
-};
-
-LineIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 30 30"
-};
-
-var PrintIcon = function PrintIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#f1f1f1",
-    cx: "18",
-    cy: "18",
-    r: "18"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#404040",
-    d: "M27.8 11.62H25V8.11A2.07 2.07 0 0 0 22.93 6h-9.86A2.07 2.07 0 0 0 11 8.11v3.51H8.2a2 2 0 0 0-2 2v9.74a2 2 0 0 0 2 2h2.63v2.59A2 2 0 0 0 12.77 30h10.46a2 2 0 0 0 1.94-2.1v-2.63h2.63a2 2 0 0 0 2-2v-9.7a2 2 0 0 0-2-1.95zM12.31 8.11a.77.77 0 0 1 .76-.77h9.86a.77.77 0 0 1 .76.77v3.51H12.31zm11.56 19.75a.74.74 0 0 1-.64.8H12.77a.74.74 0 0 1-.64-.8v-7.14a.74.74 0 0 1 .64-.8h10.46a.74.74 0 0 1 .64.8zm4.59-4.55a.66.66 0 0 1-.66.66h-2.63v-3.25a2 2 0 0 0-1.94-2.1H12.77a2 2 0 0 0-1.94 2.1V24H8.2a.66.66 0 0 1-.66-.66v-9.77a.66.66 0 0 1 .66-.65h19.6a.66.66 0 0 1 .66.65z"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#404040",
-    d: "M24.34 15.41a.83.83 0 1 0 .83.82.82.82 0 0 0-.83-.82zM21.65 22h-7.3a.65.65 0 0 0 0 1.3h7.3a.65.65 0 0 0 0-1.3zM21.65 25.26h-7.3a.65.65 0 0 0 0 1.3h7.3a.65.65 0 0 0 0-1.3z"
-  }));
-};
-
-PrintIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 36 36"
-};
-
-var TextIcon = function TextIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#f1f1f1",
-    cx: "18",
-    cy: "18",
-    r: "18"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#404040",
-    d: "M14.37 10.44a1.54 1.54 0 0 0-.55-.71 1.49 1.49 0 0 0-.82-.27 1.46 1.46 0 0 0-.85.27 1.48 1.48 0 0 0-.55.71L6.22 25.63a.64.64 0 0 0 .1.62.66.66 0 0 0 .56.29 1.32 1.32 0 0 0 1.26-.91l1.29-3.89a.25.25 0 0 1 .26-.18h6.48a.27.27 0 0 1 .28.18l1.24 3.84a1.38 1.38 0 0 0 .5.69 1.35 1.35 0 0 0 .83.27.66.66 0 0 0 .56-.29.67.67 0 0 0 .1-.64zM15.78 20a.11.11 0 0 1-.1.06h-5.5a.14.14 0 0 1-.12-.06.12.12 0 0 1 0-.13l2.85-8.7 2.86 8.7a.28.28 0 0 1 .01.13zM29.78 22.26l-3.17-8.52a1.17 1.17 0 0 0-.41-.52 1.1 1.1 0 0 0-.63-.2h-.17a1.09 1.09 0 0 0-.62.2 1.1 1.1 0 0 0-.41.52l-3.18 8.52a.54.54 0 0 0 .5.72 1 1 0 0 0 .62-.21 1 1 0 0 0 .4-.53l.61-1.8a.16.16 0 0 1 .15-.11h3.93a.16.16 0 0 1 .15.11l.61 1.8a1 1 0 0 0 .4.53 1 1 0 0 0 .62.21h.1a.53.53 0 0 0 .44-.23.49.49 0 0 0 .06-.49zM27 19.16h-3.08c-.07 0-.09 0-.07-.11l1.6-4.69 1.6 4.69c.04.07.01.11-.05.11z"
-  }));
-};
-
-TextIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 36 36"
-};
-
-var TwitterIcon = function TwitterIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#fff",
-    cx: "15",
-    cy: "15",
-    r: "15"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#404040",
-    d: "M12.07 22.06a9.53 9.53 0 0 0 9.82-9.39v-.42a6.82 6.82 0 0 0 1.72-1.71 7.59 7.59 0 0 1-2 .52 3.38 3.38 0 0 0 1.52-1.83A7.19 7.19 0 0 1 21 10a3.51 3.51 0 0 0-2.52-1A3.38 3.38 0 0 0 15 12.29a3.74 3.74 0 0 0 .08.75A9.94 9.94 0 0 1 8 9.59 3.23 3.23 0 0 0 9 14a3.72 3.72 0 0 1-1.56-.41 3.34 3.34 0 0 0 2.77 3.24 3.39 3.39 0 0 1-.91.12 3.49 3.49 0 0 1-.65-.06 3.45 3.45 0 0 0 3.23 2.29 7.12 7.12 0 0 1-4.29 1.41 7.38 7.38 0 0 1-.82 0 10.11 10.11 0 0 0 5.28 1.47"
-  }));
-};
-
-TwitterIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 30 30"
-}; // bookmark icons
-
-var ToAddBookmarkIcon = function ToAddBookmarkIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#f1f1f1",
-    cx: "18",
-    cy: "18",
-    r: "18"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#404040",
-    d: "M10.38 28.56a1.21 1.21 0 0 1-.61-.16 1.05 1.05 0 0 1-.58-.94V8.54a1.14 1.14 0 0 1 1.19-1.1h15.24a1.14 1.14 0 0 1 1.19 1.1v18.92a1.05 1.05 0 0 1-.58.94 1.28 1.28 0 0 1-1.31 0L18 23.82l-6.92 4.53a1.25 1.25 0 0 1-.7.21zm.11-19.82v18.45L18 22.26l7.51 4.93V8.74z"
-  }));
-};
-
-ToAddBookmarkIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 36 36"
-};
-
-var AddedBookmarkIcon = function AddedBookmarkIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].createElement("circle", {
-    fill: "#f1f1f1",
-    cx: "18",
-    cy: "18",
-    r: "18"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "#404040",
-    d: "M10.38 28.56a1.21 1.21 0 0 1-.61-.16 1.05 1.05 0 0 1-.58-.94V8.54a1.14 1.14 0 0 1 1.19-1.1h15.24a1.14 1.14 0 0 1 1.19 1.1v18.92a1.05 1.05 0 0 1-.58.94 1.28 1.28 0 0 1-1.31 0L18 23.82l-6.92 4.53a1.25 1.25 0 0 1-.7.21z"
-  }));
-};
-
-AddedBookmarkIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 36 36"
-}; // @twreporter
-
-function changeFontSizeOffsetToPct(fontSizeOffset) {
-  switch (fontSizeOffset) {
-    case 2:
-      {
-        return '110%';
-      }
-
-    case 4:
-      {
-        return '120%';
-      }
-
-    case 0:
-    default:
-      {
-        return '100%';
-      }
-  }
-}
-
-var iconBlockCSS = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;cursor:pointer;line-height:1;svg{width:36px;height:36px;}&::after{position:absolute;top:5px;color:", ";font-size:14px;line-height:23px;visibility:hidden;width:100px;}&:hover{&::after{visibility:visible;}}", ""], _color["default"].gray95, _mediaQuery["default"].tabletAndBelow(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    &::after {\n      top: 100%;\n      left: 50%;\n      transform: translateX(-50%);\n      text-align: center;\n    }\n  "]))));
-
-var TextIconBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "tools__TextIconBlock",
-  componentId: "jf7k3l-0"
-})(["", " &::after{content:'\u5B57\u7D1A\u5927\u5C0F", "';}"], iconBlockCSS, function (props) {
-  return changeFontSizeOffsetToPct(props.theme.fontSizeOffset);
-});
-
-var BackToTopicBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "tools__BackToTopicBlock",
-  componentId: "jf7k3l-1"
-})(["", " &::after{content:'\u56DE\u5230\u5C08\u984C';}"], iconBlockCSS);
-
-var PrintIconBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "tools__PrintIconBlock",
-  componentId: "jf7k3l-2"
-})(["", " &::after{content:'\u5217\u5370';}"], iconBlockCSS);
-
-var BookmarkIconBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "tools__BookmarkIconBlock",
-  componentId: "jf7k3l-3"
-})(["", " &::after{content:'", "';}"], iconBlockCSS, function (props) {
-  return props.isBookmarked ? '取消書籤' : '加入書籤';
-});
-
-var ShareIconBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "tools__ShareIconBlock",
-  componentId: "jf7k3l-4"
-})(["width:36px;height:36px;padding:3px;cursor:pointer;"]);
-
-var ToolsBlock = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "tools__ToolsBlock",
-  componentId: "jf7k3l-5"
-})(["display:flex;", " ", " ", " ", " ", ""], _mediaQuery["default"].mobileOnly(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: calc(300/375*100%);\n    margin-left: auto;\n    margin-right: auto;\n  "]))), _mediaQuery["default"].tabletOnly(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: calc(453/768*100%);\n    max-width: 453px;\n    margin-left: auto;\n    margin-right: auto;\n    > svg, > div, > a {\n      margin-right: 30px;\n    }\n  "]))), _mediaQuery["default"].tabletAndBelow(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    justify-content: space-between;\n  "]))), _mediaQuery["default"].desktopAndAbove(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    width: 36px;\n    height: ", ";\n    flex-direction: column;\n    justify-content: space-around;\n    align-items: center;\n  "])), function (props) {
-  return props.height || 'auto';
-}), function (props) {
-  switch (props.theme.name) {
-    case _theme["default"].article.v2.photo:
-      return (0, _styledComponents.css)(["", "{svg circle:first-child{fill:", ";}svg path{fill:", ";}}", ",", ",", ",", "{svg circle:first-child{fill:", ";}svg path{fill:", ";}&::after{color:", ";}}", "{svg circle:not(:first-child){fill:", ";}}"], ShareIconBlock, _color["default"].gray25, _color["default"].notSoWhite, TextIconBlock, BackToTopicBlock, PrintIconBlock, BookmarkIconBlock, _color["default"].darkBlue, _color["default"].notSoWhite, _color["default"].notSoWhite, BackToTopicBlock, _color["default"].notSoWhite);
-
-    default:
-      return '';
-  }
-});
-
-function FBShareBT(props) {
-  var handleClick = function handleClick() {
-    var currentURL = window.location.href;
-    var location = 'https://www.facebook.com/dialog/feed?' + 'display=page' + "&app_id=".concat(props.appID) + "&link=".concat(encodeURIComponent(currentURL)) + "&redirect_uri=".concat(encodeURIComponent('https://www.facebook.com/'));
-    window.open(location, '_blank');
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(ShareIconBlock, {
-    id: "fb-share"
-  }, /*#__PURE__*/_react["default"].createElement(FBIcon, {
-    width: "30px",
-    onClick: handleClick
-  }));
-}
-
-FBShareBT.propTypes = {
-  appID: _propTypes["default"].string.isRequired
-};
-
-function TwitterShareBT(props) {
-  var handleClick = function handleClick() {
-    var currentURL = window.location.href;
-    var location = 'https://twitter.com/intent/tweet?' + "url=".concat(encodeURIComponent(currentURL), "&text=").concat(encodeURIComponent(document.title + ' #報導者'));
-    window.open(location, '_blank');
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(ShareIconBlock, {
-    id: "twitter-share"
-  }, /*#__PURE__*/_react["default"].createElement(TwitterIcon, {
-    width: "30px",
-    onClick: handleClick
-  }));
-}
-
-function LineShareBT(props) {
-  var handleClick = function handleClick() {
-    var currentURL = window.location.href;
-    var location = "https://social-plugins.line.me/lineit/share?url=".concat(encodeURIComponent(currentURL));
-    window.open(location, '_blank');
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(ShareIconBlock, {
-    id: "line-share"
-  }, /*#__PURE__*/_react["default"].createElement(LineIcon, {
-    width: "30px",
-    onClick: handleClick
-  }));
-}
-
-var defaultFbAppID = '962589903815787';
-
-var Tools = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(Tools, _React$PureComponent);
-
-  var _super = _createSuper(Tools);
-
-  function Tools() {
-    _classCallCheck(this, Tools);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Tools, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          backToTopic = _this$props.backToTopic,
-          fbAppID = _this$props.fbAppID,
-          height = _this$props.height,
-          onFontLevelChange = _this$props.onFontLevelChange,
-          articleMetaForBookmark = _this$props.articleMetaForBookmark;
-      return /*#__PURE__*/_react["default"].createElement(ToolsBlock, {
-        height: height
-      }, backToTopic ? /*#__PURE__*/_react["default"].createElement(_dynamicComponentsContext["default"].Consumer, null, function (components) {
-        return /*#__PURE__*/_react["default"].createElement(components.Link, {
-          to: backToTopic,
-          target: "_self"
-        }, /*#__PURE__*/_react["default"].createElement(BackToTopicBlock, null, /*#__PURE__*/_react["default"].createElement(BackToTopicIcon, null)));
-      }) : null, /*#__PURE__*/_react["default"].createElement(_bookmarkWidget["default"], {
-        toAutoCheck: false,
-        articleMeta: articleMetaForBookmark,
-        renderIcon: function renderIcon(isBookmarked, addAction, removeAction) {
-          return /*#__PURE__*/_react["default"].createElement(BookmarkIconBlock, {
-            onClick: isBookmarked ? removeAction : addAction,
-            isBookmarked: isBookmarked
-          }, isBookmarked ? /*#__PURE__*/_react["default"].createElement(AddedBookmarkIcon, null) : /*#__PURE__*/_react["default"].createElement(ToAddBookmarkIcon, null));
-        }
-      }), /*#__PURE__*/_react["default"].createElement(TextIconBlock, null, /*#__PURE__*/_react["default"].createElement(TextIcon, {
-        onClick: onFontLevelChange
-      })), /*#__PURE__*/_react["default"].createElement(PrintIconBlock, null, /*#__PURE__*/_react["default"].createElement(PrintIcon, {
-        onClick: function onClick() {
-          window.print();
-        }
-      })), /*#__PURE__*/_react["default"].createElement(FBShareBT, {
-        appID: fbAppID || defaultFbAppID
-      }), /*#__PURE__*/_react["default"].createElement(TwitterShareBT, null), /*#__PURE__*/_react["default"].createElement(LineShareBT, null));
-    }
-  }]);
-
-  return Tools;
-}(_react["default"].PureComponent);
-
-exports["default"] = Tools;
-
-_defineProperty(Tools, "propTypes", _aside["default"].tools);