0.0.14 • Published 5 months ago
lk-web v0.0.14
LK web components
Это библиотека общих компонентов и утилит для Eris и Hermes, написанных для React. Большинство компонентов можно посмотреть в Storybook
Компоненты
ConfirmationButton
- кнопка, которая по клику на неё запрашивает подтверждение действия. Может дополнительно просить ввести текст подтвержденияFormModal
- утилита для построения типовых модалок с формой внутри. См. пример вsrc/stories/FormModal/DemoModal.tsx
IconButton
- типовой компонент для отображения квадратной кнопки с иконкойProgressButton
- кнопка, которая имеет состояние "в процессе", при котором она блокируется и отображает спиннерSelect
- набор компонентов-надстроек над react-select. В отличие от react-select в качествеvalue
всегда имеет типstring
Table
- таблица-надстройка на @tanstack/table, которая принимает его пропы и рисует bootstrap table
Модуль Datatable
Модуль логики дата-таблицы. Вдохновлён react-hook-form и имеет схожее API. Если нужно нарисовать таблицу с редактируемыми ячейками, то нужно брать этот модуль и обмазывать им компонент Table
Хуки
В основном вспомогательные хуки для этой библиотеки, но их можно использовать отдельно
useProtectDirtyForm
- хук, который принимает контекст формы с возвращает пропы для компонентов Modal из react-bootstrap. Можно использовать если нужно блокировать закрытие модалки по клику вне неё когда с формой взаимодействовали.useSubscribe
- по сути скопированный код одноимённого хука изreact-hook-form
. Назначение то же самое