@skbkontur/react-ui 4.13.1 → 4.13.3

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

@@ -1 +1 @@
-{"version":3,"sources":["Textarea.tsx"],"names":["DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","TextareaDataTids","root","counter","Textarea","rootNode","getProps","defaultProps","state","needsPolyfillPlaceholder","isCounterVisible","reflowCounter","reflow","selectAllId","textareaObserver","isBrowser","MutationObserver","setSelectionRange","start","end","node","Error","document","activeElement","focus","selectAll","value","length","delaySelectAll","cancelDelayedSelectAll","raf","cancel","renderMain","props","width","error","warning","autoResize","resize","onCut","onPaste","maxRows","onFocus","selectAllOnFocus","placeholder","onValueChange","showLengthCounter","lengthCounter","counterHelp","extraRow","disableAnimations","disabled","textareaProps","rootProps","style","textareaClassNames","styles","textarea","theme","isAnimationsDisabled","textareaStyle","placeholderPolyfill","defaultValue","fakeTextarea","fakeProps","className","fake","readOnly","refFake","maxLength","handleCloseCounterHelp","refCounter","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","isIE11","componentDidMount","layoutEvents","LayoutEvents","addListener","observe","attributes","componentWillUnmount","remove","disconnect","componentDidUpdate","prevProps","render","setRootNode","blur","React","Component","__KONTUR_REACT_UI__","propTypes","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","isTestEnv"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { ReactNode } from 'react';\nimport PropTypes from 'prop-types';\nimport throttle from 'lodash.throttle';\nimport raf from 'raf';\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 { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { isBrowser, isIE11 } from '../../lib/client';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { getTextAreaHeight } from './TextareaHelpers';\nimport { styles } from './Textarea.styles';\nimport { TextareaCounter, TextareaCounterRef } from './TextareaCounter';\n\nconst DEFAULT_WIDTH = 250;\nconst AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;\n\nexport interface TextareaProps\n  extends 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        /**\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} as const;\n\ntype DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow' | 'disableAnimations'>>;\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\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    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(Textarea.defaultProps);\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 = isBrowser ? new MutationObserver(this.reflowCounter) : 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.props}>\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 (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 => (this.selectAllId = raf(this.selectAll));\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      raf.cancel(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      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({\n      [styles.textarea(this.theme)]: true,\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        help={counterHelp}\n        value={textareaProps.value}\n        length={textareaProps.maxLength ?? lengthCounter ?? 0}\n        onCloseHelp={this.handleCloseCounterHelp}\n        ref={this.refCounter}\n      />\n    );\n\n    return (\n      <RenderLayer\n        onFocusOutside={this.handleCloseCounterHelp}\n        onClickOutside={this.handleCloseCounterHelp}\n        active={this.state.isCounterVisible}\n      >\n        <label data-tid={TextareaDataTids.root} {...rootProps} className={styles.root(this.theme)}>\n          {placeholderPolyfill}\n          <ResizeDetector onResize={this.reflowCounter}>\n            <textarea\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            </textarea>\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    const { height, exceededMaxHeight } = 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    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":["DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","TextareaDataTids","root","counter","helpIcon","Textarea","rootNode","getProps","defaultProps","state","needsPolyfillPlaceholder","isCounterVisible","reflowCounter","reflow","selectAllId","textareaObserver","isBrowser","MutationObserver","setSelectionRange","start","end","node","Error","document","activeElement","focus","selectAll","value","length","delaySelectAll","cancelDelayedSelectAll","raf","cancel","renderMain","props","width","error","warning","autoResize","resize","onCut","onPaste","maxRows","onFocus","selectAllOnFocus","placeholder","onValueChange","showLengthCounter","lengthCounter","counterHelp","extraRow","disableAnimations","disabled","textareaProps","rootProps","style","textareaClassNames","styles","textarea","theme","isAnimationsDisabled","textareaStyle","placeholderPolyfill","defaultValue","fakeTextarea","fakeProps","className","fake","readOnly","refFake","maxLength","handleCloseCounterHelp","refCounter","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","isIE11","componentDidMount","layoutEvents","LayoutEvents","addListener","observe","attributes","componentWillUnmount","remove","disconnect","componentDidUpdate","prevProps","render","setRootNode","blur","React","Component","__KONTUR_REACT_UI__","propTypes","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","isTestEnv"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React, { ReactNode } from 'react';\nimport PropTypes from 'prop-types';\nimport throttle from 'lodash.throttle';\nimport raf from 'raf';\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 { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { isBrowser, isIE11 } from '../../lib/client';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { getTextAreaHeight } from './TextareaHelpers';\nimport { styles } from './Textarea.styles';\nimport { TextareaCounter, TextareaCounterRef } from './TextareaCounter';\n\nconst DEFAULT_WIDTH = 250;\nconst AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;\n\nexport interface TextareaProps\n  extends 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        /**\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'>>;\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\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    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(Textarea.defaultProps);\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 = isBrowser ? new MutationObserver(this.reflowCounter) : 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.props}>\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 (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 => (this.selectAllId = raf(this.selectAll));\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      raf.cancel(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      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({\n      [styles.textarea(this.theme)]: true,\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        help={counterHelp}\n        value={textareaProps.value}\n        length={textareaProps.maxLength ?? lengthCounter ?? 0}\n        onCloseHelp={this.handleCloseCounterHelp}\n        ref={this.refCounter}\n      />\n    );\n\n    return (\n      <RenderLayer\n        onFocusOutside={this.handleCloseCounterHelp}\n        onClickOutside={this.handleCloseCounterHelp}\n        active={this.state.isCounterVisible}\n      >\n        <label data-tid={TextareaDataTids.root} {...rootProps} className={styles.root(this.theme)}>\n          {placeholderPolyfill}\n          <ResizeDetector onResize={this.reflowCounter}>\n            <textarea\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            </textarea>\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    const { height, exceededMaxHeight } = 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    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/cjs/components/Textarea/TextareaCounter.js

@@ -45,7 +45,11 @@ function (_ref, ref) {var _cx;var length = _ref.length,value = _ref.value,help =
   help() : /*#__PURE__*/
 
   _react.default.createElement(_Tooltip.Tooltip, { pos: 'right bottom', trigger: 'click', render: renderTooltipContent, onCloseClick: onCloseHelp }, /*#__PURE__*/
-  _react.default.createElement(_px.HelpDotIcon, { onMouseDown: handleHelpMouseDown, color: theme.textareaCounterHelpIconColor }));
+  _react.default.createElement(_px.HelpDotIcon, {
+    onMouseDown: handleHelpMouseDown,
+    color: theme.textareaCounterHelpIconColor,
+    "data-tid": _Textarea.TextareaDataTids.helpIcon }));
+
 
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["TextareaCounter.tsx"],"names":["handleHelpMouseDown","e","preventDefault","TextareaCounter","ref","length","value","help","onCloseHelp","textarea","theme","ThemeContext","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","counterHelp","textareaCounterHelpIconColor","TextareaDataTids","counter","styles","counterContainer","counterError","propTypes","number","isRequired","oneOfType","string","node","func","HTMLElement"],"mappings":"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","sourcesContent":["import React, { SyntheticEvent, useContext, useCallback, useImperativeHandle, useState } from 'react';\nimport propTypes from 'prop-types';\n\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { HelpDotIcon } from '../../internal/icons/16px';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { TextareaDataTids, TextareaProps } 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}\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 }, 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(() => help, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        <HelpDotIcon onMouseDown={handleHelpMouseDown} color={theme.textareaCounterHelpIconColor} />\n      </Tooltip>\n    );\n\n    return (\n      <div data-tid={TextareaDataTids.counter} className={styles.counterContainer(theme)} style={{ width, height }}>\n        <span\n          className={cx(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(() => HTMLElement).isRequired,\n};\n"]}
+{"version":3,"sources":["TextareaCounter.tsx"],"names":["handleHelpMouseDown","e","preventDefault","TextareaCounter","ref","length","value","help","onCloseHelp","textarea","theme","ThemeContext","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","counterHelp","textareaCounterHelpIconColor","TextareaDataTids","helpIcon","counter","styles","counterContainer","counterError","propTypes","number","isRequired","oneOfType","string","node","func","HTMLElement"],"mappings":"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","sourcesContent":["import React, { SyntheticEvent, useContext, useCallback, useImperativeHandle, useState } from 'react';\nimport propTypes from 'prop-types';\n\nimport { safePropTypesInstanceOf } from '../../lib/SSRSafe';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { HelpDotIcon } from '../../internal/icons/16px';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { TextareaDataTids, TextareaProps } 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}\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 }, 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(() => help, [help]);\n    const textareaValue = value ? value.toString().length : 0;\n    const counterValue = length - textareaValue;\n    const counterHelp = isFunction(help) ? (\n      help()\n    ) : (\n      <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n        <HelpDotIcon\n          onMouseDown={handleHelpMouseDown}\n          color={theme.textareaCounterHelpIconColor}\n          data-tid={TextareaDataTids.helpIcon}\n        />\n      </Tooltip>\n    );\n\n    return (\n      <div data-tid={TextareaDataTids.counter} className={styles.counterContainer(theme)} style={{ width, height }}>\n        <span\n          className={cx(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(() => HTMLElement).isRequired,\n};\n"]}

package/cjs/components/Token/Token.d.ts

@@ -32,6 +32,7 @@ export interface TokenProps extends CommonProps {
 }
 export declare const TokenDataTids: {
     readonly root: "Token__root";
+    readonly removeIcon: "Token__removeIcon";
 };
 export declare class Token extends React.Component<TokenProps> {
     static __KONTUR_REACT_UI__: string;

package/cjs/components/Token/Token.js

@@ -54,7 +54,8 @@ var getValidation = function getValidation(error, warning) {
 };
 
 var TokenDataTids = {
-  root: 'Token__root' };exports.TokenDataTids = TokenDataTids;var
+  root: 'Token__root',
+  removeIcon: 'Token__removeIcon' };exports.TokenDataTids = TokenDataTids;var
 
 
 
@@ -133,6 +134,10 @@ Token = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functio
 
 
 
+
+
+
+
 
 
 
@@ -147,4 +152,4 @@ Token = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functio
       }
 
       onRemove(event);
-    };return _this;}var _proto = Token.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx, _cx2;var _this$props2 = this.props,children = _this$props2.children,isActive = _this$props2.isActive,colors = _this$props2.colors,error = _this$props2.error,warning = _this$props2.warning,disabled = _this$props2.disabled,ariaDescribedby = _this$props2['aria-describedby'],_this$props2$onClick = _this$props2.onClick,onClick = _this$props2$onClick === void 0 ? _utils.emptyHandler : _this$props2$onClick,_this$props2$onDouble = _this$props2.onDoubleClick,onDoubleClick = _this$props2$onDouble === void 0 ? _utils.emptyHandler : _this$props2$onDouble,_this$props2$onMouseE = _this$props2.onMouseEnter,onMouseEnter = _this$props2$onMouseE === void 0 ? _utils.emptyHandler : _this$props2$onMouseE,_this$props2$onMouseL = _this$props2.onMouseLeave,onMouseLeave = _this$props2$onMouseL === void 0 ? _utils.emptyHandler : _this$props2$onMouseL,_this$props2$onFocus = _this$props2.onFocus,onFocus = _this$props2$onFocus === void 0 ? _utils.emptyHandler : _this$props2$onFocus,_this$props2$onBlur = _this$props2.onBlur,onBlur = _this$props2$onBlur === void 0 ? _utils.emptyHandler : _this$props2$onBlur;var theme = this.theme;var validation = getValidation(error, warning);var disableClassNames = (0, _Emotion.cx)(_Token.colorStyles.defaultDisabled(theme), (_cx = {}, _cx[_Token.colorStyles.defaultDisabledWarning(theme)] = warning, _cx[_Token.colorStyles.defaultDisabledError(theme)] = error, _cx));var tokenClassName = disabled ? disableClassNames : _Token.colorStyles.defaultIdle(theme, validation);var activeTokenClassName = disabled ? disableClassNames : _Token.colorStyles.defaultActive(theme, validation);if (!disabled && colors) {tokenClassName = _Token.colorStyles[colors.idle](theme, validation);var activeClassName = colors.active ? colors.active : colors.idle;activeTokenClassName = _Token.colorStyles[activeClassName](theme, validation);}var tokenClassNames = (0, _Emotion.cx)(_Token.styles.token(this.theme), tokenClassName, (_cx2 = {}, _cx2[activeTokenClassName] = !!isActive, _cx2[_Token.styles.disabled(theme)] = !!disabled, _cx2));return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": TokenDataTids.root, className: tokenClassNames, "aria-describedby": ariaDescribedby, onClick: onClick, onDoubleClick: onDoubleClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, /*#__PURE__*/_react.default.createElement("span", { className: _Token.styles.text(this.theme) }, children), /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_Token.styles.removeIcon(this.theme), _Token.globalClasses.removeIcon), onClick: this.onRemoveClick }, /*#__PURE__*/_react.default.createElement(_CrossIcon.CrossIcon, null))));};return Token;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Token', _temp)) || _class;exports.Token = Token;
+    };return _this;}var _proto = Token.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx, _cx2;var _this$props2 = this.props,children = _this$props2.children,isActive = _this$props2.isActive,colors = _this$props2.colors,error = _this$props2.error,warning = _this$props2.warning,disabled = _this$props2.disabled,ariaDescribedby = _this$props2['aria-describedby'],_this$props2$onClick = _this$props2.onClick,onClick = _this$props2$onClick === void 0 ? _utils.emptyHandler : _this$props2$onClick,_this$props2$onDouble = _this$props2.onDoubleClick,onDoubleClick = _this$props2$onDouble === void 0 ? _utils.emptyHandler : _this$props2$onDouble,_this$props2$onMouseE = _this$props2.onMouseEnter,onMouseEnter = _this$props2$onMouseE === void 0 ? _utils.emptyHandler : _this$props2$onMouseE,_this$props2$onMouseL = _this$props2.onMouseLeave,onMouseLeave = _this$props2$onMouseL === void 0 ? _utils.emptyHandler : _this$props2$onMouseL,_this$props2$onFocus = _this$props2.onFocus,onFocus = _this$props2$onFocus === void 0 ? _utils.emptyHandler : _this$props2$onFocus,_this$props2$onBlur = _this$props2.onBlur,onBlur = _this$props2$onBlur === void 0 ? _utils.emptyHandler : _this$props2$onBlur;var theme = this.theme;var validation = getValidation(error, warning);var disableClassNames = (0, _Emotion.cx)(_Token.colorStyles.defaultDisabled(theme), (_cx = {}, _cx[_Token.colorStyles.defaultDisabledWarning(theme)] = warning, _cx[_Token.colorStyles.defaultDisabledError(theme)] = error, _cx));var tokenClassName = disabled ? disableClassNames : _Token.colorStyles.defaultIdle(theme, validation);var activeTokenClassName = disabled ? disableClassNames : _Token.colorStyles.defaultActive(theme, validation);if (!disabled && colors) {tokenClassName = _Token.colorStyles[colors.idle](theme, validation);var activeClassName = colors.active ? colors.active : colors.idle;activeTokenClassName = _Token.colorStyles[activeClassName](theme, validation);}var tokenClassNames = (0, _Emotion.cx)(_Token.styles.token(this.theme), tokenClassName, (_cx2 = {}, _cx2[activeTokenClassName] = !!isActive, _cx2[_Token.styles.disabled(theme)] = !!disabled, _cx2));return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": TokenDataTids.root, className: tokenClassNames, "aria-describedby": ariaDescribedby, onClick: onClick, onDoubleClick: onDoubleClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, /*#__PURE__*/_react.default.createElement("span", { className: _Token.styles.text(this.theme) }, children), /*#__PURE__*/_react.default.createElement("span", { className: (0, _Emotion.cx)(_Token.styles.removeIcon(this.theme), _Token.globalClasses.removeIcon), onClick: this.onRemoveClick, "data-tid": TokenDataTids.removeIcon }, /*#__PURE__*/_react.default.createElement(_CrossIcon.CrossIcon, null))));};return Token;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Token', _temp)) || _class;exports.Token = Token;

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

@@ -1 +1 @@
-{"version":3,"sources":["Token.tsx"],"names":["getValidation","error","warning","TokenDataTids","root","Token","rootNode","onRemoveClick","event","props","disabled","onRemove","emptyHandler","preventDefault","render","theme","renderMain","children","isActive","colors","ariaDescribedby","onClick","onDoubleClick","onMouseEnter","onMouseLeave","onFocus","onBlur","validation","disableClassNames","colorStyles","defaultDisabled","defaultDisabledWarning","defaultDisabledError","tokenClassName","defaultIdle","activeTokenClassName","defaultActive","idle","activeClassName","active","tokenClassNames","styles","token","setRootNode","text","removeIcon","globalClasses","React","Component","__KONTUR_REACT_UI__"],"mappings":"2VAAA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA,uC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,IAAMA,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;;AAUO,IAAMC,aAAa,GAAG;AAC3BC,EAAAA,IAAI,EAAE,aADqB,EAAtB,C;;;;AAKMC,K,OADZC,kB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFSC,IAAAA,a,GAAgB,UAACC,KAAD,EAAsD;AAC5E,wBAA8C,MAAKC,KAAnD,CAAQC,QAAR,eAAQA,QAAR,oCAAkBC,QAAlB,CAAkBA,QAAlB,qCAA6BC,mBAA7B;;AAEA,UAAIF,QAAJ,EAAc;AACZF,QAAAA,KAAK,CAACK,cAAN;AACA;AACD;;AAEDF,MAAAA,QAAQ,CAACH,KAAD,CAAR;AACD,K,mDAnFMM,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEOA,U,GAAR,sBAAqB,eACnB,mBAcI,KAAKP,KAdT,CACEQ,QADF,gBACEA,QADF,CAEEC,QAFF,gBAEEA,QAFF,CAGEC,MAHF,gBAGEA,MAHF,CAIElB,KAJF,gBAIEA,KAJF,CAKEC,OALF,gBAKEA,OALF,CAMEQ,QANF,gBAMEA,QANF,CAOsBU,eAPtB,gBAOE,kBAPF,sCAQEC,OARF,CAQEA,OARF,qCAQYT,mBARZ,6DASEU,aATF,CASEA,aATF,sCASkBV,mBATlB,8DAUEW,YAVF,CAUEA,YAVF,sCAUiBX,mBAVjB,8DAWEY,YAXF,CAWEA,YAXF,sCAWiBZ,mBAXjB,6DAYEa,OAZF,CAYEA,OAZF,qCAYYb,mBAZZ,2DAaEc,MAbF,CAaEA,MAbF,oCAaWd,mBAbX,uBAgBA,IAAMG,KAAK,GAAG,KAAKA,KAAnB,CAEA,IAAMY,UAAU,GAAG3B,aAAa,CAACC,KAAD,EAAQC,OAAR,CAAhC,CAEA,IAAM0B,iBAAiB,GAAG,iBAAGC,mBAAYC,eAAZ,CAA4Bf,KAA5B,CAAH,iBACvBc,mBAAYE,sBAAZ,CAAmChB,KAAnC,CADuB,IACqBb,OADrB,MAEvB2B,mBAAYG,oBAAZ,CAAiCjB,KAAjC,CAFuB,IAEmBd,KAFnB,OAA1B,CAKA,IAAIgC,cAAc,GAAGvB,QAAQ,GAAGkB,iBAAH,GAAuBC,mBAAYK,WAAZ,CAAwBnB,KAAxB,EAA+BY,UAA/B,CAApD,CACA,IAAIQ,oBAAoB,GAAGzB,QAAQ,GAAGkB,iBAAH,GAAuBC,mBAAYO,aAAZ,CAA0BrB,KAA1B,EAAiCY,UAAjC,CAA1D,CAEA,IAAI,CAACjB,QAAD,IAAaS,MAAjB,EAAyB,CACvBc,cAAc,GAAGJ,mBAAYV,MAAM,CAACkB,IAAnB,EAAyBtB,KAAzB,EAAgCY,UAAhC,CAAjB,CAEA,IAAMW,eAAe,GAAGnB,MAAM,CAACoB,MAAP,GAAgBpB,MAAM,CAACoB,MAAvB,GAAgCpB,MAAM,CAACkB,IAA/D,CACAF,oBAAoB,GAAGN,mBAAYS,eAAZ,EAA6BvB,KAA7B,EAAoCY,UAApC,CAAvB,CACD,CAED,IAAMa,eAAe,GAAG,iBAAGC,cAAOC,KAAP,CAAa,KAAK3B,KAAlB,CAAH,EAA6BkB,cAA7B,mBACrBE,oBADqB,IACE,CAAC,CAACjB,QADJ,OAErBuB,cAAO/B,QAAP,CAAgBK,KAAhB,CAFqB,IAEI,CAAC,CAACL,QAFN,QAAxB,CAKA,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKiC,WAAjC,IAAkD,KAAKlC,KAAvD,gBACE,sCACE,YAAUN,aAAa,CAACC,IAD1B,EAEE,SAAS,EAAEoC,eAFb,EAGE,oBAAkBpB,eAHpB,EAIE,OAAO,EAAEC,OAJX,EAKE,aAAa,EAAEC,aALjB,EAME,YAAY,EAAEC,YANhB,EAOE,YAAY,EAAEC,YAPhB,EAQE,OAAO,EAAEC,OARX,EASE,MAAM,EAAEC,MATV,iBAWE,uCAAM,SAAS,EAAEe,cAAOG,IAAP,CAAY,KAAK7B,KAAjB,CAAjB,IAA2CE,QAA3C,CAXF,eAYE,uCAAM,SAAS,EAAE,iBAAGwB,cAAOI,UAAP,CAAkB,KAAK9B,KAAvB,CAAH,EAAkC+B,qBAAcD,UAAhD,CAAjB,EAA8E,OAAO,EAAE,KAAKtC,aAA5F,iBACE,6BAAC,oBAAD,OADF,CAZF,CADF,CADF,CAoBD,C,gBA9EwBwC,eAAMC,S,WACjBC,mB,GAAsB,O","sourcesContent":["import React, { AriaAttributes } from 'react';\n\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles, colorStyles, globalClasses } from './Token.styles';\n\nexport type TokenColorName = keyof typeof colorStyles;\n\nexport interface TokenColors {\n  idle: TokenColorName;\n  active?: TokenColorName;\n}\n\nexport interface TokenProps extends CommonProps {\n  colors?: TokenColors;\n  isActive?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  disabled?: boolean;\n  /**\n   * Атрибут для указания id элемента(-ов), описывающих его\n   */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n\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} as const;\n\n@rootNode\nexport class Token extends React.Component<TokenProps> {\n  public static __KONTUR_REACT_UI__ = 'Token';\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      children,\n      isActive,\n      colors,\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\n    const disableClassNames = cx(colorStyles.defaultDisabled(theme), {\n      [colorStyles.defaultDisabledWarning(theme)]: warning,\n      [colorStyles.defaultDisabledError(theme)]: error,\n    });\n\n    let tokenClassName = disabled ? disableClassNames : colorStyles.defaultIdle(theme, validation);\n    let activeTokenClassName = disabled ? disableClassNames : colorStyles.defaultActive(theme, validation);\n\n    if (!disabled && colors) {\n      tokenClassName = colorStyles[colors.idle](theme, validation);\n\n      const activeClassName = colors.active ? colors.active : colors.idle;\n      activeTokenClassName = colorStyles[activeClassName](theme, validation);\n    }\n\n    const tokenClassNames = cx(styles.token(this.theme), tokenClassName, {\n      [activeTokenClassName]: !!isActive,\n      [styles.disabled(theme)]: !!disabled,\n    });\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={TokenDataTids.root}\n          className={tokenClassNames}\n          aria-describedby={ariaDescribedby}\n          onClick={onClick}\n          onDoubleClick={onDoubleClick}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          onFocus={onFocus}\n          onBlur={onBlur}\n        >\n          <span className={styles.text(this.theme)}>{children}</span>\n          <span className={cx(styles.removeIcon(this.theme), globalClasses.removeIcon)} onClick={this.onRemoveClick}>\n            <CrossIcon />\n          </span>\n        </div>\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":["getValidation","error","warning","TokenDataTids","root","removeIcon","Token","rootNode","onRemoveClick","event","props","disabled","onRemove","emptyHandler","preventDefault","render","theme","renderMain","children","isActive","colors","ariaDescribedby","onClick","onDoubleClick","onMouseEnter","onMouseLeave","onFocus","onBlur","validation","disableClassNames","colorStyles","defaultDisabled","defaultDisabledWarning","defaultDisabledError","tokenClassName","defaultIdle","activeTokenClassName","defaultActive","idle","activeClassName","active","tokenClassNames","styles","token","setRootNode","text","globalClasses","React","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\n\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles, colorStyles, globalClasses } from './Token.styles';\n\nexport type TokenColorName = keyof typeof colorStyles;\n\nexport interface TokenColors {\n  idle: TokenColorName;\n  active?: TokenColorName;\n}\n\nexport interface TokenProps extends CommonProps {\n  colors?: TokenColors;\n  isActive?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  disabled?: boolean;\n  /**\n   * Атрибут для указания id элемента(-ов), описывающих его\n   */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n\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\nexport class Token extends React.Component<TokenProps> {\n  public static __KONTUR_REACT_UI__ = 'Token';\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      children,\n      isActive,\n      colors,\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\n    const disableClassNames = cx(colorStyles.defaultDisabled(theme), {\n      [colorStyles.defaultDisabledWarning(theme)]: warning,\n      [colorStyles.defaultDisabledError(theme)]: error,\n    });\n\n    let tokenClassName = disabled ? disableClassNames : colorStyles.defaultIdle(theme, validation);\n    let activeTokenClassName = disabled ? disableClassNames : colorStyles.defaultActive(theme, validation);\n\n    if (!disabled && colors) {\n      tokenClassName = colorStyles[colors.idle](theme, validation);\n\n      const activeClassName = colors.active ? colors.active : colors.idle;\n      activeTokenClassName = colorStyles[activeClassName](theme, validation);\n    }\n\n    const tokenClassNames = cx(styles.token(this.theme), tokenClassName, {\n      [activeTokenClassName]: !!isActive,\n      [styles.disabled(theme)]: !!disabled,\n    });\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={TokenDataTids.root}\n          className={tokenClassNames}\n          aria-describedby={ariaDescribedby}\n          onClick={onClick}\n          onDoubleClick={onDoubleClick}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          onFocus={onFocus}\n          onBlur={onBlur}\n        >\n          <span className={styles.text(this.theme)}>{children}</span>\n          <span\n            className={cx(styles.removeIcon(this.theme), globalClasses.removeIcon)}\n            onClick={this.onRemoveClick}\n            data-tid={TokenDataTids.removeIcon}\n          >\n            <CrossIcon />\n          </span>\n        </div>\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"]}

package/cjs/components/TokenInput/TokenInput.js

@@ -40,7 +40,7 @@ var _locale = require("./locale");
 var _TokenInput = require("./TokenInput.styles");
 var _TokenInputReducer = require("./TokenInputReducer");
 var _TokenInputMenu = require("./TokenInputMenu");
-var _TextWidthHelper = require("./TextWidthHelper");var _dec, _class, _class2, _temp;function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}function _createForOfIteratorHelperLoose(o, allowArrayLike) {var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];if (it) return (it = it.call(o)).next.bind(it);if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {if (it) o = it;var i = 0;return function () {if (i >= o.length) return { done: true };return { done: false, value: o[i++] };};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o, minLen) {if (!o) return;if (typeof o === "string") return _arrayLikeToArray(o, minLen);var n = Object.prototype.toString.call(o).slice(8, -1);if (n === "Object" && o.constructor) n = o.constructor.name;if (n === "Map" || n === "Set") return Array.from(o);if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);}function _arrayLikeToArray(arr, len) {if (len == null || len > arr.length) len = arr.length;for (var i = 0, arr2 = new Array(len); i < len; i++) {arr2[i] = arr[i];}return arr2;}var
+var _TextWidthHelper = require("./TextWidthHelper");var _dec, _class, _class2, _temp;function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}var
 
 TokenInputType;exports.TokenInputType = TokenInputType;(function (TokenInputType) {TokenInputType[TokenInputType["WithReference"] = 0] = "WithReference";TokenInputType[TokenInputType["WithoutReference"] = 1] = "WithoutReference";TokenInputType[TokenInputType["Combined"] = 2] = "Combined";})(TokenInputType || (exports.TokenInputType = TokenInputType = {}));
 
@@ -642,13 +642,11 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
       if (delimiters.some(function (delimiter) {return paste.includes(delimiter);})) {
         event.preventDefault();
         event.stopPropagation();
-        for (var _iterator = _createForOfIteratorHelperLoose(delimiters), _step; !(_step = _iterator()).done;) {var delimiter = _step.value;
-          paste = paste.split(delimiter).join(delimiters[0]);
-        }
-        var tokens = paste.split(delimiters[0]);
+        var tokens = paste.trim().split(new RegExp("[" + delimiters.join('') + "]+"));
         var _items = tokens.
+        filter(Boolean).
         map(function (token) {return valueToItem(token);}).
-        filter(function (item) {return !_this.hasValueInItems(selectedItems, item);});
+        filter(function (item) {return item && !_this.hasValueInItems(selectedItems, item);});
         var newItems = selectedItems.concat(_items);
         onValueChange(newItems);