@steroidsjs/core 3.0.0-beta.2 → 3.0.0-beta.5

package/ui/form/FieldLayout/demo/layouts.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * По-умлочанию FieldLayout имеет 3 заданных ориентации.
  * @order 5
  * @col 12
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/FieldLayout/demo/layouts.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];

package/ui/form/FieldLayout/demo/required.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Как обязательное поле для заполнения.
  * @order 2
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/FieldLayout/demo/required.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];

package/ui/form/FieldList/FieldList.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];
@@ -45,43 +49,43 @@ var tableNavigationHandler_1 = __importStar(require("./tableNavigationHandler"))
 var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
 function FieldList(props) {
     var _a;
-    var components = hooks_1.useComponents();
-    var context = react_1.useContext(Form_1.FormContext);
+    var components = (0, hooks_1.useComponents)();
+    var context = (0, react_1.useContext)(Form_1.FormContext);
     // Resolve model
     var modelAttributes = (_a = components.meta.getModel(props.model)) === null || _a === void 0 ? void 0 : _a.attributes;
     var dispatch = context.provider.useDispatch();
     // Add and Remove handlers
-    var onAdd = react_1.useCallback(function (rowsCount) {
+    var onAdd = (0, react_1.useCallback)(function (rowsCount) {
         if (rowsCount === void 0) { rowsCount = 1; }
-        dispatch(form_1.formArrayAdd(context.formId, props.input.name, rowsCount, props.initialValues));
+        dispatch((0, form_1.formArrayAdd)(context.formId, props.input.name, rowsCount, props.initialValues));
     }, [context.formId, dispatch, props.initialValues, props.input.name]);
-    var onRemove = react_1.useCallback(function (rowIndex) {
-        dispatch(form_1.formArrayRemove(context.formId, props.input.name, rowIndex));
+    var onRemove = (0, react_1.useCallback)(function (rowIndex) {
+        dispatch((0, form_1.formArrayRemove)(context.formId, props.input.name, rowIndex));
     }, [context.formId, dispatch, props.input.name]);
     // Add initial rows
-    react_use_1.useMount(function () {
+    (0, react_use_1.useMount)(function () {
         if (!props.input.value) {
             onAdd(props.initialRowsCount);
         }
     });
     // Keyboard navigation
-    var nodeRef = react_1.useRef();
-    var onKeyDown = react_1.useCallback(function (event) {
-        if (props.enableKeyboardNavigation && tableNavigationHandler_1.isDescendant(nodeRef.current, event.target)) {
-            tableNavigationHandler_1["default"](event, function () { return onAdd(); });
+    var nodeRef = (0, react_1.useRef)();
+    var onKeyDown = (0, react_1.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]);
-    react_use_1.useEvent('keydown', onKeyDown);
+    (0, react_use_1.useEvent)('keydown', onKeyDown);
     // Rows items
-    var items = react_1.useMemo(function () { return (props.items || [])
+    var items = (0, react_1.useMemo)(function () { return (props.items || [])
         .filter(function (field) { return field.visible !== false; })
         .map(function (field) {
         if (typeof field === 'string') {
             field = { attribute: field };
         }
-        return __assign(__assign(__assign({}, (modelAttributes || []).find(function (attributeItem) { return attributeItem.attribute === field.attribute; })), field), { disabled: isBoolean_1["default"](field.disabled) ? field.disabled : props.disabled, size: field.size || props.size });
+        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 = react_1.useMemo(function () { return ({
+    var contextValue = (0, react_1.useMemo)(function () { return ({
         formId: props.formId,
         model: props.model,
         prefix: props.prefix,
@@ -103,7 +107,7 @@ function FieldList(props) {
     var FieldListView = props.view || components.ui.getView('form.FieldListView');
     var FieldListItemView = props.itemView || components.ui.getView('form.FieldListItemView');
     return (React.createElement(Form_1.FormContext.Provider, { value: contextValue },
-        React.createElement(FieldListView, __assign({}, props.viewProps, commonProps, { forwardedRef: nodeRef, onAdd: onAdd }), range_1["default"](props.input.value || 0)
+        React.createElement(FieldListView, __assign({}, props.viewProps, commonProps, { forwardedRef: nodeRef, onAdd: onAdd }), (0, range_1["default"])(props.input.value || 0)
             .map(function (index) { return (React.createElement(FieldListItemView, __assign({}, props.itemViewProps, commonProps, { key: index, onRemove: onRemove, prefix: props.input.name + '.' + index, rowIndex: index }))); }))));
 }
 FieldList.defaultProps = {
@@ -116,4 +120,4 @@ FieldList.defaultProps = {
     initialRowsCount: 1,
     enableKeyboardNavigation: true
 };
-exports["default"] = fieldWrapper_1["default"]('FieldList', FieldList, { list: true });
+exports["default"] = (0, fieldWrapper_1["default"])('FieldList', FieldList, { list: true });

package/ui/form/FieldList/demo/basic.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Обычный пример использования FieldList.
  * @order 1
  * @col 12
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/FieldList/demo/basic.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];

package/ui/form/FieldList/demo/disabled.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Выключенный или недоступный для использования.
  * @order 2
  * @col 12
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/FieldList/demo/disabled.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];

package/ui/form/FieldSet/FieldSet.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];
@@ -40,16 +44,16 @@ var Form_1 = require("../Form/Form");
 var hooks_1 = require("../../../hooks");
 var form_1 = require("../../../utils/form");
 function FieldSet(props) {
-    var components = hooks_1.useComponents();
-    var context = react_1.useContext(Form_1.FormContext);
-    var contextValue = react_1.useMemo(function () { return ({
+    var components = (0, hooks_1.useComponents)();
+    var context = (0, react_1.useContext)(Form_1.FormContext);
+    var contextValue = (0, react_1.useMemo)(function () { return ({
         formId: props.formId || context.formId,
         model: props.model || context.model,
         prefix: [context.prefix, props.prefix]
             .filter(Boolean)
             .join('.'),
         size: props.size || context.size,
-        layout: form_1.mergeLayoutProp(context.layout, props.layout),
+        layout: (0, form_1.mergeLayoutProp)(context.layout, props.layout),
         provider: context.provider,
         reducer: context.reducer
     }); }, [context.formId, context.layout, context.model, context.prefix, context.provider, context.reducer,
@@ -58,6 +62,6 @@ function FieldSet(props) {
     return (react_1["default"].createElement(Form_1.FormContext.Provider, { value: contextValue },
         react_1["default"].createElement(FieldSetView, __assign({ className: props.className, label: props.label }, props),
             props.children,
-            (props.fields || []).map(function (field, index) { return (react_1["default"].createElement(Field_1["default"], __assign({ key: index }, (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/FieldSet/demo/basic.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Обычный пример использования FieldSet.
  * @order 1
  * @col 12
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/FieldSet/demo/basic.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];

package/ui/form/FileField/FileField.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];
@@ -41,8 +45,8 @@ var useFile_1 = __importDefault(require("../../../hooks/useFile"));
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 function FileField(props) {
-    var components = hooks_1.useComponents();
-    var _a = useFile_1["default"](props), files = _a.files, onBrowse = _a.onBrowse, onRemove = _a.onRemove;
+    var components = (0, hooks_1.useComponents)();
+    var _a = (0, useFile_1["default"])(props), files = _a.files, onBrowse = _a.onBrowse, onRemove = _a.onRemove;
     var FileFieldView = props.view || components.ui.getView('form.FileFieldView');
     var FileFieldItemView = props.itemView || components.ui.getView('form.FileFieldItemView');
     return (React.createElement(FileFieldView, __assign({}, props, { buttonComponent: props.buttonComponent, buttonProps: __assign({ label: props.imagesOnly
@@ -83,7 +87,7 @@ function FileField(props) {
             if (data.images) {
                 // Image object has properties: url, width, height
                 item.image = data.images[props.imagesProcessor]
-                    || first_1["default"](values_1["default"](data.images));
+                    || (0, first_1["default"])((0, values_1["default"])(data.images));
             }
             // Add progress
             if (file.getStatus() === File_1["default"].STATUS_PROCESS) {
@@ -106,4 +110,4 @@ FileField.defaultProps = {
     },
     multiple: false
 };
-exports["default"] = fieldWrapper_1["default"]('FileField', FileField);
+exports["default"] = (0, fieldWrapper_1["default"])('FileField', FileField);

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

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Обычный пример использования FileField.
  * @order 1
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/FileField/demo/basic.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];

package/ui/form/Form/AutoSaveHelper.js

@@ -19,17 +19,17 @@ var AutoSaveHelper = /** @class */ (function () {
     function AutoSaveHelper() {
     }
     AutoSaveHelper.restore = function (clientStorage, formId, initialValues) {
-        var values = clientStorage.get(AutoSaveHelper.STORAGE_KEY_PREFIX + "_" + formId) || '';
-        if (isString_1["default"](values) && values.substr(0, 1) === '{') {
+        var values = clientStorage.get("".concat(AutoSaveHelper.STORAGE_KEY_PREFIX, "_").concat(formId)) || '';
+        if ((0, isString_1["default"])(values) && values.substr(0, 1) === '{') {
             return __assign(__assign({}, JSON.parse(values)), initialValues);
         }
         return initialValues;
     };
     AutoSaveHelper.save = function (clientStorage, formId, values) {
-        clientStorage.set(AutoSaveHelper.STORAGE_KEY_PREFIX + "_" + formId, JSON.stringify(values));
+        clientStorage.set("".concat(AutoSaveHelper.STORAGE_KEY_PREFIX, "_").concat(formId), JSON.stringify(values));
     };
     AutoSaveHelper.remove = function (clientStorage, formId) {
-        clientStorage.remove(AutoSaveHelper.STORAGE_KEY_PREFIX + "_" + formId);
+        clientStorage.remove("".concat(AutoSaveHelper.STORAGE_KEY_PREFIX, "_").concat(formId));
     };
     AutoSaveHelper.STORAGE_KEY_PREFIX = 'Form';
     return AutoSaveHelper;

package/ui/form/Form/Form.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];
@@ -44,7 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -70,6 +74,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.FormContext = void 0;
+/* eslint-disable react/prop-types */
 var React = __importStar(require("react"));
 var get_1 = __importDefault(require("lodash-es/get"));
 var isUndefined_1 = __importDefault(require("lodash-es/isUndefined"));
@@ -97,23 +102,23 @@ function Form(props) {
     var _this = this;
     // Dev validation. You cannot change data provider (formId, useRedux)
     if (process.env.NODE_ENV !== 'production') {
-        var prevFormId = react_use_1.usePrevious(props.formId); // eslint-disable-line react-hooks/rules-of-hooks
-        var prevUseRedux = react_use_1.usePrevious(props.useRedux); // eslint-disable-line react-hooks/rules-of-hooks
+        var prevFormId = (0, react_use_1.usePrevious)(props.formId); // eslint-disable-line react-hooks/rules-of-hooks
+        var prevUseRedux = (0, react_use_1.usePrevious)(props.useRedux); // eslint-disable-line react-hooks/rules-of-hooks
         if ((prevFormId && props.formId !== prevFormId) || (prevUseRedux && props.useRedux !== prevUseRedux)) {
             throw new Error('Props formId and useRedux cannot be changed dynamically! Its related to data provider');
         }
     }
     // Get components and dispatch method
-    var components = hooks_1.useComponents();
-    var reduxDispatch = hooks_1.useDispatch();
+    var components = (0, hooks_1.useComponents)();
+    var reduxDispatch = (0, hooks_1.useDispatch)();
     // Normalize layout
-    var layout = react_1.useMemo(function () { return form_1.normalizeLayout(props.layout); }, [props.layout]);
+    var layout = (0, react_1.useMemo)(function () { return (0, form_1.normalizeLayout)(props.layout); }, [props.layout]);
     // Address bar synchronization
-    var _a = 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
-    var isFirstMount = react_use_1.useFirstMountState();
+    var isFirstMount = (0, react_use_1.useFirstMountState)();
     if (isFirstMount) {
         // Query
         if (initialQuery) {
@@ -128,30 +133,30 @@ function Form(props) {
     var provider = props.useRedux ? form_1.providers.redux : form_1.providers.reducer;
     var _b = provider.useForm(props.formId, initialValues), values = _b.values, submitCounter = _b.submitCounter, isInvalid = _b.isInvalid, isSubmitting = _b.isSubmitting, setErrors = _b.setErrors, reducer = _b.reducer, dispatch = _b.dispatch;
     // Sync with address bar
-    react_use_1.useUpdateEffect(function () {
+    (0, react_use_1.useUpdateEffect)(function () {
         updateQuery(values);
     }, [updateQuery, values]);
     // Auto save
-    react_use_1.useUpdateEffect(function () {
+    (0, react_use_1.useUpdateEffect)(function () {
         if (props.autoSave && values) {
             // TODO
             //AutoSaveHelper.save(components.clientStorage, props.formId, values);
         }
     }, [props.autoSave, values]);
     // Auto destroy
-    react_use_1.useUnmount(function () {
+    (0, react_use_1.useUnmount)(function () {
         if (props.autoDestroy) {
-            dispatch(form_2.formDestroy(props.formId));
+            dispatch((0, form_2.formDestroy)(props.formId));
         }
     });
     // OnChange handler
-    react_use_1.useUpdateEffect(function () {
+    (0, react_use_1.useUpdateEffect)(function () {
         if (props.onChange) {
             props.onChange.call(null, values);
         }
     }, [props.onChange, values]);
     // OnSubmit handler
-    var onSubmit = react_1.useCallback(function (e) {
+    var onSubmit = (0, react_1.useCallback)(function (e) {
         if (e === void 0) { e = null; }
         return __awaiter(_this, void 0, void 0, function () {
             var cleanedValues, submitResult, captchaAttribute, googleCaptcha, captchaToken, options, response, _a, requestError_1, data;
@@ -160,12 +165,12 @@ function Form(props) {
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
-                        dispatch(form_2.formSetSubmitting(props.formId, true));
+                        dispatch((0, form_2.formSetSubmitting)(props.formId, true));
                         // TODO
                         if (e) {
                             e.preventDefault();
                         }
-                        cleanedValues = cloneDeep_1["default"](values);
+                        cleanedValues = (0, cloneDeep_1["default"])(values);
                         // Append non touched fields to values object
                         if (props.formId) {
                             Object.keys(components.ui.getRegisteredFields(props.formId) || {})
@@ -174,7 +179,7 @@ function Form(props) {
                                 var keyParts = [];
                                 var arrayKey;
                                 key.split('.').find(function (keyPart) {
-                                    if (keyParts.length > 0 && Array.isArray(get_1["default"](cleanedValues, keyParts))) {
+                                    if (keyParts.length > 0 && Array.isArray((0, get_1["default"])(cleanedValues, keyParts))) {
                                         keyParts.push(keyPart);
                                         arrayKey = keyParts.join('.');
                                         return true;
@@ -182,29 +187,29 @@ function Form(props) {
                                     keyParts.push(keyPart);
                                     return false;
                                 });
-                                if (arrayKey && !get_1["default"](cleanedValues, arrayKey)) {
+                                if (arrayKey && !(0, get_1["default"])(cleanedValues, arrayKey)) {
                                     return;
                                 }
-                                if (isUndefined_1["default"](get_1["default"](cleanedValues, key))) {
-                                    set_1["default"](cleanedValues, key, null);
+                                if ((0, isUndefined_1["default"])((0, get_1["default"])(cleanedValues, key))) {
+                                    (0, set_1["default"])(cleanedValues, key, null);
                                 }
                             });
                         }
                         // Clean
-                        cleanedValues = form_1.cleanEmptyObject(cleanedValues);
+                        cleanedValues = (0, form_1.cleanEmptyObject)(cleanedValues);
                         // Event onBeforeSubmit
                         if (props.onBeforeSubmit && props.onBeforeSubmit.call(null, cleanedValues) === false) {
-                            dispatch(form_2.formSetSubmitting(props.formId, false));
+                            dispatch((0, form_2.formSetSubmitting)(props.formId, false));
                             return [2 /*return*/, null];
                         }
                         if (props.validators) {
-                            validate_1["default"](cleanedValues, props.validators);
+                            (0, validate_1["default"])(cleanedValues, props.validators);
                         }
                         if (!props.onSubmit) return [3 /*break*/, 2];
                         return [4 /*yield*/, props.onSubmit.call(null, cleanedValues)];
                     case 1:
                         submitResult = _c.sent();
-                        dispatch(form_2.formSetSubmitting(props.formId, false));
+                        dispatch((0, form_2.formSetSubmitting)(props.formId, false));
                         return [2 /*return*/, submitResult];
                     case 2:
                         captchaAttribute = null;
@@ -236,7 +241,7 @@ function Form(props) {
                                         switch (_b.label) {
                                             case 0:
                                                 if (!props.autoStartTwoFactor) return [3 /*break*/, 2];
-                                                return [4 /*yield*/, components.http.post("/api/v1/auth/2fa/" + providerName + "/send")];
+                                                return [4 /*yield*/, components.http.post("/api/v1/auth/2fa/".concat(providerName, "/send"))];
                                             case 1:
                                                 _a = _b.sent();
                                                 return [3 /*break*/, 3];
@@ -270,24 +275,29 @@ function Form(props) {
                     case 11:
                         requestError_1 = _c.sent();
                         console.error(requestError_1); // eslint-disable-line no-console
-                        dispatch(form_2.formSetSubmitting(props.formId, false));
+                        dispatch((0, form_2.formSetSubmitting)(props.formId, false));
                         props.onError(requestError_1);
-                        reduxDispatch(notifications_1.showNotification(props.submitErrorMessage || __('Ошибка сервера'), 'danger'));
+                        //TODO Remove @ts-ignore
+                        //@ts-ignore
+                        reduxDispatch(
+                        //TODO Remove @ts-ignore
+                        //@ts-ignore
+                        (0, notifications_1.showNotification)(props.submitErrorMessage || __('Ошибка сервера'), 'danger'));
                         return [2 /*return*/, null];
                     case 12:
                         // Skip on 2fa
                         if (response.twoFactor) {
-                            dispatch(form_2.formSetSubmitting(props.formId, false));
+                            dispatch((0, form_2.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(form_2.formSetSubmitting(props.formId, false));
+                            dispatch((0, form_2.formSetSubmitting)(props.formId, false));
                             return [2 /*return*/, null];
                         }
                         if (data.errors) {
-                            dispatch(form_2.formSetSubmitting(props.formId, false));
+                            dispatch((0, form_2.formSetSubmitting)(props.formId, false));
                             setErrors(data.errors);
                             return [2 /*return*/, null];
                         }
@@ -301,7 +311,7 @@ function Form(props) {
                             //const AutoSaveHelper = require('../ui/form/Form/AutoSaveHelper').default;
                             //AutoSaveHelper.remove(props.clientStorage, props.formId);
                         }
-                        dispatch(form_2.formSetSubmitting(props.formId, false));
+                        dispatch((0, form_2.formSetSubmitting)(props.formId, false));
                         return [2 /*return*/, null];
                 }
             });
@@ -309,13 +319,13 @@ function Form(props) {
     }, [dispatch, props, values, components.ui, components.resource,
         components.http, components.api, reduxDispatch, setErrors]);
     // Manual submit form by reducer action
-    var prevSubmitCounter = react_use_1.usePrevious(submitCounter);
-    react_use_1.useUpdateEffect(function () {
+    var prevSubmitCounter = (0, react_use_1.usePrevious)(submitCounter);
+    (0, react_use_1.useUpdateEffect)(function () {
         if (submitCounter !== prevSubmitCounter) {
             onSubmit.call(null);
         }
     }, [prevSubmitCounter, submitCounter, onSubmit]);
-    var formContextValue = react_1.useMemo(function () { return ({
+    var formContextValue = (0, react_1.useMemo)(function () { return ({
         formId: props.formId,
         model: props.model,
         prefix: props.prefix,
@@ -331,10 +341,7 @@ function Form(props) {
     }
     // Render context and form
     return (React.createElement(exports.FormContext.Provider, { value: formContextValue }, props.view !== false
-        ? components.ui.renderView(props.view || 'form.FormView', __assign(__assign({}, props.viewProps), { isInvalid: isInvalid,
-            isSubmitting: isSubmitting,
-            layout: layout,
-            onSubmit: onSubmit, submitLabel: props.submitLabel, fields: props.fields, children: props.children, isBordered: props.isBordered, className: props.className, style: props.style, autoFocus: props.autoFocus }))
+        ? components.ui.renderView(props.view || 'form.FormView', __assign(__assign({}, props.viewProps), { isInvalid: isInvalid, isSubmitting: isSubmitting, layout: layout, onSubmit: onSubmit, submitLabel: props.submitLabel, fields: props.fields, children: props.children, isBordered: props.isBordered, className: props.className, style: props.style, autoFocus: props.autoFocus }))
         : props.children));
 }
 Form.defaultProps = {

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

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Обычный пример использования Form.
  * @order 1
  * @col 12
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/Form/demo/basic.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];

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

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Обычный пример включения рамок у компонента Form.
  * @order 4
  * @col 12
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/Form/demo/border.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];