@redhat-cloud-services/frontend-components 3.8.12 → 3.9.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/ErrorBoundary/ErrorBoundary.css +13 -0
- package/ErrorBoundary/ErrorBoundary.d.ts +17 -0
- package/ErrorBoundary/ErrorBoundary.js +81 -0
- package/ErrorBoundary/ErrorBoundary.js.map +1 -0
- package/ErrorBoundary/ErrorBoundary.scss +11 -0
- package/ErrorBoundary/ErrorStack.d.ts +6 -0
- package/ErrorBoundary/ErrorStack.js +38 -0
- package/ErrorBoundary/ErrorStack.js.map +1 -0
- package/ErrorBoundary/index.d.ts +2 -0
- package/ErrorBoundary/index.js +11 -0
- package/ErrorBoundary/index.js.map +1 -0
- package/ErrorBoundary/package.json +1 -0
- package/esm/ErrorBoundary/ErrorBoundary.css +13 -0
- package/esm/ErrorBoundary/ErrorBoundary.js +57 -0
- package/esm/ErrorBoundary/ErrorBoundary.js.map +1 -0
- package/esm/ErrorBoundary/ErrorBoundary.scss +11 -0
- package/esm/ErrorBoundary/ErrorStack.js +17 -0
- package/esm/ErrorBoundary/ErrorStack.js.map +1 -0
- package/esm/ErrorBoundary/index.js +3 -0
- package/esm/ErrorBoundary/index.js.map +1 -0
- package/esm/index.css +14 -0
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/index.scss +1 -0
- package/index.css +14 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/index.scss +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--ins-color--orange: #ec7a08;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.ins-error-boundary-stack {
|
|
6
|
+
font-family: "monospace";
|
|
7
|
+
font-size: var(--pf-global--icon--FontSize--md);
|
|
8
|
+
text-align: left;
|
|
9
|
+
background-color: white;
|
|
10
|
+
border-style: solid;
|
|
11
|
+
border-color: var(--pf-global--BackgroundColor--dark-300);
|
|
12
|
+
padding: var(--pf-global--spacer--sm);
|
|
13
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface ErrorPageProps {
|
|
3
|
+
headerTitle: string;
|
|
4
|
+
errorTitle?: string;
|
|
5
|
+
errorDescription?: string;
|
|
6
|
+
}
|
|
7
|
+
interface ErrorPageState {
|
|
8
|
+
hasError: boolean;
|
|
9
|
+
error?: Error;
|
|
10
|
+
historyState: History['state'];
|
|
11
|
+
}
|
|
12
|
+
declare class ErrorBoundaryPage extends React.Component<ErrorPageProps, ErrorPageState> {
|
|
13
|
+
constructor(props: Readonly<ErrorPageProps>);
|
|
14
|
+
static getDerivedStateFromError(error: Error): ErrorPageState;
|
|
15
|
+
render(): React.ReactNode;
|
|
16
|
+
}
|
|
17
|
+
export default ErrorBoundaryPage;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
39
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
+
var React = __importStar(require("react"));
|
|
41
|
+
var PageHeader_1 = __importStar(require("../PageHeader"));
|
|
42
|
+
var ErrorState_1 = __importDefault(require("../ErrorState"));
|
|
43
|
+
var react_core_1 = require("@patternfly/react-core");
|
|
44
|
+
var ErrorStack_1 = __importDefault(require("./ErrorStack"));
|
|
45
|
+
var Section_1 = __importDefault(require("../Section"));
|
|
46
|
+
var ErrorBoundaryPage = (function (_super) {
|
|
47
|
+
__extends(ErrorBoundaryPage, _super);
|
|
48
|
+
function ErrorBoundaryPage(props) {
|
|
49
|
+
var _this = _super.call(this, props) || this;
|
|
50
|
+
_this.state = {
|
|
51
|
+
hasError: false,
|
|
52
|
+
historyState: history.state,
|
|
53
|
+
};
|
|
54
|
+
return _this;
|
|
55
|
+
}
|
|
56
|
+
ErrorBoundaryPage.getDerivedStateFromError = function (error) {
|
|
57
|
+
return { hasError: true, error: error, historyState: history.state };
|
|
58
|
+
};
|
|
59
|
+
ErrorBoundaryPage.prototype.render = function () {
|
|
60
|
+
if (this.state.historyState !== history.state) {
|
|
61
|
+
this.setState({
|
|
62
|
+
hasError: false,
|
|
63
|
+
historyState: history.state,
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
if (this.state.hasError) {
|
|
67
|
+
return (React.createElement("div", null,
|
|
68
|
+
React.createElement(PageHeader_1.default, null,
|
|
69
|
+
React.createElement(PageHeader_1.PageHeaderTitle, { title: this.props.headerTitle })),
|
|
70
|
+
React.createElement(Section_1.default, null,
|
|
71
|
+
React.createElement(ErrorState_1.default, { errorTitle: this.props.errorTitle, errorDescription: React.createElement(React.Fragment, null,
|
|
72
|
+
React.createElement("span", null, this.props.errorDescription),
|
|
73
|
+
this.state.error && (React.createElement(react_core_1.ExpandableSection, { toggleText: "Show details" },
|
|
74
|
+
React.createElement(ErrorStack_1.default, { error: this.state.error })))) }))));
|
|
75
|
+
}
|
|
76
|
+
return this.props.children;
|
|
77
|
+
};
|
|
78
|
+
return ErrorBoundaryPage;
|
|
79
|
+
}(React.Component));
|
|
80
|
+
exports.default = ErrorBoundaryPage;
|
|
81
|
+
//# sourceMappingURL=ErrorBoundary.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../src/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAA4D;AAC5D,6DAAuC;AACvC,qDAA2D;AAC3D,4DAAsC;AACtC,uDAAiC;AAejC;IAAgC,qCAA+C;IAC7E,2BAAY,KAA+B;QAA3C,YACE,kBAAM,KAAK,CAAC,SAKb;QAJC,KAAI,CAAC,KAAK,GAAG;YACX,QAAQ,EAAE,KAAK;YACf,YAAY,EAAE,OAAO,CAAC,KAAK;SAC5B,CAAC;;IACJ,CAAC;IAEM,0CAAwB,GAA/B,UAAgC,KAAY;QAC1C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,OAAA,EAAE,YAAY,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC;IAChE,CAAC;IAED,kCAAM,GAAN;QACE,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,OAAO,CAAC,KAAK,EAAE;YAC7C,IAAI,CAAC,QAAQ,CAAC;gBACZ,QAAQ,EAAE,KAAK;gBACf,YAAY,EAAE,OAAO,CAAC,KAAK;aAC5B,CAAC,CAAC;SACJ;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,OAAO,CACL;gBACE,oBAAC,oBAAU;oBACT,oBAAC,4BAAe,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAI,CACvC;gBACb,oBAAC,iBAAO;oBACN,oBAAC,oBAAU,IACT,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,gBAAgB,EACd;4BACE,kCAAO,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAQ;4BACzC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CACnB,oBAAC,8BAAiB,IAAC,UAAU,EAAC,cAAc;gCAC1C,oBAAC,oBAAU,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,CACrB,CACrB,CACA,GAEL,CACM,CACN,CACP,CAAC;SACH;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;IACH,wBAAC;AAAD,CAAC,AAhDD,CAAgC,KAAK,CAAC,SAAS,GAgD9C;AAED,kBAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
|
|
2
|
+
|
|
3
|
+
.ins-error-boundary-stack {
|
|
4
|
+
font-family: 'monospace';
|
|
5
|
+
font-size: var(--pf-global--icon--FontSize--md);
|
|
6
|
+
text-align: left;
|
|
7
|
+
background-color: white;
|
|
8
|
+
border-style: solid;
|
|
9
|
+
border-color: var(--pf-global--BackgroundColor--dark-300);
|
|
10
|
+
padding: var(--pf-global--spacer--sm);
|
|
11
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
+
var React = __importStar(require("react"));
|
|
23
|
+
var react_core_1 = require("@patternfly/react-core");
|
|
24
|
+
var errorStackClass = 'ins-error-boundary-stack';
|
|
25
|
+
var ErrorStack = function (_a) {
|
|
26
|
+
var error = _a.error;
|
|
27
|
+
if (error.stack) {
|
|
28
|
+
return (React.createElement(react_core_1.Text, { className: errorStackClass }, error.stack.split('\n').map(function (line) { return (React.createElement("div", { key: line }, line)); })));
|
|
29
|
+
}
|
|
30
|
+
if (error.name && error.message) {
|
|
31
|
+
return (React.createElement(React.Fragment, null,
|
|
32
|
+
React.createElement(react_core_1.Text, { component: "h6" }, error.name),
|
|
33
|
+
React.createElement(react_core_1.Text, { className: errorStackClass, component: "blockquote" }, error.message)));
|
|
34
|
+
}
|
|
35
|
+
return (React.createElement(react_core_1.Text, { className: errorStackClass, component: "blockquote" }, error.toString()));
|
|
36
|
+
};
|
|
37
|
+
exports.default = ErrorStack;
|
|
38
|
+
//# sourceMappingURL=ErrorStack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorStack.js","sourceRoot":"","sources":["../src/ErrorBoundary/ErrorStack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,qDAA8C;AAM9C,IAAM,eAAe,GAAG,0BAA0B,CAAC;AAEnD,IAAM,UAAU,GAA6C,UAAC,EAAS;QAAP,KAAK,WAAA;IACnE,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,OAAO,CACL,oBAAC,iBAAI,IAAC,SAAS,EAAE,eAAe,IAC7B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACrC,6BAAK,GAAG,EAAE,IAAI,IAAG,IAAI,CAAO,CAC7B,EAFsC,CAEtC,CAAC,CACG,CACR,CAAC;KACH;IAED,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE;QAC/B,OAAO,CACL;YACE,oBAAC,iBAAI,IAAC,SAAS,EAAC,IAAI,IAAE,KAAK,CAAC,IAAI,CAAQ;YACxC,oBAAC,iBAAI,IAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAC,YAAY,IACrD,KAAK,CAAC,OAAO,CACT,CACN,CACJ,CAAC;KACH;IAED,OAAO,CACL,oBAAC,iBAAI,IAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAC,YAAY,IACrD,KAAK,CAAC,QAAQ,EAAE,CACZ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ErrorBoundary = exports.default = void 0;
|
|
7
|
+
var ErrorBoundary_1 = require("./ErrorBoundary");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ErrorBoundary_1).default; } });
|
|
9
|
+
var ErrorBoundary_2 = require("./ErrorBoundary");
|
|
10
|
+
Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return __importDefault(ErrorBoundary_2).default; } });
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/ErrorBoundary/index.ts"],"names":[],"mappings":";;;;;;AAAA,iDAA0C;AAAjC,yHAAA,OAAO,OAAA;AAChB,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"main":"index.js","module":"../esm/ErrorBoundary/index.js","typings":"index.d.ts"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--ins-color--orange: #ec7a08;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.ins-error-boundary-stack {
|
|
6
|
+
font-family: "monospace";
|
|
7
|
+
font-size: var(--pf-global--icon--FontSize--md);
|
|
8
|
+
text-align: left;
|
|
9
|
+
background-color: white;
|
|
10
|
+
border-style: solid;
|
|
11
|
+
border-color: var(--pf-global--BackgroundColor--dark-300);
|
|
12
|
+
padding: var(--pf-global--spacer--sm);
|
|
13
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
if (typeof b !== "function" && b !== null)
|
|
10
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
+
extendStatics(d, b);
|
|
12
|
+
function __() { this.constructor = d; }
|
|
13
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
import * as React from 'react';
|
|
17
|
+
import PageHeader, { PageHeaderTitle } from '../PageHeader';
|
|
18
|
+
import ErrorState from '../ErrorState';
|
|
19
|
+
import { ExpandableSection } from '@patternfly/react-core';
|
|
20
|
+
import ErrorStack from './ErrorStack';
|
|
21
|
+
import Section from '../Section';
|
|
22
|
+
var ErrorBoundaryPage = (function (_super) {
|
|
23
|
+
__extends(ErrorBoundaryPage, _super);
|
|
24
|
+
function ErrorBoundaryPage(props) {
|
|
25
|
+
var _this = _super.call(this, props) || this;
|
|
26
|
+
_this.state = {
|
|
27
|
+
hasError: false,
|
|
28
|
+
historyState: history.state,
|
|
29
|
+
};
|
|
30
|
+
return _this;
|
|
31
|
+
}
|
|
32
|
+
ErrorBoundaryPage.getDerivedStateFromError = function (error) {
|
|
33
|
+
return { hasError: true, error: error, historyState: history.state };
|
|
34
|
+
};
|
|
35
|
+
ErrorBoundaryPage.prototype.render = function () {
|
|
36
|
+
if (this.state.historyState !== history.state) {
|
|
37
|
+
this.setState({
|
|
38
|
+
hasError: false,
|
|
39
|
+
historyState: history.state,
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
if (this.state.hasError) {
|
|
43
|
+
return (React.createElement("div", null,
|
|
44
|
+
React.createElement(PageHeader, null,
|
|
45
|
+
React.createElement(PageHeaderTitle, { title: this.props.headerTitle })),
|
|
46
|
+
React.createElement(Section, null,
|
|
47
|
+
React.createElement(ErrorState, { errorTitle: this.props.errorTitle, errorDescription: React.createElement(React.Fragment, null,
|
|
48
|
+
React.createElement("span", null, this.props.errorDescription),
|
|
49
|
+
this.state.error && (React.createElement(ExpandableSection, { toggleText: "Show details" },
|
|
50
|
+
React.createElement(ErrorStack, { error: this.state.error })))) }))));
|
|
51
|
+
}
|
|
52
|
+
return this.props.children;
|
|
53
|
+
};
|
|
54
|
+
return ErrorBoundaryPage;
|
|
55
|
+
}(React.Component));
|
|
56
|
+
export default ErrorBoundaryPage;
|
|
57
|
+
//# sourceMappingURL=ErrorBoundary.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,OAAO,MAAM,YAAY,CAAC;AAejC;IAAgC,qCAA+C;IAC7E,2BAAY,KAA+B;QAA3C,YACE,kBAAM,KAAK,CAAC,SAKb;QAJC,KAAI,CAAC,KAAK,GAAG;YACX,QAAQ,EAAE,KAAK;YACf,YAAY,EAAE,OAAO,CAAC,KAAK;SAC5B,CAAC;;IACJ,CAAC;IAEM,0CAAwB,GAA/B,UAAgC,KAAY;QAC1C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,OAAA,EAAE,YAAY,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC;IAChE,CAAC;IAED,kCAAM,GAAN;QACE,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,OAAO,CAAC,KAAK,EAAE;YAC7C,IAAI,CAAC,QAAQ,CAAC;gBACZ,QAAQ,EAAE,KAAK;gBACf,YAAY,EAAE,OAAO,CAAC,KAAK;aAC5B,CAAC,CAAC;SACJ;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,OAAO,CACL;gBACE,oBAAC,UAAU;oBACT,oBAAC,eAAe,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAI,CACvC;gBACb,oBAAC,OAAO;oBACN,oBAAC,UAAU,IACT,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,gBAAgB,EACd;4BACE,kCAAO,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAQ;4BACzC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CACnB,oBAAC,iBAAiB,IAAC,UAAU,EAAC,cAAc;gCAC1C,oBAAC,UAAU,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,CACrB,CACrB,CACA,GAEL,CACM,CACN,CACP,CAAC;SACH;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;IACH,wBAAC;AAAD,CAAC,AAhDD,CAAgC,KAAK,CAAC,SAAS,GAgD9C;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
|
|
2
|
+
|
|
3
|
+
.ins-error-boundary-stack {
|
|
4
|
+
font-family: 'monospace';
|
|
5
|
+
font-size: var(--pf-global--icon--FontSize--md);
|
|
6
|
+
text-align: left;
|
|
7
|
+
background-color: white;
|
|
8
|
+
border-style: solid;
|
|
9
|
+
border-color: var(--pf-global--BackgroundColor--dark-300);
|
|
10
|
+
padding: var(--pf-global--spacer--sm);
|
|
11
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Text } from '@patternfly/react-core';
|
|
3
|
+
var errorStackClass = 'ins-error-boundary-stack';
|
|
4
|
+
var ErrorStack = function (_a) {
|
|
5
|
+
var error = _a.error;
|
|
6
|
+
if (error.stack) {
|
|
7
|
+
return (React.createElement(Text, { className: errorStackClass }, error.stack.split('\n').map(function (line) { return (React.createElement("div", { key: line }, line)); })));
|
|
8
|
+
}
|
|
9
|
+
if (error.name && error.message) {
|
|
10
|
+
return (React.createElement(React.Fragment, null,
|
|
11
|
+
React.createElement(Text, { component: "h6" }, error.name),
|
|
12
|
+
React.createElement(Text, { className: errorStackClass, component: "blockquote" }, error.message)));
|
|
13
|
+
}
|
|
14
|
+
return (React.createElement(Text, { className: errorStackClass, component: "blockquote" }, error.toString()));
|
|
15
|
+
};
|
|
16
|
+
export default ErrorStack;
|
|
17
|
+
//# sourceMappingURL=ErrorStack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorStack.js","sourceRoot":"","sources":["../../src/ErrorBoundary/ErrorStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAM9C,IAAM,eAAe,GAAG,0BAA0B,CAAC;AAEnD,IAAM,UAAU,GAA6C,UAAC,EAAS;QAAP,KAAK,WAAA;IACnE,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,eAAe,IAC7B,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACrC,6BAAK,GAAG,EAAE,IAAI,IAAG,IAAI,CAAO,CAC7B,EAFsC,CAEtC,CAAC,CACG,CACR,CAAC;KACH;IAED,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE;QAC/B,OAAO,CACL;YACE,oBAAC,IAAI,IAAC,SAAS,EAAC,IAAI,IAAE,KAAK,CAAC,IAAI,CAAQ;YACxC,oBAAC,IAAI,IAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAC,YAAY,IACrD,KAAK,CAAC,OAAO,CACT,CACN,CACJ,CAAC;KACH;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAC,YAAY,IACrD,KAAK,CAAC,QAAQ,EAAE,CACZ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ErrorBoundary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
package/esm/index.css
CHANGED
|
@@ -192,6 +192,20 @@ i.ins-battery svg {
|
|
|
192
192
|
justify-content: center;
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
+
:root {
|
|
196
|
+
--ins-color--orange: #ec7a08;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.ins-error-boundary-stack {
|
|
200
|
+
font-family: "monospace";
|
|
201
|
+
font-size: var(--pf-global--icon--FontSize--md);
|
|
202
|
+
text-align: left;
|
|
203
|
+
background-color: white;
|
|
204
|
+
border-style: solid;
|
|
205
|
+
border-color: var(--pf-global--BackgroundColor--dark-300);
|
|
206
|
+
padding: var(--pf-global--spacer--sm);
|
|
207
|
+
}
|
|
208
|
+
|
|
195
209
|
.ins-c-chip-filters .ins-c-chip-group__plain.pf-m-toolbar > li:not(.pf-m-overflow) {
|
|
196
210
|
background: none;
|
|
197
211
|
padding: 0;
|
package/esm/index.js
CHANGED
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAQA,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAQA,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC"}
|
package/esm/index.scss
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
@import './ConditionalFilter/conditional-filter.scss';
|
|
5
5
|
@import './CullingInfo/CullingInformation.scss';
|
|
6
6
|
@import './EmptyTable/EmptyTable.scss';
|
|
7
|
+
@import './ErrorBoundary/ErrorBoundary.scss';
|
|
7
8
|
@import './FilterChips/filter-chips.scss';
|
|
8
9
|
@import './FilterHooks/tagFilterHook.scss';
|
|
9
10
|
@import './Filters/filter-dropdown.scss';
|
package/index.css
CHANGED
|
@@ -192,6 +192,20 @@ i.ins-battery svg {
|
|
|
192
192
|
justify-content: center;
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
+
:root {
|
|
196
|
+
--ins-color--orange: #ec7a08;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.ins-error-boundary-stack {
|
|
200
|
+
font-family: "monospace";
|
|
201
|
+
font-size: var(--pf-global--icon--FontSize--md);
|
|
202
|
+
text-align: left;
|
|
203
|
+
background-color: white;
|
|
204
|
+
border-style: solid;
|
|
205
|
+
border-color: var(--pf-global--BackgroundColor--dark-300);
|
|
206
|
+
padding: var(--pf-global--spacer--sm);
|
|
207
|
+
}
|
|
208
|
+
|
|
195
209
|
.ins-c-chip-filters .ins-c-chip-group__plain.pf-m-toolbar > li:not(.pf-m-overflow) {
|
|
196
210
|
background: none;
|
|
197
211
|
padding: 0;
|
package/index.d.ts
CHANGED
package/index.js
CHANGED
|
@@ -49,4 +49,5 @@ __exportStar(require("./Maintenance"), exports);
|
|
|
49
49
|
__exportStar(require("./FilterHooks"), exports);
|
|
50
50
|
__exportStar(require("./AsyncComponent"), exports);
|
|
51
51
|
__exportStar(require("./Ouia"), exports);
|
|
52
|
+
__exportStar(require("./ErrorBoundary"), exports);
|
|
52
53
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAQA,oDAAkC;AAClC,4CAA0B;AAC1B,4CAA0B;AAC1B,yCAAuB;AACvB,+CAA6B;AAC7B,sDAAoC;AACpC,0CAAwB;AACxB,kDAAgC;AAChC,4CAA0B;AAC1B,gDAA8B;AAC9B,2CAAyB;AACzB,8CAA4B;AAC5B,yCAAuB;AACvB,+CAA6B;AAC7B,6CAA2B;AAC3B,mDAAiC;AACjC,2CAAyB;AACzB,6CAA2B;AAC3B,kDAAgC;AAChC,iDAA+B;AAC/B,+CAA6B;AAC7B,4CAA0B;AAC1B,4CAA0B;AAC1B,kDAAgC;AAChC,kDAAgC;AAChC,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,6CAA2B;AAC3B,6CAA2B;AAC3B,mDAAiC;AACjC,+CAA6B;AAC7B,gDAA8B;AAC9B,gDAA8B;AAC9B,+CAA6B;AAC7B,gDAA8B;AAC9B,gDAA8B;AAC9B,mDAAiC;AACjC,yCAAuB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAQA,oDAAkC;AAClC,4CAA0B;AAC1B,4CAA0B;AAC1B,yCAAuB;AACvB,+CAA6B;AAC7B,sDAAoC;AACpC,0CAAwB;AACxB,kDAAgC;AAChC,4CAA0B;AAC1B,gDAA8B;AAC9B,2CAAyB;AACzB,8CAA4B;AAC5B,yCAAuB;AACvB,+CAA6B;AAC7B,6CAA2B;AAC3B,mDAAiC;AACjC,2CAAyB;AACzB,6CAA2B;AAC3B,kDAAgC;AAChC,iDAA+B;AAC/B,+CAA6B;AAC7B,4CAA0B;AAC1B,4CAA0B;AAC1B,kDAAgC;AAChC,kDAAgC;AAChC,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,6CAA2B;AAC3B,6CAA2B;AAC3B,mDAAiC;AACjC,+CAA6B;AAC7B,gDAA8B;AAC9B,gDAA8B;AAC9B,+CAA6B;AAC7B,gDAA8B;AAC9B,gDAA8B;AAC9B,mDAAiC;AACjC,yCAAuB;AACvB,kDAAgC"}
|
package/index.scss
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
@import './ConditionalFilter/conditional-filter.scss';
|
|
5
5
|
@import './CullingInfo/CullingInformation.scss';
|
|
6
6
|
@import './EmptyTable/EmptyTable.scss';
|
|
7
|
+
@import './ErrorBoundary/ErrorBoundary.scss';
|
|
7
8
|
@import './FilterChips/filter-chips.scss';
|
|
8
9
|
@import './FilterHooks/tagFilterHook.scss';
|
|
9
10
|
@import './Filters/filter-dropdown.scss';
|