@ozen-ui/kit 0.79.0 → 0.81.0

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.js

@@ -1,41 +1,71 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StepperVerticalStep = exports.cnStepperVerticalStep = void 0;
+exports.StepperVerticalStep = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
+var useMultiRef_1 = require("../../../../hooks/useMultiRef");
 var useThemeProps_1 = require("../../../../hooks/useThemeProps");
 var utils_1 = require("../../../../utils");
+var Collapse_1 = require("../../../Collapse");
 var Stack_1 = require("../../../Stack");
 var Typography_1 = require("../../../Typography");
+var hooks_1 = require("../../hooks");
 var StepperVerticalContext_1 = require("../../StepperVerticalContext");
 var StepperVerticalIconIndicator_1 = require("../StepperVerticalIconIndicator");
+var classNames_1 = require("./classNames");
 var constants_1 = require("./constants");
 var StepperVerticalStepContext_1 = require("./StepperVerticalStepContext");
-exports.cnStepperVerticalStep = (0, utils_1.cn)('StepperVerticalStep');
+var StepperVerticalStepRootContext_1 = require("./StepperVerticalStepRootContext");
 exports.StepperVerticalStep = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         name: 'StepperVerticalStep',
         props: inProps,
     });
-    var _a = props.variant, variant = _a === void 0 ? constants_1.STEPPER_VERTICAL_STEP_DEFAULT_VARIANT : _a, _b = props.current, current = _b === void 0 ? constants_1.STEPPER_VERTICAL_STEP_DEFAULT_CURRENT : _b, ellipsisProp = props.ellipsis, hint = props.hint, children = props.children, caption = props.caption, action = props.action, _c = props.indicator, indicator = _c === void 0 ? react_1.default.createElement(StepperVerticalIconIndicator_1.StepperVerticalIconIndicator, null) : _c, className = props.className, _d = props.as, as = _d === void 0 ? constants_1.STEPPER_VERTICAL_STEP_DEFAULT_TAG : _d, other = tslib_1.__rest(props, ["variant", "current", "ellipsis", "hint", "children", "caption", "action", "indicator", "className", "as"]);
+    var _a = props.variant, variant = _a === void 0 ? constants_1.STEPPER_VERTICAL_STEP_DEFAULT_VARIANT : _a, _b = props.current, current = _b === void 0 ? constants_1.STEPPER_VERTICAL_STEP_DEFAULT_CURRENT : _b, ellipsisProp = props.ellipsis, hint = props.hint, children = props.children, caption = props.caption, action = props.action, _c = props.indicator, indicator = _c === void 0 ? react_1.default.createElement(StepperVerticalIconIndicator_1.StepperVerticalIconIndicator, null) : _c, className = props.className, _d = props.as, as = _d === void 0 ? constants_1.STEPPER_VERTICAL_STEP_DEFAULT_TAG : _d, substeps = props.substeps, other = tslib_1.__rest(props, ["variant", "current", "ellipsis", "hint", "children", "caption", "action", "indicator", "className", "as", "substeps"]);
     var stepperVerticalContext = (0, StepperVerticalContext_1.useStepperVerticalContext)();
+    var rootContext = (0, StepperVerticalStepRootContext_1.useStepperVerticalStepRootContext)();
+    var isSubstep = !!rootContext;
+    var hasSubsteps = (function () {
+        var resolved = (0, utils_1.resolveChildren)(substeps);
+        if ((0, utils_1.isArray)(resolved)) {
+            return resolved.length > 0;
+        }
+        return !!resolved;
+    })();
     var ellipsis = (function () {
         if (ellipsisProp !== undefined) {
             return ellipsisProp;
         }
         return stepperVerticalContext.ellipsis;
     })();
-    return (react_1.default.createElement(StepperVerticalStepContext_1.StepperVerticalStepContext.Provider, { value: { variant: variant, current: current } },
-        react_1.default.createElement(Stack_1.Stack, tslib_1.__assign({}, other, { ref: ref, as: as, className: (0, exports.cnStepperVerticalStep)({ variant: variant, current: current, ellipsis: ellipsis }, [
-                className,
-            ]), gap: "m" }),
-            react_1.default.createElement("div", { className: (0, exports.cnStepperVerticalStep)('Path') },
-                react_1.default.createElement("div", { className: (0, exports.cnStepperVerticalStep)('Indicator') }, indicator)),
-            react_1.default.createElement(Stack_1.Stack, { direction: "column", className: (0, exports.cnStepperVerticalStep)('Description') },
-                react_1.default.createElement(Stack_1.Stack, { className: (0, exports.cnStepperVerticalStep)('Info'), direction: "column", gap: "xs" },
-                    children && (react_1.default.createElement(Typography_1.Typography, { className: (0, exports.cnStepperVerticalStep)('Label'), color: "primary", variant: "text-m_1" }, children)),
-                    caption && (react_1.default.createElement(Typography_1.Typography, { className: (0, exports.cnStepperVerticalStep)('Caption'), color: "primary", variant: "text-s" }, caption)),
-                    hint && (react_1.default.createElement(Typography_1.Typography, { className: (0, exports.cnStepperVerticalStep)('Hint'), color: "secondary", variant: "text-2xs" }, hint))),
-                action && (react_1.default.createElement("div", { className: (0, exports.cnStepperVerticalStep)('Action') }, action))))));
+    var step = (0, hooks_1.useStepperVerticalCreateStep)(rootContext === null || rootContext === void 0 ? void 0 : rootContext.root);
+    var _e = (0, hooks_1.useStepperVerticalStepHelper)(step), hasNext = _e.hasNext, hasPrevious = _e.hasPrevious;
+    (0, react_1.useEffect)(function () {
+        if (rootContext && !(rootContext === null || rootContext === void 0 ? void 0 : rootContext.root.isSubStepsOpen)) {
+            step.setIsSubStepsOpen(false);
+        }
+    }, [rootContext === null || rootContext === void 0 ? void 0 : rootContext.root.isSubStepsOpen]);
+    var memoizedContext = (0, react_1.useMemo)(function () { return ({ variant: variant, current: current, hasSubsteps: hasSubsteps, step: step }); }, [variant, current, hasSubsteps, step, step.isSubStepsOpen, step.root]);
+    var memoizedRootContext = (0, react_1.useMemo)(function () { return ({ root: step }); }, [step, step.isSubStepsOpen, step.root]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StepperVerticalStepContext_1.StepperVerticalStepContext.Provider, { value: memoizedContext },
+            react_1.default.createElement(Stack_1.Stack, tslib_1.__assign({}, other, { ref: (0, useMultiRef_1.useMultiRef)([step.ref, ref]), as: as, className: (0, classNames_1.cnStepperVerticalStep)({
+                    variant: variant,
+                    current: current,
+                    ellipsis: ellipsis,
+                    substep: isSubstep,
+                    hasNext: hasNext,
+                    hasPrevious: hasPrevious,
+                }, [className]), gap: "m" }),
+                react_1.default.createElement("div", { className: (0, classNames_1.cnStepperVerticalStep)('Path') },
+                    react_1.default.createElement("div", { className: (0, classNames_1.cnStepperVerticalStep)('Indicator') }, indicator)),
+                react_1.default.createElement(Stack_1.Stack, { direction: "column", className: (0, classNames_1.cnStepperVerticalStep)('Description') },
+                    react_1.default.createElement(Stack_1.Stack, { className: (0, classNames_1.cnStepperVerticalStep)('Info'), direction: "column", gap: "xs" },
+                        children && (react_1.default.createElement(Typography_1.Typography, { className: (0, classNames_1.cnStepperVerticalStep)('Label'), color: "primary", variant: "text-m_1" }, children)),
+                        caption && (react_1.default.createElement(Typography_1.Typography, { className: (0, classNames_1.cnStepperVerticalStep)('Caption'), color: "primary", variant: "text-s" }, caption)),
+                        hint && (react_1.default.createElement(Typography_1.Typography, { className: (0, classNames_1.cnStepperVerticalStep)('Hint'), color: "secondary", variant: "text-2xs" }, hint))),
+                    action && (react_1.default.createElement("div", { className: (0, classNames_1.cnStepperVerticalStep)('Action') }, action))))),
+        hasSubsteps && (react_1.default.createElement(StepperVerticalStepRootContext_1.StepperVerticalStepRootContext.Provider, { value: memoizedRootContext },
+            react_1.default.createElement(Collapse_1.Collapse, { className: (0, classNames_1.cnStepperVerticalStep)('Substeps'), expanded: step.isSubStepsOpen }, substeps)))));
 });
 exports.StepperVerticalStep.displayName = 'StepperVerticalStep';

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepContext.d.ts

@@ -1,7 +1,10 @@
+import type { StepperVerticalStepControl } from '../../hooks';
 import type { StepperVerticalStepVariant } from './entities';
 export type StepperVerticalStepContextValue = {
     variant: StepperVerticalStepVariant;
     current: boolean;
+    hasSubsteps: boolean;
+    step: StepperVerticalStepControl;
 };
 export declare const StepperVerticalStepContextDefaultValue: StepperVerticalStepContextValue;
 export declare const StepperVerticalStepContext: import("react").Context<StepperVerticalStepContextValue>;

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepContext.js

@@ -7,6 +7,17 @@ var constants_1 = require("./constants");
 exports.StepperVerticalStepContextDefaultValue = {
     variant: constants_1.STEPPER_VERTICAL_STEP_DEFAULT_VARIANT,
     current: false,
+    hasSubsteps: false,
+    step: {
+        id: '',
+        setIsSubStepsOpen: function () { },
+        ref: { current: null },
+        isSubStepsOpen: false,
+        root: null,
+        substeps: {},
+        unregisterSubstep: function () { },
+        registerSubstep: function () { },
+    },
 };
 exports.StepperVerticalStepContext = (0, react_1.createContext)(exports.StepperVerticalStepContextDefaultValue);
 var useStepperVerticalStepContext = function () {

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepRootContext.d.ts

@@ -0,0 +1,7 @@
+import type { StepperVerticalStepControl } from '../../hooks';
+export type StepperVerticalStepRootContextValue = {
+    root: StepperVerticalStepControl;
+};
+export declare const StepperVerticalStepRootContextDefaultValue: StepperVerticalStepRootContextValue | null;
+export declare const StepperVerticalStepRootContext: import("react").Context<StepperVerticalStepRootContextValue | null>;
+export declare const useStepperVerticalStepRootContext: () => StepperVerticalStepRootContextValue | null;

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepRootContext.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStepperVerticalStepRootContext = exports.StepperVerticalStepRootContext = exports.StepperVerticalStepRootContextDefaultValue = void 0;
+var react_1 = require("react");
+var environment_1 = require("../../../../constants/environment");
+exports.StepperVerticalStepRootContextDefaultValue = null;
+exports.StepperVerticalStepRootContext = (0, react_1.createContext)(exports.StepperVerticalStepRootContextDefaultValue);
+var useStepperVerticalStepRootContext = function () {
+    return (0, react_1.useContext)(exports.StepperVerticalStepRootContext);
+};
+exports.useStepperVerticalStepRootContext = useStepperVerticalStepRootContext;
+// Именованный провайдер
+if (environment_1.isDev) {
+    exports.StepperVerticalStepRootContext.displayName = 'StepperVerticalStepRootContext';
+}

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/classNames.d.ts

@@ -0,0 +1 @@
+export declare const cnStepperVerticalStep: import("@bem-react/classname").ClassNameFormatter;

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/classNames.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cnStepperVerticalStep = void 0;
+var utils_1 = require("../../../../utils");
+exports.cnStepperVerticalStep = (0, utils_1.cn)('StepperVerticalStep');

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/variant.d.ts

@@ -1,2 +1,2 @@
-export declare const stepperVerticalStepVariant: readonly ["refusal", "blocked", "warning", "awaiting", "inProcessing", "success", "action"];
+export declare const stepperVerticalStepVariant: readonly ["default", "refusal", "blocked", "warning", "awaiting", "inProcessing", "success", "action"];
 export type StepperVerticalStepVariant = (typeof stepperVerticalStepVariant)[number];

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/variant.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stepperVerticalStepVariant = void 0;
 exports.stepperVerticalStepVariant = [
+    'default',
     'refusal',
     'blocked',
     'warning',

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/index.d.ts

@@ -1,5 +1,7 @@
 export * from './entities';
+export * from './classNames';
 export * from './constants';
 export * from './StepperVerticalStep';
 export * from './StepperVerticalStepContext';
+export * from './StepperVerticalStepRootContext';
 export * from './types';

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/index.js

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./classNames"), exports);
 tslib_1.__exportStar(require("./constants"), exports);
 tslib_1.__exportStar(require("./StepperVerticalStep"), exports);
 tslib_1.__exportStar(require("./StepperVerticalStepContext"), exports);
+tslib_1.__exportStar(require("./StepperVerticalStepRootContext"), exports);
 tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/types.d.ts

@@ -19,6 +19,8 @@ export type StepperVerticalStepBaseProps = {
     current?: boolean;
     /** Если `true`, обрезает текст и добавляет многоточие */
     ellipsis?: boolean;
+    /** Подшаги */
+    substeps?: ReactNode;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
 };

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepSubstepButton/StepperVerticalStepSubstepButton.css

@@ -0,0 +1,10 @@
+.StepperVerticalStepSubstepButton_open {
+    --stepper-vertical-step-substep-button-icon-rotate: 0deg;
+  }
+  .StepperVerticalStepSubstepButton_closed {
+    --stepper-vertical-step-substep-button-icon-rotate: 180deg;
+  }
+  .StepperVerticalStepSubstepButton-Icon {
+    transform: rotate(var(--stepper-vertical-step-substep-button-icon-rotate));
+    transition: var(--transition-default) transform;
+  }

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepSubstepButton/StepperVerticalStepSubstepButton.d.ts

@@ -0,0 +1,3 @@
+import type { StepperVerticalStepSubstepButtonBaseProps } from './types';
+export declare const cnStepperVerticalStepSubstepButton: import("@bem-react/classname").ClassNameFormatter;
+export declare const StepperVerticalStepSubstepButton: import("../../../../utils").PolymorphicComponentWithRef<StepperVerticalStepSubstepButtonBaseProps, "button", "as">;

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepSubstepButton/StepperVerticalStepSubstepButton.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepperVerticalStepSubstepButton = exports.cnStepperVerticalStepSubstepButton = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var icons_1 = require("@ozen-ui/icons");
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var utils_1 = require("../../../../utils");
+var StepperVerticalStep_1 = require("../StepperVerticalStep");
+var StepperVerticalStepButton_1 = require("../StepperVerticalStepButton");
+var constants_1 = require("./constants");
+exports.cnStepperVerticalStepSubstepButton = (0, utils_1.cn)('StepperVerticalStepSubstepButton');
+exports.StepperVerticalStepSubstepButton = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        name: 'StepperVerticalStepSubstepButton',
+        props: inProps,
+    });
+    var _a = props.color, color = _a === void 0 ? constants_1.STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_COLOR : _a, className = props.className, _b = props.as, as = _b === void 0 ? constants_1.STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG : _b, onClick = props.onClick, text = props.text, other = tslib_1.__rest(props, ["color", "className", "as", "onClick", "text"]);
+    var _c = (0, StepperVerticalStep_1.useStepperVerticalStepContext)(), hasSubsteps = _c.hasSubsteps, step = _c.step;
+    if (!hasSubsteps) {
+        return null;
+    }
+    return (react_1.default.createElement(StepperVerticalStepButton_1.StepperVerticalStepButton, tslib_1.__assign({}, other, { as: as, ref: ref, color: color, iconRight: react_1.default.createElement(icons_1.ChevronUpIcon, { className: (0, exports.cnStepperVerticalStepSubstepButton)('Icon') }), className: (0, exports.cnStepperVerticalStepSubstepButton)({ open: step.isSubStepsOpen, closed: !step.isSubStepsOpen }, [className]), onClick: function (event) {
+            step.setIsSubStepsOpen(function (prevState) { return !prevState; });
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        } }), (0, utils_1.renderContent)({
+        content: text,
+        props: { isOpen: step.isSubStepsOpen },
+    })));
+});
+exports.StepperVerticalStepSubstepButton.displayName = 'StepperVerticalStepButton';

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepSubstepButton/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_COLOR = "primary";
+export declare const STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG = "button";

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepSubstepButton/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG = exports.STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_COLOR = void 0;
+var StepperVerticalStepButton_1 = require("../StepperVerticalStepButton");
+exports.STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_COLOR = StepperVerticalStepButton_1.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR;
+exports.STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG = StepperVerticalStepButton_1.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG;

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepSubstepButton/entities/content.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export type StepperVerticalStepSubstepButtonContent = (props: {
+    isOpen: boolean;
+}) => ReactNode;

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepSubstepButton/entities/content.js

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

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepSubstepButton/entities/index.d.ts

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

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepSubstepButton/entities/index.js

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

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepSubstepButton/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './StepperVerticalStepSubstepButton';
+export * from './types';

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepSubstepButton/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./StepperVerticalStepSubstepButton"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepSubstepButton/types.d.ts

@@ -0,0 +1,11 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils';
+import type { StepperVerticalStepButtonBaseProps, StepperVerticalStepButtonRef } from '../StepperVerticalStepButton';
+import type { STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG } from './constants';
+import type { StepperVerticalStepSubstepButtonContent } from './entities';
+export type StepperVerticalStepSubstepButtonRef<As extends ElementType = typeof STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG> = StepperVerticalStepButtonRef<As>;
+export type StepperVerticalStepSubstepButtonBaseProps = {
+    /** Текст кнопки */
+    text: StepperVerticalStepSubstepButtonContent;
+} & Omit<StepperVerticalStepButtonBaseProps, 'iconRight' | 'children'>;
+export type StepperVerticalStepSubstepButtonProps<As extends ElementType = typeof STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalStepSubstepButtonBaseProps, As>;

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepSubstepButton/types.js

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

package/__inner__/cjs/components/StepperVertical/modules/index.d.ts

@@ -2,3 +2,4 @@ export * from './StepperVerticalIconIndicator';
 export * from './StepperVerticalIndicator';
 export * from './StepperVerticalStep';
 export * from './StepperVerticalStepButton';
+export * from './StepperVerticalStepSubstepButton';

package/__inner__/cjs/components/StepperVertical/modules/index.js

@@ -5,3 +5,4 @@ tslib_1.__exportStar(require("./StepperVerticalIconIndicator"), exports);
 tslib_1.__exportStar(require("./StepperVerticalIndicator"), exports);
 tslib_1.__exportStar(require("./StepperVerticalStep"), exports);
 tslib_1.__exportStar(require("./StepperVerticalStepButton"), exports);
+tslib_1.__exportStar(require("./StepperVerticalStepSubstepButton"), exports);

package/__inner__/cjs/hooks/useEventBus/index.d.ts

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

package/__inner__/cjs/hooks/useEventBus/index.js

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

package/__inner__/cjs/hooks/useEventBus/useEventBus.d.ts

@@ -0,0 +1,3 @@
+import type { EventBusEvents } from '../../utils';
+import { EventBus } from '../../utils';
+export declare const useEventBus: <Events extends EventBusEvents>() => EventBus<Events>;

package/__inner__/cjs/hooks/useEventBus/useEventBus.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEventBus = void 0;
+var utils_1 = require("../../utils");
+var useStoredValue_1 = require("../useStoredValue");
+var useEventBus = function () {
+    return (0, useStoredValue_1.useStoredValue)(function () { return new utils_1.EventBus(); }).current;
+};
+exports.useEventBus = useEventBus;

package/__inner__/cjs/hooks/useEventBusEvents/index.d.ts

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

package/__inner__/cjs/hooks/useEventBusEvents/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./useEventBusEvents"), exports);

package/__inner__/cjs/hooks/useEventBusEvents/types.d.ts

@@ -0,0 +1,4 @@
+import type { EventBusEvents } from '../../utils';
+export type UseEventBusEventsSubscribes<Events extends EventBusEvents> = {
+    [key in keyof Events]?: (data: Events[key]) => void;
+};

package/__inner__/cjs/hooks/useEventBusEvents/types.js

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

package/__inner__/cjs/hooks/useEventBusEvents/useEventBusEvents.d.ts

@@ -0,0 +1,5 @@
+import type { EventBus, EventBusEvents, ExtractEventBusEvents } from '../../utils';
+import type { UseEventBusEventsSubscribes } from './types';
+export declare const useEventBusEvents: <TEventBus extends EventBus<EventBusEvents>>(eventBus: TEventBus, subscribes: UseEventBusEventsSubscribes<ExtractEventBusEvents<TEventBus>>, params?: {
+    layoutEffect?: boolean;
+}) => void;

package/__inner__/cjs/hooks/useEventBusEvents/useEventBusEvents.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEventBusEvents = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var logger_1 = require("@ozen-ui/logger");
+var useDevEffect_1 = require("../useDevEffect");
+var useIsomorphicEffect_1 = require("../useIsomorphicEffect");
+var useStoredValue_1 = require("../useStoredValue");
+var useEventBusEvents = function (eventBus, subscribes, params) {
+    var _a = (params !== null && params !== void 0 ? params : {}).layoutEffect, layoutEffect = _a === void 0 ? false : _a;
+    var savedLayoutEffect = (0, useStoredValue_1.useStoredValue)(layoutEffect);
+    (0, useDevEffect_1.useDevEffect)(function () {
+        if (savedLayoutEffect.current !== layoutEffect) {
+            logger_1.logger.warn('Свойство "layoutEffect" не может отличаться между рендерами.');
+        }
+    }, [layoutEffect]);
+    var clearSubscribes = (0, useStoredValue_1.useStoredValue)(function () { return function () { }; });
+    var useNeededEffect = savedLayoutEffect.current
+        ? useIsomorphicEffect_1.useIsomorphicEffect
+        : react_1.useEffect;
+    useNeededEffect(function () {
+        clearSubscribes.current();
+        var clearSubscribesCallbacks = [];
+        Object.entries(subscribes).forEach(function (_a) {
+            var _b = tslib_1.__read(_a, 2), event = _b[0], callback = _b[1];
+            var unsubscribe = eventBus.subscribe(event, callback);
+            clearSubscribesCallbacks.push(unsubscribe);
+        });
+        clearSubscribes.current = function () {
+            clearSubscribesCallbacks.forEach(function (unsubscribe) {
+                unsubscribe();
+            });
+        };
+        return function () {
+            clearSubscribes.current();
+        };
+    }, [eventBus, subscribes]);
+};
+exports.useEventBusEvents = useEventBusEvents;

package/__inner__/cjs/utils/eventBus/EventBus.d.ts

@@ -0,0 +1,8 @@
+import type { EventBusEvents, EventBusListenerCallback } from './types';
+export declare class EventBus<Events extends EventBusEvents> {
+    private listenersByEvent;
+    subscribe<Event extends keyof Events>(event: Event, callback: EventBusListenerCallback<Events[Event]>, isClearAfterCall?: boolean): () => void;
+    publish<Event extends keyof Events>(event: Event, payload: Events[Event]): void;
+    clear(event: keyof Events): void;
+    private unsubscribe;
+}

package/__inner__/cjs/utils/eventBus/EventBus.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventBus = void 0;
+var EventBus = /** @class */ (function () {
+    function EventBus() {
+        this.listenersByEvent = {};
+    }
+    EventBus.prototype.subscribe = function (event, callback, isClearAfterCall) {
+        var _this = this;
+        if (isClearAfterCall === void 0) { isClearAfterCall = false; }
+        var listener = {
+            callback: callback,
+            isClearAfterCall: isClearAfterCall,
+        };
+        if (!this.listenersByEvent[event]) {
+            this.listenersByEvent[event] = new Set();
+        }
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        this.listenersByEvent[event].add(listener);
+        return function () {
+            _this.unsubscribe(event, listener);
+        };
+    };
+    EventBus.prototype.publish = function (event, payload) {
+        var _this = this;
+        var listeners = this.listenersByEvent[event];
+        if (!listeners) {
+            return;
+        }
+        listeners.forEach(function (listener) {
+            var callback = listener.callback, isClearAfterCall = listener.isClearAfterCall;
+            callback(payload);
+            if (isClearAfterCall) {
+                _this.unsubscribe(event, listener);
+            }
+        });
+    };
+    EventBus.prototype.clear = function (event) {
+        var _a;
+        (_a = this.listenersByEvent[event]) === null || _a === void 0 ? void 0 : _a.clear();
+    };
+    EventBus.prototype.unsubscribe = function (event, listener) {
+        var listeners = this.listenersByEvent[event];
+        if (!listeners) {
+            return;
+        }
+        listeners.delete(listener);
+    };
+    return EventBus;
+}());
+exports.EventBus = EventBus;

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./EventBus"), exports);

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

@@ -0,0 +1 @@
+export type EventBusEvents = Record<string, any>;

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

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

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

@@ -0,0 +1,5 @@
+import type { EventBusListenerCallback } from './EventBusListenerCallback';
+export type EventBusListener<EventPayload> = {
+    callback: EventBusListenerCallback<EventPayload>;
+    isClearAfterCall: boolean;
+};

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

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

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

@@ -0,0 +1 @@
+export type EventBusListenerCallback<EventPayload> = (payload: EventPayload) => void;

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

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

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

@@ -0,0 +1,3 @@
+import type { EventBus } from '../EventBus';
+import type { EventBusEvents } from '../types';
+export type ExtractEventBusEvents<TEventBus extends EventBus<EventBusEvents>> = TEventBus extends EventBus<infer Events> ? Events : never;

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

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

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;