@steroidsjs/core 3.0.92 → 3.0.94

package/ui/form/DropDownField/DropDownField.d.ts

@@ -1,9 +1,9 @@
 import React, { MutableRefObject } from 'react';
-import { IAccordionItemViewProps } from '../../../ui/content/Accordion/Accordion';
 import { DataProviderItems, IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
-import { IFieldWrapperInputProps } from '../../form/Field/fieldWrapper';
+import { IAccordionItemViewProps } from '../../../ui/content/Accordion/Accordion';
 import { IDropDownProps } from '../../content/DropDown/DropDown';
+import { IFieldWrapperInputProps } from '../../form/Field/fieldWrapper';
 export declare const GROUP_CONTENT_TYPE = "group";
 export declare const CHECKBOX_CONTENT_TYPE = "checkbox";
 export declare const RADIO_CONTENT_TYPE = "radio";
@@ -64,7 +64,7 @@ export interface IDropDownFieldProps extends IFieldWrapperInputProps, Omit<IData
      * Цвет состояния
      * @example success
      */
-    color?: ColorName;
+    color?: 'basic' | 'primary' | 'secondary' | 'warning' | 'danger' | 'info' | 'success' | string;
     /**
     * Включает стиль `outline`, когда у DropDownField остается только `border`, а задний фон становится прозрачным
     * @example true

package/ui/form/DropDownField/DropDownField.js

@@ -58,16 +58,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.IMG_CONTENT_TYPE = exports.ICON_CONTENT_TYPE = exports.RADIO_CONTENT_TYPE = exports.CHECKBOX_CONTENT_TYPE = exports.GROUP_CONTENT_TYPE = void 0;
-var react_1 = __importStar(require("react"));
-var react_use_1 = require("react-use");
-var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
-var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var includes_1 = __importDefault(require("lodash-es/includes"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
+var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var isPlainObject_1 = __importDefault(require("lodash-es/isPlainObject"));
 var merge_1 = __importDefault(require("lodash-es/merge"));
+var react_1 = __importStar(require("react"));
+var react_use_1 = require("react-use");
+var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
-var enums_1 = require("../../../enums");
 exports.GROUP_CONTENT_TYPE = 'group';
 exports.CHECKBOX_CONTENT_TYPE = 'checkbox';
 exports.RADIO_CONTENT_TYPE = 'radio';

package/ui/form/EmailField/EmailField.d.ts

@@ -1,5 +1,5 @@
-import { IBaseFieldProps } from '../InputField/InputField';
 import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
+import { IBaseFieldProps } from '../InputField/InputField';
 /**
  * EmailField
  *

package/ui/form/EmailField/EmailField.js

@@ -38,10 +38,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var react_1 = __importStar(require("react"));
-var hooks_1 = require("../../../hooks");
-var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var useInputTypeEmail_1 = __importDefault(require("./hooks/useInputTypeEmail"));
 var enums_1 = require("../../../enums");
+var hooks_1 = require("../../../hooks");
+var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 function EmailField(props) {
     var components = (0, hooks_1.useComponents)();
     var _a = (0, hooks_1.useSaveCursorPosition)({

package/ui/form/Field/Field.js

@@ -37,13 +37,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
+var isString_1 = __importDefault(require("lodash-es/isString"));
 var React = __importStar(require("react"));
 var react_1 = require("react");
-var isString_1 = __importDefault(require("lodash-es/isString"));
-var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
+var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
 var Form_1 = require("../Form/Form");
-var enums_1 = require("../../../enums");
 function Field(props) {
     var components = (0, hooks_1.useComponents)();
     // Get model

package/ui/form/Field/fieldWrapper.js

@@ -41,14 +41,14 @@ var has_1 = __importDefault(require("lodash-es/has"));
 var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
 var react_1 = require("react");
 var React = __importStar(require("react"));
+var hooks_1 = require("../../../hooks");
 var form_1 = require("../../../utils/form");
-var Form_1 = require("../Form/Form");
 var FieldLayout_1 = __importDefault(require("../FieldLayout/FieldLayout"));
-var hooks_1 = require("../../../hooks");
+var Form_1 = require("../Form/Form");
 var DEFAULT_SIZE = 'md';
 var getKey = function (baseName, attribute) { return baseName + (0, upperFirst_1["default"])(attribute || ''); };
 var createDynamicField = function (componentId, Component, options) {
-    var DynamicField = function (props) {
+    function DynamicField(props) {
         var components = (0, hooks_1.useComponents)();
         // Get context, formId
         // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -103,7 +103,7 @@ var createDynamicField = function (componentId, Component, options) {
             }); }, [name, setValue, value]);
         });
         return components.ui.renderView(Component, __assign(__assign(__assign({}, components.ui.getFieldProps(componentId, model, props.attribute)), props), wrapperProps));
-    };
+    }
     DynamicField.displayName = componentId;
     DynamicField.defaultProps = Component.defaultProps;
     return DynamicField;
@@ -114,7 +114,7 @@ function fieldWrapper(componentId, Component, optionsConfig) {
         attributeSuffixes: ['']
     }; }
     var options = __assign(__assign({}, optionsConfig), { attributeSuffixes: optionsConfig.attributeSuffixes || [''] });
-    var NewComponent = function (props) {
+    function NewComponent(props) {
         var components = (0, hooks_1.useComponents)();
         // Get context, formId
         var context = (0, react_1.useContext)(Form_1.FormContext);
@@ -139,7 +139,7 @@ function fieldWrapper(componentId, Component, optionsConfig) {
         }
         var size = props.size || context.size || DEFAULT_SIZE;
         return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { errorsAttribute: errorsAttribute, size: size, className: props.fieldLayoutClassName, required: (0, has_1["default"])(props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : ((0, has_1["default"])(props, 'label') ? props.label : metaProps.label), hint: (0, has_1["default"])(props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, id: inputId, children: (React.createElement(Component.DynamicField, __assign({}, props, { id: inputId, size: size }))) }));
-    };
+    }
     NewComponent.WrappedComponent = Component;
     NewComponent.displayName = componentId;
     NewComponent.defaultProps = Component.defaultProps;

package/ui/form/FieldLayout/FieldLayout.js

@@ -26,8 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 var get_1 = __importDefault(require("lodash-es/get"));
+var React = __importStar(require("react"));
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 function FieldLayout(props) {

package/ui/form/FieldList/FieldList.js

@@ -46,23 +46,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
-var isBoolean_1 = __importDefault(require("lodash-es/isBoolean"));
-var last_1 = __importDefault(require("lodash-es/last"));
-var range_1 = __importDefault(require("lodash-es/range"));
-var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var concat_1 = __importDefault(require("lodash-es/concat"));
 var get_1 = __importDefault(require("lodash-es/get"));
+var isBoolean_1 = __importDefault(require("lodash-es/isBoolean"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
+var last_1 = __importDefault(require("lodash-es/last"));
 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_use_1 = require("react-use");
-var hooks_1 = require("../../../hooks");
-var Form_1 = require("../../form/Form/Form");
-var form_1 = require("../../../actions/form");
 var tableNavigationHandler_1 = __importStar(require("./tableNavigationHandler"));
-var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
+var form_1 = require("../../../actions/form");
 var enums_1 = require("../../../enums");
+var hooks_1 = require("../../../hooks");
+var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
+var Form_1 = require("../../form/Form/Form");
 function FieldList(props) {
     var _a;
     var components = (0, hooks_1.useComponents)();
@@ -132,7 +132,9 @@ function FieldList(props) {
         .filter(function (field) { return field.visible !== false; })
         .map(function (field) {
         if (typeof field === 'string') {
-            field = { attribute: field };
+            field = {
+                attribute: field
+            };
         }
         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]);
@@ -173,4 +175,6 @@ FieldList.defaultProps = {
     initialRowsCount: 1,
     enableKeyboardNavigation: true
 };
-exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.FIELD_LIST, FieldList, { list: true });
+exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.FIELD_LIST, FieldList, {
+    list: true
+});

package/ui/form/FieldSet/FieldSet.js

@@ -37,11 +37,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
 var isString_1 = __importDefault(require("lodash-es/isString"));
+var react_1 = __importStar(require("react"));
+var hooks_1 = require("../../../hooks");
 var Field_1 = __importDefault(require("../Field"));
 var Form_1 = require("../Form/Form");
-var hooks_1 = require("../../../hooks");
 function FieldSet(props) {
     var components = (0, hooks_1.useComponents)();
     var context = (0, react_1.useContext)(Form_1.FormContext);
@@ -65,6 +65,8 @@ function FieldSet(props) {
     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 }))); }))));
+            (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 }))); }))));
 }
 exports["default"] = FieldSet;

package/ui/form/FileField/FileField.d.ts

@@ -1,6 +1,6 @@
 import { IFileInput } from '../../../hooks/useFile';
-import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
 import { IButtonProps } from '../Button/Button';
+import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
 export declare enum FilesLayout {
     list = "list",
     wall = "wall"

package/ui/form/FileField/FileField.js

@@ -42,10 +42,10 @@ 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 useFile_1 = __importDefault(require("../../../hooks/useFile"));
+var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
+var useFile_1 = __importDefault(require("../../../hooks/useFile"));
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
-var enums_1 = require("../../../enums");
 var FilesLayout;
 (function (FilesLayout) {
     FilesLayout["list"] = "list";

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

@@ -1,8 +1,8 @@
-import React from 'react';
 import { IButtonProps } from '@steroidsjs/core/ui/form/Button/Button';
+import React from 'react';
 import { IAddressBarConfig } from '../../../hooks/useAddressBar';
-import { IFieldProps } from '../Field/Field';
 import { providers } from '../../../utils/form';
+import { IFieldProps } from '../Field/Field';
 /**
  * Form
  *

package/ui/form/Form/Form.js

@@ -74,30 +74,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.FormContext = void 0;
-/* eslint-disable react/prop-types */
-var react_1 = __importStar(require("react"));
+var cloneDeep_1 = __importDefault(require("lodash-es/cloneDeep"));
 var get_1 = __importDefault(require("lodash-es/get"));
-var isUndefined_1 = __importDefault(require("lodash-es/isUndefined"));
+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 isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
+var isUndefined_1 = __importDefault(require("lodash-es/isUndefined"));
 var set_1 = __importDefault(require("lodash-es/set"));
-var cloneDeep_1 = __importDefault(require("lodash-es/cloneDeep"));
+var react_1 = __importStar(require("react"));
 var react_use_1 = require("react-use");
-var notifications_1 = require("../../../actions/notifications");
-var useAddressBar_1 = __importDefault(require("../../../hooks/useAddressBar"));
 var AutoSaveHelper_1 = __importDefault(require("./AutoSaveHelper"));
-var hooks_1 = require("../../../hooks");
-var form_1 = require("../../../utils/form");
-var form_2 = require("../../../actions/form");
+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 = react_1["default"].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); });
+            googleCaptcha.execute(siteKey, {
+                action: actionName
+            }).then(function (token) { return resolve(token); });
         });
     });
 };
@@ -120,7 +121,9 @@ function Form(props) {
     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;
+    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
@@ -136,7 +139,7 @@ function Form(props) {
         }
     }
     // Init data provider
-    var provider = props.useRedux ? form_1.providers.redux : form_1.providers.reducer;
+    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 () {
@@ -151,14 +154,14 @@ function Form(props) {
     // Auto destroy
     (0, react_use_1.useUnmount)(function () {
         if (props.autoDestroy) {
-            dispatch((0, form_2.formDestroy)(props.formId));
+            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_1.clearErrors)(values, prevValues, errors, setErrors);
+            (0, form_2.clearErrors)(values, prevValues, errors, setErrors);
         }
     }, [props.useClearErrors, errors, prevValues, setErrors, values]);
     // OnChange handler
@@ -177,7 +180,7 @@ function Form(props) {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        dispatch((0, form_2.formSetSubmitting)(props.formId, true));
+                        dispatch((0, form_1.formSetSubmitting)(props.formId, true));
                         if (e) {
                             e.preventDefault();
                         }
@@ -217,21 +220,21 @@ function Form(props) {
                             }
                         });
                         // Clean
-                        cleanedValues = (0, form_1.cleanEmptyObject)(cleanedValues);
+                        cleanedValues = (0, form_2.cleanEmptyObject)(cleanedValues);
                         if (props.validator && props.validator.call(null, cleanedValues) === false) {
-                            dispatch((0, form_2.formSetSubmitting)(props.formId, 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_2.formSetSubmitting)(props.formId, 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_2.formSetSubmitting)(props.formId, false));
+                        dispatch((0, form_1.formSetSubmitting)(props.formId, false));
                         return [2 /*return*/, submitResult];
                     case 2:
                         captchaAttribute = null;
@@ -289,7 +292,7 @@ function Form(props) {
                     case 8:
                         requestError_1 = _b.sent();
                         console.error(requestError_1); // eslint-disable-line no-console
-                        dispatch((0, form_2.formSetSubmitting)(props.formId, false));
+                        dispatch((0, form_1.formSetSubmitting)(props.formId, false));
                         if (typeof props.onError === 'function') {
                             props.onError(requestError_1);
                         }
@@ -300,17 +303,17 @@ function Form(props) {
                     case 9:
                         // Skip on 2fa
                         if (response.twoFactor) {
-                            dispatch((0, form_2.formSetSubmitting)(props.formId, false));
+                            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_2.formSetSubmitting)(props.formId, false));
+                            dispatch((0, form_1.formSetSubmitting)(props.formId, false));
                             return [2 /*return*/, null];
                         }
                         if (data.errors) {
-                            dispatch((0, form_2.formSetSubmitting)(props.formId, false));
+                            dispatch((0, form_1.formSetSubmitting)(props.formId, false));
                             setErrors(data.errors);
                             return [2 /*return*/, null];
                         }
@@ -322,7 +325,7 @@ function Form(props) {
                         if (props.autoSave) {
                             AutoSaveHelper_1["default"].remove(components.clientStorage, props.formId);
                         }
-                        dispatch((0, form_2.formSetSubmitting)(props.formId, false));
+                        dispatch((0, form_1.formSetSubmitting)(props.formId, false));
                         return [2 /*return*/, null];
                 }
             });

package/ui/form/HtmlField/HtmlField.js

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = require("react");
 var merge_1 = __importDefault(require("lodash-es/merge"));
+var react_1 = require("react");
+var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
-var enums_1 = require("../../../enums");
 function HtmlField(props) {
     var components = (0, hooks_1.useComponents)();
     var onFocus = (0, react_1.useCallback)(function (event) {

package/ui/form/ImageField/ImageField.d.ts

@@ -1,8 +1,8 @@
 import ReactCropProps, { Crop } from 'react-image-crop';
-import { IModalProps } from '../../modal/Modal/Modal';
 import { IFileInput } from '../../../hooks/useFile';
-import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
+import { IModalProps } from '../../modal/Modal/Modal';
 import { IButtonProps } from '../Button/Button';
+import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
 export interface ICropConfig {
     /**
      * Изначальные параметры обрезки изображения

package/ui/form/ImageField/ImageField.js

@@ -37,19 +37,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var React = __importStar(require("react"));
 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 uniqueId_1 = __importDefault(require("lodash-es/uniqueId"));
 var react_use_1 = require("react-use");
+var modal_1 = require("../../../actions/modal");
+var enums_1 = require("../../../enums");
 var hooks_1 = require("../../../hooks");
 var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
 var useFile_1 = __importDefault(require("../../../hooks/useFile"));
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
-var modal_1 = require("../../../actions/modal");
-var enums_1 = require("../../../enums");
 function ImageField(props) {
     var _a;
     var components = (0, hooks_1.useComponents)();

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { InputHTMLAttributes, ReactNode } from 'react';
 import { MaskitoOptions } from '@maskito/core';
 import { ISaveCursorPositionDebounceConfig } from '@steroidsjs/core/hooks/useSaveCursorPosition';
+import { InputHTMLAttributes, ReactNode } from 'react';
+import * as React from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 export declare const MASK_PRESETS: {
     date: Required<MaskitoOptions>;

package/ui/form/InputField/InputField.js

@@ -47,16 +47,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.MASK_PRESETS = void 0;
-/* eslint-disable no-unused-expressions */
-/* eslint-disable max-len */
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var react_2 = require("@maskito/react");
 var kit_1 = require("@maskito/kit");
-var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
-var hooks_1 = require("../../../hooks");
+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");
+var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 exports.MASK_PRESETS = {
     date: (0, kit_1.maskitoDateOptionsGenerator)({
         mode: 'dd/mm/yyyy'
@@ -89,13 +87,15 @@ exports.MASK_PRESETS = {
 function InputField(props) {
     var _a;
     var components = (0, hooks_1.useComponents)();
-    var maskedInputRef = (0, react_2.useMaskito)({
+    var maskedInputRef = (0, react_1.useMaskito)({
         options: props.maskOptions
     });
     var _b = (0, hooks_1.useSaveCursorPosition)({
         inputParams: props.input,
         onChangeCallback: props.onChange,
-        debounce: __assign({ enabled: !!props.debounce }, (typeof props.debounce === 'boolean' ? { enabled: props.debounce } : ((_a = props.debounce) !== null && _a !== void 0 ? _a : {})))
+        debounce: __assign({ enabled: !!props.debounce }, (typeof props.debounce === 'boolean' ? {
+            enabled: props.debounce
+        } : ((_a = props.debounce) !== null && _a !== void 0 ? _a : {})))
     }), inputRef = _b.inputRef, onChange = _b.onChange, value = _b.value;
     React.useEffect(function () {
         if (inputRef.current) {
@@ -109,8 +109,8 @@ function InputField(props) {
         }
         props.input.onChange('');
     }, [props]);
-    var inputProps = (0, react_1.useMemo)(function () { return (__assign({ type: props.type, name: props.input.name, value: value, onInput: onChange, placeholder: props.placeholder }, props.inputProps)); }, [value, onChange, props.input.name, props.inputProps, props.placeholder, props.type]);
-    var viewProps = (0, react_1.useMemo)(function () { return ({
+    var inputProps = (0, react_2.useMemo)(function () { return (__assign({ type: props.type, name: props.input.name, value: value, onInput: onChange, placeholder: props.placeholder }, props.inputProps)); }, [value, onChange, props.input.name, props.inputProps, props.placeholder, props.type]);
+    var viewProps = (0, react_2.useMemo)(function () { return ({
         inputRef: useInputFieldWarningByType_1.INPUT_TYPES_SUPPORTED_SELECTION.includes(props.type) ? inputRef : null,
         onClear: onClear,
         inputProps: inputProps,

package/ui/form/NavField/NavField.d.ts

@@ -1,6 +1,6 @@
-import { INavProps } from '../../nav/Nav/Nav';
-import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../form/Field/fieldWrapper';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
+import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../form/Field/fieldWrapper';
+import { INavProps } from '../../nav/Nav/Nav';
 /**
  * NavField
  * Компонент навигации как часть формы.

package/ui/form/NavField/NavField.js

@@ -38,10 +38,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var react_1 = __importStar(require("react"));
-var Nav_1 = __importDefault(require("../../nav/Nav/Nav"));
-var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
-var hooks_1 = require("../../../hooks");
 var enums_1 = require("../../../enums");
+var hooks_1 = require("../../../hooks");
+var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
+var Nav_1 = __importDefault(require("../../nav/Nav/Nav"));
 function NavField(props) {
     var items = (0, hooks_1.useDataProvider)({
         items: props.items

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

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

package/ui/form/NumberField/NumberField.js

@@ -37,12 +37,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-/* eslint-disable max-len */
 var react_1 = __importStar(require("react"));
-var hooks_1 = require("../../../hooks");
-var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var useInputTypeNumber_1 = __importDefault(require("./hooks/useInputTypeNumber"));
 var enums_1 = require("../../../enums");
+var hooks_1 = require("../../../hooks");
+var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var DEFAULT_STEP = 1;
 function NumberField(props) {
     var _a;
@@ -50,7 +49,9 @@ function NumberField(props) {
     var _b = (0, hooks_1.useSaveCursorPosition)({
         inputParams: props.input,
         onChangeCallback: props.onChange,
-        debounce: __assign({ enabled: !!props.debounce }, (typeof props.debounce === 'boolean' ? { enabled: props.debounce } : ((_a = props.debounce) !== null && _a !== void 0 ? _a : {})))
+        debounce: __assign({ enabled: !!props.debounce }, (typeof props.debounce === 'boolean' ? {
+            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 onInputChange = (0, useInputTypeNumber_1["default"])(currentInputRef, {

package/ui/form/NumberField/hooks/useInputTypeNumber.js

@@ -38,12 +38,12 @@ var useInputTypeNumber = function (currentInputRef, inputTypeNumberProps, onChan
              * @example 1
              * @example -2
              */
-            ? new RegExp('^-?\\d*$')
+            ? /^-?\d*$/
             /**
              * Подходят положительные целые числа
              * @example 1
              */
-            : new RegExp('^\\d+$');
+            : /^\d+$/;
         return decimal ? numericFloatRegExp.test(value) : numericRegExp.test(value);
     };
     var onInputChange = function (event, newValue) {

package/ui/form/PasswordField/PasswordField.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent } from 'react';
-import { IBaseFieldProps } from '../InputField/InputField';
 import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
+import { IBaseFieldProps } from '../InputField/InputField';
 export declare enum InputType {
     TEXT = "text",
     PASSWORD = "password"

package/ui/form/PasswordField/PasswordField.js

@@ -56,7 +56,9 @@ exports.checkPassword = checkPassword;
 function PasswordField(props) {
     var _a = (0, react_1.useState)(InputType.PASSWORD), type = _a[0], setType = _a[1];
     var components = (0, hooks_1.useComponents)();
-    var _b = (0, hooks_1.useSaveCursorPosition)({ inputParams: props.input }), inputRef = _b.inputRef, onChange = _b.onChange;
+    var _b = (0, hooks_1.useSaveCursorPosition)({
+        inputParams: props.input
+    }), inputRef = _b.inputRef, onChange = _b.onChange;
     var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
     var onShowButtonClick = (0, react_1.useCallback)(function () {
         type === InputType.PASSWORD ? setType(InputType.TEXT) : setType(InputType.PASSWORD);