react-error-boundary 4.0.7 → 4.0.9

package/README.md

@@ -180,4 +180,32 @@ const ComponentWithErrorBoundary = withErrorBoundary(ExampleComponent, {
 
 ---
 
+# FAQ
+## `ErrorBoundary` cannot be used as a JSX component
+This error can be caused by a version mismatch between [react](https://npmjs.com/package/react) and [@types/react](https://npmjs.com/package/@types/react). To fix this, ensure that both match exactly, e.g.:
+
+If using NPM:
+```json
+{
+  ...
+  "overrides": {
+    "@types/react": "17.0.60"
+  },
+  ...
+}
+```
+
+If using Yarn:
+```json
+{
+  ...
+  "resolutions": {
+    "@types/react": "17.0.60"
+  },
+  ...
+}
+```
+
+---
+
 [This blog post](https://kentcdodds.com/blog/use-react-error-boundary-to-handle-errors-in-react) shows more examples of how this package can be used, although it was written for the [version 3 API](https://github.com/bvaughn/react-error-boundary/releases/tag/v3.1.4).

package/dist/declarations/src/ErrorBoundary.d.ts

@@ -0,0 +1,18 @@
+import { Component, ErrorInfo, PropsWithChildren, PropsWithRef } from "react";
+import { ErrorBoundaryProps } from "./types.js";
+type ErrorBoundaryState = {
+    didCatch: boolean;
+    error: any;
+};
+export declare class ErrorBoundary extends Component<PropsWithRef<PropsWithChildren<ErrorBoundaryProps>>, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        didCatch: boolean;
+        error: Error;
+    };
+    resetErrorBoundary(...args: any[]): void;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState): void;
+    render(): import("react").FunctionComponentElement<import("react").ProviderProps<import("./ErrorBoundaryContext.js").ErrorBoundaryContextType | null>>;
+}
+export {};

package/dist/declarations/src/ErrorBoundaryContext.d.ts

@@ -0,0 +1,6 @@
+export type ErrorBoundaryContextType = {
+    didCatch: boolean;
+    error: any;
+    resetErrorBoundary: (...args: any[]) => void;
+};
+export declare const ErrorBoundaryContext: import("react").Context<ErrorBoundaryContextType | null>;

package/dist/declarations/src/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./ErrorBoundary.js";
+export * from "./ErrorBoundaryContext.js";
+export * from "./useErrorBoundary.js";
+export * from "./withErrorBoundary.js";
+export * from "./types.js";

package/dist/declarations/src/types.d.ts

@@ -0,0 +1,37 @@
+import { Component, ComponentType, FunctionComponent, ReactElement, ReactNode } from "react";
+declare function FallbackRender(props: FallbackProps): ReactNode;
+export type FallbackProps = {
+    error: any;
+    resetErrorBoundary: (...args: any[]) => void;
+};
+type ErrorBoundarySharedProps = {
+    onError?: (error: Error, info: {
+        componentStack: string;
+    }) => void;
+    onReset?: (details: {
+        reason: "imperative-api";
+        args: any[];
+    } | {
+        reason: "keys";
+        prev: any[] | undefined;
+        next: any[] | undefined;
+    }) => void;
+    resetKeys?: any[];
+};
+export type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {
+    fallback?: never;
+    FallbackComponent: ComponentType<FallbackProps>;
+    fallbackRender?: never;
+};
+export type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {
+    fallback?: never;
+    FallbackComponent?: never;
+    fallbackRender: typeof FallbackRender;
+};
+export type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {
+    fallback: ReactElement<unknown, string | FunctionComponent | typeof Component> | null;
+    FallbackComponent?: never;
+    fallbackRender?: never;
+};
+export type ErrorBoundaryProps = ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;
+export {};

package/dist/declarations/src/useErrorBoundary.d.ts

@@ -0,0 +1,5 @@
+export type UseErrorBoundaryApi<Error> = {
+    resetBoundary: () => void;
+    showBoundary: (error: Error) => void;
+};
+export declare function useErrorBoundary<Error = any>(): UseErrorBoundaryApi<Error>;

package/dist/declarations/src/withErrorBoundary.d.ts

@@ -0,0 +1,3 @@
+import { RefAttributes, ForwardRefExoticComponent, PropsWithoutRef, ComponentType } from "react";
+import { ErrorBoundaryProps } from "./types.js";
+export declare function withErrorBoundary<Props extends Object>(component: ComponentType<Props>, errorBoundaryProps: ErrorBoundaryProps): ForwardRefExoticComponent<PropsWithoutRef<Props> & RefAttributes<any>>;

package/dist/react-error-boundary.cjs.d.mts

@@ -0,0 +1,2 @@
+export * from "./declarations/src/index.js";
+//# sourceMappingURL=react-error-boundary.cjs.d.mts.map

package/dist/react-error-boundary.cjs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-error-boundary.cjs.d.mts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}

package/dist/react-error-boundary.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./declarations/src/index";
+//# sourceMappingURL=react-error-boundary.cjs.d.ts.map

package/dist/react-error-boundary.cjs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-error-boundary.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}

package/dist/react-error-boundary.cjs.js

@@ -0,0 +1,151 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+const ErrorBoundaryContext = react.createContext(null);
+
+const initialState = {
+  didCatch: false,
+  error: null
+};
+class ErrorBoundary extends react.Component {
+  constructor(props) {
+    super(props);
+    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
+    this.state = initialState;
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      didCatch: true,
+      error
+    };
+  }
+  resetErrorBoundary(...args) {
+    const {
+      error
+    } = this.state;
+    if (error !== null) {
+      this.props.onReset?.({
+        args,
+        reason: "imperative-api"
+      });
+      this.setState(initialState);
+    }
+  }
+  componentDidCatch(error, info) {
+    this.props.onError?.(error, info);
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const {
+      didCatch
+    } = this.state;
+    const {
+      resetKeys
+    } = this.props;
+
+    // There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array,
+    // we'd end up resetting the error boundary immediately.
+    // This would likely trigger a second error to be thrown.
+    // So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.
+
+    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
+      this.props.onReset?.({
+        next: resetKeys,
+        prev: prevProps.resetKeys,
+        reason: "keys"
+      });
+      this.setState(initialState);
+    }
+  }
+  render() {
+    const {
+      children,
+      fallbackRender,
+      FallbackComponent,
+      fallback
+    } = this.props;
+    const {
+      didCatch,
+      error
+    } = this.state;
+    let childToRender = children;
+    if (didCatch) {
+      const props = {
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      };
+      if (react.isValidElement(fallback)) {
+        childToRender = fallback;
+      } else if (typeof fallbackRender === "function") {
+        childToRender = fallbackRender(props);
+      } else if (FallbackComponent) {
+        childToRender = react.createElement(FallbackComponent, props);
+      } else {
+        throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
+      }
+    }
+    return react.createElement(ErrorBoundaryContext.Provider, {
+      value: {
+        didCatch,
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      }
+    }, childToRender);
+  }
+}
+function hasArrayChanged(a = [], b = []) {
+  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
+}
+
+function assertErrorBoundaryContext(value) {
+  if (value == null || typeof value.didCatch !== "boolean" || typeof value.resetErrorBoundary !== "function") {
+    throw new Error("ErrorBoundaryContext not found");
+  }
+  return true;
+}
+
+function useErrorBoundary() {
+  const context = react.useContext(ErrorBoundaryContext);
+  assertErrorBoundaryContext(context);
+  const [state, setState] = react.useState({
+    error: null,
+    hasError: false
+  });
+  const memoized = react.useMemo(() => ({
+    resetBoundary: () => {
+      context?.resetErrorBoundary();
+      setState({
+        error: null,
+        hasError: false
+      });
+    },
+    showBoundary: error => setState({
+      error,
+      hasError: true
+    })
+  }), [context?.resetErrorBoundary]);
+  if (state.hasError) {
+    throw state.error;
+  }
+  return memoized;
+}
+
+function withErrorBoundary(component, errorBoundaryProps) {
+  const Wrapped = react.forwardRef((props, ref) => react.createElement(ErrorBoundary, errorBoundaryProps, react.createElement(component, {
+    ...props,
+    ref
+  })));
+
+  // Format for display in DevTools
+  const name = component.displayName || component.name || "Unknown";
+  Wrapped.displayName = `withErrorBoundary(${name})`;
+  return Wrapped;
+}
+
+exports.ErrorBoundary = ErrorBoundary;
+exports.ErrorBoundaryContext = ErrorBoundaryContext;
+exports.useErrorBoundary = useErrorBoundary;
+exports.withErrorBoundary = withErrorBoundary;

package/dist/react-error-boundary.cjs.mjs

@@ -0,0 +1,6 @@
+export {
+  ErrorBoundary,
+  ErrorBoundaryContext,
+  useErrorBoundary,
+  withErrorBoundary
+} from "./react-error-boundary.cjs.js";

package/dist/react-error-boundary.esm.js

@@ -0,0 +1,144 @@
+'use client';
+import { createContext, Component, isValidElement, createElement, useContext, useState, useMemo, forwardRef } from 'react';
+
+const ErrorBoundaryContext = createContext(null);
+
+const initialState = {
+  didCatch: false,
+  error: null
+};
+class ErrorBoundary extends Component {
+  constructor(props) {
+    super(props);
+    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
+    this.state = initialState;
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      didCatch: true,
+      error
+    };
+  }
+  resetErrorBoundary(...args) {
+    const {
+      error
+    } = this.state;
+    if (error !== null) {
+      this.props.onReset?.({
+        args,
+        reason: "imperative-api"
+      });
+      this.setState(initialState);
+    }
+  }
+  componentDidCatch(error, info) {
+    this.props.onError?.(error, info);
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const {
+      didCatch
+    } = this.state;
+    const {
+      resetKeys
+    } = this.props;
+
+    // There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array,
+    // we'd end up resetting the error boundary immediately.
+    // This would likely trigger a second error to be thrown.
+    // So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.
+
+    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
+      this.props.onReset?.({
+        next: resetKeys,
+        prev: prevProps.resetKeys,
+        reason: "keys"
+      });
+      this.setState(initialState);
+    }
+  }
+  render() {
+    const {
+      children,
+      fallbackRender,
+      FallbackComponent,
+      fallback
+    } = this.props;
+    const {
+      didCatch,
+      error
+    } = this.state;
+    let childToRender = children;
+    if (didCatch) {
+      const props = {
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      };
+      if (isValidElement(fallback)) {
+        childToRender = fallback;
+      } else if (typeof fallbackRender === "function") {
+        childToRender = fallbackRender(props);
+      } else if (FallbackComponent) {
+        childToRender = createElement(FallbackComponent, props);
+      } else {
+        throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
+      }
+    }
+    return createElement(ErrorBoundaryContext.Provider, {
+      value: {
+        didCatch,
+        error,
+        resetErrorBoundary: this.resetErrorBoundary
+      }
+    }, childToRender);
+  }
+}
+function hasArrayChanged(a = [], b = []) {
+  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
+}
+
+function assertErrorBoundaryContext(value) {
+  if (value == null || typeof value.didCatch !== "boolean" || typeof value.resetErrorBoundary !== "function") {
+    throw new Error("ErrorBoundaryContext not found");
+  }
+  return true;
+}
+
+function useErrorBoundary() {
+  const context = useContext(ErrorBoundaryContext);
+  assertErrorBoundaryContext(context);
+  const [state, setState] = useState({
+    error: null,
+    hasError: false
+  });
+  const memoized = useMemo(() => ({
+    resetBoundary: () => {
+      context?.resetErrorBoundary();
+      setState({
+        error: null,
+        hasError: false
+      });
+    },
+    showBoundary: error => setState({
+      error,
+      hasError: true
+    })
+  }), [context?.resetErrorBoundary]);
+  if (state.hasError) {
+    throw state.error;
+  }
+  return memoized;
+}
+
+function withErrorBoundary(component, errorBoundaryProps) {
+  const Wrapped = forwardRef((props, ref) => createElement(ErrorBoundary, errorBoundaryProps, createElement(component, {
+    ...props,
+    ref
+  })));
+
+  // Format for display in DevTools
+  const name = component.displayName || component.name || "Unknown";
+  Wrapped.displayName = `withErrorBoundary(${name})`;
+  return Wrapped;
+}
+
+export { ErrorBoundary, ErrorBoundaryContext, useErrorBoundary, withErrorBoundary };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-error-boundary",
-  "version": "4.0.7",
+  "version": "4.0.9",
   "description": "Simple reusable React error boundary component",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com>",
   "license": "MIT",
@@ -8,20 +8,30 @@
     "type": "git",
     "url": "https://github.com/bvaughn/react-error-boundary"
   },
-  "source": "src/index.ts",
-  "main": "dist/react-error-boundary.js",
-  "module": "dist/react-error-boundary.module.js",
-  "types": "dist/react-error-boundary.d.ts",
+  "main": "dist/react-error-boundary.cjs.js",
+  "module": "dist/react-error-boundary.esm.js",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/react-error-boundary.cjs.mjs",
+        "default": "./dist/react-error-boundary.cjs.js"
+      },
+      "module": "./dist/react-error-boundary.esm.js",
+      "import": "./dist/react-error-boundary.cjs.mjs",
+      "default": "./dist/react-error-boundary.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "types": "dist/react-error-boundary.cjs.d.ts",
   "files": [
     "dist"
   ],
   "sideEffects": false,
   "scripts": {
-    "clear": "npm run clear:parcel-cache & npm run clear:builds & npm run clear:node_modules",
+    "clear": "npm run clear:builds & npm run clear:node_modules",
     "clear:builds": "rm -rf ./dist",
-    "clear:parcel-cache": "rm -rf ./.parcel-cache",
     "clear:node_modules": "rm -rf ./node_modules",
-    "prerelease": "rm -rf ./.parcel-cache && parcel build",
+    "prerelease": "preconstruct build",
     "prettier": "prettier --write \"**/*.{css,html,js,json,jsx,ts,tsx}\"",
     "prettier:ci": "prettier --check \"**/*.{css,html,js,json,jsx,ts,tsx}\"",
     "test": "jest",
@@ -33,19 +43,13 @@
     "@babel/runtime": "^7.12.5"
   },
   "devDependencies": {
-    "@parcel/config-default": "^2.9.0",
-    "@parcel/core": "^2.9.0",
-    "@parcel/packager-ts": "^2.9.0",
-    "@parcel/plugin": "^2.9.0",
-    "@parcel/source-map": "^2.1.1",
-    "@parcel/transformer-typescript-types": "^2.9.0",
-    "@parcel/utils": "^2.9.0",
+    "@babel/preset-typescript": "^7.21.5",
+    "@preconstruct/cli": "^2.7.0",
     "@types/jest": "^26.0.15",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "jest": "^29.4.3",
     "jest-environment-jsdom": "^29.4.3",
-    "parcel": "^2.9.0",
     "prettier": "^2.8.6",
     "react": "^18",
     "react-dom": "^18",
@@ -62,5 +66,13 @@
       "react/no-did-update-set-state": "off",
       "babel/no-unused-expressions": "off"
     }
+  },
+  "preconstruct": {
+    "exports": {
+      "importConditionDefaultExport": "default"
+    },
+    "___experimentalFlags_WILL_CHANGE_IN_PATCH": {
+      "importsConditions": true
+    }
   }
 }

package/dist/react-error-boundary.d.ts

@@ -1,65 +0,0 @@
-import { Component, ComponentType, FunctionComponent, ReactElement, ReactNode, ErrorInfo, PropsWithChildren, PropsWithRef, RefAttributes, ForwardRefExoticComponent, PropsWithoutRef } from "react";
-export type ErrorBoundaryContextType = {
-    didCatch: boolean;
-    error: any;
-    resetErrorBoundary: (...args: any[]) => void;
-};
-export const ErrorBoundaryContext: import("react").Context<ErrorBoundaryContextType | null>;
-declare function FallbackRender(props: FallbackProps): ReactNode;
-export type FallbackProps = {
-    error: any;
-    resetErrorBoundary: (...args: any[]) => void;
-};
-type ErrorBoundarySharedProps = {
-    onError?: (error: Error, info: {
-        componentStack: string;
-    }) => void;
-    onReset?: (details: {
-        reason: "imperative-api";
-        args: any[];
-    } | {
-        reason: "keys";
-        prev: any[] | undefined;
-        next: any[] | undefined;
-    }) => void;
-    resetKeys?: any[];
-};
-export type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {
-    fallback?: never;
-    FallbackComponent: ComponentType<FallbackProps>;
-    fallbackRender?: never;
-};
-export type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {
-    fallback?: never;
-    FallbackComponent?: never;
-    fallbackRender: typeof FallbackRender;
-};
-export type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {
-    fallback: ReactElement<unknown, string | FunctionComponent | typeof Component> | null;
-    FallbackComponent?: never;
-    fallbackRender?: never;
-};
-export type ErrorBoundaryProps = ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;
-type ErrorBoundaryState = {
-    didCatch: boolean;
-    error: any;
-};
-export class ErrorBoundary extends Component<PropsWithRef<PropsWithChildren<ErrorBoundaryProps>>, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps);
-    static getDerivedStateFromError(error: Error): {
-        didCatch: boolean;
-        error: Error;
-    };
-    resetErrorBoundary(...args: any[]): void;
-    componentDidCatch(error: Error, info: ErrorInfo): void;
-    componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState): void;
-    render(): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-}
-export type UseErrorBoundaryApi<Error> = {
-    resetBoundary: () => void;
-    showBoundary: (error: Error) => void;
-};
-export function useErrorBoundary<Error = any>(): UseErrorBoundaryApi<Error>;
-export function withErrorBoundary<Props extends Object>(component: ComponentType<Props>, errorBoundaryProps: ErrorBoundaryProps): ForwardRefExoticComponent<PropsWithoutRef<Props> & RefAttributes<any>>;
-
-//# sourceMappingURL=react-error-boundary.d.ts.map

package/dist/react-error-boundary.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";AAEA,uCAAuC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,GAAG,CAAC;IACX,kBAAkB,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,OAAO,MAAM,8EACyC,CAAC;ACDvD,gCAAgC,KAAK,EAAE,aAAa,GAAG,SAAS,CAAC;AAEjE,4BAA4B;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,kBAAkB,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,gCAAgC;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,OAAO,CAAC,EAAE,CACR,OAAO,EACH;QAAE,MAAM,EAAE,gBAAgB,CAAC;QAAC,IAAI,EAAE,GAAG,EAAE,CAAA;KAAE,GACzC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC;QAAC,IAAI,EAAE,GAAG,EAAE,GAAG,SAAS,CAAA;KAAE,KACrE,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC;CACnB,CAAC;AAEF,8CAA8C,wBAAwB,GAAG;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,iBAAiB,EAAE,cAAc,aAAa,CAAC,CAAC;IAChD,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEF,2CAA2C,wBAAwB,GAAG;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,cAAc,EAAE,qBAAqB,CAAC;CACvC,CAAC;AAEF,6CAA6C,wBAAwB,GAAG;IACtE,QAAQ,EAAE,aACR,OAAO,EACP,MAAM,GAAG,iBAAiB,GAAG,gBAAgB,CAC9C,GAAG,IAAI,CAAC;IACT,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEF,iCACI,8BAA8B,GAC9B,+BAA+B,GAC/B,4BAA4B,CAAC;ACrCjC,0BAA0B;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,GAAG,CAAA;CAAE,CAAC;AAO5D,0BAA2B,SAAQ,UACjC,aAAa,kBAAkB,kBAAkB,CAAC,CAAC,EACnD,kBAAkB,CACnB;gBACa,KAAK,EAAE,kBAAkB;IAOrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;;IAI5C,kBAAkB,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE;IAajC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS;IAI/C,kBAAkB,CAChB,SAAS,EAAE,kBAAkB,EAC7B,SAAS,EAAE,kBAAkB;IAyB/B,MAAM;CAsCP;AEhHD,gCAAgC,KAAK,IAAI;IACvC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,iCAAiC,KAAK,GAAG,GAAG,KAAK,oBAAoB,KAAK,CAAC,CAiC1E;AC9BD,kCAAkC,KAAK,SAAS,MAAM,EACpD,SAAS,EAAE,cAAc,KAAK,CAAC,EAC/B,kBAAkB,EAAE,kBAAkB,GACrC,0BAA0B,gBAAgB,KAAK,CAAC,GAAG,cAAc,GAAG,CAAC,CAAC,CAexE","sources":["src/src/ErrorBoundaryContext.ts","src/src/types.ts","src/src/ErrorBoundary.ts","src/src/assertErrorBoundaryContext.ts","src/src/useErrorBoundary.ts","src/src/withErrorBoundary.ts","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,"export * from \"./ErrorBoundary\";\nexport * from \"./ErrorBoundaryContext\";\nexport * from \"./useErrorBoundary\";\nexport * from \"./withErrorBoundary\";\n\n// TypeScript types\nexport * from \"./types\";\n"],"names":[],"version":3,"file":"react-error-boundary.d.ts.map"}

package/dist/react-error-boundary.js

@@ -1,174 +0,0 @@
-"use client";
-
-var $8zHUo$react = require("react");
-
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
-}
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $6d6d4999e62b3ee0$exports = {};
-
-$parcel$export($6d6d4999e62b3ee0$exports, "ErrorBoundary", () => $6d6d4999e62b3ee0$export$e926676385687eaf);
-
-var $4a61716688322eb0$exports = {};
-
-$parcel$export($4a61716688322eb0$exports, "ErrorBoundaryContext", () => $4a61716688322eb0$export$b16d9fb1a22de840);
-
-const $4a61716688322eb0$export$b16d9fb1a22de840 = (0, $8zHUo$react.createContext)(null);
-
-
-const $6d6d4999e62b3ee0$var$initialState = {
-    didCatch: false,
-    error: null
-};
-class $6d6d4999e62b3ee0$export$e926676385687eaf extends (0, $8zHUo$react.Component) {
-    constructor(props){
-        super(props);
-        this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-        this.state = $6d6d4999e62b3ee0$var$initialState;
-    }
-    static getDerivedStateFromError(error) {
-        return {
-            didCatch: true,
-            error: error
-        };
-    }
-    resetErrorBoundary(...args) {
-        const { error: error  } = this.state;
-        if (error !== null) {
-            this.props.onReset?.({
-                args: args,
-                reason: "imperative-api"
-            });
-            this.setState($6d6d4999e62b3ee0$var$initialState);
-        }
-    }
-    componentDidCatch(error, info) {
-        this.props.onError?.(error, info);
-    }
-    componentDidUpdate(prevProps, prevState) {
-        const { didCatch: didCatch  } = this.state;
-        const { resetKeys: resetKeys  } = this.props;
-        // There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array,
-        // we'd end up resetting the error boundary immediately.
-        // This would likely trigger a second error to be thrown.
-        // So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.
-        if (didCatch && prevState.error !== null && $6d6d4999e62b3ee0$var$hasArrayChanged(prevProps.resetKeys, resetKeys)) {
-            this.props.onReset?.({
-                next: resetKeys,
-                prev: prevProps.resetKeys,
-                reason: "keys"
-            });
-            this.setState($6d6d4999e62b3ee0$var$initialState);
-        }
-    }
-    render() {
-        const { children: children , fallbackRender: fallbackRender , FallbackComponent: FallbackComponent , fallback: fallback  } = this.props;
-        const { didCatch: didCatch , error: error  } = this.state;
-        let childToRender = children;
-        if (didCatch) {
-            const props = {
-                error: error,
-                resetErrorBoundary: this.resetErrorBoundary
-            };
-            if ((0, $8zHUo$react.isValidElement)(fallback)) childToRender = fallback;
-            else if (typeof fallbackRender === "function") childToRender = fallbackRender(props);
-            else if (FallbackComponent) childToRender = (0, $8zHUo$react.createElement)(FallbackComponent, props);
-            else throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
-        }
-        return (0, $8zHUo$react.createElement)((0, $4a61716688322eb0$export$b16d9fb1a22de840).Provider, {
-            value: {
-                didCatch: didCatch,
-                error: error,
-                resetErrorBoundary: this.resetErrorBoundary
-            }
-        }, childToRender);
-    }
-}
-function $6d6d4999e62b3ee0$var$hasArrayChanged(a = [], b = []) {
-    return a.length !== b.length || a.some((item, index)=>!Object.is(item, b[index]));
-}
-
-
-
-var $3c4937b727a6fcfb$exports = {};
-
-$parcel$export($3c4937b727a6fcfb$exports, "useErrorBoundary", () => $3c4937b727a6fcfb$export$c052f6604b7d51fe);
-
-function $f8678e3a8e88e8a4$export$f20aa86254872370(value) {
-    if (value == null || typeof value.didCatch !== "boolean" || typeof value.resetErrorBoundary !== "function") throw new Error("ErrorBoundaryContext not found");
-    return true;
-}
-
-
-
-function $3c4937b727a6fcfb$export$c052f6604b7d51fe() {
-    const context = (0, $8zHUo$react.useContext)((0, $4a61716688322eb0$export$b16d9fb1a22de840));
-    (0, $f8678e3a8e88e8a4$export$f20aa86254872370)(context);
-    const [state, setState] = (0, $8zHUo$react.useState)({
-        error: null,
-        hasError: false
-    });
-    const memoized = (0, $8zHUo$react.useMemo)(()=>({
-            resetBoundary: ()=>{
-                context?.resetErrorBoundary();
-                setState({
-                    error: null,
-                    hasError: false
-                });
-            },
-            showBoundary: (error)=>setState({
-                    error: error,
-                    hasError: true
-                })
-        }), [
-        context?.resetErrorBoundary
-    ]);
-    if (state.hasError) throw state.error;
-    return memoized;
-}
-
-
-var $9e88dd86e0bb2944$exports = {};
-
-$parcel$export($9e88dd86e0bb2944$exports, "withErrorBoundary", () => $9e88dd86e0bb2944$export$f0c7a449e0cfaec7);
-
-
-function $9e88dd86e0bb2944$export$f0c7a449e0cfaec7(component, errorBoundaryProps) {
-    const Wrapped = (0, $8zHUo$react.forwardRef)((props, ref)=>(0, $8zHUo$react.createElement)((0, $6d6d4999e62b3ee0$export$e926676385687eaf), errorBoundaryProps, (0, $8zHUo$react.createElement)(component, {
-            ...props,
-            ref: ref
-        })));
-    // Format for display in DevTools
-    const name = component.displayName || component.name || "Unknown";
-    Wrapped.displayName = `withErrorBoundary(${name})`;
-    return Wrapped;
-}
-
-
-var $faefaad95e5fcca0$exports = {};
-
-
-$parcel$exportWildcard(module.exports, $6d6d4999e62b3ee0$exports);
-$parcel$exportWildcard(module.exports, $4a61716688322eb0$exports);
-$parcel$exportWildcard(module.exports, $3c4937b727a6fcfb$exports);
-$parcel$exportWildcard(module.exports, $9e88dd86e0bb2944$exports);
-$parcel$exportWildcard(module.exports, $faefaad95e5fcca0$exports);
-
-
-//# sourceMappingURL=react-error-boundary.js.map

package/dist/react-error-boundary.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["src/index.ts","src/ErrorBoundary.ts","src/ErrorBoundaryContext.ts","src/useErrorBoundary.ts","src/assertErrorBoundaryContext.ts","src/withErrorBoundary.ts","src/types.ts"],"sourcesContent":["export * from \"./ErrorBoundary\";\nexport * from \"./ErrorBoundaryContext\";\nexport * from \"./useErrorBoundary\";\nexport * from \"./withErrorBoundary\";\n\n// TypeScript types\nexport * from \"./types\";\n","import {\n  Component,\n  createElement,\n  ErrorInfo,\n  isValidElement,\n  PropsWithChildren,\n  PropsWithRef,\n  ReactElement,\n} from \"react\";\nimport { ErrorBoundaryContext } from \"./ErrorBoundaryContext\";\nimport { ErrorBoundaryProps, FallbackProps } from \"./types\";\n\ntype ErrorBoundaryState = { didCatch: boolean; error: any };\n\nconst initialState: ErrorBoundaryState = {\n  didCatch: false,\n  error: null,\n};\n\nexport class ErrorBoundary extends Component<\n  PropsWithRef<PropsWithChildren<ErrorBoundaryProps>>,\n  ErrorBoundaryState\n> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n\n    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);\n    this.state = initialState;\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { didCatch: true, error };\n  }\n\n  resetErrorBoundary(...args: any[]) {\n    const { error } = this.state;\n\n    if (error !== null) {\n      this.props.onReset?.({\n        args,\n        reason: \"imperative-api\",\n      });\n\n      this.setState(initialState);\n    }\n  }\n\n  componentDidCatch(error: Error, info: ErrorInfo) {\n    this.props.onError?.(error, info);\n  }\n\n  componentDidUpdate(\n    prevProps: ErrorBoundaryProps,\n    prevState: ErrorBoundaryState\n  ) {\n    const { didCatch } = this.state;\n    const { resetKeys } = this.props;\n\n    // There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array,\n    // we'd end up resetting the error boundary immediately.\n    // This would likely trigger a second error to be thrown.\n    // So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.\n\n    if (\n      didCatch &&\n      prevState.error !== null &&\n      hasArrayChanged(prevProps.resetKeys, resetKeys)\n    ) {\n      this.props.onReset?.({\n        next: resetKeys,\n        prev: prevProps.resetKeys,\n        reason: \"keys\",\n      });\n\n      this.setState(initialState);\n    }\n  }\n\n  render() {\n    const { children, fallbackRender, FallbackComponent, fallback } =\n      this.props;\n    const { didCatch, error } = this.state;\n\n    let childToRender = children;\n\n    if (didCatch) {\n      const props: FallbackProps = {\n        error,\n        resetErrorBoundary: this.resetErrorBoundary,\n      };\n\n      if (isValidElement(fallback)) {\n        childToRender = fallback;\n      } else if (typeof fallbackRender === \"function\") {\n        childToRender = fallbackRender(props);\n      } else if (FallbackComponent) {\n        childToRender = createElement(FallbackComponent, props);\n      } else {\n        throw new Error(\n          \"react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop\"\n        );\n      }\n    }\n\n    return createElement(\n      ErrorBoundaryContext.Provider,\n      {\n        value: {\n          didCatch,\n          error,\n          resetErrorBoundary: this.resetErrorBoundary,\n        },\n      },\n      childToRender\n    ) as ReactElement;\n  }\n}\n\nfunction hasArrayChanged(a: any[] = [], b: any[] = []) {\n  return (\n    a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]))\n  );\n}\n","import { createContext } from \"react\";\n\nexport type ErrorBoundaryContextType = {\n  didCatch: boolean;\n  error: any;\n  resetErrorBoundary: (...args: any[]) => void;\n};\n\nexport const ErrorBoundaryContext =\n  createContext<ErrorBoundaryContextType | null>(null);\n","import { useContext, useMemo, useState } from \"react\";\nimport { assertErrorBoundaryContext } from \"./assertErrorBoundaryContext\";\nimport { ErrorBoundaryContext } from \"./ErrorBoundaryContext\";\n\nexport type UseErrorBoundaryApi<Error> = {\n  resetBoundary: () => void;\n  showBoundary: (error: Error) => void;\n};\n\nexport function useErrorBoundary<Error = any>(): UseErrorBoundaryApi<Error> {\n  const context = useContext(ErrorBoundaryContext);\n\n  assertErrorBoundaryContext(context);\n\n  const [state, setState] = useState<{\n    error: Error | null;\n    hasError: boolean;\n  }>({\n    error: null,\n    hasError: false,\n  });\n\n  const memoized = useMemo(\n    () => ({\n      resetBoundary: () => {\n        context?.resetErrorBoundary();\n        setState({ error: null, hasError: false });\n      },\n      showBoundary: (error: Error) =>\n        setState({\n          error,\n          hasError: true,\n        }),\n    }),\n    [context?.resetErrorBoundary]\n  );\n\n  if (state.hasError) {\n    throw state.error;\n  }\n\n  return memoized;\n}\n","import { ErrorBoundaryContextType } from \"./ErrorBoundaryContext\";\n\nexport function assertErrorBoundaryContext(\n  value: any\n): value is ErrorBoundaryContextType {\n  if (\n    value == null ||\n    typeof value.didCatch !== \"boolean\" ||\n    typeof value.resetErrorBoundary !== \"function\"\n  ) {\n    throw new Error(\"ErrorBoundaryContext not found\");\n  }\n\n  return true;\n}\n","import {\n  createElement,\n  forwardRef,\n  ForwardedRef,\n  RefAttributes,\n  ForwardRefExoticComponent,\n  PropsWithoutRef,\n  ComponentType,\n} from \"react\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\nimport { ErrorBoundaryProps } from \"./types\";\n\nexport function withErrorBoundary<Props extends Object>(\n  component: ComponentType<Props>,\n  errorBoundaryProps: ErrorBoundaryProps\n): ForwardRefExoticComponent<PropsWithoutRef<Props> & RefAttributes<any>> {\n  const Wrapped = forwardRef<ComponentType<Props>, Props>(\n    (props: Props, ref: ForwardedRef<ComponentType<Props>>) =>\n      createElement(\n        ErrorBoundary,\n        errorBoundaryProps,\n        createElement(component, { ...props, ref })\n      )\n  );\n\n  // Format for display in DevTools\n  const name = component.displayName || component.name || \"Unknown\";\n  Wrapped.displayName = `withErrorBoundary(${name})`;\n\n  return Wrapped;\n}\n","import {\n  Component,\n  ComponentType,\n  FunctionComponent,\n  ReactElement,\n  ReactNode,\n} from \"react\";\n\ndeclare function FallbackRender(props: FallbackProps): ReactNode;\n\nexport type FallbackProps = {\n  error: any;\n  resetErrorBoundary: (...args: any[]) => void;\n};\n\ntype ErrorBoundarySharedProps = {\n  onError?: (error: Error, info: { componentStack: string }) => void;\n  onReset?: (\n    details:\n      | { reason: \"imperative-api\"; args: any[] }\n      | { reason: \"keys\"; prev: any[] | undefined; next: any[] | undefined }\n  ) => void;\n  resetKeys?: any[];\n};\n\nexport type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {\n  fallback?: never;\n  FallbackComponent: ComponentType<FallbackProps>;\n  fallbackRender?: never;\n};\n\nexport type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {\n  fallback?: never;\n  FallbackComponent?: never;\n  fallbackRender: typeof FallbackRender;\n};\n\nexport type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {\n  fallback: ReactElement<\n    unknown,\n    string | FunctionComponent | typeof Component\n  > | null;\n  FallbackComponent?: never;\n  fallbackRender?: never;\n};\n\nexport type ErrorBoundaryProps =\n  | ErrorBoundaryPropsWithFallback\n  | ErrorBoundaryPropsWithComponent\n  | ErrorBoundaryPropsWithRender;\n"],"names":[],"version":3,"file":"react-error-boundary.js.map"}

package/dist/react-error-boundary.module.js

@@ -1,154 +0,0 @@
-"use client";
-
-import {isValidElement as $hgUW1$isValidElement, createElement as $hgUW1$createElement, Component as $hgUW1$Component, createContext as $hgUW1$createContext, useContext as $hgUW1$useContext, useState as $hgUW1$useState, useMemo as $hgUW1$useMemo, forwardRef as $hgUW1$forwardRef} from "react";
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $44d7e150ebc754d2$exports = {};
-
-$parcel$export($44d7e150ebc754d2$exports, "ErrorBoundary", () => $44d7e150ebc754d2$export$e926676385687eaf);
-
-var $ebb31c7feaa4405e$exports = {};
-
-$parcel$export($ebb31c7feaa4405e$exports, "ErrorBoundaryContext", () => $ebb31c7feaa4405e$export$b16d9fb1a22de840);
-
-const $ebb31c7feaa4405e$export$b16d9fb1a22de840 = (0, $hgUW1$createContext)(null);
-
-
-const $44d7e150ebc754d2$var$initialState = {
-    didCatch: false,
-    error: null
-};
-class $44d7e150ebc754d2$export$e926676385687eaf extends (0, $hgUW1$Component) {
-    constructor(props){
-        super(props);
-        this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-        this.state = $44d7e150ebc754d2$var$initialState;
-    }
-    static getDerivedStateFromError(error) {
-        return {
-            didCatch: true,
-            error: error
-        };
-    }
-    resetErrorBoundary(...args) {
-        const { error: error  } = this.state;
-        if (error !== null) {
-            this.props.onReset?.({
-                args: args,
-                reason: "imperative-api"
-            });
-            this.setState($44d7e150ebc754d2$var$initialState);
-        }
-    }
-    componentDidCatch(error, info) {
-        this.props.onError?.(error, info);
-    }
-    componentDidUpdate(prevProps, prevState) {
-        const { didCatch: didCatch  } = this.state;
-        const { resetKeys: resetKeys  } = this.props;
-        // There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array,
-        // we'd end up resetting the error boundary immediately.
-        // This would likely trigger a second error to be thrown.
-        // So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.
-        if (didCatch && prevState.error !== null && $44d7e150ebc754d2$var$hasArrayChanged(prevProps.resetKeys, resetKeys)) {
-            this.props.onReset?.({
-                next: resetKeys,
-                prev: prevProps.resetKeys,
-                reason: "keys"
-            });
-            this.setState($44d7e150ebc754d2$var$initialState);
-        }
-    }
-    render() {
-        const { children: children , fallbackRender: fallbackRender , FallbackComponent: FallbackComponent , fallback: fallback  } = this.props;
-        const { didCatch: didCatch , error: error  } = this.state;
-        let childToRender = children;
-        if (didCatch) {
-            const props = {
-                error: error,
-                resetErrorBoundary: this.resetErrorBoundary
-            };
-            if ((0, $hgUW1$isValidElement)(fallback)) childToRender = fallback;
-            else if (typeof fallbackRender === "function") childToRender = fallbackRender(props);
-            else if (FallbackComponent) childToRender = (0, $hgUW1$createElement)(FallbackComponent, props);
-            else throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
-        }
-        return (0, $hgUW1$createElement)((0, $ebb31c7feaa4405e$export$b16d9fb1a22de840).Provider, {
-            value: {
-                didCatch: didCatch,
-                error: error,
-                resetErrorBoundary: this.resetErrorBoundary
-            }
-        }, childToRender);
-    }
-}
-function $44d7e150ebc754d2$var$hasArrayChanged(a = [], b = []) {
-    return a.length !== b.length || a.some((item, index)=>!Object.is(item, b[index]));
-}
-
-
-
-var $7c3c25b3f398a9d6$exports = {};
-
-$parcel$export($7c3c25b3f398a9d6$exports, "useErrorBoundary", () => $7c3c25b3f398a9d6$export$c052f6604b7d51fe);
-
-function $75c9d331f9c1ed1a$export$f20aa86254872370(value) {
-    if (value == null || typeof value.didCatch !== "boolean" || typeof value.resetErrorBoundary !== "function") throw new Error("ErrorBoundaryContext not found");
-    return true;
-}
-
-
-
-function $7c3c25b3f398a9d6$export$c052f6604b7d51fe() {
-    const context = (0, $hgUW1$useContext)((0, $ebb31c7feaa4405e$export$b16d9fb1a22de840));
-    (0, $75c9d331f9c1ed1a$export$f20aa86254872370)(context);
-    const [state, setState] = (0, $hgUW1$useState)({
-        error: null,
-        hasError: false
-    });
-    const memoized = (0, $hgUW1$useMemo)(()=>({
-            resetBoundary: ()=>{
-                context?.resetErrorBoundary();
-                setState({
-                    error: null,
-                    hasError: false
-                });
-            },
-            showBoundary: (error)=>setState({
-                    error: error,
-                    hasError: true
-                })
-        }), [
-        context?.resetErrorBoundary
-    ]);
-    if (state.hasError) throw state.error;
-    return memoized;
-}
-
-
-var $62ff477d53f02a5b$exports = {};
-
-$parcel$export($62ff477d53f02a5b$exports, "withErrorBoundary", () => $62ff477d53f02a5b$export$f0c7a449e0cfaec7);
-
-
-function $62ff477d53f02a5b$export$f0c7a449e0cfaec7(component, errorBoundaryProps) {
-    const Wrapped = (0, $hgUW1$forwardRef)((props, ref)=>(0, $hgUW1$createElement)((0, $44d7e150ebc754d2$export$e926676385687eaf), errorBoundaryProps, (0, $hgUW1$createElement)(component, {
-            ...props,
-            ref: ref
-        })));
-    // Format for display in DevTools
-    const name = component.displayName || component.name || "Unknown";
-    Wrapped.displayName = `withErrorBoundary(${name})`;
-    return Wrapped;
-}
-
-
-var $81c1b644006d48ec$exports = {};
-
-
-
-
-export {$44d7e150ebc754d2$export$e926676385687eaf as ErrorBoundary, $ebb31c7feaa4405e$export$b16d9fb1a22de840 as ErrorBoundaryContext, $7c3c25b3f398a9d6$export$c052f6604b7d51fe as useErrorBoundary, $62ff477d53f02a5b$export$f0c7a449e0cfaec7 as withErrorBoundary};
-//# sourceMappingURL=react-error-boundary.module.js.map

package/dist/react-error-boundary.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;AEQO,MAAM,4CACX,CAAA,GAAA,oBAAY,EAAmC;;;ADKjD,MAAM,qCAAmC;IACvC,UAAU;IACV,OAAO;AACT;AAEO,MAAM,kDAAsB,CAAA,GAAA,gBAAQ;IAIzC,YAAY,KAAyB,CAAE;QACrC,KAAK,CAAC;QAEN,IAAI,CAAC,qBAAqB,IAAI,CAAC,mBAAmB,KAAK,IAAI;QAC3D,IAAI,CAAC,QAAQ;IACf;IAEA,OAAO,yBAAyB,KAAY,EAAE;QAC5C,OAAO;YAAE,UAAU;mBAAM;QAAM;IACjC;IAEA,mBAAmB,GAAG,IAAW,EAAE;QACjC,MAAM,SAAE,MAAK,EAAE,GAAG,IAAI,CAAC;QAEvB,IAAI,UAAU,MAAM;YAClB,IAAI,CAAC,MAAM,UAAU;sBACnB;gBACA,QAAQ;YACV;YAEA,IAAI,CAAC,SAAS;QAChB;IACF;IAEA,kBAAkB,KAAY,EAAE,IAAe,EAAE;QAC/C,IAAI,CAAC,MAAM,UAAU,OAAO;IAC9B;IAEA,mBACE,SAA6B,EAC7B,SAA6B,EAC7B;QACA,MAAM,YAAE,SAAQ,EAAE,GAAG,IAAI,CAAC;QAC1B,MAAM,aAAE,UAAS,EAAE,GAAG,IAAI,CAAC;QAE3B,gHAAgH;QAChH,wDAAwD;QACxD,yDAAyD;QACzD,qGAAqG;QAErG,IACE,YACA,UAAU,UAAU,QACpB,sCAAgB,UAAU,WAAW,YACrC;YACA,IAAI,CAAC,MAAM,UAAU;gBACnB,MAAM;gBACN,MAAM,UAAU;gBAChB,QAAQ;YACV;YAEA,IAAI,CAAC,SAAS;QAChB;IACF;IAEA,SAAS;QACP,MAAM,YAAE,SAAQ,kBAAE,eAAc,qBAAE,kBAAiB,YAAE,SAAQ,EAAE,GAC7D,IAAI,CAAC;QACP,MAAM,YAAE,SAAQ,SAAE,MAAK,EAAE,GAAG,IAAI,CAAC;QAEjC,IAAI,gBAAgB;QAEpB,IAAI,UAAU;YACZ,MAAM,QAAuB;uBAC3B;gBACA,oBAAoB,IAAI,CAAC;YAC3B;YAEA,IAAI,CAAA,GAAA,qBAAa,EAAE,WACjB,gBAAgB;iBACX,IAAI,OAAO,mBAAmB,YACnC,gBAAgB,eAAe;iBAC1B,IAAI,mBACT,gBAAgB,CAAA,GAAA,oBAAY,EAAE,mBAAmB;iBAEjD,MAAM,IAAI,MACR;QAGN;QAEA,OAAO,CAAA,GAAA,oBAAY,EACjB,CAAA,GAAA,yCAAmB,EAAE,UACrB;YACE,OAAO;0BACL;uBACA;gBACA,oBAAoB,IAAI,CAAC;YAC3B;QACF,GACA;IAEJ;AACF;AAEA,SAAS,sCAAgB,IAAW,EAAE,EAAE,IAAW,EAAE;IACnD,OACE,EAAE,WAAW,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,QAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,MAAM;AAE9E;;;;;;;;AGxHO,SAAS,0CACd,KAAU;IAEV,IACE,SAAS,QACT,OAAO,MAAM,aAAa,aAC1B,OAAO,MAAM,uBAAuB,YAEpC,MAAM,IAAI,MAAM;IAGlB,OAAO;AACT;;;;ADLO,SAAS;IACd,MAAM,UAAU,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAmB;IAE9C,CAAA,GAAA,yCAAyB,EAAE;IAE3B,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAO,EAG9B;QACD,OAAO;QACP,UAAU;IACZ;IAEA,MAAM,WAAW,CAAA,GAAA,cAAM,EACrB,IAAO,CAAA;YACL,eAAe;gBACb,SAAS;gBACT,SAAS;oBAAE,OAAO;oBAAM,UAAU;gBAAM;YAC1C;YACA,cAAc,CAAC,QACb,SAAS;2BACP;oBACA,UAAU;gBACZ;QACJ,CAAA,GACA;QAAC,SAAS;KAAmB;IAG/B,IAAI,MAAM,UACR,MAAM,MAAM;IAGd,OAAO;AACT;;;;;;;;AE9BO,SAAS,0CACd,SAA+B,EAC/B,kBAAsC;IAEtC,MAAM,UAAU,CAAA,GAAA,iBAAS,EACvB,CAAC,OAAc,MACb,CAAA,GAAA,oBAAY,EACV,CAAA,GAAA,yCAAY,GACZ,oBACA,CAAA,GAAA,oBAAY,EAAE,WAAW;YAAE,GAAG,KAAK;iBAAE;QAAI;IAI/C,iCAAiC;IACjC,MAAM,OAAO,UAAU,eAAe,UAAU,QAAQ;IACxD,QAAQ,cAAc,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;IAElD,OAAO;AACT;;;;;","sources":["src/index.ts","src/ErrorBoundary.ts","src/ErrorBoundaryContext.ts","src/useErrorBoundary.ts","src/assertErrorBoundaryContext.ts","src/withErrorBoundary.ts","src/types.ts"],"sourcesContent":["export * from \"./ErrorBoundary\";\nexport * from \"./ErrorBoundaryContext\";\nexport * from \"./useErrorBoundary\";\nexport * from \"./withErrorBoundary\";\n\n// TypeScript types\nexport * from \"./types\";\n","import {\n  Component,\n  createElement,\n  ErrorInfo,\n  isValidElement,\n  PropsWithChildren,\n  PropsWithRef,\n  ReactElement,\n} from \"react\";\nimport { ErrorBoundaryContext } from \"./ErrorBoundaryContext\";\nimport { ErrorBoundaryProps, FallbackProps } from \"./types\";\n\ntype ErrorBoundaryState = { didCatch: boolean; error: any };\n\nconst initialState: ErrorBoundaryState = {\n  didCatch: false,\n  error: null,\n};\n\nexport class ErrorBoundary extends Component<\n  PropsWithRef<PropsWithChildren<ErrorBoundaryProps>>,\n  ErrorBoundaryState\n> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n\n    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);\n    this.state = initialState;\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { didCatch: true, error };\n  }\n\n  resetErrorBoundary(...args: any[]) {\n    const { error } = this.state;\n\n    if (error !== null) {\n      this.props.onReset?.({\n        args,\n        reason: \"imperative-api\",\n      });\n\n      this.setState(initialState);\n    }\n  }\n\n  componentDidCatch(error: Error, info: ErrorInfo) {\n    this.props.onError?.(error, info);\n  }\n\n  componentDidUpdate(\n    prevProps: ErrorBoundaryProps,\n    prevState: ErrorBoundaryState\n  ) {\n    const { didCatch } = this.state;\n    const { resetKeys } = this.props;\n\n    // There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array,\n    // we'd end up resetting the error boundary immediately.\n    // This would likely trigger a second error to be thrown.\n    // So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.\n\n    if (\n      didCatch &&\n      prevState.error !== null &&\n      hasArrayChanged(prevProps.resetKeys, resetKeys)\n    ) {\n      this.props.onReset?.({\n        next: resetKeys,\n        prev: prevProps.resetKeys,\n        reason: \"keys\",\n      });\n\n      this.setState(initialState);\n    }\n  }\n\n  render() {\n    const { children, fallbackRender, FallbackComponent, fallback } =\n      this.props;\n    const { didCatch, error } = this.state;\n\n    let childToRender = children;\n\n    if (didCatch) {\n      const props: FallbackProps = {\n        error,\n        resetErrorBoundary: this.resetErrorBoundary,\n      };\n\n      if (isValidElement(fallback)) {\n        childToRender = fallback;\n      } else if (typeof fallbackRender === \"function\") {\n        childToRender = fallbackRender(props);\n      } else if (FallbackComponent) {\n        childToRender = createElement(FallbackComponent, props);\n      } else {\n        throw new Error(\n          \"react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop\"\n        );\n      }\n    }\n\n    return createElement(\n      ErrorBoundaryContext.Provider,\n      {\n        value: {\n          didCatch,\n          error,\n          resetErrorBoundary: this.resetErrorBoundary,\n        },\n      },\n      childToRender\n    ) as ReactElement;\n  }\n}\n\nfunction hasArrayChanged(a: any[] = [], b: any[] = []) {\n  return (\n    a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]))\n  );\n}\n","import { createContext } from \"react\";\n\nexport type ErrorBoundaryContextType = {\n  didCatch: boolean;\n  error: any;\n  resetErrorBoundary: (...args: any[]) => void;\n};\n\nexport const ErrorBoundaryContext =\n  createContext<ErrorBoundaryContextType | null>(null);\n","import { useContext, useMemo, useState } from \"react\";\nimport { assertErrorBoundaryContext } from \"./assertErrorBoundaryContext\";\nimport { ErrorBoundaryContext } from \"./ErrorBoundaryContext\";\n\nexport type UseErrorBoundaryApi<Error> = {\n  resetBoundary: () => void;\n  showBoundary: (error: Error) => void;\n};\n\nexport function useErrorBoundary<Error = any>(): UseErrorBoundaryApi<Error> {\n  const context = useContext(ErrorBoundaryContext);\n\n  assertErrorBoundaryContext(context);\n\n  const [state, setState] = useState<{\n    error: Error | null;\n    hasError: boolean;\n  }>({\n    error: null,\n    hasError: false,\n  });\n\n  const memoized = useMemo(\n    () => ({\n      resetBoundary: () => {\n        context?.resetErrorBoundary();\n        setState({ error: null, hasError: false });\n      },\n      showBoundary: (error: Error) =>\n        setState({\n          error,\n          hasError: true,\n        }),\n    }),\n    [context?.resetErrorBoundary]\n  );\n\n  if (state.hasError) {\n    throw state.error;\n  }\n\n  return memoized;\n}\n","import { ErrorBoundaryContextType } from \"./ErrorBoundaryContext\";\n\nexport function assertErrorBoundaryContext(\n  value: any\n): value is ErrorBoundaryContextType {\n  if (\n    value == null ||\n    typeof value.didCatch !== \"boolean\" ||\n    typeof value.resetErrorBoundary !== \"function\"\n  ) {\n    throw new Error(\"ErrorBoundaryContext not found\");\n  }\n\n  return true;\n}\n","import {\n  createElement,\n  forwardRef,\n  ForwardedRef,\n  RefAttributes,\n  ForwardRefExoticComponent,\n  PropsWithoutRef,\n  ComponentType,\n} from \"react\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\nimport { ErrorBoundaryProps } from \"./types\";\n\nexport function withErrorBoundary<Props extends Object>(\n  component: ComponentType<Props>,\n  errorBoundaryProps: ErrorBoundaryProps\n): ForwardRefExoticComponent<PropsWithoutRef<Props> & RefAttributes<any>> {\n  const Wrapped = forwardRef<ComponentType<Props>, Props>(\n    (props: Props, ref: ForwardedRef<ComponentType<Props>>) =>\n      createElement(\n        ErrorBoundary,\n        errorBoundaryProps,\n        createElement(component, { ...props, ref })\n      )\n  );\n\n  // Format for display in DevTools\n  const name = component.displayName || component.name || \"Unknown\";\n  Wrapped.displayName = `withErrorBoundary(${name})`;\n\n  return Wrapped;\n}\n","import {\n  Component,\n  ComponentType,\n  FunctionComponent,\n  ReactElement,\n  ReactNode,\n} from \"react\";\n\ndeclare function FallbackRender(props: FallbackProps): ReactNode;\n\nexport type FallbackProps = {\n  error: any;\n  resetErrorBoundary: (...args: any[]) => void;\n};\n\ntype ErrorBoundarySharedProps = {\n  onError?: (error: Error, info: { componentStack: string }) => void;\n  onReset?: (\n    details:\n      | { reason: \"imperative-api\"; args: any[] }\n      | { reason: \"keys\"; prev: any[] | undefined; next: any[] | undefined }\n  ) => void;\n  resetKeys?: any[];\n};\n\nexport type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {\n  fallback?: never;\n  FallbackComponent: ComponentType<FallbackProps>;\n  fallbackRender?: never;\n};\n\nexport type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {\n  fallback?: never;\n  FallbackComponent?: never;\n  fallbackRender: typeof FallbackRender;\n};\n\nexport type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {\n  fallback: ReactElement<\n    unknown,\n    string | FunctionComponent | typeof Component\n  > | null;\n  FallbackComponent?: never;\n  fallbackRender?: never;\n};\n\nexport type ErrorBoundaryProps =\n  | ErrorBoundaryPropsWithFallback\n  | ErrorBoundaryPropsWithComponent\n  | ErrorBoundaryPropsWithRender;\n"],"names":[],"version":3,"file":"react-error-boundary.module.js.map"}