@xyo-network/react-error 2.53.0 → 2.54.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/{XyoErrorBoundary → ErrorBoundary}/ThrownErrorBoundary.js +7 -7
- package/dist/cjs/components/ErrorBoundary/ThrownErrorBoundary.js.map +1 -0
- package/dist/cjs/components/ErrorBoundary/index.js.map +1 -0
- package/dist/cjs/components/{XyoErrorRender → ErrorRender}/ErrorAlert.js +3 -3
- package/dist/cjs/components/ErrorRender/ErrorAlert.js.map +1 -0
- package/dist/cjs/components/ErrorRender/Props.js.map +1 -0
- package/dist/cjs/components/{XyoErrorRender → ErrorRender}/Render.js +4 -4
- package/dist/cjs/components/ErrorRender/Render.js.map +1 -0
- package/dist/cjs/components/ErrorRender/index.js.map +1 -0
- package/dist/cjs/components/index.js +2 -2
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/docs.json +722 -722
- package/dist/esm/components/{XyoErrorBoundary → ErrorBoundary}/ThrownErrorBoundary.js +5 -5
- package/dist/esm/components/ErrorBoundary/ThrownErrorBoundary.js.map +1 -0
- package/dist/esm/components/ErrorBoundary/index.js.map +1 -0
- package/dist/esm/components/{XyoErrorRender → ErrorRender}/ErrorAlert.js +1 -1
- package/dist/esm/components/ErrorRender/ErrorAlert.js.map +1 -0
- package/dist/esm/components/ErrorRender/Props.js.map +1 -0
- package/dist/esm/components/{XyoErrorRender → ErrorRender}/Render.js +3 -3
- package/dist/esm/components/ErrorRender/Render.js.map +1 -0
- package/dist/esm/components/ErrorRender/index.js.map +1 -0
- package/dist/esm/components/index.js +2 -2
- package/dist/esm/components/index.js.map +1 -1
- package/dist/types/components/{XyoErrorBoundary → ErrorBoundary}/ThrownErrorBoundary.d.ts +5 -5
- package/dist/types/components/ErrorBoundary/ThrownErrorBoundary.d.ts.map +1 -0
- package/dist/types/components/ErrorBoundary/index.d.ts.map +1 -0
- package/dist/types/components/{XyoErrorRender → ErrorRender}/ErrorAlert.d.ts +2 -2
- package/dist/types/components/ErrorRender/ErrorAlert.d.ts.map +1 -0
- package/dist/types/components/{XyoErrorRender → ErrorRender}/Props.d.ts +1 -1
- package/dist/types/components/ErrorRender/Props.d.ts.map +1 -0
- package/dist/types/components/ErrorRender/Render.d.ts +4 -0
- package/dist/types/components/ErrorRender/Render.d.ts.map +1 -0
- package/dist/types/components/ErrorRender/index.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +2 -2
- package/dist/types/components/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/{XyoErrorBoundary → ErrorBoundary}/ThrownErrorBoundary.stories.tsx +6 -6
- package/src/components/{XyoErrorBoundary → ErrorBoundary}/ThrownErrorBoundary.tsx +8 -8
- package/src/components/{XyoErrorRender → ErrorRender}/ErrorAlert.tsx +2 -2
- package/src/components/{XyoErrorRender → ErrorRender}/Props.ts +1 -1
- package/src/components/{XyoErrorRender → ErrorRender}/Render.tsx +4 -11
- package/src/components/index.ts +2 -2
- package/dist/cjs/components/XyoErrorBoundary/ThrownErrorBoundary.js.map +0 -1
- package/dist/cjs/components/XyoErrorBoundary/index.js.map +0 -1
- package/dist/cjs/components/XyoErrorRender/ErrorAlert.js.map +0 -1
- package/dist/cjs/components/XyoErrorRender/Props.js.map +0 -1
- package/dist/cjs/components/XyoErrorRender/Render.js.map +0 -1
- package/dist/cjs/components/XyoErrorRender/index.js.map +0 -1
- package/dist/esm/components/XyoErrorBoundary/ThrownErrorBoundary.js.map +0 -1
- package/dist/esm/components/XyoErrorBoundary/index.js.map +0 -1
- package/dist/esm/components/XyoErrorRender/ErrorAlert.js.map +0 -1
- package/dist/esm/components/XyoErrorRender/Props.js.map +0 -1
- package/dist/esm/components/XyoErrorRender/Render.js.map +0 -1
- package/dist/esm/components/XyoErrorRender/index.js.map +0 -1
- package/dist/types/components/XyoErrorBoundary/ThrownErrorBoundary.d.ts.map +0 -1
- package/dist/types/components/XyoErrorBoundary/index.d.ts.map +0 -1
- package/dist/types/components/XyoErrorRender/ErrorAlert.d.ts.map +0 -1
- package/dist/types/components/XyoErrorRender/Props.d.ts.map +0 -1
- package/dist/types/components/XyoErrorRender/Render.d.ts +0 -4
- package/dist/types/components/XyoErrorRender/Render.d.ts.map +0 -1
- package/dist/types/components/XyoErrorRender/index.d.ts.map +0 -1
- /package/dist/cjs/components/{XyoErrorBoundary → ErrorBoundary}/index.js +0 -0
- /package/dist/cjs/components/{XyoErrorRender → ErrorRender}/Props.js +0 -0
- /package/dist/cjs/components/{XyoErrorRender → ErrorRender}/index.js +0 -0
- /package/dist/esm/components/{XyoErrorBoundary → ErrorBoundary}/index.js +0 -0
- /package/dist/esm/components/{XyoErrorRender → ErrorRender}/Props.js +0 -0
- /package/dist/esm/components/{XyoErrorRender → ErrorRender}/index.js +0 -0
- /package/dist/types/components/{XyoErrorBoundary → ErrorBoundary}/index.d.ts +0 -0
- /package/dist/types/components/{XyoErrorRender → ErrorRender}/index.d.ts +0 -0
- /package/src/components/{XyoErrorBoundary → ErrorBoundary}/index.ts +0 -0
- /package/src/components/{XyoErrorRender → ErrorRender}/index.ts +0 -0
@@ -1,11 +1,11 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.
|
3
|
+
exports.ThrownErrorBoundary = void 0;
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
5
|
const module_1 = require("@xyo-network/module");
|
6
6
|
const react_1 = require("react");
|
7
|
-
const
|
8
|
-
class
|
7
|
+
const ErrorRender_1 = require("../ErrorRender");
|
8
|
+
class ThrownErrorBoundary extends react_1.Component {
|
9
9
|
constructor() {
|
10
10
|
super(...arguments);
|
11
11
|
this.state = {
|
@@ -13,7 +13,7 @@ class XyoThrownErrorBoundary extends react_1.Component {
|
|
13
13
|
};
|
14
14
|
}
|
15
15
|
static getDerivedStateFromError(error) {
|
16
|
-
return { hasError: true, xyoError:
|
16
|
+
return { hasError: true, xyoError: ThrownErrorBoundary.normalizeError(error) };
|
17
17
|
}
|
18
18
|
static normalizeError(error) {
|
19
19
|
return (error.schema === module_1.ModuleErrorSchema ? error : { message: error.message, schema: module_1.ModuleErrorSchema, sources: [] });
|
@@ -22,7 +22,7 @@ class XyoThrownErrorBoundary extends react_1.Component {
|
|
22
22
|
const { rethrow, rollbar } = this.props;
|
23
23
|
const { xyoError } = this.state;
|
24
24
|
rollbar === null || rollbar === void 0 ? void 0 : rollbar.error(error);
|
25
|
-
console.error('
|
25
|
+
console.error('Error:', xyoError, errorInfo);
|
26
26
|
if (rethrow) {
|
27
27
|
throw error;
|
28
28
|
}
|
@@ -34,10 +34,10 @@ class XyoThrownErrorBoundary extends react_1.Component {
|
|
34
34
|
if (errorComponent) {
|
35
35
|
return errorComponent(xyoError);
|
36
36
|
}
|
37
|
-
return (0, jsx_runtime_1.jsx)(
|
37
|
+
return (0, jsx_runtime_1.jsx)(ErrorRender_1.ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
|
38
38
|
}
|
39
39
|
return children;
|
40
40
|
}
|
41
41
|
}
|
42
|
-
exports.
|
42
|
+
exports.ThrownErrorBoundary = ThrownErrorBoundary;
|
43
43
|
//# sourceMappingURL=ThrownErrorBoundary.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ThrownErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/ErrorBoundary/ThrownErrorBoundary.tsx"],"names":[],"mappings":";;;;AAAA,gDAAoE;AACpE,iCAAuD;AAGvD,gDAA4C;AAc5C,MAAa,mBAAoB,SAAQ,iBAA6D;IAAtG;;QACkB,UAAK,GAA6B;YAChD,QAAQ,EAAE,SAAS;SACpB,CAAA;IAoCH,CAAC;IAlCC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,mBAAmB,CAAC,cAAc,CAAC,KAAK,CAAC,EAA8B,CAAA;IAC5G,CAAC;IAEM,MAAM,CAAC,cAAc,CAAC,KAA0B;QACrD,OAAO,CACJ,KAAqB,CAAC,MAAM,KAAK,0BAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,0BAAiB,EAAE,OAAO,EAAE,EAAE,EAAE,CAClH,CAAA;IAClB,CAAC;IAEe,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACvC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE/B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,KAAK,CAAC,CAAA;QAErB,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;QAC5C,IAAI,OAAO,EAAE;YACX,MAAM,KAAK,CAAA;SACZ;IACH,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC/B,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC7D,IAAI,QAAQ,EAAE;YACZ,IAAI,cAAc,EAAE;gBAClB,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;aAChC;YACD,OAAO,uBAAC,yBAAW,IAAC,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,YAAY,WAAW,GAAI,CAAA;SAClF;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;CACF;AAvCD,kDAuCC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ErrorBoundary/index.ts"],"names":[],"mappings":";;;AAAA,gEAAqC"}
|
@@ -1,12 +1,12 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.
|
3
|
+
exports.ErrorAlert = void 0;
|
4
4
|
const tslib_1 = require("tslib");
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
6
6
|
const material_1 = require("@mui/material");
|
7
|
-
const
|
7
|
+
const ErrorAlert = (_a) => {
|
8
8
|
var { error, errorContext } = _a, props = tslib_1.__rest(_a, ["error", "errorContext"]);
|
9
9
|
return ((0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ severity: "error" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.AlertTitle, { children: "Whoops! Something went wrong" }), errorContext ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption", my: 0.5, lineHeight: "1", display: "block" }, { children: errorContext }))) : null, (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption", mr: 0.5, fontWeight: "bold" }, { children: "Error:" })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption" }, { children: error === null || error === void 0 ? void 0 : error.message }))] })));
|
10
10
|
};
|
11
|
-
exports.
|
11
|
+
exports.ErrorAlert = ErrorAlert;
|
12
12
|
//# sourceMappingURL=ErrorAlert.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ErrorAlert.js","sourceRoot":"","sources":["../../../../src/components/ErrorRender/ErrorAlert.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyE;AAQlE,MAAM,UAAU,GAA8B,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,KAAK,EAAE,YAAY,OAAY,EAAP,KAAK,sBAA/B,yBAAiC,CAAF;IACnF,OAAO,CACL,wBAAC,gBAAK,kBAAC,QAAQ,EAAC,OAAO,IAAK,KAAK,eAC/B,uBAAC,qBAAU,+CAA0C,EACpD,YAAY,CAAC,CAAC,CAAC,CACd,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,GAAG,EAAE,UAAU,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,gBAClE,YAAY,IACF,CACd,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,GAAG,EAAE,UAAU,EAAC,MAAM,4BAE3C,EACb,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,gBAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,IAAc,KACrD,CACT,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,UAAU,cAetB"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Props.js","sourceRoot":"","sources":["../../../../src/components/ErrorRender/Props.ts"],"names":[],"mappings":""}
|
@@ -1,13 +1,13 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.
|
3
|
+
exports.ErrorRender = void 0;
|
4
4
|
const tslib_1 = require("tslib");
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
6
6
|
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
7
7
|
const react_1 = require("react");
|
8
8
|
const react_router_dom_1 = require("react-router-dom");
|
9
9
|
const ErrorAlert_1 = require("./ErrorAlert");
|
10
|
-
const
|
10
|
+
const ErrorRender = (_a) => {
|
11
11
|
var _b;
|
12
12
|
var { error, noErrorDisplay = false, customError = null, children, errorContext } = _a, props = tslib_1.__rest(_a, ["error", "noErrorDisplay", "customError", "children", "errorContext"]);
|
13
13
|
const location = (0, react_router_dom_1.useLocation)();
|
@@ -20,11 +20,11 @@ const XyoErrorRender = (_a) => {
|
|
20
20
|
};
|
21
21
|
}, [location]);
|
22
22
|
if (error) {
|
23
|
-
return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: noErrorDisplay ? (customError) : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "center" }, props, { children: (0, jsx_runtime_1.jsx)(ErrorAlert_1.
|
23
|
+
return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: noErrorDisplay ? (customError) : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "center" }, props, { children: (0, jsx_runtime_1.jsx)(ErrorAlert_1.ErrorAlert, { error: error, errorContext: errorContext }) }))) })));
|
24
24
|
}
|
25
25
|
else {
|
26
26
|
return (_b = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })) !== null && _b !== void 0 ? _b : null;
|
27
27
|
}
|
28
28
|
};
|
29
|
-
exports.
|
29
|
+
exports.ErrorRender = ErrorRender;
|
30
30
|
//# sourceMappingURL=Render.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Render.js","sourceRoot":"","sources":["../../../../src/components/ErrorRender/Render.tsx"],"names":[],"mappings":";;;;;AAAA,yDAA+C;AAC/C,iCAAiC;AACjC,uDAA8C;AAE9C,6CAAyC;AAGlC,MAAM,WAAW,GAA+B,CAAC,EAAuF,EAAE,EAAE;;QAA3F,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,EAAE,WAAW,GAAG,IAAI,EAAE,QAAQ,EAAE,YAAY,OAAY,EAAP,KAAK,sBAArF,sEAAuF,CAAF;IAC3I,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAA;IAC9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,iEAAiE;QACjE,QAAQ,CAAC,KAAK,GAAG;YACf,IAAI,EAAE;gBACJ,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ;aACnC;SACF,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAI,KAAK,EAAE;QACT,OAAO,CACL,uBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cACpC,cAAc,CAAC,CAAC,CAAC,CAChB,WAAW,CACZ,CAAC,CAAC,CAAC,CACF,uBAAC,uBAAO,kBAAC,UAAU,EAAC,QAAQ,IAAK,KAAK,cACpC,uBAAC,uBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI,IAChD,CACX,IACO,CACX,CAAA;KACF;SAAM;QACL,OAAO,MAAA,2DAAG,QAAQ,GAAI,mCAAI,IAAI,CAAA;KAC/B;AACH,CAAC,CAAA;AA1BY,QAAA,WAAW,eA0BvB"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ErrorRender/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,kDAAuB;AACvB,mDAAwB"}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
const tslib_1 = require("tslib");
|
4
|
-
tslib_1.__exportStar(require("./
|
5
|
-
tslib_1.__exportStar(require("./
|
4
|
+
tslib_1.__exportStar(require("./ErrorBoundary"), exports);
|
5
|
+
tslib_1.__exportStar(require("./ErrorRender"), exports);
|
6
6
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B;AAC/B,wDAA6B"}
|