@skbkontur/react-ui 0.0.0-001618ff8c → 0.0.0-044e274f2c

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_lodash","_globalObject","_identifiers","_needsPolyfillPlaceholder","LayoutEvents","_interopRequireWildcard","_RenderLayer","_ResizeDetector","_client","_CommonWrapper","_currentEnvironment","_Emotion","_rootNode","_createPropsGetter","_ThemeContext","_TextareaHelpers","_Textarea2","_TextareaCounter","_TextareaWithSafari17Workaround","_excluded","_class","_Textarea","DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","TextareaDataTids","exports","root","counter","helpIcon","Textarea","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","needsPolyfillPlaceholder","isCounterVisible","reflowCounter","reflow","selectAllId","textareaObserver","globalObject","MutationObserver","setSelectionRange","start","end","_globalObject$documen","node","Error","document","activeElement","focus","selectAll","value","delaySelectAll","_globalObject$request","requestAnimationFrame","cancelDelayedSelectAll","cancelAnimationFrame","renderMain","props","_this$emotion$cx","_ref","_textareaProps$maxLen","_this$emotion$cx2","_props$width","width","error","warning","size","autoResize","resize","onCut","onPaste","maxRows","onFocus","selectAllOnFocus","placeholder","onValueChange","showLengthCounter","lengthCounter","counterHelp","extraRow","disableAnimations","disabled","textareaProps","_objectWithoutPropertiesLoose2","default","rootProps","style","styles","textareaClassNames","emotion","cx","getTextareaSizeClassName","textarea","theme","hovering","isAnimationsDisabled","textareaStyle","placeholderPolyfill","defaultValue","createElement","className","fakeTextarea","fakeProps","fake","readOnly","_extends2","ref","refFake","TextareaCounter","help","maxLength","onCloseHelp","handleCloseCounterHelp","refCounter","Component","isSafariWithTextareaBug","TextareaWithSafari17Workaround","RenderLayer","onFocusOutside","onClickOutside","active","getRootSizeClassName","ResizeDetector","onResize","undefined","onChange","handleChange","handleCut","handlePaste","handleFocus","onKeyDown","handleKeyDown","children","setState","e","toString","isBlockEnter","isKeyEnter","preventDefault","fieldIsEmpty","target","element","fakeNode","autoResizeHandler","_this$getProps","rows","_ref2","getTextAreaHeight","minRows","parseInt","height","exceededMaxHeight","overflowY","throttle","getAutoResizeThrottleWait","event","isIE11","_inheritsLoose2","_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","EmotionConsumer","getStyles","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","blur","React","__KONTUR_REACT_UI__","displayName","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"],"sources":["Textarea.tsx"],"sourcesContent":["import React, { AriaAttributes, ReactNode } from 'react';\nimport PropTypes from 'prop-types';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { needsPolyfillPlaceholder } from '../../lib/needsPolyfillPlaceholder';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { isIE11, isSafariWithTextareaBug } from '../../lib/client';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getTextAreaHeight } from './TextareaHelpers';\nimport { getStyles } from './Textarea.styles';\nimport { TextareaCounter, TextareaCounterRef } from './TextareaCounter';\nimport { TextareaWithSafari17Workaround } from './TextareaWithSafari17Workaround';\n\nconst DEFAULT_WIDTH = 250;\nconst AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;\n\nexport interface TextareaProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n      {\n        /**\n         * Состояние валидации при ошибке.\n         */\n        error?: boolean;\n        /**\n         * Состояние валидации при предупреждении.\n         */\n        warning?: boolean;\n        /** Не активное состояние */\n        disabled?: boolean;\n        /** Размер */\n        size?: SizeProp;\n        /**\n         * Автоматический ресайз\n         * в зависимости от содержимого\n         */\n        autoResize?: boolean;\n        /**\n         * Число строк\n         */\n        rows?: number;\n        /**\n         * Максимальное число строк при\n         * автоматическом ресайзе\n         */\n        maxRows?: string | number;\n\n        /**\n         * Стандартный ресайз\n         * Попадает в `style`\n         */\n        resize?: React.CSSProperties['resize'];\n\n        /**\n         * Ширина\n         */\n        width?: React.CSSProperties['width'];\n\n        /**\n         * Вызывается при изменении `value`\n         */\n        onValueChange?: (value: string) => void;\n\n        /** Выделение значения при фокусе */\n        selectAllOnFocus?: boolean;\n\n        /** Показывать счетчик символов */\n        showLengthCounter?: boolean;\n\n        /** Допустимое количество символов в поле. Отображается в счетчике.\n         * Если не указано, равно `maxLength`\n         */\n        lengthCounter?: number;\n\n        /** Подсказка к счетчику символов.\n         *\n         * По умолчанию - тултип с содержимым из пропа, если передан`ReactNode`.\n         *\n         * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,\n         *\n         * ```\n         * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}\n         * ```\n         * */\n        counterHelp?: ReactNode | (() => ReactNode);\n\n        /** Добавлять дополнительную свободную строку при авто-ресайзе.\n         * @see https://guides.kontur.ru/components/textarea/#04\n         * */\n        extraRow?: boolean;\n\n        /** Отключать анимацию при авто-ресайзе.\n         * Автоматически отключается когда в `extraRow` передан `false`.\n         */\n        disableAnimations?: boolean;\n      }\n    > {}\n\nexport interface TextareaState {\n  needsPolyfillPlaceholder: boolean;\n  isCounterVisible: boolean;\n}\n\nexport const TextareaDataTids = {\n  root: 'Textarea__root',\n  counter: 'TextareaCounter__root',\n  helpIcon: 'TextareaCounter__helpIcon',\n} as const;\n\ntype DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow' | 'disableAnimations' | 'size'>>;\n\n/**\n * Компонент для ввода многострочного текста.\n *\n * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\n *\n * ** `className` и `style`  игнорируются**\n */\n@rootNode\nexport class Textarea extends React.Component<TextareaProps, TextareaState> {\n  public static __KONTUR_REACT_UI__ = 'Textarea';\n  public static displayName = 'Textarea';\n\n  public static propTypes = {\n    error: PropTypes.bool,\n    warning: PropTypes.bool,\n    disabled: PropTypes.bool,\n\n    autoResize: PropTypes.bool,\n    extraRow: PropTypes.bool,\n    disableAnimations: PropTypes.bool,\n    maxRows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    resize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n    id: PropTypes.string,\n    name: PropTypes.string,\n    title: PropTypes.string,\n    spellCheck: PropTypes.bool,\n    role: PropTypes.string,\n    maxLength: PropTypes.number,\n    tabIndex: PropTypes.number,\n    rows: PropTypes.number,\n    placeholder: PropTypes.string,\n\n    value: PropTypes.string,\n    defaultValue: PropTypes.string,\n    onValueChange: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n    onMouseMove: PropTypes.func,\n    onMouseOut: PropTypes.func,\n\n    onMouseUp: PropTypes.func,\n    onMouseDown: PropTypes.func,\n    onClick: PropTypes.func,\n    onDoubleClick: PropTypes.func,\n\n    onKeyDown: PropTypes.func,\n    onKeyPress: PropTypes.func,\n    onKeyUp: PropTypes.func,\n    onInput: PropTypes.func,\n\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n\n    onScroll: PropTypes.func,\n    onWheel: PropTypes.func,\n\n    onCut: PropTypes.func,\n    onPaste: PropTypes.func,\n    onCopy: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    rows: 3,\n    maxRows: 15,\n    extraRow: true,\n    size: 'small',\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(Textarea.defaultProps);\n\n  private getRootSizeClassName() {\n    const styles = this.styles;\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getTextareaSizeClassName() {\n    const styles = this.styles;\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.textareaLarge(this.theme);\n      case 'medium':\n        return styles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return styles.textareaSmall(this.theme);\n    }\n  }\n\n  public state = {\n    needsPolyfillPlaceholder,\n    isCounterVisible: false,\n  };\n  private reflowCounter = () => {\n    if (this.counter) {\n      this.counter.reflow();\n    }\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\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      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return (\n                  <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n                    {this.renderMain}\n                  </CommonWrapper>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   * @param {number} start\n   * @param {number} end\n   */\n  public setSelectionRange = (start: number, end: number) => {\n    if (!this.node) {\n      throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\n    }\n\n    if (globalObject.document?.activeElement !== this.node) {\n      this.focus();\n    }\n\n    this.node.setSelectionRange(start, end);\n  };\n\n  /**\n   * @public\n   */\n  public selectAll = () => {\n    if (this.node) {\n      this.setSelectionRange(0, this.node.value.length);\n    }\n  };\n\n  private delaySelectAll = (): number | null =>\n    (this.selectAllId = globalObject.requestAnimationFrame?.(this.selectAll) ?? null);\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      globalObject.cancelAnimationFrame?.(this.selectAllId);\n      this.selectAllId = null;\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<TextareaProps>) => {\n    const {\n      width = DEFAULT_WIDTH,\n      error,\n      warning,\n      size,\n      autoResize,\n      resize,\n      onCut,\n      onPaste,\n      maxRows,\n      onFocus,\n      selectAllOnFocus,\n      placeholder,\n      onValueChange,\n      showLengthCounter,\n      lengthCounter,\n      counterHelp,\n      extraRow,\n      disableAnimations,\n      disabled,\n      ...textareaProps\n    } = props;\n\n    const { isCounterVisible } = this.state;\n\n    const rootProps = {\n      style: {\n        width,\n      },\n    };\n\n    const styles = this.styles;\n    const textareaClassNames = this.emotion.cx(this.getTextareaSizeClassName(), {\n      [styles.textarea(this.theme)]: true,\n      [styles.hovering(this.theme)]: !error && !warning,\n      [styles.disabled(this.theme)]: disabled,\n      [styles.error(this.theme)]: !!error,\n      [styles.warning(this.theme)]: !!warning,\n      [styles.disableAnimations()]: this.isAnimationsDisabled(),\n    });\n\n    const textareaStyle = {\n      resize: autoResize ? 'none' : resize,\n    };\n\n    let placeholderPolyfill = null;\n\n    if (this.state.needsPolyfillPlaceholder && !textareaProps.value && !textareaProps.defaultValue) {\n      placeholderPolyfill = <span className={styles.placeholder()}>{placeholder}</span>;\n    }\n\n    let fakeTextarea = null;\n    if (autoResize) {\n      const fakeProps = {\n        value: this.props.value,\n        defaultValue: this.props.defaultValue,\n        className: this.emotion.cx(textareaClassNames, styles.fake()),\n        readOnly: true,\n      };\n      fakeTextarea = <textarea {...fakeProps} ref={this.refFake} />;\n    }\n\n    const counter = showLengthCounter && isCounterVisible && this.node && (\n      <TextareaCounter\n        textarea={this.node}\n        size={this.getProps().size}\n        help={counterHelp}\n        value={textareaProps.value}\n        length={textareaProps.maxLength ?? lengthCounter ?? 0}\n        onCloseHelp={this.handleCloseCounterHelp}\n        ref={this.refCounter}\n      />\n    );\n\n    const Component = 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={this.emotion.cx(this.getRootSizeClassName(), {\n            [styles.root()]: true,\n          })}\n        >\n          {placeholderPolyfill}\n          <ResizeDetector onResize={this.reflowCounter}>\n            <Component\n              {...textareaProps}\n              className={textareaClassNames}\n              style={textareaStyle}\n              placeholder={!placeholderPolyfill ? placeholder : undefined}\n              ref={this.ref}\n              onChange={this.handleChange}\n              onCut={this.handleCut}\n              onPaste={this.handlePaste}\n              onFocus={this.handleFocus}\n              onKeyDown={this.handleKeyDown}\n              disabled={disabled}\n            >\n              {this.props.children}\n            </Component>\n          </ResizeDetector>\n          {fakeTextarea}\n          {counter}\n        </label>\n      </RenderLayer>\n    );\n  };\n\n  private handleCloseCounterHelp = () => this.setState({ isCounterVisible: false });\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    // Edge bug: textarea maxlength doesn't work after new line\n    // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18833616/\n    const value = this.props.value !== undefined ? this.props.value.toString() : null;\n    const isBlockEnter = isKeyEnter(e) && value !== null && value.length === this.props.maxLength;\n\n    if (isBlockEnter) {\n      e.preventDefault();\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n  };\n\n  private handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    if (needsPolyfillPlaceholder) {\n      const fieldIsEmpty = e.target.value === '';\n\n      if (this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {\n        this.setState({ needsPolyfillPlaceholder: fieldIsEmpty });\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(e.target.value);\n    }\n\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(e);\n    }\n\n    this.reflowCounter();\n  };\n\n  private ref = (element: HTMLTextAreaElement) => {\n    this.node = element;\n  };\n\n  private refFake = (element: HTMLTextAreaElement) => {\n    this.fakeNode = element;\n  };\n\n  private refCounter = (ref: TextareaCounterRef | null) => {\n    this.counter = ref;\n  };\n\n  private autoResizeHandler = () => {\n    const fakeNode = this.fakeNode;\n    if (!fakeNode) {\n      return;\n    }\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n    if (this.props.value === undefined) {\n      fakeNode.value = node.value;\n    }\n\n    const { rows, maxRows } = this.getProps();\n    if (rows === undefined || maxRows === undefined) {\n      return;\n    }\n\n    const { height, exceededMaxHeight } =\n      getTextAreaHeight({\n        node: fakeNode,\n        minRows: typeof rows === 'number' ? rows : parseInt(rows, 10),\n        maxRows: typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),\n        extraRow: this.getProps().extraRow,\n      }) || {};\n\n    if (height === undefined || exceededMaxHeight === undefined) {\n      return;\n    }\n\n    node.style.height = height + 'px';\n    node.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\n    fakeNode.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\n  };\n\n  private autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());\n\n  private handleCut = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onCut) {\n      this.props.onCut(event);\n    }\n\n    this.reflowCounter();\n  };\n\n  private handlePaste = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\n    if (this.props.autoResize) {\n      this.autoResize();\n    }\n\n    if (this.props.onPaste) {\n      this.props.onPaste(event);\n    }\n\n    this.reflowCounter();\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({ isCounterVisible: true });\n\n    if (this.props.selectAllOnFocus) {\n      // https://github.com/facebook/react/issues/7769\n      this.node && !isIE11 ? this.selectAll() : this.delaySelectAll();\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n}\n"],"mappings":"okBAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;;;AAGA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAC,uBAAA,CAAAP,OAAA;;;AAGA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,cAAA,GAAAX,OAAA;AACA,IAAAY,mBAAA,GAAAZ,OAAA;AACA,IAAAa,QAAA,GAAAb,OAAA;AACA,IAAAc,SAAA,GAAAd,OAAA;AACA,IAAAe,kBAAA,GAAAf,OAAA;;AAEA,IAAAgB,aAAA,GAAAhB,OAAA;;AAEA,IAAAiB,gBAAA,GAAAjB,OAAA;AACA,IAAAkB,UAAA,GAAAlB,OAAA;AACA,IAAAmB,gBAAA,GAAAnB,OAAA;AACA,IAAAoB,+BAAA,GAAApB,OAAA,qCAAkF,IAAAqB,SAAA,qQAAAC,MAAA,EAAAC,SAAA;;AAElF,IAAMC,aAAa,GAAG,GAAG;AACzB,IAAMC,gCAAgC,GAAG,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FrC,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,IAAI,EAAE,gBAAgB;EACtBC,OAAO,EAAE,uBAAuB;EAChCC,QAAQ,EAAE;AACZ,CAAU;;;;AAIV;AACA;AACA;AACA;AACA;AACA;AACA,GANA;;AAQaC,QAAQ,GAAAJ,OAAA,CAAAI,QAAA,OADpBC,kBAAQ,EAAAV,MAAA,IAAAC,SAAA,0BAAAU,gBAAA,YAAAF,SAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmECU,QAAQ,GAAG,IAAAC,oCAAiB,EAACd,QAAQ,CAACe,YAAY,CAAC,CAAAZ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BpDa,KAAK,GAAG;MACbC,wBAAwB,EAAxBA,kDAAwB;MACxBC,gBAAgB,EAAE;IACpB,CAAC,CAAAf,KAAA;IACOgB,aAAa,GAAG,YAAM;MAC5B,IAAIhB,KAAA,CAAKL,OAAO,EAAE;QAChBK,KAAA,CAAKL,OAAO,CAACsB,MAAM,CAAC,CAAC;MACvB;IACF,CAAC,CAAAjB,KAAA;;;;;IAKOkB,WAAW,GAAkB,IAAI,CAAAlB,KAAA;;;;;IAKjCmB,gBAAgB,GAAGC,0BAAY,CAACC,gBAAgB;IACpD,IAAID,0BAAY,CAACC,gBAAgB,CAACrB,KAAA,CAAKgB,aAAa,CAAC;IACrD,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuFR;AACF;AACA;AACA;AACA,OAJEhB,KAAA;IAKOsB,iBAAiB,GAAG,UAACC,KAAa,EAAEC,GAAW,EAAK,KAAAC,qBAAA;MACzD,IAAI,CAACzB,KAAA,CAAK0B,IAAI,EAAE;QACd,MAAM,IAAIC,KAAK,CAAC,oDAAoD,CAAC;MACvE;;MAEA,IAAI,EAAAF,qBAAA,GAAAL,0BAAY,CAACQ,QAAQ,qBAArBH,qBAAA,CAAuBI,aAAa,MAAK7B,KAAA,CAAK0B,IAAI,EAAE;QACtD1B,KAAA,CAAK8B,KAAK,CAAC,CAAC;MACd;;MAEA9B,KAAA,CAAK0B,IAAI,CAACJ,iBAAiB,CAACC,KAAK,EAAEC,GAAG,CAAC;IACzC,CAAC;;IAED;AACF;AACA,OAFExB,KAAA;IAGO+B,SAAS,GAAG,YAAM;MACvB,IAAI/B,KAAA,CAAK0B,IAAI,EAAE;QACb1B,KAAA,CAAKsB,iBAAiB,CAAC,CAAC,EAAEtB,KAAA,CAAK0B,IAAI,CAACM,KAAK,CAAC7B,MAAM,CAAC;MACnD;IACF,CAAC,CAAAH,KAAA;;IAEOiC,cAAc,GAAG,iBAAAC,qBAAA;QACtBlC,KAAA,CAAKkB,WAAW,IAAAgB,qBAAA,GAAGd,0BAAY,CAACe,qBAAqB,oBAAlCf,0BAAY,CAACe,qBAAqB,CAAGnC,KAAA,CAAK+B,SAAS,CAAC,YAAAG,qBAAA,GAAI,IAAI,GAAC,CAAAlC,KAAA;;IAE3EoC,sBAAsB,GAAG,YAAY;MAC3C,IAAIpC,KAAA,CAAKkB,WAAW,EAAE;QACpBE,0BAAY,CAACiB,oBAAoB,YAAjCjB,0BAAY,CAACiB,oBAAoB,CAAGrC,KAAA,CAAKkB,WAAW,CAAC;QACrDlB,KAAA,CAAKkB,WAAW,GAAG,IAAI;MACzB;IACF,CAAC,CAAAlB,KAAA;;IAEOsC,UAAU,GAAG,UAACC,KAA4C,EAAK,KAAAC,gBAAA,EAAAC,IAAA,EAAAC,qBAAA,EAAAC,iBAAA;MACrE,IAAAC,YAAA;;;;;;;;;;;;;;;;;;;;;QAqBIL,KAAK,CApBPM,KAAK,CAALA,KAAK,GAAAD,YAAA,cAAGtD,aAAa,GAAAsD,YAAA,CACrBE,KAAK,GAmBHP,KAAK,CAnBPO,KAAK,CACLC,OAAO,GAkBLR,KAAK,CAlBPQ,OAAO,CACPC,IAAI,GAiBFT,KAAK,CAjBPS,IAAI,CACJC,UAAU,GAgBRV,KAAK,CAhBPU,UAAU,CACVC,MAAM,GAeJX,KAAK,CAfPW,MAAM,CACNC,KAAK,GAcHZ,KAAK,CAdPY,KAAK,CACLC,OAAO,GAaLb,KAAK,CAbPa,OAAO,CACPC,OAAO,GAYLd,KAAK,CAZPc,OAAO,CACPC,OAAO,GAWLf,KAAK,CAXPe,OAAO,CACPC,gBAAgB,GAUdhB,KAAK,CAVPgB,gBAAgB,CAChBC,WAAW,GASTjB,KAAK,CATPiB,WAAW,CACXC,aAAa,GAQXlB,KAAK,CARPkB,aAAa,CACbC,iBAAiB,GAOfnB,KAAK,CAPPmB,iBAAiB,CACjBC,aAAa,GAMXpB,KAAK,CANPoB,aAAa,CACbC,WAAW,GAKTrB,KAAK,CALPqB,WAAW,CACXC,QAAQ,GAINtB,KAAK,CAJPsB,QAAQ,CACRC,iBAAiB,GAGfvB,KAAK,CAHPuB,iBAAiB,CACjBC,QAAQ,GAENxB,KAAK,CAFPwB,QAAQ,CACLC,aAAa,OAAAC,8BAAA,CAAAC,OAAA,EACd3B,KAAK,EAAApD,SAAA;;MAET,IAAQ4B,gBAAgB,GAAKf,KAAA,CAAKa,KAAK,CAA/BE,gBAAgB;;MAExB,IAAMoD,SAAS,GAAG;QAChBC,KAAK,EAAE;UACLvB,KAAK,EAALA;QACF;MACF,CAAC;;MAED,IAAMwB,MAAM,GAAGrE,KAAA,CAAKqE,MAAM;MAC1B,IAAMC,kBAAkB,GAAGtE,KAAA,CAAKuE,OAAO,CAACC,EAAE,CAACxE,KAAA,CAAKyE,wBAAwB,CAAC,CAAC,GAAAjC,gBAAA,OAAAA,gBAAA;MACvE6B,MAAM,CAACK,QAAQ,CAAC1E,KAAA,CAAK2E,KAAK,CAAC,IAAG,IAAI,EAAAnC,gBAAA;MAClC6B,MAAM,CAACO,QAAQ,CAAC5E,KAAA,CAAK2E,KAAK,CAAC,IAAG,CAAC7B,KAAK,IAAI,CAACC,OAAO,EAAAP,gBAAA;MAChD6B,MAAM,CAACN,QAAQ,CAAC/D,KAAA,CAAK2E,KAAK,CAAC,IAAGZ,QAAQ,EAAAvB,gBAAA;MACtC6B,MAAM,CAACvB,KAAK,CAAC9C,KAAA,CAAK2E,KAAK,CAAC,IAAG,CAAC,CAAC7B,KAAK,EAAAN,gBAAA;MAClC6B,MAAM,CAACtB,OAAO,CAAC/C,KAAA,CAAK2E,KAAK,CAAC,IAAG,CAAC,CAAC5B,OAAO,EAAAP,gBAAA;MACtC6B,MAAM,CAACP,iBAAiB,CAAC,CAAC,IAAG9D,KAAA,CAAK6E,oBAAoB,CAAC,CAAC,EAAArC,gBAAA;MAC1D,CAAC;;MAEF,IAAMsC,aAAa,GAAG;QACpB5B,MAAM,EAAED,UAAU,GAAG,MAAM,GAAGC;MAChC,CAAC;;MAED,IAAI6B,mBAAmB,GAAG,IAAI;;MAE9B,IAAI/E,KAAA,CAAKa,KAAK,CAACC,wBAAwB,IAAI,CAACkD,aAAa,CAAChC,KAAK,IAAI,CAACgC,aAAa,CAACgB,YAAY,EAAE;QAC9FD,mBAAmB,gBAAGnH,MAAA,CAAAsG,OAAA,CAAAe,aAAA,WAAMC,SAAS,EAAEb,MAAM,CAACb,WAAW,CAAC,CAAE,IAAEA,WAAkB,CAAC;MACnF;;MAEA,IAAI2B,YAAY,GAAG,IAAI;MACvB,IAAIlC,UAAU,EAAE;QACd,IAAMmC,SAAS,GAAG;UAChBpD,KAAK,EAAEhC,KAAA,CAAKuC,KAAK,CAACP,KAAK;UACvBgD,YAAY,EAAEhF,KAAA,CAAKuC,KAAK,CAACyC,YAAY;UACrCE,SAAS,EAAElF,KAAA,CAAKuE,OAAO,CAACC,EAAE,CAACF,kBAAkB,EAAED,MAAM,CAACgB,IAAI,CAAC,CAAC,CAAC;UAC7DC,QAAQ,EAAE;QACZ,CAAC;QACDH,YAAY,gBAAGvH,MAAA,CAAAsG,OAAA,CAAAe,aAAA,iBAAAM,SAAA,CAAArB,OAAA,MAAckB,SAAS,IAAEI,GAAG,EAAExF,KAAA,CAAKyF,OAAQ,GAAE,CAAC;MAC/D;;MAEA,IAAM9F,OAAO,GAAG+D,iBAAiB,IAAI3C,gBAAgB,IAAIf,KAAA,CAAK0B,IAAI;MAChE9D,MAAA,CAAAsG,OAAA,CAAAe,aAAA,CAAChG,gBAAA,CAAAyG,eAAe;QACdhB,QAAQ,EAAE1E,KAAA,CAAK0B,IAAK;QACpBsB,IAAI,EAAEhD,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAACsC,IAAK;QAC3B2C,IAAI,EAAE/B,WAAY;QAClB5B,KAAK,EAAEgC,aAAa,CAAChC,KAAM;QAC3B7B,MAAM,GAAAsC,IAAA,IAAAC,qBAAA,GAAEsB,aAAa,CAAC4B,SAAS,YAAAlD,qBAAA,GAAIiB,aAAa,YAAAlB,IAAA,GAAI,CAAE;QACtDoD,WAAW,EAAE7F,KAAA,CAAK8F,sBAAuB;QACzCN,GAAG,EAAExF,KAAA,CAAK+F,UAAW;MACtB,CACF;;;MAED,IAAMC,SAAS,GAAGC,+BAAuB,GAAGC,8DAA8B,GAAG,UAAU;;MAEvF;QACEtI,MAAA,CAAAsG,OAAA,CAAAe,aAAA,CAAC3G,YAAA,CAAA6H,WAAW;UACVC,cAAc,EAAEpG,KAAA,CAAK8F,sBAAuB;UAC5CO,cAAc,EAAErG,KAAA,CAAK8F,sBAAuB;UAC5CQ,MAAM,EAAEtG,KAAA,CAAKa,KAAK,CAACE,gBAAiB;;QAEpCnD,MAAA,CAAAsG,OAAA,CAAAe,aAAA,cAAAM,SAAA,CAAArB,OAAA;UACE,YAAU1E,gBAAgB,CAACE,IAAK;QAC5ByE,SAAS;UACbe,SAAS,EAAElF,KAAA,CAAKuE,OAAO,CAACC,EAAE,CAACxE,KAAA,CAAKuG,oBAAoB,CAAC,CAAC,GAAA5D,iBAAA,OAAAA,iBAAA;UACnD0B,MAAM,CAAC3E,IAAI,CAAC,CAAC,IAAG,IAAI,EAAAiD,iBAAA;UACtB,CAAE;;QAEFoC,mBAAmB;QACpBnH,MAAA,CAAAsG,OAAA,CAAAe,aAAA,CAAC1G,eAAA,CAAAiI,cAAc,IAACC,QAAQ,EAAEzG,KAAA,CAAKgB,aAAc;QAC3CpD,MAAA,CAAAsG,OAAA,CAAAe,aAAA,CAACe,SAAS,MAAAT,SAAA,CAAArB,OAAA;QACJF,aAAa;UACjBkB,SAAS,EAAEZ,kBAAmB;UAC9BF,KAAK,EAAEU,aAAc;UACrBtB,WAAW,EAAE,CAACuB,mBAAmB,GAAGvB,WAAW,GAAGkD,SAAU;UAC5DlB,GAAG,EAAExF,KAAA,CAAKwF,GAAI;UACdmB,QAAQ,EAAE3G,KAAA,CAAK4G,YAAa;UAC5BzD,KAAK,EAAEnD,KAAA,CAAK6G,SAAU;UACtBzD,OAAO,EAAEpD,KAAA,CAAK8G,WAAY;UAC1BxD,OAAO,EAAEtD,KAAA,CAAK+G,WAAY;UAC1BC,SAAS,EAAEhH,KAAA,CAAKiH,aAAc;UAC9BlD,QAAQ,EAAEA,QAAS;;QAElB/D,KAAA,CAAKuC,KAAK,CAAC2E;QACH;QACG,CAAC;QAChB/B,YAAY;QACZxF;QACI;QACI,CAAC;;IAElB,CAAC,CAAAK,KAAA;;IAEO8F,sBAAsB,GAAG,oBAAM9F,KAAA,CAAKmH,QAAQ,CAAC,EAAEpG,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC,GAAAf,KAAA;;IAEzEiH,aAAa,GAAG,UAACG,CAA2C,EAAK;MACvE;MACA;MACA,IAAMpF,KAAK,GAAGhC,KAAA,CAAKuC,KAAK,CAACP,KAAK,KAAK0E,SAAS,GAAG1G,KAAA,CAAKuC,KAAK,CAACP,KAAK,CAACqF,QAAQ,CAAC,CAAC,GAAG,IAAI;MACjF,IAAMC,YAAY,GAAG,IAAAC,uBAAU,EAACH,CAAC,CAAC,IAAIpF,KAAK,KAAK,IAAI,IAAIA,KAAK,CAAC7B,MAAM,KAAKH,KAAA,CAAKuC,KAAK,CAACqD,SAAS;;MAE7F,IAAI0B,YAAY,EAAE;QAChBF,CAAC,CAACI,cAAc,CAAC,CAAC;MACpB;;MAEA,IAAIxH,KAAA,CAAKuC,KAAK,CAACyE,SAAS,EAAE;QACxBhH,KAAA,CAAKuC,KAAK,CAACyE,SAAS,CAACI,CAAC,CAAC;MACzB;IACF,CAAC,CAAApH,KAAA;;IAEO4G,YAAY,GAAG,UAACQ,CAAyC,EAAK;MACpE,IAAItG,kDAAwB,EAAE;QAC5B,IAAM2G,YAAY,GAAGL,CAAC,CAACM,MAAM,CAAC1F,KAAK,KAAK,EAAE;;QAE1C,IAAIhC,KAAA,CAAKa,KAAK,CAACC,wBAAwB,KAAK2G,YAAY,EAAE;UACxDzH,KAAA,CAAKmH,QAAQ,CAAC,EAAErG,wBAAwB,EAAE2G,YAAY,CAAC,CAAC,CAAC;QAC3D;MACF;;MAEA,IAAIzH,KAAA,CAAKuC,KAAK,CAACkB,aAAa,EAAE;QAC5BzD,KAAA,CAAKuC,KAAK,CAACkB,aAAa,CAAC2D,CAAC,CAACM,MAAM,CAAC1F,KAAK,CAAC;MAC1C;;MAEA,IAAIhC,KAAA,CAAKuC,KAAK,CAACU,UAAU,EAAE;QACzBjD,KAAA,CAAKiD,UAAU,CAAC,CAAC;MACnB;;MAEA,IAAIjD,KAAA,CAAKuC,KAAK,CAACoE,QAAQ,EAAE;QACvB3G,KAAA,CAAKuC,KAAK,CAACoE,QAAQ,CAACS,CAAC,CAAC;MACxB;;MAEApH,KAAA,CAAKgB,aAAa,CAAC,CAAC;IACtB,CAAC,CAAAhB,KAAA;;IAEOwF,GAAG,GAAG,UAACmC,OAA4B,EAAK;MAC9C3H,KAAA,CAAK0B,IAAI,GAAGiG,OAAO;IACrB,CAAC,CAAA3H,KAAA;;IAEOyF,OAAO,GAAG,UAACkC,OAA4B,EAAK;MAClD3H,KAAA,CAAK4H,QAAQ,GAAGD,OAAO;IACzB,CAAC,CAAA3H,KAAA;;IAEO+F,UAAU,GAAG,UAACP,GAA8B,EAAK;MACvDxF,KAAA,CAAKL,OAAO,GAAG6F,GAAG;IACpB,CAAC,CAAAxF,KAAA;;IAEO6H,iBAAiB,GAAG,YAAM;MAChC,IAAMD,QAAQ,GAAG5H,KAAA,CAAK4H,QAAQ;MAC9B,IAAI,CAACA,QAAQ,EAAE;QACb;MACF;MACA,IAAMlG,IAAI,GAAG1B,KAAA,CAAK0B,IAAI;MACtB,IAAI,CAACA,IAAI,EAAE;QACT;MACF;MACA,IAAI1B,KAAA,CAAKuC,KAAK,CAACP,KAAK,KAAK0E,SAAS,EAAE;QAClCkB,QAAQ,CAAC5F,KAAK,GAAGN,IAAI,CAACM,KAAK;MAC7B;;MAEA,IAAA8F,cAAA,GAA0B9H,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAAjCqH,IAAI,GAAAD,cAAA,CAAJC,IAAI,CAAE1E,OAAO,GAAAyE,cAAA,CAAPzE,OAAO;MACrB,IAAI0E,IAAI,KAAKrB,SAAS,IAAIrD,OAAO,KAAKqD,SAAS,EAAE;QAC/C;MACF;;MAEA,IAAAsB,KAAA;QACE,IAAAC,kCAAiB,EAAC;UAChBvG,IAAI,EAAEkG,QAAQ;UACdM,OAAO,EAAE,OAAOH,IAAI,KAAK,QAAQ,GAAGA,IAAI,GAAGI,QAAQ,CAACJ,IAAI,EAAE,EAAE,CAAC;UAC7D1E,OAAO,EAAE,OAAOA,OAAO,KAAK,QAAQ,GAAGA,OAAO,GAAG8E,QAAQ,CAAC9E,OAAO,EAAE,EAAE,CAAC;UACtEQ,QAAQ,EAAE7D,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAACmD;QAC5B,CAAC,CAAC,IAAI,CAAC,CAAC,CANFuE,MAAM,GAAAJ,KAAA,CAANI,MAAM,CAAEC,iBAAiB,GAAAL,KAAA,CAAjBK,iBAAiB;;MAQjC,IAAID,MAAM,KAAK1B,SAAS,IAAI2B,iBAAiB,KAAK3B,SAAS,EAAE;QAC3D;MACF;;MAEAhF,IAAI,CAAC0C,KAAK,CAACgE,MAAM,GAAGA,MAAM,GAAG,IAAI;MACjC1G,IAAI,CAAC0C,KAAK,CAACkE,SAAS,GAAGD,iBAAiB,GAAG,QAAQ,GAAG,QAAQ;MAC9DT,QAAQ,CAACxD,KAAK,CAACkE,SAAS,GAAGD,iBAAiB,GAAG,QAAQ,GAAG,QAAQ;IACpE,CAAC,CAAArI,KAAA;;IAEOiD,UAAU,GAAG,IAAAsF,eAAQ,EAACvI,KAAA,CAAK6H,iBAAiB,EAAE7H,KAAA,CAAKwI,yBAAyB,CAAC,CAAC,CAAC,CAAAxI,KAAA;;IAE/E6G,SAAS,GAAG,UAAC4B,KAAgD,EAAK;MACxE,IAAIzI,KAAA,CAAKuC,KAAK,CAACU,UAAU,EAAE;QACzBjD,KAAA,CAAKiD,UAAU,CAAC,CAAC;MACnB;;MAEA,IAAIjD,KAAA,CAAKuC,KAAK,CAACY,KAAK,EAAE;QACpBnD,KAAA,CAAKuC,KAAK,CAACY,KAAK,CAACsF,KAAK,CAAC;MACzB;;MAEAzI,KAAA,CAAKgB,aAAa,CAAC,CAAC;IACtB,CAAC,CAAAhB,KAAA;;IAEO8G,WAAW,GAAG,UAAC2B,KAAgD,EAAK;MAC1E,IAAIzI,KAAA,CAAKuC,KAAK,CAACU,UAAU,EAAE;QACzBjD,KAAA,CAAKiD,UAAU,CAAC,CAAC;MACnB;;MAEA,IAAIjD,KAAA,CAAKuC,KAAK,CAACa,OAAO,EAAE;QACtBpD,KAAA,CAAKuC,KAAK,CAACa,OAAO,CAACqF,KAAK,CAAC;MAC3B;;MAEAzI,KAAA,CAAKgB,aAAa,CAAC,CAAC;IACtB,CAAC,CAAAhB,KAAA;;IAEO+G,WAAW,GAAG,UAAC0B,KAA4C,EAAK;MACtEzI,KAAA,CAAKmH,QAAQ,CAAC,EAAEpG,gBAAgB,EAAE,IAAI,CAAC,CAAC,CAAC;;MAEzC,IAAIf,KAAA,CAAKuC,KAAK,CAACgB,gBAAgB,EAAE;QAC/B;QACAvD,KAAA,CAAK0B,IAAI,IAAI,CAACgH,cAAM,GAAG1I,KAAA,CAAK+B,SAAS,CAAC,CAAC,GAAG/B,KAAA,CAAKiC,cAAc,CAAC,CAAC;MACjE;;MAEA,IAAIjC,KAAA,CAAKuC,KAAK,CAACe,OAAO,EAAE;QACtBtD,KAAA,CAAKuC,KAAK,CAACe,OAAO,CAACmF,KAAK,CAAC;MAC3B;IACF,CAAC,QAAAzI,KAAA,MAAA2I,eAAA,CAAAzE,OAAA,EAAArE,QAAA,EAAAE,gBAAA,MAAA6I,MAAA,GAAA/I,QAAA,CAAAgJ,SAAA,CAAAD,MAAA,CAzZOrC,oBAAoB,GAA5B,SAAAA,qBAAA,EAA+B,CAC7B,IAAMlC,MAAM,GAAG,IAAI,CAACA,MAAM,CAC1B,QAAQ,IAAI,CAAC3D,QAAQ,CAAC,CAAC,CAACsC,IAAI,GAC1B,KAAK,OAAO,CACV,OAAOqB,MAAM,CAACyE,SAAS,CAAC,IAAI,CAACnE,KAAK,CAAC,CACrC,KAAK,QAAQ,CACX,OAAON,MAAM,CAAC0E,UAAU,CAAC,IAAI,CAACpE,KAAK,CAAC,CACtC,KAAK,OAAO,CACZ,QACE,OAAON,MAAM,CAAC2E,SAAS,CAAC,IAAI,CAACrE,KAAK,CAAC,CACvC,CACF,CAAC,CAAAiE,MAAA,CAEOnE,wBAAwB,GAAhC,SAAAA,yBAAA,EAAmC,CACjC,IAAMJ,MAAM,GAAG,IAAI,CAACA,MAAM,CAC1B,QAAQ,IAAI,CAAC3D,QAAQ,CAAC,CAAC,CAACsC,IAAI,GAC1B,KAAK,OAAO,CACV,OAAOqB,MAAM,CAAC4E,aAAa,CAAC,IAAI,CAACtE,KAAK,CAAC,CACzC,KAAK,QAAQ,CACX,OAAON,MAAM,CAAC6E,cAAc,CAAC,IAAI,CAACvE,KAAK,CAAC,CAC1C,KAAK,OAAO,CACZ,QACE,OAAON,MAAM,CAAC8E,aAAa,CAAC,IAAI,CAACxE,KAAK,CAAC,CAC3C,CACF,CAAC,CAAAiE,MAAA,CAwBOJ,yBAAyB,GAAjC,SAAAA,0BAAkCjG,KAAoB,EAAuB,KAA3CA,KAAoB,cAApBA,KAAoB,GAAG,IAAI,CAACA,KAAK,GACjE;IACA;IACA,OAAO,IAAI,CAACsC,oBAAoB,CAACtC,KAAK,CAAC,GAAG,CAAC,GAAGhD,gCAAgC,CAChF,CAAC,CAAAqJ,MAAA,CACO/D,oBAAoB,GAA5B,SAAAA,qBAAAuE,KAAA,EAAmG,KAAAC,KAAA,GAAAD,KAAA,cAArB,IAAI,CAAC7G,KAAK,GAAA6G,KAAA,CAAzDtF,iBAAiB,GAAAuF,KAAA,CAAjBvF,iBAAiB,CAAED,QAAQ,GAAAwF,KAAA,CAARxF,QAAQ,CACxD,OAAOC,iBAAiB,IAAI,CAACD,QAAQ,CACvC,CAAC,CAAA+E,MAAA,CAEMU,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,IAAI,CAAC/G,KAAK,CAACU,UAAU,EAAE,CACzB,IAAI,CAACA,UAAU,CAAC,CAAC,CACjB,IAAI,CAACsG,YAAY,GAAGnL,YAAY,CAACoL,WAAW,CAAC,IAAI,CAACvG,UAAU,CAAC,CAC/D,CAEA,IAAI,IAAI,CAACvB,IAAI,IAAI,IAAI,CAACa,KAAK,CAACmB,iBAAiB,IAAI,IAAI,CAACvC,gBAAgB,EAAE,CACtE,IAAI,CAACA,gBAAgB,CAACsI,OAAO,CAAC,IAAI,CAAC/H,IAAI,EAAE,EAAEgI,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAChE,CACF,CAAC,CAAAd,MAAA,CAEMe,oBAAoB,GAA3B,SAAAA,qBAAA,EAA8B,CAC5B,IAAI,IAAI,CAACJ,YAAY,EAAE,CACrB,IAAI,CAACA,YAAY,CAACK,MAAM,CAAC,CAAC,CAC5B,CACA,IAAI,IAAI,CAACrH,KAAK,CAACmB,iBAAiB,IAAI,IAAI,CAACvC,gBAAgB,EAAE,CACzD,IAAI,CAACA,gBAAgB,CAAC0I,UAAU,CAAC,CAAC,CACpC,CACA,IAAI,CAACzH,sBAAsB,CAAC,CAAC,CAC/B,CAAC,CAAAwG,MAAA,CAEMkB,kBAAkB,GAAzB,SAAAA,mBAA0BC,SAAwB,EAAE,CAClD,IAAI,IAAI,CAACvB,yBAAyB,CAAC,CAAC,KAAK,IAAI,CAACA,yBAAyB,CAACuB,SAAS,CAAC,EAAE,CAClF,IAAI,CAAC9G,UAAU,CAAC+G,MAAM,CAAC,CAAC,CACxB,IAAI,CAAC/G,UAAU,GAAG,IAAAsF,eAAQ,EAAC,IAAI,CAACV,iBAAiB,EAAE,IAAI,CAACW,yBAAyB,CAAC,CAAC,CAAC,CACtF,CACA,IAAAyB,eAAA,GAA0B,IAAI,CAACvJ,QAAQ,CAAC,CAAC,CAAjCqH,IAAI,GAAAkC,eAAA,CAAJlC,IAAI,CAAE1E,OAAO,GAAA4G,eAAA,CAAP5G,OAAO,CACrB,IACE,IAAI,CAACd,KAAK,CAACU,UAAU,KACpB8E,IAAI,KAAKgC,SAAS,CAAChC,IAAI,IAAI1E,OAAO,KAAK0G,SAAS,CAAC1G,OAAO,IAAI,IAAI,CAACd,KAAK,CAACP,KAAK,KAAK+H,SAAS,CAAC/H,KAAK,CAAC,EAClG,CACA,IAAI,CAACiB,UAAU,CAAC,CAAC,CACnB,CACF,CAAC,CAAA2F,MAAA,CAEMsB,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACEvM,MAAA,CAAAsG,OAAA,CAAAe,aAAA,CAACtG,QAAA,CAAAyL,eAAe,QACb,UAAC7F,OAAO,EAAK,CACZ4F,MAAI,CAAC5F,OAAO,GAAGA,OAAO,CACtB4F,MAAI,CAAC9F,MAAM,GAAG,IAAAgG,oBAAS,EAACF,MAAI,CAAC5F,OAAO,CAAC,CACrC,oBACE3G,MAAA,CAAAsG,OAAA,CAAAe,aAAA,CAACnG,aAAA,CAAAwL,YAAY,CAACC,QAAQ,QACnB,UAAC5F,KAAK,EAAK,CACVwF,MAAI,CAACxF,KAAK,GAAGA,KAAK,CAClB,oBACE/G,MAAA,CAAAsG,OAAA,CAAAe,aAAA,CAACxG,cAAA,CAAA+L,aAAa,MAAAjF,SAAA,CAAArB,OAAA,IAACuG,WAAW,EAAEN,MAAI,CAACO,WAAY,IAAKP,MAAI,CAACzJ,QAAQ,CAAC,CAAC,GAC9DyJ,MAAI,CAAC7H,UACO,CAAC,CAEpB,CACqB,CAAC,CAE5B,CACe,CAAC,CAEtB,CAAC,CAED;AACF;AACA,KAFE,CAAAsG,MAAA,CAGO9G,KAAK,GAAZ,SAAAA,MAAA,EAAe,CACb,IAAI,IAAI,CAACJ,IAAI,EAAE,CACb,IAAI,CAACA,IAAI,CAACI,KAAK,CAAC,CAAC,CACnB,CACF,CAAC,CAED;AACF;AACA,KAFE,CAAA8G,MAAA,CAGO+B,IAAI,GAAX,SAAAA,KAAA,EAAc,CACZ,IAAI,IAAI,CAACjJ,IAAI,EAAE,CACb,IAAI,CAACA,IAAI,CAACiJ,IAAI,CAAC,CAAC,CAClB,CACF,CAAC,QAAA9K,QAAA,GAvM2B+K,cAAK,CAAC5E,SAAS,GAAA3G,SAAA,CAC7BwL,mBAAmB,GAAG,UAAU,EAAAxL,SAAA,CAChCyL,WAAW,GAAG,UAAU,EAAAzL,SAAA,CAExB0L,SAAS,GAAG,EACxBjI,KAAK,EAAEkI,kBAAS,CAACC,IAAI,EACrBlI,OAAO,EAAEiI,kBAAS,CAACC,IAAI,EACvBlH,QAAQ,EAAEiH,kBAAS,CAACC,IAAI,EAExBhI,UAAU,EAAE+H,kBAAS,CAACC,IAAI,EAC1BpH,QAAQ,EAAEmH,kBAAS,CAACC,IAAI,EACxBnH,iBAAiB,EAAEkH,kBAAS,CAACC,IAAI,EACjC5H,OAAO,EAAE2H,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,CAAC,CAAC,EAElElI,MAAM,EAAE8H,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,CAAC,CAAC,EACjEvI,KAAK,EAAEmI,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,CAAC,CAAC,EAEhEC,EAAE,EAAEL,kBAAS,CAACG,MAAM,EACpBG,IAAI,EAAEN,kBAAS,CAACG,MAAM,EACtBI,KAAK,EAAEP,kBAAS,CAACG,MAAM,EACvBK,UAAU,EAAER,kBAAS,CAACC,IAAI,EAC1BQ,IAAI,EAAET,kBAAS,CAACG,MAAM,EACtBvF,SAAS,EAAEoF,kBAAS,CAACI,MAAM,EAC3BM,QAAQ,EAAEV,kBAAS,CAACI,MAAM,EAC1BrD,IAAI,EAAEiD,kBAAS,CAACI,MAAM,EACtB5H,WAAW,EAAEwH,kBAAS,CAACG,MAAM,EAE7BnJ,KAAK,EAAEgJ,kBAAS,CAACG,MAAM,EACvBnG,YAAY,EAAEgG,kBAAS,CAACG,MAAM,EAC9B1H,aAAa,EAAEuH,kBAAS,CAACW,IAAI,EAE7BC,YAAY,EAAEZ,kBAAS,CAACW,IAAI,EAC5BE,YAAY,EAAEb,kBAAS,CAACW,IAAI,EAC5BG,WAAW,EAAEd,kBAAS,CAACW,IAAI,EAC3BI,WAAW,EAAEf,kBAAS,CAACW,IAAI,EAC3BK,UAAU,EAAEhB,kBAAS,CAACW,IAAI,EAE1BM,SAAS,EAAEjB,kBAAS,CAACW,IAAI,EACzBO,WAAW,EAAElB,kBAAS,CAACW,IAAI,EAC3BQ,OAAO,EAAEnB,kBAAS,CAACW,IAAI,EACvBS,aAAa,EAAEpB,kBAAS,CAACW,IAAI,EAE7B3E,SAAS,EAAEgE,kBAAS,CAACW,IAAI,EACzBU,UAAU,EAAErB,kBAAS,CAACW,IAAI,EAC1BW,OAAO,EAAEtB,kBAAS,CAACW,IAAI,EACvBY,OAAO,EAAEvB,kBAAS,CAACW,IAAI,EAEvBrI,OAAO,EAAE0H,kBAAS,CAACW,IAAI,EACvBa,MAAM,EAAExB,kBAAS,CAACW,IAAI,EAEtBc,QAAQ,EAAEzB,kBAAS,CAACW,IAAI,EACxBe,OAAO,EAAE1B,kBAAS,CAACW,IAAI,EAEvBxI,KAAK,EAAE6H,kBAAS,CAACW,IAAI,EACrBvI,OAAO,EAAE4H,kBAAS,CAACW,IAAI,EACvBgB,MAAM,EAAE3B,kBAAS,CAACW,IAAI,CACxB,CAAC,EAAAtM,SAAA,CAEauB,YAAY,GAAiB,EACzCmH,IAAI,EAAE,CAAC,EACP1E,OAAO,EAAE,EAAE,EACXQ,QAAQ,EAAE,IAAI,EACdb,IAAI,EAAE,OAAO,EACbc,iBAAiB,EAAE8I,6BAAS,CAC9B,CAAC,EAAAvN,SAAA,MAAAD,MAAA","ignoreList":[]}

package/cjs/components/Textarea/Textarea.md

@@ -0,0 +1,56 @@
+```jsx harmony
+const [value, setValue] = React.useState('');
+
+<Textarea
+  value={value}
+  onValueChange={setValue}
+  autoResize
+  placeholder="Through faith we can reign in every area of life"
+/>;
+```
+
+Очистить значение в `Textarea` можно только с помощью пустой строки
+
+```jsx harmony
+import { Group, Button } from '@skbkontur/react-ui';
+
+const [value, setValue] = React.useState('Значение');
+
+<Group>
+  <Textarea
+    value={value}
+    onValueChange={setValue}
+    autoResize
+    rows={1}
+    placeholder="Плейсхолдер"
+  />
+  <Button style={{ height: '52px' }} onClick={() => setValue('')}>Очистить значение</Button>
+</Group>
+```
+
+Счетчик введенных символов
+
+```jsx harmony
+const [value, setValue] = React.useState('');
+
+<Textarea
+  value={value}
+  onValueChange={setValue}
+  placeholder="Счетчик появляется при фокусе"
+  lengthCounter={10}
+  showLengthCounter
+  counterHelp="Hello 👋"
+/>;
+```
+
+У Textarea есть 3 стандартных размера.
+
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+
+<Gapped vertical>
+  <Textarea size={'small'} value={'Маленький'} autoResize rows={1} />
+  <Textarea size={'medium'} value={'Средний'} autoResize rows={1} />
+  <Textarea size={'large'} value={'Большой'} autoResize rows={1} />
+</Gapped>
+```

package/cjs/components/Textarea/Textarea.mixins.d.ts

@@ -0,0 +1,4 @@
+import type { Emotion } from '@emotion/css/create-instance';
+export declare const rootTextareaSizeMixin: (emotion: Emotion) => (fontSize: string, lineHeight: string) => string;
+export declare const textareaSizeMixin: (emotion: Emotion) => (paddingY: string, paddingX: string, minHeight: string) => string;
+export declare const counterSizeMixin: (emotion: Emotion) => (paddingX: string, paddingY: string) => string;

package/cjs/components/Textarea/Textarea.mixins.js

@@ -0,0 +1,22 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.textareaSizeMixin = exports.rootTextareaSizeMixin = exports.counterSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _templateObject, _templateObject2, _templateObject3;
+
+var rootTextareaSizeMixin = exports.rootTextareaSizeMixin = function rootTextareaSizeMixin(emotion) {return function (fontSize, lineHeight) {
+    return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n  "])),
+    fontSize,
+    lineHeight);
+
+  };};
+
+var textareaSizeMixin = exports.textareaSizeMixin = function textareaSizeMixin(emotion) {return function (paddingY, paddingX, minHeight) {
+    return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    min-height: ", ";\n    padding: ", " ", ";\n  "])),
+    minHeight,
+    paddingY, paddingX);
+
+  };};
+
+var counterSizeMixin = exports.counterSizeMixin = function counterSizeMixin(emotion) {return function (paddingX, paddingY) {
+    return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    right: ", ";\n    bottom: ", ";\n  "])),
+    paddingY,
+    paddingX);
+
+  };};

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

@@ -0,0 +1 @@
+{"version":3,"names":["rootTextareaSizeMixin","exports","emotion","fontSize","lineHeight","css","_templateObject","_taggedTemplateLiteralLoose2","default","textareaSizeMixin","paddingY","paddingX","minHeight","_templateObject2","counterSizeMixin","_templateObject3"],"sources":["Textarea.mixins.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nexport const rootTextareaSizeMixin = (emotion: Emotion) => (fontSize: string, lineHeight: string) => {\n  return emotion.css`\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n  `;\n};\n\nexport const textareaSizeMixin = (emotion: Emotion) => (paddingY: string, paddingX: string, minHeight: string) => {\n  return emotion.css`\n    min-height: ${minHeight};\n    padding: ${paddingY} ${paddingX};\n  `;\n};\n\nexport const counterSizeMixin = (emotion: Emotion) => (paddingX: string, paddingY: string) => {\n  return emotion.css`\n    right: ${paddingY};\n    bottom: ${paddingX};\n  `;\n};\n"],"mappings":";;AAEO,IAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAIE,OAAgB,UAAK,UAACC,QAAgB,EAAEC,UAAkB,EAAK;IACnG,OAAOF,OAAO,CAACG,GAAG,CAAAC,eAAA,KAAAA,eAAA,OAAAC,4BAAA,CAAAC,OAAA;IACHL,QAAQ;IACNC,UAAU;;EAE7B,CAAC;;AAEM,IAAMK,iBAAiB,GAAAR,OAAA,CAAAQ,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIP,OAAgB,UAAK,UAACQ,QAAgB,EAAEC,QAAgB,EAAEC,SAAiB,EAAK;IAChH,OAAOV,OAAO,CAACG,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,OAAAN,4BAAA,CAAAC,OAAA;IACFI,SAAS;IACZF,QAAQ,EAAIC,QAAQ;;EAEnC,CAAC;;AAEM,IAAMG,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIZ,OAAgB,UAAK,UAACS,QAAgB,EAAED,QAAgB,EAAK;IAC5F,OAAOR,OAAO,CAACG,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,OAAAR,4BAAA,CAAAC,OAAA;IACPE,QAAQ;IACPC,QAAQ;;EAEtB,CAAC","ignoreList":[]}

package/cjs/components/Textarea/Textarea.styles.d.ts

@@ -0,0 +1,26 @@
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: (emotion: Emotion) => {
+    root(): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    textarea(t: Theme): string;
+    textareaSmall(t: Theme): string;
+    textareaMedium(t: Theme): string;
+    textareaLarge(t: Theme): string;
+    hovering(t: Theme): string;
+    error(t: Theme): string;
+    warning(t: Theme): string;
+    disabled(t: Theme): string;
+    fake(): string;
+    placeholder(): string;
+    counterContainer(t: Theme): string;
+    counter(t: Theme): string;
+    counterSmall(t: Theme): string;
+    counterMedium(t: Theme): string;
+    counterLarge(t: Theme): string;
+    counterError(t: Theme): string;
+    counterHelp(): string;
+    disableAnimations(): string;
+};

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

@@ -0,0 +1,219 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+var _Emotion = require("../../lib/theming/Emotion");
+
+
+var _Textarea = require("./Textarea.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
+
+var getStyles = exports.getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root() {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        position: relative;\n      "])));
+
+
+
+      },
+      rootSmall: function rootSmall(t) {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.rootTextareaSizeMixin)(emotion)(t.textareaFontSizeSmall, t.textareaLineHeightSmall));
+
+      },
+      rootMedium: function rootMedium(t) {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.rootTextareaSizeMixin)(emotion)(t.textareaFontSizeMedium, t.textareaLineHeightMedium));
+
+      },
+      rootLarge: function rootLarge(t) {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.rootTextareaSizeMixin)(emotion)(t.textareaFontSizeLarge, t.textareaLineHeightLarge));
+
+      },
+
+      textarea: function textarea(t) {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\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);
+
+
+      },
+      textareaSmall: function textareaSmall(t) {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.textareaSizeMixin)(emotion)(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall));
+
+      },
+      textareaMedium: function textareaMedium(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.textareaSizeMixin)(emotion)(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium));
+
+      },
+      textareaLarge: function textareaLarge(t) {
+        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.textareaSizeMixin)(emotion)(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge));
+
+      },
+
+      hovering: function hovering(t) {
+        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &:enabled:hover:not(:focus) {\n          border-color: ", ";\n        }\n      "])),
+
+        t.textareaBorderColorHover);
+
+
+      },
+
+      error: function error(t) {
+        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n\n        &:focus {\n          border-color: ", ";\n          box-shadow: 0 0 0 ", " ", ";\n        }\n      "])),
+        t.textareaBorderColorError,
+        t.textareaBorderWidth, t.textareaBorderColorError,
+
+
+        t.textareaBorderColorError,
+        t.textareaOutlineWidth, t.textareaBorderColorError);
+
+
+      },
+
+      warning: function warning(t) {
+        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n\n        &:focus {\n          border-color: ", ";\n          box-shadow: 0 0 0 ", " ", ";\n        }\n      "])),
+        t.textareaBorderColorWarning,
+        t.textareaOutlineWidth, t.textareaBorderColorWarning,
+
+
+        t.textareaBorderColorWarning,
+        t.textareaOutlineWidth, t.textareaBorderColorWarning);
+
+
+      },
+
+      disabled: function disabled(t) {
+        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        background: ", ";\n        border-color: ", ";\n        box-shadow: none;\n\n        &::placeholder {\n          color: ", ";\n        }\n      "])),
+        t.textareaTextColorDisabled,
+        t.textareaDisabledBg,
+        t.textareaDisabledBorderColor,
+
+
+
+        t.textareaPlaceholderColorDisabled);
+
+
+      },
+
+      fake: function fake() {
+        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 0;\n        left: 0;\n        position: absolute;\n        top: 0;\n        visibility: hidden;\n        width: 100%;\n      "])));
+
+
+
+
+
+
+
+      },
+
+      placeholder: function placeholder() {
+        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\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      "])));
+
+
+
+
+
+
+
+
+
+
+      },
+
+      counterContainer: function counterContainer(t) {
+        return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        top: 0;\n        border: ", " solid transparent;\n        box-sizing: content-box;\n      "])),
+
+
+        t.textareaBorderWidth);
+
+
+      },
+
+      counter: function counter(t) {
+        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        z-index: 3;\n        text-align: right;\n        background: ", ";\n        color: ", ";\n        border-radius: 2px;\n      "])),
+
+
+
+        t.textareaCounterBg,
+        t.textareaCounterColor);
+
+
+      },
+      counterSmall: function counterSmall(t) {
+        return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.counterSizeMixin)(emotion)(t.textareaPaddingYSmall, t.textareaPaddingXSmall));
+
+      },
+      counterMedium: function counterMedium(t) {
+        return emotion.css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.counterSizeMixin)(emotion)(t.textareaPaddingYMedium, t.textareaPaddingXMedium));
+
+      },
+      counterLarge: function counterLarge(t) {
+        return emotion.css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Textarea.counterSizeMixin)(emotion)(t.textareaPaddingYLarge, t.textareaPaddingXLarge));
+
+      },
+
+      counterError: function counterError(t) {
+        return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+        t.textareaCounterErrorColor);
+
+      },
+
+      counterHelp: function counterHelp() {
+        return emotion.css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: 4px;\n        cursor: pointer;\n      "])));
+
+
+
+      },
+
+      disableAnimations: function disableAnimations() {
+        return emotion.css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n        transition: none;\n      "])));
+
+
+      }
+    }));};

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Emotion","require","_Textarea","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","getStyles","exports","emotion","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","rootSmall","t","rootTextareaSizeMixin","textareaFontSizeSmall","textareaLineHeightSmall","rootMedium","textareaFontSizeMedium","textareaLineHeightMedium","rootLarge","textareaFontSizeLarge","textareaLineHeightLarge","textarea","textareaBg","textareaBackgroundClip","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","transitionDuration","transitionTimingFunction","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","textareaSmall","textareaSizeMixin","textareaPaddingYSmall","textareaPaddingXSmall","textareaMinHeightSmall","textareaMedium","textareaPaddingYMedium","textareaPaddingXMedium","textareaMinHeightMedium","textareaLarge","textareaPaddingYLarge","textareaPaddingXLarge","textareaMinHeightLarge","hovering","textareaBorderColorHover","error","textareaBorderColorError","warning","textareaBorderColorWarning","disabled","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","placeholder","counterContainer","counter","textareaCounterBg","textareaCounterColor","counterSmall","counterSizeMixin","counterMedium","counterLarge","counterError","textareaCounterErrorColor","counterHelp","disableAnimations"],"sources":["Textarea.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { counterSizeMixin, rootTextareaSizeMixin, textareaSizeMixin } from './Textarea.mixins';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        display: inline-block;\n        position: relative;\n      `;\n    },\n    rootSmall(t: Theme) {\n      return emotion.css`\n        ${rootTextareaSizeMixin(emotion)(t.textareaFontSizeSmall, t.textareaLineHeightSmall)};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${rootTextareaSizeMixin(emotion)(t.textareaFontSizeMedium, t.textareaLineHeightMedium)};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${rootTextareaSizeMixin(emotion)(t.textareaFontSizeLarge, t.textareaLineHeightLarge)};\n      `;\n    },\n\n    textarea(t: Theme) {\n      return emotion.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 emotion.css`\n        ${textareaSizeMixin(emotion)(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall)};\n      `;\n    },\n    textareaMedium(t: Theme) {\n      return emotion.css`\n        ${textareaSizeMixin(emotion)(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium)};\n      `;\n    },\n    textareaLarge(t: Theme) {\n      return emotion.css`\n        ${textareaSizeMixin(emotion)(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge)};\n      `;\n    },\n\n    hovering(t: Theme) {\n      return emotion.css`\n        &:enabled:hover:not(:focus) {\n          border-color: ${t.textareaBorderColorHover};\n        }\n      `;\n    },\n\n    error(t: Theme) {\n      return emotion.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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n        ${counterSizeMixin(emotion)(t.textareaPaddingYSmall, t.textareaPaddingXSmall)};\n      `;\n    },\n    counterMedium(t: Theme) {\n      return emotion.css`\n        ${counterSizeMixin(emotion)(t.textareaPaddingYMedium, t.textareaPaddingXMedium)};\n      `;\n    },\n    counterLarge(t: Theme) {\n      return emotion.css`\n        ${counterSizeMixin(emotion)(t.textareaPaddingYLarge, t.textareaPaddingXLarge)};\n      `;\n    },\n\n    counterError(t: Theme) {\n      return emotion.css`\n        color: ${t.textareaCounterErrorColor};\n      `;\n    },\n\n    counterHelp() {\n      return emotion.css`\n        margin-left: 4px;\n        cursor: pointer;\n      `;\n    },\n\n    disableAnimations() {\n      return emotion.css`\n        transition: none;\n      `;\n    },\n  });\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Textarea/TextareaCounter.d.ts

@@ -0,0 +1,14 @@
+import { SizeProp } from '../../lib/types/props';
+import { TextareaProps } from './Textarea';
+export interface TextareaCounterProps {
+    value: TextareaProps['value'];
+    length: number;
+    help: TextareaProps['counterHelp'];
+    onCloseHelp: () => void;
+    textarea: HTMLTextAreaElement;
+    size: SizeProp;
+}
+export interface TextareaCounterRef {
+    reflow: () => void;
+}
+export declare const TextareaCounter: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<TextareaCounterRef, TextareaCounterProps> & Record<never, never>;

package/cjs/components/Textarea/TextareaCounter.js

@@ -0,0 +1,106 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.TextareaCounter = void 0;var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _globalObject = require("@skbkontur/global-object");
+
+var _SSRSafe = require("../../lib/SSRSafe");
+var _forwardRefAndName = require("../../lib/forwardRefAndName");
+var _utils = require("../../lib/utils");
+var _Tooltip = require("../Tooltip");
+var _Emotion = require("../../lib/theming/Emotion");
+var _QuestionCircleIcon16Solid = require("../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid");
+
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+var _Textarea = require("./Textarea");
+var _Textarea2 = require("./Textarea.styles");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var handleHelpMouseDown = function handleHelpMouseDown(e) {return e.preventDefault();};
+
+var TextareaCounter = exports.TextareaCounter = (0, _forwardRefAndName.forwardRefAndName)(
+  'TextareaCounter',
+  function (_ref, ref) {var _emotion$cx;var length = _ref.length,value = _ref.value,help = _ref.help,onCloseHelp = _ref.onCloseHelp,textarea = _ref.textarea,size = _ref.size;
+    var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+    var emotion = (0, _react.useContext)(_Emotion.EmotionContext);
+
+    var _useState = (0, _react.useState)(textarea.clientWidth),width = _useState[0],setWidth = _useState[1];
+    var _useState2 = (0, _react.useState)(textarea.clientHeight),height = _useState2[0],setHeight = _useState2[1];
+    var reflow = (0, _react.useCallback)(function () {
+      var clientWidth = textarea.clientWidth,clientHeight = textarea.clientHeight;
+      setWidth(clientWidth);
+      setHeight(clientHeight);
+    }, [textarea]);
+    (0, _react.useImperativeHandle)(ref, function () {return { reflow: reflow };}, [reflow]);
+    var renderTooltipContent = (0, _react.useCallback)(function () {
+      if (typeof help === 'function') {
+        return help();
+      }
+      return help;
+    }, [help]);
+    var textareaValue = value ? value.toString().length : 0;
+    var counterValue = length - textareaValue;
+
+    var helpIconProps = {
+      onMouseDown: handleHelpMouseDown,
+      color: theme.textareaCounterHelpIconColor,
+      'data-tid': _Textarea.TextareaDataTids.helpIcon
+    };
+    var helpIcon = /*#__PURE__*/_react.default.createElement(_QuestionCircleIcon16Solid.QuestionCircleIcon16Solid, helpIconProps);
+    var counterHelp = (0, _utils.isFunction)(help) ?
+    help() : /*#__PURE__*/
+
+    _react.default.createElement(_Tooltip.Tooltip, { pos: 'right bottom', trigger: 'click', render: renderTooltipContent, onCloseClick: onCloseHelp },
+    helpIcon
+    );
+
+    var styles = (0, _Textarea2.getStyles)(emotion);
+    var getCounterSizeClassName = function getCounterSizeClassName() {
+      switch (size) {
+        case 'large':
+          return styles.counterLarge(theme);
+        case 'medium':
+          return styles.counterMedium(theme);
+        case 'small':
+        default:
+          return styles.counterSmall(theme);
+      }
+    };
+
+    return /*#__PURE__*/(
+      _react.default.createElement("div", {
+        "data-tid": _Textarea.TextareaDataTids.counter,
+        className: emotion.cx(styles.counterContainer(theme)),
+        style: { width: width, height: height } }, /*#__PURE__*/
+
+      _react.default.createElement("span", {
+        className: emotion.cx(getCounterSizeClassName(), styles.counter(theme), (_emotion$cx = {}, _emotion$cx[
+        styles.counterError(theme)] = counterValue < 0, _emotion$cx)
+        ) },
+
+      counterValue,
+      help && /*#__PURE__*/_react.default.createElement("span", { className: styles.counterHelp() }, counterHelp)
+      )
+      ));
+
+  }
+);
+
+TextareaCounter.propTypes = {
+  length: _propTypes.default.number.isRequired,
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  help: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+  onCloseHelp: _propTypes.default.func.isRequired,
+  textarea: (0, _SSRSafe.safePropTypesInstanceOf)(_globalObject.globalObject.HTMLTextAreaElement).isRequired
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_globalObject","_SSRSafe","_forwardRefAndName","_utils","_Tooltip","_Emotion","_QuestionCircleIcon16Solid","_ThemeContext","_Textarea","_Textarea2","handleHelpMouseDown","e","preventDefault","TextareaCounter","exports","forwardRefAndName","_ref","ref","_emotion$cx","length","value","help","onCloseHelp","textarea","size","theme","useContext","ThemeContext","emotion","EmotionContext","_useState","useState","clientWidth","width","setWidth","_useState2","clientHeight","height","setHeight","reflow","useCallback","useImperativeHandle","renderTooltipContent","textareaValue","toString","counterValue","helpIconProps","onMouseDown","color","textareaCounterHelpIconColor","TextareaDataTids","helpIcon","default","createElement","QuestionCircleIcon16Solid","counterHelp","isFunction","Tooltip","pos","trigger","render","onCloseClick","styles","getStyles","getCounterSizeClassName","counterLarge","counterMedium","counterSmall","counter","className","cx","counterContainer","style","counterError","propTypes","number","isRequired","oneOfType","string","node","func","safePropTypesInstanceOf","globalObject","HTMLTextAreaElement"],"sources":["TextareaCounter.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useContext, 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 { isFunction } from '../../lib/utils';\nimport { Tooltip } from '../Tooltip';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid';\nimport { SizeProp } from '../../lib/types/props';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { TextareaDataTids, TextareaProps } from './Textarea';\nimport { getStyles } 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 emotion = useContext(EmotionContext);\n\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    const styles = getStyles(emotion);\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\n        data-tid={TextareaDataTids.counter}\n        className={emotion.cx(styles.counterContainer(theme))}\n        style={{ width, height }}\n      >\n        <span\n          className={emotion.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":[]}

package/cjs/components/Textarea/TextareaHelpers.d.ts

@@ -0,0 +1,11 @@
+export declare function getTextAreaHeight(params: GetTextAreaHeightParams): {
+    height: number;
+    exceededMaxHeight: boolean;
+} | null;
+interface GetTextAreaHeightParams {
+    node: HTMLTextAreaElement;
+    minRows: number;
+    maxRows: number;
+    extraRow: boolean;
+}
+export {};