@consta/uikit 5.14.0 → 5.16.0

package/__internal__/src/components/SnackBar/types.d.ts

@@ -1,98 +1,98 @@
-/// <reference types="react" />
-import { IconComponent } from '@consta/icons/Icon';
-import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-export declare type SnackBarItemDefault = {
-    key: string | number;
-    message?: React.ReactNode;
-    status?: SnackBarItemStatus;
-    autoClose?: boolean | number;
-    showProgress?: SnackBarItemShowProgressProp;
-    icon?: IconComponent;
-    actions?: SnackBarPropItemAction[];
-    onClose?: (item: SnackBarItemDefault) => void;
-    onAutoClose?: (item: SnackBarItemDefault) => void;
-    progress?: boolean | number;
-};
-/**
- * @deprecated since version 3.16.0 use SnackBarItemDefault
- */
-export declare type Item = SnackBarItemDefault;
-export declare type SnackBarPropItemAction = {
-    label: string | number;
-    onClick: React.EventHandler<React.MouseEvent>;
-};
-export declare type SnackBarActionButtonProps = {
-    actions: SnackBarPropItemAction[];
-    className?: string;
-    form?: SnackBarPropForm;
-};
-export declare type SnackBarItemProps = PropsWithHTMLAttributesAndRef<Omit<SnackBarItemDefault, 'onClose' | 'onAutoClose'> & {
-    onClose?: () => void;
-    form?: SnackBarPropForm;
-    onAutoClose?: () => void;
-    progressView?: SnackBarPropProgressView;
-    progress?: number | boolean;
-}, HTMLDivElement>;
-export declare const snackBarItemStatus: readonly ["normal", "system", "success", "warning", "alert"];
-export declare type SnackBarItemStatus = typeof snackBarItemStatus[number];
-export declare const snackBarItemStatusDefault: SnackBarItemStatus;
-export declare const snackBarItemShowProgressProp: readonly ["timer", "line"];
-export declare type SnackBarItemShowProgressProp = typeof snackBarItemShowProgressProp[number];
-export declare type SnackBarPropGetItemKey<ITEM> = (item: ITEM) => string | number;
-export declare type SnackBarPropGetItemMessage<ITEM> = (item: ITEM) => React.ReactNode | undefined;
-export declare type SnackBarPropGetItemStatus<ITEM> = (item: ITEM) => SnackBarItemStatus | undefined;
-export declare type SnackBarPropGetItemAutoClose<ITEM> = (item: ITEM) => boolean | number | undefined;
-export declare type SnackBarPropGetItemShowProgress<ITEM> = (item: ITEM) => SnackBarItemShowProgressProp | undefined;
-export declare type SnackBarPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
-export declare type SnackBarPropGetItemActions<ITEM> = (item: ITEM) => SnackBarPropItemAction[] | undefined;
-export declare type SnackBarPropGetItemOnClose<ITEM> = (item: ITEM) => ((item: ITEM) => void) | undefined;
-export declare type SnackBarPropGetItemOnAutoClose<ITEM> = (item: ITEM) => ((item: ITEM) => void) | undefined;
-export declare type SnackBarPropGetItemProgress<ITEM> = (item: ITEM) => number | boolean | undefined;
-export declare type Mappers<ITEM> = {
-    getItemKey?: SnackBarPropGetItemKey<ITEM>;
-    getItemMessage?: SnackBarPropGetItemMessage<ITEM>;
-    getItemStatus?: SnackBarPropGetItemStatus<ITEM>;
-    getItemAutoClose?: SnackBarPropGetItemAutoClose<ITEM>;
-    getItemShowProgress?: SnackBarPropGetItemShowProgress<ITEM>;
-    getItemIcon?: SnackBarPropGetItemIcon<ITEM>;
-    getItemActions?: SnackBarPropGetItemActions<ITEM>;
-    getItemOnClose?: SnackBarPropGetItemOnClose<ITEM>;
-    getItemOnAutoClose?: SnackBarPropGetItemOnAutoClose<ITEM>;
-    getItemProgress?: SnackBarPropGetItemProgress<ITEM>;
-};
-export declare const snackBarPropForm: readonly ["default", "round", "brick"];
-export declare type SnackBarPropForm = typeof snackBarPropForm[number];
-export declare const snackBarPropFormDefault: "default";
-export declare const snackBarPropProgressView: readonly ["spinText", "spin", "text"];
-export declare type SnackBarPropProgressView = typeof snackBarPropProgressView[number];
-export declare const snackBarPropProgressViewDefault: "spinText";
-export declare type SnackBarProps<ITEM = SnackBarItemDefault> = PropsWithHTMLAttributesAndRef<{
-    items: ITEM[];
-    children?: never;
-    form?: SnackBarPropForm;
-    progressView?: SnackBarPropProgressView;
-    onItemClose?: (item: ITEM) => void;
-    onItemAutoClose?: (item: ITEM) => void;
-} & Mappers<ITEM>, HTMLDivElement> & (ITEM extends {
-    key: SnackBarItemDefault['key'];
-} ? {} : {
-    getItemKey: SnackBarPropGetItemKey<ITEM>;
-});
-export declare type SnackBarComponent = <ITEM = SnackBarItemDefault>(props: SnackBarProps<ITEM>) => React.ReactElement | null;
-export declare type SnackBarTimerPropOnMount = (object: {
-    pause: () => void;
-    start: () => void;
-}) => void;
-export declare type SnackBarTimerProps = {
-    onMount: SnackBarTimerPropOnMount;
-    onTimeIsOver: () => void;
-    startTime: number;
-    hidden?: boolean;
-    className?: string;
-};
-export declare type SnackBarProgressProps = {
-    view: SnackBarPropProgressView;
-    progress?: number | boolean;
-    className?: string;
-};
-export declare type SnackBarItemComponent = (props: SnackBarItemProps) => React.ReactElement | null;
+/// <reference types="react" />
+import { IconComponent } from '@consta/icons/Icon';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+export declare type SnackBarItemDefault = {
+    key: string | number;
+    message?: React.ReactNode;
+    status?: SnackBarItemStatus;
+    autoClose?: boolean | number;
+    showProgress?: SnackBarItemShowProgressProp;
+    icon?: IconComponent;
+    actions?: SnackBarPropItemAction[];
+    onClose?: (item: SnackBarItemDefault) => void;
+    onAutoClose?: (item: SnackBarItemDefault) => void;
+    progress?: boolean | number;
+};
+/**
+ * @deprecated since version 3.16.0 use SnackBarItemDefault
+ */
+export declare type Item = SnackBarItemDefault;
+export declare type SnackBarPropItemAction = {
+    label: string | number;
+    onClick: React.EventHandler<React.MouseEvent>;
+};
+export declare type SnackBarActionButtonProps = {
+    actions: SnackBarPropItemAction[];
+    className?: string;
+    form?: SnackBarPropForm;
+};
+export declare type SnackBarItemProps = PropsWithHTMLAttributesAndRef<Omit<SnackBarItemDefault, 'onClose' | 'onAutoClose'> & {
+    onClose?: () => void;
+    form?: SnackBarPropForm;
+    onAutoClose?: () => void;
+    progressView?: SnackBarPropProgressView;
+    progress?: number | boolean;
+}, HTMLDivElement>;
+export declare const snackBarItemStatus: readonly ["normal", "system", "success", "warning", "alert"];
+export declare type SnackBarItemStatus = typeof snackBarItemStatus[number];
+export declare const snackBarItemStatusDefault: SnackBarItemStatus;
+export declare const snackBarItemShowProgressProp: readonly ["timer", "line"];
+export declare type SnackBarItemShowProgressProp = typeof snackBarItemShowProgressProp[number];
+export declare type SnackBarPropGetItemKey<ITEM> = (item: ITEM) => string | number;
+export declare type SnackBarPropGetItemMessage<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export declare type SnackBarPropGetItemStatus<ITEM> = (item: ITEM) => SnackBarItemStatus | undefined;
+export declare type SnackBarPropGetItemAutoClose<ITEM> = (item: ITEM) => boolean | number | undefined;
+export declare type SnackBarPropGetItemShowProgress<ITEM> = (item: ITEM) => SnackBarItemShowProgressProp | undefined;
+export declare type SnackBarPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type SnackBarPropGetItemActions<ITEM> = (item: ITEM) => SnackBarPropItemAction[] | undefined;
+export declare type SnackBarPropGetItemOnClose<ITEM> = (item: ITEM) => ((item: ITEM) => void) | undefined;
+export declare type SnackBarPropGetItemOnAutoClose<ITEM> = (item: ITEM) => ((item: ITEM) => void) | undefined;
+export declare type SnackBarPropGetItemProgress<ITEM> = (item: ITEM) => number | boolean | undefined;
+export declare type Mappers<ITEM> = {
+    getItemKey?: SnackBarPropGetItemKey<ITEM>;
+    getItemMessage?: SnackBarPropGetItemMessage<ITEM>;
+    getItemStatus?: SnackBarPropGetItemStatus<ITEM>;
+    getItemAutoClose?: SnackBarPropGetItemAutoClose<ITEM>;
+    getItemShowProgress?: SnackBarPropGetItemShowProgress<ITEM>;
+    getItemIcon?: SnackBarPropGetItemIcon<ITEM>;
+    getItemActions?: SnackBarPropGetItemActions<ITEM>;
+    getItemOnClose?: SnackBarPropGetItemOnClose<ITEM>;
+    getItemOnAutoClose?: SnackBarPropGetItemOnAutoClose<ITEM>;
+    getItemProgress?: SnackBarPropGetItemProgress<ITEM>;
+};
+export declare const snackBarPropForm: readonly ["default", "round", "brick"];
+export declare type SnackBarPropForm = typeof snackBarPropForm[number];
+export declare const snackBarPropFormDefault: "default";
+export declare const snackBarPropProgressView: readonly ["spinText", "spin", "text"];
+export declare type SnackBarPropProgressView = typeof snackBarPropProgressView[number];
+export declare const snackBarPropProgressViewDefault: "spinText";
+export declare type SnackBarProps<ITEM = SnackBarItemDefault> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    children?: never;
+    form?: SnackBarPropForm;
+    progressView?: SnackBarPropProgressView;
+    onItemClose?: (item: ITEM) => void;
+    onItemAutoClose?: (item: ITEM) => void;
+} & Mappers<ITEM>, HTMLDivElement> & (ITEM extends {
+    key: SnackBarItemDefault['key'];
+} ? {} : {
+    getItemKey: SnackBarPropGetItemKey<ITEM>;
+});
+export declare type SnackBarComponent = <ITEM = SnackBarItemDefault>(props: SnackBarProps<ITEM>) => React.ReactElement | null;
+export declare type SnackBarTimerPropOnMount = (object: {
+    pause: () => void;
+    start: () => void;
+}) => void;
+export declare type SnackBarTimerProps = {
+    onMount: SnackBarTimerPropOnMount;
+    onTimeIsOver: () => void;
+    startTime: number;
+    hidden?: boolean;
+    className?: string;
+};
+export declare type SnackBarProgressProps = {
+    view: SnackBarPropProgressView;
+    progress?: number | boolean;
+    className?: string;
+};
+export declare type SnackBarItemComponent = (props: SnackBarItemProps) => React.ReactElement | null;

package/__internal__/src/components/Spoiler/Spoiler.d.ts

@@ -1,5 +1,5 @@
-import './Spoiler.css';
-import React from 'react';
-import { SpoilerProps } from './types';
-export declare const cnSpoiler: import("@bem-react/classname").ClassNameFormatter;
-export declare const Spoiler: React.ForwardRefExoticComponent<SpoilerProps & React.RefAttributes<HTMLDivElement>>;
+import './Spoiler.css';
+import React from 'react';
+import { SpoilerProps } from './types';
+export declare const cnSpoiler: import("@bem-react/classname").ClassNameFormatter;
+export declare const Spoiler: React.ForwardRefExoticComponent<SpoilerProps & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/Spoiler/SpoilerButton/SpoilerButton.d.ts

@@ -1,4 +1,4 @@
-import './SpoilerButton.css';
-import { SpoilerButtonProps } from '../types';
-export declare const cnSpoilerButton: import("@bem-react/classname").ClassNameFormatter;
-export declare const SpoilerButton: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<SpoilerButtonProps, "div">;
+import './SpoilerButton.css';
+import { SpoilerButtonProps } from '../types';
+export declare const cnSpoilerButton: import("@bem-react/classname").ClassNameFormatter;
+export declare const SpoilerButton: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<SpoilerButtonProps, "div">;

package/__internal__/src/components/Spoiler/SpoilerButton/index.d.ts

@@ -1 +1 @@
-export * from './SpoilerButton';
+export * from './SpoilerButton';

package/__internal__/src/components/Spoiler/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Spoiler';
-export * from './SpoilerButton';
-export * from './types';
+export * from './Spoiler';
+export * from './SpoilerButton';
+export * from './types';

package/__internal__/src/components/Spoiler/types.d.ts

@@ -1,49 +1,49 @@
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-import { Space } from "../../mixs/MixSpace";
-import { PropsWithHTMLAttributes } from "../../utils/types/PropsWithHTMLAttributes";
-export declare const spolierPropSize: readonly ["xs", "s", "m", "l"];
-export declare type SpoilerPropSize = typeof spolierPropSize[number];
-export declare const defaultSpoilerPropSize = "m";
-export declare const spolierPropButtonAlign: readonly ["left", "center", "right"];
-export declare type SpoilerPropButtonAlign = typeof spolierPropButtonAlign[number];
-export declare const defaultSpoilerPropButtonAlign: "left";
-export declare type SpoilerModeProp = 'dots' | 'blur';
-export declare type SpoilerButtonProps = {
-    size?: SpoilerPropSize;
-    lessLabel?: string;
-    lessIcon?: IconComponent;
-    moreLabel?: string;
-    moreIcon?: IconComponent;
-    open?: boolean;
-};
-export declare type SpoilerProps = Omit<PropsWithHTMLAttributes<{
-    size?: SpoilerPropSize;
-    lessLabel?: string;
-    lessIcon?: IconComponent;
-    moreLabel?: string;
-    moreIcon?: IconComponent;
-    buttonIndent?: Space;
-    buttonAlign?: SpoilerPropButtonAlign;
-    opened?: boolean;
-    onOpenButtonClick?: (open: boolean, event: React.MouseEvent) => void;
-}, HTMLDivElement>, 'children'> & ({
-    preview: React.ReactNode;
-    content: React.ReactNode;
-    maxHeight?: never;
-    children?: never;
-    lineClamp?: never;
-} | {
-    preview?: never;
-    content?: never;
-    children: React.ReactNode;
-    maxHeight: number;
-    lineClamp?: never;
-} | {
-    preview?: never;
-    content?: never;
-    children: React.ReactNode;
-    maxHeight?: never;
-    lineClamp: number;
-});
-export declare type SpoilerMode = 'lineClamp' | 'blur' | 'toggle';
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { Space } from "../../mixs/MixSpace";
+import { PropsWithHTMLAttributes } from "../../utils/types/PropsWithHTMLAttributes";
+export declare const spoilerPropSize: readonly ["xs", "s", "m", "l"];
+export declare type SpoilerPropSize = typeof spoilerPropSize[number];
+export declare const defaultSpoilerPropSize = "m";
+export declare const spoilerPropButtonAlign: readonly ["left", "center", "right"];
+export declare type SpoilerPropButtonAlign = typeof spoilerPropButtonAlign[number];
+export declare const defaultSpoilerPropButtonAlign: "left";
+export declare type SpoilerModeProp = 'dots' | 'blur';
+export declare type SpoilerButtonProps = {
+    size?: SpoilerPropSize;
+    lessLabel?: string;
+    lessIcon?: IconComponent;
+    moreLabel?: string;
+    moreIcon?: IconComponent;
+    open?: boolean;
+};
+export declare type SpoilerProps = Omit<PropsWithHTMLAttributes<{
+    size?: SpoilerPropSize;
+    lessLabel?: string;
+    lessIcon?: IconComponent;
+    moreLabel?: string;
+    moreIcon?: IconComponent;
+    buttonIndent?: Space;
+    buttonAlign?: SpoilerPropButtonAlign;
+    opened?: boolean;
+    onOpenButtonClick?: (open: boolean, event: React.MouseEvent) => void;
+}, HTMLDivElement>, 'children'> & ({
+    preview: React.ReactNode;
+    content: React.ReactNode;
+    maxHeight?: never;
+    children?: never;
+    lineClamp?: never;
+} | {
+    preview?: never;
+    content?: never;
+    children: React.ReactNode;
+    maxHeight: number;
+    lineClamp?: never;
+} | {
+    preview?: never;
+    content?: never;
+    children: React.ReactNode;
+    maxHeight?: never;
+    lineClamp: number;
+});
+export declare type SpoilerMode = 'lineClamp' | 'blur' | 'toggle';

package/__internal__/src/components/Spoiler/types.js

@@ -1,2 +1,2 @@
-export var spolierPropSize=["xs","s","m","l"];export var defaultSpoilerPropSize="m";export var spolierPropButtonAlign=["left","center","right"];export var defaultSpoilerPropButtonAlign=spolierPropButtonAlign[0];
+export var spoilerPropSize=["xs","s","m","l"];export var defaultSpoilerPropSize="m";export var spoilerPropButtonAlign=["left","center","right"];export var defaultSpoilerPropButtonAlign=spoilerPropButtonAlign[0];
 //# sourceMappingURL=types.js.map

package/__internal__/src/components/Spoiler/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["spolierPropSize","defaultSpoilerPropSize","spolierPropButtonAlign","defaultSpoilerPropButtonAlign"],"sources":["../../../../../src/components/Spoiler/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Space } from '##/mixs/MixSpace';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const spolierPropSize = ['xs', 's', 'm', 'l'] as const;\nexport type SpoilerPropSize = typeof spolierPropSize[number];\nexport const defaultSpoilerPropSize = 'm';\n\nexport const spolierPropButtonAlign = ['left', 'center', 'right'] as const;\nexport type SpoilerPropButtonAlign = typeof spolierPropButtonAlign[number];\nexport const defaultSpoilerPropButtonAlign = spolierPropButtonAlign[0];\n\nexport type SpoilerModeProp = 'dots' | 'blur';\n\nexport type SpoilerButtonProps = {\n  size?: SpoilerPropSize;\n  lessLabel?: string;\n  lessIcon?: IconComponent;\n  moreLabel?: string;\n  moreIcon?: IconComponent;\n  open?: boolean;\n};\n\nexport type SpoilerProps = Omit<\n  PropsWithHTMLAttributes<\n    {\n      size?: SpoilerPropSize;\n      lessLabel?: string;\n      lessIcon?: IconComponent;\n      moreLabel?: string;\n      moreIcon?: IconComponent;\n      buttonIndent?: Space;\n      buttonAlign?: SpoilerPropButtonAlign;\n      opened?: boolean;\n      onOpenButtonClick?: (open: boolean, event: React.MouseEvent) => void;\n    },\n    HTMLDivElement\n  >,\n  'children'\n> &\n  (\n    | {\n        preview: React.ReactNode;\n        content: React.ReactNode;\n        maxHeight?: never;\n        children?: never;\n        lineClamp?: never;\n      }\n    | {\n        preview?: never;\n        content?: never;\n        children: React.ReactNode;\n        maxHeight: number;\n        lineClamp?: never;\n      }\n    | {\n        preview?: never;\n        content?: never;\n        children: React.ReactNode;\n        maxHeight?: never;\n        lineClamp: number;\n      }\n  );\n\nexport type SpoilerMode = 'lineClamp' | 'blur' | 'toggle';\n"],"mappings":"AAMA,MAAO,IAAMA,gBAAe,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAxB,CAEP,MAAO,IAAMC,uBAAsB,CAAG,GAA/B,CAEP,MAAO,IAAMC,uBAAsB,CAAG,CAAC,MAAD,CAAS,QAAT,CAAmB,OAAnB,CAA/B,CAEP,MAAO,IAAMC,8BAA6B,CAAGD,sBAAsB,CAAC,CAAD,CAA5D"}
+{"version":3,"file":"types.js","names":["spoilerPropSize","defaultSpoilerPropSize","spoilerPropButtonAlign","defaultSpoilerPropButtonAlign"],"sources":["../../../../../src/components/Spoiler/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Space } from '##/mixs/MixSpace';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const spoilerPropSize = ['xs', 's', 'm', 'l'] as const;\nexport type SpoilerPropSize = typeof spoilerPropSize[number];\nexport const defaultSpoilerPropSize = 'm';\n\nexport const spoilerPropButtonAlign = ['left', 'center', 'right'] as const;\nexport type SpoilerPropButtonAlign = typeof spoilerPropButtonAlign[number];\nexport const defaultSpoilerPropButtonAlign = spoilerPropButtonAlign[0];\n\nexport type SpoilerModeProp = 'dots' | 'blur';\n\nexport type SpoilerButtonProps = {\n  size?: SpoilerPropSize;\n  lessLabel?: string;\n  lessIcon?: IconComponent;\n  moreLabel?: string;\n  moreIcon?: IconComponent;\n  open?: boolean;\n};\n\nexport type SpoilerProps = Omit<\n  PropsWithHTMLAttributes<\n    {\n      size?: SpoilerPropSize;\n      lessLabel?: string;\n      lessIcon?: IconComponent;\n      moreLabel?: string;\n      moreIcon?: IconComponent;\n      buttonIndent?: Space;\n      buttonAlign?: SpoilerPropButtonAlign;\n      opened?: boolean;\n      onOpenButtonClick?: (open: boolean, event: React.MouseEvent) => void;\n    },\n    HTMLDivElement\n  >,\n  'children'\n> &\n  (\n    | {\n        preview: React.ReactNode;\n        content: React.ReactNode;\n        maxHeight?: never;\n        children?: never;\n        lineClamp?: never;\n      }\n    | {\n        preview?: never;\n        content?: never;\n        children: React.ReactNode;\n        maxHeight: number;\n        lineClamp?: never;\n      }\n    | {\n        preview?: never;\n        content?: never;\n        children: React.ReactNode;\n        maxHeight?: never;\n        lineClamp: number;\n      }\n  );\n\nexport type SpoilerMode = 'lineClamp' | 'blur' | 'toggle';\n"],"mappings":"AAMA,MAAO,IAAMA,gBAAe,CAAG,CAAC,IAAD,CAAO,GAAP,CAAY,GAAZ,CAAiB,GAAjB,CAAxB,CAEP,MAAO,IAAMC,uBAAsB,CAAG,GAA/B,CAEP,MAAO,IAAMC,uBAAsB,CAAG,CAAC,MAAD,CAAS,QAAT,CAAmB,OAAnB,CAA/B,CAEP,MAAO,IAAMC,8BAA6B,CAAGD,sBAAsB,CAAC,CAAD,CAA5D"}

package/__internal__/src/components/Steps/Steps.d.ts

@@ -1,5 +1,5 @@
-import './Steps.css';
-import { StepsCompnent } from './types';
-export declare const cnSteps: import("@bem-react/classname").ClassNameFormatter;
-export declare const Steps: StepsCompnent;
-export * from './types';
+import './Steps.css';
+import { StepsComponent } from './types';
+export declare const cnSteps: import("@bem-react/classname").ClassNameFormatter;
+export declare const Steps: StepsComponent;
+export * from './types';

package/__internal__/src/components/Steps/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","names":["IconArrowLeft","IconArrowRight","React","forwardRef","useMemo","useRef","useState","useChoiceGroup","useOverflow","useScrollElements","cn","Button","withDefaultGetters","StepsStep","stepsDefaultSize","cnSteps","StepsRender","props","ref","size","items","value","getItemLabel","getItemDisabled","getItemCompleted","getItemSkipped","onChange","className","otherProps","activeStep","setActiveStep","getKey","callBack","multiple","getOnChange","getChecked","forEach","item","index","refs","scrollTo","stepsRef","isOverflow","currentRef","changeStep","e","prev","length","side","map","Steps"],"sources":["../../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import './Steps.css';\n\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { useOverflow } from '../../hooks/useOverflow/useOverflow';\nimport { useScrollElements } from '../../hooks/useScrollElements/useScrollElements';\nimport { cn } from '../../utils/bem';\nimport { Button } from '../Button/Button';\nimport { withDefaultGetters } from './helper';\nimport { StepsStep } from './StepsStep/StepsStep';\nimport { StepsCompnent, stepsDefaultSize, StepsProps } from './types';\n\nexport const cnSteps = cn('Steps');\n\nconst StepsRender = (props: StepsProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    size = stepsDefaultSize,\n    items,\n    value,\n    getItemLabel,\n    getItemDisabled,\n    getItemCompleted,\n    getItemSkipped,\n    onChange,\n    className,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [activeStep, setActiveStep] = useState<number>(-1);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: getItemLabel,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  useMemo(() => {\n    items.forEach((item, index) => {\n      if (getChecked(item)) {\n        setActiveStep(index);\n      }\n    });\n  }, [items, value]);\n\n  const { refs, scrollTo } = useScrollElements(items);\n\n  const stepsRef = useRef<HTMLDivElement>(null);\n\n  const isOverflow = useOverflow({ currentRef: stepsRef });\n\n  const changeStep = (e: React.MouseEvent, prev: boolean) => {\n    if (prev && activeStep !== 0) {\n      getOnChange(items[activeStep - 1])(e);\n      scrollTo(activeStep - 1);\n    }\n    if (!prev && activeStep !== items.length - 1) {\n      getOnChange(items[activeStep + 1])(e);\n      scrollTo(activeStep + 1);\n    }\n  };\n\n  return (\n    <div ref={ref} className={cnSteps({ size }, [className])} {...otherProps}>\n      {isOverflow && (\n        <Button\n          iconLeft={() => <IconArrowLeft size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          className={cnSteps('Button', { side: 'left' })}\n          onClick={(e) => changeStep(e, true)}\n        />\n      )}\n      <div ref={stepsRef} className={cnSteps('List')}>\n        {items.map((item, index) => (\n          <StepsStep\n            key={index}\n            ref={refs[index] as React.RefObject<HTMLButtonElement>}\n            className={cnSteps('Item')}\n            label={getItemLabel(item)}\n            step={index + 1}\n            size={size}\n            active={activeStep === index}\n            onChange={getOnChange(item)}\n            completed={getItemCompleted?.(item)}\n            skipped={getItemSkipped?.(item)}\n            disabled={getItemDisabled?.(item)}\n          />\n        ))}\n      </div>\n      {isOverflow && (\n        <Button\n          iconLeft={() => <IconArrowRight size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          className={cnSteps('Button', { side: 'right' })}\n          onClick={(e) => changeStep(e, false)}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const Steps = forwardRef(StepsRender) as StepsCompnent;\n\nexport * from './types';\n"],"mappings":"yRAAA,oBAEA,OAASA,aAAT,KAA8B,6BAA9B,CACA,OAASC,cAAT,KAA+B,8BAA/B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,OAA5B,CAAqCC,MAArC,CAA6CC,QAA7C,KAA6D,OAA7D,CAEA,OAASC,cAAT,iDACA,OAASC,WAAT,2CACA,OAASC,iBAAT,uDACA,OAASC,EAAT,uBACA,OAASC,MAAT,wBACA,OAASC,kBAAT,gBACA,OAASC,SAAT,6BACA,OAAwBC,gBAAxB,eAEA,MAAO,IAAMC,QAAO,CAAGL,EAAE,CAAC,OAAD,CAAlB,CAEP,GAAMM,YAAW,CAAG,SAACC,CAAD,CAAoBC,CAApB,CAAuD,OAYrEN,kBAAkB,CAACK,CAAD,CAZmD,KAEvEE,IAFuE,CAEvEA,CAFuE,YAEhEL,gBAFgE,GAGvEM,CAHuE,GAGvEA,KAHuE,CAIvEC,CAJuE,GAIvEA,KAJuE,CAKvEC,CALuE,GAKvEA,YALuE,CAMvEC,CANuE,GAMvEA,eANuE,CAOvEC,CAPuE,GAOvEA,gBAPuE,CAQvEC,CARuE,GAQvEA,cARuE,CASvEC,CATuE,GASvEA,QATuE,CAUvEC,CAVuE,GAUvEA,SAVuE,CAWpEC,CAXoE,yCAcrCtB,QAAQ,CAAS,CAAC,CAAV,CAd6B,uBAclEuB,CAdkE,MActDC,CAdsD,QAgBrCvB,cAAc,CAAC,CACjDc,KAAK,CAALA,CADiD,CAEjDU,MAAM,CAAET,CAFyC,CAGjDU,QAAQ,CAAEN,CAHuC,CAIjDO,QAAQ,GAJyC,CAAD,CAhBuB,CAgBjEC,CAhBiE,GAgBjEA,WAhBiE,CAgBpDC,CAhBoD,GAgBpDA,UAhBoD,CAuBzE/B,OAAO,CAAC,UAAM,CACZgB,CAAK,CAACgB,OAAN,CAAc,SAACC,CAAD,CAAOC,CAAP,CAAiB,CACzBH,CAAU,CAACE,CAAD,CADe,EAE3BP,CAAa,CAACQ,CAAD,CAEhB,CAJD,CAKD,CANM,CAMJ,CAAClB,CAAD,CAAQC,CAAR,CANI,CAvBkE,OA+B9CZ,iBAAiB,CAACW,CAAD,CA/B6B,CA+BjEmB,CA/BiE,GA+BjEA,IA/BiE,CA+B3DC,CA/B2D,GA+B3DA,QA/B2D,CAiCnEC,CAAQ,CAAGpC,MAAM,CAAiB,IAAjB,CAjCkD,CAmCnEqC,CAAU,CAAGlC,WAAW,CAAC,CAAEmC,UAAU,CAAEF,CAAd,CAAD,CAnC2C,CAqCnEG,CAAU,CAAG,SAACC,CAAD,CAAsBC,CAAtB,CAAwC,CACrDA,CAAI,EAAmB,CAAf,GAAAjB,CAD6C,GAEvDK,CAAW,CAACd,CAAK,CAACS,CAAU,CAAG,CAAd,CAAN,CAAX,CAAmCgB,CAAnC,CAFuD,CAGvDL,CAAQ,CAACX,CAAU,CAAG,CAAd,CAH+C,EAKpDiB,CAAD,EAASjB,CAAU,GAAKT,CAAK,CAAC2B,MAAN,CAAe,CALc,GAMvDb,CAAW,CAACd,CAAK,CAACS,CAAU,CAAG,CAAd,CAAN,CAAX,CAAmCgB,CAAnC,CANuD,CAOvDL,CAAQ,CAACX,CAAU,CAAG,CAAd,CAP+C,CAS1D,CA9CwE,CAgDzE,MACE,0CAAK,GAAG,CAAEX,CAAV,CAAe,SAAS,CAAEH,OAAO,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACQ,CAAD,CAAX,CAAjC,EAA8DC,CAA9D,EACGc,CAAU,EACT,oBAAC,MAAD,EACE,QAAQ,CAAE,0BAAM,qBAAC,aAAD,EAAe,IAAI,CAAC,IAApB,EAAN,CADZ,CAEE,IAAI,CAAC,OAFP,CAGE,QAAQ,GAHV,CAIE,IAAI,CAAC,IAJP,CAKE,IAAI,CAAC,QALP,CAME,SAAS,CAAE3B,OAAO,CAAC,QAAD,CAAW,CAAEiC,IAAI,CAAE,MAAR,CAAX,CANpB,CAOE,OAAO,CAAE,iBAACH,CAAD,QAAOD,EAAU,CAACC,CAAD,IAAjB,CAPX,EAFJ,CAYE,2BAAK,GAAG,CAAEJ,CAAV,CAAoB,SAAS,CAAE1B,OAAO,CAAC,MAAD,CAAtC,EACGK,CAAK,CAAC6B,GAAN,CAAU,SAACZ,CAAD,CAAOC,CAAP,QACT,qBAAC,SAAD,EACE,GAAG,CAAEA,CADP,CAEE,GAAG,CAAEC,CAAI,CAACD,CAAD,CAFX,CAGE,SAAS,CAAEvB,OAAO,CAAC,MAAD,CAHpB,CAIE,KAAK,CAAEO,CAAY,CAACe,CAAD,CAJrB,CAKE,IAAI,CAAEC,CAAK,CAAG,CALhB,CAME,IAAI,CAAEnB,CANR,CAOE,MAAM,CAAEU,CAAU,GAAKS,CAPzB,CAQE,QAAQ,CAAEJ,CAAW,CAACG,CAAD,CARvB,CASE,SAAS,QAAEb,CAAF,WAAEA,CAAF,QAAEA,CAAgB,CAAGa,CAAH,CAT7B,CAUE,OAAO,QAAEZ,CAAF,WAAEA,CAAF,QAAEA,CAAc,CAAGY,CAAH,CAVzB,CAWE,QAAQ,QAAEd,CAAF,WAAEA,CAAF,QAAEA,CAAe,CAAGc,CAAH,CAX3B,EADS,CAAV,CADH,CAZF,CA6BGK,CAAU,EACT,oBAAC,MAAD,EACE,QAAQ,CAAE,0BAAM,qBAAC,cAAD,EAAgB,IAAI,CAAC,IAArB,EAAN,CADZ,CAEE,IAAI,CAAC,OAFP,CAGE,QAAQ,GAHV,CAIE,IAAI,CAAC,IAJP,CAKE,IAAI,CAAC,QALP,CAME,SAAS,CAAE3B,OAAO,CAAC,QAAD,CAAW,CAAEiC,IAAI,CAAE,OAAR,CAAX,CANpB,CAOE,OAAO,CAAE,iBAACH,CAAD,QAAOD,EAAU,CAACC,CAAD,IAAjB,CAPX,EA9BJ,CA0CH,CA3FD,CA6FA,MAAO,IAAMK,MAAK,CAAG/C,UAAU,CAACa,WAAD,CAAxB,CAEP"}
+{"version":3,"file":"Steps.js","names":["IconArrowLeft","IconArrowRight","React","forwardRef","useMemo","useRef","useState","useChoiceGroup","useOverflow","useScrollElements","cn","Button","withDefaultGetters","StepsStep","stepsDefaultSize","cnSteps","StepsRender","props","ref","size","items","value","getItemLabel","getItemDisabled","getItemCompleted","getItemSkipped","onChange","className","otherProps","activeStep","setActiveStep","getKey","callBack","multiple","getOnChange","getChecked","forEach","item","index","refs","scrollTo","stepsRef","isOverflow","currentRef","changeStep","e","prev","length","side","map","Steps"],"sources":["../../../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import './Steps.css';\n\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef, useMemo, useRef, useState } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { useOverflow } from '../../hooks/useOverflow/useOverflow';\nimport { useScrollElements } from '../../hooks/useScrollElements/useScrollElements';\nimport { cn } from '../../utils/bem';\nimport { Button } from '../Button/Button';\nimport { withDefaultGetters } from './helper';\nimport { StepsStep } from './StepsStep/StepsStep';\nimport { StepsComponent, stepsDefaultSize, StepsProps } from './types';\n\nexport const cnSteps = cn('Steps');\n\nconst StepsRender = (props: StepsProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    size = stepsDefaultSize,\n    items,\n    value,\n    getItemLabel,\n    getItemDisabled,\n    getItemCompleted,\n    getItemSkipped,\n    onChange,\n    className,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const [activeStep, setActiveStep] = useState<number>(-1);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: getItemLabel,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  useMemo(() => {\n    items.forEach((item, index) => {\n      if (getChecked(item)) {\n        setActiveStep(index);\n      }\n    });\n  }, [items, value]);\n\n  const { refs, scrollTo } = useScrollElements(items);\n\n  const stepsRef = useRef<HTMLDivElement>(null);\n\n  const isOverflow = useOverflow({ currentRef: stepsRef });\n\n  const changeStep = (e: React.MouseEvent, prev: boolean) => {\n    if (prev && activeStep !== 0) {\n      getOnChange(items[activeStep - 1])(e);\n      scrollTo(activeStep - 1);\n    }\n    if (!prev && activeStep !== items.length - 1) {\n      getOnChange(items[activeStep + 1])(e);\n      scrollTo(activeStep + 1);\n    }\n  };\n\n  return (\n    <div ref={ref} className={cnSteps({ size }, [className])} {...otherProps}>\n      {isOverflow && (\n        <Button\n          iconLeft={() => <IconArrowLeft size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          className={cnSteps('Button', { side: 'left' })}\n          onClick={(e) => changeStep(e, true)}\n        />\n      )}\n      <div ref={stepsRef} className={cnSteps('List')}>\n        {items.map((item, index) => (\n          <StepsStep\n            key={index}\n            ref={refs[index] as React.RefObject<HTMLButtonElement>}\n            className={cnSteps('Item')}\n            label={getItemLabel(item)}\n            step={index + 1}\n            size={size}\n            active={activeStep === index}\n            onChange={getOnChange(item)}\n            completed={getItemCompleted?.(item)}\n            skipped={getItemSkipped?.(item)}\n            disabled={getItemDisabled?.(item)}\n          />\n        ))}\n      </div>\n      {isOverflow && (\n        <Button\n          iconLeft={() => <IconArrowRight size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          className={cnSteps('Button', { side: 'right' })}\n          onClick={(e) => changeStep(e, false)}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const Steps = forwardRef(StepsRender) as StepsComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/Steps/StepsStep/StepsStep.d.ts

@@ -1,17 +1,17 @@
-import './StepsStep.css';
-import React from 'react';
-import { StepsPropSize } from '../Steps';
-export declare const cnStepsStep: import("@bem-react/classname").ClassNameFormatter;
-declare type Props = {
-    size: StepsPropSize;
-    label: string;
-    step?: number;
-    active?: boolean;
-    disabled?: boolean;
-    completed?: boolean;
-    skipped?: boolean;
-    onChange: React.MouseEventHandler<HTMLButtonElement>;
-    className?: string;
-};
-export declare const StepsStep: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
-export {};
+import './StepsStep.css';
+import React from 'react';
+import { StepsPropSize } from '../Steps';
+export declare const cnStepsStep: import("@bem-react/classname").ClassNameFormatter;
+declare type Props = {
+    size: StepsPropSize;
+    label: string;
+    step?: number;
+    active?: boolean;
+    disabled?: boolean;
+    completed?: boolean;
+    skipped?: boolean;
+    onChange: React.MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+};
+export declare const StepsStep: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/__internal__/src/components/Steps/StepsStep/StepsStep.js

@@ -1,2 +1,2 @@
-import"./StepsStep.css";import{IconCheck}from"@consta/icons/IconCheck";import React from"react";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";export var cnStepsStep=cn("StepsStep");var sizeMap={m:"xs",s:"xs",l:"s"};export var StepsStep=React.forwardRef(function(a,b){var c=a.size,d=a.label,e=a.active,f=void 0!==e&&e,g=a.disabled,h=void 0!==g&&g,i=a.completed,j=void 0!==i&&i,k=a.skipped,l=a.onChange,m=a.step,n=void 0===m?1:m,o=a.className,p=getByMap(sizeMap,c);return React.createElement("button",{ref:b,className:cnStepsStep({size:c,active:f,disabled:h,completed:j,skipped:void 0!==k&&k},[o]),type:"button",title:d,onClick:function clickHandler(a){f||h||(null===l||void 0===l?void 0:l(a))}},j?React.createElement(IconCheck,{className:cnStepsStep("Icon"),size:p}):n,React.createElement("span",null,d))});
+import"./StepsStep.css";import{IconCheck}from"@consta/icons/IconCheck";import React from"react";import{cn}from"../../../utils/bem";import{getByMap}from"../../../utils/getByMap";export var cnStepsStep=cn("StepsStep");var sizeMap={m:"xs",s:"xs",l:"s"};export var StepsStep=React.forwardRef(function(a,b){var c=a.size,d=a.label,e=a.active,f=void 0!==e&&e,g=a.disabled,h=void 0!==g&&g,i=a.completed,j=void 0!==i&&i,k=a.skipped,l=a.onChange,m=a.step,n=void 0===m?1:m,o=a.className,p=getByMap(sizeMap,c);return React.createElement("button",{ref:b,className:cnStepsStep({size:c,active:f,disabled:h,completed:j,skipped:void 0!==k&&k},[o]),type:"button",title:d,onClick:function clickHandler(a){f||h||(null===l||void 0===l?void 0:l(a))}},j?React.createElement(IconCheck,{className:cnStepsStep("Icon"),size:p}):React.createElement("span",{className:cnStepsStep("Number")},n),React.createElement("span",{className:cnStepsStep("Label")},d))});
 //# sourceMappingURL=StepsStep.js.map

package/__internal__/src/components/Steps/StepsStep/StepsStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepsStep.js","names":["IconCheck","React","cn","getByMap","cnStepsStep","sizeMap","m","s","l","StepsStep","forwardRef","props","ref","size","label","active","disabled","completed","skipped","onChange","step","className","iconSize","clickHandler","e"],"sources":["../../../../../../src/components/Steps/StepsStep/StepsStep.tsx"],"sourcesContent":["import './StepsStep.css';\n\nimport { IconPropSize } from '@consta/icons/Icon';\nimport { IconCheck } from '@consta/icons/IconCheck';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { StepsPropSize } from '../Steps';\n\nexport const cnStepsStep = cn('StepsStep');\n\ntype Props = {\n  size: StepsPropSize;\n  label: string;\n  step?: number;\n  active?: boolean;\n  disabled?: boolean;\n  completed?: boolean;\n  skipped?: boolean;\n  onChange: React.MouseEventHandler<HTMLButtonElement>;\n  className?: string;\n};\n\nconst sizeMap: Record<StepsPropSize, IconPropSize> = {\n  m: 'xs',\n  s: 'xs',\n  l: 's',\n};\n\nexport const StepsStep = React.forwardRef<HTMLButtonElement, Props>(\n  (props, ref) => {\n    const {\n      size,\n      label,\n      active = false,\n      disabled = false,\n      completed = false,\n      skipped = false,\n      onChange,\n      step = 1,\n      className,\n    } = props;\n\n    const clickHandler = (e: React.MouseEvent<HTMLButtonElement>) => {\n      !active && !disabled && onChange?.(e);\n    };\n    const iconSize = getByMap(sizeMap, size);\n\n    return (\n      <button\n        ref={ref}\n        className={cnStepsStep({ size, active, disabled, completed, skipped }, [\n          className,\n        ])}\n        type=\"button\"\n        title={label}\n        onClick={clickHandler}\n      >\n        {completed ? (\n          <IconCheck className={cnStepsStep('Icon')} size={iconSize} />\n        ) : (\n          step\n        )}\n        <span>{label}</span>\n      </button>\n    );\n  },\n);\n"],"mappings":"AAAA,wBAGA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,QAAT,+BAGA,MAAO,IAAMC,YAAW,CAAGF,EAAE,CAAC,WAAD,CAAtB,CAcP,GAAMG,QAA4C,CAAG,CACnDC,CAAC,CAAE,IADgD,CAEnDC,CAAC,CAAE,IAFgD,CAGnDC,CAAC,CAAE,GAHgD,CAArD,CAMA,MAAO,IAAMC,UAAS,CAAGR,KAAK,CAACS,UAAN,CACvB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAWVF,CAXU,CAEZE,IAFY,CAGZC,CAHY,CAWVH,CAXU,CAGZG,KAHY,GAWVH,CAXU,CAIZI,MAJY,CAIZA,CAJY,iBAWVJ,CAXU,CAKZK,QALY,CAKZA,CALY,iBAWVL,CAXU,CAMZM,SANY,CAMZA,CANY,iBAWVN,CAXU,CAOZO,OAPY,CAQZC,CARY,CAWVR,CAXU,CAQZQ,QARY,GAWVR,CAXU,CASZS,IATY,CASZA,CATY,YASL,CATK,GAUZC,CAVY,CAWVV,CAXU,CAUZU,SAVY,CAgBRC,CAAQ,CAAGnB,QAAQ,CAACE,OAAD,CAAUQ,CAAV,CAhBX,CAkBd,MACE,+BACE,GAAG,CAAED,CADP,CAEE,SAAS,CAAER,WAAW,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQE,MAAM,CAANA,CAAR,CAAgBC,QAAQ,CAARA,CAAhB,CAA0BC,SAAS,CAATA,CAA1B,CAAqCC,OAAO,cAA5C,CAAD,CAAiD,CACrEG,CADqE,CAAjD,CAFxB,CAKE,IAAI,CAAC,QALP,CAME,KAAK,CAAEP,CANT,CAOE,OAAO,CAbU,QAAfS,aAAe,CAACC,CAAD,CAA4C,CAC9DT,CAAD,EAAYC,CAAZ,UAAwBG,CAAxB,WAAwBA,CAAxB,QAAwBA,CAAQ,CAAGK,CAAH,CAAhC,CACD,CAIC,EASGP,CAAS,CACR,oBAAC,SAAD,EAAW,SAAS,CAAEb,WAAW,CAAC,MAAD,CAAjC,CAA2C,IAAI,CAAEkB,CAAjD,EADQ,CAGRF,CAZJ,CAcE,gCAAON,CAAP,CAdF,CAiBH,CArCsB,CAAlB"}
+{"version":3,"file":"StepsStep.js","names":["IconCheck","React","cn","getByMap","cnStepsStep","sizeMap","m","s","l","StepsStep","forwardRef","props","ref","size","label","active","disabled","completed","skipped","onChange","step","className","iconSize","clickHandler","e"],"sources":["../../../../../../src/components/Steps/StepsStep/StepsStep.tsx"],"sourcesContent":["import './StepsStep.css';\n\nimport { IconPropSize } from '@consta/icons/Icon';\nimport { IconCheck } from '@consta/icons/IconCheck';\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\nimport { getByMap } from '../../../utils/getByMap';\nimport { StepsPropSize } from '../Steps';\n\nexport const cnStepsStep = cn('StepsStep');\n\ntype Props = {\n  size: StepsPropSize;\n  label: string;\n  step?: number;\n  active?: boolean;\n  disabled?: boolean;\n  completed?: boolean;\n  skipped?: boolean;\n  onChange: React.MouseEventHandler<HTMLButtonElement>;\n  className?: string;\n};\n\nconst sizeMap: Record<StepsPropSize, IconPropSize> = {\n  m: 'xs',\n  s: 'xs',\n  l: 's',\n};\n\nexport const StepsStep = React.forwardRef<HTMLButtonElement, Props>(\n  (props, ref) => {\n    const {\n      size,\n      label,\n      active = false,\n      disabled = false,\n      completed = false,\n      skipped = false,\n      onChange,\n      step = 1,\n      className,\n    } = props;\n\n    const clickHandler = (e: React.MouseEvent<HTMLButtonElement>) => {\n      !active && !disabled && onChange?.(e);\n    };\n    const iconSize = getByMap(sizeMap, size);\n\n    return (\n      <button\n        ref={ref}\n        className={cnStepsStep({ size, active, disabled, completed, skipped }, [\n          className,\n        ])}\n        type=\"button\"\n        title={label}\n        onClick={clickHandler}\n      >\n        {completed ? (\n          <IconCheck className={cnStepsStep('Icon')} size={iconSize} />\n        ) : (\n          <span className={cnStepsStep('Number')}>{step}</span>\n        )}\n        <span className={cnStepsStep('Label')}>{label}</span>\n      </button>\n    );\n  },\n);\n"],"mappings":"AAAA,wBAGA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BACA,OAASC,QAAT,+BAGA,MAAO,IAAMC,YAAW,CAAGF,EAAE,CAAC,WAAD,CAAtB,CAcP,GAAMG,QAA4C,CAAG,CACnDC,CAAC,CAAE,IADgD,CAEnDC,CAAC,CAAE,IAFgD,CAGnDC,CAAC,CAAE,GAHgD,CAArD,CAMA,MAAO,IAAMC,UAAS,CAAGR,KAAK,CAACS,UAAN,CACvB,SAACC,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAWVF,CAXU,CAEZE,IAFY,CAGZC,CAHY,CAWVH,CAXU,CAGZG,KAHY,GAWVH,CAXU,CAIZI,MAJY,CAIZA,CAJY,iBAWVJ,CAXU,CAKZK,QALY,CAKZA,CALY,iBAWVL,CAXU,CAMZM,SANY,CAMZA,CANY,iBAWVN,CAXU,CAOZO,OAPY,CAQZC,CARY,CAWVR,CAXU,CAQZQ,QARY,GAWVR,CAXU,CASZS,IATY,CASZA,CATY,YASL,CATK,GAUZC,CAVY,CAWVV,CAXU,CAUZU,SAVY,CAgBRC,CAAQ,CAAGnB,QAAQ,CAACE,OAAD,CAAUQ,CAAV,CAhBX,CAkBd,MACE,+BACE,GAAG,CAAED,CADP,CAEE,SAAS,CAAER,WAAW,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQE,MAAM,CAANA,CAAR,CAAgBC,QAAQ,CAARA,CAAhB,CAA0BC,SAAS,CAATA,CAA1B,CAAqCC,OAAO,cAA5C,CAAD,CAAiD,CACrEG,CADqE,CAAjD,CAFxB,CAKE,IAAI,CAAC,QALP,CAME,KAAK,CAAEP,CANT,CAOE,OAAO,CAbU,QAAfS,aAAe,CAACC,CAAD,CAA4C,CAC9DT,CAAD,EAAYC,CAAZ,UAAwBG,CAAxB,WAAwBA,CAAxB,QAAwBA,CAAQ,CAAGK,CAAH,CAAhC,CACD,CAIC,EASGP,CAAS,CACR,oBAAC,SAAD,EAAW,SAAS,CAAEb,WAAW,CAAC,MAAD,CAAjC,CAA2C,IAAI,CAAEkB,CAAjD,EADQ,CAGR,4BAAM,SAAS,CAAElB,WAAW,CAAC,QAAD,CAA5B,EAAyCgB,CAAzC,CAZJ,CAcE,4BAAM,SAAS,CAAEhB,WAAW,CAAC,OAAD,CAA5B,EAAwCU,CAAxC,CAdF,CAiBH,CArCsB,CAAlB"}