@equinor/fusion-react-errorboundary 0.1.9 → 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Equinor
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,15 +1,5 @@
-# @equinor/fusion-react-errorboundary
+Display a Error message if error is thrown in children
 
-[![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-react-errorboundary.svg)](https://www.npmjs.com/package/@equinor/fusion-react-errorboundary)
+> this component uses the `react-error-boundary` with a predefined `Fallback`
 
-[Storybook](https://equinor.github.io/fusion-react-components/?path=/docs/errorboundary)
-
-## Installation
-
-```sh
-npm install @equinor/fusion-react-errorboundary
-```
-
-### Description
-
-Display a Error message if error is trown in children
+atm this component is under `@equinor/fusion-react-errorboundary/legacy` since there is a WIP to create a generic component in the future

package/dist/index.d.ts

@@ -1,12 +1,2 @@
-import { Component, PropsWithChildren } from 'react';
-import type { ErrorBoundaryProps } from './types';
-export { ErrorBoundaryProps } from './types';
-export declare class ErrorBoundary extends Component<PropsWithChildren<ErrorBoundaryProps>> {
-    state: {
-        hasError: boolean;
-    };
-    componentDidCatch(): void;
-    render(): JSX.Element;
-}
-export default ErrorBoundary;
+export * from 'react-error-boundary';
 //# sourceMappingURL=index.d.ts.map

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;AAGrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,qBAAa,aAAc,SAAQ,SAAS,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACjF,KAAK;;MAAuB;IAE5B,iBAAiB;IAIjB,MAAM;CAOP;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/index.js

@@ -1,17 +1,2 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Component } from 'react';
-import ErrorMessage from './ErrorMessage';
-export class ErrorBoundary extends Component {
-    constructor() {
-        super(...arguments);
-        this.state = { hasError: false };
-    }
-    componentDidCatch() {
-        this.setState({ hasError: true });
-    }
-    render() {
-        return (_jsx(ErrorMessage, { hasError: this.state.hasError, ...this.props, children: this.props.children }));
-    }
-}
-export default ErrorBoundary;
+export * from 'react-error-boundary';
 //# sourceMappingURL=index.js.map

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;AAK1C,MAAM,OAAO,aAAc,SAAQ,SAAgD;IAAnF;;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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/legacy/ErrorBoundary.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ErrorBoundaryProps as ReactReactErrorBoundary } from 'react-error-boundary';
+export type ErrorBoundaryProps = Partial<ReactReactErrorBoundary>;
+export declare const ErrorBoundary: (props: ErrorBoundaryProps) => JSX.Element;
+export default ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/legacy/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/legacy/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,kBAAkB,IAAI,uBAAuB,EAC9C,MAAM,sBAAsB,CAAC;AAG9B,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC;AAIlE,eAAO,MAAM,aAAa,UAAW,kBAAkB,KAAG,WASzD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/legacy/ErrorBoundary.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ErrorBoundary as ReactErrorBoundary, } from 'react-error-boundary';
+import { fallbackRender } from './fallbackRender';
+const reload = () => window.location.reload();
+export const ErrorBoundary = (props) => {
+    const args = { ...props };
+    if (!args.fallbackRender && !args.FallbackComponent && !args.fallback) {
+        args.fallbackRender = fallbackRender;
+    }
+    if (!args.onReset) {
+        args.onReset = reload;
+    }
+    return _jsx(ReactErrorBoundary, { ...args });
+};
+export default ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/legacy/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/legacy/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,IAAI,kBAAkB,GAEpC,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIlD,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IACtE,MAAM,IAAI,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAC1B,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QACrE,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;KACtC;IACD,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;QACjB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;KACvB;IACD,OAAO,KAAC,kBAAkB,OAAM,IAAgC,GAAI,CAAC;AACvE,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/legacy/Fallback.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { ErrorType } from './types';
+export type FallbackProps = {
+    readonly error: unknown;
+    readonly errorType?: ErrorType;
+    readonly message?: React.ReactNode;
+    readonly resourceName?: string;
+    readonly title?: React.ReactNode;
+    readonly icon?: React.ReactNode;
+    readonly action?: string;
+    readonly onTakeAction?: (event?: React.SyntheticEvent<Element, Event>) => void;
+};
+export declare const Fallback: (props: FallbackProps) => JSX.Element;
+//# sourceMappingURL=Fallback.d.ts.map

package/dist/legacy/Fallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fallback.d.ts","sourceRoot":"","sources":["../../src/legacy/Fallback.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAsBzC,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;CAChF,CAAC;AAmBF,eAAO,MAAM,QAAQ,UAAW,aAAa,KAAG,WAoC/C,CAAC"}

package/dist/legacy/Fallback.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Typography, Button, Accordion } from '@equinor/eds-core-react';
+import { tokens } from '@equinor/eds-tokens';
+import { styled } from 'styled-components';
+import { FallbackIcon } from './FallbackIcon';
+import { useCallback } from 'react';
+import { useErrorBoundary } from 'react-error-boundary';
+const Styled = {
+    root: styled.div `
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    gap: ${tokens.spacings.comfortable.medium};
+  `,
+    stacktrace: styled.pre `
+    overflow: auto;
+    max-width: 100%;
+    color: ${tokens.colors.interactive.danger__resting.hex};
+    font-size: 0.8em;
+    line-height: 1em;
+    margin: 0;
+  `,
+};
+const generateTitle = (errorType, resourceName = '<unknown resource>') => {
+    switch (errorType) {
+        case 'accessDenied':
+            return "It seems like you don't have access to this content";
+        case 'notFound':
+            return `The ${resourceName} could not be found`;
+        case 'noData':
+            return `Unfortunately, we could not find any data for this component`;
+        case 'failedDependency': // 424
+            return `Unfortunately, we had problem with communicate with dependent system, ${resourceName}`;
+        case 'throttle': // 429
+            return `Unfortunately, we experience too many request for resource ${resourceName}`;
+        default:
+            return 'Oops! Something went wrong!';
+    }
+};
+export const Fallback = (props) => {
+    const { errorType, resourceName, title, message, error, action, onTakeAction } = props;
+    const { resetBoundary } = useErrorBoundary();
+    const onClick = useCallback(() => {
+        if (onTakeAction) {
+            onTakeAction();
+        }
+        resetBoundary();
+    }, [resetBoundary, onTakeAction]);
+    return (_jsx(Styled.root, { children: _jsxs(_Fragment, { children: [props.icon ?? _jsx(FallbackIcon, { errorType: errorType }), _jsx(Typography, { variant: "h3", children: title ?? generateTitle(errorType, resourceName) }), _jsx(Typography, { variant: "ingress", token: { color: tokens.colors.text.static_icons__tertiary.hex }, children: message ?? error.message }), action && (_jsx(Button, { variant: "outlined", onClick: onClick, children: action })), error && (_jsx(Accordion, { headerLevel: "h5", chevronPosition: "right", style: { width: '100%' }, children: _jsxs(Accordion.Item, { children: [_jsx(Accordion.Header, { style: { height: 'auto' }, children: "Error details" }), _jsx(Accordion.Panel, { children: _jsx(Styled.stacktrace, { children: error.stack }) })] }) }))] }) }));
+};
+//# sourceMappingURL=Fallback.js.map

package/dist/legacy/Fallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fallback.js","sourceRoot":"","sources":["../../src/legacy/Fallback.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,MAAM,GAAG;IACb,IAAI,EAAE,MAAM,CAAC,GAAG,CAAA;;;;WAIP,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM;GAC1C;IACD,UAAU,EAAE,MAAM,CAAC,GAAG,CAAA;;;aAGX,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,GAAG;;;;GAIvD;CACF,CAAC;AAaF,MAAM,aAAa,GAAG,CAAC,SAAqB,EAAE,YAAY,GAAG,oBAAoB,EAAE,EAAE;IACnF,QAAQ,SAAS,EAAE;QACjB,KAAK,cAAc;YACjB,OAAO,qDAAqD,CAAC;QAC/D,KAAK,UAAU;YACb,OAAO,OAAO,YAAY,qBAAqB,CAAC;QAClD,KAAK,QAAQ;YACX,OAAO,8DAA8D,CAAC;QACxE,KAAK,kBAAkB,EAAE,MAAM;YAC7B,OAAO,yEAAyE,YAAY,EAAE,CAAC;QACjG,KAAK,UAAU,EAAE,MAAM;YACrB,OAAO,8DAA8D,YAAY,EAAE,CAAC;QACtF;YACE,OAAO,6BAA6B,CAAC;KACxC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAe,EAAE;IAC5D,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC7C,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,IAAI,YAAY,EAAE;YAChB,YAAY,EAAE,CAAC;SAChB;QACD,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC;IAClC,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,cACV,8BACG,KAAK,CAAC,IAAI,IAAI,KAAC,YAAY,IAAC,SAAS,EAAE,SAAS,GAAI,EACrD,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,YAAE,KAAK,IAAI,aAAa,CAAC,SAAS,EAAE,YAAY,CAAC,GAAc,EACvF,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,GAAG,EAAE,YAC1F,OAAO,IAAK,KAAe,CAAC,OAAO,GACzB,EAEZ,MAAM,IAAI,CACT,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,YACxC,MAAM,GACA,CACV,EACA,KAAK,IAAI,CACR,KAAC,SAAS,IAAC,WAAW,EAAC,IAAI,EAAC,eAAe,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAC1E,MAAC,SAAS,CAAC,IAAI,eACb,KAAC,SAAS,CAAC,MAAM,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,8BAAkC,EAC7E,KAAC,SAAS,CAAC,KAAK,cACd,KAAC,MAAM,CAAC,UAAU,cAAG,KAAe,CAAC,KAAK,GAAqB,GAC/C,IACH,GACP,CACb,IACA,GACS,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/legacy/FallbackIcon.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { ErrorType } from './types';
+export declare const FallbackIcon: (props: {
+    readonly errorType?: ErrorType;
+}) => JSX.Element;
+export default FallbackIcon;
+//# sourceMappingURL=FallbackIcon.d.ts.map

package/dist/legacy/FallbackIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FallbackIcon.d.ts","sourceRoot":"","sources":["../../src/legacy/FallbackIcon.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAazC,eAAO,MAAM,YAAY,UAAW;IAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAA;CAAE,KAAG,WAcxE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/legacy/FallbackIcon.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Icon } from '@equinor/eds-core-react';
+import { tokens } from '@equinor/eds-tokens';
+import { block, warning_outlined, sync_off } from '@equinor/eds-icons';
+import { styled } from 'styled-components';
+Icon.add({ block, warning_outlined, sync_off });
+const Styled = {
+    icon: styled(Icon) `
+    height: 5rem;
+    width: 5rem;
+    color: ${tokens.colors.infographic.primary__energy_red_55.rgba};
+  `,
+};
+export const FallbackIcon = (props) => {
+    const name = useMemo(() => {
+        switch (props.errorType) {
+            case 'accessDenied':
+                return 'block';
+            case 'noData':
+            case 'failedDependency':
+            case 'throttle':
+                return 'sync_off';
+            default:
+                return 'warning_outlined';
+        }
+    }, [props.errorType]);
+    return _jsx(Styled.icon, { name: name });
+};
+export default FallbackIcon;
+//# sourceMappingURL=FallbackIcon.js.map

package/dist/legacy/FallbackIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FallbackIcon.js","sourceRoot":"","sources":["../../src/legacy/FallbackIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAiB,MAAM,oBAAoB,CAAC;AAGtF,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,CAAC;AAEhD,MAAM,MAAM,GAAG;IACb,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;;;aAGP,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,IAAI;GAC/D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAyC,EAAe,EAAE;IACrF,MAAM,IAAI,GAAG,OAAO,CAAC,GAAa,EAAE;QAClC,QAAQ,KAAK,CAAC,SAAS,EAAE;YACvB,KAAK,cAAc;gBACjB,OAAO,OAAO,CAAC;YACjB,KAAK,QAAQ,CAAC;YACd,KAAK,kBAAkB,CAAC;YACxB,KAAK,UAAU;gBACb,OAAO,UAAU,CAAC;YACpB;gBACE,OAAO,kBAAkB,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACtB,OAAO,KAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;AACrC,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/legacy/fallbackRender.d.ts

@@ -0,0 +1,6 @@
+import { ErrorBoundaryProps } from 'react-error-boundary';
+import { FallbackProps } from './Fallback';
+export declare const fallbackRender: ErrorBoundaryProps['fallbackRender'];
+export declare const createFallbackRender: (args?: Omit<FallbackProps, 'error'>) => ErrorBoundaryProps['fallbackRender'];
+export default fallbackRender;
+//# sourceMappingURL=fallbackRender.d.ts.map

package/dist/legacy/fallbackRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fallbackRender.d.ts","sourceRoot":"","sources":["../../src/legacy/fallbackRender.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAErD,eAAO,MAAM,cAAc,EAAE,kBAAkB,CAAC,gBAAgB,CAA+C,CAAC;AAEhH,eAAO,MAAM,oBAAoB,UACvB,KAAK,aAAa,EAAE,OAAO,CAAC,KAAG,kBAAkB,CAAC,gBAAgB,CAErB,CAAC;AAExD,eAAe,cAAc,CAAC"}

package/dist/legacy/fallbackRender.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fallback } from './Fallback';
+export const fallbackRender = (props) => _jsx(Fallback, { error: props.error });
+export const createFallbackRender = (args) => 
+/* eslint-disable-next-line react/display-name, react/function-component-definition, react/prop-types*/
+(props) => _jsx(Fallback, { error: props.error, ...args });
+export default fallbackRender;
+//# sourceMappingURL=fallbackRender.js.map

package/dist/legacy/fallbackRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fallbackRender.js","sourceRoot":"","sources":["../../src/legacy/fallbackRender.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAErD,MAAM,CAAC,MAAM,cAAc,GAAyC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC;AAEhH,MAAM,CAAC,MAAM,oBAAoB,GAC/B,CAAC,IAAmC,EAAwC,EAAE;AAC9E,uGAAuG;AACvG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,KAAM,IAAI,GAAI,CAAC;AAExD,eAAe,cAAc,CAAC"}

package/dist/legacy/index.d.ts

@@ -0,0 +1,4 @@
+export { ErrorBoundary, type ErrorBoundaryProps } from './ErrorBoundary';
+export { Fallback, type FallbackProps } from './Fallback';
+export { createFallbackRender } from './fallbackRender';
+//# sourceMappingURL=index.d.ts.map

package/dist/legacy/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/legacy/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/legacy/index.js

@@ -0,0 +1,4 @@
+export { ErrorBoundary } from './ErrorBoundary';
+export { Fallback } from './Fallback';
+export { createFallbackRender } from './fallbackRender';
+//# sourceMappingURL=index.js.map

package/dist/legacy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/legacy/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/legacy/types.d.ts

@@ -0,0 +1,2 @@
+export type ErrorType = 'error' | 'accessDenied' | 'notFound' | 'noData' | 'failedDependency' | 'throttle';
+//# sourceMappingURL=types.d.ts.map

package/dist/legacy/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/legacy/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,kBAAkB,GAAG,UAAU,CAAC"}

package/dist/legacy/types.js.map

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

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@equinor/fusion-react-errorboundary",
-  "version": "0.1.9",
-  "description": "React component for errorboundary",
+  "version": "1.0.0",
+  "description": "React component for error boundary",
   "keywords": [
-    "errorboundary",
+    "error-boundary",
     "react",
     "fusion",
     "equinor"
@@ -11,6 +11,21 @@
   "homepage": "https://github.com/equinor/fusion-react-components/tree/master/packages/errorboundary#readme",
   "license": "ISC",
   "main": "dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./legacy": "./dist/legacy/index.js",
+    "./package.json": "./package.json",
+    "./README.md": "./README.md",
+    "./CHANGELOG.md": "./CHANGELOG.md"
+  },
+  "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "legacy": [
+        "dist/legacy/index.d.ts"
+      ]
+    }
+  },
   "directories": {
     "dist": "dist"
   },
@@ -24,20 +39,31 @@
     "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.4",
-    "@equinor/fusion-react-icon": "^0.2.17",
-    "@equinor/fusion-react-styles": "^0.5.11",
-    "@equinor/fusion-react-utils": "^2.0.5"
+    "@equinor/fusion-react-button": "^0.9.0",
+    "@equinor/fusion-react-icon": "^0.3.0",
+    "@equinor/fusion-react-styles": "^0.6.0",
+    "@equinor/fusion-react-utils": "^2.1.0",
+    "react-error-boundary": "^4.0.11"
   },
-  "gitHead": "83a3bda4a059bb34609263bff7d17089ec6cd823"
-}
+  "devDependencies": {
+    "@equinor/eds-icons": "^0.19.3",
+    "@equinor/eds-tokens": "^0.9.2",
+    "@types/react": "^18.2.24",
+    "react": "^18.2.0",
+    "styled-components": "^6.1.1"
+  },
+  "peerDependencies": {
+    "@equinor/eds-core-react": "^0.34.0",
+    "@equinor/eds-icons": "^0.19.3",
+    "styled-components": "^6.1.1"
+  },
+  "scripts": {
+    "build": "tsc -b",
+    "lint": "eslint --ext .ts,.tsx,.js src/",
+    "lint:fix": "eslint --ext .ts,.tsx,.js src/ --fix"
+  }
+}

package/dist/ErrorMessage.d.ts

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

package/dist/ErrorMessage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../src/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAQnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,YAAY,iGAUtB,kBAAkB,kBAAkB,CAAC,KAAG,WAgE1C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/ErrorMessage.js

@@ -1,56 +0,0 @@
-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: [_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 +0,0 @@
-{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../src/ErrorMessage.tsx"],"names":[],"mappings":"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"}

package/dist/types.d.ts

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

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"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,kBAAkB,GAAG;IAC/B,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,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.map

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

package/dist/useErrorStyles.d.ts

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

package/dist/useErrorStyles.d.ts.map

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

package/dist/useErrorStyles.js

@@ -1,28 +0,0 @@
-import { createStyles, makeStyles } from '@equinor/fusion-react-styles';
-const useErrorStyles = makeStyles(() => createStyles({
-    container: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: '100%',
-        height: '100%',
-    },
-    messageContainer: {
-        textAlign: 'center',
-        color: 'var(--color-primary-accent)',
-    },
-    icon: {
-        color: 'rgb(102, 102, 102)',
-        fontSize: 36,
-        margiBottom: '1em',
-    },
-    title: {
-        fontSize: 28,
-        margin: '1em 0',
-    },
-    message: {
-        fontSize: 20,
-    },
-}));
-export default useErrorStyles;
-//# sourceMappingURL=useErrorStyles.js.map

package/dist/useErrorStyles.js.map

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