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

package/lib/components/Filter.js

@@ -1,8 +1,8 @@
-import { f as _taggedTemplateLiteral, e as _defineProperty } from './_rollupPluginBabelHelpers-ed61ffc0.js';
+import { f as _taggedTemplateLiteral, e as _defineProperty } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useContext, createElement, useCallback } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-f491ebce.js';
-import { q as queryString } from './index-a6f22b92.js';
+import { c as classNames } from './index-b76a85f4.js';
+import { q as queryString } from './index-b47819f3.js';
 import { useHistory } from 'react-router-dom';
 import { isValidElementType, typeOf } from 'react-is';
 import { h as hoistNonReactStatics_cjs } from './hoist-non-react-statics.cjs-3f408ad2.js';

package/lib/components/Footer.js

@@ -1,25 +1,25 @@
-import { a as _slicedToArray, d as _typeof } from './_rollupPluginBabelHelpers-ed61ffc0.js';
+import { a as _slicedToArray, d as _typeof } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useEffect } from 'react';
-import { c as classNames } from './index-f491ebce.js';
+import { c as classNames } from './index-b76a85f4.js';
 import PropTypes from 'prop-types';
 import axios from 'axios';
-import { C as ContactModal } from './ContactModal-523ae294.js';
-import { S as Spin } from './Spin-9a07b106.js';
+import { C as ContactModal } from './ContactModal-1997d146.js';
+import { S as Spin } from './Spin-8dc60bfe.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './hoist-non-react-statics.cjs-3f408ad2.js';
 import 'react-is';
-import './Modal-6b8c72d7.js';
+import './Modal-5a27951f.js';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-430d39e6.js';
+import './Button-305b69a0.js';
+import './globalConfig';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-7da870e0.js';
-import './Empty-dc5fc2fc.js';
-import './createSvgIcon-ff0e3b99.js';
+import './Select-e550d0a5.js';
+import './Empty-bf77164f.js';
+import './createSvgIcon-e3803ee1.js';
 import './defaultTheme-ed7746fe.js';
 import '@material-ui/styles';
 import 'react-dom';
-import './globalConfig';
 
 /* eslint-disable max-len */
 const NmtlLogo = _ref => {

package/lib/components/{ForwardLink-15222b22.js → ForwardLink-aa950a50.js}

@@ -1,9 +1,10 @@
-import { c as _objectWithoutProperties } from './_rollupPluginBabelHelpers-ed61ffc0.js';
+import { c as _objectWithoutProperties } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { q as queryString } from './index-a6f22b92.js';
+import { q as queryString } from './index-b47819f3.js';
 import { useHistory, Link } from 'react-router-dom';
 import { Tooltip } from '@material-ui/core';
+import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var css_248z = ".forwardLink {\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 100%;\n  display: flex;\n}\n.forwardLink__link {\n  color: unset;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  cursor: pointer;\n  display: block;\n  width: 100%;\n}\n.forwardLink__link--disabled {\n  cursor: not-allowed;\n}";
@@ -25,10 +26,10 @@ var ForwardLink = function ForwardLink(_ref) {
   var _useMemo = useMemo(function () {
       var _rest$pathname;
       if (disabled) return {};
-      /*
-       * 若將 search 寫在 pathname 中，意即 pathname=/asd?zxc=qwe
-       * 會導致換頁時 React route dom 無法匹配 => 空白畫面
-       * 若真有此情況發生 需把 search 提領出來
+      /*
+       * 若將 search 寫在 pathname 中，意即 pathname=/asd?zxc=qwe
+       * 會導致換頁時 React route dom 無法匹配 => 空白畫面
+       * 若真有此情況發生 需把 search 提領出來
        */
       var foundIndex = (_rest$pathname = rest.pathname) === null || _rest$pathname === void 0 ? void 0 : _rest$pathname.indexOf('?');
       if (foundIndex > -1) return {
@@ -44,17 +45,25 @@ var ForwardLink = function ForwardLink(_ref) {
     pathname = _useMemo$pathname === void 0 ? '' : _useMemo$pathname,
     _useMemo$search = _useMemo.search,
     search = _useMemo$search === void 0 ? '' : _useMemo$search;
+
+  /* WAVE: Redundant title text — title 與連結內文相同時不輸出，避免輔具重複朗讀 */
+  var domTitle = tip || typeof children === 'string' && children === title ? undefined : title;
+  /* WCAG 3.2.x 另開新視窗預告：target="_blank" 時以 aria-label 註明 */
+  var newWindowLabel = target === '_blank' && (typeof children === 'string' || title) ? "".concat(typeof children === 'string' ? children : title).concat(getIntl().formatMessage({
+    id: 'aria.newWindow'
+  })) : undefined;
   var linkComponent = /*#__PURE__*/React__default.createElement("div", {
     className: className
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "forwardLink"
   }, disabled ? /*#__PURE__*/React__default.createElement("div", {
-    title: tip ? undefined : title,
+    title: domTitle,
     className: "forwardLink__link--disabled"
   }, children) : /*#__PURE__*/React__default.createElement(Link, {
     className: "forwardLink__link",
     target: target,
-    title: tip ? undefined : title,
+    title: domTitle,
+    "aria-label": newWindowLabel,
     to: {
       pathname: "".concat(locale).concat(pathname),
       search: search

package/lib/components/ForwardLink.js

@@ -1,8 +1,9 @@
-export { F as default } from './ForwardLink-15222b22.js';
-import './_rollupPluginBabelHelpers-ed61ffc0.js';
+export { F as default } from './ForwardLink-aa950a50.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-a6f22b92.js';
+import './index-b47819f3.js';
 import 'react-router-dom';
 import '@material-ui/core';
+import './globalConfig';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/Header.js

@@ -1,27 +1,28 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-ed61ffc0.js';
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-f491ebce.js';
+import { c as classNames } from './index-b76a85f4.js';
 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-91167d24.js';
-import { S as Select } from './Select-7da870e0.js';
-import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-ec47e780.js';
+import { K as KeywordSearch } from './KeywordSearch-33341dd3.js';
+import { S as Select } from './Select-e550d0a5.js';
+import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-b9855a54.js';
+import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';
 import 'axios';
-import './Autocomplete-24e9686d.js';
+import './Autocomplete-5d6f1df8.js';
 import '@material-ui/lab';
-import './createSvgIcon-ff0e3b99.js';
+import './createSvgIcon-e3803ee1.js';
 import './defaultTheme-ed7746fe.js';
 import 'react-is';
 import '@material-ui/styles';
 import 'react-dom';
 import './toConsumableArray-dbe8af76.js';
-import './Empty-dc5fc2fc.js';
+import './Empty-bf77164f.js';
 
 var css_248z = "@charset \"UTF-8\";\n.header {\n  display: flex;\n  align-items: center;\n  background: rgba(255, 255, 255, 0.6);\n  background-color: rgba(255, 255, 255, 0.6);\n  padding: 12px 36px !important;\n  position: fixed;\n  top: 0;\n  z-index: 10;\n  width: 100% !important;\n  transition: top 0.3s ease-in-out;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\n}\n.header__logo {\n  display: flex;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n  margin-right: 30px !important;\n  cursor: pointer;\n}\n.header__logo__img {\n  display: flex;\n  align-items: center;\n}\n.header__logo__title {\n  white-space: nowrap;\n  margin-left: 1rem !important;\n  font-size: 1.5rem !important;\n  font-weight: 700 !important;\n  font-family: \"Noto Sans TC\" !important;\n}\n.header__links {\n  display: flex;\n  justify-content: flex-end;\n  padding-right: 14px;\n}\n.header__links a {\n  text-decoration: none;\n}\n.header__links--full {\n  flex: 1;\n}\n.header__links__item {\n  color: rgba(0, 0, 0, 0.85);\n  font-size: 1.125rem !important;\n  font-weight: 500 !important;\n  white-space: nowrap;\n  padding: 6px 14px;\n  font-family: \"Noto Sans TC\" !important;\n}\n.header__links__item--active .header__links__item {\n  font-weight: 800 !important;\n  background: transparent;\n  border-radius: 45px;\n}\n.header__links__item:hover {\n  font-weight: 800 !important;\n}\n.header__language {\n  min-width: 100px !important;\n}\n.header__searchIcon {\n  display: none !important;\n}\n@media screen and (max-width: 768px) {\n  .header--smallUseSearchIcon .header__searchIcon {\n    display: flex !important;\n    margin-right: 10px !important;\n  }\n  .header--smallUseSearchIcon .keywordSearch {\n    visibility: hidden;\n    flex: 1;\n    width: 0;\n  }\n}\n.header--hide {\n  top: -100px;\n}\n.header--focus .header__links {\n  display: none;\n}\n.header .MuiTypography-root {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.header .autocomplete {\n  float: right;\n}\n.header .autocomplete .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n  padding: 1px 8px !important;\n}\n.header .keywordSearch {\n  margin-right: 8px;\n}\n.header .keywordSearch--focus .autocomplete {\n  width: 100% !important;\n}\n.header .keywordSearch--animation .autocomplete {\n  width: 240px;\n  transition: width 0.3s ease-in-out;\n}\n\n/* 避免寬度460以下炸版 */\n@media screen and (max-width: 460px) {\n  .header .keywordSearch--animation .autocomplete {\n    width: 100%;\n  }\n}\n@media screen and (max-width: 768px) {\n  .header {\n    padding: 12px 15px !important;\n  }\n  .header__logo {\n    margin-right: 16px !important;\n  }\n  .header__logo__title {\n    display: none !important;\n  }\n  .header__links {\n    display: none;\n  }\n  .header__links__item {\n    font-size: 1rem !important;\n  }\n  .header__language {\n    display: none !important;\n  }\n  .header--focus .header__logo {\n    display: none !important;\n  }\n\n  .autocomplete__icon {\n    display: none !important;\n  }\n}";
 styleInject(css_248z);
@@ -78,8 +79,19 @@ var Header = function Header(props) {
     }, className)
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "header__logo",
+    role: "link",
+    tabIndex: 0,
+    "aria-label": getIntl().formatMessage({
+      id: 'aria.header.logoHome'
+    }),
     onClick: function onClick() {
       return history.push("/".concat(locale, "/main/home"));
+    },
+    onKeyDown: function onKeyDown(event) {
+      if (event.key === 'Enter') {
+        event.preventDefault();
+        history.push("/".concat(locale, "/main/home"));
+      }
     }
   }, logo && /*#__PURE__*/React__default.createElement("div", {
     className: "header__logo__img"
@@ -121,9 +133,13 @@ var Header = function Header(props) {
     }, label);
   })), /*#__PURE__*/React__default.createElement(IconButton, {
     className: "header__searchIcon",
+    "aria-label": getIntl().formatMessage({
+      id: 'aria.header.searchOpen'
+    }),
     onClick: onSearchIconClick
   }, /*#__PURE__*/React__default.createElement(SearchOutlined, {
-    fontSize: "large"
+    fontSize: "large",
+    "aria-hidden": "true"
   })), showDarkModeSwitch , Array.isArray(supportLanguages) && supportLanguages.length > 0 && /*#__PURE__*/React__default.createElement(Select, {
     className: "header__language",
     defaultValue: checkLanguageSupport({

package/lib/components/Image.js

@@ -1,6 +1,6 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-ed61ffc0.js';
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState } from 'react';
-import { c as classNames } from './index-f491ebce.js';
+import { c as classNames } from './index-b76a85f4.js';
 import PropTypes from 'prop-types';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/Input.js

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