@steroidsjs/core 3.0.0-beta.74 → 3.0.0-beta.75

package/actions/list.d.ts

@@ -1,10 +1,9 @@
-import { IApiMethod } from '../components/ApiComponent';
 export interface IList {
     /**
     * Url, который вернет коллекцию элементов.
     * @example api/v1/articles
     */
-    action?: string | IApiMethod;
+    action?: string;
     /**
     * Тип HTTP запроса (GET | POST | PUT | DELETE)
     */
@@ -102,8 +101,7 @@ export declare const LIST_DESTROY = "@list/destroy";
 export declare const LIST_TOGGLE_ITEM = "@list/toggle_item";
 export declare const LIST_TOGGLE_ALL = "@list/toggle_all";
 export declare const LIST_SET_LAYOUT = "@list/set_layout";
-export declare const httpFetchHandler: (list: IList, query: any, { api, http }: {
-    api: any;
+export declare const httpFetchHandler: (list: IList, query: any, { http }: {
     http: any;
 }) => any;
 export declare const localFetchHandler: (list: IList, query: Record<string, unknown>) => {

package/actions/list.js

@@ -60,14 +60,7 @@ var createList = function (listId, props) { return ({
     layoutAttribute: (0, get_1["default"])(props, '_layout.attribute') || null
 }); };
 var httpFetchHandler = function (list, query, _a) {
-    var api = _a.api, http = _a.http;
-    if (typeof list.action === 'function') {
-        var params = __assign({}, query);
-        if (list.scope) {
-            params.scope = list.scope.join(',');
-        }
-        return list.action(api, params).then(function (response) { return response.data; });
-    }
+    var http = _a.http;
     var url = list.action;
     if (list.scope) {
         url

package/docs-autogen-result.json

@@ -14,7 +14,7 @@
                     "decorators": [],
                     "description": "Url, который вернет коллекцию элементов.",
                     "required": false,
-                    "type": "string | IApiMethod",
+                    "type": "string",
                     "example": "api/v1/articles"
                 },
                 {
@@ -214,26 +214,6 @@
                 }
             ]
         },
-        "IApiRest": {
-            "name": "IApiRest",
-            "moduleName": "components/ApiComponent",
-            "title": "",
-            "description": "",
-            "tags": {},
-            "defaultProps": null,
-            "extends": [],
-            "properties": []
-        },
-        "IApiSendConfig": {
-            "name": "IApiSendConfig",
-            "moduleName": "components/ApiComponent",
-            "title": "",
-            "description": "",
-            "tags": {},
-            "defaultProps": null,
-            "extends": [],
-            "properties": []
-        },
         "Model": {
             "name": "Model",
             "moduleName": "components/MetaComponent",
@@ -761,7 +741,7 @@
                     "decorators": [],
                     "description": "URL для подгрузки новой коллекции данных",
                     "required": false,
-                    "type": "string | IApiMethod",
+                    "type": "string",
                     "example": "'/api/v1/search'"
                 },
                 {
@@ -1139,7 +1119,7 @@
                     "decorators": [],
                     "description": "",
                     "required": false,
-                    "type": "string | IApiMethod",
+                    "type": "string",
                     "example": null
                 }
             ]
@@ -1378,7 +1358,7 @@
                     "decorators": [],
                     "description": "Url, который вернет коллекцию элементов",
                     "required": false,
-                    "type": "string | IApiMethod",
+                    "type": "string",
                     "example": "api/v1/articles"
                 },
                 {
@@ -1769,14 +1749,6 @@
             "defaultProps": null,
             "extends": [],
             "properties": [
-                {
-                    "name": "api",
-                    "decorators": [],
-                    "description": "",
-                    "required": false,
-                    "type": "any",
-                    "example": null
-                },
                 {
                     "name": "clientStorage",
                     "decorators": [],
@@ -5263,6 +5235,57 @@
                 }
             ]
         },
+        "IApiRest": {
+            "name": "IApiRest",
+            "moduleName": "ui/crud/Crud/Crud",
+            "title": "",
+            "description": "",
+            "tags": {},
+            "defaultProps": null,
+            "extends": [],
+            "properties": [
+                {
+                    "name": "create",
+                    "decorators": [],
+                    "description": "",
+                    "required": false,
+                    "type": "any",
+                    "example": null
+                },
+                {
+                    "name": "delete",
+                    "decorators": [],
+                    "description": "",
+                    "required": false,
+                    "type": "any",
+                    "example": null
+                },
+                {
+                    "name": "index",
+                    "decorators": [],
+                    "description": "",
+                    "required": false,
+                    "type": "any",
+                    "example": null
+                },
+                {
+                    "name": "update",
+                    "decorators": [],
+                    "description": "",
+                    "required": false,
+                    "type": "any",
+                    "example": null
+                },
+                {
+                    "name": "view",
+                    "decorators": [],
+                    "description": "",
+                    "required": false,
+                    "type": "any",
+                    "example": null
+                }
+            ]
+        },
         "ICrudChildrenProps": {
             "name": "ICrudChildrenProps",
             "moduleName": "ui/crud/Crud/Crud",
@@ -12912,7 +12935,7 @@
                     "decorators": [],
                     "description": "Url на который будет отправлена форма",
                     "required": false,
-                    "type": "string | IApiMethod",
+                    "type": "string",
                     "example": "api/v1/handle-form"
                 },
                 {
@@ -15808,7 +15831,7 @@
                     "decorators": [],
                     "description": "Свойства для элемента input",
                     "required": true,
-                    "type": "{disabled: boolean, max: string | number, min: string | number, name: string, onChange: {}, placeholder: string, step: string | number, type: string, value: number}",
+                    "type": "{disabled: boolean, max: number, min: number, name: string, onChange: {}, placeholder: string, step: string | number, type: string, value: number}",
                     "example": null
                 },
                 {
@@ -17701,7 +17724,7 @@
             "name": "IReCaptchaFieldProps",
             "moduleName": "ui/form/ReCaptchaField/ReCaptchaField",
             "title": "ReCaptchaField",
-            "description": "Компонент для использования ReCAPTCHA v3 от Google: https://developers.google.com/recaptcha/docs/v3.\nЧтобы добавить ReCAPTCHA в форму необходимо:\n1) Передать siteKey в ResourceComponent.\n2) Поместить на сайт скрипт от Google с помощью метода экземпляра ResourceComponent\n(скрипт анализирует поведение пользователя).\n3) Разместить ReCaptchaField внутри компонента Form. На событие формы onSubmit отправится запрос в Google для\nполучения токена. Далее этот токен с остальными данными формы отправится на бэкенд.\nСам компонент отображает ссылки на политику конфиденциальности и условия использования сервисов Google.",
+            "description": "Компонент для использования ReCAPTCHA v3 от Google.\nЧтобы добавить ReCAPTCHA в форму необходимо:\n1) Передать siteKey в ResourceComponent.\n2) Поместить на сайт скрипт от Google с помощью метода экземпляра ResourceComponent\n(скрипт анализирует поведение пользователя).\n3) Разместить ReCaptchaField внутри компонента Form. На событие формы onSubmit отправится запрос в Google для\nполучения токена. Далее этот токен с остальными данными формы отправится на бэкенд.\nСам компонент отображает ссылки на политику конфиденциальности и условия использования сервисов Google.",
             "tags": {},
             "defaultProps": null,
             "extends": [
@@ -23467,7 +23490,7 @@
                     "decorators": [],
                     "description": "Url, который вернет коллекцию элементов",
                     "required": false,
-                    "type": "string | IApiMethod",
+                    "type": "string",
                     "example": "api/v1/articles"
                 },
                 {
@@ -23980,7 +24003,7 @@
                     "decorators": [],
                     "description": "Url, который вернет коллекцию элементов",
                     "required": false,
-                    "type": "string | IApiMethod",
+                    "type": "string",
                     "example": "api/v1/articles"
                 },
                 {
@@ -24907,7 +24930,7 @@
                     "decorators": [],
                     "description": "Url на который будет отправлена форма",
                     "required": false,
-                    "type": "string | IApiMethod",
+                    "type": "string",
                     "example": "api/v1/handle-form"
                 },
                 {
@@ -27245,6 +27268,14 @@
             "defaultProps": null,
             "extends": [],
             "properties": [
+                {
+                    "name": "alwaysOpened",
+                    "decorators": [],
+                    "description": " Используется для управления раскрытием всех элементов в дереве",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null
+                },
                 {
                     "name": "autoOpenLevels",
                     "decorators": [],
@@ -27338,6 +27369,14 @@
                 "ITreeProps"
             ],
             "properties": [
+                {
+                    "name": "alwaysOpened",
+                    "decorators": [],
+                    "description": " Используется для управления раскрытием всех элементов в дереве",
+                    "required": false,
+                    "type": "boolean",
+                    "example": null
+                },
                 {
                     "name": "autoOpenLevels",
                     "decorators": [],
@@ -27584,14 +27623,6 @@
         }
     },
     "declarations": {
-        "IApiMethod": {
-            "name": "IApiMethod",
-            "decorators": [],
-            "description": "",
-            "required": true,
-            "type": "{}",
-            "example": null
-        },
         "ListControlPosition": {
             "name": "ListControlPosition",
             "decorators": [],
@@ -27924,15 +27955,6 @@
                 }
             ]
         },
-        "components/ApiComponent": {
-            "name": "default",
-            "moduleName": "components/ApiComponent",
-            "title": "Http Component",
-            "description": "Обертка над Axios для запросов на бекенд. Поддерживает токен авторизации, CSRF и обработку ошибок.",
-            "tags": {},
-            "properties": [],
-            "methods": []
-        },
         "components/ClientStorageComponent": {
             "name": "default",
             "moduleName": "components/ClientStorageComponent",

package/en.json

@@ -40,7 +40,7 @@
     "\nКомпонент RadioField представляет собой элемент выбора типа \"radio\". Он позволяет пользователю выбрать один вариант из нескольких предложенных.\n": "\nRadioField component represents a \"radio\" type selection element. It allows the user to choose one option from several presented.\n",
     "Список с радиокнопками. Используется в формах для выбора одного значения.": "List with radio buttons. Used in forms to select one value.",
     "\nПоле для проставления рейтинга\n": "\nRating input field\n",
-    "Компонент для использования ReCAPTCHA v3 от Google: https://developers.google.com/recaptcha/docs/v3.\nЧтобы добавить ReCAPTCHA в форму необходимо:\n1) Передать siteKey в ResourceComponent.\n2) Поместить на сайт скрипт от Google с помощью метода экземпляра ResourceComponent\n(скрипт анализирует поведение пользователя).\n3) Разместить ReCaptchaField внутри компонента Form. На событие формы onSubmit отправится запрос в Google для\nполучения токена. Далее этот токен с остальными данными формы отправится на бэкенд.\nСам компонент отображает ссылки на политику конфиденциальности и условия использования сервисов Google.": "Component for using Google ReCAPTCHA v3: https://developers.google.com/recaptcha/docs/v3.\nTo add ReCAPTCHA to a form:\n1) Pass the siteKey to the ResourceComponent.\n2) Embed the Google script on the site using the ResourceComponent instance method\n(the script analyzes user behavior).\n3) Place ReCaptchaField inside the Form component. On the form's onSubmit event, a request will be sent to Google to\nretrieve a token. Then, this token along with other form data will be sent to the backend.\nThe component also displays links to Google's privacy policy and terms of use.",
+    "Компонент для использования ReCAPTCHA v3 от Google.\nЧтобы добавить ReCAPTCHA в форму необходимо:\n1) Передать siteKey в ResourceComponent.\n2) Поместить на сайт скрипт от Google с помощью метода экземпляра ResourceComponent\n(скрипт анализирует поведение пользователя).\n3) Разместить ReCaptchaField внутри компонента Form. На событие формы onSubmit отправится запрос в Google для\nполучения токена. Далее этот токен с остальными данными формы отправится на бэкенд.\nСам компонент отображает ссылки на политику конфиденциальности и условия использования сервисов Google.": "Component for using Google ReCAPTCHA v3\nTo add ReCAPTCHA to a form:\n1) Pass the siteKey to the ResourceComponent.\n2) Embed the Google script on the site using the ResourceComponent instance method\n(the script analyzes user behavior).\n3) Place ReCaptchaField inside the Form component. On the form's onSubmit event, a request will be sent to Google to\nretrieve a token. Then, this token along with other form data will be sent to the backend.\nThe component also displays links to Google's privacy policy and terms of use.",
     "Компонент с ползунком для выбора числового значения в пределах указанного промежутка": "Slider component for selecting a numerical value within a specified range",
     "Список с кнопками. Используется для выбора одного значения.": "List with buttons. Used to select one value.",
     "Поле для ввода нескольких строк текста": "Textarea input field for entering multiple lines of text",
@@ -781,5 +781,6 @@
     " Список со всеми элементами": " List with all elements",
     "  Элементы меню": " Menu Items",
     "При указании данного свойства, после нажатия на кнопку и до выполнения действия будет отображено нативное\nокно с текстом подтверждения - `window.confirm('Ваш текст')`.": "When this property is specified, after clicking the button and before performing the action, a native \nwindow with the confirmation text will be displayed - `window.confirm('Your text')`.",
-    "Контент, который отобразиться, если элемент навигации будет активен": "The content that will be displayed if the navigation element is active"
+    "Контент, который отобразиться, если элемент навигации будет активен": "The content that will be displayed if the navigation element is active",
+    " Используется для управления раскрытием всех элементов в дереве": " Used to control the expansion of all items in the tree"
 }

package/hooks/useDataProvider.d.ts

@@ -1,4 +1,3 @@
-import { IApiMethod } from '../components/ApiComponent';
 import Enum from '../base/Enum';
 export interface IAutoCompleteConfig {
     /**
@@ -35,7 +34,7 @@ export interface IDataProvider {
      * URL для подгрузки новой коллекции данных
      * @example '/api/v1/search'
      */
-    action?: string | IApiMethod;
+    action?: string;
     /**
      * Параметры запроса
      * @example {pageSize: 3}

package/hooks/useDataProvider.js

@@ -132,10 +132,9 @@ function useDataProvider(config) {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        searchHandler = dataProvider.onSearch || (typeof dataProvider.action === 'function'
-                            ? function (method, params) { return method(components.api, params).then(function (response) { return response.data; }); }
-                            : function (method, params) { return components.http.send(dataProvider.actionMethod, method, params)
-                                .then(function (response) { return response.data; }); });
+                        searchHandler = dataProvider.onSearch || (function (method, params) { return components.http
+                            .send(dataProvider.actionMethod, method, params)
+                            .then(function (response) { return response.data; }); });
                         result = searchHandler(dataProvider.action, __assign(__assign(__assign({ query: config.query }, (isAuto ? { ids: config.initialSelectedIds } : null)), (((_a = config.initialSelectedIds) === null || _a === void 0 ? void 0 : _a.length) > 0 ? { withIds: config.initialSelectedIds } : null)), config.dataProvider.params));
                         if (!(result && (0, isFunction_1["default"])(result.then))) return [3 /*break*/, 2];
                         setIsLoading(true);
@@ -179,7 +178,7 @@ function useDataProvider(config) {
                 delayTimerRef.current = setTimeout(fetchRemote, autoComplete.delay);
             }
         }
-    }, [autoComplete, components.api, components.http, config.autoFetch,
+    }, [autoComplete, components.http, config.autoFetch,
         config.dataProvider, config.initialSelectedIds, config.query, dataProvider,
         dataProvider.action, dataProvider.onSearch, prevParams, prevQuery, prevValues, setSourceItems, sourceItems]);
     return {

package/hooks/useFetch.d.ts

@@ -1,6 +1,5 @@
 import { AxiosError } from 'axios';
 import { IComponents } from '../providers/ComponentsProvider';
-import { IApiMethod } from '../components/ApiComponent';
 declare global {
     interface Window {
         APP_PRELOADED_DATA: any;
@@ -8,7 +7,7 @@ declare global {
 }
 export interface IFetchConfig {
     id?: string | number;
-    url?: string | IApiMethod;
+    url?: string;
     method?: 'get' | 'post' | string;
     params?: Record<string, unknown>;
     onFetch?: (config: IFetchConfig, components: IComponents, addCancelToken: (token: any) => any) => any;

package/hooks/useFetch.js

@@ -75,9 +75,6 @@ var defaultFetchHandler = function (config, components, addCancelToken) {
     var cancelToken = new axios_1["default"].CancelToken(function (cancel) {
         addCancelToken(cancel);
     });
-    if (typeof config.url === 'function') {
-        return config.url(components.api, config.params, config.options).then(function (result) { return result.data; });
-    }
     return components.http
         .send(config.method, config.url, config.params, __assign(__assign({}, config.options), { cancelToken: cancelToken }))
         .then(function (result) { return result.data; });

package/hooks/useList.d.ts

@@ -1,4 +1,3 @@
-import { IApiMethod } from '../components/ApiComponent';
 import { IAddressBarConfig } from '../hooks/useAddressBar';
 import { IList } from '../actions/list';
 import { ILayoutNamesProps } from '../ui/list/LayoutNames/LayoutNames';
@@ -41,7 +40,7 @@ export interface IListConfig {
      * Url, который вернет коллекцию элементов
      * @example api/v1/articles
      */
-    action?: string | IApiMethod;
+    action?: string;
     /**
      * Тип HTTP запроса (GET | POST | PUT | DELETE)
      * @example GET

package/package.json

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

package/providers/ComponentsProvider.d.ts

@@ -8,7 +8,6 @@ declare global {
     }
 }
 export interface IComponents {
-    api?: any;
     clientStorage?: any;
     html?: any;
     http?: any;

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

@@ -1,10 +1,17 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { IApiRest } from '../../../components/ApiComponent';
 import { IComponents } from '../../../providers/ComponentsProvider';
 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'> {
     /**
     * Заголовок

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

@@ -1,8 +1,7 @@
 /// <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;

package/ui/crud/Crud/utils.js

@@ -93,18 +93,14 @@ 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];
+                            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) {
@@ -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');
                     }
                 });
             }); }

package/ui/form/Form/Form.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { IAddressBarConfig } from '../../../hooks/useAddressBar';
-import { IApiMethod } from '../../../components/ApiComponent';
 import { IFieldProps } from '../Field/Field';
 /**
  * Form
@@ -27,7 +26,7 @@ export interface IFormProps extends IUiComponent {
      * Url на который будет отправлена форма
      * @example api/v1/handle-form
      */
-    action?: string | IApiMethod;
+    action?: string;
     /**
      * Тип HTTP запроса (GET | POST | PUT | DELETE)
      * @example POST

package/ui/form/Form/Form.js

@@ -157,11 +157,11 @@ function Form(props) {
     var onSubmit = (0, react_1.useCallback)(function (e) {
         if (e === void 0) { e = null; }
         return __awaiter(_this, void 0, void 0, function () {
-            var cleanedValues, submitResult, captchaAttribute, googleCaptcha, captchaToken, options, response, _a, requestError_1, data;
-            var _b;
+            var cleanedValues, submitResult, captchaAttribute, googleCaptcha, captchaToken, options, response, requestError_1, data;
+            var _a;
             var _this = this;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         dispatch((0, form_2.formSetSubmitting)(props.formId, true));
                         // TODO
@@ -206,7 +206,7 @@ function Form(props) {
                         if (!props.onSubmit) return [3 /*break*/, 2];
                         return [4 /*yield*/, props.onSubmit.call(null, cleanedValues)];
                     case 1:
-                        submitResult = _c.sent();
+                        submitResult = _b.sent();
                         dispatch((0, form_2.formSetSubmitting)(props.formId, false));
                         return [2 /*return*/, submitResult];
                     case 2:
@@ -220,16 +220,16 @@ function Form(props) {
                         if (!(captchaAttribute && components.resource.googleCaptchaSiteKey)) return [3 /*break*/, 5];
                         return [4 /*yield*/, components.resource.loadGoogleCaptcha()];
                     case 3:
-                        googleCaptcha = _c.sent();
+                        googleCaptcha = _b.sent();
                         return [4 /*yield*/, getCaptchaToken({
                                 googleCaptcha: googleCaptcha,
                                 siteKey: components.resource.googleCaptchaSiteKey,
                                 actionName: props.captchaActionName
                             })];
                     case 4:
-                        captchaToken = _c.sent();
-                        cleanedValues = __assign(__assign({}, cleanedValues), (_b = {}, _b[captchaAttribute] = captchaToken, _b));
-                        _c.label = 5;
+                        captchaToken = _b.sent();
+                        cleanedValues = __assign(__assign({}, cleanedValues), (_a = {}, _a[captchaAttribute] = captchaToken, _a));
+                        _b.label = 5;
                     case 5:
                         options = {
                             onTwoFactor: props.onTwoFactor
@@ -255,23 +255,15 @@ function Form(props) {
                                 }); }
                                 : undefined
                         };
-                        _c.label = 6;
+                        _b.label = 6;
                     case 6:
-                        _c.trys.push([6, 11, , 12]);
-                        if (!(typeof props.action === 'function')) return [3 /*break*/, 8];
-                        return [4 /*yield*/, props.action.call(null, components.api, cleanedValues, options)];
+                        _b.trys.push([6, 8, , 9]);
+                        return [4 /*yield*/, components.http.send(props.actionMethod, props.action || window.location.pathname, cleanedValues, options)];
                     case 7:
-                        _a = _c.sent();
-                        return [3 /*break*/, 10];
-                    case 8: return [4 /*yield*/, components.http.send(props.actionMethod, props.action || window.location.pathname, cleanedValues, options)];
-                    case 9:
-                        _a = _c.sent();
-                        _c.label = 10;
-                    case 10:
-                        response = _a;
-                        return [3 /*break*/, 12];
-                    case 11:
-                        requestError_1 = _c.sent();
+                        response = _b.sent();
+                        return [3 /*break*/, 9];
+                    case 8:
+                        requestError_1 = _b.sent();
                         console.error(requestError_1); // eslint-disable-line no-console
                         dispatch((0, form_2.formSetSubmitting)(props.formId, false));
                         if (typeof props.onError === 'function') {
@@ -281,7 +273,7 @@ function Form(props) {
                             reduxDispatch((0, notifications_1.showNotification)(props.submitErrorMessage || __('Ошибка сервера'), 'danger'));
                         }
                         return [2 /*return*/, null];
-                    case 12:
+                    case 9:
                         // Skip on 2fa
                         if (response.twoFactor) {
                             dispatch((0, form_2.formSetSubmitting)(props.formId, false));
@@ -314,7 +306,7 @@ function Form(props) {
             });
         });
     }, [dispatch, props, values, components.ui, components.resource,
-        components.http, components.api, reduxDispatch, setErrors]);
+        components.http, reduxDispatch, setErrors]);
     // Manual submit form by reducer action
     var prevSubmitCounter = (0, react_use_1.usePrevious)(submitCounter);
     (0, react_use_1.useUpdateEffect)(function () {

package/ui/form/ReCaptchaField/ReCaptchaField.d.ts

@@ -2,7 +2,7 @@
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * ReCaptchaField
- * Компонент для использования ReCAPTCHA v3 от Google: https://developers.google.com/recaptcha/docs/v3.
+ * Компонент для использования ReCAPTCHA v3 от Google.
  * Чтобы добавить ReCAPTCHA в форму необходимо:
  * 1) Передать siteKey в ResourceComponent.
  * 2) Поместить на сайт скрипт от Google с помощью метода экземпляра ResourceComponent

package/ui/list/List/List.d.ts

@@ -39,6 +39,7 @@ export interface IListItemViewProps {
         id?: PrimaryKey;
         title?: string | any;
         label?: string | any;
+        [key: string]: any;
     };
     index: number;
     className?: CssClassName;

package/components/ApiComponent.d.ts

@@ -1,23 +0,0 @@
-export interface IApiSendConfig {
-    method?: HttpMethod;
-    url?: string;
-    params?: Record<string, unknown>;
-}
-export type IApiMethod = (api: any, params?: Record<string, unknown>, options?: Record<string, unknown>) => Promise<any>;
-export interface IApiRest {
-    index?: IApiMethod;
-    create?: IApiMethod;
-    update?: IApiMethod;
-    delete?: IApiMethod;
-    view?: IApiMethod;
-    [key: string]: IApiMethod | undefined;
-}
-/**
- * Http Component
- * Обертка над Axios для запросов на бекенд. Поддерживает токен авторизации, CSRF и обработку ошибок.
- */
-export default class ApiComponent {
-    _components: any;
-    constructor(components: any);
-    send(config: IApiSendConfig): Promise<any>;
-}

package/components/ApiComponent.js

@@ -1,75 +0,0 @@
-"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        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]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-exports.__esModule = true;
-/**
- * Http Component
- * Обертка над Axios для запросов на бекенд. Поддерживает токен авторизации, CSRF и обработку ошибок.
- */
-var ApiComponent = /** @class */ (function () {
-    function ApiComponent(components) {
-        this._components = components;
-    }
-    ApiComponent.prototype.send = function (config) {
-        return __awaiter(this, void 0, void 0, function () {
-            var method, params, url;
-            return __generator(this, function (_a) {
-                method = config.method || 'get';
-                params = __assign({}, config.params);
-                url = config.url.replace(/{([0-9a-z_]+)}/ig, function (str, key) {
-                    var value = params[key];
-                    delete params[key];
-                    return value;
-                });
-                return [2 /*return*/, this._components.http.send(method, url, params)];
-            });
-        });
-    };
-    return ApiComponent;
-}());
-exports["default"] = ApiComponent;