@steroidsjs/core 3.0.0-beta.1 → 3.0.0-beta.100

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,16 +1,16 @@
 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';
-export { Avatar, AvatarGroup, Collapse, CollapseItem, Alert, Card, DropDown, };
-declare const _default: {
-    Avatar: typeof Avatar;
-    AvatarGroup: typeof AvatarGroup;
-    Collapse: typeof Collapse;
-    CollapseItem: typeof CollapseItem;
-    Alert: typeof Alert;
-    Card: typeof Card;
-    DropDown: typeof DropDown;
-};
-export default _default;
+import Badge from './Badge';
+import { Detail, DetailItem } from './Detail';
+import Icon from './Icon';
+import Kanban from './Kanban';
+import Menu from './Menu';
+import CopyToClipboard from './CopyToClipboard';
+import Chart from './Chart';
+import Slider from './Slider';
+import CalendarSystem from './CalendarSystem';
+import Chat from './Chat';
+export { Avatar, AvatarGroup, Accordion, AccordionItem, Alert, Card, DropDown, Badge, Detail, DetailItem, Icon, Kanban, Menu, CopyToClipboard, Chart, Slider, CalendarSystem, Chat, };

package/ui/content/index.js

@@ -3,25 +3,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.DropDown = exports.Card = exports.Alert = exports.CollapseItem = exports.Collapse = exports.AvatarGroup = exports.Avatar = void 0;
+exports.Chat = exports.CalendarSystem = exports.Slider = exports.Chart = exports.CopyToClipboard = exports.Menu = exports.Kanban = 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"));
 exports.DropDown = DropDown_1["default"];
 var Alert_1 = __importDefault(require("./Alert"));
 exports.Alert = Alert_1["default"];
-exports["default"] = {
-    Avatar: Avatar_1.Avatar,
-    AvatarGroup: Avatar_1.AvatarGroup,
-    Collapse: Collapse_1.Collapse,
-    CollapseItem: Collapse_1.CollapseItem,
-    Alert: Alert_1["default"],
-    Card: Card_1["default"],
-    DropDown: DropDown_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 Kanban_1 = __importDefault(require("./Kanban"));
+exports.Kanban = Kanban_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 Chart_1 = __importDefault(require("./Chart"));
+exports.Chart = Chart_1["default"];
+var Slider_1 = __importDefault(require("./Slider"));
+exports.Slider = Slider_1["default"];
+var CalendarSystem_1 = __importDefault(require("./CalendarSystem"));
+exports.CalendarSystem = CalendarSystem_1["default"];
+var Chat_1 = __importDefault(require("./Chat"));
+exports.Chat = Chat_1["default"];

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

@@ -1,23 +1,66 @@
 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 IApiRest {
+    index?: any;
+    create?: any;
+    update?: any;
+    delete?: any;
+    view?: any;
+    [key: string]: any | undefined;
+}
 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 +79,100 @@ export interface ICrudClickProps {
     goToAction: (nextAction: string) => any;
     errorHandler?: (error: any, dispatch: any) => void;
 }
+/**
+ * Crud
+ *
+ * Компонент CRUD (Create, Read, Update, Delete) предоставляет интерфейс для выполнения операций создания,
+ * чтения, обновления и удаления записей. Он позволяет создавать, просматривать, редактировать и удалять
+ * записи из некоторой модели данных.
+ */
 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

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -50,11 +54,11 @@ var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
 var MODE_PAGE = 'page';
 var MODE_MODAL = 'modal';
 function Crud(props) {
-    var components = hooks_1.useComponents();
-    var dispatch = useDispatch_1["default"]();
-    var _a = hooks_1.useSelector(function (state) { return utils_1.routeInfoSelector(state, props.queryKey); }), routeId = _a.routeId, routeTitle = _a.routeTitle, routeAction = _a.routeAction, routeParams = _a.routeParams, recordId = _a.recordId;
+    var components = (0, hooks_1.useComponents)();
+    var dispatch = (0, useDispatch_1["default"])();
+    var _a = (0, hooks_1.useSelector)(function (state) { return (0, utils_1.routeInfoSelector)(state, props.queryKey); }), routeId = _a.routeId, routeTitle = _a.routeTitle, routeAction = _a.routeAction, routeParams = _a.routeParams, recordId = _a.recordId;
     // Normalize items
-    var items = react_1.useMemo(function () { return utils_1.normalizeItems(props.items, {
+    var items = (0, react_1.useMemo)(function () { return (0, utils_1.normalizeItems)(props.items, {
         index: props.index || props.grid,
         create: props.create || props.form,
         update: props.update || props.form,
@@ -63,21 +67,21 @@ function Crud(props) {
     }); }, [props.create, props["delete"], props.form, props.grid, props.index, props.items, props.update, props.view]);
     // Get crud id and mode
     var crudId = props.crudId || routeId;
-    var mode = get_1["default"](items.find(function (item) { return item.actionName === routeAction; }), 'mode') || props.mode;
-    var goToAction = react_1.useCallback(function (nextAction) {
+    var mode = (0, get_1["default"])(items.find(function (item) { return item.actionName === routeAction; }), 'mode') || props.mode;
+    var goToAction = (0, react_1.useCallback)(function (nextAction) {
         var _a;
         if (nextAction === utils_1.CRUD_ACTION_INDEX) {
-            dispatch(list_1.listRefresh(crudId));
+            dispatch((0, list_1.listRefresh)(crudId));
         }
         if (routeAction !== nextAction) {
             if (mode === MODE_MODAL) {
-                dispatch(modal_1.closeModal(crudId));
+                dispatch((0, modal_1.closeModal)(crudId));
             }
-            dispatch(router_1.goToRoute(routeId, __assign(__assign({}, routeParams), (_a = {}, _a[props.queryKey] = null, _a[props.queryKey + 'Action'] = null, _a))));
+            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]);
     // Fetch record
-    var _b = useFetch_1["default"](react_1.useMemo(function () {
+    var _b = (0, useFetch_1["default"])((0, react_1.useMemo)(function () {
         var _a;
         var _b;
         if (recordId && props.restUrl) {
@@ -99,7 +103,7 @@ function Crud(props) {
         return null;
     }, [recordId, props.restUrl, props.restApi, props.primaryKey, crudId])), record = _b.data, isLoading = _b.isLoading;
     // Props for click/confirm handlers
-    var clickProps = react_1.useMemo(function () { return ({
+    var clickProps = (0, react_1.useMemo)(function () { return ({
         crudId: props.crudId,
         mode: props.mode,
         restUrl: props.restUrl,
@@ -117,10 +121,10 @@ function Crud(props) {
     }); }, [components, goToAction, props.crudId, props.mode, props.primaryKey, props.queryKey,
         props.restApi, props.restUrl, record, recordId, routeAction, routeId, routeParams]);
     // Handler for convert control item to props for button
-    var itemsToControls = react_1.useCallback(function (localRecord, localRecordId, sourceItems) { return (sourceItems || [])
+    var itemsToControls = (0, react_1.useCallback)(function (localRecord, localRecordId, sourceItems) { return (sourceItems || [])
         .map(function (crudItem) {
         var _a;
-        var button = __assign(__assign({}, omit_1["default"](crudItem, ['actionName', 'pkRequired', 'component', 'componentProps', 'visible', 'onClick'])), { confirm: typeof crudItem.confirm === 'string' ? crudItem.confirm : null });
+        var button = __assign(__assign({}, (0, omit_1["default"])(crudItem, ['actionName', 'pkRequired', 'component', 'componentProps', 'visible', 'onClick'])), { confirm: typeof crudItem.confirm === 'string' ? crudItem.confirm : null });
         var localClickProps = __assign(__assign({}, localRecord), { record: localRecord || clickProps.record, recordId: localRecordId || clickProps.recordId });
         if (crudItem.onClick) {
             button.onClick = function (e) {
@@ -144,7 +148,7 @@ function Crud(props) {
         return button;
     }); }, [clickProps, props.queryKey, routeId, routeParams]);
     // Props for CrudContent component
-    var contentProps = react_1.useMemo(function () { return ({
+    var contentProps = (0, react_1.useMemo)(function () { return ({
         crudId: crudId,
         queryKey: props.queryKey,
         primaryKey: props.primaryKey,
@@ -161,20 +165,20 @@ function Crud(props) {
     }); }, [crudId, props.queryKey, props.primaryKey, props.model, props.restUrl, props.restApi, props.grid,
         props.form, goToAction, items, itemsToControls, record, recordId]);
     // Open modal on route change
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (mode === MODE_MODAL && routeAction !== utils_1.CRUD_ACTION_INDEX) {
-            dispatch(modal_1.openModal(CrudModal_1["default"], __assign({ modalId: crudId, action: routeAction }, contentProps)));
+            dispatch((0, modal_1.openModal)(CrudModal_1["default"], __assign({ modalId: crudId, action: routeAction }, contentProps)));
         }
     }, [contentProps, crudId, dispatch, mode, routeAction]);
     // Close modal on change mode
-    react_use_1.useUpdateEffect(function () {
+    (0, react_use_1.useUpdateEffect)(function () {
         if (mode !== MODE_MODAL) {
-            dispatch(modal_1.closeModal(crudId));
+            dispatch((0, modal_1.closeModal)(crudId));
         }
     }, [crudId, dispatch, mode]);
     // Get page controls
     var controlsAction = mode === MODE_MODAL ? utils_1.CRUD_ACTION_INDEX : routeAction;
-    var controls = react_1.useMemo(function () { return itemsToControls(record, recordId, items
+    var controls = (0, react_1.useMemo)(function () { return itemsToControls(record, recordId, items
         .filter(function (crudItem) { return crudItem.visible !== false; })
         .filter(function (crudItem) { return utils_1.pageControlsMap[controlsAction]
         ? utils_1.pageControlsMap[controlsAction].includes(crudItem.actionName)
@@ -182,7 +186,9 @@ function Crud(props) {
     return components.ui.renderView(props.crudView || 'crud.CrudView', {
         title: routeTitle,
         controls: controls,
-        children: (controlsAction === utils_1.CRUD_ACTION_INDEX || !isLoading) && (React.createElement(CrudContent_1["default"], __assign({}, contentProps, { action: controlsAction })))
+        children: (controlsAction === utils_1.CRUD_ACTION_INDEX || !isLoading) && (
+        //@ts-ignore
+        React.createElement(CrudContent_1["default"], __assign({}, contentProps, { action: controlsAction })))
     });
 }
 Crud.defaultProps = {

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

@@ -1,8 +1,7 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { IGridProps } from '../../list/Grid/Grid';
 import { IFormProps } from '../../form/Form/Form';
-import { ICrudItem } from './Crud';
-import { IApiRest } from '../../../components/ApiComponent';
+import { IApiRest, ICrudItem } from './Crud';
 export interface ICrudContentProps {
     crudId?: string;
     queryKey?: string;
@@ -16,7 +15,7 @@ export interface ICrudContentProps {
     record?: Record<string, unknown>;
     recordId?: PrimaryKey;
     action?: string;
-    grid?: IGridProps | React.ReactNode;
-    form?: IFormProps | React.ReactNode;
+    grid?: IGridProps;
+    form?: IFormProps;
 }
 export default function CrudContent(props: ICrudContentProps): JSX.Element;

package/ui/crud/Crud/CrudContent.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -41,23 +45,23 @@ var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
 var Grid_1 = __importDefault(require("../../../ui/list/Grid"));
 var Form_1 = __importDefault(require("../../../ui/form/Form"));
 function CrudContent(props) {
-    var dispatch = useDispatch_1["default"]();
+    var dispatch = (0, useDispatch_1["default"])();
     // Resolve ids
     var formId = [props.crudId, 'form', props.recordId].filter(Boolean).join('_');
     // Get current crud item
     var crudItem = props.items.find(function (item) { return item.actionName === props.action; });
-    var controlsGetter = react_1.useCallback(function (record, primaryKey) { return props.itemsToControls.call(null, record, record[primaryKey] || null, props.action === utils_1.CRUD_ACTION_INDEX
+    var controlsGetter = (0, react_1.useCallback)(function (record, primaryKey) { return props.itemsToControls.call(null, record, record[primaryKey] || null, props.action === utils_1.CRUD_ACTION_INDEX
         ? props.items.filter(function (item) { return item.visible !== false && item.pkRequired; })
         : []); }, [props.action, props.items, props.itemsToControls]);
-    var formInitialValues = react_1.useMemo(function () {
+    var formInitialValues = (0, react_1.useMemo)(function () {
         var _a;
         var _b;
         return props.action === utils_1.CRUD_ACTION_UPDATE
             ? __assign(__assign({}, props.record), (_a = {}, _a[props.primaryKey] = ((_b = props.record) === null || _b === void 0 ? void 0 : _b[props.primaryKey]) || props.recordId, _a)) : undefined;
     }, [props.action, props.primaryKey, props.record, props.recordId]);
-    var onFormComplete = react_1.useCallback(function () {
+    var onFormComplete = (0, react_1.useCallback)(function () {
         window.scrollTo(0, 0);
-        dispatch(notifications_1.showNotification(__('Запись успешно обновлена.')));
+        dispatch((0, notifications_1.showNotification)(__('Запись успешно обновлена.')));
         props.goToAction.call(null, utils_1.CRUD_ACTION_INDEX);
     }, [dispatch, props.goToAction]);
     // Render content by action

package/ui/crud/Crud/CrudModal.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -42,7 +46,7 @@ function CrudModal(props) {
     // Get current item
     var crudItem = props.items.find(function (item) { return item.actionName === props.action; });
     // Close handler
-    var onModalClose = react_1.useCallback(function () {
+    var onModalClose = (0, react_1.useCallback)(function () {
         props.goToAction.call(null, utils_1.CRUD_ACTION_INDEX);
     }, [props.goToAction]);
     return (React.createElement(Modal_1["default"], { size: 'lg', title: crudItem.title || crudItem.label || null, onClose: onModalClose },

package/ui/crud/Crud/utils.js

@@ -25,7 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -93,19 +93,15 @@ var normalizeItems = function (sourceItems, fromProps) {
             position: 'right',
             confirm: function (e, props) { return __('Удалить запись {id}?', { id: props.recordId }); },
             onClick: function (e, props) { return __awaiter(void 0, void 0, void 0, function () {
-                var _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
                         case 0:
-                            if (!props.restApi) return [3 /*break*/, 2];
-                            return [4 /*yield*/, props.restApi["delete"](props.components.api, (_a = {}, _a[props.primaryKey] = props.recordId, _a))];
-                        case 1:
-                            _b.sent();
-                            props.goToAction(exports.CRUD_ACTION_INDEX);
-                            return [2 /*return*/];
-                        case 2:
-                            if (!props.restUrl) return [3 /*break*/, 4];
-                            return [4 /*yield*/, props.components.http["delete"](props.restUrl + "/" + props.recordId)
+                            if (props.restApi) {
+                                props.goToAction(exports.CRUD_ACTION_INDEX);
+                                return [2 /*return*/];
+                            }
+                            if (!props.restUrl) return [3 /*break*/, 2];
+                            return [4 /*yield*/, props.components.http["delete"]("".concat(props.restUrl, "/").concat(props.recordId))
                                     .then(function () { return props.goToAction(exports.CRUD_ACTION_INDEX); })["catch"](function (error) {
                                     if (props.errorHandler) {
                                         props.errorHandler(error, props.components.store.dispatch);
@@ -114,10 +110,10 @@ var normalizeItems = function (sourceItems, fromProps) {
                                         throw error;
                                     }
                                 })];
-                        case 3:
-                            _b.sent();
+                        case 1:
+                            _a.sent();
                             return [2 /*return*/];
-                        case 4: throw new Error('Either restApi or restUrl must be set');
+                        case 2: throw new Error('Either restApi or restUrl must be set');
                     }
                 });
             }); }
@@ -156,7 +152,7 @@ var routeInfoSelector = function (state, queryKey, mode) {
     if (!queryKey) {
         queryKey = exports.DEFAULT_QUERY_KEY;
     }
-    var routeParams = router_1.getRouteParams(state);
+    var routeParams = (0, router_1.getRouteParams)(state);
     //const isModal = !!props.modalId;
     //let action = routeAction;
     //const crudItem = items.find(item => item.actionName === action);
@@ -166,13 +162,13 @@ var routeInfoSelector = function (state, queryKey, mode) {
         recordId = null;
     }*/
     return {
-        routeId: router_1.getRouteId(state),
-        routeTitle: router_1.getRouteProp(state, null, 'title') || router_1.getRouteProp(state, null, 'label'),
-        routeAction: get_1["default"](routeParams, queryKey + 'Action') || get_1["default"](routeParams, queryKey) || exports.CRUD_ACTION_INDEX,
+        routeId: (0, router_1.getRouteId)(state),
+        routeTitle: (0, router_1.getRouteProp)(state, null, 'title') || (0, router_1.getRouteProp)(state, null, 'label'),
+        routeAction: (0, get_1["default"])(routeParams, queryKey + 'Action') || (0, get_1["default"])(routeParams, queryKey) || exports.CRUD_ACTION_INDEX,
         routeParams: routeParams,
         //action,
-        recordId: get_1["default"](routeParams, queryKey + 'Action') ? get_1["default"](routeParams, queryKey) : null,
-        hasModal: !isEmpty_1["default"](modal_1.getOpened(state))
+        recordId: (0, get_1["default"])(routeParams, queryKey + 'Action') ? (0, get_1["default"])(routeParams, queryKey) : null,
+        hasModal: !(0, isEmpty_1["default"])((0, modal_1.getOpened)(state))
     };
 };
 exports.routeInfoSelector = routeInfoSelector;

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/crud/index.js

@@ -21,7 +21,7 @@ exports.Crud = Crud_1["default"];
 var utils_1 = require("./Crud/utils");
 var generateCrud = function (routeId, props) {
     var queryKey = props.queryKey || utils_1.DEFAULT_QUERY_KEY;
-    return __assign(__assign({ id: routeId, path: trimEnd_1["default"](props.path, '/') + ("/:" + queryKey + "?/:" + queryKey + "Action?"), label: props.label, models: [
+    return __assign(__assign({ id: routeId, path: (0, trimEnd_1["default"])(props.path, '/') + "/:".concat(queryKey, "?/:").concat(queryKey, "Action?"), label: props.label, models: [
             props.model,
             props.searchModel,
         ].filter(Boolean).concat(props.models || []), enums: props.enums, component: Crud_1["default"] }, props.route), { componentProps: props });

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;