lk-web

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. Назначение то же самое