v45.9.0

45.9.0

^15.05.2024

#1188

Что изменилось

• Исправлено закрытие компонента при горизонтальных свайпах

Влияние на компоненты

• Патчи
  bottom-sheet

#1197

Что изменилось

• Исправлен отступ кнопок в компоненте bottom-sheet для iOS систем

Влияние на компоненты

• Патчи
  bottom-sheet input-autocomplete input picker-button

#1195

Что изменилось

• Обновлена зависимость react-focus-lock

Влияние на компоненты

• Патчи
  base-modal

#1199

Что изменилось

• В PureCell.AmountTitle заменили компонент Typography.Title на Typography.TitleResponsive

Влияние на компоненты

• Минорное
  pure-cell

#1192

Что изменилось

• В связи с проблемами поддержки свойства gap в Chrome версии 79, было принято решение заменить его использование для создания отступа между элементами Checkmark и подписью в опциях на свойство margin-right, которое было применено к самому элементу Checkmark

Влияние на компоненты

• Патчи
  select

#1202

Что изменилось

• Добавлена возможность устанавливать тип маски для номера счёта

Влияние на компоненты

• Минорное
  bank-card

#1198

Что изменилось

• Добавили новое свойство wrapperRef, отвечающее за ref для обертки textarea

Влияние на компоненты

• Минорное
  textarea

v45.8.0

45.8.0

^27.04.2024

#1173

Что изменилось

• Для компонента Attach с размером 64 исправлен отступ от label. Для остальных размеров сохранены прежние отступы.

Влияние на компоненты

• Патчи
  attach

#1174

Что изменилось

• Обновление библиотеки ui-primitives и зависящих от нее файлов.

Влияние на компоненты

• Патчи
  action-button amount-input amount attach bottom-sheet
button

#1177

Что изменилось

• Добавлены css переменные --pure-cell-clickable-area-hover-opacity и --pure-cell-clickable-area-active-opacity для PureCell темы click

Влияние на компоненты

• Патчи
  themes

Что изменилось

• Добавлен пропс onClick для компонента PureCell.Graphics
• Добавлен пропс onClick для компонента PureCell.Main
• Добавлен пропс onClick для компонента PureCell.Addon
• Кликабельные области PureCell изолированы в плане всплытия событий (click, hover, active)

Влияние на компоненты

• Минорное
  pure-cell

#1183

Что изменилось

• Добавлена возможность изменения текста PeriodSlider для состояния когда ему не переданы даты

Влияние на компоненты

• Минорное
  calendar

#1171

Что изменилось

• Добавлен параметр reason для onInput события

Влияние на компоненты

• Минорное
  input-autocomplete input

#1182

Что изменилось

• Добавлена возможность устанавливать в сегмент ReactNode
• Обновлена документация

Влияние на компоненты

• Патчи
  segmented-control

#1181

Что изменилось

• В компоненте Modal.Header теперь учитывается как onClose пропса из Modal, так и из Modal.Header

Влияние на компоненты

• Патчи
  modal

#1187

Что изменилось

• В компоненте Tab был расширен тип для свойства title до ReactNode

Влияние на компоненты

• Патчи
  tabs

v45.7.0

45.7.0

^19.04.2024

#1163

Что изменилось

• Обновили версию react-canvas-pattern-lock. Исправили ховер, теперь, если линию не довести до узла, она исчезает

Влияние на компоненты

• Минорное
  pattern-lock

#1168

Что изменилось

• Для свойства onDelete был добавлен второй параметр, который является опциональным и представляет собой событие event

Влияние на компоненты

• Минорное
  file-upload-item

#1153

Что изменилось

• Добавили возможность прокидки popoverProps в компонент

Влияние на компоненты

• Минорное
  select

#1170

Что изменилось

• Устранена проблема, из-за которой невозможно было установить год раньше 1971

Влияние на компоненты

• Патчи
  universal-date-input

#1164

Что изменилось

• Добавлен новый компонент Accordion

Влияние на компоненты

• Минорное
  accordion

#1165

Что изменилось

• Добавлено новое свойство style, отвечающее за дополнительные инлайновые стили для враппера

Влияние на компоненты

• Минорное
  tabs

#1172

Что изменилось

• Повышена специфичность для стилей, отвечающих за размеры кнопки text

Влияние на компоненты

• Патчи
  button

#1151

Что изменилось

• Исправлена логика закрытия селекта с номерами телефонов при включенном автокомплите. Теперь при переключении между селектами выбора страны и выбора номера телефона, селекты закрываются, а не перекрывают друг друга

Влияние на компоненты

• Патчи
  international-phone-input

#1169

Что изменилось

• Добавлено свойство offset, которое определяет отступ от верхнего края

Влияние на компоненты

• Минорное
  notification-manager

#1157

Что изменилось

• Изменили логику добавления бордера при скролле в десктопном компоненте. Теперь бордер добавляется к футеру и хедеру только при перекрытии контента

Влияние на компоненты

• Патчи
  select

#1166

Что изменилось

• Добавлено новое свойство style, отвечающее за дополнительные инлайновые стили для враппера

Влияние на компоненты

• Минорное
  segmented-control

v45.6.0

45.6.0

^08.04.2024

#1160

Что изменилось

• Добавлено свойство inputRef, отвечающее за передачу ref на инпут

Влияние на компоненты

• Минорное
  checkbox

#1162

Что изменилось

• Исправлена логика обработки значения minDate. Ранее при установке minDate=new Date().getTime() возникала ошибка при выборе текущей даты. Теперь данное поведение исправлено

Влияние на компоненты

• Патчи
  universal-date-input

v45.5.0

45.5.0

^29.03.2024

#1127

Что изменилось

• Исправлено выравнивание в мобильном компоненте: изменен вид кнопки "Не приходит сообщение" с link на text. Также исправлено выравнивание номеров телефона на экране "Не приходит сообщение?"

Влияние на компоненты

• Патчи
  confirmation

#1100

Что изменилось

• fix(slider): Исправлена проблема, что событие onEnd не вызывалось когда перемещался ползунок стрелками на клавиатуре или тапом в слайдере

Влияние на компоненты

• Патчи
  slider

#1152

Что изменилось

• Повышена специфичность стилей label

Влияние на компоненты

• Патчи
  collapse

#1139

Что изменилось

• Исправлена ошибка при вставке номера телефона без указания кода страны (когда цифра 7 находится на второй позиции). Например, раньше при вставке номера 9706531700 номер форматировался в +7 906 531 70 0. Теперь цифра 7 не удаляется из вставляемого телефона

Влияние на компоненты

• Патчи
  phone-input

#1147

Что изменилось

• Обновили версии пакетов @alfalab/utils и @alfalab/data

Влияние на компоненты

• Минорное
  amount-input amount attach confirmation-v1 confirmation
intl-phone-input pure-cell

#1146

Что изменилось

• Убран margin-left у rightAddons, если title передали пустую строку

Влияние на компоненты

• Патчи
  tabs

#1154

Что изменилось

• Добавлено новое свойство error, отвечающее за отображение ошибки

Влияние на компоненты

• Минорное
  switch

#1143

Что изменилось

• Исправлен повторный рендеринг кастомного экрана при каждом обновлении таймера. Теперь таймер не вызывает повторный рендеринг

Влияние на компоненты

• Патчи
  confirmation

#1141

Что изменилось

• Исправлено определение ширины контента. Ранее, при включенном автокомплите, если было выбрано несколько тегов, и их контент занимал половину ширины поля ввода, при вводе любой буквы, а затем ее удалении, добавлялась и удалялась новая строка. Теперь этой проблемы нет

Влияние на компоненты

• Патчи
  select-with-tags

#1133

Что изменилось

• Добавлена возможность изменять верхний и нижний паддинги компонента независимо друг от друга.
• Добавлена возможность выставлять значение марджина графики.
• Добавлена поддержка 'secondary-large' для текста.

Влияние на компоненты

• Минорное
  pure-cell

v45.4.0

45.4.0

^22.03.2024

#1131

Что изменилось

• Добавили экспорт типа PureCellProps

Влияние на компоненты

• Патчи
  pure-cell

#1137

Что изменилось

• Зафиксирована версия downshift, т.к. более новые версии ломают поведение компонента

Влияние на компоненты

• Патчи
  select

#1135

Что изменилось

• Исправлена критическая ошибка генерации списка в мобильном календаре с view="month-only" при установке даты больше трех лет назад

Влияние на компоненты

• Патчи
  calendar

#1118

Что изменилось

• Добавлены новые варианты кнопок: outlined, transparent, text. Они заменяют предыдущие варианты: tertiary, link, ghost соответственно. Link, ghost теперь deprecated
• Добавлен трансформер button-views-45 для замены предыдущих вариантов (link, ghost) кнопок на новые

Влияние на компоненты

• Минорное
  button

#1138

Что изменилось

• Увеличена специфичность стилей в мобильном селекте

Влияние на компоненты

• Патчи
  select

#1142

Что изменилось

• Изменили название стран с английского на русский язык

Влияние на компоненты

• Патчи
  international-phone-input

#1134

Что изменилось

• Убрали hover для мобильных устройств

Влияние на компоненты

• Патчи
  link

#1129

Что изменилось

• Добавлено новое свойство "multiline", которое позволяет использовать многострочные названия файлов. Также было удалено отображение нижней границы у компонента, если он является единственным или последним в списке

Влияние на компоненты

• Минорное
  file-upload-item

#1140

Что изменилось

• Добавлен обработчик периода range для компонента PeriodSlider

Влияние на компоненты

• Патчи
  calendar

v45.3.0

45.3.0

^15.03.2024

#1122

Что изменилось

• Добавлены десктопная и адаптивная версии компонента

Влияние на компоненты

• Минорное
  pattern-lock

#1125

Что изменилось

• Изменили токен цвета фона при возникновении ошибки с neutral-translucent/100 на neutral-translucent/200

Влияние на компоненты

• Патчи
  form-control

#1120

Что изменилось

• Загрузка изображений исправлена: теперь если произошла ошибка при загрузке, битое изображение не будет отображаться

Влияние на компоненты

• Патчи
  icon-view

#1102

Что изменилось

• Добавлена переменная цвета фона для компонента tooltip

Влияние на компоненты

• Патчи
  tooltip

#1126

Что изменилось

• Добавлены флаги для следующих стран: Caribbean Netherlands, Cyprus, French Guiana, Guadeloupe, Guyana, Kuwait, Malaysia, New Caledonia, Réunion, São Tomé and Príncipe

Влияние на компоненты

• Патчи
  international-phone-input

v45.2.0

45.2.0

^04.03.2024

#1091

Что изменилось

• Экспортирован мобильный month-only календарь, пофикшены параметры month/defaultMonth для month-only view

Влияние на компоненты

• Минорное
  calendar

#1115

Что изменилось

• Исправлено использование хука useSelectWithApply в респонсив версии

Влияние на компоненты

• Патчи
  select

#1094

Что изменилось

Добавлены свойства fullWidth и minSpaceBetweenSteps:

• fullWidth - возможность растягивания шагов на всю ширину блока для вертикальной ориентации,

• minSpaceBetweenSteps - возможность задать разное минимальное расстояние между шагами.

Влияние на компоненты

• Минорное
  steps

#1117

Что изменилось

• Исправлено применение стилей, когда картнинки добавляются через время, а открытие галереи происходит с пустым массивом images

Влияние на компоненты

• Патчи
  gallery

#1104

Что изменилось

• Добавлена передача optionGroupClassName и size для Optgroup внутри VirtualOptionsList

Влияние на компоненты

• Патчи
  select

v45.1.0

45.1.0

^04.03.2024

#1098

Что изменилось

• обновлена темизация click

Влияние на компоненты

• Патчи
  themes

#1092

Что изменилось

• Теперь, если пользователь удаляет номер телефона с помощью кнопки "очистить" (крестика), то выбранный флаг сбрасывается на флаг страны по умолчанию (если задан defaultIso2) или на заглушку - флаг страны не выбран. Ранее, после удаления номера с помощью кнопки "очистить", оставался последний выбранный флаг
• Если код страны не найден и установлено свойство defaultIso2, то теперь будет отображаться заглушка - флаг страны не выбран. Раньше оставался дефолтный флаг

Влияние на компоненты

• Патчи
  international-phone-input

#1116

Что изменилось

• Добавлено новое свойство transparentMinor, теперь есть возможность отключить полупрозрачность минорной части

Влияние на компоненты

• Минорное
  amount-input

#1106

Что изменилось

• Повышена специфичность стилей для option в SelectMobile

Влияние на компоненты

• Патчи
  select

#1112

Что изменилось

• Повышена специфичность стилей для кнопки на экране FATAL_ERROR

Влияние на компоненты

• Патчи
  confirmation

#1105

Что изменилось

• Расширили типы для children в подкомпонентах GraphicsElement, MainElement, FooterElement

Влияние на компоненты

• Патчи
  pure-cell

#1110

Что изменилось

• Исправлена логика обработки значения minDate. Ранее при установке minDate=new Date().getTime() возникала ошибка при выборе текущей даты. Теперь данное поведение исправлено

Влияние на компоненты

• Патчи
  universal-date-input

#1111

Что изменилось

• Добавлен новый пропс onApply, отвечающий за обработку клика по кнопке "Выбрать"
• Добавлена возможность передавать dataTestId в компонент ModalMobile и его слоты (для CalendarMobile), а также в кнопки подтверждения и сброса

Влияние на компоненты

• Минорное
  calendar

#1108

Что изменилось

• обновлены минорные версии @alfalab/utils и @alfalab/data

Влияние на компоненты

• Минорное
  amount amount-input attach confirmation-v1 intl-phone-input
pure-cell

#1119

Что изменилось

• Добавлена новая пропса errorVisibleDuration, отвечающая за продолжительность отображения ошибки
• Увеличено дефолтное время отображения ошибки с 300ms до 1300ms

Влияние на компоненты

• Минорное
  code-input confirmation

v45.0.0

45.0.0

^12.02.2024

#1021

Что изменилось

• Для компонента ActionButton добавлен новый способ указать размер - 48. Буквенное значение размера s теперь deprecated, используйте вместо него 48
• Для компонента Attach добавлены новые способы указать размеры - 32, 40, 48, 56, 64. Буквенные значения размеров xxs, xs, s, m, l теперь deprecated, используйте вместо них 32 , 40 , 48 , 56 , 64 соответственно
• Для компонента FilterTag добавлены новые способы указать размеры - 32, 40, 48. Буквенные значения размеров xxs, xs, s теперь deprecated, используйте вместо них 32, 40, 48 соответственно

Влияние на компоненты

• Минорное
  action-button attach filter-tag

Что изменилось

• Добавлены новые способы указать размеры - 48, 56, 64, 72. Буквенные значения размеров s, m, l, xl теперь deprecated, используйте вместо них 48, 56, 64, 72 соответственно

Влияние на компоненты

• Минорное
  amount-input form-control input-autocomplete input international-phone-input
masked-input number-input password-input phone-input select
select-with-tags slider-input textarea universal-date-input

Что изменилось

• Добавлены новые способы указать размеры - 32, 40, 48, 56, 64, 72. Буквенные значения размеров xxs, xs, s, m, l, xl теперь deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно

Влияние на компоненты

• Минорное
  button custom-button custom-picker-button picker-button tag
  

#1054

Что изменилось

• Файл index.js, который находится в корне пакета, теперь имеет cjs формат.

Влияние на компоненты

• Патчи
  vars

#1033

Что изменилось

• Добавлены новые способы указать размеры - 500, 600, 800, 1140. Буквенные значения размеров s, m, l, xl теперь deprecated, используйте вместо них 500, 600, 800, 1140 соответственно

Влияние на компоненты

• Минорное
  modal

Что изменилось

• Добавлен новый способ указать размер - 500. Буквенное значение размера s теперь deprecated, используйте вместо него 500

Влияние на компоненты

• Минорное
  side-panel

#1025

Что изменилось

• Добавлены новые способы указать размеры - 24, 48, 64, 80, 128, 144. Буквенные значения размеров xs, s, m, l, xl, xxl теперь deprecated, используйте вместо них 24, 48, 64, 80, 128, 144 соответственно

Влияние на компоненты

• Минорное
  circular-progress-bar

#1028

Что изменилось

• Добавлены новые способы указать размеры - 32 и 40. Буквенные значения размеров xs и xxs теперь deprecated, используйте вместо них 32 и 40 соответственно

Влияние на компоненты

• Минорное
  segmented-control

#1041

Что изменилось

• Переименованы свойства. onChange стал называться onInputChange, onComplete стал называться onChange
• Изменены типы свойств value и onChange.
• Исправлена ошибка из-за которой onChange не вызывался в момент очистки инпута

Миграция с предыдущей версии

• Меняем onChange на onInputChange. (но от использования onInputChange лучше отказаться, если не нужно посимвольно контролировать пользовательский ввод).
• Меняем onComplete на onChange. (Это основной обработчик. Вызывается в момент, когда дата введена полностью, либо полностью стерта. Первый аргумент - дата(или диапазон дат), второй - значение инпута).
• value теперь принимает дату(диапазон дат в случае view=data-range), а не строку как раньше.

Примеры всегда можно посмотреть в сторибуке

Влияние на компоненты

• Мажорное
  universal-date-input

#1026

Что изменилось

• Добавлены новые способы указать размеры - 8, 20, 24, 40. Буквенные значения размеров xs, s, m, l deprecated, используйте вместо них 8, 20, 24, 40 соответственно
• Значение, передаваемое в пропс height, определяет диапазон, для которого применяются определенные стили типографики и внутренних отступов компонента. Например, при height={10} стили будут применяться для диапазона от 9 до 16 (при этом 16 - граничное значение высоты). Были внесены изменения в пограничные значения высоты, при которых происходит изменение типографики и внутренних отступов компонента. Ранее изменение происходило в диапазонах высоты: от 0 до 8, от 9 до 18, от 19 до 24, от 25 до 32 и от 33 до 40. Теперь же эти диапазоны составляют от 0 до 8, от 9 до 16, от 17 до 20, от 21 до 24 и от 25 до 40

Влияние на компоненты

• Мажорное
  indicator

#1067

Что изменилось

• Добавлен новый компонент Text

Влияние на компоненты

• Минорное
  text

#1037

Что изменилось

• Добавлены новые способы указать размеры - 0, 1, 2, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 72, 96, 128, 256. Буквенные значения размеров 3xs, 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, 8xl теперь deprecated, используйте вместо них 2, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 72, 96, 128, 256 соответственно

Влияние на компоненты

• Минорное
  gap

#1096

Что изменилось

• Изменены стили для темы click: в bottom-sheet при скролле у header нет нижнего бордера, у back-arrow в navigation-bar теперь primary цвет

Влияние на компоненты

• Патчи
  navigation-bar themes

#1027

Что изменилось

• Добавлены новые способы указать размеры - 4 и 8. Буквенные значения размеров s и m теперь deprecated, используйте вместо них 4 и 8 соответственно

Влияние на компоненты

• Минорное
  progress-bar

#1029

Что изменилось

• Добавлены новые способы указать размеры - 4 и 2. Буквенные значения размеров m и s теперь deprecated, используйте вместо них 4 и 2 соответственно

Влияние на компоненты

• Минорное
  slider

#1088

Что изменилось

• Добавлены новые палитры, доступные в ts: decorative, qualitative, sequential, pfm

Влияние на компоненты

• Патчи
  vars

#1043

Что изменилось

• Тип onChange коллбэка заменен на (value: string) => void

Влияние на компоненты

• Мажорное
  international-phone-input

Что изменилось

• Тип onInput коллбэка заменен на (value: string) => void

Влияние на компоненты

• Мажорное
  input-autocomplete

#1062

Что изменилось

• Обновлена зависимость downshift до 8.3.1

Влияние на компоненты

• Минорное
  select

#1087

Что изменилось

• Повышена специфичность стилей Checkmark (стили Badge переопределяли стили в Checkmark, из-за чего вместе с точкой отрисовывался и бейдж)

Влияние на компоненты

• Патчи
  select

#1024

Что изменилось

• Добавлены новые способы указать размеры - 20 и 24. Буквенные значения размеров s и m теперь deprecated, используйте вместо них 20 и 24 соответственно

Влияние на компоненты

• Минорное
  checkbox radio

#1030

Что изменилось

• Добавлены новые способы указать размеры - 16, 24, 48. Буквенные значения размеров xs, s, m теперь deprecated, используйте вместо них 16, 24, 48 соответственно

Влияние на компоненты

• Минорное
  spinner