@steroidsjs/core 3.0.0-beta.4 → 3.0.0-beta.41

package/ui/layout/Notifications/Notifications.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -42,19 +46,17 @@ var hooks_1 = require("../../../hooks");
 var notifications_1 = require("../../../actions/notifications");
 var notifications_2 = require("../../../reducers/notifications");
 function Notifications(props) {
-    var _a = hooks_1.useSelector(function (state) { return ({
-        notifications: notifications_2.getNotifications(state),
-        position: notifications_2.getPosition(state)
+    var _a = (0, hooks_1.useSelector)(function (state) { return ({
+        notifications: (0, notifications_2.getNotifications)(state),
+        position: (0, notifications_2.getPosition)(state)
     }); }), notifications = _a.notifications, position = _a.position;
-    var components = hooks_1.useComponents();
-    var _b = react_1.useState(props.notifications || []), innerNotifications = _b[0], setInnerNotifications = _b[1];
-    var _c = react_1.useState([]), closing = _c[0], setClosing = _c[1];
-    var dispatch = useDispatch_1["default"]();
-    react_use_1.useMount(function () {
+    var components = (0, hooks_1.useComponents)();
+    var _b = (0, react_1.useState)(props.notifications || []), innerNotifications = _b[0], setInnerNotifications = _b[1];
+    var _c = (0, react_1.useState)([]), closing = _c[0], setClosing = _c[1];
+    var dispatch = (0, useDispatch_1["default"])();
+    (0, react_use_1.useMount)(function () {
         if (props.initialFlashes) {
-            //TODO remove @ts-ignore
-            //@ts-ignore
-            dispatch(notifications_1.setFlashes(props.initialFlashes));
+            dispatch((0, notifications_1.setFlashes)(props.initialFlashes));
             // Disable scroll or scroll to top on show notifications
             if (!process.env.IS_SSR) {
                 if ('scrollRestoration' in window.history) {
@@ -66,8 +68,8 @@ function Notifications(props) {
             }
         }
     });
-    var prevNotifications = react_use_1.usePrevious(notifications);
-    react_use_1.useUpdateEffect(function () {
+    var prevNotifications = (0, react_use_1.usePrevious)(notifications);
+    (0, react_use_1.useUpdateEffect)(function () {
         if (prevNotifications !== notifications) {
             var propsIds_1 = notifications.map(function (item) { return item.id; });
             var toClose_1 = innerNotifications.filter(function (item) { return !propsIds_1.includes(item.id); });
@@ -78,9 +80,9 @@ function Notifications(props) {
             }
         }
     }, [closing, innerNotifications, notifications, prevNotifications, props.closeTimeoutMs]);
-    var onClose = react_1.useCallback(function (notificationId) { return dispatch(notifications_1.closeNotification(notificationId)); }, [dispatch]);
+    var onClose = (0, react_1.useCallback)(function (notificationId) { return dispatch((0, notifications_1.closeNotification)(notificationId)); }, [dispatch]);
     var closingIds = closing.map(function (item) { return item.id; });
-    var items = react_1.useMemo(function () { return (orderBy_1["default"]([].concat(innerNotifications).concat(closing), ['id'], 'asc')
+    var items = (0, react_1.useMemo)(function () { return ((0, orderBy_1["default"])([].concat(innerNotifications).concat(closing), ['id'], 'asc')
         .map(function (item) { return (__assign(__assign({}, item), { isClosing: closingIds.includes(item.id), onClose: function () { return onClose(item.id); } })); })); }, [innerNotifications, closing, closingIds, onClose]);
     var NotificationsItemView = props.itemView || components.ui.getView('layout.NotificationsItemView');
     return components.ui.renderView(props.view || 'layout.NotificationsView', __assign(__assign({}, props), { position: position || '', children: items.map(function (item) { return (React.createElement(NotificationsItemView, __assign({ key: item.id }, item))); }) }));

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

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

package/ui/layout/Notifications/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];
@@ -32,7 +36,7 @@ var notifications_1 = require("../../../../actions/notifications");
  * @col 6
  */
 exports["default"] = (function () {
-    var dispatch = useDispatch_1["default"]();
+    var dispatch = (0, useDispatch_1["default"])();
     var notifications = {
         primary: 'Primary notification',
         secondary: 'Secondary notification',
@@ -47,9 +51,7 @@ exports["default"] = (function () {
             display: 'flex',
             flexFlow: 'column'
         } }, Object.keys(notifications).map(function (level) { return ([].concat(notifications[level] || [])
-        .map(function (message) { return (React.createElement(Button_1["default"], { key: level, color: level, label: __("\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435 \u0442\u0438\u043F\u0430 \"" + level + "\""), onClick: function () {
-            //TODO remove @ts-ignore
-            //@ts-ignore
-            dispatch(notifications_1.showNotification(message, level));
+        .map(function (message) { return (React.createElement(Button_1["default"], { key: level, color: level, label: __("\u0423\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435 \u0442\u0438\u043F\u0430 \"".concat(level, "\"")), onClick: function () {
+            dispatch((0, notifications_1.showNotification)(message, level));
         }, style: { margin: '10px 0' } })); })); })));
 });

package/ui/layout/Notifications/demo/position.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];
@@ -38,10 +42,8 @@ var positions = {
     bl: 'bottom-left'
 };
 exports["default"] = (function () {
-    var dispatch = useDispatch_1["default"]();
-    return (React.createElement("div", { style: { display: 'grid', gridAutoFlow: 'column', gridGap: '10px', justifyContent: 'center' } }, Object.values(positions).map(function (position) { return (React.createElement(form_1.Button, { key: position, color: 'dark', label: "\u041F\u043E\u0437\u0438\u0446\u0438\u044F " + position, onClick: function () {
-            //TODO remove @ts-ignore
-            //@ts-ignore
-            dispatch(notifications_1.showNotification(position, 'success', { position: position, timeOut: 1000 }));
+    var dispatch = (0, useDispatch_1["default"])();
+    return (React.createElement("div", { style: { display: 'grid', gridAutoFlow: 'column', gridGap: '10px', justifyContent: 'center' } }, Object.values(positions).map(function (position) { return (React.createElement(form_1.Button, { key: position, color: 'dark', label: "\u041F\u043E\u0437\u0438\u0446\u0438\u044F ".concat(position), onClick: function () {
+            dispatch((0, notifications_1.showNotification)(position, 'success', { position: position, timeOut: 1000 }));
         } })); })));
 });

package/ui/layout/Notifications/demo/timeOut.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];
@@ -38,11 +42,8 @@ var times = {
     10: 10000
 };
 exports["default"] = (function () {
-    var dispatch = useDispatch_1["default"]();
-    return (React.createElement("div", { style: { display: 'flex', flexFlow: 'column' } }, Object.values(times).map(function (time) { return (React.createElement(form_1.Button, { key: time, color: 'primary', label: "\u0427\u0435\u0440\u0435\u0437 " + time / 1000 + " \u0441\u0435\u043A\u0443\u043D\u0434 \u043F\u0440\u043E\u043F\u0430\u0434\u0435\u0442 \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435", onClick: function () {
-            dispatch(
-            //TODO remove @ts-ignore
-            //@ts-ignore
-            notifications_1.showNotification(time / 1000 + " \u0441\u0435\u043A\u0443\u043D\u0434", 'info', { position: 'bottom-right', timeOut: time }));
+    var dispatch = (0, useDispatch_1["default"])();
+    return (React.createElement("div", { style: { display: 'flex', flexFlow: 'column' } }, Object.values(times).map(function (time) { return (React.createElement(form_1.Button, { key: time, color: 'primary', label: "\u0427\u0435\u0440\u0435\u0437 ".concat(time / 1000, " \u0441\u0435\u043A\u0443\u043D\u0434 \u043F\u0440\u043E\u043F\u0430\u0434\u0435\u0442 \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u0435\u043D\u0438\u0435"), onClick: function () {
+            dispatch((0, notifications_1.showNotification)("".concat(time / 1000, " \u0441\u0435\u043A\u0443\u043D\u0434"), 'info', { position: 'bottom-right', timeOut: time }));
         }, style: { margin: '10px 0' } })); })));
 });

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/Portal.js

@@ -5,17 +5,17 @@ var react_dom_1 = require("react-dom");
 var react_use_1 = require("react-use");
 var hooks_1 = require("../../hooks");
 function Portal(props) {
-    var components = hooks_1.useComponents();
-    var elementRef = react_1.useRef(null);
+    var components = (0, hooks_1.useComponents)();
+    var elementRef = (0, react_1.useRef)(null);
     if (!elementRef.current) {
         elementRef.current = document.createElement('div');
         elementRef.current.className = 'Portal';
     }
-    react_use_1.useMount(function () {
+    (0, react_use_1.useMount)(function () {
         document.body.appendChild(elementRef.current);
         components.ui.setPortalElement(elementRef.current);
     });
-    react_use_1.useUnmount(function () {
+    (0, react_use_1.useUnmount)(function () {
         if (elementRef.current) {
             components.ui.setPortalElement(null);
             document.body.removeChild(elementRef.current);
@@ -24,6 +24,6 @@ function Portal(props) {
     if (process.env.IS_SSR) {
         return null;
     }
-    return react_dom_1.createPortal(props.children, elementRef.current);
+    return (0, react_dom_1.createPortal)(props.children, elementRef.current);
 }
 exports["default"] = Portal;

package/ui/layout/ProgressBar/ProgressBar.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];
@@ -23,19 +27,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var Icon_1 = __importDefault(require("../../icon/Icon/Icon"));
+var Icon_1 = __importDefault(require("../../content/Icon/Icon"));
 var hooks_1 = require("../../../hooks");
 function ProgressBar(props) {
-    var components = hooks_1.useComponents();
+    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') {
@@ -48,6 +56,6 @@ ProgressBar.defaultProps = {
     size: 'medium',
     type: 'line',
     showLabel: true,
-    label: function (percent) { return percent + "%"; }
+    label: function (percent) { return "".concat(percent, "%"); }
 };
 exports["default"] = ProgressBar;

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

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

package/ui/layout/ProgressBar/demo/percent.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/layout/ProgressBar/demo/showLabel.d.ts

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

package/ui/layout/ProgressBar/demo/showLabel.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/layout/ProgressBar/demo/sizes.d.ts

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

package/ui/layout/ProgressBar/demo/sizes.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/layout/ProgressBar/demo/status.d.ts

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

package/ui/layout/ProgressBar/demo/status.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/layout/ProgressBar/demo/type.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Имеется два типа: 'circle', 'line'. По-умолчанию задается 'line'.
  * @order 3
  * @col 6
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/layout/ProgressBar/demo/type.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/layout/Skeleton/Skeleton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export interface ISkeletonViewProps {
-    className?: string;
+    className?: CssClassName;
     children?: React.ReactNode;
     animation?: 'pulse' | 'wave';
     type?: 'text' | 'rect' | 'circle';
@@ -8,7 +8,7 @@ export interface ISkeletonViewProps {
     width?: string | number;
 }
 export interface ISkeletonProps {
-    className?: string;
+    className?: CssClassName;
     children?: React.ReactNode;
     animation?: 'pulse' | 'wave';
     type?: 'text' | 'rect' | 'circle';

package/ui/layout/Skeleton/Skeleton.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 var hooks_1 = require("../../../hooks");
 function Skeleton(props) {
-    return hooks_1.useComponents().ui.renderView('layout.SkeletonView', props);
+    return (0, hooks_1.useComponents)().ui.renderView('layout.SkeletonView', props);
 }
 Skeleton.defaultProps = {
     animation: 'pulse',

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Демонстрация двух видов анимации и трёх типов Skeleton.
  * @order 1
  * @col 3
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/layout/Skeleton/demo/animations.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/layout/Skeleton/demo/width height.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
 /**
  * Демонстрация задания кастомной ширины и высоты.
  * @order 2
  * @col 5
  */
+declare const _default: () => JSX.Element;
 export default _default;

package/ui/layout/Skeleton/demo/width height.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/layout/Tooltip/Tooltip.d.ts

@@ -3,14 +3,14 @@
  * Варианты позиций всплывающей подсказки
  * @example 'top'
  */
-declare type TooltipPosition = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | string;
-export interface TooltipArrowPosition {
+type TooltipPosition = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | string;
+export interface ITooltipArrowPosition {
     left?: number | string;
     right?: number | string;
     top?: number | string;
     bottom?: number | string;
 }
-export interface TooltipStylePosition {
+export interface ITooltipStylePosition {
     left: 'unset' | number;
     right: 'unset' | number;
     top: 'unset' | number;
@@ -21,6 +21,10 @@ export interface ITooltipProps {
      * @example 'Это всплывающая подсказка.'
      */
     content?: string | any;
+    /**
+     * Вложенные элементы
+     */
+    children?: string | any;
     /**
      * Позиционирование подсказки, относительно целевого элемента
      */
@@ -30,15 +34,25 @@ export interface ITooltipProps {
      * @example true
      */
     defaultVisible?: boolean;
+    /**
+     * Время анимации в миллисекундах
+     * @example 200
+     */
+    animationMs?: number;
+    /**
+     * Отступ от элемента
+     * @example 16
+     */
+    gap?: number;
     /**
      * Стили для абсолютного позиционирования подсказки
      */
-    style?: TooltipStylePosition;
+    style?: ITooltipStylePosition;
     /**
      * Стили для позиционирования стрелки
      * @example {left: 10}
      */
-    arrowPosition?: TooltipArrowPosition;
+    arrowPosition?: ITooltipArrowPosition;
     /**
      * Рассчет позиции подсказки
      */
@@ -49,7 +63,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

@@ -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];
@@ -39,24 +43,24 @@ var TooltipPortalInner_1 = __importDefault(require("./TooltipPortalInner"));
 *       - refactor code
 * */
 function Tooltip(props) {
-    var components = hooks_1.useComponents();
-    var _a = react_1.useState(false), isComponentExist = _a[0], setIsComponentExist = _a[1];
-    var _b = react_1.useState(props.defaultVisible), isTooltipVisible = _b[0], setIsTooltipVisible = _b[1];
-    var _c = react_1.useState({
+    var components = (0, hooks_1.useComponents)();
+    var _a = (0, react_1.useState)(false), isComponentExist = _a[0], setIsComponentExist = _a[1];
+    var _b = (0, react_1.useState)(props.defaultVisible), isTooltipVisible = _b[0], setIsTooltipVisible = _b[1];
+    var _c = (0, react_1.useState)({
         left: null,
         right: null,
         top: null
     }), style = _c[0], setStyle = _c[1];
-    var _d = react_1.useState({
+    var _d = (0, react_1.useState)({
         left: null,
         right: null,
         top: null,
         bottom: null
     }), arrowPosition = _d[0], setArrowPosition = _d[1];
-    var timerRef = react_1.useRef(null);
-    var positionRef = react_1.useRef(props.position);
-    var childRef = react_1.useRef(null);
-    var onShowTooltip = react_1.useCallback(function () {
+    var timerRef = (0, react_1.useRef)(null);
+    var positionRef = (0, react_1.useRef)(props.position);
+    var childRef = (0, react_1.useRef)(null);
+    var onShowTooltip = (0, react_1.useCallback)(function () {
         if (timerRef.current) {
             clearTimeout(timerRef.current);
         }
@@ -65,7 +69,7 @@ function Tooltip(props) {
         // TODO: How to wait setState callback?
         setTimeout(function () { return setIsTooltipVisible(true); });
     }, []);
-    var onHideTooltip = react_1.useCallback(function () {
+    var onHideTooltip = (0, react_1.useCallback)(function () {
         setIsTooltipVisible(false);
         if (timerRef.current) {
             clearTimeout(timerRef.current);
@@ -73,15 +77,15 @@ function Tooltip(props) {
         timerRef.current = setTimeout(function () { return setIsComponentExist(false); }, props.animationMs);
     }, [props.animationMs]);
     // Основная функция расчета позиции
-    var calculatePosition = react_1.useCallback(function (tooltipSize, arrowSize) {
-        var result = calculate_1["default"](props.gap, positionRef.current, childRef.current, tooltipSize, arrowSize);
+    var calculatePosition = (0, react_1.useCallback)(function (tooltipSize, arrowSize) {
+        var result = (0, calculate_1["default"])(props.gap, positionRef.current, childRef.current, tooltipSize, arrowSize);
         positionRef.current = result.position;
         setStyle(result.style);
         if (result.arrowPosition) {
             setArrowPosition(result.arrowPosition);
         }
     }, [props.gap]);
-    react_use_1.useMount(function () {
+    (0, react_use_1.useMount)(function () {
         if (isTooltipVisible) {
             onShowTooltip();
         }

package/ui/layout/Tooltip/TooltipPortalInner.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];
@@ -23,12 +27,12 @@ var React = __importStar(require("react"));
 var react_dom_1 = require("react-dom");
 var hooks_1 = require("../../../hooks");
 function TooltipPortal(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     React.useEffect(function () {
         if (!components.ui.getPortalElement()) {
             throw new Error('Not found UI Portal container. Please set <Portal/> in layout.');
         }
     }, [components]);
-    return react_dom_1.createPortal(props.children, components.ui.getPortalElement());
+    return (0, react_dom_1.createPortal)(props.children, components.ui.getPortalElement());
 }
 exports["default"] = TooltipPortal;

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;
 };