@steroidsjs/core 2.2.74 → 2.2.75

package/ui/nav/Nav/demo/basic.js

@@ -1,54 +0,0 @@
-"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]; } });
-}) : (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;
-exports.items = void 0;
-var React = __importStar(require("react"));
-var Nav_1 = __importDefault(require("../Nav"));
-exports.items = [
-    {
-        id: 'one',
-        label: 'One',
-        content: function () { return (React.createElement("div", { className: 'card' },
-            React.createElement("div", { className: 'card-body' }, "One"))); }
-    },
-    {
-        id: 'two',
-        label: 'Two',
-        content: function () { return (React.createElement("div", { className: 'card' },
-            React.createElement("div", { className: 'card-body' }, "Two"))); }
-    },
-    {
-        id: 'three',
-        label: 'Three',
-        content: function () { return (React.createElement("div", { className: 'card' },
-            React.createElement("div", { className: 'card-body' }, "Three"))); }
-    },
-];
-/**
- * Basic
- * @order 1
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Nav_1["default"], { items: exports.items }))); });

package/ui/nav/Nav/demo/layout.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-/**
- * Nav with different layouts
- * @order 2
- * @col 12
- */
-export default _default;

package/ui/nav/Nav/demo/layout.js

@@ -1,52 +0,0 @@
-"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 startCase_1 = __importDefault(require("lodash-es/startCase"));
-var basic_1 = require("../../../nav/Nav/demo/basic");
-var Nav_1 = __importDefault(require("../Nav"));
-var layouts = ['button', 'icon', 'link', 'tabs', 'navbar', 'list'];
-var icons = ['coffee', 'shopping-basket', 'hospital'];
-/**
- * Nav with different layouts
- * @order 2
- * @col 12
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement("div", { className: 'row' }, layouts.map(function (layout) { return (React.createElement("div", { className: 'col-8 mb-5', key: layout },
-        React.createElement("h6", null, startCase_1["default"](layout)),
-        React.createElement(Nav_1["default"], { items: layout === 'icon'
-                ? basic_1.items.map(function (item, index) { return (__assign(__assign({}, item), { icon: icons[index] })); })
-                : basic_1.items, layout: layout }))); })))); });

package/ui/nav/Nav/index.d.ts

@@ -1,2 +0,0 @@
-import Nav from './Nav';
-export default Nav;

package/ui/nav/Nav/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var Nav_1 = __importDefault(require("./Nav"));
-exports["default"] = Nav_1["default"];

package/ui/nav/Router/ConnectedRouter.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-interface IConnectedRouterProps {
-    store?: any;
-    history?: any;
-}
-export default class ConnectedRouter extends React.PureComponent<IConnectedRouterProps> {
-    inTimeTravelling?: any;
-    unsubscribe?: any;
-    unlisten?: any;
-    constructor(props: any);
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-}
-export {};

package/ui/nav/Router/ConnectedRouter.js

@@ -1,103 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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_router_1 = require("react-router");
-var isEqualWith_1 = __importDefault(require("lodash-es/isEqualWith"));
-var actions_1 = require("connected-react-router/lib/actions");
-var selectors_1 = __importDefault(require("connected-react-router/lib/selectors"));
-var plain_1 = __importDefault(require("connected-react-router/lib/structure/plain"));
-var ConnectedRouter = /** @class */ (function (_super) {
-    __extends(ConnectedRouter, _super);
-    function ConnectedRouter(props) {
-        var _this = _super.call(this, props) || this;
-        var store = props.store, history = props.history, stateCompareFunction = props.stateCompareFunction;
-        _this.inTimeTravelling = false;
-        // Subscribe to store changes to check if we are in time travelling
-        _this.unsubscribe = store.subscribe(function () {
-            // Extract store's location
-            var _a = selectors_1["default"](plain_1["default"]).getLocation(store.getState()), pathnameInStore = _a.pathname, searchInStore = _a.search, hashInStore = _a.hash, stateInStore = _a.state;
-            // Extract history's location
-            var _b = history.location, pathnameInHistory = _b.pathname, searchInHistory = _b.search, hashInHistory = _b.hash, stateInHistory = _b.state;
-            // If we do time travelling, the location in store is changed but location in history is not changed
-            if (props.history.action === 'PUSH'
-                && (pathnameInHistory !== pathnameInStore
-                    || searchInHistory !== searchInStore
-                    || hashInHistory !== hashInStore
-                    || !isEqualWith_1["default"](stateInStore, stateInHistory, stateCompareFunction))) {
-                _this.inTimeTravelling = true;
-                // Update history's location to match store's location
-                history.push({
-                    pathname: pathnameInStore,
-                    search: searchInStore,
-                    hash: hashInStore,
-                    state: stateInStore
-                });
-            }
-        });
-        var handleLocationChange = function (location, action, isFirstRendering) {
-            if (isFirstRendering === void 0) { isFirstRendering = false; }
-            // Dispatch onLocationChanged except when we're in time travelling
-            if (!_this.inTimeTravelling) {
-                _this.props.store.dispatch(actions_1.onLocationChanged(location, action, isFirstRendering));
-            }
-            else {
-                _this.inTimeTravelling = false;
-            }
-        };
-        // Listen to history changes
-        _this.unlisten = history.listen(handleLocationChange);
-        if (!props.noInitialPop) {
-            // Dispatch a location change action for the initial location.
-            // This makes it backward-compatible with react-router-redux.
-            // But, we add `isFirstRendering` to `true` to prevent double-rendering.
-            handleLocationChange(history.location, history.action, true);
-        }
-        return _this;
-    }
-    ConnectedRouter.prototype.componentWillUnmount = function () {
-        this.unlisten();
-        this.unsubscribe();
-    };
-    ConnectedRouter.prototype.render = function () {
-        return (React.createElement(react_router_1.Router, { history: this.props.history }, this.props.children));
-    };
-    return ConnectedRouter;
-}(React.PureComponent));
-exports["default"] = ConnectedRouter;

package/ui/nav/Router/Router.d.ts

@@ -1,157 +0,0 @@
-import * as React from 'react';
-import { IFetchConfig } from '../../../hooks/useFetch';
-import { IListProps } from '../../list/List/List';
-import { IFetchHocConfigFunc } from '../../../hoc/fetch';
-export declare const ROUTER_ROLE_LOGIN = "login";
-export declare const ROUTER_ROLE_MODAL = "modal";
-export declare const ROUTER_ROLE_404 = "404";
-/**
- * Router
- * Маршрутизатор.
- * Компонент получает общий для приложения шаблон и дерево роутов. Из дерева роутов посредством React Router
- * образуется switch-конструкция, которая в зависимости от текущего пути рендерит соответствующий компонент страницы.
- * Или осуществляет редирект на другую страницу. Все страницы оборачиваются в переданный шаблон.
- */
-export interface IRouteItem {
-    /**
-     * Идентификатор роута
-     * @example 'catalog'
-     */
-    id?: string;
-    /**
-     * Текст, который отобразится на кнопке навигации для данного роута
-     * @example 'Каталог'
-     */
-    label?: string;
-    /**
-     * Заголовок страницы
-     * @example 'Каталог'
-     */
-    title?: string;
-    /**
-     * Путь до роута
-     * @example '/catalog'
-     */
-    path?: string;
-    /**
-     * Если true, то путь должен точно соответствовать location.pathname
-     * @example '/catalog'
-     */
-    exact?: boolean;
-    /**
-     * В свойстве можно передать как путь, на который осуществится редирект, так и булево значение.
-     * Если свойство равно true - то редирект произойдет на первый из вложенных роутов.
-     * @example true
-     */
-    redirectTo?: boolean | string;
-    /**
-     * Компонент страницы, который отобразится, если путь будет соответствовать location.pathname
-     * @example CatalogPage
-     */
-    component?: any;
-    /**
-     * Свойства для компонента страницы
-     */
-    componentProps?: any;
-    /**
-     * Тип шаблона для данного роута
-     * @example 'dark'
-     */
-    layout?: string;
-    /**
-     * Отображать или показывать роут
-     * @example true
-     */
-    isVisible?: boolean;
-    /**
-     * Отображать ссылку или кнопку в навигации для перехода на данный роут
-     * @example false
-     */
-    isNavVisible?: boolean;
-    /**
-     * Название или список с названиями моделей, полученных с бэкенда
-     */
-    models?: string | string[];
-    /**
-     * Название или список с названиями перечислений, полученных с бэкенда
-     */
-    enums?: string | string[];
-    /**
-     * Назначение страницы, указывается, чтобы приложение автоматически могло найти страницу авторизации или 404-ю..
-     * @example 'login'
-     */
-    role?: 'login' | 'modal' | '404' | string;
-    /**
-     * Список с ролями, который показывает, кому из пользователей будет доступен просмотр страницы
-     * @example ['user', 'admin']
-     */
-    roles?: string[];
-    /**
-     * Обработчик, который возвращает конфигурацию для осуществления HTTP-запроса. Запрос происходит каждый раз
-     * перед рендерингом страницы, чтобы получить для неё все необходимые данные
-     * @param {*} props
-     * @return {Object} Например, {url: '/api/v1/some-data', key: 'someData'}
-     */
-    fetch?: IFetchHocConfigFunc;
-    /**
-     * Вложенные роуты
-     */
-    items?: IRouteItem[] | {
-        [key: string]: IRouteItem;
-    };
-    /**
-     * Обработчик, который принимает параметры URL и возвращает массив с пропсами для хука useFetch и компонента
-     * List.
-     * Функция запускается перед рендерингом приложения в режиме SSR и используется для предварительной
-     * загрузки данных, необходимых на текущей странице.
-     * Хук useFetch и компонент List не будут повторно инициализироваться и делать запросы на клиенте,
-     * если подгруженные данные существуют.
-     * @param {Object} match
-     * @return {Array} Например, [{url: '/api/v1/some-data'}, {listId: 'someList', action: '/api/v1/some-list'}]
-     */
-    preloadData?: (match: Record<string, any>) => (IFetchConfig | IListProps)[];
-    [key: string]: any;
-}
-export interface IRouterProps {
-    /**
-     * Общий шаблон, который оборачивает страницы приложения
-     * @example Layout
-     */
-    wrapperView?: any;
-    /**
-     * Свойства шаблона
-     */
-    wrapperProps?: any;
-    /**
-     * Дерево роутов
-     * @example {id: 'root', path: '/', component: IndexPage, items: [...]}
-     */
-    routes?: IRouteItem[] | {
-        [key: string]: IRouteItem;
-    };
-    /**
-     * Если у роута не задано свойство roles, которое определяет, кому из пользователей будет доступен контент
-     * на соответствующей странице, то подставится стандартный список с ролями
-     * @example [null, 'user', 'admin']
-     */
-    defaultRoles?: string[];
-    /**
-     * Прокрутить страницу к началу при смене url
-     * @example true
-     */
-    autoScrollTop?: boolean;
-    /**
-     * Контент, который отобразится под каждой страницей приложения
-     * @example SomeComponent
-     */
-    children?: React.ReactNode;
-}
-export declare const walkRoutesRecursive: (item: any, defaultItem?: any, parentItem?: any) => any;
-export declare const treeToList: (item: any, isRoot?: boolean) => any;
-declare function Router(props: IRouterProps): JSX.Element;
-declare namespace Router {
-    var defaultProps: {
-        autoScrollTop: boolean;
-    };
-}
-export default Router;

package/ui/nav/Router/Router.js

@@ -1,267 +0,0 @@
-"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;
-exports.treeToList = exports.walkRoutesRecursive = exports.ROUTER_ROLE_404 = exports.ROUTER_ROLE_MODAL = exports.ROUTER_ROLE_LOGIN = void 0;
-var React = __importStar(require("react"));
-var react_router_1 = require("react-router");
-var react_router_dom_1 = require("react-router-dom");
-var connected_react_router_1 = require("connected-react-router");
-var get_1 = __importDefault(require("lodash-es/get"));
-var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
-var isArray_1 = __importDefault(require("lodash-es/isArray"));
-var isObject_1 = __importDefault(require("lodash-es/isObject"));
-var react_1 = require("react");
-var react_use_1 = require("react-use");
-var modal_1 = require("../../../actions/modal");
-var modal_2 = require("../../../reducers/modal");
-var hooks_1 = require("../../../hooks");
-var hoc_1 = require("../../../hoc");
-var router_1 = require("../../../actions/router");
-var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
-var router_2 = require("../../../reducers/router");
-var SsrProvider_1 = require("../../../providers/SsrProvider");
-exports.ROUTER_ROLE_LOGIN = 'login';
-exports.ROUTER_ROLE_MODAL = 'modal';
-exports.ROUTER_ROLE_404 = '404';
-var findRedirectPathRecursive = function (route) {
-    if (!route) {
-        return null;
-    }
-    if (typeof route.redirectTo === 'boolean') {
-        var key = isObject_1["default"](route.items) && !isArray_1["default"](route.items) ? Object.keys(route.items)[0] : '0';
-        return findRedirectPathRecursive(get_1["default"](route, ['items', key]));
-    }
-    if (typeof route.redirectTo === 'string') {
-        return route.redirectTo;
-    }
-    return route.path || route.path === ''
-        ? route.path
-        : null;
-};
-var walkRoutesRecursive = function (item, defaultItem, parentItem) {
-    if (defaultItem === void 0) { defaultItem = {}; }
-    if (parentItem === void 0) { parentItem = {}; }
-    var normalizedItem = __assign(__assign(__assign({}, defaultItem), item), { id: item.id, exact: item.exact, path: item.path && (item.path.indexOf('/') !== 0 && parentItem.path ? parentItem.path + '/' : '') + item.path, label: item.label, title: item.title, isVisible: typeof item.isVisible !== 'undefined'
-            ? item.isVisible
-            : (typeof parentItem.isVisible !== 'undefined'
-                ? parentItem.isVisible
-                : defaultItem.isVisible), isNavVisible: typeof item.isNavVisible !== 'undefined'
-            ? item.isNavVisible
-            : (typeof parentItem.isNavVisible !== 'undefined'
-                ? parentItem.isNavVisible
-                : defaultItem.isNavVisible), layout: item.layout || parentItem.layout || defaultItem.layout || null, roles: item.roles || parentItem.roles || defaultItem.roles || null, component: null, componentProps: null });
-    var items = null;
-    if (isArray_1["default"](item.items)) {
-        items = item.items.map(function (i) { return exports.walkRoutesRecursive(i, defaultItem, normalizedItem); });
-    }
-    else if (isObject_1["default"](item.items)) {
-        items = Object.keys(item.items)
-            .map(function (id) { return exports.walkRoutesRecursive(__assign(__assign({}, item.items[id]), { id: id }), defaultItem, normalizedItem); });
-    }
-    return __assign(__assign({}, normalizedItem), { items: items });
-};
-exports.walkRoutesRecursive = walkRoutesRecursive;
-var treeToList = function (item, isRoot) {
-    if (isRoot === void 0) { isRoot = true; }
-    if (isArray_1["default"](item)) {
-        return item;
-    }
-    if (isRoot && !item.id) {
-        item.id = 'root';
-    }
-    var items = item.path ? [item] : [];
-    if (isArray_1["default"](item.items)) {
-        item.items.forEach(function (sub) {
-            items = items.concat(exports.treeToList(sub, false));
-        });
-    }
-    else if (isObject_1["default"](item.items)) {
-        Object.keys(item.items).forEach(function (id) {
-            items = items.concat(exports.treeToList(__assign(__assign({}, item.items[id]), { id: id }), false));
-        });
-    }
-    return items;
-};
-exports.treeToList = treeToList;
-var renderComponent = function (route, activePath, routeProps) {
-    var _a, _b;
-    var routePath = router_2.buildUrl(route.path, (_a = routeProps === null || routeProps === void 0 ? void 0 : routeProps.match) === null || _a === void 0 ? void 0 : _a.params);
-    if (route.redirectTo && routePath === activePath) {
-        var to = findRedirectPathRecursive(route);
-        if (to === null) {
-            // eslint-disable-next-line no-console
-            console.error('Not found path for redirect in route:', route);
-            return null;
-        }
-        // Check already redirected
-        var toPath = router_2.buildUrl(to, (_b = routeProps === null || routeProps === void 0 ? void 0 : routeProps.match) === null || _b === void 0 ? void 0 : _b.params);
-        if (activePath !== toPath) {
-            return (React.createElement(react_router_1.Redirect, __assign({}, routeProps, { to: toPath }, route.componentProps)));
-        }
-    }
-    if (!route.component) {
-        return null;
-    }
-    var Component = route.component;
-    if (route.fetch) {
-        Component = hoc_1.fetch(route.fetch)(Component);
-    }
-    return (React.createElement(Component, __assign({}, routeProps, route.componentProps)));
-};
-function Router(props) {
-    var components = hooks_1.useComponents();
-    var _a = hooks_1.useSelector(function (state) {
-        var _a, _b;
-        return ({
-            isInitialized: router_2.isRouterInitialized(state),
-            pathname: get_1["default"](state, 'router.location.pathname'),
-            route: router_2.getRoute(state),
-            routeParams: state.router.params,
-            activePath: (_b = (_a = state.router) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.pathname,
-            activeRouteIds: router_2.getActiveRouteIds(state)
-        });
-    }), isInitialized = _a.isInitialized, pathname = _a.pathname, route = _a.route, routeParams = _a.routeParams, activePath = _a.activePath, activeRouteIds = _a.activeRouteIds;
-    var routeId = (route === null || route === void 0 ? void 0 : route.id) || null;
-    // Init routes in redux
-    var dispatch = useDispatch_1["default"]();
-    react_use_1.useEffectOnce(function () {
-        if (props.routes) {
-            dispatch(router_1.initRoutes(exports.walkRoutesRecursive(__assign({ id: 'root' }, props.routes), props.defaultRoles ? { roles: props.defaultRoles } : undefined)));
-        }
-    });
-    // Sync route params with redux
-    var prevRouteParams = react_use_1.usePrevious(routeParams);
-    react_1.useEffect(function () {
-        if (!isEqual_1["default"](prevRouteParams, routeParams)) {
-            dispatch(router_1.initParams(routeParams));
-        }
-    }, [dispatch, prevRouteParams, routeParams]);
-    // Routes state
-    var _b = react_1.useState(exports.treeToList(props.routes)), routes = _b[0], setRoutes = _b[1];
-    react_use_1.useUpdateEffect(function () {
-        setRoutes(props.routes);
-    }, [props.routes]);
-    // Fix end slash on switch to base route
-    react_use_1.useUpdateEffect(function () {
-        if (window.history && pathname === '/' && window.location.pathname.match(/\/$/)) {
-            window.history.replaceState({}, '', components.store.history.basename);
-        }
-    }, [components.store.history.basename, pathname]);
-    // Auto scroll to top
-    react_use_1.useUpdateEffect(function () {
-        if (props.autoScrollTop && routeId) {
-            window.scrollTo(0, 0);
-        }
-    }, [props.autoScrollTop, routeId]);
-    // Check to open/close modals
-    var prevRoute = react_use_1.usePrevious(route);
-    react_use_1.useUpdateEffect(function () {
-        var _a;
-        if ((prevRoute === null || prevRoute === void 0 ? void 0 : prevRoute.id) !== (route === null || route === void 0 ? void 0 : route.id)) {
-            if (prevRoute && prevRoute.role === exports.ROUTER_ROLE_MODAL) {
-                dispatch(modal_1.closeModal(prevRoute.id));
-            }
-            if (route && route.role === exports.ROUTER_ROLE_MODAL) {
-                var Component = (_a = routes.find(function (item) { return item.id === route.id; })) === null || _a === void 0 ? void 0 : _a.component;
-                if (Component) {
-                    dispatch(modal_1.openModal(Component, __assign({ modalId: route.id }, routeParams)));
-                }
-            }
-        }
-    }, [dispatch, prevRoute, route, routeParams, routes]);
-    // Check close modal - go to parent page
-    var openedModals = hooks_1.useSelector(function (state) { return modal_2.getOpened(state); });
-    var openedModalIds = react_1.useMemo(function () { return (openedModals || []).map(function (modal) { return modal.id; }); }, [openedModals]);
-    var prevOpenedModalIds = react_use_1.usePrevious(openedModalIds);
-    react_1.useEffect(function () {
-        if (prevOpenedModalIds !== openedModalIds && route && !openedModalIds.includes(route.id)
-            && route.role === exports.ROUTER_ROLE_MODAL) {
-            var parentRouteId = activeRouteIds.find(function (activeRouteId) {
-                var activeRoute = routes.find(function (routeItem) { return routeItem.id === activeRouteId; });
-                return activeRoute && activeRoute.role !== exports.ROUTER_ROLE_MODAL;
-            });
-            if (parentRouteId) {
-                // TODO route params?..
-                dispatch(router_1.goToRoute(parentRouteId));
-            }
-        }
-    });
-    var renderItem = function (routeItem, routeProps) {
-        var children = null;
-        activeRouteIds.find(function (activeRouteId) {
-            if (activeRouteId === routeItem.id) {
-                // Stop
-                return true;
-            }
-            var activeRoute = routes.find(function (r) { return r.id === activeRouteId; });
-            children = renderComponent(activeRoute, activePath, __assign(__assign({}, routeProps), { children: children })) || children;
-            // Stop, if route is exact
-            if (activeRoute.exact) {
-                return true;
-            }
-            return false;
-        });
-        var result = renderComponent(routeItem, activePath, __assign(__assign({}, routeProps), { children: children }));
-        if (!result) {
-            // eslint-disable-next-line no-console
-            console.error('Not found component for route:', routeItem);
-        }
-        return result;
-    };
-    var renderContent = function () {
-        var WrapperComponent = props.wrapperView;
-        var routeNodes = (React.createElement(react_router_1.Switch, null,
-            routes.map(function (routeItem, index) { return (React.createElement(react_router_1.Route, __assign({ key: index, render: function (routeProps) { return renderItem(routeItem, routeProps); } }, routeItem, { component: null }))); }),
-            props.children));
-        if (WrapperComponent) {
-            return (React.createElement(WrapperComponent, __assign({}, props.wrapperProps), routeNodes));
-        }
-        return routeNodes;
-    };
-    if (!isInitialized) {
-        return null;
-    }
-    if (process.env.IS_SSR) {
-        return (React.createElement(SsrProvider_1.SsrProviderContext.Consumer, null, function (context) { return (React.createElement(react_router_1.StaticRouter, { location: components.store.history.location, context: context.staticContext }, renderContent())); }));
-    }
-    if (window.location.protocol === 'file:') {
-        return (React.createElement(react_router_dom_1.HashRouter, null, renderContent()));
-    }
-    return (React.createElement(connected_react_router_1.ConnectedRouter, { history: components.store.history }, renderContent()));
-}
-Router.defaultProps = {
-    autoScrollTop: true
-};
-exports["default"] = Router;