@twreporter/react-components 8.18.1 → 8.19.0-rc.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.19.0-rc.0](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.18.1...@twreporter/react-components@8.19.0-rc.0) (2023-09-04)
+
+
+### Features
+
+* add disabled style for button/link ([aa54a66](https://github.com/twreporter/twreporter-npm-packages/commit/aa54a66dc1b8f73fa0ff4c373e3450b86117f8cb))
+* add disabled style for LinkButton ([51e42e7](https://github.com/twreporter/twreporter-npm-packages/commit/51e42e7e45d21a0f7c27fa8c6e1bb798c91708f6))
+
+
+
+
+
 ## [8.18.1](https://github.com/twreporter/twreporter-npm-packages/compare/@twreporter/react-components@8.18.1-rc.11...@twreporter/react-components@8.18.1) (2023-08-31)
 
 **Note:** Version bump only for package @twreporter/react-components

package/lib/button/components/link.js

@@ -19,7 +19,7 @@ var _enums = require("../enums");
 
 var _color2 = require("@twreporter/core/lib/constants/color");
 
-var _excluded = ["type", "link", "text", "weight", "TextComponent"];
+var _excluded = ["type", "link", "text", "weight", "TextComponent", "disabled"];
 
 var _decoration, _color;
 
@@ -40,10 +40,12 @@ var style = {
 var LinkContainer = /*#__PURE__*/(0, _styledComponents["default"])(_customizedLink["default"]).withConfig({
   displayName: "link__LinkContainer",
   componentId: "g5z7t5-0"
-})(["display:flex;align-items:center;text-underline-offset:4px;text-decoration-line:", ";color:", ";&:hover{text-decoration-line:underline;}"], function (props) {
+})(["display:flex;align-items:center;text-underline-offset:4px;text-decoration-line:", ";color:", ";", ""], function (props) {
   return style.decoration[props.type];
 }, function (props) {
   return style.color[props.type];
+}, function (props) {
+  return props.disabled ? "\n    opacity: 0.5;\n    cursor: auto;\n  " : "\n    &:hover {\n      text-decoration-line: underline;\n    }\n  ";
 });
 
 var LinkButton = function LinkButton(_ref) {
@@ -57,6 +59,8 @@ var LinkButton = function LinkButton(_ref) {
       weight = _ref$weight === void 0 ? _paragraph.P1.Weight.NORMAL : _ref$weight,
       _ref$TextComponent = _ref.TextComponent,
       TextComponent = _ref$TextComponent === void 0 ? null : _ref$TextComponent,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var textJSX = TextComponent ? /*#__PURE__*/_react["default"].createElement(TextComponent, {
@@ -67,7 +71,8 @@ var LinkButton = function LinkButton(_ref) {
     weight: weight
   });
   return /*#__PURE__*/_react["default"].createElement(LinkContainer, _extends({
-    type: type
+    type: type,
+    disabled: disabled
   }, link, props), textJSX);
 };
 
@@ -76,7 +81,8 @@ LinkButton.propTypes = {
   link: _propTypes["default"].object,
   text: _propTypes["default"].string.isRequired,
   weight: _paragraph.P1.propTypes.weight,
-  TextComponent: _propTypes["default"].elementType
+  TextComponent: _propTypes["default"].elementType,
+  disabled: _propTypes["default"].bool
 };
 LinkButton.Type = _enums.LinkType;
 LinkButton.Weight = _paragraph.P1.Weight;

package/lib/button/stories/link.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.changeTextComponent = exports.link = exports["default"] = void 0;
+exports.disabledLink = exports.changeTextComponent = exports.link = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -78,4 +78,19 @@ changeTextComponent.parameters = {
   controls: {
     exclude: ['TextComponent']
   }
+};
+var disabledLink = Template.bind({});
+exports.disabledLink = disabledLink;
+disabledLink.args = {
+  text: '文字',
+  type: _link["default"].Type.DEFAULT,
+  link: {
+    to: 'https://www.twreporter.org'
+  },
+  disabled: true
+};
+disabledLink.parameters = {
+  controls: {
+    exclude: ['textComponent', 'disabled']
+  }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/react-components",
-  "version": "8.18.1",
+  "version": "8.19.0-rc.0",
   "main": "lib/index.js",
   "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
   "author": "twreporter <developer@twreporter.org>",
@@ -44,5 +44,5 @@
     "babel-loader": "^8.2.4",
     "chromatic": "^6.5.4"
   },
-  "gitHead": "a3fcc35f1a2534bb4a08d69d636ba53405160c9f"
+  "gitHead": "a7aa816ea3278b40999c959a369905b73173013e"
 }