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

package/lib/components/Keywords.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, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-a7369dc5.js';
-import { M as Modal } from './Modal-06099b6d.js';
+import { c as classNames } from './index-8aa477f6.js';
+import { M as Modal } from './Modal-1e6d1b61.js';
 import { Typography } 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 '@material-ui/icons';
-import './Button-1b58ff47.js';
-import './Spin-9a7c89ed.js';
+import './Button-3d002693.js';
+import './Spin-a5ff6ede.js';
 import './_commonjsHelpers-70de2c37.js';
 import './defaultTheme-19a14721.js';
 import 'react-is';
@@ -51,7 +51,7 @@ var _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement("pa
 
 default_1 = MoreHoriz.default = _default;
 
-var css_248z$2 = ".keywordList {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 0.8rem;\n}\n.keywordList__item {\n  font-size: 1.125rem !important;\n  border-radius: 5px;\n  margin-right: 0.5rem !important;\n  margin-bottom: 0.5rem !important;\n  cursor: pointer;\n}\n.keywordList__item__hover {\n  border-radius: 5px;\n  line-height: normal;\n  padding: 0.125rem 0.625rem;\n  background: transparent;\n  transition: 0.3s background ease-in-out;\n}\n.keywordList__item__hover:hover {\n  background: rgba(0, 0, 0, 0.1);\n}\n.keywordList__icon svg {\n  font-size: 1rem;\n  line-height: 1rem;\n}\n.keywordList__icon .keywordList__item__hover {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding: 0.125rem 0.875rem;\n}\n\n@media screen and (max-width: 484px) {\n  .keywordList__item {\n    font-size: 0.75rem !important;\n  }\n}";
+var css_248z$2 = ".keywordList {\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 0.8rem; }\n  .keywordList__item {\n    font-size: 1.125rem !important;\n    border-radius: 5px;\n    margin-right: 0.5rem !important;\n    margin-bottom: 0.5rem !important;\n    cursor: pointer; }\n    .keywordList__item__hover {\n      border-radius: 5px;\n      line-height: normal;\n      padding: 0.125rem 0.625rem;\n      background: transparent;\n      transition: 0.3s background ease-in-out; }\n      .keywordList__item__hover:hover {\n        background: rgba(0, 0, 0, 0.1); }\n  .keywordList__icon svg {\n    font-size: 1rem;\n    line-height: 1rem; }\n  .keywordList__icon .keywordList__item__hover {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    padding: 0.125rem 0.875rem; }\n\n@media screen and (max-width: 484px) {\n  .keywordList__item {\n    font-size: 0.75rem !important; } }\n";
 styleInject(css_248z$2);
 
 const KeywordList = _ref => {
@@ -118,7 +118,7 @@ KeywordList.propTypes = {
   onKeywordClick: PropTypes.func
 };
 
-var css_248z$1 = ".keywordModal__content {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: 5px;\n}\n.keywordModal__content__image {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n.keywordModal__content__image__img {\n  height: 7.75rem;\n  object-fit: scale-down;\n}\n.keywordModal__content__detail {\n  width: 100%;\n  padding: 1rem 1.25rem;\n  border-radius: 5px;\n}\n.keywordModal__content__detail__title {\n  font-weight: bold;\n  font-size: 1.5rem;\n  text-decoration: underline;\n  cursor: pointer;\n}\n.keywordModal__content__detail__desc {\n  margin-top: 0.8rem;\n  font-size: 1rem;\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.keywordModal__content__detail__author {\n  margin-top: 0.8rem;\n  font-size: 1.25rem;\n  cursor: pointer;\n}\n.keywordModal__content__detail__author:hover {\n  text-decoration: underline;\n}\n.keywordModal p {\n  font-family: \"Noto Sans TC\", \"Arial\", sans-serif !important;\n}\n.keywordModal .MuiPaper-root {\n  min-width: initial !important;\n}";
+var css_248z$1 = ".keywordModal__content {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  border-radius: 5px; }\n  .keywordModal__content__image {\n    display: flex;\n    justify-content: center;\n    width: 100%; }\n    .keywordModal__content__image__img {\n      height: 7.75rem;\n      object-fit: scale-down; }\n  .keywordModal__content__detail {\n    width: 100%;\n    padding: 1rem 1.25rem;\n    border-radius: 5px; }\n    .keywordModal__content__detail__title {\n      font-weight: bold;\n      font-size: 1.5rem;\n      text-decoration: underline;\n      cursor: pointer; }\n    .keywordModal__content__detail__desc {\n      margin-top: 0.8rem;\n      font-size: 1rem;\n      display: -webkit-box;\n      overflow: hidden;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical; }\n    .keywordModal__content__detail__author {\n      margin-top: 0.8rem;\n      font-size: 1.25rem;\n      cursor: pointer; }\n      .keywordModal__content__detail__author:hover {\n        text-decoration: underline; }\n\n.keywordModal p {\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important; }\n\n.keywordModal .MuiPaper-root {\n  min-width: initial !important; }\n";
 styleInject(css_248z$1);
 
 const KeywordModal = props => {
@@ -219,7 +219,7 @@ KeywordModal.propTypes = {
   onAuthorClick: PropTypes.func
 };
 
-var css_248z = ".keywords p {\n  font-family: \"Noto Sans TC\", \"Arial\", sans-serif !important;\n}";
+var css_248z = ".keywords p {\n  font-family: 'Noto Sans TC', 'Arial', sans-serif !important; }\n";
 styleInject(css_248z);
 
 var Keywords = function Keywords(props) {

package/lib/components/Loading.js

@@ -1,10 +1,10 @@
 import React__default from 'react';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.js';
 import { CircularProgress } from '@material-ui/core';
 import PropTypes from 'prop-types';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".loadingPage {\n  padding: 4rem 0;\n  color: #0087dc;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}";
+var css_248z = ".loadingPage {\n  padding: 4rem 0;\n  color: #0087dc;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center; }\n";
 styleInject(css_248z);
 
 var Loading = function Loading(_ref) {

package/lib/components/MUITheme.js

@@ -2380,7 +2380,7 @@ withThemeCreator({
 
 var fonts = ['Noto Sans TC', 'Microsoft JhengHei', 'sans-serif', '-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"'];
 
-var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap\");";
+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);
 
 const defaultColors = {

package/lib/components/{Modal-06099b6d.js → Modal-1e6d1b61.js}

@@ -1,13 +1,13 @@
 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 { Dialog, DialogTitle, IconButton, DialogContent, DialogActions, CircularProgress } from '@material-ui/core';
 import { CloseSharp } from '@material-ui/icons';
-import { B as Button } from './Button-1b58ff47.js';
-import { S as Spin } from './Spin-9a7c89ed.js';
+import { B as Button } from './Button-3d002693.js';
+import { S as Spin } from './Spin-a5ff6ede.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".modal__title h2 {\n  display: flex;\n  align-items: center;\n}\n.modal__title__text {\n  flex: 1;\n  font-size: 16px;\n  padding: 8px 0;\n  color: white;\n}\n.modal__title__close {\n  cursor: pointer;\n  color: white;\n}\n.modal--transparent .MuiPaper-root {\n  background: transparent !important;\n  box-shadow: none;\n}\n.modal--transparent .modal__title {\n  background: transparent !important;\n}";
+var css_248z = ".modal__title h2 {\n  display: flex;\n  align-items: center; }\n\n.modal__title__text {\n  flex: 1;\n  font-size: 16px;\n  padding: 8px 0;\n  color: white; }\n\n.modal__title__close {\n  cursor: pointer;\n  color: white; }\n\n.modal--transparent .MuiPaper-root {\n  background: transparent !important;\n  box-shadow: none; }\n\n.modal--transparent .modal__title {\n  background: transparent !important; }\n";
 styleInject(css_248z);
 
 var Modal = function Modal(props) {

package/lib/components/Modal.js

@@ -1,9 +1,9 @@
-export { M as default } from './Modal-06099b6d.js';
+export { M as default } from './Modal-1e6d1b61.js';
 import 'react';
-import './index-a7369dc5.js';
+import './index-8aa477f6.js';
 import 'prop-types';
 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';

package/lib/components/{MoreButton-641c3827.js → MoreButton-a001648b.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 { ExpandLess, ExpandMore } from '@material-ui/icons';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".moreButton {\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  position: relative;\n  margin: 1rem 0rem;\n  border-radius: 8px;\n  padding: 1rem 2.5rem;\n  -webkit-user-select: none;\n          user-select: none;\n  cursor: pointer;\n}\n.moreButton__mask {\n  transition: all 0.3s ease-in-out;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 8px;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n}\n.moreButton:hover .moreButton__mask {\n  opacity: 1;\n}\n.moreButton--shadow {\n  transition: all 0.3s ease-in-out;\n  border: 3px solid #ffffff;\n  position: relative;\n  left: 0px;\n  top: 0px;\n}\n.moreButton--shadow:hover {\n  box-shadow: initial !important;\n  left: 3px;\n  top: 3px;\n}\n.moreButton--small {\n  border: 0;\n  padding: 0;\n  left: 0px !important;\n  top: 0px !important;\n  background: transparent !important;\n  box-shadow: initial !important;\n}\n.moreButton--small .moreButton__mask {\n  opacity: 0 !important;\n}\n.moreButton__icon {\n  display: flex;\n  z-index: 1;\n}\n.moreButton__icon--small {\n  font-size: 1.5rem;\n  border-radius: 45px;\n  color: white !important;\n}\n.moreButton__text {\n  z-index: 1;\n  font-size: 1.5rem;\n  line-height: 1.5rem;\n  transition: color 0.3s ease-in-out;\n}\n.moreButton__text--small {\n  margin-left: 0.75rem;\n  font-size: 1.5rem;\n  color: #0c2a4d;\n}\n.moreButton__text--small:hover {\n  text-decoration: underline;\n}";
+var css_248z = ".moreButton {\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  position: relative;\n  margin: 1rem 0rem;\n  border-radius: 8px;\n  padding: 1rem 2.5rem;\n  -webkit-user-select: none;\n          user-select: none;\n  cursor: pointer; }\n  .moreButton__mask {\n    transition: all 0.3s ease-in-out;\n    position: absolute;\n    left: 0;\n    top: 0;\n    border-radius: 8px;\n    width: 100%;\n    height: 100%;\n    opacity: 0; }\n  .moreButton:hover .moreButton__mask {\n    opacity: 1; }\n  .moreButton--shadow {\n    transition: all 0.3s ease-in-out;\n    border: 3px solid #ffffff;\n    position: relative;\n    left: 0px;\n    top: 0px; }\n    .moreButton--shadow:hover {\n      box-shadow: initial !important;\n      left: 3px;\n      top: 3px; }\n  .moreButton--small {\n    border: 0;\n    padding: 0;\n    left: 0px !important;\n    top: 0px !important;\n    background: transparent !important;\n    box-shadow: initial !important; }\n    .moreButton--small .moreButton__mask {\n      opacity: 0 !important; }\n  .moreButton__icon {\n    display: flex;\n    z-index: 1; }\n    .moreButton__icon--small {\n      font-size: 1.5rem;\n      border-radius: 45px;\n      color: white !important; }\n  .moreButton__text {\n    z-index: 1;\n    font-size: 1.5rem;\n    line-height: 1.5rem;\n    transition: color 0.3s ease-in-out; }\n    .moreButton__text--small {\n      margin-left: 0.75rem;\n      font-size: 1.5rem;\n      color: #0c2a4d; }\n      .moreButton__text--small:hover {\n        text-decoration: underline; }\n";
 styleInject(css_248z);
 
 var MoreButton = function MoreButton(props) {

package/lib/components/MoreButton.js

@@ -1,6 +1,6 @@
-export { M as default } from './MoreButton-641c3827.js';
+export { M as default } from './MoreButton-a001648b.js';
 import 'react';
 import 'prop-types';
-import './index-a7369dc5.js';
+import './index-8aa477f6.js';
 import '@material-ui/icons';
 import './style-inject.es-1f59c1d0.js';

package/lib/components/Radio.js

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

@@ -1,14 +1,14 @@
 import React__default, { useMemo, 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 { 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-e3040d0d.js';
+import { E as ExtraTools } from './ExtraTools-97665703.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
-import './_rollupPluginBabelHelpers-a52356f6.js';
+import './_rollupPluginBabelHelpers-7eb4ffba.js';
 import './_commonjsHelpers-70de2c37.js';
 import '@material-ui/core';
-import './Tooltip-f3afa927.js';
-import './dataExport-d55d6fa3.js';
+import './Tooltip-f1cd39ef.js';
+import './dataExport-04b77185.js';
 
 function sourceEvent() {
   var current = event, source;
@@ -1395,7 +1395,7 @@ function zoom() {
   return zoom;
 }
 
-var css_248z = ".SNA {\n  overflow: hidden;\n  object-fit: contain;\n  position: relative;\n  font-size: 0.75rem;\n  width: 100%;\n}\n.SNA--smallSize .node {\n  padding-top: 8px;\n  font-size: 0.75rem;\n  width: 3rem;\n  height: 3rem;\n  overflow: hidden;\n  white-space: pre-wrap;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.SNA .node {\n  background-color: #4a4e69;\n  border-radius: 50%;\n  color: #fff;\n  font-size: 20px;\n  font-weight: 500;\n  height: 54px;\n  width: 54px;\n  padding-top: 15px;\n  position: absolute;\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: grab;\n}\n.SNA .links line {\n  stroke: #c7bfb4;\n  stroke-width: 2;\n}\n.SNA .mainNode {\n  fill: #4e3a16;\n}\n.SNA .person {\n  fill: #867b3a;\n}\n.SNA .publication {\n  fill: #825c0d;\n}\n.SNA .article {\n  fill: #afafaf;\n}\n.SNA .keyword {\n  fill: #fcfae8;\n}\n.SNA .org {\n  fill: #000000;\n}\n.SNA #network-graph svg {\n  width: 100%;\n  height: 100%;\n}\n\n@media only screen and (max-width: 484px) {\n  .SNA {\n    margin-left: 0px;\n  }\n  .SNA .node {\n    background-color: #4a4e69;\n    border-radius: 50%;\n    color: #fff;\n    font-size: 1px;\n    font-weight: 500;\n    height: 44px;\n    width: 44px;\n    padding-top: 12px;\n    position: absolute;\n    text-align: center;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: grab;\n  }\n}\n@media only screen and (max-width: 484px) {\n  .SNA {\n    margin-left: 0px;\n  }\n}";
+var css_248z = ".SNA {\n  overflow: hidden;\n  object-fit: contain;\n  position: relative;\n  font-size: 0.75rem;\n  width: 100%; }\n  .SNA--smallSize .node {\n    padding-top: 8px;\n    font-size: 0.75rem;\n    width: 3rem;\n    height: 3rem;\n    overflow: hidden;\n    white-space: pre-wrap;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical; }\n  .SNA .node {\n    background-color: #4a4e69;\n    border-radius: 50%;\n    color: #fff;\n    font-size: 20px;\n    font-weight: 500;\n    height: 54px;\n    width: 54px;\n    padding-top: 15px;\n    position: absolute;\n    text-align: center;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: grab; }\n  .SNA .links line {\n    stroke: #c7bfb4;\n    stroke-width: 2; }\n  .SNA .mainNode {\n    fill: #4e3a16; }\n  .SNA .person {\n    fill: #867b3a; }\n  .SNA .publication {\n    fill: #825c0d; }\n  .SNA .article {\n    fill: #afafaf; }\n  .SNA .keyword {\n    fill: #fcfae8; }\n  .SNA .org {\n    fill: #000000; }\n  .SNA #network-graph svg {\n    width: 100%;\n    height: 100%; }\n\n@media only screen and (max-width: 484px) {\n  .SNA {\n    margin-left: 0px; }\n    .SNA .node {\n      background-color: #4a4e69;\n      border-radius: 50%;\n      color: #fff;\n      font-size: 1px;\n      font-weight: 500;\n      height: 44px;\n      width: 44px;\n      padding-top: 12px;\n      position: absolute;\n      text-align: center;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      cursor: grab; } }\n\n@media only screen and (max-width: 484px) {\n  .SNA {\n    margin-left: 0px; } }\n";
 styleInject(css_248z);
 
 /* eslint-disable indent */

package/lib/components/{Select-2793e2a5.js → Select-a607a0d4.js}

@@ -1,12 +1,12 @@
-import { b as _objectSpread2, d as _typeof } from './_rollupPluginBabelHelpers-a52356f6.js';
+import { b as _objectSpread2, _ as _typeof } from './_rollupPluginBabelHelpers-7eb4ffba.js';
 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 { FormControl, Select as Select$1, CircularProgress, MenuItem } from '@material-ui/core';
-import { E as Empty } from './Empty-53ff1821.js';
+import { E as Empty } from './Empty-b674a51e.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".select__placeholder {\n  color: #999;\n}\n.select--small {\n  width: 100%;\n}\n.select--small .MuiSelect-root {\n  padding: 0.5rem 1.5rem 0.25rem;\n  color: white;\n}\n.select--small .MuiSelect-root .select__placeholder {\n  color: white;\n}\n.select--small .MuiSelect-root:hover, .select--small .MuiSelect-root:focus {\n  background: transparent;\n}\n.select--small .MuiSvgIcon-root {\n  color: white;\n}\n.select--small .MuiOutlinedInput-root {\n  border-radius: 45px;\n}";
+var css_248z = ".select__placeholder {\n  color: #999; }\n\n.select--small {\n  width: 100%; }\n  .select--small .MuiSelect-root {\n    padding: 0.5rem 1.5rem 0.25rem;\n    color: white; }\n    .select--small .MuiSelect-root .select__placeholder {\n      color: white; }\n    .select--small .MuiSelect-root:hover, .select--small .MuiSelect-root:focus {\n      background: transparent; }\n  .select--small .MuiSvgIcon-root {\n    color: white; }\n  .select--small .MuiOutlinedInput-root {\n    border-radius: 45px; }\n";
 styleInject(css_248z);
 
 var Select = function Select(props) {

package/lib/components/Select.js

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

package/lib/components/{Spin-9a7c89ed.js → Spin-a5ff6ede.js}

@@ -1,10 +1,10 @@
 import React__default, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { c as classNames } from './index-a7369dc5.js';
+import { c as classNames } from './index-8aa477f6.js';
 import { Fade, CircularProgress } from '@material-ui/core';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var css_248z = ".customSpin {\n  width: 100%;\n  min-height: 100px;\n  position: relative;\n}\n.customSpin__spin {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 2;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}";
+var css_248z = ".customSpin {\n  width: 100%;\n  min-height: 100px;\n  position: relative; }\n  .customSpin__spin {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n";
 styleInject(css_248z);
 
 var stringSize = {

package/lib/components/Spin.js

@@ -1,6 +1,6 @@
-export { S as default } from './Spin-9a7c89ed.js';
+export { S as default } from './Spin-a5ff6ede.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/Table.js

@@ -1,4 +1,4 @@
-import { c as _objectWithoutProperties } from './_rollupPluginBabelHelpers-a52356f6.js';
+import { d as _objectWithoutProperties } from './_rollupPluginBabelHelpers-7eb4ffba.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-f3afa927.js → Tooltip-f1cd39ef.js}

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { Tooltip as Tooltip$1 } from '@material-ui/core';
-import { _ as _extends } from './_rollupPluginBabelHelpers-a52356f6.js';
-import { c as classNames } from './index-a7369dc5.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-7eb4ffba.js';
+import { c as classNames } from './index-8aa477f6.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 const TooltipContent = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("div", _extends({}, props, {
@@ -18,7 +18,7 @@ TooltipContent.propTypes = {
   className: PropTypes.string
 };
 
-var css_248z = ".tooltip {\n  width: -moz-fit-content;\n  width: fit-content;\n}";
+var css_248z = ".tooltip {\n  width: -moz-fit-content;\n  width: fit-content; }\n";
 styleInject(css_248z);
 
 var placements = {

package/lib/components/Tooltip.js

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

package/lib/components/{_rollupPluginBabelHelpers-a52356f6.js → _rollupPluginBabelHelpers-7eb4ffba.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 { _extends as _, _slicedToArray as a, _objectSpread2 as b, _objectWithoutProperties as c, _typeof as d, _defineProperty as e, _taggedTemplateLiteral as f };
+export { _typeof as _, _extends as a, _objectSpread2 as b, _slicedToArray as c, _objectWithoutProperties 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.58",
+	"version": "2.0.1-beta.59",
 	"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",