@skbkontur/react-ui 0.0.0-a8f1c3e7a1 → 0.0.0-aa4659ca48

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

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","throttle","globalObject","isKeyEnter","needsPolyfillPlaceholder","LayoutEvents","ThemeContext","RenderLayer","ResizeDetector","isIE11","isSafariWithTextareaBug","CommonWrapper","isTestEnv","cx","rootNode","createPropsGetter","getTextAreaHeight","styles","TextareaCounter","TextareaWithSafari17Workaround","DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","TextareaDataTids","root","counter","helpIcon","Textarea","_class","_Textarea","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","isCounterVisible","reflowCounter","reflow","selectAllId","textareaObserver","MutationObserver","setSelectionRange","start","end","_globalObject$documen","node","Error","document","activeElement","focus","selectAll","value","delaySelectAll","_globalObject$request","requestAnimationFrame","cancelDelayedSelectAll","cancelAnimationFrame","renderMain","props","_cx","_ref","_textareaProps$maxLen","_cx2","_props$width","width","error","warning","size","autoResize","resize","onCut","onPaste","maxRows","onFocus","selectAllOnFocus","placeholder","onValueChange","showLengthCounter","lengthCounter","counterHelp","extraRow","disableAnimations","disabled","textareaProps","_objectWithoutPropertiesLoose","_excluded","rootProps","style","textareaClassNames","getTextareaSizeClassName","textarea","theme","hovering","isAnimationsDisabled","textareaStyle","placeholderPolyfill","defaultValue","createElement","className","fakeTextarea","fakeProps","fake","readOnly","_extends","ref","refFake","help","maxLength","onCloseHelp","handleCloseCounterHelp","refCounter","Component","onFocusOutside","onClickOutside","active","getRootSizeClassName","onResize","undefined","onChange","handleChange","handleCut","handlePaste","handleFocus","onKeyDown","handleKeyDown","children","setState","e","toString","isBlockEnter","preventDefault","fieldIsEmpty","target","element","fakeNode","autoResizeHandler","_this$getProps","rows","_ref2","minRows","parseInt","height","exceededMaxHeight","overflowY","getAutoResizeThrottleWait","event","_inheritsLoose","_proto","prototype","rootLarge","rootMedium","rootSmall","textareaLarge","textareaMedium","textareaSmall","_temp","_ref3","componentDidMount","layoutEvents","addListener","observe","attributes","componentWillUnmount","remove","disconnect","componentDidUpdate","prevProps","cancel","_this$getProps2","render","_this2","Consumer","rootNodeRef","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"],"sources":["Textarea.tsx"],"sourcesContent":["import type { AriaAttributes, ReactNode } from 'react';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { Nullable, Override } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { isIE11, isSafariWithTextareaBug } from '../../lib/client';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { getTextAreaHeight } from './TextareaHelpers';\nimport { styles } from './Textarea.styles';\nimport type { TextareaCounterRef } from './TextareaCounter';\nimport { TextareaCounter } from './TextareaCounter';\nimport { TextareaWithSafari17Workaround } from './TextareaWithSafari17Workaround';\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        error?: boolean;\n\n        /** Переводит контрол в состояние валидации \"предупреждение\". */\n        warning?: boolean;\n\n        /** Делает компонент недоступным. */\n        disabled?: boolean;\n\n        /** Задает размер компонента. */\n        size?: SizeProp;\n\n        /** Выполняет автоматический ресайз в зависимости от содержимого. */\n        autoResize?: boolean;\n\n        /** Задает высоту текстарии в виде числа строк видимых без скролла. */\n        rows?: number;\n\n        /** Задает максимальное число строк при автоматическом ресайзе. */\n        maxRows?: string | number;\n\n        /** Задает направления ресайза компонента.\n         * Попадает в `style`. */\n        resize?: React.CSSProperties['resize'];\n\n        /** Задает ширину текстэрии. */\n        width?: React.CSSProperties['width'];\n\n        /** Задает функцию, которая вызывается при изменении `value`. */\n        onValueChange?: (value: string) => void;\n\n        /** Определяет, нужно ли выделять введенное значение при фокусе. Работает с типами text, password, tel, search, url. */\n        selectAllOnFocus?: boolean;\n\n        /** Определяет, нужно ли показывать счетчик символов. */\n        showLengthCounter?: boolean;\n\n        /** Задает допустимое количество символов в поле. Отображается в счетчике.\n         * @default maxLength */\n        lengthCounter?: number;\n\n        /** Задает подсказку к счетчику символов.\n         * По умолчанию - тултип с содержимым из пропа, если передан `ReactNode`.\n         * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой.\n         * @example\n         * ```\n         * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}\n         * ``` */\n        counterHelp?: ReactNode | (() => ReactNode);\n\n        /** Добавляет дополнительную свободную строку при авто-ресайзе.\n         * @see https://guides.kontur.ru/components/textarea/#04 */\n        extraRow?: boolean;\n\n        /** Отключает анимацию при авто-ресайзе. Автоматически отключается когда в `extraRow` передан `false`. */\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 * Многострочное поле `Textarea` — это поле ввода, которое позволяет работать с несколькими строками текста.\n *\n * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`.\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\n  private getRootSizeClassName() {\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    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 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      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.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 textareaClassNames = 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: 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 = isSafariWithTextareaBug ? 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={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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","throttle","globalObject","warning","isKeyEnter","needsPolyfillPlaceholder","LayoutEvents","ThemeContext","RenderLayer","ResizeDetector","isSafariWithTextareaBug","CommonWrapper","isTestEnv","cx","rootNode","createPropsGetter","withSize","getTextAreaHeight","styles","TextareaCounter","TextareaWithSafari17Workaround","DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","TextareaDataTids","root","counter","helpIcon","Textarea","_class","_Textarea","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","clear","node","value","fakeNode","getProps","defaultProps","state","isCounterVisible","reflowCounter","reflow","selectAllId","textareaObserver","MutationObserver","setSelectionRange","start","end","_globalObject$documen","document","activeElement","focus","selectAll","cancelDelayedSelectAll","cancelAnimationFrame","renderMain","props","_cx","_ref","_textareaProps$maxLen","_cx2","_props$width","width","error","size","autoResize","resize","onCut","onPaste","maxRows","onFocus","selectAllOnFocus","placeholder","onValueChange","showLengthCounter","lengthCounter","counterHelp","extraRow","disableAnimations","disabled","textareaProps","_objectWithoutPropertiesLoose","_excluded","rootProps","style","textareaClassNames","getTextareaSizeClassName","textarea","theme","hovering","isAnimationsDisabled","textareaStyle","textAlign","align","placeholderPolyfill","defaultValue","createElement","className","fakeTextarea","fakeProps","fake","readOnly","_extends","ref","refFake","help","maxLength","onCloseHelp","handleCloseCounterHelp","refCounter","Component","onFocusOutside","onClickOutside","active","getRootSizeClassName","onResize","alignBaseline","undefined","onChange","handleChange","handleCut","handlePaste","handleFocus","onKeyDown","handleKeyDown","children","setState","e","toString","isBlockEnter","preventDefault","fieldIsEmpty","target","element","autoResizeHandler","_this$getProps","rows","_ref2","minRows","parseInt","height","exceededMaxHeight","overflowY","getAutoResizeThrottleWait","event","_inheritsLoose","_proto","prototype","rootLarge","rootMedium","rootSmall","textareaLarge","textareaMedium","textareaSmall","_temp","_ref3","componentDidMount","layoutEvents","addListener","observe","attributes","componentWillUnmount","remove","disconnect","componentDidUpdate","prevProps","cancel","_this$getProps2","render","_this2","Consumer","rootNodeRef","setRootNode","blur","__KONTUR_REACT_UI__","displayName"],"sources":["Textarea.tsx"],"sourcesContent":["import type { AriaAttributes, ReactNode } from 'react';\nimport React from 'react';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\nimport warning from 'warning';\n\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { Nullable, Override } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { isSafariWithTextareaBug } from '../../lib/client';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { InputAlign } from '../Input';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { getTextAreaHeight } from './TextareaHelpers';\nimport { styles } from './Textarea.styles';\nimport type { TextareaCounterRef } from './TextareaCounter';\nimport { TextareaCounter } from './TextareaCounter';\nimport { TextareaWithSafari17Workaround } from './TextareaWithSafari17Workaround';\n\nexport const DEFAULT_WIDTH = 250;\nconst AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;\n\nexport interface TextareaProps\n  extends Pick<AriaAttributes, 'aria-controls' | 'aria-label'>,\n    CommonProps,\n    Override<\n      React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n      {\n        /** Переводит контрол в состояние валидации \"ошибка\". */\n        error?: boolean;\n\n        /** Переводит контрол в состояние валидации \"предупреждение\". */\n        warning?: boolean;\n\n        /** Делает компонент недоступным. */\n        disabled?: boolean;\n\n        /** Задает размер компонента. */\n        size?: SizeProp;\n\n        /** Выполняет автоматический ресайз в зависимости от содержимого. */\n        autoResize?: boolean;\n\n        /** Задает высоту текстарии в виде числа строк видимых без скролла. */\n        rows?: number;\n\n        /** Задает максимальное число строк при автоматическом ресайзе. */\n        maxRows?: string | number;\n\n        /** Задает направления ресайза компонента.\n         * Попадает в `style`. */\n        resize?: React.CSSProperties['resize'];\n\n        /** Задает ширину текстэрии. */\n        width?: React.CSSProperties['width'];\n\n        /** Задает функцию, которая вызывается при изменении `value`. */\n        onValueChange?: (value: string) => void;\n\n        /** Определяет, нужно ли выделять введенное значение при фокусе. Работает с типами text, password, tel, search, url. */\n        selectAllOnFocus?: boolean;\n\n        /** Определяет, нужно ли показывать счетчик символов. */\n        showLengthCounter?: boolean;\n\n        /** Задает допустимое количество символов в поле. Отображается в счетчике.\n         * @default maxLength */\n        lengthCounter?: number;\n\n        /** Задает подсказку к счетчику символов.\n         * По умолчанию - тултип с содержимым из пропа, если передан `ReactNode`.\n         * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой.\n         * @example\n         * ```\n         * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}\n         * ``` */\n        counterHelp?: ReactNode | (() => ReactNode);\n\n        /** Добавляет дополнительную свободную строку при авто-ресайзе.\n         * @see https://guides.kontur.ru/components/textarea/#04 */\n        extraRow?: boolean;\n\n        /** Отключает анимацию при авто-ресайзе. Автоматически отключается когда в `extraRow` передан `false`. */\n        disableAnimations?: boolean;\n        /** Выравнивание текста */\n        align?: InputAlign;\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'>>;\n\n/**\n * Многострочное поле `Textarea` — это поле ввода, которое позволяет работать с несколькими строками текста.\n *\n * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`.\n * Пропы **`className` и `style` игнорируются**.\n */\n\n@rootNode\n@withSize\nexport class Textarea extends React.Component<TextareaProps, TextareaState> {\n  public static __KONTUR_REACT_UI__ = 'Textarea';\n  public static displayName = 'Textarea';\n\n  public static defaultProps: DefaultProps = {\n    rows: 3,\n    maxRows: 15,\n    extraRow: true,\n    disableAnimations: isTestEnv,\n  };\n\n  public clear = () => {\n    if (this.node) {\n      this.node.value = '';\n    }\n    if (this.fakeNode) {\n      this.fakeNode.value = '';\n    }\n  };\n\n  private getProps = createPropsGetter(Textarea.defaultProps);\n\n  private getRootSizeClassName() {\n    switch (this.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    switch (this.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 size!: SizeProp;\n\n  private reflowCounter = () => {\n    if (this.counter) {\n      this.counter.reflow();\n    }\n  };\n\n  private theme!: Theme;\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  public getRootNode!: TGetRootNode;\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      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.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      warning(false, 'Cannot call \"setSelectionRange\" on unmounted Input');\n      return;\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 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 textareaClassNames = 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      textAlign: this.props.align,\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: 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.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 = isSafariWithTextareaBug ? 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={cx(this.getRootSizeClassName(), {\n            [styles.root()]: true,\n          })}\n        >\n          {placeholderPolyfill}\n          <ResizeDetector onResize={this.reflowCounter} alignBaseline>\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 && this.selectAll();\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Textarea/Textarea.d.ts

@@ -1,10 +1,12 @@
 import type { AriaAttributes, ReactNode } from 'react';
 import React from 'react';
-import PropTypes from 'prop-types';
 import type { Override } from '../../typings/utility-types';
 import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
 import type { SizeProp } from '../../lib/types/props';
-export interface TextareaProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<React.TextareaHTMLAttributes<HTMLTextAreaElement>, {
+import type { InputAlign } from '../Input';
+export declare const DEFAULT_WIDTH = 250;
+export interface TextareaProps extends Pick<AriaAttributes, 'aria-controls' | 'aria-label'>, CommonProps, Override<React.TextareaHTMLAttributes<HTMLTextAreaElement>, {
     /** Переводит контрол в состояние валидации "ошибка". */
     error?: boolean;
     /** Переводит контрол в состояние валидации "предупреждение". */
@@ -46,6 +48,8 @@ export interface TextareaProps extends Pick<AriaAttributes, 'aria-label'>, Commo
     extraRow?: boolean;
     /** Отключает анимацию при авто-ресайзе. Автоматически отключается когда в `extraRow` передан `false`. */
     disableAnimations?: boolean;
+    /** Выравнивание текста */
+    align?: InputAlign;
 }> {
 }
 export interface TextareaState {
@@ -57,7 +61,7 @@ export declare const TextareaDataTids: {
     readonly counter: "TextareaCounter__root";
     readonly helpIcon: "TextareaCounter__helpIcon";
 };
-type DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow' | 'disableAnimations' | 'size'>>;
+type DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow' | 'disableAnimations'>>;
 /**
  * Многострочное поле `Textarea` — это поле ввода, которое позволяет работать с несколькими строками текста.
  *
@@ -67,50 +71,8 @@ type DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow'
 export declare class Textarea extends React.Component<TextareaProps, TextareaState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    static propTypes: {
-        error: PropTypes.Requireable<boolean>;
-        warning: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        autoResize: PropTypes.Requireable<boolean>;
-        extraRow: PropTypes.Requireable<boolean>;
-        disableAnimations: PropTypes.Requireable<boolean>;
-        maxRows: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        resize: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        id: PropTypes.Requireable<string>;
-        name: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        spellCheck: PropTypes.Requireable<boolean>;
-        role: PropTypes.Requireable<string>;
-        maxLength: PropTypes.Requireable<number>;
-        tabIndex: PropTypes.Requireable<number>;
-        rows: PropTypes.Requireable<number>;
-        placeholder: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string>;
-        defaultValue: PropTypes.Requireable<string>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseMove: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseUp: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onDoubleClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyPress: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
-        onInput: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
-        onWheel: PropTypes.Requireable<(...args: any[]) => any>;
-        onCut: PropTypes.Requireable<(...args: any[]) => any>;
-        onPaste: PropTypes.Requireable<(...args: any[]) => any>;
-        onCopy: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     static defaultProps: DefaultProps;
+    clear: () => void;
     private getProps;
     private getRootSizeClassName;
     private getTextareaSizeClassName;
@@ -118,6 +80,7 @@ export declare class Textarea extends React.Component<TextareaProps, TextareaSta
         needsPolyfillPlaceholder: boolean;
         isCounterVisible: boolean;
     };
+    private size;
     private reflowCounter;
     private theme;
     private selectAllId;
@@ -126,6 +89,7 @@ export declare class Textarea extends React.Component<TextareaProps, TextareaSta
     private counter;
     private layoutEvents;
     private textareaObserver;
+    getRootNode: TGetRootNode;
     private setRootNode;
     private getAutoResizeThrottleWait;
     private isAnimationsDisabled;
@@ -151,7 +115,6 @@ export declare class Textarea extends React.Component<TextareaProps, TextareaSta
      * @public
      */
     selectAll: () => void;
-    private delaySelectAll;
     private cancelDelayedSelectAll;
     private renderMain;
     private handleCloseCounterHelp;

package/components/Textarea/Textarea.styles/Textarea.styles.js

@@ -16,7 +16,7 @@ export var styles = memoizeStyle({
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge));
   },
   textarea: function textarea(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      -webkit-appearance: none;\n      background: ", ";\n      background-clip: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      min-width: ", ";\n      outline: none;\n      transition:\n        border-color ", " ", ",\n        height 0.2s ease-out;\n      vertical-align: middle;\n      width: 100%;\n      border-radius: ", ";\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ", ";\n        }\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      &:-moz-placeholder {\n        color: ", ";\n      }\n\n      &::-moz-placeholder {\n        color: ", ";\n      }\n    "])), t.textareaBg, t.textareaBackgroundClip, t.textareaBorderWidth, t.textareaBorderColor, t.textareaBorderTopColor, t.textareaShadow, t.textareaColor, t.textareaWidth, t.transitionDuration, t.transitionTimingFunction, t.textareaBorderRadius, t.textareaBorderColorFocus, t.textareaOutlineWidth, t.textareaBorderColorFocus, t.textareaPlaceholderColorLight, t.textareaPlaceholderColor, t.textareaPlaceholderColor, t.textareaPlaceholderColor);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n      -webkit-appearance: none;\n      background: ", ";\n      background-clip: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      min-width: ", ";\n      outline: none;\n      transition:\n        border-color ", " ", ",\n        height 0.2s ease-out;\n      vertical-align: ", ";\n      width: 100%;\n      border-radius: ", ";\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ", ";\n        }\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      &:-moz-placeholder {\n        color: ", ";\n      }\n\n      &::-moz-placeholder {\n        color: ", ";\n      }\n    "])), t.textareaMargin, t.textareaBg, t.textareaBackgroundClip, t.textareaBorderWidth, t.textareaBorderColor, t.textareaBorderTopColor, t.textareaShadow, t.textareaColor, t.textareaWidth, t.transitionDuration, t.transitionTimingFunction, t.textareaVerticalAlign, t.textareaBorderRadius, t.textareaBorderColorFocus, t.textareaOutlineWidth, t.textareaBorderColorFocus, t.textareaPlaceholderColorLight, t.textareaPlaceholderColor, t.textareaPlaceholderColor, t.textareaPlaceholderColor);
   },
   textareaSmall: function textareaSmall(t) {
     return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall));

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","counterSizeMixin","rootTextareaSizeMixin","textareaSizeMixin","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootSmall","t","_templateObject2","textareaFontSizeSmall","textareaLineHeightSmall","rootMedium","_templateObject3","textareaFontSizeMedium","textareaLineHeightMedium","rootLarge","_templateObject4","textareaFontSizeLarge","textareaLineHeightLarge","textarea","_templateObject5","textareaBg","textareaBackgroundClip","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","transitionDuration","transitionTimingFunction","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","textareaSmall","_templateObject6","textareaPaddingYSmall","textareaPaddingXSmall","textareaMinHeightSmall","textareaMedium","_templateObject7","textareaPaddingYMedium","textareaPaddingXMedium","textareaMinHeightMedium","textareaLarge","_templateObject8","textareaPaddingYLarge","textareaPaddingXLarge","textareaMinHeightLarge","hovering","_templateObject9","textareaBorderColorHover","error","_templateObject10","textareaBorderColorError","warning","_templateObject11","textareaBorderColorWarning","disabled","_templateObject12","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","_templateObject13","placeholder","_templateObject14","counterContainer","_templateObject15","counter","_templateObject16","textareaCounterBg","textareaCounterColor","counterSmall","_templateObject17","counterMedium","_templateObject18","counterLarge","_templateObject19","counterError","_templateObject20","textareaCounterErrorColor","counterHelp","_templateObject21","disableAnimations","_templateObject22"],"sources":["Textarea.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { counterSizeMixin, rootTextareaSizeMixin, textareaSizeMixin } from './Textarea.mixins';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeSmall, t.textareaLineHeightSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeMedium, t.textareaLineHeightMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge)};\n    `;\n  },\n\n  textarea(t: Theme) {\n    return css`\n      -webkit-appearance: none;\n      background: ${t.textareaBg};\n      background-clip: ${t.textareaBackgroundClip};\n      border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n      border-top-color: ${t.textareaBorderTopColor};\n      box-shadow: ${t.textareaShadow};\n      box-sizing: border-box;\n      color: ${t.textareaColor};\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      min-width: ${t.textareaWidth};\n      outline: none;\n      transition:\n        border-color ${t.transitionDuration} ${t.transitionTimingFunction},\n        height 0.2s ease-out;\n      vertical-align: middle;\n      width: 100%;\n      border-radius: ${t.textareaBorderRadius};\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ${t.textareaBorderColorFocus};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ${t.textareaPlaceholderColorLight};\n        }\n      }\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &:-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &::-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n    `;\n  },\n  textareaSmall(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall)};\n    `;\n  },\n  textareaMedium(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium)};\n    `;\n  },\n  textareaLarge(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge)};\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:enabled:hover:not(:focus) {\n        border-color: ${t.textareaBorderColorHover};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorError};\n      box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorError};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorWarning};\n      box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorWarning};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.textareaTextColorDisabled};\n      background: ${t.textareaDisabledBg};\n      border-color: ${t.textareaDisabledBorderColor};\n      box-shadow: none;\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  fake() {\n    return css`\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    `;\n  },\n\n  placeholder() {\n    return css`\n      -ms-user-select: none;\n      color: #aaa;\n      left: 12px;\n      overflow: hidden;\n      position: absolute;\n      right: 12px;\n      top: 9px;\n      user-select: none;\n      z-index: 3;\n    `;\n  },\n\n  counterContainer(t: Theme) {\n    return css`\n      position: absolute;\n      top: 0;\n      border: ${t.textareaBorderWidth} solid transparent;\n      box-sizing: content-box;\n    `;\n  },\n\n  counter(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ${t.textareaCounterBg};\n      color: ${t.textareaCounterColor};\n      border-radius: 2px;\n    `;\n  },\n  counterSmall(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall)};\n    `;\n  },\n  counterMedium(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium)};\n    `;\n  },\n  counterLarge(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge)};\n    `;\n  },\n\n  counterError(t: Theme) {\n    return css`\n      color: ${t.textareaCounterErrorColor};\n    `;\n  },\n\n  counterHelp() {\n    return css`\n      margin-left: 4px;\n      cursor: pointer;\n    `;\n  },\n\n  disableAnimations() {\n    return css`\n      transition: none;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","counterSizeMixin","rootTextareaSizeMixin","textareaSizeMixin","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootSmall","t","_templateObject2","textareaFontSizeSmall","textareaLineHeightSmall","rootMedium","_templateObject3","textareaFontSizeMedium","textareaLineHeightMedium","rootLarge","_templateObject4","textareaFontSizeLarge","textareaLineHeightLarge","textarea","_templateObject5","textareaMargin","textareaBg","textareaBackgroundClip","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","transitionDuration","transitionTimingFunction","textareaVerticalAlign","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","textareaSmall","_templateObject6","textareaPaddingYSmall","textareaPaddingXSmall","textareaMinHeightSmall","textareaMedium","_templateObject7","textareaPaddingYMedium","textareaPaddingXMedium","textareaMinHeightMedium","textareaLarge","_templateObject8","textareaPaddingYLarge","textareaPaddingXLarge","textareaMinHeightLarge","hovering","_templateObject9","textareaBorderColorHover","error","_templateObject10","textareaBorderColorError","warning","_templateObject11","textareaBorderColorWarning","disabled","_templateObject12","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","_templateObject13","placeholder","_templateObject14","counterContainer","_templateObject15","counter","_templateObject16","textareaCounterBg","textareaCounterColor","counterSmall","_templateObject17","counterMedium","_templateObject18","counterLarge","_templateObject19","counterError","_templateObject20","textareaCounterErrorColor","counterHelp","_templateObject21","disableAnimations","_templateObject22"],"sources":["Textarea.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { counterSizeMixin, rootTextareaSizeMixin, textareaSizeMixin } from './Textarea.mixins';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeSmall, t.textareaLineHeightSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeMedium, t.textareaLineHeightMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge)};\n    `;\n  },\n\n  textarea(t: Theme) {\n    return css`\n      margin: ${t.textareaMargin};\n      -webkit-appearance: none;\n      background: ${t.textareaBg};\n      background-clip: ${t.textareaBackgroundClip};\n      border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n      border-top-color: ${t.textareaBorderTopColor};\n      box-shadow: ${t.textareaShadow};\n      box-sizing: border-box;\n      color: ${t.textareaColor};\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      min-width: ${t.textareaWidth};\n      outline: none;\n      transition:\n        border-color ${t.transitionDuration} ${t.transitionTimingFunction},\n        height 0.2s ease-out;\n      vertical-align: ${t.textareaVerticalAlign};\n      width: 100%;\n      border-radius: ${t.textareaBorderRadius};\n      white-space: pre-wrap;\n\n      &:focus {\n        border-color: ${t.textareaBorderColorFocus};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\n        position: relative;\n        z-index: 2;\n\n        &::placeholder {\n          color: ${t.textareaPlaceholderColorLight};\n        }\n      }\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &:-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n\n      &::-moz-placeholder {\n        color: ${t.textareaPlaceholderColor};\n      }\n    `;\n  },\n  textareaSmall(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall)};\n    `;\n  },\n  textareaMedium(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium)};\n    `;\n  },\n  textareaLarge(t: Theme) {\n    return css`\n      ${textareaSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge)};\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:enabled:hover:not(:focus) {\n        border-color: ${t.textareaBorderColorHover};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorError};\n      box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorError};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.textareaBorderColorWarning};\n      box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n      &:focus {\n        border-color: ${t.textareaBorderColorWarning};\n        box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.textareaTextColorDisabled};\n      background: ${t.textareaDisabledBg};\n      border-color: ${t.textareaDisabledBorderColor};\n      box-shadow: none;\n\n      &::placeholder {\n        color: ${t.textareaPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  fake() {\n    return css`\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    `;\n  },\n\n  placeholder() {\n    return css`\n      -ms-user-select: none;\n      color: #aaa;\n      left: 12px;\n      overflow: hidden;\n      position: absolute;\n      right: 12px;\n      top: 9px;\n      user-select: none;\n      z-index: 3;\n    `;\n  },\n\n  counterContainer(t: Theme) {\n    return css`\n      position: absolute;\n      top: 0;\n      border: ${t.textareaBorderWidth} solid transparent;\n      box-sizing: content-box;\n    `;\n  },\n\n  counter(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ${t.textareaCounterBg};\n      color: ${t.textareaCounterColor};\n      border-radius: 2px;\n    `;\n  },\n  counterSmall(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall)};\n    `;\n  },\n  counterMedium(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium)};\n    `;\n  },\n  counterLarge(t: Theme) {\n    return css`\n      ${counterSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge)};\n    `;\n  },\n\n  counterError(t: Theme) {\n    return css`\n      color: ${t.textareaCounterErrorColor};\n    `;\n  },\n\n  counterHelp() {\n    return css`\n      margin-left: 4px;\n      cursor: pointer;\n    `;\n  },\n\n  disableAnimations() {\n    return css`\n      transition: none;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Textarea/TextareaCounter/TextareaCounter.js

@@ -1,7 +1,4 @@
 import React, { useContext, useCallback, useImperativeHandle, useState } from 'react';
-import propTypes from 'prop-types';
-import { globalObject } from '@skbkontur/global-object';
-import { safePropTypesInstanceOf } from "../../../lib/SSRSafe";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isFunction } from "../../../lib/utils";
@@ -87,11 +84,4 @@ export var TextareaCounter = forwardRefAndName('TextareaCounter', function (_ref
       className: styles.counterHelp()
     }, counterHelp)))
   );
-});
-TextareaCounter.propTypes = {
-  length: propTypes.number.isRequired,
-  value: propTypes.oneOfType([propTypes.string, propTypes.number]),
-  help: propTypes.oneOfType([propTypes.node, propTypes.func]),
-  onCloseHelp: propTypes.func.isRequired,
-  textarea: safePropTypesInstanceOf(globalObject.HTMLTextAreaElement).isRequired
-};
+});

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useCallback","useImperativeHandle","useState","propTypes","globalObject","safePropTypesInstanceOf","forwardRefAndName","ThemeContext","isFunction","Tooltip","cx","QuestionCircleIcon16Solid","TextareaDataTids","styles","handleHelpMouseDown","e","preventDefault","TextareaCounter","_ref","ref","_cx","length","value","help","onCloseHelp","textarea","size","theme","_useState","clientWidth","width","setWidth","_useState2","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","helpIconProps","onMouseDown","color","textareaCounterHelpIconColor","helpIcon","createElement","counterHelp","pos","trigger","render","onCloseClick","getCounterSizeClassName","counterLarge","counterMedium","counterSmall","counter","className","counterContainer","style","counterError","number","isRequired","oneOfType","string","node","func","HTMLTextAreaElement"],"sources":["TextareaCounter.tsx"],"sourcesContent":["import type { SyntheticEvent } from 'react';\nimport React, { useContext, useCallback, useImperativeHandle, useState } from 'react';\nimport propTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\nimport { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { TextareaProps } from './Textarea';\nimport { TextareaDataTids } from './Textarea';\nimport { styles } from './Textarea.styles';\n\nexport interface TextareaCounterProps {\n  value: TextareaProps['value'];\n  length: number;\n  help: TextareaProps['counterHelp'];\n  onCloseHelp: () => void;\n  textarea: HTMLTextAreaElement;\n  size: SizeProp;\n}\n\nexport interface TextareaCounterRef {\n  reflow: () => void;\n}\n\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\n\nexport const TextareaCounter = forwardRefAndName<TextareaCounterRef, TextareaCounterProps>(\n  'TextareaCounter',\n  ({ length, value, help, onCloseHelp, textarea, size }, ref) => {\n    const theme = useContext(ThemeContext);\n    const [width, setWidth] = useState(textarea.clientWidth);\n    const [height, setHeight] = useState(textarea.clientHeight);\n    const reflow = useCallback(() => {\n      const { clientWidth, clientHeight } = textarea;\n      setWidth(clientWidth);\n      setHeight(clientHeight);\n    }, [textarea]);\n    useImperativeHandle(ref, () => ({ reflow }), [reflow]);\n    const renderTooltipContent = useCallback(() => {\n      if (typeof help === 'function') {\n        return help();\n      }\n      return help;\n    }, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n\n    const helpIconProps = {\n      onMouseDown: handleHelpMouseDown,\n      color: theme.textareaCounterHelpIconColor,\n      'data-tid': TextareaDataTids.helpIcon,\n    };\n    const helpIcon = <QuestionCircleIcon16Solid {...helpIconProps} />;\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        {helpIcon}\n      </Tooltip>\n    );\n\n    const getCounterSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return styles.counterLarge(theme);\n        case 'medium':\n          return styles.counterMedium(theme);\n        case 'small':\n        default:\n          return styles.counterSmall(theme);\n      }\n    };\n\n    return (\n      <div data-tid={TextareaDataTids.counter} className={cx(styles.counterContainer(theme))} style={{ width, height }}>\n        <span\n          className={cx(getCounterSizeClassName(), styles.counter(theme), {\n            [styles.counterError(theme)]: counterValue < 0,\n          })}\n        >\n          {counterValue}\n          {help && <span className={styles.counterHelp()}>{counterHelp}</span>}\n        </span>\n      </div>\n    );\n  },\n);\n\nTextareaCounter.propTypes = {\n  length: propTypes.number.isRequired,\n  value: propTypes.oneOfType([propTypes.string, propTypes.number]),\n  help: propTypes.oneOfType([propTypes.node, propTypes.func]),\n  onCloseHelp: propTypes.func.isRequired,\n  textarea: safePropTypesInstanceOf(globalObject.HTMLTextAreaElement).isRequired,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","useCallback","useImperativeHandle","useState","forwardRefAndName","ThemeContext","isFunction","Tooltip","cx","QuestionCircleIcon16Solid","TextareaDataTids","styles","handleHelpMouseDown","e","preventDefault","TextareaCounter","_ref","ref","_cx","length","value","help","onCloseHelp","textarea","size","theme","_useState","clientWidth","width","setWidth","_useState2","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","helpIconProps","onMouseDown","color","textareaCounterHelpIconColor","helpIcon","createElement","counterHelp","pos","trigger","render","onCloseClick","getCounterSizeClassName","counterLarge","counterMedium","counterSmall","counter","className","counterContainer","style","counterError"],"sources":["TextareaCounter.tsx"],"sourcesContent":["import type { SyntheticEvent } from 'react';\nimport React, { useContext, useCallback, useImperativeHandle, useState } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\nimport { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { TextareaProps } from './Textarea';\nimport { TextareaDataTids } from './Textarea';\nimport { styles } from './Textarea.styles';\n\nexport interface TextareaCounterProps {\n  value: TextareaProps['value'];\n  length: number;\n  help: TextareaProps['counterHelp'];\n  onCloseHelp: () => void;\n  textarea: HTMLTextAreaElement;\n  size: SizeProp;\n}\n\nexport interface TextareaCounterRef {\n  reflow: () => void;\n}\n\nconst handleHelpMouseDown = (e: SyntheticEvent) => e.preventDefault();\n\nexport const TextareaCounter = forwardRefAndName<TextareaCounterRef, TextareaCounterProps>(\n  'TextareaCounter',\n  ({ length, value, help, onCloseHelp, textarea, size }, ref) => {\n    const theme = useContext(ThemeContext);\n    const [width, setWidth] = useState(textarea.clientWidth);\n    const [height, setHeight] = useState(textarea.clientHeight);\n    const reflow = useCallback(() => {\n      const { clientWidth, clientHeight } = textarea;\n      setWidth(clientWidth);\n      setHeight(clientHeight);\n    }, [textarea]);\n    useImperativeHandle(ref, () => ({ reflow }), [reflow]);\n    const renderTooltipContent = useCallback(() => {\n      if (typeof help === 'function') {\n        return help();\n      }\n      return help;\n    }, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n\n    const helpIconProps = {\n      onMouseDown: handleHelpMouseDown,\n      color: theme.textareaCounterHelpIconColor,\n      'data-tid': TextareaDataTids.helpIcon,\n    };\n    const helpIcon = <QuestionCircleIcon16Solid {...helpIconProps} />;\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        {helpIcon}\n      </Tooltip>\n    );\n\n    const getCounterSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return styles.counterLarge(theme);\n        case 'medium':\n          return styles.counterMedium(theme);\n        case 'small':\n        default:\n          return styles.counterSmall(theme);\n      }\n    };\n\n    return (\n      <div data-tid={TextareaDataTids.counter} className={cx(styles.counterContainer(theme))} style={{ width, height }}>\n        <span\n          className={cx(getCounterSizeClassName(), styles.counter(theme), {\n            [styles.counterError(theme)]: counterValue < 0,\n          })}\n        >\n          {counterValue}\n          {help && <span className={styles.counterHelp()}>{counterHelp}</span>}\n        </span>\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/components/Toast/Toast/Toast.js

@@ -12,7 +12,16 @@ import { isTestEnv } from "../../../lib/currentEnvironment";
 import { rootNode } from "../../../lib/rootNode";
 import { styles } from "../Toast.styles";
 import { ToastView } from "../ToastView";
-import { ToastStatic } from "../ToastStatic";
+
+/**
+ * Состояния тоста:
+ *
+ * - default стиль для отображения по-умолчанию
+ * - error стиль для отображения ошибок
+ **/
+
+/** Объект с конфигурацией отображения Toast-а */
+
 export var ToastDataTids = {
   toastStatic: 'StaticToast',
   toastView: 'ToastView__root',
@@ -24,10 +33,6 @@ export var ToastDataTids = {
  * `Toast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
  * Результат может быть положительным, отрицательным или нейтральным.
  *
- * Доступен статический метод: `Toast.push(notification, action?, showTime?)`.
- * Однако, при его использовании не работает кастомизация, они не поддерживаются в `React@18`, а также могут быть проблемы с перекрытием уведомления другими элементами страницы.
- *
- * Для статических тостов рекомендуется использовать компонент SingleToast - в нём исправлены эти проблемы.
  */
 export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Component) {
   function Toast(props) {
@@ -35,6 +40,35 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
     _this = _React$Component.call(this, props) || this;
     _this.rootRef = /*#__PURE__*/React.createRef();
 
+    /**
+     * Показывает тост с `notification` в качестве сообщения.
+     * Тост автоматически скрывается через 3 или 7 секунд,
+     * в зависимости от наличия у него кнопки `action` внутри config-а.
+     * Время показа можно задать вручную, передав `showTime` внутри config-а.
+     *
+     * @public
+     * @param {React.ReactNode} notification
+     * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
+     */
+    _this.push = function (notification, config) {
+      if (_this.state.notification) {
+        _this.close();
+      }
+      safelyCall(_this.props.onPush, notification, config == null ? void 0 : config.action);
+      _this.setState(function (_ref) {
+        var _config$use;
+        var id = _ref.id;
+        return {
+          notification: notification,
+          action: config == null ? void 0 : config.action,
+          id: id + 1,
+          showTime: config == null ? void 0 : config.showTime,
+          showCloseIcon: config == null ? void 0 : config.showCloseIcon,
+          currentUse: (_config$use = config == null ? void 0 : config.use) != null ? _config$use : 'default'
+        };
+      }, _this._setTimer);
+    };
+
     /**
      * @public
      */
@@ -71,7 +105,8 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
       action: null,
       id: 0,
       showTime: null,
-      showCloseIcon: false
+      showCloseIcon: false,
+      currentUse: 'default'
     };
     return _this;
   }
@@ -88,41 +123,14 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
         value: _this2.theme
       }, /*#__PURE__*/React.createElement(RenderContainer, null, /*#__PURE__*/React.createElement(TransitionGroup, null, _this2._renderToast())));
     });
-  } /**
-    * Показывает тост с `notification` в качестве сообщения.
-    * Тост автоматически скрывается через 3 или 7 секунд,
-    * в зависимости от наличия у него кнопки `action`.
-    * Время показа можно задать вручную, передав `showTime`.
-    *
-    * @public
-    * @param {React.ReactNode} notification
-    * @param {Action} action `action` опциональный параметр формата `{ label: React.ReactNode, handler: function }`
-    * добавляет кнопку в виде ссылки при клике на которую вызывается переданный handler
-    * @param {number} showTime Время существования Toast в миллисекундах
-    * @param {boolean} showCloseIcon Добавляет крестик для закрытия тоста. При указывании action в onPush крестик отображается всегда.
-    */;
-  _proto.push = function push(notification, action, showTime, showCloseIcon) {
-    if (this.state.notification) {
-      this.close();
-    }
-    safelyCall(this.props.onPush, notification, action);
-    this.setState(function (_ref) {
-      var id = _ref.id;
-      return {
-        notification: notification,
-        action: action,
-        id: id + 1,
-        showTime: showTime,
-        showCloseIcon: showCloseIcon
-      };
-    }, this._setTimer);
   };
   _proto._renderToast = function _renderToast() {
     var _this$state = this.state,
       notification = _this$state.notification,
       action = _this$state.action,
       id = _this$state.id,
-      showCloseIcon = _this$state.showCloseIcon;
+      showCloseIcon = _this$state.showCloseIcon,
+      currentUse = _this$state.currentUse;
     if (!notification) {
       return null;
     }
@@ -133,7 +141,8 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
       children: notification,
       'aria-label': this.props['aria-label'],
       action: action,
-      showCloseIcon: showCloseIcon
+      showCloseIcon: showCloseIcon,
+      use: currentUse
     };
     return /*#__PURE__*/React.createElement(CSSTransition, {
       key: id,
@@ -157,11 +166,7 @@ export var Toast = rootNode(_class = (_Toast = /*#__PURE__*/function (_React$Com
     }, toastProps))));
   };
   return Toast;
-}(React.Component), _Toast.__KONTUR_REACT_UI__ = 'Toast', _Toast.displayName = 'Toast', _Toast.push = function (notification, action, showTime, showCloseIcon) {
-  ToastStatic.push(notification, action, showTime, showCloseIcon);
-}, _Toast.close = function () {
-  ToastStatic.close();
-}, _Toast)) || _class;
+}(React.Component), _Toast.__KONTUR_REACT_UI__ = 'Toast', _Toast.displayName = 'Toast', _Toast)) || _class;
 function safelyCall(fn) {
   if (fn) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {