ADMIRAL run DEV
70 subscribers
36 photos
3 videos
14 links
Канал с важными анонсами React-библиотеки Admiral от команды разработки
Download Telegram
Channel created
🫰🥳🫵🫲😻 8️⃣ . 5️⃣4️⃣ . 0️⃣


❗️ Важное предупреждение об изменениях

В новой версии библиотеки в компоненте TextArea была полностью переработана внутренняя архитектура с внедрением ResizeObserver для отслеживания изменений размеров.

Также переработан функционал передачи inner props в компоненты TextInput, FileItem, SuggestInput, PhoneNumberInput, InputEx, TimeInput, SliderInput, SliderRange, NumberInput.

☑️ Сохранение обратной совместимости

🔹 Public API осталось полностью неизменным;
🔹 Все пропсы, методы и события работают как прежде;
🔹 Стилизация и классы сохранены.

С остальными изменениями можно ознакомиться в Changelog.

👀 Сообщение о проблемах

При обнаружении любых неожиданных поведений создавайте issue с:
🔹 Версией компонента;
🔹 Окружением (браузер, ОС);
🔹 Примером кода для воспроизведения.

Мы ценим Ваше понимание во время перехода на более современную архитектуру!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1
🫰🥳🫵🫲😻 8️⃣ . 5️⃣5️⃣ . 0️⃣


❗️ Затронутые компоненты

🔹TextArea
🔹CheckboxGroup
🔹Anchor

🗒 Исправления ошибок

TextArea: Исправлена ошибка, при которой иконка копирования (CopyIcon) не отображалась при программном изменении значения value.

CheckboxGroup: Обновлены шрифты заголовков групп в соответствии с дизайн-системой, исправлено вертикальное выравнивание элементов внутри групп для улучшенной визуальной согласованности.

🔥 Новая функциональность

Anchor: Добавлена возможность кастомизации вертикальных отступов между пунктами меню через новое свойство indentItems
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
🫰🥳🫵🫲😻 8️⃣ . 5️⃣6️⃣ . 0️⃣


❗️ Затронутые компоненты

🔹 InputBox
🔹 TimePicker
🔹 TextArea
🔹 Stepper
🔹 TabMenuVertical

🔥 Новая функциональность

InputBox: Добавлен набор новых свойств для более гибкого контроля поведения и внешнего вида поля ввода.

TimePicker: Доработан в связке с улучшениями lnputBox —
повысилась согласованность поведения и расширилась функциональность выбора времени.

TextArea: Реализована возможность задавать максимальную и минимальную высоту в режиме AutoHeight. Поле динамически подстраивается под содержимое, оставаясь в заданных границах.

Stepper: Добавлены новые опции в соответствии с макетом по режиму ProgressMode для отображения прогресса выполнения шагов.

Улучшения и оптимизация

TabMenuVertical: Проведен рефакторинг компонента для улучшения регулирования высоты и удобства поддержки кода.

🗒 Тестирование

Playwright: Подключен современный фреймворк автоматизированного тестирования компонентов, что позволит повысить надежность библиотеки
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
🫰🥳🫵🫲😻 8️⃣.5️⃣7️⃣.0️⃣


❗️ Затронутые компоненты

🔹 DateInput
🔹 NumberInput
🔹 PhoneNumberInput
🔹 TimeInput
🔹 TimePicker
🔹 Menu
🔹 Hint

🔥 Новая функциональность

DateInput, NumberInput, PhoneNumberInput, TimeInput, TimePicker: Добавлено единообразное поведение, предотвращающее срабатывание нативного механизма отмены (например, через Ctrl+Z), что обеспечивает более предсказуемый контроль над данными в форме.

🗒 Исправления ошибок

Menu: Исправлена некорректная работа пункта меню (MenuItem) в состоянии disabled — теперь клик по неактивному элементу надежно блокируется.

TimePicker: Устранена проблема, приводящая к бесконечному циклу в определенных сценариях использования. Также исправлена проблема с ключами (key issue), которая могла влиять на производительность и корректность обновлений списка.

Hint: Исправлена ошибка, из-за которой подсказка ложно закрывалась при клике в сценарии отображения по наведению (hover)
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
🔤🔤🔤🔤🔤 4️⃣.4️⃣.0️⃣


❗️ Затронутые разделы иконок

🔹 Bank
🔹 Documents
🔹 Redact
🔹 System

💳 Новые Bank icons:

Akbars Bank, BBR Bank, Ipoteka Bank, Primsoc Bank, Promsvyazbank, Rencredit Bank, Rosbank, SDM Bank, Saint-Petersburg Bank, Surgut NGB, TKB Bank, Tochka Bank, Unicredit, Unistream Bank, Uralsib Bank

⬇️ Новые Documents icons:

DOCX: File DOCX Outline, File DOCX Solid
PNG: File PNG Outline, File PNG Solid
XLSX: File XLSX Outline, File XLSX Solid

🗒 Новая Redact icon:

Align Bottom Outline

⚙️ Новая System icon:

Unlink Solid

Обновите используемый пакет для получения актуальных ресурсов
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2👍1
🔤🔤🔤🔤🔤    4️⃣.4️⃣.1️⃣


Выпущена новая версия библиотеки иконок, которая содержит исправление бага, связанного с наличием лишнего path, что выражалось в перекрытии фона иконки при стилизации svg path fill

⚠️ Версия 4.4.0 помечена как deprecated, рекомендуем обновиться на новую версию


🫰🥳🫵🫲😻 8️⃣.5️⃣8️⃣.0️⃣


❗️Затронутые компоненты

🔹TreeSelect
🔹TimePicker
🔹TimeInput

🔥 Новая функциональность

TreeSelect: добавлен placeholder, TopPanel и BottomPanel в выпадающее меню

⚡️ Замена компонента

TimePicker: перенесен в раздел Inputs вместо TimeInput

⚠️ TimeInput помечен как deprecated, рекомендуем использовать TimePicker
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1
🫰🥳🫵🫲😻    8️⃣.5️⃣9️⃣.0️⃣


❗️ Затронутые компоненты

🔹 BreadCrumbs
🔹 Field / Label / InputField
🔹 Hint
🔹 TextButton
🔹 TextInput / SuggestInput / InputEx
🔹 TimePicker

🔥 Новая функциональность

BreadCrumbs: Добавлено состояние disabled для отдельных элементов навигационной цепочки.

TextButton: Расширено управление переполнением текста. Компонент получил полноценную поддержку свойства ellipsis для корректного обрезания длинных надписей с помощью троеточия.

🗒 Исправления ошибок

Field компоненты (Field, Label, InputField...): Устранена проблема обрезания текста в extraText, label и additionalLabel при переполнении. Добавлена возможность лейблам добавлять visibleLabelTooltips и прокидывать свои кастомные labelCssMixins.

Hint: Исправлено позиционирование иконки закрытия во всплывающей подсказке.

TextInput, SuggestInput, InputEx: Исправлены отступы между иконками, переданными через пропс iconsAfter.

TimePicker: Исправлено выравнивание alignSelf выпадающего списка относительно поля ввода
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥2