@astral/ui 4.92.3 → 4.93.0

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/hooks/useDelayedUnmount/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("./useDelayedUnmount"), exports);

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/hooks/useDelayedUnmount/useDelayedUnmount.d.ts

@@ -0,0 +1,11 @@
+type UseDelayedUnmountParams = {
+    isOpen: boolean;
+    duration: number;
+};
+/**
+ * Держит слой в DOM на время exit-анимации.
+ */
+export declare const useDelayedUnmount: ({ isOpen, duration, }: UseDelayedUnmountParams) => {
+    isMounted: boolean;
+};
+export {};

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/hooks/useDelayedUnmount/useDelayedUnmount.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDelayedUnmount = void 0;
+const react_1 = require("react");
+/**
+ * Держит слой в DOM на время exit-анимации.
+ */
+const useDelayedUnmount = ({ isOpen, duration, }) => {
+    const [isMounted, setIsMounted] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (isOpen) {
+            setIsMounted(true);
+            return;
+        }
+        const timer = window.setTimeout(() => {
+            setIsMounted(false);
+        }, duration);
+        return () => clearTimeout(timer);
+    }, [isOpen, duration]);
+    return { isMounted };
+};
+exports.useDelayedUnmount = useDelayedUnmount;

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/hooks/usePanelHeader/index.d.ts

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

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/hooks/usePanelHeader/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("./usePanelHeader"), exports);

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/hooks/usePanelHeader/usePanelHeader.d.ts

@@ -0,0 +1,24 @@
+import { type MouseEvent } from 'react';
+import { type MobileSlidePanelContextProps } from '../../../../MobileSlidePanelContext';
+import { type MobilePanelHeader } from '../../../../types';
+type UsePanelHeaderParams = MobilePanelHeader & {
+    id: string;
+    isOpen: boolean;
+    activeHeader?: MobilePanelHeader | null;
+    setHeader?: MobileSlidePanelContextProps['setHeader'];
+    removeHeader?: MobileSlidePanelContextProps['removeHeader'];
+};
+/**
+ * Публикует заголовок слоя в стек и снимает его при закрытии.
+ */
+export declare const usePanelHeader: ({ id, isOpen, activeHeader, setHeader, removeHeader, parentLabel, parentNote, parentControl, parentAdditionalContent, isParentSelected, isParentDisabled, onParentClick, }: UsePanelHeaderParams) => {
+    handleParentClick: (event: MouseEvent<HTMLDivElement>) => void;
+    parentLabel?: import("react").ReactNode;
+    parentNote?: import("react").ReactNode;
+    parentControl?: import("react").ReactNode;
+    parentAdditionalContent?: import("react").ReactNode;
+    isParentSelected?: boolean | undefined;
+    isParentDisabled?: boolean | undefined;
+    onParentClick?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+};
+export {};

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/hooks/usePanelHeader/usePanelHeader.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePanelHeader = void 0;
+const react_1 = require("react");
+/**
+ * Публикует заголовок слоя в стек и снимает его при закрытии.
+ */
+const usePanelHeader = ({ id, isOpen, activeHeader, setHeader, removeHeader, parentLabel, parentNote, parentControl, parentAdditionalContent, isParentSelected, isParentDisabled, onParentClick, }) => {
+    const localHeader = (0, react_1.useMemo)(() => ({
+        parentLabel,
+        parentNote,
+        parentControl,
+        parentAdditionalContent,
+        isParentSelected,
+        isParentDisabled,
+        onParentClick,
+    }), [
+        parentLabel,
+        parentNote,
+        parentControl,
+        parentAdditionalContent,
+        isParentSelected,
+        isParentDisabled,
+        onParentClick,
+    ]);
+    const displayedHeader = activeHeader ?? localHeader;
+    const { isParentDisabled: isDisplayedParentDisabled, onParentClick: onDisplayedParentClick, } = displayedHeader;
+    const handleParentClick = (event) => {
+        if (isDisplayedParentDisabled) {
+            return;
+        }
+        onDisplayedParentClick?.(event);
+    };
+    (0, react_1.useLayoutEffect)(() => {
+        if (!setHeader || !isOpen) {
+            return;
+        }
+        setHeader(id, localHeader);
+    }, [setHeader, isOpen, id, localHeader]);
+    // Второй useLayoutEffect нужен, чтобы изменение localHeader не повлияло на cleanup функцию
+    (0, react_1.useLayoutEffect)(() => {
+        if (!removeHeader || !isOpen) {
+            return;
+        }
+        return () => {
+            removeHeader(id);
+        };
+    }, [removeHeader, isOpen, id]);
+    return {
+        ...displayedHeader,
+        handleParentClick,
+    };
+};
+exports.usePanelHeader = usePanelHeader;

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/hooks/useRegisterClose/index.d.ts

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

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/hooks/useRegisterClose/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("./useRegisterClose"), exports);

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/hooks/useRegisterClose/useRegisterClose.d.ts

@@ -0,0 +1,13 @@
+import { type MouseEvent } from 'react';
+import { type MobileSlidePanelContextProps } from '../../../../MobileSlidePanelContext';
+type UseRegisterCloseParams = {
+    isMounted: boolean;
+    register?: MobileSlidePanelContextProps['register'];
+    onClose: (event: MouseEvent<HTMLElement>) => void;
+};
+/**
+ * Кладёт актуальный onClose в стек, не перерегистрируя слой при смене обработчика закрытия.
+ * Нужен, чтобы вложенность не ломалась: новый onClose не должен выталкивать слой в конец стека.
+ */
+export declare const useRegisterClose: ({ isMounted, register, onClose, }: UseRegisterCloseParams) => void;
+export {};

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/hooks/useRegisterClose/useRegisterClose.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRegisterClose = void 0;
+const react_1 = require("react");
+/**
+ * Кладёт актуальный onClose в стек, не перерегистрируя слой при смене обработчика закрытия.
+ * Нужен, чтобы вложенность не ломалась: новый onClose не должен выталкивать слой в конец стека.
+ */
+const useRegisterClose = ({ isMounted, register, onClose, }) => {
+    const onCloseRef = (0, react_1.useRef)(onClose);
+    onCloseRef.current = onClose;
+    (0, react_1.useEffect)(() => {
+        if (!isMounted || !register) {
+            return;
+        }
+        return register((event) => {
+            onCloseRef.current(event);
+        });
+    }, [isMounted, register]);
+};
+exports.useRegisterClose = useRegisterClose;

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/index.d.ts

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

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/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("./useLogic"), exports);

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/useLogic.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { type MobileSlidePanelContentProps } from '../types';
+type UseLogicParams = MobileSlidePanelContentProps;
+/**
+ * Собирает жизненный цикл панели: присутствие в DOM, закрытие и шапку стека.
+ */
+export declare const useLogic: ({ id, isOpen, onClose, activeHeader, parentLabel, parentNote, parentControl, parentAdditionalContent, isParentSelected, isParentDisabled, onParentClick, }: UseLogicParams) => {
+    handleParentClick: (event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    parentLabel?: import("react").ReactNode;
+    parentNote?: import("react").ReactNode;
+    parentControl?: import("react").ReactNode;
+    parentAdditionalContent?: import("react").ReactNode;
+    isParentSelected?: boolean | undefined;
+    isParentDisabled?: boolean | undefined;
+    onParentClick?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    isMobileMounted: boolean;
+    closeTop: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+};
+export {};

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/useLogic.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const react_1 = require("react");
+const hooks_1 = require("../../../../../theme/hooks");
+const MobileSlidePanelContext_1 = require("../../MobileSlidePanelContext");
+const hooks_2 = require("./hooks");
+/**
+ * Собирает жизненный цикл панели: присутствие в DOM, закрытие и шапку стека.
+ */
+const useLogic = ({ id, isOpen, onClose, activeHeader, parentLabel, parentNote, parentControl, parentAdditionalContent, isParentSelected, isParentDisabled, onParentClick, }) => {
+    const { transitions: { duration: { standard: transitionDuration }, }, } = (0, hooks_1.useTheme)();
+    const { register, closeTop, setHeader, removeHeader } = (0, react_1.useContext)(MobileSlidePanelContext_1.MobileSlidePanelContext) ?? {};
+    const { isMounted: isMobileMounted } = (0, hooks_2.useDelayedUnmount)({
+        isOpen,
+        duration: transitionDuration,
+    });
+    (0, hooks_2.useRegisterClose)({
+        isMounted: isMobileMounted,
+        register,
+        onClose,
+    });
+    const header = (0, hooks_2.usePanelHeader)({
+        id,
+        isOpen,
+        activeHeader,
+        setHeader,
+        removeHeader,
+        parentLabel,
+        parentNote,
+        parentControl,
+        parentAdditionalContent,
+        isParentSelected,
+        isParentDisabled,
+        onParentClick,
+    });
+    return {
+        isMobileMounted,
+        closeTop,
+        ...header,
+    };
+};
+exports.useLogic = useLogic;

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContext/MobileSlidePanelContext.d.ts

@@ -0,0 +1,13 @@
+import { type MouseEvent } from 'react';
+import { type MobilePanelHeader } from '../types';
+export type MobileSlidePanelContextProps = {
+    register: (close: (event: MouseEvent<HTMLElement>) => void) => () => void;
+    closeTop: (event: MouseEvent<HTMLElement>) => void;
+    setHeader: (headerId: string, header: MobilePanelHeader) => void;
+    removeHeader: (headerId: string) => void;
+};
+/**
+ * Общий стек закрытия и заголовков вложенных мобильных панелей.
+ * Нужен, чтобы back и шапка всегда относились к верхнему слою, а не к каждому по отдельности.
+ */
+export declare const MobileSlidePanelContext: import("react").Context<MobileSlidePanelContextProps | null>;

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContext/MobileSlidePanelContext.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileSlidePanelContext = void 0;
+const react_1 = require("react");
+/**
+ * Общий стек закрытия и заголовков вложенных мобильных панелей.
+ * Нужен, чтобы back и шапка всегда относились к верхнему слою, а не к каждому по отдельности.
+ */
+exports.MobileSlidePanelContext = (0, react_1.createContext)(null);

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContext/MobileSlidePanelContextProvider/MobileSlidePanelContextProvider.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+import { type MobileSlidePanelContextProps } from '../MobileSlidePanelContext';
+type Props = MobileSlidePanelContextProps & {
+    children: ReactNode;
+};
+export declare const MobileSlidePanelContextProvider: ({ children, register, closeTop, setHeader, removeHeader, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContext/MobileSlidePanelContextProvider/MobileSlidePanelContextProvider.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileSlidePanelContextProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const MobileSlidePanelContext_1 = require("../MobileSlidePanelContext");
+const MobileSlidePanelContextProvider = ({ children, register, closeTop, setHeader, removeHeader, }) => {
+    const contextValue = (0, react_1.useMemo)(() => ({
+        register,
+        closeTop,
+        setHeader,
+        removeHeader,
+    }), [register, closeTop, setHeader, removeHeader]);
+    return ((0, jsx_runtime_1.jsx)(MobileSlidePanelContext_1.MobileSlidePanelContext.Provider, { value: contextValue, children: children }));
+};
+exports.MobileSlidePanelContextProvider = MobileSlidePanelContextProvider;

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContext/MobileSlidePanelContextProvider/index.d.ts

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

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContext/MobileSlidePanelContextProvider/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("./MobileSlidePanelContextProvider"), exports);

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MobileSlidePanelContext';
+export * from './MobileSlidePanelContextProvider';

package/node/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContext/index.js

@@ -0,0 +1,18 @@
+"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("./MobileSlidePanelContext"), exports);
+__exportStar(require("./MobileSlidePanelContextProvider"), exports);

package/node/components/Tree/TreeItem/MobileSlidePanel/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const mobileSlidePanelClassnames: {
+    root: string;
+    nested: string;
+    content: string;
+    header: string;
+    headerParent: string;
+    headerControl: string;
+    headerAdditionalContent: string;
+    backButton: string;
+    slidePanel: string;
+};

package/node/components/Tree/TreeItem/MobileSlidePanel/constants.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mobileSlidePanelClassnames = void 0;
+const createUIKitClassname_1 = require("../../../utils/createUIKitClassname");
+exports.mobileSlidePanelClassnames = {
+    root: (0, createUIKitClassname_1.createUIKitClassname)('tree-item__mobile-panel'),
+    nested: (0, createUIKitClassname_1.createUIKitClassname)('tree-item__mobile-panel_nested'),
+    content: (0, createUIKitClassname_1.createUIKitClassname)('tree-item__mobile-panel-content'),
+    header: (0, createUIKitClassname_1.createUIKitClassname)('tree-item__mobile-header'),
+    headerParent: (0, createUIKitClassname_1.createUIKitClassname)('tree-item__mobile-header-parent'),
+    headerControl: (0, createUIKitClassname_1.createUIKitClassname)('tree-item__mobile-header-control'),
+    headerAdditionalContent: (0, createUIKitClassname_1.createUIKitClassname)('tree-item__mobile-header-additional-content'),
+    backButton: (0, createUIKitClassname_1.createUIKitClassname)('tree-item__mobile-back-button'),
+    slidePanel: (0, createUIKitClassname_1.createUIKitClassname)('tree-item__slide-panel'),
+};

package/node/components/Tree/TreeItem/MobileSlidePanel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './MobileSlidePanel';

package/node/components/Tree/TreeItem/MobileSlidePanel/index.js

@@ -0,0 +1,18 @@
+"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("./constants"), exports);
+__exportStar(require("./MobileSlidePanel"), exports);

package/node/components/Tree/TreeItem/MobileSlidePanel/types.d.ts

@@ -0,0 +1,49 @@
+import { type MouseEvent, type ReactNode, type SyntheticEvent } from 'react';
+/**
+ * Данные родителя для шапки мобильной панели.
+ */
+export type MobilePanelHeader = {
+    /**
+     * Заголовок родителя в шапке.
+     */
+    parentLabel?: ReactNode;
+    /**
+     * Подзаголовок родителя в шапке.
+     */
+    parentNote?: ReactNode;
+    parentControl?: ReactNode;
+    /**
+     * Дополнительное содержимое под родителем в шапке.
+     */
+    parentAdditionalContent?: ReactNode;
+    /**
+     * Если `true`, родитель в шапке отображается как выбранный.
+     */
+    isParentSelected?: boolean;
+    /**
+     * Если `true`, клик по родителю в шапке недоступен.
+     */
+    isParentDisabled?: boolean;
+    /**
+     * Обработчик клика по родителю в шапке.
+     */
+    onParentClick?: (event: SyntheticEvent) => void;
+};
+export type MobileSlidePanelProps = {
+    /**
+     * Идентификатор слоя.
+     */
+    id: string;
+    /**
+     * Если `true`, панель открыта.
+     */
+    isOpen: boolean;
+    /**
+     * Закрывает текущий слой панели.
+     */
+    onClose: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Вложенные элементы дерева, отображаемые внутри панели.
+     */
+    children?: ReactNode;
+} & MobilePanelHeader;

package/node/components/Tree/TreeItem/MobileSlidePanel/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/Tree/TreeItem/MobileSlidePanel/useLogic/hooks/index.d.ts

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

package/node/components/Tree/TreeItem/MobileSlidePanel/useLogic/hooks/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("./usePanelStack"), exports);

package/node/components/Tree/TreeItem/MobileSlidePanel/useLogic/hooks/usePanelStack/index.d.ts

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

package/node/components/Tree/TreeItem/MobileSlidePanel/useLogic/hooks/usePanelStack/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("./usePanelStack"), exports);

package/node/components/Tree/TreeItem/MobileSlidePanel/useLogic/hooks/usePanelStack/usePanelStack.d.ts

@@ -0,0 +1,14 @@
+import { type MouseEvent } from 'react';
+import { type MobilePanelHeader } from '../../../types';
+/**
+ * Хранит стеки закрытия и заголовков вложенных панелей.
+ * Нужен, чтобы общий UI (закрытие и шапка) всегда относился к верхнему уровню вложенности,
+ * а не к каждому по отдельности.
+ */
+export declare const usePanelStack: () => {
+    register: (close: (event: MouseEvent<HTMLElement>) => void) => () => void;
+    closeTop: (event: MouseEvent<HTMLElement>) => void;
+    setHeader: (headerId: string, header: MobilePanelHeader) => void;
+    removeHeader: (headerId: string) => void;
+    activeHeader: MobilePanelHeader | null;
+};

package/node/components/Tree/TreeItem/MobileSlidePanel/useLogic/hooks/usePanelStack/usePanelStack.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePanelStack = void 0;
+const react_1 = require("react");
+/**
+ * Хранит стеки закрытия и заголовков вложенных панелей.
+ * Нужен, чтобы общий UI (закрытие и шапка) всегда относился к верхнему уровню вложенности,
+ * а не к каждому по отдельности.
+ */
+const usePanelStack = () => {
+    const stackRef = (0, react_1.useRef)([]);
+    const headersRef = (0, react_1.useRef)(new Map());
+    const headerOrderRef = (0, react_1.useRef)([]);
+    const [activeHeader, setActiveHeader] = (0, react_1.useState)(null);
+    /**
+     * Добавляет обработчик закрытия в стек и возвращает функцию снятия.
+     * Нужен, чтобы текущим считался последний зарегистрированный слой.
+     */
+    const register = (0, react_1.useCallback)((close) => {
+        stackRef.current.push(close);
+        return () => {
+            stackRef.current = stackRef.current.filter((registeredClose) => registeredClose !== close);
+        };
+    }, []);
+    /**
+     * Вызывает обработчик закрытия верхнего слоя.
+     * Нужен, чтобы снимать слои по одному, с конца стека.
+     */
+    const closeTop = (0, react_1.useCallback)((event) => {
+        stackRef.current[stackRef.current.length - 1]?.(event);
+    }, []);
+    /**
+     * Записывает или обновляет заголовок слоя. Если слой верхний — публикует его.
+     * Нужен, чтобы общий заголовок отражал текущий слой без смены порядка стека
+     * при повторной записи того же id.
+     */
+    const setHeader = (0, react_1.useCallback)((headerId, header) => {
+        const isNew = !headersRef.current.has(headerId);
+        headersRef.current.set(headerId, header);
+        if (isNew) {
+            headerOrderRef.current.push(headerId);
+        }
+        const topId = headerOrderRef.current[headerOrderRef.current.length - 1];
+        if (topId === headerId) {
+            setActiveHeader(header);
+        }
+    }, []);
+    /**
+     * Удаляет заголовок слоя и публикует предыдущий верхний.
+     * Нужен, чтобы заголовок следовал за разбором стека.
+     */
+    const removeHeader = (0, react_1.useCallback)((headerId) => {
+        headersRef.current.delete(headerId);
+        headerOrderRef.current = headerOrderRef.current.filter((headerItemId) => headerItemId !== headerId);
+        const topId = headerOrderRef.current[headerOrderRef.current.length - 1];
+        setActiveHeader(topId ? (headersRef.current.get(topId) ?? null) : null);
+    }, []);
+    return {
+        register,
+        closeTop,
+        setHeader,
+        removeHeader,
+        activeHeader,
+    };
+};
+exports.usePanelStack = usePanelStack;

package/node/components/Tree/TreeItem/MobileSlidePanel/useLogic/index.d.ts

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