@steroidsjs/core 3.0.0-beta.11 → 3.0.0-beta.111

package/ui/form/TimeRangeField/TimeRangeField.d.ts

@@ -0,0 +1,67 @@
+import { IDateInputStateInput, IDateInputStateOutput } from '../DateField/useDateInputState';
+import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
+import { ITimePanelViewProps } from '../TimeField/TimeField';
+/**
+ * TimeRangeField
+ *
+ * Компонент TimeRangeField представляет собой поле выбора временного диапазона, состоящего из двух элементов ввода времени (from и to).
+ **/
+export interface ITimeRangeFieldProps extends IDateInputStateInput, Omit<IFieldWrapperInputProps, 'attribute'>, IUiComponent {
+    /**
+     * Аттрибут (название) поля в форме
+     * @example 'fromTime'
+     */
+    attributeFrom?: string;
+    /**
+     * Аттрибут (название) поля в форме
+     * @example 'toTime'
+     */
+    attributeTo?: string;
+    /**
+    * Свойства для view компонента
+    */
+    viewProps?: Record<string, unknown>;
+    /**
+     * Свойства для компонента панели времени
+     */
+    timePanelViewProps?: any;
+    /**
+    * Свойства для input элемента from
+    */
+    inputPropsFrom?: any;
+    /**
+    * Свойства для input элемента to
+    */
+    inputPropsTo?: any;
+    /**
+    * Placeholder подсказка
+    * @example Your text...
+    */
+    placeholder?: any;
+    /**
+     * Свойства для компонента DayPickerInput
+     * @example
+     * {
+     *  dayPickerProps: {
+     *   showWeekNumbers: true
+     *  }
+     */
+    pickerProps?: any;
+    /**
+     * Устанавливать ли фокус и показывать панель времени сразу после рендера страницы
+     * @example true
+     */
+    hasInitialFocus?: boolean;
+    [key: string]: any;
+}
+export interface ITimeRangeFieldViewProps extends IDateInputStateOutput, Pick<ITimeRangeFieldProps, 'size' | 'errors' | 'showRemove' | 'className' | 'timePanelViewProps' | 'disabled' | 'style' | 'icon'>, Omit<IFieldWrapperOutputProps, 'input'> {
+    inputFrom?: any;
+    inputTo?: any;
+    errorsFrom?: string[];
+    errorsTo?: string[];
+    timePanelFromViewProps: ITimePanelViewProps;
+    timePanelToViewProps: ITimePanelViewProps;
+    [key: string]: any;
+}
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ITimeRangeFieldProps>;
+export default _default;

package/ui/form/TimeRangeField/TimeRangeField.js

@@ -0,0 +1,87 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var react_1 = require("react");
+var hooks_1 = require("../../../hooks");
+var useDateInputState_1 = __importDefault(require("../DateField/useDateInputState"));
+var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
+var useDateRange_1 = __importDefault(require("../DateField/useDateRange"));
+function TimeRangeField(props) {
+    var components = (0, hooks_1.useComponents)();
+    // Global onChange (from props)
+    var onChange = (0, react_1.useCallback)(function () {
+        var _a;
+        if (props.onChange) {
+            props.onChange.call(null, (_a = {},
+                _a[props.attributeFrom] = props.inputFrom.value,
+                _a[props.attributeTo] = props.inputTo.value,
+                _a));
+        }
+    }, [props.attributeFrom, props.attributeTo, props.inputFrom.value, props.inputTo.value, props.onChange]);
+    // Input 'from'
+    var _a = (0, useDateInputState_1["default"])({
+        input: props.inputFrom,
+        disabled: props.disabled,
+        onChange: onChange,
+        required: props.required,
+        inputProps: props.inputPropsFrom,
+        placeholder: props.placeholder,
+        valueFormat: props.valueFormat,
+        displayFormat: props.displayFormat
+    }), onNowFrom = _a.onNow, onCloseFrom = _a.onClose, inputPropsFrom = _a.inputProps, onClearFrom = _a.onClear, isOpenedFrom = _a.isOpened;
+    // Input 'to'
+    var _b = (0, useDateInputState_1["default"])({
+        input: props.inputTo,
+        disabled: props.disabled,
+        onChange: onChange,
+        required: props.required,
+        inputProps: props.inputPropsTo,
+        placeholder: props.placeholder,
+        valueFormat: props.valueFormat,
+        displayFormat: props.displayFormat
+    }), onNowTo = _b.onNow, onCloseTo = _b.onClose, inputPropsTo = _b.inputProps, onClearTo = _b.onClear, isOpenedTo = _b.isOpened;
+    var _c = (0, useDateRange_1["default"])({
+        onClearFrom: onClearFrom,
+        onCloseTo: onCloseTo,
+        onCloseFrom: onCloseFrom,
+        onClearTo: onClearTo,
+        inputPropsFrom: inputPropsFrom,
+        inputPropsTo: inputPropsTo,
+        inputFrom: props.inputFrom,
+        inputTo: props.inputTo,
+        useSmartFocus: false,
+        hasInitialFocus: props.hasInitialFocus
+    }), focus = _c.focus, onClose = _c.onClose, onClear = _c.onClear, extendedInputPropsFrom = _c.extendedInputPropsFrom, extendedInputPropsTo = _c.extendedInputPropsTo;
+    var timePanelFromViewProps = (0, react_1.useMemo)(function () { return (__assign({ onNow: onNowFrom, onClose: onCloseFrom, value: inputPropsFrom.value, onSelect: inputPropsFrom.onChange }, props.timePanelViewProps)); }, [inputPropsFrom.onChange, inputPropsFrom.value, onCloseFrom, onNowFrom, props.timePanelViewProps]);
+    var timePanelToViewProps = (0, react_1.useMemo)(function () { return (__assign({ onNow: onNowTo, onClose: onCloseTo, value: inputPropsTo.value, onSelect: inputPropsTo.onChange }, props.timePanelViewProps)); }, [inputPropsTo.onChange, inputPropsTo.value, onCloseTo, onNowTo, props.timePanelViewProps]);
+    return components.ui.renderView(props.view || 'form.TimeRangeFieldView', __assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, inputPropsFrom: extendedInputPropsFrom, inputPropsTo: extendedInputPropsTo, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo, style: props.style, errorsFrom: props.errorsFrom, errorsTo: props.errorsTo, timePanelFromViewProps: timePanelFromViewProps, timePanelToViewProps: timePanelToViewProps, size: props.size, icon: props.icon, disabled: props.disabled, showRemove: props.showRemove, className: props.className }));
+}
+TimeRangeField.defaultProps = {
+    disabled: false,
+    displayFormat: 'HH:mm',
+    required: false,
+    showRemove: true,
+    hasInitialFocus: false,
+    type: 'text',
+    valueFormat: 'HH:mm',
+    useUTC: true,
+    dateInUTC: false,
+    size: 'md',
+    icon: true
+};
+exports["default"] = (0, fieldWrapper_1["default"])('TimeRangeField', TimeRangeField, {
+    attributeSuffixes: ['from', 'to']
+});

package/ui/form/TimeRangeField/index.d.ts

@@ -0,0 +1,2 @@
+import TimeRangeField from './TimeRangeField';
+export default TimeRangeField;

package/ui/form/TimeRangeField/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var TimeRangeField_1 = __importDefault(require("./TimeRangeField"));
+exports["default"] = TimeRangeField_1["default"];

package/ui/form/index.d.ts

@@ -4,6 +4,7 @@ import BlankField from './BlankField';
 import Button from './Button';
 import CheckboxField from './CheckboxField';
 import CheckboxListField from './CheckboxListField';
+import CheckboxTreeField from './CheckboxTreeField';
 import DateField from './DateField';
 import DateRangeField from './DateRangeField';
 import DateTimeField from './DateTimeField';
@@ -20,6 +21,7 @@ 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';
@@ -27,13 +29,16 @@ import SwitcherField from './SwitcherField';
 import TextField from './TextField';
 import TimeField from './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, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, TimeField, RateField, };
+import MaskField from './MaskField';
+import EmailField from './EmailField';
+export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, CheckboxTreeField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, InputField, NavField, NumberField, PasswordField, RadioField, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, TimeField, RateField, MaskField, EmailField, };
 declare const _default: {
     AutoCompleteField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./AutoCompleteField/AutoCompleteField").IAutoCompleteFieldProps>;
     BlankField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./BlankField/BlankField").IBlankFieldProps>;
     Button: typeof Button;
     CheckboxField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./CheckboxField/CheckboxField").ICheckboxFieldProps>;
     CheckboxListField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./CheckboxListField/CheckboxListField").ICheckboxListFieldProps>;
+    CheckboxTreeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./CheckboxTreeField/CheckboxTreeField").ICheckboxTreeFieldProps>;
     DateField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateField/DateField").IDateFieldProps>;
     DateRangeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateRangeField/DateRangeField").IDateRangeFieldProps>;
     DateTimeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateTimeField/DateTimeField").IDateTimeFieldProps>;
@@ -50,6 +55,7 @@ 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>;
@@ -57,5 +63,7 @@ declare const _default: {
     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>;
+    MaskField: typeof MaskField;
+    EmailField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./EmailField/EmailField").IEmailFieldProps>;
 };
 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.RateField = 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.EmailField = exports.MaskField = 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.CheckboxTreeField = 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"));
@@ -14,6 +14,8 @@ var CheckboxField_1 = __importDefault(require("./CheckboxField"));
 exports.CheckboxField = CheckboxField_1["default"];
 var CheckboxListField_1 = __importDefault(require("./CheckboxListField"));
 exports.CheckboxListField = CheckboxListField_1["default"];
+var CheckboxTreeField_1 = __importDefault(require("./CheckboxTreeField"));
+exports.CheckboxTreeField = CheckboxTreeField_1["default"];
 var DateField_1 = __importDefault(require("./DateField"));
 exports.DateField = DateField_1["default"];
 var DateRangeField_1 = __importDefault(require("./DateRangeField"));
@@ -46,6 +48,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"));
@@ -60,12 +64,17 @@ var TimeField_1 = __importDefault(require("./TimeField"));
 exports.TimeField = TimeField_1["default"];
 var RateField_1 = __importDefault(require("./RateField"));
 exports.RateField = RateField_1["default"];
+var MaskField_1 = __importDefault(require("./MaskField"));
+exports.MaskField = MaskField_1["default"];
+var EmailField_1 = __importDefault(require("./EmailField"));
+exports.EmailField = EmailField_1["default"];
 exports["default"] = {
     AutoCompleteField: AutoCompleteField_1["default"],
     BlankField: BlankField_1["default"],
     Button: Button_1["default"],
     CheckboxField: CheckboxField_1["default"],
     CheckboxListField: CheckboxListField_1["default"],
+    CheckboxTreeField: CheckboxTreeField_1["default"],
     DateField: DateField_1["default"],
     DateRangeField: DateRangeField_1["default"],
     DateTimeField: DateTimeField_1["default"],
@@ -82,11 +91,14 @@ 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"],
-    RateField: RateField_1["default"]
+    RateField: RateField_1["default"],
+    MaskField: MaskField_1["default"],
+    EmailField: EmailField_1["default"]
 };

package/ui/form/validate.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+/* eslint-disable import/no-extraneous-dependencies */
 var isString_1 = __importDefault(require("lodash-es/isString"));
 var isInteger_1 = __importDefault(require("lodash-es/isInteger"));
 var set_1 = __importDefault(require("lodash-es/set"));
@@ -10,7 +11,7 @@ var get_1 = __importDefault(require("lodash-es/get"));
 var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var size_1 = __importDefault(require("lodash-es/size"));
 var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
-var moment_1 = __importDefault(require("moment"));
+var dayjs_1 = __importDefault(require("dayjs"));
 var validate = function (data, rules) {
     var errors = {};
     rules.forEach(function (item) {
@@ -26,7 +27,7 @@ var validate = function (data, rules) {
                     }
                     break;
                 case 'date':
-                    if (value && !(0, moment_1["default"])(value, 'YYYY-MM-DD').isValid()) {
+                    if (value && !(0, dayjs_1["default"])(value, 'YYYY-MM-DD').isValid()) {
                         errors[attribute] = __('Date wrong format');
                     }
                     break;

package/ui/format/BooleanFormatter/BooleanFormatter.d.ts

@@ -1,6 +1,19 @@
 import * as React from 'react';
+/**
+ * BooleanFormatter
+ *
+ * Компонент BooleanFormatter предназначен для форматирования значения типа boolean, string или number.
+ * Он позволяет кастомизировать отображение значения, используя переданный view React компонент.
+ **/
 export interface IBooleanFormatterProps {
+    /**
+    * Значение для BooleanFormatter
+    */
     value?: string | number | boolean;
+    /**
+     * Переопределение view React компонента для кастомизации отображения
+     * @example MyCustomView
+     */
     view?: CustomView;
     [key: string]: any;
 }

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

@@ -1,16 +1,26 @@
 /// <reference types="react" />
+/**
+ * DateFormatter
+ *
+ * Компонент DateFormatter предназначен для форматирования даты с использованием заданного формата.
+ * Он позволяет кастомизировать отображение даты, используя переданный view React компонент.
+ **/
 export interface IDateFormatterProps {
     /**
      * Формат даты
      * @example LL
      */
     format?: string;
-    view?: CustomView;
     /**
      * Дата
      * @example 2023-09-11
      */
     value?: any;
+    /**
+     * Переопределение view React компонента для кастомизации отображения колонки
+     * @example MyCustomView
+     */
+    view?: CustomView;
     [key: string]: any;
 }
 export default function DateFormatter(props: IDateFormatterProps): JSX.Element;

package/ui/format/DateFormatter/DateFormatter.js

@@ -10,7 +10,7 @@ function DateFormatter(props) {
         return null;
     }
     return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
-        value: components.locale.moment(props.value).format(props.format || defaultProps.format)
+        value: components.locale.dayjs(props.value).format(props.format || defaultProps.format)
     });
 }
 exports["default"] = DateFormatter;

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

@@ -1,5 +1,11 @@
 /// <reference types="react" />
 import { IDateFormatterProps } from '../DateFormatter/DateFormatter';
+/**
+ * DateTimeFormatter
+ *
+ * Компонент DateTimeFormatter предназначен для форматирования даты и времени с использованием заданного формата.
+ * Он позволяет кастомизировать отображение даты и времени, используя переданный view React компонент.
+ **/
 export interface IDateTimeFormatterProps {
     /**
      * Формат даты
@@ -11,12 +17,16 @@ export interface IDateTimeFormatterProps {
      * @example true
      */
     timeZone?: string | boolean;
-    view?: CustomView;
     /**
      * Дата
      * @example 2023-09-11
      */
     value?: any;
+    /**
+     * Переопределение view React компонента для кастомизации отображения колонки
+     * @example MyCustomView
+     */
+    view?: CustomView;
     [key: string]: any;
 }
 declare function DateTimeFormatter(props: IDateFormatterProps): JSX.Element;

package/ui/format/DateTimeFormatter/DateTimeFormatter.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var moment_1 = __importDefault(require("moment"));
+/* eslint-disable import/no-extraneous-dependencies */
+var dayjs_1 = __importDefault(require("dayjs"));
 var hooks_1 = require("../../../hooks");
 function DateTimeFormatter(props) {
     var components = (0, hooks_1.useComponents)();
@@ -11,8 +12,8 @@ function DateTimeFormatter(props) {
         return null;
     }
     var date = props.timeZone === false
-        ? (0, moment_1["default"])(props.value).locale(components.locale.language)
-        : components.locale.moment(props.value);
+        ? (0, dayjs_1["default"])(props.value).locale(components.locale.language)
+        : components.locale.dayjs(props.value);
     return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
         value: date.format(props.format)
     });

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

@@ -1,10 +1,16 @@
 /// <reference types="react" />
 import { DataProviderItems } from '../../../hooks/useDataProvider';
+/**
+ * IEnumFormatterProps
+ *
+ * Компонент EnumFormatter предназначен для форматирования перечисления элементов с использованием заданного формата.
+ * Он позволяет кастомизировать отображение элементов, используя переданный view React компонент.
+ **/
 export interface IEnumFormatterProps {
     /**
      * Перечисление элементов.
      * 1) Может быть строкой вида: `app.geo.enums.Cities`
-     * 2) Массивом: [{id: 1, label: "London"}]
+     * 2) Массивом: ['{'id: 1, label: "London"'}']
      */
     items?: DataProviderItems;
     /**
@@ -12,6 +18,10 @@ export interface IEnumFormatterProps {
      * @example unique label
      */
     value?: number | string;
+    /**
+     * Переопределение view React компонента для кастомизации отображения колонки
+     * @example MyCustomView
+     */
     view?: CustomView;
     [key: string]: any;
 }

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

@@ -1,12 +1,17 @@
 /// <reference types="react" />
-export interface IFileSizeFormatterProps {
+/**
+ * FileSize
+ *
+ * Компонент FileSize предназначен для форматирования размера файла в человеко-читаемом формате.
+ * Он позволяет кастомизировать отображение размера файла, используя переданный view React компонент.
+ **/
+export interface IFileSizeProps extends IUiComponent {
     /**
      * Если не указан размер файла, то в случае, если showZero = true
      * то будет показан `0`, иначе пустая строка
      * @example true
      */
     showZero?: boolean;
-    view?: CustomView;
     /**
      * Размер файла
      * @example 6920
@@ -15,4 +20,4 @@ export interface IFileSizeFormatterProps {
     [key: string]: any;
 }
 export declare const asHumanFileSize: (bytes: any, showZero: any) => string;
-export default function FileSize(props: IFileSizeFormatterProps): JSX.Element;
+export default function FileSize(props: IFileSizeProps): JSX.Element;

package/ui/format/FileSize/FileSize.js

@@ -30,7 +30,7 @@ var asHumanFileSize = function (bytes, showZero) {
 exports.asHumanFileSize = asHumanFileSize;
 function FileSize(props) {
     return (0, hooks_1.useComponents)().ui.renderView(props.view || 'format.DefaultFormatterView', {
-        value: (0, exports.asHumanFileSize)(props.value, this.props.showZero)
+        value: (0, exports.asHumanFileSize)(props.value, props.showZero)
     });
 }
 exports["default"] = FileSize;

package/ui/format/Format/Format.d.ts

@@ -1,4 +1,10 @@
 /// <reference types="react" />
+/**
+ * IFormatProps
+ *
+ * Компонент Format предназначен для форматирования значения на основе заданного форматтера.
+ * Он позволяет кастомизировать отображение значения, используя переданный view React компонент.
+ **/
 export interface IFormatProps {
     attribute?: string;
     model?: string | ((...args: any[]) => any) | any;

package/ui/format/MoneyFormatter/MoneyFormatter.d.ts

@@ -1,7 +1,13 @@
 /// <reference types="react" />
+/**
+ * IMoneyFormatterProps
+ *
+ * Компонент MoneyFormatter предназначен для форматирования денежных значений с учетом валюты и округления.
+ * Он позволяет кастомизировать отображение денежного значения, используя переданный view React компонент.
+ **/
 export interface IMoneyFormatterProps {
     /**
-     * Валюта @enum {eur, rub, usd}
+     * Валюта @enum '{eur, rub, usd}'
      * @example rub
      */
     currency?: string;
@@ -15,7 +21,9 @@ export interface IMoneyFormatterProps {
      * @example 2
      */
     precision?: number;
-    view?: CustomView;
+    /**
+    * Значение для MoneyFormatter
+    */
     value?: any;
     [key: string]: any;
 }

package/ui/format/MoneyFormatter/MoneyFormatter.js

@@ -19,15 +19,16 @@ var moneyFormat = function (amount, currency, scale) {
 };
 exports.moneyFormat = moneyFormat;
 function MoneyFormatter(props) {
+    var components = (0, hooks_1.useComponents)();
     var value = props.precision > 0
         ? props.value / Math.pow(10, props.precision)
         : props.value;
-    return (0, hooks_1.useComponents)().ui.renderView(props.view || 'format.DefaultFormatterView', {
+    return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
         value: (0, exports.moneyFormat)(value, props.currency, props.scale)
     });
 }
+exports["default"] = MoneyFormatter;
 MoneyFormatter.defaultProps = {
     scale: 2,
     precision: 0
 };
-exports["default"] = MoneyFormatter;