@stack-spot/portal-layout 0.0.52 → 0.0.53

package/src/components/error/SilentErrorBoundary.tsx

@@ -1,54 +1,54 @@
-import { theme } from '@stack-spot/portal-theme'
-import { Component } from 'react'
-import { ErrorDescription, ErrorManager } from './ErrorManager'
-
-interface State extends ErrorDescription {
-  hasError: boolean,
-  message?: string,
-}
-
-interface Props {
-  children: React.ReactNode,
-}
-
-export class SilentErrorBoundary extends Component<Props, State> {
-  constructor(props: Props) {
-    super(props)
-    this.state = { hasError: false }
-  }
-
-  static getDerivedStateFromError(error: any) {
-    return { hasError: true, ...ErrorManager.describe(error) }
-  }
-
-  componentDidCatch(error: any, errorInfo: any) {
-    // eslint-disable-next-line no-console
-    console.error(error, errorInfo)
-    ErrorManager.runErrorHandler(error)
-  }
-
-  componentDidUpdate(prevProps: Readonly<Props>) {
-    if (this.props.children !== prevProps.children) this.setState({ hasError: false })
-  }
-
-  render() {
-    return this.state.hasError
-      ? <div
-        title={this.state.message ? `Error: ${this.state.message}` : undefined}
-        style={{
-          width: '16px',
-          height: '16px',
-          margin: '16px',
-          background: theme.color.danger[500],
-          color: theme.color.danger.contrastText,
-          display: this.state.debug ? 'flex' : 'none',
-          justifyContent: 'center',
-          alignItems: 'center',
-          fontWeight: 'bold',
-          fontSize: '10px',
-          borderRadius: '50%',
-        }}
-      >!</div>
-      : this.props.children
-  }
-}
+import { theme } from '@stack-spot/portal-theme'
+import { Component } from 'react'
+import { ErrorDescription, ErrorManager } from './ErrorManager'
+
+interface State extends ErrorDescription {
+  hasError: boolean,
+  message?: string,
+}
+
+interface Props {
+  children: React.ReactNode,
+}
+
+export class SilentErrorBoundary extends Component<Props, State> {
+  constructor(props: Props) {
+    super(props)
+    this.state = { hasError: false }
+  }
+
+  static getDerivedStateFromError(error: any) {
+    return { hasError: true, ...ErrorManager.describe(error) }
+  }
+
+  componentDidCatch(error: any, errorInfo: any) {
+    // eslint-disable-next-line no-console
+    console.error(error, errorInfo)
+    ErrorManager.runErrorHandler(error)
+  }
+
+  componentDidUpdate(prevProps: Readonly<Props>) {
+    if (this.props.children !== prevProps.children) this.setState({ hasError: false })
+  }
+
+  render() {
+    return this.state.hasError
+      ? <div
+        title={this.state.message ? `Error: ${this.state.message}` : undefined}
+        style={{
+          width: '16px',
+          height: '16px',
+          margin: '16px',
+          background: theme.color.danger[500],
+          color: theme.color.danger.contrastText,
+          display: this.state.debug ? 'flex' : 'none',
+          justifyContent: 'center',
+          alignItems: 'center',
+          fontWeight: 'bold',
+          fontSize: '10px',
+          borderRadius: '50%',
+        }}
+      >!</div>
+      : this.props.children
+  }
+}