[fields] Select the first section instead of last when clicking right of content

[noraleonte]

Fixes #8967

[mui-bot]

Netlify deploy preview

Netlify deploy preview: https://deploy-preview-9005--material-ui-x.netlify.app/

Updated pages

No updates.

These are the results for the performance tests:

Test case	Unit	Min	Max	Median	Mean	σ
Filter 100k rows	ms	697.7	1,122	697.7	966.42	142.346
Sort 100k rows	ms	752.1	1,341.6	1,288.9	1,135.94	209.282
Select 100k rows	ms	245.4	415.7	316.7	311.24	63.133
Deselect 100k rows	ms	191.7	302.6	216.7	227.98	39.5

Generated by 🚫 dangerJS against 5a4e1f8

[flaviendelangle]

Nice one !

For the failing test, I think we are just putting the selection on the last character (which a real person would not do).

    it('should set meridiem to AM when pressing "a" and a value is provided', () => {
      testFieldChange({
        format: adapter.formats.fullTime12h,
        defaultValue: adapter.date(new Date(2022, 5, 15, 14, 12, 25)),
        cursorPosition: 17,
        // Press "a"
        keyStrokes: [{ value: '02:12 a', expected: '02:12 AM' }],
      });
    });

Setting the cursor position to 16 should do the trick.
Note that we are running those test for each data library, so you only have to fix a few tests.

Side note, this cursorPosition is a pain (I don't want to count the index needed to select the "month" for example).
Now that we are exposing a ref that allows to select a section, we should be able to do something like:

    it('should set meridiem to AM when pressing "a" and a value is provided', () => {
      testFieldChange({
        // ...other params
        selectedSection: 'month',
      });
    });

That would be nicer, I'll try doing that later on.

[flaviendelangle]

🥳 great first PR

[noraleonte]

🥳 great first PR

Thanks! 🎉

[alexfauquette]

It's a strike 🎳

This PR also solve #8945

[flaviendelangle]

That's a good ROI PR 😆