@daoyi/nmtl-ui 2.0.1-beta.81 → 2.0.1-beta.82

package/lib/components/{Autocomplete-b9f7ea2b.js → Autocomplete-83a79687.js}

@@ -1,4 +1,4 @@
-import { _ as _typeof, a as _extends$1, b as _objectSpread2, c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+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-cbd6bca9.js';
@@ -87,23 +87,21 @@ var Box = styled('div')(styleFunction, {
   name: 'MuiBox'
 });
 
-var useAutocomplete = (function (_ref) {
-  var options = _ref.options,
-    placeholder = _ref.placeholder,
-    loading = _ref.loading,
-    searchIcon = _ref.searchIcon,
-    labelInValue = _ref.labelInValue,
-    onEnter = _ref.onEnter,
-    currentResult = _ref.currentResult,
-    setCurrentDefaultValue = _ref.setCurrentDefaultValue,
-    arrowIcon = _ref.arrowIcon;
-  var getValue = useCallback(function (data) {
-    return _typeof(data) === 'object' ? data.value : data;
-  }, []);
-  var getLabel = useCallback(function (value) {
-    var finder = (Array.isArray(options) ? options : []).find(function (item) {
-      return getValue(item) === getValue(value);
-    }
+var useAutocomplete = (_ref => {
+  let {
+    options,
+    placeholder,
+    loading,
+    searchIcon,
+    labelInValue,
+    onEnter,
+    currentResult,
+    setCurrentDefaultValue,
+    arrowIcon
+  } = _ref;
+  const getValue = useCallback(data => typeof data === 'object' ? data.value : data, []);
+  const getLabel = useCallback(value => {
+    const finder = (Array.isArray(options) ? options : []).find(item => getValue(item) === getValue(value)
     // typeof item === 'object' ? item.label === value : item === value
     );
 
@@ -111,30 +109,32 @@ var useAutocomplete = (function (_ref) {
     // console.log('value', value);
     // console.log('finder', finder);
     if (finder) {
-      return _typeof(finder) === 'object' ? finder.label : finder;
+      return typeof finder === 'object' ? finder.label : finder;
     }
-    return _typeof(value) === 'object' ? value.label : value;
+    return typeof value === 'object' ? value.label : value;
   }, [options]);
 
   /* 若MUI的Autocomplete下方的options列表要勾選已選的項目 必須從options取出才可 */
-  var getValueFromOptions = useCallback(function (defaultValue) {
+  const getValueFromOptions = useCallback(defaultValue => {
     if (Array.isArray(options)) {
       if (Array.isArray(defaultValue)) {
         return defaultValue.map(
         // item有可能為 object({ label, value }) 或 string(value)
-        function (item) {
-          return options.find(function (_ref2) {
-            var value = _ref2.value;
-            return item === value || item.value === value;
-          }) || item;
-        }
+        item => options.find(_ref2 => {
+          let {
+            value
+          } = _ref2;
+          return item === value || item.value === value;
+        }) || item
         // if (typeof item === 'object') return options.find(({ value }) => item.value === value) || item;
         // return item;
         );
       }
 
-      var result = options.find(function (_ref3) {
-        var value = _ref3.value;
+      const result = options.find(_ref3 => {
+        let {
+          value
+        } = _ref3;
         return defaultValue === value;
       });
       return labelInValue ? defaultValue : result || {
@@ -144,50 +144,45 @@ var useAutocomplete = (function (_ref) {
     }
     return defaultValue;
   }, [options, labelInValue]);
-  var defaultTag = useCallback(function (tagValue, getTagProps) {
-    return tagValue.map(function (option, index) {
-      return /*#__PURE__*/React__default.createElement(Chip, _extends$1({
-        label: getLabel(option),
-        deleteIcon: /*#__PURE__*/React__default.createElement(Close, null)
-      }, getTagProps({
-        index: index
-      })));
-    });
-  }, [options]);
-  var defaultRenderInput = useCallback(function (params) {
-    return /*#__PURE__*/React__default.createElement(TextField, _extends$1({}, params, {
-      variant: "outlined",
-      placeholder: placeholder,
-      InputProps: _objectSpread2(_objectSpread2({}, params.InputProps), {}, {
-        endAdornment: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, loading && /*#__PURE__*/React__default.createElement(CircularProgress, {
-          className: "autocomplete__icon",
-          color: "inherit",
-          size: 20
-        }), searchIcon && /*#__PURE__*/React__default.createElement(SearchOutlined, {
-          className: "autocomplete__icon",
-          onClick: function onClick(event) {
-            var tmpObj = {
-              labels: currentResult || '',
-              value: currentResult || ''
-            };
-            setCurrentDefaultValue(tmpObj);
-            return onEnter(event, tmpObj);
-          }
-        }), !searchIcon && !loading && arrowIcon && /*#__PURE__*/React__default.createElement(Box, {
-          style: {
-            top: 'calc(50% - 14px)',
-            right: '12px',
-            position: 'absolute'
-          }
-        }, /*#__PURE__*/React__default.createElement(default_1, null)), params.InputProps.endAdornment)
-      })
-    }));
-  }, [loading, searchIcon, arrowIcon]);
+  const defaultTag = useCallback((tagValue, getTagProps) => tagValue.map((option, index) => /*#__PURE__*/React__default.createElement(Chip, _extends$1({
+    label: getLabel(option),
+    deleteIcon: /*#__PURE__*/React__default.createElement(Close, null)
+  }, getTagProps({
+    index
+  })))), [options]);
+  const defaultRenderInput = useCallback(params => /*#__PURE__*/React__default.createElement(TextField, _extends$1({}, params, {
+    variant: "outlined",
+    placeholder: placeholder,
+    InputProps: {
+      ...params.InputProps,
+      endAdornment: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, loading && /*#__PURE__*/React__default.createElement(CircularProgress, {
+        className: "autocomplete__icon",
+        color: "inherit",
+        size: 20
+      }), searchIcon && /*#__PURE__*/React__default.createElement(SearchOutlined, {
+        className: "autocomplete__icon",
+        onClick: event => {
+          const tmpObj = {
+            labels: currentResult || '',
+            value: currentResult || ''
+          };
+          setCurrentDefaultValue(tmpObj);
+          return onEnter(event, tmpObj);
+        }
+      }), !searchIcon && !loading && arrowIcon && /*#__PURE__*/React__default.createElement(Box, {
+        style: {
+          top: 'calc(50% - 14px)',
+          right: '12px',
+          position: 'absolute'
+        }
+      }, /*#__PURE__*/React__default.createElement(default_1, null)), params.InputProps.endAdornment)
+    }
+  })), [loading, searchIcon, arrowIcon]);
   return {
-    getValue: getValue,
-    getValueFromOptions: getValueFromOptions,
-    defaultTag: defaultTag,
-    defaultRenderInput: defaultRenderInput
+    getValue,
+    getValueFromOptions,
+    defaultTag,
+    defaultRenderInput
   };
 });
 

package/lib/components/Autocomplete.js

@@ -1,5 +1,5 @@
-export { A as default } from './Autocomplete-b9f7ea2b.js';
-import './_rollupPluginBabelHelpers-7eb4ffba.js';
+export { A as default } from './Autocomplete-83a79687.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import './index-cbd6bca9.js';

package/lib/components/BackTop.js

@@ -1,4 +1,4 @@
-import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.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-cbd6bca9.js';

package/lib/components/Carousel.js

@@ -1,4 +1,4 @@
-import { d as _objectWithoutProperties$1, b as _objectSpread2, a as _extends$3 } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+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-cbd6bca9.js';
 import PropTypes from 'prop-types';

package/lib/components/Checkbox.js

@@ -1,4 +1,4 @@
-import { d as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { c as _objectWithoutProperties, _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { FormControlLabel, Checkbox as Checkbox$1 } from '@material-ui/core';

package/lib/components/CollapseContent.js

@@ -1,4 +1,4 @@
-import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import { c as classNames } from './index-cbd6bca9.js';
 import PropTypes from 'prop-types';

package/lib/components/{ContactModal-a062b92c.js → ContactModal-ab8e5ab2.js}

@@ -1,4 +1,4 @@
-import { a as _extends$1, c as _slicedToArray$2, b as _objectSpread2, e as _defineProperty$1 } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { _ as _extends$1, a as _slicedToArray$2, b as _objectSpread2, e as _defineProperty$1 } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { createContext, forwardRef, createElement, useContext, useRef, useEffect, useReducer, useCallback, useMemo, useLayoutEffect, Component, useState, useImperativeHandle, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { h as hoistNonReactStatics_cjs } from './hoist-non-react-statics.cjs-3f408ad2.js';
@@ -7,7 +7,7 @@ import { M as Modal } from './Modal-c8a92699.js';
 import { c as commonjsGlobal, a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
 import { c as classNames } from './index-cbd6bca9.js';
 import { Input, Button, Box, Typography, FormControl, RadioGroup, FormControlLabel, Radio, TextField, TextareaAutosize } from '@material-ui/core';
-import { S as Select } from './Select-eb3c067e.js';
+import { S as Select } from './Select-7c0ef815.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-e95160be.js';
 import { getIntl } from './globalConfig';
@@ -9992,7 +9992,7 @@ const getConfig = () => ({
   color: [getRandom(100, 255, 3), getRandom(100, 255, 4), getRandom(100, 255, 3), getRandom(100, 255, 3)]
 });
 
-var css_248z$2 = ".vcode {\n  display: block;\n  align-items: center; }\n  .vcode__image {\n    margin-top: 10px;\n    background: rgba(0, 0, 0, 0.8);\n    width: 160px;\n    overflow: hidden;\n    height: 50px;\n    text-align: center;\n    position: relative; }\n    .vcode__image:hover .vcode__mask {\n      opacity: 0.8; }\n    .vcode__image__mask {\n      position: absolute;\n      width: 100%;\n      top: 0;\n      line-height: 50px;\n      background-color: rgba(0, 0, 0, 0.95);\n      opacity: 0;\n      z-index: 1;\n      transition: opacity 0.3s ease-in-out;\n      cursor: pointer; }\n    .vcode__image__itemStr {\n      float: left;\n      margin-left: 20px; }\n\n#bgi {\n  top: 0;\n  left: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%; }\n";
+var css_248z$2 = ".vcode {\n  display: block;\n  align-items: center; }\n  .vcode__image {\n    margin-top: 10px;\n    background: rgba(0, 0, 0, 0.8);\n    width: 160px;\n    overflow: hidden;\n    height: 50px;\n    text-align: center;\n    position: relative; }\n    .vcode__image:hover .vcode__mask {\n      opacity: 0.8; }\n    .vcode__image__mask {\n      position: absolute;\n      width: 100%;\n      top: 0;\n      line-height: 50px;\n      background-color: rgba(0, 0, 0, 0.95);\n      opacity: 0;\n      z-index: 1;\n      transition: opacity 0.3s ease-in-out;\n      cursor: pointer; }\n    .vcode__image__itemStr {\n      float: left;\n      margin-left: 20px; }\n  .vcode__box {\n    display: flex;\n    align-items: center; }\n  .vcode__error {\n    color: #d93333;\n    font-weight: bold;\n    margin-left: 1rem; }\n\n#bgi {\n  top: 0;\n  left: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%; }\n";
 styleInject(css_248z$2);
 
 const VCode = _ref => {
@@ -10000,7 +10000,8 @@ const VCode = _ref => {
     visible,
     placeholder,
     onChange,
-    formatMessage
+    formatMessage,
+    name
   } = _ref;
   const [codeConfig, setCodeConfig] = useState(getConfig());
   const {
@@ -10021,8 +10022,10 @@ const VCode = _ref => {
     className: "vcode"
   }, /*#__PURE__*/React__default.createElement(Input, {
     placeholder: placeholder,
-    onChange: e => onChange(e.target.value === vcodeNumber)
+    onChange: e => onChange(e.target.value.toUpperCase() === vcodeNumber.toUpperCase())
   }), /*#__PURE__*/React__default.createElement("div", {
+    className: "vcode__box"
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "vcode__image"
   }, /*#__PURE__*/React__default.createElement("canvas", {
     id: "bgi",
@@ -10041,19 +10044,25 @@ const VCode = _ref => {
     onClick: refresh
   }, formatMessage({
     id: 'common.click.refresh'
-  }))));
+  }))), /*#__PURE__*/React__default.createElement(ErrorMessage, {
+    className: "vcode__error",
+    name: name,
+    component: "div"
+  })));
 };
 VCode.defaultProps = {
   visible: false,
   placeholder: undefined,
   onChange: () => {},
-  formatMessage: () => {}
+  formatMessage: () => {},
+  name: undefined
 };
 VCode.propTypes = {
   visible: PropTypes.bool,
   placeholder: PropTypes.string,
   onChange: PropTypes.func,
-  formatMessage: PropTypes.func
+  formatMessage: PropTypes.func,
+  name: PropTypes.string
 };
 
 var facebookLoginWithButton = {exports: {}};
@@ -11606,7 +11615,8 @@ const FormItem = _ref => {
         component = /*#__PURE__*/React__default.createElement(VCode, {
           placeholder: currentPlaceholder,
           onChange: pass => setFieldValue(field.name, pass),
-          formatMessage: formatMessage
+          formatMessage: formatMessage,
+          name: name
         });
         break;
       default:
@@ -11640,7 +11650,7 @@ const FormItem = _ref => {
         className: classNames('formItem__operator', {
           'formItem__operator--unsupport': !component
         })
-      }, component || 'Check component type is support on FormItem'), /*#__PURE__*/React__default.createElement(ErrorMessage, {
+      }, component || 'Check component type is support on FormItem'), field.name === 'vcode' ? null : /*#__PURE__*/React__default.createElement(ErrorMessage, {
         className: "formItem__error",
         name: name,
         component: "div"

package/lib/components/ContactModal.js

@@ -1,5 +1,5 @@
-export { C as default } from './ContactModal-a062b92c.js';
-import './_rollupPluginBabelHelpers-7eb4ffba.js';
+export { C as default } from './ContactModal-ab8e5ab2.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import './hoist-non-react-statics.cjs-3f408ad2.js';
@@ -13,7 +13,7 @@ import './Button-f86bbd40.js';
 import './style-inject.es-1f59c1d0.js';
 import './Spin-1762ce9c.js';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-eb3c067e.js';
+import './Select-7c0ef815.js';
 import './Empty-9a192c2a.js';
 import './createSvgIcon-e95160be.js';
 import './defaultTheme-ed7746fe.js';

package/lib/components/{Drawer-6d519e05.js → Drawer-68ffa63e.js}

@@ -1,9 +1,9 @@
-import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 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-eb3c067e.js';
+import { S as Select } from './Select-7c0ef815.js';
 import { useHistory, useRouteMatch } from 'react-router-dom';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
@@ -27,32 +27,27 @@ var checkLanguageSupport = function checkLanguageSupport(_ref) {
   return isSupport ? language : supportLanguages[0].value;
 };
 
-const DrawerList = _ref => {
-  let {
-    drawerList,
-    setOpen
-  } = _ref;
-  const history = useHistory();
-  const {
-    url
-  } = useRouteMatch();
+var DrawerList = function DrawerList(_ref) {
+  var drawerList = _ref.drawerList,
+    setOpen = _ref.setOpen;
+  var history = useHistory();
+  var _useRouteMatch = useRouteMatch(),
+    url = _useRouteMatch.url;
   return /*#__PURE__*/React__default.createElement(List, {
     className: "drawer__list"
-  }, Array.isArray(drawerList) && drawerList.map((_ref2, index) => {
-    let {
-      name,
-      icon,
-      path
-    } = _ref2;
+  }, Array.isArray(drawerList) && drawerList.map(function (_ref2, index) {
+    var name = _ref2.name,
+      icon = _ref2.icon,
+      path = _ref2.path;
     return /*#__PURE__*/React__default.createElement(ListItem, {
       button: true,
       key: index.toString(),
-      onClick: () => {
+      onClick: function onClick() {
         if (path.indexOf('http') > -1) {
           window.location = path;
         } else {
           history.push({
-            pathname: `${url}${path}`
+            pathname: "".concat(url).concat(path)
           });
         }
         setOpen(false);

package/lib/components/Drawer.js

@@ -1,10 +1,10 @@
-export { D as default } from './Drawer-6d519e05.js';
-import './_rollupPluginBabelHelpers-7eb4ffba.js';
+export { D as default } from './Drawer-68ffa63e.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Select-eb3c067e.js';
+import './Select-7c0ef815.js';
 import './index-cbd6bca9.js';
 import './Empty-9a192c2a.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/Dropdown.js

@@ -1,4 +1,4 @@
-import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useRef, useState } from 'react';
 import { c as classNames } from './index-cbd6bca9.js';
 import PropTypes from 'prop-types';

package/lib/components/ExportButton.js

@@ -1,10 +1,10 @@
-import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+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-cbd6bca9.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';
+import { f as fileDownload, j as jsonTxt, a as jsonExcel } from './dataExport-04b77185.js';
 import { getIntl } from './globalConfig';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/{ExtraTools-79c9c400.js → ExtraTools-5407d9de.js}

@@ -1,12 +1,12 @@
-import { a as _extends } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
 import * as React from 'react';
 import React__default, { Component, forwardRef, useState } from 'react';
 import { c as classNames } from './index-cbd6bca9.js';
 import PropTypes from 'prop-types';
 import { a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
 import { Menu, MenuItem, useMediaQuery, IconButton } from '@material-ui/core';
-import { T as Tooltip } from './Tooltip-59ca3c6d.js';
-import { s as snaToExcel, f as fileDownload$1, a as jsonExcel } from './dataExport-d55d6fa3.js';
+import { T as Tooltip } from './Tooltip-21964965.js';
+import { s as snaToExcel, f as fileDownload$1, a as jsonExcel } from './dataExport-04b77185.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var __assign$3 = (undefined && undefined.__assign) || function () {

package/lib/components/ExtraTools.js

@@ -1,10 +1,10 @@
-export { E as default } from './ExtraTools-79c9c400.js';
-import './_rollupPluginBabelHelpers-7eb4ffba.js';
+export { E as default } from './ExtraTools-5407d9de.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import './index-cbd6bca9.js';
 import 'prop-types';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/core';
-import './Tooltip-59ca3c6d.js';
+import './Tooltip-21964965.js';
 import './style-inject.es-1f59c1d0.js';
-import './dataExport-d55d6fa3.js';
+import './dataExport-04b77185.js';

package/lib/components/Filter.js

@@ -1,4 +1,4 @@
-import { f as _taggedTemplateLiteral, e as _defineProperty } from './_rollupPluginBabelHelpers-7eb4ffba.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-cbd6bca9.js';

package/lib/components/Footer.js

@@ -1,9 +1,9 @@
-import { c as _slicedToArray, _ as _typeof } from './_rollupPluginBabelHelpers-7eb4ffba.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-cbd6bca9.js';
 import PropTypes from 'prop-types';
 import axios from 'axios';
-import { C as ContactModal } from './ContactModal-a062b92c.js';
+import { C as ContactModal } from './ContactModal-ab8e5ab2.js';
 import { S as Spin } from './Spin-1762ce9c.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './hoist-non-react-statics.cjs-3f408ad2.js';
@@ -13,7 +13,7 @@ import '@material-ui/core';
 import '@material-ui/icons';
 import './Button-f86bbd40.js';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-eb3c067e.js';
+import './Select-7c0ef815.js';
 import './Empty-9a192c2a.js';
 import './createSvgIcon-e95160be.js';
 import './defaultTheme-ed7746fe.js';

package/lib/components/{ForwardLink-5dd46685.js → ForwardLink-2554a5d9.js}

@@ -1,4 +1,4 @@
-import { d as _objectWithoutProperties } from './_rollupPluginBabelHelpers-7eb4ffba.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-34fc27f1.js';

package/lib/components/ForwardLink.js

@@ -1,5 +1,5 @@
-export { F as default } from './ForwardLink-5dd46685.js';
-import './_rollupPluginBabelHelpers-7eb4ffba.js';
+export { F as default } from './ForwardLink-2554a5d9.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import './index-34fc27f1.js';

package/lib/components/Header.js

@@ -1,4 +1,4 @@
-import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.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-cbd6bca9.js';
@@ -6,14 +6,14 @@ 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-8ee9bf32.js';
-import { S as Select } from './Select-eb3c067e.js';
-import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-6d519e05.js';
+import { K as KeywordSearch } from './KeywordSearch-a66db4e4.js';
+import { S as Select } from './Select-7c0ef815.js';
+import { c as checkLanguageSupport, D as Drawer, d as defaultSupportLanguage } from './Drawer-68ffa63e.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';
 import 'axios';
-import './Autocomplete-b9f7ea2b.js';
+import './Autocomplete-83a79687.js';
 import '@material-ui/lab';
 import './createSvgIcon-e95160be.js';
 import './defaultTheme-ed7746fe.js';

package/lib/components/Image.js

@@ -1,4 +1,4 @@
-import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState } from 'react';
 import { c as classNames } from './index-cbd6bca9.js';
 import PropTypes from 'prop-types';

package/lib/components/InputMethod.js

@@ -1,4 +1,4 @@
-import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.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-cbd6bca9.js';

package/lib/components/{KeywordSearch-8ee9bf32.js → KeywordSearch-a66db4e4.js}

@@ -1,10 +1,10 @@
-import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { c as classNames } from './index-cbd6bca9.js';
 import axios from 'axios';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { A as Autocomplete } from './Autocomplete-b9f7ea2b.js';
+import { A as Autocomplete } from './Autocomplete-83a79687.js';
 
 var css_248z = ".keywordSearch {\n  border-radius: 4px;\n  width: 100%;\n  margin-right: 14px; }\n  .keywordSearch--animation .autocomplete {\n    transition: max-width 0.3s ease-out;\n    max-width: 240px; }\n  .keywordSearch--focus {\n    flex: 1; }\n    .keywordSearch--focus .autocomplete {\n      max-width: 100%; }\n  .keywordSearch .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n    border-radius: 10px;\n    background-color: #ffffff66; }\n";
 styleInject(css_248z);

package/lib/components/KeywordSearch.js

@@ -1,11 +1,11 @@
-export { K as default } from './KeywordSearch-8ee9bf32.js';
-import './_rollupPluginBabelHelpers-7eb4ffba.js';
+export { K as default } from './KeywordSearch-a66db4e4.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import './index-cbd6bca9.js';
 import 'axios';
 import './style-inject.es-1f59c1d0.js';
-import './Autocomplete-b9f7ea2b.js';
+import './Autocomplete-83a79687.js';
 import './debounce-127da66c.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';

package/lib/components/KeywordTicker.js

@@ -1,8 +1,8 @@
-import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.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-cbd6bca9.js';
-import { F as ForwardLink } from './ForwardLink-5dd46685.js';
+import { F as ForwardLink } from './ForwardLink-2554a5d9.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './index-34fc27f1.js';
 import 'react-router-dom';

package/lib/components/Keywords.js

@@ -1,4 +1,4 @@
-import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { c as classNames } from './index-cbd6bca9.js';

package/lib/components/MUITheme.js

@@ -2380,20 +2380,23 @@ var fonts = ['Noto Sans TC', 'Microsoft JhengHei', 'sans-serif', '-apple-system'
 var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap\");\n";
 styleInject(css_248z);
 
-var defaultColors = {
+const defaultColors = {
   primaryColor: '#0087dc',
   primaryColorFocus: '#339fe3',
   secondaryColor: '#ffc400'
 };
 
 // export const commonThemeProps = ({ darkMode, colors }) => {
-var commonTheme = function commonTheme(_ref) {
-  var darkMode = _ref.darkMode,
-    colors = _ref.colors;
-  var _ref2 = colors || defaultColors,
-    primaryColor = _ref2.primaryColor,
-    secondaryColor = _ref2.secondaryColor;
-  var borderColor = darkMode ? '#8c8c8c' : '#d9d9d9';
+const commonTheme = _ref => {
+  let {
+    darkMode,
+    colors
+  } = _ref;
+  const {
+    primaryColor,
+    secondaryColor
+  } = colors || defaultColors;
+  const borderColor = darkMode ? '#8c8c8c' : '#d9d9d9';
   return createTheme({
     typography: {
       button: {
@@ -2466,7 +2469,7 @@ var commonTheme = function commonTheme(_ref) {
       MuiInput: {
         root: {
           width: '100%',
-          border: "1px solid ".concat(borderColor),
+          border: `1px solid ${borderColor}`,
           borderRadius: 3,
           padding: '2px 8px 0'
         },
@@ -2505,12 +2508,12 @@ var commonTheme = function commonTheme(_ref) {
           borderRadius: '2px',
           backgroundColor: darkMode ? '#595959' : '#f5f5f5',
           border: '1px solid',
-          borderColor: borderColor
+          borderColor
         }
       },
       MuiOutlinedInput: {
         root: {
-          borderColor: borderColor,
+          borderColor,
           '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
             borderWidth: '1px',
             boxShadow: '0 0 0 2px rgb(24 144 255 / 20%)'
@@ -2566,7 +2569,7 @@ var commonTheme = function commonTheme(_ref) {
       MuiDialogActions: {
         root: {
           padding: 12,
-          borderTop: "1px solid ".concat(borderColor)
+          borderTop: `1px solid ${borderColor}`
         }
       }
     }

package/lib/components/Pagination.js

@@ -1,4 +1,4 @@
-import { d as _objectWithoutProperties$1 } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { c as _objectWithoutProperties$1 } from './_rollupPluginBabelHelpers-a52356f6.js';
 import * as React$2 from 'react';
 import React__default, { Children, isValidElement, cloneElement } from 'react';
 import PropTypes from 'prop-types';

package/lib/components/Radio.js

@@ -1,4 +1,4 @@
-import { b as _objectSpread2 } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { b as _objectSpread2 } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { RadioGroup, FormControlLabel, Radio as Radio$1 } from '@material-ui/core';

package/lib/components/SNA.js

@@ -2,13 +2,13 @@ import React__default, { useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { c as classNames } from './index-cbd6bca9.js';
 import { e as event, d as d3Select, a as dispatch, c as customEvent, D as DragEvent, q as quadtree, m as map, t as timer, T as Transform, i as identity, b as interrupt, o as ordinal, f as category10 } from './transform-3a04288b.js';
-import { E as ExtraTools } from './ExtraTools-79c9c400.js';
+import { E as ExtraTools } from './ExtraTools-5407d9de.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './_rollupPluginBabelHelpers-7eb4ffba.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/core';
-import './Tooltip-59ca3c6d.js';
-import './dataExport-d55d6fa3.js';
+import './Tooltip-21964965.js';
+import './dataExport-04b77185.js';
 
 function sourceEvent() {
   var current = event, source;

package/lib/components/{Select-eb3c067e.js → Select-7c0ef815.js}

@@ -1,4 +1,4 @@
-import { b as _objectSpread2, _ as _typeof } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+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-cbd6bca9.js';

package/lib/components/Select.js

@@ -1,5 +1,5 @@
-export { S as default } from './Select-eb3c067e.js';
-import './_rollupPluginBabelHelpers-7eb4ffba.js';
+export { S as default } from './Select-7c0ef815.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import './index-cbd6bca9.js';

package/lib/components/Table.js

@@ -1,4 +1,4 @@
-import { d as _objectWithoutProperties } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { c as _objectWithoutProperties } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { TableContainer, Paper, Table as Table$1, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';

package/lib/components/{Tooltip-59ca3c6d.js → Tooltip-21964965.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { Tooltip as Tooltip$1 } from '@material-ui/core';
-import { a as _extends } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
 import { c as classNames } from './index-cbd6bca9.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 

package/lib/components/Tooltip.js

@@ -1,7 +1,7 @@
-export { T as default, p as placements } from './Tooltip-59ca3c6d.js';
+export { T as default, p as placements } from './Tooltip-21964965.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';
-import './_rollupPluginBabelHelpers-7eb4ffba.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import './index-cbd6bca9.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/{_rollupPluginBabelHelpers-7eb4ffba.js → _rollupPluginBabelHelpers-a52356f6.js}

@@ -139,4 +139,4 @@ function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-export { _typeof as _, _extends as a, _objectSpread2 as b, _slicedToArray as c, _objectWithoutProperties as d, _defineProperty as e, _taggedTemplateLiteral as f };
+export { _extends as _, _slicedToArray as a, _objectSpread2 as b, _objectWithoutProperties as c, _typeof as d, _defineProperty as e, _taggedTemplateLiteral as f };

package/lib/components/{dataExport-d55d6fa3.js → dataExport-04b77185.js}

@@ -34,56 +34,57 @@ var fileDownload = function(data, filename, mime, bom) {
     }
 };
 
-const jsonExcel = json => {
-  let output = '';
+var jsonExcel = function jsonExcel(json) {
+  var output = '';
   if (Array.isArray(json) && json.length > 0) {
-    const keys = Object.keys(json[0]);
-    output += `${keys.toString()}\n`;
-    json.forEach(item => {
-      keys.forEach(key => {
-        output += `${item[key]},`;
+    var keys = Object.keys(json[0]);
+    output += "".concat(keys.toString(), "\n");
+    json.forEach(function (item) {
+      keys.forEach(function (key) {
+        output += "".concat(item[key], ",");
       });
       output += '\n';
     });
   } else {
-    const keys = Object.keys(json);
-    output += `${keys.toString()}\n`;
-    keys.forEach(key => {
-      output += `${json[key]},`;
+    var _keys = Object.keys(json);
+    output += "".concat(_keys.toString(), "\n");
+    _keys.forEach(function (key) {
+      output += "".concat(json[key], ",");
     });
     output += '\n';
   }
   return output;
 };
-const jsonTxt = json => {
-  let output = '';
+var jsonTxt = function jsonTxt(json) {
+  var output = '';
   if (Array.isArray(json) && json.length > 0) {
-    const keys = Object.keys(json[0]);
-    json.forEach((item, index) => {
-      output += `(${index + 1})\n`;
-      keys.forEach(key => {
-        output += `${key}: ${item[key]}\n`;
+    var keys = Object.keys(json[0]);
+    json.forEach(function (item, index) {
+      output += "(".concat(index + 1, ")\n");
+      keys.forEach(function (key) {
+        output += "".concat(key, ": ").concat(item[key], "\n");
       });
       output += '\n';
     });
   } else {
-    const keys = Object.keys(json);
-    keys.forEach(key => {
-      output += `${key}: ${json[key]}\n`;
+    var _keys2 = Object.keys(json);
+    _keys2.forEach(function (key) {
+      output += "".concat(key, ": ").concat(json[key], "\n");
     });
   }
   return output;
 };
-const snaToExcel = data => {
-  const {
-    links,
-    nodes
-  } = data || {};
+var snaToExcel = function snaToExcel(data) {
+  var _ref = data || {},
+    links = _ref.links,
+    nodes = _ref.nodes;
   if (links && links.length > 0) {
-    const result = links.map(link => ({
-      From: nodes[link.source].name,
-      To: nodes[link.target].name
-    }));
+    var result = links.map(function (link) {
+      return {
+        From: nodes[link.source].name,
+        To: nodes[link.target].name
+      };
+    });
     return result;
   }
   return [];

package/package.json

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