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

package/ui/form/SwitcherField/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];
@@ -31,4 +35,4 @@ var basic_1 = require("./basic");
  * @col 6
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(SwitcherField_1["default"], { label: 'Errors', items: basic_1.items, errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });
+    React.createElement(SwitcherField_1["default"], { label: 'Errors', items: basic_1.items, errors: ['Error 1 text', 'Error 2 text'] }))); });

package/ui/form/SwitcherField/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/SwitcherField/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/TextField/TextField.d.ts

@@ -30,6 +30,10 @@ export interface ITextFieldProps extends IFieldWrapperInputProps {
      * @example MyCustomView
      */
     view?: CustomView;
+    /**
+     *  Отображение кнопки очищения поля
+     */
+    showClear?: boolean;
     [key: string]: any;
 }
 export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutputProps {
@@ -41,6 +45,7 @@ export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutpu
         placeholder: string;
         disabled: boolean;
     };
+    onClear: VoidFunction;
 }
 declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ITextFieldProps>;
 export default _default;

package/ui/form/TextField/TextField.js

@@ -10,18 +10,41 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var React = __importStar(require("react"));
 var react_1 = require("react");
-var react_redux_1 = require("react-redux");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 function TextField(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var components = hooks_1.useComponents();
-    var onKeyUp = react_1.useCallback(function (e) {
+    // const dispatch = useDispatch();
+    var components = (0, hooks_1.useComponents)();
+    var onKeyUp = (0, react_1.useCallback)(function (e) {
         if (props.submitOnEnter
             && props.formId
             && e.keyCode === 13
@@ -31,10 +54,10 @@ function TextField(props) {
             // dispatch(submit(props.formId));
         }
     }, [props.formId, props.submitOnEnter]);
-    var onChange = react_1.useCallback(function (e) { return props.input.onChange.call(null, e.target ? e.target.value : e.nativeEvent.text); }, [props.input.onChange]);
-    var inputProps = react_1.useMemo(function () { return (__assign({ name: props.input.name, value: props.input.value || '', onChange: onChange,
-        onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [onKeyUp, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
-    return components.ui.renderView(props.view || 'form.TextFieldView', __assign(__assign({}, props), { inputProps: inputProps }));
+    var onChange = (0, react_1.useCallback)(function (e) { return props.input.onChange.call(null, e.target ? e.target.value : e.nativeEvent.text); }, [props.input.onChange]);
+    var onClear = React.useCallback(function () { return props.input.onChange(''); }, [props.input]);
+    var inputProps = (0, react_1.useMemo)(function () { return (__assign({ name: props.input.name, value: props.input.value || '', onChange: onChange, onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [onKeyUp, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
+    return components.ui.renderView(props.view || 'form.TextFieldView', __assign(__assign({}, props), { inputProps: inputProps, onClear: onClear }));
 }
 TextField.defaultProps = {
     disabled: false,
@@ -44,4 +67,4 @@ TextField.defaultProps = {
     submitOnEnter: false,
     errors: null
 };
-exports["default"] = fieldWrapper_1["default"]('TextField', TextField);
+exports["default"] = (0, fieldWrapper_1["default"])('TextField', TextField);

package/ui/form/TimeField/TimeField.d.ts

@@ -26,7 +26,7 @@ export interface ITimeFieldProps extends IDateInputStateInput {
      * Объект CSS стилей
      * @example {width: '45%'}
      */
-    style?: any;
+    style?: CustomStyle;
     /**
      * Свойства для view компонента
      */

package/ui/form/TimeField/TimeField.js

@@ -19,8 +19,8 @@ var useDateInputState_1 = __importDefault(require("../../form/DateField/useDateI
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 function TimeField(props) {
-    var components = hooks_1.useComponents();
-    var _a = useDateInputState_1["default"]({
+    var components = (0, hooks_1.useComponents)();
+    var _a = (0, useDateInputState_1["default"])({
         input: props.input,
         disabled: props.disabled,
         onChange: props.onChange,
@@ -32,14 +32,8 @@ function TimeField(props) {
         useUTC: props.useUTC,
         dateInUTC: props.dateInUTC
     }), onNow = _a.onNow, onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
-    var timePanelViewProps = react_1.useMemo(function () { return (__assign({ onNow: onNow,
-        onClose: onClose, value: inputProps.value, onSelect: inputProps.onChange }, props.timePanelViewProps)); }, [inputProps.onChange, inputProps.value, onClose, onNow, props.timePanelViewProps]);
-    return components.ui.renderView(props.view || 'form.TimeFieldView', __assign(__assign({}, props.viewProps), { onNow: onNow,
-        onClear: onClear,
-        onClose: onClose,
-        isOpened: isOpened,
-        inputProps: inputProps,
-        timePanelViewProps: timePanelViewProps, size: props.size, icon: props.icon, errors: props.errors, noBorder: props.noBorder, disabled: props.disabled, className: props.className, showRemove: props.showRemove }));
+    var timePanelViewProps = (0, react_1.useMemo)(function () { return (__assign({ onNow: onNow, onClose: onClose, value: inputProps.value, onSelect: inputProps.onChange }, props.timePanelViewProps)); }, [inputProps.onChange, inputProps.value, onClose, onNow, props.timePanelViewProps]);
+    return components.ui.renderView(props.view || 'form.TimeFieldView', __assign(__assign({}, props.viewProps), { onNow: onNow, onClear: onClear, onClose: onClose, isOpened: isOpened, inputProps: inputProps, timePanelViewProps: timePanelViewProps, size: props.size, icon: props.icon, errors: props.errors, noBorder: props.noBorder, disabled: props.disabled, className: props.className, showRemove: props.showRemove }));
 }
 TimeField.defaultProps = {
     disabled: false,
@@ -53,4 +47,4 @@ TimeField.defaultProps = {
     useUTC: true,
     dateInUTC: false
 };
-exports["default"] = fieldWrapper_1["default"]('TimeField', TimeField);
+exports["default"] = (0, fieldWrapper_1["default"])('TimeField', TimeField);

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

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

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

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

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

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

package/ui/form/TimeField/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];
@@ -30,4 +34,4 @@ var TimeField_1 = __importDefault(require("../TimeField"));
  * @col 3
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(TimeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });
+    React.createElement(TimeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });

package/ui/form/TimeField/demo/icon.d.ts

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

package/ui/form/TimeField/demo/icon.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/TimeField/demo/noBorder.d.ts

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

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

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

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

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

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

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

package/ui/form/TimeField/demo/showRemove.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/index.d.ts

@@ -20,13 +20,15 @@ import InputField from './InputField';
 import NavField from './NavField';
 import NumberField from './NumberField';
 import PasswordField from './PasswordField';
+import RadioField from './RadioField';
 import RadioListField from './RadioListField';
 import ReCaptchaField from './ReCaptchaField';
 import SliderField from './SliderField';
 import SwitcherField from './SwitcherField';
 import TextField from './TextField';
 import TimeField from './TimeField';
-export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, InputField, NavField, NumberField, PasswordField, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, TimeField, };
+import RateField from './RateField';
+export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, InputField, NavField, NumberField, PasswordField, RadioField, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, TimeField, RateField, };
 declare const _default: {
     AutoCompleteField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./AutoCompleteField/AutoCompleteField").IAutoCompleteFieldProps>;
     BlankField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./BlankField/BlankField").IBlankFieldProps>;
@@ -49,11 +51,13 @@ declare const _default: {
     NavField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./NavField/NavField").INavFieldProps>;
     NumberField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./NumberField/NumberField").INumberFieldProps>;
     PasswordField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./PasswordField/PasswordField").IPasswordFieldProps>;
+    RadioField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RadioField/RadioField").IRadioFieldProps>;
     RadioListField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RadioListField/RadioListField").IRadioListFieldProps>;
     ReCaptchaField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./ReCaptchaField/ReCaptchaField").IReCaptchaFieldProps>;
     SliderField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./SliderField/SliderField").ISliderFieldProps>;
     SwitcherField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./SwitcherField/SwitcherField").ISwitcherFieldProps>;
     TextField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TextField/TextField").ITextFieldProps>;
     TimeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TimeField/TimeField").ITimeFieldProps>;
+    RateField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RateField/RateField").IRateFieldProps>;
 };
 export default _default;

package/ui/form/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.TimeField = exports.TextField = exports.SwitcherField = exports.SliderField = exports.ReCaptchaField = exports.RadioListField = exports.PasswordField = exports.NumberField = exports.NavField = exports.InputField = exports.HtmlField = exports.Form = exports.FileField = exports.FieldSet = exports.FieldList = exports.FieldLayout = exports.Field = exports.DropDownField = exports.DateTimeRangeField = exports.DateTimeField = exports.DateRangeField = exports.DateField = exports.CheckboxListField = exports.CheckboxField = exports.Button = exports.BlankField = exports.AutoCompleteField = void 0;
+exports.RateField = exports.TimeField = exports.TextField = exports.SwitcherField = exports.SliderField = exports.ReCaptchaField = exports.RadioListField = exports.RadioField = exports.PasswordField = exports.NumberField = exports.NavField = exports.InputField = exports.HtmlField = exports.Form = exports.FileField = exports.FieldSet = exports.FieldList = exports.FieldLayout = exports.Field = exports.DropDownField = exports.DateTimeRangeField = exports.DateTimeField = exports.DateRangeField = exports.DateField = exports.CheckboxListField = exports.CheckboxField = exports.Button = exports.BlankField = exports.AutoCompleteField = void 0;
 var AutoCompleteField_1 = __importDefault(require("./AutoCompleteField"));
 exports.AutoCompleteField = AutoCompleteField_1["default"];
 var BlankField_1 = __importDefault(require("./BlankField"));
@@ -46,6 +46,8 @@ var NumberField_1 = __importDefault(require("./NumberField"));
 exports.NumberField = NumberField_1["default"];
 var PasswordField_1 = __importDefault(require("./PasswordField"));
 exports.PasswordField = PasswordField_1["default"];
+var RadioField_1 = __importDefault(require("./RadioField"));
+exports.RadioField = RadioField_1["default"];
 var RadioListField_1 = __importDefault(require("./RadioListField"));
 exports.RadioListField = RadioListField_1["default"];
 var ReCaptchaField_1 = __importDefault(require("./ReCaptchaField"));
@@ -58,6 +60,8 @@ var TextField_1 = __importDefault(require("./TextField"));
 exports.TextField = TextField_1["default"];
 var TimeField_1 = __importDefault(require("./TimeField"));
 exports.TimeField = TimeField_1["default"];
+var RateField_1 = __importDefault(require("./RateField"));
+exports.RateField = RateField_1["default"];
 exports["default"] = {
     AutoCompleteField: AutoCompleteField_1["default"],
     BlankField: BlankField_1["default"],
@@ -80,10 +84,12 @@ exports["default"] = {
     NavField: NavField_1["default"],
     NumberField: NumberField_1["default"],
     PasswordField: PasswordField_1["default"],
+    RadioField: RadioField_1["default"],
     RadioListField: RadioListField_1["default"],
     ReCaptchaField: ReCaptchaField_1["default"],
     SliderField: SliderField_1["default"],
     SwitcherField: SwitcherField_1["default"],
     TextField: TextField_1["default"],
-    TimeField: TimeField_1["default"]
+    TimeField: TimeField_1["default"],
+    RateField: RateField_1["default"]
 };

package/ui/form/validate.js

@@ -18,7 +18,7 @@ var validate = function (data, rules) {
         var rule = item[1];
         var params = item[2] || {};
         attributes.forEach(function (attribute) {
-            var value = get_1["default"](data, attribute);
+            var value = (0, get_1["default"])(data, attribute);
             switch (rule) {
                 case 'required':
                     if (!value) {
@@ -26,17 +26,17 @@ var validate = function (data, rules) {
                     }
                     break;
                 case 'date':
-                    if (value && !moment_1["default"](value, 'YYYY-MM-DD').isValid()) {
+                    if (value && !(0, moment_1["default"])(value, 'YYYY-MM-DD').isValid()) {
                         errors[attribute] = __('Date wrong format');
                     }
                     break;
                 case 'integer':
                 case 'number':
                     if (value) {
-                        if (isString_1["default"](value)) {
+                        if ((0, isString_1["default"])(value)) {
                             value = Number(value);
                         }
-                        if (rule === 'integer' && !isInteger_1["default"](value)) {
+                        if (rule === 'integer' && !(0, isInteger_1["default"])(value)) {
                             errors[attribute] = __('Field must be integer');
                         }
                         else if ((params.min || params.min === 0) && value < params.min) {
@@ -54,19 +54,19 @@ var validate = function (data, rules) {
                 case 'string':
                     params.max = params.max || 1000;
                     if (value) {
-                        if (isInteger_1["default"](value)) {
+                        if ((0, isInteger_1["default"])(value)) {
                             value = String(value);
                         }
-                        if (!isString_1["default"](value)) {
+                        if (!(0, isString_1["default"])(value)) {
                             errors[attribute] = __('Field must be string');
                         }
-                        else if (size_1["default"](value) > params.max) {
+                        else if ((0, size_1["default"])(value) > params.max) {
                             errors[attribute] = __('String is too long, max: {max}', {
                                 max: params.max
                             });
                         }
                         else if ((params.min || params.min === 0)
-                            && size_1["default"](value) < params.min) {
+                            && (0, size_1["default"])(value) < params.min) {
                             errors[attribute] = __('String is too short, min: {min}', {
                                 min: params.min
                             });
@@ -76,16 +76,16 @@ var validate = function (data, rules) {
                 default:
                     break;
             }
-            if (isFunction_1["default"](rule)) {
+            if ((0, isFunction_1["default"])(rule)) {
                 var error = rule(data, attribute);
                 if (error) {
                     errors[attribute] = error;
                 }
             }
-            set_1["default"](data, attribute, value);
+            (0, set_1["default"])(data, attribute, value);
         });
     });
-    if (!isEmpty_1["default"](errors)) {
+    if (!(0, isEmpty_1["default"])(errors)) {
         // TODO
         // throw new SubmissionError(errors);
     }

package/ui/format/BooleanFormatter/BooleanFormatter.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 var hooks_1 = require("../../../hooks");
 function BooleanFormatter(props) {
-    return hooks_1.useComponents().ui.renderView(props.view || 'format.BooleanFormatterView', {
+    return (0, hooks_1.useComponents)().ui.renderView(props.view || 'format.BooleanFormatterView', {
         value: props.value
     });
 }

package/ui/format/DateFormatter/DateFormatter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface IDateFormatterProps {
     /**
      * Формат даты

package/ui/format/DateFormatter/DateFormatter.js

@@ -5,7 +5,7 @@ var defaultProps = {
     format: 'LL'
 };
 function DateFormatter(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     if (!props.value) {
         return null;
     }

package/ui/format/DateTimeFormatter/DateTimeFormatter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IDateFormatterProps } from '../DateFormatter/DateFormatter';
 export interface IDateTimeFormatterProps {
     /**

package/ui/format/DateTimeFormatter/DateTimeFormatter.js

@@ -6,12 +6,12 @@ exports.__esModule = true;
 var moment_1 = __importDefault(require("moment"));
 var hooks_1 = require("../../../hooks");
 function DateTimeFormatter(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     if (!props.value) {
         return null;
     }
     var date = props.timeZone === false
-        ? moment_1["default"](props.value).locale(components.locale.language)
+        ? (0, moment_1["default"])(props.value).locale(components.locale.language)
         : components.locale.moment(props.value);
     return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
         value: date.format(props.format)

package/ui/format/EnumFormatter/EnumFormatter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataProviderItems } from '../../../hooks/useDataProvider';
 export interface IEnumFormatterProps {
     /**

package/ui/format/EnumFormatter/EnumFormatter.js

@@ -15,22 +15,22 @@ var hooks_1 = require("../../../hooks");
  */
 var getLabel = function (items, id) {
     // Array
-    if (isArray_1["default"](items)) {
+    if ((0, isArray_1["default"])(items)) {
         var foundItem = items.find(function (item) { return item.id === id; });
         return foundItem ? foundItem.label : null;
     }
     // Enum
-    if (isObject_1["default"](items) && isFunction_1["default"](items.getLabel)) {
+    if ((0, isObject_1["default"])(items) && (0, isFunction_1["default"])(items.getLabel)) {
         return items.getLabel(id);
     }
     return null;
 };
 exports.getLabel = getLabel;
 function EnumFormatter(props) {
-    var components = hooks_1.useComponents();
-    var items = hooks_1.useDataProvider({ items: props.items }).items;
+    var components = (0, hooks_1.useComponents)();
+    var items = (0, hooks_1.useDataProvider)({ items: props.items }).items;
     return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
-        value: exports.getLabel(items, props.value)
+        value: (0, exports.getLabel)(items, props.value)
     });
 }
 exports["default"] = EnumFormatter;

package/ui/format/FileSize/FileSize.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface IFileSizeFormatterProps {
     /**
      * Если не указан размер файла, то в случае, если showZero = true