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

package/lib/components/{Autocomplete-887cda6a.js → Autocomplete-5d6f1df8.js}

@@ -1,18 +1,19 @@
 import { _ as _extends$1, a as _slicedToArray, b as _objectSpread2 } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useCallback, useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { d as debounce_1 } from './debounce-127da66c.js';
 import { Autocomplete as Autocomplete$1 } from '@material-ui/lab';
 import { Chip, TextField, CircularProgress } from '@material-ui/core';
 import { Close, SearchOutlined } from '@material-ui/icons';
-import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-0d38de2e.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e3803ee1.js';
 import { _ as _extends, m as merge, d as defaultTheme, c as compose, b as borders, a as display, f as flexbox, g as grid, p as positions, e as palette, h as boxShadow, s as sizing, i as spacing, t as typography } from './defaultTheme-ed7746fe.js';
 import 'react-is';
 import { _ as _toConsumableArray } from './toConsumableArray-dbe8af76.js';
 import { styled as styled$1 } from '@material-ui/styles';
+import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { E as Empty } from './Empty-94a8d8ff.js';
+import { E as Empty } from './Empty-bf77164f.js';
 
 var ArrowDropDown = {};
 
@@ -97,7 +98,8 @@ var useAutocomplete = (_ref => {
     onEnter,
     currentResult,
     setCurrentDefaultValue,
-    arrowIcon
+    arrowIcon,
+    ariaLabel
   } = _ref;
   const getValue = useCallback(data => typeof data === 'object' ? data.value : data, []);
   const getLabel = useCallback(value => {
@@ -156,7 +158,13 @@ var useAutocomplete = (_ref => {
   }, getTagProps({
     index
   })))), [options]);
-  const defaultRenderInput = useCallback(params => /*#__PURE__*/React__default.createElement(TextField, _extends$1({}, params, {
+  const defaultRenderInput = useCallback(params => /*#__PURE__*/React__default.createElement(TextField
+  // WCAG 3.3.2 輸入框需有可及名稱（placeholder 不是 label），未提供 ariaLabel 時以 placeholder 代替
+  , _extends$1({}, params, {
+    inputProps: {
+      ...params.inputProps,
+      'aria-label': ariaLabel || placeholder
+    },
     variant: "outlined",
     placeholder: placeholder,
     InputProps: {
@@ -165,8 +173,16 @@ var useAutocomplete = (_ref => {
         className: "autocomplete__icon",
         color: "inherit",
         size: 20
-      }), searchIcon && /*#__PURE__*/React__default.createElement(SearchOutlined, {
+      }), searchIcon &&
+      /*#__PURE__*/
+      // WCAG 2.1.1 / 4.1.2 搜尋圖示為可點擊元素，需可鍵盤操作並有名稱
+      React__default.createElement(SearchOutlined, {
         className: "autocomplete__icon",
+        role: "button",
+        tabIndex: 0,
+        "aria-label": getIntl().formatMessage({
+          id: 'aria.autocomplete.search'
+        }),
         onClick: event => {
           const tmpObj = {
             labels: currentResult || '',
@@ -174,6 +190,17 @@ var useAutocomplete = (_ref => {
           };
           setCurrentDefaultValue(tmpObj);
           return onEnter(event, tmpObj);
+        },
+        onKeyDown: event => {
+          if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            const tmpObj = {
+              labels: currentResult || '',
+              value: currentResult || ''
+            };
+            setCurrentDefaultValue(tmpObj);
+            onEnter(event, tmpObj);
+          }
         }
       }), !searchIcon && !loading && arrowIcon && /*#__PURE__*/React__default.createElement(Box, {
         style: {
@@ -183,7 +210,7 @@ var useAutocomplete = (_ref => {
         }
       }, /*#__PURE__*/React__default.createElement(default_1, null)), params.InputProps.endAdornment)
     }
-  })), [loading, searchIcon, arrowIcon]);
+  })), [loading, searchIcon, arrowIcon, ariaLabel, placeholder]);
   return {
     getValue,
     getValueFromOptions,
@@ -210,7 +237,8 @@ var Autocomplete = function Autocomplete(props) {
     placeholder = props.placeholder,
     searchIcon = props.searchIcon,
     _renderInput = props.renderInput,
-    _renderTags = props.renderTags;
+    _renderTags = props.renderTags,
+    ariaLabel = props.ariaLabel;
   var _onChange = props.onChange,
     onSearch = props.onSearch,
     onFocus = props.onFocus,
@@ -237,7 +265,7 @@ var Autocomplete = function Autocomplete(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     currentDefaultValue = _useState10[0],
     setCurrentDefaultValue = _useState10[1];
-  var _useAutocomplete = useAutocomplete(_objectSpread2({}, {
+  var _useAutocomplete = useAutocomplete(_objectSpread2(_objectSpread2({}, {
       options: options,
       placeholder: placeholder,
       loading: loading,
@@ -247,6 +275,8 @@ var Autocomplete = function Autocomplete(props) {
       onEnter: onEnter,
       setCurrentDefaultValue: setCurrentDefaultValue,
       arrowIcon: arrowIcon
+    }), {}, {
+      ariaLabel: ariaLabel
     })),
     getValue = _useAutocomplete.getValue,
     getValueFromOptions = _useAutocomplete.getValueFromOptions,
@@ -384,7 +414,8 @@ Autocomplete.defaultProps = {
   onFocus: function onFocus() {},
   onBlur: function onBlur() {},
   onEnter: function onEnter() {},
-  arrowIcon: false
+  arrowIcon: false,
+  ariaLabel: undefined
 };
 Autocomplete.propTypes = {
   /** Css名稱 */
@@ -426,7 +457,9 @@ Autocomplete.propTypes = {
   /** 鍵盤輸入Enter的callback */
   onEnter: PropTypes.func,
   /** 是否顯示arrow icon */
-  arrowIcon: PropTypes.bool
+  arrowIcon: PropTypes.bool,
+  /** 輸入框的無障礙名稱(WCAG 3.3.2)，未提供時以placeholder代替 */
+  ariaLabel: PropTypes.string
 };
 
 export { Autocomplete as A };

package/lib/components/Autocomplete.js

@@ -1,19 +1,20 @@
-export { A as default } from './Autocomplete-887cda6a.js';
+export { A as default } from './Autocomplete-5d6f1df8.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-ef96775f.js';
+import './index-b76a85f4.js';
 import './debounce-127da66c.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/lab';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './createSvgIcon-0d38de2e.js';
+import './createSvgIcon-e3803ee1.js';
 import './defaultTheme-ed7746fe.js';
 import 'react-is';
 import '@material-ui/styles';
 import 'react-dom';
 import './toConsumableArray-dbe8af76.js';
+import './globalConfig';
 import './style-inject.es-1f59c1d0.js';
-import './Empty-94a8d8ff.js';
+import './Empty-bf77164f.js';

package/lib/components/Avatar.js

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

package/lib/components/BackTop.js

@@ -1,10 +1,10 @@
 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-ef96775f.js';
+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-0d38de2e.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e3803ee1.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';

package/lib/components/BarChart.js

@@ -1,5 +1,5 @@
 import React__default, { useEffect } from 'react';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import PropTypes from 'prop-types';
 import { g as constant$1, h as interpolateNumber, j as color, k as interpolateRgb, l as interpolateString, n as exponent, o as ordinal, p as initRange, r as map, s as slice$1, u as bisectRight, v as formatSpecifier, w as formatPrefix, x as format, d as d3Select } from './transform-3a04288b.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';

package/lib/components/Breadcrumbs.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import PropTypes from 'prop-types';
 import { NavLink } from 'react-router-dom';
 import { Typography, Breadcrumbs as Breadcrumbs$1 } from '@material-ui/core';

package/lib/components/{Button-8742afeb.js → Button-305b69a0.js}

@@ -1,6 +1,6 @@
 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 { Button as Button$1, CircularProgress } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/Button.js

@@ -1,6 +1,6 @@
-export { B as default } from './Button-8742afeb.js';
+export { B as default } from './Button-305b69a0.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/Carousel.js

@@ -1,6 +1,6 @@
 import { c as _objectWithoutProperties$1, b as _objectSpread2, _ as _extends$3 } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { a as classnames, c as classNames } from './index-ef96775f.js';
+import { a as classnames, c as classNames } from './index-b76a85f4.js';
 import PropTypes from 'prop-types';
 import { c as commonjsGlobal, g as getAugmentedNamespace, a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';

package/lib/components/CollapseContent.js

@@ -1,9 +1,9 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import { c as classNames } from './index-ef96775f.js';
+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-d7c9f3b8.js';
+import { M as MoreButton } from './MoreButton-44d3b4fe.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import '@material-ui/icons';
 

package/lib/components/{ContactModal-530d4d80.js → ContactModal-1997d146.js}

@@ -3,14 +3,14 @@ import React__default, { createContext, forwardRef, createElement, useContext, u
 import PropTypes from 'prop-types';
 import { h as hoistNonReactStatics_cjs } from './hoist-non-react-statics.cjs-3f408ad2.js';
 import axios from 'axios';
-import { M as Modal } from './Modal-fc4320d3.js';
+import { M as Modal } from './Modal-5a27951f.js';
 import { c as commonjsGlobal, a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { Input, Button, Box, Typography, FormControl, RadioGroup, FormControlLabel, Radio, TextField, TextareaAutosize } from '@material-ui/core';
-import { S as Select } from './Select-fdb4d9b8.js';
-import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-0d38de2e.js';
+import { S as Select } from './Select-e550d0a5.js';
 import { getIntl } from './globalConfig';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e3803ee1.js';
 
 var isArray$1 = Array.isArray;
 var keyList = Object.keys;
@@ -10000,7 +10000,9 @@ const VCode = _ref => {
     visible,
     onChange,
     formatMessage,
-    name
+    name,
+    inputId,
+    required
   } = _ref;
   const [codeConfig, setCodeConfig] = useState(getConfig());
   const {
@@ -10020,6 +10022,10 @@ const VCode = _ref => {
   return /*#__PURE__*/React__default.createElement("div", {
     className: "vcode"
   }, /*#__PURE__*/React__default.createElement(Input, {
+    inputProps: {
+      id: inputId,
+      'aria-required': required || undefined
+    },
     placeholder: formatMessage({
       id: 'common.form.code.check'
     }),
@@ -10027,14 +10033,20 @@ const VCode = _ref => {
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "vcode__box"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "vcode__image"
+    className: "vcode__image",
+    role: "img",
+    "aria-label": getIntl().formatMessage({
+      id: 'aria.vcode.image'
+    })
   }, /*#__PURE__*/React__default.createElement("canvas", {
     id: "bgi",
     width: "200",
-    height: "200"
+    height: "200",
+    "aria-hidden": "true"
   }), data.map((v, i) => /*#__PURE__*/React__default.createElement("div", {
     key: i.toString(),
     className: "vcode__image__itemStr",
+    "aria-hidden": "true",
     style: {
       transform: `rotate(${rotate[i]}deg)`,
       fontSize: `${fz[i]}px`,
@@ -10042,7 +10054,18 @@ const VCode = _ref => {
     }
   }, convert(v))), /*#__PURE__*/React__default.createElement("div", {
     className: "vcode__image__mask",
-    onClick: refresh
+    role: "button",
+    tabIndex: 0,
+    "aria-label": getIntl().formatMessage({
+      id: 'aria.vcode.refresh'
+    }),
+    onClick: refresh,
+    onKeyDown: e => {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        refresh();
+      }
+    }
   }, formatMessage({
     id: 'common.click.refresh'
   }))), /*#__PURE__*/React__default.createElement(ErrorMessage, {
@@ -10056,14 +10079,20 @@ VCode.defaultProps = {
   // placeholder: undefined,
   onChange: () => {},
   formatMessage: () => {},
-  name: undefined
+  name: undefined,
+  inputId: undefined,
+  required: false
 };
 VCode.propTypes = {
   visible: PropTypes.bool,
   // placeholder: PropTypes.string,
   onChange: PropTypes.func,
   formatMessage: PropTypes.func,
-  name: PropTypes.string
+  name: PropTypes.string,
+  /** 與外部 label 關聯用的 input id（WCAG 3.3.2） */
+  inputId: PropTypes.string,
+  /** 是否必填(aria-required) */
+  required: PropTypes.bool
 };
 
 var facebookLoginWithButton = {exports: {}};
@@ -10090,7 +10119,9 @@ const EmailInput = _ref => {
     value,
     placeholder,
     onChange,
-    onNotify
+    onNotify,
+    inputId,
+    required
   } = _ref;
   const [init, setInit] = useState(false); // google login 在init時會先failed
   useMemo(() => () => setTimeout(() => setInit(true), 1000), []); // 故延遲一秒後再給google call(最非最佳解 可優化)
@@ -10139,6 +10170,10 @@ const EmailInput = _ref => {
     className: "emailInput__operator"
   }, /*#__PURE__*/React__default.createElement(Input, {
     value: value,
+    inputProps: {
+      id: inputId,
+      'aria-required': required || undefined
+    },
     placeholder: placeholder,
     onChange: e => onChange(e.target.value)
   })));
@@ -10147,13 +10182,19 @@ EmailInput.defaultProps = {
   value: undefined,
   placeholder: undefined,
   onChange: () => {},
-  onNotify: () => {}
+  onNotify: () => {},
+  inputId: undefined,
+  required: false
 };
 EmailInput.propTypes = {
   value: PropTypes.string,
   placeholder: PropTypes.string,
   onChange: PropTypes.func,
-  onNotify: PropTypes.func
+  onNotify: PropTypes.func,
+  /** 與外部 label 關聯用的 input id（WCAG 3.3.2） */
+  inputId: PropTypes.string,
+  /** 是否必填(aria-required) */
+  required: PropTypes.bool
 };
 
 var CloudUpload = {};
@@ -11538,7 +11579,7 @@ Upload.propTypes = {
   onChange: PropTypes.func.isRequired
 };
 
-var css_248z = ".formItem {\n  width: 100%;\n  margin-bottom: 16px;\n}\n.formItem:last-child {\n  margin-bottom: initial;\n}\n.formItem__title {\n  display: flex;\n  font-size: 16px;\n  font-weight: bold;\n}\n.formItem__title__star {\n  margin-left: 3px;\n  color: #d93333;\n}\n.formItem__operator {\n  margin: 2px 0;\n  font-size: 14px;\n}\n.formItem__operator__radio__desc {\n  margin-left: 35px !important;\n}\n.formItem__operator--unsupport {\n  border: 1px solid #d93333;\n  background: pink;\n  color: black;\n  padding: 5px 10px;\n}\n.formItem__error {\n  color: #d93333;\n  font-weight: bold;\n}\n.formItem textarea {\n  border: 1px solid #d9d9d9;\n  border-radius: 3px;\n  width: 100%;\n  background: transparent;\n  padding: 6px 10px;\n}\n.formItem ::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}";
+var css_248z = ".formItem {\n  width: 100%;\n  margin-bottom: 16px;\n}\n.formItem:last-child {\n  margin-bottom: initial;\n}\n.formItem__title {\n  display: flex;\n  font-size: 16px;\n  font-weight: bold;\n}\n.formItem__title__star {\n  margin-left: 3px;\n  color: #b91c1c;\n}\n.formItem__operator {\n  margin: 2px 0;\n  font-size: 14px;\n}\n.formItem__operator__radio__desc {\n  margin-left: 35px !important;\n}\n.formItem__operator--unsupport {\n  border: 1px solid #d93333;\n  background: pink;\n  color: black;\n  padding: 5px 10px;\n}\n.formItem__error {\n  color: #b91c1c;\n  font-weight: bold;\n}\n.formItem textarea {\n  border: 1px solid #d9d9d9;\n  border-radius: 3px;\n  width: 100%;\n  background: transparent;\n  padding: 6px 10px;\n}\n.formItem ::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}";
 styleInject(css_248z);
 
 const FormItem = _ref => {
@@ -11558,22 +11599,35 @@ const FormItem = _ref => {
   const currentPlaceholder = placeholder || `${formatMessage({
     id: 'common.enter'
   })} ${label}`;
+  /* WCAG 1.3.1/3.3.2 欄位與標題的程式化關聯（WAVE: Missing form label） */
+  const inputId = `form-input-${name}`;
+  const labelId = `form-label-${name}`;
+  const a11yInputProps = {
+    id: inputId,
+    'aria-required': required || undefined
+  };
+  /* 這些欄位型別會渲染帶 inputId 的 input，標題才能用 label htmlFor；其餘型別改以 aria-labelledby 關聯 */
+  const hasInputId = ['input', 'textarea', 'datePicker', 'email', 'vcode'].includes(type);
   const render = field => {
     let component;
     switch (type) {
       case 'input':
         component = /*#__PURE__*/React__default.createElement(Input, _extends$1({}, field, {
+          inputProps: a11yInputProps,
           placeholder: currentPlaceholder
         }));
         break;
       case 'textarea':
         component = /*#__PURE__*/React__default.createElement(TextareaAutosize, _extends$1({}, field, {
+          id: inputId,
+          "aria-required": required || undefined,
           minRows: 3,
           placeholder: currentPlaceholder
         }));
         break;
       case 'select':
         component = /*#__PURE__*/React__default.createElement(Select, _extends$1({}, field, {
+          ariaLabelledby: labelId,
           options: options,
           placeholder: currentPlaceholder,
           onChange: age => setFieldValue(field.name, age)
@@ -11581,12 +11635,15 @@ const FormItem = _ref => {
         break;
       case 'datePicker':
         component = /*#__PURE__*/React__default.createElement(TextField, _extends$1({}, field, {
+          inputProps: a11yInputProps,
           type: "date",
           onChange: event => setFieldValue(field.name, event.target.value)
         }));
         break;
       case 'email':
         component = /*#__PURE__*/React__default.createElement(EmailInput, _extends$1({}, field, {
+          inputId: inputId,
+          required: required,
           placeholder: currentPlaceholder,
           onChange: email => setFieldValue(field.name, email),
           onNotify: onNotify
@@ -11594,7 +11651,8 @@ const FormItem = _ref => {
         break;
       case 'radio':
         component = /*#__PURE__*/React__default.createElement(FormControl, {
-          component: "fieldset"
+          component: "fieldset",
+          "aria-labelledby": labelId
         }, /*#__PURE__*/React__default.createElement(RadioGroup, field, options.map(option => /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(FormControlLabel, {
           key: option.value,
           value: option.value,
@@ -11612,6 +11670,8 @@ const FormItem = _ref => {
         break;
       case 'vcode':
         component = /*#__PURE__*/React__default.createElement(VCode, {
+          inputId: inputId,
+          required: required,
           placeholder: currentPlaceholder,
           onChange: pass => setFieldValue(field.name, pass),
           formatMessage: formatMessage,
@@ -11633,11 +11693,23 @@ const FormItem = _ref => {
       return /*#__PURE__*/React__default.createElement("div", {
         id: `form-${name}`,
         className: "formItem"
-      }, label && /*#__PURE__*/React__default.createElement("div", {
-        className: "formItem__title"
+      }, label && (hasInputId ?
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/label-has-for, jsx-a11y/label-has-associated-control
+      React__default.createElement("label", {
+        className: "formItem__title",
+        id: labelId,
+        htmlFor: inputId
+      }, label, required && /*#__PURE__*/React__default.createElement("div", {
+        className: "formItem__title__star",
+        "aria-hidden": "true"
+      }, '*')) : /*#__PURE__*/React__default.createElement("div", {
+        className: "formItem__title",
+        id: labelId
       }, label, required && /*#__PURE__*/React__default.createElement("div", {
-        className: "formItem__title__star"
-      }, "*")), hint && /*#__PURE__*/React__default.createElement(Box, {
+        className: "formItem__title__star",
+        "aria-hidden": "true"
+      }, '*'))), hint && /*#__PURE__*/React__default.createElement(Box, {
         my: 1
       }, /*#__PURE__*/React__default.createElement(Typography, {
         variant: "body2"

package/lib/components/ContactModal.js

@@ -1,22 +1,22 @@
-export { C as default } from './ContactModal-530d4d80.js';
+export { C as default } from './ContactModal-1997d146.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import './hoist-non-react-statics.cjs-3f408ad2.js';
 import 'react-is';
 import 'axios';
-import './Modal-fc4320d3.js';
-import './index-ef96775f.js';
+import './Modal-5a27951f.js';
+import './index-b76a85f4.js';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-8742afeb.js';
+import './Button-305b69a0.js';
 import './style-inject.es-1f59c1d0.js';
-import './Spin-fafe3787.js';
+import './Spin-8dc60bfe.js';
+import './globalConfig';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-fdb4d9b8.js';
-import './Empty-94a8d8ff.js';
-import './createSvgIcon-0d38de2e.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';

package/lib/components/{Drawer-96442344.js → Drawer-b9855a54.js}

@@ -3,8 +3,9 @@ import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { List, ListItem, ListItemIcon, ListItemText, IconButton, Drawer as Drawer$1, Divider } from '@material-ui/core';
 import { DehazeRounded } from '@material-ui/icons';
-import { S as Select } from './Select-fdb4d9b8.js';
+import { S as Select } from './Select-e550d0a5.js';
 import { useHistory, useRouteMatch } from 'react-router-dom';
+import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var defaultSupportLanguage = [
@@ -90,11 +91,17 @@ var Drawer = function Drawer(_ref) {
     className: "drawer"
   }, /*#__PURE__*/React__default.createElement(IconButton, {
     className: "drawer__icon",
+    "aria-label": getIntl().formatMessage({
+      id: 'aria.header.menuOpen'
+    }),
+    "aria-haspopup": "menu",
+    "aria-expanded": open,
     onClick: function onClick() {
       return setOpen(true);
     }
   }, /*#__PURE__*/React__default.createElement(DehazeRounded, {
-    fontSize: "large"
+    fontSize: "large",
+    "aria-hidden": "true"
   })), /*#__PURE__*/React__default.createElement(Drawer$1, {
     anchor: "right",
     open: open,

package/lib/components/Drawer.js

@@ -1,11 +1,12 @@
-export { D as default } from './Drawer-96442344.js';
+export { D as default } from './Drawer-b9855a54.js';
 import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Select-fdb4d9b8.js';
-import './index-ef96775f.js';
-import './Empty-94a8d8ff.js';
+import './Select-e550d0a5.js';
+import './index-b76a85f4.js';
+import './Empty-bf77164f.js';
 import './style-inject.es-1f59c1d0.js';
 import 'react-router-dom';
+import './globalConfig';

package/lib/components/Dropdown.js

@@ -1,6 +1,6 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useRef, useState } from 'react';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import PropTypes from 'prop-types';
 import { Button, Menu, Divider, MenuItem, ListItemIcon, ListItemText } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';

package/lib/components/{Empty-94a8d8ff.js → Empty-bf77164f.js}

@@ -1,6 +1,6 @@
 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 { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var img = "data:image/svg+xml,%3csvg class='ant-empty-img-default' width='184' height='152' viewBox='0 0 184 152' xmlns='http://www.w3.org/2000/svg'%3e %3cg fill='none' fill-rule='evenodd'%3e %3cg transform='translate(24 31.67)'%3e %3cellipse fill='%23f5f5f5' fill-opacity='0.8' cx='67.797' cy='106.89' rx='67.797' ry='12.668'%3e%3c/ellipse%3e %3cpath fill='%23aeb8c2' d='M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z'%3e%3c/path%3e %3cpath fill='url(%23linearGradient-1)' d='M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z' transform='translate(13.56)'%3e%3c/path%3e %3cpath fill='%23f5f5f7' d='M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z'%3e%3c/path%3e %3cpath fill='%23dce0e6' d='M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z'%3e%3c/path%3e %3c/g%3e %3cpath fill='%23dce0e6' d='M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z'%3e%3c/path%3e %3cg fill='white' transform='translate(149.65 15.383)'%3e %3cellipse cx='20.654' cy='3.167' rx='2.849' ry='2.815'%3e%3c/ellipse%3e %3cpath d='M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z'%3e%3c/path%3e %3c/g%3e %3c/g%3e%3c/svg%3e";

package/lib/components/Empty.js

@@ -1,5 +1,5 @@
-export { E as default } from './Empty-94a8d8ff.js';
+export { E as default } from './Empty-bf77164f.js';
 import 'react';
 import 'prop-types';
-import './index-ef96775f.js';
+import './index-b76a85f4.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/ExportButton.js

@@ -1,7 +1,7 @@
 import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-ef96775f.js';
+import { c as classNames } from './index-b76a85f4.js';
 import { ExitToApp } from '@material-ui/icons';
 import { Dialog, DialogContent, DialogContentText, DialogActions, Button } from '@material-ui/core';
 import { f as fileDownload, j as jsonTxt, a as jsonExcel } from './dataExport-d55d6fa3.js';