@steroidsjs/core 3.0.0 → 3.0.2

package/docs-autogen-result.json

@@ -2844,7 +2844,7 @@
                     "decorators": [],
                     "description": "",
                     "required": false,
-                    "type": "IRouterProps",
+                    "type": "Omit",
                     "example": null
                 },
                 {
@@ -10364,7 +10364,9 @@
             "tags": {},
             "defaultProps": null,
             "extends": [
-                "IModalProps"
+                "IModalProps",
+                "Pick<IKanbanConfig",
+                "'createTaskEditorConfig'>"
             ],
             "properties": [
                 {
@@ -10439,6 +10441,14 @@
                     "type": "any",
                     "example": null
                 },
+                {
+                    "name": "createTaskEditorConfig",
+                    "decorators": [],
+                    "description": "Компоненты для подключения wysiwyg редактора",
+                    "required": true,
+                    "type": "Pick",
+                    "example": "CKEditor"
+                },
                 {
                     "name": "formId",
                     "decorators": [],
@@ -10630,7 +10640,7 @@
             "name": "IKanbanProps",
             "moduleName": "ui/content/Kanban/Kanban",
             "title": "Kanban",
-            "description": "\nКомпонент `Kanban` позволяет создать доску для управления задачами.\nКоличество столбцов задается с помощью пропа `columns`.\nЗадачи на доске можно создавать, редактировать и перемещать с визуальным отображением.\n\nДля работы этого компонента необходимо установить в проекте зависимости `react-beautiful-dnd`\nи передать в пропсы `droppableComponent`, `draggableComponent` и `dndContext`\nкомпоненты `Droppable`, `Draggable` и `DragDropContext` соответственно.\n",
+            "description": "\nКомпонент `Kanban` позволяет создать доску для управления задачами.\nКоличество столбцов задается с помощью пропа `columns`.\nЗадачи на доске можно создавать, редактировать и перемещать с визуальным отображением.\n\nДля работы этого компонента необходимо установить в проекте зависимости `react-beautiful-dnd`\nи передать в пропсы `droppableComponent`, `draggableComponent` и `dndContext`\nкомпоненты `Droppable`, `Draggable` и `DragDropContext` соответственно.\n\nДля корректной работы функционала создания задач,\nнеобходимо установить в проекте зависимости `@ckeditor/ckeditor5-react` и `@steroidsjs/ckeditor5`,\nзатем импортировать `CKEditor` из `@ckeditor/ckeditor5-react` и `ClassicEditor` из `@steroidsjs/ckeditor5/packages/ckeditor5-build-classic`.\nИмпортированные компоненты нужно передать в проп `createTaskEditorConfig`,\nв поле `htmlComponent` передать `CKEditor`, а в `editorConstructor` передать `ClassicEditor`.\n",
             "tags": {},
             "defaultProps": null,
             "extends": [
@@ -10665,6 +10675,15 @@
                     "example": "[\n {\n  id: 1,\n  title: 'column 1',\n  tasks: [\n   {\n     content: 'item 1',\n     id: 1\n   }\n   ],\n },\n {\n  id: 2,\n  title: 'column 2',\n  tasks: [],\n }\n]",
                     "defaultValue": null
                 },
+                {
+                    "name": "createTaskEditorConfig",
+                    "decorators": [],
+                    "description": "Компоненты для подключения wysiwyg редактора",
+                    "required": true,
+                    "type": "Pick",
+                    "example": "CKEditor",
+                    "defaultValue": null
+                },
                 {
                     "name": "dndContext",
                     "decorators": [],
@@ -11278,6 +11297,14 @@
                     "type": "IKanbanColumn[]",
                     "example": "[\n {\n  id: 1,\n  title: 'column 1',\n  tasks: [\n   {\n     content: 'item 1',\n     id: 1\n   }\n   ],\n },\n {\n  id: 2,\n  title: 'column 2',\n  tasks: [],\n }\n]"
                 },
+                {
+                    "name": "createTaskEditorConfig",
+                    "decorators": [],
+                    "description": "Компоненты для подключения wysiwyg редактора",
+                    "required": true,
+                    "type": "Pick",
+                    "example": "CKEditor"
+                },
                 {
                     "name": "kanbanId",
                     "decorators": [],
@@ -13428,7 +13455,7 @@
                     "decorators": [],
                     "description": "",
                     "required": true,
-                    "type": "{className: string, disabled: boolean, name: string, placeholder: string, type: string, value: string | number, onBlur: null, onChange: null, onFocus: null}",
+                    "type": "{className: string, disabled: boolean, name: string, placeholder: string, type: string, value: string | number, onBlur: null, onChange: null}",
                     "example": null
                 },
                 {
@@ -15203,7 +15230,7 @@
                     "decorators": [],
                     "description": "",
                     "required": true,
-                    "type": "{color: string, id: string | number | boolean, isHovered: boolean, isSelected: boolean, label: string}[]",
+                    "type": "{color: string, id: string | number | boolean, isHovered: boolean, isSelected: boolean, label: string, required: boolean}[]",
                     "example": null
                 },
                 {
@@ -15285,7 +15312,7 @@
                 "'items'>",
                 "IUiComponent",
                 "Pick<ITreeProps",
-                "'levelPadding' | 'alwaysOpened' | 'showIcon' | 'customIcon'>"
+                "'levelPadding' | 'alwaysOpened' | 'customIcon'>"
             ],
             "properties": [
                 {
@@ -15558,15 +15585,6 @@
                     "example": "[1, 4]",
                     "defaultValue": null
                 },
-                {
-                    "name": "showIcon",
-                    "decorators": [],
-                    "description": "Показать иконку c лева от элемента",
-                    "required": false,
-                    "type": "boolean",
-                    "example": "true",
-                    "defaultValue": null
-                },
                 {
                     "name": "size",
                     "decorators": [],
@@ -15768,7 +15786,9 @@
             "defaultProps": null,
             "extends": [
                 "IDateInputStateInput",
-                "IUiComponent"
+                "IUiComponent",
+                "Pick<IAbsolutePositioningInputProps",
+                "'autoPositioning'>"
             ],
             "properties": [
                 {
@@ -15780,6 +15800,15 @@
                     "example": "'isVisible'",
                     "defaultValue": null
                 },
+                {
+                    "name": "autoPositioning",
+                    "decorators": [],
+                    "description": "Включает \"умное\" позиционирование - если компонент не может быть помещен в промежуток между целевым компонентом\nи краем viewport, тогда он будет показан в противоположном направлении от заданного в свойстве position.",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "calendarProps",
                     "decorators": [],
@@ -16064,9 +16093,17 @@
             "extends": [
                 "IDateInputStateOutput",
                 "Pick<IDateFieldProps",
-                "'size' | 'icon' | 'errors' | 'showRemove' | 'className' | 'calendarProps'>"
+                "'size' | 'icon' | 'errors' | 'showRemove' | 'className' | 'calendarProps' | 'autoPositioning'>"
             ],
             "properties": [
+                {
+                    "name": "autoPositioning",
+                    "decorators": [],
+                    "description": "Включает \"умное\" позиционирование - если компонент не может быть помещен в промежуток между целевым компонентом\nи краем viewport, тогда он будет показан в противоположном направлении от заданного в свойстве position.",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null
+                },
                 {
                     "name": "calendarProps",
                     "decorators": [],
@@ -22055,7 +22092,7 @@
             "name": "IHtmlFieldProps",
             "moduleName": "ui/form/HtmlField/HtmlField",
             "title": "HtmlField",
-            "description": "Компонент для создания HTML-разметки, использующий WYSIWYG редактор",
+            "description": "Компонент для создания HTML-разметки, использующий WYSIWYG редактор.\n\nДля использования WYSIWYG редактора, необходимо установить в проекте зависимости `@ckeditor/ckeditor5-react` и `@steroidsjs/ckeditor5`,\nзатем импортировать `CKEditor` из `@ckeditor/ckeditor5-react` и `ClassicEditor` из `@steroidsjs/ckeditor5/packages/ckeditor5-build-classic`.\nКомпонент `CKEditor` нужно передать в проп `htmlComponent`, а конструктор `ClassicEditor` в проп `editorConstructor`.\n\nПри передаче `HtmlField` с бэкенда, необходимо переопределить `view` компонента, указав локальный.\nВ локальном компоненте добавить вместо пропсов `htmlComponent` и `editorConstructor` импорты `CKEditor` и `ClassicEditor` соотвественно.\n",
             "tags": {},
             "defaultProps": null,
             "extends": [
@@ -22109,6 +22146,15 @@
                     "example": "true",
                     "defaultValue": null
                 },
+                {
+                    "name": "editorConstructor",
+                    "decorators": [],
+                    "description": "Конструктор редактора 'ckeditor5-react' из библиотеки @steroidsjs/ckeditor5/packages/ckeditor5-build-classic\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан",
+                    "required": false,
+                    "type": "any",
+                    "example": "ClassicEditor",
+                    "defaultValue": null
+                },
                 {
                     "name": "editorProps",
                     "decorators": [],
@@ -22154,6 +22200,15 @@
                     "example": "'Only english letters'",
                     "defaultValue": null
                 },
+                {
+                    "name": "htmlComponent",
+                    "decorators": [],
+                    "description": "Компонент редактора 'ckeditor5-react' из библиотеки @ckeditor\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан",
+                    "required": false,
+                    "type": "any",
+                    "example": "CKEditor",
+                    "defaultValue": null
+                },
                 {
                     "name": "id",
                     "decorators": [],
@@ -22389,6 +22444,14 @@
                     "type": "boolean",
                     "example": "true"
                 },
+                {
+                    "name": "editorConstructor",
+                    "decorators": [],
+                    "description": "Конструктор редактора 'ckeditor5-react' из библиотеки @steroidsjs/ckeditor5/packages/ckeditor5-build-classic\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан",
+                    "required": false,
+                    "type": "any",
+                    "example": "ClassicEditor"
+                },
                 {
                     "name": "editorProps",
                     "decorators": [],
@@ -22429,6 +22492,14 @@
                     "type": "string",
                     "example": "'Only english letters'"
                 },
+                {
+                    "name": "htmlComponent",
+                    "decorators": [],
+                    "description": "Компонент редактора 'ckeditor5-react' из библиотеки @ckeditor\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан",
+                    "required": false,
+                    "type": "any",
+                    "example": "CKEditor"
+                },
                 {
                     "name": "id",
                     "decorators": [],
@@ -26512,7 +26583,7 @@
                     "decorators": [],
                     "description": "",
                     "required": true,
-                    "type": "{disabled: boolean, id: string | number | boolean, isHovered: boolean, isSelected: boolean, label: string}[]",
+                    "type": "{disabled: boolean, id: string | number | boolean, isHovered: boolean, isSelected: boolean, label: string, required: boolean}[]",
                     "example": null
                 },
                 {
@@ -38149,6 +38220,15 @@
                     "example": null,
                     "defaultValue": null
                 },
+                {
+                    "name": "disabled",
+                    "decorators": [],
+                    "description": "Переводит кнопку в состояние \"не активна\"",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": null
+                },
                 {
                     "name": "items",
                     "decorators": [],
@@ -38167,6 +38247,15 @@
                     "example": "'link'",
                     "defaultValue": "'button'"
                 },
+                {
+                    "name": "navClassName",
+                    "decorators": [],
+                    "description": "CSS-класс для элемента навигации.",
+                    "required": false,
+                    "type": "string",
+                    "example": null,
+                    "defaultValue": null
+                },
                 {
                     "name": "size",
                     "decorators": [],
@@ -38234,6 +38323,14 @@
                     "type": "string",
                     "example": null
                 },
+                {
+                    "name": "disabled",
+                    "decorators": [],
+                    "description": "Переводит кнопку в состояние \"не активна\"",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "items",
                     "decorators": [],
@@ -38253,7 +38350,7 @@
                 {
                     "name": "navClassName",
                     "decorators": [],
-                    "description": "",
+                    "description": "CSS-класс для элемента навигации.",
                     "required": false,
                     "type": "string",
                     "example": null
@@ -38550,7 +38647,7 @@
                     "decorators": [],
                     "description": "Дерево роутов",
                     "required": true,
-                    "type": "IRouteItem[] | {}",
+                    "type": "IRouteItem | IRouteItem[] | {}",
                     "example": "{id: 'root', path: '/', component: IndexPage, items: [...]}",
                     "defaultValue": null
                 },
@@ -38642,6 +38739,14 @@
                     "type": "boolean",
                     "example": "false"
                 },
+                {
+                    "name": "hideIcon",
+                    "decorators": [],
+                    "description": "Скрыть иконку c лева от элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "id",
                     "decorators": [],
@@ -38706,14 +38811,6 @@
                     "type": "string | number",
                     "example": "2"
                 },
-                {
-                    "name": "showIcon",
-                    "decorators": [],
-                    "description": "Показать иконку c лева от элемента",
-                    "required": false,
-                    "type": "boolean",
-                    "example": "true"
-                },
                 {
                     "name": "useSameSelectedItemId",
                     "decorators": [],
@@ -38788,10 +38885,10 @@
                 "autoOpenLevels": "1",
                 "autoSave": "false",
                 "hasIconExpandOnly": "false",
+                "hideIcon": "false",
                 "itemsKey": "'items'",
                 "level": "0",
                 "levelPadding": "32",
-                "showIcon": "true",
                 "useSameSelectedItemId": "true"
             },
             "extends": [
@@ -38853,6 +38950,15 @@
                     "example": "false",
                     "defaultValue": "false"
                 },
+                {
+                    "name": "hideIcon",
+                    "decorators": [],
+                    "description": "Скрыть иконку c лева от элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true",
+                    "defaultValue": "false"
+                },
                 {
                     "name": "id",
                     "decorators": [],
@@ -38916,15 +39022,6 @@
                     "example": "2",
                     "defaultValue": null
                 },
-                {
-                    "name": "showIcon",
-                    "decorators": [],
-                    "description": "Показать иконку c лева от элемента",
-                    "required": false,
-                    "type": "boolean",
-                    "example": "true",
-                    "defaultValue": "true"
-                },
                 {
                     "name": "useSameSelectedItemId",
                     "decorators": [],
@@ -39050,6 +39147,14 @@
                     "type": "boolean",
                     "example": "false"
                 },
+                {
+                    "name": "hideIcon",
+                    "decorators": [],
+                    "description": "Скрыть иконку c лева от элемента",
+                    "required": false,
+                    "type": "boolean",
+                    "example": "true"
+                },
                 {
                     "name": "id",
                     "decorators": [],
@@ -39106,14 +39211,6 @@
                     "type": "string | number",
                     "example": "2"
                 },
-                {
-                    "name": "showIcon",
-                    "decorators": [],
-                    "description": "Показать иконку c лева от элемента",
-                    "required": false,
-                    "type": "boolean",
-                    "example": "true"
-                },
                 {
                     "name": "useSameSelectedItemId",
                     "decorators": [],

package/en.json

@@ -955,17 +955,21 @@
     "Будет ли отображён item?": "",
     "Устанавливать ли фокус и показывать панель времени сразу после рендера страницы": "",
     "Флаг, определяющий раскрывать вложенные элементы по клику на весь элемент или только на иконку": "",
+    "\nКомпонент `Kanban` позволяет создать доску для управления задачами.\nКоличество столбцов задается с помощью пропа `columns`.\nЗадачи на доске можно создавать, редактировать и перемещать с визуальным отображением.\n\nДля работы этого компонента необходимо установить в проекте зависимости `react-beautiful-dnd`\nи передать в пропсы `droppableComponent`, `draggableComponent` и `dndContext`\nкомпоненты `Droppable`, `Draggable` и `DragDropContext` соответственно.\n\nДля корректной работы функционала создания задач,\nнеобходимо установить в проекте зависимости `@ckeditor/ckeditor5-react` и `@steroidsjs/ckeditor5`,\nзатем импортировать `CKEditor` из `@ckeditor/ckeditor5-react` и `ClassicEditor` из `@steroidsjs/ckeditor5/packages/ckeditor5-build-classic`.\nИмпортированные компоненты нужно передать в проп `createTaskEditorConfig`,\nв поле `htmlComponent` передать `CKEditor`, а в `editorConstructor` передать `ClassicEditor`.\n": "",
+    "Компонент для создания HTML-разметки, использующий WYSIWYG редактор.\n\nДля использования WYSIWYG редактора, необходимо установить в проекте зависимости `@ckeditor/ckeditor5-react` и `@steroidsjs/ckeditor5`,\nзатем импортировать `CKEditor` из `@ckeditor/ckeditor5-react` и `ClassicEditor` из `@steroidsjs/ckeditor5/packages/ckeditor5-build-classic`.\nКомпонент `CKEditor` нужно передать в проп `htmlComponent`, а конструктор `ClassicEditor` в проп `editorConstructor`.\n\nПри передаче `HtmlField` с бэкенда, необходимо переопределить `view` компонента, указав локальный.\nВ локальном компоненте добавить вместо пропсов `htmlComponent` и `editorConstructor` импорты `CKEditor` и `ClassicEditor` соотвественно.\n": "",
     "\nКомпонент для создания пошаговой формы. Предоставляет управление и синхронизацию состояния формы,\nа также список шагов формы для удобной навигации.\nПоля для шагов можно передавать как в виде компонентов, так и в виде объекта с названием поля.\nПозволяет выполнять отправку данных формы на сервер с возможностью валидации и перехода к неверно заполненным полям.\n\n": "",
     "При повторном нажатии на выбранный элемент из дерева, он продолжит отображаться как активный.": "",
     "Дополнительные свойства, которые передаются во view компонента": "",
     "Пропсы для инпута загрузки файлов": "",
     "Переопределение view React компонента для кастомизации отображения элемента инпута": "",
     "Кастомный placeholder для инпута": "",
+    "Компоненты для подключения wysiwyg редактора": "",
     "Если true, то location.pathname будет совпадать с теми путями, которые содержат слеш в конце.\nНапример, если указать путь '/catalog/', тогда совпадение будет с '/catalog/' и '/catalog/chapter', но не '/catalog'.": "",
     "Кастомная иконка, заменяющая иконку раскрытия по умолчанию": "",
-    "Показать иконку c лева от элемента": "",
     "Опции маски для полей": "",
     "Дополнительные кнопки": "",
+    "Конструктор редактора 'ckeditor5-react' из библиотеки @steroidsjs/ckeditor5/packages/ckeditor5-build-classic\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
+    "Компонент редактора 'ckeditor5-react' из библиотеки @ckeditor\nПримечание: для использования встроенного отображения 'HtmlField', данный компонент должен быть передан": "",
     "Свойства для Form": "",
     "Свойства для кнопки продолжить/отправить": "",
     "Свойства для кнопки возврата": "",
@@ -973,5 +977,7 @@
     "Ориентация списка шагов формы": "",
     "Коллекция полей и аттрибутов для каждого шага формы. Можно передавать как компонент, так и объект с полями.\nГлавное, чтобы внутри шага использовался один из способов.": "",
     "Свойства для Steps": "",
-    "Флаг, который позволяет использовать вложенные роуты c указанием вложенного пути": ""
+    "CSS-класс для элемента навигации.": "",
+    "Флаг, который позволяет использовать вложенные роуты c указанием вложенного пути": "",
+    "Скрыть иконку c лева от элемента": ""
 }

package/hooks/useApplication.d.ts

@@ -46,7 +46,7 @@ export interface IApplicationHookConfig {
     layoutProps?: Record<string, unknown>;
     screen?: Omit<IScreenProviderProps, 'children'>;
     theme?: Omit<IThemeProviderProps, 'children'>;
-    routerProps?: IRouterProps;
+    routerProps?: Omit<IRouterProps, 'routes'>;
     /**
      * These fetch configurations will be used to preload and store for no matter what route matched in case of SSR
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/core",
-    "version": "3.0.0",
+    "version": "3.0.2",
     "description": "",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
     "repository": {

package/ui/content/DropDown/DropDown.js

@@ -102,9 +102,7 @@ function DropDown(props) {
         childrenElement
             ? React.cloneElement(childrenElement, resultProps)
             : (React.createElement("span", null, props.children)),
-        isComponentExist && (
-        // TODO Change Portal to global
-        React.createElement(TooltipPortalInner_1["default"], null,
+        isComponentExist && (React.createElement(TooltipPortalInner_1["default"], null,
             React.createElement(DropDownView, __assign({}, viewProps))))));
 }
 DropDown.defaultProps = {

package/ui/content/Kanban/Kanban.d.ts

@@ -50,7 +50,7 @@ export interface IKanbanColumn {
     title: string;
     tasks: IKanbanTask[];
 }
-export interface IKanbanModalViewProps extends IModalProps {
+export interface IKanbanModalViewProps extends IModalProps, Pick<IKanbanConfig, 'createTaskEditorConfig'> {
     modalType: KanbanModalTypeEnum;
     formId: string;
     columns: IKanbanColumn[];
@@ -79,6 +79,12 @@ export interface IKanbanTaskDetailsModalViewProps extends IModalProps {
  * Для работы этого компонента необходимо установить в проекте зависимости `react-beautiful-dnd`
  * и передать в пропсы `droppableComponent`, `draggableComponent` и `dndContext`
  * компоненты `Droppable`, `Draggable` и `DragDropContext` соответственно.
+ *
+ * Для корректной работы функционала создания задач,
+ * необходимо установить в проекте зависимости `@ckeditor/ckeditor5-react` и `@steroidsjs/ckeditor5`,
+ * затем импортировать `CKEditor` из `@ckeditor/ckeditor5-react` и `ClassicEditor` из `@steroidsjs/ckeditor5/packages/ckeditor5-build-classic`.
+ * Импортированные компоненты нужно передать в проп `createTaskEditorConfig`,
+ * в поле `htmlComponent` передать `CKEditor`, а в `editorConstructor` передать `ClassicEditor`.
  */
 export interface IKanbanProps extends IKanbanConfig, IUiComponent {
     /**

package/ui/content/Kanban/Kanban.js

@@ -35,7 +35,8 @@ function Kanban(props) {
         assigners: props.assigners,
         tags: props.tags,
         lastTaskId: props.lastTaskId,
-        onDragEnd: props.onDragEnd
+        onDragEnd: props.onDragEnd,
+        createTaskEditorConfig: props.createTaskEditorConfig
     }), columns = _a.columns, onDragEnd = _a.onDragEnd, onOpenTaskDetailsModal = _a.onOpenTaskDetailsModal, onOpenCreateTaskModal = _a.onOpenCreateTaskModal;
     // Task
     var Task = components.ui.getView('content.KanbanTaskView');

package/ui/content/Kanban/hooks/useKanban.d.ts

@@ -1,3 +1,4 @@
+import { IHtmlFieldProps } from '@steroidsjs/core/ui/form/HtmlField/HtmlField';
 import { IDragEndResult, IKanbanColumn, IKanbanTask, ITaskAssigner, ITaskTag } from '../Kanban';
 export interface IKanbanConfig {
     /**
@@ -35,6 +36,11 @@ export interface IKanbanConfig {
      * Массив исполнителей, которых можно назначить для выполнения задачи
      */
     assigners?: ITaskAssigner[];
+    /**
+     * Компоненты для подключения wysiwyg редактора
+     * @example CKEditor
+     */
+    createTaskEditorConfig: Pick<IHtmlFieldProps, 'htmlComponent' | 'editorConstructor'>;
     /**
      * Обработчик события окончания перетаскивания карточки или колонки
      * В result передается объект с информацией о событии

package/ui/content/Kanban/hooks/useKanban.js

@@ -105,10 +105,11 @@ function useKanban(config) {
     // common modal
     var KanbanModalView = components.ui.getView('content.KanbanModalView');
     var createOrEditTaskCommonModalProps = react_1["default"].useMemo(function () { return ({
+        createTaskEditorConfig: config.createTaskEditorConfig,
         columns: kanban === null || kanban === void 0 ? void 0 : kanban.columns,
         assigners: normalizeAssignersForDropDownItems(config.assigners || []),
         tags: tags
-    }); }, [config.assigners, kanban === null || kanban === void 0 ? void 0 : kanban.columns, tags]);
+    }); }, [config.createTaskEditorConfig, config.assigners, kanban === null || kanban === void 0 ? void 0 : kanban.columns, tags]);
     // create task modal
     var onOpenCreateTaskModal = react_1["default"].useCallback(function (columnId) {
         if (columnId) {

package/ui/form/AutoCompleteField/AutoCompleteField.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
 import { IBaseFieldProps } from '../InputField/InputField';
@@ -46,7 +46,6 @@ export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProp
         value: string | number;
         disabled: boolean;
         onChange: (value: string) => void;
-        onFocus: (e: Event | React.FocusEvent) => void;
         onBlur: (e: Event | React.FocusEvent) => void;
         className?: CssClassName;
     };

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -72,16 +72,6 @@ function AutoCompleteField(props) {
         setQuery(value);
         props.input.onChange.call(null, value);
     }, [props.input.onChange]);
-    // TODO
-    var onFocus = function (e) {
-        props.onOpen();
-        if (props.searchOnFocus) {
-            props.onSearch(props.input.value);
-        }
-        if (props.inputProps && props.inputProps.onFocus) {
-            props.inputProps.onFocus(e);
-        }
-    };
     var onBlur = (0, react_1.useCallback)(function (e) {
         setTimeout(function () {
             if (props.isOpened) {
@@ -100,7 +90,30 @@ function AutoCompleteField(props) {
     (0, react_1.useEffect)(function () {
         props.input.onChange.call(null, selectedIds[0] || null);
     }, [props.input.onChange, selectedIds]);
-    return components.ui.renderView(props.view || 'form.AutoCompleteFieldView', __assign(__assign({}, props), { inputProps: inputProps, items: items, isLoading: isLoading, hoveredId: hoveredId, selectedIds: selectedIds, onOpen: onOpen, isOpened: isOpened, onClose: onClose, forwardedRef: forwardedRef, onItemHover: onItemHover, onItemSelect: onItemSelect, categories: getCategories(props.items) }));
+    var viewProps = (0, react_1.useMemo)(function () { return ({
+        inputProps: inputProps,
+        items: items,
+        isLoading: isLoading,
+        hoveredId: hoveredId,
+        selectedIds: selectedIds,
+        onOpen: onOpen,
+        isOpened: isOpened,
+        onClose: onClose,
+        forwardedRef: forwardedRef,
+        onItemHover: onItemHover,
+        onItemSelect: onItemSelect,
+        primaryKey: props.primaryKey,
+        size: props.size,
+        placeholder: props.placeholder,
+        disabled: props.disabled,
+        required: props.required,
+        categories: getCategories(props.items),
+        className: props.className,
+        style: props.style
+    }); }, [inputProps, items, isLoading, hoveredId, selectedIds, onOpen, isOpened, onClose,
+        onItemHover, onItemSelect, props.primaryKey, props.size, props.placeholder, props.disabled,
+        props.required, props.items, props.className, props.style]);
+    return components.ui.renderView(props.view || 'form.AutoCompleteFieldView', viewProps);
 }
 AutoCompleteField.defaultProps = {
     primaryKey: 'label',

package/ui/form/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface IButtonBadge {
     /**
     * Включить/выключить badge