UNPKG

@grafana/ui

Version:
1 lines 1.5 kB
{"version":3,"file":"ErrorWithStack.mjs","sources":["../../../../src/components/ErrorBoundary/ErrorWithStack.tsx"],"sourcesContent":["import { css } from '@emotion/css';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\n\nimport { ErrorBoundaryApi } from './ErrorBoundary';\n\nexport interface Props extends ErrorBoundaryApi {\n title: string;\n}\n\nexport const ErrorWithStack = ({ error, errorInfo, title }: Props) => {\n const style = useStyles2(getStyles);\n\n return (\n <div className={style}>\n <h2>{title}</h2>\n <details style={{ whiteSpace: 'pre-wrap' }}>\n {error && error.toString()}\n <br />\n {errorInfo && errorInfo.componentStack}\n </details>\n </div>\n );\n};\n\nErrorWithStack.displayName = 'ErrorWithStack';\n\nconst getStyles = () => {\n return css({\n width: '500px',\n margin: '64px auto',\n });\n};\n"],"names":[],"mappings":";;;;;AAUO,MAAM,iBAAiB,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,OAAM,KAAa;AACpE,EAAA,MAAM,KAAA,GAAQ,WAAW,SAAS,CAAA;AAElC,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,KAAA,EACd,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,yBACV,SAAA,EAAA,EAAQ,KAAA,EAAO,EAAE,UAAA,EAAY,YAAW,EACtC,QAAA,EAAA;AAAA,MAAA,KAAA,IAAS,MAAM,QAAA,EAAS;AAAA,0BACxB,IAAA,EAAA,EAAG,CAAA;AAAA,MACH,aAAa,SAAA,CAAU;AAAA,KAAA,EAC1B;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAE7B,MAAM,YAAY,MAAM;AACtB,EAAA,OAAO,GAAA,CAAI;AAAA,IACT,KAAA,EAAO,OAAA;AAAA,IACP,MAAA,EAAQ;AAAA,GACT,CAAA;AACH,CAAA;;;;"}