[DataGrid] Fix calling onCellEditStop on error

[sai6855]

closes: #11406

• I have followed (at least) the PR section of the contributing guide.

[mui-bot]

Deploy preview: https://deploy-preview-12747--material-ui-x.netlify.app/

Generated by 🚫 dangerJS against a887256

[sai6855]

This entire logic was copied from

mui-x/packages/x-data-grid/src/hooks/features/editing/useGridCellEditing.ts

Lines 449 to 478 in aed8aeb

	const { id, field, value, debounceMs, unstable_skipValueParser: skipValueParser } = params;
	throwIfNotEditable(id, field);
	throwIfNotInMode(id, field, GridCellModes.Edit);
	const column = apiRef.current.getColumn(field);
	const row = apiRef.current.getRow(id)!;
	let parsedValue = value;
	if (column.valueParser && !skipValueParser) {
	parsedValue = column.valueParser(value, row, column, apiRef);
	}
	let editingState = gridEditRowsStateSelector(apiRef.current.state);
	let newProps: GridEditCellProps = {
	...editingState[id][field],
	value: parsedValue,
	changeReason: debounceMs ? 'debouncedSetEditCellValue' : 'setEditCellValue',
	};
	if (column.preProcessEditCellProps) {
	const hasChanged = value !== editingState[id][field].value;
	newProps = { ...newProps, isProcessingProps: true };
	updateOrDeleteFieldState(id, field, newProps);
	newProps = await Promise.resolve(
	column.preProcessEditCellProps({ id, row, props: newProps, hasChanged }),
	);
	}

Thought of storing { id, row, props: newProps, hasChanged } in ref, which are computed in below function, but wasn't sure if setCellEditingEditCellValue runs always and runs before runIfNoPreProcessError

mui-x/packages/x-data-grid/src/hooks/features/editing/useGridCellEditing.ts

Line 445 in aed8aeb

const setCellEditingEditCellValue = React.useCallback<

[cherniavskii]

Thanks!
Did you consider following the same approach as in #11383

[sai6855]

Wasn't aware of that PR. Now I've updated code to use similar approach as in #11383.

[cherniavskii]

Looks good, thanks!

[cherniavskii]

Nitpick: better type safety

Suggested change

	<Args extends any[]>(callback?: (...args: Args) => void) =>
	<Args extends Parameters<GridEventListener<'cellEditStop'>>>(callback?: (...args: Args) => void) =>