@ozen-ui/kit 0.83.2 → 0.83.3

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

@@ -68,7 +68,7 @@ import type { SidebarProps, SidebarItemProps, SidebarCollapsibleItemProps, Sideb
 import type { SliderProps } from '../../../../Slider';
 import type { SnackbarProviderProps } from '../../../../Snackbar';
 import type { StackProps } from '../../../../Stack';
-import type { StepperVerticalStepSubstepButtonProps, StepperVerticalProps, StepperVerticalStepButtonProps, StepperVerticalStepProps, StepperVerticalIndicatorProps, StepperVerticalIconIndicatorProps } from '../../../../StepperVertical';
+import type { StepperVerticalStepSubstepButtonProps, StepperVerticalProps, StepperVerticalStepButtonProps, StepperVerticalStepProps, StepperVerticalIndicatorProps, StepperVerticalIconIndicatorProps, StepperVerticalStepSubcontentButtonProps } from '../../../../StepperVertical';
 import type { TableContainerProps, TableProps, TableCaptionProps, TableCellProps } from '../../../../Table';
 import type { TagProps } from '../../../../Tag';
 import type { TagProps as TagPropsNext } from '../../../../TagNext';
@@ -221,6 +221,7 @@ export type ThemeDefaultProps = {
     StepperVertical?: Partial<StepperVerticalProps>;
     StepperVerticalStep?: Partial<StepperVerticalStepProps>;
     StepperVerticalStepButton?: Partial<StepperVerticalStepButtonProps>;
+    StepperVerticalStepSubcontentButton?: Partial<StepperVerticalStepSubcontentButtonProps>;
     StepperVerticalStepSubstepButton?: Partial<StepperVerticalStepSubstepButtonProps>;
     StepperVerticalIconIndicator?: Partial<StepperVerticalIconIndicatorProps>;
     StepperVerticalIndicator?: Partial<StepperVerticalIndicatorProps>;

package/__inner__/types/components/Sidebar/modules/SidebarSizer/types.d.ts

@@ -13,6 +13,10 @@ export type SidebarSizerBaseProps = {
         currentVariant: SidebarVariant;
         collapsed: boolean;
     }, event: MouseEvent) => void;
+    /** aria-label */
+    'aria-label'?: (params: {
+        collapsed: boolean;
+    }) => string;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
 };

package/__inner__/types/components/Sidebar/modules/SidebarUser/constants.d.ts

@@ -1 +1,4 @@
+import type { AvatarSizeVariant } from '../../../Avatar';
+import type { SidebarSizeVariant } from '../../entities';
 export declare const SIDEBAR_USER_DEFAULT_TAG = "div";
+export declare const SIDEBAR_USER_SIZE_TO_AVATAR: Readonly<Record<SidebarSizeVariant, AvatarSizeVariant>>;

package/__inner__/types/components/Sidebar/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentRef, ElementType, ReactNode } from 'react';
+import type { ComponentProps, ComponentRef, ElementType, ReactNode } from 'react';
 import type { PolymorphicComponentPropsWithRef } from '../../utils';
 import type { SIDEBAR_DEFAULT_TAG } from './constants';
 import type { SidebarColorVariant, SidebarSizeVariant, SidebarVariant } from './entities';
@@ -17,6 +17,8 @@ export type SidebarBaseProps = {
     color?: SidebarColorVariant;
     /** Кнопка изменения размера */
     sizer?: ReactNode;
+    /** Параметры обертки кнопки изменения размера */
+    sizerWrapperProps?: ComponentProps<'div'>;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
 };

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

@@ -3,6 +3,7 @@ import './modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.css'
 import './modules/StepperVerticalIndicator/StepperVerticalIndicator.css';
 import './modules/StepperVerticalStep/StepperVerticalStep.css';
 import './modules/StepperVerticalStepSubstepButton/StepperVerticalStepSubstepButton.css';
+import './modules/StepperVerticalStepSubcontentButton/StepperVerticalStepSubcontentButton.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__/types/components/StepperVertical/hooks/useStepperVerticalCreateStep/types.d.ts

@@ -1,4 +1,4 @@
-import type { Dispatch, RefObject, SetStateAction } from 'react';
+import type { RefObject } from 'react';
 export type StepperVerticalStepControl = {
     id: string;
     ref: RefObject<HTMLElement | null>;
@@ -7,5 +7,9 @@ export type StepperVerticalStepControl = {
     registerSubstep: (substep: StepperVerticalStepControl) => void;
     unregisterSubstep: (substep: StepperVerticalStepControl) => void;
     isSubStepsOpen: boolean;
-    setIsSubStepsOpen: Dispatch<SetStateAction<boolean>>;
+    isSubcontentOpen: boolean;
+    setIsSubStepsOpen: (isOpen: boolean) => void;
+    toggleSubsteps: () => void;
+    setIsSubcontentOpen: (isOpen: boolean) => void;
+    toggleSubcontent: () => void;
 };

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

@@ -1,2 +1,8 @@
+import type { StepperVerticalStepOnOpenChange } from '../../modules';
 import type { StepperVerticalStepControl } from './types';
-export declare const useStepperVerticalCreateStep: (root?: StepperVerticalStepControl) => StepperVerticalStepControl;
+export declare const useStepperVerticalCreateStep: (params: {
+    openSubsteps: boolean | undefined;
+    openSubcontent: boolean | undefined;
+    onOpenSubstepsChange: StepperVerticalStepOnOpenChange | undefined;
+    onOpenSubcontentChange: StepperVerticalStepOnOpenChange | undefined;
+}, root?: StepperVerticalStepControl) => StepperVerticalStepControl;

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

@@ -4,6 +4,7 @@ export type StepperVerticalStepContextValue = {
     variant: StepperVerticalStepVariant;
     current: boolean;
     hasSubsteps: boolean;
+    hasSubcontent: boolean;
     step: StepperVerticalStepControl;
 };
 export declare const StepperVerticalStepContextDefaultValue: StepperVerticalStepContextValue;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { StepperVerticalStepContentProps } from './types';
+export declare const StepperVerticalStepContent: ({ caption, hint, children, custom, step, hasSubcontent, subcontent, action, }: StepperVerticalStepContentProps) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;

package/__inner__/types/components/StepperVertical/modules/StepperVerticalStep/components/StepperVerticalStepContent/index.d.ts

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

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

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { StepperVerticalStepControl } from '../../../../hooks';
+export type StepperVerticalStepContentProps = {
+    custom: boolean;
+    children: ReactNode;
+    caption: ReactNode;
+    hint: ReactNode;
+    step: StepperVerticalStepControl;
+    action: ReactNode;
+    hasSubcontent: boolean;
+    subcontent: ReactNode;
+};

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

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

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

@@ -1,3 +1,4 @@
 export declare const STEPPER_VERTICAL_STEP_DEFAULT_VARIANT = "awaiting";
 export declare const STEPPER_VERTICAL_STEP_DEFAULT_CURRENT = false;
 export declare const STEPPER_VERTICAL_STEP_DEFAULT_TAG = "div";
+export declare const STEPPER_VERTICAL_STEP_DEFAULT_CUSTOM = false;

package/__inner__/types/components/StepperVertical/modules/StepperVerticalStep/entities/index.d.ts

@@ -1 +1,2 @@
+export * from './onOpenChange';
 export * from './variant';

package/__inner__/types/components/StepperVertical/modules/StepperVerticalStep/entities/onOpenChange.d.ts

@@ -0,0 +1 @@
+export type StepperVerticalStepOnOpenChange = (isOpen: boolean) => void;

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

@@ -1,10 +1,12 @@
 import type { ComponentRef, ElementType, ReactNode } from 'react';
 import type { PolymorphicComponentPropsWithRef } from '../../../../utils';
 import type { STEPPER_VERTICAL_STEP_DEFAULT_TAG } from './constants';
-import type { StepperVerticalStepVariant } from './entities';
+import type { StepperVerticalStepOnOpenChange, StepperVerticalStepVariant } from './entities';
 export type StepperVerticalStepBaseProps = {
     /** Лейбл */
     children?: ReactNode;
+    /** Флаг кастомности. При `true` отключает стандартный layout */
+    custom?: boolean;
     /** Подпись */
     caption?: ReactNode;
     /** Описание */
@@ -21,6 +23,16 @@ export type StepperVerticalStepBaseProps = {
     ellipsis?: boolean;
     /** Подшаги */
     substeps?: ReactNode;
+    /** Вложенный контент */
+    subcontent?: ReactNode;
+    /** Если `true`, показывает подшаги */
+    openSubsteps?: boolean;
+    /** Если `true`, показывает подконтент */
+    openSubcontent?: boolean;
+    /** Функция, которая вызывается при изменении состояния открытости подшагов */
+    onOpenSubstepsChange?: StepperVerticalStepOnOpenChange;
+    /** Функция, которая вызывается при изменении состояния открытости подконтента */
+    onOpenSubcontentChange?: StepperVerticalStepOnOpenChange;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
 };

package/__inner__/types/components/StepperVertical/modules/StepperVerticalStepSubcontentButton/StepperVerticalStepSubcontentButton.d.ts

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

package/__inner__/types/components/StepperVertical/modules/StepperVerticalStepSubcontentButton/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const STEPPER_VERTICAL_STEP_SUBCONTENT_BUTTON_DEFAULT_COLOR = "primary";
+export declare const STEPPER_VERTICAL_STEP_SUBCONTENT_BUTTON_DEFAULT_TAG = "button";

package/__inner__/types/components/StepperVertical/modules/StepperVerticalStepSubcontentButton/entities/content.d.ts

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

package/__inner__/types/components/StepperVertical/modules/StepperVerticalStepSubcontentButton/entities/index.d.ts

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

package/__inner__/types/components/StepperVertical/modules/StepperVerticalStepSubcontentButton/index.d.ts

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

package/__inner__/types/components/StepperVertical/modules/StepperVerticalStepSubcontentButton/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_SUBCONTENT_BUTTON_DEFAULT_TAG } from './constants';
+import type { StepperVerticalStepSubcontentButtonContent } from './entities';
+export type StepperVerticalStepSubcontentButtonRef<As extends ElementType = typeof STEPPER_VERTICAL_STEP_SUBCONTENT_BUTTON_DEFAULT_TAG> = StepperVerticalStepButtonRef<As>;
+export type StepperVerticalStepSubcontentButtonBaseProps = {
+    /** Текст кнопки */
+    text: StepperVerticalStepSubcontentButtonContent;
+} & Omit<StepperVerticalStepButtonBaseProps, 'iconRight' | 'children'>;
+export type StepperVerticalStepSubcontentButtonProps<As extends ElementType = typeof STEPPER_VERTICAL_STEP_SUBCONTENT_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalStepSubcontentButtonBaseProps, As>;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.83.2",
+  "version": "0.83.3",
   "description": "React component library",
   "files": [
     "*"
@@ -29,9 +29,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/fonts": "0.83.2",
-    "@ozen-ui/logger": "0.83.2",
-    "@ozen-ui/icons": "0.83.2"
+    "@ozen-ui/fonts": "0.83.3",
+    "@ozen-ui/icons": "0.83.3",
+    "@ozen-ui/logger": "0.83.3"
   },
   "devDependencies": {
     "@types/lodash.isequal": "^4.5.0"