upgrade plotly to latest version 2.27.1 (microsoft#2484)

imatiach-msft · Jan 10, 2024 · 49906bb · 49906bb
1 parent c2a9352
commit 49906bb
Show file tree

Hide file tree

Showing 35 changed files with 14,989 additions and 16,681 deletions.
diff --git a/apps/dashboard/jest.config.js b/apps/dashboard/jest.config.js
@@ -13,5 +13,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/apps/widget/jest.config.js b/apps/widget/jest.config.js
@@ -13,5 +13,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/jest.config.js b/jest.config.js
@@ -15,5 +15,8 @@ module.exports = {
     "<rootDir>/libs/error-analysis",
     "<rootDir>/libs/forecasting",
     "<rootDir>/apps/widget"
+  ],
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
   ]
 };
diff --git a/libs/causality/jest.config.js b/libs/causality/jest.config.js
@@ -12,5 +12,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/libs/core-ui/jest.config.js b/libs/core-ui/jest.config.js
@@ -12,5 +12,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/libs/counterfactuals/jest.config.js b/libs/counterfactuals/jest.config.js
@@ -12,5 +12,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/libs/dataset-explorer/jest.config.js b/libs/dataset-explorer/jest.config.js
@@ -12,5 +12,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/libs/e2e/jest.config.js b/libs/e2e/jest.config.js
@@ -8,5 +8,8 @@ module.exports = {
   preset: "../../jest.preset.js",
   transform: {
     "^.+\\.[tj]sx?$": "babel-jest"
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/libs/error-analysis/jest.config.js b/libs/error-analysis/jest.config.js
@@ -12,5 +12,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/.../error-analysis/src/lib/ErrorAnalysisDashboard/Controls/TreeViewRenderer/TreeViewNode.tsx b/.../error-analysis/src/lib/ErrorAnalysisDashboard/Controls/TreeViewRenderer/TreeViewNode.tsx
@@ -3,10 +3,10 @@
 
 import { getTheme } from "@fluentui/react";
 import { getRandomId, SVGToolTip } from "@responsible-ai/core-ui";
-import { HierarchyPointNode } from "d3-hierarchy";
 import React from "react";
 
 import { ColorPalette } from "../../ColorPalette";
+import { IHierarchyPointNode as HierarchyPointNode } from "../../Interfaces/IHierarchyPointNode";
 import { FilterTooltip } from "../FilterTooltip/FilterTooltip";
 
 import { treeViewRendererStyles } from "./TreeViewRenderer.styles";

diff --git a/...or-analysis/src/lib/ErrorAnalysisDashboard/Controls/TreeViewRenderer/TreeViewRenderer.tsx b/...or-analysis/src/lib/ErrorAnalysisDashboard/Controls/TreeViewRenderer/TreeViewRenderer.tsx
@@ -27,11 +27,7 @@ import {
 import { localization } from "@responsible-ai/localization";
 import { Property } from "csstype";
 import { max as d3max } from "d3-array";
-import {
-  stratify as d3stratify,
-  tree as d3tree,
-  HierarchyPointNode
-} from "d3-hierarchy";
+import { stratify as d3stratify, tree as d3tree } from "d3-hierarchy";
 import { interpolateHcl as d3interpolateHcl } from "d3-interpolate";
 import { scaleLinear as d3scaleLinear } from "d3-scale";
 import { select } from "d3-selection";
@@ -41,6 +37,7 @@ import React from "react";
 
 import { ColorPalette } from "../../ColorPalette";
 import { FilterProps } from "../../FilterProps";
+import { IHierarchyPointNode as HierarchyPointNode } from "../../Interfaces/IHierarchyPointNode";
 import { TreeLegend } from "../TreeLegend/TreeLegend";
 
 import { TreeViewNode } from "./TreeViewNode";

diff --git a/.../error-analysis/src/lib/ErrorAnalysisDashboard/Controls/TreeViewRenderer/TreeViewState.ts b/.../error-analysis/src/lib/ErrorAnalysisDashboard/Controls/TreeViewRenderer/TreeViewState.ts
@@ -7,9 +7,9 @@ import {
   Metrics
 } from "@responsible-ai/core-ui";
 import { Property } from "csstype";
-import { HierarchyPointNode } from "d3-hierarchy";
 
 import { FilterProps } from "../../FilterProps";
+import { IHierarchyPointNode as HierarchyPointNode } from "../../Interfaces/IHierarchyPointNode";
 
 export interface IErrorColorStyle {
   fill: string | undefined;

diff --git a/.../error-analysis/src/lib/ErrorAnalysisDashboard/Controls/TreeViewRenderer/TreeViewUtils.ts b/.../error-analysis/src/lib/ErrorAnalysisDashboard/Controls/TreeViewRenderer/TreeViewUtils.ts
@@ -3,9 +3,9 @@
 
 import { Metrics } from "@responsible-ai/core-ui";
 import { localization } from "@responsible-ai/localization";
-import { HierarchyPointNode } from "d3-hierarchy";
 
 import { FilterProps } from "../../FilterProps";
+import { IHierarchyPointNode as HierarchyPointNode } from "../../Interfaces/IHierarchyPointNode";
 import { MetricLocalizationType, MetricUtils } from "../../MetricUtils";
 
 import { ITreeNode } from "./TreeViewState";

diff --git a/libs/error-analysis/src/lib/ErrorAnalysisDashboard/Interfaces/IHierarchyPointNode.ts b/libs/error-analysis/src/lib/ErrorAnalysisDashboard/Interfaces/IHierarchyPointNode.ts
@@ -0,0 +1,8 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+
+import * as d3hierarchy from "d3-hierarchy";
+
+// This is to get around a typescript import issue with d3-hierarchy
+export type IHierarchyPointNode<TDatum> =
+  d3hierarchy.HierarchyPointNode<TDatum>;
diff --git a/libs/fairness/jest.config.js b/libs/fairness/jest.config.js
@@ -19,5 +19,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/libs/fairness/src/lib/Controls/ModelComparisonChartPlotlyProps.ts b/libs/fairness/src/lib/Controls/ModelComparisonChartPlotlyProps.ts
@@ -165,7 +165,7 @@ export function getPlotlyProps(
           y
         );
 
-        series.customdata.push({
+        (series.customdata as Datum[]).push({
           modelId,
           x: x?.toFixed(digitsOfPrecision),
           xBounds,

diff --git a/libs/fairness/src/lib/Controls/OutcomePlot.tsx b/libs/fairness/src/lib/Controls/OutcomePlot.tsx
@@ -170,7 +170,7 @@ export class OutcomePlot extends React.PureComponent<IOutcomePlotProps> {
               ).toFixed(digitsOfPrecision)}%]`
             : "";
 
-        barPlotlyProps.data[0].customdata.push({
+        (barPlotlyProps.data[0].customdata as Datum[]).push({
           outcomeMetric: outcomeMetric.title,
           x: x !== undefined ? (100 * x).toFixed(digitsOfPrecision) : undefined,
           xBounds,

diff --git a/libs/fairness/src/lib/Controls/PerformancePlotHelper.ts b/libs/fairness/src/lib/Controls/PerformancePlotHelper.ts
@@ -93,7 +93,7 @@ export function buildCustomTooltips(
             : "";
         const customdata = barPlotlyProps?.data?.[j]?.customdata;
         if (customdata && _.isArray(customdata)) {
-          customdata.push({
+          (customdata as Datum[]).push({
             outcomeMetric,
             x:
               x !== undefined

diff --git a/libs/forecasting/jest.config.js b/libs/forecasting/jest.config.js
@@ -11,5 +11,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/libs/interpret-text/jest.config.js b/libs/interpret-text/jest.config.js
@@ -12,5 +12,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/libs/interpret-vision/jest.config.js b/libs/interpret-vision/jest.config.js
@@ -11,5 +11,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/libs/interpret/jest.config.js b/libs/interpret/jest.config.js
@@ -12,5 +12,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/libs/interpret/src/lib/MLIDashboard/Controls/FeatureImportance/Beehive.tsx b/libs/interpret/src/lib/MLIDashboard/Controls/FeatureImportance/Beehive.tsx
@@ -27,7 +27,7 @@ import {
 } from "@responsible-ai/mlchartlib";
 import _ from "lodash";
 import memoize from "memoize-one";
-import Plotly from "plotly.js";
+import Plotly, { PlotMarker } from "plotly.js";
 import React from "react";
 
 import { LoadingSpinner } from "../../SharedComponents/LoadingSpinner";
@@ -253,7 +253,7 @@ export class Beehive extends React.PureComponent<
           selectedOption.text
         );
         if (selectedOption.data.isNormalized && plotlyProps.data[0].marker) {
-          plotlyProps.data[0].marker.colorscale = [
+          (plotlyProps.data[0].marker as Partial<PlotMarker>).colorscale = [
             [0, "rgba(0,0,255,0.5)"],
             [1, "rgba(255,0,0,0.5)"]
           ];

diff --git a/libs/interpret/src/lib/MLIDashboard/Controls/ICEPlot.tsx b/libs/interpret/src/lib/MLIDashboard/Controls/ICEPlot.tsx
@@ -18,14 +18,14 @@ import { localization } from "@responsible-ai/localization";
 import {
   AccessibleChart,
   ICategoricalRange,
+  IData,
   INumericRange,
   IPlotlyProperty,
   PlotlyMode,
   RangeTypes
 } from "@responsible-ai/mlchartlib";
 import _, { toNumber } from "lodash";
 import memoize from "memoize-one";
-import { Data } from "plotly.js";
 import React from "react";
 
 import { HelpMessageDict } from "../Interfaces/IStringsParam";
@@ -87,7 +87,7 @@ export class ICEPlot extends React.Component<IIcePlotProps, IIcePlotState> {
       const transposedY: number[][] = Array.isArray(yData[0])
         ? ModelExplanationUtils.transpose2DArray(yData as number[][])
         : [yData as number[]];
-      const data: Data[] = transposedY.map((singleClassValue, classIndex) => {
+      const data: IData[] = transposedY.map((singleClassValue, classIndex) => {
         return {
           hoverinfo: "text",
           mode:

diff --git a/libs/interpret/src/lib/MLIDashboard/utils/getIceChartOption.ts b/libs/interpret/src/lib/MLIDashboard/utils/getIceChartOption.ts
@@ -9,9 +9,8 @@ import {
   ModelTypes
 } from "@responsible-ai/core-ui";
 import { localization } from "@responsible-ai/localization";
-import { RangeTypes } from "@responsible-ai/mlchartlib";
+import { RangeTypes, IData } from "@responsible-ai/mlchartlib";
 import { map } from "lodash";
-import { Data } from "plotly.js";
 
 import { buildYAxis } from "./buildYAxis";
 import { mergeXYData } from "./mergeXYData";
@@ -39,7 +38,7 @@ export function getIceChartOption(
   ) {
     return undefined;
   }
-  const data: Data[] = map<number[] | number[][]>(
+  const data: IData[] = map<number[] | number[][]>(
     yData,
     (singleRow: number[] | number[][], rowIndex: number) => {
       const transposedY: number[][] = isTwoDimArray(singleRow)

diff --git a/libs/localization/jest.config.js b/libs/localization/jest.config.js
@@ -12,5 +12,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/libs/mlchartlib/jest.config.js b/libs/mlchartlib/jest.config.js
@@ -12,5 +12,8 @@ module.exports = {
       "babel-jest",
       { configFile: "./babel-jest.config.json", cwd: __dirname }
     ]
-  }
+  },
+  transformIgnorePatterns: [
+    "/node_modules/(?!d3|d3-array|internmap|delaunator|robust-predicates)"
+  ]
 };
diff --git a/libs/mlchartlib/src/lib/components/AccessibleChart.tsx b/libs/mlchartlib/src/lib/components/AccessibleChart.tsx
@@ -10,6 +10,7 @@ import { v4 } from "uuid";
 
 import { accessibleChartStyles } from "./AccessibleChart.styles";
 import { formatValue } from "./DisplayFormatters";
+import { IData } from "./IData";
 import { IPlotlyProperty } from "./IPlotlyProperty";
 import { PlotlyThemes, IPlotlyTheme } from "./PlotlyThemes";
 
@@ -97,7 +98,7 @@ export class AccessibleChart extends React.Component<IAccessibleChartProps> {
     );
   }
 
-  private createTableWithPlotlyData(data: Plotly.Data[]): React.ReactNode {
+  private createTableWithPlotlyData(data: IData[]): React.ReactNode {
     return (
       <table className={accessibleChartStyles.plotlyTable}>
         <tbody>

diff --git a/libs/mlchartlib/src/lib/components/ChartBuilder.ts b/libs/mlchartlib/src/lib/components/ChartBuilder.ts
@@ -15,10 +15,7 @@ interface IRow {
   size: any;
 }
 export class ChartBuilder {
-  public static buildPlotlySeries<T>(
-    datum: IData,
-    rows: T[]
-  ): Array<Partial<Data>> {
+  public static buildPlotlySeries<T>(datum: IData, rows: T[]): IData[] {
     const groupingDictionary: { [key: string]: Partial<Data> } = {};
     let defaultSeries: Partial<Data> | undefined;
     const datumLevelPaths: string = datum.datapointLevelAccessors
@@ -43,7 +40,7 @@ export class ChartBuilder {
     // the preferred solution of size ref
     const maxBubbleValue = 10;
     projectedRows.forEach((row) => {
-      let series: Partial<Data>;
+      let series: IData;
 
       // Handle mutiple group by in the future
       if (datum.groupBy && datum.groupBy.length > 0) {
@@ -52,20 +49,20 @@ export class ChartBuilder {
           if (defaultSeries === undefined) {
             defaultSeries = ChartBuilder.buildDefaultSeries(datum);
           }
-          series = defaultSeries;
+          series = defaultSeries as IData;
         } else {
           if (groupingDictionary[key] === undefined) {
             const temp = ChartBuilder.buildDefaultSeries(datum);
             temp.name = key;
             groupingDictionary[key] = temp;
           }
-          series = groupingDictionary[key];
+          series = groupingDictionary[key] as IData;
         }
       } else {
         if (defaultSeries === undefined) {
           defaultSeries = ChartBuilder.buildDefaultSeries(datum);
         }
-        series = defaultSeries;
+        series = defaultSeries as IData;
       }
 
       // Due to logging supporting heterogeneous metric types, a metric can be a scalar on one run and a vector on another
@@ -146,7 +143,7 @@ export class ChartBuilder {
     Object.keys(groupingDictionary).forEach((key) => {
       result.push(groupingDictionary[key]);
     });
-    return result;
+    return result as IData[];
   }
 
   private static getHasVectors(row: IRow): {