@twreporter/universal-header 3.1.1 → 3.2.0

package/lib/components/hamburger-footer.js

@@ -133,7 +133,10 @@ var Footer = function Footer(_ref) {
     })));
   })) : null;
   var socialMediaLinks = (0, _links.getSocialMediaLinks)();
-  var socialMediaJSX = socialMediaLinks ? /*#__PURE__*/_react["default"].createElement(SocialMediaSection, null, _.map(_socialMedia.SOCIAL_MEDIA_ORDER, function (key) {
+  var socialMediaJSX = socialMediaLinks ? /*#__PURE__*/_react["default"].createElement(SocialMediaSection, null, _.map(_socialMedia.SOCIAL_MEDIA_ORDER, function (_ref2) {
+    var key = _ref2.key,
+      ariaLabel = _ref2.ariaLabel,
+      alt = _ref2.alt;
     var link = socialMediaLinks[key];
     if (!link) {
       return;
@@ -144,7 +147,9 @@ var Footer = function Footer(_ref) {
     });
     return /*#__PURE__*/_react["default"].createElement(IconItem, {
       key: key
-    }, /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], link, /*#__PURE__*/_react["default"].createElement(_button.IconButton, {
+    }, /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], _extends({}, link, {
+      "aria-label": ariaLabel
+    }), /*#__PURE__*/_react["default"].createElement(_button.IconButton, {
       iconComponent: Icon,
       theme: footerTheme
     })));

package/lib/components/hamburger-menu.js

@@ -292,7 +292,8 @@ var HamburgerMenu = function HamburgerMenu(_ref3) {
   }, props), /*#__PURE__*/_react["default"].createElement(_rwd.TabletAndAbove, null, /*#__PURE__*/_react["default"].createElement(CloseSection, null, /*#__PURE__*/_react["default"].createElement(_button.IconButton, {
     iconComponent: CloseIcon,
     theme: menuTheme,
-    onClick: closeHamburgerMenu
+    onClick: closeHamburgerMenu,
+    "aria-label": "\u95DC\u9589\u6F22\u5821\u9078\u55AE"
   })), /*#__PURE__*/_react["default"].createElement(LogoSection, null, /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], _extends({}, logoLink, {
     onClick: closeHamburgerMenu
   }), /*#__PURE__*/_react["default"].createElement(_logo.LogoSymbol, {

package/lib/components/header.js

@@ -41,6 +41,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -261,8 +262,11 @@ var Header = function Header(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(FlexGroup, null, /*#__PURE__*/_react["default"].createElement(ShowWhenNarrow, null, /*#__PURE__*/_react["default"].createElement(_button.IconButton, {
     iconComponent: HamburgerIcon,
     theme: theme,
-    onClick: toggleHamburger
-  })), /*#__PURE__*/_react["default"].createElement(LogoContainer, null, /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], logoLink, /*#__PURE__*/_react["default"].createElement(_logo.LogoHeader, {
+    onClick: toggleHamburger,
+    "aria-label": "\u6253\u958B\u6F22\u5821\u9078\u55AE"
+  })), /*#__PURE__*/_react["default"].createElement(LogoContainer, null, /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], _extends({}, logoLink, {
+    "aria-label": "\u524D\u5F80\u9996\u9801"
+  }), /*#__PURE__*/_react["default"].createElement(_logo.LogoHeader, {
     type: logoType,
     releaseBranch: releaseBranch
   }))), /*#__PURE__*/_react["default"].createElement(HideWhenNarrow, null, /*#__PURE__*/_react["default"].createElement(_slogan["default"], null))), /*#__PURE__*/_react["default"].createElement(FlexGroup, null, /*#__PURE__*/_react["default"].createElement(HideWhenNarrow, null, /*#__PURE__*/_react["default"].createElement(_actionButton.DesktopHeaderAction, null)), /*#__PURE__*/_react["default"].createElement(IconContainer, null, /*#__PURE__*/_react["default"].createElement(_icons["default"], null)))), /*#__PURE__*/_react["default"].createElement(StyledDivider, {

package/lib/components/icons.js

@@ -102,7 +102,8 @@ var MemberIcon = function MemberIcon(_ref) {
     style: _button.TextButton.Style.DARK
   });
   return /*#__PURE__*/_react["default"].createElement(IconContainer, {
-    key: "login"
+    key: "login",
+    "aria-label": "\u524D\u5F80\u500B\u4EBA\u5C08\u5340"
   }, /*#__PURE__*/_react["default"].createElement(LogContainer, {
     onClick: onClickIcon
   }, LoginButton));
@@ -147,7 +148,8 @@ var SearchIcon = function SearchIcon() {
   var ref = (0, _hook.useOutsideClick)(closeSearchBox);
   return /*#__PURE__*/_react["default"].createElement(IconContainer, {
     ref: ref,
-    key: "search"
+    key: "search",
+    "aria-label": "\u641C\u5C0B"
   }, /*#__PURE__*/_react["default"].createElement(Container, {
     onClick: handleClickSearch,
     $isSearchOpened: isSearchOpened
@@ -173,7 +175,8 @@ var MyReadingIcon = function MyReadingIcon() {
     releaseBranch: releaseBranch
   });
   return /*#__PURE__*/_react["default"].createElement(IconContainer, {
-    key: "bookmark"
+    key: "bookmark",
+    "aria-label": "\u524D\u5F80\u6211\u7684\u95B1\u8B80"
   }, /*#__PURE__*/_react["default"].createElement(_customizedLink["default"], link, /*#__PURE__*/_react["default"].createElement(_button.IconButton, {
     iconComponent: Icon,
     theme: theme

package/lib/constants/social-media.js

@@ -11,4 +11,16 @@ var socialMediaKey = {
   youtube: 'youtube'
 };
 var SOCIAL_MEDIA_KEY = exports.SOCIAL_MEDIA_KEY = socialMediaKey;
-var SOCIAL_MEDIA_ORDER = exports.SOCIAL_MEDIA_ORDER = [socialMediaKey.facebook, socialMediaKey.instagram, socialMediaKey.twitter, socialMediaKey.youtube];
+var SOCIAL_MEDIA_ORDER = exports.SOCIAL_MEDIA_ORDER = [{
+  key: socialMediaKey.facebook,
+  ariaLabel: '前往《報導者》Facebook'
+}, {
+  key: socialMediaKey.instagram,
+  ariaLabel: '前往《報導者》Instagram'
+}, {
+  key: socialMediaKey.twitter,
+  ariaLabel: '前往《報導者》X'
+}, {
+  key: socialMediaKey.youtube,
+  ariaLabel: '前往《報導者》YouTube'
+}];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twreporter/universal-header",
-  "version": "3.1.1",
+  "version": "3.2.0",
   "description": "Universal header of TWReporter sites",
   "main": "lib/index.js",
   "scripts": {
@@ -23,7 +23,7 @@
     "@material-symbols/svg-400": "^0.27.2",
     "@reduxjs/toolkit": "^2.2.5",
     "@twreporter/core": "^1.27.0",
-    "@twreporter/react-components": "^9.8.2",
+    "@twreporter/react-components": "^9.9.0",
     "lodash": "^4.17.11",
     "prop-types": "^15.6.2",
     "querystring": "^0.2.0",
@@ -58,5 +58,5 @@
     "react-dom": "^18.2.0",
     "storybook": "^8.1.11"
   },
-  "gitHead": "ff804097c4b10c35fd45e2237a4e82a32411cbc5"
+  "gitHead": "250842c7912916408316ead5cbe585b9e07593be"
 }