build(deps): bump @mui/x-data-grid from 6.19.8 to 7.1.1

package.json

@@ -10,8 +10,8 @@
 		"@minoru/react-dnd-treeview": "^3.4.4",
 		"@mui/icons-material": "^5.15.19",
 		"@mui/lab": "^5.0.0-alpha.170",
+		"@mui/x-data-grid": "^7.1.1",
 		"@mui/material": "^5.15.20",
-		"@mui/x-data-grid": "^6.19.8",
 		"@testing-library/jest-dom": "^6.4.6",
 		"@testing-library/react": "^12.1.2",
 		"@testing-library/user-event": "^14.5.2",

src/ThreeEditor/Simulation/Physics/Beam.ts

@@ -4,7 +4,7 @@ import { Line2 } from 'three/examples/jsm/lines/Line2.js';
 import { LineGeometry } from 'three/examples/jsm/lines/LineGeometry.js';
 import { LineMaterial } from 'three/examples/jsm/lines/LineMaterial.js';
 
-import { Particle, PARTICLE_TYPES, FLUKA_PARTICLE_TYPES } from '../../../types/Particle';
+import { FLUKA_PARTICLE_TYPES,Particle, PARTICLE_TYPES } from '../../../types/Particle';
 // Import of 'lines' from examples subfolder follows the official guidelines of threejs.editor (see https://threejs.org/docs/#manual/en/introduction/Installation)
 import { ConfigSourceFile } from '../../../types/SimulationTypes/ConfigTypes';
 import { YaptideEditor } from '../../js/YaptideEditor';
@@ -167,7 +167,9 @@ export class Beam extends SimulationElement {
 	sourceFile: ConfigSourceFile;
 
 	get particle(): Particle {
-		return [...PARTICLE_TYPES, ...FLUKA_PARTICLE_TYPES].find(p => p.id === this.particleData.id) as Particle;
+		return [...PARTICLE_TYPES, ...FLUKA_PARTICLE_TYPES].find(
+			p => p.id === this.particleData.id
+		) as Particle;
 	}
 
 	constructor(editor: YaptideEditor) {

src/ThreeEditor/components/Sidebar/properties/category/BeamConfiguration.tsx

@@ -2,7 +2,7 @@ import { Divider, ToggleButton, ToggleButtonGroup } from '@mui/material';
 import { useEffect } from 'react';
 import { Object3D } from 'three';
 
-import { PARTICLE_TYPES, FLUKA_PARTICLE_TYPES } from '../../../../../types/Particle';
+import { FLUKA_PARTICLE_TYPES,PARTICLE_TYPES } from '../../../../../types/Particle';
 import { SimulatorType } from '../../../../../types/RequestTypes';
 import { useSmartWatchEditorState } from '../../../../../util/hooks/signals';
 import { SetValueCommand } from '../../../../js/commands/SetValueCommand';
@@ -150,11 +150,11 @@ function BeamConfigurationFields(props: { editor: YaptideEditor; object: Beam })
 	const { object, editor } = props;
 
 	let supportedParticles: ParticleType[] = [...PARTICLE_TYPES];
+
 	if (editor.contextManager.currentSimulator === SimulatorType.FLUKA) {
 		supportedParticles.push(...FLUKA_PARTICLE_TYPES);
 	}
 
-
 	const { state: watchedObject } = useSmartWatchEditorState(editor, object, true);
 
 	const setValueCommand = (value: any, key: string) => {

src/ThreeEditor/components/Sidebar/properties/category/QuantityConfiguration.tsx

@@ -10,7 +10,8 @@ import {
 	canChangePrimaryMultiplier,
 	DETECTOR_KEYWORD_OPTIONS,
 	FLUKA_DETECTOR_KEYWORD_OPTIONS,
-	MEDIUM_KEYWORD_OPTIONS} from '../../../../Simulation/Scoring/ScoringOutputTypes';
+	MEDIUM_KEYWORD_OPTIONS
+} from '../../../../Simulation/Scoring/ScoringOutputTypes';
 import { isScoringQuantity, ScoringQuantity } from '../../../../Simulation/Scoring/ScoringQuantity';
 import { ObjectSelectPropertyField } from '../fields/ObjectSelectPropertyField';
 import {

src/WrapperApp/WrapperApp.tsx

@@ -7,14 +7,14 @@ import { useStore } from '../services/StoreService';
 import SceneEditor from '../ThreeEditor/components/Editor/SceneEditor';
 import { SimulatorType } from '../types/RequestTypes';
 import { SimulationInputFiles } from '../types/ResponseTypes';
+import { camelCaseToNormalText } from '../util/camelCaseToSentenceCase';
 import InputEditorPanel from './components/InputEditor/InputEditorPanel';
 import NavDrawer from './components/NavDrawer/NavDrawer';
 import { AboutPanel } from './components/Panels/AboutPanel';
 import LoginPanel from './components/Panels/LoginPanel';
 import { TabPanel } from './components/Panels/TabPanel';
 import ResultsPanel from './components/Results/ResultsPanel';
 import SimulationPanel from './components/Simulation/SimulationPanel';
-import {camelCaseToNormalText} from '../util/camelCaseToSentenceCase'
 
 function WrapperApp() {
 	const { demoMode } = useConfig();
@@ -50,7 +50,7 @@ function WrapperApp() {
 	}, [isAuthorized, tabsValue]);
 
 	useEffect(() => {
-		//The document.title is used by web browser to display a name on the browser tab. 
+		//The document.title is used by web browser to display a name on the browser tab.
 		//There we would like to see the name extracted from a tabsValue, which can sugest user in which tab of our application is at the moment.
 		//We want to make the text which be a title as a normal text, not cammel case text, to make it similar to values of tabs user can see on navbar.
 		document.title = camelCaseToNormalText(tabsValue); //e.g. we've got 'inputFiles' as a value of tabsValue and this function converts this value to 'Input Files'

src/WrapperApp/components/Results/ResultsTable.tsx

@@ -1,6 +1,6 @@
 import { Button, Stack, Switch, Typography } from '@mui/material';
 import Box from '@mui/material/Box';
-import { DataGrid, GridColDef, GridValueGetterParams } from '@mui/x-data-grid';
+import { DataGrid, GridColDef } from '@mui/x-data-grid';
 import { ChangeEvent, useState } from 'react';
 
 import { isCustomFilterJSON } from '../../../ThreeEditor/Simulation/Scoring/CustomFilter';
@@ -28,7 +28,7 @@ const columns: GridColDef[] = [
 		headerName: 'Value',
 		type: 'number',
 		flex: 1,
-		valueGetter: (params: GridValueGetterParams) => formatValue(params.row.value)
+		valueGetter: (_value, row) => formatValue(row.value)
 	},
 	{ field: 'unit', headerName: 'Unit', width: 100 },
 	{ field: 'filterName', headerName: 'Filter name', flex: 1 },

src/__tests__/FlukaConverter.test.ts

@@ -93,7 +93,7 @@ describe('Fluka Converter', () => {
 
 		// select SHIELDHIT subsection
 		examplesPanel.findElement(By.xpath("//button[contains(text(),'shieldhit')]")).click();
-		
+
 		//find the list of examples
 		const examplesList = await examplesPanel.findElement(By.id('Examples list'));
 

src/__tests__/TopasConverter.test.ts

@@ -32,7 +32,7 @@ describe('TopasConverter', () => {
 				5_000
 			)
 		).toBeTruthy();
-		
+
 		//find the "Editor" button on the left menu and assure it is already selected
 		const editorButton = await driver.findElement(By.xpath("//div[@aria-label = 'Editor']"));
 

src/types/Particle.ts

@@ -71,10 +71,9 @@ export const PARTICLE_TYPES = [
 	}
 ] as const satisfies readonly ParticleType[];
 
-
 export const FLUKA_PARTICLE_TYPES = [
 	{
 		id: 26,
 		name: 'Electron'
 	}
-] as const satisfies readonly ParticleType[];
+] as const satisfies readonly ParticleType[];

src/util/camelCaseToSentenceCase.ts

@@ -1,9 +1,9 @@
-import { CapitalizeString } from "./Capitalize";
+import { CapitalizeString } from './Capitalize';
 
 export function camelCaseToNormalText(input: string) {
-    // Insert a space before all caps and trim any leading space
-    let result = input.replace(/([A-Z])/g, ' $1').trim();
-    
-    // Convert the first character to uppercase and the rest to lowercase
-    return CapitalizeString(result);
-}
+	// Insert a space before all caps and trim any leading space
+	let result = input.replace(/([A-Z])/g, ' $1').trim();
+
+	// Convert the first character to uppercase and the rest to lowercase
+	return CapitalizeString(result);
+}