@astral/ui 4.82.0 → 4.84.0

package/node/components/Onboarding/types/config.d.ts

@@ -0,0 +1,18 @@
+import { type SaveStrategyFactory } from './progress';
+/**
+ * Конфигурация экземпляра онбординга
+ */
+export type OnboardingConfig = {
+    /**
+     * Фабрика стратегии хранения прогресса: вызывается при создании каждого
+     * тура, получает его имя. По умолчанию — `localStorage`.
+     *
+     * @example
+     * // Бэкенд реализация
+     * saveStrategy: (tourName) => ({
+     *   save: (data) => api.saveProgress(tourName, data),
+     *   load: () => api.loadProgress(tourName),
+     * })
+     */
+    saveStrategy?: SaveStrategyFactory;
+};

package/node/components/Onboarding/types/config.js

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

package/node/components/Onboarding/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './step';
+export * from './progress';
+export * from './config';
+export * from './tour';

package/node/components/Onboarding/types/index.js

@@ -0,0 +1,20 @@
+"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("./step"), exports);
+__exportStar(require("./progress"), exports);
+__exportStar(require("./config"), exports);
+__exportStar(require("./tour"), exports);

package/node/components/Onboarding/types/progress.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Прогресс прохождения тура, сохраняемый между сессиями
+ */
+export type TourProgress = {
+    lastStepName: string;
+    /**
+     * Тур пройден до конца.
+     */
+    isCompleted: boolean;
+    /**
+     * «Больше не показывать»: ставится при прохождении до конца ИЛИ подтверждённом
+     * выходе.
+     */
+    isDismissed: boolean;
+};
+/**
+ * Стратегия хранения прогресса тура.
+ */
+export type SaveStrategy = {
+    save: (data: TourProgress) => void | Promise<void>;
+    load: () => TourProgress | null | Promise<TourProgress | null>;
+    /**
+     * Полное удаление сохранённого прогресса.
+     * Если не реализовано, прогресс сбрасывается перезаписью пустым состоянием.
+     */
+    remove?: () => void | Promise<void>;
+};
+export type SaveStrategyFactory = (tourName: string) => SaveStrategy;

package/node/components/Onboarding/types/progress.js

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

package/node/components/Onboarding/types/step.d.ts

@@ -0,0 +1,144 @@
+import { type ReactNode } from 'react';
+import { type DialogSize } from '../../Dialog';
+import { type TOUR_ID_ATTR } from '../constants';
+/**
+ * Содержимое шага.
+ */
+export type StepContent = ReactNode;
+/**
+ * Рантайм-переопределение содержимого шага.
+ */
+export type StepOverride = {
+    title?: StepContent;
+    content?: StepContent;
+};
+/**
+ * Тип шага:
+ * - `standalone` — самостоятельная модалка по центру экрана;
+ * - `highlight` — подсветка элемента UI рядом с popover.
+ */
+export type StepType = 'highlight' | 'standalone';
+/**
+ * Желаемая позиция popover относительно подсвечиваемого элемента.
+ */
+export type StepPosition = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * Описание одного шага тура.
+ */
+export type Step = {
+    /**
+     * Уникальное в рамках тура имя шага.
+     */
+    name: string;
+    /**
+     * Заголовок шага.
+     */
+    title?: StepContent;
+    /**
+     * Содержимое шага.
+     */
+    content?: StepContent;
+    /**
+     * Тип шага:
+     * - `standalone` — самостоятельная модалка по центру экрана;
+     * - `highlight` — подсветка элемента UI рядом с popover.
+     */
+    type: StepType;
+    /**
+     * Желаемая позиция popover (только для highlight).
+     * @default 'bottom'
+     */
+    position?: StepPosition;
+    /**
+     * Отступ подсветки вокруг выделяемого элемента.
+     * @default '8px'
+     * @example '4px'
+     */
+    highlightOffset?: `${number}px`;
+    /**
+     * Можно ли кликать по подсвечиваемому элементу во время тура.
+     * @default false
+     */
+    isInteractive?: boolean;
+    /**
+     * Показывать ли кнопку перехода вперёд.
+     * @default true
+     */
+    isNextButtonVisible?: boolean;
+    /**
+     * Показывать ли кнопку перехода назад.
+     * @default true
+     */
+    isPrevButtonVisible?: boolean;
+    /**
+     * Обратный вызов перед переходом к следующему шагу.
+     */
+    onNextClick?: () => void;
+    /**
+     * Обратный вызов перед переходом к предыдущему шагу.
+     */
+    onPrevClick?: () => void;
+    /**
+     * Пропускать шаг при навигации.
+     */
+    shouldSkip?: boolean | (() => boolean);
+    /**
+     * При переходе на этот шаг тур встаёт в ожидание и НЕ отрисовывает шаг, пока не
+     * будет вызван `tour.resume()`.
+     */
+    waitForResume?: boolean;
+    /**
+     * Размер диалога для standalone-шага. Для highlight-шага игнорируется.
+     * @default 'xs'
+     */
+    dialogSize?: DialogSize;
+    /**
+     * Сколько миллисекунд тур ждёт появления элемента highlight-шага в DOM.
+     *
+     * По умолчанию (`0`) элемент ищется сразу; если его нет — срабатывает `onError`.
+     * Задавайте, только когда элемент появляется сам (анимация, поздняя отрисовка).
+     * Если появление зависит от действия пользователя или загрузки данных —
+     * используйте `waitForResume`, а не тайм-аут: подобранное вручную значение
+     * сработает у вас, но на более медленном устройстве или соединении пользователя
+     * тур может не дождаться элемента.
+     * @default 0
+     */
+    waitForTimeout?: number;
+};
+/**
+ * Шаг с уже применёнными значениями по умолчанию.
+ */
+export type ResolvedStep = Step & {
+    isNextButtonVisible: boolean;
+    isPrevButtonVisible: boolean;
+    /**
+     * Итоговая позиция popover: значение по умолчанию -`'bottom'`.
+     */
+    position: StepPosition;
+    /**
+     * Итоговый размер диалога standalone-шага: значение по умолчанию `'xs'`.
+     */
+    dialogSize: DialogSize;
+    /**
+     * Итоговый тайм-аут ожидания элемента (мс)`
+     */
+    waitForTimeout: number;
+};
+/**
+ * Объект управления шагом, возвращаемый через `tour.steps[stepName]/tour.steps.stepName`.
+ */
+export type StepHandle = {
+    /**
+     * Параметры (атрибут `data-tour-id`) для передачи в подсвечиваемый элемент.
+     * @example <button {...tour.steps.save.getHighlightProps()} />
+     */
+    getHighlightProps: () => Record<typeof TOUR_ID_ATTR, string>;
+    setTitle: (title: StepContent) => void;
+    setContent: (content: StepContent) => void;
+};
+/**
+ * Карта объектов управления шагами по их литеральным именам — типобезопасный `tour.steps`.
+ */
+export type StepHandles<TSteps extends readonly Step[]> = {
+    [TName in TSteps[number]['name']]: StepHandle;
+};

package/node/components/Onboarding/types/step.js

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

package/node/components/Onboarding/types/tour.d.ts

@@ -0,0 +1,168 @@
+import { type ResolvedStep, type Step } from './step';
+/**
+ * Конфигурация тура.
+ */
+export type OnboardingTourConfig<TSteps extends readonly Step[]> = {
+    /**
+     * Имя тура.
+     */
+    name: string;
+    /**
+     * Шаги тура.
+     */
+    steps: TSteps;
+    /**
+     * Можно ли кликать по подсвечиваемым элементам во время тура.
+     * Значение задаётся для всех шагов тура.
+     * @default false
+     */
+    isInteractive?: boolean;
+    /**
+     * Показывать точки прогресса. Если видимых шагов больше 6 — точки не
+     * отображаются никогда, даже при `true`.
+     * @default true
+     */
+    isDotsVisible?: boolean;
+    /**
+     * Показывать счётчик прогресса `n / total`.
+     * @default true
+     */
+    isCounterVisible?: boolean;
+    /**
+     * Тексты диалога подтверждения выхода.
+     */
+    confirmExit?: ConfirmExitConfig;
+    /**
+     * Настройки кнопок навигации внизу шага.
+     */
+    buttons?: OnboardingButtons;
+    /**
+     * Общий тайм-аут ожидания элементов highlight-шагов в DOM (мс).
+     * Переопределяется на уровне шага через `step.waitForTimeout`.
+     *
+     * По умолчанию (`0`) элементы ищутся синхронно, без ожидания.
+     * @default 0
+     */
+    waitForTimeout?: number;
+    /**
+     * Обработчик ошибок тура.
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Обработчик закрытия тура, с причиной.
+     */
+    onClose?: (reason: OnboardingCloseReason) => void;
+};
+/**
+ * Причина, по которой тур ушёл с экрана.
+ * - `completed` — пройден до конца;
+ * - `dismissed` — пользователь прервал с подтверждением;
+ * - `closed` — программное закрытие или авто-закрытие из-за ошибки рендера шага.
+ */
+export type OnboardingCloseReason = 'completed' | 'dismissed' | 'closed';
+/**
+ * Настройка для диалога подтверждения выхода.
+ */
+export type ConfirmExitConfig = {
+    title?: string;
+    description?: string;
+    confirmText?: string;
+    cancelText?: string;
+};
+/**
+ * Вариант кнопки завершения на последнем шаге тура.
+ */
+export type OnboardingFinishButtonVariant = 'contained' | 'text';
+/**
+ * Настройки кнопок навигации внизу шага.
+ */
+export type OnboardingButtons = {
+    /**
+     * Текст кнопки «назад».
+     * @default 'Назад'
+     */
+    prevLabel?: string;
+    /**
+     * Текст кнопки «вперёд».
+     * @default 'Далее'
+     */
+    nextLabel?: string;
+    /**
+     * Текст кнопки завершения на последнем шаге.
+     * @default 'Закрыть'
+     */
+    finishLabel?: string;
+    /**
+     * Вариант кнопки завершения на последнем шаге.
+     * @default 'contained'
+     */
+    finishVariant?: OnboardingFinishButtonVariant;
+};
+/**
+ * Презентационная конфигурация тура — статична на весь тур (не зависит от
+ * активного шага), значения по умолчанию уже применены в `StepResolver`. Вынесена из
+ * пошагового состояния, чтобы не дублировать проброс одних и тех же полей
+ * на каждом шаге.
+ */
+export type TourPresentation = {
+    /**
+     * Показывать точки прогресса (скрываются если шагов > 6, даже при `true`).
+     */
+    isDotsVisible: boolean;
+    /**
+     * Показывать счётчик прогресса `n / total`.
+     */
+    isCounterVisible: boolean;
+    /**
+     * Тексты диалога подтверждения выхода.
+     */
+    confirmExit: ConfirmExitConfig;
+    /**
+     * Настройки кнопок навигации
+     */
+    buttons: Required<OnboardingButtons>;
+};
+/**
+ * Состояние активного шага.
+ */
+export type ActiveStepState = TourPresentation & {
+    tourName: string;
+    step: ResolvedStep;
+    /**
+     * Позиция активного шага среди видимых шагов, с нуля.
+     */
+    position: number;
+    /**
+     * Число видимых шагов = число точек индикатора прогресса.
+     */
+    total: number;
+    hasNext: boolean;
+    hasPrev: boolean;
+    isInteractive: boolean;
+    /**
+     * Идёт ли сейчас запроса подтверждения выхода (показан ConfirmExit).
+     */
+    isConfirming: boolean;
+    onNext: () => void;
+    onPrev: () => void;
+    /**
+     * Переход к шагу по его позиции среди видимых шагов.
+     */
+    onSelectStep: (position: number) => void;
+    /**
+     * Единая точка выхода
+     */
+    requestClose: () => void;
+    /**
+     * Вызывается диалогом ConfirmExit при подтверждении выхода.
+     */
+    onConfirmExit: () => void;
+    /**
+     * Вызывается диалогом ConfirmExit при отмене выхода.
+     */
+    onCancelExit: () => void;
+    /**
+     * Обработчик ошибок тура.
+     */
+    onError: (error: Error) => void;
+};

package/node/components/Onboarding/types/tour.js

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

package/node/components/Onboarding/ui/ConfirmExit/ConfirmExit.d.ts

@@ -0,0 +1,10 @@
+export type ConfirmExitProps = {
+    open: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+    title?: string;
+    description?: string;
+    confirmText?: string;
+    cancelText?: string;
+};
+export declare const ConfirmExit: ({ open, onConfirm, onCancel, title, description, confirmText, cancelText, }: ConfirmExitProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/Onboarding/ui/ConfirmExit/ConfirmExit.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmExit = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+const ConfirmExit = ({ open, onConfirm, onCancel, title = 'Выйти из обучения?', description = 'Вы сможете пройти его заново в любой момент', confirmText = 'Выйти', cancelText = 'Продолжить', }) => ((0, jsx_runtime_1.jsx)(styles_1.ConfirmExitDialog, { open: open, title: title, description: description, onClose: onCancel, actions: {
+        confirm: { text: confirmText, variant: 'text', onClick: onConfirm },
+        cancel: { text: cancelText, variant: 'contained' },
+    } }));
+exports.ConfirmExit = ConfirmExit;

package/node/components/Onboarding/ui/ConfirmExit/index.d.ts

@@ -0,0 +1,2 @@
+export { ConfirmExit } from './ConfirmExit';
+export type { ConfirmExitProps } from './ConfirmExit';

package/node/components/Onboarding/ui/ConfirmExit/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmExit = void 0;
+var ConfirmExit_1 = require("./ConfirmExit");
+Object.defineProperty(exports, "ConfirmExit", { enumerable: true, get: function () { return ConfirmExit_1.ConfirmExit; } });

package/node/components/Onboarding/ui/ConfirmExit/styles.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export declare const ConfirmExitDialog: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+    title?: string | undefined;
+    description?: import("react").ReactNode;
+    onClose: () => void;
+    actions: {
+        confirm: Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+            variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
+            loading?: boolean | undefined;
+            color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
+            component?: import("react").ElementType | undefined;
+            selected?: boolean | undefined;
+            size?: "large" | "medium" | undefined;
+        } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & {
+            text: string;
+        };
+        cancel?: (Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+            variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
+            loading?: boolean | undefined;
+            color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
+            component?: import("react").ElementType | undefined;
+            selected?: boolean | undefined;
+            size?: "large" | "medium" | undefined;
+        } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & {
+            text: string;
+        }) | undefined;
+    };
+} & Pick<import("../../..").DialogProps, "className" | "aria-describedby" | "aria-labelledby" | "open" | "size" | "disablePortal" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "disableBackdropClick"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/node/components/Onboarding/ui/ConfirmExit/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmExitDialog = void 0;
+const ConfirmDialog_1 = require("../../../ConfirmDialog");
+const constants_1 = require("../../../ConfirmDialog/constants");
+const styled_1 = require("../../../styled");
+const styles_1 = require("../styles");
+exports.ConfirmExitDialog = (0, styled_1.styled)(ConfirmDialog_1.ConfirmDialog) `
+  ${({ theme }) => (0, styles_1.onboardingModalSurface)(theme)};
+  
+  .${constants_1.confirmDialogClassnames.confirmButton} {
+    order: -1;
+  }
+`;

package/node/components/Onboarding/ui/OnboardingContainer/OnboardingContainer.d.ts

@@ -0,0 +1,12 @@
+import { type Onboarding } from '../../Onboarding';
+export type OnboardingContainerProps = {
+    /**
+     * Экземпляр онбординга, созданный через `createOnboarding`. Контейнер
+     * показывает туры только этого экземпляра.
+     */
+    onboarding: Onboarding;
+};
+/**
+ * Контейнер онбординга.
+ */
+export declare const OnboardingContainer: ({ onboarding, }: OnboardingContainerProps) => import("react/jsx-runtime").JSX.Element | null;

package/node/components/Onboarding/ui/OnboardingContainer/OnboardingContainer.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnboardingContainer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ConfirmExit_1 = require("../ConfirmExit");
+const StepStrategy_1 = require("../StepStrategy");
+const OnboardingErrorBoundary_1 = require("./OnboardingErrorBoundary");
+const useLogic_1 = require("./useLogic");
+/**
+ * Контейнер онбординга.
+ */
+const OnboardingContainer = ({ onboarding, }) => {
+    const { activeStep, isClosing } = (0, useLogic_1.useLogic)(onboarding);
+    if (!activeStep) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(OnboardingErrorBoundary_1.OnboardingErrorBoundary, { onError: activeStep.onError, children: [(0, jsx_runtime_1.jsx)(StepStrategy_1.StepStrategy, { activeStep: activeStep, isClosing: isClosing }), (0, jsx_runtime_1.jsx)(ConfirmExit_1.ConfirmExit, { open: activeStep.isConfirming && !isClosing, onConfirm: activeStep.onConfirmExit, onCancel: activeStep.onCancelExit, ...activeStep.confirmExit })] }));
+};
+exports.OnboardingContainer = OnboardingContainer;

package/node/components/Onboarding/ui/OnboardingContainer/OnboardingErrorBoundary/OnboardingErrorBoundary.d.ts

@@ -0,0 +1,22 @@
+import { Component, type ReactNode } from 'react';
+export type OnboardingErrorBoundaryProps = {
+    /**
+     * Вызывается при перехвате ошибки render активного шага.
+     */
+    onError: (error: Error) => void;
+    children: ReactNode;
+};
+type State = {
+    hasError: boolean;
+};
+/**
+ * ErrorBoundary онбординга: при ошибке закрывает тур и вызывает `onError`
+ * (не использует глобальный UIKit-boundary,т.к у него другой контракт).
+ */
+export declare class OnboardingErrorBoundary extends Component<OnboardingErrorBoundaryProps, State> {
+    state: State;
+    static getDerivedStateFromError(): State;
+    componentDidCatch(error: Error): void;
+    render(): ReactNode;
+}
+export {};

package/node/components/Onboarding/ui/OnboardingContainer/OnboardingErrorBoundary/OnboardingErrorBoundary.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnboardingErrorBoundary = void 0;
+const react_1 = require("react");
+/**
+ * ErrorBoundary онбординга: при ошибке закрывает тур и вызывает `onError`
+ * (не использует глобальный UIKit-boundary,т.к у него другой контракт).
+ */
+class OnboardingErrorBoundary extends react_1.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    componentDidCatch(error) {
+        this.props.onError(error);
+    }
+    render() {
+        return this.state.hasError ? null : this.props.children;
+    }
+}
+exports.OnboardingErrorBoundary = OnboardingErrorBoundary;

package/node/components/Onboarding/ui/OnboardingContainer/OnboardingErrorBoundary/index.d.ts

@@ -0,0 +1,2 @@
+export { OnboardingErrorBoundary } from './OnboardingErrorBoundary';
+export type { OnboardingErrorBoundaryProps } from './OnboardingErrorBoundary';

package/node/components/Onboarding/ui/OnboardingContainer/OnboardingErrorBoundary/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnboardingErrorBoundary = void 0;
+var OnboardingErrorBoundary_1 = require("./OnboardingErrorBoundary");
+Object.defineProperty(exports, "OnboardingErrorBoundary", { enumerable: true, get: function () { return OnboardingErrorBoundary_1.OnboardingErrorBoundary; } });

package/node/components/Onboarding/ui/OnboardingContainer/index.d.ts

@@ -0,0 +1 @@
+export { OnboardingContainer, type OnboardingContainerProps, } from './OnboardingContainer';

package/node/components/Onboarding/ui/OnboardingContainer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnboardingContainer = void 0;
+var OnboardingContainer_1 = require("./OnboardingContainer");
+Object.defineProperty(exports, "OnboardingContainer", { enumerable: true, get: function () { return OnboardingContainer_1.OnboardingContainer; } });

package/node/components/Onboarding/ui/OnboardingContainer/useLogic/index.d.ts

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

package/node/components/Onboarding/ui/OnboardingContainer/useLogic/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+var useLogic_1 = require("./useLogic");
+Object.defineProperty(exports, "useLogic", { enumerable: true, get: function () { return useLogic_1.useLogic; } });

package/node/components/Onboarding/ui/OnboardingContainer/useLogic/useLogic.d.ts

@@ -0,0 +1,10 @@
+import { type Onboarding } from '../../../Onboarding';
+import { type ActiveStepState } from '../../../types';
+export type UseLogicResult = {
+    activeStep: ActiveStepState | null;
+    isClosing: boolean;
+};
+/**
+ * Логика контейнера: читает шаг из store, держит его при закрытии для анимации.
+ */
+export declare const useLogic: (onboarding: Onboarding) => UseLogicResult;

package/node/components/Onboarding/ui/OnboardingContainer/useLogic/useLogic.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const useTheme_1 = require("../../../../theme/hooks/useTheme");
+const useActiveStep_1 = require("../../hooks/useActiveStep");
+const useDelayedActiveStep_1 = require("../../hooks/useDelayedActiveStep");
+const useKeyboardNav_1 = require("../../hooks/useKeyboardNav");
+/**
+ * Логика контейнера: читает шаг из store, держит его при закрытии для анимации.
+ */
+const useLogic = (onboarding) => {
+    const theme = (0, useTheme_1.useTheme)();
+    const currentStep = (0, useActiveStep_1.useActiveStep)(onboarding.activeStepStore);
+    const { active: activeStep, isClosing } = (0, useDelayedActiveStep_1.useDelayedActiveStep)(currentStep, theme.transitions.duration.enteringScreen);
+    (0, useKeyboardNav_1.useKeyboardNav)(currentStep);
+    return { activeStep, isClosing };
+};
+exports.useLogic = useLogic;