@craftercms/studio-ui
Version:
Services, components, models & utils to build CrafterCMS authoring extensions.
71 lines (69 loc) • 2.65 kB
JavaScript
/*
* Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License version 3 as published by
* the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/*
* Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License version 3 as published by
* the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import React from 'react';
import { renderErrorState } from '../ErrorState/util';
export class ErrorBoundary extends React.Component {
constructor() {
super(...arguments);
this.state = { error: null };
}
static getDerivedStateFromError(error) {
return { error };
}
componentDidCatch(error, errorInfo) {
// TODO: Log to an error reporting service
}
reset() {
this.setState({ error: null });
}
render() {
const errorStateProps = Object.assign(Object.assign({}, this.props.errorStateProps), {
onBack: (e) => {
var _a, _b;
(_b = (_a = this.props.errorStateProps) === null || _a === void 0 ? void 0 : _a.onButtonClick) === null ||
_b === void 0
? void 0
: _b.call(_a, e);
if (this.props.onReset) {
this.props.onReset();
// Move the ErrorBoundary's reset to the next cycle so any
// clean up performed by the ErrorBoundary's children "onReset"
// is applied and the error boundary is not re-shown immediately
setTimeout(() => this.reset());
} else {
this.reset();
}
}
});
return this.state.error ? renderErrorState(this.state.error, errorStateProps) : this.props.children;
}
}
export default ErrorBoundary;