@arcblock/ux 2.1.18 → 2.1.21

package/lib/Tabs/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Tabs;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _styles = require("@mui/material/styles");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -15,10 +13,18 @@ var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
 
 var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["tabs", "current", "onChange"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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; }
@@ -51,21 +57,21 @@ function Tabs(_ref2) {
   } = _ref2,
       rest = _objectWithoutProperties(_ref2, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(StyledMuiTabs, Object.assign({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledMuiTabs, _objectSpread(_objectSpread({
     scrollButtons: "on",
     variant: "scrollable",
     value: current,
     onChange: (_, newValue) => _onChange(newValue),
     indicatorColor: "primary"
-  }, rest, {
-    className: [classes.tabs, rest.className || ''].join(' ')
-  }), tabs.map(x => /*#__PURE__*/_react.default.createElement(_Tab.default, {
-    className: classes.tab,
-    key: x.value,
-    value: x.value,
-    label: x.label,
-    icon: x.icon || null
-  })));
+  }, rest), {}, {
+    className: [classes.tabs, rest.className || ''].join(' '),
+    children: tabs.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
+      className: classes.tab,
+      value: x.value,
+      label: x.label,
+      icon: x.icon || null
+    }, x.value))
+  }));
 }
 
 Tabs.propTypes = {

package/lib/Tag/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -19,10 +19,18 @@ var _Util = require("../Util");
 
 var _Colors = _interopRequireDefault(require("../Colors"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["type", "content", "children", "style", "className", "forwardedRef"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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; }
@@ -75,12 +83,14 @@ function Tag(props) {
     });
   }
 
-  return /*#__PURE__*/_react.default.createElement(Span, Object.assign({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Span, _objectSpread(_objectSpread({
     ref: forwardedRef,
     component: "span",
     className: className,
     style: styles
-  }, rest), content || children);
+  }, rest), {}, {
+    children: content || children
+  }));
 }
 
 Tag.propTypes = {
@@ -97,7 +107,7 @@ Tag.defaultProps = {
   style: {}
 };
 
-var _default = /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(Tag, Object.assign({}, props, {
+var _default = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, _objectSpread(_objectSpread({}, props), {}, {
   forwardedRef: ref
 })));
 

package/lib/Terminal/Player.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Player;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -19,11 +19,9 @@ require("./player.css");
 
 var _util = require("./util");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _jsxRuntime = require("react/jsx-runtime");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -134,7 +132,8 @@ function Player(props) {
       const cols = Math.min(Math.max(colContainer, 40), options.cols);
       terminal.current.resize(cols, options.rows);
     } catch (err) {// Do nothing
-    }
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [width, maxWidth]); // console.log('main.render', state, { totalFrame: frames.length, totalDuration });
   // Render a frame
 
@@ -182,7 +181,8 @@ function Player(props) {
       onStart();
     } else {
       doJump(Math.min(Math.abs(options.thumbnailTime), totalDuration));
-    }
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, []); // Tick intervals
 
   (0, _useInterval.default)(async () => {
@@ -337,92 +337,108 @@ function Player(props) {
     return onStart();
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _util.getPlayerClass)(options, state),
-    ref: container
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "cover",
-    onClick: onStart
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "start",
-    onClick: onStart
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    style: {
-      enableBackground: 'new 0 0 30 30'
-    },
-    viewBox: "0 0 30 30"
-  }, /*#__PURE__*/_react.default.createElement("polygon", {
-    points: "6.583,3.186 5,4.004 5,15 26,15 26.483,14.128 "
-  }), /*#__PURE__*/_react.default.createElement("polygon", {
-    points: "6.583,26.814 5,25.996 5,15 26,15 26.483,15.872 "
-  }), /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "26",
-    cy: "15",
-    r: "1"
-  }), /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "6",
-    cy: "4",
-    r: "1"
-  }), /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "6",
-    cy: "26",
-    r: "1"
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "terminal"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _util.getFrameClass)(options),
-    style: options.frameBox.style || {}
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "terminal-titlebar"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "buttons"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "close-button"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "minimize-button"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "maximize-button"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "title"
-  }, options.frameBox.title || '')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "terminal-body"
-  }, /*#__PURE__*/_react.default.createElement(_index.default, {
-    ref: terminal,
-    options: terminalOptions
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "controller"
-  }, state.isPlaying && /*#__PURE__*/_react.default.createElement("div", {
-    className: "pause",
-    onClick: onPause,
-    title: "Pause"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon"
-  })), !state.isPlaying && state.isStarted && /*#__PURE__*/_react.default.createElement("div", {
-    className: "play",
-    onClick: onPlay,
-    title: "Play"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon"
-  })), !state.isPlaying && !state.isStarted && /*#__PURE__*/_react.default.createElement("div", {
-    className: "play",
-    onClick: onStart,
-    title: "Start"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "timer"
-  }, (0, _util.formatTime)(state.currentTime)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "progressbar-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "progressbar",
-    ref: progress,
-    onClick: onJump
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "progress",
-    style: {
-      width: "".concat(state.currentTime / totalDuration * 100, "%")
-    }
-  })))));
+    ref: container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "cover",
+      onClick: onStart
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "start",
+      onClick: onStart,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+        style: {
+          enableBackground: 'new 0 0 30 30'
+        },
+        viewBox: "0 0 30 30",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
+          points: "6.583,3.186 5,4.004 5,15 26,15 26.483,14.128 "
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
+          points: "6.583,26.814 5,25.996 5,15 26,15 26.483,15.872 "
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+          cx: "26",
+          cy: "15",
+          r: "1"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+          cx: "6",
+          cy: "4",
+          r: "1"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+          cx: "6",
+          cy: "26",
+          r: "1"
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "terminal",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _util.getFrameClass)(options),
+        style: options.frameBox.style || {},
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "terminal-titlebar",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "buttons",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "close-button"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "minimize-button"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "maximize-button"
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "title",
+            children: options.frameBox.title || ''
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "terminal-body",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+            ref: terminal,
+            options: terminalOptions
+          })
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "controller",
+      children: [state.isPlaying && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pause",
+        onClick: onPause,
+        title: "Pause",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "icon"
+        })
+      }), !state.isPlaying && state.isStarted && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "play",
+        onClick: onPlay,
+        title: "Play",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "icon"
+        })
+      }), !state.isPlaying && !state.isStarted && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "play",
+        onClick: onStart,
+        title: "Start",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "icon"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "timer",
+        children: (0, _util.formatTime)(state.currentTime)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "progressbar-wrapper",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "progressbar",
+          ref: progress,
+          onClick: onJump,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "progress",
+            style: {
+              width: "".concat(state.currentTime / totalDuration * 100, "%")
+            }
+          })
+        })
+      })]
+    })]
+  });
 }
 
 Player.propTypes = {

package/lib/Terminal/index.js

@@ -19,6 +19,8 @@ var _lodash = require("lodash");
 
 require("./xterm.css");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -146,7 +148,7 @@ class Terminal extends _react.default.Component {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line no-return-assign
-      _react.default.createElement("div", {
+      (0, _jsxRuntime.jsx)("div", {
         ref: _ref => this.container = _ref,
         className: className,
         style: this.props.style

package/lib/TextCollapse/index.js

@@ -5,18 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = TextCollapse;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["children", "startChars", "endChars", "scaleFactor", "maxWidth", "style", "fontType"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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; }
@@ -50,16 +56,20 @@ function TextCollapse(_ref) {
     maxWidth
   }, style);
   const [startPart, endPart] = [children.slice(0, children.length - endChars), children.slice(children.length - endChars)];
-  return /*#__PURE__*/_react.default.createElement(Container, Object.assign({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({
     component: "span",
     style: styles,
     startwidth: startWidth,
     endwidth: endWidth
-  }, rest), /*#__PURE__*/_react.default.createElement("span", {
-    className: "start-part"
-  }, startPart), /*#__PURE__*/_react.default.createElement("span", {
-    className: "end-part"
-  }, endPart));
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "start-part",
+      children: startPart
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "end-part",
+      children: endPart
+    })]
+  }));
 }
 
 TextCollapse.propTypes = {

package/lib/Toast/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ToastProvider = ToastProvider;
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 
 var _notistack = require("notistack");
 
@@ -14,6 +14,8 @@ var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -41,31 +43,32 @@ function ToastProvider(_ref) {
   let {
     children
   } = _ref;
-
-  const notistackRef = /*#__PURE__*/_react.default.createRef();
+  const notistackRef = /*#__PURE__*/(0, _react.createRef)();
 
   const onClickDismiss = key => () => {
     notistackRef.current.closeSnackbar(key);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_notistack.SnackbarProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_notistack.SnackbarProvider, {
     anchorOrigin: {
       vertical: 'top',
       horizontal: 'right'
     },
-    ref: notistackRef,
-    action: key => /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      key: "close",
+    ref: notistackRef // eslint-disable-next-line react/no-unstable-nested-components
+    ,
+    action: key => /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
       "aria-label": "close",
       color: "inherit",
       onClick: onClickDismiss(key),
-      size: "large"
-    }, /*#__PURE__*/_react.default.createElement(_Close.default, {
-      style: {
-        fontSize: 16
-      }
-    }))
-  }, /*#__PURE__*/_react.default.createElement(Toast, null), children);
+      size: "large",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {
+        style: {
+          fontSize: 16
+        }
+      })
+    }, "close"),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Toast, {}), children]
+  });
 }
 
 function Toast() {

package/lib/Video/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Video;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -17,11 +17,15 @@ var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularPr
 
 var _Util = require("../Util");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 const {
   string,
@@ -49,36 +53,38 @@ function Video(props) {
   });
 
   if (url.indexOf('v.qq.com') > 0) {
-    return /*#__PURE__*/_react.default.createElement(Placeholder, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Placeholder, {
       style: {
         width,
         height
-      }
-    }, /*#__PURE__*/_react.default.createElement("iframe", {
-      title: url,
-      style: styles,
-      src: url,
-      onLoad: () => setLoaded(true),
-      allowFullScreen: "true"
-    }), !loaded && /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
-      className: "loading-indicator",
-      color: "primary"
-    }));
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
+        title: url,
+        style: styles,
+        src: url,
+        onLoad: () => setLoaded(true),
+        allowFullScreen: "true"
+      }), !loaded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+        className: "loading-indicator",
+        color: "primary"
+      })]
+    });
   }
 
-  return /*#__PURE__*/_react.default.createElement(Placeholder, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Placeholder, {
     style: {
       width,
       height
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactPlayer.default, Object.assign({
-    style: styles
-  }, newProps, {
-    onReady: () => setLoaded(true)
-  })), !loaded && /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
-    className: "loading-indicator",
-    color: "primary"
-  }));
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactPlayer.default, _objectSpread(_objectSpread({
+      style: styles
+    }, newProps), {}, {
+      onReady: () => setLoaded(true)
+    })), !loaded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+      className: "loading-indicator",
+      color: "primary"
+    })]
+  });
 }
 
 Video.propTypes = {