refactor(Toast): transfer to functional component & refactor tests/stories

[JackUait]

Для этого компонента придётся оставить как старый (классовый) вариант, так и новый (функциональный) вариант с использованием хука так как одно из важных преимуществ, которое дают функциональные компоненты - больше средств для следования декларативному подходу, но если переписывать текущее API на функциональный лад, то действительно получится тот самый рефактор ради рефактора.

Как использовать новое API:

Cтарое API:
Toast.push('Successfully saved', {
    label: 'Cancel',
    handler: () => Toast.push('Canceled'),
  });

---------

Аналог с использованием нового API:
const { addToast } = useToast()

addToast('Successfully saved', {
	label: 'Cancel',
	handler: () => addToast('Canceled'),
})

1. Удалил анимации exit и exitActive, так как с ними и без них анимация исчезновения была одинаковой.
2. Вынужденно сократил API компонента, так как теперь он превратился в хук. Большинство из проблем сокращения API решаются добавлением пропа render, в который можно будет передать кастомный компонент. Все остальные проблемы решаются расширением API второго аргумента хука. Конкретно сейчас я вижу два "проблемных" пропа: onClose и onPush. Я ещё не реализовывал эту логику, так как прежде хотел обсудить плюсы и минусы такого решения.
   Пример того, о чём я говорю:

addToast('Successfully saved', {
	onClose: () => console.log('Toast was closed'),
	onPush: () => console.log('Toast was opened'),
	// Полностью заменяет собой внешний вид тоста, оставляя только поведение.
	// При создании тоста сверху просто вылезет надпись "Hello World" без стилей. 
	render: () => {
		<p>Hello World</p>
	}
})

3. Убрал возможность иметь сразу несколько тостов на экране одновременно, так как текущее поведение при нескольких тостах на экране выглядит как баг. В процессе обсуждения этого вопроса с @dzekh.

Текущее поведение

2022-01-24.18.52.34.mov

Возможное решение

2022-01-24.20.32.37.mov

4. Правильно понимаю, что для того, чтобы пользователь мог использовать что-то из библиотеки завязанное на контексте, ему нужно обернуть своё приложение в соответствующий провайдер? Есть ли какие-то другие механизмы реализации этого поведения?

[JackUait]

Для того, чтобы протестировать хук, нужна библиотека для тестирования хуков из #2747.

[JackUait]

Смёржил актуальный мастер.

[dzekh]

Убрал возможность иметь сразу несколько тостов на экране одновременно

Да, всё правильно, хорошо что убрал. В гайдах так и написано что должен старый скрываться: https://localhost:3000/components/toast/#08