Merge pull request #223 from ral-facilities/renovate/material-ui-mono…

…repo Update material-ui monorepo to v5.14.16 (minor)
ral-facilities · Nov 9, 2023 · 8586712 · 8586712
2 parents 4d1afe6 + cfc5c95
commit 8586712
Show file tree

Hide file tree

Showing 73 changed files with 591 additions and 757 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.22.6-493f6b7ad0-e585338287.zip b/.yarn/cache/@babel-runtime-npm-7.22.6-493f6b7ad0-e585338287.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-utils-npm-5.12.3-b9d75a1b62-bec2d8e173.zip b/.yarn/cache/@mui-utils-npm-5.12.3-b9d75a1b62-bec2d8e173.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/@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/@popperjs-core-npm-2.11.8-f1692e11a0-e5c69fdebf.zip b/.yarn/cache/@popperjs-core-npm-2.11.8-f1692e11a0-e5c69fdebf.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-is-npm-17.0.4-7e74f76027-4c27394579.zip b/.yarn/cache/@types-react-is-npm-17.0.4-7e74f76027-4c27394579.zip
diff --git a/.yarn/cache/@types-react-npm-17.0.58-cd92ddfe88-4eaf32b86c.zip b/.yarn/cache/@types-react-npm-17.0.58-cd92ddfe88-4eaf32b86c.zip
diff --git a/.yarn/cache/@types-react-transition-group-npm-4.4.5-8f92107b07-265f1c7406.zip b/.yarn/cache/@types-react-transition-group-npm-4.4.5-8f92107b07-265f1c7406.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/clsx-npm-2.0.0-afafbbe44a-a2cfb2351b.zip b/.yarn/cache/clsx-npm-2.0.0-afafbbe44a-a2cfb2351b.zip
diff --git a/.yarn/cache/regenerator-runtime-npm-0.14.0-e060897cf7-1c977ad82a.zip b/.yarn/cache/regenerator-runtime-npm-0.14.0-e060897cf7-1c977ad82a.zip
diff --git a/cypress/e2e/search.cy.ts b/cypress/e2e/search.cy.ts
@@ -794,8 +794,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')
@@ -925,8 +927,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')
@@ -951,8 +955,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')
@@ -967,8 +973,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')
@@ -985,8 +993,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')
@@ -1029,8 +1039,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')
@@ -1054,8 +1066,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
@@ -7,9 +7,9 @@
     "@emotion/cache": "11.11.0",
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
-    "@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": "5.0.7",
     "@reduxjs/toolkit": "1.9.0",
     "@tanstack/react-query": "4.29.5",

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"

diff --git a/src/filtering/__snapshots__/filterDialogue.component.test.tsx.snap b/src/filtering/__snapshots__/filterDialogue.component.test.tsx.snap
@@ -21,7 +21,7 @@ exports[`Filter dialogue component renders filter dialogue when dialogue is open
   >
     <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
@@ -66,13 +66,13 @@ exports[`Filter dialogue component renders filter dialogue when dialogue is open
                   class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-true css-1vd824g-MuiGrid-root"
                 >
                   <div
-                    class="MuiAutocomplete-root MuiAutocomplete-fullWidth css-12szb0g-MuiAutocomplete-root"
+                    class="MuiAutocomplete-root MuiAutocomplete-fullWidth 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"
@@ -202,7 +202,7 @@ exports[`Filter dialogue component renders filter dialogue when dialogue is open
           </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"