@gpa-gemstone/common-pages 0.0.98 → 0.0.99

package/lib/ErrorBoundary.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface IError {
+    name: string;
+    message: string;
+}
+interface IProps {
+    HeaderErrorMessage: string;
+    BodyErrorMessage: string;
+    Height: number | string;
+    Width: number | string;
+}
+export default class ErrorBoundary extends React.Component<IProps, IError> {
+    constructor(props: IProps);
+    componentDidCatch(error: IError): void;
+    render(): JSX.Element;
+}
+export {};

package/lib/ErrorBoundary.js

@@ -0,0 +1,68 @@
+"use strict";
+//******************************************************************************************************
+//  ErrorBoundary.tsx - Gbtc
+//
+//  Copyright (c) 2024, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  05/02/2024 - Preton Crawford
+//       Generated original version of source code.
+//
+//******************************************************************************************************
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var react_interactive_1 = require("@gpa-gemstone/react-interactive");
+var ErrorBoundary = /** @class */ (function (_super) {
+    __extends(ErrorBoundary, _super);
+    function ErrorBoundary(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = { name: "", message: "" };
+        return _this;
+    }
+    ErrorBoundary.prototype.componentDidCatch = function (error) {
+        this.setState({
+            name: error.name,
+            message: error.message
+        });
+        console.warn(error);
+    };
+    ErrorBoundary.prototype.render = function () {
+        if (this.state.name.length > 0) {
+            return (React.createElement("div", { className: "card", style: { width: this.props.Width, height: this.props.Height } },
+                React.createElement("div", { className: "card-header" }, this.props.HeaderErrorMessage),
+                React.createElement("div", { className: "card-body" },
+                    React.createElement(react_interactive_1.ServerErrorIcon, { Show: true, Label: this.props.BodyErrorMessage, Size: 150 }))));
+        }
+        else
+            return React.createElement(React.Fragment, null, this.props.children);
+    };
+    return ErrorBoundary;
+}(React.Component));
+exports.default = ErrorBoundary;

package/lib/index.d.ts

@@ -7,4 +7,5 @@ import User from './user/User';
 import { DefaultSearch } from './SearchBar';
 import SelectPopup from './StandardSelectPopup';
 import { DefaultSelects } from './SelectionPopup';
-export { Setting, Note, ValueList, ByValueList, User, ByUser, DefaultSearch, SelectPopup, DefaultSelects };
+import ErrorBoundary from './ErrorBoundary';
+export { Setting, Note, ValueList, ByValueList, User, ByUser, DefaultSearch, SelectPopup, DefaultSelects, ErrorBoundary };

package/lib/index.js

@@ -22,7 +22,7 @@
 //
 // ******************************************************************************************************
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultSelects = exports.SelectPopup = exports.DefaultSearch = exports.ByUser = exports.User = exports.ByValueList = exports.ValueList = exports.Note = exports.Setting = void 0;
+exports.ErrorBoundary = exports.DefaultSelects = exports.SelectPopup = exports.DefaultSearch = exports.ByUser = exports.User = exports.ByValueList = exports.ValueList = exports.Note = exports.Setting = void 0;
 var Setting_1 = require("./Setting");
 exports.Setting = Setting_1.default;
 var Note_1 = require("./Note");
@@ -41,3 +41,5 @@ var StandardSelectPopup_1 = require("./StandardSelectPopup");
 exports.SelectPopup = StandardSelectPopup_1.default;
 var SelectionPopup_1 = require("./SelectionPopup");
 Object.defineProperty(exports, "DefaultSelects", { enumerable: true, get: function () { return SelectionPopup_1.DefaultSelects; } });
+var ErrorBoundary_1 = require("./ErrorBoundary");
+exports.ErrorBoundary = ErrorBoundary_1.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/common-pages",
-  "version": "0.0.98",
+  "version": "0.0.99",
   "description": "Common UI pages for GPA products",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -44,12 +44,12 @@
     "typescript": "4.4.4"
   },
   "dependencies":   {
-    "@gpa-gemstone/application-typings": "0.0.68",
-    "@gpa-gemstone/gpa-symbols": "0.0.30",
+    "@gpa-gemstone/application-typings": "0.0.69",
+    "@gpa-gemstone/gpa-symbols": "0.0.31",
     "@gpa-gemstone/helper-functions": "0.0.30",
-    "@gpa-gemstone/react-forms": "1.1.57",
-    "@gpa-gemstone/react-interactive": "1.0.113",
-    "@gpa-gemstone/react-table": "1.2.40",
+    "@gpa-gemstone/react-forms": "1.1.58",
+    "@gpa-gemstone/react-interactive": "1.0.114",
+    "@gpa-gemstone/react-table": "1.2.41",
     "@reduxjs/toolkit": "1.8.3",
     "crypto-js": "4.0.0",
     "moment": "^2.29.4",