@consta/uikit 5.15.0 → 5.17.0

package/__internal__/src/components/StepsCanary/StepsCanary.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","items","value","getItemLabel","getItemDisabled","getItemIcon","getItemStatus","getItemDescription","onChange","className","style","withNumber","labelWordWrap","fitMode"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./Steps.css";import{IconArrowLeft}from"@consta/icons/IconArrowLeft";import React,{forwardRef,useCallback,useEffect,useRef}from"react";import{Button}from"../Button";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{useMutableRef}from"../../hooks/useMutableRef";import{useOverflow}from"../../hooks/useOverflow/useOverflow";import{useScrollElements}from"../../hooks/useScrollElements/useScrollElements";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{cnCanary}from"../../utils/bem";import{withDefaultGetters}from"./helper";import{StepsStep}from"./StepsItem";export var cnSteps=cnCanary("Steps");var StepsRender=function(a,b){var c=withDefaultGetters(a),d=c.size,e=void 0===d?"m":d,f=c.items,g=c.value,h=c.getItemLabel,i=c.getItemDisabled,j=c.getItemIcon,k=c.getItemStatus,l=c.getItemDescription,m=c.onChange,n=c.className,o=c.style,p=c.withNumber,q=c.labelWordWrap,r=c.fitMode,s=void 0===r?"scroll":r,t=_objectWithoutProperties(c,_excluded),u=useRef(null),v=useScrollElements(f,u),w=v.refs,x=v.scrollTo,y=useChoiceGroup({value:g,getKey:h,callBack:m,multiple:!1}),z=y.getOnChange,A=y.getChecked,B=f.findIndex(A),C=useMutableRef([B,z,i]),D=useOverflow({currentRef:u})&&"scrollWithButtons"===s,E=useCallback(function(a){var b=_slicedToArray(C.current,3),c=b[0],d=b[1],e=b[2],g=c-1;0<=g&&!e(f[g])&&(null===d||void 0===d?void 0:d(f[g])(a))},[]),F=useCallback(function(a){var b=_slicedToArray(C.current,3),c=b[0],d=b[1],e=b[2],g=c+1;g<=f.length-1&&!e(f[g])&&(null===d||void 0===d?void 0:d(f[g])(a))},[]);return useEffect(function(){x(B)},[B]),React.createElement("div",Object.assign({},t,{ref:b,className:cnSteps({size:e},[n]),style:_objectSpread(_objectSpread({},o),{},_defineProperty({},"--steps-items-length",f.length))}),D&&React.createElement(Button,{className:cnSteps("ScrollButton",{position:"left"}),iconLeft:IconArrowLeft,view:"clear",onlyIcon:!0,size:"xs",type:"button",onClick:E}),React.createElement("div",{ref:u,className:cnSteps("List",[cnMixScrollBar({invisible:!0})])},f.map(function(a,b){return React.createElement(StepsStep,{key:b,ref:w[b],className:cnSteps("Item"),label:h(a),number:b+1,withNumber:p,size:e,active:B===b,onChange:z(a),disabled:i(a),status:k(a),description:l(a),labelWordWrap:q,icon:j(a)})})),D&&React.createElement(Button,{className:cnSteps("ScrollButton",{position:"right"}),iconLeft:IconArrowLeft,view:"clear",onlyIcon:!0,size:"xs",type:"button",onClick:F}))};export var Steps=forwardRef(StepsRender);export*from"./types";
+//# sourceMappingURL=StepsCanary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsCanary.js","names":["IconArrowLeft","React","forwardRef","useCallback","useEffect","useRef","Button","useChoiceGroup","useMutableRef","useOverflow","useScrollElements","cnMixScrollBar","cnCanary","withDefaultGetters","StepsStep","cnSteps","StepsRender","props","ref","size","items","value","getItemLabel","getItemDisabled","getItemIcon","getItemStatus","getItemDescription","onChange","className","style","withNumber","labelWordWrap","fitMode","otherProps","listRef","refs","scrollTo","getKey","callBack","multiple","getOnChange","getChecked","activeStep","findIndex","mutableRefs","isOverflow","currentRef","toPrevStep","e","current","currentStep","getDisabled","nextStep","toNextStep","prevStep","length","position","invisible","map","item","index","Steps"],"sources":["../../../../../src/components/StepsCanary/StepsCanary.tsx"],"sourcesContent":["import './Steps.css';\n\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport React, { forwardRef, useCallback, useEffect, useRef } from 'react';\n\nimport { Button } from '##/components/Button';\nimport { useChoiceGroup } from '##/hooks/useChoiceGroup/useChoiceGroup';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useOverflow } from '##/hooks/useOverflow/useOverflow';\nimport { useScrollElements } from '##/hooks/useScrollElements/useScrollElements';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnCanary } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helper';\nimport { StepsStep } from './StepsItem';\nimport { StepsComponent, StepsProps } from './types';\n\nexport const cnSteps = cnCanary('Steps');\n\nconst StepsRender = (props: StepsProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    size = 'm',\n    items,\n    value,\n    getItemLabel,\n    getItemDisabled,\n    getItemIcon,\n    getItemStatus,\n    getItemDescription,\n    onChange,\n    className,\n    style,\n    withNumber,\n    labelWordWrap,\n    fitMode = 'scroll',\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const listRef = useRef<HTMLDivElement>(null);\n  const { refs, scrollTo } = useScrollElements(items, listRef);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: getItemLabel,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  const activeStep = items.findIndex(getChecked);\n\n  const mutableRefs = useMutableRef([\n    activeStep,\n    getOnChange,\n    getItemDisabled,\n  ] as const);\n\n  const isOverflow =\n    useOverflow({ currentRef: listRef }) && fitMode === 'scrollWithButtons';\n\n  const toPrevStep = useCallback((e: React.MouseEvent) => {\n    const [currentStep, getOnChange, getDisabled] = mutableRefs.current;\n    const nextStep = currentStep - 1;\n\n    if (nextStep >= 0) {\n      !getDisabled(items[nextStep]) && getOnChange?.(items[nextStep])(e);\n    }\n  }, []);\n\n  const toNextStep = useCallback((e: React.MouseEvent) => {\n    const [currentStep, getOnChange, getDisabled] = mutableRefs.current;\n    const prevStep = currentStep + 1;\n\n    if (prevStep <= items.length - 1) {\n      !getDisabled(items[prevStep]) && getOnChange?.(items[prevStep])(e);\n    }\n  }, []);\n\n  useEffect(() => {\n    scrollTo(activeStep);\n  }, [activeStep]);\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnSteps({ size }, [className])}\n      style={{\n        ...style,\n        ['--steps-items-length' as string]: items.length,\n      }}\n    >\n      {isOverflow && (\n        <Button\n          className={cnSteps('ScrollButton', { position: 'left' })}\n          iconLeft={IconArrowLeft}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          onClick={toPrevStep}\n        />\n      )}\n      <div\n        ref={listRef}\n        className={cnSteps('List', [cnMixScrollBar({ invisible: true })])}\n      >\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            number={index + 1}\n            withNumber={withNumber}\n            size={size}\n            active={activeStep === index}\n            onChange={getOnChange(item)}\n            disabled={getItemDisabled(item)}\n            status={getItemStatus(item)}\n            description={getItemDescription(item)}\n            labelWordWrap={labelWordWrap}\n            icon={getItemIcon(item)}\n          />\n        ))}\n      </div>\n      {isOverflow && (\n        <Button\n          className={cnSteps('ScrollButton', { position: 'right' })}\n          iconLeft={IconArrowLeft}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          onClick={toNextStep}\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/StepsCanary/StepsItem/StepsItem.css

@@ -0,0 +1 @@
+.canary--StepsItem{--steps-item-text-color:var(--color-typo-secondary);--steps-item-badge-bg-color:var(--color-bg-secondary);--steps-item-badge-text-color:var(--color-typo-secondary);--steps-item-line-color:var(--color-bg-border);--steps-item-cursor:pointer;display:contents}.canary--StepsItem_active{--steps-item-text-color:var(--color-typo-primary);--steps-item-cursor:auto;--steps-item-line-color:var(--color-control-bg-primary)}.canary--StepsItem_active.canary--StepsItem_status_error{--steps-item-line-color:var(--color-bg-alert)}.canary--StepsItem_active.canary--StepsItem_status_resolved{--steps-item-line-color:var(--color-control-bg-primary)}.canary--StepsItem_disabled{--steps-item-text-color:var(--color-control-typo-disable);--steps-item-badge-bg-color:var(--color-control-bg-disable);--steps-item-badge-text-color:var(--color-control-typo-disable);--steps-item-line-color:var(--color-control-bg-disable);--steps-item-cursor:no-drop}.canary--StepsItem:not(.canary--StepsItem_disabled,.canary--StepsItem_active) .canary--StepsItem-Button:focus,.canary--StepsItem:not(.canary--StepsItem_disabled,.canary--StepsItem_active) .canary--StepsItem-Button:hover{--steps-item-text-color:var(--color-control-typo-secondary-hover)}.canary--StepsItem-Button{background-color:transparent;border:none;color:var(--steps-item-text-color);cursor:var(--steps-item-cursor);margin:0;max-width:var(--steps-item-max-width);min-width:var(--steps-item-min-width);padding:0;text-align:left;text-decoration:none;text-indent:0}.canary--StepsItem-Badge{--badge-bg-color-prop:var(--steps-item-badge-bg-color);--badge-text-color-prop:var(--steps-item-badge-text-color);flex:none;margin-top:var(--steps-item-badge-margin-top)}.canary--StepsItem-Badge_active:not(.canary--StepsItem-Badge_disabled){--steps-item-badge-bg-color:var(--color-control-bg-primary);--steps-item-badge-text-color:var(--color-typo-primary)}.canary--StepsItem-Badge_status_error:not(.canary--StepsItem-Badge_disabled){--steps-item-badge-bg-color:var(--color-bg-alert);--steps-item-badge-text-color:var(--color-typo-primary)}.canary--StepsItem-Badge_status_resolved:not(.canary--StepsItem-Badge_disabled){--steps-item-badge-bg-color:var(--color-control-bg-primary);--steps-item-badge-text-color:var(--color-typo-primary)}.canary--StepsItem-Label:not(.canary--StepsItem-Label_wordWrap){white-space:nowrap}.canary--StepsItem:after{background-color:var(--steps-item-line-color);border-radius:99em;content:"";height:var(--space-3xs)}

package/__internal__/src/components/StepsCanary/StepsItem/StepsItem.d.ts

@@ -0,0 +1,21 @@
+import './StepsItem.css';
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { StepItemStatus, StepsPropSize } from '../StepsCanary';
+export declare const cnStepsStep: import("@bem-react/classname").ClassNameFormatter;
+declare type Props = {
+    size: StepsPropSize;
+    label: string;
+    number?: number;
+    active?: boolean;
+    disabled?: boolean;
+    status?: StepItemStatus;
+    onChange: React.MouseEventHandler<HTMLButtonElement>;
+    className?: string;
+    icon?: IconComponent;
+    description?: string;
+    withNumber?: boolean;
+    labelWordWrap?: boolean;
+};
+export declare const StepsStep: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/__internal__/src/components/StepsCanary/StepsItem/StepsItem.js

@@ -0,0 +1,2 @@
+import"./StepsItem.css";import React from"react";import{Badge}from"../../Badge";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{cnCanary}from"../../../utils/bem";export var cnStepsStep=cnCanary("StepsItem");var badgeSizeMap={s:"xs",m:"s",l:"s"},descriptionSizeMap={s:"2xs",m:"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.status,j=a.onChange,k=a.number,l=a.icon,m=a.description,n=a.withNumber,o=a.className,p=a.labelWordWrap;return React.createElement("div",{className:cnStepsStep({size:c,active:f,disabled:h,status:i,withIcon:!!l},[o])},React.createElement("button",{ref:b,className:cnStepsStep("Button",[cnMixFlex({flex:"flex",gap:"xs"})]),type:"button",title:d,onClick:function clickHandler(a){f||h||(null===j||void 0===j?void 0:j(a))},disabled:h,tabIndex:h||f?-1:void 0},n&&React.createElement(Badge,{className:cnStepsStep("Badge",{status:i,active:f,disabled:h}),as:"span",iconLeft:l,label:l||null===k||void 0===k?void 0:k.toString(),size:badgeSizeMap[c],form:"round"}),React.createElement("div",{className:cnMixFlex({flex:"flex",gap:"2xs",direction:"column"})},React.createElement(Text,{as:"div",className:cnStepsStep("Label",{wordWrap:p},[cnMixFlex({flex:"flex",gap:"xs"})]),size:c,lineHeight:"m"},d),m&&React.createElement(Text,{className:cnStepsStep("Description"),size:descriptionSizeMap[c],lineHeight:"m"},m))))});
+//# sourceMappingURL=StepsItem.js.map

package/__internal__/src/components/StepsCanary/StepsItem/StepsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsItem.js","names":["React","Badge","Text","cnMixFlex","cnCanary","cnStepsStep","badgeSizeMap","s","m","l","descriptionSizeMap","StepsStep","forwardRef","props","ref","size","label","active","disabled","status","onChange","number","icon","description","withNumber","className","labelWordWrap","withIcon","flex","gap","clickHandler","e","toString","direction","wordWrap"],"sources":["../../../../../../src/components/StepsCanary/StepsItem/StepsItem.tsx"],"sourcesContent":["import './StepsItem.css';\n\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Badge, BadgePropSize } from '##/components/Badge';\nimport { Text, TextPropSize } from '##/components/Text';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnCanary } from '##/utils/bem';\n\nimport { StepItemStatus, StepsPropSize } from '../StepsCanary';\n\nexport const cnStepsStep = cnCanary('StepsItem');\n\ntype Props = {\n  size: StepsPropSize;\n  label: string;\n  number?: number;\n  active?: boolean;\n  disabled?: boolean;\n  status?: StepItemStatus;\n  onChange: React.MouseEventHandler<HTMLButtonElement>;\n  className?: string;\n  icon?: IconComponent;\n  description?: string;\n  withNumber?: boolean;\n  labelWordWrap?: boolean;\n};\n\nconst badgeSizeMap: Record<StepsPropSize, BadgePropSize> = {\n  s: 'xs',\n  m: 's',\n  l: 's',\n};\n\nconst descriptionSizeMap: Record<StepsPropSize, TextPropSize> = {\n  s: '2xs',\n  m: '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      status,\n      onChange,\n      number,\n      icon,\n      description,\n      withNumber,\n      className,\n      labelWordWrap,\n    } = props;\n\n    const clickHandler = (e: React.MouseEvent<HTMLButtonElement>) => {\n      !active && !disabled && onChange?.(e);\n    };\n\n    return (\n      <div\n        className={cnStepsStep(\n          { size, active, disabled, status, withIcon: !!icon },\n          [className],\n        )}\n      >\n        <button\n          ref={ref}\n          className={cnStepsStep('Button', [\n            cnMixFlex({ flex: 'flex', gap: 'xs' }),\n          ])}\n          type=\"button\"\n          title={label}\n          onClick={clickHandler}\n          disabled={disabled}\n          tabIndex={disabled || active ? -1 : undefined}\n        >\n          {withNumber && (\n            <Badge\n              className={cnStepsStep('Badge', { status, active, disabled })}\n              as=\"span\"\n              iconLeft={icon}\n              label={icon ? undefined : number?.toString()}\n              size={badgeSizeMap[size]}\n              form=\"round\"\n            />\n          )}\n          <div\n            className={cnMixFlex({\n              flex: 'flex',\n              gap: '2xs',\n              direction: 'column',\n            })}\n          >\n            <Text\n              as=\"div\"\n              className={cnStepsStep('Label', { wordWrap: labelWordWrap }, [\n                cnMixFlex({ flex: 'flex', gap: 'xs' }),\n              ])}\n              size={size}\n              lineHeight=\"m\"\n            >\n              {label}\n            </Text>\n            {description && (\n              <Text\n                className={cnStepsStep('Description')}\n                size={descriptionSizeMap[size]}\n                lineHeight=\"m\"\n              >\n                {description}\n              </Text>\n            )}\n          </div>\n        </button>\n      </div>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/StepsCanary/StepsItem/index.d.ts

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

package/__internal__/src/components/StepsCanary/StepsItem/index.js

@@ -0,0 +1,2 @@
+export*from"./StepsItem";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/StepsCanary/StepsItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/StepsCanary/StepsItem/index.ts"],"sourcesContent":["export * from './StepsItem';\n"],"mappings":"AAAA"}

package/__internal__/src/components/StepsCanary/helper.d.ts

@@ -0,0 +1,273 @@
+/// <reference types="react" />
+import { StepsItemDefault, StepsPropGetItemDescription, StepsPropGetItemDisabled, StepsPropGetItemIcon, StepsPropGetItemLabel, StepsPropGetItemStatus, StepsProps } from './types';
+export declare function withDefaultGetters(props: StepsProps): {
+    getItemLabel: StepsPropGetItemLabel<StepsItemDefault>;
+    getItemDisabled: StepsPropGetItemDisabled<StepsItemDefault>;
+    getItemStatus: StepsPropGetItemStatus<StepsItemDefault>;
+    getItemIcon: StepsPropGetItemIcon<StepsItemDefault>;
+    getItemDescription: StepsPropGetItemDescription<StepsItemDefault>;
+    items: StepsItemDefault[];
+    value: StepsItemDefault;
+    onChange: import("./types").StepsPropOnChange<StepsItemDefault>;
+    size?: import("./types").StepsPropSize | undefined;
+    className?: string | undefined;
+    withNumber?: boolean | undefined;
+    fitMode?: "scroll" | "scrollWithButtons" | undefined;
+    labelWordWrap?: boolean | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    placeholder?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    children?: import("react").ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    key?: import("react").Key | null | undefined;
+};

package/__internal__/src/components/StepsCanary/helper.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}var defaultGetItemLabel=function(a){return a.label},defaultGetItemStatus=function(a){return a.status},defaultGetItemDisabled=function(a){return a.disabled},defaultGetItemIcon=function(a){return a.icon},defaultGetItemDescription=function(a){return a.description};export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemDisabled:a.getItemDisabled||defaultGetItemDisabled,getItemStatus:a.getItemStatus||defaultGetItemStatus,getItemIcon:a.getItemIcon||defaultGetItemIcon,getItemDescription:a.getItemDescription||defaultGetItemDescription})}
+//# sourceMappingURL=helper.js.map

package/__internal__/src/components/StepsCanary/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":["defaultGetItemLabel","item","label","defaultGetItemStatus","status","defaultGetItemDisabled","disabled","defaultGetItemIcon","icon","defaultGetItemDescription","description","withDefaultGetters","props","getItemLabel","getItemDisabled","getItemStatus","getItemIcon","getItemDescription"],"sources":["../../../../../src/components/StepsCanary/helper.ts"],"sourcesContent":["import {\n  StepsItemDefault,\n  StepsPropGetItemDescription,\n  StepsPropGetItemDisabled,\n  StepsPropGetItemIcon,\n  StepsPropGetItemLabel,\n  StepsPropGetItemStatus,\n  StepsProps,\n} from './types';\n\nconst defaultGetItemLabel: StepsPropGetItemLabel<StepsItemDefault> = (item) =>\n  item.label;\nconst defaultGetItemStatus: StepsPropGetItemStatus<StepsItemDefault> = (item) =>\n  item.status;\nconst defaultGetItemDisabled: StepsPropGetItemDisabled<StepsItemDefault> = (\n  item,\n) => item.disabled;\nconst defaultGetItemIcon: StepsPropGetItemIcon<StepsItemDefault> = (item) =>\n  item.icon;\nconst defaultGetItemDescription: StepsPropGetItemDescription<\n  StepsItemDefault\n> = (item) => item.description;\n\nexport function withDefaultGetters(props: StepsProps) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,\n    getItemStatus: props.getItemStatus || defaultGetItemStatus,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n    getItemDescription: props.getItemDescription || defaultGetItemDescription,\n  };\n}\n"],"mappings":"wqBAUMA,oBAA4D,CAAG,SAACC,CAAD,QACnEA,EAAI,CAACC,KAD8D,C,CAE/DC,oBAA8D,CAAG,SAACF,CAAD,QACrEA,EAAI,CAACG,MADgE,C,CAEjEC,sBAAkE,CAAG,SACzEJ,CADyE,QAEtEA,EAAI,CAACK,QAFiE,C,CAGrEC,kBAA0D,CAAG,SAACN,CAAD,QACjEA,EAAI,CAACO,IAD4D,C,CAE7DC,yBAEL,CAAG,SAACR,CAAD,QAAUA,EAAI,CAACS,WAAf,C,CAEJ,MAAO,SAASC,mBAAT,CAA4BC,CAA5B,CAA+C,CACpD,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBb,mBAFtC,CAGEc,eAAe,CAAEF,CAAK,CAACE,eAAN,EAAyBT,sBAH5C,CAIEU,aAAa,CAAEH,CAAK,CAACG,aAAN,EAAuBZ,oBAJxC,CAKEa,WAAW,CAAEJ,CAAK,CAACI,WAAN,EAAqBT,kBALpC,CAMEU,kBAAkB,CAAEL,CAAK,CAACK,kBAAN,EAA4BR,yBANlD,EAQD"}

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

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

package/__internal__/src/components/StepsCanary/index.js

@@ -0,0 +1,2 @@
+export*from"./StepsCanary";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/StepsCanary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/StepsCanary/index.ts"],"sourcesContent":["export * from './StepsCanary';\n"],"mappings":"AAAA"}

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { IconComponent } from '@consta/icons/Icon';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+export declare type StepsPropSize = 's' | 'm' | 'l';
+export declare type StepsPropOnChange<ITEM> = (value: ITEM, props: {
+    e: React.MouseEvent;
+}) => void;
+export declare type StepItemStatus = 'resolved' | 'error';
+export declare type StepsPropGetItemLabel<ITEM> = (item: ITEM) => string;
+export declare type StepsPropGetItemDescription<ITEM> = (item: ITEM) => string | undefined;
+export declare type StepsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type StepsPropGetItemStatus<ITEM> = (item: ITEM) => StepItemStatus | undefined;
+export declare type StepsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type StepsItemDefault = {
+    label: string;
+    description?: string;
+    disabled?: boolean;
+    status?: StepItemStatus;
+    icon?: IconComponent;
+};
+export declare type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttributesAndRef<{
+    items: ITEM[];
+    value: ITEM;
+    onChange: StepsPropOnChange<ITEM>;
+    getItemLabel?: StepsPropGetItemLabel<ITEM>;
+    getItemDisabled?: StepsPropGetItemDisabled<ITEM>;
+    getItemStatus?: StepsPropGetItemStatus<ITEM>;
+    getItemDescription?: StepsPropGetItemDescription<ITEM>;
+    getItemIcon?: StepsPropGetItemIcon<ITEM>;
+    size?: StepsPropSize;
+    className?: string;
+    withNumber?: boolean;
+    fitMode?: 'scroll' | 'scrollWithButtons';
+    labelWordWrap?: boolean;
+}, HTMLDivElement> & (ITEM extends {
+    label: StepsItemDefault['label'];
+} ? {} : {
+    getItemLabel: StepsPropGetItemLabel<ITEM>;
+});
+export declare type StepsComponent = <ITEM>(props: StepsProps<ITEM>) => React.ReactElement | null;

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

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/StepsCanary/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type StepsPropSize = 's' | 'm' | 'l';\n\nexport type StepsPropOnChange<ITEM> = (\n  value: ITEM,\n  props: {\n    e: React.MouseEvent;\n  },\n) => void;\n\nexport type StepItemStatus = 'resolved' | 'error';\n\nexport type StepsPropGetItemLabel<ITEM> = (item: ITEM) => string;\n\nexport type StepsPropGetItemDescription<ITEM> = (\n  item: ITEM,\n) => string | undefined;\n\nexport type StepsPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\n\nexport type StepsPropGetItemStatus<ITEM> = (\n  item: ITEM,\n) => StepItemStatus | undefined;\n\nexport type StepsPropGetItemIcon<ITEM> = (\n  item: ITEM,\n) => IconComponent | undefined;\n\nexport type StepsItemDefault = {\n  label: string;\n  description?: string;\n  disabled?: boolean;\n  status?: StepItemStatus;\n  icon?: IconComponent;\n};\n\nexport type StepsProps<ITEM = StepsItemDefault> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    value: ITEM;\n    onChange: StepsPropOnChange<ITEM>;\n    getItemLabel?: StepsPropGetItemLabel<ITEM>;\n    getItemDisabled?: StepsPropGetItemDisabled<ITEM>;\n    getItemStatus?: StepsPropGetItemStatus<ITEM>;\n    getItemDescription?: StepsPropGetItemDescription<ITEM>;\n    getItemIcon?: StepsPropGetItemIcon<ITEM>;\n    size?: StepsPropSize;\n    className?: string;\n    withNumber?: boolean;\n    fitMode?: 'scroll' | 'scrollWithButtons';\n    labelWordWrap?: boolean;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: StepsItemDefault['label'] }\n    ? {}\n    : {\n        getItemLabel: StepsPropGetItemLabel<ITEM>;\n      });\n\nexport type StepsComponent = <ITEM>(\n  props: StepsProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}

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

@@ -4,7 +4,7 @@ export declare const cnSwitch: import("@bem-react/classname").ClassNameFormatter
 export declare const COMPONENT_NAME: "Switch";
 export declare const Switch: React.ForwardRefExoticComponent<{
     checked: boolean | undefined;
-    size?: "s" | "m" | "xs" | "l" | undefined;
+    size?: "xs" | "s" | "m" | "l" | undefined;
     view?: "primary" | "ghost" | undefined;
     align?: "center" | "top" | undefined;
     disabled?: boolean | undefined;
@@ -21,4 +21,4 @@ export declare const Switch: React.ForwardRefExoticComponent<{
     tabIndex?: number | undefined;
     inputRef?: React.Ref<HTMLInputElement> | undefined;
     children?: undefined;
-} & Omit<React.HTMLAttributes<HTMLLabelElement>, "label" | "view" | "name" | "className" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "autoFocus" | "disabled" | "checked" | "readOnly" | "required" | "size" | "step" | "align" | "css" | "inputRef"> & React.RefAttributes<HTMLLabelElement>>;
+} & Omit<React.HTMLAttributes<HTMLLabelElement>, "css" | "className" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "size" | "view" | "label" | "step" | "name" | "autoFocus" | "disabled" | "checked" | "readOnly" | "required" | "align" | "inputRef"> & React.RefAttributes<HTMLLabelElement>>;

package/__internal__/src/components/SwitchGroup/helpers.d.ts

@@ -8,13 +8,10 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     onChange?: import("./types").SwitchGroupPropOnChange<SwitchGroupDefaultItem> | undefined;
     name: string;
     direction?: "row" | "column" | undefined;
-    size?: "s" | "m" | "xs" | "l" | undefined;
+    size?: "xs" | "s" | "m" | "l" | undefined;
     view?: "primary" | "ghost" | undefined;
     disabled?: boolean | undefined;
     className?: string | undefined;
-    slot?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    title?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -28,8 +25,11 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     id?: string | undefined;
     lang?: string | undefined;
     placeholder?: string | undefined;
+    slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
+    title?: string | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
@@ -53,7 +53,7 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -64,7 +64,7 @@ export declare const withDefaultGetters: (props: SwitchGroupProps) => {
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/__internal__/src/components/Table/Resizer/TableResizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableResizer.js","names":["React","cn","cnTableResizer","TableResizer","isDragging","setState","document","addEventListener","onMouseMove","onMouseUp","e","movementX","props","onResize","removeListeners","removeEventListener","state","isVisible","height","top","onMouseDown","onDoubleClick","Component"],"sources":["../../../../../../src/components/Table/Resizer/TableResizer.tsx"],"sourcesContent":["import './TableResizer.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\n\nconst cnTableResizer = cn('TableResizer');\n\ntype Props = {\n  height: number;\n  top: number;\n  isVisible?: boolean;\n  onResize: (delta: number) => void;\n  onDoubleClick: () => void;\n};\n\n/* Сделано классом, чтобы хэндлеры событий на document могли иметь доступ к актуальному состоянию/пропсам без пересоздания подписок */\nexport class TableResizer extends React.Component<\n  Props,\n  { isDragging: boolean }\n> {\n  state = {\n    isDragging: false,\n  };\n\n  componentWillUnmount(): void {\n    this.removeListeners();\n  }\n\n  onMouseDown = (): void => {\n    this.setState({ isDragging: true });\n\n    document.addEventListener('mousemove', this.onMouseMove);\n    document.addEventListener('mouseup', this.onMouseUp);\n  };\n\n  onMouseMove = (e: MouseEvent): void => {\n    if (e.movementX) {\n      this.props.onResize(e.movementX);\n    }\n  };\n\n  onMouseUp = (): void => {\n    this.setState({ isDragging: false });\n\n    this.removeListeners();\n  };\n\n  removeListeners = (): void => {\n    document.removeEventListener('mousemove', this.onMouseMove);\n    document.removeEventListener('mouseup', this.onMouseUp);\n  };\n\n  render(): JSX.Element {\n    return (\n      <div\n        className={cnTableResizer({\n          isDragging: this.state.isDragging,\n          isVisible: this.props.isVisible,\n        })}\n        aria-hidden\n        style={{ height: this.props.height, top: this.props.top }}\n        onMouseDown={this.onMouseDown}\n        onDoubleClick={this.props.onDoubleClick}\n      />\n    );\n  }\n}\n"],"mappings":"+/BAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,GAAMC,eAAc,CAAGD,EAAE,CAAC,cAAD,CAAzB,CAWA,UAAaE,aAAb,wNAIU,CACNC,UAAU,GADJ,CAJV,0DAYgB,UAAY,CACxB,EAAKC,QAAL,CAAc,CAAED,UAAU,GAAZ,CAAd,CADwB,CAGxBE,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,CAAuC,EAAKC,WAA5C,CAHwB,CAIxBF,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,CAAqC,EAAKE,SAA1C,CACD,CAjBH,0DAmBgB,SAACC,CAAD,CAAyB,CACjCA,CAAC,CAACC,SAD+B,EAEnC,EAAKC,KAAL,CAAWC,QAAX,CAAoBH,CAAC,CAACC,SAAtB,CAEH,CAvBH,wDAyBc,UAAY,CACtB,EAAKN,QAAL,CAAc,CAAED,UAAU,GAAZ,CAAd,CADsB,CAGtB,EAAKU,eAAL,EACD,CA7BH,8DA+BoB,UAAY,CAC5BR,QAAQ,CAACS,mBAAT,CAA6B,WAA7B,CAA0C,EAAKP,WAA/C,CAD4B,CAE5BF,QAAQ,CAACS,mBAAT,CAA6B,SAA7B,CAAwC,EAAKN,SAA7C,CACD,CAlCH,kGAQE,+BAA6B,CAC3B,KAAKK,eAAL,EACD,CAVH,sBAoCE,iBAAsB,CACpB,MACE,4BACE,SAAS,CAAEZ,cAAc,CAAC,CACxBE,UAAU,CAAE,KAAKY,KAAL,CAAWZ,UADC,CAExBa,SAAS,CAAE,KAAKL,KAAL,CAAWK,SAFE,CAAD,CAD3B,CAKE,gBALF,CAME,KAAK,CAAE,CAAEC,MAAM,CAAE,KAAKN,KAAL,CAAWM,MAArB,CAA6BC,GAAG,CAAE,KAAKP,KAAL,CAAWO,GAA7C,CANT,CAOE,WAAW,CAAE,KAAKC,WAPpB,CAQE,aAAa,CAAE,KAAKR,KAAL,CAAWS,aAR5B,EAWH,CAjDH,OAAkCrB,KAAK,CAACsB,SAAxC"}
+{"version":3,"file":"TableResizer.js","names":["React","cn","cnTableResizer","TableResizer","isDragging","setState","document","addEventListener","onMouseMove","onMouseUp","e","movementX","props","onResize","removeListeners","removeEventListener","state","isVisible","height","top","onMouseDown","onDoubleClick","Component"],"sources":["../../../../../../src/components/Table/Resizer/TableResizer.tsx"],"sourcesContent":["import './TableResizer.css';\n\nimport React from 'react';\n\nimport { cn } from '../../../utils/bem';\n\nconst cnTableResizer = cn('TableResizer');\n\ntype Props = {\n  height: number;\n  top: number;\n  isVisible?: boolean;\n  onResize: (delta: number) => void;\n  onDoubleClick: () => void;\n};\n\n/* Сделано классом, чтобы функции событий на document имели доступ к актуальному состоянию/пропсам без пересоздания подписок */\nexport class TableResizer extends React.Component<\n  Props,\n  { isDragging: boolean }\n> {\n  state = {\n    isDragging: false,\n  };\n\n  componentWillUnmount(): void {\n    this.removeListeners();\n  }\n\n  onMouseDown = (): void => {\n    this.setState({ isDragging: true });\n\n    document.addEventListener('mousemove', this.onMouseMove);\n    document.addEventListener('mouseup', this.onMouseUp);\n  };\n\n  onMouseMove = (e: MouseEvent): void => {\n    if (e.movementX) {\n      this.props.onResize(e.movementX);\n    }\n  };\n\n  onMouseUp = (): void => {\n    this.setState({ isDragging: false });\n\n    this.removeListeners();\n  };\n\n  removeListeners = (): void => {\n    document.removeEventListener('mousemove', this.onMouseMove);\n    document.removeEventListener('mouseup', this.onMouseUp);\n  };\n\n  render(): JSX.Element {\n    return (\n      <div\n        className={cnTableResizer({\n          isDragging: this.state.isDragging,\n          isVisible: this.props.isVisible,\n        })}\n        aria-hidden\n        style={{ height: this.props.height, top: this.props.top }}\n        onMouseDown={this.onMouseDown}\n        onDoubleClick={this.props.onDoubleClick}\n      />\n    );\n  }\n}\n"],"mappings":"+/BAAA,2BAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,EAAT,0BAEA,GAAMC,eAAc,CAAGD,EAAE,CAAC,cAAD,CAAzB,CAWA,UAAaE,aAAb,wNAIU,CACNC,UAAU,GADJ,CAJV,0DAYgB,UAAY,CACxB,EAAKC,QAAL,CAAc,CAAED,UAAU,GAAZ,CAAd,CADwB,CAGxBE,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,CAAuC,EAAKC,WAA5C,CAHwB,CAIxBF,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,CAAqC,EAAKE,SAA1C,CACD,CAjBH,0DAmBgB,SAACC,CAAD,CAAyB,CACjCA,CAAC,CAACC,SAD+B,EAEnC,EAAKC,KAAL,CAAWC,QAAX,CAAoBH,CAAC,CAACC,SAAtB,CAEH,CAvBH,wDAyBc,UAAY,CACtB,EAAKN,QAAL,CAAc,CAAED,UAAU,GAAZ,CAAd,CADsB,CAGtB,EAAKU,eAAL,EACD,CA7BH,8DA+BoB,UAAY,CAC5BR,QAAQ,CAACS,mBAAT,CAA6B,WAA7B,CAA0C,EAAKP,WAA/C,CAD4B,CAE5BF,QAAQ,CAACS,mBAAT,CAA6B,SAA7B,CAAwC,EAAKN,SAA7C,CACD,CAlCH,kGAQE,+BAA6B,CAC3B,KAAKK,eAAL,EACD,CAVH,sBAoCE,iBAAsB,CACpB,MACE,4BACE,SAAS,CAAEZ,cAAc,CAAC,CACxBE,UAAU,CAAE,KAAKY,KAAL,CAAWZ,UADC,CAExBa,SAAS,CAAE,KAAKL,KAAL,CAAWK,SAFE,CAAD,CAD3B,CAKE,gBALF,CAME,KAAK,CAAE,CAAEC,MAAM,CAAE,KAAKN,KAAL,CAAWM,MAArB,CAA6BC,GAAG,CAAE,KAAKP,KAAL,CAAWO,GAA7C,CANT,CAOE,WAAW,CAAE,KAAKC,WAPpB,CAQE,aAAa,CAAE,KAAKR,KAAL,CAAWS,aAR5B,EAWH,CAjDH,OAAkCrB,KAAK,CAACsB,SAAxC"}

package/__internal__/src/components/Tabs/TabsFitModeScrollWrapper/__test__/helpers.test.js

@@ -1,2 +1,2 @@
-import{getVisibleTabsRange}from"../../helpers";describe("getVisibleTabsRange",function(){var a=[{size:100,gap:10},{size:100,gap:10},{size:100,gap:0}];it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432\u0441\u0435 \u0442\u0430\u0431\u044B, \u0435\u0441\u043B\u0438 \u0432\u0441\u0435 \u0432\u043C\u0435\u0449\u0430\u044E\u0442\u0441\u044F",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:330,scrollLeft:0,containerPaddingLeft:10})).toEqual([0,2])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432\u0441\u0435 \u0442\u0430\u0431\u044B, \u0435\u0441\u043B\u0438 \u043F\u0440\u043E\u043A\u0440\u0443\u0442\u0438\u043B\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u0430\u0434\u0434\u0438\u043D\u0433",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:320,scrollLeft:10,containerPaddingLeft:10})).toEqual([0,2])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432\u0441\u0435 \u0442\u0430\u0431\u044B, \u043A\u0440\u043E\u043C\u0435 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0433\u043E, \u0435\u0441\u043B\u0438 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0439 \u043D\u0435 \u0432\u043C\u0435\u0441\u0442\u0438\u043B\u0441\u044F \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:329,scrollLeft:0,containerPaddingLeft:10})).toEqual([0,1])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432\u0441\u0435 \u0442\u0430\u0431\u044B, \u043A\u0440\u043E\u043C\u0435 \u043F\u0435\u0440\u0432\u043E\u0433\u043E, \u0435\u0441\u043B\u0438 \u043F\u0435\u0440\u0432\u044B\u0439 \u043D\u0435 \u0432\u0438\u0434\u0435\u043D \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E \u0438\u0437-\u0437\u0430 \u0441\u043A\u0440\u043E\u043B\u043B\u0430",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:319,scrollLeft:11,containerPaddingLeft:10})).toEqual([1,2])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0442\u043E\u043B\u044C\u043A\u043E \u0441\u0440\u0435\u0434\u043D\u0438\u0439 \u0442\u0430\u0431, \u0435\u0441\u043B\u0438 \u043F\u0435\u0440\u0432\u044B\u0439 \u0438 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0439 \u043D\u0435 \u0432\u0438\u0434\u043D\u044B \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:318,scrollLeft:11,containerPaddingLeft:10})).toEqual([1,1])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0442\u043E\u043B\u044C\u043A\u043E \u0441\u0440\u0435\u0434\u043D\u0438\u0439 \u0442\u0430\u0431, \u0434\u0430\u0436\u0435 \u0435\u0441\u043B\u0438 \u043E\u043D \u043D\u0435 \u0432\u043B\u0435\u0437 \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E, \u043D\u043E \u0432\u0438\u0434\u0435\u043D \u0435\u0433\u043E \u043B\u0435\u0432\u044B\u0439 \u043A\u0440\u0430\u0439",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:50,scrollLeft:110,containerPaddingLeft:10})).toEqual([1,1])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u0435\u0440\u0432\u044B\u0439 \u0442\u0430\u0431, \u0435\u0441\u043B\u0438 \u043D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u0432\u043B\u0435\u0437\u0430\u0435\u0442",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:10,scrollLeft:0,containerPaddingLeft:10})).toEqual([0,0])})});
+import{getVisibleTabsRange}from"../../helpers";describe("getVisibleTabsRange",function(){var a=[{size:100,gap:10},{size:100,gap:10},{size:100,gap:0}];it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432\u0441\u0435 \u0442\u0430\u0431\u044B, \u0435\u0441\u043B\u0438 \u0432\u0441\u0435 \u0432\u043C\u0435\u0449\u0430\u044E\u0442\u0441\u044F",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:330,scrollLeft:0,containerPaddingLeft:10})).toEqual([0,2])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432\u0441\u0435 \u0442\u0430\u0431\u044B, \u0435\u0441\u043B\u0438 \u043F\u0440\u043E\u043A\u0440\u0443\u0442\u0438\u043B\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u0432\u043D\u0443\u0442\u0440\u0435\u043D\u043D\u0438\u0439 \u043E\u0442\u0441\u0442\u0443\u043F",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:320,scrollLeft:10,containerPaddingLeft:10})).toEqual([0,2])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432\u0441\u0435 \u0442\u0430\u0431\u044B, \u043A\u0440\u043E\u043C\u0435 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u0433\u043E, \u0435\u0441\u043B\u0438 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0439 \u043D\u0435 \u0432\u043C\u0435\u0441\u0442\u0438\u043B\u0441\u044F \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:329,scrollLeft:0,containerPaddingLeft:10})).toEqual([0,1])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0432\u0441\u0435 \u0442\u0430\u0431\u044B, \u043A\u0440\u043E\u043C\u0435 \u043F\u0435\u0440\u0432\u043E\u0433\u043E, \u0435\u0441\u043B\u0438 \u043F\u0435\u0440\u0432\u044B\u0439 \u043D\u0435 \u0432\u0438\u0434\u0435\u043D \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E \u0438\u0437-\u0437\u0430 \u0441\u043A\u0440\u043E\u043B\u043B\u0430",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:319,scrollLeft:11,containerPaddingLeft:10})).toEqual([1,2])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0442\u043E\u043B\u044C\u043A\u043E \u0441\u0440\u0435\u0434\u043D\u0438\u0439 \u0442\u0430\u0431, \u0435\u0441\u043B\u0438 \u043F\u0435\u0440\u0432\u044B\u0439 \u0438 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0439 \u043D\u0435 \u0432\u0438\u0434\u043D\u044B \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:318,scrollLeft:11,containerPaddingLeft:10})).toEqual([1,1])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0442\u043E\u043B\u044C\u043A\u043E \u0441\u0440\u0435\u0434\u043D\u0438\u0439 \u0442\u0430\u0431, \u0434\u0430\u0436\u0435 \u0435\u0441\u043B\u0438 \u043E\u043D \u043D\u0435 \u0432\u043B\u0435\u0437 \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E, \u043D\u043E \u0432\u0438\u0434\u0435\u043D \u0435\u0433\u043E \u043B\u0435\u0432\u044B\u0439 \u043A\u0440\u0430\u0439",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:50,scrollLeft:110,containerPaddingLeft:10})).toEqual([1,1])}),it("\u0432\u043E\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u0435\u0440\u0432\u044B\u0439 \u0442\u0430\u0431, \u0435\u0441\u043B\u0438 \u043D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u0432\u043B\u0435\u0437\u0430\u0435\u0442",function(){expect(getVisibleTabsRange({tabsDimensions:a,containerWidth:10,scrollLeft:0,containerPaddingLeft:10})).toEqual([0,0])})});
 //# sourceMappingURL=helpers.test.js.map

package/__internal__/src/components/Tabs/TabsFitModeScrollWrapper/__test__/helpers.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.test.js","names":["getVisibleTabsRange","describe","tabsDimensions","size","gap","it","expect","containerWidth","scrollLeft","containerPaddingLeft","toEqual"],"sources":["../../../../../../../src/components/Tabs/TabsFitModeScrollWrapper/__test__/helpers.test.ts"],"sourcesContent":["import { getVisibleTabsRange } from '../../helpers';\nimport { TabDimensions } from '../../types';\n\ndescribe('getVisibleTabsRange', () => {\n  const tabsDimensions: TabDimensions[] = [\n    {\n      size: 100,\n      gap: 10,\n    },\n    {\n      size: 100,\n      gap: 10,\n    },\n    {\n      size: 100,\n      gap: 0,\n    },\n  ];\n\n  it('возвращает все табы, если все вмещаются', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 330,\n        scrollLeft: 0,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([0, 2]);\n  });\n\n  it('возвращает все табы, если прокрутили только паддинг', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 320,\n        scrollLeft: 10,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([0, 2]);\n  });\n\n  it('возвращает все табы, кроме последнего, если последний не вместился полностью', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 329,\n        scrollLeft: 0,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([0, 1]);\n  });\n\n  it('возвращает все табы, кроме первого, если первый не виден полностью из-за скролла', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 319,\n        scrollLeft: 11,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([1, 2]);\n  });\n\n  it('возвращает только средний таб, если первый и последний не видны полностью', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 318,\n        scrollLeft: 11,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([1, 1]);\n  });\n\n  it('возвращает только средний таб, даже если он не влез полностью, но виден его левый край', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 50,\n        scrollLeft: 110,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([1, 1]);\n  });\n\n  it('возвращает только первый таб, если ничего не влезает', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 10,\n        scrollLeft: 0,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([0, 0]);\n  });\n});\n"],"mappings":"AAAA,OAASA,mBAAT,qBAGAC,QAAQ,CAAC,qBAAD,CAAwB,UAAM,CACpC,GAAMC,EAA+B,CAAG,CACtC,CACEC,IAAI,CAAE,GADR,CAEEC,GAAG,CAAE,EAFP,CADsC,CAKtC,CACED,IAAI,CAAE,GADR,CAEEC,GAAG,CAAE,EAFP,CALsC,CAStC,CACED,IAAI,CAAE,GADR,CAEEC,GAAG,CAAE,CAFP,CATsC,CAAxC,CAeAC,EAAE,CAAC,8MAAD,CAA4C,UAAM,CAClDC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,CAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAhBkC,CA2BpCL,EAAE,CAAC,iRAAD,CAAwD,UAAM,CAC9DC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,EAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CA3BkC,CAsCpCL,EAAE,CAAC,mZAAD,CAAiF,UAAM,CACvFC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,CAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAtCkC,CAiDpCL,EAAE,CAAC,4ZAAD,CAAqF,UAAM,CAC3FC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,EAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAjDkC,CA4DpCL,EAAE,CAAC,iYAAD,CAA8E,UAAM,CACpFC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,EAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CA5DkC,CAuEpCL,EAAE,CAAC,sbAAD,CAA2F,UAAM,CACjGC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,EAFE,CAGlBC,UAAU,CAAE,GAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAvEkC,CAkFpCL,EAAE,CAAC,kRAAD,CAAyD,UAAM,CAC/DC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,EAFE,CAGlBC,UAAU,CAAE,CAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAUH,CA5FO,C"}
+{"version":3,"file":"helpers.test.js","names":["getVisibleTabsRange","describe","tabsDimensions","size","gap","it","expect","containerWidth","scrollLeft","containerPaddingLeft","toEqual"],"sources":["../../../../../../../src/components/Tabs/TabsFitModeScrollWrapper/__test__/helpers.test.ts"],"sourcesContent":["import { getVisibleTabsRange } from '../../helpers';\nimport { TabDimensions } from '../../types';\n\ndescribe('getVisibleTabsRange', () => {\n  const tabsDimensions: TabDimensions[] = [\n    {\n      size: 100,\n      gap: 10,\n    },\n    {\n      size: 100,\n      gap: 10,\n    },\n    {\n      size: 100,\n      gap: 0,\n    },\n  ];\n\n  it('возвращает все табы, если все вмещаются', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 330,\n        scrollLeft: 0,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([0, 2]);\n  });\n\n  it('возвращает все табы, если прокрутили только внутренний отступ', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 320,\n        scrollLeft: 10,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([0, 2]);\n  });\n\n  it('возвращает все табы, кроме последнего, если последний не вместился полностью', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 329,\n        scrollLeft: 0,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([0, 1]);\n  });\n\n  it('возвращает все табы, кроме первого, если первый не виден полностью из-за скролла', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 319,\n        scrollLeft: 11,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([1, 2]);\n  });\n\n  it('возвращает только средний таб, если первый и последний не видны полностью', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 318,\n        scrollLeft: 11,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([1, 1]);\n  });\n\n  it('возвращает только средний таб, даже если он не влез полностью, но виден его левый край', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 50,\n        scrollLeft: 110,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([1, 1]);\n  });\n\n  it('возвращает только первый таб, если ничего не влезает', () => {\n    expect(\n      getVisibleTabsRange({\n        tabsDimensions,\n        containerWidth: 10,\n        scrollLeft: 0,\n        containerPaddingLeft: 10,\n      }),\n    ).toEqual([0, 0]);\n  });\n});\n"],"mappings":"AAAA,OAASA,mBAAT,qBAGAC,QAAQ,CAAC,qBAAD,CAAwB,UAAM,CACpC,GAAMC,EAA+B,CAAG,CACtC,CACEC,IAAI,CAAE,GADR,CAEEC,GAAG,CAAE,EAFP,CADsC,CAKtC,CACED,IAAI,CAAE,GADR,CAEEC,GAAG,CAAE,EAFP,CALsC,CAStC,CACED,IAAI,CAAE,GADR,CAEEC,GAAG,CAAE,CAFP,CATsC,CAAxC,CAeAC,EAAE,CAAC,8MAAD,CAA4C,UAAM,CAClDC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,CAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAhBkC,CA2BpCL,EAAE,CAAC,wUAAD,CAAkE,UAAM,CACxEC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,EAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CA3BkC,CAsCpCL,EAAE,CAAC,mZAAD,CAAiF,UAAM,CACvFC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,CAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAtCkC,CAiDpCL,EAAE,CAAC,4ZAAD,CAAqF,UAAM,CAC3FC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,EAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAjDkC,CA4DpCL,EAAE,CAAC,iYAAD,CAA8E,UAAM,CACpFC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,GAFE,CAGlBC,UAAU,CAAE,EAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CA5DkC,CAuEpCL,EAAE,CAAC,sbAAD,CAA2F,UAAM,CACjGC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,EAFE,CAGlBC,UAAU,CAAE,GAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAvEkC,CAkFpCL,EAAE,CAAC,kRAAD,CAAyD,UAAM,CAC/DC,MAAM,CACJN,mBAAmB,CAAC,CAClBE,cAAc,CAAdA,CADkB,CAElBK,cAAc,CAAE,EAFE,CAGlBC,UAAU,CAAE,CAHM,CAIlBC,oBAAoB,CAAE,EAJJ,CAAD,CADf,CAAN,CAOEC,OAPF,CAOU,CAAC,CAAD,CAAI,CAAJ,CAPV,CAQD,CATC,CAUH,CA5FO,C"}