Merge pull request #765 from IPG-Automotive-UK/dependencies/november-…

…updates-syed-dri

November Dependency Updates

.github/workflows/test.yml

@@ -8,7 +8,7 @@ jobs:
   tests:
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
         os: [ubuntu-latest, windows-latest, macos-latest]
       fail-fast: false
     runs-on: ${{ matrix.os }}

package.json

@@ -25,75 +25,75 @@
     "type-check": "tsc --noEmit --skipLibCheck"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.0",
+    "@babel/core": "^7.23.2",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/preset-react": "^7.22.15",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.14.11",
-    "@mui/material": "^5.14.11",
-    "@mui/styles": "^5.14.11",
-    "@mui/x-data-grid": "^6.16.0",
-    "@playwright/test": "^1.38.1",
-    "@storybook/addon-actions": "^7.4.5",
-    "@storybook/addon-essentials": "^7.4.5",
-    "@storybook/addon-interactions": "^7.4.5",
-    "@storybook/addon-links": "^7.4.5",
-    "@storybook/addon-storysource": "^7.4.5",
-    "@storybook/node-logger": "^7.4.5",
-    "@storybook/preset-create-react-app": "^7.4.5",
-    "@storybook/react": "^7.4.5",
-    "@storybook/react-webpack5": "^7.4.5",
+    "@mui/icons-material": "^5.14.16",
+    "@mui/material": "^5.14.16",
+    "@mui/styles": "^5.14.16",
+    "@mui/x-data-grid": "^6.17.0",
+    "@playwright/test": "^1.39.0",
+    "@storybook/addon-actions": "^7.5.2",
+    "@storybook/addon-essentials": "^7.5.2",
+    "@storybook/addon-interactions": "^7.5.2",
+    "@storybook/addon-links": "^7.5.2",
+    "@storybook/addon-storysource": "^7.5.2",
+    "@storybook/node-logger": "^7.5.2",
+    "@storybook/preset-create-react-app": "^7.5.2",
+    "@storybook/react": "^7.5.2",
+    "@storybook/react-webpack5": "^7.5.2",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.4.5",
+    "@storybook/theming": "^7.5.2",
     "@testing-library/dom": "^9.3.3",
-    "@testing-library/jest-dom": "^6.1.3",
+    "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.5.1",
-    "@types/css-mediaquery": "^0.1.2",
-    "@types/jest": "^29.5.5",
-    "@types/node": "^20.8.2",
-    "@types/react": "^18.2.24",
-    "@types/react-dom": "^18.2.8",
-    "@types/react-plotly.js": "^2.6.1",
-    "@types/react-text-mask": "^5.4.12",
-    "@typescript-eslint/eslint-plugin": "^6.7.4",
-    "@typescript-eslint/parser": "^6.7.4",
+    "@types/css-mediaquery": "^0.1.3",
+    "@types/jest": "^29.5.7",
+    "@types/node": "^20.8.10",
+    "@types/react": "^18.2.33",
+    "@types/react-dom": "^18.2.14",
+    "@types/react-plotly.js": "^2.6.2",
+    "@types/react-text-mask": "^5.4.13",
+    "@typescript-eslint/eslint-plugin": "^6.9.1",
+    "@typescript-eslint/parser": "^6.9.1",
     "colord": "^2.9.3",
     "cross-env": "^7.0.3",
     "css-mediaquery": "^0.1.2",
-    "eslint": "^8.50.0",
+    "eslint": "^8.52.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-config-standard-react": "^13.0.0",
-    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-standard": "^5.0.0",
     "express": "^4.18.2",
     "forever": "^4.0.3",
     "material-ui-confirm": "^3.0.9",
-    "material-ui-popup-state": "^5.0.9",
+    "material-ui-popup-state": "^5.0.10",
     "microbundle-crl": "^0.13.11",
     "mui-file-dropzone": "^4.0.2",
     "mutationobserver-shim": "^0.3.7",
     "npm-run-all": "^4.1.5",
-    "playwright": "^1.38.1",
+    "playwright": "^1.39.0",
     "prettier": "^3.0.3",
     "react": "^18.2.0",
     "react-colorful": "^5.6.1",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.47.0",
     "react-text-mask": "^5.5.0",
     "resize-observer-polyfill": "^1.5.1",
-    "storybook": "^7.4.5",
+    "storybook": "^7.5.2",
     "storybook-dark-mode": "^3.0.1",
     "ts-jest": "^29.1.1",
     "typescript": "^5.2.2",
     "use-debouncy": "^5.0.1",
-    "webpack": "^5.88.2",
+    "webpack": "^5.89.0",
     "zxcvbn": "^4.4.2"
   },
   "peerDependencies": {

src/Autocomplete/Autocomplete.stories.tsx

@@ -4,7 +4,7 @@ import Autocomplete from "./Autocomplete";
 import { AutocompleteProps } from "./Autocomplete.types";
 import React from "react";
 import { action } from "@storybook/addon-actions";
-import { useArgs } from "@storybook/client-api";
+import { useArgs } from "@storybook/preview-api";
 
 /**
  * Story metadata

src/LinePlot/LinePlot.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, StoryFn } from "@storybook/react";
 import LinePlot from "./LinePlot";
 import { LinePlotProps } from "./LinePlot.types";
 import React from "react";
-import { useArgs } from "@storybook/client-api";
+import { useArgs } from "@storybook/preview-api";
 
 /**
  * Story metadata

src/RegistrationForm/RegistrationForm.test.js

@@ -42,7 +42,7 @@ describe("RegistrationForm", () => {
 
     // get the button that opens the dropdown, which is a sibling of the input
     const selectButton =
-      elements.inputs.team.parentNode.querySelector("[role=button]");
+      elements.inputs.team.parentNode.querySelector("[role=combobox]");
 
     // open the select dropdown
     await user.click(selectButton);

src/Select/Select.test.js

@@ -1,4 +1,5 @@
 import { render, screen } from "@testing-library/react";
+
 import React from "react";
 import Select from "./";
 import userEvent from "@testing-library/user-event";
@@ -42,7 +43,7 @@ describe("Select", () => {
     const value = options[3];
 
     // get the button that opens the dropdown, which is a sibling of the input
-    const selectButton = container.parentNode.querySelector("[role=button]");
+    const selectButton = container.parentNode.querySelector("[role=combobox]");
 
     // open the select dropdown
     await user.click(selectButton);

src/SurfacePlot/SurfacePlot.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, StoryFn } from "@storybook/react";
 import React from "react";
 import SurfacePlot from "./SurfacePlot";
 import { SurfacePlotProps } from "./SurfacePlot.types";
-import { useArgs } from "@storybook/client-api";
+import { useArgs } from "@storybook/preview-api";
 
 /**
  * Story metadata

src/VehicleSelect/VehicleSelect.stories.tsx

@@ -4,7 +4,7 @@ import { SelectedVehicle, VehicleSelectProps } from "./VehicleSelect.types";
 import React from "react";
 import VehicleSelect from "./VehicleSelect";
 import { action } from "@storybook/addon-actions";
-import { useArgs } from "@storybook/client-api";
+import { useArgs } from "@storybook/preview-api";
 
 /**
  * Story metadata