npm - @skbkontur/react-ui - Versions diffs - 0.0.0-ecefada396 → 0.0.0-ee57da3e1e - Mend

@skbkontur/react-ui 0.0.0-ecefada396 → 0.0.0-ee57da3e1e

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2757) hide show

package/components/Textarea/Textarea/Textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Textarea.tsx"],"names":["React","PropTypes","throttle","raf","isKeyEnter","polyfillPlaceholder","LayoutEvents","ThemeContext","RenderLayer","ResizeDetector","isBrowser","isIE11","CommonWrapper","isTestEnv","cx","getTextAreaHeight","styles","TextareaCounter","DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","Textarea","state","isCounterVisible","reflowCounter","counter","reflow","theme","selectAllId","node","fakeNode","layoutEvents","textareaObserver","MutationObserver","setSelectionRange","start","end","Error","document","activeElement","focus","selectAll","value","length","delaySelectAll","cancelDelayedSelectAll","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","textarea","isAnimationsDisabled","textareaStyle","placeholderPolyfill","fakeTextarea","fakeProps","defaultValue","className","fake","readOnly","refFake","maxLength","handleCloseCounterHelp","refCounter","root","undefined","ref","handleChange","handleCut","handlePaste","handleFocus","handleKeyDown","children","setState","e","toString","isBlockEnter","preventDefault","onKeyDown","fieldIsEmpty","target","onChange","element","autoResizeHandler","rows","minRows","parseInt","height","exceededMaxHeight","overflowY","getAutoResizeThrottleWait","event","componentDidMount","addListener","observe","attributes","componentWillUnmount","remove","disconnect","componentDidUpdate","prevProps","render","blur","Component","__KONTUR_REACT_UI__","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","defaultProps"],"mappings":"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","sourcesContent":["import 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 { polyfillPlaceholder } from '../../lib/polyfillPlaceholder';\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';\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 Cостояние валидации при ошибке.\n /\n error?: boolean;\n /\n Cостояние валидации при предупреждении.\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 polyfillPlaceholder: boolean;\n isCounterVisible: boolean;\n}\n\n/\n Компонент для ввода многострочного текста.\n \n Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\n \n `className` и `style` игнорируются\n /\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 = {\n rows: 3,\n maxRows: 15,\n extraRow: true,\n disableAnimations: isTestEnv,\n };\n\n public state = {\n polyfillPlaceholder,\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 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 if (\n this.props.autoResize &&\n (this.props.rows !== prevProps.rows \|\|\n this.props.maxRows !== prevProps.maxRows \|\|\n 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 <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\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.polyfillPlaceholder && !textareaProps.value) {\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 {...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 (polyfillPlaceholder) {\n const fieldIsEmpty = e.target.value === '';\n\n if (this.state.polyfillPlaceholder !== fieldIsEmpty) {\n this.setState({ polyfillPlaceholder: 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, extraRow } = this.props;\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,\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"]}
1	+ {"version":3,"sources":["Textarea.tsx"],"names":["React","PropTypes","throttle","raf","isKeyEnter","needsPolyfillPlaceholder","LayoutEvents","ThemeContext","RenderLayer","ResizeDetector","isBrowser","isIE11","CommonWrapper","isTestEnv","cx","rootNode","createPropsGetter","getTextAreaHeight","styles","TextareaCounter","DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","TextareaDataTids","root","counter","helpIcon","Textarea","getProps","defaultProps","state","isCounterVisible","reflowCounter","reflow","selectAllId","textareaObserver","MutationObserver","setSelectionRange","start","end","node","Error","document","activeElement","focus","selectAll","value","length","delaySelectAll","cancelDelayedSelectAll","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","textarea","theme","hovering","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","componentDidMount","layoutEvents","addListener","observe","attributes","componentWillUnmount","remove","disconnect","componentDidUpdate","prevProps","render","setRootNode","blur","Component","__KONTUR_REACT_UI__","propTypes","bool","oneOfType","string","number","id","name","title","spellCheck","role","tabIndex","func","onMouseEnter","onMouseLeave","onMouseOver","onMouseMove","onMouseOut","onMouseUp","onMouseDown","onClick","onDoubleClick","onKeyPress","onKeyUp","onInput","onBlur","onScroll","onWheel","onCopy"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars /\nimport React, { 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.hovering(this.theme)]: !error && !warning,\n [styles.disabled(this.theme)]: disabled,\n [styles.error(this.theme)]: !!error,\n [styles.warning(this.theme)]: !!warning,\n [styles.disableAnimations()]: this.isAnimationsDisabled(),\n });\n\n const textareaStyle = {\n resize: autoResize ? 'none' : resize,\n };\n\n let placeholderPolyfill = null;\n\n if (this.state.needsPolyfillPlaceholder && !textareaProps.value && !textareaProps.defaultValue) {\n placeholderPolyfill = <span className={styles.placeholder()}>{placeholder}</span>;\n }\n\n let fakeTextarea = null;\n if (autoResize) {\n const fakeProps = {\n value: this.props.value,\n defaultValue: this.props.defaultValue,\n className: cx(textareaClassNames, styles.fake()),\n readOnly: true,\n };\n fakeTextarea = <textarea {...fakeProps} ref={this.refFake} />;\n }\n\n const counter = showLengthCounter && isCounterVisible && this.node && (\n <TextareaCounter\n textarea={this.node}\n 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/components/Textarea/Textarea.d.ts CHANGED Viewed

@@ -4,29 +4,29 @@ import { Override } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
 export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLAttributes<HTMLTextAreaElement>, {
     /**
-     * Cостояние валидации при ошибке.
+     * Состояние валидации при ошибке.
      */
     error?: boolean;
     /**
-     * Cостояние валидации при предупреждении.
+     * Состояние валидации при предупреждении.
      */
     warning?: boolean;
     /** Не активное состояние */
     disabled?: boolean;
     /**
-     * Атоматический ресайз
+     * Автоматический ресайз
      * в зависимости от содержимого
      */
     autoResize?: boolean;
     /**
      * Число строк
      */
-    rows: number;
+    rows?: number;
     /**
      * Максимальное число строк при
      * автоматическом ресайзе
      */
-    maxRows: string | number;
+    maxRows?: string | number;
     /**
      * Стандартный ресайз
      * Попадает в `style`
@@ -50,7 +50,7 @@ export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLA
     lengthCounter?: number;
     /** Подсказка к счетчику символов.
      *
-     * По умолчанию - тултип с содежимым из пропа, если передан`ReactNode`.
+     * По умолчанию - тултип с содержимым из пропа, если передан`ReactNode`.
      *
      * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,
      *
@@ -62,17 +62,23 @@ export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLA
     /** Добавлять дополнительную свободную строку при авто-ресайзе.
      * @see https://guides.kontur.ru/components/textarea/#04
      * */
-    extraRow: boolean;
+    extraRow?: boolean;
     /** Отключать анимацию при авто-ресайзе.
      * Автоматически отключается когда в `extraRow` передан `false`.
      */
-    disableAnimations: boolean;
+    disableAnimations?: boolean;
 }> {
 }
 export interface TextareaState {
-    polyfillPlaceholder: boolean;
+    needsPolyfillPlaceholder: boolean;
     isCounterVisible: boolean;
 }
+export declare const TextareaDataTids: {
+    readonly root: "Textarea__root";
+    readonly counter: "TextareaCounter__root";
+    readonly helpIcon: "TextareaCounter__helpIcon";
+};
+declare type DefaultProps = Required<Pick<TextareaProps, 'rows' | 'maxRows' | 'extraRow' | 'disableAnimations'>>;
 /**
  * Компонент для ввода многострочного текста.
  *
@@ -125,14 +131,10 @@ export declare class Textarea extends React.Component<TextareaProps, TextareaSta
         onPaste: PropTypes.Requireable<(...args: any[]) => any>;
         onCopy: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    static defaultProps: {
-        rows: number;
-        maxRows: number;
-        extraRow: boolean;
-        disableAnimations: boolean;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     state: {
-        polyfillPlaceholder: boolean;
+        needsPolyfillPlaceholder: boolean;
         isCounterVisible: boolean;
     };
     private reflowCounter;
@@ -143,6 +145,7 @@ export declare class Textarea extends React.Component<TextareaProps, TextareaSta
     private counter;
     private layoutEvents;
     private textareaObserver;
+    private setRootNode;
     private getAutoResizeThrottleWait;
     private isAnimationsDisabled;
     componentDidMount(): void;
@@ -182,3 +185,4 @@ export declare class Textarea extends React.Component<TextareaProps, TextareaSta
     private handlePaste;
     private handleFocus;
 }
+export {};

package/components/Textarea/Textarea.md CHANGED Viewed

@@ -9,6 +9,25 @@ const [value, setValue] = React.useState('');
 />;
 ```
+Очистить значение в `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

package/components/Textarea/Textarea.styles/Textarea.styles.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
@@ -8,36 +8,39 @@ export var styles = memoizeStyle({
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      font-size: ", ";\n      line-height: ", ";\n      position: relative;\n    "])), t.textareaFontSize, t.textareaLineHeight);
   },
   textarea: function textarea(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      -webkit-appearance: none;\n      background-clip: padding-box;\n      background: ", ";\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      min-height: ", ";\n      outline: none;\n      padding: ", " ", ";\n      transition: 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.textareaBorderWidth, t.textareaBorderColor, t.textareaBorderTopColor, t.textareaShadow, t.textareaColor, t.textareaWidth, t.textareaMinHeight, t.textareaPaddingY, t.textareaPaddingX, t.textareaBorderRadius, t.textareaBorderColorFocus, t.textareaOutlineWidth, t.textareaBorderColorFocus, t.textareaPlaceholderColorLight, t.textareaPlaceholderColor, t.textareaPlaceholderColor, t.textareaPlaceholderColor);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      -webkit-appearance: none;\n      background: ", ";\n      background-clip: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      font-family: inherit;\n      font-size: inherit;\n      line-height: inherit;\n      max-width: 100%;\n      min-width: ", ";\n      min-height: ", ";\n      outline: none;\n      padding: ", " ", ";\n      transition: 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.textareaMinHeight, t.textareaPaddingY, t.textareaPaddingX, t.textareaBorderRadius, t.textareaBorderColorFocus, t.textareaOutlineWidth, t.textareaBorderColorFocus, t.textareaPlaceholderColorLight, t.textareaPlaceholderColor, t.textareaPlaceholderColor, t.textareaPlaceholderColor);
+  },
+  hovering: function hovering(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      &:enabled:hover:not(:focus) {\n        border-color: ", ";\n      }\n    "])), t.textareaBorderColorHover);
   },
   error: function error(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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 css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\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 css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\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);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\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 css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    "])));
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    "])));
   },
   placeholder: function placeholder() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\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    "])));
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\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 css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n      border: ", " solid transparent;\n      box-sizing: content-box;\n    "])), t.textareaBorderWidth);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n      border: ", " solid transparent;\n      box-sizing: content-box;\n    "])), t.textareaBorderWidth);
   },
   counter: function counter(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ", ";\n      color: ", ";\n      border-radius: 2px;\n      right: ", ";\n      bottom: ", ";\n    "])), t.textareaCounterBg, t.textareaCounterColor, t.textareaPaddingX, t.textareaPaddingY);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      z-index: 3;\n      text-align: right;\n      background: ", ";\n      color: ", ";\n      border-radius: 2px;\n      right: ", ";\n      bottom: ", ";\n    "])), t.textareaCounterBg, t.textareaCounterColor, t.textareaPaddingX, t.textareaPaddingY);
   },
   counterError: function counterError(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textareaCounterErrorColor);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textareaCounterErrorColor);
   },
   counterHelp: function counterHelp() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      margin-left: 4px;\n      cursor: pointer;\n    "])));
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      margin-left: 4px;\n      cursor: pointer;\n    "])));
   },
   disableAnimations: function disableAnimations() {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      transition: none;\n    "])));
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      transition: none;\n    "])));
   }
 });

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Textarea.styles.ts"],"names":["css","memoizeStyle","styles","root","t","textareaFontSize","textareaLineHeight","textarea","textareaBg","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","textareaMinHeight","textareaPaddingY","textareaPaddingX","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","error","textareaBorderColorError","warning","textareaBorderColorWarning","disabled","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","placeholder","counterContainer","counter","textareaCounterBg","textareaCounterColor","counterError","textareaCounterErrorColor","counterHelp","disableAnimations"],"mappings":"~~6TAAA~~,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;;AAEeI,IAAAA,CAAC,CAACC,gBAFjB;AAGiBD,IAAAA,CAAC,CAACE,kBAHnB;;;AAMD,GARgC;;AAUjCC,EAAAA,QAViC,oBAUxBH,CAVwB,EAUd;AACjB,WAAOJ,GAAP~~;;;AAGgBI~~,IAAAA,CAAC,CAACI,~~UAHlB~~;~~AAIYJ~~,IAAAA,CAAC,CAACK,~~mBAJd~~,~~EAI2CL~~,CAAC,CAACM,mBAJ7C;~~AAKsBN~~,IAAAA,CAAC,~~CAACO~~,sBALxB;~~AAMgBP~~,IAAAA,CAAC,~~CAACQ~~,cANlB;;~~AAQWR~~,IAAAA,CAAC,~~CAACS~~,aARb;;;;;~~AAaeT~~,IAAAA,CAAC,~~CAACU~~,aAbjB;~~AAcgBV~~,IAAAA,CAAC,~~CAACW~~,iBAdlB;;~~AAgBaX~~,IAAAA,CAAC,~~CAACY~~,gBAhBf,~~EAgBmCZ~~,CAAC,~~CAACa~~,gBAhBrC;;;;~~AAoBmBb~~,IAAAA,CAAC,~~CAACc~~,oBApBrB;;;;~~AAwBoBd~~,IAAAA,CAAC,~~CAACe~~,wBAxBtB;~~AAyBwBf~~,IAAAA,CAAC,~~CAACgB~~,oBAzB1B,~~EAyBkDhB~~,CAAC,~~CAACe~~,wBAzBpD;;;;;~~AA8Bef~~,IAAAA,CAAC,~~CAACiB~~,6BA9BjB;;;;;~~AAmCajB~~,IAAAA,CAAC,~~CAACkB~~,wBAnCf;;;;~~AAuCalB~~,IAAAA,CAAC,~~CAACkB~~,wBAvCf;;;;~~AA2CalB~~,IAAAA,CAAC,~~CAACkB~~,wBA3Cf;;;AA8CD,GAzDgC;;AA2DjCC,EAAAA,~~KA3DiC~~,~~iBA2D3BnB~~,~~CA3D2B~~,~~EA2DjB~~;AACd,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,~~CAACoB~~,wBADpB;~~AAEsBpB~~,IAAAA,CAAC,~~CAACK~~,mBAFxB,EAE+CL,CAAC,~~CAACoB~~,wBAFjD;;;~~AAKoBpB~~,IAAAA,CAAC,~~CAACoB~~,wBALtB;~~AAMwBpB~~,IAAAA,CAAC,~~CAACgB~~,oBAN1B,~~EAMkDhB~~,CAAC,~~CAACoB~~,wBANpD;;;AASD,~~GArEgC~~;;~~AAuEjCC~~,EAAAA,~~OAvEiC~~,~~mBAuEzBrB~~,~~CAvEyB~~,~~EAuEf~~;AAChB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,~~CAACsB~~,0BADpB;~~AAEsBtB~~,IAAAA,CAAC,~~CAACgB~~,oBAFxB,~~EAEgDhB~~,CAAC,~~CAACsB~~,0BAFlD;;;~~AAKoBtB~~,IAAAA,CAAC,~~CAACsB~~,0BALtB;~~AAMwBtB~~,IAAAA,CAAC,~~CAACgB~~,oBAN1B,~~EAMkDhB~~,CAAC,~~CAACsB~~,0BANpD;;;AASD,~~GAjFgC~~;;~~AAmFjCC~~,EAAAA,~~QAnFiC~~,~~oBAmFxBvB~~,~~CAnFwB~~,~~EAmFd~~;AACjB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,~~CAACwB~~,yBADb;~~AAEgBxB~~,IAAAA,CAAC,~~CAACyB~~,kBAFlB;~~AAGkBzB~~,IAAAA,CAAC,~~CAAC0B~~,2BAHpB;;;;~~AAOa1B~~,IAAAA,CAAC,~~CAAC2B~~,gCAPf;;;AAUD,~~GA9FgC~~;;~~AAgGjCC~~,EAAAA,~~IAhGiC~~,~~kBAgG1B~~;AACL,~~WAAOhC~~,GAAP;;;;;;;;AAQD,~~GAzGgC~~;;~~AA2GjCiC~~,EAAAA,~~WA3GiC~~,~~yBA2GnB~~;AACZ,~~WAAOjC~~,GAAP;;;;;;;;;;;AAWD,~~GAvHgC~~;;~~AAyHjCkC~~,EAAAA,~~gBAzHiC~~,~~4BAyHhB9B~~,~~CAzHgB~~,~~EAyHN~~;AACzB,WAAOJ,GAAP;;;AAGYI,IAAAA,CAAC,~~CAACK~~,mBAHd;;;AAMD,~~GAhIgC~~;;~~AAkIjC0B~~,EAAAA,~~OAlIiC~~,~~mBAkIzB/B~~,~~CAlIyB~~,~~EAkIf~~;AAChB,WAAOJ,GAAP;;;;AAIgBI,IAAAA,CAAC,~~CAACgC~~,iBAJlB;~~AAKWhC~~,IAAAA,CAAC,~~CAACiC~~,oBALb;;~~AAOWjC~~,IAAAA,CAAC,~~CAACa~~,gBAPb;~~AAQYb~~,IAAAA,CAAC,~~CAACY~~,gBARd;;AAUD,~~GA7IgC~~;;~~AA+IjCsB~~,EAAAA,~~YA/IiC~~,~~wBA+IpBlC~~,~~CA/IoB~~,~~EA+IV~~;AACrB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,~~CAACmC~~,yBADb;;AAGD,~~GAnJgC~~;;~~AAqJjCC~~,EAAAA,~~WArJiC~~,~~yBAqJnB~~;AACZ,~~WAAOxC~~,GAAP;;;;AAID,~~GA1JgC~~;;~~AA4JjCyC~~,EAAAA,~~iBA5JiC~~,+~~BA4Jb~~;AAClB,~~WAAOzC~~,GAAP;;;AAGD,~~GAhKgC~~,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n display: inline-block;\n font-size: ${t.textareaFontSize};\n line-height: ${t.textareaLineHeight};\n position: relative;\n `;\n },\n\n textarea(t: Theme) {\n return css`\n -webkit-appearance: none;\n background~~-clip~~: ~~padding-box~~;\n background: ${t.~~textareaBg~~};\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 min-height: ${t.textareaMinHeight};\n outline: none;\n padding: ${t.textareaPaddingY} ${t.textareaPaddingX};\n transition: 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\n error(t: Theme) {\n return css`\n border-color: ${t.textareaBorderColorError};\n box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n &:focus {\n border-color: ${t.textareaBorderColorError};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n border-color: ${t.textareaBorderColorWarning};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n &:focus {\n border-color: ${t.textareaBorderColorWarning};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n color: ${t.textareaTextColorDisabled};\n background: ${t.textareaDisabledBg};\n border-color: ${t.textareaDisabledBorderColor};\n box-shadow: none;\n\n &::placeholder {\n color: ${t.textareaPlaceholderColorDisabled};\n }\n `;\n },\n\n fake() {\n return css`\n height: 0;\n left: 0;\n position: absolute;\n top: 0;\n visibility: hidden;\n width: 100%;\n `;\n },\n\n placeholder() {\n return css`\n -ms-user-select: none;\n color: #aaa;\n left: 12px;\n overflow: hidden;\n position: absolute;\n right: 12px;\n top: 9px;\n user-select: none;\n z-index: 3;\n `;\n },\n\n counterContainer(t: Theme) {\n return css`\n position: absolute;\n top: 0;\n border: ${t.textareaBorderWidth} solid transparent;\n box-sizing: content-box;\n `;\n },\n\n counter(t: Theme) {\n return css`\n position: absolute;\n z-index: 3;\n text-align: right;\n background: ${t.textareaCounterBg};\n color: ${t.textareaCounterColor};\n border-radius: 2px;\n right: ${t.textareaPaddingX};\n bottom: ${t.textareaPaddingY};\n `;\n },\n\n counterError(t: Theme) {\n return css`\n color: ${t.textareaCounterErrorColor};\n `;\n },\n\n counterHelp() {\n return css`\n margin-left: 4px;\n cursor: pointer;\n `;\n },\n\n disableAnimations() {\n return css`\n transition: none;\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Textarea.styles.ts"],"names":["css","memoizeStyle","styles","root","t","textareaFontSize","textareaLineHeight","textarea","textareaBg","textareaBackgroundClip","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","textareaMinHeight","textareaPaddingY","textareaPaddingX","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","hovering","textareaBorderColorHover","error","textareaBorderColorError","warning","textareaBorderColorWarning","disabled","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","placeholder","counterContainer","counter","textareaCounterBg","textareaCounterColor","counterError","textareaCounterErrorColor","counterHelp","disableAnimations"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n display: inline-block;\n font-size: ${t.textareaFontSize};\n line-height: ${t.textareaLineHeight};\n position: relative;\n `;\n },\n\n textarea(t: Theme) {\n return css`\n -webkit-appearance: none;\n background: ${t.textareaBg};\n background-clip: ${t.textareaBackgroundClip};\n border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n border-top-color: ${t.textareaBorderTopColor};\n box-shadow: ${t.textareaShadow};\n box-sizing: border-box;\n color: ${t.textareaColor};\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n max-width: 100%;\n min-width: ${t.textareaWidth};\n min-height: ${t.textareaMinHeight};\n outline: none;\n padding: ${t.textareaPaddingY} ${t.textareaPaddingX};\n transition: 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\n hovering(t: Theme) {\n return css`\n &:enabled:hover:not(:focus) {\n border-color: ${t.textareaBorderColorHover};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n border-color: ${t.textareaBorderColorError};\n box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n &:focus {\n border-color: ${t.textareaBorderColorError};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n border-color: ${t.textareaBorderColorWarning};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n &:focus {\n border-color: ${t.textareaBorderColorWarning};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n color: ${t.textareaTextColorDisabled};\n background: ${t.textareaDisabledBg};\n border-color: ${t.textareaDisabledBorderColor};\n box-shadow: none;\n\n &::placeholder {\n color: ${t.textareaPlaceholderColorDisabled};\n }\n `;\n },\n\n fake() {\n return css`\n height: 0;\n left: 0;\n position: absolute;\n top: 0;\n visibility: hidden;\n width: 100%;\n `;\n },\n\n placeholder() {\n return css`\n -ms-user-select: none;\n color: #aaa;\n left: 12px;\n overflow: hidden;\n position: absolute;\n right: 12px;\n top: 9px;\n user-select: none;\n z-index: 3;\n `;\n },\n\n counterContainer(t: Theme) {\n return css`\n position: absolute;\n top: 0;\n border: ${t.textareaBorderWidth} solid transparent;\n box-sizing: content-box;\n `;\n },\n\n counter(t: Theme) {\n return css`\n position: absolute;\n z-index: 3;\n text-align: right;\n background: ${t.textareaCounterBg};\n color: ${t.textareaCounterColor};\n border-radius: 2px;\n right: ${t.textareaPaddingX};\n bottom: ${t.textareaPaddingY};\n `;\n },\n\n counterError(t: Theme) {\n return css`\n color: ${t.textareaCounterErrorColor};\n `;\n },\n\n counterHelp() {\n return css`\n margin-left: 4px;\n cursor: pointer;\n `;\n },\n\n disableAnimations() {\n return css`\n transition: none;\n `;\n },\n});\n"]}

package/components/Textarea/Textarea.styles.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     root(t: Theme): string;
     textarea(t: Theme): string;
+    hovering(t: Theme): string;
     error(t: Theme): string;
     warning(t: Theme): string;
     disabled(t: Theme): string;

package/components/Textarea/TextareaCounter/TextareaCounter.js CHANGED Viewed

@@ -1,16 +1,22 @@
-import React, { useEffect, useContext, useCallback, useImperativeHandle, useState } from 'react';
+import React, { useContext, useCallback, useImperativeHandle, useState } from 'react';
+import propTypes from 'prop-types';
+import { safePropTypesInstanceOf } from "../../../lib/SSRSafe";
+import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { HelpDotIcon } from "../../../internal/icons/16px";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isFunction } from "../../../lib/utils";
 import { Tooltip } from "../../Tooltip";
 import { cx } from "../../../lib/theming/Emotion";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { QuestionCircleIcon16Solid } from "../../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid";
+import { TextareaDataTids } from "../Textarea";
 import { styles } from "../Textarea.styles";
 var handleHelpMouseDown = function handleHelpMouseDown(e) {
   return e.preventDefault();
 };
-export var TextareaCounter = /*#__PURE__*/React.forwardRef(function TextareaCounter(_ref, ref) {
+export var TextareaCounter = forwardRefAndName('TextareaCounter', function (_ref, ref) {
   var _cx;
   var length = _ref.length,
@@ -28,34 +34,36 @@ export var TextareaCounter = /*#__PURE__*/React.forwardRef(function TextareaCoun
       height = _useState2[0],
       setHeight = _useState2[1];
-  var reflow = function reflow() {
+  var reflow = useCallback(function () {
     var clientWidth = textarea.clientWidth,
         clientHeight = textarea.clientHeight;
     setWidth(clientWidth);
     setHeight(clientHeight);
-  };
-  useEffect(reflow, [textarea]);
+  }, [textarea]);
   useImperativeHandle(ref, function () {
     return {
       reflow: reflow
     };
-  }, [ref]);
+  }, [reflow]);
   var renderTooltipContent = useCallback(function () {
     return help;
   }, [help]);
   var textareaValue = value ? value.toString().length : 0;
   var counterValue = length - textareaValue;
+  var helpIconProps = {
+    onMouseDown: handleHelpMouseDown,
+    color: theme.textareaCounterHelpIconColor,
+    'data-tid': TextareaDataTids.helpIcon
+  };
+  var helpIcon = isTheme2022(theme) ? /*#__PURE__*/React.createElement(QuestionCircleIcon16Solid, helpIconProps) : /*#__PURE__*/React.createElement(HelpDotIcon, helpIconProps);
   var counterHelp = isFunction(help) ? help() : /*#__PURE__*/React.createElement(Tooltip, {
     pos: 'right bottom',
     trigger: 'click',
     render: renderTooltipContent,
     onCloseClick: onCloseHelp
-  }, /*#__PURE__*/React.createElement(HelpDotIcon, {
-    onMouseDown: handleHelpMouseDown,
-    color: theme.textareaCounterHelpIconColor
-  }));
+  }, helpIcon);
   return /*#__PURE__*/React.createElement("div", {
+    "data-tid": TextareaDataTids.counter,
     className: styles.counterContainer(theme),
     style: {
       width: width,
@@ -66,4 +74,13 @@ export var TextareaCounter = /*#__PURE__*/React.forwardRef(function TextareaCoun
   }, counterValue, help && /*#__PURE__*/React.createElement("span", {
     className: styles.counterHelp()
   }, counterHelp)));
-});
+});
+TextareaCounter.propTypes = {
+  length: propTypes.number.isRequired,
+  value: propTypes.oneOfType([propTypes.string, propTypes.number]),
+  help: propTypes.oneOfType([propTypes.node, propTypes.func]),
+  onCloseHelp: propTypes.func.isRequired,
+  textarea: safePropTypesInstanceOf(function () {
+    return HTMLElement;
+  }).isRequired
+};

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["TextareaCounter.tsx"],"names":["React","~~useEffect","~~useContext","useCallback","useImperativeHandle","useState","HelpDotIcon","ThemeContext","isFunction","Tooltip","cx","styles","handleHelpMouseDown","e","preventDefault","TextareaCounter","~~forwardRef","~~ref","length","value","help","onCloseHelp","textarea","theme","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","~~counterHelp~~","textareaCounterHelpIconColor","~~counterContainer~~","counter","counterError"],"mappings":"AAAA,OAAOA,KAAP,IAAgCC,~~SAAhC~~,~~EAA2CC~~,~~UAA3C~~,~~EAAuDC~~,~~WAAvD~~,~~EAAoEC~~,~~mBAApE~~,~~EAAyFC~~,~~QAAzF~~,~~QAAyG~~,~~OAAzG~~;;AAEA,SAASC,WAAT,QAA4B,2BAA5B;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,UAAT,QAA2B,iBAA3B;AACA,SAASC,OAAT,QAAwB,YAAxB;AACA,SAASC,EAAT,QAAmB,2BAAnB~~;;;AAGA~~,SAASC,MAAT,QAAuB,mBAAvB;;;;;;;;;;;;;;AAcA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,CAAD,UAAuBA,CAAC,CAACC,cAAF,EAAvB,EAA5B;;AAEA,OAAO,IAAMC,eAAe,~~gBAAGf~~,~~KAAK~~,~~CAACgB~~,~~UAAN~~,~~CAA2D~~,~~SAASD~~,~~eAAT;;AAExFE~~,~~GAFwF;AAGxF~~,~~aAFEC~~,~~MAEF~~,~~QAFEA~~,~~MAEF~~,~~CAFUC~~,~~KAEV~~,~~QAFUA~~,~~KAEV~~,~~CAFiBC~~,~~IAEjB~~,~~QAFiBA~~,~~IAEjB~~,~~CAFuBC~~,~~WAEvB~~,~~QAFuBA~~,~~WAEvB~~,~~CAFoCC~~,~~QAEpC,QAFoCA,QAEpC~~;~~AACA~~,MAAMC,KAAK,~~GAAGrB~~,UAAU,~~CAACK~~,YAAD,CAAxB~~,CADA~~;~~AAE0BF~~,~~EAAAA~~,QAAQ,~~CAACiB~~,QAAQ,CAACE,WAAV,~~CAFlC~~,~~CAEOC~~,~~KAFP~~,~~gBAEcC~~,~~QAFd~~;~~AAG4BrB~~,~~EAAAA~~,QAAQ,~~CAACiB~~,QAAQ,CAACK,YAAV,~~CAHpC~~,~~CAGOC~~,~~MAHP~~,~~iBAGeC~~,~~SAHf~~;~~AAIA~~,MAAMC,MAAM,~~GAAG~~,~~SAATA~~,~~MAAS~~,~~GAAM~~;~~AACXN~~,~~IAAAA~~,~~WADW~~,~~GACmBF~~,~~QADnB~~,~~CACXE~~,~~WADW~~,~~CACEG~~,~~YADF~~,~~GACmBL~~,~~QADnB~~,~~CACEK~~,~~YADF~~;~~AAEnBD~~,IAAAA,QAAQ,CAACF,WAAD,CAAR;AACAK,IAAAA,SAAS,CAACF,YAAD,CAAT;AACD,~~GAJD;AAKA1B~~,~~EAAAA~~,~~SAAS~~,~~CAAC6B,MAAD,EAAS,CAACR,~~QAAD,~~CAAT~~,~~CAAT~~;~~AACAlB~~,EAAAA,mBAAmB,~~CAACa~~,GAAD,EAAM,oBAAO,EAAEa,MAAM,EAANA,MAAF,EAAP,EAAN,EAA0B,~~CAACb~~,~~GAAD~~,CAA1B,CAAnB;AACA,~~MAAMc~~,oBAAoB,~~GAAG5B~~,WAAW,CAAC,~~oBAAMiB~~,IAAN,EAAD,EAAa,CAACA,IAAD,CAAb,CAAxC;AACA,MAAMY,aAAa,GAAGb,KAAK,GAAGA,KAAK,CAACc,QAAN,GAAiBf,MAApB,GAA6B,CAAxD;AACA,MAAMgB,YAAY,GAAGhB,MAAM,GAAGc,aAA9B~~;AACA~~,MAAMG,WAAW,~~GAAG3B~~,UAAU,~~CAACY~~,IAAD,CAAV;AAClBA,EAAAA,IAAI,EADc;;AAGlB,sBAAC,OAAD,IAAS,GAAG,EAAE,cAAd,EAA8B,OAAO,EAAE,OAAvC,EAAgD,MAAM,EAAEW,oBAAxD,EAA8E,YAAY,EAAEV,WAA5F;~~AACE~~,~~sBAAC~~,~~WAAD~~,~~IAAa,WAAW,EAAET,mBAA1B,EAA+C,KAAK,EAAEW,KAAK,CAACa,4BAA5D,GADF,~~CAHF;;;;AAQA;AACE,iCAAK,SAAS,~~EAAEzB~~,MAAM,~~CAAC0B~~,gBAAP,~~CAAwBd~~,KAAxB,~~CAAhB~~,~~EAAgD~~,KAAK,EAAE,EAAEE,KAAK,EAALA,KAAF,EAASG,MAAM,EAANA,MAAT,~~EAAvD~~;AACE;AACE,MAAA,SAAS,~~EAAElB~~,EAAE,~~CAACC~~,MAAM,~~CAAC2B~~,OAAP,~~CAAef~~,KAAf,CAAD;~~AACVZ~~,MAAAA,MAAM,~~CAAC4B~~,YAAP,~~CAAoBhB~~,KAApB,CADU,IACmBW,YAAY,GAAG,CADlC,OADf;;;AAKGA,IAAAA,YALH;AAMGd,IAAAA,IAAI,iBAAI,8BAAM,SAAS,~~EAAET~~,MAAM,~~CAACwB~~,WAAP,EAAjB,IAAwCA,WAAxC,CANX,CADF,CADF;;;;AAYD,~~CArC8B~~,~~CAAxB~~","sourcesContent":["import React, { SyntheticEvent, ~~useEffect,~~ useContext, useCallback, useImperativeHandle, useState } from 'react';\n\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 { TextareaProps } from './Textarea';\nimport { styles } from './Textarea.styles';\n\nexport ~~type~~ 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 = ~~React.forwardRef~~<TextareaCounterRef, TextareaCounterProps>(~~function TextareaCounter(~~\n { length, value, help, onCloseHelp, textarea }~~,\n~~ ref~~,\n~~) {\n const theme = useContext(ThemeContext);\n const [width, setWidth] = useState(textarea.clientWidth);\n const [height, setHeight] = useState(textarea.clientHeight);\n const reflow = () => {\n const { clientWidth, clientHeight } = textarea;\n setWidth(clientWidth);\n setHeight(clientHeight);\n }~~;\n useEffect(reflow~~, [textarea]);\n useImperativeHandle(ref, () => ({ reflow }), [~~ref~~]);\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 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"]}
1	+ {"version":3,"sources":["TextareaCounter.tsx"],"names":["React","useContext","useCallback","useImperativeHandle","useState","propTypes","safePropTypesInstanceOf","forwardRefAndName","HelpDotIcon","ThemeContext","isFunction","Tooltip","cx","isTheme2022","QuestionCircleIcon16Solid","TextareaDataTids","styles","handleHelpMouseDown","e","preventDefault","TextareaCounter","ref","length","value","help","onCloseHelp","textarea","theme","clientWidth","width","setWidth","clientHeight","height","setHeight","reflow","renderTooltipContent","textareaValue","toString","counterValue","helpIconProps","onMouseDown","color","textareaCounterHelpIconColor","helpIcon","counterHelp","counter","counterContainer","counterError","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';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { QuestionCircleIcon16Solid } from '../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Solid';\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\n const helpIconProps = {\n onMouseDown: handleHelpMouseDown,\n color: theme.textareaCounterHelpIconColor,\n 'data-tid': TextareaDataTids.helpIcon,\n };\n const helpIcon = isTheme2022(theme) ? (\n <QuestionCircleIcon16Solid {...helpIconProps} />\n ) : (\n <HelpDotIcon {...helpIconProps} />\n );\n const counterHelp = isFunction(help) ? (\n help()\n ) : (\n <Tooltip pos={'right bottom'} trigger={'click'} render={renderTooltipContent} onCloseClick={onCloseHelp}>\n {helpIcon}\n </Tooltip>\n );\n\n 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/components/Textarea/TextareaCounter.d.ts CHANGED Viewed

@@ -1,13 +1,12 @@
-import React from 'react';
 import { TextareaProps } from './Textarea';
-export declare type TextareaCounterProps = {
+export interface TextareaCounterProps {
     value: TextareaProps['value'];
     length: number;
     help: TextareaProps['counterHelp'];
     onCloseHelp: () => void;
     textarea: HTMLTextAreaElement;
-};
+}
 export interface TextareaCounterRef {
     reflow: () => void;
 }
-export declare const TextareaCounter: React.ForwardRefExoticComponent<TextareaCounterProps & React.RefAttributes<TextareaCounterRef>>;
+export declare const TextareaCounter: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<TextareaCounterRef, TextareaCounterProps>;

package/components/Textarea/TextareaHelpers/TextareaHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["TextareaHelpers.tsx"],"names":["getTextAreaHeight","params","node","minRows","maxRows","extraRow","style","getComputedStyle","borderTop","borderTopWidth","parseInt","borderBottom","borderBottomWidth","lineHeight","paddingTop","paddingBottom","minHeight","maxHeight","extraRowHeight","expectedHeight","scrollHeight","height","Math","min","max","exceededMaxHeight"],"mappings":"AAAA,OAAO,SAASA,iBAAT,CAA2BC,MAA3B,EAA4D;~~AACzDC~~,~~EAAAA~~,~~IADyD~~,~~GACpBD~~,~~MADoB~~,~~CACzDC~~,~~IADyD~~,~~CACnDC~~,~~OADmD~~,~~GACpBF~~,~~MADoB~~,~~CACnDE~~,~~OADmD~~,~~CAC1CC~~,~~OAD0C~~,~~GACpBH~~,~~MADoB~~,~~CAC1CG~~,~~OAD0C~~,~~CACjCC~~,~~QADiC~~,~~GACpBJ~~,~~MADoB~~,~~CACjCI~~,~~QADiC~~;~~AAEjE~~,MAAMC,KAA0B,GAAGC,gBAAgB,CAACL,IAAD,CAAnD;AACA,MAAMM,SAAS,GAAGF,KAAK,CAACG,cAAN,GAAuBC,QAAQ,CAACJ,KAAK,CAACG,cAAP,EAAuB,EAAvB,CAA/B,GAA4D,CAA9E;AACA,MAAME,YAAY,GAAGL,KAAK,CAACM,iBAAN,GAA0BF,QAAQ,CAACJ,KAAK,CAACM,iBAAP,EAA0B,EAA1B,CAAlC,GAAkE,CAAvF;AACA,MAAMC,UAAU,GAAGP,KAAK,CAACO,UAAN,GAAmBH,QAAQ,CAACJ,KAAK,CAACO,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,UAAU,GAAGR,KAAK,CAACQ,UAAN,GAAmBJ,QAAQ,CAACJ,KAAK,CAACQ,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,aAAa,GAAGT,KAAK,CAACS,aAAN,GAAsBL,QAAQ,CAACJ,KAAK,CAACS,aAAP,EAAsB,EAAtB,CAA9B,GAA0D,CAAhF;AACA,MAAMC,SAAS,GAAGR,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGV,OAAvF;AACA,MAAMc,SAAS,GAAGT,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGT,OAAvF;AACA,MAAMc,cAAc,GAAGb,QAAQ,GAAGQ,UAAH,GAAgB,CAA/C;AACA,MAAMM,cAAc,GAAGjB,IAAI,CAACkB,YAAL,GAAoBZ,SAApB,GAAgCG,YAAhC,GAA+CO,cAAtE;AACA,SAAO;AACLG,IAAAA,MAAM,EAAEC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASL,cAAT,EAAyBH,SAAzB,CAAT,EAA8CC,SAA9C,CADH;AAELQ,IAAAA,iBAAiB,EAAEN,cAAc,GAAGF,SAAS,GAAGC,cAF3C,EAAP;;AAID","sourcesContent":["export function getTextAreaHeight(params: GetTextAreaHeightParams) {\n const { node, minRows, maxRows, extraRow } = params;\n const style: CSSStyleDeclaration = getComputedStyle(node);\n const borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;\n const borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;\n const lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;\n const paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;\n const paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;\n const minHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * minRows;\n const maxHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * maxRows;\n const extraRowHeight = extraRow ? lineHeight : 0;\n const expectedHeight = node.scrollHeight + borderTop + borderBottom + extraRowHeight;\n return {\n height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),\n exceededMaxHeight: expectedHeight > maxHeight + extraRowHeight,\n };\n}\n\ninterface GetTextAreaHeightParams {\n node: HTMLTextAreaElement;\n minRows: number;\n maxRows: number;\n extraRow: boolean;\n}\n"]}
1	+ {"version":3,"sources":["TextareaHelpers.tsx"],"names":["getTextAreaHeight","params","node","minRows","maxRows","extraRow","style","getComputedStyle","borderTop","borderTopWidth","parseInt","borderBottom","borderBottomWidth","lineHeight","paddingTop","paddingBottom","minHeight","maxHeight","extraRowHeight","expectedHeight","scrollHeight","height","Math","min","max","exceededMaxHeight"],"mappings":"AAAA,OAAO,SAASA,iBAAT,CAA2BC,MAA3B,EAA4D;AACjE,MAAQC,IAAR,GAA6CD,MAA7C,CAAQC,IAAR,CAAcC,OAAd,GAA6CF,MAA7C,CAAcE,OAAd,CAAuBC,OAAvB,GAA6CH,MAA7C,CAAuBG,OAAvB,CAAgCC,QAAhC,GAA6CJ,MAA7C,CAAgCI,QAAhC;AACA,MAAMC,KAA0B,GAAGC,gBAAgB,CAACL,IAAD,CAAnD;AACA,MAAMM,SAAS,GAAGF,KAAK,CAACG,cAAN,GAAuBC,QAAQ,CAACJ,KAAK,CAACG,cAAP,EAAuB,EAAvB,CAA/B,GAA4D,CAA9E;AACA,MAAME,YAAY,GAAGL,KAAK,CAACM,iBAAN,GAA0BF,QAAQ,CAACJ,KAAK,CAACM,iBAAP,EAA0B,EAA1B,CAAlC,GAAkE,CAAvF;AACA,MAAMC,UAAU,GAAGP,KAAK,CAACO,UAAN,GAAmBH,QAAQ,CAACJ,KAAK,CAACO,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,UAAU,GAAGR,KAAK,CAACQ,UAAN,GAAmBJ,QAAQ,CAACJ,KAAK,CAACQ,UAAP,EAAmB,EAAnB,CAA3B,GAAoD,CAAvE;AACA,MAAMC,aAAa,GAAGT,KAAK,CAACS,aAAN,GAAsBL,QAAQ,CAACJ,KAAK,CAACS,aAAP,EAAsB,EAAtB,CAA9B,GAA0D,CAAhF;AACA,MAAMC,SAAS,GAAGR,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGV,OAAvF;AACA,MAAMc,SAAS,GAAGT,SAAS,GAAGG,YAAZ,GAA2BG,UAA3B,GAAwCC,aAAxC,GAAwDF,UAAU,GAAGT,OAAvF;AACA,MAAMc,cAAc,GAAGb,QAAQ,GAAGQ,UAAH,GAAgB,CAA/C;AACA,MAAMM,cAAc,GAAGjB,IAAI,CAACkB,YAAL,GAAoBZ,SAApB,GAAgCG,YAAhC,GAA+CO,cAAtE;AACA,SAAO;AACLG,IAAAA,MAAM,EAAEC,IAAI,CAACC,GAAL,CAASD,IAAI,CAACE,GAAL,CAASL,cAAT,EAAyBH,SAAzB,CAAT,EAA8CC,SAA9C,CADH;AAELQ,IAAAA,iBAAiB,EAAEN,cAAc,GAAGF,SAAS,GAAGC,cAF3C,EAAP;;AAID","sourcesContent":["export function getTextAreaHeight(params: GetTextAreaHeightParams) {\n const { node, minRows, maxRows, extraRow } = params;\n const style: CSSStyleDeclaration = getComputedStyle(node);\n const borderTop = style.borderTopWidth ? parseInt(style.borderTopWidth, 10) : 0;\n const borderBottom = style.borderBottomWidth ? parseInt(style.borderBottomWidth, 10) : 0;\n const lineHeight = style.lineHeight ? parseInt(style.lineHeight, 10) : 0;\n const paddingTop = style.paddingTop ? parseInt(style.paddingTop, 10) : 0;\n const paddingBottom = style.paddingBottom ? parseInt(style.paddingBottom, 10) : 0;\n const minHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * minRows;\n const maxHeight = borderTop + borderBottom + paddingTop + paddingBottom + lineHeight * maxRows;\n const extraRowHeight = extraRow ? lineHeight : 0;\n const expectedHeight = node.scrollHeight + borderTop + borderBottom + extraRowHeight;\n return {\n height: Math.min(Math.max(expectedHeight, minHeight), maxHeight),\n exceededMaxHeight: expectedHeight > maxHeight + extraRowHeight,\n };\n}\n\ninterface GetTextAreaHeightParams {\n node: HTMLTextAreaElement;\n minRows: number;\n maxRows: number;\n extraRow: boolean;\n}\n"]}