@steroidsjs/core 2.3.0-beta.6 → 2.3.0-beta.9

package/hoc/http.js

@@ -1,49 +1,49 @@
-"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 __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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var react_1 = require("react");
-var useFetch_1 = __importDefault(require("../hooks/useFetch"));
-/**
- * Http HOC
- * Обертка для асинхронного получения данных с бекенда. В отличии от `Fetch HOC`, он не хранит данные в Redux Store
- * и не добавляет "Загрузка..." при запросе.
- */
-exports["default"] = (function (requestFunc) { return function (WrappedComponent) { return function HttpHoc(props) {
-    var onFetch = react_1.useCallback(function () { return requestFunc(props); }, [props]);
-    var _a = useFetch_1["default"]({ onFetch: onFetch }), data = _a.data, isLoading = _a.isLoading, fetch = _a.fetch;
-    var fetchUpdate = react_1.useCallback(function (newParams) { return fetch({ params: newParams }); }, [fetch]);
-    return (React.createElement(WrappedComponent, __assign({}, props, data, { isLoading: isLoading, fetch: fetchUpdate })));
-}; }; });
+"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 __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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var useFetch_1 = __importDefault(require("../hooks/useFetch"));
+/**
+ * Http HOC
+ * Обертка для асинхронного получения данных с бекенда. В отличии от `Fetch HOC`, он не хранит данные в Redux Store
+ * и не добавляет "Загрузка..." при запросе.
+ */
+exports["default"] = (function (requestFunc) { return function (WrappedComponent) { return function HttpHoc(props) {
+    var onFetch = react_1.useCallback(function () { return requestFunc(props); }, [props]);
+    var _a = useFetch_1["default"]({ onFetch: onFetch }), data = _a.data, isLoading = _a.isLoading, fetch = _a.fetch;
+    var fetchUpdate = react_1.useCallback(function (newParams) { return fetch({ params: newParams }); }, [fetch]);
+    return (React.createElement(WrappedComponent, __assign({}, props, data, { isLoading: isLoading, fetch: fetchUpdate })));
+}; }; });

package/hoc/index.d.ts

@@ -1,8 +1,8 @@
-import application from './application';
-import bem from './bem';
-import components from './components';
-import connect from './connect';
-import fetch from './fetch';
-import http from './http';
-import layout from './layout';
-export { application, bem, components, connect, fetch, http, layout, };
+import application from './application';
+import bem from './bem';
+import components from './components';
+import connect from './connect';
+import fetch from './fetch';
+import http from './http';
+import layout from './layout';
+export { application, bem, components, connect, fetch, http, layout, };

package/hoc/index.js

@@ -1,20 +1,20 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.layout = exports.http = exports.fetch = exports.connect = exports.components = exports.bem = exports.application = void 0;
-var application_1 = __importDefault(require("./application"));
-exports.application = application_1["default"];
-var bem_1 = __importDefault(require("./bem"));
-exports.bem = bem_1["default"];
-var components_1 = __importDefault(require("./components"));
-exports.components = components_1["default"];
-var connect_1 = __importDefault(require("./connect"));
-exports.connect = connect_1["default"];
-var fetch_1 = __importDefault(require("./fetch"));
-exports.fetch = fetch_1["default"];
-var http_1 = __importDefault(require("./http"));
-exports.http = http_1["default"];
-var layout_1 = __importDefault(require("./layout"));
-exports.layout = layout_1["default"];
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.layout = exports.http = exports.fetch = exports.connect = exports.components = exports.bem = exports.application = void 0;
+var application_1 = __importDefault(require("./application"));
+exports.application = application_1["default"];
+var bem_1 = __importDefault(require("./bem"));
+exports.bem = bem_1["default"];
+var components_1 = __importDefault(require("./components"));
+exports.components = components_1["default"];
+var connect_1 = __importDefault(require("./connect"));
+exports.connect = connect_1["default"];
+var fetch_1 = __importDefault(require("./fetch"));
+exports.fetch = fetch_1["default"];
+var http_1 = __importDefault(require("./http"));
+exports.http = http_1["default"];
+var layout_1 = __importDefault(require("./layout"));
+exports.layout = layout_1["default"];

package/hoc/layout.d.ts

@@ -1,30 +1,30 @@
-import { IComponentsHocOutput } from './components';
-import { IRouteItem } from '../ui/nav/Router/Router';
-/**
- * Layout HOC
- * Используется для макета (layout) приложения, добавляя в него данные авторизации и статуса рендера страницы.
- * Передаваемый первым аргументом `initAction` будет вызываться каждый раз, когда необходимо обновить данные
- * авторизации (первая загрузка страницы, логин/регистация и выход).
- */
-export interface ILayoutHocInput {
-    route?: IRouteItem;
-    user?: {
-        role: string;
-    };
-    data?: Record<string, unknown>;
-    initializeCounter?: number;
-    components: IComponentsHocOutput;
-    isInitialized?: boolean;
-    redirectPageId?: any;
-}
-export interface ILayoutHocOutput {
-    http?: any;
-    status: string;
-    renderError: string;
-    route: IRouteItem;
-    user: any;
-    data: any;
-    isInitialized: boolean;
-}
-declare const _default: (initAction?: any) => any;
-export default _default;
+import { IComponentsHocOutput } from './components';
+import { IRouteItem } from '../ui/nav/Router/Router';
+/**
+ * Layout HOC
+ * Используется для макета (layout) приложения, добавляя в него данные авторизации и статуса рендера страницы.
+ * Передаваемый первым аргументом `initAction` будет вызываться каждый раз, когда необходимо обновить данные
+ * авторизации (первая загрузка страницы, логин/регистация и выход).
+ */
+export interface ILayoutHocInput {
+    route?: IRouteItem;
+    user?: {
+        role: string;
+    };
+    data?: Record<string, unknown>;
+    initializeCounter?: number;
+    components: IComponentsHocOutput;
+    isInitialized?: boolean;
+    redirectPageId?: any;
+}
+export interface ILayoutHocOutput {
+    http?: any;
+    status: string;
+    renderError: string;
+    route: IRouteItem;
+    user: any;
+    data: any;
+    isInitialized: boolean;
+}
+declare const _default: (initAction?: any) => any;
+export default _default;

package/hoc/layout.js

@@ -1,44 +1,44 @@
-"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 __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]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var useLayout_1 = __importDefault(require("../hooks/useLayout"));
-exports["default"] = (function (initAction) {
-    if (initAction === void 0) { initAction = null; }
-    return function (WrappedComponent) { return function LayoutHoc(props) {
-        var layoutProps = useLayout_1["default"](initAction);
-        return (React.createElement(WrappedComponent, __assign({}, props, { status: layoutProps.status, renderError: layoutProps.error }, layoutProps.data)));
-    }; };
-});
+"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 __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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var React = __importStar(require("react"));
+var useLayout_1 = __importDefault(require("../hooks/useLayout"));
+exports["default"] = (function (initAction) {
+    if (initAction === void 0) { initAction = null; }
+    return function (WrappedComponent) { return function LayoutHoc(props) {
+        var layoutProps = useLayout_1["default"](initAction);
+        return (React.createElement(WrappedComponent, __assign({}, props, { status: layoutProps.status, renderError: layoutProps.error }, layoutProps.data)));
+    }; };
+});

package/hooks/index.d.ts

@@ -1,20 +1,20 @@
-import useAbsolutePositioning from './useAbsolutePositioning';
-import useAddressBar from './useAddressBar';
-import useApplication from './useApplication';
-import useBem from './useBem';
-import useComponents from './useComponents';
-import useDataProvider from './useDataProvider';
-import useDataSelect from './useDataSelect';
-import useDispatch from './useDispatch';
-import useFetch from './useFetch';
-import useFile from './useFile';
-import useForm from './useForm';
-import useInitial from './useInitial';
-import useLayout from './useLayout';
-import useList from './useList';
-import useModel from './useModel';
-import useScreen from './useScreen';
-import useSelector from './useSelector';
-import useSsr from './useSsr';
-import useUniqueId from './useUniqueId';
-export { useAbsolutePositioning, useAddressBar, useApplication, useBem, useComponents, useDataProvider, useDataSelect, useDispatch, useFetch, useFile, useForm, useInitial, useLayout, useList, useModel, useScreen, useSelector, useSsr, useUniqueId, };
+import useAbsolutePositioning from './useAbsolutePositioning';
+import useAddressBar from './useAddressBar';
+import useApplication from './useApplication';
+import useBem from './useBem';
+import useComponents from './useComponents';
+import useDataProvider from './useDataProvider';
+import useDataSelect from './useDataSelect';
+import useDispatch from './useDispatch';
+import useFetch from './useFetch';
+import useFile from './useFile';
+import useForm from './useForm';
+import useInitial from './useInitial';
+import useLayout from './useLayout';
+import useList from './useList';
+import useModel from './useModel';
+import useScreen from './useScreen';
+import useSelector from './useSelector';
+import useSsr from './useSsr';
+import useUniqueId from './useUniqueId';
+export { useAbsolutePositioning, useAddressBar, useApplication, useBem, useComponents, useDataProvider, useDataSelect, useDispatch, useFetch, useFile, useForm, useInitial, useLayout, useList, useModel, useScreen, useSelector, useSsr, useUniqueId, };

package/hooks/index.js

@@ -1,44 +1,44 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.useUniqueId = exports.useSsr = exports.useSelector = exports.useScreen = exports.useModel = exports.useList = exports.useLayout = exports.useInitial = exports.useForm = exports.useFile = exports.useFetch = exports.useDispatch = exports.useDataSelect = exports.useDataProvider = exports.useComponents = exports.useBem = exports.useApplication = exports.useAddressBar = exports.useAbsolutePositioning = void 0;
-var useAbsolutePositioning_1 = __importDefault(require("./useAbsolutePositioning"));
-exports.useAbsolutePositioning = useAbsolutePositioning_1["default"];
-var useAddressBar_1 = __importDefault(require("./useAddressBar"));
-exports.useAddressBar = useAddressBar_1["default"];
-var useApplication_1 = __importDefault(require("./useApplication"));
-exports.useApplication = useApplication_1["default"];
-var useBem_1 = __importDefault(require("./useBem"));
-exports.useBem = useBem_1["default"];
-var useComponents_1 = __importDefault(require("./useComponents"));
-exports.useComponents = useComponents_1["default"];
-var useDataProvider_1 = __importDefault(require("./useDataProvider"));
-exports.useDataProvider = useDataProvider_1["default"];
-var useDataSelect_1 = __importDefault(require("./useDataSelect"));
-exports.useDataSelect = useDataSelect_1["default"];
-var useDispatch_1 = __importDefault(require("./useDispatch"));
-exports.useDispatch = useDispatch_1["default"];
-var useFetch_1 = __importDefault(require("./useFetch"));
-exports.useFetch = useFetch_1["default"];
-var useFile_1 = __importDefault(require("./useFile"));
-exports.useFile = useFile_1["default"];
-var useForm_1 = __importDefault(require("./useForm"));
-exports.useForm = useForm_1["default"];
-var useInitial_1 = __importDefault(require("./useInitial"));
-exports.useInitial = useInitial_1["default"];
-var useLayout_1 = __importDefault(require("./useLayout"));
-exports.useLayout = useLayout_1["default"];
-var useList_1 = __importDefault(require("./useList"));
-exports.useList = useList_1["default"];
-var useModel_1 = __importDefault(require("./useModel"));
-exports.useModel = useModel_1["default"];
-var useScreen_1 = __importDefault(require("./useScreen"));
-exports.useScreen = useScreen_1["default"];
-var useSelector_1 = __importDefault(require("./useSelector"));
-exports.useSelector = useSelector_1["default"];
-var useSsr_1 = __importDefault(require("./useSsr"));
-exports.useSsr = useSsr_1["default"];
-var useUniqueId_1 = __importDefault(require("./useUniqueId"));
-exports.useUniqueId = useUniqueId_1["default"];
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.useUniqueId = exports.useSsr = exports.useSelector = exports.useScreen = exports.useModel = exports.useList = exports.useLayout = exports.useInitial = exports.useForm = exports.useFile = exports.useFetch = exports.useDispatch = exports.useDataSelect = exports.useDataProvider = exports.useComponents = exports.useBem = exports.useApplication = exports.useAddressBar = exports.useAbsolutePositioning = void 0;
+var useAbsolutePositioning_1 = __importDefault(require("./useAbsolutePositioning"));
+exports.useAbsolutePositioning = useAbsolutePositioning_1["default"];
+var useAddressBar_1 = __importDefault(require("./useAddressBar"));
+exports.useAddressBar = useAddressBar_1["default"];
+var useApplication_1 = __importDefault(require("./useApplication"));
+exports.useApplication = useApplication_1["default"];
+var useBem_1 = __importDefault(require("./useBem"));
+exports.useBem = useBem_1["default"];
+var useComponents_1 = __importDefault(require("./useComponents"));
+exports.useComponents = useComponents_1["default"];
+var useDataProvider_1 = __importDefault(require("./useDataProvider"));
+exports.useDataProvider = useDataProvider_1["default"];
+var useDataSelect_1 = __importDefault(require("./useDataSelect"));
+exports.useDataSelect = useDataSelect_1["default"];
+var useDispatch_1 = __importDefault(require("./useDispatch"));
+exports.useDispatch = useDispatch_1["default"];
+var useFetch_1 = __importDefault(require("./useFetch"));
+exports.useFetch = useFetch_1["default"];
+var useFile_1 = __importDefault(require("./useFile"));
+exports.useFile = useFile_1["default"];
+var useForm_1 = __importDefault(require("./useForm"));
+exports.useForm = useForm_1["default"];
+var useInitial_1 = __importDefault(require("./useInitial"));
+exports.useInitial = useInitial_1["default"];
+var useLayout_1 = __importDefault(require("./useLayout"));
+exports.useLayout = useLayout_1["default"];
+var useList_1 = __importDefault(require("./useList"));
+exports.useList = useList_1["default"];
+var useModel_1 = __importDefault(require("./useModel"));
+exports.useModel = useModel_1["default"];
+var useScreen_1 = __importDefault(require("./useScreen"));
+exports.useScreen = useScreen_1["default"];
+var useSelector_1 = __importDefault(require("./useSelector"));
+exports.useSelector = useSelector_1["default"];
+var useSsr_1 = __importDefault(require("./useSsr"));
+exports.useSsr = useSsr_1["default"];
+var useUniqueId_1 = __importDefault(require("./useUniqueId"));
+exports.useUniqueId = useUniqueId_1["default"];

package/hooks/useAbsolutePositioning.d.ts

@@ -1,76 +1,76 @@
-import * as React from 'react';
-interface IStyleObj {
-    left: 'unset' | number;
-    right: 'unset' | number;
-    top: 'unset' | number;
-}
-/**
- * Варианты абсолютного позиционирования
- * @example 'top'
- */
-declare type Position = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | string;
-export interface IAbsolutePositioningInputProps {
-    /**
-     * Включает "умное" позиционирование - если компонент не может быть помещен в промежуток между целевым компонентом
-     * и краем viewport, тогда он будет показан в противоположном направлении от заданного в свойстве position.
-     */
-    autoPositioning?: boolean;
-    /**
-     * Дочерние элементы
-     */
-    children?: React.ReactNode;
-    /**
-     * Задержка перед размонтированием компонента, когда он должен быть скрыт.
-     * В этот момент удобно применять различные анимации ухода.
-     */
-    componentDestroyDelay?: number;
-    /**
-     * Промежуток между компонентом и целевым элементом.
-     * Используется в рассчетах позиционирования.
-     */
-    gap?: number;
-    /**
-     * Позиционирование компонента, относительно целевого элемента
-     */
-    position: Position;
-    /**
-     * Отобразить или скрыть компонент.
-     * Включает "ручной режим", при котором можно задать логику отображения компонента извне,
-     * через измененение данного свойства.
-     */
-    visible?: boolean;
-    /**
-     * Обработчик изменения свойства isComponentVisible (отображение на странице).
-     * Возвращает значение isComponentVisible.
-     */
-    onVisibleChange?: (isComponentVisible: boolean) => void;
-    /**
-     * Срабатывает в "ручном режиме", при клике за пределами компонента и целевого элемента.
-     * Возвращает значение visible.
-     */
-    onClose?: () => void;
-}
-export interface IAbsolutePositioningOutputProps {
-    /**
-     * Нужно ли рендерить компонент
-     */
-    isComponentExist: boolean;
-    /**
-     * Нужно ли показывать компонент на странице
-     */
-    isComponentVisible: boolean;
-    /**
-     * Объект стилей для абсолютного позиционирования
-     */
-    style: IStyleObj;
-}
-export default function useAbsolutePositioning(props: IAbsolutePositioningInputProps): {
-    isComponentExist: boolean;
-    isComponentVisible: boolean;
-    style: IStyleObj;
-    position: string;
-    calculateAbsolutePosition: (newPosition: Position, childRef: any, componentSize: any) => void;
-    onShow: () => void;
-    onHide: () => void;
-};
-export {};
+import * as React from 'react';
+interface IStyleObj {
+    left: 'unset' | number;
+    right: 'unset' | number;
+    top: 'unset' | number;
+}
+/**
+ * Варианты абсолютного позиционирования
+ * @example 'top'
+ */
+declare type Position = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | string;
+export interface IAbsolutePositioningInputProps {
+    /**
+     * Включает "умное" позиционирование - если компонент не может быть помещен в промежуток между целевым компонентом
+     * и краем viewport, тогда он будет показан в противоположном направлении от заданного в свойстве position.
+     */
+    autoPositioning?: boolean;
+    /**
+     * Дочерние элементы
+     */
+    children?: React.ReactNode;
+    /**
+     * Задержка перед размонтированием компонента, когда он должен быть скрыт.
+     * В этот момент удобно применять различные анимации ухода.
+     */
+    componentDestroyDelay?: number;
+    /**
+     * Промежуток между компонентом и целевым элементом.
+     * Используется в рассчетах позиционирования.
+     */
+    gap?: number;
+    /**
+     * Позиционирование компонента, относительно целевого элемента
+     */
+    position: Position;
+    /**
+     * Отобразить или скрыть компонент.
+     * Включает "ручной режим", при котором можно задать логику отображения компонента извне,
+     * через измененение данного свойства.
+     */
+    visible?: boolean;
+    /**
+     * Обработчик изменения свойства isComponentVisible (отображение на странице).
+     * Возвращает значение isComponentVisible.
+     */
+    onVisibleChange?: (isComponentVisible: boolean) => void;
+    /**
+     * Срабатывает в "ручном режиме", при клике за пределами компонента и целевого элемента.
+     * Возвращает значение visible.
+     */
+    onClose?: () => void;
+}
+export interface IAbsolutePositioningOutputProps {
+    /**
+     * Нужно ли рендерить компонент
+     */
+    isComponentExist: boolean;
+    /**
+     * Нужно ли показывать компонент на странице
+     */
+    isComponentVisible: boolean;
+    /**
+     * Объект стилей для абсолютного позиционирования
+     */
+    style: IStyleObj;
+}
+export default function useAbsolutePositioning(props: IAbsolutePositioningInputProps): {
+    isComponentExist: boolean;
+    isComponentVisible: boolean;
+    style: IStyleObj;
+    position: string;
+    calculateAbsolutePosition: (newPosition: Position, childRef: any, componentSize: any) => void;
+    onShow: () => void;
+    onHide: () => void;
+};
+export {};