@steroidsjs/core 2.3.0-beta.7 → 3.0.0-beta.1

package/ui/crud/Crud/utils.js

@@ -1,178 +1,178 @@
-"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 (_) 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 };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var _a;
-exports.__esModule = true;
-exports.routeInfoSelector = exports.normalizeItems = exports.pageControlsMap = exports.CRUD_ACTION_DELETE = exports.CRUD_ACTION_VIEW = exports.CRUD_ACTION_UPDATE = exports.CRUD_ACTION_CREATE = exports.CRUD_ACTION_INDEX = exports.DEFAULT_QUERY_KEY = exports.DEFAULT_PRIMARY_KEY = void 0;
-var get_1 = __importDefault(require("lodash-es/get"));
-var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
-var CrudDetail_1 = __importDefault(require("../../../ui/crud/Crud/CrudDetail"));
-var router_1 = require("../../../reducers/router");
-var modal_1 = require("../../../reducers/modal");
-exports.DEFAULT_PRIMARY_KEY = 'id';
-exports.DEFAULT_QUERY_KEY = 'id';
-exports.CRUD_ACTION_INDEX = 'index';
-exports.CRUD_ACTION_CREATE = 'create';
-exports.CRUD_ACTION_UPDATE = 'update';
-exports.CRUD_ACTION_VIEW = 'view';
-exports.CRUD_ACTION_DELETE = 'delete';
-exports.pageControlsMap = (_a = {},
-    _a[exports.CRUD_ACTION_INDEX] = [exports.CRUD_ACTION_CREATE],
-    _a[exports.CRUD_ACTION_CREATE] = [exports.CRUD_ACTION_INDEX],
-    _a[exports.CRUD_ACTION_UPDATE] = [exports.CRUD_ACTION_INDEX, exports.CRUD_ACTION_DELETE],
-    _a[exports.CRUD_ACTION_VIEW] = [exports.CRUD_ACTION_INDEX, exports.CRUD_ACTION_UPDATE, exports.CRUD_ACTION_DELETE],
-    _a);
-var normalizeItems = function (sourceItems, fromProps) {
-    // Defaults
-    var defaultItems = {
-        index: {
-            pkRequired: false
-        },
-        create: {
-            title: __('Добавление'),
-            pkRequired: false
-        },
-        update: {
-            title: __('Редактирование'),
-            controlsInclude: ['create', 'delete', 'view']
-        },
-        view: {
-            title: __('Просмотр'),
-            component: CrudDetail_1["default"],
-            controlsInclude: ['update', 'delete']
-        },
-        "delete": {
-            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) {
-                        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)
-                                    .then(function () { return props.goToAction(exports.CRUD_ACTION_INDEX); })["catch"](function (error) {
-                                    if (props.errorHandler) {
-                                        props.errorHandler(error, props.components.store.dispatch);
-                                    }
-                                    else {
-                                        throw error;
-                                    }
-                                })];
-                        case 3:
-                            _b.sent();
-                            return [2 /*return*/];
-                        case 4: throw new Error('Either restApi or restUrl must be set');
-                    }
-                });
-            }); }
-        }
-    };
-    var items = {};
-    // Array -> Object
-    if (Array.isArray(sourceItems)) {
-        items = sourceItems.reduce(function (obj, item) {
-            obj[item.id] = __assign({}, item);
-            return obj;
-        }, {});
-    }
-    else if (sourceItems) {
-        items = sourceItems;
-    }
-    // Merge with defaults
-    Object.keys(defaultItems).forEach(function (id) {
-        items[id] = __assign(__assign({ id: id }, defaultItems[id]), items[id]);
-        if (typeof fromProps[id] === 'object') {
-            items[id] = __assign(__assign({}, items[id]), fromProps[id]);
-        }
-        if (typeof fromProps[id] === 'function') {
-            items[id].component = fromProps[id];
-        }
-        if (fromProps[id] === false) {
-            items[id].visible = false;
-        }
-    });
-    // Object -> Array + defaults
-    return Object.keys(items).map(function (id) { return (__assign({ id: id, actionName: id, pkRequired: true }, items[id])); });
-};
-exports.normalizeItems = normalizeItems;
-var routeInfoSelector = function (state, queryKey, mode) {
-    if (mode === void 0) { mode = null; }
-    if (!queryKey) {
-        queryKey = exports.DEFAULT_QUERY_KEY;
-    }
-    var routeParams = router_1.getRouteParams(state);
-    //const isModal = !!props.modalId;
-    //let action = routeAction;
-    //const crudItem = items.find(item => item.actionName === action);
-    /*const mode = crudItem && crudItem.mode || props.mode || DEFAULT_MODE;
-    if (mode === MODE_MODAL && !isModal) {
-        action = CRUD_ACTION_INDEX;
-        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,
-        routeParams: routeParams,
-        //action,
-        recordId: get_1["default"](routeParams, queryKey + 'Action') ? get_1["default"](routeParams, queryKey) : null,
-        hasModal: !isEmpty_1["default"](modal_1.getOpened(state))
-    };
-};
-exports.routeInfoSelector = routeInfoSelector;
+"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 (_) 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 };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+exports.__esModule = true;
+exports.routeInfoSelector = exports.normalizeItems = exports.pageControlsMap = exports.CRUD_ACTION_DELETE = exports.CRUD_ACTION_VIEW = exports.CRUD_ACTION_UPDATE = exports.CRUD_ACTION_CREATE = exports.CRUD_ACTION_INDEX = exports.DEFAULT_QUERY_KEY = exports.DEFAULT_PRIMARY_KEY = void 0;
+var get_1 = __importDefault(require("lodash-es/get"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
+var CrudDetail_1 = __importDefault(require("../../../ui/crud/Crud/CrudDetail"));
+var router_1 = require("../../../reducers/router");
+var modal_1 = require("../../../reducers/modal");
+exports.DEFAULT_PRIMARY_KEY = 'id';
+exports.DEFAULT_QUERY_KEY = 'id';
+exports.CRUD_ACTION_INDEX = 'index';
+exports.CRUD_ACTION_CREATE = 'create';
+exports.CRUD_ACTION_UPDATE = 'update';
+exports.CRUD_ACTION_VIEW = 'view';
+exports.CRUD_ACTION_DELETE = 'delete';
+exports.pageControlsMap = (_a = {},
+    _a[exports.CRUD_ACTION_INDEX] = [exports.CRUD_ACTION_CREATE],
+    _a[exports.CRUD_ACTION_CREATE] = [exports.CRUD_ACTION_INDEX],
+    _a[exports.CRUD_ACTION_UPDATE] = [exports.CRUD_ACTION_INDEX, exports.CRUD_ACTION_DELETE],
+    _a[exports.CRUD_ACTION_VIEW] = [exports.CRUD_ACTION_INDEX, exports.CRUD_ACTION_UPDATE, exports.CRUD_ACTION_DELETE],
+    _a);
+var normalizeItems = function (sourceItems, fromProps) {
+    // Defaults
+    var defaultItems = {
+        index: {
+            pkRequired: false
+        },
+        create: {
+            title: __('Добавление'),
+            pkRequired: false
+        },
+        update: {
+            title: __('Редактирование'),
+            controlsInclude: ['create', 'delete', 'view']
+        },
+        view: {
+            title: __('Просмотр'),
+            component: CrudDetail_1["default"],
+            controlsInclude: ['update', 'delete']
+        },
+        "delete": {
+            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) {
+                        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)
+                                    .then(function () { return props.goToAction(exports.CRUD_ACTION_INDEX); })["catch"](function (error) {
+                                    if (props.errorHandler) {
+                                        props.errorHandler(error, props.components.store.dispatch);
+                                    }
+                                    else {
+                                        throw error;
+                                    }
+                                })];
+                        case 3:
+                            _b.sent();
+                            return [2 /*return*/];
+                        case 4: throw new Error('Either restApi or restUrl must be set');
+                    }
+                });
+            }); }
+        }
+    };
+    var items = {};
+    // Array -> Object
+    if (Array.isArray(sourceItems)) {
+        items = sourceItems.reduce(function (obj, item) {
+            obj[item.id] = __assign({}, item);
+            return obj;
+        }, {});
+    }
+    else if (sourceItems) {
+        items = sourceItems;
+    }
+    // Merge with defaults
+    Object.keys(defaultItems).forEach(function (id) {
+        items[id] = __assign(__assign({ id: id }, defaultItems[id]), items[id]);
+        if (typeof fromProps[id] === 'object') {
+            items[id] = __assign(__assign({}, items[id]), fromProps[id]);
+        }
+        if (typeof fromProps[id] === 'function') {
+            items[id].component = fromProps[id];
+        }
+        if (fromProps[id] === false) {
+            items[id].visible = false;
+        }
+    });
+    // Object -> Array + defaults
+    return Object.keys(items).map(function (id) { return (__assign({ id: id, actionName: id, pkRequired: true }, items[id])); });
+};
+exports.normalizeItems = normalizeItems;
+var routeInfoSelector = function (state, queryKey, mode) {
+    if (mode === void 0) { mode = null; }
+    if (!queryKey) {
+        queryKey = exports.DEFAULT_QUERY_KEY;
+    }
+    var routeParams = router_1.getRouteParams(state);
+    //const isModal = !!props.modalId;
+    //let action = routeAction;
+    //const crudItem = items.find(item => item.actionName === action);
+    /*const mode = crudItem && crudItem.mode || props.mode || DEFAULT_MODE;
+    if (mode === MODE_MODAL && !isModal) {
+        action = CRUD_ACTION_INDEX;
+        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,
+        routeParams: routeParams,
+        //action,
+        recordId: get_1["default"](routeParams, queryKey + 'Action') ? get_1["default"](routeParams, queryKey) : null,
+        hasModal: !isEmpty_1["default"](modal_1.getOpened(state))
+    };
+};
+exports.routeInfoSelector = routeInfoSelector;

package/ui/crud/index.d.ts

@@ -1,36 +1,36 @@
-import Crud from './Crud';
-import { IRouteItem } from '../nav/Router/Router';
-import { ICrudProps } from './Crud/Crud';
-export interface ICrudGeneratorProps extends ICrudProps {
-    path?: string;
-    label?: string;
-    models?: string | string[];
-    enums?: string | string[];
-    route?: IRouteItem;
-}
-export interface ICrudGeneratorRouteProps extends IRouteItem {
-    queryKey?: 'id' | string;
-}
-export { Crud };
-export declare const generateCrud: (routeId: string, props: ICrudGeneratorProps) => {
-    componentProps: ICrudGeneratorProps;
-    id: string;
-    label: string;
-    title?: string;
-    path: string;
-    exact?: boolean;
-    redirectTo?: string | boolean;
-    component: any;
-    layout?: string;
-    isVisible?: boolean;
-    isNavVisible?: boolean;
-    models: string | string[];
-    enums: string | string[];
-    role?: string;
-    roles?: string[];
-    fetch?: import("../../hoc/fetch").IFetchHocConfigFunc;
-    items?: IRouteItem[] | {
-        [key: string]: IRouteItem;
-    };
-    preloadData?: (match: Record<string, any>) => (import("../../hooks/useFetch").IFetchConfig | import("../list/List/List").IListProps)[];
-};
+import Crud from './Crud';
+import { IRouteItem } from '../nav/Router/Router';
+import { ICrudProps } from './Crud/Crud';
+export interface ICrudGeneratorProps extends ICrudProps {
+    path?: string;
+    label?: string;
+    models?: string | string[];
+    enums?: string | string[];
+    route?: IRouteItem;
+}
+export interface ICrudGeneratorRouteProps extends IRouteItem {
+    queryKey?: 'id' | string;
+}
+export { Crud };
+export declare const generateCrud: (routeId: string, props: ICrudGeneratorProps) => {
+    componentProps: ICrudGeneratorProps;
+    id: string;
+    label: string;
+    title?: string;
+    path: string;
+    exact?: boolean;
+    redirectTo?: string | boolean;
+    component: any;
+    layout?: string;
+    isVisible?: boolean;
+    isNavVisible?: boolean;
+    models: string | string[];
+    enums: string | string[];
+    role?: string;
+    roles?: string[];
+    fetch?: import("../../hoc/fetch").IFetchHocConfigFunc;
+    items?: IRouteItem[] | {
+        [key: string]: IRouteItem;
+    };
+    preloadData?: (match: Record<string, any>) => (import("../../hooks/useFetch").IFetchConfig | import("../list/List/List").IListProps)[];
+};

package/ui/crud/index.js

@@ -1,29 +1,29 @@
-"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;
-exports.generateCrud = exports.Crud = void 0;
-var trimEnd_1 = __importDefault(require("lodash-es/trimEnd"));
-var Crud_1 = __importDefault(require("./Crud"));
-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: [
-            props.model,
-            props.searchModel,
-        ].filter(Boolean).concat(props.models || []), enums: props.enums, component: Crud_1["default"] }, props.route), { componentProps: props });
-};
-exports.generateCrud = generateCrud;
+"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;
+exports.generateCrud = exports.Crud = void 0;
+var trimEnd_1 = __importDefault(require("lodash-es/trimEnd"));
+var Crud_1 = __importDefault(require("./Crud"));
+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: [
+            props.model,
+            props.searchModel,
+        ].filter(Boolean).concat(props.models || []), enums: props.enums, component: Crud_1["default"] }, props.route), { componentProps: props });
+};
+exports.generateCrud = generateCrud;

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

@@ -1,39 +1,39 @@
-import * as React from 'react';
-import { IDataProviderConfig } from '../../../hooks/useDataProvider';
-import { IDataSelectConfig } from '../../../hooks/useDataSelect';
-import { IInputFieldProps } from '../InputField/InputField';
-/**
- * AutoComplete
- * Поле ввода текста с подсказками (auto-complete)
- */
-export interface IAutoCompleteFieldProps extends IInputFieldProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'> {
-    /**
-     * При фокусировке на поле ввода будет запускаться поиск
-     * @example true
-     */
-    searchOnFocus?: boolean;
-    [key: string]: any;
-}
-export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProps, 'items'> {
-    items: Record<string, unknown>[];
-    hoveredId: PrimaryKey | any;
-    selectedIds: (PrimaryKey | any)[];
-    forwardedRef: any;
-    inputProps: {
-        type: string;
-        name: string;
-        placeholder?: string;
-        value: string | number;
-        disabled: boolean;
-        onChange: (value: string) => void;
-        onFocus: (e: Event | React.FocusEvent) => void;
-        onBlur: (e: Event | React.FocusEvent) => void;
-        className?: CssClassName;
-    };
-    isOpened: boolean;
-    isLoading?: boolean;
-    onItemSelect: (id: PrimaryKey | any) => void;
-    onItemHover: (id: PrimaryKey | any) => void;
-}
-declare const _default: import("../../../ui/form/Field/fieldWrapper").FieldWrapperComponent<IAutoCompleteFieldProps>;
-export default _default;
+import * as React from 'react';
+import { IDataProviderConfig } from '../../../hooks/useDataProvider';
+import { IDataSelectConfig } from '../../../hooks/useDataSelect';
+import { IInputFieldProps } from '../InputField/InputField';
+/**
+ * AutoComplete
+ * Поле ввода текста с подсказками (auto-complete)
+ */
+export interface IAutoCompleteFieldProps extends IInputFieldProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'> {
+    /**
+     * При фокусировке на поле ввода будет запускаться поиск
+     * @example true
+     */
+    searchOnFocus?: boolean;
+    [key: string]: any;
+}
+export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProps, 'items'> {
+    items: Record<string, unknown>[];
+    hoveredId: PrimaryKey | any;
+    selectedIds: (PrimaryKey | any)[];
+    forwardedRef: any;
+    inputProps: {
+        type: string;
+        name: string;
+        placeholder?: string;
+        value: string | number;
+        disabled: boolean;
+        onChange: (value: string) => void;
+        onFocus: (e: Event | React.FocusEvent) => void;
+        onBlur: (e: Event | React.FocusEvent) => void;
+        className?: CssClassName;
+    };
+    isOpened: boolean;
+    isLoading?: boolean;
+    onItemSelect: (id: PrimaryKey | any) => void;
+    onItemHover: (id: PrimaryKey | any) => void;
+}
+declare const _default: import("../../../ui/form/Field/fieldWrapper").FieldWrapperComponent<IAutoCompleteFieldProps>;
+export default _default;