@steroidsjs/core 3.0.0-beta.98 → 3.0.0

package/hooks/useList.js

@@ -37,19 +37,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.prepareItemsToTree = exports.createInitialValues = exports.getDefaultSearchModel = exports.normalizeSortProps = exports.defaultConfig = void 0;
-var react_1 = require("react");
+exports.createInitialValues = exports.getDefaultSearchModel = exports.normalizeSortProps = exports.defaultConfig = void 0;
+/* eslint-disable @typescript-eslint/no-use-before-define */
+var react_1 = __importStar(require("react"));
 var get_1 = __importDefault(require("lodash-es/get"));
 var union_1 = __importDefault(require("lodash-es/union"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
-var React = __importStar(require("react"));
 var react_use_1 = require("react-use");
-var list_1 = require("../utils/list");
-var useSelector_1 = __importDefault(require("../hooks/useSelector"));
-var list_2 = require("../reducers/list");
+var useSelector_1 = __importDefault(require("./useSelector"));
+var list_1 = require("../reducers/list");
 var useModel_1 = __importDefault(require("../hooks/useModel"));
 var useAddressBar_1 = __importDefault(require("../hooks/useAddressBar"));
-var list_3 = require("../actions/list");
+var list_2 = require("../actions/list");
 var useDispatch_1 = __importDefault(require("../hooks/useDispatch"));
 var form_1 = require("../actions/form");
 var form_2 = require("../reducers/form");
@@ -105,27 +104,6 @@ var createInitialValues = function (_a) {
     return (__assign(__assign((_b = {}, _b[paginationProps.attribute] = paginationProps.defaultValue, _b[paginationSizeProps.attribute] = paginationSizeProps.defaultValue, _b[sort.attribute] = sort.defaultValue, _b[layoutNamesProps.attribute] = layoutNamesProps.defaultValue, _b), initialQuery), configQuery));
 };
 exports.createInitialValues = createInitialValues;
-var TOP_TREE_LEVEL_VALUE = 0;
-var prepareItemsToTree = function (sourceItems, openedTreeItems, currentPage, itemsOnPage, onTreeItemClick, parentId, currentLevel) {
-    if (parentId === void 0) { parentId = ''; }
-    if (currentLevel === void 0) { currentLevel = TOP_TREE_LEVEL_VALUE; }
-    var treeItems = [];
-    if (currentPage && itemsOnPage && currentLevel === TOP_TREE_LEVEL_VALUE) {
-        var startIndex = (currentPage - 1) * itemsOnPage;
-        sourceItems = sourceItems.slice(startIndex, startIndex + itemsOnPage);
-    }
-    (sourceItems || []).forEach(function (item, index) {
-        var uniqueId = (0, list_1.getTreeItemUniqId)(item, index, parentId);
-        var isOpened = !!openedTreeItems[uniqueId];
-        var hasItems = !!(item.items && item.items.length > 0);
-        treeItems.push(__assign(__assign({}, item), { uniqueId: uniqueId, level: currentLevel, isOpened: isOpened, hasItems: hasItems, onTreeItemClick: onTreeItemClick }));
-        if (isOpened) {
-            treeItems = treeItems.concat((0, exports.prepareItemsToTree)(item.items, openedTreeItems, currentPage, itemsOnPage, onTreeItemClick, uniqueId, currentLevel + 1)).filter(Boolean);
-        }
-    });
-    return treeItems;
-};
-exports.prepareItemsToTree = prepareItemsToTree;
 /**
  * useList
  * Добавляет массу возможностей для взаимодействия с коллекциями. Коллекции можно получать как с бекенда,
@@ -135,18 +113,7 @@ exports.prepareItemsToTree = prepareItemsToTree;
 function useList(config) {
     var _a, _b;
     // Get list from redux state
-    var list = (0, useSelector_1["default"])(function (state) { return (0, list_2.getList)(state, config.listId); });
-    var _c = (0, react_1.useState)({}), openedTreeItems = _c[0], setOpenedTreeItems = _c[1];
-    var onTreeItemClick = (0, react_1.useCallback)(function (uniqueId, item) {
-        var _a;
-        if (((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            setOpenedTreeItems(function (prevItems) {
-                var _a;
-                return (__assign(__assign({}, prevItems), (_a = {}, _a[uniqueId] = !prevItems[uniqueId], _a)));
-            });
-        }
-    }, []);
-    var getTreeItems = (0, react_1.useCallback)(function (sourceItems) { return (0, exports.prepareItemsToTree)(sourceItems, openedTreeItems, list === null || list === void 0 ? void 0 : list.page, list === null || list === void 0 ? void 0 : list.pageSize, onTreeItemClick); }, [onTreeItemClick, openedTreeItems, list]);
+    var list = (0, useSelector_1["default"])(function (state) { return (0, list_1.getList)(state, config.listId); });
     // Normalize sort config
     var sort = (0, exports.normalizeSortProps)(config.sort);
     // Empty
@@ -157,24 +124,24 @@ function useList(config) {
         if (!emptyProps.enable || (list === null || list === void 0 ? void 0 : list.isLoading) || ((_a = list === null || list === void 0 ? void 0 : list.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             return null;
         }
-        return (React.createElement(Empty, __assign({ list: list }, emptyProps)));
+        return (react_1["default"].createElement(Empty, __assign({ list: list }, emptyProps)));
     };
     // Pagination size
     var PaginationSize = require('../ui/list/PaginationSize')["default"];
     var paginationSizeProps = (0, PaginationSize_1.normalizePaginationSizeProps)(config.paginationSize);
     var renderPaginationSize = function () { return paginationSizeProps.enable
-        ? (React.createElement(PaginationSize, __assign({ list: list }, paginationSizeProps)))
+        ? (react_1["default"].createElement(PaginationSize, __assign({ list: list }, paginationSizeProps)))
         : null; };
     // Pagination
     var Pagination = require('../ui/list/Pagination')["default"];
     var paginationProps = (0, Pagination_1.normalizePaginationProps)(config.pagination);
     var renderPagination = function () { return paginationProps.enable
-        ? (React.createElement(Pagination, __assign({ list: list }, paginationProps, { sizeAttribute: paginationSizeProps.attribute })))
+        ? (react_1["default"].createElement(Pagination, __assign({ list: list }, paginationProps, { sizeAttribute: paginationSizeProps.attribute })))
         : null; };
     // Layout switcher
     var LayoutNames = require('../ui/list/LayoutNames')["default"];
     var layoutNamesProps = (0, LayoutNames_1.normalizeLayoutNamesProps)(config.layout);
-    var renderLayoutNames = function () { return (React.createElement(LayoutNames, __assign({ list: list }, layoutNamesProps))); };
+    var renderLayoutNames = function () { return (react_1["default"].createElement(LayoutNames, __assign({ list: list }, layoutNamesProps))); };
     // Models
     var defaultSearchModel = (0, react_1.useMemo)(function () { return (0, exports.getDefaultSearchModel)({
         paginationProps: paginationProps,
@@ -185,17 +152,23 @@ function useList(config) {
     var model = (0, useModel_1["default"])(config.model);
     var searchModel = (0, useModel_1["default"])(config.searchModel || ((_a = config.searchForm) === null || _a === void 0 ? void 0 : _a.model), defaultSearchModel);
     // Address bar synchronization
-    var _d = (0, useAddressBar_1["default"])(__assign({ enable: !!config.addressBar, model: searchModel }, (typeof config.addressBar === 'boolean' ? { enable: config.addressBar } : config.addressBar))), initialQuery = _d.initialQuery, updateQuery = _d.updateQuery;
+    var _c = (0, useAddressBar_1["default"])(__assign({ enable: !!config.addressBar, model: searchModel }, (typeof config.addressBar === 'boolean' ? { enable: config.addressBar } : config.addressBar))), initialQuery = _c.initialQuery, updateQuery = _c.updateQuery;
     // Outside search form
     var searchFormFields = (_b = config.searchForm) === null || _b === void 0 ? void 0 : _b.fields;
     var SearchForm = require('../ui/list/SearchForm')["default"];
     var initialValuesSearchForm = (0, react_1.useMemo)(function () { return (searchFormFields || []).reduce(function (acc, field) {
+        var _a;
         var attribute = typeof field === 'string' ? field : field.attribute;
-        acc[attribute] = initialQuery === null || initialQuery === void 0 ? void 0 : initialQuery[attribute];
+        if ((_a = config.searchForm) === null || _a === void 0 ? void 0 : _a.initialValues) {
+            acc[attribute] = config.searchForm.initialValues[attribute];
+        }
+        else {
+            acc[attribute] = initialQuery === null || initialQuery === void 0 ? void 0 : initialQuery[attribute];
+        }
         return acc;
-    }, {}); }, [searchFormFields, initialQuery]);
+    }, {}); }, [searchFormFields, config.searchForm, initialQuery]);
     var searchFormProps = __assign(__assign({ listId: config.listId }, config.searchForm), { model: searchModel, initialValues: initialValuesSearchForm });
-    var renderSearchForm = function () { return React.createElement(SearchForm, __assign({}, searchFormProps)); };
+    var renderSearchForm = function () { return react_1["default"].createElement(SearchForm, __assign({}, searchFormProps)); };
     // Form id
     var formId = (0, get_1["default"])(config, 'searchForm.formId') || config.listId;
     var dispatch = (0, useDispatch_1["default"])();
@@ -211,14 +184,13 @@ function useList(config) {
     var initialValues = (0, useInitial_1["default"])(function () { return _initialValues; });
     var renderList = (0, react_1.useCallback)(function (children) {
         var Form = require('../ui/form/Form')["default"];
-        return (React.createElement(Form, { formId: formId, initialValues: initialValues, view: false, useRedux: true }, children));
+        return (react_1["default"].createElement(Form, { formId: formId, initialValues: initialValues, view: false, useRedux: true }, children));
     }, [formId, initialValues]);
     // Init list in redux store
     (0, react_use_1.useMount)(function () {
         if (!list) {
-            var items = config.hasTreeItems ? getTreeItems(config.items) : config.items;
             var toDispatch = [
-                (0, list_3.listInit)(config.listId, {
+                (0, list_2.listInit)(config.listId, {
                     listId: config.listId,
                     action: config.action || config.action === '' ? config.action : null,
                     actionMethod: config.actionMethod || exports.defaultConfig.actionMethod,
@@ -227,7 +199,7 @@ function useList(config) {
                     condition: config.condition,
                     scope: config.scope,
                     items: null,
-                    sourceItems: items || null,
+                    sourceItems: config.items || null,
                     total: config.initialTotal,
                     isRemote: !config.items,
                     primaryKey: config.primaryKey || exports.defaultConfig.primaryKey,
@@ -239,15 +211,11 @@ function useList(config) {
                     layoutAttribute: layoutNamesProps.attribute || null
                 }),
             ];
-            if (config.initialItems) {
-                var initialItems = config.hasTreeItems ? getTreeItems(config.initialItems) : config.initialItems;
-                toDispatch.push((0, list_3.listSetItems)(config.listId, initialItems));
-            }
-            else if (config.items) {
-                toDispatch.push((0, list_3.listSetItems)(config.listId, items));
+            if (config.initialItems || config.items) {
+                toDispatch.push((0, list_2.listSetItems)(config.listId, config.initialItems || config.items));
             }
             if (!config.initialItems) {
-                toDispatch.push((0, list_3.listLazyFetch)(config.listId));
+                toDispatch.push((0, list_2.listLazyFetch)(config.listId));
             }
             dispatch(toDispatch);
         }
@@ -270,7 +238,7 @@ function useList(config) {
             updateQuery(formValues);
             // Send request
             if (config.autoFetchOnFormChanges !== false) {
-                dispatch((0, list_3.listLazyFetch)(config.listId));
+                dispatch((0, list_2.listLazyFetch)(config.listId));
             }
         }
     }, [config.autoFetchOnFormChanges, config.listId, dispatch, formId, formValues,
@@ -288,29 +256,22 @@ function useList(config) {
     // Check change items
     (0, react_use_1.useUpdateEffect)(function () {
         dispatch([
-            (0, list_3.listSetItems)(config.listId, config.items),
+            (0, list_2.listSetItems)(config.listId, config.items),
         ]);
     }, [dispatch, config.items, config.listId]);
-    (0, react_use_1.useUpdateEffect)(function () {
-        if (config.hasTreeItems) {
-            dispatch([
-                (0, list_3.listSetItems)(config.listId, getTreeItems(config.items)),
-            ]);
-        }
-    }, [dispatch, config.items, config.listId, openedTreeItems, list === null || list === void 0 ? void 0 : list.pageSize, list === null || list === void 0 ? void 0 : list.page]);
     // Destroy
     (0, react_use_1.useUnmount)(function () {
         var autoDestroy = typeof config.autoDestroy === 'boolean' ? config.autoDestroy : exports.defaultConfig.autoDestroy;
         if (autoDestroy) {
             dispatch([
-                (0, list_3.listDestroy)(config.listId),
+                (0, list_2.listDestroy)(config.listId),
                 (0, form_1.formDestroy)(config.listId),
             ]);
         }
     });
     var onFetch = (0, react_1.useCallback)(function (params) {
         if (params === void 0) { params = {}; }
-        dispatch((0, list_3.listFetch)(config.listId, params));
+        dispatch((0, list_2.listFetch)(config.listId, params));
     }, [config.listId, dispatch]);
     var onSort = (0, react_1.useCallback)(function (value) {
         dispatch((0, form_1.formChange)(formId, sort.attribute, value));

package/hooks/useTree.d.ts

@@ -0,0 +1,104 @@
+import React from 'react';
+import { IButtonProps } from '@steroidsjs/core/ui/form/Button/Button';
+export interface ITreeItem extends IButtonProps {
+    /**
+     * Идентификатор узла
+     */
+    id: string | number | boolean;
+    /**
+     * Вложенные элементы
+     * @example
+     * [
+     *  {
+     *   id: 2,
+     *   label: 'Nested element',
+     *   items: [...]
+     *  }
+     * ]
+     */
+    items?: ITreeItem[];
+    /**
+     * Скрыть или показать узел
+     * @example true
+     */
+    visible?: boolean;
+}
+export interface IPreparedTreeItem extends ITreeItem {
+    uniqueId: string;
+    index: number;
+    level: number;
+    isOpened: boolean;
+    isSelected: boolean;
+    hasItems: boolean;
+    onClick: (e: Event | React.MouseEvent | any) => void;
+    className?: CssClassName;
+}
+export interface ITreeOutput {
+    treeItems: IPreparedTreeItem[];
+}
+export interface ITreeConfig {
+    /**
+     * Коллекция с узлами. Также можно передать идентификатор роута, тогда компонент найдет все
+     * вложенные роуты и отобразит их в виде дерева.
+     * @example
+     * [
+     *  {
+     *   id: 1,
+     *   label: 'Root',
+     *   items: [...]
+     *  }
+     * ] | 'root'
+     */
+    items?: ITreeItem[] | string;
+    /**
+     * Ограничивает максимальный уровень вложенности дерева
+     * @example 2
+     */
+    level?: number;
+    /**
+     * Ключ для доступа к вложенным элементам узла
+     * @example 'items'
+     */
+    itemsKey?: string;
+    /**
+     * Идентификатор узла, которой нужно отобразить в раскрытом виде
+     * @example 2
+     */
+    selectedItemId?: string | number;
+    /**
+     * Максимальный уровень вложенности, до которого все узлы будут отображаться в развёрнутом виде
+     * @example 1
+     */
+    autoOpenLevels?: number;
+    /**
+     * Обработчик на клик по узлу
+     * @param args
+     */
+    onExpand?: (...args: any[]) => any;
+    /**
+     *  Используется для управления раскрытием всех элементов в дереве
+     * @example: true
+     */
+    alwaysOpened?: boolean;
+    /**
+     *  Текущая страница, используется для корректного отображения пагинации
+     * @example: 1
+     */
+    currentPage?: number;
+    /**
+     *  Количество элементов на странице, используется для корректного отображения пагинации
+     * @example: 4
+     */
+    itemsOnPage?: number;
+    /**
+     *  Параметры роутинга
+     * @example: true
+     */
+    routerParams?: any;
+    /**
+     * При повторном нажатии на выбранный элемент из дерева, он продолжит отображаться как активный.
+     * @example true
+    */
+    useSameSelectedItemId?: boolean;
+}
+export default function useTree(config: ITreeConfig): ITreeOutput;

package/hooks/useTree.js

@@ -0,0 +1,169 @@
+"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;
+var react_1 = require("react");
+var isString_1 = __importDefault(require("lodash-es/isString"));
+var omit_1 = __importDefault(require("lodash-es/omit"));
+var join_1 = __importDefault(require("lodash-es/join"));
+var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
+var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
+var isNil_1 = __importDefault(require("lodash-es/isNil"));
+var keys_1 = __importDefault(require("lodash-es/keys"));
+var useSelector_1 = __importDefault(require("./useSelector"));
+var router_1 = require("../reducers/router");
+var INITIAL_CURRENT_LEVEL = 0;
+var DOT_SEPARATOR = '.';
+var EMPTY_PARENT_ID = '';
+var FIRST_LEVEL_PARENT_ID = '0';
+var defaultProps = {
+    itemsKey: 'items',
+    autoOpenLevels: 0
+};
+var getTreeItemUniqueId = function (item, index, parentId) { return (0, join_1["default"])([parentId || FIRST_LEVEL_PARENT_ID, String(item.id || index)], DOT_SEPARATOR); };
+var routeToItem = function (route, routerParams) {
+    var routeItems = (Array.isArray(route.items)
+        ? route.items.map(function (r) { return routeToItem(r, routerParams); })
+        : Object.keys(route.items || {}).map(function (id) { return routeToItem(route.items[id], routerParams); })).filter(function (r) { return r.visible; });
+    return {
+        id: route.id.toLowerCase(),
+        label: route.label || route.title,
+        visible: route.isNavVisible !== false,
+        toRoute: routeItems.length === 0 ? route.id : null,
+        toRouteParams: routeItems.length === 0 ? routerParams : null,
+        items: routeItems,
+        icon: route.icon
+    };
+};
+var findChildById = function (sourceItems, itemId, primaryKey, parentId, level) {
+    if (parentId === void 0) { parentId = EMPTY_PARENT_ID; }
+    if (level === void 0) { level = 1; }
+    if ((0, isString_1["default"])(sourceItems)) {
+        return null;
+    }
+    var foundedItem = null;
+    (sourceItems || []).forEach(function (item, index) {
+        var uniqueId = getTreeItemUniqueId(item, index, parentId);
+        if (!foundedItem && (item.id === itemId || uniqueId === itemId)) {
+            foundedItem = __assign(__assign({}, item), { uniqueId: uniqueId, level: level });
+        }
+        if (!foundedItem) {
+            foundedItem = findChildById(item[primaryKey], itemId, primaryKey, uniqueId, level + 1);
+        }
+    });
+    return foundedItem;
+};
+var getAutoExpandedItems = function (sourceItems, selectedItemId, primaryKey, autoOpenLevels, parentId, level) {
+    if (autoOpenLevels === void 0) { autoOpenLevels = 1; }
+    if (parentId === void 0) { parentId = EMPTY_PARENT_ID; }
+    if (level === void 0) { level = 1; }
+    var opened = {};
+    (sourceItems || []).forEach(function (item, index) {
+        var uniqueId = getTreeItemUniqueId(item, index, parentId);
+        if (autoOpenLevels >= level) {
+            opened[uniqueId] = true;
+        }
+        if (selectedItemId === item.id) {
+            opened[uniqueId] = true;
+        }
+        if (selectedItemId) {
+            var finedItem = findChildById(item[primaryKey], selectedItemId, primaryKey);
+            if (finedItem) {
+                opened[uniqueId] = true;
+            }
+        }
+        opened = __assign(__assign({}, opened), getAutoExpandedItems(item[primaryKey], selectedItemId, primaryKey, autoOpenLevels, uniqueId, level + 1));
+    });
+    return opened;
+};
+var isSelectedItem = function (selectedUniqueId, uniqueId, activeRouteIds, item, routerParams) { return (selectedUniqueId === uniqueId
+    || ((activeRouteIds || []).includes(item.toRoute)
+        && (0, isEqual_1["default"])(item.toRouteParams || {}, (0, omit_1["default"])(routerParams, (0, keys_1["default"])(item.toRouteParams))))); };
+function useTree(config) {
+    // Get primary key
+    var primaryKey = config.itemsKey || defaultProps.itemsKey;
+    var _a = (0, react_1.useState)(null), selectedUniqueId = _a[0], setSelectedUniqueId = _a[1];
+    var _b = (0, react_1.useState)({}), expandedItems = _b[0], setExpandedItems = _b[1];
+    //Redux connection
+    var _c = (0, useSelector_1["default"])(function (state) { return ({
+        routes: (0, isString_1["default"])(config.items) ? (0, router_1.getNavItems)(state, config.items) : null,
+        selectedItemId: (0, isString_1["default"])(config.items) ? (0, router_1.getRouteId)(state) : config.selectedItemId,
+        activeRouteIds: (0, router_1.getActiveRouteIds)(state),
+        routerParams: (0, router_1.getRouterParams)(state)
+    }); }), routes = _c.routes, selectedItemId = _c.selectedItemId, activeRouteIds = _c.activeRouteIds, routerParams = _c.routerParams;
+    var items = (0, react_1.useMemo)(function () {
+        if (!(0, isNil_1["default"])(routes)) {
+            return routes
+                .map(function (route) { return routeToItem(route, config.routerParams); })
+                .filter(function (route) { return route.visible; });
+        }
+        if (Array.isArray(config.items)) {
+            return config.items;
+        }
+        return [];
+    }, [config.items, config.routerParams, routes]);
+    // Initial expanded items
+    (0, react_1.useEffect)(function () {
+        // TODO add clientStorage
+        setExpandedItems(getAutoExpandedItems(items, selectedItemId, primaryKey, config.autoOpenLevels));
+        var selectedItem = findChildById(items, selectedItemId, primaryKey);
+        setSelectedUniqueId(selectedItem ? selectedItem.uniqueId : null);
+    }, [items]);
+    var onExpand = (0, react_1.useCallback)(function (e, uniqueId, item) {
+        var _a;
+        e.preventDefault();
+        if (config.onExpand) {
+            config.onExpand.call(null, e, item);
+        }
+        var sameUniqueIdAccordingToSettings = config.useSameSelectedItemId ? uniqueId : null;
+        setSelectedUniqueId(selectedUniqueId === uniqueId ? sameUniqueIdAccordingToSettings : uniqueId);
+        if (!(0, isEmpty_1["default"])(item[primaryKey])) {
+            setExpandedItems(__assign(__assign({}, expandedItems), (_a = {}, _a[uniqueId] = !expandedItems[uniqueId], _a)));
+        }
+    }, [config.onExpand, config.useSameSelectedItemId, expandedItems, primaryKey, selectedUniqueId]);
+    var resultTreeItems = (0, react_1.useMemo)(function () {
+        var getItems = function (sourceItems, parentId, currentLevel) {
+            if (parentId === void 0) { parentId = EMPTY_PARENT_ID; }
+            if (currentLevel === void 0) { currentLevel = INITIAL_CURRENT_LEVEL; }
+            if (config.level && currentLevel === config.level) {
+                return [];
+            }
+            if (config.currentPage && config.itemsOnPage && currentLevel === INITIAL_CURRENT_LEVEL) {
+                var startIndex = (config.currentPage - 1) * config.itemsOnPage;
+                sourceItems = sourceItems.slice(startIndex, startIndex + config.itemsOnPage);
+            }
+            return (sourceItems || []).reduce(function (treeItems, item, index) {
+                var uniqueId = getTreeItemUniqueId(item, index, parentId);
+                var treeItem = __assign(__assign({}, item), { index: index, level: currentLevel, uniqueId: uniqueId, isOpened: config.alwaysOpened || !!expandedItems[uniqueId], hasItems: !(0, isEmpty_1["default"])(item[primaryKey]), isSelected: isSelectedItem(selectedUniqueId, uniqueId, activeRouteIds, item, routerParams), onClick: function (e) { return onExpand(e, uniqueId, item); } });
+                // Ограничивает максимальный уровень вложенности дерева
+                if (config.level && (currentLevel === config.level - 1)) {
+                    treeItem.hasItems = false;
+                }
+                treeItems.push(treeItem);
+                if (treeItem.isOpened) {
+                    var nestedItem = getItems(item[primaryKey], uniqueId, currentLevel + 1);
+                    treeItems = treeItems.concat(nestedItem).filter(Boolean);
+                }
+                return treeItems;
+            }, []);
+        };
+        return getItems(items);
+        // eslint-disable-next-line max-len
+    }, [activeRouteIds, config.alwaysOpened, config.currentPage, config.itemsOnPage, config.level, expandedItems, items, onExpand, primaryKey, routerParams, selectedUniqueId]);
+    return {
+        treeItems: resultTreeItems
+    };
+}
+exports["default"] = useTree;

package/index.d.ts

@@ -95,16 +95,16 @@ declare interface IUiComponent {
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
      */
-    view?: CustomView;
+    view?: CustomView,
 
     /**
      * Дополнительный CSS-класс для элемента отображения
      */
-    className?: CssClassName;
+    className?: CssClassName,
 
     /**
      * Объект CSS стилей
      * @example {width: '45%'}
      */
-    style?: CustomStyle;
+    style?: CustomStyle,
 }