@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/components/Switcher/Switcher/Switcher.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","isKeyArrowHorizontal","isKeyArrowLeft","isKeyEnter","getButtonCorners","Group","Button","CommonWrapper","EmotionConsumer","rootNode","ThemeContext","getSwitcherTheme","mod","getStyles","SwitcherDataTids","root","Switcher","_class","_Switcher","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedIndex","selectItem","value","props","onValueChange","_extractPropsFromItem","item","label","_extractValuesFromItems","items","map","_this$_extractPropsFr","_focus","index","setState","handleKey","e","_this$_extractPropsFr2","buttonProps","disabled","preventDefault","move","left","selectedIndex","newFocusedIndex","_getNextFocusedIndex","_this$props","i","_this$_extractPropsFr3","_handleFocus","currentIndex","indexOf","_handleBlur","_renderItems","_this$props2","size","role","renderItem","_this$_extractPropsFr4","ariaLabel","itemValue","customButtonProps","isChecked","commonButtonProps","checked","visuallyFocused","onClick","disableFocus","corners","_extends","renderDefault","renderDefaultItem","createElement","key","getLabelSizeClassName","styles","captionLarge","theme","captionMedium","captionSmall","_inheritsLoose","_proto","prototype","render","_this2","emotion","Consumer","Provider","renderMain","_this$emotion$cx","listClassName","cx","error","inputProps","type","onKeyDown","onFocus","onBlur","className","input","captionClassName","caption","rootNodeRef","setRootNode","wrap","Component","__KONTUR_REACT_UI__","displayName","defaultProps","propTypes","bool","oneOfType","arrayOf","string","shape","isRequired","func"],"sources":["Switcher.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isKeyArrowHorizontal, isKeyArrowLeft, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { getButtonCorners, Group } from '../Group';\nimport { Button, ButtonProps } from '../Button';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { SizeProp } from '../../lib/types/props';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getSwitcherTheme } from './switcherTheme';\nimport { mod } from './helpers';\nimport { getStyles } from './Switcher.styles';\n\nexport type SwitcherItems = string | SwitcherItem;\n\nexport const SwitcherDataTids = {\n  root: 'Switcher__root',\n} as const;\n\nexport interface SwitcherProps extends Pick<HTMLAttributes<unknown>, 'role'>, CommonProps {\n  /**\n   * Список строк или список элементов типа `{ label: string, value: string, buttonProps?: Partial<ButtonProps> }`\n   */\n  items: SwitcherItems[];\n\n  value?: string;\n\n  onValueChange?: (value: string) => void;\n\n  caption?: string;\n\n  error?: boolean;\n\n  /** Размер */\n  size?: SizeProp;\n\n  disabled?: boolean;\n\n  /**\n   * Функция для отрисовки элемента. Аргументы — `label`,\n   * `value`, `buttonProps`, `renderDefault`, `ariaLabel`\n   */\n  renderItem?: (\n    label: string,\n    value: string,\n    buttonProps: ButtonProps,\n    renderDefault: () => React.ReactNode,\n    ariaLabel?: string,\n  ) => React.ReactNode;\n}\n\ntype DefaultProps = Required<Pick<SwitcherProps, 'role'>>;\n\nexport interface SwitcherState {\n  focusedIndex: Nullable<number>;\n}\n\ninterface SwitcherItem {\n  value: string;\n  label: string;\n  'aria-label'?: string;\n  buttonProps?: Partial<ButtonProps>;\n}\n\n@rootNode\nexport class Switcher extends React.Component<SwitcherProps, SwitcherState> {\n  public static __KONTUR_REACT_UI__ = 'Switcher';\n  public static displayName = 'Switcher';\n\n  public static defaultProps: DefaultProps = {\n    role: 'switch',\n  };\n\n  public static propTypes = {\n    error: PropTypes.bool,\n    disabled: PropTypes.bool,\n    items: PropTypes.oneOfType([\n      PropTypes.arrayOf(PropTypes.string),\n      PropTypes.arrayOf(\n        PropTypes.shape({\n          label: PropTypes.string,\n          value: PropTypes.string,\n        }),\n      ),\n    ]).isRequired,\n    caption: PropTypes.string,\n    value: PropTypes.string,\n    onValueChange: PropTypes.func,\n    renderItem: PropTypes.func,\n  };\n\n  public state: SwitcherState = {\n    focusedIndex: null,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = getSwitcherTheme(theme);\n                return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const styles = this.styles;\n    const listClassName = this.emotion.cx({\n      [styles.error(this.theme)]: !!this.props.error,\n    });\n\n    const inputProps = {\n      type: 'checkbox',\n      onKeyDown: this.handleKey,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      className: styles.input(),\n    };\n\n    const captionClassName = this.emotion.cx(styles.caption(this.theme), this.getLabelSizeClassName());\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={SwitcherDataTids.root} className={styles.root()}>\n          {this.props.caption ? <div className={captionClassName}>{this.props.caption}</div> : null}\n          <div className={styles.wrap()}>\n            <input {...inputProps} />\n            <div className={listClassName}>\n              <Group>{this._renderItems()}</Group>\n            </div>\n          </div>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private selectItem = (value: string) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private _extractPropsFromItem = (item: string | SwitcherItem): SwitcherItem => {\n    return typeof item === 'object' ? item : { label: item, value: item };\n  };\n\n  private _extractValuesFromItems = (): string[] => {\n    return this.props.items.map((item) => {\n      const { value } = this._extractPropsFromItem(item);\n      return value;\n    });\n  };\n\n  private _focus = (index: number) => {\n    this.setState({ focusedIndex: index });\n  };\n\n  private handleKey = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const focusedIndex = this.state.focusedIndex;\n    if (typeof focusedIndex !== 'number') {\n      return;\n    }\n\n    if (isKeyEnter(e)) {\n      if (this.props.onValueChange) {\n        const { value, buttonProps } = this._extractPropsFromItem(this.props.items[focusedIndex]);\n        if (!buttonProps?.disabled) {\n          this.selectItem(value);\n        }\n      }\n      return;\n    }\n\n    if (isKeyArrowHorizontal(e)) {\n      e.preventDefault();\n      this.move(isKeyArrowLeft(e));\n    }\n  };\n\n  private move = (left: boolean) => {\n    const selectedIndex = this.state.focusedIndex;\n\n    if (typeof selectedIndex !== 'number') {\n      return;\n    }\n    const newFocusedIndex = this._getNextFocusedIndex(left, selectedIndex);\n    this._focus(newFocusedIndex);\n  };\n\n  private _getNextFocusedIndex = (left: boolean, focusedIndex: number): number => {\n    const { items, disabled } = this.props;\n    if (disabled) {\n      return focusedIndex;\n    }\n\n    for (let i = 1; i < items.length; i++) {\n      const index = mod(focusedIndex + (left ? -i : i), items.length);\n      const { buttonProps } = this._extractPropsFromItem(items[index]);\n      if (!buttonProps?.disabled) {\n        return index;\n      }\n    }\n    return focusedIndex;\n  };\n\n  private _handleFocus = () => {\n    const { value } = this.props;\n\n    const items = this._extractValuesFromItems();\n    const currentIndex = [...items].indexOf(value as string);\n    const index = currentIndex > -1 ? currentIndex : 0;\n\n    this.setState({ focusedIndex: index });\n  };\n\n  private _handleBlur = () => {\n    this.setState({ focusedIndex: null });\n  };\n\n  private _renderItems = () => {\n    const { items, value, size, disabled, role, renderItem } = this.props;\n    return items.map((item, i) => {\n      const {\n        'aria-label': ariaLabel,\n        label,\n        value: itemValue,\n        buttonProps: customButtonProps,\n      } = this._extractPropsFromItem(item);\n\n      const isChecked = value === itemValue;\n      const commonButtonProps = {\n        'aria-checked': isChecked,\n        role,\n        checked: isChecked,\n        visuallyFocused: this.state.focusedIndex === i,\n        onClick: () => {\n          this.selectItem(itemValue);\n        },\n        disableFocus: true,\n        size,\n        disabled,\n        corners: getButtonCorners(i === 0, i === items.length - 1),\n      };\n\n      const buttonProps = {\n        ...commonButtonProps,\n        ...customButtonProps,\n      };\n\n      const renderDefault = () => this.renderDefaultItem(label, itemValue, buttonProps, ariaLabel);\n\n      return renderItem ? renderItem(label, itemValue, buttonProps, renderDefault, ariaLabel) : renderDefault();\n    });\n  };\n\n  private renderDefaultItem = (label: string, value: string, buttonProps: ButtonProps, ariaLabel?: string) => (\n    <Button aria-label={ariaLabel} key={value} {...buttonProps}>\n      {label}\n    </Button>\n  );\n\n  private getLabelSizeClassName = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.styles.captionLarge(this.theme);\n      case 'medium':\n        return this.styles.captionMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.captionSmall(this.theme);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","isKeyArrowHorizontal","isKeyArrowLeft","isKeyEnter","getButtonCorners","Group","Button","ThemeContext","CommonWrapper","cx","rootNode","isThemeGTE","ReactUIFeatureFlagsContext","styles","getSwitcherTheme","mod","SwitcherDataTids","root","Switcher","_class","_Switcher","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedIndex","selectItem","value","props","onValueChange","_extractPropsFromItem","item","label","_extractValuesFromItems","items","map","_this$_extractPropsFr","_focus","index","setState","handleKey","e","_this$_extractPropsFr2","buttonProps","disabled","preventDefault","move","left","selectedIndex","newFocusedIndex","_getNextFocusedIndex","_this$props","i","_this$_extractPropsFr3","_handleFocus","currentIndex","indexOf","_handleBlur","_renderItems","_this$props2","size","width","role","renderItem","_this$_extractPropsFr4","ariaLabel","itemValue","customButtonProps","isChecked","commonButtonProps","checked","visuallyFocused","onClick","disableFocus","corners","_extends","renderDefault","renderDefaultItem","createElement","key","getLabelSizeClassName","captionLarge","theme","captionMedium","captionSmall","_inheritsLoose","_proto","prototype","render","_this2","Consumer","Provider","renderMain","_cx","_cx2","inputProps","type","onKeyDown","onFocus","onBlur","className","input","isThemeGTE_5_1","isTheme_5_0","groupAddHintAndTooltipSupport","captionClassName","caption","wrapperClassName","wrap","error5_1","error","wrapCustomWidth","undefined","errorClassName","rootNodeRef","setRootNode","style","Component","__KONTUR_REACT_UI__","displayName","defaultProps"],"sources":["Switcher.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { isKeyArrowHorizontal, isKeyArrowLeft, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { getButtonCorners, Group } from '../Group';\nimport type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { SizeProp } from '../../lib/types/props';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport { ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './Switcher.styles';\nimport { getSwitcherTheme } from './switcherTheme';\nimport { mod } from './helpers';\n\nexport type SwitcherItems = string | SwitcherItem;\n\nexport const SwitcherDataTids = {\n  root: 'Switcher__root',\n} as const;\n\nexport interface SwitcherProps extends Pick<HTMLAttributes<unknown>, 'role'>, CommonProps {\n  /** Задает список элементов в свитчере. Это массив строк или объектов типа `{ label: string, value: string, buttonProps?: Partial<ButtonProps> }` */\n  items: SwitcherItems[];\n\n  /** Устанавливает значение свитчера. */\n  value?: string;\n\n  /** Задает функцию, которая вызывается при изменении значения свитчера (value). */\n  onValueChange?: (value: string) => void;\n\n  /** Задает подпись около свитчера. */\n  caption?: string;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** Задает ширину контрола. С этим пропом элементы внутри автоматически равномерно растянутся. */\n  width?: React.CSSProperties['width'];\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Задает функцию отрисовки элемента. Параметр `renderDefault` - это встроенная дефолтная функция отрисовки элемента, которую можно вызывать в `renderItem`. */\n  renderItem?: (\n    label: string,\n    value: string,\n    buttonProps: ButtonProps,\n    renderDefault: () => React.ReactNode,\n    ariaLabel?: string,\n  ) => React.ReactNode;\n}\n\ntype DefaultProps = Required<Pick<SwitcherProps, 'role'>>;\n\nexport interface SwitcherState {\n  focusedIndex: Nullable<number>;\n}\n\ninterface SwitcherItem {\n  value: string;\n  label: string;\n  'aria-label'?: string;\n  buttonProps?: Partial<ButtonProps>;\n}\n\n/**\n * Переключатель `Switcher` — это замена RadioGroup.\n *\n * Не используйте переключатель в качестве навигации, для этого лучше подходят Tabs.\n */\n@rootNode\nexport class Switcher extends React.Component<SwitcherProps, SwitcherState> {\n  public static __KONTUR_REACT_UI__ = 'Switcher';\n  public static displayName = 'Switcher';\n\n  public static defaultProps: DefaultProps = {\n    role: 'switch',\n  };\n\n  public state: SwitcherState = {\n    focusedIndex: null,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getSwitcherTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const inputProps = {\n      type: 'checkbox',\n      onKeyDown: this.handleKey,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      className: styles.input(),\n    };\n    const isThemeGTE_5_1 = isThemeGTE(this.theme, '5.1');\n    const isTheme_5_0 = !isThemeGTE_5_1;\n    const items = (\n      <ReactUIFeatureFlagsContext.Provider value={{ groupAddHintAndTooltipSupport: true }}>\n        <Group width={'100%'}>{this._renderItems()}</Group>\n      </ReactUIFeatureFlagsContext.Provider>\n    );\n\n    const captionClassName = cx(styles.caption(this.theme), this.getLabelSizeClassName());\n    const wrapperClassName = cx(styles.wrap(), {\n      [styles.error5_1(this.theme)]: isThemeGTE_5_1 && this.props.error,\n      [styles.wrapCustomWidth()]: this.props.width !== undefined,\n    });\n    const errorClassName = cx({ [styles.error(this.theme)]: isTheme_5_0 && this.props.error });\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={SwitcherDataTids.root} className={styles.root()} style={{ width: this.props.width }}>\n          {this.props.caption ? <div className={captionClassName}>{this.props.caption}</div> : null}\n          <div className={wrapperClassName}>\n            <input {...inputProps} />\n            {isThemeGTE_5_1 ? items : <div className={errorClassName}>{items}</div>}\n          </div>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private selectItem = (value: string) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private _extractPropsFromItem = (item: string | SwitcherItem): SwitcherItem => {\n    return typeof item === 'object' ? item : { label: item, value: item };\n  };\n\n  private _extractValuesFromItems = (): string[] => {\n    return this.props.items.map((item) => {\n      const { value } = this._extractPropsFromItem(item);\n      return value;\n    });\n  };\n\n  private _focus = (index: number) => {\n    this.setState({ focusedIndex: index });\n  };\n\n  private handleKey = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const focusedIndex = this.state.focusedIndex;\n    if (typeof focusedIndex !== 'number') {\n      return;\n    }\n\n    if (isKeyEnter(e)) {\n      if (this.props.onValueChange) {\n        const { value, buttonProps } = this._extractPropsFromItem(this.props.items[focusedIndex]);\n        if (!buttonProps?.disabled) {\n          this.selectItem(value);\n        }\n      }\n      return;\n    }\n\n    if (isKeyArrowHorizontal(e)) {\n      e.preventDefault();\n      this.move(isKeyArrowLeft(e));\n    }\n  };\n\n  private move = (left: boolean) => {\n    const selectedIndex = this.state.focusedIndex;\n\n    if (typeof selectedIndex !== 'number') {\n      return;\n    }\n    const newFocusedIndex = this._getNextFocusedIndex(left, selectedIndex);\n    this._focus(newFocusedIndex);\n  };\n\n  private _getNextFocusedIndex = (left: boolean, focusedIndex: number): number => {\n    const { items, disabled } = this.props;\n    if (disabled) {\n      return focusedIndex;\n    }\n\n    for (let i = 1; i < items.length; i++) {\n      const index = mod(focusedIndex + (left ? -i : i), items.length);\n      const { buttonProps } = this._extractPropsFromItem(items[index]);\n      if (!buttonProps?.disabled) {\n        return index;\n      }\n    }\n    return focusedIndex;\n  };\n\n  private _handleFocus = () => {\n    const { value } = this.props;\n\n    const items = this._extractValuesFromItems();\n    const currentIndex = [...items].indexOf(value as string);\n    const index = currentIndex > -1 ? currentIndex : 0;\n\n    this.setState({ focusedIndex: index });\n  };\n\n  private _handleBlur = () => {\n    this.setState({ focusedIndex: null });\n  };\n\n  private _renderItems = () => {\n    const { items, value, size, width, disabled, role, renderItem } = this.props;\n\n    return items.map((item, i) => {\n      const {\n        'aria-label': ariaLabel,\n        label,\n        value: itemValue,\n        buttonProps: customButtonProps,\n      } = this._extractPropsFromItem(item);\n\n      const isChecked = value === itemValue;\n      const commonButtonProps = {\n        'aria-checked': isChecked,\n        role,\n        checked: isChecked,\n        visuallyFocused: this.state.focusedIndex === i,\n        onClick: () => {\n          this.selectItem(itemValue);\n        },\n        disableFocus: true,\n        size,\n        disabled,\n        corners: getButtonCorners(i === 0, i === items.length - 1),\n      };\n\n      const buttonProps = {\n        ...commonButtonProps,\n        ...customButtonProps,\n      };\n\n      if (!buttonProps.width && width) {\n        buttonProps.width = '100%';\n      }\n\n      const renderDefault = () => this.renderDefaultItem(label, itemValue, buttonProps, ariaLabel);\n      return renderItem ? renderItem(label, itemValue, buttonProps, renderDefault, ariaLabel) : renderDefault();\n    });\n  };\n\n  private renderDefaultItem = (label: string, value: string, buttonProps: ButtonProps, ariaLabel?: string) => (\n    <Button aria-label={ariaLabel} key={value} {...buttonProps}>\n      {label}\n    </Button>\n  );\n\n  private getLabelSizeClassName = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return styles.captionLarge(this.theme);\n      case 'medium':\n        return styles.captionMedium(this.theme);\n      case 'small':\n      default:\n        return styles.captionSmall(this.theme);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Switcher/Switcher.d.ts

@@ -1,75 +1,68 @@
-import React, { HTMLAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { ButtonProps } from '../Button';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export type SwitcherItems = string | SwitcherItem;
-export declare const SwitcherDataTids: {
-    readonly root: "Switcher__root";
-};
-export interface SwitcherProps extends Pick<HTMLAttributes<unknown>, 'role'>, CommonProps {
-    /**
-     * Список строк или список элементов типа `{ label: string, value: string, buttonProps?: Partial<ButtonProps> }`
-     */
-    items: SwitcherItems[];
-    value?: string;
-    onValueChange?: (value: string) => void;
-    caption?: string;
-    error?: boolean;
-    /** Размер */
-    size?: SizeProp;
-    disabled?: boolean;
-    /**
-     * Функция для отрисовки элемента. Аргументы — `label`,
-     * `value`, `buttonProps`, `renderDefault`, `ariaLabel`
-     */
-    renderItem?: (label: string, value: string, buttonProps: ButtonProps, renderDefault: () => React.ReactNode, ariaLabel?: string) => React.ReactNode;
-}
-type DefaultProps = Required<Pick<SwitcherProps, 'role'>>;
-export interface SwitcherState {
-    focusedIndex: Nullable<number>;
-}
-interface SwitcherItem {
-    value: string;
-    label: string;
-    'aria-label'?: string;
-    buttonProps?: Partial<ButtonProps>;
-}
-export declare class Switcher extends React.Component<SwitcherProps, SwitcherState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    static propTypes: {
-        error: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        items: PropTypes.Validator<NonNullable<NonNullable<(string | null | undefined)[] | (PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-            value: PropTypes.Requireable<string>;
-        }> | null | undefined)[] | null | undefined>>>;
-        caption: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-        renderItem: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    state: SwitcherState;
-    private theme;
-    private emotion;
-    private styles;
-    private setRootNode;
-    render(): React.JSX.Element;
-    private renderMain;
-    private selectItem;
-    private _extractPropsFromItem;
-    private _extractValuesFromItems;
-    private _focus;
-    private handleKey;
-    private move;
-    private _getNextFocusedIndex;
-    private _handleFocus;
-    private _handleBlur;
-    private _renderItems;
-    private renderDefaultItem;
-    private getLabelSizeClassName;
-}
-export {};
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+import type { ButtonProps } from '../Button';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export type SwitcherItems = string | SwitcherItem;
+export declare const SwitcherDataTids: {
+    readonly root: "Switcher__root";
+};
+export interface SwitcherProps extends Pick<HTMLAttributes<unknown>, 'role'>, CommonProps {
+    /** Задает список элементов в свитчере. Это массив строк или объектов типа `{ label: string, value: string, buttonProps?: Partial<ButtonProps> }` */
+    items: SwitcherItems[];
+    /** Устанавливает значение свитчера. */
+    value?: string;
+    /** Задает функцию, которая вызывается при изменении значения свитчера (value). */
+    onValueChange?: (value: string) => void;
+    /** Задает подпись около свитчера. */
+    caption?: string;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Задает размер контрола. */
+    size?: SizeProp;
+    /** Задает ширину контрола. С этим пропом элементы внутри автоматически равномерно растянутся. */
+    width?: React.CSSProperties['width'];
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Задает функцию отрисовки элемента. Параметр `renderDefault` - это встроенная дефолтная функция отрисовки элемента, которую можно вызывать в `renderItem`. */
+    renderItem?: (label: string, value: string, buttonProps: ButtonProps, renderDefault: () => React.ReactNode, ariaLabel?: string) => React.ReactNode;
+}
+type DefaultProps = Required<Pick<SwitcherProps, 'role'>>;
+export interface SwitcherState {
+    focusedIndex: Nullable<number>;
+}
+interface SwitcherItem {
+    value: string;
+    label: string;
+    'aria-label'?: string;
+    buttonProps?: Partial<ButtonProps>;
+}
+/**
+ * Переключатель `Switcher` — это замена RadioGroup.
+ *
+ * Не используйте переключатель в качестве навигации, для этого лучше подходят Tabs.
+ */
+export declare class Switcher extends React.Component<SwitcherProps, SwitcherState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    state: SwitcherState;
+    private theme;
+    private setRootNode;
+    render(): React.JSX.Element;
+    private renderMain;
+    private selectItem;
+    private _extractPropsFromItem;
+    private _extractValuesFromItems;
+    private _focus;
+    private handleKey;
+    private move;
+    private _getNextFocusedIndex;
+    private _handleFocus;
+    private _handleBlur;
+    private _renderItems;
+    private renderDefaultItem;
+    private getLabelSizeClassName;
+}
+export {};

package/components/Switcher/Switcher.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 const [value, setValue] = React.useState();
 
@@ -9,7 +10,8 @@ const [value, setValue] = React.useState();
 />;
 ```
 
-Случай, когда `items` принимает объект типа `{ label: string, value: string }`:
+### items в виде объектов
+Случай, когда `items` принимает объект типа `{ label: string, value: string }`
 
 ```jsx harmony
 const [value, setValue] = React.useState();
@@ -36,7 +38,8 @@ const items = [
 />;
 ```
 
-Вариант `items` с полем `buttonProps`, который позволяет кастомизировать кнопку:
+### Кастомизация кнопки
+Вариант `items` с полем `buttonProps`, который позволяет кастомизировать кнопку
 
 ```jsx harmony
 const [value, setValue] = React.useState();
@@ -75,6 +78,7 @@ const items = [
 />;
 ```
 
+### Кастомизация items
 Пример с методом `renderItem` для кастомизации `items`:
 
 ```jsx harmony

package/components/Switcher/Switcher.styles/Switcher.styles.js

@@ -1,33 +1,37 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        line-height: normal;\n      "])));
-    },
-    wrap: function wrap() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        vertical-align: middle;\n      "])));
-    },
-    input: function input() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        height: 0;\n        opacity: 0;\n        position: absolute;\n        width: 0;\n      "])));
-    },
-    caption: function caption(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        vertical-align: middle;\n        display: inline-block;\n      "])), t.switcherTextColor);
-    },
-    captionSmall: function captionSmall(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.switcherCaptionGapSmall, t.switcherCaptionFontSizeSmall, t.switcherCaptionLineHeightSmall);
-    },
-    captionMedium: function captionMedium(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.switcherCaptionGapMedium, t.switcherCaptionFontSizeMedium, t.switcherCaptionLineHeightMedium);
-    },
-    captionLarge: function captionLarge(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.switcherCaptionGapLarge, t.switcherCaptionFontSizeLarge, t.switcherCaptionLineHeightLarge);
-    },
-    error: function error(t) {
-      var insideWidth = parseInt(t.btnBorderWidth);
-      var outsideWidth = parseInt(t.switcherOutlineWidth) - insideWidth + "px";
-      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        border-radius: ", ";\n        box-shadow:\n        inset 0 0 0 ", "px ", ",\n        0 0 0 ", " ", ";\n      "])), t.switcherBorderRadius, insideWidth, t.borderColorError, outsideWidth, t.borderColorError);
-    }
-  });
-};
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  root: function root() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n      line-height: normal;\n    "])));
+  },
+  wrap: function wrap() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      vertical-align: middle;\n    "])));
+  },
+  wrapCustomWidth: function wrapCustomWidth() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      flex-grow: 1;\n    "])));
+  },
+  input: function input() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    "])));
+  },
+  caption: function caption(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      vertical-align: middle;\n      display: inline-block;\n    "])), t.switcherTextColor);
+  },
+  captionSmall: function captionSmall(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.switcherCaptionGapSmall, t.switcherCaptionFontSizeSmall, t.switcherCaptionLineHeightSmall);
+  },
+  captionMedium: function captionMedium(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.switcherCaptionGapMedium, t.switcherCaptionFontSizeMedium, t.switcherCaptionLineHeightMedium);
+  },
+  captionLarge: function captionLarge(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.switcherCaptionGapLarge, t.switcherCaptionFontSizeLarge, t.switcherCaptionLineHeightLarge);
+  },
+  error: function error(t) {
+    var insideWidth = parseInt(t.btnBorderWidth);
+    var outsideWidth = parseInt(t.switcherOutlineWidth) - insideWidth + "px";
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      box-shadow:\n        inset 0 0 0 ", "px ", ",\n        0 0 0 ", " ", ";\n    "])), t.switcherBorderRadius, insideWidth, t.borderColorError, outsideWidth, t.borderColorError);
+  },
+  error5_1: function error5_1(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        pointer-events: none;\n        top: 1px;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        z-index: 1;\n        border-radius: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])), t.switcherBorderRadius, t.switcherOutlineWidth, t.borderColorError);
+  }
+});

package/components/Switcher/Switcher.styles/Switcher.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","root","css","_templateObject","_taggedTemplateLiteralLoose","wrap","_templateObject2","input","_templateObject3","caption","t","_templateObject4","switcherTextColor","captionSmall","_templateObject5","switcherCaptionGapSmall","switcherCaptionFontSizeSmall","switcherCaptionLineHeightSmall","captionMedium","_templateObject6","switcherCaptionGapMedium","switcherCaptionFontSizeMedium","switcherCaptionLineHeightMedium","captionLarge","_templateObject7","switcherCaptionGapLarge","switcherCaptionFontSizeLarge","switcherCaptionLineHeightLarge","error","insideWidth","parseInt","btnBorderWidth","outsideWidth","switcherOutlineWidth","_templateObject8","switcherBorderRadius","borderColorError"],"sources":["Switcher.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        line-height: normal;\n      `;\n    },\n\n    wrap() {\n      return emotion.css`\n        display: inline-block;\n        vertical-align: middle;\n      `;\n    },\n\n    input() {\n      return emotion.css`\n        height: 0;\n        opacity: 0;\n        position: absolute;\n        width: 0;\n      `;\n    },\n\n    caption(t: Theme) {\n      return emotion.css`\n        color: ${t.switcherTextColor};\n        vertical-align: middle;\n        display: inline-block;\n      `;\n    },\n\n    captionSmall(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.switcherCaptionGapSmall};\n        font-size: ${t.switcherCaptionFontSizeSmall};\n        line-height: ${t.switcherCaptionLineHeightSmall};\n      `;\n    },\n\n    captionMedium(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.switcherCaptionGapMedium};\n        font-size: ${t.switcherCaptionFontSizeMedium};\n        line-height: ${t.switcherCaptionLineHeightMedium};\n      `;\n    },\n\n    captionLarge(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.switcherCaptionGapLarge};\n        font-size: ${t.switcherCaptionFontSizeLarge};\n        line-height: ${t.switcherCaptionLineHeightLarge};\n      `;\n    },\n\n    error(t: Theme) {\n      const insideWidth = parseInt(t.btnBorderWidth);\n      const outsideWidth = `${parseInt(t.switcherOutlineWidth) - insideWidth}px`;\n      return emotion.css`\n        border-radius: ${t.switcherBorderRadius};\n        box-shadow:\n        inset 0 0 0 ${insideWidth}px ${t.borderColorError},\n        0 0 0 ${outsideWidth} ${t.borderColorError};\n      `;\n    },\n  });\n"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;;AAGxD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOD,OAAO,CAACE,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;MAGpB,CAAC;;MAEDC,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOL,OAAO,CAACE,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;MAIpB,CAAC;;MAEDG,KAAK,WAAAA,MAAA,EAAG;QACN,OAAOP,OAAO,CAACE,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;;MAMpB,CAAC;;MAEDK,OAAO,WAAAA,QAACC,CAAQ,EAAE;QAChB,OAAOV,OAAO,CAACE,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;QACPM,CAAC,CAACE,iBAAiB;;;;MAIhC,CAAC;;MAEDC,YAAY,WAAAA,aAACH,CAAQ,EAAE;QACrB,OAAOV,OAAO,CAACE,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;QACAM,CAAC,CAACK,uBAAuB;QAC5BL,CAAC,CAACM,4BAA4B;QAC5BN,CAAC,CAACO,8BAA8B;;MAEnD,CAAC;;MAEDC,aAAa,WAAAA,cAACR,CAAQ,EAAE;QACtB,OAAOV,OAAO,CAACE,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;QACAM,CAAC,CAACU,wBAAwB;QAC7BV,CAAC,CAACW,6BAA6B;QAC7BX,CAAC,CAACY,+BAA+B;;MAEpD,CAAC;;MAEDC,YAAY,WAAAA,aAACb,CAAQ,EAAE;QACrB,OAAOV,OAAO,CAACE,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;QACAM,CAAC,CAACe,uBAAuB;QAC5Bf,CAAC,CAACgB,4BAA4B;QAC5BhB,CAAC,CAACiB,8BAA8B;;MAEnD,CAAC;;MAEDC,KAAK,WAAAA,MAAClB,CAAQ,EAAE;QACd,IAAMmB,WAAW,GAAGC,QAAQ,CAACpB,CAAC,CAACqB,cAAc,CAAC;QAC9C,IAAMC,YAAY,GAAMF,QAAQ,CAACpB,CAAC,CAACuB,oBAAoB,CAAC,GAAGJ,WAAW,OAAI;QAC1E,OAAO7B,OAAO,CAACE,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAA9B,2BAAA;QACCM,CAAC,CAACyB,oBAAoB;;QAEzBN,WAAW,EAAMnB,CAAC,CAAC0B,gBAAgB;QACzCJ,YAAY,EAAItB,CAAC,CAAC0B,gBAAgB;;MAE9C;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","wrap","_templateObject2","wrapCustomWidth","_templateObject3","input","_templateObject4","caption","t","_templateObject5","switcherTextColor","captionSmall","_templateObject6","switcherCaptionGapSmall","switcherCaptionFontSizeSmall","switcherCaptionLineHeightSmall","captionMedium","_templateObject7","switcherCaptionGapMedium","switcherCaptionFontSizeMedium","switcherCaptionLineHeightMedium","captionLarge","_templateObject8","switcherCaptionGapLarge","switcherCaptionFontSizeLarge","switcherCaptionLineHeightLarge","error","insideWidth","parseInt","btnBorderWidth","outsideWidth","switcherOutlineWidth","_templateObject9","switcherBorderRadius","borderColorError","error5_1","_templateObject10"],"sources":["Switcher.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: flex;\n      align-items: center;\n      line-height: normal;\n    `;\n  },\n\n  wrap() {\n    return css`\n      display: inline-block;\n      vertical-align: middle;\n    `;\n  },\n\n  wrapCustomWidth() {\n    return css`\n      flex-grow: 1;\n    `;\n  },\n\n  input() {\n    return css`\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.switcherTextColor};\n      vertical-align: middle;\n      display: inline-block;\n    `;\n  },\n\n  captionSmall(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapSmall};\n      font-size: ${t.switcherCaptionFontSizeSmall};\n      line-height: ${t.switcherCaptionLineHeightSmall};\n    `;\n  },\n\n  captionMedium(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapMedium};\n      font-size: ${t.switcherCaptionFontSizeMedium};\n      line-height: ${t.switcherCaptionLineHeightMedium};\n    `;\n  },\n\n  captionLarge(t: Theme) {\n    return css`\n      margin-right: ${t.switcherCaptionGapLarge};\n      font-size: ${t.switcherCaptionFontSizeLarge};\n      line-height: ${t.switcherCaptionLineHeightLarge};\n    `;\n  },\n\n  error(t: Theme) {\n    const insideWidth = parseInt(t.btnBorderWidth);\n    const outsideWidth = `${parseInt(t.switcherOutlineWidth) - insideWidth}px`;\n    return css`\n      border-radius: ${t.switcherBorderRadius};\n      box-shadow:\n        inset 0 0 0 ${insideWidth}px ${t.borderColorError},\n        0 0 0 ${outsideWidth} ${t.borderColorError};\n    `;\n  },\n\n  error5_1(t: Theme) {\n    return css`\n      position: relative;\n\n      &:before {\n        content: '';\n        position: absolute;\n        pointer-events: none;\n        top: 1px;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        z-index: 1;\n        border-radius: ${t.switcherBorderRadius};\n        box-shadow: 0 0 0 ${t.switcherOutlineWidth} ${t.borderColorError};\n      }\n    `;\n  },\n});\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ,CAAC;;EAEDG,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGZ,CAAC;;EAEDK,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;;EAMZ,CAAC;;EAEDO,OAAO,WAAAA,QAACC,CAAQ,EAAE;IAChB,OAAOb,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;IACCQ,CAAC,CAACE,iBAAiB;;;;EAIhC,CAAC;;EAEDC,YAAY,WAAAA,aAACH,CAAQ,EAAE;IACrB,OAAOb,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;IACQQ,CAAC,CAACK,uBAAuB;IAC5BL,CAAC,CAACM,4BAA4B;IAC5BN,CAAC,CAACO,8BAA8B;;EAEnD,CAAC;;EAEDC,aAAa,WAAAA,cAACR,CAAQ,EAAE;IACtB,OAAOb,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACQQ,CAAC,CAACU,wBAAwB;IAC7BV,CAAC,CAACW,6BAA6B;IAC7BX,CAAC,CAACY,+BAA+B;;EAEpD,CAAC;;EAEDC,YAAY,WAAAA,aAACb,CAAQ,EAAE;IACrB,OAAOb,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAtB,2BAAA;IACQQ,CAAC,CAACe,uBAAuB;IAC5Bf,CAAC,CAACgB,4BAA4B;IAC5BhB,CAAC,CAACiB,8BAA8B;;EAEnD,CAAC;;EAEDC,KAAK,WAAAA,MAAClB,CAAQ,EAAE;IACd,IAAMmB,WAAW,GAAGC,QAAQ,CAACpB,CAAC,CAACqB,cAAc,CAAC;IAC9C,IAAMC,YAAY,GAAMF,QAAQ,CAACpB,CAAC,CAACuB,oBAAoB,CAAC,GAAGJ,WAAW,OAAI;IAC1E,OAAOhC,GAAG,CAAAqC,gBAAA,KAAAA,gBAAA,GAAAhC,2BAAA;IACSQ,CAAC,CAACyB,oBAAoB;;IAEvBN,WAAW,EAAMnB,CAAC,CAAC0B,gBAAgB;IACzCJ,YAAY,EAAItB,CAAC,CAAC0B,gBAAgB;;EAEhD,CAAC;;EAEDC,QAAQ,WAAAA,SAAC3B,CAAQ,EAAE;IACjB,OAAOb,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAApC,2BAAA;;;;;;;;;;;;IAYWQ,CAAC,CAACyB,oBAAoB;IACnBzB,CAAC,CAACuB,oBAAoB,EAAIvB,CAAC,CAAC0B,gBAAgB;;;EAGtE;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Switcher/Switcher.styles.d.ts

@@ -1,12 +1,13 @@
-import type { Emotion } from '@emotion/css/create-instance';
-import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
-    root(): string;
-    wrap(): string;
-    input(): string;
-    caption(t: Theme): string;
-    captionSmall(t: Theme): string;
-    captionMedium(t: Theme): string;
-    captionLarge(t: Theme): string;
-    error(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    wrap(): string;
+    wrapCustomWidth(): string;
+    input(): string;
+    caption(t: Theme): string;
+    captionSmall(t: Theme): string;
+    captionMedium(t: Theme): string;
+    captionLarge(t: Theme): string;
+    error(t: Theme): string;
+    error5_1(t: Theme): string;
+};

package/components/Switcher/helpers.d.ts

@@ -1 +1 @@
-export declare const mod: (n: number, mod: number) => number;
+export declare const mod: (n: number, mod: number) => number;

package/components/Switcher/index.d.ts

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

package/components/Switcher/switcherTheme/switcherTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["ThemeFactory","getSwitcherTheme","theme","create","btnBorderWidth","switcherButtonBorderWidth","btnDisabledBorderColor","switcherButtonDisabledBorderColor","btnCheckedDisabledShadow","switcherButtonCheckedDisabledShadow","btnLineHeightSmall","switcherButtonLineHeightSmall","btnFontSizeSmall","switcherButtonFontSizeSmall","btnPaddingXSmall","switcherButtonPaddingXSmall","btnPaddingYSmall","switcherButtonPaddingYSmall","btnBorderRadiusSmall","switcherButtonBorderRadiusSmall","btnLineHeightMedium","switcherButtonLineHeightMedium","btnFontSizeMedium","switcherButtonFontSizeMedium","btnPaddingXMedium","switcherButtonPaddingXMedium","btnPaddingYMedium","switcherButtonPaddingYMedium","btnBorderRadiusMedium","switcherButtonBorderRadiusMedium","btnLineHeightLarge","switcherButtonLineHeightLarge","btnFontSizeLarge","switcherButtonFontSizeLarge","btnPaddingXLarge","switcherButtonPaddingXLarge","btnPaddingYLarge","switcherButtonPaddingYLarge","btnBorderRadiusLarge","switcherButtonBorderRadiusLarge"],"sources":["switcherTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getSwitcherTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      btnBorderWidth: theme.switcherButtonBorderWidth,\n      btnDisabledBorderColor: theme.switcherButtonDisabledBorderColor,\n      btnCheckedDisabledShadow: theme.switcherButtonCheckedDisabledShadow,\n\n      btnLineHeightSmall: theme.switcherButtonLineHeightSmall,\n      btnFontSizeSmall: theme.switcherButtonFontSizeSmall,\n      btnPaddingXSmall: theme.switcherButtonPaddingXSmall,\n      btnPaddingYSmall: theme.switcherButtonPaddingYSmall,\n      btnBorderRadiusSmall: theme.switcherButtonBorderRadiusSmall,\n\n      btnLineHeightMedium: theme.switcherButtonLineHeightMedium,\n      btnFontSizeMedium: theme.switcherButtonFontSizeMedium,\n      btnPaddingXMedium: theme.switcherButtonPaddingXMedium,\n      btnPaddingYMedium: theme.switcherButtonPaddingYMedium,\n      btnBorderRadiusMedium: theme.switcherButtonBorderRadiusMedium,\n\n      btnLineHeightLarge: theme.switcherButtonLineHeightLarge,\n      btnFontSizeLarge: theme.switcherButtonFontSizeLarge,\n      btnPaddingXLarge: theme.switcherButtonPaddingXLarge,\n      btnPaddingYLarge: theme.switcherButtonPaddingYLarge,\n      btnBorderRadiusLarge: theme.switcherButtonBorderRadiusLarge,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAY,EAAY;EACvD,OAAOF,YAAY,CAACG,MAAM;IACxB;MACEC,cAAc,EAAEF,KAAK,CAACG,yBAAyB;MAC/CC,sBAAsB,EAAEJ,KAAK,CAACK,iCAAiC;MAC/DC,wBAAwB,EAAEN,KAAK,CAACO,mCAAmC;;MAEnEC,kBAAkB,EAAER,KAAK,CAACS,6BAA6B;MACvDC,gBAAgB,EAAEV,KAAK,CAACW,2BAA2B;MACnDC,gBAAgB,EAAEZ,KAAK,CAACa,2BAA2B;MACnDC,gBAAgB,EAAEd,KAAK,CAACe,2BAA2B;MACnDC,oBAAoB,EAAEhB,KAAK,CAACiB,+BAA+B;;MAE3DC,mBAAmB,EAAElB,KAAK,CAACmB,8BAA8B;MACzDC,iBAAiB,EAAEpB,KAAK,CAACqB,4BAA4B;MACrDC,iBAAiB,EAAEtB,KAAK,CAACuB,4BAA4B;MACrDC,iBAAiB,EAAExB,KAAK,CAACyB,4BAA4B;MACrDC,qBAAqB,EAAE1B,KAAK,CAAC2B,gCAAgC;;MAE7DC,kBAAkB,EAAE5B,KAAK,CAAC6B,6BAA6B;MACvDC,gBAAgB,EAAE9B,KAAK,CAAC+B,2BAA2B;MACnDC,gBAAgB,EAAEhC,KAAK,CAACiC,2BAA2B;MACnDC,gBAAgB,EAAElC,KAAK,CAACmC,2BAA2B;MACnDC,oBAAoB,EAAEpC,KAAK,CAACqC;IAC9B,CAAC;IACDrC;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["ThemeFactory","getSwitcherTheme","theme","create","btnBorderWidth","switcherButtonBorderWidth","btnDisabledBorderColor","switcherButtonDisabledBorderColor","btnCheckedDisabledShadow","switcherButtonCheckedDisabledShadow","btnLineHeightSmall","switcherButtonLineHeightSmall","btnFontSizeSmall","switcherButtonFontSizeSmall","btnPaddingXSmall","switcherButtonPaddingXSmall","btnPaddingYSmall","switcherButtonPaddingYSmall","btnBorderRadiusSmall","switcherButtonBorderRadiusSmall","btnLineHeightMedium","switcherButtonLineHeightMedium","btnFontSizeMedium","switcherButtonFontSizeMedium","btnPaddingXMedium","switcherButtonPaddingXMedium","btnPaddingYMedium","switcherButtonPaddingYMedium","btnBorderRadiusMedium","switcherButtonBorderRadiusMedium","btnLineHeightLarge","switcherButtonLineHeightLarge","btnFontSizeLarge","switcherButtonFontSizeLarge","btnPaddingXLarge","switcherButtonPaddingXLarge","btnPaddingYLarge","switcherButtonPaddingYLarge","btnBorderRadiusLarge","switcherButtonBorderRadiusLarge"],"sources":["switcherTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getSwitcherTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      btnBorderWidth: theme.switcherButtonBorderWidth,\n      btnDisabledBorderColor: theme.switcherButtonDisabledBorderColor,\n      btnCheckedDisabledShadow: theme.switcherButtonCheckedDisabledShadow,\n\n      btnLineHeightSmall: theme.switcherButtonLineHeightSmall,\n      btnFontSizeSmall: theme.switcherButtonFontSizeSmall,\n      btnPaddingXSmall: theme.switcherButtonPaddingXSmall,\n      btnPaddingYSmall: theme.switcherButtonPaddingYSmall,\n      btnBorderRadiusSmall: theme.switcherButtonBorderRadiusSmall,\n\n      btnLineHeightMedium: theme.switcherButtonLineHeightMedium,\n      btnFontSizeMedium: theme.switcherButtonFontSizeMedium,\n      btnPaddingXMedium: theme.switcherButtonPaddingXMedium,\n      btnPaddingYMedium: theme.switcherButtonPaddingYMedium,\n      btnBorderRadiusMedium: theme.switcherButtonBorderRadiusMedium,\n\n      btnLineHeightLarge: theme.switcherButtonLineHeightLarge,\n      btnFontSizeLarge: theme.switcherButtonFontSizeLarge,\n      btnPaddingXLarge: theme.switcherButtonPaddingXLarge,\n      btnPaddingYLarge: theme.switcherButtonPaddingYLarge,\n      btnBorderRadiusLarge: theme.switcherButtonBorderRadiusLarge,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAY,EAAY;EACvD,OAAOF,YAAY,CAACG,MAAM;IACxB;MACEC,cAAc,EAAEF,KAAK,CAACG,yBAAyB;MAC/CC,sBAAsB,EAAEJ,KAAK,CAACK,iCAAiC;MAC/DC,wBAAwB,EAAEN,KAAK,CAACO,mCAAmC;;MAEnEC,kBAAkB,EAAER,KAAK,CAACS,6BAA6B;MACvDC,gBAAgB,EAAEV,KAAK,CAACW,2BAA2B;MACnDC,gBAAgB,EAAEZ,KAAK,CAACa,2BAA2B;MACnDC,gBAAgB,EAAEd,KAAK,CAACe,2BAA2B;MACnDC,oBAAoB,EAAEhB,KAAK,CAACiB,+BAA+B;;MAE3DC,mBAAmB,EAAElB,KAAK,CAACmB,8BAA8B;MACzDC,iBAAiB,EAAEpB,KAAK,CAACqB,4BAA4B;MACrDC,iBAAiB,EAAEtB,KAAK,CAACuB,4BAA4B;MACrDC,iBAAiB,EAAExB,KAAK,CAACyB,4BAA4B;MACrDC,qBAAqB,EAAE1B,KAAK,CAAC2B,gCAAgC;;MAE7DC,kBAAkB,EAAE5B,KAAK,CAAC6B,6BAA6B;MACvDC,gBAAgB,EAAE9B,KAAK,CAAC+B,2BAA2B;MACnDC,gBAAgB,EAAEhC,KAAK,CAACiC,2BAA2B;MACnDC,gBAAgB,EAAElC,KAAK,CAACmC,2BAA2B;MACnDC,oBAAoB,EAAEpC,KAAK,CAACqC;IAC9B,CAAC;IACDrC;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/components/Switcher/switcherTheme.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const getSwitcherTheme: (theme: Theme) => Theme;
+import type { Theme } from '../../lib/theming/Theme';
+export declare const getSwitcherTheme: (theme: Theme) => Theme;

package/components/Tabs/Indicator/Indicator.js

@@ -5,11 +5,11 @@ import throttle from 'lodash.throttle';
 import { globalObject } from '@skbkontur/global-object';
 import { isInstanceOf } from "../../../lib/isInstanceOf";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { cx } from "../../../lib/theming/Emotion";
 import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../Indicator.styles";
+import { styles } from "../Indicator.styles";
 import { TabsContext } from "../TabsContext";
 import { TabsDataTids } from "../Tabs";
 export var Indicator = rootNode(_class = (_Indicator = /*#__PURE__*/function (_React$Component) {
@@ -63,13 +63,9 @@ export var Indicator = rootNode(_class = (_Indicator = /*#__PURE__*/function (_R
   };
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      _this2.styles = getStyles(_this2.emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
     });
   };
   _proto.renderMain = function renderMain() {
@@ -84,10 +80,9 @@ export var Indicator = rootNode(_class = (_Indicator = /*#__PURE__*/function (_R
       primary: false,
       disabled: false
     };
-    var styles = this.styles;
     return /*#__PURE__*/React.createElement("div", {
       "data-tid": TabsDataTids.indicatorRoot,
-      className: this.emotion.cx(styles.root(this.theme), indicators.primary && styles.primary(this.theme), indicators.success && styles.success(this.theme), indicators.warning && styles.warning(this.theme), indicators.error && styles.error(this.theme), this.props.className),
+      className: cx(styles.root(this.theme), indicators.primary && styles.primary(this.theme), indicators.success && styles.success(this.theme), indicators.warning && styles.warning(this.theme), indicators.error && styles.error(this.theme), this.props.className),
       style: this.state.styles,
       ref: this.setRootNode
     });

package/components/Tabs/Indicator/Indicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","throttle","globalObject","isInstanceOf","LayoutEvents","EmotionConsumer","getRootNode","rootNode","getDOMRect","ThemeContext","getStyles","TabsContext","TabsDataTids","Indicator","_class","_Indicator","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","styles","eventListener","removeTabUpdatesListener","reflow","_this$context","getTab","activeTab","node","nodeStyles","stylesUpdated","some","prop","setState","_inheritsLoose","_proto","prototype","componentDidMount","addListener","props","tabUpdates","on","componentWillUnmount","cancel","remove","componentDidUpdate","render","_this2","createElement","emotion","Consumer","theme","renderMain","_this$context2","indicators","getIndicators","error","warning","success","primary","disabled","indicatorRoot","className","cx","root","style","ref","setRootNode","htmlNode","HTMLElement","rect","vertical","width","tabBorderWidth","left","offsetLeft","top","offsetTop","height","bottom","parseInt","offsetHeight","right","Component","contextType"],"sources":["Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './Indicator.styles';\nimport { TabsContext, TabsContextType } from './TabsContext';\nimport { TabIndicators } from './Tab';\nimport { TabsDataTids } from './Tabs';\n\nexport interface IndicatorProps {\n  className?: string;\n  tabUpdates: {\n    on: (x0: () => void) => () => void;\n  };\n  vertical: boolean;\n}\n\nexport interface IndicatorState {\n  styles: React.CSSProperties;\n}\n\n@rootNode\nexport class Indicator extends React.Component<IndicatorProps, IndicatorState> {\n  public static contextType = TabsContext;\n  public context: TabsContextType = this.context;\n\n  public state: IndicatorState = {\n    styles: {},\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n\n  private eventListener: Nullable<{\n    remove: () => void;\n  }> = null;\n\n  private removeTabUpdatesListener: Nullable<() => void> = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.eventListener = LayoutEvents.addListener(this.reflow);\n    this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);\n    this.reflow();\n  }\n\n  public componentWillUnmount() {\n    this.reflow.cancel();\n\n    if (this.eventListener) {\n      this.eventListener.remove();\n    }\n    if (this.removeTabUpdatesListener) {\n      this.removeTabUpdatesListener();\n    }\n  }\n\n  public componentDidUpdate() {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const indicators: TabIndicators = (node && node.getIndicators && node.getIndicators()) || {\n      error: false,\n      warning: false,\n      success: false,\n      primary: false,\n      disabled: false,\n    };\n    const styles = this.styles;\n    return (\n      <div\n        data-tid={TabsDataTids.indicatorRoot}\n        className={this.emotion.cx(\n          styles.root(this.theme),\n          indicators.primary && styles.primary(this.theme),\n          indicators.success && styles.success(this.theme),\n          indicators.warning && styles.warning(this.theme),\n          indicators.error && styles.error(this.theme),\n          this.props.className,\n        )}\n        style={this.state.styles}\n        ref={this.setRootNode}\n      />\n    );\n  }\n\n  private reflow = throttle(() => {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const nodeStyles = this.getStyles(node);\n    const stylesUpdated = ['left', 'top', 'width', 'height'].some(\n      (prop) => nodeStyles[prop as keyof React.CSSProperties] !== this.state.styles[prop as keyof React.CSSProperties],\n    );\n    if (stylesUpdated) {\n      this.setState({ styles: nodeStyles });\n    }\n  }, 100);\n\n  private getStyles(node: any): React.CSSProperties {\n    const htmlNode = getRootNode(node);\n\n    if (isInstanceOf(htmlNode, globalObject.HTMLElement)) {\n      const rect = getDOMRect(htmlNode);\n      if (this.props.vertical) {\n        return {\n          width: this.theme.tabBorderWidth,\n          left: htmlNode.offsetLeft,\n          top: htmlNode.offsetTop,\n          height: rect.bottom - rect.top,\n        };\n      }\n\n      const tabBorderWidth = parseInt(this.theme.tabBorderWidth, 10) || 0;\n      return {\n        left: htmlNode.offsetLeft,\n        top: htmlNode.offsetHeight + htmlNode.offsetTop - tabBorderWidth,\n        width: rect.right - rect.left,\n      };\n    }\n\n    return {};\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","throttle","globalObject","isInstanceOf","LayoutEvents","ThemeContext","cx","getRootNode","rootNode","getDOMRect","styles","TabsContext","TabsDataTids","Indicator","_class","_Indicator","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","eventListener","removeTabUpdatesListener","reflow","_this$context","getTab","activeTab","node","nodeStyles","getStyles","stylesUpdated","some","prop","setState","_inheritsLoose","_proto","prototype","componentDidMount","addListener","props","tabUpdates","on","componentWillUnmount","cancel","remove","componentDidUpdate","render","_this2","createElement","Consumer","theme","renderMain","_this$context2","indicators","getIndicators","error","warning","success","primary","disabled","indicatorRoot","className","root","style","ref","setRootNode","htmlNode","HTMLElement","rect","vertical","width","tabBorderWidth","left","offsetLeft","top","offsetTop","height","bottom","parseInt","offsetHeight","right","Component","contextType"],"sources":["Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { styles } from './Indicator.styles';\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext } from './TabsContext';\nimport type { TabIndicators } from './Tab';\nimport { TabsDataTids } from './Tabs';\n\nexport interface IndicatorProps {\n  className?: string;\n  tabUpdates: {\n    on: (x0: () => void) => () => void;\n  };\n  vertical: boolean;\n}\n\nexport interface IndicatorState {\n  styles: React.CSSProperties;\n}\n\n@rootNode\nexport class Indicator extends React.Component<IndicatorProps, IndicatorState> {\n  public static contextType = TabsContext;\n  public context: TabsContextType = this.context;\n\n  public state: IndicatorState = {\n    styles: {},\n  };\n\n  private theme!: Theme;\n\n  private eventListener: Nullable<{\n    remove: () => void;\n  }> = null;\n\n  private removeTabUpdatesListener: Nullable<() => void> = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.eventListener = LayoutEvents.addListener(this.reflow);\n    this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);\n    this.reflow();\n  }\n\n  public componentWillUnmount() {\n    this.reflow.cancel();\n\n    if (this.eventListener) {\n      this.eventListener.remove();\n    }\n    if (this.removeTabUpdatesListener) {\n      this.removeTabUpdatesListener();\n    }\n  }\n\n  public componentDidUpdate() {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const indicators: TabIndicators = (node && node.getIndicators && node.getIndicators()) || {\n      error: false,\n      warning: false,\n      success: false,\n      primary: false,\n      disabled: false,\n    };\n    return (\n      <div\n        data-tid={TabsDataTids.indicatorRoot}\n        className={cx(\n          styles.root(this.theme),\n          indicators.primary && styles.primary(this.theme),\n          indicators.success && styles.success(this.theme),\n          indicators.warning && styles.warning(this.theme),\n          indicators.error && styles.error(this.theme),\n          this.props.className,\n        )}\n        style={this.state.styles}\n        ref={this.setRootNode}\n      />\n    );\n  }\n\n  private reflow = throttle(() => {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const nodeStyles = this.getStyles(node);\n    const stylesUpdated = ['left', 'top', 'width', 'height'].some(\n      (prop) => nodeStyles[prop as keyof React.CSSProperties] !== this.state.styles[prop as keyof React.CSSProperties],\n    );\n    if (stylesUpdated) {\n      this.setState({ styles: nodeStyles });\n    }\n  }, 100);\n\n  private getStyles(node: any): React.CSSProperties {\n    const htmlNode = getRootNode(node);\n\n    if (isInstanceOf(htmlNode, globalObject.HTMLElement)) {\n      const rect = getDOMRect(htmlNode);\n      if (this.props.vertical) {\n        return {\n          width: this.theme.tabBorderWidth,\n          left: htmlNode.offsetLeft,\n          top: htmlNode.offsetTop,\n          height: rect.bottom - rect.top,\n        };\n      }\n\n      const tabBorderWidth = parseInt(this.theme.tabBorderWidth, 10) || 0;\n      return {\n        left: htmlNode.offsetLeft,\n        top: htmlNode.offsetHeight + htmlNode.offsetTop - tabBorderWidth,\n        width: rect.right - rect.left,\n      };\n    }\n\n    return {};\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Tabs/Indicator.d.ts

@@ -1,30 +1,28 @@
-import React from 'react';
-import { TabsContextType } from './TabsContext';
-export interface IndicatorProps {
-    className?: string;
-    tabUpdates: {
-        on: (x0: () => void) => () => void;
-    };
-    vertical: boolean;
-}
-export interface IndicatorState {
-    styles: React.CSSProperties;
-}
-export declare class Indicator extends React.Component<IndicatorProps, IndicatorState> {
-    static contextType: React.Context<TabsContextType<any>>;
-    context: TabsContextType;
-    state: IndicatorState;
-    private theme;
-    private emotion;
-    private styles;
-    private eventListener;
-    private removeTabUpdatesListener;
-    private setRootNode;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(): void;
-    render(): React.JSX.Element;
-    private renderMain;
-    private reflow;
-    private getStyles;
-}
+import React from 'react';
+import type { TabsContextType } from './TabsContext';
+export interface IndicatorProps {
+    className?: string;
+    tabUpdates: {
+        on: (x0: () => void) => () => void;
+    };
+    vertical: boolean;
+}
+export interface IndicatorState {
+    styles: React.CSSProperties;
+}
+export declare class Indicator extends React.Component<IndicatorProps, IndicatorState> {
+    static contextType: React.Context<TabsContextType<any>>;
+    context: TabsContextType;
+    state: IndicatorState;
+    private theme;
+    private eventListener;
+    private removeTabUpdatesListener;
+    private setRootNode;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(): void;
+    render(): React.JSX.Element;
+    private renderMain;
+    private reflow;
+    private getStyles;
+}