@steroidsjs/core 2.3.0-beta.5 → 2.3.0-beta.6

package/ui/crud/Crud/CrudContent.js

@@ -0,0 +1,95 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var utils_1 = require("./utils");
+var notifications_1 = require("../../../actions/notifications");
+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"]();
+    // 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
+        ? props.items.filter(function (item) { return item.visible !== false && item.pkRequired; })
+        : []); }, [props.action, props.items, props.itemsToControls]);
+    var formInitialValues = 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 () {
+        window.scrollTo(0, 0);
+        dispatch(notifications_1.showNotification(__('Запись успешно обновлена.')));
+        props.goToAction.call(null, utils_1.CRUD_ACTION_INDEX);
+    }, [dispatch, props.goToAction]);
+    // Render content by action
+    var ItemComponent = crudItem.component;
+    switch (props.action) {
+        case utils_1.CRUD_ACTION_INDEX:
+            if (!ItemComponent) {
+                ItemComponent = Grid_1["default"];
+            }
+            return (React.createElement(ItemComponent // Grid
+            , __assign({ key: props.crudId, listId: props.crudId, action: props.restApi ? props.restApi.index : props.restUrl, scope: ['model', 'permission'], primaryKey: props.primaryKey, model: props.model, 
+                //searchModel={props.searchModel}
+                controls: controlsGetter, columns: [props.primaryKey], pagination: {
+                    loadMore: false
+                } }, props.grid)));
+        case utils_1.CRUD_ACTION_CREATE:
+        case utils_1.CRUD_ACTION_UPDATE:
+            if (!ItemComponent) {
+                ItemComponent = Form_1["default"];
+            }
+            if (props.action === utils_1.CRUD_ACTION_UPDATE && (props.restUrl || props.restApi) && !props.record) {
+                return null;
+            }
+            return (React.createElement(ItemComponent // Form
+            , __assign({ key: formId, formId: formId, action: props.restApi
+                    ? (props.recordId ? props.restApi.update : props.restApi.create)
+                    : [props.restUrl, props.recordId].filter(Boolean).join('/'), model: props.model, autoFocus: true, submitLabel: props.recordId ? __('Сохранить') : __('Добавить'), layout: 'horizontal', onComplete: onFormComplete }, props.form, { initialValues: formInitialValues })));
+        default:
+            if (ItemComponent) {
+                return (React.createElement(ItemComponent, __assign({ key: props.crudId + '_' + props.action }, props, crudItem.componentProps)));
+            }
+            return null;
+    }
+}
+exports["default"] = CrudContent;

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

@@ -0,0 +1,2 @@
+import { ICrudChildrenProps } from './Crud';
+export default function CrudGrid(props: ICrudChildrenProps): void;

package/ui/crud/Crud/CrudDetail.js

@@ -0,0 +1,14 @@
+"use strict";
+exports.__esModule = true;
+//import Detail from '../../list/Detail'; TODO
+function CrudGrid(props) {
+    /*return (
+        <Detail
+            item={this.props.item}
+            model={this.props.model}
+            attributes={[this.props.primaryKey]}
+            {...this.props.detail}
+        />
+    );*/
+}
+exports["default"] = CrudGrid;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ICrudContentProps } from './CrudContent';
+export default function CrudModal(props: ICrudContentProps): JSX.Element;

package/ui/crud/Crud/CrudModal.js

@@ -0,0 +1,51 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var utils_1 = require("../../../ui/crud/Crud/utils");
+var Modal_1 = __importDefault(require("../../modal/Modal"));
+var CrudContent_1 = __importDefault(require("./CrudContent"));
+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 () {
+        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 },
+        React.createElement(CrudContent_1["default"], __assign({}, props))));
+}
+exports["default"] = CrudModal;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Default
+ * @order 1
+ * @col 8
+ */
+export default _default;

package/ui/crud/Crud/demo/default.js

@@ -0,0 +1,72 @@
+"use strict";
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var Crud_1 = __importDefault(require("../Crud"));
+/**
+ * Default
+ * @order 1
+ * @col 8
+ */
+exports["default"] = (function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Crud_1["default"], { grid: {
+            items: [
+                {
+                    id: 1,
+                    name: 'Foo'
+                },
+                {
+                    id: 2,
+                    name: 'Bar'
+                },
+            ],
+            columns: [
+                {
+                    attribute: 'id',
+                    label: __('ИД')
+                },
+                {
+                    attribute: 'name',
+                    label: __('Имя')
+                },
+            ]
+        }, form: {
+            fields: [
+                {
+                    attribute: 'name',
+                    label: __('Имя')
+                },
+            ]
+        }, detail: {
+            attributes: [
+                {
+                    attribute: 'id',
+                    label: __('ИД')
+                },
+                {
+                    attribute: 'name',
+                    label: __('Имя')
+                },
+            ]
+        } }))); });

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

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

package/ui/crud/Crud/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 Crud_1 = __importDefault(require("./Crud"));
+exports["default"] = Crud_1["default"];

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

@@ -0,0 +1,20 @@
+import { ICrudItem } from '../../../ui/crud/Crud/Crud';
+export declare const DEFAULT_PRIMARY_KEY = "id";
+export declare const DEFAULT_QUERY_KEY = "id";
+export declare const CRUD_ACTION_INDEX = "index";
+export declare const CRUD_ACTION_CREATE = "create";
+export declare const CRUD_ACTION_UPDATE = "update";
+export declare const CRUD_ACTION_VIEW = "view";
+export declare const CRUD_ACTION_DELETE = "delete";
+export declare const pageControlsMap: Record<string, string[]>;
+export declare const normalizeItems: (sourceItems: ICrudItem[] | {
+    [key: string]: ICrudItem;
+}, fromProps: any) => ICrudItem[];
+export declare const routeInfoSelector: (state: any, queryKey: any, mode?: any) => {
+    routeId: any;
+    routeTitle: any;
+    routeAction: any;
+    routeParams: any;
+    recordId: any;
+    hasModal: boolean;
+};

package/ui/crud/Crud/utils.js

@@ -0,0 +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;

package/ui/crud/index.d.ts

@@ -0,0 +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)[];
+};

package/ui/crud/index.js

@@ -0,0 +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;

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

@@ -0,0 +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;