@ozen-ui/kit 0.80.0 → 0.81.0

package/__inner__/cjs/utils/eventBus/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './EventBusEvents';
+export * from './EventBusListener';
+export * from './EventBusListenerCallback';
+export * from './ExtractEventBusEvents';

package/__inner__/cjs/utils/eventBus/types/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./EventBusEvents"), exports);
+tslib_1.__exportStar(require("./EventBusListener"), exports);
+tslib_1.__exportStar(require("./EventBusListenerCallback"), exports);
+tslib_1.__exportStar(require("./ExtractEventBusEvents"), exports);

package/__inner__/cjs/utils/index.d.ts

@@ -3,6 +3,7 @@ export * from './breakpoint';
 export * from './capitalizeFirstLetter';
 export * from './css';
 export * from './date';
+export * from './eventBus';
 export * from './generateUniqKey';
 export * from './getByMap';
 export * from './getScrollBarSize';

package/__inner__/cjs/utils/index.js

@@ -6,6 +6,7 @@ tslib_1.__exportStar(require("./breakpoint"), exports);
 tslib_1.__exportStar(require("./capitalizeFirstLetter"), exports);
 tslib_1.__exportStar(require("./css"), exports);
 tslib_1.__exportStar(require("./date"), exports);
+tslib_1.__exportStar(require("./eventBus"), exports);
 tslib_1.__exportStar(require("./generateUniqKey"), exports);
 tslib_1.__exportStar(require("./getByMap"), exports);
 tslib_1.__exportStar(require("./getScrollBarSize"), exports);

package/__inner__/cjs/utils/test-utils.d.ts

@@ -1,8 +1,16 @@
-import type { ReactElement } from 'react';
+import React from 'react';
+import type { ReactElement, Context } from 'react';
 import { type RenderResult, type RenderOptions } from '@testing-library/react';
 export type RenderFn = (component: ReactElement, options?: RenderOptions) => RenderResult;
 export type MatchesFn = (component: ReactElement, options?: RenderOptions) => ChildNode | HTMLCollection | null;
 export declare const render: RenderFn;
 export declare const renderInAct: (ui: ReactElement, options?: RenderOptions) => Promise<RenderResult>;
+export declare const TestConsumer: <ContextValue>({ context, onValue, }: {
+    context: Context<ContextValue>;
+    onValue: (value: ContextValue) => void;
+}) => null;
+export declare const createTestConsumer: <ContextValue>(context: Context<ContextValue>) => ({ onValue, }: {
+    onValue: (value: ContextValue) => void;
+}) => React.JSX.Element;
 declare const matches: MatchesFn;
 export default matches;

package/__inner__/cjs/utils/test-utils.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderInAct = exports.render = void 0;
+exports.createTestConsumer = exports.TestConsumer = exports.renderInAct = exports.render = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
 var react_2 = require("@testing-library/react");
 var OzenProvider_1 = require("../components/OzenProvider");
 var WithProviders = function (_a) {
@@ -30,6 +30,23 @@ var renderInAct = function (ui, options) { return tslib_1.__awaiter(void 0, void
     });
 }); };
 exports.renderInAct = renderInAct;
+var TestConsumer = function (_a) {
+    var context = _a.context, onValue = _a.onValue;
+    var contextValue = (0, react_1.useContext)(context);
+    (0, react_1.useEffect)(function () {
+        onValue(contextValue);
+    }, [contextValue]);
+    return null;
+};
+exports.TestConsumer = TestConsumer;
+var createTestConsumer = function (context) {
+    var Component = function (_a) {
+        var onValue = _a.onValue;
+        return react_1.default.createElement(exports.TestConsumer, { context: context, onValue: onValue });
+    };
+    return Component;
+};
+exports.createTestConsumer = createTestConsumer;
 var matches = function () {
     var args = [];
     for (var _i = 0; _i < arguments.length; _i++) {

package/__inner__/esm/components/Dialog/Dialog.d.ts

@@ -34,6 +34,7 @@ export declare const Dialog: React.ForwardRefExoticComponent<{
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
+    closeOnlyOnTop?: boolean;
 } & {
     container?: import("../../hooks/usePortalContainer").PortalContainer;
 } & Omit<import("../PortalBase").PortalBaseBaseProps, "container"> & {

package/__inner__/esm/components/DialogNext/components/DialogModal/DialogModal.d.ts

@@ -30,6 +30,7 @@ export declare const DialogModal: React.ForwardRefExoticComponent<{
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
+    closeOnlyOnTop?: boolean;
 } & {
     container?: import("../../../../hooks/usePortalContainer").PortalContainer;
 } & Omit<import("../../../PortalBase").PortalBaseBaseProps, "container"> & {

package/__inner__/esm/components/DialogNext/types.d.ts

@@ -6,7 +6,7 @@ import type { DIALOG_DEFAULT_DEVICE_TYPE } from './constants';
 import type { DialogDeviceType, DialogSizeVariantByDeviceType, DialogVariant } from './entities';
 export type DialogRef = HTMLDivElement;
 export type DialogRenderCloseButton = RenderContentTypeEmptyProps['content'];
-export type DialogContentBottomSheetProps = Omit<DialogBottomSheetProps, 'hideCloseButton' | 'backdrop' | 'open' | 'size' | 'variant' | 'closeButton' | 'onClose' | 'className'>;
+export type DialogContentBottomSheetProps = Omit<DialogBottomSheetProps, 'hideCloseButton' | 'backdrop' | 'open' | 'size' | 'variant' | 'closeButton' | 'onClose' | 'className' | 'children'>;
 export type DialogContentModalProps = Omit<DialogModalProps, 'open' | 'onClose' | 'hideCloseButton' | 'className' | 'closeButton' | 'size' | 'variant' | 'children'>;
 export type DialogBaseProps = {
     /** Если `true`, будет отображаться окно диалога */

package/__inner__/esm/components/Drawer/Drawer.d.ts

@@ -35,6 +35,7 @@ export declare const Drawer: React.ForwardRefExoticComponent<{
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
+    closeOnlyOnTop?: boolean;
 } & {
     container?: import("../../hooks/usePortalContainer").PortalContainer;
 } & Omit<import("../PortalBase").PortalBaseBaseProps, "container"> & {

package/__inner__/esm/components/Modal/Modal.d.ts

@@ -24,6 +24,7 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
+    closeOnlyOnTop?: boolean;
 } & {
     container?: import("../../hooks/usePortalContainer").PortalContainer;
 } & Omit<import("../PortalBase").PortalBaseBaseProps, "container"> & {

package/__inner__/esm/components/Modal/Modal.js

@@ -9,16 +9,21 @@ import { useFocusTrap } from '../../hooks/useFocusTrap';
 import { useLockBodyScroll } from '../../hooks/useLockBodyScroll';
 import { useMultiRef } from '../../hooks/useMultiRef';
 import { usePortalContainer } from '../../hooks/usePortalContainer';
+import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { isKey } from '../../utils/isKey';
 import { Backdrop } from '../Backdrop';
 import { PortalBase } from '../PortalBase';
 import { ModalConsumer } from './components';
-import { MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE, MODAL_DEFAULT_DISABLE_SCROLL_LOCK, MODAL_DEFAULT_ESCAPE_KEY_DOWN, MODAL_DEFAULT_HIDE_BACKDROP, MODAL_DEFAULT_KEEP_MOUNTED, MODAL_DEFAULT_OPEN, MODAL_DEFAULT_PORTAL_CONTAINER, } from './constants';
+import { MODAL_DEFAULT_CLOSE_ONLY_ON_TOP, MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE, MODAL_DEFAULT_DISABLE_SCROLL_LOCK, MODAL_DEFAULT_ESCAPE_KEY_DOWN, MODAL_DEFAULT_HIDE_BACKDROP, MODAL_DEFAULT_KEEP_MOUNTED, MODAL_DEFAULT_OPEN, MODAL_DEFAULT_PORTAL_CONTAINER, } from './constants';
 import { useModalManager } from './index';
 export var cnModal = cn('Modal');
-export var Modal = forwardRef(function (_a, ref) {
-    var _b = _a.open, open = _b === void 0 ? MODAL_DEFAULT_OPEN : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? MODAL_DEFAULT_KEEP_MOUNTED : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? MODAL_DEFAULT_HIDE_BACKDROP : _d, _e = _a.disableScrollLock, disableScrollLock = _e === void 0 ? MODAL_DEFAULT_DISABLE_SCROLL_LOCK : _e, _f = _a.disableClickOutside, disableClickOutside = _f === void 0 ? MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = _a.disableEscapeKeyDown, disableEscapeKeyDown = _g === void 0 ? MODAL_DEFAULT_ESCAPE_KEY_DOWN : _g, children = _a.children, onEnter = _a.onEnter, onEntered = _a.onEntered, onExit = _a.onExit, onExitedProp = _a.onExited, onClose = _a.onClose, backdropProps = _a.backdropProps, windowProps = _a.windowProps, transitionProps = _a.transitionProps, className = _a.className, ignoreClickOutsideRefs = _a.ignoreClickOutsideRefs, _h = _a.container, containerProp = _h === void 0 ? MODAL_DEFAULT_PORTAL_CONTAINER : _h, other = __rest(_a, ["open", "keepMounted", "hideBackdrop", "disableScrollLock", "disableClickOutside", "disableEscapeKeyDown", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs", "container"]);
+export var Modal = forwardRef(function (inProps, ref) {
+    var props = useThemeProps({
+        name: 'Modal',
+        props: inProps,
+    });
+    var _a = props.open, open = _a === void 0 ? MODAL_DEFAULT_OPEN : _a, _b = props.keepMounted, keepMounted = _b === void 0 ? MODAL_DEFAULT_KEEP_MOUNTED : _b, _c = props.hideBackdrop, hideBackdrop = _c === void 0 ? MODAL_DEFAULT_HIDE_BACKDROP : _c, _d = props.disableScrollLock, disableScrollLock = _d === void 0 ? MODAL_DEFAULT_DISABLE_SCROLL_LOCK : _d, _e = props.disableClickOutside, disableClickOutside = _e === void 0 ? MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE : _e, _f = props.disableEscapeKeyDown, disableEscapeKeyDown = _f === void 0 ? MODAL_DEFAULT_ESCAPE_KEY_DOWN : _f, children = props.children, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, onClose = props.onClose, backdropProps = props.backdropProps, windowProps = props.windowProps, transitionProps = props.transitionProps, className = props.className, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, _g = props.container, containerProp = _g === void 0 ? MODAL_DEFAULT_PORTAL_CONTAINER : _g, _h = props.closeOnlyOnTop, closeOnlyOnTop = _h === void 0 ? MODAL_DEFAULT_CLOSE_ONLY_ON_TOP : _h, other = __rest(props, ["open", "keepMounted", "hideBackdrop", "disableScrollLock", "disableClickOutside", "disableEscapeKeyDown", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs", "container", "closeOnlyOnTop"]);
     var hasBackdrop = !hideBackdrop;
     var rootRef = useRef(null);
     var windowInnerRef = useRef(null);
@@ -32,6 +37,7 @@ export var Modal = forwardRef(function (_a, ref) {
         active: isTop,
         focusinTrap: false,
     });
+    var isCloseHandlersActive = closeOnlyOnTop ? isTop : true;
     var modalConsumerMultiRef = useMultiRef([
         windowInnerRef,
         trapRef,
@@ -42,7 +48,7 @@ export var Modal = forwardRef(function (_a, ref) {
             windowInnerRef
         ], __read(refsClickOutside), false), __read((ignoreClickOutsideRefs || [])), false),
         handler: onClose,
-        active: open && !disableClickOutside,
+        active: open && !disableClickOutside && isCloseHandlersActive,
     });
     // Блокирует прокрутку основного окна приложения
     useLockBodyScroll(opened && !disableScrollLock);
@@ -78,13 +84,15 @@ export var Modal = forwardRef(function (_a, ref) {
                 return;
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
-        active: isTop && !disableEscapeKeyDown,
+        active: isCloseHandlersActive && !disableEscapeKeyDown,
     });
     if (!container) {
         return null;
     }
     return (React.createElement(CSSTransition, __assign({ classNames: cnModal({ animation: true }), nodeRef: rootRef, timeout: 300 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
-        React.createElement(PortalBase, __assign({}, other, { container: container, className: cnModal({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: portalMultiRef }),
+        React.createElement(PortalBase, __assign({}, other, { container: container, className: cnModal({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [
+                className,
+            ]), ref: portalMultiRef }),
             !hideBackdrop && (React.createElement(Backdrop, __assign({ zIndex: -1, open: openState }, backdropProps, { className: backdropProps === null || backdropProps === void 0 ? void 0 : backdropProps.className }))),
             React.createElement(ModalConsumer, __assign({}, windowProps, { ref: modalConsumerMultiRef }), children))));
 });

package/__inner__/esm/components/Modal/constants.d.ts

@@ -5,3 +5,4 @@ export declare const MODAL_DEFAULT_DISABLE_SCROLL_LOCK = false;
 export declare const MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export declare const MODAL_DEFAULT_ESCAPE_KEY_DOWN = false;
 export declare const MODAL_DEFAULT_PORTAL_CONTAINER: () => HTMLElement;
+export declare const MODAL_DEFAULT_CLOSE_ONLY_ON_TOP = true;

package/__inner__/esm/components/Modal/constants.js

@@ -7,3 +7,4 @@ export var MODAL_DEFAULT_ESCAPE_KEY_DOWN = false;
 export var MODAL_DEFAULT_PORTAL_CONTAINER = (function () {
     return window.document.body;
 });
+export var MODAL_DEFAULT_CLOSE_ONLY_ON_TOP = true;

package/__inner__/esm/components/Modal/types.d.ts

@@ -49,5 +49,7 @@ export type ModalProps = {
     'data-testid'?: string;
     /** Список ссылок на элементы при клике на которые Modal не будет закрываться (см. хук useClickOutside) */
     ignoreClickOutsideRefs?: RefObject<HTMLElement>[];
+    /** Закрыть только если окно находится на самом верхнем слое */
+    closeOnlyOnTop?: boolean;
 } & PortalProps;
 export type ModalRef = PortalRef;

package/__inner__/esm/components/OzenProvider/providers/theme/entities/defaultProps.d.ts

@@ -66,7 +66,7 @@ import type { SelectIconButtonProps, SelectProps } from '../../../../Select';
 import type { SliderProps } from '../../../../Slider';
 import type { SnackbarProviderProps } from '../../../../Snackbar';
 import type { StackProps } from '../../../../Stack';
-import type { StepperVerticalProps, StepperVerticalStepButtonProps, StepperVerticalStepProps, StepperVerticalIndicatorProps, StepperVerticalIconIndicatorProps } from '../../../../StepperVertical';
+import type { StepperVerticalStepSubstepButtonProps, StepperVerticalProps, StepperVerticalStepButtonProps, StepperVerticalStepProps, StepperVerticalIndicatorProps, StepperVerticalIconIndicatorProps } from '../../../../StepperVertical';
 import type { TableContainerProps, TableProps, TableCaptionProps, TableCellProps } from '../../../../Table';
 import type { TagProps } from '../../../../Tag';
 import type { TagProps as TagPropsNext } from '../../../../TagNext';
@@ -193,6 +193,7 @@ export type ThemeDefaultProps = {
     StepperVertical?: Partial<StepperVerticalProps>;
     StepperVerticalStep?: Partial<StepperVerticalStepProps>;
     StepperVerticalStepButton?: Partial<StepperVerticalStepButtonProps>;
+    StepperVerticalStepSubstepButton?: Partial<StepperVerticalStepSubstepButtonProps>;
     StepperVerticalIconIndicator?: Partial<StepperVerticalIconIndicatorProps>;
     StepperVerticalIndicator?: Partial<StepperVerticalIndicatorProps>;
     Table?: Partial<TableProps>;

package/__inner__/esm/components/StepperVertical/StepperVertical.d.ts

@@ -2,6 +2,7 @@ import './StepperVertical.css';
 import './modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.css';
 import './modules/StepperVerticalIndicator/StepperVerticalIndicator.css';
 import './modules/StepperVerticalStep/StepperVerticalStep.css';
+import './modules/StepperVerticalStepSubstepButton/StepperVerticalStepSubstepButton.css';
 import type { StepperVerticalBaseProps } from './types';
 export declare const cnStepperVertical: import("@bem-react/classname").ClassNameFormatter;
 export declare const StepperVertical: import("../../utils").PolymorphicComponentWithRef<StepperVerticalBaseProps, "div", "as">;

package/__inner__/esm/components/StepperVertical/StepperVertical.js

@@ -3,16 +3,27 @@ import './StepperVertical.css';
 import './modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.css';
 import './modules/StepperVerticalIndicator/StepperVerticalIndicator.css';
 import './modules/StepperVerticalStep/StepperVerticalStep.css';
-import React from 'react';
+import './modules/StepperVerticalStepSubstepButton/StepperVerticalStepSubstepButton.css';
+import React, { useRef, useMemo } from 'react';
+import { useMultiRef } from '../../hooks/useMultiRef';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn, polymorphicComponentWithRef } from '../../utils';
 import { Stack } from '../Stack';
 import { STEPPER_VERTICAL_DEFAULT_ELLIPSIS, STEPPER_VERTICAL_DEFAULT_TAG, } from './constants';
+import { useStepperVerticalStepsControl, useStepperVerticalStepsStructure, } from './hooks';
 import { StepperVerticalContext } from './StepperVerticalContext';
 export var cnStepperVertical = cn('StepperVertical');
 export var StepperVertical = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ name: 'StepperVertical', props: inProps });
     var children = props.children, _a = props.as, as = _a === void 0 ? STEPPER_VERTICAL_DEFAULT_TAG : _a, _b = props.ellipsis, ellipsis = _b === void 0 ? STEPPER_VERTICAL_DEFAULT_ELLIPSIS : _b, className = props.className, fullWidth = props.fullWidth, other = __rest(props, ["children", "as", "ellipsis", "className", "fullWidth"]);
-    return (React.createElement(StepperVerticalContext.Provider, { value: { ellipsis: ellipsis } },
-        React.createElement(Stack, __assign({}, other, { ref: ref, as: as, className: cnStepperVertical('', [className]), direction: "column", display: fullWidth ? 'block' : 'inline' }), children)));
+    var internalRef = useRef(null);
+    var stepsControl = useStepperVerticalStepsControl();
+    var structure = useStepperVerticalStepsStructure(internalRef, stepsControl, children);
+    var memoizedContextValue = useMemo(function () { return ({
+        ellipsis: ellipsis,
+        stepsControl: stepsControl,
+        structure: structure,
+    }); }, [ellipsis, stepsControl, structure]);
+    return (React.createElement(StepperVerticalContext.Provider, { value: memoizedContextValue },
+        React.createElement(Stack, __assign({}, other, { ref: useMultiRef([internalRef, ref]), as: as, className: cnStepperVertical('', [className]), direction: "column", display: fullWidth ? 'block' : 'inline' }), children)));
 });

package/__inner__/esm/components/StepperVertical/StepperVerticalContext.d.ts

@@ -1,5 +1,13 @@
+import type { StoredValue } from '../../hooks/useStoredValue';
+import { EventBus } from '../../utils';
+import type { StepperVerticalStepsControl, StepperVerticalStepsStructure, StepperVerticalStepsStructureEvents } from './hooks';
 export type StepperVerticalContextValue = {
     ellipsis: boolean;
+    stepsControl: StepperVerticalStepsControl;
+    structure: {
+        value: StoredValue<StepperVerticalStepsStructure>;
+        eventBus: EventBus<StepperVerticalStepsStructureEvents>;
+    };
 };
 export declare const StepperVerticalContextDefaultValue: StepperVerticalContextValue;
 export declare const StepperVerticalContext: import("react").Context<StepperVerticalContextValue>;

package/__inner__/esm/components/StepperVertical/StepperVerticalContext.js

@@ -1,8 +1,18 @@
 import { useContext, createContext } from 'react';
 import { isDev } from '../../constants/environment';
+import { EventBus } from '../../utils';
 import { STEPPER_VERTICAL_DEFAULT_ELLIPSIS } from './constants';
 export var StepperVerticalContextDefaultValue = {
     ellipsis: STEPPER_VERTICAL_DEFAULT_ELLIPSIS,
+    stepsControl: {
+        steps: { current: {} },
+        initializeStep: function () { },
+        deleteStep: function () { },
+    },
+    structure: {
+        value: { current: { nodes: [], nodeById: {} } },
+        eventBus: new EventBus(),
+    },
 };
 export var StepperVerticalContext = createContext(StepperVerticalContextDefaultValue);
 export var useStepperVerticalContext = function () {

package/__inner__/esm/components/StepperVertical/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useStepperVerticalCreateStep';
+export * from './useStepperVerticalStepsControl';
+export * from './useStepperVerticalStepsStructure';
+export * from './useStepperVerticalStepHelper';

package/__inner__/esm/components/StepperVertical/hooks/index.js

@@ -0,0 +1,4 @@
+export * from './useStepperVerticalCreateStep';
+export * from './useStepperVerticalStepsControl';
+export * from './useStepperVerticalStepsStructure';
+export * from './useStepperVerticalStepHelper';

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalCreateStep/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './useStepperVerticalCreateStep';

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalCreateStep/index.js

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './useStepperVerticalCreateStep';

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalCreateStep/types.d.ts

@@ -0,0 +1,11 @@
+import type { Dispatch, RefObject, SetStateAction } from 'react';
+export type StepperVerticalStepControl = {
+    id: string;
+    ref: RefObject<HTMLElement | null>;
+    root: StepperVerticalStepControl | null;
+    substeps: Record<string, StepperVerticalStepControl>;
+    registerSubstep: (substep: StepperVerticalStepControl) => void;
+    unregisterSubstep: (substep: StepperVerticalStepControl) => void;
+    isSubStepsOpen: boolean;
+    setIsSubStepsOpen: Dispatch<SetStateAction<boolean>>;
+};

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalCreateStep/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalCreateStep/useStepperVerticalCreateStep.d.ts

@@ -0,0 +1,2 @@
+import type { StepperVerticalStepControl } from './types';
+export declare const useStepperVerticalCreateStep: (root?: StepperVerticalStepControl) => StepperVerticalStepControl;

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalCreateStep/useStepperVerticalCreateStep.js

@@ -0,0 +1,44 @@
+import { __read } from "tslib";
+import { useCallback, useRef, useState, useEffect } from 'react';
+import { useStoredValue } from '../../../../hooks/useStoredValue';
+import { useUniqueId } from '../../../../hooks/useUniqueId';
+import { useStepperVerticalContext } from '../../StepperVerticalContext';
+export var useStepperVerticalCreateStep = function (root) {
+    var id = useUniqueId();
+    var _a = __read(useState(false), 2), isSubStepsOpen = _a[0], setIsSubStepsOpen = _a[1];
+    var stepperVerticalContext = useStepperVerticalContext();
+    var ref = useRef(null);
+    var step = useStoredValue(function () { return ({
+        id: id,
+        root: root !== null && root !== void 0 ? root : null,
+        ref: ref,
+        isSubStepsOpen: isSubStepsOpen,
+        setIsSubStepsOpen: setIsSubStepsOpen,
+        unregisterSubstep: function () { },
+        registerSubstep: function () { },
+        substeps: {},
+    }); });
+    var registerSubstep = useCallback(function (substep) {
+        step.current.substeps[substep.id] = substep;
+    }, []);
+    var unregisterSubstep = useCallback(function (substep) {
+        delete step.current.substeps[substep.id];
+    }, []);
+    step.current.isSubStepsOpen = isSubStepsOpen;
+    step.current.root = root !== null && root !== void 0 ? root : null;
+    step.current.registerSubstep = registerSubstep;
+    step.current.unregisterSubstep = unregisterSubstep;
+    useEffect(function () {
+        stepperVerticalContext.stepsControl.initializeStep(step.current);
+        if (root) {
+            root.registerSubstep(step.current);
+        }
+        return function () {
+            stepperVerticalContext.stepsControl.deleteStep(step.current);
+            if (root) {
+                root.unregisterSubstep(step.current);
+            }
+        };
+    }, []);
+    return step.current;
+};

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalStepHelper.d.ts

@@ -0,0 +1,5 @@
+import type { StepperVerticalStepControl } from './useStepperVerticalCreateStep';
+export declare const useStepperVerticalStepHelper: (step: StepperVerticalStepControl) => {
+    hasPrevious: boolean;
+    hasNext: boolean;
+};

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalStepHelper.js

@@ -0,0 +1,88 @@
+import { __read } from "tslib";
+import { useEffect, useState } from 'react';
+import { useEventBusEvents } from '../../../hooks/useEventBusEvents';
+import { useStepperVerticalContext } from '../StepperVerticalContext';
+export var useStepperVerticalStepHelper = function (step) {
+    var _a;
+    var structure = useStepperVerticalContext().structure;
+    var _b = __read(useState(false), 2), hasPrevious = _b[0], setHasPrevious = _b[1];
+    var _c = __read(useState(false), 2), hasNext = _c[0], setHasNext = _c[1];
+    var getStructureNode = function (forStep) {
+        var _a;
+        if (forStep === void 0) { forStep = step; }
+        var node = (_a = structure.value.current.nodeById[forStep.id]) !== null && _a !== void 0 ? _a : null;
+        return node;
+    };
+    var getNodeIndex = function (node) {
+        if (!node.root) {
+            return structure.value.current.nodes.indexOf(node);
+        }
+        return node.root.substeps.indexOf(node);
+    };
+    var checkHasNext = function (forStep) {
+        if (forStep === void 0) { forStep = step; }
+        if (forStep.isSubStepsOpen) {
+            return true;
+        }
+        var node = getStructureNode(forStep);
+        if (!node) {
+            return false;
+        }
+        var nodeIndex = getNodeIndex(node);
+        if (!node.root) {
+            return !!structure.value.current.nodes[nodeIndex + 1];
+        }
+        var sameLevelNext = node.root.substeps[nodeIndex + 1];
+        if (sameLevelNext) {
+            return true;
+        }
+        var checkHasTopLevelNext = function (node) {
+            if (!node.root) {
+                return false;
+            }
+            var rootIndex = getNodeIndex(node.root);
+            var nextStep = node.root.root
+                ? node.root.root.substeps[rootIndex + 1]
+                : structure.value.current.nodes[rootIndex + 1];
+            if (nextStep) {
+                return true;
+            }
+            return checkHasTopLevelNext(node.root);
+        };
+        var otherLevelNext = checkHasTopLevelNext(node);
+        return otherLevelNext;
+    };
+    var checkHasPrevious = function (forStep) {
+        if (forStep === void 0) { forStep = step; }
+        var node = getStructureNode(forStep);
+        if (!node) {
+            return false;
+        }
+        var nodeIndex = getNodeIndex(node);
+        if (!node.root) {
+            return !!structure.value.current.nodes[nodeIndex - 1];
+        }
+        var rootHasNext = checkHasNext(node.root.step);
+        if (rootHasNext) {
+            return true;
+        }
+        if (nodeIndex === 0) {
+            return node.root.step.isSubStepsOpen;
+        }
+        return true;
+    };
+    var recalculate = function () {
+        setHasPrevious(checkHasPrevious());
+        setHasNext(checkHasNext());
+    };
+    useEventBusEvents(structure.eventBus, {
+        update: recalculate,
+    });
+    useEffect(function () {
+        recalculate();
+    }, [step.isSubStepsOpen, (_a = step.root) === null || _a === void 0 ? void 0 : _a.isSubStepsOpen]);
+    return {
+        hasPrevious: hasPrevious,
+        hasNext: hasNext,
+    };
+};

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalStepsControl/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './useStepperVerticalStepsControl';

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalStepsControl/index.js

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './useStepperVerticalStepsControl';

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalStepsControl/types.d.ts

@@ -0,0 +1,8 @@
+import type { StoredValue } from '../../../../hooks/useStoredValue';
+import type { StepperVerticalStepControl } from '../useStepperVerticalCreateStep';
+export type StepperVerticalSteps = Record<string, StepperVerticalStepControl>;
+export type StepperVerticalStepsControl = {
+    initializeStep: (step: StepperVerticalStepControl) => void;
+    deleteStep: (step: StepperVerticalStepControl) => void;
+    steps: StoredValue<StepperVerticalSteps>;
+};

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalStepsControl/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalStepsControl/useStepperVerticalStepsControl.d.ts

@@ -0,0 +1,2 @@
+import type { StepperVerticalStepsControl } from './types';
+export declare const useStepperVerticalStepsControl: () => StepperVerticalStepsControl;

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalStepsControl/useStepperVerticalStepsControl.js

@@ -0,0 +1,22 @@
+import { useCallback, useMemo } from 'react';
+import { useStoredValue } from '../../../../hooks/useStoredValue';
+export var useStepperVerticalStepsControl = function () {
+    var steps = useStoredValue({});
+    var initializeStep = useCallback(function (step) {
+        if (steps.current[step.id]) {
+            return;
+        }
+        steps.current[step.id] = step;
+    }, []);
+    var deleteStep = useCallback(function (step) {
+        if (!steps.current[step.id]) {
+            return;
+        }
+        delete steps.current[step.id];
+    }, []);
+    return useMemo(function () { return ({
+        deleteStep: deleteStep,
+        initializeStep: initializeStep,
+        steps: steps,
+    }); }, []);
+};

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalStepsStructure/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './useStepperVerticalStepsStructure';

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalStepsStructure/index.js

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './useStepperVerticalStepsStructure';

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalStepsStructure/types.d.ts

@@ -0,0 +1,15 @@
+import type { StepperVerticalStepControl } from '../useStepperVerticalCreateStep';
+export type StepperVerticalStepsStructureNode = {
+    root: StepperVerticalStepsStructureNode | null;
+    step: StepperVerticalStepControl;
+    substeps: StepperVerticalStepsStructureNode[];
+};
+export type StepperVerticalStepsStructure = {
+    nodeById: Record<string, StepperVerticalStepsStructureNode>;
+    nodes: StepperVerticalStepsStructureNode[];
+};
+export type StepperVerticalStepsStructureEvents = {
+    update: {
+        structure: StepperVerticalStepsStructure;
+    };
+};

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalStepsStructure/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/StepperVertical/hooks/useStepperVerticalStepsStructure/useStepperVerticalStepsStructure.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode, RefObject } from 'react';
+import type { StepperVerticalRef } from '../../types';
+import type { StepperVerticalStepsControl } from '../useStepperVerticalStepsControl';
+import type { StepperVerticalStepsStructure, StepperVerticalStepsStructureEvents } from './types';
+export declare const useStepperVerticalStepsStructure: (ref: RefObject<StepperVerticalRef>, stepsControl: StepperVerticalStepsControl, children: ReactNode) => {
+    value: import("../../../../hooks/useStoredValue").StoredValue<StepperVerticalStepsStructure>;
+    eventBus: import("../../../../utils").EventBus<StepperVerticalStepsStructureEvents>;
+};