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

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

@@ -1,13 +1,13 @@
-import { _ as _extends, a as _slicedToArray, b as _objectSpread2 } from './_rollupPluginBabelHelpers-ed61ffc0.js';
+import { _ as _extends, 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-f491ebce.js';
+import { c as classNames } from './index-a7369dc5.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-3637b766.js';
+import { E as Empty } from './Empty-53ff1821.js';
 
 var useAutocomplete = (_ref => {
   let {
@@ -103,7 +103,7 @@ var useAutocomplete = (_ref => {
   };
 });
 
-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-8344febd.js';
-import './_rollupPluginBabelHelpers-ed61ffc0.js';
+export { A as default } from './Autocomplete-029d41ba.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
-import './index-f491ebce.js';
+import './index-a7369dc5.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-3637b766.js';
+import './Empty-53ff1821.js';

package/lib/components/Avatar.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { c as classNames } from './index-f491ebce.js';
+import { c as classNames } from './index-a7369dc5.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';
@@ -11,12 +11,14 @@ var Avatar = function Avatar(_ref) {
   var className = _ref.className,
     shape = _ref.shape,
     src = _ref.src,
-    _onError = _ref.onError;
-  return /*#__PURE__*/React__default.createElement(Avatar$1, {
+    _onError = _ref.onError,
+    _ref$defaultImg = _ref.defaultImg,
+    defaultImg = _ref$defaultImg === void 0 ? '' : _ref$defaultImg;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Avatar$1, {
     className: classNames('avatar', className),
     variant: shape,
     src: src
-  }, /*#__PURE__*/React__default.createElement("img", {
+  }, defaultImg), typeof _onError === 'function' && /*#__PURE__*/React__default.createElement("img", {
     src: src,
     onError: function onError() {
       return _onError();

package/lib/components/BackTop.js

@@ -1,10 +1,10 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-ed61ffc0.js';
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-f491ebce.js';
+import { c as classNames } from './index-a7369dc5.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-48da8b6e.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-af6a82b5.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  .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";
+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}";
 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-f491ebce.js';
+import { c as classNames } from './index-a7369dc5.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-f491ebce.js';
+import { c as classNames } from './index-a7369dc5.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  .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";
+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}";
 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-2f8f0493.js → Button-1b58ff47.js}

@@ -1,10 +1,10 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-f491ebce.js';
+import { c as classNames } from './index-a7369dc5.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  .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}\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-2f8f0493.js';
+export { B as default } from './Button-1b58ff47.js';
 import 'react';
 import 'prop-types';
-import './index-f491ebce.js';
+import './index-a7369dc5.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-ed61ffc0.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 { c as classNames } from './index-f491ebce.js';
+import { a as classnames, c as classNames } from './index-a7369dc5.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';
@@ -432,65 +432,6 @@ function toNumber(value) {
 
 var lodash_debounce = debounce;
 
-var classnames = {exports: {}};
-
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
-(function (module) {
-	/* global define */
-
-	(function () {
-
-		var hasOwn = {}.hasOwnProperty;
-
-		function classNames() {
-			var classes = [];
-
-			for (var i = 0; i < arguments.length; i++) {
-				var arg = arguments[i];
-				if (!arg) continue;
-
-				var argType = typeof arg;
-
-				if (argType === 'string' || argType === 'number') {
-					classes.push(arg);
-				} else if (Array.isArray(arg)) {
-					if (arg.length) {
-						var inner = classNames.apply(null, arg);
-						if (inner) {
-							classes.push(inner);
-						}
-					}
-				} else if (argType === 'object') {
-					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-						classes.push(arg.toString());
-						continue;
-					}
-
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
-				}
-			}
-
-			return classes.join(' ');
-		}
-
-		if (module.exports) {
-			classNames.default = classNames;
-			module.exports = classNames;
-		} else {
-			window.classNames = classNames;
-		}
-	}());
-} (classnames));
-
 var innerSliderUtils = {};
 
 Object.defineProperty(innerSliderUtils, "__esModule", {
@@ -4658,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-ed61ffc0.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,9 +1,9 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-ed61ffc0.js';
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import { c as classNames } from './index-f491ebce.js';
+import { c as classNames } from './index-a7369dc5.js';
 import PropTypes from 'prop-types';
 import { Typography } from '@material-ui/core';
-import { M as MoreButton } from './MoreButton-80996b5f.js';
+import { M as MoreButton } from './MoreButton-641c3827.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  .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";
+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}";
 styleInject(css_248z);
 
 // const remUnit = 16;

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

@@ -1,15 +1,15 @@
-import { _ as _extends$1, a as _slicedToArray$2, b as _objectSpread2, e as _defineProperty$1 } from './_rollupPluginBabelHelpers-ed61ffc0.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';
 import axios from 'axios';
-import { M as Modal } from './Modal-572e17ea.js';
+import { M as Modal } from './Modal-06099b6d.js';
 import { c as commonjsGlobal, a as getDefaultExportFromCjs } from './_commonjsHelpers-70de2c37.js';
-import { c as classNames } from './index-f491ebce.js';
+import { c as classNames } from './index-a7369dc5.js';
 import { Input, Button, Box, Typography, FormControl, RadioGroup, FormControlLabel, Radio, TextField, TextareaAutosize } from '@material-ui/core';
-import { S as Select } from './Select-89e69867.js';
+import { S as Select } from './Select-2793e2a5.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-48da8b6e.js';
+import { r as requireCreateSvgIcon, i as interopRequireDefault, a as interopRequireWildcard } from './createSvgIcon-af6a82b5.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  .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}\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}";
 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  .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";
+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}";
 styleInject(css_248z$1);
 
 const EmailInput = _ref => {
@@ -10200,7 +10200,7 @@ function __generator(thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -11530,7 +11530,7 @@ Upload.propTypes = {
   onChange: PropTypes.func.isRequired
 };
 
-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";
+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}";
 styleInject(css_248z);
 
 const FormItem = _ref => {

package/lib/components/ContactModal.js

@@ -1,21 +1,21 @@
-export { C as default } from './ContactModal-de7f221d.js';
-import './_rollupPluginBabelHelpers-ed61ffc0.js';
+export { C as default } from './ContactModal-73f43220.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-572e17ea.js';
-import './index-f491ebce.js';
+import './Modal-06099b6d.js';
+import './index-a7369dc5.js';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Button-2f8f0493.js';
+import './Button-1b58ff47.js';
 import './style-inject.es-1f59c1d0.js';
-import './Spin-ebf79c17.js';
+import './Spin-9a7c89ed.js';
 import './_commonjsHelpers-70de2c37.js';
-import './Select-89e69867.js';
-import './Empty-3637b766.js';
-import './createSvgIcon-48da8b6e.js';
+import './Select-2793e2a5.js';
+import './Empty-53ff1821.js';
+import './createSvgIcon-af6a82b5.js';
 import './defaultTheme-19a14721.js';
 import '@material-ui/styles';
 import 'react-dom';

package/lib/components/{Drawer-7f404d90.js → Drawer-d67f6c95.js}

@@ -1,9 +1,9 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-ed61ffc0.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-89e69867.js';
+import { S as Select } from './Select-2793e2a5.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  .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";
+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}";
 styleInject(css_248z);
 
 var Drawer = function Drawer(_ref) {

package/lib/components/Drawer.js

@@ -1,11 +1,11 @@
-export { D as default } from './Drawer-7f404d90.js';
-import './_rollupPluginBabelHelpers-ed61ffc0.js';
+export { D as default } from './Drawer-d67f6c95.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
 import 'prop-types';
 import '@material-ui/core';
 import '@material-ui/icons';
-import './Select-89e69867.js';
-import './index-f491ebce.js';
-import './Empty-3637b766.js';
+import './Select-2793e2a5.js';
+import './index-a7369dc5.js';
+import './Empty-53ff1821.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-ed61ffc0.js';
+import { a as _slicedToArray } from './_rollupPluginBabelHelpers-a52356f6.js';
 import React__default, { useRef, useState } from 'react';
-import { c as classNames } from './index-f491ebce.js';
+import { c as classNames } from './index-a7369dc5.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-3637b766.js → Empty-53ff1821.js}

@@ -1,11 +1,11 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-f491ebce.js';
+import { c as classNames } from './index-a7369dc5.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  .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";
+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}";
 styleInject(css_248z);
 
 var Empty = function Empty(_ref) {

package/lib/components/Empty.js

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

package/lib/components/ExportButton.js

@@ -1,14 +1,14 @@
-import { a as _slicedToArray } from './_rollupPluginBabelHelpers-ed61ffc0.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-f491ebce.js';
+import { c as classNames } from './index-a7369dc5.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 { 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  .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";
+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}";
 styleInject(css_248z);
 
 var ExportButton = function ExportButton(_ref) {

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

@@ -1,11 +1,11 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-ed61ffc0.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-f491ebce.js';
+import { c as classNames } from './index-a7369dc5.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-eb035cd6.js';
+import { T as Tooltip } from './Tooltip-f3afa927.js';
 import { s as snaToExcel, f as fileDownload$1, a as jsonExcel } from './dataExport-d55d6fa3.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
@@ -66,67 +66,6 @@ function objectToGetParams(object) {
     return params.length > 0 ? "?" + params.join('&') : '';
 }
 
-var classnames = {exports: {}};
-
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
-(function (module) {
-	/* global define */
-
-	(function () {
-
-		var hasOwn = {}.hasOwnProperty;
-
-		function classNames() {
-			var classes = [];
-
-			for (var i = 0; i < arguments.length; i++) {
-				var arg = arguments[i];
-				if (!arg) continue;
-
-				var argType = typeof arg;
-
-				if (argType === 'string' || argType === 'number') {
-					classes.push(arg);
-				} else if (Array.isArray(arg)) {
-					if (arg.length) {
-						var inner = classNames.apply(null, arg);
-						if (inner) {
-							classes.push(inner);
-						}
-					}
-				} else if (argType === 'object') {
-					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-						classes.push(arg.toString());
-						continue;
-					}
-
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
-				}
-			}
-
-			return classes.join(' ');
-		}
-
-		if (module.exports) {
-			classNames.default = classNames;
-			module.exports = classNames;
-		} else {
-			window.classNames = classNames;
-		}
-	}());
-} (classnames));
-
-var cx = classnames.exports;
-
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -277,7 +216,7 @@ var ShareButton$1 = /** @class */ (function (_super) {
     }
     ShareButton.prototype.render = function () {
         var _a = this.props; _a.beforeOnClick; var children = _a.children, className = _a.className, disabled = _a.disabled, disabledStyle = _a.disabledStyle, forwardedRef = _a.forwardedRef; _a.networkLink; var networkName = _a.networkName; _a.onShareWindowClose; _a.openShareDialogOnClick; _a.opts; var resetButtonStyle = _a.resetButtonStyle, style = _a.style; _a.url; _a.windowHeight; _a.windowPosition; _a.windowWidth; var rest = __rest$1(_a, ["beforeOnClick", "children", "className", "disabled", "disabledStyle", "forwardedRef", "networkLink", "networkName", "onShareWindowClose", "openShareDialogOnClick", "opts", "resetButtonStyle", "style", "url", "windowHeight", "windowPosition", "windowWidth"]);
-        var newClassName = cx('react-share__ShareButton', {
+        var newClassName = classNames('react-share__ShareButton', {
             'react-share__ShareButton--disabled': !!disabled,
             disabled: !!disabled,
         }, className);
@@ -1131,7 +1070,7 @@ var SocialMediaShareCount = /** @class */ (function (_super) {
     SocialMediaShareCount.prototype.render = function () {
         var _a = this.state, count = _a.count, isLoading = _a.isLoading;
         var _b = this.props, _c = _b.children, children = _c === void 0 ? defaultChildren : _c, className = _b.className; _b.getCount; var rest = __rest(_b, ["children", "className", "getCount"]);
-        return (React__default.createElement("span", __assign({ className: cx('react-share__ShareCount', className) }, rest), !isLoading && count !== undefined && children(count)));
+        return (React__default.createElement("span", __assign({ className: classNames('react-share__ShareCount', className) }, rest), !isLoading && count !== undefined && children(count)));
     };
     return SocialMediaShareCount;
 }(Component));
@@ -3204,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  .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";
+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}";
 styleInject(css_248z);
 
 /* eslint-disable prefer-destructuring */

package/lib/components/ExtraTools.js

@@ -1,10 +1,10 @@
-export { E as default } from './ExtraTools-d5b61340.js';
-import './_rollupPluginBabelHelpers-ed61ffc0.js';
+export { E as default } from './ExtraTools-e3040d0d.js';
+import './_rollupPluginBabelHelpers-a52356f6.js';
 import 'react';
-import './index-f491ebce.js';
+import './index-a7369dc5.js';
 import 'prop-types';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/core';
-import './Tooltip-eb035cd6.js';
+import './Tooltip-f3afa927.js';
 import './style-inject.es-1f59c1d0.js';
 import './dataExport-d55d6fa3.js';