@steroidsjs/core 2.1.0-beta.2 → 2.1.0-beta.20

package/actions/form.d.ts

@@ -2,6 +2,7 @@ export declare const FORM_INITIALIZE = "@form/initialize";
 export declare const FORM_CHANGE = "@form/change";
 export declare const FORM_RESET = "@form/reset";
 export declare const FORM_SET_ERRORS = "@form/set_errors";
+export declare const FORM_SUBMIT = "@form/submit";
 export declare const FORM_ARRAY_ADD = "@form/array_add";
 export declare const FORM_ARRAY_REMOVE = "@form/array_remove";
 /**
@@ -36,6 +37,14 @@ export declare const formSetErrors: (formId: any, errors: any) => {
     formId: any;
     errors: any;
 };
+/**
+ * Сабмит формы
+ * @param formId
+ */
+export declare const formSubmit: (formId: any) => {
+    type: string;
+    formId: any;
+};
 /**
  * Сброс данных формы к первоначальному состоянию (к initialValues)
  * @param formId

package/actions/form.js

@@ -1,10 +1,11 @@
 "use strict";
 exports.__esModule = true;
-exports.formArrayRemove = exports.formArrayAdd = exports.formReset = exports.formSetErrors = exports.formChange = exports.formInitialize = exports.FORM_ARRAY_REMOVE = exports.FORM_ARRAY_ADD = exports.FORM_SET_ERRORS = exports.FORM_RESET = exports.FORM_CHANGE = exports.FORM_INITIALIZE = void 0;
+exports.formArrayRemove = exports.formArrayAdd = exports.formReset = exports.formSubmit = exports.formSetErrors = exports.formChange = exports.formInitialize = exports.FORM_ARRAY_REMOVE = exports.FORM_ARRAY_ADD = exports.FORM_SUBMIT = exports.FORM_SET_ERRORS = exports.FORM_RESET = exports.FORM_CHANGE = exports.FORM_INITIALIZE = void 0;
 exports.FORM_INITIALIZE = '@form/initialize';
 exports.FORM_CHANGE = '@form/change';
 exports.FORM_RESET = '@form/reset';
 exports.FORM_SET_ERRORS = '@form/set_errors';
+exports.FORM_SUBMIT = '@form/submit';
 exports.FORM_ARRAY_ADD = '@form/array_add';
 exports.FORM_ARRAY_REMOVE = '@form/array_remove';
 /**
@@ -42,6 +43,15 @@ var formSetErrors = function (formId, errors) { return ({
     errors: errors
 }); };
 exports.formSetErrors = formSetErrors;
+/**
+ * Сабмит формы
+ * @param formId
+ */
+var formSubmit = function (formId) { return ({
+    type: exports.FORM_SUBMIT,
+    formId: formId
+}); };
+exports.formSubmit = formSubmit;
 /**
  * Сброс данных формы к первоначальному состоянию (к initialValues)
  * @param formId

package/actions/list.d.ts

@@ -51,6 +51,7 @@ export declare const listInit: (listId: any, payload: any) => {
 };
 export declare const listSetItems: (listId: any, items: any) => {
     type: string;
+    listId: any;
     items: any;
 };
 export declare const listSetLayout: (listId: any, layoutName: any) => {

package/actions/list.js

@@ -133,6 +133,7 @@ var listInit = function (listId, payload) { return ({
 exports.listInit = listInit;
 var listSetItems = function (listId, items) { return ({
     type: exports.LIST_SET_ITEMS,
+    listId: listId,
     items: items
 }); };
 exports.listSetItems = listSetItems;

package/components/ClientStorageComponent.d.ts

@@ -6,16 +6,16 @@ export default class ClientStorageComponent {
     STORAGE_COOKIE: string;
     STORAGE_LOCAL: any;
     STORAGE_SESSION: any;
-    cookieAvailable: any;
     localStorageAvailable: boolean;
     sessionStorageAvailable: boolean;
-    constructor(components: any);
+    private _ssrCookie;
+    constructor(components: any, config: any);
     /**
      * @param {string} name
      * @param {string} [storageName]
      * @returns {*}
      */
-    get(name: any, storageName: any): string;
+    get(name: any, storageName: any): any;
     /**
      * @param {string} name
      * @param {*} value

package/components/ClientStorageComponent.js

@@ -18,17 +18,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 exports.__esModule = true;
 var cookie = __importStar(require("js-cookie"));
+var moment_1 = __importDefault(require("moment"));
 /**
  * Client Storage Component
  * Слой хранения данных в браузере (cookie, local/session storage) или ReactNative
  */
 var ClientStorageComponent = /** @class */ (function () {
-    function ClientStorageComponent(components) {
+    function ClientStorageComponent(components, config) {
         this.localStorageAvailable = !process.env.IS_SSR;
         this.sessionStorageAvailable = !process.env.IS_SSR;
-        this.cookieAvailable = !process.env.IS_SSR;
         this.STORAGE_SESSION = 'session';
         this.STORAGE_LOCAL = 'local';
         this.STORAGE_COOKIE = 'cookie';
@@ -52,6 +55,7 @@ var ClientStorageComponent = /** @class */ (function () {
                 this.sessionStorageAvailable = false;
             }
         }
+        this._ssrCookie = config === null || config === void 0 ? void 0 : config.ssrCookie;
     }
     /**
      * @param {string} name
@@ -63,14 +67,11 @@ var ClientStorageComponent = /** @class */ (function () {
         if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
             return window.localStorage.getItem(name);
         }
-        else if (this.sessionStorageAvailable &&
-            storageName === this.STORAGE_SESSION) {
+        if (this.sessionStorageAvailable
+            && storageName === this.STORAGE_SESSION) {
             return window.sessionStorage.getItem(name);
         }
-        else if (this.cookieAvailable) {
-            return cookie.get(name);
-        }
-        return null;
+        return process.env.IS_SSR ? this._ssrCookie.get(name) : cookie.get(name);
     };
     /**
      * @param {string} name
@@ -84,15 +85,19 @@ var ClientStorageComponent = /** @class */ (function () {
         if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
             window.localStorage.setItem(name, value);
         }
-        else if (this.sessionStorageAvailable &&
-            storageName === this.STORAGE_SESSION) {
+        else if (this.sessionStorageAvailable
+            && storageName === this.STORAGE_SESSION) {
             window.sessionStorage.setItem(name, value);
         }
-        else if (this.cookieAvailable) {
-            cookie.set(name, value, {
+        else {
+            var options = {
                 expires: expires,
                 domain: this._getDomain()
-            });
+            };
+            if (expires && process.env.IS_SSR) {
+                options.expires = moment_1["default"]().add(options.expires).utc().toDate();
+            }
+            process.env.IS_SSR ? this._ssrCookie.set(name, value, options) : cookie.set(name, value, options);
         }
     };
     /**
@@ -105,24 +110,25 @@ var ClientStorageComponent = /** @class */ (function () {
         if (this.localStorageAvailable && storageName === this.STORAGE_LOCAL) {
             window.localStorage.removeItem(name);
         }
-        else if (this.sessionStorageAvailable &&
-            storageName === this.STORAGE_SESSION) {
+        else if (this.sessionStorageAvailable
+            && storageName === this.STORAGE_SESSION) {
             window.sessionStorage.removeItem(name);
         }
-        else if (this.cookieAvailable) {
-            cookie.remove(name, {
+        else {
+            var options = {
                 domain: this._getDomain()
-            });
+            };
+            process.env.IS_SSR ? this._ssrCookie.remove(name, options) : cookie.remove(name, options);
         }
     };
     ClientStorageComponent.prototype._getDomain = function () {
         var host = (typeof location !== 'undefined' && location.hostname) || '';
-        return ((!/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/.test(host) &&
-            host
+        return ((!/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/.test(host)
+            && host
                 .split('.')
                 .slice(-2)
-                .join('.')) ||
-            host);
+                .join('.'))
+            || host);
     };
     return ClientStorageComponent;
 }());

package/components/HttpComponent.js

@@ -52,6 +52,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var trimStart_1 = __importDefault(require("lodash-es/trimStart"));
 var trimEnd_1 = __importDefault(require("lodash-es/trimEnd"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
+var set_cookie_parser_1 = __importDefault(require("set-cookie-parser"));
 var axios_1 = __importDefault(require("axios"));
 var notifications_1 = require("../actions/notifications");
 /**
@@ -65,13 +67,12 @@ var HttpComponent = /** @class */ (function () {
         this._components = components;
         this.apiUrl = config.apiUrl
             //|| process.env.APP_BACKEND_URL
-            || (typeof window !== 'undefined' ? window.location.protocol + '//' + window.location.host : '');
+            || (!process.env.IS_SSR ? window.location.protocol + '//' + window.location.host : '');
         this.accessTokenKey = config.accessTokenKey || 'accessToken';
         this._lazyRequests = {};
         this._axios = null;
         this._csrfToken = null;
         this._accessToken = false;
-        this._promises = [];
     }
     HttpComponent.prototype.getAxiosConfig = function () {
         return __awaiter(this, void 0, void 0, function () {
@@ -191,7 +192,7 @@ var HttpComponent = /** @class */ (function () {
         });
     };
     HttpComponent.prototype.getUrl = function (method) {
-        if (method === null && typeof window !== 'undefined') {
+        if (method === null && !process.env.IS_SSR) {
             method = window.location.pathname;
         }
         if (method.indexOf('://') === -1) {
@@ -236,7 +237,21 @@ var HttpComponent = /** @class */ (function () {
     };
     HttpComponent.prototype._send = function (method, config, options) {
         var _this = this;
+        var _a;
         var axiosConfig = __assign(__assign({}, config), { url: this.getUrl(method) });
+        // Manual send cookies for preload data in ssr
+        if (process.env.IS_SSR && axiosConfig.url.indexOf(this.apiUrl) !== -1) {
+            var clientStorage = this._components.clientStorage;
+            axiosConfig.headers = __assign(__assign({}, axiosConfig.headers), { Cookie: Object
+                    .entries(clientStorage.get(null, clientStorage.STORAGE_COOKIE) || {})
+                    .map(function (_a) {
+                    var key = _a[0], value = _a[1];
+                    return key + "=" + value;
+                })
+                    .concat([(_a = axiosConfig.headers) === null || _a === void 0 ? void 0 : _a.Cookie])
+                    .filter(Boolean)
+                    .join(';') });
+        }
         if (options.cancelToken) {
             axiosConfig.cancelToken = options.cancelToken;
         }
@@ -258,25 +273,27 @@ var HttpComponent = /** @class */ (function () {
     };
     HttpComponent.prototype._sendAxios = function (config, options) {
         var _this = this;
-        var promise = this.getAxiosInstance()
+        return this.getAxiosInstance()
             .then(function (instance) { return instance(config); })
             .then(function (response) { return _this.afterRequest(response, config, options).then(function (newResponse) { return newResponse || response; }); })["catch"](function (error) {
             console.error('Error, request/response: ', config, String(error)); // eslint-disable-line no-console
             throw error;
         });
-        // Store promises for SSR
-        if (process.env.IS_SSR) {
-            this._promises.push(promise);
-        }
-        return promise;
     };
     HttpComponent.prototype.afterRequest = function (response, config, options) {
         return __awaiter(this, void 0, void 0, function () {
-            var store, match, providerName;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var _a, store, clientStorage, cookie, match, providerName;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
-                        store = this._components.store;
+                        _a = this._components, store = _a.store, clientStorage = _a.clientStorage;
+                        cookie = response.headers['set-cookie'];
+                        if (process.env.IS_SSR && config.url.indexOf(this.apiUrl) !== -1 && !isEmpty_1["default"](cookie)) {
+                            set_cookie_parser_1["default"].parse(cookie).forEach(function (_a) {
+                                var name = _a.name, value = _a.value, expires = _a.expires;
+                                return (clientStorage.set(name, value, clientStorage.STORAGE_COOKIE, expires));
+                            });
+                        }
                         // Flash
                         if (response.data.flashes) {
                             store.dispatch(notifications_1.setFlashes(response.data.flashes));
@@ -301,14 +318,14 @@ var HttpComponent = /** @class */ (function () {
                         if (!options.onTwoFactor) return [3 /*break*/, 2];
                         return [4 /*yield*/, options.onTwoFactor(providerName)];
                     case 1:
-                        _a.sent();
+                        _b.sent();
                         return [3 /*break*/, 4];
                     case 2: 
                     // Require verification code
                     return [4 /*yield*/, this._onTwoFactor(providerName)];
                     case 3:
                         // Require verification code
-                        _a.sent();
+                        _b.sent();
                         // Retry request
                         return [2 /*return*/, this._sendAxios(config, options)];
                     case 4: return [2 /*return*/, response];

package/components/LocaleComponent.js

@@ -73,11 +73,11 @@ var LocaleComponent = /** @class */ (function () {
     LocaleComponent.prototype.moment = function (date, format) {
         if (date === void 0) { date = undefined; }
         if (format === void 0) { format = undefined; }
-        if (this.backendTimeZone &&
-            date &&
-            date.length === 19 &&
-            moment_1["default"](date, 'YYYY-MM-DD HH:mm:ss').isValid()) {
-            date = date + this.backendTimeZone;
+        if (this.backendTimeZone
+            && date
+            && date.length === 19
+            && moment_1["default"](date, 'YYYY-MM-DD HH:mm:ss').isValid()) {
+            date += this.backendTimeZone;
         }
         return moment_1["default"](date, format).locale(this.language);
     };
@@ -126,7 +126,7 @@ var LocaleComponent = /** @class */ (function () {
             if (a.index < b.index) {
                 return -1;
             }
-            else if (a.index > b.index) {
+            if (a.index > b.index) {
                 return 1;
             }
             return 0;
@@ -136,9 +136,9 @@ var LocaleComponent = /** @class */ (function () {
         var textParts = message.split('!!component!!');
         for (var i = 0, j = 0; i < textParts.length; i++) {
             var isComponentAdded = false;
-            if (j === 0 &&
-                j < indexedComponents.length &&
-                indexedComponents[j].index === 0) {
+            if (j === 0
+                && j < indexedComponents.length
+                && indexedComponents[j].index === 0) {
                 result.push(React.createElement("span", { key: "element-" + j }, indexedComponents[j].component));
                 isComponentAdded = true;
                 j++;

package/components/MetricsComponent.js

@@ -15,7 +15,9 @@ var MetricsComponent = /** @class */ (function () {
         this._enable = config.enable === undefined
             ? process.env.APP_ENV === 'prod'
             : !!config.enable;
-        this._init();
+        if (!process.env.IS_SSR) {
+            this._init();
+        }
     }
     MetricsComponent.prototype._init = function () {
         var _this = this;

package/components/StoreComponent.d.ts

@@ -1,3 +1,9 @@
+declare global {
+    interface Window {
+        APP_REDUX_PRELOAD_STATES?: any;
+        __REDUX_DEVTOOLS_EXTENSION__?: any;
+    }
+}
 interface IStoreComponentConfig {
     initialState: any;
     history: any;

package/components/StoreComponent.js

@@ -37,7 +37,7 @@ var StoreComponent = /** @class */ (function () {
         this.dispatch = this.dispatch.bind(this);
         this.subscribe = this.subscribe.bind(this);
         if (!lazyInit) {
-            this.initStore();
+            this.initStore(config);
         }
     }
     StoreComponent.prototype.init = function (config) {
@@ -49,8 +49,10 @@ var StoreComponent = /** @class */ (function () {
         var _this = this;
         if (config === void 0) { config = {}; }
         var initialState = __assign(__assign({}, (process.env.IS_WEB
-            // @ts-ignore
             ? merge_1["default"].apply(void 0, (window.APP_REDUX_PRELOAD_STATES || [{}])) : {})), config.initialState);
+        if (window === null || window === void 0 ? void 0 : window.APP_REDUX_PRELOAD_STATES) {
+            delete window.APP_REDUX_PRELOAD_STATES;
+        }
         if (process.env.PLATFORM !== 'mobile') {
             var createHistory = process.env.IS_SSR || typeof location === 'undefined'
                 ? history_1.createMemoryHistory
@@ -59,7 +61,7 @@ var StoreComponent = /** @class */ (function () {
                     : history_1.createBrowserHistory;
             this.history = createHistory(__assign(__assign({}, get_1["default"](initialState, 'config.store.history', {})), config.history));
             // Add '?' for fix connected-react-router
-            if (process.env.IS_SSR && !this.history.location.search && process.env.PLATFORM !== 'mobile') {
+            if (process.env.IS_SSR && !this.history.location.search) {
                 this.history.location.search = '?';
             }
             this._routerReducer = connected_react_router_1.connectRouter(this.history);
@@ -70,10 +72,7 @@ var StoreComponent = /** @class */ (function () {
             } : {}), initialState, redux_1.compose(redux_1.applyMiddleware(function (_a) {
                 var getState = _a.getState;
                 return function (next) { return function (action) { return _this._prepare(action, next, getState); }; };
-            }), redux_1.applyMiddleware(connected_react_router_1.routerMiddleware(this.history)), 
-            // @ts-ignore
-            !process.env.IS_SSR && window.__REDUX_DEVTOOLS_EXTENSION__ && process.env.PLATFORM !== 'mobile'
-                // @ts-ignore
+            }), redux_1.applyMiddleware(connected_react_router_1.routerMiddleware(this.history)), !process.env.IS_SSR && window.__REDUX_DEVTOOLS_EXTENSION__ && process.env.PLATFORM !== 'mobile'
                 ? window.__REDUX_DEVTOOLS_EXTENSION__()
                 : function (f) { return f; }));
         }

package/components/UiComponent.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IComponents } from '../hooks/useComponents';
+import { IComponents } from '../providers/ComponentsProvider';
 /**
  * Ui Component
  * Компонент для подгрузки и конфигурации UI компонентов приложения

package/components/WebSocketComponent.d.ts

@@ -3,7 +3,7 @@
  * Компонент, обеспечивающий постоянное web-socket соединение с сервером. Поддерживает подписку на каналы, обработку
  * ответов и токен авторизации
  */
-import { IComponents } from '../hooks/useComponents';
+import { IComponents } from '../providers/ComponentsProvider';
 export default class WebSocketComponent {
     wsUrl: string;
     streams: string[] | [string, string | number[]][];

package/hoc/components.d.ts

@@ -1,4 +1,4 @@
-import { IComponents } from '../hooks/useComponents';
+import { IComponents } from '../providers/ComponentsProvider';
 export interface IComponentsHocOutput extends IComponents {
     components?: IComponents;
 }

package/hoc/components.js

@@ -36,7 +36,7 @@ var exportComponents = function (components, names) {
     var props = {};
     names.forEach(function (items) {
         [].concat(items).forEach(function (name) {
-            props[name] = window.SteroidsComponents[name];
+            props[name] = components[name];
         });
     });
     return props;

package/hoc/file.d.ts

@@ -18,6 +18,7 @@ export interface IFileHocOutput {
     files?: any[];
     onBrowse?: any;
     onRemove?: any;
+    onAdd?: any;
 }
 declare const _default: () => any;
 export default _default;

package/hooks/index.d.ts

@@ -4,4 +4,5 @@ import useDataProvider from './useDataProvider';
 import useDataSelect from './useDataSelect';
 import useSelector from './useSelector';
 import useForm from './useForm';
-export { useBem, useComponents, useDataProvider, useDataSelect, useSelector, useForm, };
+import useSsr from './useSsr';
+export { useBem, useComponents, useDataProvider, useDataSelect, useSelector, useForm, useSsr, };

package/hooks/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.useForm = exports.useSelector = exports.useDataSelect = exports.useDataProvider = exports.useComponents = exports.useBem = void 0;
+exports.useSsr = exports.useForm = exports.useSelector = exports.useDataSelect = exports.useDataProvider = exports.useComponents = exports.useBem = void 0;
 var useBem_1 = __importDefault(require("./useBem"));
 exports.useBem = useBem_1["default"];
 var useComponents_1 = __importDefault(require("./useComponents"));
@@ -16,3 +16,5 @@ var useSelector_1 = __importDefault(require("./useSelector"));
 exports.useSelector = useSelector_1["default"];
 var useForm_1 = __importDefault(require("./useForm"));
 exports.useForm = useForm_1["default"];
+var useSsr_1 = __importDefault(require("./useSsr"));
+exports.useSsr = useSsr_1["default"];

package/hooks/useAbsolutePositioning.d.ts

@@ -10,6 +10,11 @@ interface IStyleObj {
  */
 declare type Position = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | string;
 export interface IAbsolutePositioningInputProps {
+    /**
+     * Включает "умное" позиционирование - если компонент не может быть помещен в промежуток между целевым компонентом
+     * и краем viewport, тогда он будет показан в противоположном направлении от заданного в свойстве position.
+     */
+    autoPositioning?: boolean;
     /**
      * Дочерние элементы
      */

package/hooks/useAbsolutePositioning.js

@@ -12,11 +12,11 @@ function useAbsolutePositioning(props) {
     }), style = _d[0], setStyle = _d[1];
     var timerRef = react_1.useRef(null);
     var calculateAbsolutePosition = react_1.useCallback(function (newPosition, childRef, componentSize) {
-        if (newPosition === void 0) { newPosition = 'pos'; }
         var newStyle = { left: null, right: null, top: null };
         var _a = childRef.getBoundingClientRect(), top = _a.top, right = _a.right, left = _a.left, width = _a.width, height = _a.height;
         var parentDimensions = { top: top, right: right, left: left, width: width, height: height };
         parentDimensions.top += window.scrollY;
+        var useAutoPositioning = props.autoPositioning;
         // eslint-disable-next-line default-case
         switch (newPosition) {
             case 'top':
@@ -24,7 +24,7 @@ function useAbsolutePositioning(props) {
             case 'topRight':
                 // Проверка - выходит ли tooltip за верхний край страницы?
                 // Если да - меняем позицию на bottom
-                if ((parentDimensions.top - window.scrollY) <= Math.round(componentSize.height + props.gap)) {
+                if (useAutoPositioning && ((parentDimensions.top - window.scrollY) <= Math.round(componentSize.height + props.gap))) {
                     newStyle.top = parentDimensions.top + parentDimensions.height;
                     newPosition = newPosition.replace('top', 'bottom');
                 }
@@ -35,9 +35,9 @@ function useAbsolutePositioning(props) {
             case 'bottom':
             case 'bottomLeft':
             case 'bottomRight':
-                /// Проверка - выходит ли tooltip за нижний край страницы?
+                // Проверка - выходит ли tooltip за нижний край страницы?
                 // Если да - меняем позицию на top
-                if ((window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY))
+                if (useAutoPositioning && ((window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY)))
                     <= Math.round(componentSize.height + props.gap)) {
                     newStyle.top = parentDimensions.top - componentSize.height;
                     newPosition = newPosition.replace('bottom', 'top');
@@ -51,7 +51,7 @@ function useAbsolutePositioning(props) {
             case 'leftBottom':
                 // Проверка - выходит ли tooltip за левый край страницы?
                 // Если да - меняем позицию на right
-                if (parentDimensions.left <= Math.round(componentSize.width + props.gap)) {
+                if (useAutoPositioning && (parentDimensions.left <= Math.round(componentSize.width + props.gap))) {
                     newStyle.left = parentDimensions.right;
                     newPosition = newPosition.replace('left', 'right');
                 }
@@ -64,7 +64,7 @@ function useAbsolutePositioning(props) {
             case 'rightBottom':
                 // Проверка - выходит ли tooltip за правый край страницы?
                 // Если да - меняем позицию на left
-                if (document.body.clientWidth - parentDimensions.right <= Math.round(componentSize.width + props.gap)) {
+                if (useAutoPositioning && (document.body.clientWidth - parentDimensions.right <= Math.round(componentSize.width + props.gap))) {
                     newStyle.left = parentDimensions.left - componentSize.width;
                     newPosition = newPosition.replace('right', 'left');
                 }

package/hooks/useApplication.d.ts

@@ -1,29 +1,13 @@
-import * as React from 'react';
-import { PropsWithChildren } from 'react';
-import { IComponents } from './useComponents';
+/// <reference types="react" />
+import ClientStorageComponent from '../components/ClientStorageComponent';
+import HtmlComponent from '../components/HtmlComponent';
+import StoreComponent from '../components/StoreComponent';
+import UiComponent from '../components/UiComponent';
+import MetaComponent from '../components/MetaComponent';
+import { IComponents } from '../providers/ComponentsProvider';
 import { IRouteItem } from '../ui/nav/Router/Router';
-export interface IScreen {
-    width: number;
-    media: Record<string, any>;
-    setMedia: any;
-    isPhone: () => boolean;
-    isTablet: () => boolean;
-    isDesktop: () => boolean;
-    getDeviceType: () => string;
-}
-export declare const ScreenContext: React.Context<IScreen>;
-export interface IScreenProviderProps extends PropsWithChildren<any> {
-    media?: Record<string, any>;
-    skipTimeout?: boolean;
-}
-export declare const SCREEN_PHONE = "phone";
-export declare const SCREEN_TABLET = "tablet";
-export declare const SCREEN_DESKTOP = "desktop";
-declare global {
-    interface Window {
-        SteroidsComponents: IComponents;
-    }
-}
+import MetricsComponent from '../components/MetricsComponent';
+import { IScreenProviderProps } from '../providers/ScreenProvider';
 /**
  * Application HOC
  * Обертка над корневым компонентом приложения, используется только в `Application.tsx`. Добавляет через React Context
@@ -48,5 +32,24 @@ export interface IApplicationHookResult {
     renderApplication: (children?: any) => JSX.Element;
     components: IComponents;
 }
-export declare const ComponentsContext: React.Context<IComponents>;
+export declare const defaultComponents: {
+    clientStorage: {
+        className: typeof ClientStorageComponent;
+    };
+    html: {
+        className: typeof HtmlComponent;
+    };
+    meta: {
+        className: typeof MetaComponent;
+    };
+    store: {
+        className: typeof StoreComponent;
+    };
+    ui: {
+        className: typeof UiComponent;
+    };
+    metrics: {
+        className: typeof MetricsComponent;
+    };
+};
 export default function useApplication(config?: IApplicationHookConfig): IApplicationHookResult;