@cloud-ru/uikit-product-page-layout 0.21.5 → 0.22.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.22.0 (2025-11-24)
+
+
+### Features
+
+* **PDS-2935:** add new component TreeNavigation for Page Layout ([ef1a595](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/ef1a595fb34619087d5930de5affe72bff4e867b))
+
+
+
+
+
+## 0.21.6 (2025-11-13)
+
+
+### Bug Fixes
+
+* **PD-3377:** removed contributors ([121640f](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/121640f7b88b20a728a6ad2c39de8841532bb308))
+
+
+
+
+
 ## 0.21.5 (2025-11-13)
 
 ### Only dependencies have been changed

package/dist/cjs/components/DefaultSubHeader/DefaultSubHeader.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { CopyLineProps } from '@sbercloud/uikit-product-copy-line';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { CopyLineProps } from '@cloud-ru/uikit-product-copy-line';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 export type DefaultSubHeaderProps = WithSupportProps<{
     label: string;
     value: CopyLineProps;

package/dist/cjs/components/DefaultSubHeader/DefaultSubHeader.js

@@ -16,8 +16,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DefaultSubHeader = DefaultSubHeader;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_product_copy_line_1 = require("@sbercloud/uikit-product-copy-line");
-const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const uikit_product_copy_line_1 = require("@cloud-ru/uikit-product-copy-line");
+const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
 const tooltip_1 = require("@snack-uikit/tooltip");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function DefaultSubHeader(_a) {

package/dist/cjs/components/Headline/Headline.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 export type HeadlineProps = WithSupportProps<{
     title: string;
     beforeHeadline?: ReactNode;

package/dist/cjs/components/Headline/Headline.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Headline = Headline;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
 const truncate_string_1 = require("@snack-uikit/truncate-string");
 const typography_1 = require("@snack-uikit/typography");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));

package/dist/cjs/components/PageCatalog/PageCatalog.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { HeadlineProps } from '../Headline';
 export type PageCatalogProps = WithSupportProps<PropsWithChildren<Pick<HeadlineProps, 'title' | 'actions'> & {
     className?: string;

package/dist/cjs/components/PageCatalog/PageCatalog.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageCatalog = PageCatalog;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
-const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
 const Headline_1 = require("../Headline");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function PageCatalog(_a) {

package/dist/cjs/components/PageForm/PageForm.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { ButtonFilledProps, ButtonOutlineProps, ButtonSimpleProps } from '@snack-uikit/button';
 import { TooltipProps } from '@snack-uikit/tooltip';
 import { HeadlineProps } from '../Headline';

package/dist/cjs/components/PageForm/PageForm.js

@@ -18,7 +18,7 @@ exports.PageForm = PageForm;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = require("react");
-const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
 const button_1 = require("@snack-uikit/button");
 const Headline_1 = require("../Headline");
 const hooks_1 = require("./hooks");

package/dist/cjs/components/PageForm/hooks.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useButtonWithTooltip = useButtonWithTooltip;
 exports.useGetButtonLabel = useGetButtonLabel;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
 const tooltip_1 = require("@snack-uikit/tooltip");
 function useButtonWithTooltip({ Button, tooltip, }) {
     if (tooltip) {

package/dist/cjs/components/PageLoading/PageLoading.d.ts

@@ -1,4 +1,4 @@
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 export type PageLoadingProps = WithSupportProps<{
     className?: string;
 }>;

package/dist/cjs/components/PageLoading/PageLoading.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageLoading = PageLoading;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
-const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const uikit_product_utils_1 = require("@cloud-ru/uikit-product-utils");
 const loaders_1 = require("@snack-uikit/loaders");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
 function PageLoading(_a) {

package/dist/cjs/components/PageServices/PageServices.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { HeadlineProps } from '../Headline';
 import { PageSidebarProps } from '../PageSidebar';
 export type PageServicesProps = WithSupportProps<PropsWithChildren<Pick<HeadlineProps, 'title' | 'actions' | 'subHeader' | 'afterHeadline' | 'beforeHeadline' | 'truncateTitle'> & {

package/dist/cjs/components/PageSidebar/PageSidebar.js

@@ -19,7 +19,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
 const react_1 = require("react");
 const uncontrollable_1 = require("uncontrollable");
-const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
 const button_1 = require("@snack-uikit/button");
 const list_1 = require("@snack-uikit/list");
 const utils_1 = require("@snack-uikit/utils");

package/dist/cjs/components/PageSidebar/helperComponents/SidebarSearch/SidebarSearch.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidebarSearch = SidebarSearch;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
 const search_1 = require("@snack-uikit/search");
 const contexts_1 = require("../../contexts");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));

package/dist/cjs/components/PageSidebar/helperComponents/SidebarSearchToggle/SidebarSearchToggle.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidebarSearchToggle = SidebarSearchToggle;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
-const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
+const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
 const button_1 = require("@snack-uikit/button");
 const tooltip_1 = require("@snack-uikit/tooltip");
 const contexts_1 = require("../../contexts");

package/dist/cjs/components/PageSidebar/hooks/useItemsCreator.js

@@ -15,8 +15,8 @@ exports.useTopPinnedContent = useTopPinnedContent;
 exports.useItemsContent = useItemsContent;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
-const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
+const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
 const tooltip_1 = require("@snack-uikit/tooltip");
 const SidebarSearchToggle_1 = require("../helperComponents/SidebarSearchToggle");
 const SidebarTitle_1 = require("../helperComponents/SidebarTitle");

package/dist/cjs/components/TreeNavigation/TreeNavigation.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { StatusProps } from '@snack-uikit/status';
+import { TreeNodeProps } from '@snack-uikit/tree';
+export type TreeNavigationProps = {
+    header: {
+        /** Текст заголовка */
+        title: string;
+        /** Иконка */
+        icon?: ReactNode;
+        /** Текст описания */
+        description?: string;
+        /** Статус (цвет, иконка и т.п.) – любой тип, который принимает ваш <Status/> */
+        status?: StatusProps;
+        /** Раздел для действий */
+        actions?: ReactNode;
+    };
+    menu: {
+        /** Заголовок меню */
+        menuTitle?: string;
+        /** Данные для дерева меню */
+        items: TreeNodeProps[];
+        /** Управляемый режим: если передан, меню открывается как popover. */
+        isMenuOpen?: boolean;
+        /** Колбэк, вызываемый при попытке изменить состояние меню.
+         *  В контролируемом режиме обязателен, в неконтролируемом – опционален.
+         */
+        onMenuToggle?: (open: boolean) => void;
+        /** Открывать меню по умолчанию */
+        defaultMenuOpened?: boolean;
+        /** Позляет отключить кнопку "Свернуть все"*/
+        enableShrinkMenuButton?: boolean;
+        /** Открывать пункты меню по умолчанию */
+        withDefaultOpenedMenuList?: boolean;
+    };
+    /** Контентная часть страницы */
+    content: ReactNode;
+    /** Вариант отображения */
+    mode: 'popover' | 'aside';
+    /** Класс для контейнера контентной части */
+    contentClassName?: string;
+};
+export declare function TreeNavigation({ header: { title, icon, description, status, actions }, menu: { menuTitle, items, enableShrinkMenuButton, withDefaultOpenedMenuList, isMenuOpen, defaultMenuOpened, onMenuToggle, }, content, mode, contentClassName, }: TreeNavigationProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/TreeNavigation/TreeNavigation.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeNavigation = TreeNavigation;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = require("react");
+const uncontrollable_1 = require("uncontrollable");
+const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
+const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
+const button_1 = require("@snack-uikit/button");
+const status_1 = require("@snack-uikit/status");
+const typography_1 = require("@snack-uikit/typography");
+const helper_components_1 = require("./helper-components");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function TreeNavigation({ header: { title, icon, description, status, actions }, menu: { menuTitle, items, enableShrinkMenuButton, withDefaultOpenedMenuList, isMenuOpen, defaultMenuOpened, onMenuToggle, }, content, mode, contentClassName, }) {
+    const [open, setOpen] = (0, uncontrollable_1.useUncontrolledProp)(isMenuOpen, defaultMenuOpened, onMenuToggle);
+    const { t } = (0, uikit_product_locale_1.useLocale)('PageLayout');
+    const menu = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)(helper_components_1.Menu, { menuItems: items, menuTitle: menuTitle, enableShrinkMenuButton: enableShrinkMenuButton, withDefaultOpenedMenuList: withDefaultOpenedMenuList })), [items, menuTitle, enableShrinkMenuButton, withDefaultOpenedMenuList]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.root, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.header, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.titleWrapper, children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.titleInner, children: [(0, jsx_runtime_1.jsx)(helper_components_1.ConditionalPopover, { isOpen: Boolean(open), onOpenChange: setOpen, tip: menu, withPopover: mode === 'popover', children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.innerElement, children: (0, jsx_runtime_1.jsx)(button_1.ButtonSimple, { size: 'xs', "aria-label": open ? t('TreeNavigation.closeMenu') : t('TreeNavigation.openMenu'), icon: open ? (0, jsx_runtime_1.jsx)(uikit_product_icons_1.CloseSVG, {}) : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.BurgerSVG, {}), onClick: () => setOpen(!open) }) }) }), icon && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.innerElement, children: (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.icon, children: icon }) })), (0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleL, { className: styles_module_scss_1.default.title, children: title }), status && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.innerElement, children: (0, jsx_runtime_1.jsx)(status_1.Status, Object.assign({}, status)) }))] }), description && (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyS, { className: styles_module_scss_1.default.description, children: description })] }), actions] }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.body, children: [mode === 'aside' && open && (0, jsx_runtime_1.jsx)("aside", { className: styles_module_scss_1.default.sidebar, children: menu }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.main, contentClassName), children: content })] })] }));
+}

package/dist/cjs/components/TreeNavigation/helper-components/ConditionalPopover/ConditionalPopover.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+type ConditionalPopoverProps = {
+    isOpen: boolean;
+    onOpenChange: (value: boolean) => void;
+    tip: ReactNode;
+    withPopover?: boolean;
+    children: ReactNode;
+};
+export declare function ConditionalPopover({ tip, withPopover, isOpen, onOpenChange, children }: ConditionalPopoverProps): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};

package/dist/cjs/components/TreeNavigation/helper-components/ConditionalPopover/ConditionalPopover.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConditionalPopover = ConditionalPopover;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const popover_1 = require("@snack-uikit/popover");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function ConditionalPopover({ tip, withPopover, isOpen, onOpenChange, children }) {
+    if (withPopover) {
+        return ((0, jsx_runtime_1.jsx)(popover_1.Popover, { className: styles_module_scss_1.default.popover, open: isOpen, onOpenChange: () => {
+                if (!open)
+                    onOpenChange(false);
+            }, tip: tip, trigger: 'click', placement: 'bottom-start', children: children }));
+    }
+    return children;
+}

package/dist/cjs/components/TreeNavigation/helper-components/ConditionalPopover/styles.module.css

@@ -0,0 +1,6 @@
+.popover{
+  max-height:80%;
+}
+.popover > div{
+  overflow:auto;
+}

package/dist/cjs/components/TreeNavigation/helper-components/Menu/Menu.d.ts

@@ -0,0 +1,9 @@
+import { TreeNodeProps } from '@snack-uikit/tree';
+type MenuProps = {
+    menuTitle?: string;
+    menuItems: TreeNodeProps[];
+    enableShrinkMenuButton?: boolean;
+    withDefaultOpenedMenuList?: boolean;
+};
+export declare function Menu({ menuTitle, menuItems, enableShrinkMenuButton, withDefaultOpenedMenuList }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/TreeNavigation/helper-components/Menu/Menu.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = Menu;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@cloud-ru/uikit-product-icons");
+const uikit_product_locale_1 = require("@cloud-ru/uikit-product-locale");
+const button_1 = require("@snack-uikit/button");
+const tree_1 = require("@snack-uikit/tree");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const utils_1 = require("./utils");
+function Menu({ menuTitle, menuItems, enableShrinkMenuButton = true, withDefaultOpenedMenuList }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('PageLayout');
+    const allExpandedNodes = (0, react_1.useMemo)(() => (0, utils_1.getExpandedNodes)(menuItems), [menuItems]);
+    const [expandedNodes, setExpandedNodes] = (0, react_1.useState)(withDefaultOpenedMenuList ? allExpandedNodes : []);
+    const isExpanded = expandedNodes.length > 0;
+    const handleExpandAll = () => setExpandedNodes((0, utils_1.getExpandedNodes)(menuItems));
+    const handleCollapseAll = () => setExpandedNodes([]);
+    const showSubheader = Boolean(menuTitle || enableShrinkMenuButton);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.sidebar, children: [showSubheader && ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.subheader, children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleM, { children: menuTitle }), enableShrinkMenuButton && ((0, jsx_runtime_1.jsx)(button_1.ButtonSimple, { label: isExpanded ? t('TreeNavigation.collapseAll') : t('TreeNavigation.expandAll'), icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.HorizontalMenuCloseSVG, {}), onClick: isExpanded ? handleCollapseAll : handleExpandAll }))] })), (0, jsx_runtime_1.jsx)(tree_1.Tree, { data: menuItems, selectionMode: 'single', expandedNodes: expandedNodes, onExpand: setExpandedNodes })] }));
+}

package/dist/cjs/components/TreeNavigation/helper-components/Menu/styles.module.css

@@ -0,0 +1,12 @@
+.sidebar{
+  min-width:292px;
+  display:flex;
+  flex-direction:column;
+  gap:12px;
+}
+
+.subheader{
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+}

package/dist/cjs/components/TreeNavigation/helper-components/Menu/utils.d.ts

@@ -0,0 +1,7 @@
+import { TreeNodeProps } from '@snack-uikit/tree';
+/**
+ * Рекурсивно собирает все ID узлов дерева для их разворачивания
+ * @param nodes - Массив узлов дерева
+ * @returns Массив ID всех узлов (включая вложенные)
+ */
+export declare const getExpandedNodes: (nodes: TreeNodeProps[]) => string[];

package/dist/cjs/components/TreeNavigation/helper-components/Menu/utils.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getExpandedNodes = void 0;
+/**
+ * Рекурсивно собирает все ID узлов дерева для их разворачивания
+ * @param nodes - Массив узлов дерева
+ * @returns Массив ID всех узлов (включая вложенные)
+ */
+const getExpandedNodes = (nodes) => {
+    if (!nodes || nodes.length === 0) {
+        return [];
+    }
+    const ids = [];
+    nodes.forEach(el => {
+        const children = el.nested ? (0, exports.getExpandedNodes)(el.nested) : [];
+        ids.push(el.id, ...children);
+    });
+    return ids;
+};
+exports.getExpandedNodes = getExpandedNodes;

package/dist/cjs/components/TreeNavigation/helper-components/index.d.ts

@@ -0,0 +1,2 @@
+export { Menu } from './Menu/Menu';
+export { ConditionalPopover } from './ConditionalPopover/ConditionalPopover';

package/dist/cjs/components/TreeNavigation/helper-components/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConditionalPopover = exports.Menu = void 0;
+var Menu_1 = require("./Menu/Menu");
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
+var ConditionalPopover_1 = require("./ConditionalPopover/ConditionalPopover");
+Object.defineProperty(exports, "ConditionalPopover", { enumerable: true, get: function () { return ConditionalPopover_1.ConditionalPopover; } });

package/dist/cjs/components/TreeNavigation/index.d.ts

@@ -0,0 +1 @@
+export * from './TreeNavigation';

package/dist/cjs/components/TreeNavigation/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TreeNavigation"), exports);

package/dist/cjs/components/TreeNavigation/styles.module.css

@@ -0,0 +1,82 @@
+.root{
+  display:flex;
+  flex-direction:column;
+  height:100%;
+  width:100%;
+}
+
+.header{
+  width:100%;
+  display:flex;
+  justify-content:space-between;
+  align-items:flex-start;
+  gap:40px;
+  padding:8px 24px;
+  background-color:var(--sys-neutral-background, #eeeff3);
+  border-bottom:1px solid var(--sys-neutral-decor-default, #dde0ea);
+  box-sizing:border-box;
+}
+
+.description{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.body{
+  display:flex;
+  gap:16px;
+  padding:0 24px;
+  box-sizing:border-box;
+  width:100%;
+}
+
+.sidebar{
+  border-radius:12px;
+  padding:16px;
+  height:-moz-max-content;
+  height:max-content;
+  background:var(--sys-neutral-background1-level, #fdfdfd);
+}
+
+.main{
+  padding-top:16px;
+  width:100%;
+  box-sizing:border-box;
+}
+
+.titleWrapper{
+  display:flex;
+  align-items:center;
+  flex-wrap:wrap;
+  -moz-column-gap:16px;
+       column-gap:16px;
+  row-gap:8px;
+}
+
+.titleInner{
+  display:flex;
+  gap:8px;
+}
+
+.title{
+  box-sizing:border-box;
+  max-width:100%;
+  margin:0;
+  padding:0;
+  overflow-wrap:break-word;
+}
+
+.innerElement{
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  height:var(--sans-title-l-line-height, 28px);
+}
+
+.icon{
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  width:24px;
+  height:24px;
+  flex-shrink:0;
+}

package/dist/cjs/components/index.d.ts

@@ -4,3 +4,4 @@ export * from './PageLoading';
 export * from './PageServices';
 export * from './DefaultSubHeader';
 export * from './PageSidebar';
+export * from './TreeNavigation';

package/dist/cjs/components/index.js

@@ -20,3 +20,4 @@ __exportStar(require("./PageLoading"), exports);
 __exportStar(require("./PageServices"), exports);
 __exportStar(require("./DefaultSubHeader"), exports);
 __exportStar(require("./PageSidebar"), exports);
+__exportStar(require("./TreeNavigation"), exports);

package/dist/esm/components/DefaultSubHeader/DefaultSubHeader.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { CopyLineProps } from '@sbercloud/uikit-product-copy-line';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { CopyLineProps } from '@cloud-ru/uikit-product-copy-line';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 export type DefaultSubHeaderProps = WithSupportProps<{
     label: string;
     value: CopyLineProps;

package/dist/esm/components/DefaultSubHeader/DefaultSubHeader.js

@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CopyLine } from '@sbercloud/uikit-product-copy-line';
-import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { CopyLine } from '@cloud-ru/uikit-product-copy-line';
+import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
 import { QuestionTooltip } from '@snack-uikit/tooltip';
 import styles from './styles.module.css';
 export function DefaultSubHeader(_a) {

package/dist/esm/components/Headline/Headline.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 export type HeadlineProps = WithSupportProps<{
     title: string;
     beforeHeadline?: ReactNode;

package/dist/esm/components/Headline/Headline.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
 import { TruncateString } from '@snack-uikit/truncate-string';
 import { Typography } from '@snack-uikit/typography';
 import styles from './styles.module.css';

package/dist/esm/components/PageCatalog/PageCatalog.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { HeadlineProps } from '../Headline';
 export type PageCatalogProps = WithSupportProps<PropsWithChildren<Pick<HeadlineProps, 'title' | 'actions'> & {
     className?: string;

package/dist/esm/components/PageCatalog/PageCatalog.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'classnames';
-import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
 import { Headline } from '../Headline';
 import styles from './styles.module.css';
 export function PageCatalog(_a) {

package/dist/esm/components/PageForm/PageForm.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { ButtonFilledProps, ButtonOutlineProps, ButtonSimpleProps } from '@snack-uikit/button';
 import { TooltipProps } from '@snack-uikit/tooltip';
 import { HeadlineProps } from '../Headline';

package/dist/esm/components/PageForm/PageForm.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'classnames';
 import { useMemo } from 'react';
-import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
 import { ButtonFilled, ButtonOutline, ButtonSimple, } from '@snack-uikit/button';
 import { Headline } from '../Headline';
 import { useButtonWithTooltip, useGetButtonLabel } from './hooks';

package/dist/esm/components/PageForm/hooks.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useLocale } from '@sbercloud/uikit-product-locale';
+import { useLocale } from '@cloud-ru/uikit-product-locale';
 import { Tooltip } from '@snack-uikit/tooltip';
 export function useButtonWithTooltip({ Button, tooltip, }) {
     if (tooltip) {

package/dist/esm/components/PageLoading/PageLoading.d.ts

@@ -1,4 +1,4 @@
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 export type PageLoadingProps = WithSupportProps<{
     className?: string;
 }>;

package/dist/esm/components/PageLoading/PageLoading.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from 'classnames';
-import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { extractSupportProps } from '@cloud-ru/uikit-product-utils';
 import { Spinner as UISpinner } from '@snack-uikit/loaders';
 import styles from './styles.module.css';
 export function PageLoading(_a) {

package/dist/esm/components/PageServices/PageServices.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSupportProps } from '@cloud-ru/uikit-product-utils';
 import { HeadlineProps } from '../Headline';
 import { PageSidebarProps } from '../PageSidebar';
 export type PageServicesProps = WithSupportProps<PropsWithChildren<Pick<HeadlineProps, 'title' | 'actions' | 'subHeader' | 'afterHeadline' | 'beforeHeadline' | 'truncateTitle'> & {