Update Cypress snapshots in Scale_name_in_components

designer/client/package.json

@@ -11,9 +11,10 @@
         "@hello-pangea/dnd": "16.6.0",
         "@juggle/resize-observer": "3.3.1",
         "@loadable/component": "5.15.2",
-        "@mui/icons-material": "5.15.7",
-        "@mui/lab": "5.0.0-alpha.165",
-        "@mui/material": "5.15.7",
+        "@mui/icons-material": "5.16.7",
+        "@mui/lab": "5.0.0-alpha.173",
+        "@mui/material": "5.16.7",
+        "@mui/system": "5.16.7",
         "@touk/federated-component": "1.0.0",
         "@touk/window-manager": "1.9.0",
         "ace-builds": "1.34.2",

designer/client/src/components/NodeInput.tsx

@@ -1,5 +1,5 @@
 import { css } from "@mui/material";
-
+    
 export const nodeInputCss = css({
     height: "35px",
     width: "100%",

designer/client/src/components/graph/node-modal/editors/expression/DictParameterEditor/DictParameterEditor.tsx

@@ -74,7 +74,7 @@ export const DictParameterEditor: ExtendedEditor<Props> = ({
     const isValid = isEmpty(fieldErrors);
 
     return (
-        <Box className={nodeValue}>
+        (<Box className={nodeValue}>
             <Autocomplete
                 disabled={readOnly}
                 renderInput={({ inputProps, InputProps }) => (
@@ -117,9 +117,9 @@ export const DictParameterEditor: ExtendedEditor<Props> = ({
                     const isSelected = option.key === value?.key;
                     return (
                         // aira-selected is set to false as it overrides styles defined in our menuOption
-                        <Box component={"li"} sx={menuOption({}, isSelected, false) as SxProps<Theme>} {...props} aria-selected={false}>
+                        (<Box component={"li"} sx={menuOption({}, isSelected, false) as SxProps<Theme>} {...props} aria-selected={false}>
                             {option.label}
-                        </Box>
+                        </Box>)
                     );
                 }}
                 onInputChange={async (event, value) => {
@@ -128,7 +128,7 @@ export const DictParameterEditor: ExtendedEditor<Props> = ({
                 }}
             />
             {showValidation && <ValidationLabels fieldErrors={fieldErrors} />}
-        </Box>
+        </Box>)
     );
 };
 

designer/client/src/components/modals/AdhocTesting/FormFields.tsx

@@ -7,10 +7,10 @@ export function FormFields() {
 
     return (
         // TODO: investigate why there are problems with tabindex when parameters are wrapped by DOM element
-        <>
+        (<>
             {parameters.map(({ name }) => (
                 <FormField key={name} name={name} />
             ))}
-        </>
+        </>)
     );
 }

designer/client/src/components/toolbars/UserSettingsPanel.tsx

@@ -19,7 +19,7 @@ export function UserSettingsPanel(props: ToolbarPanelProps): JSX.Element {
 
     const value = Object.entries(settings).map(([label, value]) => ({ label, value }));
     return (
-        <ToolbarWrapper {...props} title={t("panels.userSettings.title", "🧪 User settings")}>
+        (<ToolbarWrapper {...props} title={t("panels.userSettings.title", "🧪 User settings")}>
             <Creatable
                 isMulti
                 value={value}
@@ -63,7 +63,7 @@ export function UserSettingsPanel(props: ToolbarPanelProps): JSX.Element {
                     MultiValueLabel,
                 }}
             />
-        </ToolbarWrapper>
+        </ToolbarWrapper>)
     );
 }
 

designer/client/src/components/toolbars/scenarioActions/ProcessActions.tsx

@@ -23,7 +23,7 @@ const ProcessActions = memo(({ buttonsVariant, children, ...props }: ToolbarPane
     // TODO: better styling of process info toolbar in case of many custom actions
 
     return (
-        <ToolbarWrapper {...props} title={i18next.t("panels.scenarioActions.title", "Scenario actions")}>
+        (<ToolbarWrapper {...props} title={i18next.t("panels.scenarioActions.title", "Scenario actions")}>
             <Box display={"flex"} px={2} pt={2} pb={1.5}>
                 <ProcessStateIcon scenario={scenario} processState={processState} />
                 <Typography component={"div"} variant={"body2"} pl={1}>
@@ -34,10 +34,10 @@ const ProcessActions = memo(({ buttonsVariant, children, ...props }: ToolbarPane
                 {children}
                 {customActions.map((action) => (
                     //TODO: to be replaced by toolbar config
-                    <ActionButton name={action.name} key={action.name} />
+                    (<ActionButton name={action.name} key={action.name} />)
                 ))}
             </ToolbarButtons>
-        </ToolbarWrapper>
+        </ToolbarWrapper>)
     );
 });