@gpa-gemstone/common-pages 0.0.165 → 0.0.166

package/lib/ErrorBoundary.d.ts

@@ -5,9 +5,25 @@ interface IError {
     message: string;
 }
 interface IProps {
-    ErrorMessage: string;
+    /**
+     * If provided, this message will be shown instead of the default error message. This is useful for providing a more user-friendly message or additional context about the error. NOTE: This will only be applied if ErrorContent is not provided, as ErrorContent is expected to provide its own error display.
+     */
+    ErrorMessage?: string;
+    /**
+     * If provided, this content will be shown instead of the default error content. This is useful for providing a more customized error display. NOTE: This will take precedence over ErrorMessage and ErrorIconSize, as it is expected to provide its own error display.
+     */
+    ErrorContent?: (props: IError) => React.ReactNode;
+    /**
+     * If provided, this style will be applied to the error container. This is useful for customizing the appearance of the error display.
+     */
     Style?: CSSProperties;
+    /**
+     * If provided, this class name will be applied to the error container. This is useful for applying custom styles to the error display.
+     */
     ClassName?: string;
+    /**
+     * If provided, this size will be applied to the error icon. This is useful for customizing the appearance of the error display. NOTE: This will only be applied if ErrorContent is not provided, as ErrorContent is expected to provide its own error display.
+     */
     ErrorIconSize?: number;
 }
 export default class ErrorBoundary extends React.Component<React.PropsWithChildren<IProps>, IError> {

package/lib/ErrorBoundary.js

@@ -77,10 +77,13 @@ var ErrorBoundary = /** @class */ (function (_super) {
         console.warn(error);
     };
     ErrorBoundary.prototype.render = function () {
-        var _a;
+        var _a, _b;
         if (this.state.name.length > 0) {
+            if (this.props.ErrorContent != null) {
+                return (React.createElement("div", { className: this.props.ClassName, style: this.props.Style }, this.props.ErrorContent(this.state)));
+            }
             return (React.createElement("div", { className: this.props.ClassName, style: this.props.Style },
-                React.createElement(react_interactive_1.ServerErrorIcon, { Show: true, Label: this.props.ErrorMessage, Size: (_a = this.props.ErrorIconSize) !== null && _a !== void 0 ? _a : 150 })));
+                React.createElement(react_interactive_1.ServerErrorIcon, { Show: true, Label: (_a = this.props.ErrorMessage) !== null && _a !== void 0 ? _a : "An error occurred", Size: (_b = this.props.ErrorIconSize) !== null && _b !== void 0 ? _b : 150 })));
         }
         else
             return React.createElement(React.Fragment, null, this.props.children);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/common-pages",
-  "version": "0.0.165",
+  "version": "0.0.166",
   "description": "Common UI pages for GPA products",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -49,9 +49,9 @@
     "@gpa-gemstone/application-typings": "0.0.96",
     "@gpa-gemstone/gpa-symbols": "0.0.59",
     "@gpa-gemstone/helper-functions": "0.0.55",
-    "@gpa-gemstone/react-forms": "1.1.111",
-    "@gpa-gemstone/react-interactive": "1.0.175",
-    "@gpa-gemstone/react-table": "1.2.98",
+    "@gpa-gemstone/react-forms": "1.1.112",
+    "@gpa-gemstone/react-interactive": "1.0.176",
+    "@gpa-gemstone/react-table": "1.2.99",
     "@reduxjs/toolkit": "1.8.3",
     "crypto-js": "^4.2.0",
     "moment": "^2.29.4",