@steroidsjs/core 3.0.93 → 3.0.94

package/ui/form/DateTimeRangeField/DateTimeRangeField.d.ts

@@ -1,7 +1,7 @@
 import { MaskitoOptions } from '@maskito/core';
 import { ICalendarProps } from '../../content/Calendar/Calendar';
-import { IDateRangeButton, IDateRangeFieldProps } from '../../form/DateRangeField/DateRangeField';
 import { IDateInputStateInput, IDateInputStateOutput } from '../../form/DateField/useDateInputState';
+import { IDateRangeButton, IDateRangeFieldProps } from '../../form/DateRangeField/DateRangeField';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../form/Field/fieldWrapper';
 /**
  * DateTimeRangeField

package/ui/form/DateTimeRangeField/DateTimeRangeField.js

@@ -14,20 +14,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = require("react");
-var react_2 = require("@maskito/react");
+var react_1 = require("@maskito/react");
 var utils_1 = require("@steroidsjs/core/ui/form/DateTimeField/utils");
+var react_2 = require("react");
+var enums_1 = require("../../../enums");
+var hooks_1 = require("../../../hooks");
+var useDateInputState_1 = __importDefault(require("../../form/DateField/useDateInputState"));
 var useDateRange_1 = __importDefault(require("../../form/DateField/useDateRange"));
 var useDateTime_1 = __importDefault(require("../../form/DateField/useDateTime"));
-var useDateInputState_1 = __importDefault(require("../../form/DateField/useDateInputState"));
 var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
-var hooks_1 = require("../../../hooks");
-var enums_1 = require("../../../enums");
 var DATE_TIME_SEPARATOR = ', ';
 function DateTimeRangeField(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     var components = (0, hooks_1.useComponents)();
-    var maskInputFromRef = (0, react_2.useMaskito)({
+    var maskInputFromRef = (0, react_1.useMaskito)({
         options: (_b = (_a = props.maskOptions) === null || _a === void 0 ? void 0 : _a.from) !== null && _b !== void 0 ? _b : (0, utils_1.createDateTimeMask)({
             from: (_c = props.availableTime) === null || _c === void 0 ? void 0 : _c.from,
             to: (_d = props.availableTime) === null || _d === void 0 ? void 0 : _d.to,
@@ -36,7 +36,7 @@ function DateTimeRangeField(props) {
             dateTimeSeparator: (_g = props.dateTimeSeparator) !== null && _g !== void 0 ? _g : DATE_TIME_SEPARATOR
         })
     });
-    var maskInputToRef = (0, react_2.useMaskito)({
+    var maskInputToRef = (0, react_1.useMaskito)({
         options: (_j = (_h = props.maskOptions) === null || _h === void 0 ? void 0 : _h.to) !== null && _j !== void 0 ? _j : (0, utils_1.createDateTimeMask)({
             from: (_k = props.availableTime) === null || _k === void 0 ? void 0 : _k.from,
             to: (_l = props.availableTime) === null || _l === void 0 ? void 0 : _l.to,
@@ -46,7 +46,7 @@ function DateTimeRangeField(props) {
         })
     });
     // Global onChange (from props)
-    var onChange = (0, react_1.useCallback)(function () {
+    var onChange = (0, react_2.useCallback)(function () {
         var _a;
         if (props.onChange) {
             props.onChange.call(null, (_a = {},
@@ -111,7 +111,7 @@ function DateTimeRangeField(props) {
         displayFormat: props.displayFormat,
         valueFormat: props.valueFormat
     }), focus = _u.focus, onClose = _u.onClose, onClear = _u.onClear, extendedInputPropsFrom = _u.extendedInputPropsFrom, extendedInputPropsTo = _u.extendedInputPropsTo;
-    (0, react_1.useEffect)(function () {
+    (0, react_2.useEffect)(function () {
         if (extendedInputPropsFrom.ref && extendedInputPropsTo.ref) {
             maskInputFromRef(extendedInputPropsFrom.ref.current);
             maskInputToRef(extendedInputPropsTo.ref.current);
@@ -123,14 +123,14 @@ function DateTimeRangeField(props) {
         maskInputToRef,
     ]);
     // Calendar props
-    var calendarProps = (0, react_1.useMemo)(function () {
+    var calendarProps = (0, react_2.useMemo)(function () {
         var _a;
         return (__assign({ value: [dateValueFrom, dateValueTo], onChange: focus === 'from' ? onDateFromSelect : onDateToSelect, valueFormat: dateValueFormat }, ((props === null || props === void 0 ? void 0 : props.disabledDays)
             ? __assign(__assign({}, props.calendarProps), { pickerProps: __assign(__assign({}, (_a = props.calendarProps) === null || _a === void 0 ? void 0 : _a.pickerProps), { disabledDays: props.disabledDays }) }) : props.calendarProps)));
     }, [dateValueFormat, dateValueFrom, dateValueTo, focus, onDateFromSelect, onDateToSelect, props.calendarProps, props.disabledDays]);
     // TimePanel props
-    var timePanelViewProps = (0, react_1.useMemo)(function () { return (__assign({ value: focus === 'from' ? timeValueFrom : timeValueTo, onSelect: focus === 'from' ? onTimeFromSelect : onTimeToSelect, onNow: onNow, onClose: onClose, showNow: false, showHeader: true, availableTime: props.availableTime, minuteStep: props.minuteStep }, props.timePanelViewProps)); }, [focus, onClose, onNow, onTimeFromSelect, onTimeToSelect, props.availableTime, props.minuteStep, props.timePanelViewProps, timeValueFrom, timeValueTo]);
-    var viewProps = (0, react_1.useMemo)(function () { return ({
+    var timePanelViewProps = (0, react_2.useMemo)(function () { return (__assign({ value: focus === 'from' ? timeValueFrom : timeValueTo, onSelect: focus === 'from' ? onTimeFromSelect : onTimeToSelect, onNow: onNow, onClose: onClose, showNow: false, showHeader: true, availableTime: props.availableTime, minuteStep: props.minuteStep }, props.timePanelViewProps)); }, [focus, onClose, onNow, onTimeFromSelect, onTimeToSelect, props.availableTime, props.minuteStep, props.timePanelViewProps, timeValueFrom, timeValueTo]);
+    var viewProps = (0, react_2.useMemo)(function () { return ({
         onClear: onClear,
         onClose: onClose,
         calendarProps: calendarProps,
@@ -169,4 +169,6 @@ DateTimeRangeField.defaultProps = {
     rangeButtonsPosition: 'left-bottom',
     minuteStep: 1
 };
-exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.DATE_TIME_RANGE_FIELD, DateTimeRangeField, { attributeSuffixes: ['from', 'to'] });
+exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.DATE_TIME_RANGE_FIELD, DateTimeRangeField, {
+    attributeSuffixes: ['from', 'to']
+});

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
  * Компонент навигации как часть формы.