@steroidsjs/core 3.0.0-beta.6 → 3.0.0-beta.60

package/ui/form/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import AutoCompleteField from './AutoCompleteField';
 import BlankField from './BlankField';
 import Button from './Button';
@@ -19,6 +20,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';
@@ -26,4 +28,38 @@ 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';
+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, MaskField, };
+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>;
+    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>;
+    DateTimeRangeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateTimeRangeField/DateTimeRangeField").IDateTimeRangeFieldProps>;
+    DropDownField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DropDownField/DropDownField").IDropDownFieldProps>;
+    Field: import("react").MemoExoticComponent<(props: import("./Field/Field").IFieldProps) => JSX.Element>;
+    FieldLayout: import("react").MemoExoticComponent<(props: import("./FieldLayout/FieldLayout").IFieldLayoutProps) => JSX.Element>;
+    FieldList: import("./Field/fieldWrapper").FieldWrapperComponent<import("./FieldList/FieldList").IFieldListProps>;
+    FieldSet: typeof FieldSet;
+    FileField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./FileField/FileField").IFileFieldProps>;
+    Form: typeof Form;
+    HtmlField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./HtmlField/HtmlField").IHtmlFieldProps>;
+    InputField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./InputField/InputField").IInputFieldProps>;
+    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>;
+    MaskField: typeof MaskField;
+};
+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.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.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"));
@@ -60,3 +62,37 @@ 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"];
+exports["default"] = {
+    AutoCompleteField: AutoCompleteField_1["default"],
+    BlankField: BlankField_1["default"],
+    Button: Button_1["default"],
+    CheckboxField: CheckboxField_1["default"],
+    CheckboxListField: CheckboxListField_1["default"],
+    DateField: DateField_1["default"],
+    DateRangeField: DateRangeField_1["default"],
+    DateTimeField: DateTimeField_1["default"],
+    DateTimeRangeField: DateTimeRangeField_1["default"],
+    DropDownField: DropDownField_1["default"],
+    Field: Field_1["default"],
+    FieldLayout: FieldLayout_1["default"],
+    FieldList: FieldList_1["default"],
+    FieldSet: FieldSet_1["default"],
+    FileField: FileField_1["default"],
+    Form: Form_1["default"],
+    HtmlField: HtmlField_1["default"],
+    InputField: InputField_1["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"],
+    MaskField: MaskField_1["default"]
+};

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/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/EnumFormatter/EnumFormatter.d.ts

@@ -1,5 +1,11 @@
 /// <reference types="react" />
 import { DataProviderItems } from '../../../hooks/useDataProvider';
+/**
+ * IEnumFormatterProps
+ *
+ * Компонент EnumFormatter предназначен для форматирования перечисления элементов с использованием заданного формата.
+ * Он позволяет кастомизировать отображение элементов, используя переданный view React компонент.
+ **/
 export interface IEnumFormatterProps {
     /**
      * Перечисление элементов.
@@ -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 {
+/**
+ * IFileSizeFormatterProps
+ *
+ * Компонент FileSize предназначен для форматирования размера файла в человеко-читаемом формате.
+ * Он позволяет кастомизировать отображение размера файла, используя переданный view React компонент.
+ **/
+export interface IFileSizeFormatterProps extends IUiComponent {
     /**
      * Если не указан размер файла, то в случае, если showZero = true
      * то будет показан `0`, иначе пустая строка
      * @example true
      */
     showZero?: boolean;
-    view?: CustomView;
     /**
      * Размер файла
      * @example 6920

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,4 +1,10 @@
 /// <reference types="react" />
+/**
+ * IMoneyFormatterProps
+ *
+ * Компонент MoneyFormatter предназначен для форматирования денежных значений с учетом валюты и округления.
+ * Он позволяет кастомизировать отображение денежного значения, используя переданный view React компонент.
+ **/
 export interface IMoneyFormatterProps {
     /**
      * Валюта @enum {eur, rub, usd}
@@ -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;

package/ui/layout/Header/Header.d.ts

@@ -1,23 +1,29 @@
 /// <reference types="react" />
 import { INavProps } from '../../nav/Nav/Nav';
-export interface IHeaderProps {
-    className?: CssClassName;
-    view?: any;
+/**
+ * IHeaderProps
+ *
+ * Компонент Header представляет собой верхнюю часть макета страницы.
+ * Он может содержать логотип и навигацию, а также кастомизироваться с помощью переданного view React компонента.
+ **/
+export interface IHeaderProps extends IUiComponent {
+    /**
+    * Свойства для логотипа
+    */
     logo?: {
         title: string;
         linkProps?: Record<string, unknown>;
         icon?: string | any;
         className?: CssClassName;
     };
+    /**
+    * Свойства для навигации
+    */
     nav?: INavProps;
     /**
      * Размер
      */
     size?: Size;
-    /**
-     * Темная тема
-     */
-    dark?: boolean;
     [key: string]: any;
 }
 export type IHeaderViewProps = IHeaderProps;

package/ui/layout/Loader/Loader.d.ts

@@ -1,6 +1,20 @@
 /// <reference types="react" />
+/**
+ * ILoaderProps
+ *
+ * Компонент Loader представляет собой индикатор загрузки,
+ * который может использоваться для обозначения процесса загрузки данных или выполнения операции.
+ **/
 export interface ILoaderProps {
-    view?: any;
+    /**
+    * Размер элемента
+    */
+    size?: Size;
+    /**
+     * Название цвета
+     */
+    color?: ColorName;
     [key: string]: any;
 }
+export type ILoaderViewProps = ILoaderProps;
 export default function Loader(props: ILoaderProps): JSX.Element;

package/ui/layout/Meta/Meta.js

@@ -21,9 +21,9 @@ function Meta(props) {
     return (react_1["default"].createElement(react_helmet_1["default"], null,
         react_1["default"].createElement("title", null, props.title),
         props.base && react_1["default"].createElement("base", __assign({}, props.base)),
-        props.description && react_1["default"].createElement("meta", { name: 'description', content: props.description }), (_a = props.meta) === null || _a === void 0 ? void 0 :
-        _a.map(function (attrs, index) { return react_1["default"].createElement("meta", __assign({ key: index }, attrs)); }), (_b = props.links) === null || _b === void 0 ? void 0 :
-        _b.map(function (attrs, index) { return react_1["default"].createElement("link", __assign({ key: index }, attrs)); }), (_c = props.styles) === null || _c === void 0 ? void 0 :
+        props.description && (react_1["default"].createElement("meta", { name: 'description', content: props.description })), (_a = props.meta) === null || _a === void 0 ? void 0 :
+        _a.map(function (attrs, index) { return (react_1["default"].createElement("meta", __assign({ key: index }, attrs))); }), (_b = props.links) === null || _b === void 0 ? void 0 :
+        _b.map(function (attrs, index) { return (react_1["default"].createElement("link", __assign({ key: index }, attrs))); }), (_c = props.styles) === null || _c === void 0 ? void 0 :
         _c.map(function (attrs, index) { return (react_1["default"].createElement("style", __assign({ key: index }, attrs, { dangerouslySetInnerHTML: {
                 __html: attrs.innerHtml
             } }))); }), (_d = props.scripts) === null || _d === void 0 ? void 0 :

package/ui/layout/Notifications/Notifications.d.ts

@@ -14,6 +14,9 @@ import * as React from 'react';
  * ```
  */
 interface INotificationItem {
+    /**
+    * Идентификатор уведомления
+    */
     id?: number;
     /**
      * Цвет всплывающего уведомления
@@ -27,15 +30,41 @@ interface INotificationItem {
     message?: string;
     isClosing?: boolean;
 }
+/**
+ * Компонент Notifications представляет собой контейнер для отображения всплывающих уведомлений.
+ **/
 export interface INotificationsProps {
+    /**
+    * Исходные уведомления
+    */
     initialFlashes?: {
         [key: string]: string | any;
     };
+    /**
+    * Коллекция уведомлений
+    */
     notifications?: INotificationItem[];
+    /**
+    * Задержка перед закрытием
+    */
     closeTimeoutMs?: number;
+    /**
+    * Дополнительный CSS-класс для элемента отображения
+    */
     className?: CssClassName;
-    view?: any;
+    /**
+     * Переопределение view React компонента для кастомизации отображения
+     * @example MyCustomView
+     */
+    view?: CustomView;
+    /**
+     * Переопределение view React компонента для кастомизации отображения элемента
+     * @example MyCustomView
+     */
     itemView?: any;
+    /**
+    * Позиционирование элемента уведомления
+    */
     position?: string;
     [key: string]: any;
 }

package/ui/layout/Notifications/Notifications.js

@@ -56,8 +56,6 @@ function Notifications(props) {
     var dispatch = (0, useDispatch_1["default"])();
     (0, react_use_1.useMount)(function () {
         if (props.initialFlashes) {
-            //TODO remove @ts-ignore
-            //@ts-ignore
             dispatch((0, notifications_1.setFlashes)(props.initialFlashes));
             // Disable scroll or scroll to top on show notifications
             if (!process.env.IS_SSR) {

package/ui/layout/Portal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 interface IPortalProps {
-    children: React.ReactNode;
+    children?: React.ReactNode;
 }
 export default function Portal(props: IPortalProps): React.ReactPortal;
 export {};

package/ui/layout/ProgressBar/ProgressBar.js

@@ -32,14 +32,18 @@ var hooks_1 = require("../../../hooks");
 function ProgressBar(props) {
     var components = (0, hooks_1.useComponents)();
     var getLabel = (function () {
-        if (!props.showLabel)
+        if (!props.showLabel) {
             return null;
-        if (props.icon)
+        }
+        if (props.icon) {
             return props.icon(props.status, props.percent);
-        if (props.status === 'success')
+        }
+        if (props.status === 'success') {
             return React.createElement(Icon_1["default"], { name: "check" });
-        if (props.status === 'exception')
+        }
+        if (props.status === 'exception') {
             return React.createElement(Icon_1["default"], { name: "times" });
+        }
         return props.label(props.percent);
     });
     if (props.type === 'line') {

package/ui/layout/Skeleton/Skeleton.d.ts

@@ -1,18 +1,41 @@
 import * as React from 'react';
 export interface ISkeletonViewProps {
-    className?: string;
+    className?: CssClassName;
     children?: React.ReactNode;
     animation?: 'pulse' | 'wave';
     type?: 'text' | 'rect' | 'circle';
     height?: string | number;
     width?: string | number;
 }
+/**
+ * Компонент Skeleton представляет собой заглушку для отображения временных данных
+ * во время загрузки или ожидания загрузки реальных данных.
+ **/
 export interface ISkeletonProps {
-    className?: string;
+    /**
+    * Дополнительные CSS классы
+    * @example my-block
+    */
+    className?: CssClassName;
+    /**
+    * Дочерние элементы
+    */
     children?: React.ReactNode;
+    /**
+    * Тип анимации
+    */
     animation?: 'pulse' | 'wave';
+    /**
+    * Тип компонента
+    */
     type?: 'text' | 'rect' | 'circle';
+    /**
+    * Высота элемента
+    */
     height?: string | number;
+    /**
+    * Ширина элемента
+    */
     width?: string | number;
 }
 declare function Skeleton(props: ISkeletonProps): JSX.Element;

package/ui/layout/Tooltip/Tooltip.d.ts

@@ -4,17 +4,41 @@
  * @example 'top'
  */
 type TooltipPosition = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | string;
-export interface TooltipArrowPosition {
+export interface ITooltipArrowPosition {
+    /**
+    * Позиция стрелки слева
+    */
     left?: number | string;
+    /**
+    * Позиция стрелки справа
+    */
     right?: number | string;
+    /**
+    * Позиция стрелки сверху
+    */
     top?: number | string;
+    /**
+    * Позиция стрелки снизу
+    */
     bottom?: number | string;
 }
-export interface TooltipStylePosition {
+export interface ITooltipStylePosition {
+    /**
+    * Позиция Tooltip слева
+    */
     left: 'unset' | number;
+    /**
+    * Позиция Tooltip справа
+    */
     right: 'unset' | number;
+    /**
+    * Позиция Tooltip сверху
+    */
     top: 'unset' | number;
 }
+/**
+ * Компонент Tooltip предоставляет всплывающую подсказку для дочерних элементов.
+ **/
 export interface ITooltipProps {
     /**
      * Текст подсказки
@@ -47,12 +71,12 @@ export interface ITooltipProps {
     /**
      * Стили для абсолютного позиционирования подсказки
      */
-    style?: TooltipStylePosition;
+    style?: ITooltipStylePosition;
     /**
      * Стили для позиционирования стрелки
      * @example {left: 10}
      */
-    arrowPosition?: TooltipArrowPosition;
+    arrowPosition?: ITooltipArrowPosition;
     /**
      * Рассчет позиции подсказки
      */
@@ -63,7 +87,7 @@ export interface ITooltipViewProps extends ITooltipProps {
     isTooltipVisible: boolean;
     content: string | any;
     position: TooltipPosition;
-    style: TooltipStylePosition;
+    style: ITooltipStylePosition;
 }
 declare function Tooltip(props: ITooltipProps): JSX.Element;
 declare namespace Tooltip {

package/ui/layout/Tooltip/Tooltip.js

@@ -79,6 +79,9 @@ function Tooltip(props) {
     // Основная функция расчета позиции
     var calculatePosition = (0, react_1.useCallback)(function (tooltipSize, arrowSize) {
         var result = (0, calculate_1["default"])(props.gap, positionRef.current, childRef.current, tooltipSize, arrowSize);
+        if (!result) {
+            return;
+        }
         positionRef.current = result.position;
         setStyle(result.style);
         if (result.arrowPosition) {

package/ui/layout/Tooltip/calculate.d.ts

@@ -1,6 +1,6 @@
-import { TooltipArrowPosition, TooltipStylePosition } from '../Tooltip/Tooltip';
+import { ITooltipArrowPosition, ITooltipStylePosition } from '../Tooltip/Tooltip';
 export default function calculate(gap: any, position: any, parentRef: any, tooltipSize: any, arrowSize: any): {
-    style: TooltipStylePosition;
+    style: ITooltipStylePosition;
     position: any;
-    arrowPosition: TooltipArrowPosition;
+    arrowPosition: ITooltipArrowPosition;
 };

package/ui/layout/Tooltip/calculate.js

@@ -1,6 +1,9 @@
 "use strict";
 exports.__esModule = true;
 function calculate(gap, position, parentRef, tooltipSize, arrowSize) {
+    if (process.env.IS_SSR) {
+        return null;
+    }
     var style = { left: null, right: null, top: null };
     var arrowPosition = null;
     var _a = parentRef.getBoundingClientRect(), top = _a.top, right = _a.right, left = _a.left, width = _a.width, height = _a.height;
@@ -80,7 +83,7 @@ function calculate(gap, position, parentRef, tooltipSize, arrowSize) {
         case 'topRight':
         case 'bottomRight':
             // Ширина tooltip больше родителя - стрелка на середину родителя
-            style.right = document.body.clientWidth - parentDimensions.right;
+            style.left = parentDimensions.right - tooltipSize.width;
             if (parentDimensions.width < tooltipSize.width) {
                 arrowPosition = {
                     left: null,

package/ui/list/CheckboxColumn/CheckboxColumn.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { IColumnViewProps } from '../Grid/Grid';
 /**
  * CheckboxColumn
  * Колонка с чекбоксом, которая позволяет выбирать одну или все записи в таблице.
@@ -20,10 +21,10 @@ export interface ICheckboxColumnProps {
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
      */
-    view?: any;
+    view?: CustomView;
     [key: string]: any;
 }
-export interface ICheckboxColumnViewProps {
+export interface ICheckboxColumnViewProps extends IColumnViewProps {
     fieldProps: Record<string, any>;
     input: {
         name: string;