@twreporter/react-components 9.8.2 → 9.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/footer/constants/links.js +15 -9
  2. package/lib/footer/link.js +6 -3
  3. package/lib/icon/enum/index.js +2 -1
  4. package/lib/input/components/search-bar.js +4 -2
  5. package/package.json +2 -2
package/lib/footer/constants/links.js CHANGED
@@ -106,31 +106,37 @@ var getSocialMediaLinks = exports.getSocialMediaLinks = function getSocialMediaL
106
106
  slug: 'facebook',
107
107
  icon: 'facebook',
108
108
  to: 'https://www.facebook.com/twreporter/',
109
- target: '_blank'
109
+ target: '_blank',
110
+ ariaLabel: '前往《報導者》Facebook'
110
111
  }, {
111
112
  slug: 'instagram',
112
113
  icon: 'instagram',
113
114
  to: 'https://www.instagram.com/twreporter/',
114
- target: '_blank'
115
+ target: '_blank',
116
+ ariaLabel: '前往《報導者》Instagram'
115
117
  }, {
116
118
  slug: 'x',
117
119
  icon: 'twitter',
118
120
  to: 'https://twitter.com/tw_reporter_org',
119
- target: '_blank'
121
+ target: '_blank',
122
+ ariaLabel: '前往《報導者》X'
120
123
  }, {
121
124
  slug: 'medium',
122
125
  icon: 'medium',
123
126
  to: 'https://medium.com/twreporter',
124
- target: '_blank'
127
+ target: '_blank',
128
+ ariaLabel: '前往《報導者》Medium'
125
129
  }, {
126
130
  slug: 'youtube',
127
131
  icon: 'youtube',
128
132
  to: 'https://www.youtube.com/@TwreporterOrg',
129
- target: '_blank'
133
+ target: '_blank',
134
+ ariaLabel: '前往《報導者》YouTube'
130
135
  }, {
131
- slug: 'plurk',
132
- icon: 'plurk',
133
- to: 'https://www.plurk.com/twreporter',
134
- target: '_blank'
136
+ slug: 'threads',
137
+ icon: 'threads',
138
+ to: 'https://www.threads.com/@twreporter',
139
+ target: '_blank',
140
+ ariaLabel: '前往《報導者》Threads'
135
141
  }];
136
142
  };
package/lib/footer/link.js CHANGED
@@ -66,7 +66,8 @@ var FooterSocialMediaIcon = function FooterSocialMediaIcon(_ref2) {
66
66
  slug = _ref2.slug,
67
67
  icon = _ref2.icon,
68
68
  to = _ref2.to,
69
- target = _ref2.target;
69
+ target = _ref2.target,
70
+ ariaLabel = _ref2.ariaLabel;
70
71
  var Icon = /*#__PURE__*/_react["default"].createElement(_icon.SocialMedia, {
71
72
  mediaType: icon,
72
73
  releaseBranch: releaseBranch
@@ -74,7 +75,8 @@ var FooterSocialMediaIcon = function FooterSocialMediaIcon(_ref2) {
74
75
  return /*#__PURE__*/_react["default"].createElement(LinkContainer, {
75
76
  slug: slug,
76
77
  to: to,
77
- target: target
78
+ target: target,
79
+ "aria-label": ariaLabel
78
80
  }, /*#__PURE__*/_react["default"].createElement(_button.IconButton, {
79
81
  iconComponent: Icon
80
82
  }));
@@ -84,7 +86,8 @@ FooterSocialMediaIcon.propTypes = {
84
86
  slug: _propTypes["default"].string,
85
87
  icon: _propTypes["default"].string,
86
88
  to: _propTypes["default"].string,
87
- target: _propTypes["default"].oneOf(['_blank', '_self'])
89
+ target: _propTypes["default"].oneOf(['_blank', '_self']),
90
+ ariaLabel: _propTypes["default"].string
88
91
  };
89
92
  var FooterLinkButtonGroups = exports.FooterLinkButtonGroups = function FooterLinkButtonGroups(_ref3) {
90
93
  var _ref3$releaseBranch = _ref3.releaseBranch,
package/lib/icon/enum/index.js CHANGED
@@ -27,5 +27,6 @@ var MediaType = exports.MediaType = Object.freeze({
27
27
  YOUTUBE: 'youtube',
28
28
  LINE: 'line',
29
29
  GOOGLE: 'google',
30
- PLURK: 'plurk'
30
+ PLURK: 'plurk',
31
+ THREADS: 'threads'
31
32
  });
package/lib/input/components/search-bar.js CHANGED
@@ -156,11 +156,13 @@ var SearchBar = function SearchBar(_ref) {
156
156
  }), /*#__PURE__*/_react["default"].createElement(_button.IconButton, {
157
157
  iconComponent: SearchIcon,
158
158
  theme: "normal",
159
- onClick: onSubmit
159
+ onClick: onSubmit,
160
+ "aria-label": "\u641C\u5C0B"
160
161
  })), /*#__PURE__*/_react["default"].createElement(DesktopOnlyIconButton, {
161
162
  iconComponent: CrossIcon,
162
163
  theme: theme,
163
- onClick: onClose
164
+ onClick: onClose,
165
+ "aria-label": "\u95DC\u9589\u641C\u5C0B"
164
166
  }));
165
167
  };
166
168
  SearchBar.propTypes = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@twreporter/react-components",
3
- "version": "9.8.2",
3
+ "version": "9.9.0",
4
4
  "main": "lib/index.js",
5
5
  "types": "lib/index.d.ts",
6
6
  "repository": "https://github.com/twreporter/twreporter-npm-packages.git",
@@ -55,5 +55,5 @@
55
55
  "react-dom": "^18.2.0",
56
56
  "storybook": "^8.1.11"
57
57
  },
58
- "gitHead": "ff804097c4b10c35fd45e2237a4e82a32411cbc5"
58
+ "gitHead": "250842c7912916408316ead5cbe585b9e07593be"
59
59
  }