Merge branch 'develop' into renovate/mui-x-date-pickers-6.x

ral-facilities · Nov 15, 2023 · d144ca5 · d144ca5
2 parents bb45fdb + 55b6c9a
commit d144ca5
Show file tree

Hide file tree

Showing 97 changed files with 984 additions and 778 deletions.
diff --git a/.pnp.cjs b/.pnp.cjs
diff --git a/.yarn/cache/@babel-code-frame-npm-7.21.4-5db83e65be-e5390e6ec1.zip b/.yarn/cache/@babel-code-frame-npm-7.21.4-5db83e65be-e5390e6ec1.zip
diff --git a/.yarn/cache/@babel-generator-npm-7.21.5-576849ce71-78af737b9d.zip b/.yarn/cache/@babel-generator-npm-7.21.5-576849ce71-78af737b9d.zip
diff --git a/.yarn/cache/@babel-helper-environment-visitor-npm-7.21.5-7d7d1d1996-e436af7b62.zip b/.yarn/cache/@babel-helper-environment-visitor-npm-7.21.5-7d7d1d1996-e436af7b62.zip
diff --git a/.yarn/cache/@babel-helper-function-name-npm-7.21.0-a17ce5a05a-d63e63c3e0.zip b/.yarn/cache/@babel-helper-function-name-npm-7.21.0-a17ce5a05a-d63e63c3e0.zip
diff --git a/.yarn/cache/@babel-helper-hoist-variables-npm-7.18.6-6eb061f405-fd9c35bb43.zip b/.yarn/cache/@babel-helper-hoist-variables-npm-7.18.6-6eb061f405-fd9c35bb43.zip
diff --git a/.yarn/cache/@babel-helper-split-export-declaration-npm-7.18.6-53ebf8ad4c-c6d3dede53.zip b/.yarn/cache/@babel-helper-split-export-declaration-npm-7.18.6-53ebf8ad4c-c6d3dede53.zip
diff --git a/.yarn/cache/@babel-helper-string-parser-npm-7.21.5-9fa0e56f04-36c0ded452.zip b/.yarn/cache/@babel-helper-string-parser-npm-7.21.5-9fa0e56f04-36c0ded452.zip
diff --git a/.yarn/cache/@babel-helper-validator-identifier-npm-7.19.1-d84f19e1dc-0eca5e86a7.zip b/.yarn/cache/@babel-helper-validator-identifier-npm-7.19.1-d84f19e1dc-0eca5e86a7.zip
diff --git a/.yarn/cache/@babel-highlight-npm-7.18.6-9d35ad2e27-92d8ee6154.zip b/.yarn/cache/@babel-highlight-npm-7.18.6-9d35ad2e27-92d8ee6154.zip
diff --git a/.yarn/cache/@babel-parser-npm-7.21.8-2fefc717c4-1b9a820fed.zip b/.yarn/cache/@babel-parser-npm-7.21.8-2fefc717c4-1b9a820fed.zip
diff --git a/.yarn/cache/@babel-runtime-npm-7.23.2-d013d6cf7e-6c4df4839e.zip b/.yarn/cache/@babel-runtime-npm-7.23.2-d013d6cf7e-6c4df4839e.zip
diff --git a/.yarn/cache/@babel-template-npm-7.20.7-c157fc5838-2eb1a0ab8d.zip b/.yarn/cache/@babel-template-npm-7.20.7-c157fc5838-2eb1a0ab8d.zip
diff --git a/.yarn/cache/@babel-types-npm-7.21.5-3c8c157928-43242a99c6.zip b/.yarn/cache/@babel-types-npm-7.21.5-3c8c157928-43242a99c6.zip
diff --git a/.yarn/cache/@floating-ui-core-npm-1.5.0-3cdde0a88b-54b4fe26b3.zip b/.yarn/cache/@floating-ui-core-npm-1.5.0-3cdde0a88b-54b4fe26b3.zip
diff --git a/.yarn/cache/@floating-ui-dom-npm-1.5.3-ac36b589ae-0005374206.zip b/.yarn/cache/@floating-ui-dom-npm-1.5.3-ac36b589ae-0005374206.zip
diff --git a/.yarn/cache/@floating-ui-react-dom-npm-2.0.2-6bf24b7b13-4797e1f7a1.zip b/.yarn/cache/@floating-ui-react-dom-npm-2.0.2-6bf24b7b13-4797e1f7a1.zip
diff --git a/.yarn/cache/@floating-ui-utils-npm-0.1.6-ae508f7272-b34d4b5470.zip b/.yarn/cache/@floating-ui-utils-npm-0.1.6-ae508f7272-b34d4b5470.zip
diff --git a/.yarn/cache/@mui-base-npm-5.0.0-alpha.110-351da1974d-b1342de322.zip b/.yarn/cache/@mui-base-npm-5.0.0-alpha.110-351da1974d-b1342de322.zip
diff --git a/.yarn/cache/@mui-base-npm-5.0.0-beta.22-6107e86ba7-8677c13174.zip b/.yarn/cache/@mui-base-npm-5.0.0-beta.22-6107e86ba7-8677c13174.zip
diff --git a/.yarn/cache/@mui-core-downloads-tracker-npm-5.12.3-a266816be2-ad9c9e4f03.zip b/.yarn/cache/@mui-core-downloads-tracker-npm-5.12.3-a266816be2-ad9c9e4f03.zip
diff --git a/.yarn/cache/@mui-core-downloads-tracker-npm-5.14.16-e3aeb8e603-26d691d20e.zip b/.yarn/cache/@mui-core-downloads-tracker-npm-5.14.16-e3aeb8e603-26d691d20e.zip
diff --git a/...rial-npm-5.11.0-2a69112f17-764c1185b3.zip → ...ial-npm-5.14.16-b4b4877e88-9ecd90cf83.zip b/...rial-npm-5.11.0-2a69112f17-764c1185b3.zip → ...ial-npm-5.14.16-b4b4877e88-9ecd90cf83.zip
diff --git a/.yarn/cache/@mui-material-npm-5.11.0-75908842d5-8a38b65720.zip b/.yarn/cache/@mui-material-npm-5.11.0-75908842d5-8a38b65720.zip
diff --git a/.yarn/cache/@mui-material-npm-5.14.16-d0ff23cc4b-77b2e02b82.zip b/.yarn/cache/@mui-material-npm-5.14.16-d0ff23cc4b-77b2e02b82.zip
diff --git a/.yarn/cache/@mui-private-theming-npm-5.12.3-401bca898f-4607951eff.zip b/.yarn/cache/@mui-private-theming-npm-5.12.3-401bca898f-4607951eff.zip
diff --git a/.yarn/cache/@mui-private-theming-npm-5.14.16-5cdaf0fad5-ce4b0e2aa5.zip b/.yarn/cache/@mui-private-theming-npm-5.14.16-5cdaf0fad5-ce4b0e2aa5.zip
diff --git a/.yarn/cache/@mui-styled-engine-npm-5.12.3-7512b59aef-bd96f27601.zip b/.yarn/cache/@mui-styled-engine-npm-5.12.3-7512b59aef-bd96f27601.zip
diff --git a/.yarn/cache/@mui-styled-engine-npm-5.14.16-2b8ba1ceb8-be56ed34e3.zip b/.yarn/cache/@mui-styled-engine-npm-5.14.16-2b8ba1ceb8-be56ed34e3.zip
diff --git a/.yarn/cache/@mui-system-npm-5.11.0-b057536b74-b03715d18a.zip b/.yarn/cache/@mui-system-npm-5.11.0-b057536b74-b03715d18a.zip
diff --git a/.yarn/cache/@mui-system-npm-5.12.3-0043cb49ed-c2f0e55e8f.zip b/.yarn/cache/@mui-system-npm-5.12.3-0043cb49ed-c2f0e55e8f.zip
diff --git a/.yarn/cache/@mui-system-npm-5.14.16-30b9ec8d2d-fdb1212e23.zip b/.yarn/cache/@mui-system-npm-5.14.16-30b9ec8d2d-fdb1212e23.zip
diff --git a/.yarn/cache/@mui-types-npm-7.2.4-b806d33b78-16bea05474.zip b/.yarn/cache/@mui-types-npm-7.2.4-b806d33b78-16bea05474.zip
diff --git a/.yarn/cache/@mui-types-npm-7.2.8-2fc0cf7301-1302d2d1b5.zip b/.yarn/cache/@mui-types-npm-7.2.8-2fc0cf7301-1302d2d1b5.zip
diff --git a/.yarn/cache/@mui-types-npm-7.2.9-107b6a458a-4888a1cf9a.zip b/.yarn/cache/@mui-types-npm-7.2.9-107b6a458a-4888a1cf9a.zip
diff --git a/.yarn/cache/@mui-utils-npm-5.14.16-d27bb863e1-4f2fab6094.zip b/.yarn/cache/@mui-utils-npm-5.14.16-d27bb863e1-4f2fab6094.zip
diff --git a/.yarn/cache/@pkgr-utils-npm-2.4.2-5333ff17f3-24e04c1212.zip b/.yarn/cache/@pkgr-utils-npm-2.4.2-5333ff17f3-24e04c1212.zip
diff --git a/.yarn/cache/@popperjs-core-npm-2.11.7-c1bac58243-5b65537478.zip b/.yarn/cache/@popperjs-core-npm-2.11.7-c1bac58243-5b65537478.zip
diff --git a/.yarn/cache/@types-prop-types-npm-15.7.10-6219d98d46-39ecc2d9e4.zip b/.yarn/cache/@types-prop-types-npm-15.7.10-6219d98d46-39ecc2d9e4.zip
diff --git a/.yarn/cache/@types-prop-types-npm-15.7.5-2aa48aa177-5b43b8b154.zip b/.yarn/cache/@types-prop-types-npm-15.7.5-2aa48aa177-5b43b8b154.zip
diff --git a/.yarn/cache/@types-prop-types-npm-15.7.9-6ec0dd0ab3-c7591d3ff7.zip b/.yarn/cache/@types-prop-types-npm-15.7.9-6ec0dd0ab3-c7591d3ff7.zip
diff --git a/.yarn/cache/@types-react-transition-group-npm-4.4.8-71648dd045-ad7ba2bce9.zip b/.yarn/cache/@types-react-transition-group-npm-4.4.8-71648dd045-ad7ba2bce9.zip
diff --git a/.yarn/cache/axios-npm-1.4.0-4d7ce8ca3e-7fb6a4313b.zip b/.yarn/cache/axios-npm-1.4.0-4d7ce8ca3e-7fb6a4313b.zip
diff --git a/.yarn/cache/axios-npm-1.6.0-b0f6015a96-c7c9f2ae9e.zip b/.yarn/cache/axios-npm-1.6.0-b0f6015a96-c7c9f2ae9e.zip
diff --git a/.yarn/cache/big-integer-npm-1.6.51-1a244d8e1f-3d444173d1.zip b/.yarn/cache/big-integer-npm-1.6.51-1a244d8e1f-3d444173d1.zip
diff --git a/.yarn/cache/bplist-parser-npm-0.2.0-91a681e495-d5339dd16a.zip b/.yarn/cache/bplist-parser-npm-0.2.0-91a681e495-d5339dd16a.zip
diff --git a/.yarn/cache/bundle-name-npm-3.0.0-d7e52ba2a3-edf2b1fbe6.zip b/.yarn/cache/bundle-name-npm-3.0.0-d7e52ba2a3-edf2b1fbe6.zip
diff --git a/.yarn/cache/default-browser-id-npm-3.0.0-f65ceaa214-279c7ad492.zip b/.yarn/cache/default-browser-id-npm-3.0.0-f65ceaa214-279c7ad492.zip
diff --git a/.yarn/cache/default-browser-npm-4.0.0-e9e9c8aba0-40c5af9847.zip b/.yarn/cache/default-browser-npm-4.0.0-e9e9c8aba0-40c5af9847.zip
diff --git a/.yarn/cache/define-lazy-prop-npm-3.0.0-6bb0fc1510-54884f94ca.zip b/.yarn/cache/define-lazy-prop-npm-3.0.0-6bb0fc1510-54884f94ca.zip
diff --git a/.yarn/cache/eslint-plugin-prettier-npm-4.2.1-ba8e1240f1-b9e839d233.zip b/.yarn/cache/eslint-plugin-prettier-npm-4.2.1-ba8e1240f1-b9e839d233.zip
diff --git a/.yarn/cache/eslint-plugin-prettier-npm-5.0.0-2f21113cba-84e88744b9.zip b/.yarn/cache/eslint-plugin-prettier-npm-5.0.0-2f21113cba-84e88744b9.zip
diff --git a/.yarn/cache/execa-npm-7.1.1-a258daf7fc-21fa46fc69.zip b/.yarn/cache/execa-npm-7.1.1-a258daf7fc-21fa46fc69.zip
diff --git a/.yarn/cache/execa-npm-7.2.0-7797cafb24-14fd17ba0c.zip b/.yarn/cache/execa-npm-7.2.0-7797cafb24-14fd17ba0c.zip
diff --git a/.yarn/cache/fast-glob-npm-3.2.12-162763bbae-0b1990f6ce.zip b/.yarn/cache/fast-glob-npm-3.2.12-162763bbae-0b1990f6ce.zip
diff --git a/.yarn/cache/fast-glob-npm-3.3.1-8045ff8f4d-b6f3add640.zip b/.yarn/cache/fast-glob-npm-3.3.1-8045ff8f4d-b6f3add640.zip
diff --git a/.yarn/cache/is-docker-npm-3.0.0-1570e32177-b698118f04.zip b/.yarn/cache/is-docker-npm-3.0.0-1570e32177-b698118f04.zip
diff --git a/.yarn/cache/is-inside-container-npm-1.0.0-f2c9e9bb96-c50b75a2ab.zip b/.yarn/cache/is-inside-container-npm-1.0.0-f2c9e9bb96-c50b75a2ab.zip
diff --git a/.yarn/cache/open-npm-9.1.0-d104a17ec5-3993c0f61d.zip b/.yarn/cache/open-npm-9.1.0-d104a17ec5-3993c0f61d.zip
diff --git a/.yarn/cache/prettier-npm-2.8.0-746e3df53e-72004ce0cc.zip b/.yarn/cache/prettier-npm-2.8.0-746e3df53e-72004ce0cc.zip
diff --git a/.yarn/cache/prettier-npm-3.0.1-d00deab00c-e1f3f16c7f.zip b/.yarn/cache/prettier-npm-3.0.1-d00deab00c-e1f3f16c7f.zip
diff --git a/.yarn/cache/run-applescript-npm-5.0.0-ea4b8840dd-d00c2dbfa5.zip b/.yarn/cache/run-applescript-npm-5.0.0-ea4b8840dd-d00c2dbfa5.zip
diff --git a/.yarn/cache/synckit-npm-0.8.5-40a594eb38-8a9560e5d8.zip b/.yarn/cache/synckit-npm-0.8.5-40a594eb38-8a9560e5d8.zip
diff --git a/.yarn/cache/titleize-npm-3.0.0-7deac2f3a3-71fbbeabbf.zip b/.yarn/cache/titleize-npm-3.0.0-7deac2f3a3-71fbbeabbf.zip
diff --git a/.yarn/cache/tslib-npm-2.5.0-bb364efebd-ae3ed5f9ce.zip b/.yarn/cache/tslib-npm-2.5.0-bb364efebd-ae3ed5f9ce.zip
diff --git a/.yarn/cache/tslib-npm-2.6.1-de28eba753-b0d176d176.zip b/.yarn/cache/tslib-npm-2.6.1-de28eba753-b0d176d176.zip
diff --git a/.yarn/sdks/prettier/package.json b/.yarn/sdks/prettier/package.json
@@ -1,6 +1,6 @@
 {
   "name": "prettier",
-  "version": "2.8.0-sdk",
-  "main": "./index.js",
+  "version": "3.0.1-sdk",
+  "main": "./index.cjs",
   "type": "commonjs"
 }
diff --git a/cypress/e2e/search.cy.ts b/cypress/e2e/search.cy.ts
@@ -778,8 +778,10 @@ describe('Search', () => {
       // the shot number, timeframe and experiment id
 
       cy.findByLabelText('open experiment search box').click();
-      cy.findByRole('combobox').type('221');
-      cy.findByRole('combobox').type('{downArrow}{enter}');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type('221');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type(
+        '{downArrow}{enter}'
+      );
       cy.findByLabelText('close experiment search box').click();
       cy.findByLabelText('open experiment search box')
         .contains('ID 22110007')
@@ -909,8 +911,10 @@ describe('Search', () => {
 
     it('searches within an experiment timeframe without the experiment id clearing', () => {
       cy.findByLabelText('open experiment search box').click();
-      cy.findByRole('combobox').type('221');
-      cy.findByRole('combobox').type('{downArrow}{enter}');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type('221');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type(
+        '{downArrow}{enter}'
+      );
       cy.findByLabelText('close experiment search box').click();
       cy.findByLabelText('open experiment search box')
         .contains('ID 22110007')
@@ -933,8 +937,10 @@ describe('Search', () => {
 
     it('clears experiment id when it searches outside the given experiment id experiment timeframe', () => {
       cy.findByLabelText('open experiment search box').click();
-      cy.findByRole('combobox').type('221');
-      cy.findByRole('combobox').type('{downArrow}{enter}');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type('221');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type(
+        '{downArrow}{enter}'
+      );
       cy.findByLabelText('close experiment search box').click();
       cy.findByLabelText('open experiment search box')
         .contains('ID 22110007')
@@ -949,8 +955,10 @@ describe('Search', () => {
         .should('not.exist');
 
       cy.findByLabelText('open experiment search box').click();
-      cy.findByRole('combobox').type('221');
-      cy.findByRole('combobox').type('{downArrow}{enter}');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type('221');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type(
+        '{downArrow}{enter}'
+      );
       cy.findByLabelText('close experiment search box').click();
       cy.findByLabelText('open experiment search box')
         .contains('ID 22110007')
@@ -967,8 +975,10 @@ describe('Search', () => {
 
     it('searches within an experiment shot number range without the experiment id clearing', () => {
       cy.findByLabelText('open experiment search box').click();
-      cy.findByRole('combobox').type('221');
-      cy.findByRole('combobox').type('{downArrow}{enter}');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type('221');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type(
+        '{downArrow}{enter}'
+      );
       cy.findByLabelText('close experiment search box').click();
       cy.findByLabelText('open experiment search box')
         .contains('ID 22110007')
@@ -1011,8 +1021,10 @@ describe('Search', () => {
 
     it('clears experiment id when it searches outside the given experiment id shot number range', () => {
       cy.findByLabelText('open experiment search box').click();
-      cy.findByRole('combobox').type('221');
-      cy.findByRole('combobox').type('{downArrow}{enter}');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type('221');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type(
+        '{downArrow}{enter}'
+      );
       cy.findByLabelText('close experiment search box').click();
       cy.findByLabelText('open experiment search box')
         .contains('ID 22110007')
@@ -1036,8 +1048,10 @@ describe('Search', () => {
         .should('not.exist');
 
       cy.findByLabelText('open experiment search box').click();
-      cy.findByRole('combobox').type('221');
-      cy.findByRole('combobox').type('{downArrow}{enter}');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type('221');
+      cy.findByRole('combobox', { name: 'Select your experiment' }).type(
+        '{downArrow}{enter}'
+      );
       cy.findByLabelText('close experiment search box').click();
       cy.findByLabelText('open experiment search box')
         .contains('ID 22110007')

diff --git a/package.json b/package.json
@@ -8,9 +8,9 @@
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
     "@mui/base": "5.0.0-beta.12",
-    "@mui/icons-material": "5.11.0",
-    "@mui/material": "5.11.0",
-    "@mui/system": "5.11.0",
+    "@mui/icons-material": "5.14.16",
+    "@mui/material": "5.14.16",
+    "@mui/system": "5.14.16",
     "@mui/x-date-pickers": "6.11.1",
     "@reduxjs/toolkit": "1.9.0",
     "@tanstack/react-query": "4.29.5",
@@ -22,7 +22,7 @@
     "@types/react": "18.2.14",
     "@types/react-beautiful-dnd": "13.1.2",
     "@types/react-dom": "18.2.6",
-    "axios": "1.4.0",
+    "axios": "1.6.0",
     "date-fns": "2.30.0",
     "hacktimer": "1.1.3",
     "history": "5.3.0",
@@ -128,13 +128,13 @@
     "eslint-config-react-app": "7.0.1",
     "eslint-plugin-cypress": "2.13.3",
     "eslint-plugin-no-only-tests": "3.1.0",
-    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-prettier": "5.0.0",
     "express": "4.18.1",
     "husky": "8.0.1",
     "jest-canvas-mock": "2.5.0",
     "lint-staged": "13.2.2",
     "msw": "1.2.1",
-    "prettier": "2.8.0",
+    "prettier": "3.0.1",
     "react-beautiful-dnd-test-utils": "4.1.1",
     "serve": "14.2.0",
     "serve-static": "1.15.0",

diff --git a/src/api/records.tsx b/src/api/records.tsx
@@ -271,7 +271,7 @@ export const useRecordsPaginated = (): UseQueryResult<
         searchParams: SearchParams;
         filters: string[];
         projection: string[];
-      }
+      },
     ]
   >(
     [
@@ -405,7 +405,7 @@ export const usePlotRecords = (
         searchParams: SearchParams;
         filters: string[];
         projection: string[];
-      }
+      },
     ]
   >(
     [
@@ -493,7 +493,7 @@ export const useThumbnails = (
         sort: SortType;
         searchParams: SearchParams;
         filters: string[];
-      }
+      },
     ]
   >(
     [

diff --git a/src/channels/__snapshots__/channelBreadcrumbs.component.test.tsx.snap b/src/channels/__snapshots__/channelBreadcrumbs.component.test.tsx.snap
@@ -13,7 +13,7 @@ exports[`Channel Breadcrumbs should render correctly for path 1`] = `
         class="MuiBreadcrumbs-li"
       >
         <a
-          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-1ps4owl-MuiTypography-root-MuiLink-root"
+          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-1xylxj1-MuiTypography-root-MuiLink-root"
           href="#"
         >
           All Channels
@@ -39,7 +39,7 @@ exports[`Channel Breadcrumbs should render correctly for path 1`] = `
         class="MuiBreadcrumbs-li"
       >
         <a
-          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-1ps4owl-MuiTypography-root-MuiLink-root"
+          class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-1xylxj1-MuiTypography-root-MuiLink-root"
           href="#"
         >
           test

diff --git a/src/channels/__snapshots__/channelMetadataPanel.component.test.tsx.snap b/src/channels/__snapshots__/channelMetadataPanel.component.test.tsx.snap
@@ -23,7 +23,7 @@ exports[`Channel Metadata Panel should render correctly for no channel selected
 exports[`Channel Metadata Panel should render correctly for scalar channel with units selected 1`] = `
 <DocumentFragment>
   <div
-    class="css-3y1137-MuiStack-root"
+    class="MuiStack-root css-3y1137-MuiStack-root"
   >
     <h3
       class="MuiTypography-root MuiTypography-body1 css-ndaqpv-MuiTypography-root"
@@ -183,7 +183,7 @@ exports[`Channel Metadata Panel should render correctly for scalar channel with
 exports[`Channel Metadata Panel should render correctly for system channel 1`] = `
 <DocumentFragment>
   <div
-    class="css-3y1137-MuiStack-root"
+    class="MuiStack-root css-3y1137-MuiStack-root"
   >
     <h3
       class="MuiTypography-root MuiTypography-body1 css-ndaqpv-MuiTypography-root"
@@ -232,7 +232,7 @@ exports[`Channel Metadata Panel should render correctly for system channel 1`] =
 exports[`Channel Metadata Panel should render correctly for waveform channel with units selected 1`] = `
 <DocumentFragment>
   <div
-    class="css-3y1137-MuiStack-root"
+    class="MuiStack-root css-3y1137-MuiStack-root"
   >
     <h3
       class="MuiTypography-root MuiTypography-body1 css-ndaqpv-MuiTypography-root"

diff --git a/src/channels/__snapshots__/channelSearch.component.test.tsx.snap b/src/channels/__snapshots__/channelSearch.component.test.tsx.snap
@@ -3,13 +3,13 @@
 exports[`Channel Search should render correctly 1`] = `
 <DocumentFragment>
   <div
-    class="MuiAutocomplete-root MuiAutocomplete-fullWidth MuiAutocomplete-hasPopupIcon css-12szb0g-MuiAutocomplete-root"
+    class="MuiAutocomplete-root MuiAutocomplete-fullWidth MuiAutocomplete-hasPopupIcon css-f34qqq-MuiAutocomplete-root"
   >
     <div
       class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
     >
       <label
-        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
+        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined css-1jy569b-MuiFormLabel-root-MuiInputLabel-root"
         data-shrink="true"
         for=":r0:"
         id=":r0:-label"

diff --git a/src/channels/__snapshots__/channelTree.component.test.tsx.snap b/src/channels/__snapshots__/channelTree.component.test.tsx.snap
@@ -18,7 +18,7 @@ exports[`Channel Tree should render correctly for root 1`] = `
         >
           <span
             aria-disabled="true"
-            class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary Mui-disabled MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
+            class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
             tabindex="-1"
           >
             <input
@@ -69,7 +69,7 @@ exports[`Channel Tree should render correctly for root 1`] = `
         >
           <span
             aria-disabled="true"
-            class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
+            class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
             tabindex="-1"
           >
             <input
@@ -129,7 +129,7 @@ exports[`Channel Tree should render correctly for sub node 1`] = `
         >
           <span
             aria-disabled="true"
-            class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
+            class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
             tabindex="-1"
           >
             <input
@@ -179,7 +179,7 @@ exports[`Channel Tree should render correctly for sub node 1`] = `
           class="MuiListItemIcon-root css-cveggr-MuiListItemIcon-root"
         >
           <span
-            class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-root MuiCheckbox-colorPrimary css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
+            class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
           >
             <input
               aria-labelledby="checkbox-list-label-CHANNEL_ABCDE"
@@ -230,7 +230,7 @@ exports[`Channel Tree should render correctly for sub node 1`] = `
           class="MuiListItemIcon-root css-cveggr-MuiListItemIcon-root"
         >
           <span
-            class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked MuiCheckbox-root MuiCheckbox-colorPrimary css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
+            class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-checked MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
           >
             <input
               aria-labelledby="checkbox-list-label-CHANNEL_BCDEF"

diff --git a/src/channels/__snapshots__/channelsDialogue.component.test.tsx.snap b/src/channels/__snapshots__/channelsDialogue.component.test.tsx.snap
@@ -21,7 +21,7 @@ exports[`Channels Dialogue renders channels dialogue when dialogue is open 1`] =
   >
     <div
       aria-hidden="true"
-      class="MuiBackdrop-root css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"
+      class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"
       style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
     />
     <div
@@ -56,13 +56,13 @@ exports[`Channels Dialogue renders channels dialogue when dialogue is open 1`] =
             class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-n4yv6w-MuiGrid-root"
           >
             <div
-              class="MuiAutocomplete-root MuiAutocomplete-fullWidth MuiAutocomplete-hasPopupIcon css-12szb0g-MuiAutocomplete-root"
+              class="MuiAutocomplete-root MuiAutocomplete-fullWidth MuiAutocomplete-hasPopupIcon css-f34qqq-MuiAutocomplete-root"
             >
               <div
                 class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root"
               >
                 <label
-                  class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined css-1sumxir-MuiFormLabel-root-MuiInputLabel-root"
+                  class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined css-1jy569b-MuiFormLabel-root-MuiInputLabel-root"
                   data-shrink="true"
                   for=":r1:"
                   id=":r1:-label"
@@ -195,7 +195,7 @@ exports[`Channels Dialogue renders channels dialogue when dialogue is open 1`] =
                     >
                       <span
                         aria-disabled="true"
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary Mui-disabled MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
+                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
                         tabindex="-1"
                       >
                         <input
@@ -246,7 +246,7 @@ exports[`Channels Dialogue renders channels dialogue when dialogue is open 1`] =
                     >
                       <span
                         aria-disabled="true"
-                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
+                        class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root"
                         tabindex="-1"
                       >
                         <input
@@ -311,7 +311,7 @@ exports[`Channels Dialogue renders channels dialogue when dialogue is open 1`] =
           </div>
         </div>
         <div
-          class="MuiDialogActions-root MuiDialogActions-spacing css-hlj6pa-MuiDialogActions-root"
+          class="MuiDialogActions-root MuiDialogActions-spacing css-knqc4i-MuiDialogActions-root"
         >
           <button
             class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium css-1e6y48t-MuiButtonBase-root-MuiButton-root"