#19 - now use the migration module react-beautiful-dnd-migration

RootDBApp · Jan 17, 2025 · f2c3624 · f2c3624
1 parent f25dc14
commit f2c3624
Show file tree

Hide file tree

Showing 6 changed files with 390 additions and 90 deletions.
diff --git a/package.json b/package.json
@@ -3,6 +3,8 @@
   "version": "1.0.4",
   "private": true,
   "dependencies": {
+    "@atlaskit/codemod-utils": "^4.2.4",
+    "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^1.3.1",
     "@tanstack/react-table": "^8.19.3",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
@@ -53,7 +55,6 @@
     "react": "^18.3.1",
     "react-ace": "https://github.com/gchallen/react-ace",
     "react-app-rewired": "^2.2.1",
-    "react-beautiful-dnd": "^13.1.1",
     "react-csv": "^2.2.2",
     "react-dom": "^18.3.1",
     "react-grid-layout": "^1.4.4",

diff --git a/src/components/pdt/PathDrivenTab.tsx b/src/components/pdt/PathDrivenTab.tsx
@@ -22,7 +22,7 @@
 import { Menubar }           from "primereact/menubar";
 import { Tooltip }           from "primereact/tooltip";
 import * as React            from "react";
-import { DraggableProvided } from "react-beautiful-dnd";
+import { DraggableProvided } from "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration";
 import { useNavigate }       from "react-router-dom";
 import { VscDebugConsole }   from "react-icons/vsc";
 import { useTranslation }    from "react-i18next";

diff --git a/src/components/pdt/PathDrivenTabs.tsx b/src/components/pdt/PathDrivenTabs.tsx
@@ -22,7 +22,7 @@
 import { ContextMenu }                                                          from "primereact/contextmenu";
 import { MenuItem }                                                             from "primereact/menuitem";
 import * as React                                                               from "react";
-import { DragDropContext, Draggable, DraggableProvided, Droppable, DropResult } from "react-beautiful-dnd";
+import { DragDropContext, Draggable, DraggableProvided, Droppable, DropResult } from "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration";
 import { useTranslation }                                                       from "react-i18next";
 import { matchRoutes, useLocation, useMatch, useNavigate }                      from "react-router-dom";
 

diff --git a/src/components/report/data-view/metric/DataViewMetricParamsForm.tsx b/src/components/report/data-view/metric/DataViewMetricParamsForm.tsx
@@ -23,7 +23,7 @@ import { Button }
 import { Card }                                                                 from "primereact/card";
 import * as React                                                               from 'react';
 import { useTranslation }                                                       from "react-i18next";
-import { DragDropContext, Draggable, DraggableProvided, Droppable, DropResult } from "react-beautiful-dnd";
+import { DragDropContext, Draggable, DraggableProvided, Droppable, DropResult } from "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration";
 
 
 import { ICallbackInfoJsonFormOnChange } from "../../../../types/ICallBacks";

diff --git a/src/components/report/data-view/table_V8/DataViewTableParamsForm.tsx b/src/components/report/data-view/table_V8/DataViewTableParamsForm.tsx
@@ -24,7 +24,7 @@ import { Card }
 import { TabPanel, TabView }                                                    from "primereact/tabview";
 import * as React                                                               from 'react';
 import { useTranslation }                                                       from "react-i18next";
-import { DragDropContext, Draggable, DraggableProvided, Droppable, DropResult } from "react-beautiful-dnd";
+import { DragDropContext, Draggable, DraggableProvided, Droppable, DropResult } from "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration";
 
 
 import { ICallbackTableJsonFormOnChange }  from "../../../../types/ICallBacks";