@novin-dev/formalite/dist/cjs/components/base/ErrorBoundary.js

Generate MUI form with few line of code

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var I18nProvider = require('./I18nProvider.js');
var material = require('@mui/material');
var React = require('react');
var reactErrorBoundary = require('react-error-boundary');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

var FallBackContainer = material.styled(material.Box)(function (_a) {
    var theme = _a.theme;
    var isLight = theme.palette.mode === "light";
    return {
        backgroundColor: isLight
            ? material.alpha(theme.palette.error.main, 0.08)
            : material.alpha(theme.palette.error.main, 0.16),
        color: theme.palette.error.main,
        minHeight: "18.75rem",
    };
});
var FallBackButton = material.styled(material.Button)(function (_a) {
    var theme = _a.theme;
    return ({
        textDecoration: "underline",
        fontWeight: theme.typography.fontWeightRegular,
    });
});
var FallBack = function (_a) {
    _a.error; var resetErrorBoundary = _a.resetErrorBoundary;
    var t = I18nProvider.useI18nContext().t;
    return (React__default["default"].createElement(FallBackContainer, { display: "flex", justifyContent: "center", alignItems: "center", width: "100%", height: "100%" },
        React__default["default"].createElement(material.Box, { display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center" },
            React__default["default"].createElement(material.Typography, { variant: "h4", sx: { marginBottom: "1rem" } }, t("error_boundary_title")),
            React__default["default"].createElement(material.Typography, { variant: "body1" }, t("error_boundary_body")),
            React__default["default"].createElement(FallBackButton, { color: "error", onClick: function () { return resetErrorBoundary(); } }, t("error_boundary_btn")))));
};
var ErrorBoundaryWrapper = function (_a) {
    var children = _a.children;
    return React__default["default"].createElement(reactErrorBoundary.ErrorBoundary, { FallbackComponent: FallBack }, children);
};

exports["default"] = ErrorBoundaryWrapper;
//# sourceMappingURL=ErrorBoundary.js.map