UI Kit

Модульный UI Kit на React с поддержкой темизации.

Публикация

1. Слить Pull Request с увеличением версии пакета в файле package.json в ветке master
2. yarn build локально из ветки master
3. npm publish локально из ветки master
4. Добавить тег с версией в гите

Release Notes

3.38.0

Changes

• Select: Запрещает открывать SelectList при isReadonly

3.37.0

Changes

• IUiKitTheme: Удалено поле name

3.36.0

Changes

• ListItem: Добавляет экспорт ListItem

3.35.0

Changes

• FlexibleTable: новая пропса shouldRenderHeader

3.34.0

Changes

• Toaster: Пропы title и text заменёны на ReactNode
• Toaster: Обработан случай бесконечного timeout (напр. Infinity)

3.33.2

Changes

• FlexibleTableCell: Кастомизирована проверка необходимости отрисовки

3.33.1

Changes

• FlexibleTable: Поведение пропсы position стало таким же как isFirstColumnSticky

3.33.0

Changes

• WithPopup: Пропсы триггера разделены на referenceProps (для тегов) и triggerProps (для компонентов)
• WithPopup: Для isActive триггера добавлен класс active
• WithPopup: Для flip добавлен fallbackAxisSideDirection
• ICommonProps: Разделены на составляющие (чтоб не пикать/омитить)

3.32.0

Changes

• Notification: Добавлен проп icon
• Notification: В проп type добавлен вариант custom

3.31.0

Changes

• FlexibleTable: Добавлен экспорт IFlexibleTableRowConfig

3.30.0

Changes

• WithPopup: Добавлен проп shouldStopPropagation для изменения поведения при onClick
• WithPopup: Исправлено поведение всплытия при нажатии на триггер

3.29.1

Changes

• Select: Убирает isActive из Omit

3.29.0

Changes

• FlexibleTableRow Убрана зависимость от activeRows, добавлен проп isActive
• FlexibleTableRow Добавлен проп isFocusable для контроля ререндера строки при ховере
• FlexibleTableCell Добавлен проп isActiveRow
• FlexibleTable Значения renderMode собраны в TableRenders
• FlexibleTable Значения добавлен проп isRowFocusable

3.28.4

Changes

• FilterWrapper: Поправлено взаимодействие с WithPopup

3.28.3

Changes

• List: Фикс testId у айтемов
• WithPopup: Фикс рендера пропсы isDisabled

3.28.2

Changes

• List: shouldDrawSpacerBelow и shouldDrawSpacerAbove теперь не рендерятся первыми и последними в списке

3.28.1

Changes

• ListItem: onClick стал опциональным. При отсутствии - базовый onClick List вызван не будет

3.28.0

Changes

• Поднята версия true-react-platform-helpers (требуется node:20)
• Подняты версии jss и react-jss (можно избавляться от resolutions)
• transformToKebab и addDataAttributes: помечены как deprecated
• useTweakStyles: усилен тип ClassName
• FlexibleTable: IValueComponent и ITitleComponent заменены на IValueComponentProps и ITitleComponentProps
• FlexibleTable: title и component переписаны на IRenderNode, titleComponent удален
• FlexibleTable: добавлена типизация для uniqueField и соответствующих onRowClick и onRowHover
• FlexibleTable: добавлена типизация для headerContent и ~~titleComponent~~ title

3.27.1

Changes

• List: Фикс стилей отступов

3.27.0

Changes

• List: Добавлена поддержка вложенных пунктов меню
• IListItem: Новое свойство nestedItems для рендера вложенных пунктов меню

3.26.1

Changes

• Input: Исправлен баг с позиционированием label при shouldAlwaysShowPlaceholder

3.26.0

Changes

• WithPopup: Компонент переписан в соответствии с документацией
• WithPopup: Изменены сигнатуры trigger и children
• WithPopup: Новое свойство isTriggerWrapped - должен ли WithPopup рендерить свой div-wrapper в качестве триггера
• WithPopup: onToggle - добавлен event вторым параметром
• WithPopup: shouldRenderInBody - дефолтное значение теперь true
• Button: Добавлено наследование от IDomInteractions для поддержки всех событий пробрасываемых WithPopup

3.25.1

Changes

• NumberInput: Фикс бага с неправильным поведением каретки

3.25.0

Changes

• Select: Добавлена поддержка проп header и footer
• Select: Исправлено отображение дропдауна в случае, если у поля есть errorMessage
• Select: Добавлен tabIndex для списка, с целью корректной работы для Keyboard-focusable scroll containers

Chore

• Select: Исправлен каст типа Styles на CSSProperties
• Select: Удалён type guard для проверки isMultiSelect
• SelectList: Исправлены проверки на isMultiSelect
• TextWithTooltip: Исправлен каст типа Styles на CSSProperties

3.24.1

Changes

• Фикс бага с перерендером внутренних компонентов таблицы

3.24.0

Changes

• Добавлены компоненты: FileInput, FileItem

v3.23.0

Changes

• DatePicker: добавлена пропса excludeScrollbar

v3.22.0

Changes

• DatePicker: добавлена пропса fixedHeight

v3.21.0

Changes

• DatePicker: добавлена пропса highlightDates

v3.20.1

Changes

• TextArea: убран дефолтный цвет invalidLabel

v3.20.0

Changes

• TextArea: добавлена пропса shouldAlwaysShowPlaceholder

v3.19.0

Changes

• Select: добавлен синхронный вызов onType при debounceTime = 0

v3.18.0

Changes

• WithPopup: добавлены классы для анимации
• FilterWrapper: анимация вынесена в темы

v3.17.0

Changes

• FlexibleTable: добавлена пропса shouldRenderDataId для config, включающая рендер data-id={columnName} для ячеек

v3.16.0

Changes

• FiltersPane: добавлены tweakStyles для FilterWrapper
• FilterWrapper + Filter: переписан с использованием WithPopup
• FilterSelect: добавлено свойство onClose
• WithPopup: добавлена поддержка transition
• NewMoreMenu: добавлен свойство onToggle

v3.15.4

Changes

• TextArea: исправлен scrollPadding

v3.15.3

Changes

• TextArea: добавлен scrollPadding

v3.15.2

Changes

• TextArea: багфикс опечатки в имени класса

v3.15.1

Changes

• MultiSelectList: исправлено отображение фильтра с not found, если есть выбранные элементы

v3.15.0

Changes

• TextArea: рефакторинг ресайза и добавление свойства isAutoSizeable

v3.14.2

Changes

• Selector: исправлены стили задизейбленной опции

v3.14.1

Changes

• WithPopup: исправлен баг с невозможностью закрытия popup при нажатии на элемент

v3.14.0

Changes

• WithPopup: добавлена пропса canBeFlipped для автоматического позиционирования
• NewMoreMenu: добавлена пропса canBeFlipped

v3.13.1

Changes

• Багфикс warning в стилях IconButton

v3.13.0

Changes

• Депрекейт buttons внутри Modal
• Добавляет footer для Modal

v3.12.0

Changes

• Удаляет isSelected внутри Checkbox
• Добавляет поддержку isInvalid для Checkbox
• Делает опциональным value для Checkbox
• Иконка check-big стала deprecated
• Иконки check, check-all и minus обновлены до актуальных из Figma UI Kit'а

v3.11.0

Changes

• Добавляет animations.defaultTransition

v3.10.0

Changes

• Добавлен компонент IconButton
• Компонент CloseButton стал deprecated

Breaking changes

• Modal использует IconButton вместо CloseButton
• Toaster использует IconButton вместо CloseButton

v3.9.2

Changes

• Поднялись версии storybook

v3.9.1

Changes

• WithPopup для trigger добавлен testId

v3.9.0

Changes

• Select:
  1. Добавлена поддержка для readonly опций
  2. Добавлена типизация для event в onChange
• WithPopup: добавлен z-index: 5 для дропдауна
• NewMoreMenu: добавлены твикстайлс для List и WithPopup

v3.8.1

Changes

• WithPopup и NewMoreMenu добавлена пропса shouldHideOnScroll

v3.8.0

Changes

• Добавлены компоненты WithPopup и NewMoreMenu (floating-ui)
• MoreMenu deprecated

v3.7.0

Changes

• Подключен плагин eslint-plugin-react-hooks для линтера

• FlexibleTable:

  1. Улучшение код-стайла
  2. Добавлена пропса isExpandableRowComponentInitiallyOpen

• FlexibleTableCell: Добавлены классы loading и skeleton для отрисовки скелетона

Breaking changes

• FlexibleTable:

  1. Удалены типы ITextAlignment, IVerticalAlignment и IPosition
  2. Удалены классы skeletonRow и skeleton

Fixed

• FlexibleTable: Исправлен баг, когда при отрисовка скелетона первая колонка таблицы не была sticky

v3.6.0

• Select: Добавлена возможность передавать defaultOptionLabel как ReactNode

v3.5.0

Fixed

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

v3.4.0

• Input: Добавляет пропс onInput

v3.3.0

• Улучшение кодстайла

v3.2.0

• FlexibleTable FlexibleTableCell FlexibleTableRow Добавляет прорс renderMode: 'table' | 'divs';

v3.1.1

• Status фикс цветов

v3.1.0

• Добавлены компоненты Selector Status TextButton

v3.0.0

• Функции isDateValid / parseStringToDate / и константа DATE_FORMAT -> удалены

• isInt -> isNumberInteger -> (TE_Helpers)

• isNotEmpty -> Проверяет только null и undefined (как и должна) -> (TE_Helpers)

• isEmpty / isStringNotEmpty / addDataTestId / getTestId / getSelectKeyHandler / addClickHandler / createFilter -> (TE_Helpers)

• В очень многих местах где были ReactNode проперти усилена проверка (теперь не допускаются false и пустые строки)

• commonTheme -> common

• Подключение провайдера темы теперь через

• Tooltip - добавлены классы .error .info (вместо использования стилевых переменных)

• Notification - добавлены классы .error .info .warning .ok .not-ok (вместо использования стилевых переменных)

• AccountInfo, MultiSelectList, FilterSelect так же лишились стилевых переменных (bye bye width)

• DatePicker - topPosition / leftPosition - используйте tweakStyles для .popper (marginTop, marginLeft)

• Checkbox - alignItems / size / textMargin удалены. отступы через марджин заменены на gap (перепроверьте чекбоксы!)

• Все типы переименованы по паттерну I{TypeName} (все стилевые типы, а так же связанные с темизацией)

• ThemedPreloader (изменены tweakStyles -> tweakSvgPreloader + tweakDotsPreloader)

• FilterWithPeriod -> tweakSelect -> tweakFilterSelect

• FlexibleTable - чайлдовые компоненты переименованы в FlexibleTableRow и FlexibleTableCell. Теперь у них свои tweakStyles: tweakTableRow / tweakTableCell (чайлд для FlexibleTableRow) Классы - root + active + editable / root + sticky + second .row БОЛЬШЕ НЕ РАСПРОСТРАНЯЕТСЯ на .headerRow (раньше они были вместе) classes.horizontallyScrolled - удален. заменено на [data-scrolled] рендер теперь зависит от конфига, а не от первого ряда. т.е. используется не Object.keys(content[0]) а Object.entries(config)

• ComponentStyles -> ITweakStyles

• Проверьте все места 'as Styles', возможно там больше это не нужно

v2.7.0

Changes

• ListItem: вынесен компонент для отрисовки пункта из списка List
• Icon: добавлены иконки folder, folder-add, presentation

v2.6.0

Changes

• Input: изменен тип пропса label на ReactNode

v2.5.0

Changes

• DatePicker: добавлен тип для стилей IDatePickerStyleProps
• Input: добавлена пропса shouldAlwaysShowPlaceholder

v2.4.0

Changes

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

v2.3.2

Changes

• Modal: исправляет баг с закрытием модалки по Esc

v2.3.1

Changes

• Обновление версии @true-engineering/[email protected] и функции isNotEmpty

v2.3.0

Changes

• Modal: расширяет свойства модального окна свойствами для CSSTransition

Breaking changes

• Modal: удалена пропса onCompletelyHidden. Вместо неё нужно использовать onExited

v2.2.0

Changes

• Подключена @true-engineering/true-react-platform-helpers

v2.1.0

Changes

• DatePicker: добавлена пропса strictParsing
• Сохранение JSDoc в *.d.ts файлах

Breaking changes

• Switch: удалена пропса label. Вместо неё нужно использовать children

v2.0.1

Fixed

• Select: исправлено выделение активной опции в списке

v0.4.0

PhoneInput. Теперь компонент принимает в качестве аргумента объект с информацией о номере телефона IPhoneValue, а не строку.

PhoneInputCountryList. Стили компонента переписаны под актуальный дизайн.

Для удобной работы в других проектах добавлены общие хелперы для номера телефона и экспорт справочника телефонных кодов стран.