@heritsilavo/react-error-boundary 1.1.0 → 2.0.0

package/dist/react/ErrorBoundary.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ErrorBoundary: React.FC<{
+    children: React.ReactNode;
+    handleError: (error: Error) => void;
+}>;

package/dist/react/{react/ErrorContext.d.ts → ErrorContext.d.ts}

@@ -12,6 +12,7 @@ interface ErrorProviderProps {
     autoHideDelay?: number;
     onError?: () => void;
     closeErrorComponetOnClick?: boolean;
+    handleError?: (error: Error) => void;
 }
 export declare const ErrorProvider: React.FC<ErrorProviderProps>;
 export declare const useError: () => ContextType;

package/dist/react/index.js

@@ -11,6 +11,34 @@ class CustomError extends Error {
     }
 }
 
+// Composant de classe qui capture les erreurs React
+class ErrorBoundaryComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    // Appelé quand une erreur est détectée dans un composant enfant
+    static getDerivedStateFromError(error) {
+        return { hasError: true };
+    }
+    // Permet de logger l'erreur et d'exécuter du code de récupération
+    componentDidCatch(error, errorInfo) {
+        if (this.props.handleError) {
+            this.props.handleError(error);
+        }
+    }
+    render() {
+        if (this.state.hasError) {
+            this.setState({ hasError: false });
+            return this.props.children;
+        }
+        return this.props.children;
+    }
+}
+const ErrorBoundary = ({ children, handleError }) => {
+    return React.createElement(ErrorBoundaryComponent, { handleError: handleError }, children);
+};
+
 var util;
 (function (util) {
     util.assertEqual = (val) => val;
@@ -4336,7 +4364,7 @@ const ErrorContext = React.createContext({
     error: null,
     clearError: () => { }
 });
-const ErrorProvider = ({ children, ErrorComponent = DefaultErrorComponent, autoHideDelay = 5000, onError = () => { }, closeErrorComponetOnClick = false }) => {
+const ErrorProvider = ({ children, ErrorComponent = DefaultErrorComponent, autoHideDelay = 5000, onError = () => { }, closeErrorComponetOnClick = false, handleError: externalHandleError }) => {
     const [error, setError] = React.useState(null);
     const timeoutRef = React.useRef(null);
     // Fonction de nettoyage du timeout
@@ -4357,10 +4385,14 @@ const ErrorProvider = ({ children, ErrorComponent = DefaultErrorComponent, autoH
             ? error
             : new CustomError('UNKNOWN_ERROR', 'Une erreur inattendue est survenue', error.message);
         setError(newError);
+        // Appel du gestionnaire d'erreurs externe s'il est fourni
+        if (externalHandleError) {
+            externalHandleError(newError);
+        }
         if (autoHideDelay > 0) {
             timeoutRef.current = setTimeout(() => setError(null), autoHideDelay);
         }
-    }, [autoHideDelay]);
+    }, [autoHideDelay, externalHandleError, onError]);
     const clearError = React.useCallback(() => {
         clearTimeout();
         setError(null);
@@ -4371,7 +4403,7 @@ const ErrorProvider = ({ children, ErrorComponent = DefaultErrorComponent, autoH
         clearError
     }), [handleError, error, clearError]);
     return (React.createElement(ErrorContext.Provider, { value: contextValue },
-        React.createElement(ErrorBoundary, null,
+        React.createElement(ErrorBoundary, { handleError: handleError },
             error && (React.createElement(ErrorComponent, { error: error, onClose: clearError, closeOnClick: closeErrorComponetOnClick, visiblityTime: autoHideDelay })),
             children)));
 };
@@ -4391,38 +4423,6 @@ const useThrowError = () => {
     }, [handleError]);
 };
 
-// Composant de classe qui capture les erreurs React
-class ErrorBoundaryComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { hasError: false };
-    }
-    // Appelé quand une erreur est détectée dans un composant enfant
-    static getDerivedStateFromError(error) {
-        return { hasError: true };
-    }
-    // Permet de logger l'erreur et d'exécuter du code de récupération
-    componentDidCatch(error, errorInfo) {
-        if (this.props.handleError) {
-            this.props.handleError(error);
-        }
-    }
-    render() {
-        if (this.state.hasError) {
-            this.setState({ hasError: false });
-            return this.props.children;
-        }
-        return this.props.children;
-    }
-}
-const ErrorBoundary = ({ children }) => {
-    const { handleError } = useError();
-    return React.createElement(ErrorBoundaryComponent, { handleError: handleError },
-        " ",
-        children,
-        " ");
-};
-
 exports.CustomError = CustomError;
 exports.DefaultErrorComponent = DefaultErrorComponent;
 exports.ErrorBoundary = ErrorBoundary;