@twreporter/react-components 8.17.0-rc.1 → 8.17.0-rc.11

package/lib/text/constants/font-weight.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WEIGHT_STORYBOOK_ARG_TYPE = exports.WEIGHT_PROP_TYPES = exports.WEIGHT = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var WEIGHT = {
-  extraLight: 'extraLight',
-  normal: 'normal',
-  bold: 'bold'
-};
-exports.WEIGHT = WEIGHT;
-
-var WEIGHT_PROP_TYPES = _propTypes["default"].oneOf([WEIGHT.extraLight, WEIGHT.normal, WEIGHT.bold]);
-
-exports.WEIGHT_PROP_TYPES = WEIGHT_PROP_TYPES;
-var WEIGHT_STORYBOOK_ARG_TYPE = {
-  defaultValue: WEIGHT.normal,
-  options: [WEIGHT.extraLight, WEIGHT.normal, WEIGHT.bold],
-  control: {
-    type: 'radio'
-  }
-};
-exports.WEIGHT_STORYBOOK_ARG_TYPE = WEIGHT_STORYBOOK_ARG_TYPE;

package/lib/text/link.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _theme = require("@twreporter/core/lib/constants/theme");
-
-var _color = require("@twreporter/core/lib/constants/color");
-
-var _excluded = ["path", "name", "theme", "isBold"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || 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 getColorFromTheme = function getColorFromTheme(theme) {
-  switch (theme) {
-    case _theme.ARTICLE_THEME.v2.photo:
-      return _color.COLOR_ARTICLE.milkTea;
-
-    case _theme.ARTICLE_THEME.v2.pink:
-      return _color.COLOR_ARTICLE.blue;
-
-    case _theme.ARTICLE_THEME.v2["default"]:
-    default:
-      return _color.COLOR_ARTICLE.brown;
-  }
-};
-
-var Text = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  displayName: "link__Text",
-  componentId: "pki7nr-0"
-})(["color:", ";display:inline-block;font-size:16px;line-height:1;padding:", ";&:hover{padding-bottom:2px;border-width:0 0 1px 0;border-style:solid;border-color:", ";}"], function (props) {
-  return props.color;
-}, function (props) {
-  return props.padding;
-}, function (props) {
-  return props.color;
-});
-
-var Anchor = /*#__PURE__*/_styledComponents["default"].a.withConfig({
-  displayName: "link__Anchor",
-  componentId: "pki7nr-1"
-})(["text-decoration:none;"]);
-
-var TextLink = function TextLink(_ref) {
-  var _ref$path = _ref.path,
-      path = _ref$path === void 0 ? '' : _ref$path,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? '' : _ref$name,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? _theme.ARTICLE_THEME.v2["default"] : _ref$theme,
-      _ref$isBold = _ref.isBold,
-      isBold = _ref$isBold === void 0 ? false : _ref$isBold,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var color = getColorFromTheme(theme);
-  return /*#__PURE__*/_react["default"].createElement(Anchor, {
-    href: path
-  }, /*#__PURE__*/_react["default"].createElement(Text, _extends({
-    color: color,
-    style: {
-      fontWeight: isBold ? 'bold' : 'normal'
-    }
-  }, props), name));
-};
-
-TextLink.propTypes = {
-  path: _propTypes["default"].string.isRequired,
-  name: _propTypes["default"].string,
-  theme: _propTypes["default"].string,
-  isBold: _propTypes["default"].bool
-};
-var _default = TextLink;
-exports["default"] = _default;

package/lib/text/stories/link.stories.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.textLink = exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _link = _interopRequireDefault(require("../link"));
-
-var _theme = require("@twreporter/core/lib/constants/theme");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = {
-  title: 'Text/Link',
-  component: _link["default"],
-  argTypes: {
-    theme: {
-      defaultValue: _theme.ARTICLE_THEME.v2["default"],
-      options: [_theme.ARTICLE_THEME.v2["default"], _theme.ARTICLE_THEME.v2.pink, _theme.ARTICLE_THEME.v2.photo],
-      control: {
-        type: 'radio'
-      }
-    }
-  }
-};
-exports["default"] = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/_react["default"].createElement(_link["default"], args);
-};
-
-var textLink = Template.bind({});
-exports.textLink = textLink;
-textLink.args = {
-  name: '分類',
-  path: '/categories/human_rights_and_society',
-  theme: _theme.ARTICLE_THEME.v2["default"],
-  isBold: true
-};