UI Kit

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

Публикация

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

Release Notes

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. Стили компонента переписаны под актуальный дизайн.

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