@xyo-network/react-error 2.63.1 → 2.64.0-rc.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (136) hide show
  1. package/dist/components/ErrorBoundary/ThrownErrorBoundary.d.mts.map +1 -0
  2. package/dist/components/ErrorBoundary/ThrownErrorBoundary.d.ts +21 -0
  3. package/dist/components/ErrorBoundary/ThrownErrorBoundary.d.ts.map +1 -0
  4. package/dist/components/ErrorBoundary/ThrownErrorBoundary.stories.d.mts +7 -0
  5. package/dist/components/ErrorBoundary/ThrownErrorBoundary.stories.d.mts.map +1 -0
  6. package/dist/components/ErrorBoundary/ThrownErrorBoundary.stories.d.ts +7 -0
  7. package/dist/components/ErrorBoundary/ThrownErrorBoundary.stories.d.ts.map +1 -0
  8. package/dist/components/ErrorBoundary/index.d.mts.map +1 -0
  9. package/dist/{esm/components/ErrorBoundary/index.js → components/ErrorBoundary/index.d.ts} +1 -1
  10. package/dist/components/ErrorBoundary/index.d.ts.map +1 -0
  11. package/dist/components/ErrorRender/ErrorAlert.d.mts.map +1 -0
  12. package/dist/components/ErrorRender/ErrorAlert.d.ts +10 -0
  13. package/dist/components/ErrorRender/ErrorAlert.d.ts.map +1 -0
  14. package/dist/components/ErrorRender/Props.d.mts.map +1 -0
  15. package/dist/components/ErrorRender/Props.d.ts +12 -0
  16. package/dist/components/ErrorRender/Props.d.ts.map +1 -0
  17. package/dist/components/ErrorRender/Render.d.mts.map +1 -0
  18. package/dist/components/ErrorRender/Render.d.ts +4 -0
  19. package/dist/components/ErrorRender/Render.d.ts.map +1 -0
  20. package/dist/components/ErrorRender/index.d.mts.map +1 -0
  21. package/dist/{esm/components/ErrorRender/index.js → components/ErrorRender/index.d.ts} +1 -1
  22. package/dist/components/ErrorRender/index.d.ts.map +1 -0
  23. package/dist/components/index.d.mts.map +1 -0
  24. package/dist/{esm/components/index.js → components/index.d.ts} +1 -1
  25. package/dist/components/index.d.ts.map +1 -0
  26. package/dist/contexts/ErrorReporter/Context.d.mts.map +1 -0
  27. package/dist/contexts/ErrorReporter/Context.d.ts +4 -0
  28. package/dist/contexts/ErrorReporter/Context.d.ts.map +1 -0
  29. package/dist/contexts/ErrorReporter/Provider.d.mts.map +1 -0
  30. package/dist/contexts/ErrorReporter/Provider.d.ts +9 -0
  31. package/dist/contexts/ErrorReporter/Provider.d.ts.map +1 -0
  32. package/dist/contexts/ErrorReporter/Provider.stories.d.mts +10 -0
  33. package/dist/contexts/ErrorReporter/Provider.stories.d.mts.map +1 -0
  34. package/dist/contexts/ErrorReporter/Provider.stories.d.ts +10 -0
  35. package/dist/contexts/ErrorReporter/Provider.stories.d.ts.map +1 -0
  36. package/dist/contexts/ErrorReporter/State.d.mts.map +1 -0
  37. package/dist/contexts/ErrorReporter/State.d.ts +5 -0
  38. package/dist/contexts/ErrorReporter/State.d.ts.map +1 -0
  39. package/dist/contexts/ErrorReporter/index.d.mts.map +1 -0
  40. package/dist/{esm/contexts/ErrorReporter/index.js → contexts/ErrorReporter/index.d.ts} +1 -1
  41. package/dist/contexts/ErrorReporter/index.d.ts.map +1 -0
  42. package/dist/contexts/ErrorReporter/useRollbar.d.mts.map +1 -0
  43. package/dist/contexts/ErrorReporter/useRollbar.d.ts +3 -0
  44. package/dist/contexts/ErrorReporter/useRollbar.d.ts.map +1 -0
  45. package/dist/contexts/index.d.mts.map +1 -0
  46. package/dist/contexts/index.d.ts +2 -0
  47. package/dist/contexts/index.d.ts.map +1 -0
  48. package/dist/index.d.mts.map +1 -0
  49. package/dist/{esm/index.js → index.d.ts} +1 -1
  50. package/dist/index.d.ts.map +1 -0
  51. package/dist/index.js +149 -0
  52. package/dist/index.js.map +1 -0
  53. package/dist/index.mjs +118 -0
  54. package/dist/index.mjs.map +1 -0
  55. package/package.json +28 -19
  56. package/src/components/ErrorRender/ErrorAlert.tsx +1 -1
  57. package/dist/cjs/components/ErrorBoundary/ThrownErrorBoundary.js +0 -43
  58. package/dist/cjs/components/ErrorBoundary/ThrownErrorBoundary.js.map +0 -1
  59. package/dist/cjs/components/ErrorBoundary/index.js +0 -5
  60. package/dist/cjs/components/ErrorBoundary/index.js.map +0 -1
  61. package/dist/cjs/components/ErrorRender/ErrorAlert.js +0 -14
  62. package/dist/cjs/components/ErrorRender/ErrorAlert.js.map +0 -1
  63. package/dist/cjs/components/ErrorRender/Props.js +0 -3
  64. package/dist/cjs/components/ErrorRender/Props.js.map +0 -1
  65. package/dist/cjs/components/ErrorRender/Render.js +0 -30
  66. package/dist/cjs/components/ErrorRender/Render.js.map +0 -1
  67. package/dist/cjs/components/ErrorRender/index.js +0 -7
  68. package/dist/cjs/components/ErrorRender/index.js.map +0 -1
  69. package/dist/cjs/components/index.js +0 -6
  70. package/dist/cjs/components/index.js.map +0 -1
  71. package/dist/cjs/contexts/ErrorReporter/Context.js +0 -6
  72. package/dist/cjs/contexts/ErrorReporter/Context.js.map +0 -1
  73. package/dist/cjs/contexts/ErrorReporter/Provider.js +0 -17
  74. package/dist/cjs/contexts/ErrorReporter/Provider.js.map +0 -1
  75. package/dist/cjs/contexts/ErrorReporter/State.js +0 -3
  76. package/dist/cjs/contexts/ErrorReporter/State.js.map +0 -1
  77. package/dist/cjs/contexts/ErrorReporter/index.js +0 -7
  78. package/dist/cjs/contexts/ErrorReporter/index.js.map +0 -1
  79. package/dist/cjs/contexts/ErrorReporter/useRollbar.js +0 -14
  80. package/dist/cjs/contexts/ErrorReporter/useRollbar.js.map +0 -1
  81. package/dist/cjs/contexts/index.js +0 -5
  82. package/dist/cjs/contexts/index.js.map +0 -1
  83. package/dist/cjs/index.js +0 -6
  84. package/dist/cjs/index.js.map +0 -1
  85. package/dist/docs.json +0 -25215
  86. package/dist/esm/components/ErrorBoundary/ThrownErrorBoundary.js +0 -36
  87. package/dist/esm/components/ErrorBoundary/ThrownErrorBoundary.js.map +0 -1
  88. package/dist/esm/components/ErrorBoundary/index.js.map +0 -1
  89. package/dist/esm/components/ErrorRender/ErrorAlert.js +0 -8
  90. package/dist/esm/components/ErrorRender/ErrorAlert.js.map +0 -1
  91. package/dist/esm/components/ErrorRender/Props.js +0 -2
  92. package/dist/esm/components/ErrorRender/Props.js.map +0 -1
  93. package/dist/esm/components/ErrorRender/Render.js +0 -23
  94. package/dist/esm/components/ErrorRender/Render.js.map +0 -1
  95. package/dist/esm/components/ErrorRender/index.js.map +0 -1
  96. package/dist/esm/components/index.js.map +0 -1
  97. package/dist/esm/contexts/ErrorReporter/Context.js +0 -3
  98. package/dist/esm/contexts/ErrorReporter/Context.js.map +0 -1
  99. package/dist/esm/contexts/ErrorReporter/Provider.js +0 -14
  100. package/dist/esm/contexts/ErrorReporter/Provider.js.map +0 -1
  101. package/dist/esm/contexts/ErrorReporter/State.js +0 -2
  102. package/dist/esm/contexts/ErrorReporter/State.js.map +0 -1
  103. package/dist/esm/contexts/ErrorReporter/index.js.map +0 -1
  104. package/dist/esm/contexts/ErrorReporter/useRollbar.js +0 -11
  105. package/dist/esm/contexts/ErrorReporter/useRollbar.js.map +0 -1
  106. package/dist/esm/contexts/index.js +0 -2
  107. package/dist/esm/contexts/index.js.map +0 -1
  108. package/dist/esm/index.js.map +0 -1
  109. package/dist/types/components/ErrorBoundary/ThrownErrorBoundary.d.ts.map +0 -1
  110. package/dist/types/components/ErrorBoundary/index.d.ts.map +0 -1
  111. package/dist/types/components/ErrorRender/ErrorAlert.d.ts.map +0 -1
  112. package/dist/types/components/ErrorRender/Props.d.ts.map +0 -1
  113. package/dist/types/components/ErrorRender/Render.d.ts.map +0 -1
  114. package/dist/types/components/ErrorRender/index.d.ts.map +0 -1
  115. package/dist/types/components/index.d.ts.map +0 -1
  116. package/dist/types/contexts/ErrorReporter/Context.d.ts.map +0 -1
  117. package/dist/types/contexts/ErrorReporter/Provider.d.ts.map +0 -1
  118. package/dist/types/contexts/ErrorReporter/State.d.ts.map +0 -1
  119. package/dist/types/contexts/ErrorReporter/index.d.ts.map +0 -1
  120. package/dist/types/contexts/ErrorReporter/useRollbar.d.ts.map +0 -1
  121. package/dist/types/contexts/index.d.ts.map +0 -1
  122. package/dist/types/index.d.ts.map +0 -1
  123. /package/dist/{types/components/ErrorBoundary/ThrownErrorBoundary.d.ts → components/ErrorBoundary/ThrownErrorBoundary.d.mts} +0 -0
  124. /package/dist/{types/components/ErrorBoundary/index.d.ts → components/ErrorBoundary/index.d.mts} +0 -0
  125. /package/dist/{types/components/ErrorRender/ErrorAlert.d.ts → components/ErrorRender/ErrorAlert.d.mts} +0 -0
  126. /package/dist/{types/components/ErrorRender/Props.d.ts → components/ErrorRender/Props.d.mts} +0 -0
  127. /package/dist/{types/components/ErrorRender/Render.d.ts → components/ErrorRender/Render.d.mts} +0 -0
  128. /package/dist/{types/components/ErrorRender/index.d.ts → components/ErrorRender/index.d.mts} +0 -0
  129. /package/dist/{types/components/index.d.ts → components/index.d.mts} +0 -0
  130. /package/dist/{types/contexts/ErrorReporter/Context.d.ts → contexts/ErrorReporter/Context.d.mts} +0 -0
  131. /package/dist/{types/contexts/ErrorReporter/Provider.d.ts → contexts/ErrorReporter/Provider.d.mts} +0 -0
  132. /package/dist/{types/contexts/ErrorReporter/State.d.ts → contexts/ErrorReporter/State.d.mts} +0 -0
  133. /package/dist/{types/contexts/ErrorReporter/index.d.ts → contexts/ErrorReporter/index.d.mts} +0 -0
  134. /package/dist/{types/contexts/ErrorReporter/useRollbar.d.ts → contexts/ErrorReporter/useRollbar.d.mts} +0 -0
  135. /package/dist/{types/contexts/index.d.ts → contexts/index.d.mts} +0 -0
  136. /package/dist/{types/index.d.ts → index.d.mts} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThrownErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ThrownErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAqB,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,OAAO,MAAM,SAAS,CAAA;AAI7B,MAAM,WAAW,wBAAwB;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,SAAS,CAAA;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,WAAW,CAAA;CACvB;AAED,qBAAa,mBAAoB,SAAQ,SAAS,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;IACpF,KAAK,EAAE,wBAAwB,CAE9C;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;WAI9B,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,WAAW,GAAG,WAAW;IAMrD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAYpD,MAAM;CAYvB"}
@@ -0,0 +1,21 @@
1
+ import { ModuleError } from '@xyo-network/payload-model';
2
+ import { Component, ErrorInfo, ReactNode } from 'react';
3
+ import Rollbar from 'rollbar';
4
+ export interface ThrownErrorBoundaryProps {
5
+ boundaryName?: string;
6
+ children: ReactNode;
7
+ errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode;
8
+ rethrow?: boolean;
9
+ rollbar?: Rollbar;
10
+ }
11
+ export interface ThrownErrorBoundaryState {
12
+ xyoError?: ModuleError;
13
+ }
14
+ export declare class ThrownErrorBoundary extends Component<ThrownErrorBoundaryProps, ThrownErrorBoundaryState> {
15
+ state: ThrownErrorBoundaryState;
16
+ static getDerivedStateFromError(error: Error): ThrownErrorBoundaryState;
17
+ static normalizeError(error: Error | ModuleError): ModuleError;
18
+ componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
19
+ render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
20
+ }
21
+ //# sourceMappingURL=ThrownErrorBoundary.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThrownErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ThrownErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAqB,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACvD,OAAO,OAAO,MAAM,SAAS,CAAA;AAI7B,MAAM,WAAW,wBAAwB;IACvC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,SAAS,CAAA;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,WAAW,CAAA;CACvB;AAED,qBAAa,mBAAoB,SAAQ,SAAS,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;IACpF,KAAK,EAAE,wBAAwB,CAE9C;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;WAI9B,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,WAAW,GAAG,WAAW;IAMrD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAYpD,MAAM;CAYvB"}
@@ -0,0 +1,7 @@
1
+ import { Meta } from '@storybook/react';
2
+ declare const StorybookEntry: Meta;
3
+ declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ThrownErrorBoundary").ThrownErrorBoundaryProps>;
4
+ declare const CustomErrorComponent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ThrownErrorBoundary").ThrownErrorBoundaryProps>;
5
+ export { CustomErrorComponent, Default };
6
+ export default StorybookEntry;
7
+ //# sourceMappingURL=ThrownErrorBoundary.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThrownErrorBoundary.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ThrownErrorBoundary.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAA;AAIhD,QAAA,MAAM,cAAc,EAAE,IAGrB,CAAA;AAUD,QAAA,MAAM,OAAO,yJAAoB,CAAA;AAGjC,QAAA,MAAM,oBAAoB,yJAAoB,CAAA;AAK9C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,CAAA;AAGxC,eAAe,cAAc,CAAA"}
@@ -0,0 +1,7 @@
1
+ import { Meta } from '@storybook/react';
2
+ declare const StorybookEntry: Meta;
3
+ declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ThrownErrorBoundary").ThrownErrorBoundaryProps>;
4
+ declare const CustomErrorComponent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("./ThrownErrorBoundary").ThrownErrorBoundaryProps>;
5
+ export { CustomErrorComponent, Default };
6
+ export default StorybookEntry;
7
+ //# sourceMappingURL=ThrownErrorBoundary.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThrownErrorBoundary.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ThrownErrorBoundary.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAA;AAIhD,QAAA,MAAM,cAAc,EAAE,IAGrB,CAAA;AAUD,QAAA,MAAM,OAAO,yJAAoB,CAAA;AAGjC,QAAA,MAAM,oBAAoB,yJAAoB,CAAA;AAK9C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,CAAA;AAGxC,eAAe,cAAc,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
@@ -1,2 +1,2 @@
1
1
  export * from './ThrownErrorBoundary';
2
- //# sourceMappingURL=index.js.map
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorAlert.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorRender/ErrorAlert.tsx"],"names":[],"mappings":";AACA,OAAO,EAAS,UAAU,EAA0B,MAAM,eAAe,CAAA;AAEzE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAExD,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,KAAK,CAAC,EAAE,WAAW,GAAG,KAAK,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoBhD,CAAA"}
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { AlertProps } from '@mui/material';
3
+ import { ModuleError } from '@xyo-network/payload-model';
4
+ export interface ErrorAlertProps extends AlertProps {
5
+ error?: ModuleError | Error;
6
+ errorContext?: string;
7
+ onCancel?: () => void;
8
+ }
9
+ export declare const ErrorAlert: React.FC<ErrorAlertProps>;
10
+ //# sourceMappingURL=ErrorAlert.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorAlert.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorRender/ErrorAlert.tsx"],"names":[],"mappings":";AACA,OAAO,EAAS,UAAU,EAA0B,MAAM,eAAe,CAAA;AAEzE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAExD,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,KAAK,CAAC,EAAE,WAAW,GAAG,KAAK,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoBhD,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorRender/Props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,WAAW,GAAG,KAAK,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB"}
@@ -0,0 +1,12 @@
1
+ import { FlexBoxProps } from '@xylabs/react-flexbox';
2
+ import { ModuleError } from '@xyo-network/payload-model';
3
+ import { ReactNode } from 'react';
4
+ export interface ErrorRenderProps extends FlexBoxProps {
5
+ customError?: ReactNode;
6
+ error?: ModuleError | Error;
7
+ errorContext?: string;
8
+ noErrorDisplay?: boolean;
9
+ noReAuth?: boolean;
10
+ onCancel?: () => void;
11
+ }
12
+ //# sourceMappingURL=Props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorRender/Props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,WAAW,GAAG,KAAK,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Render.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorRender/Render.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkClD,CAAA"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { ErrorRenderProps } from './Props';
3
+ export declare const ErrorRender: React.FC<ErrorRenderProps>;
4
+ //# sourceMappingURL=Render.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Render.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorRender/Render.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkClD,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorRender/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA"}
@@ -1,4 +1,4 @@
1
1
  export * from './ErrorAlert';
2
2
  export * from './Props';
3
3
  export * from './Render';
4
- //# sourceMappingURL=index.js.map
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorRender/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA"}
@@ -1,3 +1,3 @@
1
1
  export * from './ErrorBoundary';
2
2
  export * from './ErrorRender';
3
- //# sourceMappingURL=index.js.map
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../src/contexts/ErrorReporter/Context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEnD,eAAO,MAAM,oBAAoB,oDAA+C,CAAA"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { ErrorReporterContextState } from './State';
3
+ export declare const ErrorReporterContext: import("react").Context<ErrorReporterContextState>;
4
+ //# sourceMappingURL=Context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../src/contexts/ErrorReporter/Context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEnD,eAAO,MAAM,oBAAoB,oDAA+C,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/contexts/ErrorReporter/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,OAAO,OAAO,MAAM,SAAS,CAAA;AAI7B,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,0BAA0B,CAAC,CAU7E,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { WithChildren } from '@xylabs/react-shared';
3
+ import Rollbar from 'rollbar';
4
+ export interface ErrorReporterProviderProps {
5
+ rollbar: Rollbar;
6
+ }
7
+ declare const ErrorReporterProvider: React.FC<WithChildren<ErrorReporterProviderProps>>;
8
+ export { ErrorReporterProvider };
9
+ //# sourceMappingURL=Provider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/contexts/ErrorReporter/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,OAAO,OAAO,MAAM,SAAS,CAAA;AAI7B,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,0BAA0B,CAAC,CAU7E,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ declare const StorybookEntry: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Omit<import("./Provider").ErrorReporterProviderProps, "children"> & {
3
+ children?: import("react").ReactNode;
4
+ }>;
5
+ declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<import("./Provider").ErrorReporterProviderProps, "children"> & {
6
+ children?: import("react").ReactNode;
7
+ }>;
8
+ export { Default };
9
+ export default StorybookEntry;
10
+ //# sourceMappingURL=Provider.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Provider.stories.d.ts","sourceRoot":"","sources":["../../../src/contexts/ErrorReporter/Provider.stories.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,cAAc;;EASmB,CAAA;AAkBvC,QAAA,MAAM,OAAO;;EAAoB,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,eAAe,cAAc,CAAA"}
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ declare const StorybookEntry: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Omit<import("./Provider").ErrorReporterProviderProps, "children"> & {
3
+ children?: import("react").ReactNode;
4
+ }>;
5
+ declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<import("./Provider").ErrorReporterProviderProps, "children"> & {
6
+ children?: import("react").ReactNode;
7
+ }>;
8
+ export { Default };
9
+ export default StorybookEntry;
10
+ //# sourceMappingURL=Provider.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Provider.stories.d.ts","sourceRoot":"","sources":["../../../src/contexts/ErrorReporter/Provider.stories.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,cAAc;;EASmB,CAAA;AAkBvC,QAAA,MAAM,OAAO;;EAAoB,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,eAAe,cAAc,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../src/contexts/ErrorReporter/State.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAA;AAE7B,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
@@ -0,0 +1,5 @@
1
+ import Rollbar from 'rollbar';
2
+ export interface ErrorReporterContextState {
3
+ rollbar?: Rollbar;
4
+ }
5
+ //# sourceMappingURL=State.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../src/contexts/ErrorReporter/State.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAA;AAE7B,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/ErrorReporter/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA"}
@@ -1,4 +1,4 @@
1
1
  export * from './Provider';
2
2
  export * from './State';
3
3
  export * from './useRollbar';
4
- //# sourceMappingURL=index.js.map
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/ErrorReporter/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useRollbar.d.ts","sourceRoot":"","sources":["../../../src/contexts/ErrorReporter/useRollbar.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,UAAU,mDAOf,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
@@ -0,0 +1,3 @@
1
+ declare const useRollbar: () => import("./State").ErrorReporterContextState;
2
+ export { useRollbar };
3
+ //# sourceMappingURL=useRollbar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useRollbar.d.ts","sourceRoot":"","sources":["../../../src/contexts/ErrorReporter/useRollbar.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,UAAU,mDAOf,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './ErrorReporter';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA"}
@@ -1,3 +1,3 @@
1
1
  export * from './components';
2
2
  export * from './contexts';
3
- //# sourceMappingURL=index.js.map
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA"}
package/dist/index.js ADDED
@@ -0,0 +1,149 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+
20
+ // src/index.ts
21
+ var src_exports = {};
22
+ __export(src_exports, {
23
+ ErrorAlert: () => ErrorAlert,
24
+ ErrorRender: () => ErrorRender,
25
+ ErrorReporterProvider: () => ErrorReporterProvider,
26
+ ThrownErrorBoundary: () => ThrownErrorBoundary,
27
+ useRollbar: () => useRollbar
28
+ });
29
+ module.exports = __toCommonJS(src_exports);
30
+
31
+ // src/components/ErrorBoundary/ThrownErrorBoundary.tsx
32
+ var import_payload_model = require("@xyo-network/payload-model");
33
+ var import_react2 = require("react");
34
+
35
+ // src/components/ErrorRender/ErrorAlert.tsx
36
+ var import_icons_material = require("@mui/icons-material");
37
+ var import_material = require("@mui/material");
38
+ var import_react_button = require("@xylabs/react-button");
39
+ var import_jsx_runtime = require("react/jsx-runtime");
40
+ var ErrorAlert = ({ onCancel, error, errorContext, ...props }) => {
41
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Alert, { severity: "error", ...props, children: [
42
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.AlertTitle, { children: "Whoops! Something went wrong" }),
43
+ errorContext ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,
44
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
45
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", children: error?.message }),
46
+ onCancel ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.ExitToApp, { fontSize: "small" }) }) : null
47
+ ] });
48
+ };
49
+
50
+ // src/components/ErrorRender/Render.tsx
51
+ var import_react_flexbox = require("@xylabs/react-flexbox");
52
+ var import_react = require("react");
53
+ var import_react_router_dom = require("react-router-dom");
54
+ var import_jsx_runtime2 = require("react/jsx-runtime");
55
+ var ErrorRender = ({
56
+ onCancel,
57
+ error,
58
+ noErrorDisplay = false,
59
+ customError = null,
60
+ children,
61
+ errorContext,
62
+ ...props
63
+ }) => {
64
+ const location = (0, import_react_router_dom.useLocation)();
65
+ (0, import_react.useEffect)(() => {
66
+ location.state = {
67
+ from: {
68
+ pathname: window.location.pathname
69
+ }
70
+ };
71
+ }, [location]);
72
+ if (error) {
73
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox.FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ErrorAlert, { error, errorContext, onCancel }) }) });
74
+ } else {
75
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children }) ?? null;
76
+ }
77
+ };
78
+
79
+ // src/components/ErrorBoundary/ThrownErrorBoundary.tsx
80
+ var import_jsx_runtime3 = require("react/jsx-runtime");
81
+ var ThrownErrorBoundary = class _ThrownErrorBoundary extends import_react2.Component {
82
+ state = {
83
+ xyoError: void 0
84
+ };
85
+ static getDerivedStateFromError(error) {
86
+ return { hasError: true, xyoError: _ThrownErrorBoundary.normalizeError(error) };
87
+ }
88
+ static normalizeError(error) {
89
+ return error.schema === import_payload_model.ModuleErrorSchema ? error : { message: error.message, schema: import_payload_model.ModuleErrorSchema, sources: [] };
90
+ }
91
+ componentDidCatch(error, errorInfo) {
92
+ const { rethrow, rollbar } = this.props;
93
+ const { xyoError } = this.state;
94
+ rollbar?.error(error);
95
+ console.error("Error:", xyoError, errorInfo);
96
+ if (rethrow) {
97
+ throw error;
98
+ }
99
+ }
100
+ render() {
101
+ const { xyoError } = this.state;
102
+ const { children, boundaryName, errorComponent } = this.props;
103
+ if (xyoError) {
104
+ if (errorComponent) {
105
+ return errorComponent(xyoError);
106
+ }
107
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
108
+ }
109
+ return children;
110
+ }
111
+ };
112
+
113
+ // src/contexts/ErrorReporter/Provider.tsx
114
+ var import_react4 = require("react");
115
+
116
+ // src/contexts/ErrorReporter/Context.ts
117
+ var import_react3 = require("react");
118
+ var ErrorReporterContext = (0, import_react3.createContext)({});
119
+
120
+ // src/contexts/ErrorReporter/Provider.tsx
121
+ var import_jsx_runtime4 = require("react/jsx-runtime");
122
+ var ErrorReporterProvider = ({ children, rollbar }) => {
123
+ const [rollbarInstance, setRollBarInstance] = (0, import_react4.useState)();
124
+ (0, import_react4.useEffect)(() => {
125
+ if (rollbarInstance) {
126
+ setRollBarInstance(rollbarInstance);
127
+ }
128
+ }, [rollbar, rollbarInstance]);
129
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ErrorReporterContext.Provider, { value: { rollbar }, children });
130
+ };
131
+
132
+ // src/contexts/ErrorReporter/useRollbar.tsx
133
+ var import_react5 = require("react");
134
+ var useRollbar = () => {
135
+ const context = (0, import_react5.useContext)(ErrorReporterContext);
136
+ if (context === void 0) {
137
+ console.warn("useRollbar must be used within a ErrorReporterContext");
138
+ }
139
+ return context ?? {};
140
+ };
141
+ // Annotate the CommonJS export names for ESM import in node:
142
+ 0 && (module.exports = {
143
+ ErrorAlert,
144
+ ErrorRender,
145
+ ErrorReporterProvider,
146
+ ThrownErrorBoundary,
147
+ useRollbar
148
+ });
149
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.ts","../src/components/ErrorBoundary/ThrownErrorBoundary.tsx","../src/components/ErrorRender/ErrorAlert.tsx","../src/components/ErrorRender/Render.tsx","../src/contexts/ErrorReporter/Provider.tsx","../src/contexts/ErrorReporter/Context.ts","../src/contexts/ErrorReporter/useRollbar.tsx"],"sourcesContent":["export * from './components'\nexport * from './contexts'\n","import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender'\n\nexport interface ThrownErrorBoundaryProps {\n boundaryName?: string\n children: ReactNode\n errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n rethrow?: boolean\n rollbar?: Rollbar\n}\n\nexport interface ThrownErrorBoundaryState {\n xyoError?: ModuleError\n}\n\nexport class ThrownErrorBoundary extends Component<ThrownErrorBoundaryProps, ThrownErrorBoundaryState> {\n public override state: ThrownErrorBoundaryState = {\n xyoError: undefined,\n }\n\n static getDerivedStateFromError(error: Error) {\n return { hasError: true, xyoError: ThrownErrorBoundary.normalizeError(error) } as ThrownErrorBoundaryState\n }\n\n public static normalizeError(error: Error | ModuleError): ModuleError {\n return (\n (error as ModuleError).schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] }\n ) as ModuleError\n }\n\n public override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n const { rethrow, rollbar } = this.props\n const { xyoError } = this.state\n\n rollbar?.error(error)\n\n console.error('Error:', xyoError, errorInfo)\n if (rethrow) {\n throw error\n }\n }\n\n public override render() {\n const { xyoError } = this.state\n const { children, boundaryName, errorComponent } = this.props\n if (xyoError) {\n if (errorComponent) {\n return errorComponent(xyoError)\n }\n return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\n }\n\n return children\n }\n}\n","import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleError } from '@xyo-network/payload-model'\n\nexport interface ErrorAlertProps extends AlertProps {\n error?: ModuleError | Error\n errorContext?: string\n onCancel?: () => void\n}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...props }) => {\n return (\n <Alert severity=\"error\" {...props}>\n <AlertTitle>Whoops! Something went wrong</AlertTitle>\n {errorContext ? (\n <Typography variant=\"caption\" my={0.5} lineHeight=\"1\" display=\"block\">\n {errorContext}\n </Typography>\n ) : null}\n <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n Error:\n </Typography>\n <Typography variant=\"caption\">{error?.message}</Typography>\n {onCancel ? (\n <ButtonEx variant=\"outlined\" size=\"small\" onClick={onCancel} position=\"absolute\" style={{ right: 8, top: 8 }}>\n <ExitIcon fontSize=\"small\" />\n </ButtonEx>\n ) : null}\n </Alert>\n )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n onCancel,\n error,\n noErrorDisplay = false,\n customError = null,\n children,\n errorContext,\n ...props\n}) => {\n const location = useLocation()\n useEffect(() => {\n // ensure we end up at the same place we are now after logging in\n location.state = {\n from: {\n pathname: window.location.pathname,\n },\n }\n }, [location])\n\n if (error) {\n return (\n <FlexCol alignItems=\"stretch\" {...props}>\n {noErrorDisplay ? (\n customError\n ) : (\n <FlexCol alignItems=\"center\" {...props}>\n <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} />\n </FlexCol>\n )}\n </FlexCol>\n )\n } else {\n return <>{children}</> ?? null\n }\n}\n","import { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorReporterContext } from './Context'\n\nexport interface ErrorReporterProviderProps {\n rollbar: Rollbar\n}\n\nconst ErrorReporterProvider: React.FC<WithChildren<ErrorReporterProviderProps>> = ({ children, rollbar }) => {\n const [rollbarInstance, setRollBarInstance] = useState<Rollbar>()\n\n useEffect(() => {\n if (rollbarInstance) {\n setRollBarInstance(rollbarInstance)\n }\n }, [rollbar, rollbarInstance])\n\n return <ErrorReporterContext.Provider value={{ rollbar }}>{children}</ErrorReporterContext.Provider>\n}\n\nexport { ErrorReporterProvider }\n","import { createContext } from 'react'\n\nimport { ErrorReporterContextState } from './State'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\n\nconst useRollbar = () => {\n const context = useContext(ErrorReporterContext)\n if (context === undefined) {\n console.warn('useRollbar must be used within a ErrorReporterContext')\n }\n\n return context ?? {}\n}\n\nexport { useRollbar }\n"],"mappings":"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","names":["import_react","ExitIcon","import_jsx_runtime","import_jsx_runtime","import_react","import_react","import_jsx_runtime","import_react"]}
package/dist/index.mjs ADDED
@@ -0,0 +1,118 @@
1
+ // src/components/ErrorBoundary/ThrownErrorBoundary.tsx
2
+ import { ModuleErrorSchema } from "@xyo-network/payload-model";
3
+ import { Component } from "react";
4
+
5
+ // src/components/ErrorRender/ErrorAlert.tsx
6
+ import { ExitToApp as ExitIcon } from "@mui/icons-material";
7
+ import { Alert, AlertTitle, Typography } from "@mui/material";
8
+ import { ButtonEx } from "@xylabs/react-button";
9
+ import { jsx, jsxs } from "react/jsx-runtime";
10
+ var ErrorAlert = ({ onCancel, error, errorContext, ...props }) => {
11
+ return /* @__PURE__ */ jsxs(Alert, { severity: "error", ...props, children: [
12
+ /* @__PURE__ */ jsx(AlertTitle, { children: "Whoops! Something went wrong" }),
13
+ errorContext ? /* @__PURE__ */ jsx(Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,
14
+ /* @__PURE__ */ jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
15
+ /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error?.message }),
16
+ onCancel ? /* @__PURE__ */ jsx(ButtonEx, { variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 }, children: /* @__PURE__ */ jsx(ExitIcon, { fontSize: "small" }) }) : null
17
+ ] });
18
+ };
19
+
20
+ // src/components/ErrorRender/Render.tsx
21
+ import { FlexCol } from "@xylabs/react-flexbox";
22
+ import { useEffect } from "react";
23
+ import { useLocation } from "react-router-dom";
24
+ import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
25
+ var ErrorRender = ({
26
+ onCancel,
27
+ error,
28
+ noErrorDisplay = false,
29
+ customError = null,
30
+ children,
31
+ errorContext,
32
+ ...props
33
+ }) => {
34
+ const location = useLocation();
35
+ useEffect(() => {
36
+ location.state = {
37
+ from: {
38
+ pathname: window.location.pathname
39
+ }
40
+ };
41
+ }, [location]);
42
+ if (error) {
43
+ return /* @__PURE__ */ jsx2(FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ jsx2(FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ jsx2(ErrorAlert, { error, errorContext, onCancel }) }) });
44
+ } else {
45
+ return /* @__PURE__ */ jsx2(Fragment, { children }) ?? null;
46
+ }
47
+ };
48
+
49
+ // src/components/ErrorBoundary/ThrownErrorBoundary.tsx
50
+ import { jsx as jsx3 } from "react/jsx-runtime";
51
+ var ThrownErrorBoundary = class _ThrownErrorBoundary extends Component {
52
+ state = {
53
+ xyoError: void 0
54
+ };
55
+ static getDerivedStateFromError(error) {
56
+ return { hasError: true, xyoError: _ThrownErrorBoundary.normalizeError(error) };
57
+ }
58
+ static normalizeError(error) {
59
+ return error.schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] };
60
+ }
61
+ componentDidCatch(error, errorInfo) {
62
+ const { rethrow, rollbar } = this.props;
63
+ const { xyoError } = this.state;
64
+ rollbar?.error(error);
65
+ console.error("Error:", xyoError, errorInfo);
66
+ if (rethrow) {
67
+ throw error;
68
+ }
69
+ }
70
+ render() {
71
+ const { xyoError } = this.state;
72
+ const { children, boundaryName, errorComponent } = this.props;
73
+ if (xyoError) {
74
+ if (errorComponent) {
75
+ return errorComponent(xyoError);
76
+ }
77
+ return /* @__PURE__ */ jsx3(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
78
+ }
79
+ return children;
80
+ }
81
+ };
82
+
83
+ // src/contexts/ErrorReporter/Provider.tsx
84
+ import { useEffect as useEffect2, useState } from "react";
85
+
86
+ // src/contexts/ErrorReporter/Context.ts
87
+ import { createContext } from "react";
88
+ var ErrorReporterContext = createContext({});
89
+
90
+ // src/contexts/ErrorReporter/Provider.tsx
91
+ import { jsx as jsx4 } from "react/jsx-runtime";
92
+ var ErrorReporterProvider = ({ children, rollbar }) => {
93
+ const [rollbarInstance, setRollBarInstance] = useState();
94
+ useEffect2(() => {
95
+ if (rollbarInstance) {
96
+ setRollBarInstance(rollbarInstance);
97
+ }
98
+ }, [rollbar, rollbarInstance]);
99
+ return /* @__PURE__ */ jsx4(ErrorReporterContext.Provider, { value: { rollbar }, children });
100
+ };
101
+
102
+ // src/contexts/ErrorReporter/useRollbar.tsx
103
+ import { useContext } from "react";
104
+ var useRollbar = () => {
105
+ const context = useContext(ErrorReporterContext);
106
+ if (context === void 0) {
107
+ console.warn("useRollbar must be used within a ErrorReporterContext");
108
+ }
109
+ return context ?? {};
110
+ };
111
+ export {
112
+ ErrorAlert,
113
+ ErrorRender,
114
+ ErrorReporterProvider,
115
+ ThrownErrorBoundary,
116
+ useRollbar
117
+ };
118
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/ErrorBoundary/ThrownErrorBoundary.tsx","../src/components/ErrorRender/ErrorAlert.tsx","../src/components/ErrorRender/Render.tsx","../src/contexts/ErrorReporter/Provider.tsx","../src/contexts/ErrorReporter/Context.ts","../src/contexts/ErrorReporter/useRollbar.tsx"],"sourcesContent":["import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender'\n\nexport interface ThrownErrorBoundaryProps {\n boundaryName?: string\n children: ReactNode\n errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n rethrow?: boolean\n rollbar?: Rollbar\n}\n\nexport interface ThrownErrorBoundaryState {\n xyoError?: ModuleError\n}\n\nexport class ThrownErrorBoundary extends Component<ThrownErrorBoundaryProps, ThrownErrorBoundaryState> {\n public override state: ThrownErrorBoundaryState = {\n xyoError: undefined,\n }\n\n static getDerivedStateFromError(error: Error) {\n return { hasError: true, xyoError: ThrownErrorBoundary.normalizeError(error) } as ThrownErrorBoundaryState\n }\n\n public static normalizeError(error: Error | ModuleError): ModuleError {\n return (\n (error as ModuleError).schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] }\n ) as ModuleError\n }\n\n public override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n const { rethrow, rollbar } = this.props\n const { xyoError } = this.state\n\n rollbar?.error(error)\n\n console.error('Error:', xyoError, errorInfo)\n if (rethrow) {\n throw error\n }\n }\n\n public override render() {\n const { xyoError } = this.state\n const { children, boundaryName, errorComponent } = this.props\n if (xyoError) {\n if (errorComponent) {\n return errorComponent(xyoError)\n }\n return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\n }\n\n return children\n }\n}\n","import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleError } from '@xyo-network/payload-model'\n\nexport interface ErrorAlertProps extends AlertProps {\n error?: ModuleError | Error\n errorContext?: string\n onCancel?: () => void\n}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...props }) => {\n return (\n <Alert severity=\"error\" {...props}>\n <AlertTitle>Whoops! Something went wrong</AlertTitle>\n {errorContext ? (\n <Typography variant=\"caption\" my={0.5} lineHeight=\"1\" display=\"block\">\n {errorContext}\n </Typography>\n ) : null}\n <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n Error:\n </Typography>\n <Typography variant=\"caption\">{error?.message}</Typography>\n {onCancel ? (\n <ButtonEx variant=\"outlined\" size=\"small\" onClick={onCancel} position=\"absolute\" style={{ right: 8, top: 8 }}>\n <ExitIcon fontSize=\"small\" />\n </ButtonEx>\n ) : null}\n </Alert>\n )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n onCancel,\n error,\n noErrorDisplay = false,\n customError = null,\n children,\n errorContext,\n ...props\n}) => {\n const location = useLocation()\n useEffect(() => {\n // ensure we end up at the same place we are now after logging in\n location.state = {\n from: {\n pathname: window.location.pathname,\n },\n }\n }, [location])\n\n if (error) {\n return (\n <FlexCol alignItems=\"stretch\" {...props}>\n {noErrorDisplay ? (\n customError\n ) : (\n <FlexCol alignItems=\"center\" {...props}>\n <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} />\n </FlexCol>\n )}\n </FlexCol>\n )\n } else {\n return <>{children}</> ?? null\n }\n}\n","import { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorReporterContext } from './Context'\n\nexport interface ErrorReporterProviderProps {\n rollbar: Rollbar\n}\n\nconst ErrorReporterProvider: React.FC<WithChildren<ErrorReporterProviderProps>> = ({ children, rollbar }) => {\n const [rollbarInstance, setRollBarInstance] = useState<Rollbar>()\n\n useEffect(() => {\n if (rollbarInstance) {\n setRollBarInstance(rollbarInstance)\n }\n }, [rollbar, rollbarInstance])\n\n return <ErrorReporterContext.Provider value={{ rollbar }}>{children}</ErrorReporterContext.Provider>\n}\n\nexport { ErrorReporterProvider }\n","import { createContext } from 'react'\n\nimport { ErrorReporterContextState } from './State'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\n\nconst useRollbar = () => {\n const context = useContext(ErrorReporterContext)\n if (context === undefined) {\n console.warn('useRollbar must be used within a ErrorReporterContext')\n }\n\n return context ?? {}\n}\n\nexport { useRollbar }\n"],"mappings":"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","names":["jsx","jsx","useEffect","jsx","useEffect"]}