fix(CustomSelect): Use onMouseOver instead onMouseEnter

[inomdzhon]

Компонент

CustomSelect

Какая была проблема?

При параметре searchable, обновляется "ребёнок", из-за чего onMouseEnter не срабатывает в следующих кейсах:

1. До загрузки выпадающего списка, курсор мышки находится над произвольным элементом этого списка.

   Лечение: только увод курсора мыши и возвращении его обратно вызывает событие onMouseEnter на этот элемент.

2. Если это тач-устройство.

   Лечение: нужно нажать на какой-нибудь произвольный элемент списка, после чего onMouseEnter будет работать на соседние элементы, но не на тот, на который нажали в первый раз.

Более подробно по ссылке facebook/react#13956 (comment)

Как починилось?

onMouseEnter был заменён на onMouseOver.

onMouseOver отличается тем, что он будет дополнительно вызываться, если мы указали на ребёнка элемента. Чтобы оптимизировать это, добавляем при проверку перед обновлением состояния в функции focusOptionByIndex() компонента

VKUI/src/components/CustomSelect/CustomSelect.tsx

Lines 362 to 369 in afc0481

	this.setState((prevState) =>
	// Это оптимизация, прежде всего, под `onMouseOver`
	prevState.focusedOptionIndex !== index
	? {
	focusedOptionIndex: index,
	}
	: null
	);

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 8f6e99e:

Sandbox	Source
VKUI - default example	Configuration

[github-actions]

size-limit report 📦

Path	Size
JS	81.7 KB (+0.02% 🔺)
JS, unstable	25.71 KB (0%)
CSS	41.9 KB (0%)
CSS, unstable	1003 B (0%)

[github-actions]

👀 Styleguide deployed

See the styleguide for this PR at https://vkcom.github.io/VKUI/pull/2328/

[github-actions]

	Warnings
⚠️	1 changed screenshots found — review & update them via "Update Screenshots" action before merging.

Changed screenshots

chipsselect-scrolls-to-item-via-arrows-1

Code coverage

lines	3520 / 4521	77.85%
statements	3586 / 4606	77.85%
functions	791 / 982	80.54%
branches	2927 / 4194	69.79%
branchesTrue	0 / 0	100.00%

Generated by 🚫 dangerJS against 8ccd2d2

[eugpoloz]

Ином, ты 🔥