refactor(Charts): port scatter and bar chart to react-components

awslabs · Mar 18, 2023 · 9f44d5a · 9f44d5a
1 parent 0dedf9c
commit 9f44d5a
Show file tree

Hide file tree

Showing 15 changed files with 165 additions and 446 deletions.
diff --git a/packages/components/src/components.d.ts b/packages/components/src/components.d.ts
@@ -6,32 +6,13 @@
  */
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 import { Annotations, DataType, Provider, StyleSettingsMap, TimeQuery, TimeSeriesData, TimeSeriesDataRequest, TimeSeriesDataRequestSettings, TreeQuery, Viewport } from "@iot-app-kit/core";
-import { AlarmsConfig, Axis, LabelsConfig, LayoutConfig, LegendConfig, MessageOverrides, MinimalSizeConfig, MovementConfig, ScaleConfig, Trend } from "@synchro-charts/core";
+import { AlarmsConfig, Axis, LabelsConfig, LayoutConfig, MessageOverrides, MinimalSizeConfig, MovementConfig, ScaleConfig } from "@synchro-charts/core";
 import { BranchReference, SiteWiseAssetTreeNode } from "@iot-app-kit/source-iotsitewise";
 import { ColumnDefinition, FilterTexts } from "./components/iot-resource-explorer/types";
 import { TableProps } from "@awsui/components-react/table";
 import { EmptyStateProps, ITreeNode, UseTreeCollection } from "@iot-app-kit/related-table";
 import { NonCancelableCustomEvent } from "@awsui/components-react";
 export namespace Components {
-    interface IotBarChart {
-        "alarms"?: AlarmsConfig;
-        "annotations": Annotations;
-        "axis"?: Axis.Options;
-        "gestures"?: boolean;
-        "isEditing": boolean | undefined;
-        "layout"?: LayoutConfig;
-        "legend"?: LegendConfig;
-        "messageOverrides"?: MessageOverrides;
-        "movement"?: MovementConfig;
-        "queries": TimeQuery<TimeSeriesData[], TimeSeriesDataRequest>[];
-        "scale"?: ScaleConfig;
-        "settings": TimeSeriesDataRequestSettings;
-        "size"?: MinimalSizeConfig;
-        "styleSettings": StyleSettingsMap | undefined;
-        "trends": Trend[];
-        "viewport": Viewport;
-        "widgetId": string;
-    }
     interface IotKpi {
         "annotations": Annotations;
         "isEditing": boolean | undefined;
@@ -59,25 +40,6 @@ export namespace Components {
     }
     interface IotResourceExplorerDemo {
     }
-    interface IotScatterChart {
-        "alarms"?: AlarmsConfig;
-        "annotations": Annotations;
-        "axis"?: Axis.Options;
-        "gestures"?: boolean;
-        "isEditing": boolean | undefined;
-        "layout"?: LayoutConfig;
-        "legend"?: LegendConfig;
-        "messageOverrides"?: MessageOverrides;
-        "movement"?: MovementConfig;
-        "queries": TimeQuery<TimeSeriesData[], TimeSeriesDataRequest>[];
-        "scale"?: ScaleConfig;
-        "settings": TimeSeriesDataRequestSettings;
-        "size"?: MinimalSizeConfig;
-        "styleSettings": StyleSettingsMap | undefined;
-        "trends": Trend[];
-        "viewport": Viewport;
-        "widgetId": string;
-    }
     interface IotStatusGrid {
         "annotations": Annotations;
         "isEditing": boolean | undefined;
@@ -144,12 +106,6 @@ export namespace Components {
     }
 }
 declare global {
-    interface HTMLIotBarChartElement extends Components.IotBarChart, HTMLStencilElement {
-    }
-    var HTMLIotBarChartElement: {
-        prototype: HTMLIotBarChartElement;
-        new (): HTMLIotBarChartElement;
-    };
     interface HTMLIotKpiElement extends Components.IotKpi, HTMLStencilElement {
     }
     var HTMLIotKpiElement: {
@@ -168,12 +124,6 @@ declare global {
         prototype: HTMLIotResourceExplorerDemoElement;
         new (): HTMLIotResourceExplorerDemoElement;
     };
-    interface HTMLIotScatterChartElement extends Components.IotScatterChart, HTMLStencilElement {
-    }
-    var HTMLIotScatterChartElement: {
-        prototype: HTMLIotScatterChartElement;
-        new (): HTMLIotScatterChartElement;
-    };
     interface HTMLIotStatusGridElement extends Components.IotStatusGrid, HTMLStencilElement {
     }
     var HTMLIotStatusGridElement: {
@@ -223,11 +173,9 @@ declare global {
         new (): HTMLTestingGroundAppKitElement;
     };
     interface HTMLElementTagNameMap {
-        "iot-bar-chart": HTMLIotBarChartElement;
         "iot-kpi": HTMLIotKpiElement;
         "iot-resource-explorer": HTMLIotResourceExplorerElement;
         "iot-resource-explorer-demo": HTMLIotResourceExplorerDemoElement;
-        "iot-scatter-chart": HTMLIotScatterChartElement;
         "iot-status-grid": HTMLIotStatusGridElement;
         "iot-status-timeline": HTMLIotStatusTimelineElement;
         "iot-test-routes": HTMLIotTestRoutesElement;
@@ -239,25 +187,6 @@ declare global {
     }
 }
 declare namespace LocalJSX {
-    interface IotBarChart {
-        "alarms"?: AlarmsConfig;
-        "annotations"?: Annotations;
-        "axis"?: Axis.Options;
-        "gestures"?: boolean;
-        "isEditing"?: boolean | undefined;
-        "layout"?: LayoutConfig;
-        "legend"?: LegendConfig;
-        "messageOverrides"?: MessageOverrides;
-        "movement"?: MovementConfig;
-        "queries": TimeQuery<TimeSeriesData[], TimeSeriesDataRequest>[];
-        "scale"?: ScaleConfig;
-        "settings"?: TimeSeriesDataRequestSettings;
-        "size"?: MinimalSizeConfig;
-        "styleSettings"?: StyleSettingsMap | undefined;
-        "trends"?: Trend[];
-        "viewport": Viewport;
-        "widgetId"?: string;
-    }
     interface IotKpi {
         "annotations"?: Annotations;
         "isEditing"?: boolean | undefined;
@@ -285,25 +214,6 @@ declare namespace LocalJSX {
     }
     interface IotResourceExplorerDemo {
     }
-    interface IotScatterChart {
-        "alarms"?: AlarmsConfig;
-        "annotations"?: Annotations;
-        "axis"?: Axis.Options;
-        "gestures"?: boolean;
-        "isEditing"?: boolean | undefined;
-        "layout"?: LayoutConfig;
-        "legend"?: LegendConfig;
-        "messageOverrides"?: MessageOverrides;
-        "movement"?: MovementConfig;
-        "queries": TimeQuery<TimeSeriesData[], TimeSeriesDataRequest>[];
-        "scale"?: ScaleConfig;
-        "settings"?: TimeSeriesDataRequestSettings;
-        "size"?: MinimalSizeConfig;
-        "styleSettings"?: StyleSettingsMap | undefined;
-        "trends"?: Trend[];
-        "viewport": Viewport;
-        "widgetId"?: string;
-    }
     interface IotStatusGrid {
         "annotations"?: Annotations;
         "isEditing"?: boolean | undefined;
@@ -369,11 +279,9 @@ declare namespace LocalJSX {
     interface TestingGroundAppKit {
     }
     interface IntrinsicElements {
-        "iot-bar-chart": IotBarChart;
         "iot-kpi": IotKpi;
         "iot-resource-explorer": IotResourceExplorer;
         "iot-resource-explorer-demo": IotResourceExplorerDemo;
-        "iot-scatter-chart": IotScatterChart;
         "iot-status-grid": IotStatusGrid;
         "iot-status-timeline": IotStatusTimeline;
         "iot-test-routes": IotTestRoutes;
@@ -388,11 +296,9 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "iot-bar-chart": LocalJSX.IotBarChart & JSXBase.HTMLAttributes<HTMLIotBarChartElement>;
             "iot-kpi": LocalJSX.IotKpi & JSXBase.HTMLAttributes<HTMLIotKpiElement>;
             "iot-resource-explorer": LocalJSX.IotResourceExplorer & JSXBase.HTMLAttributes<HTMLIotResourceExplorerElement>;
             "iot-resource-explorer-demo": LocalJSX.IotResourceExplorerDemo & JSXBase.HTMLAttributes<HTMLIotResourceExplorerDemoElement>;
-            "iot-scatter-chart": LocalJSX.IotScatterChart & JSXBase.HTMLAttributes<HTMLIotScatterChartElement>;
             "iot-status-grid": LocalJSX.IotStatusGrid & JSXBase.HTMLAttributes<HTMLIotStatusGridElement>;
             "iot-status-timeline": LocalJSX.IotStatusTimeline & JSXBase.HTMLAttributes<HTMLIotStatusTimelineElement>;
             "iot-test-routes": LocalJSX.IotTestRoutes & JSXBase.HTMLAttributes<HTMLIotTestRoutesElement>;

diff --git a/packages/components/src/components/iot-bar-chart/iot-bar-chart.spec.ts b/packages/components/src/components/iot-bar-chart/iot-bar-chart.spec.ts
diff --git a/packages/components/src/components/iot-bar-chart/iot-bar-chart.tsx b/packages/components/src/components/iot-bar-chart/iot-bar-chart.tsx
diff --git a/packages/components/src/components/iot-scatter-chart/iot-scatter-chart.spec.ts b/packages/components/src/components/iot-scatter-chart/iot-scatter-chart.spec.ts