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

package/ui/form/DropDownField/DropDownField.js

@@ -20,12 +20,12 @@ var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
 function DropDownField(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     // Query state
-    var _a = react_1.useState(''), query = _a[0], setQuery = _a[1];
-    var inputSelectedIds = react_1.useMemo(function () { return props.selectedIds || [].concat(props.input.value || []); }, [props.input.value, props.selectedIds]);
+    var _a = (0, react_1.useState)(''), query = _a[0], setQuery = _a[1];
+    var inputSelectedIds = (0, react_1.useMemo)(function () { return props.selectedIds || [].concat(props.input.value || []); }, [props.input.value, props.selectedIds]);
     // Data provider
-    var _b = hooks_1.useDataProvider({
+    var _b = (0, hooks_1.useDataProvider)({
         items: props.items,
         dataProvider: props.dataProvider,
         autoComplete: props.autoComplete,
@@ -34,7 +34,7 @@ function DropDownField(props) {
         initialSelectedIds: inputSelectedIds
     }), items = _b.items, isLoading = _b.isLoading, isAutoComplete = _b.isAutoComplete, sourceItems = _b.sourceItems;
     // Data select
-    var _c = hooks_1.useDataSelect({
+    var _c = (0, hooks_1.useDataSelect)({
         multiple: props.multiple,
         selectFirst: props.selectFirst,
         selectedIds: inputSelectedIds,
@@ -44,45 +44,45 @@ function DropDownField(props) {
         sourceItems: sourceItems,
         inputValue: props.input.value
     }), isOpened = _c.isOpened, setIsOpened = _c.setIsOpened, setIsFocused = _c.setIsFocused, hoveredId = _c.hoveredId, setHoveredId = _c.setHoveredId, selectedIds = _c.selectedIds, setSelectedIds = _c.setSelectedIds, selectedItems = _c.selectedItems;
-    var onOpen = react_1.useCallback(function () {
+    var onOpen = (0, react_1.useCallback)(function () {
         setQuery('');
         setIsFocused(true);
         setIsOpened(true);
         setHoveredId(null);
     }, [setHoveredId, setIsFocused, setIsOpened]);
-    var onItemHover = react_1.useCallback(function (id) {
+    var onItemHover = (0, react_1.useCallback)(function (id) {
         setHoveredId(id);
     }, [setHoveredId]);
-    var onItemSelect = react_1.useCallback(function (id) {
+    var onItemSelect = (0, react_1.useCallback)(function (id) {
         setSelectedIds(id);
     }, [setSelectedIds]);
-    var onItemRemove = react_1.useCallback(function (id) {
+    var onItemRemove = (0, react_1.useCallback)(function (id) {
         setSelectedIds(selectedIds.filter(function (i) { return i !== id; }));
     }, [selectedIds, setSelectedIds]);
-    var onReset = react_1.useCallback(function () {
+    var onReset = (0, react_1.useCallback)(function () {
         setSelectedIds([]);
     }, [setSelectedIds]);
-    var onClose = react_1.useCallback(function () {
+    var onClose = (0, react_1.useCallback)(function () {
         setIsFocused(false);
         setIsOpened(false);
     }, [setIsFocused, setIsOpened]);
     // Outside click -> close
-    var forwardedRef = react_1.useRef(null);
+    var forwardedRef = (0, react_1.useRef)(null);
     if (process.env.PLATFORM !== 'mobile') {
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        react_use_1.useClickAway(forwardedRef, onClose);
+        (0, react_use_1.useClickAway)(forwardedRef, onClose);
     }
     // Search input props
-    var searchInputProps = react_1.useMemo(function () { return ({
+    var searchInputProps = (0, react_1.useMemo)(function () { return ({
         type: 'search',
         placeholder: props.searchPlaceholder || __('Начните вводить символы для поиска...'),
         onChange: function (value) { return setQuery(value); },
         tabIndex: -1
     }); }, [props]);
     // Sync with form
-    var prevSelectedIds = react_use_1.usePrevious(selectedIds);
-    react_1.useEffect(function () {
-        if (!isEqual_1["default"](prevSelectedIds || [], selectedIds)) {
+    var prevSelectedIds = (0, react_use_1.usePrevious)(selectedIds);
+    (0, react_1.useEffect)(function () {
+        if (!(0, isEqual_1["default"])(prevSelectedIds || [], selectedIds)) {
             var newValues = props.multiple ? selectedIds : (selectedIds[0] || null);
             props.input.onChange.call(null, newValues);
             if (props.onChange) {
@@ -91,30 +91,17 @@ function DropDownField(props) {
         }
     }, [prevSelectedIds, props.input.onChange, props.multiple, props.onChange, selectedIds]);
     // Reset selected ids on form reset
-    var prevInputValue = react_use_1.usePrevious(props.input.value);
-    react_use_1.useUpdateEffect(function () {
+    var prevInputValue = (0, react_use_1.usePrevious)(props.input.value);
+    (0, react_use_1.useUpdateEffect)(function () {
         // if form reset
         if (prevInputValue && props.input.value === undefined && selectedIds.length > 0) {
             onReset();
         }
     }, [onReset, prevInputValue, props.input.value, selectedIds.length]);
-    return components.ui.renderView(props.view || 'form.DropDownFieldView', __assign(__assign({}, props), { isAutoComplete: isAutoComplete,
-        items: items,
-        hoveredId: hoveredId,
-        selectedIds: selectedIds,
-        forwardedRef: forwardedRef,
-        searchInputProps: searchInputProps,
-        isOpened: isOpened,
-        isLoading: isLoading,
-        onOpen: onOpen,
-        selectedItems: selectedItems,
+    return components.ui.renderView(props.view || 'form.DropDownFieldView', __assign(__assign({}, props), { isAutoComplete: isAutoComplete, items: items, hoveredId: hoveredId, selectedIds: selectedIds, forwardedRef: forwardedRef, searchInputProps: searchInputProps, isOpened: isOpened, isLoading: isLoading, onOpen: onOpen, selectedItems: selectedItems, 
         // TODO onFocus
         // TODO onBlur
-        onItemHover: onItemHover,
-        onItemSelect: onItemSelect,
-        onItemRemove: onItemRemove,
-        onReset: onReset,
-        onClose: onClose }));
+        onItemHover: onItemHover, onItemSelect: onItemSelect, onItemRemove: onItemRemove, onReset: onReset, onClose: onClose }));
 }
 DropDownField.defaultProps = {
     primaryKey: 'id',
@@ -126,4 +113,4 @@ DropDownField.defaultProps = {
     multiple: false,
     isSearchAutoFocus: true
 };
-exports["default"] = fieldWrapper_1["default"]('DropDownField', DropDownField);
+exports["default"] = (0, fieldWrapper_1["default"])('DropDownField', DropDownField);

package/ui/form/DropDownField/demo/auto-complete.d.ts

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

package/ui/form/DropDownField/demo/auto-complete.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/DropDownField/demo/basic.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Обычный пример использования DropDownField.
  * @order 1

package/ui/form/DropDownField/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/DropDownField/demo/disabled.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/DropDownField/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/DropDownField/demo/errors.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Обработка ошибок.
  * @order 4
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/DropDownField/demo/errors.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/DropDownField/demo/multiple.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * С возможность множественного выбора.
  * @order 6
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/DropDownField/demo/multiple.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/DropDownField/demo/no-border.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Без полей и рамок.
  * @order 7
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/DropDownField/demo/no-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];

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

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * С полем для поиска выбора из выпадающего списка.
  * @order 8
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/DropDownField/demo/placeholder.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/DropDownField/demo/required.d.ts

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

package/ui/form/DropDownField/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/DropDownField/demo/show-reset.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * С кнопкой для удаления выбора.
  * @order 9
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/DropDownField/demo/show-reset.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/DropDownField/demo/size.d.ts

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

package/ui/form/DropDownField/demo/size.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/Field/Field.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,10 +44,10 @@ var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
 var hooks_1 = require("../../../hooks");
 var Form_1 = require("../Form/Form");
 function Field(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     // Get model
-    var context = react_1.useContext(Form_1.FormContext);
-    var fieldModel = react_1.useMemo(function () {
+    var context = (0, react_1.useContext)(Form_1.FormContext);
+    var fieldModel = (0, react_1.useMemo)(function () {
         var _a;
         var model = props.model || context.model;
         var result = (((_a = components.meta.getModel(model)) === null || _a === void 0 ? void 0 : _a.attributes) || [])
@@ -54,12 +58,12 @@ function Field(props) {
         || fieldModel.searchField
         || fieldModel.field
         || 'InputField';
-    var ComponentField = isString_1["default"](component)
-        ? components.ui.getField("form." + component)
+    var ComponentField = (0, isString_1["default"])(component)
+        ? components.ui.getField("form.".concat(component))
         : component;
     var componentProps = __assign(__assign(__assign(__assign({}, fieldModel), props), fieldModel.fieldProps), fieldModel.searchFieldProps);
     // Render
-    return isFunction_1["default"](ComponentField)
+    return (0, isFunction_1["default"])(ComponentField)
         ? ComponentField(componentProps)
         : React.createElement(ComponentField, __assign({}, componentProps));
 }

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

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

package/ui/form/Field/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/Field/demo/component.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Field с компонентом.
  * @order 3
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/Field/demo/component.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/Field/demo/model.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Field с прокинутой моделью.
  * @order 2
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/Field/demo/model.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/Field/fieldWrapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface IFieldWrapperInputProps {
     /**
      * Префикс, который добавится к аттрибуту (названию) поля в форме

package/ui/form/Field/fieldWrapper.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,13 +45,13 @@ 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 getKey = function (baseName, attribute) { return baseName + upperFirst_1["default"](attribute || ''); };
+var getKey = function (baseName, attribute) { return baseName + (0, upperFirst_1["default"])(attribute || ''); };
 var createDynamicField = function (componentId, Component, options) {
     var DynamicField = function (props) {
-        var components = hooks_1.useComponents();
+        var components = (0, hooks_1.useComponents)();
         // Get context, formId
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        var context = props.formId !== false ? react_1.useContext(Form_1.FormContext) : null;
+        var context = props.formId !== false ? (0, react_1.useContext)(Form_1.FormContext) : null;
         var formId = props.formId || props.formId === false ? props.formId : ((context === null || context === void 0 ? void 0 : context.formId) || null);
         var model = props.model || (context === null || context === void 0 ? void 0 : context.model) || null;
         // Result wrapper props
@@ -75,7 +79,7 @@ var createDynamicField = function (componentId, Component, options) {
                 value = providerResult.value;
                 setValue = providerResult.setValue;
             }
-            else if (has_1["default"](props, 'value') && has_1["default"](props, 'onChange')) {
+            else if ((0, has_1["default"])(props, 'value') && (0, has_1["default"])(props, 'onChange')) {
                 // Controlled component via props
                 errors = null;
                 value = props.value;
@@ -91,7 +95,7 @@ var createDynamicField = function (componentId, Component, options) {
             // Set errors
             wrapperProps[errorsKey] = errors;
             // Input object
-            wrapperProps[inputKey] = react_1.useMemo(function () { return ({
+            wrapperProps[inputKey] = (0, react_1.useMemo)(function () { return ({
                 name: name,
                 value: value,
                 onChange: setValue
@@ -110,9 +114,9 @@ function fieldWrapper(componentId, Component, optionsConfig) {
     }; }
     var options = __assign(__assign({}, optionsConfig), { attributeSuffixes: optionsConfig.attributeSuffixes || [''] });
     var NewComponent = function (props) {
-        var components = hooks_1.useComponents();
+        var components = (0, hooks_1.useComponents)();
         // Get context, formId
-        var context = react_1.useContext(Form_1.FormContext);
+        var context = (0, react_1.useContext)(Form_1.FormContext);
         var model = props.model || (context === null || context === void 0 ? void 0 : context.model) || null;
         var attributesProps = options.attributeSuffixes.reduce(function (obj, suffix) {
             var attributeKey = getKey('attribute', suffix);
@@ -121,14 +125,14 @@ function fieldWrapper(componentId, Component, optionsConfig) {
         }, {});
         var attribute = Object.values(attributesProps)[0];
         // Get UI props and create Field Class dynamically (for add field props - input, errors, model, ...)
-        var metaProps = react_1.useMemo(function () { return components.ui.getFieldProps(componentId, model, attribute); }, [components.ui, attribute, model]);
+        var metaProps = (0, react_1.useMemo)(function () { return components.ui.getFieldProps(componentId, model, attribute); }, [components.ui, attribute, model]);
         if (!Component.DynamicField) {
             Component.DynamicField = createDynamicField(componentId, Component, options);
         }
         // Resolve layout
-        var layout = react_1.useMemo(function () { return form_1.mergeLayoutProp(context.layout, props.layout); }, [context.layout, props.layout]);
+        var layout = (0, react_1.useMemo)(function () { return (0, form_1.mergeLayoutProp)(context.layout, props.layout); }, [context.layout, props.layout]);
         if (layout !== null) {
-            return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { layout: layout, size: props.size || context.size || null, required: has_1["default"](props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : (has_1["default"](props, 'label') ? props.label : metaProps.label), hint: has_1["default"](props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, children: (React.createElement(Component.DynamicField, __assign({}, props))) }));
+            return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { layout: layout, size: props.size || context.size || null, 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, children: (React.createElement(Component.DynamicField, __assign({}, props))) }));
         }
         return components.ui.renderView(Component.DynamicField, props);
     };

package/ui/form/FieldLayout/FieldLayout.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,10 +49,10 @@ var defaultProps = {
     }
 };
 function FieldLayout(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     // Error from state
-    var errors = hooks_1.useForm().formSelector(function (state) { return get_1["default"](state, 'errors.' + props.attribute); });
-    var layout = react_1.useMemo(function () { return form_1.mergeLayoutProp(defaultProps.layout, props.layout); }, [props.layout]);
+    var errors = (0, hooks_1.useForm)().formSelector(function (state) { return (0, get_1["default"])(state, 'errors.' + props.attribute); });
+    var layout = (0, react_1.useMemo)(function () { return (0, form_1.mergeLayoutProp)(defaultProps.layout, props.layout); }, [props.layout]);
     if (layout === false) {
         return props.children;
     }

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

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <reference types="react" />
 /**
  * Обработка ошибок.
  * @order 3
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/FieldLayout/demo/errors.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];