@equinor/fusion-react-errorboundary 0.1.0-beta.0

package/dist/ErrorMessage.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ErrorMessageProps } from './types';
+export declare const ErrorMessage: ({ hasError, errorType, message, resourceName, title, children, icon, action, onTakeAction, }: React.PropsWithChildren<ErrorMessageProps>) => JSX.Element;
+export default ErrorMessage;
+//# sourceMappingURL=ErrorMessage.d.ts.map

package/dist/ErrorMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../src/ErrorMessage.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,YAAY,iGAUtB,MAAM,iBAAiB,CAAC,iBAAiB,CAAC,KAAG,WAgE/C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/ErrorMessage.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Button } from '@equinor/fusion-react-button';
+import { clsx } from '@equinor/fusion-react-styles';
+import { Icon } from '@equinor/fusion-react-icon';
+import useErrorStyles from './useErrorStyles';
+export const ErrorMessage = ({ hasError, errorType = 'error', message, resourceName, title, children, icon, action, onTakeAction, }) => {
+    const styles = useErrorStyles();
+    const getErrorMessageForType = (errorType) => {
+        const iconProps = {
+            width: 80,
+            height: 80,
+            cursor: 'default',
+            color: '#666666',
+        };
+        switch (errorType) {
+            case 'accessDenied':
+                return {
+                    title: "It seems like you don't have access to this content",
+                    icon: _jsx(Icon, { icon: "block", ...iconProps }),
+                };
+            case 'notFound':
+                return {
+                    title: `The ${resourceName} could not be found`,
+                    icon: _jsx(Icon, { icon: "warning_outlined", ...iconProps }),
+                };
+            case 'noData':
+                return {
+                    title: `Unfortunately, we could not find any data for this component`,
+                    icon: _jsx(Icon, { icon: "sync_off", ...iconProps }),
+                };
+            case 'failedDependency': // 424
+                return {
+                    title: `Unfortunately, we had problem with communicate with dependent system, ${resourceName}`,
+                    icon: _jsx(Icon, { icon: "sync_off", ...iconProps }),
+                };
+            case 'throttle': // 429
+                return {
+                    title: `Unfortunately, we experience too many request for resource ${resourceName}`,
+                    icon: _jsx(Icon, { icon: "sync_off", ...iconProps }),
+                };
+            default:
+                return {
+                    title: 'Oops! Something went wrong!',
+                    icon: _jsx(Icon, { icon: "warning_outlined", ...iconProps }),
+                };
+        }
+    };
+    const error = useMemo(() => getErrorMessageForType(errorType), [errorType]);
+    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] }) }));
+};
+export default ErrorMessage;
+//# sourceMappingURL=ErrorMessage.js.map

package/dist/ErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../src/ErrorMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,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,GAC+B,EAAe,EAAE;IAC5D,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"}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'react';
+import type { ErrorMessageProps } from './types';
+export declare class ErrorBoundary extends Component<ErrorMessageProps> {
+    state: {
+        didCatch: boolean;
+    };
+    render(): JSX.Element;
+    componentDidCatch(): void;
+}
+export default ErrorBoundary;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,qBAAa,aAAc,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC7D,KAAK;;MAAuB;IAC5B,MAAM;IAeN,iBAAiB;CAGlB;AAED,eAAe,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } 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 };
+    }
+    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 });
+    }
+    componentDidCatch() {
+        this.setState({ didCatch: true });
+    }
+}
+export default ErrorBoundary;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAG9C,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;AAEhC,MAAM,OAAO,aAAc,SAAQ,SAA4B;IAA/D;;QACE,UAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAmB9B,CAAC;IAlBC,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;IACD,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACpC,CAAC;CACF;AAED,eAAe,aAAa,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+type ErrorTypes = 'error' | 'accessDenied' | 'notFound' | 'noData' | 'failedDependency' | 'throttle';
+export type ErrorMessageProps = {
+    hasError?: boolean;
+    errorType?: ErrorTypes;
+    message?: string;
+    resourceName?: string;
+    title?: string;
+    children?: React.ReactChildren;
+    icon?: string;
+    action?: string;
+    onTakeAction?: (event?: React.SyntheticEvent<Element, Event>) => void;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";AACA,KAAK,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,kBAAkB,GAAG,UAAU,CAAC;AAErG,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;CACvE,CAAC"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/useErrorStyles.d.ts

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

package/dist/useErrorStyles.d.ts.map

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

package/dist/useErrorStyles.js

@@ -0,0 +1,36 @@
+import { createStyles, makeStyles } from '@equinor/fusion-react-styles';
+const useErrorStyles = makeStyles(() => createStyles({
+    container: {
+        position: 'relative',
+        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',
+    },
+    title: {
+        paddingTop: 'calc(var(--grid-unit) * 6px)',
+        fontSize: '28px',
+        height: 'calc(var(--grid-unit) * 4px)',
+        overflow: 'hidden',
+    },
+    message: {
+        fontSize: '20px',
+        paddingBottom: 'calc(var(--grid-unit) * 5px)',
+        paddingTop: 'calc(var(--grid-unit) * 3px)',
+        height: 'auto',
+        textAlign: 'center',
+    },
+}));
+export default useErrorStyles;
+//# sourceMappingURL=useErrorStyles.js.map

package/dist/useErrorStyles.js.map

@@ -0,0 +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"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@equinor/fusion-react-errorboundary",
+  "version": "0.1.0-beta.0",
+  "description": "React component for errorboundary",
+  "keywords": [
+    "errorboundary",
+    "react",
+    "fusion",
+    "equinor"
+  ],
+  "homepage": "https://github.com/equinor/fusion-react-components/tree/master/packages/errorboundary#readme",
+  "license": "ISC",
+  "main": "dist/index.js",
+  "directories": {
+    "dist": "dist"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/equinor/fusion-react-components.git"
+  },
+  "scripts": {
+    "build": "tsc -b",
+    "lint": "eslint --ext .ts,.tsx,.js src/",
+    "lint:fix": "eslint --ext .ts,.tsx,.js src/ --fix",
+    "prepack": "npm run build"
+  },
+  "bugs": {
+    "url": "https://github.com/equinor/fusion-react-components/issues"
+  },
+  "dependencies": {
+    "@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"
+  },
+  "gitHead": "ef5fa4173a1235ea9ed8ecdcc82b30e4ab6222f7"
+}