@steroidsjs/core 3.0.94 → 3.1.1

package/ui/form/NumberField/hooks/useInputTypeNumber.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
+var react_1 = require("react");
 var useInputTypeNumber = function (currentInputRef, inputTypeNumberProps, onChange, decimal, isCanBeNegative) {
-    react_1["default"].useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var _a;
         var defaultValidity = __('The number is not valid.');
         var errorMessage = inputTypeNumberProps.required

package/ui/form/RadioField/RadioField.js

@@ -14,9 +14,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var CheckboxField_1 = __importDefault(require("../CheckboxField/CheckboxField"));
 function RadioField(props) {
-    return (react_1["default"].createElement(CheckboxField_1["default"], __assign({ multiply: false, view: "form.RadioFieldView" }, props)));
+    return ((0, jsx_runtime_1.jsx)(CheckboxField_1["default"], __assign({ multiply: false, view: 'form.RadioFieldView' }, props)));
 }
 exports["default"] = RadioField;

package/ui/form/RadioListField/RadioListField.js

@@ -14,9 +14,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var CheckboxListField_1 = __importDefault(require("../CheckboxListField/CheckboxListField"));
 function RadioListField(props) {
-    return (react_1["default"].createElement(CheckboxListField_1["default"], __assign({ multiple: false, view: 'form.RadioListFieldView' }, props)));
+    return ((0, jsx_runtime_1.jsx)(CheckboxListField_1["default"], __assign({ multiple: false, view: 'form.RadioListFieldView' }, props)));
 }
 exports["default"] = RadioListField;

package/ui/form/SliderField/SliderField.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * SliderField
@@ -55,7 +55,7 @@ export interface ISliderFieldProps extends IFieldWrapperInputProps, IUiComponent
             color: any;
         };
         label: any;
-    } | React.ReactNode | string>;
+    } | ReactNode | string>;
     /**
      * Функция, вызываемая в момент перетаскивания tip'а у слайдера
      * @example

package/ui/form/SwitcherField/SwitcherField.js

@@ -14,9 +14,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var CheckboxField_1 = __importDefault(require("../CheckboxField/CheckboxField"));
 function SwitcherField(props) {
-    return (react_1["default"].createElement(CheckboxField_1["default"], __assign({ view: 'form.SwitcherFieldView' }, props)));
+    return ((0, jsx_runtime_1.jsx)(CheckboxField_1["default"], __assign({ view: 'form.SwitcherFieldView' }, props)));
 }
 exports["default"] = SwitcherField;

package/ui/form/SwitcherListField/SwitcherListField.js

@@ -14,9 +14,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var CheckboxListField_1 = __importDefault(require("../CheckboxListField/CheckboxListField"));
 function SwitcherListField(props) {
-    return (react_1["default"].createElement(CheckboxListField_1["default"], __assign({ view: 'form.SwitcherListFieldView' }, props)));
+    return ((0, jsx_runtime_1.jsx)(CheckboxListField_1["default"], __assign({ view: 'form.SwitcherListFieldView' }, props)));
 }
 exports["default"] = SwitcherListField;

package/ui/form/TextField/TextField.d.ts

@@ -1,4 +1,4 @@
-import React, { ChangeEvent, KeyboardEventHandler } from 'react';
+import { ChangeEvent, KeyboardEventHandler, MutableRefObject } from 'react';
 import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 import { IBaseFieldProps } from '../InputField/InputField';
 /**
@@ -26,7 +26,7 @@ export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutpu
         placeholder: string;
         disabled: boolean;
         required: boolean;
-        ref: React.MutableRefObject<any>;
+        ref: MutableRefObject<any>;
     };
     onClear: VoidFunction;
 }

package/ui/form/WizardForm/WizardForm.d.ts

@@ -1,11 +1,11 @@
 import { IFieldProps } from '@steroidsjs/core/ui/form/Field/Field';
-import React from 'react';
+import { ReactNode } from 'react';
 import { IStepsProps, IStepItem } from '../../list/Steps/Steps';
 import { IButtonProps } from '../Button/Button';
 import { IFormProps } from '../Form/Form';
 export interface IWizardStepItem extends Partial<IStepItem> {
     fields?: IFieldProps[];
-    component?: React.ReactNode;
+    component?: ReactNode;
     stepLabel?: string;
 }
 /**
@@ -93,12 +93,12 @@ export interface IWizardFormViewProps extends Pick<IWizardFormProps, 'prevStepBu
     currentStep: number;
     stepTitle: string;
     stepItems: IStepItem[];
-    renderStep: (header: React.ReactNode, buttons: React.ReactNode, viewProps?: IUiComponent) => JSX.Element;
+    renderStep: (header: ReactNode, buttons: ReactNode, viewProps?: IUiComponent) => JSX.Element;
     isLastStep?: boolean;
     onPrevStep?: () => void;
     totalSteps?: number;
 }
-declare function WizardForm(props: IWizardFormProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+declare function WizardForm(props: IWizardFormProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 declare namespace WizardForm {
     var defaultProps: {
         formProps: {

package/ui/form/WizardForm/WizardForm.js

@@ -10,29 +10,6 @@ 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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -46,10 +23,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var has_1 = __importDefault(require("lodash-es/has"));
 var indexOf_1 = __importDefault(require("lodash-es/indexOf"));
 var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var utils_1 = require("./utils");
 var hooks_1 = require("../../../hooks");
 var Steps_1 = require("../../list/Steps/Steps");
@@ -130,9 +108,7 @@ function WizardForm(props) {
             useRedux: true
         });
     }, [activeStep === null || activeStep === void 0 ? void 0 : activeStep.fields, isLastStep, onAfterSubmit, onSubmit, props.formProps.onSubmit, props.formId]);
-    var renderStep = (0, react_1.useCallback)(function (header, buttons, viewProps) { return (react_1["default"].createElement(Form_1["default"], __assign({}, props.formProps, viewProps, commonFormProps, { buttons: buttons }),
-        header,
-        (activeStep === null || activeStep === void 0 ? void 0 : activeStep.component) && props.steps[currentStep].component)); }, [activeStep === null || activeStep === void 0 ? void 0 : activeStep.component, commonFormProps, currentStep, props.formProps, props.steps]);
+    var renderStep = (0, react_1.useCallback)(function (header, buttons, viewProps) { return ((0, jsx_runtime_1.jsxs)(Form_1["default"], __assign({}, props.formProps, viewProps, commonFormProps, { buttons: buttons }, { children: [header, (activeStep === null || activeStep === void 0 ? void 0 : activeStep.component) && props.steps[currentStep].component] }))); }, [activeStep === null || activeStep === void 0 ? void 0 : activeStep.component, commonFormProps, currentStep, props.formProps, props.steps]);
     var viewProps = (0, react_1.useMemo)(function () { return ({
         renderStep: renderStep,
         currentStep: currentStep,

package/ui/form/WizardForm/utils.d.ts

@@ -1,12 +1,12 @@
 import { IWizardStepItem } from '@steroidsjs/core/ui/form/WizardForm/WizardForm';
-import React from 'react';
+import { ReactElement } from 'react';
 export declare const generateFieldStepMap: (arr?: any[]) => any;
 export declare const normalizeSteps: (steps: IWizardStepItem[]) => {
     id: number;
     title: string;
     description: string;
     subtitle: string;
-    icon: string | number | true | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment;
+    icon: string | number | true | ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment;
     status: string;
 }[];
 export declare const getModifiedSteps: (prevStepsState: any, errorSteps: any, currentStep: number, nextStep: number) => any[];

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 /**
  * BooleanFormatter
  *
@@ -19,6 +19,6 @@ export interface IBooleanFormatterProps {
 }
 export interface IBooleanFormatterPropsView {
     value?: string | number | boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export default function BooleanFormatter(props: IBooleanFormatterProps): JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 import { IAvatarProps } from '../../content/Avatar/Avatar';
 import { IMenuProps } from '../../content/Menu/Menu';
 import { IButtonProps } from '../../form/Button/Button';
@@ -27,7 +27,7 @@ export interface IHeaderProps extends IUiComponent {
         /**
          * Иконка логотипа в виде строки или компонента React.
          */
-        icon?: string | React.ReactElement;
+        icon?: CustomIcon;
         /**
          * Дополнительные классы стилей для логотипа.
          */
@@ -86,7 +86,7 @@ export interface IHeaderProps extends IUiComponent {
         /**
          * Контент бургер-меню в виде компонента React.
          */
-        content?: React.ReactElement;
+        content?: ReactElement;
         /**
          * Свойства для ссылок бургер-меню.
          */

package/ui/layout/Meta/Meta.js

@@ -14,23 +14,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_helmet_1 = __importDefault(require("react-helmet"));
 function Meta(props) {
     var _a, _b, _c, _d, _e;
-    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 :
-        _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 :
-        _d.map(function (attrs, index) { return (react_1["default"].createElement("script", __assign({ key: index }, attrs), attrs.innerHtml || '')); }), (_e = props.noScripts) === null || _e === void 0 ? void 0 :
-        _e.map(function (attrs, index) { return (react_1["default"].createElement("noscript", { key: index, dangerouslySetInnerHTML: {
-                __html: attrs.innerHtml
-            } })); }),
-        props.children));
+    return ((0, jsx_runtime_1.jsxs)(react_helmet_1["default"], { children: [(0, jsx_runtime_1.jsx)("title", { children: props.title }), props.base && (0, jsx_runtime_1.jsx)("base", __assign({}, props.base)), props.description && ((0, jsx_runtime_1.jsx)("meta", { name: 'description', content: props.description })), (_a = props.meta) === null || _a === void 0 ? void 0 : _a.map(function (attrs, index) { return ((0, jsx_runtime_1.jsx)("meta", __assign({}, attrs), index)); }), (_b = props.links) === null || _b === void 0 ? void 0 : _b.map(function (attrs, index) { return ((0, jsx_runtime_1.jsx)("link", __assign({}, attrs), index)); }), (_c = props.styles) === null || _c === void 0 ? void 0 : _c.map(function (attrs, index) { return ((0, jsx_runtime_1.jsx)("style", __assign({}, attrs, { dangerouslySetInnerHTML: {
+                    __html: attrs.innerHtml
+                } }), index)); }), (_d = props.scripts) === null || _d === void 0 ? void 0 : _d.map(function (attrs, index) { return ((0, jsx_runtime_1.jsx)("script", __assign({}, attrs, { children: attrs.innerHtml || '' }), index)); }), (_e = props.noScripts) === null || _e === void 0 ? void 0 : _e.map(function (attrs, index) { return ((0, jsx_runtime_1.jsx)("noscript", { dangerouslySetInnerHTML: {
+                    __html: attrs.innerHtml
+                } }, index)); }), props.children] }));
 }
 exports["default"] = Meta;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactNode } from 'react';
 /**
  * Перед тем как использовать компонент Notification поместите его в DOM дереве следующим образом:
  * ```
@@ -78,7 +78,7 @@ export interface INotificationsViewProps {
     notifications?: INotificationItem[];
     className?: CssClassName;
     position: string;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export interface INotificationsItemViewProps extends INotificationItem {
     isClosing: boolean;

package/ui/layout/Notifications/Notifications.js

@@ -10,35 +10,13 @@ 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 jsx_runtime_1 = require("react/jsx-runtime");
 var orderBy_1 = __importDefault(require("lodash-es/orderBy"));
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var react_use_1 = require("react-use");
 var notifications_1 = require("../../../actions/notifications");
 var hooks_1 = require("../../../hooks");
@@ -87,7 +65,7 @@ function Notifications(props) {
     var viewProps = (0, react_1.useMemo)(function () { return ({
         className: props.className,
         position: position || '',
-        children: items.map(function (item) { return (react_1["default"].createElement(NotificationsItemView, __assign({ key: item.id }, item))); })
+        children: items.map(function (item) { return ((0, jsx_runtime_1.jsx)(NotificationsItemView, __assign({}, item), item.id)); })
     }); }, [props.className, position, items, NotificationsItemView]);
     return components.ui.renderView(props.view || 'layout.NotificationsView', viewProps);
 }

package/ui/layout/Portal.d.ts

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

package/ui/layout/ProgressBar/ProgressBar.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import { ReactNode } from 'react';
 export interface IProgressBarViewProps {
     percent: number;
     status?: 'normal' | 'success' | 'exception';
     size?: 'small' | 'medium' | 'large';
-    label?: string | React.ReactNode;
+    label?: string | ReactNode;
 }
 /**
  * ProgressBar
@@ -40,7 +40,7 @@ export interface IProgressBarProps {
      * @param status Статус компонента
      * @param percent Прогресс в процентах
      */
-    icon?: (status: string, percent: number) => React.ReactNode;
+    icon?: (status: string, percent: number) => ReactNode;
 }
 declare function ProgressBar(props: IProgressBarProps): JSX.Element;
 declare namespace ProgressBar {

package/ui/layout/ProgressBar/ProgressBar.js

@@ -1,32 +1,10 @@
 "use strict";
-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_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 var Icon_1 = __importDefault(require("../../content/Icon/Icon"));
 function ProgressBar(props) {
@@ -40,10 +18,10 @@ function ProgressBar(props) {
                 return props.icon(props.status, props.percent);
             }
             if (props.status === 'success') {
-                return react_1["default"].createElement(Icon_1["default"], { name: "check" });
+                return (0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'check' });
             }
             if (props.status === 'exception') {
-                return react_1["default"].createElement(Icon_1["default"], { name: "times" });
+                return (0, jsx_runtime_1.jsx)(Icon_1["default"], { name: 'times' });
             }
             return props.label(props.percent);
         });

package/ui/layout/Sidebar/Sidebar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ReactElement } from 'react';
 import { IIconProps } from '../../content/Icon/Icon';
 import { IMenuProps } from '../../content/Menu/Menu';
 import { INavItem } from '../../nav/Nav/Nav';
@@ -25,7 +25,7 @@ export interface ISidebarProps extends IUiComponent {
         /**
          * Путь к иконке или React-элемент для отображения иконки логотипа.
          */
-        icon: string | React.ReactElement;
+        icon: string | ReactElement;
     };
     /**
      * Объект с информацией о пользователе.
@@ -72,7 +72,7 @@ export interface ISidebarViewProps extends ISidebarProps {
     toggleSidebar: VoidFunction;
     onClickNav: (itemId: number) => void;
 }
-declare function Sidebar(props: ISidebarProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+declare function Sidebar(props: ISidebarProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 declare namespace Sidebar {
     var defaultProps: {
         hasSeparatedNavItem: boolean;

package/ui/layout/Sidebar/Sidebar.js

@@ -1,29 +1,6 @@
 "use strict";
-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;
-};
 exports.__esModule = true;
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 function Sidebar(props) {
     var components = (0, hooks_1.useComponents)();
@@ -32,7 +9,7 @@ function Sidebar(props) {
         var newState = !isOpened;
         setIsOpened(newState);
     }, [isOpened]);
-    var onClickNav = react_1["default"].useCallback(function (itemId) {
+    var onClickNav = (0, react_1.useCallback)(function (itemId) {
         if (props === null || props === void 0 ? void 0 : props.onClickItem) {
             props.onClickItem(itemId);
         }

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 export interface ISkeletonViewProps {
     className?: CssClassName;
-    children?: React.ReactNode;
+    children?: ReactNode;
     animation?: 'pulse' | 'wave';
     type?: 'text' | 'rect' | 'circle';
     height?: string | number;
@@ -22,7 +22,7 @@ export interface ISkeletonProps {
     /**
     * Дочерние элементы
     */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
     * Тип анимации
     */

package/ui/layout/Tooltip/Tooltip.js

@@ -1,32 +1,20 @@
 "use strict";
-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 __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 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_use_1 = require("react-use");
 var TooltipPortalInner_1 = __importDefault(require("./TooltipPortalInner"));
@@ -66,18 +54,15 @@ function Tooltip(props) {
     }
     var TooltipView = components.ui.getView('layout.TooltipView');
     var childrenElement = typeof props.children === 'object'
-        ? React.Children.only(props.children)
+        ? react_1.Children.only(props.children)
         : undefined;
-    return (React.createElement(React.Fragment, null,
-        childrenElement
-            ? React.cloneElement(childrenElement, {
-                ref: childRef,
-                onMouseOver: onShow,
-                onMouseOut: onHide
-            })
-            : (React.createElement("span", { ref: childRef, onFocus: onShow, onMouseOver: onShow, onBlur: onHide, onMouseOut: onHide }, props.children)),
-        isComponentExist && (React.createElement(TooltipPortalInner_1["default"], null,
-            React.createElement(TooltipView, { isTooltipVisible: isComponentVisible, content: props.content, position: position, style: style, arrowPosition: arrowPosition, calculatePosition: calculatePosition, className: props.className, viewProps: props.viewProps })))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [childrenElement
+                ? (0, react_1.cloneElement)(childrenElement, {
+                    ref: childRef,
+                    onMouseOver: onShow,
+                    onMouseOut: onHide
+                })
+                : ((0, jsx_runtime_1.jsx)("span", __assign({ ref: childRef, onFocus: onShow, onMouseOver: onShow, onBlur: onHide, onMouseOut: onHide }, { children: props.children }))), isComponentExist && ((0, jsx_runtime_1.jsx)(TooltipPortalInner_1["default"], { children: (0, jsx_runtime_1.jsx)(TooltipView, { isTooltipVisible: isComponentVisible, content: props.content, position: position, style: style, arrowPosition: arrowPosition, calculatePosition: calculatePosition, className: props.className, viewProps: props.viewProps }) }))] }));
 }
 Tooltip.defaultProps = {
     content: '',

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import { ReactNode, ReactPortal } from 'react';
 interface ITooltipPortalProps {
-    children: React.ReactNode;
+    children: ReactNode;
 }
-export default function TooltipPortal(props: ITooltipPortalProps): React.ReactPortal;
+export default function TooltipPortal(props: ITooltipPortalProps): ReactPortal;
 export {};

package/ui/layout/Tooltip/TooltipPortalInner.js

@@ -1,34 +1,11 @@
 "use strict";
-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;
-};
 exports.__esModule = true;
-var React = __importStar(require("react"));
+var react_1 = require("react");
 var react_dom_1 = require("react-dom");
 var hooks_1 = require("../../../hooks");
 function TooltipPortal(props) {
     var components = (0, hooks_1.useComponents)();
-    React.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (!components.ui.getPortalElement()) {
             throw new Error('Not found UI Portal container. Please set <Portal/> in layout.');
         }