@arcblock/ux 2.9.91 → 2.10.0

package/lib/Tabs/index.js

@@ -1,58 +1,37 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Tabs;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _material = require("@mui/material");
-var _Colors = require("../Colors");
-var _Theme = require("../Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["tabs", "current", "onChange"],
-  _excluded2 = ["tabs", "current", "onChange"],
-  _excluded3 = ["tabs", "current", "onChange"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import PropTypes from 'prop-types';
+import { Tabs as MuiTabs, Tab as MuiTab } from '@mui/material';
+import { temp as colors } from '../Colors';
+import { styled } from '../Theme';
+import { jsx as _jsx } from "react/jsx-runtime";
 const PREFIX = 'index';
 const classes = {
-  tabs: "".concat(PREFIX, "-tabs"),
-  tab: "".concat(PREFIX, "-tab")
+  tabs: `${PREFIX}-tabs`,
+  tab: `${PREFIX}-tab`
 };
-const StyledMuiTabs = (0, _Theme.styled)(_material.Tabs)(_ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    ["& .".concat(classes.tabs)]: {},
-    ["& .".concat(classes.tab)]: {
-      fontSize: '0.875rem',
-      [theme.breakpoints.up('md')]: {
-        fontSize: '1rem'
-      }
+const StyledMuiTabs = styled(MuiTabs)(({
+  theme
+}) => ({
+  [`& .${classes.tabs}`]: {},
+  [`& .${classes.tab}`]: {
+    fontSize: '0.875rem',
+    [theme.breakpoints.up('md')]: {
+      fontSize: '1rem'
     }
-  };
-});
-function CardTabs(_ref2) {
-  let {
-      tabs,
-      current,
-      onChange: _onChange
-    } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tabs, _objectSpread(_objectSpread({
+  }
+}));
+function CardTabs({
+  tabs,
+  current,
+  onChange,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(MuiTabs, {
     scrollButtons: "auto",
     value: current,
-    onChange: (_, newValue) => _onChange(newValue)
-  }, rest), {}, {
+    onChange: (_, newValue) => onChange(newValue),
+    ...rest,
     variant: "scrollable",
-    sx: _objectSpread({
+    sx: {
       minHeight: 'auto',
       '.MuiTabs-scrollButtons.Mui-disabled': {
         opacity: 0.3,
@@ -64,7 +43,7 @@ function CardTabs(_ref2) {
       },
       '.MuiTabs-flexContainer': {
         borderRadius: '100vw',
-        backgroundColor: _Colors.temp.backgroundsBgComponent,
+        backgroundColor: colors.backgroundsBgComponent,
         padding: 0.5,
         display: 'inline-flex',
         columnGap: 0.25,
@@ -77,48 +56,48 @@ function CardTabs(_ref2) {
         minHeight: 'auto',
         lineHeight: 1,
         py: 1,
-        color: _Colors.temp.foregroundsFgSubtile,
+        color: colors.foregroundsFgSubtile,
         fontSize: '13px',
         fontWeight: 'normal',
         textTransform: 'capitalize',
         transition: 'background-color 0.2s ease',
         '&.Mui-selected, &:hover': {
           backgroundColor: 'white',
-          borderColor: _Colors.temp.lineBorderBase,
-          color: _Colors.temp.foregroundsFgBase
+          borderColor: colors.lineBorderBase,
+          color: colors.foregroundsFgBase
         }
       },
       '.MuiTabs-indicator': {
         display: 'none'
-      }
-    }, rest.sx),
-    children: tabs.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tab, {
+      },
+      ...rest.sx
+    },
+    children: tabs.map(x => /*#__PURE__*/_jsx(MuiTab, {
       className: classes.tab,
       value: x.value,
       label: x.label,
       icon: x.icon || null
     }, x.value))
-  }));
+  });
 }
 CardTabs.propTypes = {
-  tabs: _propTypes.default.array.isRequired,
-  current: _propTypes.default.string.isRequired,
-  onChange: _propTypes.default.func.isRequired
+  tabs: PropTypes.array.isRequired,
+  current: PropTypes.string.isRequired,
+  onChange: PropTypes.func.isRequired
 };
-function LineTabs(_ref3) {
-  let {
-      tabs,
-      current,
-      onChange: _onChange2
-    } = _ref3,
-    rest = _objectWithoutProperties(_ref3, _excluded2);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tabs, _objectSpread(_objectSpread({
+function LineTabs({
+  tabs,
+  current,
+  onChange,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsx(MuiTabs, {
     scrollButtons: "auto",
     value: current,
-    onChange: (_, newValue) => _onChange2(newValue)
-  }, rest), {}, {
+    onChange: (_, newValue) => onChange(newValue),
+    ...rest,
     variant: "scrollable",
-    sx: _objectSpread({
+    sx: {
       minHeight: 'auto',
       '.MuiTabs-scrollButtons.Mui-disabled': {
         opacity: 0.3,
@@ -131,7 +110,7 @@ function LineTabs(_ref3) {
           display: 'block',
           width: '100%',
           height: '1px',
-          backgroundColor: _Colors.temp.strokeBorderStrong,
+          backgroundColor: colors.strokeBorderStrong,
           bottom: 0
         }
       },
@@ -147,32 +126,33 @@ function LineTabs(_ref3) {
         lineHeight: 1,
         py: 1,
         px: 0,
-        color: _Colors.temp.foregroundsFgSubtile,
+        color: colors.foregroundsFgSubtile,
         fontSize: '14px',
         fontWeight: 500,
         textTransform: 'capitalize',
         minWidth: 'auto',
         '&.Mui-selected, &:hover': {
-          color: _Colors.temp.foregroundsFgBase
+          color: colors.foregroundsFgBase
         }
       },
       '.MuiTabs-indicator': {
         height: '1px',
-        backgroundColor: _Colors.temp.foregroundsFgBase
-      }
-    }, rest.sx),
-    children: tabs.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tab, {
+        backgroundColor: colors.foregroundsFgBase
+      },
+      ...rest.sx
+    },
+    children: tabs.map(x => /*#__PURE__*/_jsx(MuiTab, {
       className: classes.tab,
       value: x.value,
       label: x.label,
       icon: x.icon || null
     }, x.value))
-  }));
+  });
 }
 LineTabs.propTypes = {
-  tabs: _propTypes.default.array.isRequired,
-  current: _propTypes.default.string.isRequired,
-  onChange: _propTypes.default.func.isRequired
+  tabs: PropTypes.array.isRequired,
+  current: PropTypes.string.isRequired,
+  onChange: PropTypes.func.isRequired
 };
 
 /**
@@ -189,45 +169,46 @@ LineTabs.propTypes = {
  * @return {import('react').ReactNode}
  */
 
-function Tabs(_ref4) {
-  let {
-      tabs,
-      current,
-      onChange: _onChange3
-    } = _ref4,
-    rest = _objectWithoutProperties(_ref4, _excluded3);
+export default function Tabs({
+  tabs,
+  current,
+  onChange,
+  ...rest
+}) {
   if (rest.variant === 'card') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(CardTabs, _objectSpread(_objectSpread({}, rest), {}, {
+    return /*#__PURE__*/_jsx(CardTabs, {
+      ...rest,
       tabs: tabs,
       current: current,
-      onChange: _onChange3
-    }));
+      onChange: onChange
+    });
   }
   if (rest.variant === 'line') {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(LineTabs, _objectSpread(_objectSpread({}, rest), {}, {
+    return /*#__PURE__*/_jsx(LineTabs, {
+      ...rest,
       tabs: tabs,
       current: current,
-      onChange: _onChange3
-    }));
+      onChange: onChange
+    });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledMuiTabs, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(StyledMuiTabs, {
     scrollButtons: "auto",
     variant: "scrollable",
     value: current,
-    onChange: (_, newValue) => _onChange3(newValue),
-    indicatorColor: "primary"
-  }, rest), {}, {
+    onChange: (_, newValue) => onChange(newValue),
+    indicatorColor: "primary",
+    ...rest,
     className: [classes.tabs, rest.className || ''].join(' '),
-    children: tabs.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tab, {
+    children: tabs.map(x => /*#__PURE__*/_jsx(MuiTab, {
       className: classes.tab,
       value: x.value,
       label: x.label,
       icon: x.icon || null
     }, x.value))
-  }));
+  });
 }
 Tabs.propTypes = {
-  tabs: _propTypes.default.array.isRequired,
-  current: _propTypes.default.string.isRequired,
-  onChange: _propTypes.default.func.isRequired
+  tabs: PropTypes.array.isRequired,
+  current: PropTypes.string.isRequired,
+  onChange: PropTypes.func.isRequired
 };

package/lib/Tag/index.js

@@ -1,43 +1,26 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _Util = require("../Util");
-var _Colors = _interopRequireDefault(require("../Colors"));
-var _Theme = require("../Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["type", "content", "children", "style", "className", "forwardedRef"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import Typography from '@mui/material/Typography';
+import { mergeProps } from '../Util';
+import colors from '../Colors';
+import { useTheme, styled } from '../Theme';
+import { jsx as _jsx } from "react/jsx-runtime";
 const types = {
   error: {
-    color: _Colors.default.common.white,
-    backgroundColor: _Colors.default.error.main
+    color: colors.common.white,
+    backgroundColor: colors.error.main
   },
   warning: {
-    color: _Colors.default.common.white,
-    backgroundColor: _Colors.default.warning.main
+    color: colors.common.white,
+    backgroundColor: colors.warning.main
   },
   success: {
-    color: _Colors.default.common.white,
-    backgroundColor: _Colors.default.success.main
+    color: colors.common.white,
+    backgroundColor: colors.success.main
   },
   primary: {
-    color: _Colors.default.common.white,
-    backgroundColor: _Colors.default.primary.main
+    color: colors.common.white,
+    backgroundColor: colors.primary.main
   },
   reverse: {
     color: '#fff',
@@ -61,41 +44,41 @@ const types = {
  * @return {import('react').ReactNode}
  */
 function Tag(props) {
-  const newProps = (0, _Util.mergeProps)(props, Tag, ['style']);
+  const newProps = mergeProps(props, Tag, ['style']);
   const {
-      type,
-      content,
-      children,
-      style,
-      className,
-      forwardedRef
-    } = newProps,
-    rest = _objectWithoutProperties(newProps, _excluded);
+    type,
+    content,
+    children,
+    style,
+    className,
+    forwardedRef,
+    ...rest
+  } = newProps;
   const {
     palette
-  } = (0, _Theme.useTheme)();
+  } = useTheme();
   const styles = Object.assign({}, types[type] || types.primary, style);
   if (palette[type]) {
     Object.assign(styles, {
-      color: palette[type].contrastText || _Colors.default.common.white,
+      color: palette[type].contrastText || colors.common.white,
       backgroundColor: palette[type].main
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Span, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Span, {
     ref: forwardedRef,
     component: "span",
     className: className,
-    style: styles
-  }, rest), {}, {
+    style: styles,
+    ...rest,
     children: content || children
-  }));
+  });
 }
 Tag.propTypes = {
-  children: _propTypes.default.any.isRequired,
-  type: _propTypes.default.oneOf(Object.keys(types)),
-  content: _propTypes.default.string,
-  className: _propTypes.default.string,
-  style: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string])
+  children: PropTypes.any.isRequired,
+  type: PropTypes.oneOf(Object.keys(types)),
+  content: PropTypes.string,
+  className: PropTypes.string,
+  style: PropTypes.oneOfType([PropTypes.object, PropTypes.string])
 };
 Tag.defaultProps = {
   type: 'primary',
@@ -105,8 +88,21 @@ Tag.defaultProps = {
 };
 
 /** @type {React.ForwardRefExoticComponent<React.PropsWithoutRef<TagProps> & React.RefAttributes<HTMLSpanElement>>} */
-const TagComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, _objectSpread(_objectSpread({}, props), {}, {
+const TagComponent = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(Tag, {
+  ...props,
   forwardedRef: ref
-})));
-var _default = exports.default = TagComponent;
-const Span = (0, _Theme.styled)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  && {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    padding: 2px 10px;\n    height: 20px;\n    line-height: 20px;\n    font-size: 12px;\n    font-weight: 500;\n    border-radius: 4px;\n  }\n"])));
+}));
+export default TagComponent;
+const Span = styled(Typography)`
+  && {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    padding: 2px 10px;
+    height: 20px;
+    line-height: 20px;
+    font-size: 12px;
+    font-weight: 500;
+    border-radius: 4px;
+  }
+`;

package/lib/TextCollapse/index.js

@@ -1,44 +1,27 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _Theme = require("../Theme");
-var _deprecate = require("../Util/deprecate");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["children", "startChars", "endChars", "scaleFactor", "maxWidth", "style", "fontType"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function TextCollapse(_ref) {
-  let {
-      children,
-      startChars,
-      endChars,
-      scaleFactor,
-      maxWidth,
-      style,
-      fontType
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+import PropTypes from 'prop-types';
+import Typography from '@mui/material/Typography';
+import { styled } from '../Theme';
+import { withDeprecated } from '../Util/deprecate';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function TextCollapse({
+  children,
+  startChars,
+  endChars,
+  scaleFactor,
+  maxWidth,
+  style,
+  fontType,
+  ...rest
+}) {
   if (typeof children !== 'string') {
     return null;
   }
   const isMonospace = fontType === 'monospace';
 
   // 由于 css 样式产生的省略号长度是不确定的，所以目前 startChars 的长度只能让开发者自己去加上‘省略号’的宽度去设置这个值，要想完美的实现目标功能，最好是改用 js 动态修改文本内容来实现
-  const startWidth = isMonospace ? "".concat(startChars, "ch") : "".concat(scaleFactor * (startChars + 3), "em");
-  const endWidth = isMonospace ? "".concat(endChars, "ch") : "".concat(scaleFactor * endChars, "em");
+  const startWidth = isMonospace ? `${startChars}ch` : `${scaleFactor * (startChars + 3)}em`;
+  const endWidth = isMonospace ? `${endChars}ch` : `${scaleFactor * endChars}em`;
   const styles = Object.assign(isMonospace ? {
     fontFamily: '"Courier New", Courier, monospace'
   } : {}, {
@@ -48,29 +31,29 @@ function TextCollapse(_ref) {
     maxWidth
   }, style);
   const [startPart, endPart] = [children.slice(0, children.length - endChars), children.slice(children.length - endChars)];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(Container, {
     component: "span",
     style: styles,
     startwidth: startWidth,
-    endwidth: endWidth
-  }, rest), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    endwidth: endWidth,
+    ...rest,
+    children: [/*#__PURE__*/_jsx("span", {
       className: "start-part",
       children: startPart
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    }), /*#__PURE__*/_jsx("span", {
       className: "end-part",
       children: endPart
     })]
-  }));
+  });
 }
 TextCollapse.propTypes = {
-  children: _propTypes.default.string.isRequired,
-  maxWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
-  fontType: _propTypes.default.oneOf(['monospace', 'normal']),
-  style: _propTypes.default.object,
-  startChars: _propTypes.default.number,
-  endChars: _propTypes.default.number,
-  scaleFactor: _propTypes.default.number
+  children: PropTypes.string.isRequired,
+  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  fontType: PropTypes.oneOf(['monospace', 'normal']),
+  style: PropTypes.object,
+  startChars: PropTypes.number,
+  endChars: PropTypes.number,
+  scaleFactor: PropTypes.number
 };
 TextCollapse.defaultProps = {
   style: {},
@@ -79,7 +62,31 @@ TextCollapse.defaultProps = {
   scaleFactor: 0.45,
   fontType: 'normal'
 };
-var _default = exports.default = (0, _deprecate.withDeprecated)(TextCollapse, {
+export default withDeprecated(TextCollapse, {
   name: 'TextCollapse'
 });
-const Container = (0, _Theme.styled)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: start;\n  cursor: pointer;\n  white-space: nowrap;\n  overflow: hidden;\n\n  .start-part,\n  .end-part {\n    display: inline-block;\n    vertical-align: bottom;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n  .start-part {\n    max-width: calc(100% - ", ");\n    min-width: ", ";\n    text-overflow: ellipsis;\n  }\n  .end-part {\n    max-width: calc(100% - ", ");\n    direction: rtl;\n  }\n"])), props => props.endwidth, props => props.startwidth, props => props.startwidth);
+const Container = styled(Typography)`
+  display: inline-flex;
+  align-items: center;
+  justify-content: start;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+
+  .start-part,
+  .end-part {
+    display: inline-block;
+    vertical-align: bottom;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+  .start-part {
+    max-width: calc(100% - ${props => props.endwidth});
+    min-width: ${props => props.startwidth};
+    text-overflow: ellipsis;
+  }
+  .end-part {
+    max-width: calc(100% - ${props => props.startwidth});
+    direction: rtl;
+  }
+`;

package/lib/Theme/index.js

@@ -1,55 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  styled: true,
-  useTheme: true,
-  ThemeProvider: true
-};
-Object.defineProperty(exports, "ThemeProvider", {
-  enumerable: true,
-  get: function get() {
-    return _themeProvider.default;
-  }
-});
-exports.styled = void 0;
-Object.defineProperty(exports, "useTheme", {
-  enumerable: true,
-  get: function get() {
-    return _styles.useTheme;
-  }
-});
-var _styles = require("@mui/material/styles");
-var _theme = require("./theme");
-Object.keys(_theme).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _theme[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _theme[key];
-    }
-  });
-});
-var _themeProvider = _interopRequireDefault(require("./theme-provider"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { styled as muiStyled, useTheme } from '@mui/material/styles';
+export * from './theme';
+export { default as ThemeProvider } from './theme-provider';
+export { useTheme };
 const isTransientProp = prop => prop.startsWith('$');
-const styled = exports.styled = function styled(component) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return (0, _styles.styled)(component, _objectSpread(_objectSpread({}, options), {}, {
+export const styled = (component, options = {}) => {
+  return muiStyled(component, {
+    ...options,
     shouldForwardProp: prop => {
       if (options.shouldForwardProp) {
         return options.shouldForwardProp(prop) && !isTransientProp(prop);
       }
       return !isTransientProp(prop);
     }
-  }));
+  });
 };