Staging

.github/workflows/client-tests.yml

@@ -20,7 +20,7 @@ jobs:
         working-directory: client
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

.github/workflows/prod-deploy.yml

@@ -47,7 +47,7 @@ jobs:
         working-directory: cdk
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
     steps:
       - uses: actions/checkout@v4

.github/workflows/server-tests.yml

@@ -22,7 +22,7 @@ jobs:
         working-directory: server
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

.github/workflows/staging-deploy.yml

@@ -47,7 +47,7 @@ jobs:
         working-directory: cdk
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
     steps:
       - uses: actions/checkout@v4

client/package.json

@@ -5,29 +5,26 @@
   "homepage": "https://github.com/lbl-srg/ctrl-flow-dev",
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.1",
-    "@testing-library/react": "^12.1.2",
+    "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^13.5.0",
     "@types/node": "^20.9.4",
-    "@types/react-dom": "^17.0.11",
+    "@types/react-dom": "^18.3.1",
+    "css-loader": "^7.1.2",
     "formik": "^2.2.9",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-localization": "^1.0.19",
     "react-router-dom": "^6.2.2",
-    "react-scripts": "5.0.0",
+    "react-scripts": "^5.0.1",
     "react-zoom-pan-pinch": "^2.1.3",
     "typescript": "^4.5.4",
     "use-debounce": "^7.0.1",
     "web-vitals": "^2.1.2",
     "zustand": "^3.6.7"
   },
   "overrides": {
-    "body-parser": "^1.20.3",
-    "http-proxy-middleware": "^2.0.7",
-    "superagent": "^9.0.0",
-    "semver": "^7.5.2",
-    "rollup": "^3.29.5",
-    "nth-check": "^2.0.1"
+    "nth-check": "^2.1.0",
+    "postcss": "^8.4.31"
   },
   "scripts": {
     "start": "react-app-rewired start",
@@ -66,7 +63,7 @@
     "@picocss/pico": "^1.4.4",
     "@types/jest": "^29.2.2",
     "@types/jsdom": "^20.0.1",
-    "@types/react": "^17.0.40",
+    "@types/react": "^18.3.12",
     "@types/uuid": "^8.3.4",
     "@typescript-eslint/eslint-plugin": "^5.7.0",
     "@typescript-eslint/parser": "^5.7.0",

client/src/components/layouts/SidebarLayout.jsx

@@ -7,12 +7,9 @@ import { useLocation } from "react-router-dom";
 import { useStores } from "../../data";
 import { observer } from "mobx-react";
 
-import itl from "../../translations";
-
 const Sidebarlayout = observer(
   ({ contentLeft, contentRight, isFullScreen = true }) => {
     const { uiStore, projectStore } = useStores();
-    const projectDetails = projectStore.getProjectDetails();
 
     const [isDragging, setIsDragging] = useState(false);
     const [modalOpen, setModalOpen] = useState(false);

client/src/components/modal/EditDetailsModal.tsx

@@ -1,8 +1,6 @@
 // import { Field, Form, Formik } from "formik";
 import Modal, { ModalInterface } from "./Modal";
-import itl from "../../translations";
 import { useStores } from "../../data";
-import { getFormData } from "../../utils/dom-utils";
 import { observer } from "mobx-react";
 import { ChangeEvent, SyntheticEvent, useState } from "react";
 import { ProjectDetailInterface } from "../../data/project";
@@ -19,7 +17,6 @@ import {
 import {
   applyValueModifiers,
   applyVisibilityModifiers,
-  Modifiers,
   ConfigValues,
 } from "../../utils/modifier-helpers";
 
@@ -318,7 +315,7 @@ const EditDetailsModal = observer(
                 defaultValue={formInputs.size}
               />
             </label>*/}
-            
+
           {/*<div className="grid">
             <label htmlFor="units">
               {itl.terms.units}

client/src/components/steps/Configs/Config.tsx

@@ -7,7 +7,7 @@ import SlideOut from "./SlideOut";
 import { useStores } from "../../../data";
 
 import { OptionInterface, TemplateInterface } from "../../../data/template";
-import { Modifiers, ConfigValues } from "../../../utils/modifier-helpers";
+import { ConfigValues } from "../../../utils/modifier-helpers";
 import { ConfigInterface } from "../../../data/config";
 import Spinner from "../../Spinner";
 
@@ -21,11 +21,6 @@ const Config = observer(({ configId }: ConfigProps) => {
   const template = templateStore.getTemplateByPath(
     config.templatePath,
   ) as TemplateInterface;
-  const templateOptions: OptionInterface[] =
-    templateStore.getOptionsForTemplate(template?.modelicaPath);
-  const templateModifiers: Modifiers = templateStore.getModifiersForTemplate(
-    template?.modelicaPath,
-  );
   const selections: ConfigValues = configStore.getConfigSelections(configId);
   const allOptions: { [key: string]: OptionInterface } =
     templateStore.getAllOptions();