@true-engineering/true-react-common-ui-kit NPM

UI Kit

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

Публикация

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

Release Notes

3.39.0

Changes

FlexibleTableCell: Добавляет onCellClick в config

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(content0) а Object.entries(config)
ComponentStyles -> ITweakStyles
Проверьте все места 'as Styles', возможно там больше это не нужно