12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- "use client";
- import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
- import _createClass from "@babel/runtime/helpers/esm/createClass";
- import _callSuper from "@babel/runtime/helpers/esm/callSuper";
- import _inherits from "@babel/runtime/helpers/esm/inherits";
- import * as React from 'react';
- import Alert from './Alert';
- let ErrorBoundary = /*#__PURE__*/function (_React$Component) {
- function ErrorBoundary() {
- var _this;
- _classCallCheck(this, ErrorBoundary);
- _this = _callSuper(this, ErrorBoundary, arguments);
- _this.state = {
- error: undefined,
- info: {
- componentStack: ''
- }
- };
- return _this;
- }
- _inherits(ErrorBoundary, _React$Component);
- return _createClass(ErrorBoundary, [{
- key: "componentDidCatch",
- value: function componentDidCatch(error, info) {
- this.setState({
- error,
- info
- });
- }
- }, {
- key: "render",
- value: function render() {
- const {
- message,
- description,
- id,
- children
- } = this.props;
- const {
- error,
- info
- } = this.state;
- const componentStack = (info === null || info === void 0 ? void 0 : info.componentStack) || null;
- const errorMessage = typeof message === 'undefined' ? (error || '').toString() : message;
- const errorDescription = typeof description === 'undefined' ? componentStack : description;
- if (error) {
- return /*#__PURE__*/React.createElement(Alert, {
- id: id,
- type: "error",
- message: errorMessage,
- description: /*#__PURE__*/React.createElement("pre", {
- style: {
- fontSize: '0.9em',
- overflowX: 'auto'
- }
- }, errorDescription)
- });
- }
- return children;
- }
- }]);
- }(React.Component);
- export default ErrorBoundary;
|