@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

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', возможно там больше это не нужно