@daoyi/nmtl-ui 2.0.1-beta.58 → 2.0.1-beta.59

package/lib/components/{Autocomplete-029d41ba.js → Autocomplete-ed66ea1e.js}

@@ -1,28 +1,30 @@
-import { _ as _extends, a as _slicedToArray, b as _objectSpread2 } from './_rollupPluginBabelHelpers-a52356f6.js';
+import { _ as _typeof, a as _extends, b as _objectSpread2, c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.js';
 import React__default, { useCallback, useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.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 { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { E as Empty } from './Empty-53ff1821.js';
+import { E as Empty } from './Empty-b674a51e.js';
 
-var useAutocomplete = (_ref => {
-  let {
-    options,
-    placeholder,
-    loading,
-    searchIcon,
-    labelInValue,
-    onEnter,
-    currentResult,
-    setCurrentDefaultValue
-  } = _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)
+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;
+  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);
+    }
     // typeof item === 'object' ? item.label === value : item === value
     );
 
@@ -30,32 +32,30 @@ var useAutocomplete = (_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取出才可 */
-  const getValueFromOptions = useCallback(defaultValue => {
+  var getValueFromOptions = useCallback(function (defaultValue) {
     if (Array.isArray(options)) {
       if (Array.isArray(defaultValue)) {
         return defaultValue.map(
         // item有可能為 object({ label, value }) 或 string(value)
-        item => options.find(_ref2 => {
-          let {
-            value
-          } = _ref2;
-          return item === value || item.value === value;
-        }) || item
+        function (item) {
+          return options.find(function (_ref2) {
+            var value = _ref2.value;
+            return item === value || item.value === value;
+          }) || item;
+        }
         // if (typeof item === 'object') return options.find(({ value }) => item.value === value) || item;
         // return item;
         );
       }
 
-      const result = options.find(_ref3 => {
-        let {
-          value
-        } = _ref3;
+      var result = options.find(function (_ref3) {
+        var value = _ref3.value;
         return defaultValue === value;
       });
       return labelInValue ? defaultValue : result || {
@@ -65,45 +65,50 @@ var useAutocomplete = (_ref => {
     }
     return defaultValue;
   }, [options, labelInValue]);
-  const defaultTag = useCallback((tagValue, getTagProps) => tagValue.map((option, index) => /*#__PURE__*/React__default.createElement(Chip, _extends({
-    label: getLabel(option),
-    deleteIcon: /*#__PURE__*/React__default.createElement(Close, null)
-  }, getTagProps({
-    index
-  })))), [options]);
-  const defaultRenderInput = useCallback(params => /*#__PURE__*/React__default.createElement(TextField, _extends({}, 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 => {
-          setCurrentDefaultValue({
-            label: currentResult,
-            value: currentResult
-          });
-          return onEnter(event, {
-            label: currentResult,
-            value: currentResult
-          });
-        }
-      }), params.InputProps.endAdornment)
-    }
-  })), [loading, searchIcon]);
+  var defaultTag = useCallback(function (tagValue, getTagProps) {
+    return tagValue.map(function (option, index) {
+      return /*#__PURE__*/React__default.createElement(Chip, _extends({
+        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({}, 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) {
+            setCurrentDefaultValue({
+              label: currentResult,
+              value: currentResult
+            });
+            return onEnter(event, {
+              label: currentResult,
+              value: currentResult
+            });
+          }
+        }), params.InputProps.endAdornment)
+      })
+    }));
+  }, [loading, searchIcon]);
   return {
-    getValue,
-    getValueFromOptions,
-    defaultTag,
-    defaultRenderInput
+    getValue: getValue,
+    getValueFromOptions: getValueFromOptions,
+    defaultTag: defaultTag,
+    defaultRenderInput: defaultRenderInput
   };
 });
 
-var css_248z = ".autocomplete .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n  padding: 0px 8px;\n}\n.autocomplete .MuiChip-deleteIcon {\n  width: 16px;\n  height: 16px;\n}\n.autocomplete__icon {\n  font-size: 1.25rem;\n  margin-right: 8px;\n  cursor: pointer;\n}\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {\n  display: flex;\n  flex-wrap: nowrap;\n  padding: 4px 8px;\n}";
+var css_248z = ".autocomplete .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n  padding: 0px 8px; }\n\n.autocomplete .MuiChip-deleteIcon {\n  width: 16px;\n  height: 16px; }\n\n.autocomplete__icon {\n  font-size: 1.25rem;\n  margin-right: 8px;\n  cursor: pointer; }\n\n.autocomplete--showSearchIcon .MuiAutocomplete-inputRoot[class*='MuiOutlinedInput-root'] {\n  display: flex;\n  flex-wrap: nowrap;\n  padding: 4px 8px; }\n";
 styleInject(css_248z);
 
 var Autocomplete = function Autocomplete(props) {

package/lib/components/Autocomplete.js

@@ -1,8 +1,8 @@
-export { A as default } from './Autocomplete-029d41ba.js';
-import './_rollupPluginBabelHelpers-a52356f6.js';
+export { A as default } from './Autocomplete-ed66ea1e.js';
+import './_rollupPluginBabelHelpers-7eb4ffba.js';
 import 'react';
 import 'prop-types';
-import './index-a7369dc5.js';
+import './index-8aa477f6.js';
 import './debounce-127da66c.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';
@@ -10,4 +10,4 @@ import '@material-ui/lab';
 import '@material-ui/core';
 import '@material-ui/icons';
 import './style-inject.es-1f59c1d0.js';
-import './Empty-53ff1821.js';
+import './Empty-b674a51e.js';

package/lib/components/Avatar.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.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 { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.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-af6a82b5.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-b7f70edc.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './isObjectLike-e111475d.js';
 import './_commonjsHelpers-70de2c37.js';
@@ -34,7 +34,7 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement("pa
 
 default_1 = ExpandLessSharp.default = _default;
 
-var css_248z = ".backTop {\n  right: 30px;\n  bottom: 50px;\n  position: fixed;\n  z-index: 10;\n  opacity: 0;\n  cursor: pointer;\n}\n.backTop__default {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 70px;\n  height: 70px;\n  border-radius: 45px;\n  opacity: 0.8;\n  transition: opacity 0.3s ease-in-out;\n}\n.backTop__default:hover {\n  opacity: 1;\n}\n.backTop__default .MuiSvgIcon-root {\n  margin-bottom: -3px;\n}\n.backTop:hover {\n  opacity: 0.7;\n}\n\n@media only screen and (max-width: 484px) {\n  .backTop {\n    right: 15px;\n  }\n}";
+var css_248z = ".backTop {\n  right: 30px;\n  bottom: 50px;\n  position: fixed;\n  z-index: 10;\n  opacity: 0;\n  cursor: pointer; }\n  .backTop__default {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 70px;\n    height: 70px;\n    border-radius: 45px;\n    opacity: 0.8;\n    transition: opacity 0.3s ease-in-out; }\n    .backTop__default:hover {\n      opacity: 1; }\n    .backTop__default .MuiSvgIcon-root {\n      margin-bottom: -3px; }\n  .backTop:hover {\n    opacity: 0.7; }\n\n@media only screen and (max-width: 484px) {\n  .backTop {\n    right: 15px; } }\n";
 styleInject(css_248z);
 
 var scrollToTop = function scrollToTop() {

package/lib/components/BarChart.js

@@ -1,5 +1,5 @@
 import React__default, { useEffect } from 'react';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.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';
@@ -635,7 +635,7 @@ function linear() {
   return linearish(scale);
 }
 
-var css_248z = "#barChart {\n  width: 100%;\n}";
+var css_248z = "#barChart {\n  width: 100%; }\n";
 styleInject(css_248z);
 
 var BarChart = function BarChart(_ref) {

package/lib/components/Breadcrumbs.js

@@ -1,11 +1,11 @@
 import React__default from 'react';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.js';
 import PropTypes from 'prop-types';
 import { NavLink } from 'react-router-dom';
 import { Typography, Breadcrumbs as Breadcrumbs$1 } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z$1 = ".breadcrumbItem {\n  display: flex;\n  opacity: 0.8;\n  transition: opacity 0.1s ease-in-out;\n}\n.breadcrumbItem:hover {\n  opacity: 1;\n}\n.breadcrumbItem--last {\n  opacity: 1;\n  font-weight: 500 !important;\n}\n.breadcrumbItem__icon {\n  display: flex;\n  align-items: center;\n  margin-right: 4px;\n}\n.breadcrumbItem__icon svg {\n  font-size: 18px;\n}";
+var css_248z$1 = ".breadcrumbItem {\n  display: flex;\n  opacity: 0.8;\n  transition: opacity 0.1s ease-in-out; }\n  .breadcrumbItem:hover {\n    opacity: 1; }\n  .breadcrumbItem--last {\n    opacity: 1;\n    font-weight: 500 !important; }\n  .breadcrumbItem__icon {\n    display: flex;\n    align-items: center;\n    margin-right: 4px; }\n    .breadcrumbItem__icon svg {\n      font-size: 18px; }\n";
 styleInject(css_248z$1);
 
 const BreadcrumbItem = _ref => {
@@ -45,7 +45,7 @@ BreadcrumbItem.propTypes = {
   onClick: PropTypes.func
 };
 
-var css_248z = ".breadcrumbs__link {\n  cursor: pointer;\n  text-decoration: none !important;\n}";
+var css_248z = ".breadcrumbs__link {\n  cursor: pointer;\n  text-decoration: none !important; }\n";
 styleInject(css_248z);
 
 var Breadcrumbs = function Breadcrumbs(_ref) {

package/lib/components/{Button-1b58ff47.js → Button-3d002693.js}

@@ -1,10 +1,10 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.js';
 import { Button as Button$1, CircularProgress } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".button {\n  border: 1px solid #ffffff99;\n  border-radius: 45px;\n  padding: 8px 16px;\n  background: #007bff;\n  color: white;\n  cursor: pointer;\n}\n.button:hover {\n  opacity: 0.9;\n}";
+var css_248z = ".button {\n  border: 1px solid #ffffff99;\n  border-radius: 45px;\n  padding: 8px 16px;\n  background: #007bff;\n  color: white;\n  cursor: pointer; }\n  .button:hover {\n    opacity: 0.9; }\n";
 styleInject(css_248z);
 
 var Button = function Button(props) {

package/lib/components/Button.js

@@ -1,6 +1,6 @@
-export { B as default } from './Button-1b58ff47.js';
+export { B as default } from './Button-3d002693.js';
 import 'react';
 import 'prop-types';
-import './index-a7369dc5.js';
+import './index-8aa477f6.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 { d as _objectWithoutProperties$1, b as _objectSpread2, a as _extends$3 } from './_rollupPluginBabelHelpers-7eb4ffba.js';
 import React__default, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { a as classnames, c as classNames } from './index-a7369dc5.js';
+import { a as classnames, c as classNames } from './index-8aa477f6.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';
@@ -4599,7 +4599,7 @@ styleInject(css_248z$2);
 var css_248z$1 = "@charset 'UTF-8';\n/* Slider */\n.slick-loading .slick-list\n{\n    background: #fff url('./ajax-loader.gif') center center no-repeat;\n}\n\n/* Icons */\n@font-face\n{\n    font-family: 'slick';\n    font-weight: normal;\n    font-style: normal;\n\n    src: url('./fonts/slick.eot');\n    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n}\n/* Arrows */\n.slick-prev,\n.slick-next\n{\n    font-size: 0;\n    line-height: 0;\n\n    position: absolute;\n    top: 50%;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    transform: translate(0, -50%);\n\n    cursor: pointer;\n\n    color: transparent;\n    border: none;\n    outline: none;\n    background: transparent;\n}\n.slick-prev:hover,\n.slick-prev:focus,\n.slick-next:hover,\n.slick-next:focus\n{\n    color: transparent;\n    outline: none;\n    background: transparent;\n}\n.slick-prev:hover:before,\n.slick-prev:focus:before,\n.slick-next:hover:before,\n.slick-next:focus:before\n{\n    opacity: 1;\n}\n.slick-prev.slick-disabled:before,\n.slick-next.slick-disabled:before\n{\n    opacity: .25;\n}\n\n.slick-prev:before,\n.slick-next:before\n{\n    font-family: 'slick';\n    font-size: 20px;\n    line-height: 1;\n\n    opacity: .75;\n    color: white;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n.slick-prev\n{\n    left: -25px;\n}\n[dir='rtl'] .slick-prev\n{\n    right: -25px;\n    left: auto;\n}\n.slick-prev:before\n{\n    content: '←';\n}\n[dir='rtl'] .slick-prev:before\n{\n    content: '→';\n}\n\n.slick-next\n{\n    right: -25px;\n}\n[dir='rtl'] .slick-next\n{\n    right: auto;\n    left: -25px;\n}\n.slick-next:before\n{\n    content: '→';\n}\n[dir='rtl'] .slick-next:before\n{\n    content: '←';\n}\n\n/* Dots */\n.slick-dotted.slick-slider\n{\n    margin-bottom: 30px;\n}\n\n.slick-dots\n{\n    position: absolute;\n    bottom: -25px;\n\n    display: block;\n\n    width: 100%;\n    padding: 0;\n    margin: 0;\n\n    list-style: none;\n\n    text-align: center;\n}\n.slick-dots li\n{\n    position: relative;\n\n    display: inline-block;\n\n    width: 20px;\n    height: 20px;\n    margin: 0 5px;\n    padding: 0;\n\n    cursor: pointer;\n}\n.slick-dots li button\n{\n    font-size: 0;\n    line-height: 0;\n\n    display: block;\n\n    width: 20px;\n    height: 20px;\n    padding: 5px;\n\n    cursor: pointer;\n\n    color: transparent;\n    border: 0;\n    outline: none;\n    background: transparent;\n}\n.slick-dots li button:hover,\n.slick-dots li button:focus\n{\n    outline: none;\n}\n.slick-dots li button:hover:before,\n.slick-dots li button:focus:before\n{\n    opacity: 1;\n}\n.slick-dots li button:before\n{\n    font-family: 'slick';\n    font-size: 6px;\n    line-height: 20px;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 20px;\n    height: 20px;\n\n    content: '•';\n    text-align: center;\n\n    opacity: .25;\n    color: black;\n\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n.slick-dots li.slick-active button:before\n{\n    opacity: .75;\n    color: black;\n}\n";
 styleInject(css_248z$1);
 
-var css_248z = ".carousel .slick-arrow {\n  display: none !important;\n}";
+var css_248z = ".carousel .slick-arrow {\n  display: none !important; }\n";
 styleInject(css_248z);
 
 var _excluded = ["className", "autoplay", "children"];

package/lib/components/Checkbox.js

@@ -1,4 +1,4 @@
-import { c as _objectWithoutProperties, _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
+import { d as _objectWithoutProperties, a as _extends } from './_rollupPluginBabelHelpers-7eb4ffba.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,9 +1,9 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
+import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.js';
 import PropTypes from 'prop-types';
 import { Typography } from '@material-ui/core';
-import { M as MoreButton } from './MoreButton-641c3827.js';
+import { M as MoreButton } from './MoreButton-a001648b.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import '@material-ui/icons';
 
@@ -63,7 +63,7 @@ var textDivider = (text => {
   );
 });
 
-var css_248z = ".collapseContent__desc {\n  font-size: 1.5rem !important;\n  text-indent: 3rem;\n  font-family: \"Noto Sans TC\", \"Arial\", sans-serif !important;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n.collapseContent__desc p,\n.collapseContent__desc pre {\n  margin: 0;\n}\n.collapseContent__desc--1 {\n  -webkit-line-clamp: 1;\n}\n.collapseContent__desc--2 {\n  -webkit-line-clamp: 2;\n}\n.collapseContent__desc--3 {\n  -webkit-line-clamp: 3;\n}\n.collapseContent__desc--4 {\n  -webkit-line-clamp: 4;\n}\n.collapseContent__desc--5 {\n  -webkit-line-clamp: 5;\n}\n.collapseContent__desc--10 {\n  -webkit-line-clamp: 10;\n}\n.collapseContent__desc--lightHeight {\n  line-height: 2.25;\n}\n.collapseContent__desc--expand {\n  -webkit-line-clamp: initial;\n}\n.collapseContent__desc--indent {\n  text-indent: 3rem;\n}";
+var css_248z = ".collapseContent__desc {\n  font-size: 1.5rem !important;\n  text-indent: 3rem;\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  white-space: pre-wrap;\n  word-break: break-all; }\n  .collapseContent__desc p,\n  .collapseContent__desc pre {\n    margin: 0; }\n  .collapseContent__desc--1 {\n    -webkit-line-clamp: 1; }\n  .collapseContent__desc--2 {\n    -webkit-line-clamp: 2; }\n  .collapseContent__desc--3 {\n    -webkit-line-clamp: 3; }\n  .collapseContent__desc--4 {\n    -webkit-line-clamp: 4; }\n  .collapseContent__desc--5 {\n    -webkit-line-clamp: 5; }\n  .collapseContent__desc--10 {\n    -webkit-line-clamp: 10; }\n  .collapseContent__desc--lightHeight {\n    line-height: 2.25; }\n  .collapseContent__desc--expand {\n    -webkit-line-clamp: initial; }\n  .collapseContent__desc--indent {\n    text-indent: 3rem; }\n";
 styleInject(css_248z);
 
 // const remUnit = 16;

package/lib/components/{ContactModal-73f43220.js → ContactModal-5af70002.js}

@@ -1,15 +1,15 @@
-import { _ as _extends$1, a as _slicedToArray$2, b as _objectSpread2, e as _defineProperty$1 } from './_rollupPluginBabelHelpers-a52356f6.js';
+import { a as _extends$1, c as _slicedToArray$2, b as _objectSpread2, e as _defineProperty$1 } from './_rollupPluginBabelHelpers-7eb4ffba.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';
 import axios from 'axios';
-import { M as Modal } from './Modal-06099b6d.js';
+import { M as Modal } from './Modal-1e6d1b61.js';
 import { c as commonjsGlobal, a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.js';
 import { Input, Button, Box, Typography, FormControl, RadioGroup, FormControlLabel, Radio, TextField, TextareaAutosize } from '@material-ui/core';
-import { S as Select } from './Select-2793e2a5.js';
+import { S as Select } from './Select-a607a0d4.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-af6a82b5.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-b7f70edc.js';
 import { getIntl } from './globalConfig';
 
 var isArray$1 = Array.isArray;
@@ -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}\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}\n.vcode__image:hover .vcode__mask {\n  opacity: 0.8;\n}\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}\n.vcode__image__itemStr {\n  float: left;\n  margin-left: 20px;\n}\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\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 => {
@@ -10072,7 +10072,7 @@ var googleLogin = {exports: {}};
 
 var GoogleLogin = /*@__PURE__*/getDefaultExportFromCjs(googleLogin.exports);
 
-var css_248z$1 = ".emailInput__loginSDK {\n  display: flex;\n  align-items: center;\n}\n.emailInput__loginSDK__google {\n  padding: 6px 10px 4px !important;\n  border: 1px solid black !important;\n}\n.emailInput__loginSDK__google div {\n  padding: 0 !important;\n}\n.emailInput__loginSDK__google span {\n  padding: 0 !important;\n}\n.emailInput__loginSDK__fb {\n  padding: 9px 10px !important;\n  border-radius: 3px;\n  margin-left: 10px;\n  background-color: #4c69ba;\n  border: 1px solid black;\n  color: white;\n}\n.emailInput__loginSDK__fb i {\n  margin-right: 10px;\n}\n.emailInput__operator {\n  margin-top: 10px;\n}";
+var css_248z$1 = ".emailInput__loginSDK {\n  display: flex;\n  align-items: center; }\n  .emailInput__loginSDK__google {\n    padding: 6px 10px 4px !important;\n    border: 1px solid black !important; }\n    .emailInput__loginSDK__google div {\n      padding: 0 !important; }\n    .emailInput__loginSDK__google span {\n      padding: 0 !important; }\n  .emailInput__loginSDK__fb {\n    padding: 9px 10px !important;\n    border-radius: 3px;\n    margin-left: 10px;\n    background-color: #4c69ba;\n    border: 1px solid black;\n    color: white; }\n    .emailInput__loginSDK__fb i {\n      margin-right: 10px; }\n\n.emailInput__operator {\n  margin-top: 10px; }\n";
 styleInject(css_248z$1);
 
 const EmailInput = _ref => {
@@ -11530,7 +11530,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  .formItem:last-child {\n    margin-bottom: initial; }\n  .formItem__title {\n    display: flex;\n    font-size: 16px;\n    font-weight: bold; }\n    .formItem__title__star {\n      margin-left: 3px;\n      color: #d93333; }\n  .formItem__operator {\n    margin: 2px 0;\n    font-size: 14px; }\n    .formItem__operator__radio__desc {\n      margin-left: 35px !important; }\n    .formItem__operator--unsupport {\n      border: 1px solid #d93333;\n      background: pink;\n      color: black;\n      padding: 5px 10px; }\n  .formItem__error {\n    color: #d93333;\n    font-weight: bold; }\n  .formItem textarea {\n    border: 1px solid #d9d9d9;\n    border-radius: 3px;\n    width: 100%;\n    background: transparent;\n    padding: 6px 10px; }\n  .formItem ::-webkit-calendar-picker-indicator {\n    filter: invert(1); }\n";
 styleInject(css_248z);
 
 const FormItem = _ref => {

package/lib/components/ContactModal.js

@@ -1,21 +1,21 @@
-export { C as default } from './ContactModal-73f43220.js';
-import './_rollupPluginBabelHelpers-a52356f6.js';
+export { C as default } from './ContactModal-5af70002.js';
+import './_rollupPluginBabelHelpers-7eb4ffba.js';
 import 'react';
 import 'prop-types';
 import './hoist-non-react-statics.cjs-3f408ad2.js';
 import 'react-is';
 import 'axios';
-import './Modal-06099b6d.js';
-import './index-a7369dc5.js';
+import './Modal-1e6d1b61.js';
+import './index-8aa477f6.js';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-1b58ff47.js';
+import './Button-3d002693.js';
 import './style-inject.es-1f59c1d0.js';
-import './Spin-9a7c89ed.js';
+import './Spin-a5ff6ede.js';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-2793e2a5.js';
-import './Empty-53ff1821.js';
-import './createSvgIcon-af6a82b5.js';
+import './Select-a607a0d4.js';
+import './Empty-b674a51e.js';
+import './createSvgIcon-b7f70edc.js';
 import './defaultTheme-19a14721.js';
 import '@material-ui/styles';
 import 'react-dom';

package/lib/components/{Drawer-d67f6c95.js → Drawer-47f9967c.js}

@@ -1,9 +1,9 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
+import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.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-2793e2a5.js';
+import { S as Select } from './Select-a607a0d4.js';
 import { useHistory, useRouteMatch } from 'react-router-dom';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
@@ -72,7 +72,7 @@ DrawerList.propTypes = {
   setOpen: PropTypes.func.isRequired
 };
 
-var css_248z = ".drawer__icon {\n  display: none !important;\n}\n.drawer__header {\n  display: flex;\n  align-items: center;\n  padding: 20px;\n}\n.drawer__header-title {\n  font-size: 18px;\n  font-weight: bold;\n}\n.drawer__list {\n  padding: 10px !important;\n}\n.drawer__list .MuiSvgIcon-root {\n  margin-left: 8px;\n}\n.drawer__lang {\n  margin: 24px 36px !important;\n}\n\n@media screen and (max-width: 768px) {\n  .drawer {\n    display: flex;\n    justify-content: flex-end;\n  }\n  .drawer__icon {\n    display: flex !important;\n  }\n}";
+var css_248z = ".drawer__icon {\n  display: none !important; }\n\n.drawer__header {\n  display: flex;\n  align-items: center;\n  padding: 20px; }\n  .drawer__header-title {\n    font-size: 18px;\n    font-weight: bold; }\n\n.drawer__list {\n  padding: 10px !important; }\n  .drawer__list .MuiSvgIcon-root {\n    margin-left: 8px; }\n\n.drawer__lang {\n  margin: 24px 36px !important; }\n\n@media screen and (max-width: 768px) {\n  .drawer {\n    display: flex;\n    justify-content: flex-end; }\n    .drawer__icon {\n      display: flex !important; } }\n";
 styleInject(css_248z);
 
 var Drawer = function Drawer(_ref) {

package/lib/components/Drawer.js

@@ -1,11 +1,11 @@
-export { D as default } from './Drawer-d67f6c95.js';
-import './_rollupPluginBabelHelpers-a52356f6.js';
+export { D as default } from './Drawer-47f9967c.js';
+import './_rollupPluginBabelHelpers-7eb4ffba.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Select-2793e2a5.js';
-import './index-a7369dc5.js';
-import './Empty-53ff1821.js';
+import './Select-a607a0d4.js';
+import './index-8aa477f6.js';
+import './Empty-b674a51e.js';
 import './style-inject.es-1f59c1d0.js';
 import 'react-router-dom';

package/lib/components/Dropdown.js

@@ -1,6 +1,6 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
+import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.js';
 import React__default, { useRef, useState } from 'react';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.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-53ff1821.js → Empty-b674a51e.js}

@@ -1,11 +1,11 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.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";
 
-var css_248z = ".antd-empty {\n  width: 100%;\n  font-size: 1rem;\n  line-height: 1.5715;\n  text-align: center;\n  overflow: hidden;\n  height: 100%;\n}\n.antd-empty .ant-empty-image {\n  height: 100px;\n  margin-bottom: 8px;\n}\n.antd-empty .ant-empty-image img {\n  height: calc(100% - 22px);\n  margin: auto;\n}\n.antd-empty .antd-empty-description {\n  color: rgba(0, 0, 0, 0.85);\n}";
+var css_248z = ".antd-empty {\n  width: 100%;\n  font-size: 1rem;\n  line-height: 1.5715;\n  text-align: center;\n  overflow: hidden;\n  height: 100%; }\n  .antd-empty .ant-empty-image {\n    height: 100px;\n    margin-bottom: 8px; }\n    .antd-empty .ant-empty-image img {\n      height: calc(100% - 22px);\n      margin: auto; }\n  .antd-empty .antd-empty-description {\n    color: rgba(0, 0, 0, 0.85); }\n";
 styleInject(css_248z);
 
 var Empty = function Empty(_ref) {

package/lib/components/Empty.js

@@ -1,5 +1,5 @@
-export { E as default } from './Empty-53ff1821.js';
+export { E as default } from './Empty-b674a51e.js';
 import 'react';
 import 'prop-types';
-import './index-a7369dc5.js';
+import './index-8aa477f6.js';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/ExportButton.js

@@ -1,14 +1,14 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
+import { c as _slicedToArray } from './_rollupPluginBabelHelpers-7eb4ffba.js';
 import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.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';
 
-var css_248z = ".exportButton {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  transition: color 0.3s ease-in-out;\n  -webkit-user-select: none;\n          user-select: none;\n}\n.exportButton--right {\n  justify-content: flex-end;\n}\n.exportButton__text {\n  display: flex;\n  align-items: center;\n  text-decoration: underline;\n  cursor: pointer;\n}\n.exportButton__text__icon {\n  font-size: 2rem;\n  margin-right: 4px;\n}\n.exportButton__text:hover {\n  font-weight: bold;\n}";
+var css_248z = ".exportButton {\n  display: flex;\n  align-items: center;\n  font-size: 1.5rem;\n  transition: color 0.3s ease-in-out;\n  -webkit-user-select: none;\n          user-select: none; }\n  .exportButton--right {\n    justify-content: flex-end; }\n  .exportButton__text {\n    display: flex;\n    align-items: center;\n    text-decoration: underline;\n    cursor: pointer; }\n    .exportButton__text__icon {\n      font-size: 2rem;\n      margin-right: 4px; }\n    .exportButton__text:hover {\n      font-weight: bold; }\n";
 styleInject(css_248z);
 
 var ExportButton = function ExportButton(_ref) {

package/lib/components/{ExtraTools-e3040d0d.js → ExtraTools-97665703.js}

@@ -1,12 +1,12 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-7eb4ffba.js';
 import * as React from 'react';
 import React__default, { Component, forwardRef, useState } from 'react';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.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-f3afa927.js';
-import { s as snaToExcel, f as fileDownload$1, a as jsonExcel } from './dataExport-d55d6fa3.js';
+import { T as Tooltip } from './Tooltip-f1cd39ef.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 () {
@@ -3143,7 +3143,7 @@ const ResetMobileIcon = _ref => {
   })));
 };
 
-var css_248z = ".extraTools {\n  width: 100%;\n  display: inline-flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n  padding: 0px 20px;\n  padding-top: 12px;\n}\n.extraTools__share button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.extraTools__download {\n  cursor: pointer;\n}\n.extraTools__download-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.extraTools__fullscreenBtn {\n  cursor: pointer;\n  padding-top: 0;\n}\n.extraTools__fullscreenBtn-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.extraTools__fontsize {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.extraTools .font-size-changer,\n.extraTools .font-size-changer-buttons,\n.extraTools .font-size-up,\n.extraTools .font-size-down,\n.extraTools .tooltip {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.extraTools .font-size-up {\n  width: 32px !important;\n  cursor: pointer;\n  margin-right: 16px !important;\n}\n.extraTools .font-size-down {\n  cursor: pointer;\n  width: 32px !important;\n}\n.extraTools .fullscreenExit {\n  text-align: right;\n  cursor: pointer;\n  border: 0;\n}\n.extraTools #download-menu .MuiMenuItem-root {\n  color: #4e3a16;\n  width: auto;\n  overflow: hidden;\n  font-size: 1rem;\n  box-sizing: border-box;\n  min-height: 48px;\n  font-weight: 400;\n  line-height: 1;\n  padding-top: 1rem;\n  white-space: initial;\n  border-bottom: 0;\n  letter-spacing: 0.00938em;\n  padding-bottom: 1rem;\n}";
+var css_248z = ".extraTools {\n  width: 100%;\n  display: inline-flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n  padding: 0px 20px;\n  padding-top: 12px; }\n  .extraTools__share button {\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n  .extraTools__download {\n    cursor: pointer; }\n    .extraTools__download-icon {\n      display: flex;\n      justify-content: center;\n      align-items: center; }\n  .extraTools__fullscreenBtn {\n    cursor: pointer;\n    padding-top: 0; }\n    .extraTools__fullscreenBtn-icon {\n      display: flex;\n      justify-content: center;\n      align-items: center; }\n  .extraTools__fontsize {\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n  .extraTools .font-size-changer,\n  .extraTools .font-size-changer-buttons,\n  .extraTools .font-size-up,\n  .extraTools .font-size-down,\n  .extraTools .tooltip {\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n  .extraTools .font-size-up {\n    width: 32px !important;\n    cursor: pointer;\n    margin-right: 16px !important; }\n  .extraTools .font-size-down {\n    cursor: pointer;\n    width: 32px !important; }\n  .extraTools .fullscreenExit {\n    text-align: right;\n    cursor: pointer;\n    border: 0; }\n  .extraTools #download-menu .MuiMenuItem-root {\n    color: #4e3a16;\n    width: auto;\n    overflow: hidden;\n    font-size: 1rem;\n    box-sizing: border-box;\n    min-height: 48px;\n    font-weight: 400;\n    line-height: 1;\n    padding-top: 1rem;\n    white-space: initial;\n    border-bottom: 0;\n    letter-spacing: 0.00938em;\n    padding-bottom: 1rem; }\n";
 styleInject(css_248z);
 
 /* eslint-disable prefer-destructuring */

package/lib/components/ExtraTools.js

@@ -1,10 +1,10 @@
-export { E as default } from './ExtraTools-e3040d0d.js';
-import './_rollupPluginBabelHelpers-a52356f6.js';
+export { E as default } from './ExtraTools-97665703.js';
+import './_rollupPluginBabelHelpers-7eb4ffba.js';
 import 'react';
-import './index-a7369dc5.js';
+import './index-8aa477f6.js';
 import 'prop-types';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/core';
-import './Tooltip-f3afa927.js';
+import './Tooltip-f1cd39ef.js';
 import './style-inject.es-1f59c1d0.js';
-import './dataExport-d55d6fa3.js';
+import './dataExport-04b77185.js';