@daoyi/nmtl-ui 2.0.1-beta.91 → 2.0.1-beta.92

package/lib/components/{Select-fdb4d9b8.js → Select-e550d0a5.js}

@@ -1,9 +1,9 @@
 import { b as _objectSpread2, d as _typeof } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { FormControl, Select as Select$1, CircularProgress, MenuItem } from '@material-ui/core';
-import { E as Empty } from './Empty-94a8d8ff.js';
+import { E as Empty } from './Empty-bf77164f.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var css_248z = ".select__placeholder {\n  color: #999;\n}\n.select--small {\n  width: 100%;\n}\n.select--small .MuiSelect-root {\n  padding: 0.5rem 1.5rem 0.25rem;\n  color: white;\n}\n.select--small .MuiSelect-root .select__placeholder {\n  color: white;\n}\n.select--small .MuiSelect-root:hover, .select--small .MuiSelect-root:focus {\n  background: transparent;\n}\n.select--small .MuiSvgIcon-root {\n  color: white;\n}\n.select--small .MuiOutlinedInput-root {\n  border-radius: 45px;\n}";
@@ -22,7 +22,9 @@ var Select = function Select(props) {
   var options = props.options,
     value = props.value,
     defaultValue = props.defaultValue,
-    _onChange = props.onChange;
+    _onChange = props.onChange,
+    ariaLabel = props.ariaLabel,
+    ariaLabelledby = props.ariaLabelledby;
   var itemFind = function itemFind(key) {
     return (options || []).find(function (option) {
       return _typeof(option) === 'object' ? key === option.value : key === option;
@@ -38,7 +40,16 @@ var Select = function Select(props) {
       background: background
     }),
     displayEmpty: true,
-    disabled: disabled || loading,
+    disabled: disabled || loading
+    // WCAG 3.3.2 下拉選單需有可及名稱（含 MUI 隱藏 input），未提供時以 placeholder 代替
+    ,
+    inputProps: {
+      'aria-label': ariaLabelledby ? undefined : ariaLabel || placeholder
+    },
+    SelectDisplayProps: {
+      'aria-labelledby': ariaLabelledby,
+      'aria-label': ariaLabelledby ? undefined : ariaLabel || placeholder
+    },
     renderValue: function renderValue(id) {
       var finder = itemFind(id);
       var content = _typeof(finder) === 'object' ? finder.label : finder;
@@ -81,7 +92,9 @@ Select.defaultProps = {
   variantSmall: undefined,
   background: undefined,
   menuItemClass: undefined,
-  onChange: function onChange() {}
+  onChange: function onChange() {},
+  ariaLabel: undefined,
+  ariaLabelledby: undefined
 };
 Select.propTypes = {
   /** 樣式 */
@@ -109,7 +122,11 @@ Select.propTypes = {
   /** override menuItem class */
   menuItemClass: PropTypes.objectOf(PropTypes.any),
   /** 點選後的返回 */
-  onChange: PropTypes.func
+  onChange: PropTypes.func,
+  /** 無障礙名稱(WCAG 3.3.2)，未提供時以placeholder代替 */
+  ariaLabel: PropTypes.string,
+  /** 以外部元素id作為無障礙名稱 */
+  ariaLabelledby: PropTypes.string
 };
 
 export { Select as S };

package/lib/components/Select.js

@@ -1,8 +1,8 @@
-export { S as default } from './Select-fdb4d9b8.js';
+export { S as default } from './Select-e550d0a5.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-ef96775f.js';
+import './index-b76a85f4.js';
 import '@material-ui/core';
-import './Empty-94a8d8ff.js';
+import './Empty-bf77164f.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/{Spin-fafe3787.js → Spin-8dc60bfe.js}

@@ -1,6 +1,6 @@
 import React__default, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { Fade, CircularProgress } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/Spin.js

@@ -1,6 +1,6 @@
-export { S as default } from './Spin-fafe3787.js';
+export { S as default } from './Spin-8dc60bfe.js';
 import 'react';
 import 'prop-types';
-import './index-ef96775f.js';
+import './index-b76a85f4.js';
 import '@material-ui/core';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/{Tooltip-e67a18bc.js → Tooltip-6ebfa9c1.js}

@@ -2,7 +2,7 @@ import React__default from 'react';
 import PropTypes from 'prop-types';
 import { Tooltip as Tooltip$1 } from '@material-ui/core';
 import { _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 const TooltipContent = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("div", _extends({}, props, {

package/lib/components/Tooltip.js

@@ -1,7 +1,7 @@
-export { T as default, p as placements } from './Tooltip-e67a18bc.js';
+export { T as default, p as placements } from './Tooltip-6ebfa9c1.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';
 import './_rollupPluginBabelHelpers-a52356f6.js';
-import './index-ef96775f.js';
+import './index-b76a85f4.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/globalConfig.js

@@ -55,7 +55,15 @@ var zhtw = {
 	"common.form.attachment.hint2": "2.若有多個檔案請先集中至同一資料夾並以壓縮檔上傳",
 	"common.form.contactUs": "聯繫我們",
 	"common.form.error": "表單尚未完成 請檢察必填項目",
-	"common.sna.reset": "回到原來位置與大小"
+	"common.sna.reset": "回到原來位置與大小",
+	"aria.header.searchOpen": "開啟搜尋",
+	"aria.header.menuOpen": "開啟主選單",
+	"aria.header.logoHome": "回首頁",
+	"aria.autocomplete.search": "執行搜尋",
+	"aria.modal.close": "關閉視窗",
+	"aria.newWindow": "（另開新視窗）",
+	"aria.vcode.image": "驗證碼圖片，如無法辨識可刷新驗證碼",
+	"aria.vcode.refresh": "刷新驗證碼"
 };
 
 var zhcn = {
@@ -99,7 +107,15 @@ var zhcn = {
 	"common.form.attachment.hint": "1.上传附件大小限制：总共10MB",
 	"common.form.attachment.hint2": "2.若有多个档案请先集中至同一资料夹并以压缩档上传",
 	"common.form.contactUs": "联系我们",
-	"common.form.error": "表单尚未完成 请检察必填项目"
+	"common.form.error": "表单尚未完成 请检察必填项目",
+	"aria.header.searchOpen": "开启搜寻",
+	"aria.header.menuOpen": "开启主选单",
+	"aria.header.logoHome": "回首页",
+	"aria.autocomplete.search": "执行搜寻",
+	"aria.modal.close": "关闭视窗",
+	"aria.newWindow": "（另开新视窗）",
+	"aria.vcode.image": "验证码图片，如无法辨识可刷新验证码",
+	"aria.vcode.refresh": "刷新验证码"
 };
 
 var enus = {
@@ -143,7 +159,15 @@ var enus = {
 	"common.form.attachment.hint": "1. Upload attachment size limit: 10MB in total. ",
 	"common.form.attachment.hint2": "2. If there are multiple files, please gather them in the same folder and upload them as compressed files",
 	"common.form.contactUs": "Contact Us",
-	"common.form.error": "The form has not been completed, please check the required items"
+	"common.form.error": "The form has not been completed, please check the required items",
+	"aria.header.searchOpen": "Open search",
+	"aria.header.menuOpen": "Open main menu",
+	"aria.header.logoHome": "Back to home",
+	"aria.autocomplete.search": "Search",
+	"aria.modal.close": "Close dialog",
+	"aria.newWindow": " (opens in new window)",
+	"aria.vcode.image": "CAPTCHA image, refresh if unreadable",
+	"aria.vcode.refresh": "Refresh CAPTCHA"
 };
 
 var _languages;

package/package.json

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