@steroidsjs/core 3.1.7 → 3.1.9

package/ui/form/Form/Form.js

@@ -1,343 +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 };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.FormContext = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var cloneDeep_1 = __importDefault(require("lodash-es/cloneDeep"));
-var get_1 = __importDefault(require("lodash-es/get"));
-var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
-var isNil_1 = __importDefault(require("lodash-es/isNil"));
-var isString_1 = __importDefault(require("lodash-es/isString"));
-var isUndefined_1 = __importDefault(require("lodash-es/isUndefined"));
-var set_1 = __importDefault(require("lodash-es/set"));
-var react_1 = require("react");
-var react_use_1 = require("react-use");
-var AutoSaveHelper_1 = __importDefault(require("./AutoSaveHelper"));
-var form_1 = require("../../../actions/form");
-var notifications_1 = require("../../../actions/notifications");
-var enums_1 = require("../../../enums");
-var hooks_1 = require("../../../hooks");
-var useAddressBar_1 = __importDefault(require("../../../hooks/useAddressBar"));
-var form_2 = require("../../../utils/form");
-var _isEmptyString = function (value) { return (0, isString_1["default"])(value) && (0, isEmpty_1["default"])(value); };
-exports.FormContext = (0, react_1.createContext)({});
-var getCaptchaToken = function (params) {
-    var googleCaptcha = params.googleCaptcha, siteKey = params.siteKey, _a = params.actionName, actionName = _a === void 0 ? 'submit' : _a;
-    return new Promise(function (resolve) {
-        googleCaptcha.ready(function () {
-            googleCaptcha.execute(siteKey, {
-                action: actionName
-            }).then(function (token) { return resolve(token); });
-        });
-    });
-};
-var normalizeInitialQuery = function (initialQuery) { return Object.keys(initialQuery).reduce(function (acc, key) {
-    var valueInNumberFormat = Number(initialQuery[key]);
-    acc[key] = Number.isNaN(valueInNumberFormat) ? initialQuery[key] : Number(initialQuery[key]);
-    return acc;
-}, {}); };
-function Form(props) {
-    var _this = this;
-    // Dev validation. You cannot change data provider (formId, useRedux)
-    if (process.env.NODE_ENV !== 'production') {
-        var prevFormId = (0, react_use_1.usePrevious)(props.formId); // eslint-disable-line react-hooks/rules-of-hooks
-        var prevUseRedux = (0, react_use_1.usePrevious)(props.useRedux); // eslint-disable-line react-hooks/rules-of-hooks
-        if ((prevFormId && props.formId !== prevFormId) || (prevUseRedux && props.useRedux !== prevUseRedux)) {
-            throw new Error('Props formId and useRedux cannot be changed dynamically! Its related to data provider');
-        }
-    }
-    // Get components and dispatch method
-    var components = (0, hooks_1.useComponents)();
-    var reduxDispatch = (0, hooks_1.useDispatch)();
-    // Address bar synchronization
-    var _a = (0, useAddressBar_1["default"])(__assign({ enable: !!props.addressBar, model: props.model }, (typeof props.addressBar === 'boolean' ? {
-        enable: props.addressBar
-    } : props.addressBar))), initialQuery = _a.initialQuery, updateQuery = _a.updateQuery;
-    // Resolve initial values
-    var initialValues = props.initialValues;
-    // Restore initial values from address bar and local storage
-    var isFirstMount = (0, react_use_1.useFirstMountState)();
-    if (isFirstMount) {
-        // Query
-        if (initialQuery) {
-            initialValues = __assign(__assign({}, props.initialValues), normalizeInitialQuery(initialQuery));
-        }
-        // Local storage
-        if (props.autoSave) {
-            initialValues = AutoSaveHelper_1["default"].restore(components.clientStorage, props.formId, initialValues);
-        }
-    }
-    // Init data provider
-    var provider = props.useRedux ? form_2.providers.redux : form_2.providers.reducer;
-    var _b = provider.useForm(props.formId, initialValues), values = _b.values, submitCounter = _b.submitCounter, isSubmitting = _b.isSubmitting, errors = _b.errors, setErrors = _b.setErrors, reducer = _b.reducer, dispatch = _b.dispatch;
-    // Sync with address bar
-    (0, react_use_1.useUpdateEffect)(function () {
-        updateQuery(values);
-    }, [updateQuery, values]);
-    // Auto save
-    (0, react_use_1.useUpdateEffect)(function () {
-        if (props.autoSave && values) {
-            AutoSaveHelper_1["default"].save(components.clientStorage, props.formId, values);
-        }
-    }, [components.clientStorage, props.autoSave, props.formId, values]);
-    // Auto destroy
-    (0, react_use_1.useUnmount)(function () {
-        if (props.autoDestroy) {
-            dispatch((0, form_1.formDestroy)(props.formId));
-        }
-    });
-    // Clear Errors
-    var prevValues = (0, react_use_1.usePrevious)(values);
-    (0, react_use_1.useUpdateEffect)(function () {
-        if (props.useClearErrors) {
-            (0, form_2.clearErrors)(values, prevValues, errors, setErrors);
-        }
-    }, [props.useClearErrors, errors, prevValues, setErrors, values]);
-    // OnChange handler
-    (0, react_use_1.useUpdateEffect)(function () {
-        if (props.onChange) {
-            props.onChange.call(null, values);
-        }
-    }, [props.onChange, values]);
-    // OnSubmit handler
-    var onSubmit = (0, react_1.useCallback)(function (e) {
-        if (e === void 0) { e = null; }
-        return __awaiter(_this, void 0, void 0, function () {
-            var cleanedValues, registeredFields, submitResult, captchaAttribute, googleCaptcha, captchaToken, options, response, requestError_1, data;
-            var _a;
-            var _this = this;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        dispatch((0, form_1.formSetSubmitting)(props.formId, true));
-                        if (e) {
-                            e.preventDefault();
-                        }
-                        cleanedValues = (0, cloneDeep_1["default"])(values);
-                        registeredFields = components.ui.getRegisteredFields(props.formId) || {};
-                        // Append non touched fields to values object
-                        Object.keys(registeredFields)
-                            .forEach(function (key) {
-                            // Don't set null values for keys in empty array items
-                            var keyParts = [];
-                            var arrayKey;
-                            key.split('.').find(function (keyPart) {
-                                if (keyParts.length > 0 && Array.isArray((0, get_1["default"])(cleanedValues, keyParts))) {
-                                    keyParts.push(keyPart);
-                                    arrayKey = keyParts.join('.');
-                                    return true;
-                                }
-                                keyParts.push(keyPart);
-                                return false;
-                            });
-                            if (arrayKey && !(0, get_1["default"])(cleanedValues, arrayKey)) {
-                                return;
-                            }
-                            if ((0, isUndefined_1["default"])((0, get_1["default"])(cleanedValues, key))) {
-                                (0, set_1["default"])(cleanedValues, key, null);
-                            }
-                        });
-                        // Convert NumberField values to Number
-                        Object.entries(registeredFields).forEach(function (_a) {
-                            var key = _a[0], fieldType = _a[1];
-                            if (fieldType === enums_1.FieldEnum.NUMBER_FIELD) {
-                                var value = (0, get_1["default"])(cleanedValues, key);
-                                if ((0, isNil_1["default"])(value) || _isEmptyString(value)) {
-                                    return;
-                                }
-                                (0, set_1["default"])(cleanedValues, key, Number(value));
-                            }
-                        });
-                        // Clean
-                        cleanedValues = (0, form_2.cleanEmptyObject)(cleanedValues);
-                        // Event onBeforeSubmit
-                        if (props.onBeforeSubmit && props.onBeforeSubmit.call(null, cleanedValues) === false) {
-                            dispatch((0, form_1.formSetSubmitting)(props.formId, false));
-                            return [2 /*return*/, null];
-                        }
-                        if (!props.onSubmit) return [3 /*break*/, 2];
-                        return [4 /*yield*/, props.onSubmit.call(null, cleanedValues)];
-                    case 1:
-                        submitResult = _b.sent();
-                        dispatch((0, form_1.formSetSubmitting)(props.formId, false));
-                        return [2 /*return*/, submitResult];
-                    case 2:
-                        captchaAttribute = null;
-                        Object.entries(components.ui.getRegisteredFields(props.formId) || {}).forEach(function (_a) {
-                            var attribute = _a[0], fieldType = _a[1];
-                            if (fieldType === enums_1.FieldEnum.RE_CAPTCHA_FIELD) {
-                                captchaAttribute = attribute;
-                            }
-                        });
-                        if (!(captchaAttribute && components.resource.googleCaptchaSiteKey)) return [3 /*break*/, 5];
-                        return [4 /*yield*/, components.resource.loadGoogleCaptcha()];
-                    case 3:
-                        googleCaptcha = _b.sent();
-                        return [4 /*yield*/, getCaptchaToken({
-                                googleCaptcha: googleCaptcha,
-                                siteKey: components.resource.googleCaptchaSiteKey,
-                                actionName: props.captchaActionName
-                            })];
-                    case 4:
-                        captchaToken = _b.sent();
-                        cleanedValues = __assign(__assign({}, cleanedValues), (_a = {}, _a[captchaAttribute] = captchaToken, _a));
-                        _b.label = 5;
-                    case 5:
-                        options = {
-                            onTwoFactor: props.onTwoFactor
-                                ? function (providerName) { return __awaiter(_this, void 0, void 0, function () {
-                                    var info, _a;
-                                    return __generator(this, function (_b) {
-                                        switch (_b.label) {
-                                            case 0:
-                                                if (!props.autoStartTwoFactor) return [3 /*break*/, 2];
-                                                return [4 /*yield*/, components.http.post("/api/v1/auth/2fa/".concat(providerName, "/send"))];
-                                            case 1:
-                                                _a = _b.sent();
-                                                return [3 /*break*/, 3];
-                                            case 2:
-                                                _a = null;
-                                                _b.label = 3;
-                                            case 3:
-                                                info = _a;
-                                                props.onTwoFactor(providerName, info);
-                                                return [2 /*return*/];
-                                        }
-                                    });
-                                }); }
-                                : undefined
-                        };
-                        _b.label = 6;
-                    case 6:
-                        _b.trys.push([6, 8, , 9]);
-                        return [4 /*yield*/, components.http.send(props.actionMethod, props.action || window.location.pathname, cleanedValues, options)];
-                    case 7:
-                        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_1.formSetSubmitting)(props.formId, false));
-                        if (typeof props.onError === 'function') {
-                            props.onError(requestError_1);
-                        }
-                        else {
-                            reduxDispatch((0, notifications_1.showNotification)(props.submitErrorMessage || __('Ошибка сервера'), 'error'));
-                        }
-                        return [2 /*return*/, null];
-                    case 9:
-                        // Skip on 2fa
-                        if (response.twoFactor) {
-                            dispatch((0, form_1.formSetSubmitting)(props.formId, false));
-                            return [2 /*return*/, null];
-                        }
-                        data = response.data || {};
-                        // Event onAfterSubmit
-                        if (props.onAfterSubmit && props.onAfterSubmit.call(null, cleanedValues, data, response) === false) {
-                            dispatch((0, form_1.formSetSubmitting)(props.formId, false));
-                            return [2 /*return*/, null];
-                        }
-                        if (data.errors) {
-                            dispatch((0, form_1.formSetSubmitting)(props.formId, false));
-                            setErrors(data.errors);
-                            return [2 /*return*/, null];
-                        }
-                        // Clean errors
-                        setErrors(null);
-                        if (props.onComplete) {
-                            props.onComplete.call(null, cleanedValues, data, response);
-                        }
-                        if (props.autoSave) {
-                            AutoSaveHelper_1["default"].remove(components.clientStorage, props.formId);
-                        }
-                        dispatch((0, form_1.formSetSubmitting)(props.formId, false));
-                        return [2 /*return*/, null];
-                }
-            });
-        });
-    }, [dispatch, props, values, components.ui, components.resource,
-        components.http, components.clientStorage, setErrors, reduxDispatch]);
-    // Manual submit form by reducer action
-    var prevSubmitCounter = (0, react_use_1.usePrevious)(submitCounter);
-    (0, react_use_1.useUpdateEffect)(function () {
-        if (submitCounter !== prevSubmitCounter) {
-            onSubmit.call(null);
-        }
-    }, [prevSubmitCounter, submitCounter, onSubmit]);
-    var formContextValue = (0, react_1.useMemo)(function () { return ({
-        formId: props.formId,
-        model: props.model,
-        prefix: props.prefix,
-        size: props.size,
-        provider: provider,
-        reducer: reducer,
-        dispatch: dispatch
-    }); }, [dispatch, props.formId, props.model, props.prefix, props.size, provider, reducer]);
-    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { isSubmitting: isSubmitting, onSubmit: onSubmit, submitLabel: props.submitLabel, submitButtonProps: props.submitButtonProps, fields: props.fields, children: props.children, className: props.className, style: props.style, autoFocus: props.autoFocus, buttons: props.buttons, size: props.size })); }, [isSubmitting, onSubmit, props.autoFocus, props.buttons, props.children, props.className, props.fields,
-        props.size, props.style, props.submitButtonProps, props.submitLabel, props.viewProps]);
-    // Wait initialization (only for redux)
-    if (values === undefined) {
-        return null;
-    }
-    // Render context and form
-    return ((0, jsx_runtime_1.jsx)(exports.FormContext.Provider, __assign({ value: formContextValue }, { children: props.view !== false
-            ? components.ui.renderView(props.view || 'form.FormView', viewProps)
-            : props.children })));
-}
-Form.defaultProps = {
-    actionMethod: 'POST',
-    autoStartTwoFactor: true,
-    captchaActionName: 'submit',
-    size: 'md',
-    useClearErrors: true
-};
-exports["default"] = Form;

package/ui/form/InputField/InputField.d.ts

@@ -1,119 +0,0 @@
-import { MaskitoOptions } from '@maskito/core';
-import { ISaveCursorPositionDebounceConfig } from '@steroidsjs/core/hooks/useSaveCursorPosition';
-import { InputHTMLAttributes, ReactElement, ReactNode, FocusEvent, MouseEvent } from 'react';
-import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
-export declare const MASK_PRESETS: {
-    date: Required<MaskitoOptions>;
-    phone: {
-        mask: any[];
-    };
-    card: {
-        mask: any[];
-    };
-};
-export type IElementInputType = 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week' | string;
-export interface IBaseFieldProps extends IFieldWrapperInputProps, IUiComponent {
-    /**
-     * Свойства для элемента input
-     * @example { onKeyDown: ... }
-     */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-    /**
-     * Показывать иконку очищения поля
-     * @example true
-    */
-    showClear?: boolean;
-    /**
-     * Callback-функция, которая вызывается при очистке input
-     */
-    onClear?: (value: string) => void;
-    /**
-     * Callback-функция, которая вызывается при фокусировке input
-     */
-    onFocus?: (e: Event | FocusEvent) => void;
-    /**
-     * Callback-функция, которая вызывается при потере фокуса input
-     */
-    onBlur?: (e: Event | FocusEvent) => void;
-    /**
-     * Свойства для компонента отображения
-     * @example
-     * {
-     *  customHandler: () => {...}
-     * }
-     */
-    viewProps?: {
-        [key: string]: any;
-    };
-}
-/**
- * InputField
- * Поле ввода текста
- */
-export interface IInputFieldProps extends IBaseFieldProps {
-    /**
-     * HTML Тип
-     * @example email
-     */
-    type?: IElementInputType;
-    /**
-     * Изображение или React-нода, которая будет отрендерена слева от поля.
-     * @example require('icon.png') | <component/>
-     */
-    textBefore?: number | ReactNode | string;
-    /**
-     * Изображение или React-нода, которая будет отрендерена справа от поля.
-     * @example require('icon.png') | '<component/>'
-     */
-    textAfter?: number | ReactNode | string;
-    /**
-     * Текст или React-нода, которая будет отрендерена слева от поля.
-     * @example 'http://'
-     */
-    addonBefore?: ReactNode | string;
-    /**
-     * Текст или React-нода, которая будет отрендерена справа от поля.
-     * @example '.com'
-     */
-    addonAfter?: ReactNode | string;
-    /**
-     * Конфигурация маски
-     * @example: {
-         mask: [
-             ...Array(4).fill(/\d/),
-             '-',
-             ...Array(4).fill(/\d/),
-             '-',
-             ...Array(4).fill(/\d/),
-             '-',
-             ...Array(4).fill(/\d/),
-         ],
-        }
-     */
-    maskOptions?: MaskitoOptions;
-    /**
-     * Пользовательская иконка svg или название иконки
-     */
-    leadIcon?: ReactElement | string;
-    /**
-     * Задержка применения введённого значения
-     */
-    debounce?: boolean | ISaveCursorPositionDebounceConfig;
-}
-export interface IInputFieldViewProps extends IInputFieldProps, IFieldWrapperOutputProps {
-    inputProps: {
-        type: string;
-        name: string;
-        onInput: (event: any, value?: string) => void;
-        value: string | number;
-        placeholder: string;
-        disabled: boolean;
-    };
-    onClear?: () => void;
-    onFocus?: (e: Event | FocusEvent) => void;
-    onBlur?: (e: Event | FocusEvent) => void;
-    onMouseDown?: (e: Event | MouseEvent) => void;
-    defaultValue?: string;
-}
-declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IInputFieldProps>;
-export default _default;

package/ui/form/InputField/hooks/useInputFieldWarningByType.js

@@ -1,38 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.useInputFieldWarningByType = exports.INPUT_TYPES_SUPPORTED_SELECTION = void 0;
-/* eslint-disable no-console */
-/* eslint-disable max-len */
-/* eslint-disable no-unused-expressions */
-var react_use_1 = require("react-use");
-var enums_1 = require("../../../../enums");
-exports.INPUT_TYPES_SUPPORTED_SELECTION = ['text', 'search', 'tel', 'url', 'password'];
-var BUTTON_COMPONENT = 'Button';
-var INPUT_TYPES_REPLACEMENT_HASH = {
-    email: enums_1.FieldEnum.EMAIL_FIELD,
-    date: enums_1.FieldEnum.DATE_FIELD,
-    month: enums_1.FieldEnum.DATE_FIELD,
-    week: 'CalendarSystem',
-    time: enums_1.FieldEnum.DATE_TIME_FIELD,
-    'datetime-local': enums_1.FieldEnum.DATE_FIELD,
-    number: enums_1.FieldEnum.NUMBER_FIELD,
-    range: enums_1.FieldEnum.SLIDER_FIELD,
-    checkbox: enums_1.FieldEnum.CHECKBOX_FIELD,
-    radio: enums_1.FieldEnum.PASSWORD_FIELD,
-    button: BUTTON_COMPONENT,
-    file: enums_1.FieldEnum.FILE_FIELD,
-    submit: BUTTON_COMPONENT,
-    image: BUTTON_COMPONENT,
-    reset: BUTTON_COMPONENT
-};
-var useInputFieldWarningByType = function (type) {
-    (0, react_use_1.useMount)(function () {
-        if (!exports.INPUT_TYPES_SUPPORTED_SELECTION.includes(type)) {
-            var recommendedUiComponent = "<".concat(INPUT_TYPES_REPLACEMENT_HASH[type], " />");
-            INPUT_TYPES_REPLACEMENT_HASH[type]
-                ? console.warn("<InputField /> with \"".concat(type, "\" type does not support setSelectionRange() method. Try to use ").concat(recommendedUiComponent, " instead."))
-                : console.warn("< InputField /> with \"".concat(type, "\" type does not support setSelectionRange() method.Try to use native <input /> tag."));
-        }
-    });
-};
-exports.useInputFieldWarningByType = useInputFieldWarningByType;

package/ui/form/NumberField/NumberField.d.ts

@@ -1,73 +0,0 @@
-import { ISaveCursorPositionDebounceConfig } from '@steroidsjs/core/hooks/useSaveCursorPosition';
-import { ChangeEvent, MutableRefObject, FocusEvent } from 'react';
-import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
-import { IBaseFieldProps } from '../InputField/InputField';
-/**
- * NumberField
- *
- * Числовое поле ввода. Этот компонент представляет собой поле ввода для числовых значений.
- **/
-export interface INumberFieldProps extends IFieldWrapperInputProps, IBaseFieldProps {
-    /**
-     * Минимальное значение
-     * @example 1
-     */
-    min?: number;
-    /**
-     * Максимальное значение
-     * @example 100
-     */
-    max?: number;
-    /**
-     * Шаг увеличения/уменьшения значения
-     * @example 5
-     */
-    step?: number;
-    /**
-    * Допустимое количество символов после разделителя
-    */
-    decimal?: number;
-    /**
-     * Может ли число быть отрицательным
-     */
-    isCanBeNegative?: boolean;
-    /**
-     * Задержка применения введённого значения
-     */
-    debounce?: boolean | ISaveCursorPositionDebounceConfig;
-    /**
-     * Разделитель тысяч (по умолчанию пустая строка — без разделителя, например 1000).
-     * Для отображения "1 000" передать пробел: thousandSeparator=" "
-     * @example ' '
-     * @example ','
-     */
-    thousandSeparator?: string;
-    /**
-     * Callback-функция, которая вызывается при фокусировке input
-    */
-    onFocus?: (e: Event | FocusEvent) => void;
-    /**
-     * Callback-функция, которая вызывается при потере фокуса input
-    */
-    onBlur?: (e: Event | FocusEvent) => void;
-}
-export interface INumberFieldViewProps extends INumberFieldProps, IFieldWrapperOutputProps {
-    inputProps: {
-        type: string;
-        name: string;
-        onInput: (event: ChangeEvent<HTMLInputElement>, value?: string) => void;
-        value: number | string;
-        placeholder: string;
-        disabled: boolean;
-        min: number;
-        max: number;
-        step: string | number;
-        required: boolean;
-    };
-    inputRef: MutableRefObject<HTMLInputElement | null>;
-    onStepUp: VoidFunction;
-    onStepDown: VoidFunction;
-    onKeyDown: VoidFunction;
-}
-declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<INumberFieldProps>;
-export default _default;