@skbkontur/react-ui 0.0.0-a18e664e8f → 0.0.0-a2ba583fb2

package/components/Textarea/Textarea/Textarea.js

@@ -1,34 +1,54 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["width", "error", "warning", "size", "autoResize", "resize", "onCut", "onPaste", "maxRows", "onFocus", "selectAllOnFocus", "placeholder", "onValueChange", "showLengthCounter", "lengthCounter", "counterHelp", "extraRow", "disableAnimations", "disabled"];
+
+var _class, _class2, _temp; // TODO: Enable this rule in functional components.
+
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import throttle from 'lodash.throttle';
-import raf from 'raf';
+import { globalObject } from '@skbkontur/global-object';
 import { isKeyEnter } from "../../../lib/events/keyboard/identifiers";
-import { polyfillPlaceholder } from "../../../lib/polyfillPlaceholder";
+import { needsPolyfillPlaceholder } from "../../../lib/needsPolyfillPlaceholder";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { RenderLayer } from "../../../internal/RenderLayer";
 import { ResizeDetector } from "../../../internal/ResizeDetector";
-import { isBrowser, isIE11 } from "../../../lib/client";
+import { isIE11, isSafari17 } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext";
 import { getTextAreaHeight } from "../TextareaHelpers";
 import { styles } from "../Textarea.styles";
 import { TextareaCounter } from "../TextareaCounter";
-var DEFAULT_WIDTH = 250;
-var AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;
+import { TextareaWithSafari17Workaround } from "../TextareaWithSafari17Workaround";
 /**
- * Компонент для ввода многострочного текста.
- *
- * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
- *
- * ** `className` и `style`  игнорируются**
+ * @deprecated use SizeProp
  */
 
-export var Textarea = /*#__PURE__*/function (_React$Component) {
+var DEFAULT_WIDTH = 250;
+var AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;
+export var TextareaDataTids = {
+  root: 'Textarea__root',
+  counter: 'TextareaCounter__root',
+  helpIcon: 'TextareaCounter__helpIcon'
+};
+export
+/**
+* Компонент для ввода многострочного текста.
+*
+* Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
+*
+* ** `className` и `style`  игнорируются**
+*/
+var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Textarea, _React$Component);
 
   function Textarea() {
@@ -39,8 +59,9 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(Textarea.defaultProps);
     _this.state = {
-      polyfillPlaceholder: polyfillPlaceholder,
+      needsPolyfillPlaceholder: needsPolyfillPlaceholder,
       isCounterVisible: false
     };
 
@@ -50,20 +71,17 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
       }
     };
 
-    _this.theme = void 0;
     _this.selectAllId = null;
-    _this.node = void 0;
-    _this.fakeNode = void 0;
-    _this.counter = void 0;
-    _this.layoutEvents = void 0;
-    _this.textareaObserver = isBrowser ? new MutationObserver(_this.reflowCounter) : null;
+    _this.textareaObserver = globalObject.MutationObserver ? new globalObject.MutationObserver(_this.reflowCounter) : null;
 
     _this.setSelectionRange = function (start, end) {
+      var _globalObject$documen;
+
       if (!_this.node) {
         throw new Error('Cannot call "setSelectionRange" on unmounted Input');
       }
 
-      if (document.activeElement !== _this.node) {
+      if (((_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.activeElement) !== _this.node) {
         _this.focus();
       }
 
@@ -77,23 +95,26 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.delaySelectAll = function () {
-      return _this.selectAllId = raf(_this.selectAll);
+      var _globalObject$request;
+
+      return _this.selectAllId = (_globalObject$request = globalObject.requestAnimationFrame == null ? void 0 : globalObject.requestAnimationFrame(_this.selectAll)) != null ? _globalObject$request : null;
     };
 
     _this.cancelDelayedSelectAll = function () {
       if (_this.selectAllId) {
-        raf.cancel(_this.selectAllId);
+        globalObject.cancelAnimationFrame == null ? void 0 : globalObject.cancelAnimationFrame(_this.selectAllId);
         _this.selectAllId = null;
       }
     };
 
     _this.renderMain = function (props) {
-      var _cx, _ref, _textareaProps$maxLen;
+      var _cx, _ref, _textareaProps$maxLen, _cx2;
 
       var _props$width = props.width,
           width = _props$width === void 0 ? DEFAULT_WIDTH : _props$width,
           error = props.error,
           warning = props.warning,
+          size = props.size,
           autoResize = props.autoResize,
           resize = props.resize,
           onCut = props.onCut,
@@ -109,7 +130,7 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
           extraRow = props.extraRow,
           disableAnimations = props.disableAnimations,
           disabled = props.disabled,
-          textareaProps = _objectWithoutPropertiesLoose(props, ["width", "error", "warning", "autoResize", "resize", "onCut", "onPaste", "maxRows", "onFocus", "selectAllOnFocus", "placeholder", "onValueChange", "showLengthCounter", "lengthCounter", "counterHelp", "extraRow", "disableAnimations", "disabled"]);
+          textareaProps = _objectWithoutPropertiesLoose(props, _excluded);
 
       var isCounterVisible = _this.state.isCounterVisible;
       var rootProps = {
@@ -117,13 +138,13 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
           width: width
         }
       };
-      var textareaClassNames = cx((_cx = {}, _cx[styles.textarea(_this.theme)] = true, _cx[styles.disabled(_this.theme)] = disabled, _cx[styles.error(_this.theme)] = !!error, _cx[styles.warning(_this.theme)] = !!warning, _cx[styles.disableAnimations()] = _this.isAnimationsDisabled(), _cx));
+      var textareaClassNames = cx(_this.getTextareaSizeClassName(), (_cx = {}, _cx[styles.textarea(_this.theme)] = true, _cx[styles.hovering(_this.theme)] = !error && !warning, _cx[styles.disabled(_this.theme)] = disabled, _cx[styles.error(_this.theme)] = !!error, _cx[styles.warning(_this.theme)] = !!warning, _cx[styles.disableAnimations()] = _this.isAnimationsDisabled(), _cx));
       var textareaStyle = {
         resize: autoResize ? 'none' : resize
       };
       var placeholderPolyfill = null;
 
-      if (_this.state.polyfillPlaceholder && !textareaProps.value) {
+      if (_this.state.needsPolyfillPlaceholder && !textareaProps.value && !textareaProps.defaultValue) {
         placeholderPolyfill = /*#__PURE__*/React.createElement("span", {
           className: styles.placeholder()
         }, placeholder);
@@ -145,21 +166,25 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
 
       var counter = showLengthCounter && isCounterVisible && _this.node && /*#__PURE__*/React.createElement(TextareaCounter, {
         textarea: _this.node,
+        size: _this.getProps().size,
         help: counterHelp,
         value: textareaProps.value,
         length: (_ref = (_textareaProps$maxLen = textareaProps.maxLength) != null ? _textareaProps$maxLen : lengthCounter) != null ? _ref : 0,
         onCloseHelp: _this.handleCloseCounterHelp,
         ref: _this.refCounter
       });
+      var Component = _this.featureFlags.textareaUseSafari17Workaround && isSafari17 ? TextareaWithSafari17Workaround : 'textarea';
       return /*#__PURE__*/React.createElement(RenderLayer, {
         onFocusOutside: _this.handleCloseCounterHelp,
         onClickOutside: _this.handleCloseCounterHelp,
         active: _this.state.isCounterVisible
-      }, /*#__PURE__*/React.createElement("label", _extends({}, rootProps, {
-        className: styles.root(_this.theme)
+      }, /*#__PURE__*/React.createElement("label", _extends({
+        "data-tid": TextareaDataTids.root
+      }, rootProps, {
+        className: cx(_this.getRootSizeClassName(), (_cx2 = {}, _cx2[styles.root()] = true, _cx2))
       }), placeholderPolyfill, /*#__PURE__*/React.createElement(ResizeDetector, {
         onResize: _this.reflowCounter
-      }, /*#__PURE__*/React.createElement("textarea", _extends({}, textareaProps, {
+      }, /*#__PURE__*/React.createElement(Component, _extends({}, textareaProps, {
         className: textareaClassNames,
         style: textareaStyle,
         placeholder: !placeholderPolyfill ? placeholder : undefined,
@@ -196,12 +221,12 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.handleChange = function (e) {
-      if (polyfillPlaceholder) {
+      if (needsPolyfillPlaceholder) {
         var fieldIsEmpty = e.target.value === '';
 
-        if (_this.state.polyfillPlaceholder !== fieldIsEmpty) {
+        if (_this.state.needsPolyfillPlaceholder !== fieldIsEmpty) {
           _this.setState({
-            polyfillPlaceholder: fieldIsEmpty
+            needsPolyfillPlaceholder: fieldIsEmpty
           });
         }
       }
@@ -250,23 +275,26 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
         fakeNode.value = node.value;
       }
 
-      var _this$props = _this.props,
-          rows = _this$props.rows,
-          maxRows = _this$props.maxRows,
-          extraRow = _this$props.extraRow;
+      var _this$getProps = _this.getProps(),
+          rows = _this$getProps.rows,
+          maxRows = _this$getProps.maxRows;
 
       if (rows === undefined || maxRows === undefined) {
         return;
       }
 
-      var _getTextAreaHeight = getTextAreaHeight({
+      var _ref2 = getTextAreaHeight({
         node: fakeNode,
         minRows: typeof rows === 'number' ? rows : parseInt(rows, 10),
         maxRows: typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),
-        extraRow: extraRow
-      }),
-          height = _getTextAreaHeight.height,
-          exceededMaxHeight = _getTextAreaHeight.exceededMaxHeight;
+        extraRow: _this.getProps().extraRow
+      }) || {},
+          height = _ref2.height,
+          exceededMaxHeight = _ref2.exceededMaxHeight;
+
+      if (height === undefined || exceededMaxHeight === undefined) {
+        return;
+      }
 
       node.style.height = height + 'px';
       node.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';
@@ -319,6 +347,34 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
 
   var _proto = Textarea.prototype;
 
+  _proto.getRootSizeClassName = function getRootSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return styles.rootLarge(this.theme);
+
+      case 'medium':
+        return styles.rootMedium(this.theme);
+
+      case 'small':
+      default:
+        return styles.rootSmall(this.theme);
+    }
+  };
+
+  _proto.getTextareaSizeClassName = function getTextareaSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return styles.textareaLarge(this.theme);
+
+      case 'medium':
+        return styles.textareaMedium(this.theme);
+
+      case 'small':
+      default:
+        return styles.textareaSmall(this.theme);
+    }
+  };
+
   _proto.getAutoResizeThrottleWait = function getAutoResizeThrottleWait(props) {
     if (props === void 0) {
       props = this.props;
@@ -329,10 +385,10 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
     return this.isAnimationsDisabled(props) ? 0 : AUTORESIZE_THROTTLE_DEFAULT_WAIT;
   };
 
-  _proto.isAnimationsDisabled = function isAnimationsDisabled(_temp) {
-    var _ref2 = _temp === void 0 ? this.props : _temp,
-        disableAnimations = _ref2.disableAnimations,
-        extraRow = _ref2.extraRow;
+  _proto.isAnimationsDisabled = function isAnimationsDisabled(_temp2) {
+    var _ref3 = _temp2 === void 0 ? this.props : _temp2,
+        disableAnimations = _ref3.disableAnimations,
+        extraRow = _ref3.extraRow;
 
     return disableAnimations || !extraRow;
   };
@@ -368,7 +424,11 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
       this.autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());
     }
 
-    if (this.props.autoResize && (this.props.rows !== prevProps.rows || this.props.maxRows !== prevProps.maxRows || this.props.value !== prevProps.value)) {
+    var _this$getProps2 = this.getProps(),
+        rows = _this$getProps2.rows,
+        maxRows = _this$getProps2.maxRows;
+
+    if (this.props.autoResize && (rows !== prevProps.rows || maxRows !== prevProps.maxRows || this.props.value !== prevProps.value)) {
       this.autoResize();
     }
   };
@@ -376,9 +436,14 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _this2 = this;
 
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _this2.props, _this2.renderMain);
+    return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
+      _this2.featureFlags = getFullReactUIFlagsContext(flags);
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = theme;
+        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+          rootNodeRef: _this2.setRootNode
+        }, _this2.props), _this2.renderMain);
+      });
     });
   }
   /**
@@ -409,9 +474,7 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
   ;
 
   return Textarea;
-}(React.Component);
-Textarea.__KONTUR_REACT_UI__ = 'Textarea';
-Textarea.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Textarea', _class2.propTypes = {
   error: PropTypes.bool,
   warning: PropTypes.bool,
   disabled: PropTypes.bool,
@@ -453,10 +516,10 @@ Textarea.propTypes = {
   onCut: PropTypes.func,
   onPaste: PropTypes.func,
   onCopy: PropTypes.func
-};
-Textarea.defaultProps = {
+}, _class2.defaultProps = {
   rows: 3,
   maxRows: 15,
   extraRow: true,
+  size: 'small',
   disableAnimations: isTestEnv
-};
+}, _temp)) || _class;

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

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

package/components/Textarea/Textarea.d.ts

@@ -1,32 +1,39 @@
-import React, { ReactNode } from 'react';
+import React, { AriaAttributes, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { Override } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
-export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLAttributes<HTMLTextAreaElement>, {
+import { SizeProp } from '../../lib/types/props';
+/**
+ * @deprecated use SizeProp
+ */
+export declare type TextareaSize = SizeProp;
+export interface TextareaProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<React.TextareaHTMLAttributes<HTMLTextAreaElement>, {
     /**
-     * Cостояние валидации при ошибке.
+     * Состояние валидации при ошибке.
      */
     error?: boolean;
     /**
-     * Cостояние валидации при предупреждении.
+     * Состояние валидации при предупреждении.
      */
     warning?: boolean;
     /** Не активное состояние */
     disabled?: boolean;
+    /** Размер */
+    size?: SizeProp;
     /**
-     * Атоматический ресайз
+     * Автоматический ресайз
      * в зависимости от содержимого
      */
     autoResize?: boolean;
     /**
      * Число строк
      */
-    rows: number;
+    rows?: number;
     /**
      * Максимальное число строк при
      * автоматическом ресайзе
      */
-    maxRows: string | number;
+    maxRows?: string | number;
     /**
      * Стандартный ресайз
      * Попадает в `style`
@@ -50,7 +57,7 @@ export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLA
     lengthCounter?: number;
     /** Подсказка к счетчику символов.
      *
-     * По умолчанию - тултип с содежимым из пропа, если передан`ReactNode`.
+     * По умолчанию - тултип с содержимым из пропа, если передан`ReactNode`.
      *
      * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,
      *
@@ -62,17 +69,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' | 'size'>>;
 /**
  * Компонент для ввода многострочного текста.
  *
@@ -125,14 +138,13 @@ 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;
+    private featureFlags;
+    private getRootSizeClassName;
+    private getTextareaSizeClassName;
     state: {
-        polyfillPlaceholder: boolean;
+        needsPolyfillPlaceholder: boolean;
         isCounterVisible: boolean;
     };
     private reflowCounter;
@@ -143,6 +155,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 +195,4 @@ export declare class Textarea extends React.Component<TextareaProps, TextareaSta
     private handlePaste;
     private handleFocus;
 }
+export {};