chore(deps): React 18, MdxEditor

src/main/webapp/package.json

@@ -33,11 +33,12 @@
     "@luma.gl/gltools": "8.5.14",
     "@luma.gl/shadertools": "8.5.14",
     "@luma.gl/webgl": "8.5.14",
+    "@mdxeditor/editor": "^3.19.0",
     "@phylocanvas/phylocanvas.gl": "1.52.0",
     "@reduxjs/toolkit": "1.8.5",
     "ag-grid-community": "31.3.4",
     "ag-grid-react": "31.3.4",
-    "antd": "4.19.5",
+    "antd": "4.24.16",
     "axios": "0.28.0",
     "clipboard": "1.7.1",
     "dayjs": "1.11.1",
@@ -47,25 +48,25 @@
     "i": "0.3.7",
     "immutability-helper": "3.1.1",
     "lodash": "4.17.21",
+    "micromark": "^4.0.1",
     "moment": "2.29.4",
     "postcss-nested": "5.0.6",
     "process": "0.11.10",
     "qs": "6.10.3",
     "rc-util": "5.43.0",
     "rc-virtual-list": "3.4.6",
-    "react": "17.0.2",
-    "react-dnd": "15.1.2",
+    "react": "18.3.1",
+    "react-dnd": "16.0.0",
     "react-dnd-html5-backend": "15.1.3",
-    "react-dom": "17.0.2",
+    "react-dom": "18.3.1",
     "react-dom-factories": "1.0.2",
     "react-iframe": "1.8.0",
     "react-markdown": "8.0.2",
-    "react-mde": "11.5.0",
     "react-redux": "7.2.8",
     "react-router-dom": "6.4.3",
-    "react-virtualized-auto-sizer": "1.0.6",
-    "react-window": "1.8.6",
-    "reactour": "1.18.7",
+    "react-virtualized-auto-sizer": "1.0.24",
+    "react-window": "1.8.10",
+    "reactour": "1.19.4",
     "redux": "4.1.2",
     "redux-saga": "1.1.3",
     "styled-components": "5.3.5",
@@ -106,6 +107,7 @@
     "jest": "27.5.1",
     "less": "4.1.2",
     "less-loader": "10.2.0",
+    "micromark-extension-gfm": "^3.0.0",
     "mini-css-extract-plugin": "2.6.0",
     "postcss": "8.4.31",
     "postcss-import": "14.1.0",

src/main/webapp/resources/css/pages/announcements.css

@@ -0,0 +1,4 @@
+
+.mdxeditor-popup-container {
+    z-index: 1100;
+}

src/main/webapp/resources/js/apis/ontology/taxonomy/index.js

@@ -1 +1 @@
-export searchOntology, { TAXONOMY } from "./query";
+export { searchOntology, TAXONOMY } from "./query";

src/main/webapp/resources/js/apis/pipelines/pipelines.js

@@ -55,7 +55,7 @@ export const getPipelineDetails = ({ id }) =>
     .get(`${AJAX_URL}/${id}`)
     .then(({ data }) => data)
     .catch((error) => {
-      return Promise.reject(e.response.error.message);
+      return Promise.reject(error.response.error.message);
     });
 
 /**

src/main/webapp/resources/js/components/Buttons/AddMemberButton.tsx

@@ -143,7 +143,7 @@ export function AddMemberButton({
       </Button>
       <Modal
         className="t-add-member-modal"
-        visible={visible}
+        open={visible}
         okButtonProps={{ disabled: typeof userId === "undefined" }}
         onCancel={onCancel}
         title={modalTitle}