0.0.1-beta.16 added erroe boundary atom

egovernments · May 5, 2024 · b269457 · b269457
1 parent 56b4181
commit b269457
Show file tree

Hide file tree

Showing 10 changed files with 48 additions and 7 deletions.
diff --git a/react/example/package.json b/react/example/package.json
@@ -10,7 +10,7 @@
     "build": "webpack --mode production"
   },
   "dependencies": {
-    "@egovernments/digit-ui-components": "0.0.1-beta.15",
+    "@egovernments/digit-ui-components": "0.0.1-beta.16",
     "@egovernments/digit-ui-libraries": "1.8.2-beta.1",
     "@egovernments/digit-ui-module-common": "1.7.10",
     "@egovernments/digit-ui-module-core": "1.8.1-beta.6",

diff --git a/react/modules/Project/package.json b/react/modules/Project/package.json
@@ -19,7 +19,7 @@
     },
     "dependencies": {
         "@egovernments/digit-ui-react-components": "1.8.1-beta.4",
-        "@egovernments/digit-ui-components": "0.0.1-beta.15",
+        "@egovernments/digit-ui-components": "0.0.1-beta.16",
         "lodash": "^4.17.21",
         "react": "17.0.2",
         "react-date-range": "^1.4.0",

diff --git a/react/modules/core/package.json b/react/modules/core/package.json
@@ -14,7 +14,7 @@
     "prepublish": "yarn build"
   },
   "dependencies": {
-    "@egovernments/digit-ui-components": "0.0.1-beta.15",
+    "@egovernments/digit-ui-components": "0.0.1-beta.16",
     "@egovernments/digit-ui-react-components": "1.8.1-beta.4",
     "react": "17.0.2",
     "react-dom": "17.0.2",

diff --git a/react/modules/sample/package.json b/react/modules/sample/package.json
@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "@egovernments/digit-ui-react-components": "1.8.1-beta.4",
-    "@egovernments/digit-ui-components": "0.0.1-beta.15",
+    "@egovernments/digit-ui-components": "0.0.1-beta.16",
     "react": "17.0.2",
     "react-date-range": "^1.4.0",
     "react-dom": "17.0.2",

diff --git a/react/package.json b/react/package.json
@@ -77,7 +77,7 @@
     "@egovernments/digit-ui-module-sample": "0.0.1",
     "@egovernments/digit-ui-react-components": "1.7.10",
     "@egovernments/digit-ui-svg-components": "1.0.4",
-    "@egovernments/digit-ui-components": "0.0.1-beta.15",
+    "@egovernments/digit-ui-components": "0.0.1-beta.16",
     "babel-loader": "8.1.0",
     "clean-webpack-plugin": "4.0.0",
     "css-loader": "5.2.6",

diff --git a/react/ui-components/README.md b/react/ui-components/README.md
@@ -58,6 +58,7 @@ yarn storybook
 # Changelog
 
 ```bash
+0.0.1-beta.16 added erroe boundary atom
 0.0.1-beta.15 added info varinat for toast
 0.0.1-beta.14 updated dropdown options label to use optionsKey
 0.0.1-beta.13 nested and tree dropdown varinat updated

diff --git a/react/ui-components/package.json b/react/ui-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-components",
-  "version": "0.0.1-beta.15",
+  "version": "0.0.1-beta.16",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",

diff --git a/react/ui-components/src/atoms/ErrorBoundary.js b/react/ui-components/src/atoms/ErrorBoundary.js
@@ -0,0 +1,36 @@
+import { Toast } from '@egovernments/digit-ui-components';
+import React, { Component } from 'react';
+
+class ErrorBoundary extends Component {
+  state = {
+    hasError: false,
+    error: null,
+    errorInfo: null
+  };
+
+  componentDidCatch(error, errorInfo) {
+    // Log the error to an error reporting service
+    console.error('Error caught by ErrorBoundary:', error, errorInfo);
+    this.setState({
+      hasError: true,
+      error: error,
+      errorInfo: errorInfo
+    });
+  }
+
+  render() {
+    if (this?.state?.hasError) {
+      // Render fallback UI
+      return (
+        <div>
+          {this?.state?.error?.toString() && <Toast error={true } label={this?.props?.moduleName+" : "+this?.state?.error?.toString()?.slice(0,100)}  />}
+          {this?.props?.children}
+        </div>
+      );
+    }
+    // Render children normally
+    return this?.props?.children;
+  }
+}
+
+export default ErrorBoundary;
diff --git a/react/ui-components/src/atoms/index.js b/react/ui-components/src/atoms/index.js
@@ -71,8 +71,10 @@ import InfoButton from "./InfoButton";
 import Uploader  from "./Uploader";
 import UploadPopup from "./UploadPopup";
 import DocPreview from "./DocPreview";
+import ErrorBoundary from "./ErrorBoundary";
 
 import {
+  ErrorBoundary,
   AnnouncementIcon,
   Calender,
   CitizenTruck,

diff --git a/react/ui-components/src/index.js b/react/ui-components/src/index.js
@@ -70,7 +70,8 @@ import {
   InfoButton,
   Uploader,
   UploadPopup,
-  DocPreview
+  DocPreview,
+  ErrorBoundary
 } from "./atoms";
 
 import {
@@ -462,4 +463,5 @@ export {
   ArrowLeftWhite,
   ArrowRightInbox,
   SearchIconSvg,
+  ErrorBoundary
 };