v5.8.2

Исправления

• ActionSheet: исправлен отступ у тени на платформе iOS (#5797)
• Banner: исправлен внутренний отступ (#5824)
• CardScroll: исправлен тип кнопок навигации, чтобы не вызывать внутри формы при нажатии событие отправки (#5863)
• Checkbox: компонент без текста растягивался на всю ширину (#5786)
• Group: исправлено расположение элементов, которые находятся в header (#5799)
• ModalCard: исправлено исчезновение overlay при достаточно быстром переключении между ModalCard (#5805)
• Popper: исправлено позиционирование при первом рендере. Раньше появлялся по координатом (0,0), после чего перерисовывался правильно (#5822)
• SimpleCell: исправлены отступы внутри компонента (#5794)
• WriteBar: исправлено "прыгающее" поведение (смещение) иконок и кнопок во время ввода текста (#5836)

Исправления в документации

• FixedLayout: зафиксировали PanelHeader в документации FixedLayout для всех платформ (#5843)
• MiniInfoCell: убран лишний разделитель из документации (#5844)
• PanelHeaderButton: исправлены ссылки на документацию из компонентов пресетов PanelHeader (#5851)

v5.8.1

Исправления

• ⚠️ Неверное название переменной окружения ломало сборку в vite (#5766)
• ModalDismissButton: поправлено исчезновение кнопки закрытия в примере из документации (#5764)
• TabbarItem: применили токен для текста как в дизайн-системе (#5750)

Документация

• ActionSheet: поправили ссылку на документацию Apple для разработчиков (#5768)

v5.8.0

Улучшения

• Поддержали getRootRef на всех компонентах (#5651)
• ActionSheet: добавили информацию об инициаторе закрытия ActionSheet в ActionSheet.onClose (#5597)
• Slider: добавили возможность включения тултипа при наведении/фокусе показывающего значение слайдера (#5472)
• FormItem: добавили возможность отключения внешних отступов с помощью пропа noPadding (#5600)
• Tappable: добавили свойство borderRadiusMode для возможности унаследовать радиус скругления от родителя (#5619)
• useNavDirection(): добавили хук для определение типа перехода (вперёд/назад), с которым была отрисована панель (#5567)
• Typography: для тега <b> в типографических компонентах теперь выставляем font-weight: var(--vkui--font_weight_accent1); (#5622)
• Placeholder: добавили подкомпоненты (#5629)
• AppRoot:
  • добавили свойство layout, отвечающее за вид Group (#5642)
  • добавили свойство disableParentTransformForPositionFixedElements , отключающее создания нового слоя для position: fixed элементов при mode="embedded" (#5692)
• Group: изменили вид карточек в мобильной версии (#5720)
• Card: добавили режим отображения outline-tint (#5533)
• Input: отключили нативные элементы для <input type="number" /> при передаче type="number" (#5607)
• ChipsSelect/CustomSelect: экспортировали filterFnForSelect (defaultFilterFn из lib/select) (#5601)

Исправления

• ConfigProvider: ConfigProvider больше не удаляет из body добавленные другими приложениями классы при размонтировании. (#5633)
• ModalPage: скролл внутри модальной страницы теперь заканчивается на границе с ios env bottom inset. (#5715)
• TextTooltip/Popper: добавили проп hideWhenReferenceHidden, чтобы тултип не прыгал, а сразу автоматически скрывался при исчезновении элемента, к которому тултип привязан. (#5690)
• Checkbox, Root: исправили классы (#5737)
• ChipsInput/ChipsSelect: привели типографику к дизайн-системе (#5695)
• Удалили font-smoothing (#5739)

Документация

• Добавили ссылки на Storybook для всех компонентов (#5694)
• MiniInfoCell: убрали из документации свойство textLevel, которого нет в интерфейсе компонента (#5736)

Internal

• Обновили @vkontakte/vkui-tokens с 4.35.1 до 4.36.0 (#5580)
• Обновили @floating-ui/react-dom с 2.0.1 до 2.0.2 (#5735)
• Перенесли @vkontakte/icons в прямые зависимости (#5718)

Important

В связи с переносом @vkontakte/icons в прямые зависимости вы можете столкнуться с дублированием зависимостей. Если это случилось, не паникуйте: на помощь придет дедупликация.

Как ее сделать?

npm

Команда npm dedupe

npm dedupe

Yarn Classic

Утилита yarn-deduplicate

npx yarn-deduplicate --packages @vkontakte/icons

Yarn Modern

Команда yarn dedupe

yarn dedupe @vkontakte/icons

pnpm

Команда pnpm dedupe

pnpm dedupe

Подготовка к удалению интеграции с VK Bridge (#5496)

VKUI создавался как инструмент для создания клиентской части мини-приложений ВКонтакте. В связи с этим VKUI изначально интегрирован с библиотекой VK Bridge, которая реализует общение между VK Mini Apps и официальными клиентами ВКонтакте.

Сегодня разработчики используют VKUI, чтобы создавать полноценные независимые приложения, которые никак не связаны с VK Mini Apps, но наследие остается, и иметь с ним дело приходится всем. Поэтому мы приняли решение удалить интеграцию с VK Bridge, начиная со следующей мажорной версии (v6).

В рамках этого релиза в качестве подготовки к удалению интеграции мы:

• добавили советы по подготовке к обновлению на v6 в документации и в предупреждениях в консоли разработчика (☝️ если вы не разработчик VK Mini Apps, просто игнорируйте эти советы);
• создали страницу Интеграция с VK Mini Apps, которая содержит всю информацию об интеграции VKUI с VK Mini Apps в новых реалиях.

v5.7.2

Исправления

• SimpleCell: вернули применение margin-top (#5574)
• HorizontalScroll: поправили отображение стрелок при рендере после display: none(#5595)
• PanelHeaderClose: поправили перекрытие контентом модалки (#5605)
• Group: убрали лишний отступ, который появлялся у последнего Group с пропром separator="show"(#5623)
• Avatar/Image: поправили поведение компонента при SSR, когда изображение загружено до инициализации react, в результате чего обработчик события load не вызывается и компонент имеет не верное состояние (#5602)
• SelectMimicry/CustomSelect: исправлен autoFocus (#5665, #5662)
• Исправлен двойной ререндер при передаче контекста (#5666, #5668)
• Placeholder: не растягивался на высоту блока (#5669)
• ChipsSelect: исправлена работа свойства showSelected, теперь выбранные опции не убираются из списка при showSelected=true (по умолчанию true) (#5684)
• ModalPage:
  • Исправили расчёт первоначальной высоты в мобильном виде, в случае, когда внутри рендерился Select (#5606)
  • Исправили абсолютное позиционирование внутри ModalPage (#5676)
• Banner: цвета иконок, а также иконка закрытия для iOS, не соответствовали дизайну (#5637)
• ActionSheet: компонент невозможно было закрыть на широком экране (#5641)
• Image: применялись неправильные закругления (#5672)
• Checkbox: не работал text-overflow: ellipsis на children (#5672)
• MiniInfoCell: исправлен отступ если отсутствует before (#5696)

Документация

• Удалили лишнюю информацию в документе Миграция с v4 на v5 (#5592)

v5.7.1

Исправления

• Не работали анимации и переходы между панелями (#5564)

v5.7.0

Улучшения

• Snackbar: добавлена возможность регулировать положение по высоте (отступ от нижнего края) с помощью свойства offsetY (#5162)
• Progress: новое свойство height для возможности задать свою высоту (#5455)
• ActionSheet: больше нет необходимости прокидывать дефолтный iosCloseItem (#5502)
• Search: добавлено свойство noPadding (#5522)
• SubnavigationButton: добавлено свойство appearance (#5527)
• Alert: добавлено свойство renderAction (#5530)
• Alert: добавлено свойство actionsAlign (#5530)

Исправления

• Link: line-height мог выставляться браузерными стилями (#5519)
• NativeSelect: selectType не влиял на отображение (#5539)
• Search: не работал тач по крестику (#5529)
• Button: исправлены цвета фона Counter в mode=primary (#5532)
• Tooltip: больше не скрывается, при активном модальном окне (#5505)
• PopoutWrapper: исправлено наложение элементов (#5555)

v5.6.2

Исправления

• Search: исправили цвет placeholder (#5490)
• Поправили типографику некоторых элементов форм (#5430)
• Alert: исправлено дублирование id элементов (#5400)

v5.6.1

Исправления

• Switch: компонент выделялся в safari (#5465)
• AppRoot: компонент больше не удаляет внешний портал, переданные через свойство portalRoot при размонтировании (#5046)
• Search: поле ввода не растягивалось на firefox (#5470)
• Search: исправлен вызов onCancel (#5460)
• FormItem: улучшена a11y (#5422 спасибо @scffs)
• SubnavigationBar: улучшена a11y (#5225 спасибо @scffs)
• Slider: в режиме multiple не доходит до конца если длина не кратна step (#5284 спасибо @scffs)

v5.6.0

Warning

Обновили @vkontakte/icons до v2.41.0 в peerDependencies. Не забудьте обновиться в своих проектах!

Улучшения

• SimpleCell: добавлено свойство chevronSize и expandable: 'auto' | 'always' (#5329)
• Banner: добавлено свойство noPadding (#5187)
• ChipsInput:
  • добавлено свойство addOnBlur (#5335)
  • добавлен экспорт типов RenderChip и ChipOptions (#5448)

Исправления

• Spinner: спиннер в некоторых условиях мог криво крутиться (#4840)
• ModalCard:
  • размер шрифта заголовка Subhead теперь зафиксирован на sizeY="regular" (#5397)
  • поправлены отступы и закругления (#5425)
• ModalPage: в мобильном виде открывался при каждом открытии с разной высотой (#5402)
• ModalPage: исправлены высота открытия модального окна и отсутствие скролла (#5402)
• TabbarItem: в JSX была лишняя проверка на добавления несуществующего CSS селектора (#5281, спасибо @scffs ❤️)

Документация

• Group: дополнена информация по автоматическому определению mode (#5370)
• WriteBar: у FixedLayout отсутствовало свойства filled (#5433)
• CONTRIBUTING.md: исправлена документация (#5375, спасибо @mshukilovich)
• Поправили вёрстку документации в styleguide (#5398, #5424)
• Поправили ссылку на VK Mini Apps в README.md (#5277, спасибо @scffs ❤️)

Internal

• mitt обновлён с 3.0.0 до 3.0.1 (#5442)

Unstable улучшения

• unstable_HorizontalCellShowMore: новый unstable компонент HorizontalCellShowMore. Элемент Показать все для использования внутри HorizontalScroll. (#5328)

v5.5.5

Исправления

• Group: вернули отступы Group в модальных окнах (#5371)
• Root, Epic, Root, View, ModalRoot: Исправлена типизация свойства children (#5395)