@steroidsjs/core 3.0.96 → 3.1.1

package/ui/form/FieldList/FieldList.js

@@ -46,6 +46,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var concat_1 = __importDefault(require("lodash-es/concat"));
 var get_1 = __importDefault(require("lodash-es/get"));
 var isBoolean_1 = __importDefault(require("lodash-es/isBoolean"));
@@ -55,7 +57,7 @@ var omit_1 = __importDefault(require("lodash-es/omit"));
 var range_1 = __importDefault(require("lodash-es/range"));
 var values_1 = __importDefault(require("lodash-es/values"));
 var zipObject_1 = __importDefault(require("lodash-es/zipObject"));
-var react_1 = __importStar(require("react"));
+var react_2 = require("react");
 var react_use_1 = require("react-use");
 var tableNavigationHandler_1 = __importStar(require("./tableNavigationHandler"));
 var form_1 = require("../../../actions/form");
@@ -66,29 +68,29 @@ var Form_1 = require("../../form/Form/Form");
 function FieldList(props) {
     var _a;
     var components = (0, hooks_1.useComponents)();
-    var context = (0, react_1.useContext)(Form_1.FormContext);
+    var context = (0, react_2.useContext)(Form_1.FormContext);
     // Resolve model
     var modelAttributes = (_a = components.meta.getModel(props.model)) === null || _a === void 0 ? void 0 : _a.attributes;
     var reduxFormValues = (0, hooks_1.useSelector)(function (state) { return (0, get_1["default"])(state, ['form', context.formId]) || null; });
     var dispatch = context.provider.useDispatch();
     // Mapper for preserving the correct sequence of rows on the UI
-    var _b = (0, react_1.useState)((0, range_1["default"])(props.input.value) || []), storeToRowIndexMap = _b[0], setStoreToRowIndexMap = _b[1];
-    var addRowIndexes = (0, react_1.useCallback)(function (rowsCount) {
+    var _b = (0, react_2.useState)((0, range_1["default"])(props.input.value) || []), storeToRowIndexMap = _b[0], setStoreToRowIndexMap = _b[1];
+    var addRowIndexes = (0, react_2.useCallback)(function (rowsCount) {
         setStoreToRowIndexMap(function (prevMap) {
             var lastIndex = !(0, isEmpty_1["default"])(prevMap) ? (0, last_1["default"])(prevMap) + 1 : 0;
             return (0, concat_1["default"])(prevMap, (0, range_1["default"])(lastIndex, lastIndex + rowsCount));
         });
     }, []);
-    var removeRowIndex = (0, react_1.useCallback)(function (rowIndex) {
+    var removeRowIndex = (0, react_2.useCallback)(function (rowIndex) {
         setStoreToRowIndexMap(function (prevMap) { return __spreadArray(__spreadArray([], prevMap.slice(0, rowIndex), true), prevMap.slice(rowIndex + 1), true); });
     }, []);
     // Add and Remove handlers
-    var onAdd = (0, react_1.useCallback)(function (rowsCount) {
+    var onAdd = (0, react_2.useCallback)(function (rowsCount) {
         if (rowsCount === void 0) { rowsCount = 1; }
         addRowIndexes(rowsCount);
         dispatch((0, form_1.formArrayAdd)(context.formId, props.input.name, rowsCount, props.initialValues));
     }, [addRowIndexes, context.formId, dispatch, props.initialValues, props.input.name]);
-    var onRemove = (0, react_1.useCallback)(function (rowIndex) {
+    var onRemove = (0, react_2.useCallback)(function (rowIndex) {
         var _a;
         removeRowIndex(rowIndex);
         var actions = [
@@ -120,15 +122,15 @@ function FieldList(props) {
         }
     });
     // Keyboard navigation
-    var nodeRef = (0, react_1.useRef)();
-    var onKeyDown = (0, react_1.useCallback)(function (event) {
+    var nodeRef = (0, react_2.useRef)();
+    var onKeyDown = (0, react_2.useCallback)(function (event) {
         if (props.enableKeyboardNavigation && (0, tableNavigationHandler_1.isDescendant)(nodeRef.current, event.target)) {
             (0, tableNavigationHandler_1["default"])(event, function () { return onAdd(); });
         }
     }, [onAdd, props.enableKeyboardNavigation]);
     (0, react_use_1.useEvent)('keydown', onKeyDown);
     // Rows items
-    var items = (0, react_1.useMemo)(function () { return (props.items || [])
+    var items = (0, react_2.useMemo)(function () { return (props.items || [])
         .filter(function (field) { return field.visible !== false; })
         .map(function (field) {
         if (typeof field === 'string') {
@@ -138,7 +140,7 @@ function FieldList(props) {
         }
         return __assign(__assign(__assign({}, (modelAttributes || []).find(function (attributeItem) { return attributeItem.attribute === field.attribute; })), field), { disabled: (0, isBoolean_1["default"])(field.disabled) ? field.disabled : props.disabled, size: field.size || props.size });
     }); }, [modelAttributes, props.disabled, props.items, props.size]);
-    var contextValue = (0, react_1.useMemo)(function () { return ({
+    var contextValue = (0, react_2.useMemo)(function () { return ({
         formId: props.formId,
         model: props.model,
         prefix: props.prefix,
@@ -146,7 +148,7 @@ function FieldList(props) {
         provider: context.provider,
         reducer: context.reducer
     }); }, [context.provider, context.reducer, props.formId, props.model, props.prefix, props.size]);
-    var commonProps = (0, react_1.useMemo)(function () { return ({
+    var commonProps = (0, react_2.useMemo)(function () { return ({
         showAdd: props.showAdd,
         showRemove: props.showRemove,
         size: props.size,
@@ -157,12 +159,11 @@ function FieldList(props) {
         items: items,
         onAdd: onAdd
     }); }, [items, onAdd, props.className, props.disabled, props.required, props.showAdd, props.showRemove, props.size, props.tableClassName]);
-    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign(__assign({}, commonProps), props.viewProps), { forwardedRef: nodeRef, hasAlternatingColors: props.hasAlternatingColors, style: props.style, children: props.children })); }, [commonProps, props.children, props.hasAlternatingColors, props.style, props.viewProps]);
-    var itemViewProps = (0, react_1.useMemo)(function () { return (__assign(__assign(__assign(__assign({}, commonProps), { onRemove: onRemove }), props.itemViewProps), { removeIcon: props.removeIcon })); }, [commonProps, onRemove, props.itemViewProps, props.removeIcon]);
+    var viewProps = (0, react_2.useMemo)(function () { return (__assign(__assign(__assign({}, commonProps), props.viewProps), { forwardedRef: nodeRef, hasAlternatingColors: props.hasAlternatingColors, style: props.style, children: props.children })); }, [commonProps, props.children, props.hasAlternatingColors, props.style, props.viewProps]);
+    var itemViewProps = (0, react_2.useMemo)(function () { return (__assign(__assign(__assign(__assign({}, commonProps), { onRemove: onRemove }), props.itemViewProps), { removeIcon: props.removeIcon })); }, [commonProps, onRemove, props.itemViewProps, props.removeIcon]);
     var FieldListView = props.view || components.ui.getView('form.FieldListView');
     var FieldListItemView = props.itemView || components.ui.getView('form.FieldListItemView');
-    return (react_1["default"].createElement(Form_1.FormContext.Provider, { value: contextValue },
-        react_1["default"].createElement(FieldListView, __assign({}, viewProps), !(0, isEmpty_1["default"])(storeToRowIndexMap) && (0, range_1["default"])(props.input.value || 0).map(function (index) { return (react_1["default"].createElement(FieldListItemView, __assign({}, itemViewProps, { key: reduxFormValues ? storeToRowIndexMap[index] : index, prefix: props.input.name + '.' + index, rowIndex: index }))); }))));
+    return ((0, jsx_runtime_1.jsx)(Form_1.FormContext.Provider, __assign({ value: contextValue }, { children: (0, jsx_runtime_1.jsx)(FieldListView, __assign({}, viewProps, { children: !(0, isEmpty_1["default"])(storeToRowIndexMap) && (0, range_1["default"])(props.input.value || 0).map(function (index) { return ((0, react_1.createElement)(FieldListItemView, __assign({}, itemViewProps, { key: reduxFormValues ? storeToRowIndexMap[index] : index, prefix: props.input.name + '.' + index, rowIndex: index }))); }) })) })));
 }
 FieldList.defaultProps = {
     initialValues: null,

package/ui/form/FieldSet/FieldSet.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 import { IFieldProps } from '../Field/Field';
 import { IFormContext } from '../Form/Form';
 /**
@@ -28,7 +28,7 @@ export interface IFieldSetProps extends IFormContext {
 }
 export interface IFieldSetViewProps {
     className?: CssClassName;
-    children?: React.ReactNode;
+    children?: ReactNode;
     label?: string;
 }
 declare function FieldSet(props: IFieldSetProps): JSX.Element;

package/ui/form/FieldSet/FieldSet.js

@@ -10,35 +10,13 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 jsx_runtime_1 = require("react/jsx-runtime");
 var isString_1 = __importDefault(require("lodash-es/isString"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 var Field_1 = __importDefault(require("../Field"));
 var Form_1 = require("../Form/Form");
@@ -62,11 +40,8 @@ function FieldSet(props) {
         children: props.children
     }); }, [props]);
     var FieldSetView = props.view || components.ui.getView('form.FieldSetView');
-    return (react_1["default"].createElement(Form_1.FormContext.Provider, { value: contextValue },
-        react_1["default"].createElement(FieldSetView, __assign({}, viewProps),
-            props.children,
-            (props.fields || []).map(function (field, index) { return (react_1["default"].createElement(Field_1["default"], __assign({ key: index }, ((0, isString_1["default"])(field) ? {
-                attribute: field
-            } : field), { prefix: contextValue.prefix }))); }))));
+    return ((0, jsx_runtime_1.jsx)(Form_1.FormContext.Provider, __assign({ value: contextValue }, { children: (0, jsx_runtime_1.jsxs)(FieldSetView, __assign({}, viewProps, { children: [props.children, (props.fields || []).map(function (field, index) { return ((0, jsx_runtime_1.jsx)(Field_1["default"], __assign({}, ((0, isString_1["default"])(field) ? {
+                    attribute: field
+                } : field), { prefix: contextValue.prefix }), index)); })] })) })));
 }
 exports["default"] = FieldSet;

package/ui/form/FileField/FileField.js

@@ -10,38 +10,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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;
 exports.FilesLayout = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var File_1 = __importDefault(require("fileup-core/lib/models/File"));
 var first_1 = __importDefault(require("lodash-es/first"));
 var values_1 = __importDefault(require("lodash-es/values"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
 var useFile_1 = __importDefault(require("../../../hooks/useFile"));
@@ -56,7 +34,7 @@ function FileFieldComponent(props) {
     var components = (0, hooks_1.useComponents)();
     var dropRef = (0, react_1.useRef)(null);
     var _a = (0, useFile_1["default"])(__assign(__assign({}, props), { dropRef: props.hasDropArea ? dropRef : null })), files = _a.files, onBrowse = _a.onBrowse, onRemove = _a.onRemove, uploader = _a.uploader;
-    var _b = react_1["default"].useState(false), isFilesLoaded = _b[0], setIsFilesLoaded = _b[1];
+    var _b = (0, react_1.useState)(false), isFilesLoaded = _b[0], setIsFilesLoaded = _b[1];
     var FileFieldView = props.view || components.ui.getView('form.FileFieldView');
     var FileFieldItemView = props.itemView || components.ui.getView('form.FileFieldItemView');
     (0, react_1.useEffect)(function () {
@@ -132,13 +110,13 @@ function FileFieldComponent(props) {
             return item;
         })
     }); }, [FileFieldItemView, files, onBrowse, onRemove, props.buttonProps, props.buttonView, props.className, props.disabled, props.filesLayout, props.hasDropArea, props.imagesOnly, props.imagesProcessor, props.input, props.itemProps, props.loadingText, props.multiple, props.showRemove, props.size, uploader]);
-    return (react_1["default"].createElement(FileFieldView, __assign({}, viewProps)));
+    return ((0, jsx_runtime_1.jsx)(FileFieldView, __assign({}, viewProps)));
 }
 function FileField(props) {
     if (process.env.IS_SSR) {
         return null;
     }
-    return (react_1["default"].createElement(FileFieldComponent, __assign({}, props)));
+    return ((0, jsx_runtime_1.jsx)(FileFieldComponent, __assign({}, props)));
 }
 FileField.defaultProps = {
     disabled: false,

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

@@ -1,5 +1,5 @@
 import { IButtonProps } from '@steroidsjs/core/ui/form/Button/Button';
-import React from 'react';
+import { Dispatch, ReactNode } from 'react';
 import { IAddressBarConfig } from '../../../hooks/useAddressBar';
 import { providers } from '../../../utils/form';
 import { IFieldProps } from '../Field/Field';
@@ -62,10 +62,6 @@ export interface IFormProps extends IUiComponent {
      * ]
      */
     validators?: string[] | Array<string[]> | Array<Record<string, any>>;
-    /**
-     * Колбэк для использования сторонних валидаторов, например yup
-     */
-    validator?: any;
     /**
      * Обработчик события перед отправкой формы
      * @param args
@@ -165,7 +161,7 @@ export interface IFormProps extends IUiComponent {
     /**
      * Дополнительные кнопки
      */
-    buttons?: React.ReactNode;
+    buttons?: ReactNode;
     /**
      * Размер компонента и вложенных полей
      */
@@ -183,8 +179,8 @@ export interface IFormViewProps {
     className?: CssClassName;
     autoFocus?: boolean;
     style?: CustomStyle;
-    children?: React.ReactNode;
-    buttons?: React.ReactNode;
+    children?: ReactNode;
+    buttons?: ReactNode;
     submitButtonProps?: IButtonProps;
     size?: Size;
 }
@@ -221,15 +217,15 @@ export interface IFormContext {
     * Редьюсер
     */
     reducer?: {
-        dispatch: React.Dispatch<any>;
+        dispatch: Dispatch<any>;
         select: any;
     };
     /**
     * Диспатч
     */
-    dispatch?: React.Dispatch<any>;
+    dispatch?: Dispatch<any>;
 }
-export declare const FormContext: React.Context<IFormContext>;
+export declare const FormContext: import("react").Context<IFormContext>;
 declare function Form(props: IFormProps): JSX.Element;
 declare namespace Form {
     var defaultProps: {

package/ui/form/Form/Form.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 __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) {
@@ -74,6 +51,7 @@ var __importDefault = (this && this.__importDefault) || function (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"));
@@ -81,7 +59,7 @@ 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 = __importStar(require("react"));
+var react_1 = require("react");
 var react_use_1 = require("react-use");
 var AutoSaveHelper_1 = __importDefault(require("./AutoSaveHelper"));
 var form_1 = require("../../../actions/form");
@@ -91,7 +69,7 @@ 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 = react_1["default"].createContext({});
+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) {
@@ -221,10 +199,6 @@ function Form(props) {
                         });
                         // Clean
                         cleanedValues = (0, form_2.cleanEmptyObject)(cleanedValues);
-                        if (props.validator && props.validator.call(null, cleanedValues) === false) {
-                            dispatch((0, form_1.formSetSubmitting)(props.formId, false));
-                            return [2 /*return*/, null];
-                        }
                         // Event onBeforeSubmit
                         if (props.onBeforeSubmit && props.onBeforeSubmit.call(null, cleanedValues) === false) {
                             dispatch((0, form_1.formSetSubmitting)(props.formId, false));
@@ -355,9 +329,9 @@ function Form(props) {
         return null;
     }
     // Render context and form
-    return (react_1["default"].createElement(exports.FormContext.Provider, { value: formContextValue }, props.view !== false
-        ? components.ui.renderView(props.view || 'form.FormView', viewProps)
-        : props.children));
+    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',

package/ui/form/ImageField/ImageField.js

@@ -10,38 +10,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 jsx_runtime_1 = require("react/jsx-runtime");
 var File_1 = __importDefault(require("fileup-core/lib/models/File"));
 var first_1 = __importDefault(require("lodash-es/first"));
 var uniqueId_1 = __importDefault(require("lodash-es/uniqueId"));
 var values_1 = __importDefault(require("lodash-es/values"));
-var React = __importStar(require("react"));
 var react_1 = require("react");
 var react_use_1 = require("react-use");
 var modal_1 = require("../../../actions/modal");
@@ -147,7 +124,7 @@ function ImageField(props) {
         uploader: uploader,
         hasDropArea: props.hasDropArea
     }); }, [item, onBrowse, props.buttonProps, props.hasDropArea, props.label, uploader]);
-    return (React.createElement(ImageFieldView, __assign({}, viewProps)));
+    return ((0, jsx_runtime_1.jsx)(ImageFieldView, __assign({}, viewProps)));
 }
 ImageField.defaultProps = {
     disabled: false,

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

@@ -1,7 +1,6 @@
 import { MaskitoOptions } from '@maskito/core';
 import { ISaveCursorPositionDebounceConfig } from '@steroidsjs/core/hooks/useSaveCursorPosition';
-import { InputHTMLAttributes, ReactNode } from 'react';
-import * as React from 'react';
+import { InputHTMLAttributes, ReactElement, ReactNode, FocusEvent, MouseEvent } from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 export declare const MASK_PRESETS: {
     date: Required<MaskitoOptions>;
@@ -87,7 +86,7 @@ export interface IInputFieldProps extends IBaseFieldProps {
     /**
      * Пользовательская иконка svg или название иконки
      */
-    leadIcon?: React.ReactElement | string;
+    leadIcon?: ReactElement | string;
     /**
      * Задержка применения введённого значения
      */
@@ -103,9 +102,9 @@ export interface IInputFieldViewProps extends IInputFieldProps, IFieldWrapperOut
         disabled: boolean;
     };
     onClear?: () => void;
-    onFocus?: (e: Event | React.FocusEvent) => void;
-    onBlur?: (e: Event | React.FocusEvent) => void;
-    onMouseDown?: (e: Event | React.MouseEvent) => 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>;

package/ui/form/InputField/InputField.js

@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -50,7 +27,6 @@ exports.MASK_PRESETS = void 0;
 var kit_1 = require("@maskito/kit");
 var react_1 = require("@maskito/react");
 var react_2 = require("react");
-var React = __importStar(require("react"));
 var useInputFieldWarningByType_1 = require("./hooks/useInputFieldWarningByType");
 var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
@@ -97,13 +73,13 @@ function InputField(props) {
             enabled: props.debounce
         } : ((_a = props.debounce) !== null && _a !== void 0 ? _a : {})))
     }), inputRef = _b.inputRef, onChange = _b.onChange, value = _b.value;
-    React.useEffect(function () {
+    (0, react_2.useEffect)(function () {
         if (inputRef.current) {
             maskedInputRef(inputRef.current);
         }
     }, [inputRef, maskedInputRef]);
     (0, useInputFieldWarningByType_1.useInputFieldWarningByType)(props.type);
-    var onClear = React.useCallback(function () {
+    var onClear = (0, react_2.useCallback)(function () {
         if (props.onClear) {
             props.onClear('');
         }

package/ui/form/MaskField/MaskField.js

@@ -14,9 +14,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var InputField_1 = __importDefault(require("../InputField/InputField"));
 function MaskField(props) {
-    return (react_1["default"].createElement(InputField_1["default"], __assign({}, props)));
+    return ((0, jsx_runtime_1.jsx)(InputField_1["default"], __assign({}, props)));
 }
 exports["default"] = MaskField;

package/ui/form/NavField/NavField.js

@@ -10,34 +10,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
@@ -56,7 +34,7 @@ function NavField(props) {
         view: props.view,
         size: props.size
     }); }, [items, props.className, props.disabled, props.input.value, props.navProps.layout, props.onChange, props.size, props.view]);
-    return (react_1["default"].createElement(Nav_1["default"], __assign({}, navProps)));
+    return ((0, jsx_runtime_1.jsx)(Nav_1["default"], __assign({}, navProps)));
 }
 NavField.defaultProps = {
     navProps: {

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

@@ -1,5 +1,5 @@
 import { ISaveCursorPositionDebounceConfig } from '@steroidsjs/core/hooks/useSaveCursorPosition';
-import React, { ChangeEvent } from 'react';
+import { ChangeEvent } from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 import { IBaseFieldProps } from '../InputField/InputField';
 /**

package/ui/form/NumberField/NumberField.js

@@ -10,34 +10,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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_1 = __importStar(require("react"));
+var react_1 = require("react");
 var useInputTypeNumber_1 = __importDefault(require("./hooks/useInputTypeNumber"));
 var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
@@ -53,7 +30,7 @@ function NumberField(props) {
             enabled: props.debounce
         } : ((_a = props.debounce) !== null && _a !== void 0 ? _a : {})))
     }), currentInputRef = _b.inputRef, onChange = _b.onChange, value = _b.value;
-    var step = react_1["default"].useMemo(function () { var _a; return (_a = props.step) !== null && _a !== void 0 ? _a : DEFAULT_STEP; }, [props.step]);
+    var step = (0, react_1.useMemo)(function () { var _a; return (_a = props.step) !== null && _a !== void 0 ? _a : DEFAULT_STEP; }, [props.step]);
     var onInputChange = (0, useInputTypeNumber_1["default"])(currentInputRef, {
         max: props.max,
         min: props.min,

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

@@ -1,11 +1,11 @@
-import React from 'react';
+import { ChangeEvent, MutableRefObject } from 'react';
 interface IInputTypeNumberProps {
     max: any;
     min: any;
     value: string | undefined | null;
     required?: boolean;
 }
-declare const useInputTypeNumber: (currentInputRef: React.MutableRefObject<HTMLInputElement>, inputTypeNumberProps: IInputTypeNumberProps, onChange: (event: React.ChangeEvent<HTMLInputElement>, value?: any) => void, decimal: number, isCanBeNegative?: boolean) => {
-    onInputChange: (event: React.ChangeEvent<HTMLInputElement>, newValue?: string) => void;
+declare const useInputTypeNumber: (currentInputRef: MutableRefObject<HTMLInputElement>, inputTypeNumberProps: IInputTypeNumberProps, onChange: (event: ChangeEvent<HTMLInputElement>, value?: any) => void, decimal: number, isCanBeNegative?: boolean) => {
+    onInputChange: (event: ChangeEvent<HTMLInputElement>, newValue?: string) => void;
 };
 export default useInputTypeNumber;