@equinor/fusion-react-errorboundary 0.1.0-beta.1 → 0.1.0-beta.3

package/dist/ErrorMessage.js

@@ -50,7 +50,7 @@ export const ErrorMessage = ({ hasError, errorType = 'error', message, resourceN
     if (!hasError) {
         return _jsx(_Fragment, { children: children });
     }
-    return (_jsx("div", { className: styles.container, children: _jsxs("div", { className: clsx(styles.messageContainer, 'comfortable'), children: [icon || error.icon, _jsx("div", { className: "title", children: title || error.title }), _jsx("div", { className: "message", children: message }), action ? (_jsx(Button, { variant: "outlined", onClick: onTakeAction, children: action })) : null] }) }));
+    return (_jsx("div", { className: styles.container, children: _jsxs("div", { className: clsx(styles.messageContainer, 'comfortable'), children: [_jsx("div", { className: styles.icon, children: icon || error.icon }), _jsx("div", { className: styles.title, children: title || error.title }), _jsx("div", { className: styles.message, children: message }), action ? (_jsx(Button, { variant: "outlined", onClick: onTakeAction, children: action })) : null] }) }));
 };
 export default ErrorMessage;
 //# sourceMappingURL=ErrorMessage.js.map

package/dist/ErrorMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../src/ErrorMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAqB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAK9C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,SAAS,GAAG,OAAO,EACnB,OAAO,EACP,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,YAAY,GACyB,EAAe,EAAE;IACtD,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,sBAAsB,GAAG,CAAC,SAAiB,EAAE,EAAE;QACnD,MAAM,SAAS,GAAG;YAChB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,SAAS;SACjB,CAAC;QAEF,QAAQ,SAAS,EAAE;YACjB,KAAK,cAAc;gBACjB,OAAO;oBACL,KAAK,EAAE,qDAAqD;oBAC5D,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,KAAK,SAAS,GAAI;iBAC3C,CAAC;YACJ,KAAK,UAAU;gBACb,OAAO;oBACL,KAAK,EAAE,OAAO,YAAY,qBAAqB;oBAC/C,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,KAAK,SAAS,GAAI;iBACtD,CAAC;YACJ,KAAK,QAAQ;gBACX,OAAO;oBACL,KAAK,EAAE,8DAA8D;oBACrE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,KAAK,SAAS,GAAI;iBAC9C,CAAC;YACJ,KAAK,kBAAkB,EAAE,MAAM;gBAC7B,OAAO;oBACL,KAAK,EAAE,yEAAyE,YAAY,EAAE;oBAC9F,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,KAAK,SAAS,GAAI;iBAC9C,CAAC;YACJ,KAAK,UAAU,EAAE,MAAM;gBACrB,OAAO;oBACL,KAAK,EAAE,8DAA8D,YAAY,EAAE;oBACnF,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,KAAK,SAAS,GAAI;iBAC9C,CAAC;YACJ;gBACE,OAAO;oBACL,KAAK,EAAE,6BAA6B;oBACpC,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,KAAK,SAAS,GAAI;iBACtD,CAAC;SACL;IACH,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE5E,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,4BAAG,QAAQ,GAAI,CAAC;KACxB;IAED,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC9B,eAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,CAAC,aACzD,IAAI,IAAI,KAAK,CAAC,IAAI,EACnB,cAAK,SAAS,EAAC,OAAO,YAAE,KAAK,IAAI,KAAK,CAAC,KAAK,GAAO,EACnD,cAAK,SAAS,EAAC,SAAS,YAAE,OAAO,GAAO,EACvC,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,YAAY,YAC7C,MAAM,GACA,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../src/ErrorMessage.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import { Component, PropsWithChildren } from 'react';
 import type { ErrorMessageProps } from './types';
 export declare class ErrorBoundary extends Component<PropsWithChildren<ErrorMessageProps>> {
     state: {
-        didCatch: boolean;
+        hasError: boolean;
     };
     componentDidCatch(): void;
     render(): JSX.Element;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,qBAAa,aAAc,SAAQ,SAAS,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAChF,KAAK;;MAAuB;IAE5B,iBAAiB;IAIjB,MAAM;CAeP;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,qBAAa,aAAc,SAAQ,SAAS,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAChF,KAAK;;MAAuB;IAE5B,iBAAiB;IAIjB,MAAM;CAOP;AAED,eAAe,aAAa,CAAC"}

package/dist/index.js

@@ -1,21 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Component } from 'react';
 import ErrorMessage from './ErrorMessage';
-import useErrorStyles from './useErrorStyles';
-const styles = useErrorStyles();
 export class ErrorBoundary extends Component {
     constructor() {
         super(...arguments);
-        this.state = { didCatch: false };
+        this.state = { hasError: false };
     }
     componentDidCatch() {
-        this.setState({ didCatch: true });
+        this.setState({ hasError: true });
     }
     render() {
-        if (this.state.didCatch) {
-            return (_jsx("div", { className: styles.container, children: _jsxs("div", { className: styles.messageContainer, children: [_jsx("div", { className: styles.title, children: "Something went wrong" }), _jsx("div", { className: styles.message, children: "Please try refresh browser, if problem persists, please contact support through service now" })] }) }));
-        }
-        return _jsx(ErrorMessage, { ...this.props, children: this.props.children });
+        return (_jsx(ErrorMessage, { hasError: this.state.hasError, ...this.props, children: this.props.children }));
     }
 }
 export default ErrorBoundary;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAErD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAG9C,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;AAEhC,MAAM,OAAO,aAAc,SAAQ,SAA+C;IAAlF;;QACE,UAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAqB9B,CAAC;IAnBC,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACpC,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC9B,eAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,aACrC,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,qCAA4B,EACxD,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,4GAExB,IACF,GACF,CACP,CAAC;SACH;QACD,OAAO,KAAC,YAAY,OAAK,IAAI,CAAC,KAAK,YAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAgB,CAAC;IAC5E,CAAC;CACF;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAErD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAG1C,MAAM,OAAO,aAAc,SAAQ,SAA+C;IAAlF;;QACE,UAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAa9B,CAAC;IAXC,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACpC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,KAAC,YAAY,IAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAM,IAAI,CAAC,KAAK,YACxD,IAAI,CAAC,KAAK,CAAC,QAAQ,GACP,CAChB,CAAC;IACJ,CAAC;CACF;AAED,eAAe,aAAa,CAAC"}

package/dist/useErrorStyles.d.ts

@@ -1,3 +1,3 @@
-declare const useErrorStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"container" | "messageContainer" | "title" | "message">;
+declare const useErrorStyles: (props?: {} | undefined) => import("@material-ui/styles").ClassNameMap<"container" | "icon" | "messageContainer" | "title" | "message">;
 export default useErrorStyles;
 //# sourceMappingURL=useErrorStyles.d.ts.map

package/dist/useErrorStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useErrorStyles.d.ts","sourceRoot":"","sources":["../src/useErrorStyles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,cAAc,gIAkCnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"useErrorStyles.d.ts","sourceRoot":"","sources":["../src/useErrorStyles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,cAAc,yIA0BnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/useErrorStyles.js

@@ -1,35 +1,27 @@
 import { createStyles, makeStyles } from '@equinor/fusion-react-styles';
-const useErrorStyles = makeStyles(() => createStyles({
+const useErrorStyles = makeStyles((theme) => createStyles({
     container: {
-        position: 'relative',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
         width: '100%',
         height: '100%',
     },
     messageContainer: {
-        position: 'relative',
-        left: '0',
-        bottom: '0',
-        right: '0',
-        display: 'flex',
-        alignContent: 'center',
-        alignItems: 'center',
-        justifyContent: 'center',
-        flexDirection: 'column',
-        marginTop: 'calc(var(--grid-unit) * 15px)',
-        zIndex: '999',
+        textAlign: 'center',
+        color: 'var(--color-primary-accent)',
+    },
+    icon: {
+        color: 'rgb(102, 102, 102)',
+        fontSize: 36,
+        margiBottom: '1em',
     },
     title: {
-        paddingTop: 'calc(var(--grid-unit) * 6px)',
-        fontSize: '28px',
-        height: 'calc(var(--grid-unit) * 4px)',
-        overflow: 'hidden',
+        fontSize: 28,
+        margin: '1em 0',
     },
     message: {
-        fontSize: '20px',
-        paddingBottom: 'calc(var(--grid-unit) * 5px)',
-        paddingTop: 'calc(var(--grid-unit) * 3px)',
-        height: 'auto',
-        textAlign: 'center',
+        fontSize: 20,
     },
 }));
 export default useErrorStyles;

package/dist/useErrorStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useErrorStyles.js","sourceRoot":"","sources":["../src/useErrorStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AACxE,MAAM,cAAc,GAAG,UAAU,CAAC,GAAG,EAAE,CACrC,YAAY,CAAC;IACX,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,QAAQ;QACtB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,+BAA+B;QAC1C,MAAM,EAAE,KAAK;KACd;IACD,KAAK,EAAE;QACL,UAAU,EAAE,8BAA8B;QAC1C,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,8BAA8B;QACtC,QAAQ,EAAE,QAAQ;KACnB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,MAAM;QAChB,aAAa,EAAE,8BAA8B;QAC7C,UAAU,EAAE,8BAA8B;QAC1C,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CACH,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"useErrorStyles.js","sourceRoot":"","sources":["../src/useErrorStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAS,MAAM,8BAA8B,CAAC;AAC/E,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE,CAC1C,YAAY,CAAC;IACX,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,6BAA6B;KACrC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,oBAAoB;QAC3B,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,KAAK;KACnB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,OAAO;KAChB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CACH,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-react-errorboundary",
-  "version": "0.1.0-beta.1",
+  "version": "0.1.0-beta.3",
   "description": "React component for errorboundary",
   "keywords": [
     "errorboundary",
@@ -37,8 +37,7 @@
     "@equinor/fusion-react-button": "^0.8.1",
     "@equinor/fusion-react-icon": "^0.2.15",
     "@equinor/fusion-react-styles": "^0.5.5",
-    "@equinor/fusion-react-utils": "^2.0.4",
-    "typescript": "^5.0.2"
+    "@equinor/fusion-react-utils": "^2.0.4"
   },
-  "gitHead": "d1c7040fd22ed8cb63a142a7c5be8bd0c98d76f8"
+  "gitHead": "a8a08c0cb079c24ac8a5abb571c7488d04d7b3c0"
 }