fix(dependencies): switch from dagre-d3 to dagre-d3-es (#1842)

og commit: switch from dagre-d3 to dagre-d3-es. cherry-pick msg: updated changes un QueryPlanView and QueryStageView --------- Co-authored-by: Shahad <[email protected]>
prestodb · Nov 28, 2024 · 5c9ec2f · 5c9ec2f
1 parent 4bea0a1
commit 5c9ec2f
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 281 deletions.
diff --git a/presto-ui/src/components/LivePlan.jsx b/presto-ui/src/components/LivePlan.jsx
@@ -15,7 +15,7 @@
 
 import React from "react";
 import ReactDOMServer from "react-dom/server";
-import * as dagreD3 from "dagre-d3";
+import * as dagreD3 from "dagre-d3-es";
 import * as d3 from "d3";
 
 import {formatRows, getStageStateColor, initializeGraph, initializeSvg, truncateString} from "../utils";

diff --git a/presto-ui/src/components/QueryPlanView.jsx b/presto-ui/src/components/QueryPlanView.jsx
@@ -18,7 +18,7 @@ import { clsx } from 'clsx';
 import type { StageNodeInfo } from './LivePlan';
 import { StageStatistics, PlanNode } from './LivePlan';
 import ReactDOMServer from "react-dom/server";
-import * as dagreD3 from "dagre-d3";
+import * as dagreD3 from "dagre-d3-es";
 import * as d3 from "d3";
 import { formatRows, getStageStateColor, initializeGraph } from "../utils";
 

diff --git a/presto-ui/src/components/QueryStageView.jsx b/presto-ui/src/components/QueryStageView.jsx
@@ -16,7 +16,7 @@ import { clsx } from 'clsx';
 import React from "react";
 import { createRoot } from 'react-dom/client';
 import ReactDOMServer from "react-dom/server";
-import * as dagreD3 from "dagre-d3";
+import * as dagreD3 from "dagre-d3-es";
 import * as d3 from "d3";
 
 

diff --git a/presto-ui/src/components/StageDetail.jsx b/presto-ui/src/components/StageDetail.jsx
@@ -16,7 +16,7 @@ import React from "react";
 import ReactDOM from "react-dom";
 import { createRoot } from 'react-dom/client';
 import ReactDOMServer from "react-dom/server";
-import * as dagreD3 from "dagre-d3";
+import * as dagreD3 from "dagre-d3-es";
 import * as d3 from "d3";
 
 import {

diff --git a/presto-ui/src/package.json b/presto-ui/src/package.json
@@ -25,7 +25,7 @@
     "@prestodb/presto-js-client": "^1.0.0",
     "antlr4": "^4.13.1-patch-1",
     "d3": "^7.9.0",
-    "dagre-d3": "^0.6.4",
+    "dagre-d3-es": "^7.0.10",
     "clsx": "^2.1.0",
     "copy-webpack-plugin": "^12.0.2",
     "prismjs": "^1.29.0",
@@ -45,5 +45,5 @@
   "resolutions": {
     "d3-color": "3.1.0"
   }
- 
+
 }
diff --git a/presto-ui/src/utils.js b/presto-ui/src/utils.js
@@ -13,7 +13,7 @@
  */
 //@flow
 
-import * as dagreD3 from "dagre-d3";
+import * as dagreD3 from "dagre-d3-es";
 import * as d3 from "d3";
 
 // Query display