@twreporter/react-components 8.15.1 → 8.16.0-rc.0

package/CHANGELOG.md

@@ -3,6 +3,51 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.16.0-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.15.2-rc.2...@twreporter/react-components@8.16.0-rc.0) (2023-02-13)
+
+
+### Bug Fixes
+
+* abstract padding ([bdb104b](https://github.com/twreporter/twreporter-npm-packages/commit/bdb104ba374dd4210d3517c95edd5050274509f1))
+* fix comments ([3fbc942](https://github.com/twreporter/twreporter-npm-packages/commit/3fbc942b0dfa8730a79d8c04a599af6de6de3a56))
+* refactor some ([11217da](https://github.com/twreporter/twreporter-npm-packages/commit/11217da7d8698bd4f57e7becab5a2d9072a9dc39))
+
+
+### Features
+
+* add story ([b951b33](https://github.com/twreporter/twreporter-npm-packages/commit/b951b3388d7e174e25e8742708a70e7ddc63c97e))
+
+
+
+
+
+## [8.15.2-rc.2](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.15.2-rc.1...@twreporter/react-components@8.15.2-rc.2) (2023-01-17)
+
+**Note:** Version bump only for package @twreporter/react-components
+
+
+
+
+
+## [8.15.2-rc.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.15.2-rc.0...@twreporter/react-components@8.15.2-rc.1) (2023-01-16)
+
+
+### Bug Fixes
+
+* fix defects for mobile/tablet header ([bb3f7e5](https://github.com/twreporter/twreporter-npm-packages/commit/bb3f7e523b3173712d9f308e76d781326a276c64))
+
+
+
+
+
+## [8.15.2-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.15.1...@twreporter/react-components@8.15.2-rc.0) (2023-01-12)
+
+**Note:** Version bump only for package @twreporter/react-components
+
+
+
+
+
 ## [8.15.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.15.1-rc.7...@twreporter/react-components@8.15.1) (2023-01-06)
 
 **Note:** Version bump only for package @twreporter/react-components

package/lib/input/components/search-bar.js

@@ -76,7 +76,7 @@ var Container = /*#__PURE__*/_styledComponents["default"].form.withConfig({
 })(["display:flex;align-items:center;", " ", "{", " &,& > input{", "}", "}"], function (props) {
   return props.widthType === 'stretch' ? 'width: 100%;' : '';
 }, InputContainer, function (props) {
-  return props.focus ? "\n      background-color: ".concat(props.focusBgColor, ";\n      border: 1px solid ").concat(props.borderColor, ";\n    ") : '';
+  return props.focus ? "\n      background-color: ".concat(props.focusBgColor, ";\n      border: 1px solid ").concat(props.borderColor, ";\n    ") : 'border: 1px solid transparent;';
 }, function (props) {
   return props.widthType === 'stretch' ? 'width: 100%;' : '';
 }, _mediaQuery["default"].desktopAndAbove(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", "\n    "])), function (props) {

package/lib/text/link.js

@@ -0,0 +1,87 @@
+"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

@@ -0,0 +1,42 @@
+"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
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.15.1",
+  "version": "8.16.0-rc.0",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -15,8 +15,8 @@
     "chromatic": "npx chromatic --exit-zero-on-changes"
   },
   "dependencies": {
-    "@twreporter/core": "^1.8.1",
-    "@twreporter/redux": "^7.4.2",
+    "@twreporter/core": "^1.8.2-rc.1",
+    "@twreporter/redux": "^7.5.0-rc.2",
     "fontfaceobserver-es": "^3.3.3",
     "hoist-non-react-statics": "^2.3.1",
     "lodash": "^4.0.0",
@@ -44,5 +44,5 @@
     "babel-loader": "^8.2.4",
     "chromatic": "^6.5.4"
   },
-  "gitHead": "6743e0935126f9ed7cabb7be5a9a4dfa6742a3f7"
+  "gitHead": "1ebf9eeda3976aad554b576bf974c2718752ef4e"
 }