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)

v5.5.4

Исправления

• Group: исправлена работа адаптивности (#5364, #5344)
• Header: исправлена работа multiline для subtitle, исправлена работа адаптивности (#5365)

v5.5.3

Исправления

• HorizontalScroll: вернули сдвиг контента при наведении на стрелки (#5326)
• PullToRefresh: ширина блока в котором лежит спинер теперь зависит от ширины PullToRefresh (#5279)
• CustomSelect: не работал выбор в 18 реакте, на новом рендере, на тач устройствах (#2432)
• ConfigProvider: исправлено автоопределение через bridge (#5304)
• Spinner: aria-label не зачитывается скринридером (#5262)

v5.5.2

Исправления

• FormItem: при передаче htmlFor, текст переданный в top, оборачивается в <label> (#5211, спасибо @scffs)
• ModalCard: не работало свойство getRootRef (#5224)
• TabbarItem: не работало свойство getRootRef (#5269)
• PanelHeader: между несколькими элементами переданных в after не было отступа (#5272)

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

• Страница PanelHeader теперь снова доступна (#5248)

Internal

• @floating-ui/react-dom обновлён с 2.0.0 до 2.0.1 (#5236)

v5.5.1

Исправления

• ActionSheetItem: исправлен отступ иконки (#5158)
• Tabbar: исправлен отступ снизу от текста (#5156)
• TabbarItem: жесткое перебитие font-size и line-height компонента Footnote, в контексте Tabbar, заменено на переопределение CSS переменных Footnote (#5196, спасибо @scffs ❤️)
• Элементы с contenteditable теперь можно редактировать на мобильных устройствах (iOS <= 14.*) (#5186)
• Banner: Неверный цвет у крестика при
  mode="image" imageTheme="light" asideMode="dismiss" (#5198)

v5.5.0

Улучшения

• Tappable: добавлено свойство hovered (#4636)

• Cell: добавлен новый компонент Cell.Checkbox (#4819)

  

• Popper, Tooltip, RichTooltip, TextTooltip: добавлена возможность прокидывать кастомную стрелку (#5022)

  Пример из документации Tooltip

  const ARROW_HEIGHT = 11;
  
  /**
   * @param {React.SVGAttributes<SVGSVGElement>} props
   */
  const CustomIcon = (props) => {
    return (
      <svg
        width="80"
        height={ARROW_HEIGHT}
        viewBox={`0 0 80 ${ARROW_HEIGHT}`}
        xmlns="http://www.w3.org/2000/svg"
        {...props}
      >
        <path d="M40 0C33 5.5 20 10 0 10v1h80v-1C60 10 47 5.5 40 0Z" fill="currentColor" />
      </svg>
    );
  };
  
  const App = () => {
    return (
      <TooltipContainer>
        <Tooltip
          text="У этого тултипа кастомная стрелка"
          offsetY={ARROW_HEIGHT}
          arrowPadding={6}
          ArrowIcon={CustomIcon}
        >
          <div
            style={{
              position: 'absolute',
              top: '50%',
              left: '50%',
              transform: 'translate(-50%, -50%)',
            }}
          >
            Якорь
          </div>
        </Tooltip>
      </TooltipContainer>
    );
  };
  
  <App />;

• Popper: добавлена возможность прокидывать portalRoot (#5097)

• Header: обновлен дизайн для vkcom (#5084)

• ScrollArrow: новый компонент стрелки (#4649)

  

• CustomScrollView: добавлен параметр onScroll (#5098)

• Slider: добавлена доступность (#4961)

• RangeSlider: отмечен как @deprecated и будет удалён в v6 – используйте Slider (#4961)

• ButtonGroup: добавлена возможность использовать align вместе с mode="horizontal" (#5125)

• Progress: новое свойство appearance (#5131)

  

• Placeholder: новое свойство withPadding (#4948)

• AspectRatio: добавлен новый компонент для отображения медиа-контента в определенных пропорциях (#5153)

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

• CustomSelect: дополнено описание renderOption (#5165)

• CustomSelectOption: дополнено описание disabled (#5165)

Internal

• Подключили VK stylelint конфиг (#5152)

  За счёт правок чуть уменьшили бандл

  CSS | 271.49 KB (-0.03% 🔽)
  CSS (gzip) | 35.38 KB (-0.06% 🔽)
  CSS (brotli) | 28.04 KB (+0.01% 🔺)

v5.4.3

Исправления

• PanelHeaderContent: без передачи before у контента отсутстовал отступ слева на платформе VKCOM (#5096)
• View: исправлена тень на ios (#5124)
• WriteBar: исправили стили тёмной темы на ios, исправили позиционирование иконок и привели в соответствие с дизайном (#4850)
• ChipsSelect: исправленно поведения фокуса на элементах в выпадающем меню (#5129)
• CustomSelectOption: вызывался onClick даже если компонент в состоянии disabled (#5126)
• NativeSelect: исправлено двойное озвучивание выбранного элемента скринридером (#5132)
• Calendar: Не обновлялся сегодняшний день, при неактивной вкладке (#5151)
• ModalPage: не сбрасывается сотояние при закрытии модалки (#4380, спасибо @akcent1132)
• CustomSelect:
  • clearButton показывался при клике на элемент дропдауна даже если props.value не менялось и оставалось пустым (#5126)
  • если при первом нажатии на пункт меню onChange не изменял value, то последующие нажатия на этот пункт меню не вызывали повторно onChange (#5123)

v5.4.2

Исправления

• VisuallyHidden: вернули корректное отображение документации (#5020)
• PanelHeader: отметили PanelHeader.Content как @deprecated, вместо него добавили typographyProps (#4990)
• MiniInfoCell: добавили word-break (#4979)
• PullToRefresh: исправили моргание на iOS (#5087)
• Avatar: свойство withBorder всегда добавляет обводку (#4199)
• HorizontalCell: синхронизировали свойства компонента с дизайном (#4199)
• FormLayoutGroup: удалили св-во isolation в корне элемента, из-за него не срабатывал z-index у всплывающего элемента, который рендерится без портала (#5089)
• ActionSheet: синхронизировали вид и свойства компонента с дизайном (#4678)
• ModalRoot: исправили открытие модальной страницы при открытой клавиатуре (#5088)
• Cell: draggable конфликтовал с событиями сворачивания ModalPage (#4985)

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

• Некорректно работал поиск при вводе Header (#4990)

Internal

• Исправили пример компонента Link в Storybook (#5016)
• Добавили в некоторые компоненты скрытые визуально пробелы, чтобы текст внутри этих компонентов корректно читался скринридерами (#4935)

v5.4.1

Исправления

• Исправлена сборка css бандла (#4964)
• DateRangeInput: не работал ввод с клавиатуры (#4950)