@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9ab4f802f3

package/components/Textarea/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Textarea.tsx"],"names":["React","PropTypes","throttle","globalObject","isKeyEnter","needsPolyfillPlaceholder","LayoutEvents","RenderLayer","ResizeDetector","isIE11","isSafari17","CommonWrapper","isTestEnv","EmotionConsumer","rootNode","createPropsGetter","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","ThemeConsumer","getTextAreaHeight","getStyles","TextareaCounter","TextareaWithSafari17Workaround","DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","TextareaDataTids","root","counter","helpIcon","Textarea","getProps","defaultProps","state","isCounterVisible","reflowCounter","reflow","selectAllId","textareaObserver","MutationObserver","setSelectionRange","start","end","node","Error","document","activeElement","focus","selectAll","value","length","delaySelectAll","requestAnimationFrame","cancelDelayedSelectAll","cancelAnimationFrame","renderMain","props","width","error","warning","size","autoResize","resize","onCut","onPaste","maxRows","onFocus","selectAllOnFocus","placeholder","onValueChange","showLengthCounter","lengthCounter","counterHelp","extraRow","disableAnimations","disabled","textareaProps","rootProps","style","styles","emotion","textareaClassNames","cx","getTextareaSizeClassName","textarea","theme","hovering","isAnimationsDisabled","textareaStyle","placeholderPolyfill","defaultValue","fakeTextarea","fakeProps","className","fake","readOnly","refFake","maxLength","handleCloseCounterHelp","refCounter","Component","featureFlags","textareaUseSafari17Workaround","getRootSizeClassName","undefined","ref","handleChange","handleCut","handlePaste","handleFocus","handleKeyDown","children","setState","e","toString","isBlockEnter","preventDefault","onKeyDown","fieldIsEmpty","target","onChange","element","fakeNode","autoResizeHandler","rows","minRows","parseInt","height","exceededMaxHeight","overflowY","getAutoResizeThrottleWait","event","rootLarge","rootMedium","rootSmall","textareaLarge","textareaMedium","textareaSmall","componentDidMount","layoutEvents","addListener","observe","attributes","componentWillUnmount","remove","disconnect","componentDidUpdate","prevProps","cancel","render","flags","setRootNode","blur","__KONTUR_REACT_UI__","displayName","propTypes","bool","oneOfType","string","number","id","name","title","spellCheck","role","tabIndex","func","onMouseEnter","onMouseLeave","onMouseOver","onMouseMove","onMouseOut","onMouseUp","onMouseDown","onClick","onDoubleClick","onKeyPress","onKeyUp","onInput","onBlur","onScroll","onWheel","onCopy"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { AriaAttributes, ReactNode } from 'react';\nimport PropTypes from 'prop-types';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { isIE11, isSafari17 } from '../../lib/client';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport {\n  getFullReactUIFlagsContext,\n  ReactUIFeatureFlags,\n  ReactUIFeatureFlagsContext,\n} from '../../lib/featureFlagsContext';\nimport { ThemeConsumer } from '../../lib/theming/ThemeContext';\n\nimport { getTextAreaHeight } from './TextareaHelpers';\nimport { getStyles } from './Textarea.styles';\nimport { TextareaCounter, TextareaCounterRef } from './TextareaCounter';\nimport { TextareaWithSafari17Workaround } from './TextareaWithSafari17Workaround';\n\n/**\n * @deprecated use SizeProp\n */\nexport type TextareaSize = SizeProp;\n\nconst DEFAULT_WIDTH = 250;\nconst AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;\n\nexport interface TextareaProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n      {\n        /**\n         * Состояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Состояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /** Не активное состояние */\n        disabled?: boolean;\n        /** Размер */\n        size?: SizeProp;\n        /**\n         * Автоматический ресайз\n         * в зависимости от содержимого\n         */\n        autoResize?: boolean;\n        /**\n         * Число строк\n         */\n        rows?: number;\n        /**\n         * Максимальное число строк при\n         * автоматическом ресайзе\n         */\n        maxRows?: string | number;\n\n        /**\n         * Стандартный ресайз\n         * Попадает в `style`\n         */\n        resize?: React.CSSProperties['resize'];\n\n        /**\n         * Ширина\n         */\n        width?: React.CSSProperties['width'];\n\n        /**\n         * Вызывается при изменении `value`\n         */\n        onValueChange?: (value: string) => void;\n\n        /** Выделение значения при фокусе */\n        selectAllOnFocus?: boolean;\n\n        /** Показывать счетчик символов */\n        showLengthCounter?: boolean;\n\n        /** Допустимое количество символов в поле. Отображается в счетчике.\n         * Если не указано, равно `maxLength`\n         */\n        lengthCounter?: number;\n\n        /** Подсказка к счетчику символов.\n         *\n         * По умолчанию - тултип с содержимым из пропа, если передан`ReactNode`.\n         *\n         * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,\n         *\n         * ```\n         * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}\n         * ```\n         * */\n        counterHelp?: ReactNode | (() => ReactNode);\n\n        /** Добавлять дополнительную свободную строку при авто-ресайзе.\n         * @see https://guides.kontur.ru/components/textarea/#04\n         * */\n        extraRow?: boolean;\n\n        /** Отключать анимацию при авто-ресайзе.\n         * Автоматически отключается когда в `extraRow` передан `false`.\n         */\n        disableAnimations?: boolean;\n      }\n    > {}\n\nexport interface TextareaState {\n  needsPolyfillPlaceholder: boolean;\n  isCounterVisible: boolean;\n}\n\nexport const TextareaDataTids = {\n  root: 'Textarea__root',\n  counter: 'TextareaCounter__root',\n  helpIcon: 'TextareaCounter__helpIcon',\n} as const;\n\ntype DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow' | 'disableAnimations' | 'size'>>;\n\n/**\n * Компонент для ввода многострочного текста.\n *\n * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\n *\n * ** `className` и `style`  игнорируются**\n */\n@rootNode\nexport class Textarea extends React.Component<TextareaProps, TextareaState> {\n  public static __KONTUR_REACT_UI__ = 'Textarea';\n  public static displayName = 'Textarea';\n\n  public static propTypes = {\n    error: PropTypes.bool,\n    warning: PropTypes.bool,\n    disabled: PropTypes.bool,\n\n    autoResize: PropTypes.bool,\n    extraRow: PropTypes.bool,\n    disableAnimations: PropTypes.bool,\n    maxRows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    resize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    id: PropTypes.string,\n    name: PropTypes.string,\n    title: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    role: PropTypes.string,\n    maxLength: PropTypes.number,\n    tabIndex: PropTypes.number,\n    rows: PropTypes.number,\n    placeholder: PropTypes.string,\n\n    value: PropTypes.string,\n    defaultValue: PropTypes.string,\n    onValueChange: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n    onMouseMove: PropTypes.func,\n    onMouseOut: PropTypes.func,\n\n    onMouseUp: PropTypes.func,\n    onMouseDown: PropTypes.func,\n    onClick: PropTypes.func,\n    onDoubleClick: PropTypes.func,\n\n    onKeyDown: PropTypes.func,\n    onKeyPress: PropTypes.func,\n    onKeyUp: PropTypes.func,\n    onInput: PropTypes.func,\n\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n\n    onScroll: PropTypes.func,\n    onWheel: PropTypes.func,\n\n    onCut: PropTypes.func,\n    onPaste: PropTypes.func,\n    onCopy: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    rows: 3,\n    maxRows: 15,\n    extraRow: true,\n    size: 'small',\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(Textarea.defaultProps);\n  private featureFlags!: ReactUIFeatureFlags;\n\n  private getRootSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getTextareaSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.textareaLarge(this.theme);\n      case 'medium':\n        return styles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return styles.textareaSmall(this.theme);\n    }\n  }\n\n  public state = {\n    needsPolyfillPlaceholder,\n    isCounterVisible: false,\n  };\n  private reflowCounter = () => {\n    if (this.counter) {\n      this.counter.reflow();\n    }\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private selectAllId: number | null = null;\n  private node: Nullable<HTMLTextAreaElement>;\n  private fakeNode: Nullable<HTMLTextAreaElement>;\n  private counter: Nullable<TextareaCounterRef>;\n  private layoutEvents: Nullable<{ remove: () => void }>;\n  private textareaObserver = globalObject.MutationObserver\n    ? new globalObject.MutationObserver(this.reflowCounter)\n    : null;\n  private setRootNode!: TSetRootNode;\n  private getAutoResizeThrottleWait(props: TextareaProps = this.props): number {\n    // NOTE: При отключении анимации остается эффект дергания при авто-ресайзе из-за троттлинга расчета высоты\n    // Поэтому выставляем таймаут троттла в ноль. Подробности - https://github.com/skbkontur/retail-ui/issues/2120\n    return this.isAnimationsDisabled(props) ? 0 : AUTORESIZE_THROTTLE_DEFAULT_WAIT;\n  }\n  private isAnimationsDisabled({ disableAnimations, extraRow }: TextareaProps = this.props): boolean {\n    return disableAnimations || !extraRow;\n  }\n\n  public componentDidMount() {\n    if (this.props.autoResize) {\n      this.autoResize();\n      this.layoutEvents = LayoutEvents.addListener(this.autoResize);\n    }\n\n    if (this.node && this.props.showLengthCounter && this.textareaObserver) {\n      this.textareaObserver.observe(this.node, { attributes: true });\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.layoutEvents) {\n      this.layoutEvents.remove();\n    }\n    if (this.props.showLengthCounter && this.textareaObserver) {\n      this.textareaObserver.disconnect();\n    }\n    this.cancelDelayedSelectAll();\n  }\n\n  public componentDidUpdate(prevProps: TextareaProps) {\n    if (this.getAutoResizeThrottleWait() !== this.getAutoResizeThrottleWait(prevProps)) {\n      this.autoResize.cancel();\n      this.autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());\n    }\n    const { rows, maxRows } = this.getProps();\n    if (\n      this.props.autoResize &&\n      (rows !== prevProps.rows || maxRows !== prevProps.maxRows || this.props.value !== prevProps.value)\n    ) {\n      this.autoResize();\n    }\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <EmotionConsumer>\n              {(emotion) => {\n                this.emotion = emotion;\n                return (\n                  <ThemeConsumer>\n                    {(theme) => {\n                      this.theme = theme;\n                      return (\n                        <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n                          {this.renderMain}\n                        </CommonWrapper>\n                      );\n                    }}\n                  </ThemeConsumer>\n                );\n              }}\n            </EmotionConsumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   * @param {number} start\n   * @param {number} end\n   */\n  public setSelectionRange = (start: number, end: number) => {\n    if (!this.node) {\n      throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\n    }\n\n    if (globalObject.document?.activeElement !== this.node) {\n      this.focus();\n    }\n\n    this.node.setSelectionRange(start, end);\n  };\n\n  /**\n   * @public\n   */\n  public selectAll = () => {\n    if (this.node) {\n      this.setSelectionRange(0, this.node.value.length);\n    }\n  };\n\n  private delaySelectAll = (): number | null =>\n    (this.selectAllId = globalObject.requestAnimationFrame?.(this.selectAll) ?? null);\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      globalObject.cancelAnimationFrame?.(this.selectAllId);\n      this.selectAllId = null;\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<TextareaProps>) => {\n    const {\n      width = DEFAULT_WIDTH,\n      error,\n      warning,\n      size,\n      autoResize,\n      resize,\n      onCut,\n      onPaste,\n      maxRows,\n      onFocus,\n      selectAllOnFocus,\n      placeholder,\n      onValueChange,\n      showLengthCounter,\n      lengthCounter,\n      counterHelp,\n      extraRow,\n      disableAnimations,\n      disabled,\n      ...textareaProps\n    } = props;\n\n    const { isCounterVisible } = this.state;\n\n    const rootProps = {\n      style: {\n        width,\n      },\n    };\n\n    const styles = getStyles(this.emotion);\n    const textareaClassNames = this.emotion.cx(this.getTextareaSizeClassName(), {\n      [styles.textarea(this.theme)]: true,\n      [styles.hovering(this.theme)]: !error && !warning,\n      [styles.disabled(this.theme)]: disabled,\n      [styles.error(this.theme)]: !!error,\n      [styles.warning(this.theme)]: !!warning,\n      [styles.disableAnimations()]: this.isAnimationsDisabled(),\n    });\n\n    const textareaStyle = {\n      resize: autoResize ? 'none' : resize,\n    };\n\n    let placeholderPolyfill = null;\n\n    if (this.state.needsPolyfillPlaceholder && !textareaProps.value && !textareaProps.defaultValue) {\n      placeholderPolyfill = <span className={styles.placeholder()}>{placeholder}</span>;\n    }\n\n    let fakeTextarea = null;\n    if (autoResize) {\n      const fakeProps = {\n        value: this.props.value,\n        defaultValue: this.props.defaultValue,\n        className: this.emotion.cx(textareaClassNames, styles.fake()),\n        readOnly: true,\n      };\n      fakeTextarea = <textarea {...fakeProps} ref={this.refFake} />;\n    }\n\n    const counter = showLengthCounter && isCounterVisible && this.node && (\n      <TextareaCounter\n        textarea={this.node}\n        size={this.getProps().size}\n        help={counterHelp}\n        value={textareaProps.value}\n        length={textareaProps.maxLength ?? lengthCounter ?? 0}\n        onCloseHelp={this.handleCloseCounterHelp}\n        ref={this.refCounter}\n      />\n    );\n\n    const Component =\n      this.featureFlags.textareaUseSafari17Workaround && isSafari17 ? TextareaWithSafari17Workaround : 'textarea';\n\n    return (\n      <RenderLayer\n        onFocusOutside={this.handleCloseCounterHelp}\n        onClickOutside={this.handleCloseCounterHelp}\n        active={this.state.isCounterVisible}\n      >\n        <label\n          data-tid={TextareaDataTids.root}\n          {...rootProps}\n          className={this.emotion.cx(this.getRootSizeClassName(), {\n            [styles.root()]: true,\n          })}\n        >\n          {placeholderPolyfill}\n          <ResizeDetector onResize={this.reflowCounter}>\n            <Component\n              {...textareaProps}\n              className={textareaClassNames}\n              style={textareaStyle}\n              placeholder={!placeholderPolyfill ? placeholder : undefined}\n              ref={this.ref}\n              onChange={this.handleChange}\n              onCut={this.handleCut}\n              onPaste={this.handlePaste}\n              onFocus={this.handleFocus}\n              onKeyDown={this.handleKeyDown}\n              disabled={disabled}\n            >\n              {this.props.children}\n            </Component>\n          </ResizeDetector>\n          {fakeTextarea}\n          {counter}\n        </label>\n      </RenderLayer>\n    );\n  };\n\n  private handleCloseCounterHelp = () => this.setState({ isCounterVisible: false });\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    // Edge bug: textarea maxlength doesn't work after new line\n    // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18833616/\n    const value = this.props.value !== undefined ? this.props.value.toString() : null;\n    const isBlockEnter = isKeyEnter(e) && value !== null && value.length === this.props.maxLength;\n\n    if (isBlockEnter) {\n      e.preventDefault();\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n  };\n\n  private handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    if (needsPolyfillPlaceholder) {\n      const fieldIsEmpty = e.target.value === '';\n\n      if (this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {\n        this.setState({ needsPolyfillPlaceholder: fieldIsEmpty });\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(e.target.value);\n    }\n\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(e);\n    }\n\n    this.reflowCounter();\n  };\n\n  private ref = (element: HTMLTextAreaElement) => {\n    this.node = element;\n  };\n\n  private refFake = (element: HTMLTextAreaElement) => {\n    this.fakeNode = element;\n  };\n\n  private refCounter = (ref: TextareaCounterRef | null) => {\n    this.counter = ref;\n  };\n\n  private autoResizeHandler = () => {\n    const fakeNode = this.fakeNode;\n    if (!fakeNode) {\n      return;\n    }\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n    if (this.props.value === undefined) {\n      fakeNode.value = node.value;\n    }\n\n    const { rows, maxRows } = this.getProps();\n    if (rows === undefined || maxRows === undefined) {\n      return;\n    }\n\n    const { height, exceededMaxHeight } =\n      getTextAreaHeight({\n        node: fakeNode,\n        minRows: typeof rows === 'number' ? rows : parseInt(rows, 10),\n        maxRows: typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),\n        extraRow: this.getProps().extraRow,\n      }) || {};\n\n    if (height === undefined || exceededMaxHeight === undefined) {\n      return;\n    }\n\n    node.style.height = height + 'px';\n    node.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\n    fakeNode.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\n  };\n\n  private autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());\n\n  private handleCut = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onCut) {\n      this.props.onCut(event);\n    }\n\n    this.reflowCounter();\n  };\n\n  private handlePaste = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onPaste) {\n      this.props.onPaste(event);\n    }\n\n    this.reflowCounter();\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({ isCounterVisible: true });\n\n    if (this.props.selectAllOnFocus) {\n      // https://github.com/facebook/react/issues/7769\n      this.node && !isIE11 ? this.selectAll() : this.delaySelectAll();\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n}\n"]}
+{"version":3,"sources":["Textarea.tsx"],"names":["React","PropTypes","throttle","globalObject","isKeyEnter","needsPolyfillPlaceholder","LayoutEvents","RenderLayer","ResizeDetector","isIE11","isSafari17","CommonWrapper","isTestEnv","EmotionConsumer","rootNode","createPropsGetter","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","ThemeContext","getTextAreaHeight","getStyles","TextareaCounter","TextareaWithSafari17Workaround","DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","TextareaDataTids","root","counter","helpIcon","Textarea","getProps","defaultProps","state","isCounterVisible","reflowCounter","reflow","selectAllId","textareaObserver","MutationObserver","setSelectionRange","start","end","node","Error","document","activeElement","focus","selectAll","value","length","delaySelectAll","requestAnimationFrame","cancelDelayedSelectAll","cancelAnimationFrame","renderMain","props","width","error","warning","size","autoResize","resize","onCut","onPaste","maxRows","onFocus","selectAllOnFocus","placeholder","onValueChange","showLengthCounter","lengthCounter","counterHelp","extraRow","disableAnimations","disabled","textareaProps","rootProps","style","styles","emotion","textareaClassNames","cx","getTextareaSizeClassName","textarea","theme","hovering","isAnimationsDisabled","textareaStyle","placeholderPolyfill","defaultValue","fakeTextarea","fakeProps","className","fake","readOnly","refFake","maxLength","handleCloseCounterHelp","refCounter","Component","featureFlags","textareaUseSafari17Workaround","getRootSizeClassName","undefined","ref","handleChange","handleCut","handlePaste","handleFocus","handleKeyDown","children","setState","e","toString","isBlockEnter","preventDefault","onKeyDown","fieldIsEmpty","target","onChange","element","fakeNode","autoResizeHandler","rows","minRows","parseInt","height","exceededMaxHeight","overflowY","getAutoResizeThrottleWait","event","rootLarge","rootMedium","rootSmall","textareaLarge","textareaMedium","textareaSmall","componentDidMount","layoutEvents","addListener","observe","attributes","componentWillUnmount","remove","disconnect","componentDidUpdate","prevProps","cancel","render","flags","setRootNode","blur","__KONTUR_REACT_UI__","displayName","propTypes","bool","oneOfType","string","number","id","name","title","spellCheck","role","tabIndex","func","onMouseEnter","onMouseLeave","onMouseOver","onMouseMove","onMouseOut","onMouseUp","onMouseDown","onClick","onDoubleClick","onKeyPress","onKeyUp","onInput","onBlur","onScroll","onWheel","onCopy"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { AriaAttributes, ReactNode } from 'react';\nimport PropTypes from 'prop-types';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { isIE11, isSafari17 } from '../../lib/client';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport {\n  getFullReactUIFlagsContext,\n  ReactUIFeatureFlags,\n  ReactUIFeatureFlagsContext,\n} from '../../lib/featureFlagsContext';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getTextAreaHeight } from './TextareaHelpers';\nimport { getStyles } from './Textarea.styles';\nimport { TextareaCounter, TextareaCounterRef } from './TextareaCounter';\nimport { TextareaWithSafari17Workaround } from './TextareaWithSafari17Workaround';\n\n/**\n * @deprecated use SizeProp\n */\nexport type TextareaSize = SizeProp;\n\nconst DEFAULT_WIDTH = 250;\nconst AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;\n\nexport interface TextareaProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n      {\n        /**\n         * Состояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Состояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /** Не активное состояние */\n        disabled?: boolean;\n        /** Размер */\n        size?: SizeProp;\n        /**\n         * Автоматический ресайз\n         * в зависимости от содержимого\n         */\n        autoResize?: boolean;\n        /**\n         * Число строк\n         */\n        rows?: number;\n        /**\n         * Максимальное число строк при\n         * автоматическом ресайзе\n         */\n        maxRows?: string | number;\n\n        /**\n         * Стандартный ресайз\n         * Попадает в `style`\n         */\n        resize?: React.CSSProperties['resize'];\n\n        /**\n         * Ширина\n         */\n        width?: React.CSSProperties['width'];\n\n        /**\n         * Вызывается при изменении `value`\n         */\n        onValueChange?: (value: string) => void;\n\n        /** Выделение значения при фокусе */\n        selectAllOnFocus?: boolean;\n\n        /** Показывать счетчик символов */\n        showLengthCounter?: boolean;\n\n        /** Допустимое количество символов в поле. Отображается в счетчике.\n         * Если не указано, равно `maxLength`\n         */\n        lengthCounter?: number;\n\n        /** Подсказка к счетчику символов.\n         *\n         * По умолчанию - тултип с содержимым из пропа, если передан`ReactNode`.\n         *\n         * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,\n         *\n         * ```\n         * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}\n         * ```\n         * */\n        counterHelp?: ReactNode | (() => ReactNode);\n\n        /** Добавлять дополнительную свободную строку при авто-ресайзе.\n         * @see https://guides.kontur.ru/components/textarea/#04\n         * */\n        extraRow?: boolean;\n\n        /** Отключать анимацию при авто-ресайзе.\n         * Автоматически отключается когда в `extraRow` передан `false`.\n         */\n        disableAnimations?: boolean;\n      }\n    > {}\n\nexport interface TextareaState {\n  needsPolyfillPlaceholder: boolean;\n  isCounterVisible: boolean;\n}\n\nexport const TextareaDataTids = {\n  root: 'Textarea__root',\n  counter: 'TextareaCounter__root',\n  helpIcon: 'TextareaCounter__helpIcon',\n} as const;\n\ntype DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow' | 'disableAnimations' | 'size'>>;\n\n/**\n * Компонент для ввода многострочного текста.\n *\n * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\n *\n * ** `className` и `style`  игнорируются**\n */\n@rootNode\nexport class Textarea extends React.Component<TextareaProps, TextareaState> {\n  public static __KONTUR_REACT_UI__ = 'Textarea';\n  public static displayName = 'Textarea';\n\n  public static propTypes = {\n    error: PropTypes.bool,\n    warning: PropTypes.bool,\n    disabled: PropTypes.bool,\n\n    autoResize: PropTypes.bool,\n    extraRow: PropTypes.bool,\n    disableAnimations: PropTypes.bool,\n    maxRows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    resize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    id: PropTypes.string,\n    name: PropTypes.string,\n    title: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    role: PropTypes.string,\n    maxLength: PropTypes.number,\n    tabIndex: PropTypes.number,\n    rows: PropTypes.number,\n    placeholder: PropTypes.string,\n\n    value: PropTypes.string,\n    defaultValue: PropTypes.string,\n    onValueChange: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n    onMouseMove: PropTypes.func,\n    onMouseOut: PropTypes.func,\n\n    onMouseUp: PropTypes.func,\n    onMouseDown: PropTypes.func,\n    onClick: PropTypes.func,\n    onDoubleClick: PropTypes.func,\n\n    onKeyDown: PropTypes.func,\n    onKeyPress: PropTypes.func,\n    onKeyUp: PropTypes.func,\n    onInput: PropTypes.func,\n\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n\n    onScroll: PropTypes.func,\n    onWheel: PropTypes.func,\n\n    onCut: PropTypes.func,\n    onPaste: PropTypes.func,\n    onCopy: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    rows: 3,\n    maxRows: 15,\n    extraRow: true,\n    size: 'small',\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(Textarea.defaultProps);\n  private featureFlags!: ReactUIFeatureFlags;\n\n  private getRootSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getTextareaSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.textareaLarge(this.theme);\n      case 'medium':\n        return styles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return styles.textareaSmall(this.theme);\n    }\n  }\n\n  public state = {\n    needsPolyfillPlaceholder,\n    isCounterVisible: false,\n  };\n  private reflowCounter = () => {\n    if (this.counter) {\n      this.counter.reflow();\n    }\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private selectAllId: number | null = null;\n  private node: Nullable<HTMLTextAreaElement>;\n  private fakeNode: Nullable<HTMLTextAreaElement>;\n  private counter: Nullable<TextareaCounterRef>;\n  private layoutEvents: Nullable<{ remove: () => void }>;\n  private textareaObserver = globalObject.MutationObserver\n    ? new globalObject.MutationObserver(this.reflowCounter)\n    : null;\n  private setRootNode!: TSetRootNode;\n  private getAutoResizeThrottleWait(props: TextareaProps = this.props): number {\n    // NOTE: При отключении анимации остается эффект дергания при авто-ресайзе из-за троттлинга расчета высоты\n    // Поэтому выставляем таймаут троттла в ноль. Подробности - https://github.com/skbkontur/retail-ui/issues/2120\n    return this.isAnimationsDisabled(props) ? 0 : AUTORESIZE_THROTTLE_DEFAULT_WAIT;\n  }\n  private isAnimationsDisabled({ disableAnimations, extraRow }: TextareaProps = this.props): boolean {\n    return disableAnimations || !extraRow;\n  }\n\n  public componentDidMount() {\n    if (this.props.autoResize) {\n      this.autoResize();\n      this.layoutEvents = LayoutEvents.addListener(this.autoResize);\n    }\n\n    if (this.node && this.props.showLengthCounter && this.textareaObserver) {\n      this.textareaObserver.observe(this.node, { attributes: true });\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.layoutEvents) {\n      this.layoutEvents.remove();\n    }\n    if (this.props.showLengthCounter && this.textareaObserver) {\n      this.textareaObserver.disconnect();\n    }\n    this.cancelDelayedSelectAll();\n  }\n\n  public componentDidUpdate(prevProps: TextareaProps) {\n    if (this.getAutoResizeThrottleWait() !== this.getAutoResizeThrottleWait(prevProps)) {\n      this.autoResize.cancel();\n      this.autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());\n    }\n    const { rows, maxRows } = this.getProps();\n    if (\n      this.props.autoResize &&\n      (rows !== prevProps.rows || maxRows !== prevProps.maxRows || this.props.value !== prevProps.value)\n    ) {\n      this.autoResize();\n    }\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <EmotionConsumer>\n              {(emotion) => {\n                this.emotion = emotion;\n                return (\n                  <ThemeContext.Consumer>\n                    {(theme) => {\n                      this.theme = theme;\n                      return (\n                        <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n                          {this.renderMain}\n                        </CommonWrapper>\n                      );\n                    }}\n                  </ThemeContext.Consumer>\n                );\n              }}\n            </EmotionConsumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   * @param {number} start\n   * @param {number} end\n   */\n  public setSelectionRange = (start: number, end: number) => {\n    if (!this.node) {\n      throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\n    }\n\n    if (globalObject.document?.activeElement !== this.node) {\n      this.focus();\n    }\n\n    this.node.setSelectionRange(start, end);\n  };\n\n  /**\n   * @public\n   */\n  public selectAll = () => {\n    if (this.node) {\n      this.setSelectionRange(0, this.node.value.length);\n    }\n  };\n\n  private delaySelectAll = (): number | null =>\n    (this.selectAllId = globalObject.requestAnimationFrame?.(this.selectAll) ?? null);\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      globalObject.cancelAnimationFrame?.(this.selectAllId);\n      this.selectAllId = null;\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<TextareaProps>) => {\n    const {\n      width = DEFAULT_WIDTH,\n      error,\n      warning,\n      size,\n      autoResize,\n      resize,\n      onCut,\n      onPaste,\n      maxRows,\n      onFocus,\n      selectAllOnFocus,\n      placeholder,\n      onValueChange,\n      showLengthCounter,\n      lengthCounter,\n      counterHelp,\n      extraRow,\n      disableAnimations,\n      disabled,\n      ...textareaProps\n    } = props;\n\n    const { isCounterVisible } = this.state;\n\n    const rootProps = {\n      style: {\n        width,\n      },\n    };\n\n    const styles = getStyles(this.emotion);\n    const textareaClassNames = this.emotion.cx(this.getTextareaSizeClassName(), {\n      [styles.textarea(this.theme)]: true,\n      [styles.hovering(this.theme)]: !error && !warning,\n      [styles.disabled(this.theme)]: disabled,\n      [styles.error(this.theme)]: !!error,\n      [styles.warning(this.theme)]: !!warning,\n      [styles.disableAnimations()]: this.isAnimationsDisabled(),\n    });\n\n    const textareaStyle = {\n      resize: autoResize ? 'none' : resize,\n    };\n\n    let placeholderPolyfill = null;\n\n    if (this.state.needsPolyfillPlaceholder && !textareaProps.value && !textareaProps.defaultValue) {\n      placeholderPolyfill = <span className={styles.placeholder()}>{placeholder}</span>;\n    }\n\n    let fakeTextarea = null;\n    if (autoResize) {\n      const fakeProps = {\n        value: this.props.value,\n        defaultValue: this.props.defaultValue,\n        className: this.emotion.cx(textareaClassNames, styles.fake()),\n        readOnly: true,\n      };\n      fakeTextarea = <textarea {...fakeProps} ref={this.refFake} />;\n    }\n\n    const counter = showLengthCounter && isCounterVisible && this.node && (\n      <TextareaCounter\n        textarea={this.node}\n        size={this.getProps().size}\n        help={counterHelp}\n        value={textareaProps.value}\n        length={textareaProps.maxLength ?? lengthCounter ?? 0}\n        onCloseHelp={this.handleCloseCounterHelp}\n        ref={this.refCounter}\n      />\n    );\n\n    const Component =\n      this.featureFlags.textareaUseSafari17Workaround && isSafari17 ? TextareaWithSafari17Workaround : 'textarea';\n\n    return (\n      <RenderLayer\n        onFocusOutside={this.handleCloseCounterHelp}\n        onClickOutside={this.handleCloseCounterHelp}\n        active={this.state.isCounterVisible}\n      >\n        <label\n          data-tid={TextareaDataTids.root}\n          {...rootProps}\n          className={this.emotion.cx(this.getRootSizeClassName(), {\n            [styles.root()]: true,\n          })}\n        >\n          {placeholderPolyfill}\n          <ResizeDetector onResize={this.reflowCounter}>\n            <Component\n              {...textareaProps}\n              className={textareaClassNames}\n              style={textareaStyle}\n              placeholder={!placeholderPolyfill ? placeholder : undefined}\n              ref={this.ref}\n              onChange={this.handleChange}\n              onCut={this.handleCut}\n              onPaste={this.handlePaste}\n              onFocus={this.handleFocus}\n              onKeyDown={this.handleKeyDown}\n              disabled={disabled}\n            >\n              {this.props.children}\n            </Component>\n          </ResizeDetector>\n          {fakeTextarea}\n          {counter}\n        </label>\n      </RenderLayer>\n    );\n  };\n\n  private handleCloseCounterHelp = () => this.setState({ isCounterVisible: false });\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    // Edge bug: textarea maxlength doesn't work after new line\n    // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18833616/\n    const value = this.props.value !== undefined ? this.props.value.toString() : null;\n    const isBlockEnter = isKeyEnter(e) && value !== null && value.length === this.props.maxLength;\n\n    if (isBlockEnter) {\n      e.preventDefault();\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n  };\n\n  private handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    if (needsPolyfillPlaceholder) {\n      const fieldIsEmpty = e.target.value === '';\n\n      if (this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {\n        this.setState({ needsPolyfillPlaceholder: fieldIsEmpty });\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(e.target.value);\n    }\n\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(e);\n    }\n\n    this.reflowCounter();\n  };\n\n  private ref = (element: HTMLTextAreaElement) => {\n    this.node = element;\n  };\n\n  private refFake = (element: HTMLTextAreaElement) => {\n    this.fakeNode = element;\n  };\n\n  private refCounter = (ref: TextareaCounterRef | null) => {\n    this.counter = ref;\n  };\n\n  private autoResizeHandler = () => {\n    const fakeNode = this.fakeNode;\n    if (!fakeNode) {\n      return;\n    }\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n    if (this.props.value === undefined) {\n      fakeNode.value = node.value;\n    }\n\n    const { rows, maxRows } = this.getProps();\n    if (rows === undefined || maxRows === undefined) {\n      return;\n    }\n\n    const { height, exceededMaxHeight } =\n      getTextAreaHeight({\n        node: fakeNode,\n        minRows: typeof rows === 'number' ? rows : parseInt(rows, 10),\n        maxRows: typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),\n        extraRow: this.getProps().extraRow,\n      }) || {};\n\n    if (height === undefined || exceededMaxHeight === undefined) {\n      return;\n    }\n\n    node.style.height = height + 'px';\n    node.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\n    fakeNode.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\n  };\n\n  private autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());\n\n  private handleCut = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onCut) {\n      this.props.onCut(event);\n    }\n\n    this.reflowCounter();\n  };\n\n  private handlePaste = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onPaste) {\n      this.props.onPaste(event);\n    }\n\n    this.reflowCounter();\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({ isCounterVisible: true });\n\n    if (this.props.selectAllOnFocus) {\n      // https://github.com/facebook/react/issues/7769\n      this.node && !isIE11 ? this.selectAll() : this.delaySelectAll();\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n}\n"]}

package/components/Toast/Toast/Toast.js

@@ -12,7 +12,7 @@ import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { rootNode } from "../../../lib/rootNode";
 import { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { ThemeConsumer, ThemeProvider } from "../../../lib/theming/ThemeContext";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { getStyles } from "../Toast.styles";
 import { ToastView } from "../ToastView";
 import { ToastStatic } from "../ToastStatic";
@@ -106,9 +106,9 @@ export var Toast = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
 
     return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
       _this2.emotion = emotion;
-      return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
         _this2.theme = _this2.props.theme ? ThemeFactory.create(_this2.props.theme, theme) : theme;
-        return /*#__PURE__*/React.createElement(ThemeProvider, {
+        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
           value: _this2.theme
         }, /*#__PURE__*/React.createElement(RenderContainer, null, /*#__PURE__*/React.createElement(TransitionGroup, null, _this2._renderToast())));
       });

package/components/Toast/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Toast.tsx"],"names":["React","CSSTransition","TransitionGroup","globalObject","ThemeFactory","RenderContainer","CommonWrapper","isTestEnv","rootNode","EmotionConsumer","ThemeConsumer","ThemeProvider","getStyles","ToastView","ToastStatic","ToastDataTids","toastStatic","toastView","action","close","Toast","push","notification","showTime","props","rootRef","createRef","safelyCall","onClose","state","setState","setRootRef","element","setRootNode","current","_clearTimer","_timeout","clearTimeout","_setTimer","setTimeout","_refToast","_toast","id","componentWillUnmount","render","emotion","theme","create","_renderToast","onPush","toastProps","onMouseEnter","onMouseLeave","children","styles","enter","enterActive","exit","exitActive","Component","__KONTUR_REACT_UI__","displayName","fn","args"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { ThemeConsumer, ThemeProvider } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './Toast.styles';\nimport { ToastView, ToastViewProps } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n  label: string;\n  handler: () => void;\n  'aria-label'?: string;\n}\n\nexport interface ToastState {\n  notification: Nullable<string>;\n  action: Nullable<Action>;\n  id: number;\n  showTime: Nullable<number>;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  onPush?: (notification: string, action?: Action) => void;\n  onClose?: (notification: string, action?: Action) => void;\n  /**\n   * Обычный объект с переменными темы.\n   * Он будет объединён с темой из контекста.\n   */\n  theme?: ThemeIn;\n}\n\nexport const ToastDataTids = {\n  toastStatic: 'StaticToast',\n  toastView: 'ToastView__root',\n  action: 'ToastView__action',\n  close: 'ToastView__close',\n} as const;\n\n/**\n * Показывает уведомления.\n *\n * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.\n * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.\n *\n * Для статических тостов <u>рекомендуется</u> использовать компонент [SingleToast](https://tech.skbkontur.ru/react-ui/#/Components/SingleToast) - в нём исправлены эти проблемы.\n *\n */\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n  public static __KONTUR_REACT_UI__ = 'Toast';\n  public static displayName = 'Toast';\n\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n  private emotion!: Emotion;\n\n  public static push(notification: string, action?: Nullable<Action>, showTime?: number) {\n    ToastStatic.push(notification, action, showTime);\n  }\n\n  public static close() {\n    ToastStatic.close();\n  }\n\n  public _toast: Nullable<ToastView>;\n  private _timeout: SafeTimer;\n  private rootRef = React.createRef<HTMLElement>();\n\n  constructor(props: ToastProps) {\n    super(props);\n    this.state = {\n      notification: null,\n      action: null,\n      id: 0,\n      showTime: null,\n    };\n  }\n\n  public componentWillUnmount() {\n    this._clearTimer();\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeConsumer>\n              {(theme) => {\n                this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n                return (\n                  <ThemeProvider value={this.theme}>\n                    <RenderContainer>\n                      <TransitionGroup>{this._renderToast()}</TransitionGroup>\n                    </RenderContainer>\n                  </ThemeProvider>\n                );\n              }}\n            </ThemeConsumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action`.\n   * Время показа можно задать вручную, передав `showTime`.\n   *\n   * @public\n   * @param {string} notification\n   * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`\n   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\n   * @param {number} showTime Время существования Toast в миллисекундах\n   */\n  public push(notification: string, action?: Nullable<Action>, showTime?: number) {\n    if (this.state.notification) {\n      this.close();\n    }\n\n    safelyCall(this.props.onPush, notification, action);\n\n    this.setState(({ id }) => ({ notification, action, id: id + 1, showTime }), this._setTimer);\n  }\n\n  /**\n   * @public\n   */\n  public close = () => {\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\n    this.setState({ notification: null, action: null });\n  };\n\n  private _renderToast() {\n    const { notification, action, id } = this.state;\n\n    if (!notification) {\n      return null;\n    }\n\n    const toastProps: ToastViewProps = {\n      onMouseEnter: this._clearTimer,\n      onMouseLeave: this._setTimer,\n      onClose: this.close,\n      children: notification,\n      'aria-label': this.props['aria-label'],\n      action,\n    };\n    const styles = getStyles(this.emotion);\n\n    return (\n      <CSSTransition\n        key={id}\n        classNames={{\n          enter: styles.enter(),\n          enterActive: styles.enterActive(),\n          exit: styles.exit(),\n          exitActive: styles.exitActive(),\n        }}\n        timeout={{\n          enter: 200,\n          exit: 150,\n        }}\n        enter={!isTestEnv}\n        exit={!isTestEnv}\n        nodeRef={this.rootRef}\n      >\n        <CommonWrapper rootNodeRef={this.setRootRef} {...this.props}>\n          <ToastView ref={this._refToast} {...toastProps} />\n        </CommonWrapper>\n      </CSSTransition>\n    );\n  }\n\n  private setRootRef = (element: Nullable<Element>) => {\n    this.setRootNode(element);\n    // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.\n    this.rootRef.current = element;\n  };\n\n  private _clearTimer = () => {\n    if (this._timeout) {\n      globalObject.clearTimeout(this._timeout);\n      this._timeout = null;\n    }\n  };\n\n  private _setTimer = () => {\n    this._clearTimer();\n\n    let showTime = this.state.action ? 7000 : 3000;\n    showTime = this.state.showTime ?? showTime;\n    this._timeout = globalObject.setTimeout(this.close, showTime);\n  };\n\n  private _refToast = (element: ToastView) => {\n    this._toast = element;\n  };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n  if (fn) {\n    fn(...args);\n  }\n}\n"]}
+{"version":3,"sources":["Toast.tsx"],"names":["React","CSSTransition","TransitionGroup","globalObject","ThemeFactory","RenderContainer","CommonWrapper","isTestEnv","rootNode","EmotionConsumer","ThemeContext","getStyles","ToastView","ToastStatic","ToastDataTids","toastStatic","toastView","action","close","Toast","push","notification","showTime","props","rootRef","createRef","safelyCall","onClose","state","setState","setRootRef","element","setRootNode","current","_clearTimer","_timeout","clearTimeout","_setTimer","setTimeout","_refToast","_toast","id","componentWillUnmount","render","emotion","theme","create","_renderToast","onPush","toastProps","onMouseEnter","onMouseLeave","children","styles","enter","enterActive","exit","exitActive","Component","__KONTUR_REACT_UI__","displayName","fn","args"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { Nullable } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './Toast.styles';\nimport { ToastView, ToastViewProps } from './ToastView';\nimport { ToastStatic } from './ToastStatic';\n\nexport interface Action {\n  label: string;\n  handler: () => void;\n  'aria-label'?: string;\n}\n\nexport interface ToastState {\n  notification: Nullable<string>;\n  action: Nullable<Action>;\n  id: number;\n  showTime: Nullable<number>;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  onPush?: (notification: string, action?: Action) => void;\n  onClose?: (notification: string, action?: Action) => void;\n  /**\n   * Обычный объект с переменными темы.\n   * Он будет объединён с темой из контекста.\n   */\n  theme?: ThemeIn;\n}\n\nexport const ToastDataTids = {\n  toastStatic: 'StaticToast',\n  toastView: 'ToastView__root',\n  action: 'ToastView__action',\n  close: 'ToastView__close',\n} as const;\n\n/**\n * Показывает уведомления.\n *\n * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.\n * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.\n *\n * Для статических тостов <u>рекомендуется</u> использовать компонент [SingleToast](https://tech.skbkontur.ru/react-ui/#/Components/SingleToast) - в нём исправлены эти проблемы.\n *\n */\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n  public static __KONTUR_REACT_UI__ = 'Toast';\n  public static displayName = 'Toast';\n\n  private setRootNode!: TSetRootNode;\n  private theme!: Theme;\n  private emotion!: Emotion;\n\n  public static push(notification: string, action?: Nullable<Action>, showTime?: number) {\n    ToastStatic.push(notification, action, showTime);\n  }\n\n  public static close() {\n    ToastStatic.close();\n  }\n\n  public _toast: Nullable<ToastView>;\n  private _timeout: SafeTimer;\n  private rootRef = React.createRef<HTMLElement>();\n\n  constructor(props: ToastProps) {\n    super(props);\n    this.state = {\n      notification: null,\n      action: null,\n      id: 0,\n      showTime: null,\n    };\n  }\n\n  public componentWillUnmount() {\n    this._clearTimer();\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n                return (\n                  <ThemeContext.Provider value={this.theme}>\n                    <RenderContainer>\n                      <TransitionGroup>{this._renderToast()}</TransitionGroup>\n                    </RenderContainer>\n                  </ThemeContext.Provider>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action`.\n   * Время показа можно задать вручную, передав `showTime`.\n   *\n   * @public\n   * @param {string} notification\n   * @param {Action} action `action` опциональный параметр формата `{ label: string, handler: function }`\n   * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler\n   * @param {number} showTime Время существования Toast в миллисекундах\n   */\n  public push(notification: string, action?: Nullable<Action>, showTime?: number) {\n    if (this.state.notification) {\n      this.close();\n    }\n\n    safelyCall(this.props.onPush, notification, action);\n\n    this.setState(({ id }) => ({ notification, action, id: id + 1, showTime }), this._setTimer);\n  }\n\n  /**\n   * @public\n   */\n  public close = () => {\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\n    this.setState({ notification: null, action: null });\n  };\n\n  private _renderToast() {\n    const { notification, action, id } = this.state;\n\n    if (!notification) {\n      return null;\n    }\n\n    const toastProps: ToastViewProps = {\n      onMouseEnter: this._clearTimer,\n      onMouseLeave: this._setTimer,\n      onClose: this.close,\n      children: notification,\n      'aria-label': this.props['aria-label'],\n      action,\n    };\n    const styles = getStyles(this.emotion);\n\n    return (\n      <CSSTransition\n        key={id}\n        classNames={{\n          enter: styles.enter(),\n          enterActive: styles.enterActive(),\n          exit: styles.exit(),\n          exitActive: styles.exitActive(),\n        }}\n        timeout={{\n          enter: 200,\n          exit: 150,\n        }}\n        enter={!isTestEnv}\n        exit={!isTestEnv}\n        nodeRef={this.rootRef}\n      >\n        <CommonWrapper rootNodeRef={this.setRootRef} {...this.props}>\n          <ToastView ref={this._refToast} {...toastProps} />\n        </CommonWrapper>\n      </CSSTransition>\n    );\n  }\n\n  private setRootRef = (element: Nullable<Element>) => {\n    this.setRootNode(element);\n    // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.\n    this.rootRef.current = element;\n  };\n\n  private _clearTimer = () => {\n    if (this._timeout) {\n      globalObject.clearTimeout(this._timeout);\n      this._timeout = null;\n    }\n  };\n\n  private _setTimer = () => {\n    this._clearTimer();\n\n    let showTime = this.state.action ? 7000 : 3000;\n    showTime = this.state.showTime ?? showTime;\n    this._timeout = globalObject.setTimeout(this.close, showTime);\n  };\n\n  private _refToast = (element: ToastView) => {\n    this._toast = element;\n  };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n  if (fn) {\n    fn(...args);\n  }\n}\n"]}

package/components/Toast/ToastView/ToastView.js

@@ -14,7 +14,7 @@ import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { rootNode } from "../../../lib/rootNode";
 import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
 import { CloseButtonIcon } from "../../../internal/CloseButtonIcon/CloseButtonIcon";
-import { ThemeConsumer } from "../../../lib/theming/ThemeContext";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { EmotionConsumer } from "../../../lib/theming/Emotion";
 import { getStyles } from "../ToastView.styles";
 import { ToastDataTids } from "../Toast";
@@ -88,7 +88,7 @@ export var ToastView = (_dec = locale('Toast', ToastLocaleHelper), rootNode(_cla
 
     return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
       _this2.emotion = emotion;
-      return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
         _this2.theme = theme;
         return /*#__PURE__*/React.createElement(CommonWrapper, _this2.props, _this2.renderMain);
       });

package/components/Toast/ToastView/ToastView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ToastView.tsx"],"names":["React","func","shape","string","locale","CrossIcon","ZIndex","CommonWrapper","rootNode","isTheme2022","CloseButtonIcon","ThemeConsumer","EmotionConsumer","getStyles","ToastDataTids","ToastLocaleHelper","ToastView","renderMain","props","action","onClose","rest","styles","emotion","link","theme","handler","label","close","closeWrapper","closeButtonAriaLabel","parseInt","toastCloseSize","toastCloseColor","toastCloseHoverColor","wrapper","toastView","root","setRootNode","children","render","Component","propTypes","isRequired"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { func, shape, string } from 'prop-types';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { ThemeConsumer } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './ToastView.styles';\nimport { Action, ToastDataTids } from './Toast';\nimport { ToastLocale, ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /**\n   * Toast content\n   */\n  children?: string;\n  /**\n   * Adds action handling and close icon for toast\n   */\n  action?: Nullable<Action>;\n  onClose?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}\n\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  public static propTypes = {\n    /**\n     * Adds action handling and close icon for toast\n     */\n    action: shape({\n      label: string.isRequired,\n      handler: func.isRequired,\n    }),\n    /**\n     * Toast content\n     */\n    children: string.isRequired,\n    onClose: func,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeConsumer>\n              {(theme) => {\n                this.theme = theme;\n                return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n              }}\n            </ThemeConsumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<ToastViewProps>) => {\n    const { action, onClose, ...rest } = props;\n    const styles = getStyles(this.emotion);\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={styles.link(this.theme)}\n        onClick={action.handler}\n      >\n        {action.label}\n      </button>\n    ) : null;\n\n    let close = action ? (\n      <span className={styles.closeWrapper(this.theme)}>\n        <span\n          aria-label={this.locale.closeButtonAriaLabel}\n          data-tid={ToastDataTids.close}\n          className={styles.close(this.theme)}\n          onClick={onClose}\n        >\n          <CrossIcon />\n        </span>\n      </span>\n    ) : null;\n\n    if (isTheme2022(this.theme) && close) {\n      close = (\n        <span className={styles.closeWrapper(this.theme)}>\n          <CloseButtonIcon\n            aria-label={this.locale.closeButtonAriaLabel}\n            data-tid={ToastDataTids.close}\n            onClick={onClose}\n            size={parseInt(this.theme.toastCloseSize)}\n            side={40}\n            color={this.theme.toastCloseColor}\n            colorHover={this.theme.toastCloseHoverColor}\n            tabbable={false}\n          />\n        </span>\n      );\n    }\n\n    return (\n      <ZIndex priority=\"Toast\" className={styles.wrapper(this.theme)}>\n        <div data-tid={ToastDataTids.toastView} {...rest} className={styles.root(this.theme)} ref={this.setRootNode}>\n          <span>{this.props.children}</span>\n          {link}\n          {close}\n        </div>\n      </ZIndex>\n    );\n  };\n}\n"]}
+{"version":3,"sources":["ToastView.tsx"],"names":["React","func","shape","string","locale","CrossIcon","ZIndex","CommonWrapper","rootNode","isTheme2022","CloseButtonIcon","ThemeContext","EmotionConsumer","getStyles","ToastDataTids","ToastLocaleHelper","ToastView","renderMain","props","action","onClose","rest","styles","emotion","link","theme","handler","label","close","closeWrapper","closeButtonAriaLabel","parseInt","toastCloseSize","toastCloseColor","toastCloseHoverColor","wrapper","toastView","root","setRootNode","children","render","Component","propTypes","isRequired"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport { func, shape, string } from 'prop-types';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './ToastView.styles';\nimport { Action, ToastDataTids } from './Toast';\nimport { ToastLocale, ToastLocaleHelper } from './locale';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /**\n   * Toast content\n   */\n  children?: string;\n  /**\n   * Adds action handling and close icon for toast\n   */\n  action?: Nullable<Action>;\n  onClose?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n}\n\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  public static propTypes = {\n    /**\n     * Adds action handling and close icon for toast\n     */\n    action: shape({\n      label: string.isRequired,\n      handler: func.isRequired,\n    }),\n    /**\n     * Toast content\n     */\n    children: string.isRequired,\n    onClose: func,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<ToastViewProps>) => {\n    const { action, onClose, ...rest } = props;\n    const styles = getStyles(this.emotion);\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={styles.link(this.theme)}\n        onClick={action.handler}\n      >\n        {action.label}\n      </button>\n    ) : null;\n\n    let close = action ? (\n      <span className={styles.closeWrapper(this.theme)}>\n        <span\n          aria-label={this.locale.closeButtonAriaLabel}\n          data-tid={ToastDataTids.close}\n          className={styles.close(this.theme)}\n          onClick={onClose}\n        >\n          <CrossIcon />\n        </span>\n      </span>\n    ) : null;\n\n    if (isTheme2022(this.theme) && close) {\n      close = (\n        <span className={styles.closeWrapper(this.theme)}>\n          <CloseButtonIcon\n            aria-label={this.locale.closeButtonAriaLabel}\n            data-tid={ToastDataTids.close}\n            onClick={onClose}\n            size={parseInt(this.theme.toastCloseSize)}\n            side={40}\n            color={this.theme.toastCloseColor}\n            colorHover={this.theme.toastCloseHoverColor}\n            tabbable={false}\n          />\n        </span>\n      );\n    }\n\n    return (\n      <ZIndex priority=\"Toast\" className={styles.wrapper(this.theme)}>\n        <div data-tid={ToastDataTids.toastView} {...rest} className={styles.root(this.theme)} ref={this.setRootNode}>\n          <span>{this.props.children}</span>\n          {link}\n          {close}\n        </div>\n      </ZIndex>\n    );\n  };\n}\n"]}

package/components/Toggle/Toggle/Toggle.js

@@ -14,7 +14,7 @@ import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
 import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
-import { ThemeConsumer } from "../../../lib/theming/ThemeContext";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { getStyles, globalClasses } from "../Toggle.styles";
 /**
  * @deprecated use SizeProp
@@ -115,7 +115,7 @@ var Toggle = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$
 
     return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
       _this2.emotion = emotion;
-      return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
         _this2.theme = theme;
         return _this2.renderMain();
       });

package/components/Toggle/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Toggle.tsx"],"names":["React","PropTypes","warning","keyListener","CommonWrapper","EmotionConsumer","rootNode","createPropsGetter","isTestEnv","isTheme2022","FocusControlWrapper","ThemeConsumer","getStyles","globalClasses","colorWarningShown","ToggleDataTids","root","Toggle","props","getProps","defaultProps","input","focus","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","resetFocus","handleBlur","onBlur","state","defaultChecked","componentDidMount","autoFocus","render","emotion","theme","renderMain","getContainerSizeClassName","styles","size","containerLarge","containerMedium","containerSmall","getHandleSizeClassName","handleLarge","handleMedium","handleSmall","getButtonSizeClassName","buttonLarge","buttonMedium","buttonSmall","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getInputSizeClassName","inputLarge","inputMedium","inputSmall","getActiveHandleSizeClassName","activeHandleLarge","activeHandleMedium","activeHandleSmall","getCaptionSizeClassName","captionLarge","captionMedium","captionSmall","children","error","color","id","ariaDescribedby","ariaLabel","loading","captionPosition","disableAnimations","disabled","containerClassNames","cx","container","containerDisabled","containerLoading","labelClassNames","rootLeft","disableAnimation","caption","captionClass","captionLeft","disabledCaption","setRootNode","button","buttonRight","isWarning","isError","focused","input2022","backgroundColor","boxShadow","undefined","activeBackground","background","activeBackgroundLoading","disabledBackground","handle","handleDisabled","Component","__KONTUR_REACT_UI__","displayName","propTypes","bool","func"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport warning from 'warning';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { keyListener } from '../../lib/events/keyListener';\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 { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { ThemeConsumer } from '../../lib/theming/ThemeContext';\n\nimport { getStyles, globalClasses } from './Toggle.styles';\n\n/**\n * @deprecated use SizeProp\n */\nexport type ToggleSize = SizeProp;\n\nlet colorWarningShown = false;\n\nexport interface ToggleProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, CommonProps {\n  children?: React.ReactNode;\n  /**\n   * Положение `children` относительно переключателя.\n   * @default 'right'\n   */\n  captionPosition?: 'left' | 'right';\n  /**\n   * Состояние `тогла`, если `true` - `тогл` будет включён, иначе выключен.\n   * @default false\n   */\n  checked?: boolean;\n  /**\n   * Делает `тогл` включенным по умолчанию.\n   */\n  defaultChecked?: boolean;\n  /**\n   * Отключает `тогл`.\n   */\n  disabled?: boolean;\n  /**\n   * Событие вызывающееся, когда значение `тогла` меняется, передаёт текущее значение тогла в переданную функцию.\n   */\n  onValueChange?: (value: boolean) => void;\n  /**\n   * Событие вызывающееся при клике на `тогл`.\n   */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Состояние валидации при предупреждении.\n   * @default false\n   */\n  warning?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   * @default false\n   */\n  error?: boolean;\n  /**\n   * Добавляет стили для состояния `loading` и отключает `тогл`.\n   */\n  loading?: boolean;\n  /**\n   * Если true, выставляет фокус на `тогле` после загрузки страницы.\n   */\n  autoFocus?: boolean;\n  /** Размер */\n  size?: SizeProp;\n  /**\n   * Событие вызывающееся, когда `тогл` получает фокус.\n   */\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  /**\n   * Событие вызывающееся, когда `тогл` теряет фокус.\n   */\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  /**\n   * @deprecated используйте переменную темы `toggleBgChecked` вместо этого пропа.\n   */\n  color?: React.CSSProperties['color'];\n  /**\n   * HTML-атрибут `id` для передачи во внутренний `<input />`.\n   */\n  id?: string;\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations?: boolean;\n}\n\nexport interface ToggleState {\n  checked?: boolean;\n  focusByTab?: boolean;\n}\n\nexport const ToggleDataTids = {\n  root: 'Toggle__root',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<ToggleProps, 'disabled' | 'loading' | 'captionPosition' | 'disableAnimations' | 'size'>\n>;\n\n/**\n * _Примечание:_ под тоглом понимается полный компонент т.е. надпись + переключатель, а не просто переключатель.\n */\n@rootNode\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\n  public static __KONTUR_REACT_UI__ = 'Toggle';\n  public static displayName = 'Toggle';\n\n  public static propTypes = {\n    checked: PropTypes.bool,\n    defaultChecked: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    loading: PropTypes.bool,\n    warning: PropTypes.bool,\n    onValueChange: PropTypes.func,\n    color: (props: ToggleProps) => {\n      if (props.color && !colorWarningShown) {\n        warning(false, `[Toggle]: prop 'color' is deprecated. Please, use theme variable 'toggleBgChecked' instead. `);\n        colorWarningShown = true;\n      }\n    },\n  };\n\n  public static defaultProps: DefaultProps = {\n    disabled: false,\n    loading: false,\n    captionPosition: 'right',\n    disableAnimations: isTestEnv,\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(Toggle.defaultProps);\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private input: HTMLInputElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ToggleProps) {\n    super(props);\n\n    this.state = {\n      focusByTab: false,\n      checked: props.defaultChecked,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      keyListener.isTabPressed = true;\n      this.input.focus();\n    }\n  };\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeConsumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeConsumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private getContainerSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.containerLarge(this.theme);\n      case 'medium':\n        return styles.containerMedium(this.theme);\n      case 'small':\n      default:\n        return styles.containerSmall(this.theme);\n    }\n  }\n\n  private getHandleSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.handleLarge(this.theme);\n      case 'medium':\n        return styles.handleMedium(this.theme);\n      case 'small':\n      default:\n        return styles.handleSmall(this.theme);\n    }\n  }\n\n  private getButtonSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.buttonLarge(this.theme);\n      case 'medium':\n        return styles.buttonMedium(this.theme);\n      case 'small':\n      default:\n        return styles.buttonSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getInputSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.inputLarge(this.theme);\n      case 'medium':\n        return styles.inputMedium(this.theme);\n      case 'small':\n      default:\n        return styles.inputSmall(this.theme);\n    }\n  }\n\n  private getActiveHandleSizeClassName() {\n    if (isTheme2022(this.theme)) {\n      return '';\n    }\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.activeHandleLarge(this.theme);\n      case 'medium':\n        return styles.activeHandleMedium(this.theme);\n      case 'small':\n      default:\n        return styles.activeHandleSmall(this.theme);\n    }\n  }\n\n  private getCaptionSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().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  private renderMain() {\n    const {\n      children,\n      warning,\n      error,\n      color,\n      id,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    } = this.props;\n    const { loading, captionPosition, disableAnimations } = this.getProps();\n    const disabled = this.getProps().disabled || loading;\n    const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\n    const styles = getStyles(this.emotion);\n    const containerClassNames = this.emotion.cx(this.getContainerSizeClassName(), {\n      [styles.container(this.theme)]: true,\n      [styles.containerDisabled(this.theme)]: !!disabled,\n      [globalClasses.container]: true,\n      [globalClasses.containerDisabled]: !!disabled,\n      [globalClasses.containerLoading]: loading,\n    });\n\n    const labelClassNames = this.emotion.cx(this.getRootSizeClassName(), this.getActiveHandleSizeClassName(), {\n      [styles.root(this.theme)]: true,\n      [styles.rootLeft()]: captionPosition === 'left',\n      [styles.disabled()]: !!disabled,\n      [globalClasses.disabled]: !!disabled,\n      [styles.disableAnimation()]: disableAnimations,\n    });\n\n    let caption = null;\n    if (children) {\n      const captionClass = this.emotion.cx(this.getCaptionSizeClassName(), {\n        [styles.caption(this.theme)]: true,\n        [styles.captionLeft(this.theme)]: captionPosition === 'left',\n        [styles.disabledCaption(this.theme)]: !!disabled,\n      });\n      caption = <span className={captionClass}>{children}</span>;\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <label data-tid={ToggleDataTids.root} className={labelClassNames}>\n          <div\n            className={this.emotion.cx(this.getButtonSizeClassName(), {\n              [styles.button(this.theme)]: true,\n              [styles.buttonRight()]: captionPosition === 'left',\n              [styles.isWarning(this.theme)]: !!warning,\n              [styles.isError(this.theme)]: !!error,\n              [styles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\n            })}\n          >\n            <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n              <input\n                type=\"checkbox\"\n                checked={checked}\n                onChange={this.handleChange}\n                className={this.emotion.cx(\n                  this.getInputSizeClassName(),\n                  isTheme2022(this.theme) && styles.input2022(this.theme),\n                  {\n                    [styles.input(this.theme)]: true,\n                  },\n                )}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                ref={this.inputRef}\n                disabled={disabled}\n                id={id}\n                role=\"switch\"\n                aria-label={ariaLabel}\n                aria-describedby={ariaDescribedby}\n              />\n            </FocusControlWrapper>\n            <div\n              className={containerClassNames}\n              style={\n                checked && color && !disabled\n                  ? {\n                      backgroundColor: color,\n                      boxShadow: `inset 0 0 0 1px ${color}`,\n                    }\n                  : undefined\n              }\n            >\n              {!isTheme2022(this.theme) && (\n                <div\n                  className={this.emotion.cx(styles.activeBackground(), globalClasses.background, {\n                    [styles.activeBackgroundLoading(this.theme)]: loading,\n                    [styles.disabledBackground(this.theme)]: disabled,\n                  })}\n                  style={\n                    checked && color && !disabled\n                      ? {\n                          backgroundColor: color,\n                          boxShadow: `inset 0 0 0 1px ${color}`,\n                        }\n                      : undefined\n                  }\n                />\n              )}\n            </div>\n            <div\n              className={this.emotion.cx(this.getHandleSizeClassName(), globalClasses.handle, {\n                [styles.handle(this.theme)]: true,\n                [styles.handleDisabled(this.theme)]: disabled,\n              })}\n            />\n          </div>\n          {caption}\n        </label>\n      </CommonWrapper>\n    );\n  }\n\n  private inputRef = (element: HTMLInputElement) => {\n    this.input = element;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.checked);\n    }\n\n    if (this.isUncontrolled()) {\n      this.setState({\n        checked: event.target.checked,\n      });\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n\n    if (keyListener.isTabPressed) {\n      this.setState({ focusByTab: true });\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusByTab: false });\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(event);\n  };\n\n  private isUncontrolled() {\n    return this.props.checked === undefined;\n  }\n}\n"]}
+{"version":3,"sources":["Toggle.tsx"],"names":["React","PropTypes","warning","keyListener","CommonWrapper","EmotionConsumer","rootNode","createPropsGetter","isTestEnv","isTheme2022","FocusControlWrapper","ThemeContext","getStyles","globalClasses","colorWarningShown","ToggleDataTids","root","Toggle","props","getProps","defaultProps","input","focus","isTabPressed","inputRef","element","handleChange","event","onValueChange","target","checked","isUncontrolled","setState","onChange","handleFocus","onFocus","focusByTab","resetFocus","handleBlur","onBlur","state","defaultChecked","componentDidMount","autoFocus","render","emotion","theme","renderMain","getContainerSizeClassName","styles","size","containerLarge","containerMedium","containerSmall","getHandleSizeClassName","handleLarge","handleMedium","handleSmall","getButtonSizeClassName","buttonLarge","buttonMedium","buttonSmall","getRootSizeClassName","rootLarge","rootMedium","rootSmall","getInputSizeClassName","inputLarge","inputMedium","inputSmall","getActiveHandleSizeClassName","activeHandleLarge","activeHandleMedium","activeHandleSmall","getCaptionSizeClassName","captionLarge","captionMedium","captionSmall","children","error","color","id","ariaDescribedby","ariaLabel","loading","captionPosition","disableAnimations","disabled","containerClassNames","cx","container","containerDisabled","containerLoading","labelClassNames","rootLeft","disableAnimation","caption","captionClass","captionLeft","disabledCaption","setRootNode","button","buttonRight","isWarning","isError","focused","input2022","backgroundColor","boxShadow","undefined","activeBackground","background","activeBackgroundLoading","disabledBackground","handle","handleDisabled","Component","__KONTUR_REACT_UI__","displayName","propTypes","bool","func"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\nimport warning from 'warning';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { keyListener } from '../../lib/events/keyListener';\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 { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles, globalClasses } from './Toggle.styles';\n\n/**\n * @deprecated use SizeProp\n */\nexport type ToggleSize = SizeProp;\n\nlet colorWarningShown = false;\n\nexport interface ToggleProps extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, CommonProps {\n  children?: React.ReactNode;\n  /**\n   * Положение `children` относительно переключателя.\n   * @default 'right'\n   */\n  captionPosition?: 'left' | 'right';\n  /**\n   * Состояние `тогла`, если `true` - `тогл` будет включён, иначе выключен.\n   * @default false\n   */\n  checked?: boolean;\n  /**\n   * Делает `тогл` включенным по умолчанию.\n   */\n  defaultChecked?: boolean;\n  /**\n   * Отключает `тогл`.\n   */\n  disabled?: boolean;\n  /**\n   * Событие вызывающееся, когда значение `тогла` меняется, передаёт текущее значение тогла в переданную функцию.\n   */\n  onValueChange?: (value: boolean) => void;\n  /**\n   * Событие вызывающееся при клике на `тогл`.\n   */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Состояние валидации при предупреждении.\n   * @default false\n   */\n  warning?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   * @default false\n   */\n  error?: boolean;\n  /**\n   * Добавляет стили для состояния `loading` и отключает `тогл`.\n   */\n  loading?: boolean;\n  /**\n   * Если true, выставляет фокус на `тогле` после загрузки страницы.\n   */\n  autoFocus?: boolean;\n  /** Размер */\n  size?: SizeProp;\n  /**\n   * Событие вызывающееся, когда `тогл` получает фокус.\n   */\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  /**\n   * Событие вызывающееся, когда `тогл` теряет фокус.\n   */\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  /**\n   * @deprecated используйте переменную темы `toggleBgChecked` вместо этого пропа.\n   */\n  color?: React.CSSProperties['color'];\n  /**\n   * HTML-атрибут `id` для передачи во внутренний `<input />`.\n   */\n  id?: string;\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations?: boolean;\n}\n\nexport interface ToggleState {\n  checked?: boolean;\n  focusByTab?: boolean;\n}\n\nexport const ToggleDataTids = {\n  root: 'Toggle__root',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<ToggleProps, 'disabled' | 'loading' | 'captionPosition' | 'disableAnimations' | 'size'>\n>;\n\n/**\n * _Примечание:_ под тоглом понимается полный компонент т.е. надпись + переключатель, а не просто переключатель.\n */\n@rootNode\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\n  public static __KONTUR_REACT_UI__ = 'Toggle';\n  public static displayName = 'Toggle';\n\n  public static propTypes = {\n    checked: PropTypes.bool,\n    defaultChecked: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    loading: PropTypes.bool,\n    warning: PropTypes.bool,\n    onValueChange: PropTypes.func,\n    color: (props: ToggleProps) => {\n      if (props.color && !colorWarningShown) {\n        warning(false, `[Toggle]: prop 'color' is deprecated. Please, use theme variable 'toggleBgChecked' instead. `);\n        colorWarningShown = true;\n      }\n    },\n  };\n\n  public static defaultProps: DefaultProps = {\n    disabled: false,\n    loading: false,\n    captionPosition: 'right',\n    disableAnimations: isTestEnv,\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(Toggle.defaultProps);\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private input: HTMLInputElement | null = null;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ToggleProps) {\n    super(props);\n\n    this.state = {\n      focusByTab: false,\n      checked: props.defaultChecked,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.props.autoFocus) {\n      keyListener.isTabPressed = true;\n      this.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      keyListener.isTabPressed = true;\n      this.input.focus();\n    }\n  };\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = 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 getContainerSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.containerLarge(this.theme);\n      case 'medium':\n        return styles.containerMedium(this.theme);\n      case 'small':\n      default:\n        return styles.containerSmall(this.theme);\n    }\n  }\n\n  private getHandleSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.handleLarge(this.theme);\n      case 'medium':\n        return styles.handleMedium(this.theme);\n      case 'small':\n      default:\n        return styles.handleSmall(this.theme);\n    }\n  }\n\n  private getButtonSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.buttonLarge(this.theme);\n      case 'medium':\n        return styles.buttonMedium(this.theme);\n      case 'small':\n      default:\n        return styles.buttonSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getInputSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.inputLarge(this.theme);\n      case 'medium':\n        return styles.inputMedium(this.theme);\n      case 'small':\n      default:\n        return styles.inputSmall(this.theme);\n    }\n  }\n\n  private getActiveHandleSizeClassName() {\n    if (isTheme2022(this.theme)) {\n      return '';\n    }\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.activeHandleLarge(this.theme);\n      case 'medium':\n        return styles.activeHandleMedium(this.theme);\n      case 'small':\n      default:\n        return styles.activeHandleSmall(this.theme);\n    }\n  }\n\n  private getCaptionSizeClassName() {\n    const styles = getStyles(this.emotion);\n    switch (this.getProps().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  private renderMain() {\n    const {\n      children,\n      warning,\n      error,\n      color,\n      id,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    } = this.props;\n    const { loading, captionPosition, disableAnimations } = this.getProps();\n    const disabled = this.getProps().disabled || loading;\n    const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\n    const styles = getStyles(this.emotion);\n    const containerClassNames = this.emotion.cx(this.getContainerSizeClassName(), {\n      [styles.container(this.theme)]: true,\n      [styles.containerDisabled(this.theme)]: !!disabled,\n      [globalClasses.container]: true,\n      [globalClasses.containerDisabled]: !!disabled,\n      [globalClasses.containerLoading]: loading,\n    });\n\n    const labelClassNames = this.emotion.cx(this.getRootSizeClassName(), this.getActiveHandleSizeClassName(), {\n      [styles.root(this.theme)]: true,\n      [styles.rootLeft()]: captionPosition === 'left',\n      [styles.disabled()]: !!disabled,\n      [globalClasses.disabled]: !!disabled,\n      [styles.disableAnimation()]: disableAnimations,\n    });\n\n    let caption = null;\n    if (children) {\n      const captionClass = this.emotion.cx(this.getCaptionSizeClassName(), {\n        [styles.caption(this.theme)]: true,\n        [styles.captionLeft(this.theme)]: captionPosition === 'left',\n        [styles.disabledCaption(this.theme)]: !!disabled,\n      });\n      caption = <span className={captionClass}>{children}</span>;\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <label data-tid={ToggleDataTids.root} className={labelClassNames}>\n          <div\n            className={this.emotion.cx(this.getButtonSizeClassName(), {\n              [styles.button(this.theme)]: true,\n              [styles.buttonRight()]: captionPosition === 'left',\n              [styles.isWarning(this.theme)]: !!warning,\n              [styles.isError(this.theme)]: !!error,\n              [styles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\n            })}\n          >\n            <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n              <input\n                type=\"checkbox\"\n                checked={checked}\n                onChange={this.handleChange}\n                className={this.emotion.cx(\n                  this.getInputSizeClassName(),\n                  isTheme2022(this.theme) && styles.input2022(this.theme),\n                  {\n                    [styles.input(this.theme)]: true,\n                  },\n                )}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                ref={this.inputRef}\n                disabled={disabled}\n                id={id}\n                role=\"switch\"\n                aria-label={ariaLabel}\n                aria-describedby={ariaDescribedby}\n              />\n            </FocusControlWrapper>\n            <div\n              className={containerClassNames}\n              style={\n                checked && color && !disabled\n                  ? {\n                      backgroundColor: color,\n                      boxShadow: `inset 0 0 0 1px ${color}`,\n                    }\n                  : undefined\n              }\n            >\n              {!isTheme2022(this.theme) && (\n                <div\n                  className={this.emotion.cx(styles.activeBackground(), globalClasses.background, {\n                    [styles.activeBackgroundLoading(this.theme)]: loading,\n                    [styles.disabledBackground(this.theme)]: disabled,\n                  })}\n                  style={\n                    checked && color && !disabled\n                      ? {\n                          backgroundColor: color,\n                          boxShadow: `inset 0 0 0 1px ${color}`,\n                        }\n                      : undefined\n                  }\n                />\n              )}\n            </div>\n            <div\n              className={this.emotion.cx(this.getHandleSizeClassName(), globalClasses.handle, {\n                [styles.handle(this.theme)]: true,\n                [styles.handleDisabled(this.theme)]: disabled,\n              })}\n            />\n          </div>\n          {caption}\n        </label>\n      </CommonWrapper>\n    );\n  }\n\n  private inputRef = (element: HTMLInputElement) => {\n    this.input = element;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.checked);\n    }\n\n    if (this.isUncontrolled()) {\n      this.setState({\n        checked: event.target.checked,\n      });\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n\n    if (keyListener.isTabPressed) {\n      this.setState({ focusByTab: true });\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusByTab: false });\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(event);\n  };\n\n  private isUncontrolled() {\n    return this.props.checked === undefined;\n  }\n}\n"]}

package/components/Token/Token/Token.js

@@ -13,7 +13,8 @@ import { rootNode } from "../../../lib/rootNode";
 import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
 import { CloseButtonIcon } from "../../../internal/CloseButtonIcon/CloseButtonIcon";
 import { reactGetTextContent } from "../../../lib/reactGetTextContent";
-import { ThemeConsumer } from "../../../lib/theming/ThemeContext";
+import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { getColorStyles, getStyles } from "../Token.styles";
 import { TokenLocaleHelper } from "../locale";
 import { TokenView } from "../TokenView";
@@ -68,7 +69,7 @@ export var Token = (_dec = locale('Token', TokenLocaleHelper), rootNode(_class =
 
     return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
       _this2.emotion = emotion;
-      return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
         _this2.theme = theme;
         return _this2.renderMain();
       });
@@ -125,7 +126,9 @@ export var Token = (_dec = locale('Token', TokenLocaleHelper), rootNode(_class =
     }, icon);
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
-    }, this.props), /*#__PURE__*/React.createElement(TokenView, {
+    }, this.props, getVisualStateDataAttributes({
+      disabled: disabled
+    })), /*#__PURE__*/React.createElement(TokenView, {
       className: classNames,
       size: size,
       closeButton: closeButton,

package/components/Token/Token/Token.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Token.tsx"],"names":["React","locale","CrossIcon","emptyHandler","CommonWrapper","EmotionConsumer","rootNode","isTheme2022","CloseButtonIcon","reactGetTextContent","ThemeConsumer","getColorStyles","getStyles","TokenLocaleHelper","TokenView","getValidation","error","warning","TokenDataTids","root","removeIcon","Token","onRemoveClick","event","props","disabled","onRemove","preventDefault","render","emotion","theme","renderMain","size","children","isActive","colors","idle","active","ariaDescribedby","onClick","onDoubleClick","onMouseEnter","onMouseLeave","onFocus","onBlur","validation","removeButtonAriaLabel","icon","styles","colorStyles","classNames","cx","tokenDefaultIdle2022","tokenDefaultIdleHovering2022","tokenDefaultActive2022","tokenWarning2022","tokenError2022","tokenDisabled2022","defaultDisabled","defaultDisabledWarning","defaultDisabledError","textholder","text","closeButton","undefined","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"iKAAA,OAAOA,KAAP,MAAsC,OAAtC;;;AAGA,SAASC,MAAT,QAAuB,6BAAvB;AACA,SAASC,SAAT,QAA0B,gCAA1B;AACA,SAASC,YAAT,QAA6B,iBAA7B;;AAEA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,eAAT,QAAgC,2BAAhC;AACA,SAASC,QAAT,QAAuC,oBAAvC;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,eAAT,QAAgC,gDAAhC;;AAEA,SAASC,mBAAT,QAAoC,+BAApC;AACA,SAASC,aAAT,QAA8B,gCAA9B;;AAEA,SAASC,cAAT,EAAyBC,SAAzB,QAA0C,gBAA1C;AACA,SAAsBC,iBAAtB,QAA+C,UAA/C;AACA,SAASC,SAAT,QAA0B,aAA1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA6BC,OAA7B,EAAgE;AACpF,MAAID,KAAJ,EAAW;AACT,WAAO,OAAP;AACD,GAFD,MAEO,IAAIC,OAAJ,EAAa;AAClB,WAAO,SAAP;AACD;;AAED,SAAO,IAAP;AACD,CARD;;AAUA,OAAO,IAAMC,aAAa,GAAG;AAC3BC,EAAAA,IAAI,EAAE,aADqB;AAE3BC,EAAAA,UAAU,EAAE,mBAFe,EAAtB;;;;;AAOP,WAAaC,KAAb,WADCpB,MAAM,CAAC,OAAD,EAAUY,iBAAV,CACP,EAFCP,QAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHUgB,IAAAA,aApHV,GAoH0B,UAACC,KAAD,EAAsD;AAC5E,wBAA8C,MAAKC,KAAnD,CAAQC,QAAR,eAAQA,QAAR,oCAAkBC,QAAlB,CAAkBA,QAAlB,qCAA6BvB,YAA7B;;AAEA,UAAIsB,QAAJ,EAAc;AACZF,QAAAA,KAAK,CAACI,cAAN;AACA;AACD;;AAEDD,MAAAA,QAAQ,CAACH,KAAD,CAAR;AACD,KA7HH,mDASSK,MATT,GASE,kBAAgB,mBACd,oBACE,oBAAC,eAAD,QACG,UAACC,OAAD,EAAa,CACZ,MAAI,CAACA,OAAL,GAAeA,OAAf,CACA,oBACE,oBAAC,aAAD,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CAXH,CADF,CAeD,CAzBH,QA2BUA,UA3BV,GA2BE,sBAAqB,CACnB,mBAeI,KAAKP,KAfT,CACEQ,IADF,gBACEA,IADF,CAEEC,QAFF,gBAEEA,QAFF,CAGEC,QAHF,gBAGEA,QAHF,oCAIEC,MAJF,CAIEA,MAJF,oCAIW,EAAEC,IAAI,EAAE,aAAR,EAAuBC,MAAM,EAAE,eAA/B,EAJX,uBAKErB,KALF,gBAKEA,KALF,CAMEC,OANF,gBAMEA,OANF,CAOEQ,QAPF,gBAOEA,QAPF,CAQsBa,eARtB,gBAQE,kBARF,sCASEC,OATF,CASEA,OATF,qCASYpC,YATZ,6DAUEqC,aAVF,CAUEA,aAVF,sCAUkBrC,YAVlB,8DAWEsC,YAXF,CAWEA,YAXF,sCAWiBtC,YAXjB,8DAYEuC,YAZF,CAYEA,YAZF,sCAYiBvC,YAZjB,6DAaEwC,OAbF,CAaEA,OAbF,qCAaYxC,YAbZ,2DAcEyC,MAdF,CAcEA,MAdF,oCAcWzC,YAdX,uBAiBA,IAAM2B,KAAK,GAAG,KAAKA,KAAnB,CAEA,IAAMe,UAAU,GAAG9B,aAAa,CAACC,KAAD,EAAQC,OAAR,CAAhC,CACA,IAAM6B,qBAAqB,GAAG,KAAK7C,MAAL,CAAY6C,qBAAZ,GAAoC,GAApC,GAA0CrC,mBAAmB,CAACwB,QAAD,CAA3F,CAEA,IAAMc,IAAI,GAAGxC,WAAW,CAACuB,KAAD,CAAX,gBACX,oBAAC,eAAD,IACE,IAAI,EAAE,EADR,EAEE,KAAK,EAAC,SAFR,EAGE,UAAU,EAAC,SAHb,EAIE,cAAYgB,qBAJd,EAKE,QAAQ,EAAE,KALZ,GADW,gBASX,oBAAC,SAAD,OATF,CAYA,IAAME,MAAM,GAAGpC,SAAS,CAAC,KAAKiB,OAAN,CAAxB,CACA,IAAMoB,WAAW,GAAGtC,cAAc,CAAC,KAAKkB,OAAN,CAAlC,CACA,IAAMqB,UAAU,GAAG3C,WAAW,CAACuB,KAAD,CAAX,GACf,KAAKD,OAAL,CAAasB,EAAb,CACEH,MAAM,CAACI,oBAAP,CAA4BtB,KAA5B,CADF,EAEE,CAACI,QAAD,IAAa,CAACjB,OAAd,IAAyB,CAACD,KAA1B,IAAmC,CAACS,QAApC,IAAgDuB,MAAM,CAACK,4BAAP,CAAoCvB,KAApC,CAFlD,EAGEI,QAAQ,IAAIc,MAAM,CAACM,sBAAP,CAA8BxB,KAA9B,CAHd,EAIEb,OAAO,IAAI+B,MAAM,CAACO,gBAAP,CAAwBzB,KAAxB,CAJb,EAKEd,KAAK,IAAIgC,MAAM,CAACQ,cAAP,CAAsB1B,KAAtB,CALX,EAMEL,QAAQ,IAAIuB,MAAM,CAACS,iBAAP,CAAyB3B,KAAzB,CANd,CADe,GASf,KAAKD,OAAL,CAAasB,EAAb,CACEF,WAAW,CAACd,MAAM,CAACC,IAAR,CAAX,CAAyBN,KAAzB,EAAgCe,UAAhC,CADF,EAEE,CAAC,CAACX,QAAF,IAAce,WAAW,CAACd,MAAM,CAACE,MAAP,IAAiBF,MAAM,CAACC,IAAzB,CAAX,CAA0CN,KAA1C,EAAiDe,UAAjD,CAFhB,EAGE,CAAC,CAACpB,QAAF,IAAcuB,MAAM,CAACvB,QAAP,CAAgBK,KAAhB,CAHhB,EAIE,CAAC,CAACL,QAAF,IAAcwB,WAAW,CAACS,eAAZ,CAA4B5B,KAA5B,CAJhB,EAKE,CAAC,CAACL,QAAF,IAAcR,OAAd,IAAyBgC,WAAW,CAACU,sBAAZ,CAAmC7B,KAAnC,CAL3B,EAME,CAAC,CAACL,QAAF,IAAcT,KAAd,IAAuBiC,WAAW,CAACW,oBAAZ,CAAiC9B,KAAjC,CANzB,CATJ,CAkBA,IAAM+B,UAAU,gBAAG,8BAAM,SAAS,EAAEb,MAAM,CAACc,IAAP,CAAY,KAAKhC,KAAjB,CAAjB,IAA2CG,QAA3C,CAAnB,CAEA,IAAM8B,WAAW,gBACf,8BACE,IAAI,EAAExD,WAAW,CAACuB,KAAD,CAAX,GAAqBkC,SAArB,GAAiC,QADzC,EAEE,cAAYzD,WAAW,CAACuB,KAAD,CAAX,GAAqBkC,SAArB,GAAiClB,qBAF/C,EAGE,OAAO,EAAE,KAAKxB,aAHhB,EAIE,YAAUJ,aAAa,CAACE,UAJ1B,IAMG2B,IANH,CADF,CAWA,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKkB,WAAjC,IAAkD,KAAKzC,KAAvD,gBACE,oBAAC,SAAD,IACE,SAAS,EAAE0B,UADb,EAEE,IAAI,EAAElB,IAFR,EAGE,WAAW,EAAE+B,WAHf,EAIE,YAAU7C,aAAa,CAACC,IAJ1B,EAKE,oBAAkBmB,eALpB,EAME,OAAO,EAAEC,OANX,EAOE,aAAa,EAAEC,aAPjB,EAQE,YAAY,EAAEC,YARhB,EASE,YAAY,EAAEC,YAThB,EAUE,OAAO,EAAEC,OAVX,EAWE,MAAM,EAAEC,MAXV,IAaGiB,UAbH,CADF,CADF,CAmBD,CAlHH,gBAA2B7D,KAAK,CAACkE,SAAjC,WACgBC,mBADhB,GACsC,OADtC,UAEgBC,WAFhB,GAE8B,OAF9B","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { emptyHandler } from '../../lib/utils';\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 { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { SizeProp } from '../../lib/types/props';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { ThemeConsumer } from '../../lib/theming/ThemeContext';\n\nimport { getColorStyles, getStyles } from './Token.styles';\nimport { TokenLocale, TokenLocaleHelper } from './locale';\nimport { TokenView } from './TokenView';\n\nexport type TokenColorName = keyof ReturnType<typeof getColorStyles>;\n\nexport interface TokenColors {\n  idle: TokenColorName;\n  active?: TokenColorName;\n}\n\nexport type TokenSize = SizeProp;\n\nexport interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {\n  colors?: TokenColors;\n  isActive?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  disabled?: boolean;\n  /**\n   * Размер\n   */\n  size?: TokenSize;\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n  onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;\n  onRemove?: React.MouseEventHandler<HTMLElement>;\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n  onFocus?: React.FocusEventHandler<HTMLDivElement>;\n  onBlur?: React.FocusEventHandler<HTMLDivElement>;\n}\n\nconst getValidation = (error: TokenProps['error'], warning: TokenProps['warning']) => {\n  if (error) {\n    return 'error';\n  } else if (warning) {\n    return 'warning';\n  }\n\n  return null;\n};\n\nexport const TokenDataTids = {\n  root: 'Token__root',\n  removeIcon: 'Token__removeIcon',\n} as const;\n\n@rootNode\n@locale('Token', TokenLocaleHelper)\nexport class Token extends React.Component<TokenProps> {\n  public static __KONTUR_REACT_UI__ = 'Token';\n  public static displayName = 'Token';\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: TokenLocale;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeConsumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeConsumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      size,\n      children,\n      isActive,\n      colors = { idle: 'defaultIdle', active: 'defaultActive' },\n      error,\n      warning,\n      disabled,\n      'aria-describedby': ariaDescribedby,\n      onClick = emptyHandler,\n      onDoubleClick = emptyHandler,\n      onMouseEnter = emptyHandler,\n      onMouseLeave = emptyHandler,\n      onFocus = emptyHandler,\n      onBlur = emptyHandler,\n    } = this.props;\n\n    const theme = this.theme;\n\n    const validation = getValidation(error, warning);\n    const removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + reactGetTextContent(children);\n\n    const icon = isTheme2022(theme) ? (\n      <CloseButtonIcon\n        side={16}\n        color=\"inherit\"\n        colorHover=\"inherit\"\n        aria-label={removeButtonAriaLabel}\n        tabbable={false}\n      />\n    ) : (\n      <CrossIcon />\n    );\n\n    const styles = getStyles(this.emotion);\n    const colorStyles = getColorStyles(this.emotion);\n    const classNames = isTheme2022(theme)\n      ? this.emotion.cx(\n          styles.tokenDefaultIdle2022(theme),\n          !isActive && !warning && !error && !disabled && styles.tokenDefaultIdleHovering2022(theme),\n          isActive && styles.tokenDefaultActive2022(theme),\n          warning && styles.tokenWarning2022(theme),\n          error && styles.tokenError2022(theme),\n          disabled && styles.tokenDisabled2022(theme),\n        )\n      : this.emotion.cx(\n          colorStyles[colors.idle](theme, validation),\n          !!isActive && colorStyles[colors.active || colors.idle](theme, validation),\n          !!disabled && styles.disabled(theme),\n          !!disabled && colorStyles.defaultDisabled(theme),\n          !!disabled && warning && colorStyles.defaultDisabledWarning(theme),\n          !!disabled && error && colorStyles.defaultDisabledError(theme),\n        );\n\n    const textholder = <span className={styles.text(this.theme)}>{children}</span>;\n\n    const closeButton = (\n      <span\n        role={isTheme2022(theme) ? undefined : 'button'}\n        aria-label={isTheme2022(theme) ? undefined : removeButtonAriaLabel}\n        onClick={this.onRemoveClick}\n        data-tid={TokenDataTids.removeIcon}\n      >\n        {icon}\n      </span>\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <TokenView\n          className={classNames}\n          size={size}\n          closeButton={closeButton}\n          data-tid={TokenDataTids.root}\n          aria-describedby={ariaDescribedby}\n          onClick={onClick}\n          onDoubleClick={onDoubleClick}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          onFocus={onFocus}\n          onBlur={onBlur}\n        >\n          {textholder}\n        </TokenView>\n      </CommonWrapper>\n    );\n  }\n\n  private onRemoveClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    const { disabled, onRemove = emptyHandler } = this.props;\n\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onRemove(event);\n  };\n}\n"]}
+{"version":3,"sources":["Token.tsx"],"names":["React","locale","CrossIcon","emptyHandler","CommonWrapper","EmotionConsumer","rootNode","isTheme2022","CloseButtonIcon","reactGetTextContent","getVisualStateDataAttributes","ThemeContext","getColorStyles","getStyles","TokenLocaleHelper","TokenView","getValidation","error","warning","TokenDataTids","root","removeIcon","Token","onRemoveClick","event","props","disabled","onRemove","preventDefault","render","emotion","theme","renderMain","size","children","isActive","colors","idle","active","ariaDescribedby","onClick","onDoubleClick","onMouseEnter","onMouseLeave","onFocus","onBlur","validation","removeButtonAriaLabel","icon","styles","colorStyles","classNames","cx","tokenDefaultIdle2022","tokenDefaultIdleHovering2022","tokenDefaultActive2022","tokenWarning2022","tokenError2022","tokenDisabled2022","defaultDisabled","defaultDisabledWarning","defaultDisabledError","textholder","text","closeButton","undefined","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { emptyHandler } from '../../lib/utils';\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 { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { SizeProp } from '../../lib/types/props';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getColorStyles, getStyles } from './Token.styles';\nimport { TokenLocale, TokenLocaleHelper } from './locale';\nimport { TokenView } from './TokenView';\n\nexport type TokenColorName = keyof ReturnType<typeof getColorStyles>;\n\nexport interface TokenColors {\n  idle: TokenColorName;\n  active?: TokenColorName;\n}\n\nexport type TokenSize = SizeProp;\n\nexport interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {\n  colors?: TokenColors;\n  isActive?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  disabled?: boolean;\n  /**\n   * Размер\n   */\n  size?: TokenSize;\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n  onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;\n  onRemove?: React.MouseEventHandler<HTMLElement>;\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n  onFocus?: React.FocusEventHandler<HTMLDivElement>;\n  onBlur?: React.FocusEventHandler<HTMLDivElement>;\n}\n\nconst getValidation = (error: TokenProps['error'], warning: TokenProps['warning']) => {\n  if (error) {\n    return 'error';\n  } else if (warning) {\n    return 'warning';\n  }\n\n  return null;\n};\n\nexport const TokenDataTids = {\n  root: 'Token__root',\n  removeIcon: 'Token__removeIcon',\n} as const;\n\n@rootNode\n@locale('Token', TokenLocaleHelper)\nexport class Token extends React.Component<TokenProps> {\n  public static __KONTUR_REACT_UI__ = 'Token';\n  public static displayName = 'Token';\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: TokenLocale;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = 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 {\n      size,\n      children,\n      isActive,\n      colors = { idle: 'defaultIdle', active: 'defaultActive' },\n      error,\n      warning,\n      disabled,\n      'aria-describedby': ariaDescribedby,\n      onClick = emptyHandler,\n      onDoubleClick = emptyHandler,\n      onMouseEnter = emptyHandler,\n      onMouseLeave = emptyHandler,\n      onFocus = emptyHandler,\n      onBlur = emptyHandler,\n    } = this.props;\n\n    const theme = this.theme;\n\n    const validation = getValidation(error, warning);\n    const removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + reactGetTextContent(children);\n\n    const icon = isTheme2022(theme) ? (\n      <CloseButtonIcon\n        side={16}\n        color=\"inherit\"\n        colorHover=\"inherit\"\n        aria-label={removeButtonAriaLabel}\n        tabbable={false}\n      />\n    ) : (\n      <CrossIcon />\n    );\n\n    const styles = getStyles(this.emotion);\n    const colorStyles = getColorStyles(this.emotion);\n    const classNames = isTheme2022(theme)\n      ? this.emotion.cx(\n          styles.tokenDefaultIdle2022(theme),\n          !isActive && !warning && !error && !disabled && styles.tokenDefaultIdleHovering2022(theme),\n          isActive && styles.tokenDefaultActive2022(theme),\n          warning && styles.tokenWarning2022(theme),\n          error && styles.tokenError2022(theme),\n          disabled && styles.tokenDisabled2022(theme),\n        )\n      : this.emotion.cx(\n          colorStyles[colors.idle](theme, validation),\n          !!isActive && colorStyles[colors.active || colors.idle](theme, validation),\n          !!disabled && styles.disabled(theme),\n          !!disabled && colorStyles.defaultDisabled(theme),\n          !!disabled && warning && colorStyles.defaultDisabledWarning(theme),\n          !!disabled && error && colorStyles.defaultDisabledError(theme),\n        );\n\n    const textholder = <span className={styles.text(this.theme)}>{children}</span>;\n\n    const closeButton = (\n      <span\n        role={isTheme2022(theme) ? undefined : 'button'}\n        aria-label={isTheme2022(theme) ? undefined : removeButtonAriaLabel}\n        onClick={this.onRemoveClick}\n        data-tid={TokenDataTids.removeIcon}\n      >\n        {icon}\n      </span>\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <TokenView\n          className={classNames}\n          size={size}\n          closeButton={closeButton}\n          data-tid={TokenDataTids.root}\n          aria-describedby={ariaDescribedby}\n          onClick={onClick}\n          onDoubleClick={onDoubleClick}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          onFocus={onFocus}\n          onBlur={onBlur}\n        >\n          {textholder}\n        </TokenView>\n      </CommonWrapper>\n    );\n  }\n\n  private onRemoveClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    const { disabled, onRemove = emptyHandler } = this.props;\n\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onRemove(event);\n  };\n}\n"]}