VKUI

• Исправлена проблем c AdaptivityProvider блокирующая обновление props у внутренних элементов
• Исправлена невозможность передать AdaptivityProps напрямую в AdaptivityProvider
• Востановленно getRef и getRootRef для Select. Добавленно для CustomSelect

Новые фичи

• Свойство size у PanelSpinner (спасибо @Sozonov).

Исправления

• Фиксы в документации.
• Фикс тени у Avatar.
• Исправления в PromoBanner.
• Проверка на пустоту свойств у RichCell, SimpleCell.
• Исправлено зависание Alert при быстром открытии и скрытии

Улучшения

• Убрано ненужное выделение текста в Div.
• Дополнена информация о поддерживаемых платформах в Readme.

• Фикс #781
• Фикс #711
• Фикс #831
• Фикс #819
• Пофикшена команда yarn test, которая падала на windows из-за использования одинарных кавычек (спасибо @danyadev)

• Фикс #846
• Фикс #847
• Фикс #840

Исправления

• UsersStack: на версиях iOS < 12 аватарки не используют наложение друг на друга.

Заметка дополняется

Breaking changes

Button

• Поменялись значения свойства size. Было m, l, xl, стало — s, m, l

Cell

• Удалено свойство size. Теперь чтобы отрисовать Cell size="l" нужно использовать RichCell
• Свойство asideContent переименовано в after
• Анимация нажатия теперь по-умолчанию включена. Для отключение необходимо передавать свойство disabled={true}

ActionSheet

• Добавлены обязательные свойства toggleRef (desktop only) и iosCloseItem (ios only)

Panel

• Удалено устаревшее свойство separator, отвечавшее за отрисовку разделителя после шапки. Свойство перекочевало в PanelHeader

New

Адаптивность

Основные инструменты адаптивности:

• <AdaptivityProvider>
• <SplitLayout>, <SplitCol>, <SplitFixedCol>
• withAdaptivity HOC

В будущем будет добавлены абстракции инкапсулирующие самые популярные лаяуты адаптивности, сейчас это нужно делать вручную через <SplitLayout>.

Пример:

const App = ({ children }) => {
  return <AdaptivityProvider>
    <SplitFixedCol width="280px">
      <Nav />
    </SplitFixedCol>
    <SplitLayout>
      <SplitCol spaced width="800px">{children}</SplitCol>
    </SplitLayout>
  </AdaptivityProvider>
};

Создание адаптивного компонента

Для создания адаптивного компонента, его его обернуть в withAdpativity HOC.

const AdaptiveBox = withAdaptivity(({ sizeX, sizeY }) => {
  if (sizeX === SizeType.COMPACT) {
    return <div style={{ padding: '8px' }} />
  } else {
    return <div style={{ padding: '20px' }} />
  }
}, {
  sizeX: true,
  sizeY: true,
});

Исправления

• Link: исправлены типы props (спасибо @fix-fix за #818).
• Исправлен чёрный экран после завершений iOS Swipe Back.

Исправления

• Banner: цвет подписи к заголовку.
• InfoRow: дизайн шапки.

Исправления

• Отображение <Button mode="overlay_primary" /> в Banner.

• Добавлены ссылки на дизайн в Figma
• Поддержано свойство rel для SimpleCell
• Рефакторинг и фиксы дизайна в PromoBanner
• insets из события VKWebAppUpdateConfig теперь обновляют css-переменные --safe-area-inset.

Новые фичи

• Свойство shadow у Avatar.

Исправления

• В PanelHeaderContent исправлено отображение длинного статуса
  (спасибо @FlyInk13 за #735).
• Шрифт Tabs внутри PanelHeader.

Улучшения

• Добавлен экспорт ModalRootContext.

Исправления:

• Отображение RichCell и SimpleCell в качестве ссылок (спасибо за #727 @manaenckow).
• Отображение RichCell и SimpleCell в режиме мультистрочности (спасибо за #698 @AdvTechnoKing).
• Исправлены тайпинги Tabs.

Улучшения документации:

• Добавлено описание компонента ConfigProvider.
• Дополнено описание по использованию ModalRoot.

• Исправлено отображение шрифтов в десктопных браузерах

Новые фичи

• У Avatar появилась полупрозрачная обводка.

Исправления

• Root и View: исправлено отключение анимаций.

В FixedLayout и Panel поддержаны горизонтальные отступы safe-area-inset-left и safe-area-inset-right.

У ConfigProvider появилось свойство transitionMotionEnabled, позволяющее отключить анимации переходов между экранами.

Фиксы по дизайну SimpleCell.

Обновлена документация Avatar

Добавлены забытые экспорты SimpleCell и RichCell

Cell разнесён на SimpleCell и RichCell. Целью было максимально упростить ячейку, чтобы её базовая версия рисовалась быстро и не содержала логики удаления, перетаскивания и т.д. В скором времени появятся специальные компоненты, типа RemovableCell, инкапсулирующие соответствующую логику.