@steroidsjs/core 3.0.0-beta.6 → 3.0.0-beta.60

package/ui/list/Steps/Steps.js

@@ -6,12 +6,15 @@ function Steps(props) {
     var _a = (0, react_1.useState)(false), isChangeable = _a[0], setIsChangeable = _a[1];
     (0, react_1.useEffect)(function () { return setIsChangeable(props.isChangeable); }, [props.isChangeable]);
     function getStepStatus(index, stepItem) {
-        if (stepItem.isError)
+        if (stepItem.isError) {
             return 'error';
-        if (props.currentStep < index)
+        }
+        if (props.currentStep < index) {
             return 'wait';
-        if (props.currentStep === index)
+        }
+        if (props.currentStep === index) {
             return 'active';
+        }
         return 'finish';
     }
     return (0, hooks_1.useComponents)().ui.renderView('list.StepsView', {
@@ -23,8 +26,11 @@ function Steps(props) {
             index: index + 1,
             status: getStepStatus(index, stepItem),
             disabled: !isChangeable,
-            onChange: function () { if (isChangeable)
-                props.onChange(index); }
+            onChange: function () {
+                if (isChangeable) {
+                    props.onChange(index);
+                }
+            }
         }); })
     });
 }

package/ui/modal/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IControlItem } from '../../nav/Controls/Controls';
+import * as React from 'react';
+import { IButtonProps } from 'src/ui/form/Button/Button';
 /**
  * Modal
  * Модальное окно
@@ -14,16 +14,16 @@ export interface IModalProps {
      * Компонент, который отрендерится внутри Modal
      * @example () => <InnerModalComponent />
      */
-    component?: () => JSX.Element;
+    component?: (props: React.ComponentProps<any>) => JSX.Element;
     /**
      * Свойства для внутреннего компонента
      */
     componentProps?: any;
     /**
-     * Коллекция контролов, которая отобразится в Modal
+     * Коллекция кнопок, которая отобразится в нижней секции Modal
      * @example [{label: __(('Закрыть')), onClick: () => props.onClose()}]
      */
-    controls?: IControlItem[];
+    buttons?: IButtonProps[];
     /**
      * Время, в течение которого будет происходить анимация закрытия Modal.
      * Переопределяет отрезок времени, заданный в ModalPortal

package/ui/modal/Modal/Modal.js

@@ -49,7 +49,7 @@ function Modal(props) {
     return (React.createElement(ModalView, __assign({}, props), (ContentComponent && (React.createElement(ContentComponent, __assign({}, props, props.componentProps)))) || (props.children)));
 }
 Modal.defaultProps = {
-    size: 'middle',
+    size: 'md',
     shouldCloseOnEsc: true,
     shouldCloseOnOverlayClick: true
 };

package/ui/modal/ModalPortal/ModalPortal.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="react" />
+/**
+ * Компонент ModalPortal отвечает за отображение модальных окон.
+ **/
 export interface IModalPortalProps {
     /**
      * Время, через которое произойдет закрытие Modal

package/ui/modal/TwoFactorModal/TwoFactorModal.d.ts

@@ -1,7 +1,12 @@
 /// <reference types="react" />
-interface ITwoFactorModalProps {
-    view?: any;
+interface ITwoFactorModalProps extends IUiComponent {
+    /**
+    * Имя провайдера
+    */
     providerName: string;
+    /**
+    * Функция, которая вызывается при закрытии модального окна
+    */
     onClose?: any;
 }
 interface ITwoFactorModalPrivateProps extends ITwoFactorModalProps {
@@ -13,6 +18,9 @@ interface ITwoFactorModalPrivateProps extends ITwoFactorModalProps {
         isConfirmed: string;
     };
 }
+/**
+ * Компонент TwoFactorModal отображает модальное окно для двухфакторной аутентификации.
+ **/
 export interface ITwoFactorModalViewProps extends ITwoFactorModalPrivateProps {
     description?: string;
     formProps?: any;

package/ui/nav/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 import { IRouteItem } from '../Router/Router';
 /**
- * Breadcrumbs
- * Хлебные крошки
- */
+ * Компонент Breadcrumbs отображает хлебные крошки.
+ **/
 export interface IBreadcrumbsProps {
     /**
      * Кастомный CSS-класс
@@ -27,6 +26,15 @@ export interface IBreadcrumbsProps {
      * @example 'Каталог'
      */
     pageTitle?: string;
+    /**
+     * Показать иконку заменяющую первый роут
+     * @example true
+     */
+    showIcon?: boolean;
+    /**
+     * Кастомная иконка, заменяющая первый роут
+     */
+    customIcon?: string | React.ReactElement;
     /**
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView

package/ui/nav/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import { IButtonProps } from 'src/ui/form/Button/Button';
+import { DataProviderItems } from '../../../hooks/useDataProvider';
+/**
+ * Компонент ButtonGroup отображает группу кнопок.
+ **/
+export interface IButtonGroupProps extends IUiComponent {
+    /**
+     * Элементы для группы кнопок
+     * @example ['button1', 'button2', 'button3']
+     */
+    items: DataProviderItems;
+    /**
+     * Функция, которая будет вызываться при клике по кнопке
+     * @example setActiveTab
+     */
+    onClick: (value: number | string | boolean) => void;
+    /**
+     * При указании в связке с onClick предоставляет возможность реализовать two-way binding
+     * @example 'button1'
+     */
+    activeButton?: number | string;
+    /**
+    * Кнопка по умолчанию.
+    */
+    defaultActiveButton?: number | string;
+    /**
+     * Общие свойства для всех кнопок группы
+     * @example {outline: true, color: 'secondary'}
+     */
+    buttonProps?: IButtonProps;
+}
+export interface IButtonGroupViewProps extends Omit<IButtonGroupProps, 'items'> {
+    items: {
+        id: number | string | boolean;
+        label?: string;
+        [key: string]: unknown;
+    }[];
+    size: Size;
+}
+declare function ButtonGroup(props: IButtonGroupProps): JSX.Element;
+export default ButtonGroup;

package/ui/nav/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var react_1 = __importStar(require("react"));
+var hooks_1 = require("../../../hooks");
+var useDataProvider_1 = __importDefault(require("../../../hooks/useDataProvider"));
+var DEFAULT_BUTTON_GROUP_SIZE = 'md';
+function ButtonGroup(props) {
+    var _a, _b;
+    var components = (0, hooks_1.useComponents)();
+    var items = (0, useDataProvider_1["default"])({
+        items: props.items
+    }).items;
+    var _c = (0, react_1.useState)(props.activeButton || props.defaultActiveButton || ((_a = items[0]) === null || _a === void 0 ? void 0 : _a.id)), activeButton = _c[0], setActiveButton = _c[1];
+    react_1["default"].useEffect(function () {
+        if (props.activeButton) {
+            setActiveButton(props.activeButton);
+        }
+    }, [props.activeButton]);
+    var onClick = function (buttonId) {
+        setActiveButton(buttonId);
+        props.onClick(buttonId);
+    };
+    return components.ui.renderView(props.view || 'nav.ButtonGroupView', {
+        className: props.className,
+        style: props.style,
+        buttonProps: props.buttonProps,
+        size: ((_b = props.buttonProps) === null || _b === void 0 ? void 0 : _b.size) || DEFAULT_BUTTON_GROUP_SIZE,
+        activeButton: activeButton,
+        items: items,
+        onClick: onClick
+    });
+}
+exports["default"] = ButtonGroup;

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

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

package/ui/nav/ButtonGroup/index.js

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

package/ui/nav/Controls/Controls.d.ts

@@ -39,16 +39,16 @@ export interface IControlsProps {
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
      */
-    view?: any;
+    view?: CustomView;
     /**
      * Дополнительный CSS-класс для элемента отображения
      * @example MyCustomView
      */
-    className?: string;
+    className?: CssClassName;
     [key: string]: any;
 }
 export interface IControlsViewProps extends IControlsProps {
-    className?: string;
+    className?: CssClassName;
     items: (IControlItem & {
         icon?: string;
         label?: string | any;

package/ui/nav/Controls/Controls.js

@@ -11,18 +11,19 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 exports.__esModule = true;
+/* eslint-disable react-hooks/exhaustive-deps */
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 function Controls(props) {
     var defaultItems = {
-        index: {
-            icon: 'back',
+        back: {
+            icon: 'left_12x12',
             label: __('К списку'),
             color: 'secondary',
             outline: true
         },
         create: {
-            icon: 'create',
+            icon: 'add_square',
             label: __('Добавить'),
             color: 'success',
             outline: true
@@ -34,13 +35,13 @@ function Controls(props) {
             outline: true
         },
         update: {
-            icon: 'update',
+            icon: 'edit',
             label: __('Редактировать'),
             color: 'secondary',
             outline: true
         },
         "delete": {
-            icon: 'delete',
+            icon: 'cancel_ellips',
             label: __('Удалить'),
             confirm: __('Удалить запись?'),
             color: 'danger',

package/ui/nav/Link/Link.js

@@ -40,6 +40,6 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var Button_1 = __importDefault(require("../../form/Button"));
 function Link(props) {
-    return (React.createElement(Button_1["default"], __assign({ tag: 'a', link: true }, props, { formId: false })));
+    return (React.createElement(Button_1["default"], __assign({ tag: 'a', link: true, color: 'link' }, props, { formId: false })));
 }
 exports["default"] = Link;

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

@@ -28,7 +28,7 @@ export interface INavItem extends IButtonProps {
      * Переопределение view React компонента для кастомизации отображения элемента
      * @example MyCustomView
      */
-    view?: any;
+    view?: CustomView;
     /**
      * Видимость элемента
      * @example true
@@ -74,7 +74,7 @@ export interface INavProps {
      * Переопределение view React компонента для кастомизации отображения элемента
      * @example MyCustomView
      */
-    view?: any;
+    view?: CustomView;
     /**
      * Обработчик, который вызывается при смене активного элемента навигации
      * @param args
@@ -101,6 +101,7 @@ declare function Nav(props: INavProps): JSX.Element;
 declare namespace Nav {
     var defaultProps: {
         layout: string;
+        size: string;
     };
 }
 export default Nav;

package/ui/nav/Nav/Nav.js

@@ -74,7 +74,7 @@ function Nav(props) {
         }
         if ((0, isFunction_1["default"])(activeItem.content) || (0, isObject_1["default"])(activeItem.content)) {
             var ContentComponent = activeItem.content;
-            return React.createElement(ContentComponent, __assign({}, activeItem, activeItem.contentProps));
+            return (React.createElement(ContentComponent, __assign({}, activeItem, activeItem.contentProps)));
         }
         return activeItem.content;
     };
@@ -100,6 +100,7 @@ function Nav(props) {
     return components.ui.renderView(props.view || defaultViewMap[props.layout], __assign(__assign({}, props), { items: items, onClick: onClick, disabled: props.disabled, children: renderContent() }));
 }
 Nav.defaultProps = {
-    layout: 'button'
+    layout: 'button',
+    size: 'md'
 };
 exports["default"] = Nav;

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

@@ -1,7 +1,6 @@
 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";
@@ -86,13 +85,6 @@ export interface IRouteItem {
      * @example ['user', 'admin']
      */
     roles?: Array<string | null>;
-    /**
-     * Обработчик, который возвращает конфигурацию для осуществления HTTP-запроса. Запрос происходит каждый раз
-     * перед рендерингом страницы, чтобы получить для неё все необходимые данные
-     * @param {*} props
-     * @return {Object} Например, {url: '/api/v1/some-data', key: 'someData'}
-     */
-    fetch?: IFetchHocConfigFunc;
     /**
      * Вложенные роуты
      */
@@ -146,8 +138,6 @@ export interface IRouterProps {
      */
     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: {

package/ui/nav/Router/Router.js

@@ -37,93 +37,31 @@ 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;
+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");
+var helpers_1 = require("./helpers");
 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 = (0, isObject_1["default"])(route.items) && !(0, isArray_1["default"])(route.items) ? Object.keys(route.items)[0] : '0';
-        return findRedirectPathRecursive((0, 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 ((0, isArray_1["default"])(item.items)) {
-        items = item.items.map(function (i) { return (0, exports.walkRoutesRecursive)(i, defaultItem, normalizedItem); });
-    }
-    else if ((0, isObject_1["default"])(item.items)) {
-        items = Object.keys(item.items)
-            .map(function (id) { return (0, 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 ((0, isArray_1["default"])(item)) {
-        return item;
-    }
-    if (isRoot && !item.id) {
-        item.id = 'root';
-    }
-    var items = item.path ? [item] : [];
-    if ((0, isArray_1["default"])(item.items)) {
-        item.items.forEach(function (sub) {
-            items = items.concat((0, exports.treeToList)(sub, false));
-        });
-    }
-    else if ((0, isObject_1["default"])(item.items)) {
-        Object.keys(item.items).forEach(function (id) {
-            items = items.concat((0, 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 = (0, 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);
+        var to = (0, helpers_1.findRedirectPathRecursive)(route);
         if (to === null) {
             // eslint-disable-next-line no-console
             console.error('Not found path for redirect in route:', route);
@@ -139,21 +77,18 @@ var renderComponent = function (route, activePath, routeProps) {
         return null;
     }
     var Component = route.component;
-    if (route.fetch) {
-        Component = (0, hoc_1.fetch)(route.fetch)(Component);
-    }
     return (React.createElement(Component, __assign({}, routeProps, route.componentProps)));
 };
 function Router(props) {
     var components = (0, hooks_1.useComponents)();
     var _a = (0, hooks_1.useSelector)(function (state) {
-        var _a, _b;
+        var _a, _b, _c;
         return ({
             isInitialized: (0, router_2.isRouterInitialized)(state),
             pathname: (0, get_1["default"])(state, 'router.location.pathname'),
             route: (0, 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,
+            routeParams: (_a = state.router.match) === null || _a === void 0 ? void 0 : _a.params,
+            activePath: (_c = (_b = state.router) === null || _b === void 0 ? void 0 : _b.location) === null || _c === void 0 ? void 0 : _c.pathname,
             activeRouteIds: (0, router_2.getActiveRouteIds)(state)
         });
     }), isInitialized = _a.isInitialized, pathname = _a.pathname, route = _a.route, routeParams = _a.routeParams, activePath = _a.activePath, activeRouteIds = _a.activeRouteIds;
@@ -162,7 +97,7 @@ function Router(props) {
     var dispatch = (0, useDispatch_1["default"])();
     (0, react_use_1.useEffectOnce)(function () {
         if (props.routes) {
-            dispatch((0, router_1.initRoutes)((0, exports.walkRoutesRecursive)(__assign({ id: 'root' }, props.routes), props.defaultRoles ? { roles: props.defaultRoles } : undefined)));
+            dispatch((0, router_1.initRoutes)((0, helpers_1.walkRoutesRecursive)(__assign({ id: 'root' }, props.routes), props.defaultRoles ? { roles: props.defaultRoles } : undefined)));
         }
     });
     // Sync route params with redux
@@ -173,7 +108,7 @@ function Router(props) {
         }
     }, [dispatch, prevRouteParams, routeParams]);
     // Routes state
-    var _b = (0, react_1.useState)((0, exports.treeToList)(props.routes)), routes = _b[0], setRoutes = _b[1];
+    var _b = (0, react_1.useState)((0, helpers_1.treeToList)(props.routes)), routes = _b[0], setRoutes = _b[1];
     (0, react_use_1.useUpdateEffect)(function () {
         setRoutes(props.routes);
     }, [props.routes]);
@@ -217,10 +152,7 @@ function Router(props) {
                 return activeRoute && activeRoute.role !== exports.ROUTER_ROLE_MODAL;
             });
             if (parentRouteId) {
-                // TODO route params?..
-                //TODO remove //@ts-ignore
-                //@ts-ignore
-                dispatch((0, router_1.goToRoute)(parentRouteId));
+                dispatch((0, router_1.goToRoute)(parentRouteId, routeParams));
             }
         }
     });

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

@@ -0,0 +1,4 @@
+import { IRouteItem } from './Router';
+export declare const findRedirectPathRecursive: (route: IRouteItem) => any;
+export declare const walkRoutesRecursive: (item: IRouteItem | Record<string, any>, defaultItem?: any, parentItem?: any) => any;
+export declare const treeToList: (item: IRouteItem | Record<string, any>, isRoot?: boolean) => Record<string, any>;

package/ui/nav/Router/helpers.js

@@ -0,0 +1,81 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.treeToList = exports.walkRoutesRecursive = exports.findRedirectPathRecursive = void 0;
+var get_1 = __importDefault(require("lodash-es/get"));
+var isArray_1 = __importDefault(require("lodash-es/isArray"));
+var isObject_1 = __importDefault(require("lodash-es/isObject"));
+var findRedirectPathRecursive = function (route) {
+    if (!route) {
+        return null;
+    }
+    if (typeof route.redirectTo === 'boolean') {
+        var key = (0, isObject_1["default"])(route.items) && !(0, isArray_1["default"])(route.items) ? Object.keys(route.items)[0] : '0';
+        return (0, exports.findRedirectPathRecursive)((0, get_1["default"])(route, ['items', key]));
+    }
+    if (typeof route.redirectTo === 'string') {
+        return route.redirectTo;
+    }
+    return route.path || route.path === ''
+        ? route.path
+        : null;
+};
+exports.findRedirectPathRecursive = findRedirectPathRecursive;
+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 ((0, isArray_1["default"])(item.items)) {
+        items = item.items.map(function (subItem) { return (0, exports.walkRoutesRecursive)(subItem, defaultItem, normalizedItem); });
+    }
+    else if ((0, isObject_1["default"])(item.items)) {
+        items = Object.keys(item.items)
+            .map(function (id) { return (0, 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 ((0, isArray_1["default"])(item)) {
+        return item;
+    }
+    if (isRoot && !item.id) {
+        item.id = 'root';
+    }
+    var items = item.path ? [item] : [];
+    if ((0, isArray_1["default"])(item.items)) {
+        item.items.forEach(function (subItem) {
+            items = items.concat((0, exports.treeToList)(subItem, false));
+        });
+    }
+    else if ((0, isObject_1["default"])(item.items)) {
+        Object.keys(item.items).forEach(function (id) {
+            items = items.concat((0, exports.treeToList)(__assign(__assign({}, item.items[id]), { id: id }), false));
+        });
+    }
+    return items;
+};
+exports.treeToList = treeToList;

package/ui/nav/Tree/Tree.d.ts

@@ -55,7 +55,7 @@ export interface ITreeProps {
      * Переопределение view React компонента для кастомизации отображения элемента
      * @example MyCustomView
      */
-    view?: any;
+    view?: CustomView;
     /**
      * Максимальный уровень вложенности, до которого все узлы будут отображаться в развёрнутом виде
      * @example 1
@@ -86,7 +86,7 @@ export interface ITreeViewProps extends ITreeProps {
     })[];
     levelPadding?: number;
 }
-declare function Tree(props: ITreeProps): any;
+declare function Tree(props: ITreeProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 declare namespace Tree {
     var defaultProps: {
         itemsKey: string;