45.0.0-alpha.19

Patch changes

• deps: обновлен пакет @krutoo/input-mask (#466)
• deps: обновлены пакеты Sass (#467, #468)
• обновлены стили для устранения варингов sass (#467, #468)

---

Full Changelog: 45.0.0-alpha.18...45.0.0-alpha.19

45.0.0-alpha.18

BREAKING changes

• phone-input: добавлена возможность задавать список масок (#271, #459)
• phone-input: добавлена возможность задавать механизм определения маски по умолчанию (#271, #459)
• phone-input: добавлены изображения для стран в виде inline base64 (#271, #459)
• phone-input: добавлен пресет списка масок использующих inline base64 в качестве картинок (#271, #459)

MINOR changes

• skeleton: добавлен компонент Skeleton (#453, #461, #462, #463, #464, #465)
• phone-input: теперь по умолчанию не используются импорты изображений, так как они не являются валидными JS-модулями (#271, #460)
• phone-input: правки работы функции определения маски и тесты (#271, #460)
• stroked-svg: если обводка 0 то копия не выводится (нужно чтобы выключать обводку без необходимости выводить svg вместо StrokedSVG) (#452)
• docs: выполнен отказ от Storybook (#455)
• docs: Добавлены примеры использования scss-утилит в документацию (#458)
• docs: выполнена декомпозиция story-модулей (#454)

---

Full Changelog: 45.0.0-alpha.17...45.0.0-alpha.18

45.0.0-alpha.17

Major changes

• обновлены пакеты overlayscrollbars и overlayscrollbars-react (#450)

Patch changes

• internal: добавлен костыль для работы с overlayscrollbars в CustomScrollbar (#450)

---

Full Changelog: 45.0.0-alpha.16...45.0.0-alpha.17

45.0.0-alpha.16

Minor changes

• dropdown: добавлен хук useDismissByWheel (#447, #448)

Patch changes

• autocomplete: теперь портал выводится только если меню показано (#447, #448)
• hint: теперь портал выводится только если хинт показан (#447, #448)
• popup: теперь портал выводится только если попап показан (#447, #448)
• select: теперь портал выводится только если меню показано (#447, #448)

---

Full Changelog: 45.0.0-alpha.15...45.0.0-alpha.16

45.0.0-alpha.15

Patch changes

• carousel: правки стилей, перенесено из сторибука в компонент (#438, #440)
• dropdown: увеличена макс высота по умолчанию (#441, #442)
• expandable: добавлена проверка чтобы не вызывать именение состояния после размонтирования (#444, #446)
• popup: обновлено позиционирование в соответствии с новыми требованиями (#443, #445)
• deps: обновлен пакет @floating-ui/react (#443, #445)

---

Full Changelog: 45.0.0-alpha.14...45.0.0-alpha.15

45.0.0-alpha.14

BREAKING changes

• deps: обновлён пакет @sima-land/ui-quarks до версии ^5.0.0 (#436, #437)

Minor changes

• price: добавлена возможность выводить отрицательные цены (#434, #435)

---

Full Changelog: 45.0.0-alpha.13...45.0.0-alpha.14

45.0.0-alpha.13

BREAKING changes

• base-input: css-переменная --placeholder-color заменена на --base-input-placeholder-color (#424, #430)

Minor changes

• colors: добавлен новый токен additional-crimson (#427, #428)
• popup: добавлена возможность менять цвет, расположение, отступы, скрывать крестик (#425, #426)
• portal: добавлен пропс onMount сработает когда смонтировано в DOM (для ситуаций когда ref используется сквозь портал) (#425, #426)
• base-input: css-переменная --placeholder-color заменена на --base-input-placeholder-color (#424, #430)

Patch changes

• avatar: мелкие правки стилей иконки (#427, #428)
• deps: выполнен npm audit fix (#429)
• input: заданы цвета для BaseInput явно для правок в safari (#424, #430)
• field-block: правки стилей из-за новой реализации base-input из-за Safari (#424, #430)

Full Changelog: 45.0.0-alpha.12...45.0.0-alpha.13

45.0.0-alpha.12

BREAKING CHANGES

• файлы css-модулей переименованы более кратко, теперь все соответствуют формату *.m.scss (#390, #417)

Minor changes

• hooks: добавлен экспорт BreakpointProvider (#421)
• price: добавлен экспорт formatPrice (#422)
• test-utils: добавлен класс DOMRectReadOnlyMock (#413, #416)
• test-utils: добавлен класс IntersectionObserverMock (#413, #414)
• test-utils: добавлен класс MatchMediaMock (#413, #416)
• test-utils: добавлен класс ResizeObserverMock (#413, #415)

Patch changes

• avatar: исправлено название внутренней константы (#413, #414)
• context: мелкие правки комментариев (#413, #415)
• dropdown: переписаны unit-тесты (#413, #415)
• hooks/use-intersection/test-utils: все утилиты помечены как deprecated (#413, #414)
• deps: обновлен пакет date-fns (#418, #419)
• deps: обновлен пакет typescript (#413, #414)
• package.json: теперь тип модулей задан явно с помощью "type": "commonjs" (#420)

Full Changelog: 45.0.0-alpha.11...45.0.0-alpha.12

45.0.0-alpha.11

Рекомендации по обновлению

✅ Всем каталогам компонентов добавлены точки входа (index.js).
Все публичные компоненты и утилиты раздела доступны из точки входа за исключением *.scss файлов.
При обновлении используйте точку входа так как в будущих релизах все непубличные модули будут недоступны для импорта.

✅ В этом релизе удалена большая часть deprecated- компонентов и утилит.
Для следующих компонентов есть замена:

• autocomplete-deprecated следует заменить на autocomplete
• base-input-deprecated следует заменить на base-input
• card следует заменить на plate, top-bar и bottom-bar
• checkbox-field следует заменить на switcher-row
• chips следует заменить на chip
• hint-deprecated следует заменить на hint
• masked-field следует заменить на masked-input
• pagination-deprecated следует заменить на pagination
• phone-input-deprecated следует заменить на phone-input
• select-deprecated следует заменить на select
• with-hint следует заменить на hint
• with-tooltip следует заменить на popup
• text-field следует заменить на input или textarea
• screen следует заменить на modal

✅ Следующие компоненты удалены без замены:

• bordered-layout (при необходимости layout позволяет добиться того же эффекта, пример есть в storybook)
• field-grid (больше не используем в дизайне "склеивание" но при необходимости input позволяет добиться того же эффекта)
• loading-overlay (следует вручную расположить spinner так как требуется)

✅ Компонент Modal полностью переписан, из важного:

• теперь внутри можно вывести любой валидный React-узел, порядок имеет значение
• теперь компонент не предоставляет вложенным элементам css-переменную --vh
• удалены слоты Modal.Header, Modal.Footer - вместо них TopBar и BottomBar
• проп footerStub удален, для создания отступа снизу следует использовать ModalBottomGap
• проп size теперь задает фиксированный размер, для создания отзывчивого модального окна следует использовать getResponsiveModalProps
• пропсы блокировки прокрутки перешли на слот ModalBody (в случае с Alert перенесены на AlertBody)

Данное руководство будет пополняться...

BREAKING CHANGES

• alert: опции блокировки прокрутки перенесены с Alert на AlertBody (#353, #377)
• alert: опция scrollableRef переименована в rootRef (#353, #377)
• clean-buttons: контекст CleanGroupSizeContext заменен на CleanButtonContext (#384)
• dropdown: теперь абстрагирует работу с OverlayScrollbars (#355, #369)
• helpers: модуль find-child-element переименован в find-child-index (#392, #393)
• helpers: удален default export из всех вложенных модулей (#392, #394)
• helpers: удалены утилиты rename, format-number (#392, #394)
• hooks: все публичные хуки перенесены и теперь доступны из ./hooks (#401, #403)
• internal/page-scroll-lock: адаптеры переименованы в соответствии с реализацией (#388, #389)
• internal/page-scroll-lock: добавлен контекст конфига (#388, #389)
• internal/page-scroll-lock: упрощена реализация контекста адаптера (#388, #389)
• layout: теперь не используются css-переменные и как следствие они более недоступны элементам-потомкам (#358, #361)
• link: удален проп noIndex (#392, #399)
• modal-overlay: убрана установка css-переменной --vh (#388, #389)
• modal: полный пересмотр всех компонентов (#353, #373)
• modal: удалены пропсы onFullScroll, fullScrollThreshold (#355, #369)
• spinner: константа DIAMETERS переименована в SPINNER_DIAMETER (#381)
• autocomplete-deprecated: удален (#392, #397)
• base-input-deprecated: удален (#392, #398)
• bordered-layout: удален (#392, #396)
• card: удален (#392, #398)
• checkbox-field: удален (#392, #397)
• chips: удален (#392, #396)
• field-grid: удален (#392, #397)
• helpers: модуль get-no-index удален (#392, #399)
• helpers: удалена функция setViewportHeightUnit (#401, #404)
• hint-deprecated: удален (#392, #396)
• hooks: удален хук useViewportHeightUnit (#401, #403)
• internal/utils: удален (#392, #398)
• loading-overlay: удален (#392, #396)
• masked-field: удален (#392, #396)
• pagination-deprecated: удален (#392, #397)
• phone-input-deprecated: удален (#392, #396)
• screen: удален (#392, #395)
• select-deprecated: удален (#392, #398)
• text-field: удален (#392, #398)
• tooltip: удален (#392, #395)
• with-hint: удален (#392, #395)
• with-tooltip: удален (#392, #395)

Minor changes

• autocomplete: добавлена возможность прокинуть dropdownProps (#368, #370)
• autocomplete: добавлена прокрутка списка при переключении стрелками на клавиатуре (#355, #369)
• autocomplete: добавлено скрытие меню при прокрутке колесом за пределами меню (#355, #369)
• autocomplete: добавлены пропсы onMenuOpen, onMenuClose (#368, #371)
• bottom-bar: добавлена возможность задавать скругления (#353, #373)
• carousel: withControls теперь можно явно задать как auto (#290, #387)
• clean-buttons: CleanGroup теперь принимает произвольное содержимое (#384)
• context: добавлены контексты для упрощения unit-тестирования браузерных API (#391, #406)
• dropdown: добавлена возможность прокинуть viewportProps (#368, #370)
• file-icon: учтены исправления косяков в дизайн-гайдах (#359, #360)
• helpers: добавлена точка входа, теперь следует использовать ее (#410)
• helpers: добавлена утилита getPositionedParentOffset вместо удаленной утилиты getOriginCorrection из with-tooltip (#401, #412)
• internal/custom-scrollbar: добавлена возможность прокинуть viewportProps (#368, #370)
• internal/dropdown-loading: перенесен в dropdown (#355, #369)
• masked-input: переписан хук useMaskInput, теперь у хука нет собственного неконтролируемого состояния (#407, #408)
• modal: в интерфейс стилей добавлено поле --modal-min-height (#401, #405)
• modal: добавлен экспорт ModalBodyProps (#401, #404)
• no-index: добавлены утилиты wrapNoIndex и getNoIndexProps (#392, #399)
• phone-input: добавлена возможность прокинуть dropdownProps (#368, #370)
• phone-input: добавлено скрытие меню при прокрутке колесом за пределами меню (#355, #369)
• phone-input: добавлены пропсы onMenuOpen, onMenuClose (#368, #371)
• select: добавлена возможность прокинуть dropdownProps (#368, #370)
• select: добавлено скрытие меню при прокрутке колесом за пределами меню (#355, #369)
• select: добавлены пропсы onMenuOpen, onMenuClose (#368, #371)
• shadows.scss: добавлена функция get-box-shadow (#353, #373)
• stroked-svg: добавлена возможность задать data-testid (#392, #393)
• styling: добавлена точка входа, теперь следует использовать ее (#410)
• tabs: добавлена возможность передавать стили и классы компонентам (#290, #387)
• text-button: добавлена возможность задать unset для size, color, iconGutter (#392, #393)
• top-bar: добавлена возможность задавать text-align и стили (#355, #366)
• top-bar: добавлена возможность задавать скругления (#353, #373)

Patch changes

• arrow-button: добавлена точка входа index.ts (#378)
• autocomplete: теперь обрабатывается пропсы inputRef и baseInputProps.inputRef (#290, #387)
• avatar: правки импортов (#384)
• bottom-bar: правки для CleanGroup (#384)
• box: добавлена точка входа index.ts (#401, #402)
• breakpoints.scss: правки для Safari 14 (#353, #373)
• button: добавлена точка входа index.ts (#378)
• carousel: добавлена точка входа index.ts (#383)
• carousel: правки расчета отображения всех элементов (#290, #387)
• checkbox: добавлена точка входа index.ts (#378)
• clean-buttons: добавлена точка входа index.ts (#384)
• dot-nav: добавлена точка входа index.ts (#378)
• dropdown-item: мелкие правки раздела (#359, #360)
• dropdown-item: правки обработки пропcа value (#290, #387)
• dropdown: доработки утилиты useDropdownFloatingStyle (#391, #406)
• expandable: добавлена точка входа index.ts (#378)
• field-block: добавлена точка входа index.ts (#378)
• group-overflow: добавлена точка входа index.ts (#379)
• info-text: добавлена точка входа index.ts (#379)
• input: добавлена точка входа index.ts (#379)
• input: теперь обрабатывается проп baseInputProps.inputRef (#290, #387)
• internal/custom-scrollbar: теперь абстрагирует работу с OverlayScrollbars (#355, #369)
• layout: мелкие правки типов (#379)
• link: добавлена точка входа index.ts (#379)
• masked-input: исправлена обработка пропса defaultValue (#407, #408)
• masked-input: исправлена обработка пропса onInput (#407, #408)
• modal-overlay: добавлен хук для установки размеров элемента на основе visualViewport (#388, #389)
• modal-overlay: добавлена точка входа index.ts (#379)
• modal-overlay: добавлены пропсы для блокировки прокрутки страницы (для iPad с виртуальной клавиатурой нужна прокрутка) (#388, #389)
• modal: правки getResponsiveModalProps (не применял отступы внутри overlay) (#388, #389)
• modal: правки пропа rounds (#401, #404)
• modal: правки стилей modal-util.scss (#388, #389)
• modal: уточнения max-height в modal-util.scss (#388, #389)
• no-index-mark: компонент перенесен в no-index (#380)
• no-index: добавлена точка входа index.ts (#380)
• pagination: правки обработки пропа getItems (#358, #365)
• panel: добавлена точка входа index.ts (#380)
• phone-input: исправлена обработка пропса defaultValue (#407, #408)
• phone-input: исправлена обработка пропса disabled (#407, #408)
• phone-input: исправлена обработка пропса onInput (#407, #408)
• phone-input: правки внешнего вида опций меню (#407, #409)
• plate: добавлена точка входа index.ts (#380)
• portal: добавлена точка входа index.ts (#380)
• price: добавлена точка входа index.ts (#380)
• radio-button: добавлена точка входа index...

45.0.0-alpha.10

Minor changes

• chip: добавлен компонент Chip по исправленным дизайн-гайдам чипсов (#345)

Patch changes

• chips: помечен как deprecated, теперь нужно использовать chip (#347)
• carousel: попытка исправить предотвращение blur на активном поле при клике на карусель (#352)
• popup: убран авто-фокус на крестике при открытии (из-за того что в Safari срабатывает :focus-visible) (#350)