@rh-support/components 2.6.26 → 2.6.28

package/lib/esm/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,7 +1,7 @@
-import React, { Component } from 'react';
+import React, { Component, ErrorInfo, ReactNode } from 'react';
 import { IErrorMsgInfo } from './ErrorBoundaryFallbackComponent';
 interface IProps {
-    children: React.PropsWithChildren | React.ReactNode;
+    children: React.PropsWithChildren | ReactNode;
     sentryAppName?: string;
     FallbackComponent?: React.ElementType;
     errorMsgInfo?: IErrorMsgInfo;
@@ -11,27 +11,11 @@ interface IProps {
 interface IState {
     hasError: boolean;
 }
-declare global {
-    interface Window {
-        app: string;
-        sessionjs: any;
-        supportVersionInfo: {
-            packageVersion: string;
-            hydrajs: string;
-        };
-        seVersionInfo: {
-            packageVersion: string;
-            hydrajs: string;
-        };
-    }
-}
 export declare class ErrorBoundary extends Component<IProps, IState> {
-    constructor(props: any);
-    static getDerivedStateFromError(): {
-        hasError: boolean;
-    };
-    componentDidCatch(error: Error, errorInfo: any): void;
-    render(): React.JSX.Element;
+    constructor(props: IProps);
+    static getDerivedStateFromError(): IState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): ReactNode;
 }
 export {};
 //# sourceMappingURL=ErrorBoundary.d.ts.map

package/lib/esm/ErrorBoundary/ErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAkC,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEjG,UAAU,MAAM;IACZ,QAAQ,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACtC,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5D;AAED,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,kBAAkB,EAAE;YAChB,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;QACF,aAAa,EAAE;YACX,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;KACL;CACJ;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC5C,KAAK,KAAA;IAKjB,MAAM,CAAC,wBAAwB;;;IAK/B,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,KAAA;IAiBzC,MAAM;CAgBT"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAkC,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEjG,UAAU,MAAM;IACZ,QAAQ,EAAE,KAAK,CAAC,iBAAiB,GAAG,SAAS,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACtC,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5D;AAED,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;gBAC5C,KAAK,EAAE,MAAM;IAKzB,MAAM,CAAC,wBAAwB,IAAI,MAAM;IAIzC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAmB3D,MAAM,IAAI,SAAS;CAetB"}

package/lib/esm/ErrorBoundary/ErrorBoundary.js

@@ -1,5 +1,4 @@
-import { Env } from '@cee-eng/hydrajs';
-import { getAppVersion } from '@rh-support/utils';
+import { sendToSentry } from '@rh-support/utils';
 import React, { Component } from 'react';
 import { ErrorBoundaryFallbackComponent } from './ErrorBoundaryFallbackComponent';
 export class ErrorBoundary extends Component {
@@ -8,33 +7,33 @@ export class ErrorBoundary extends Component {
         this.state = { hasError: false };
     }
     static getDerivedStateFromError() {
-        // Update state so the next render will show the fallback UI.
         return { hasError: true };
     }
     componentDidCatch(error, errorInfo) {
-        if (Env.isLocalEnv())
-            return;
-        const { onError } = this.props;
-        if (typeof onError === 'function') {
-            try {
-                onError.call(this, error, errorInfo || '');
+        var _a;
+        try {
+            const { onError } = this.props;
+            if (typeof onError === 'function') {
+                try {
+                    onError.call(this, error, (_a = errorInfo.componentStack) !== null && _a !== void 0 ? _a : '');
+                }
+                catch (ignoredError) {
+                    const errorObj = ignoredError instanceof Error ? ignoredError : new Error(String(ignoredError));
+                    sendToSentry(errorObj, { error: `Error boundary function component: ${errorObj.message}` });
+                }
             }
-            catch (ignoredError) { }
+            sendToSentry(error, { error: `Error boundary component: ${error.message}` });
+        }
+        catch (sentryError) {
+            // Never let Sentry reporting break the error boundary fallback UI
+            console.error('Error reporting to Sentry from ErrorBoundary:', sentryError);
         }
-        // log error to sentry
-        window.sessionjs.reportProblem(error, {
-            tags: {
-                portal_app: window.app || this.props.sentryAppName || 'Portal Case Management',
-                package_version: getAppVersion(),
-            },
-        });
     }
     render() {
         const { children, FallbackComponent } = this.props;
         if (this.state.hasError) {
-            return this.props.FallbackComponent ? (React.createElement(FallbackComponent, null)) : (React.createElement(ErrorBoundaryFallbackComponent, Object.assign({ isPageLevelError: this.props.isPageLevelError }, this.props.errorMsgInfo)));
+            return FallbackComponent ? (React.createElement(FallbackComponent, null)) : (React.createElement(ErrorBoundaryFallbackComponent, Object.assign({ isPageLevelError: this.props.isPageLevelError }, this.props.errorMsgInfo)));
         }
-        // @ts-ignore
-        return React.createElement(React.Fragment, null, children || null);
+        return (children || null);
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.6.26",
+    "version": "2.6.28",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -62,8 +62,8 @@
         "@patternfly/react-icons": "6.2.1",
         "@patternfly/react-table": "6.2.1",
         "@rh-support/types": "2.0.31",
-        "@rh-support/user-permissions": "2.6.24",
-        "@rh-support/utils": "2.6.23",
+        "@rh-support/user-permissions": "2.6.26",
+        "@rh-support/utils": "2.6.25",
         "dompurify": "^2.2.6",
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
@@ -103,5 +103,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "2f71c982abea9980c24adf3c673fbe2b0a0454bf"
+    "gitHead": "3a73c83f1d0dc4d76cb2a83041dd6438501e70f4"
 }