@boobooking/dashboard-ui-components 0.16.0 → 0.16.2

package/README.md

@@ -99,6 +99,14 @@ Tailwind, `@tailwindcss/forms`, Inertia и какие-либо токены в C
 (`files: ["dist"]`) исходники не попадают, поэтому контракт каждого
 компонента — здесь и в playground, а не в исходном коде.
 
+Крестики — закрытие `PageCard` и ластики очистки фильтров — при нажатии
+коротко «вдавливаются», и действие выполняется после этого, через 150 мс:
+иначе нажатия не было бы видно — ластик пропадает сразу после очистки,
+крестик уводит со страницы. Так при любом нажатии: мышью, касанием,
+Enter, пробелом, расширением клавиатурной навигации. Нажатия во время
+анимации не считаются: одно нажатие — одно действие. При «уменьшении
+движения» в системе — без анимации и сразу.
+
 ### Dot
 
 Индикатор-точка любого цвета из списка, с пульсацией или без.
@@ -196,6 +204,14 @@ Tailwind, `@tailwindcss/forms`, Inertia и какие-либо токены в C
 под курсором, поэтому календарь «до» открывается тем же кликом, что
 закрывает «от».
 
+С клавиатуры: Enter или пробел на поле открывают календарь. Пока он открыт,
+стрелки переводят фокус по дням: влево и вправо — на день, вверх и вниз — на
+неделю; с края месяца календарь листается, дата при этом не выбирается.
+Первая стрелка ставит фокус на выбранный день, без выбранного — на сегодня.
+Enter или пробел выбирают день под фокусом и стрелки месяцев — так же, как
+клик; Escape закрывает календарь. После закрытия фокус возвращается на поле.
+В поле можно перейти Tab и набрать дату.
+
 ### SelectSingle
 
     <select-single
@@ -788,6 +804,7 @@ sm:rounded-lg`, `box-sizing: border-box`. Отступов у неё нет: ф
 | `HamburgerMenu` — подпись кнопки для скринридера | Открыть меню | Open menu |
 | `SelectDateInterval` — месяцы, дни недели, кнопки календарей | по-русски | in English |
 | `SelectDateInterval` — подсказки полей | от / до | from / to |
+| Ластик `Search`, `RussianMobileFilter`, `SelectSingle` (язык плагина) и `SelectDateInterval` — подпись для скринридера | Очистить | Clear |
 | `DataTable` — пагинация | Предыдущая / Следующая / Показаны результаты X - Y из Z | Previous / Next / Showing X - Y of Z results |
 | `PageCard` — доступное имя крестика | Назад | Back |
 | `NotificationMessage` — подпись крестика для скринридера | Закрыть | Close |
@@ -797,6 +814,31 @@ sm:rounded-lg`, `box-sizing: border-box`. Отступов у неё нет: ф
 Неделя начинается с понедельника. Календари `SelectDateInterval` берут язык
 при монтировании: смена языка после монтирования в них не отражается.
 
+## Клавиатурная навигация
+
+Кнопки и ссылки компонентов нажимаются расширениями клавиатурной навигации —
+Vimium, Vimari, Vimlike — по их подсказкам, как мышью; подсказка у каждой
+кнопки одна и стоит на всей кнопке.
+
+Vimlike (Safari на iPhone, iPad и Mac) считает кнопкой любой элемент
+с `cursor: pointer` и из вложенных таких элементов оставляет самый глубокий.
+Курсор наследуется, поэтому в кнопке с курсором-рукой — своим или от правила
+приложения `button:not(:disabled) { cursor: pointer }` — подсказки достались
+бы тексту, иконке, у которой нет `click()`, и скрытой подписи, которую Vimlike
+считает невидимой. Поэтому содержимое кнопок и ссылок пакета — текст, иконки,
+скрытые подписи — с курсором `default` и не ловит указатель: мышь над ним
+видит руку самой кнопки. По той же причине поле даты `SelectDateInterval`
+лежит не внутри кнопки календаря, а под ней: поле внутри кнопки Vimlike
+считал бы кнопкой вместо неё. В поле по-прежнему можно перейти Tab и набрать
+дату.
+
+Подсказки Vimlike в открытых меню, списке `SelectSingle` и календарях
+`SelectDateInterval` не видны: Vimlike рисует их под верхним слоем браузера,
+в котором открываются эти панели. Vimium выводит свои подсказки в верхний
+слой, и у него такой проблемы нет. В Vimlike панель открывают подсказкой её
+кнопки, а дальше выбирают стрелками и Enter: пункт списка или меню, день
+календаря.
+
 ## SSR
 
 Пакет загружается и рендерится на сервере (серверный рендеринг, например