@daoyi/nmtl-ui 2.0.1-beta.100 → 2.0.1-beta.102

package/lib/components/BackTop.js

@@ -5,6 +5,7 @@ import { c as classNames } from './index-b76a85f4.js';
 import { d as debounce_1 } from './debounce-127da66c.js';
 import { Fade, NoSsr, Box } from '@material-ui/core';
 import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e3803ee1.js';
+import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';
@@ -78,9 +79,21 @@ var BackTop = function BackTop(props) {
     unmountOnExit: true
   }, /*#__PURE__*/React__default.createElement("div", {
     className: classNames('backTop', className),
+    role: "button",
+    tabIndex: 0,
+    "aria-label": getIntl().formatMessage({
+      id: 'aria.backTop'
+    }),
     onClick: function onClick() {
       scrollToTop();
       _onClick();
+    },
+    onKeyDown: function onKeyDown(event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        scrollToTop();
+        _onClick();
+      }
     }
   }, children ? /*#__PURE__*/React__default.createElement("div", null, children) : /*#__PURE__*/React__default.createElement(NoSsr, null, /*#__PURE__*/React__default.createElement(Box, {
     className: "backTop__default",

package/lib/components/CollapseContent.js

@@ -3,7 +3,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import { c as classNames } from './index-b76a85f4.js';
 import PropTypes from 'prop-types';
 import { Typography } from '@material-ui/core';
-import { M as MoreButton } from './MoreButton-493f7c82.js';
+import { M as MoreButton } from './MoreButton-19055e07.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import '@material-ui/icons';
 import './globalConfig';

package/lib/components/{MoreButton-493f7c82.js → MoreButton-19055e07.js}

@@ -76,7 +76,7 @@ var MoreButton = function MoreButton(props) {
       tabIndex: 0,
       "aria-expanded": expand,
       "aria-label": "".concat(messageText).concat(getIntl().formatMessage({
-        id: 'aria.moreButton.hint'
+        id: expand ? 'aria.moreButton.hintCollapse' : 'aria.moreButton.hint'
       })),
       style: {
         color: shadowColor || 'white',

package/lib/components/MoreButton.js

@@ -1,4 +1,4 @@
-export { M as default } from './MoreButton-493f7c82.js';
+export { M as default } from './MoreButton-19055e07.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';

package/lib/components/SNA.js

@@ -1552,6 +1552,23 @@ var SNA = function SNA(props) {
         id: d.id,
         type: d.type
       }) : null;
+    })
+    /* WCAG 2.1.1/2.4.7 可互動節點支援鍵盤（實測回饋 R11）：tabindex 可聚焦
+       （焦點框由各專案全域 :focus-visible 提供）、role=link＋aria-label 報讀、Enter 觸發 */.attr('tabindex', function (d) {
+      return d.hasClick ? 0 : null;
+    }).attr('role', function (d) {
+      return d.hasClick ? 'link' : null;
+    }).attr('aria-label', function (d) {
+      return d.hasClick ? "".concat(d.name, "-").concat(translateType(d.type)) : null;
+    }).on('keydown', function (d) {
+      if (d.hasClick && event && event.key === 'Enter') {
+        event.preventDefault();
+        handleClickNodeGoto({
+          name: d.name,
+          id: d.id,
+          type: d.type
+        });
+      }
     }).call(drag$1(simulation$1));
     node.append('title').text(function (d) {
       return "".concat(d.name, "-").concat(translateType(d.type));

package/lib/components/globalConfig.js

@@ -79,7 +79,9 @@ var zhtw = {
 	"aria.moreButton.collapsed": "已收合結果",
 	"aria.filter.hint": "（篩選條件，選取後過濾下方結果）",
 	"aria.filter.applied": "已套用篩選：{title}，結果已更新",
-	"aria.export.download": "（下載檔案）"
+	"aria.export.download": "（下載檔案）",
+	"aria.backTop": "回到頁面頂端",
+	"aria.moreButton.hintCollapse": "（點選後收合、僅顯示部分結果）"
 };
 
 var zhcn = {
@@ -147,7 +149,9 @@ var zhcn = {
 	"aria.moreButton.collapsed": "已收合结果",
 	"aria.filter.hint": "（筛选条件，选取后过滤下方结果）",
 	"aria.filter.applied": "已套用筛选：{title}，结果已更新",
-	"aria.export.download": "（下载档案）"
+	"aria.export.download": "（下载档案）",
+	"aria.backTop": "回到页面顶端",
+	"aria.moreButton.hintCollapse": "（点选后收合、仅显示部分结果）"
 };
 
 var enus = {
@@ -215,7 +219,9 @@ var enus = {
 	"aria.moreButton.collapsed": "Results collapsed",
 	"aria.filter.hint": " (filter, updates the results below)",
 	"aria.filter.applied": "Filter applied: {title}. Results updated",
-	"aria.export.download": " (downloads a file)"
+	"aria.export.download": " (downloads a file)",
+	"aria.backTop": "Back to top",
+	"aria.moreButton.hintCollapse": " (click to collapse results)"
 };
 
 var _languages;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@daoyi/nmtl-ui",
-	"version": "2.0.1-beta.100",
+	"version": "2.0.1-beta.102",
 	"description": "This project is to be used as a starter kit for building React component using Storybook and Rollup",
 	"author": "daoyi",
 	"main": "lib/index.js",