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

package/lib/components/Header.js

@@ -6,7 +6,7 @@ import { d as debounce_1 } from './debounce-127da66c.js';
 import { useHistory, useRouteMatch, NavLink } from 'react-router-dom';
 import { Typography, IconButton } from '@material-ui/core';
 import { SearchOutlined } from '@material-ui/icons';
-import { K as KeywordSearch } from './KeywordSearch-d378ca7f.js';
+import { K as KeywordSearch } from './KeywordSearch-c0be0348.js';
 import { S as Select } from './Select-e0790135.js';
 import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-2cbcec04.js';
 import { getIntl } from './globalConfig';

package/lib/components/{KeywordSearch-d378ca7f.js → KeywordSearch-c0be0348.js}

@@ -25,6 +25,7 @@ var KeywordSearch = function KeywordSearch(_ref) {
     keyword = _ref.keyword,
     searchAPI = _ref.searchAPI,
     placeholder = _ref.placeholder,
+    ariaLabel = _ref.ariaLabel,
     setMenuOpen = _ref.setMenuOpen,
     menuOpen = _ref.menuOpen,
     onSearch = _ref.onSearch;
@@ -72,6 +73,7 @@ var KeywordSearch = function KeywordSearch(_ref) {
       'keywordSearch--focus': menuOpen
     }, className)
   }, /*#__PURE__*/React__default.createElement(Autocomplete, {
+    ariaLabel: ariaLabel,
     freeTyping: true,
     renderAfterDefaultValueChange: true,
     defaultValue: {
@@ -123,6 +125,7 @@ KeywordSearch.defaultProps = {
   keyword: undefined,
   searchAPI: undefined,
   placeholder: undefined,
+  ariaLabel: undefined,
   menuOpen: false,
   setMenuOpen: function setMenuOpen() {},
   onSearch: function onSearch() {}
@@ -140,6 +143,8 @@ KeywordSearch.propTypes = {
   searchAPI: PropTypes.string,
   /** 提示字 */
   placeholder: PropTypes.string,
+  /** 輸入框可及名稱（可含輸入後效果提示；未提供時以 placeholder 代替） */
+  ariaLabel: PropTypes.string,
   /** Dropdown是否開啟 */
   menuOpen: PropTypes.bool,
   /** 設定Dropdown開啟 */

package/lib/components/KeywordSearch.js

@@ -1,4 +1,4 @@
-export { K as default } from './KeywordSearch-d378ca7f.js';
+export { K as default } from './KeywordSearch-c0be0348.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';

package/lib/components/SNA.js

@@ -1407,7 +1407,8 @@ var SNA = function SNA(props) {
     distance = props.distance,
     SNAData = props.SNAData,
     handleClickNodeGoto = props.handleClickNodeGoto,
-    DownloadExcel = props.DownloadExcel;
+    DownloadExcel = props.DownloadExcel,
+    nodeAriaHint = props.nodeAriaHint;
   // styles
   var width = props.width,
     height = props.height,
@@ -1558,8 +1559,9 @@ var SNA = function SNA(props) {
       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;
+    })
+    /* 報讀提示點選後行為（實測回饋 R15-29）：提示文字由消費端提供（是否另開新視窗依專案 handleClickNodeGoto 而定） */.attr('aria-label', function (d) {
+      return d.hasClick ? "".concat(d.name, "-").concat(translateType(d.type)).concat(nodeAriaHint || '') : null;
     }).on('keydown', function (d) {
       if (d.hasClick && event && event.key === 'Enter') {
         event.preventDefault();
@@ -1663,6 +1665,7 @@ var SNA = function SNA(props) {
   }));
 };
 SNA.defaultProps = {
+  nodeAriaHint: '',
   className: undefined,
   intl: undefined,
   width: 1050,
@@ -1679,6 +1682,8 @@ SNA.defaultProps = {
 
 /* Write props detail information and 'npm run updateStory' will help you generate stories's argTypes */
 SNA.propTypes = {
+  /** 可互動節點 aria-label 的行為提示後綴（例：，點選後開啟對應頁面（另開新視窗）） */
+  nodeAriaHint: PropTypes.string,
   /** Css Name */
   className: PropTypes.string,
   /** 語言 */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@daoyi/nmtl-ui",
-	"version": "2.0.1-beta.102",
+	"version": "2.0.1-beta.104",
 	"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",