feat(widget): add TABLE widget type (#638)

Closes #550

Add support for `TableWidget` in dashboards.

---

_By submitting this pull request, I confirm that my contribution is made
under the terms of the Apache-2.0 license_

Co-authored-by: Danny Zhao <[email protected]>

Author: Laxenade

API.md

@@ -4,6 +4,7 @@ import {
   GraphWidgetView,
   IWidget,
   SingleValueWidget,
+  TableWidget,
 } from "aws-cdk-lib/aws-cloudwatch";
 
 export enum GraphWidgetType {
@@ -12,6 +13,7 @@ export enum GraphWidgetType {
   PIE = "Pie",
   SINGLE_VALUE = "SingleValue",
   STACKED_AREA = "StackedArea",
+  TABLE = "Table",
 }
 
 /**
@@ -52,6 +54,12 @@ export function createGraphWidget(
         stacked: true,
       });
 
+    case GraphWidgetType.TABLE:
+      return new TableWidget({
+        ...props,
+        metrics: [...(props.left ?? []), ...(props.right ?? [])],
+      });
+
     default:
       throw new Error(`Unsupported graph type: ${type}`);
   }

lib/common/widget/types.ts

@@ -188,6 +188,14 @@ test("snapshot test", () => {
           new Metric({ metricName: "DummyMetric41", namespace, dimensionsMap }),
         ],
       },
+      {
+        title: "DummyGroup5",
+        graphWidgetType: GraphWidgetType.TABLE,
+        metrics: [
+          new Metric({ metricName: "DummyMetric50", namespace, dimensionsMap }),
+          new Metric({ metricName: "DummyMetric51", namespace, dimensionsMap }),
+        ],
+      },
     ],
     useCreatedAlarms: {
       consume(alarms) {