Merge pull request #2917 from objectcomputing/feature-2916/upgrade-mui

Upgrade MUI

Author: mkimberlin

web-ui/package.json

@@ -13,12 +13,12 @@
     "@fortawesome/free-regular-svg-icons": "^6.0.0",
     "@fortawesome/free-solid-svg-icons": "^6.0.0",
     "@fortawesome/react-fontawesome": "^0.1.17",
-    "@mui/icons-material": "^5.15.14",
-    "@mui/lab": "^5.0.0-alpha.169",
-    "@mui/material": "^5.15.14",
-    "@mui/styled-engine-sc": "^6.0.0-alpha.18",
-    "@mui/styles": "^5.15.14",
-    "@mui/x-date-pickers": "^7.3.1",
+    "@mui/icons-material": "^6.4.7",
+    "@mui/lab": "^6.0.0-beta.30",
+    "@mui/material": "^6.4.7",
+    "@mui/styled-engine-sc": "^6.4.6",
+    "@mui/styles": "^6.4.7",
+    "@mui/x-date-pickers": "^7.27.3",
     "@tinymce/tinymce-react": "^5.0.0",
     "axios": "^1.8.2",
     "canvas-confetti": "^1.6.0",
@@ -36,9 +36,9 @@
     "qs": "^6.13.0",
     "query-string": "^7.0.1",
     "raf": "^3.4.1",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-beautiful-dnd": "^13.1.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-error-boundary": "^3.1.3",
     "react-jss": "^10.4.0",
     "react-modal": "^3.14.3",
@@ -77,10 +77,10 @@
   },
   "devDependencies": {
     "@ladle/react": "^4.1.2",
-    "@testing-library/jest-dom": "^6.4.5",
-    "@testing-library/react": "^14.2.2",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^14.5.2",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@testing-library/dom": "^10.4.0",
     "@types/react-router-dom": "^5.3.0",
     "@vitejs/plugin-react-swc": "^3.6.0",
     "@vitest/coverage-v8": "^1.4.0",
@@ -95,7 +95,7 @@
     "msw": "^2.6.4",
     "prettier": "3.2.5",
     "prop-types": "^15.8.1",
-    "react-test-renderer": "^18.2.0",
+    "react-test-renderer": "^18.3.1",
     "typescript": "^5.4.5",
     "typescript-eslint": "^7.7.1",
     "vite": "^5.4.12",

web-ui/src/components/action_item/__snapshots__/ActionItemsPanel.test.jsx.snap

@@ -3,17 +3,18 @@
 exports[`ActionItemsPanel > renders correctly 1`] = `
 <div>
   <div
-    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root action-items css-bhp9pd-MuiPaper-root-MuiCard-root"
+    class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root action-items css-1j74uew-MuiPaper-root-MuiCard-root"
+    style="--Paper-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);"
   >
     <div
-      class="MuiCardHeader-root css-185gdzj-MuiCardHeader-root"
+      class="MuiCardHeader-root css-149tc0y-MuiCardHeader-root"
     >
       <div
-        class="MuiCardHeader-avatar css-1ssile9-MuiCardHeader-avatar"
+        class="MuiCardHeader-avatar css-1r9wl67-MuiCardHeader-avatar"
       >
         <svg
           aria-hidden="true"
-          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
           data-testid="ArrowForwardIcon"
           focusable="false"
           viewBox="0 0 24 24"
@@ -24,17 +25,17 @@ exports[`ActionItemsPanel > renders correctly 1`] = `
         </svg>
       </div>
       <div
-        class="MuiCardHeader-content css-1qbkelo-MuiCardHeader-content"
+        class="MuiCardHeader-content css-1jkp9bu-MuiCardHeader-content"
       >
         <h2
-          class="MuiTypography-root MuiTypography-h5 MuiCardHeader-title css-1qvr50w-MuiTypography-root"
+          class="MuiTypography-root MuiTypography-h5 MuiCardHeader-title css-16xl4zq-MuiTypography-root"
         >
           Action Items
         </h2>
       </div>
     </div>
     <div
-      class="MuiCardContent-root action-items-container css-46bh2p-MuiCardContent-root"
+      class="MuiCardContent-root action-items-container css-1lt5qva-MuiCardContent-root"
     >
       <div
         data-rbd-droppable-context-id="0"
@@ -50,13 +51,13 @@ exports[`ActionItemsPanel > renders correctly 1`] = `
         />
         <button
           aria-label="create"
-          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge edit-icon css-mf1cb5-MuiButtonBase-root-MuiIconButton-root"
+          class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeLarge edit-icon css-154kngp-MuiButtonBase-root-MuiIconButton-root"
           tabindex="0"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
             data-testid="DoneIcon"
             focusable="false"
             viewBox="0 0 24 24"
@@ -65,9 +66,6 @@ exports[`ActionItemsPanel > renders correctly 1`] = `
               d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"
             />
           </svg>
-          <span
-            class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </button>
       </div>
     </div>