@steroidsjs/core 3.0.0-beta.6 → 3.0.0-beta.61

package/ui/content/DropDown/DropDown.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -82,7 +93,7 @@ function DropDown(props) {
         isComponentExist && (
         // TODO Change Portal to global
         React.createElement(TooltipPortalInner_1["default"], null,
-            React.createElement(DropDownView, { className: props.className, forwardedRef: forwardedRef, content: props.content, position: position, style: style, calculatePosition: calculatePosition, isComponentVisible: isComponentVisible, onClose: onHide })))));
+            React.createElement(DropDownView, __assign({}, props, { className: props.className, forwardedRef: forwardedRef, content: props.content, position: position, style: style, calculatePosition: calculatePosition, isComponentVisible: isComponentVisible, onClose: onHide }))))));
 }
 DropDown.defaultProps = {
     autoPositioning: false,
@@ -90,6 +101,7 @@ DropDown.defaultProps = {
     defaultVisible: false,
     gap: 15,
     position: 'bottom',
-    closeMode: 'click-away'
+    closeMode: 'click-away',
+    hasArrow: true
 };
 exports["default"] = DropDown;

package/ui/content/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 /**
  * Install the latest free version of Font Awesome via yarn:
  * ```
@@ -17,7 +17,12 @@ import * as React from 'react';
  *
  * That get the icon used <Icon name={'icon-name'} />
  */
-export interface IIconProps {
+/**
+ * Icon
+ *
+ * Компонент, представляющий иконку. Иконки могут быть импортированы при старте приложения.
+ */
+export interface IIconProps extends IUiComponent {
     /**
      * Имя иконки (латиницей). Импорт иконок происходит на старте приложения.
      * @example create
@@ -28,12 +33,13 @@ export interface IIconProps {
      * @example Добавить запись
      */
     title?: string;
-    className?: CssClassName;
     /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: React.ComponentType;
+    *  Должен ли данный элемент участвовать в последовательной навигации
+    */
+    tabIndex?: number;
+    /**
+    * Функция которая вызывается при клике по иконке
+    */
     onClick?: any;
     [key: string]: any;
 }

package/ui/content/Icon/Icon.js

@@ -17,6 +17,7 @@ exports.__esModule = true;
 var isObject_1 = __importDefault(require("lodash-es/isObject"));
 var isString_1 = __importDefault(require("lodash-es/isString"));
 var hooks_1 = require("../../../hooks");
+var DEFAULT_ICON_NAME = 'default_24x24';
 function Icon(props) {
     var components = (0, hooks_1.useComponents)();
     var name = props.name;
@@ -42,7 +43,9 @@ function Icon(props) {
             }
         }
         if (!icon) {
-            throw new Error('Not found icon with name "' + name + '"');
+            // eslint-disable-next-line no-console
+            console.warn('Not found icon with name "' + name + '"');
+            icon = components.ui.getIcon(DEFAULT_ICON_NAME);
         }
     }
     return components.ui.renderView(props.view || 'content.IconView', __assign(__assign({}, props), { icon: icon }));

package/ui/content/Menu/Menu.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { IDropDownProps } from '../DropDown/DropDown';
+export interface IMenuItem {
+    /**
+     * Заголовок элемента меню
+     */
+    label: string;
+    /**
+     * Функция вызываемая при клике
+     */
+    onClick: VoidFunction;
+    /**
+     * Кастомная иконка
+     */
+    icon?: string | React.ReactElement;
+    /**
+     * Нижний border
+     */
+    hasBorder?: boolean;
+}
+/**
+ * Menu
+ *
+ * Компонент-меню позволяет создавать выпадающие списки с элементами, которые могут быть выбраны
+ * или выполнить определенные действия при клике на них.
+ *
+ * Компонент `Menu` обычно используется для создания навигационных меню или контекстных меню,
+ * где пользователь может выбирать опции или выполнять определенные действия в зависимости от выбранного элемента.
+ *
+ * Компонент `Menu` принимает массив `items`, каждый элемент которого представляет собой отдельный пункт меню.
+ * Каждый пункт меню имеет заголовок `label`, функцию `onClick`, которая будет вызываться при клике на элемент,
+ * кастомную иконку `icon` (необязательно) и флаг `hasBorder`, определяющий наличие нижней границы у элемента.
+ *
+ * Примечание: Компонент `Menu` требует указания хотя бы одного элемента меню в свойстве `items`.
+ */
+export interface IMenuProps extends IUiComponent {
+    /**
+    *   Элементы меню
+    */
+    items: IMenuItem[];
+    /**
+    * Кастомная иконка, по клику на которую открывается меню
+    */
+    icon?: string | React.ReactElement;
+    /**
+     * Пропсы для DropDown
+     */
+    dropDownProps?: IDropDownProps;
+    /**
+     * Переопределение view React элемента меню для кастомизации отображения
+     */
+    itemView?: CustomView | any;
+}
+export type IMenuViewProps = IMenuProps;
+declare function Menu(props: IMenuProps): JSX.Element;
+export default Menu;

package/ui/content/Menu/Menu.js

@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var useComponents_1 = __importDefault(require("../../../hooks/useComponents"));
+function Menu(props) {
+    var components = (0, useComponents_1["default"])();
+    var MenuItemView = components.ui.getView(props.itemView || 'content.MenuItemView');
+    return components.ui.renderView(props.view || 'content.MenuView', __assign(__assign({}, props), { itemView: MenuItemView }));
+}
+exports["default"] = Menu;

package/ui/content/Menu/index.d.ts

@@ -0,0 +1,2 @@
+import Menu from './Menu';
+export default Menu;

package/ui/{list/LayoutNames/demo/basic.js → content/Menu/index.js}

@@ -3,10 +3,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var layout_1 = __importDefault(require("../../List/demo/layout"));
-/**
- * List with layout switcher
- * @order 1
- * @col 6
- */
-exports["default"] = layout_1["default"];
+var Menu_1 = __importDefault(require("./Menu"));
+exports["default"] = Menu_1["default"];

package/ui/content/Slider/Slider.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Options, SplideProps } from '@splidejs/react-splide';
+/**
+ * Slider
+ *
+ * Компонент слайдера позволяет создавать слайдшоу, где элементы могут быть пролистаны
+ * с помощью прокрутки или перетаскивания.
+ *
+ * Компонент `Slider` принимает следующие свойства:
+ *
+ * - `sliderOptions`: опции слайдера, используемые для настройки поведения слайдера. (тип: Options)
+ * - `items`: элементы слайдера, представленные в виде массива записей. (тип: Record<string, any>[])
+ * - `itemView`: представление элемента слайдера, используемое для кастомизации отображения каждого слайда. (тип: CustomView | any)
+ * - дополнительные свойства: любые дополнительные свойства, которые могут быть переданы компоненту.
+ *
+ * Примечание: Компонент `Slider` требует указания опций слайдера (`sliderOptions`) и элементов слайдера (`items`).
+ */
+export interface ISliderProps extends IUiComponent, Omit<SplideProps, 'items'> {
+    /**
+     * Опции слайдера.
+     */
+    sliderOptions: Options;
+    /**
+     * Элементы слайдера.
+     */
+    items: Record<string, any>[];
+    /**
+     * Представление элемента слайдера.
+     */
+    itemView: CustomView | any;
+    /**
+     * Дополнительные свойства.
+     */
+    [key: string]: any;
+}
+export type ISliderViewProps = ISliderProps;
+export default function Slider(props: ISliderProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/ui/content/Slider/Slider.js

@@ -0,0 +1,19 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+exports.__esModule = true;
+var hooks_1 = require("../../../hooks");
+function Slider(props) {
+    var components = (0, hooks_1.useComponents)();
+    return components.ui.renderView(props.view || 'content.SliderView', __assign({}, props));
+}
+exports["default"] = Slider;

package/ui/content/Slider/index.d.ts

@@ -0,0 +1,2 @@
+import Slider from './Slider';
+export default Slider;

package/ui/content/Slider/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var Slider_1 = __importDefault(require("./Slider"));
+exports["default"] = Slider_1["default"];

package/ui/content/index.d.ts

@@ -1,7 +1,12 @@
 import { Avatar, AvatarGroup } from './Avatar';
-import { Collapse, CollapseItem } from './Collapse';
+import { Accordion, AccordionItem } from './Accordion';
 import Card from './Card';
 import DropDown from './DropDown';
 import Alert from './Alert';
 import Badge from './Badge';
-export { Avatar, AvatarGroup, Collapse, CollapseItem, Alert, Card, DropDown, Badge, };
+import { Detail, DetailItem } from './Detail';
+import Icon from './Icon';
+import Menu from './Menu';
+import CopyToClipboard from './CopyToClipboard';
+import Slider from './Slider';
+export { Avatar, AvatarGroup, Accordion, AccordionItem, Alert, Card, DropDown, Badge, Detail, DetailItem, Icon, Menu, CopyToClipboard, Slider, };

package/ui/content/index.js

@@ -3,13 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.CollapseItem = exports.Collapse = exports.AvatarGroup = exports.Avatar = void 0;
+exports.Slider = exports.CopyToClipboard = exports.Menu = exports.Icon = exports.DetailItem = exports.Detail = exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.AccordionItem = exports.Accordion = exports.AvatarGroup = exports.Avatar = void 0;
 var Avatar_1 = require("./Avatar");
 exports.Avatar = Avatar_1.Avatar;
 exports.AvatarGroup = Avatar_1.AvatarGroup;
-var Collapse_1 = require("./Collapse");
-exports.Collapse = Collapse_1.Collapse;
-exports.CollapseItem = Collapse_1.CollapseItem;
+var Accordion_1 = require("./Accordion");
+exports.Accordion = Accordion_1.Accordion;
+exports.AccordionItem = Accordion_1.AccordionItem;
 var Card_1 = __importDefault(require("./Card"));
 exports.Card = Card_1["default"];
 var DropDown_1 = __importDefault(require("./DropDown"));
@@ -18,3 +18,14 @@ var Alert_1 = __importDefault(require("./Alert"));
 exports.Alert = Alert_1["default"];
 var Badge_1 = __importDefault(require("./Badge"));
 exports.Badge = Badge_1["default"];
+var Detail_1 = require("./Detail");
+exports.Detail = Detail_1.Detail;
+exports.DetailItem = Detail_1.DetailItem;
+var Icon_1 = __importDefault(require("./Icon"));
+exports.Icon = Icon_1["default"];
+var Menu_1 = __importDefault(require("./Menu"));
+exports.Menu = Menu_1["default"];
+var CopyToClipboard_1 = __importDefault(require("./CopyToClipboard"));
+exports.CopyToClipboard = CopyToClipboard_1["default"];
+var Slider_1 = __importDefault(require("./Slider"));
+exports.Slider = Slider_1["default"];

package/ui/crud/Crud/Crud.d.ts

@@ -2,22 +2,58 @@ import * as React from 'react';
 import { ReactNode } from 'react';
 import { IApiRest } from '../../../components/ApiComponent';
 import { IComponents } from '../../../providers/ComponentsProvider';
-import { IComponentsHocOutput } from '../../../hoc/components';
-import { IConnectHocOutput } from '../../../hoc/connect';
 import { IFormProps } from '../../form/Form/Form';
 import { IGridProps } from '../../list/Grid/Grid';
 import { IControlItem } from '../../nav/Controls/Controls';
 export interface ICrudItem extends Omit<IControlItem, 'visible' | 'confirm' | 'onClick'> {
+    /**
+    * Заголовок
+    * @example 'Title'
+    */
     title?: string;
+    /**
+    * Название для action
+    * @example
+    */
     actionName?: string;
+    /**
+    * Обязателен ли Personal Key
+    * @example true
+    */
     pkRequired?: boolean;
+    /**
+    * Режим отображения
+    * @example 'modal'
+    */
     mode?: 'page' | 'modal';
+    /**
+    * Компонент
+    */
     component?: any;
+    /**
+    * Свойства компонента
+    */
     componentProps?: any;
+    /**
+    * Коллекция Controls
+    */
     controlsInclude?: string[];
+    /**
+    * Коллекция исключенных Controls
+    */
     controlsExclude?: string[];
+    /**
+    * Управление отображением
+    * @example true
+    */
     visible?: boolean | ((item: any, crudItem: ICrudItem, isGrid: boolean) => boolean);
+    /**
+    * Сообщение о подтверждении
+    */
     confirm?: string | ((e: any, props: ICrudClickProps) => any);
+    /**
+    * Функция обратного вызова, срабатывает после нажатия
+    */
     onClick?: (e: Event | React.MouseEvent, props: ICrudClickProps) => any;
 }
 export interface ICrudClickProps {
@@ -36,31 +72,124 @@ export interface ICrudClickProps {
     goToAction: (nextAction: string) => any;
     errorHandler?: (error: any, dispatch: any) => void;
 }
+/**
+ * Crud
+ *
+ * Компонент CRUD (Create, Read, Update, Delete) предоставляет интерфейс для выполнения операций создания,
+ * чтения, обновления и удаления записей. Он позволяет создавать, просматривать, редактировать и удалять
+ * записи из некоторой модели данных.
+ *
+ * Компонент `Crud` принимает следующие свойства:
+ *
+ * - `crudId`: идентификатор для CRUD (тип: string)
+ * - `mode`: режим работы CRUD (тип: 'page' | 'modal')
+ * - `restUrl`: ссылка на REST API (тип: string)
+ * - `restApi`: методы REST API (тип: IApiRest)
+ * - `primaryKey`: первичный ключ записей (тип: 'id' | string)
+ * - `queryKey`: ключ запроса (тип: 'id' | string)
+ * - `model`: модель данных (тип: string)
+ * - `searchModel`: модель данных используемая для поиска (тип: string)
+ * - `index`: параметры для колонки index (тип: boolean | ICrudItem)
+ * - `create`: параметры для колонки create (тип: boolean | ICrudItem)
+ * - `update`: параметры для колонки update (тип: boolean | ICrudItem)
+ * - `view`: параметры для колонки view (тип: boolean | ICrudItem)
+ * - `delete`: параметры для колонки delete (тип: boolean | ICrudItem)
+ * - `items`: коллекция элементов (тип: ICrudItem[] | { [key: string]: ICrudItem })
+ * - `grid`: параметры Grid (тип: IGridProps | React.ReactNode)
+ * - `form`: параметры формы (тип: IFormProps | React.ReactNode)
+ * - `detail`: параметры для колонки detail (тип: any)
+ * - `crudView`: представление для CRUD (тип: CustomView)
+ * - `errorHandler`: функция-обработчик ошибок (тип: (error, dispatch: any) => void)
+ *
+ * Примечание: Компонент `Crud` требует указания идентификатора CRUD (`crudId`) и ссылки на REST API (`restUrl`).
+ */
 export interface ICrudProps {
+    /**
+    * Id для Crud
+    */
     crudId?: string;
+    /**
+    * Режим работы Crud
+    */
     mode?: 'page' | 'modal';
+    /**
+    * Ссылка на rest
+    */
     restUrl?: string;
+    /**
+    * Методы rest api
+    * @example {}
+    */
     restApi?: IApiRest;
+    /**
+    * Первичный ключ
+    */
     primaryKey?: 'id' | string;
+    /**
+    * Ключ запроса
+    * @example {}
+    */
     queryKey?: 'id' | string;
+    /**
+    * Модель
+    * @example {}
+    */
     model?: string;
+    /**
+    * Модель используемая для поиска
+    */
     searchModel?: string;
+    /**
+    * Параметры для колонки index
+    */
     index?: boolean | ICrudItem;
+    /**
+    * Параметры для колонки create
+    */
     create?: boolean | ICrudItem;
+    /**
+    * Параметры для колонки update
+    */
     update?: boolean | ICrudItem;
+    /**
+    * Представление
+    */
     view?: boolean | ICrudItem;
+    /**
+    * Параметры для колонки delete
+    */
     delete?: boolean | ICrudItem;
+    /**
+    * Коллекция элементов
+    */
     items?: ICrudItem[] | {
         [key: string]: ICrudItem;
     };
+    /**
+    * Параметры Grid
+    */
     grid?: IGridProps | React.ReactNode;
+    /**
+    * Параметры формы
+    */
     form?: IFormProps | React.ReactNode;
+    /**
+    * Параметры для колонки detail
+    */
     detail?: any;
+    /**
+    * Представление для Crud
+    */
     crudView?: CustomView;
+    /**
+    * Функция-обработчик ошибок
+    * @param error - ошибка
+    * @param dispatch - диспатч
+    */
     errorHandler?: (error: any, dispatch: any) => void;
     [key: string]: any;
 }
-export interface ICrudChildrenProps extends ICrudProps, IConnectHocOutput, IComponentsHocOutput {
+export interface ICrudChildrenProps extends ICrudProps {
     item?: any;
     recordId?: PrimaryKey;
     action?: string;

package/ui/crud/Crud/Crud.js

@@ -71,16 +71,12 @@ function Crud(props) {
     var goToAction = (0, react_1.useCallback)(function (nextAction) {
         var _a;
         if (nextAction === utils_1.CRUD_ACTION_INDEX) {
-            //TODO remove @ts-ignore
-            //@ts-ignore
             dispatch((0, list_1.listRefresh)(crudId));
         }
         if (routeAction !== nextAction) {
             if (mode === MODE_MODAL) {
                 dispatch((0, modal_1.closeModal)(crudId));
             }
-            //TODO remove @ts-ignore
-            //@ts-ignore
             dispatch((0, router_1.goToRoute)(routeId, __assign(__assign({}, routeParams), (_a = {}, _a[props.queryKey] = null, _a[props.queryKey + 'Action'] = null, _a))));
         }
     }, [crudId, dispatch, mode, props.queryKey, routeAction, routeId, routeParams]);

package/ui/crud/Crud/CrudContent.js

@@ -61,8 +61,6 @@ function CrudContent(props) {
     }, [props.action, props.primaryKey, props.record, props.recordId]);
     var onFormComplete = (0, react_1.useCallback)(function () {
         window.scrollTo(0, 0);
-        //TODO remove @ts-ignore
-        //@ts-ignore
         dispatch((0, notifications_1.showNotification)(__('Запись успешно обновлена.')));
         props.goToAction.call(null, utils_1.CRUD_ACTION_INDEX);
     }, [dispatch, props.goToAction]);

package/ui/crud/index.d.ts

@@ -28,7 +28,6 @@ export declare const generateCrud: (routeId: string, props: ICrudGeneratorProps)
     enums: string | string[];
     role?: string;
     roles?: string[];
-    fetch?: import("../../hoc/fetch").IFetchHocConfigFunc;
     items?: IRouteItem[] | {
         [key: string]: IRouteItem;
     };

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

@@ -1,21 +1,41 @@
 import * as React from 'react';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
-import { IInputFieldProps } from '../InputField/InputField';
+import { IBaseFieldProps } from '../InputField/InputField';
+export interface IAutoCompleteItem {
+    id: number | string | boolean;
+    label?: string;
+    additional?: {
+        icon: string;
+        text: string;
+    };
+    category?: string;
+    [key: string]: unknown;
+}
 /**
- * AutoComplete
- * Поле ввода текста с подсказками (auto-complete)
+ * AutoCompleteField
+ *
+ * Поле ввода текста с подсказками (auto-complete). Он позволяет пользователю вводить текст и предлагает
+ * варианты автозаполнения на основе предоставленных данных.
+ *
+ * Компонент `AutoCompleteField` принимает следующие свойства:
+ *
+ * - `searchOnFocus`: при фокусировке на поле ввода будет запускаться поиск (тип: boolean)
+ * - все остальные свойства являются наследниками интерфейсов `IBaseFieldProps`, `IDataProviderConfig` и `IDataSelectConfig`
+ *
+ * Примечание: Компонент `AutoCompleteField` требует указания списка элементов (`items`) и предоставления
+ * конфигурации для провайдера данных (`dataProvider`) и выборки данных (`autoComplete` и `autoFetch`).
  */
-export interface IAutoCompleteFieldProps extends IInputFieldProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'> {
+export interface IAutoCompleteFieldProps extends IBaseFieldProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'> {
     /**
      * При фокусировке на поле ввода будет запускаться поиск
      * @example true
      */
     searchOnFocus?: boolean;
-    [key: string]: any;
 }
 export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProps, 'items'> {
-    items: Record<string, unknown>[];
+    items: IAutoCompleteItem[];
+    categories: string[];
     hoveredId: PrimaryKey | any;
     selectedIds: (PrimaryKey | any)[];
     forwardedRef: any;

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -19,6 +19,17 @@ var react_use_1 = require("react-use");
 var useComponents_1 = __importDefault(require("../../../hooks/useComponents"));
 var fieldWrapper_1 = __importDefault(require("../../../ui/form/Field/fieldWrapper"));
 var hooks_1 = require("../../../hooks");
+var getCategories = function (items) {
+    if (!items) {
+        return [];
+    }
+    return items.reduce(function (allCategories, item) {
+        if (item.category && !allCategories.includes(item.category)) {
+            allCategories.push(item.category);
+        }
+        return allCategories;
+    }, []);
+};
 function AutoCompleteField(props) {
     var components = (0, useComponents_1["default"])();
     // Query state
@@ -86,7 +97,7 @@ 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 }));
+    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) }));
 }
 AutoCompleteField.defaultProps = {
     primaryKey: 'label',
@@ -94,6 +105,6 @@ AutoCompleteField.defaultProps = {
     multiple: false,
     disabled: false,
     required: false,
-    className: ''
+    size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('AutoCompleteField', AutoCompleteField);

package/ui/form/BlankField/BlankField.d.ts

@@ -1,7 +1,25 @@
 import * as React from 'react';
 import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
-export interface IBlankFieldProps extends IFieldWrapperInputProps {
+/**
+ * BlankField
+ *
+ * Пустое поле. Он отображает переданный текст или дочерние элементы.
+ *
+ * Компонент `BlankField` принимает следующие свойства:
+ *
+ * - `text`: текст для отображения (тип: string | React.ReactNode)
+ * - `children`: дочерние элементы (тип: React.ReactNode)
+ * - все остальные свойства являются наследниками интерфейсов `IFieldWrapperInputProps` и `IUiComponent`
+ */
+export interface IBlankFieldProps extends IFieldWrapperInputProps, IUiComponent {
+    /**
+    * Текст для отображения
+    * @example 'Hello World!'
+    */
     text?: string | React.ReactNode;
+    /**
+     * Дочерние элементы
+     */
     children?: React.ReactNode;
 }
 declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IBlankFieldProps>;