npm - @skbkontur/react-ui - Versions diffs - 0.0.0-c91b3db3f4 → 0.0.0-ce2a893b1a - Mend

@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-ce2a893b1a

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 (2290) hide show

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

@@ -1,33 +1,39 @@
 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", "autoResize", "resize", "onCut", "onPaste", "maxRows", "onFocus", "selectAllOnFocus", "placeholder", "onValueChange", "showLengthCounter", "lengthCounter", "counterHelp", "extraRow", "disableAnimations", "disabled"];
+var _class, _class2, _temp;
 import React from 'react';
 import PropTypes from 'prop-types';
 import throttle from 'lodash.throttle';
-import cn from 'classnames';
+import raf from 'raf';
 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 } from "../../../lib/client";
+import { isBrowser, isIE11 } 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 { getTextAreaHeight } from "../TextareaHelpers";
-import { jsStyles } from "../Textarea.styles";
+import { styles } from "../Textarea.styles";
 import { TextareaCounter } from "../TextareaCounter";
 var DEFAULT_WIDTH = 250;
 var AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;
-/**
- * Компонент для ввода многострочного текста.
- *
- * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
- *
- * ** `className` и `style`  игнорируются**
- */
-export var Textarea = /*#__PURE__*/function (_React$Component) {
+export
+/**
+* Компонент для ввода многострочного текста.
+*
+* Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
+*
+* ** `className` и `style`  игнорируются**
+*/
+var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Textarea, _React$Component);
   function Textarea() {
@@ -39,8 +45,7 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.state = {
-      polyfillPlaceholder: polyfillPlaceholder,
-      rows: 1,
+      needsPolyfillPlaceholder: needsPolyfillPlaceholder,
       isCounterVisible: false
     };
@@ -50,11 +55,7 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
       }
     };
-    _this.theme = void 0;
-    _this.node = void 0;
-    _this.fakeNode = void 0;
-    _this.counter = void 0;
-    _this.layoutEvents = void 0;
+    _this.selectAllId = null;
     _this.textareaObserver = isBrowser ? new MutationObserver(_this.reflowCounter) : null;
     _this.setSelectionRange = function (start, end) {
@@ -75,8 +76,19 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
       }
     };
+    _this.delaySelectAll = function () {
+      return _this.selectAllId = raf(_this.selectAll);
+    };
+    _this.cancelDelayedSelectAll = function () {
+      if (_this.selectAllId) {
+        raf.cancel(_this.selectAllId);
+        _this.selectAllId = null;
+      }
+    };
     _this.renderMain = function (props) {
-      var _cn, _ref, _textareaProps$maxLen;
+      var _cx, _ref, _textareaProps$maxLen;
       var _props$width = props.width,
           width = _props$width === void 0 ? DEFAULT_WIDTH : _props$width,
@@ -96,7 +108,8 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
           counterHelp = props.counterHelp,
           extraRow = props.extraRow,
           disableAnimations = props.disableAnimations,
-          textareaProps = _objectWithoutPropertiesLoose(props, ["width", "error", "warning", "autoResize", "resize", "onCut", "onPaste", "maxRows", "onFocus", "selectAllOnFocus", "placeholder", "onValueChange", "showLengthCounter", "lengthCounter", "counterHelp", "extraRow", "disableAnimations"]);
+          disabled = props.disabled,
+          textareaProps = _objectWithoutPropertiesLoose(props, _excluded);
       var isCounterVisible = _this.state.isCounterVisible;
       var rootProps = {
@@ -104,15 +117,15 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
           width: width
         }
       };
-      var textareaClassNames = cn((_cn = {}, _cn[jsStyles.textarea(_this.theme)] = true, _cn[jsStyles.error(_this.theme)] = !!error, _cn[jsStyles.warning(_this.theme)] = !!warning, _cn[jsStyles.disableAnimations()] = _this.isAnimationsDisabled(), _cn));
+      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 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: jsStyles.placeholder()
+          className: styles.placeholder()
         }, placeholder);
       }
@@ -122,7 +135,7 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
         var fakeProps = {
           value: _this.props.value,
           defaultValue: _this.props.defaultValue,
-          className: cn(textareaClassNames, jsStyles.fake()),
+          className: cx(textareaClassNames, styles.fake()),
           readOnly: true
         };
         fakeTextarea = /*#__PURE__*/React.createElement("textarea", _extends({}, fakeProps, {
@@ -143,7 +156,7 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
         onClickOutside: _this.handleCloseCounterHelp,
         active: _this.state.isCounterVisible
       }, /*#__PURE__*/React.createElement("label", _extends({}, rootProps, {
-        className: jsStyles.root(_this.theme)
+        className: styles.root(_this.theme)
       }), placeholderPolyfill, /*#__PURE__*/React.createElement(ResizeDetector, {
         onResize: _this.reflowCounter
       }, /*#__PURE__*/React.createElement("textarea", _extends({}, textareaProps, {
@@ -155,7 +168,8 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
         onCut: _this.handleCut,
         onPaste: _this.handlePaste,
         onFocus: _this.handleFocus,
-        onKeyDown: _this.handleKeyDown
+        onKeyDown: _this.handleKeyDown,
+        disabled: disabled
       }), _this.props.children)), fakeTextarea, counter));
     };
@@ -182,12 +196,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
           });
         }
       }
@@ -291,7 +305,8 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
       });
       if (_this.props.selectAllOnFocus) {
-        _this.selectAll();
+        // https://github.com/facebook/react/issues/7769
+        _this.node && !isIE11 ? _this.selectAll() : _this.delaySelectAll();
       }
       if (_this.props.onFocus) {
@@ -314,8 +329,8 @@ 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,
+  _proto.isAnimationsDisabled = function isAnimationsDisabled(_temp2) {
+    var _ref2 = _temp2 === void 0 ? this.props : _temp2,
         disableAnimations = _ref2.disableAnimations,
         extraRow = _ref2.extraRow;
@@ -343,6 +358,8 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
     if (this.props.showLengthCounter && this.textareaObserver) {
       this.textareaObserver.disconnect();
     }
+    this.cancelDelayedSelectAll();
   };
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
@@ -351,7 +368,7 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
       this.autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());
     }
-    if (this.props.autoResize && this.props.rows > this.state.rows || this.props.value !== prevProps.value) {
+    if (this.props.autoResize && (this.props.rows !== prevProps.rows || this.props.maxRows !== prevProps.maxRows || this.props.value !== prevProps.value)) {
       this.autoResize();
     }
   };
@@ -361,11 +378,13 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
     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(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.props), _this2.renderMain);
     });
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
@@ -374,8 +393,8 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
       this.node.focus();
     }
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
@@ -384,17 +403,15 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
       this.node.blur();
     }
   }
-  /**
-  * @public
-  * @param {number} start
-  * @param {number} end
+  /**
+  * @public
+  * @param {number} start
+  * @param {number} end
   */
   ;
   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,
@@ -436,10 +453,9 @@ Textarea.propTypes = {
   onCut: PropTypes.func,
   onPaste: PropTypes.func,
   onCopy: PropTypes.func
-};
-Textarea.defaultProps = {
+}, _class2.defaultProps = {
   rows: 3,
   maxRows: 15,
   extraRow: true,
   disableAnimations: isTestEnv
-};
+}, _temp)) || _class;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Textarea.tsx"],"names":["React","PropTypes","throttle","cn","isKeyEnter","polyfillPlaceholder","LayoutEvents","ThemeContext","RenderLayer","ResizeDetector","isBrowser","CommonWrapper","isTestEnv","getTextAreaHeight","jsStyles","TextareaCounter","DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","Textarea","state","rows","isCounterVisible","reflowCounter","counter","reflow","theme","node","fakeNode","layoutEvents","textareaObserver","MutationObserver","setSelectionRange","start","end","Error","document","activeElement","focus","selectAll","value","length","renderMain","props","width","error","warning","autoResize","resize","onCut","onPaste","maxRows","onFocus","selectAllOnFocus","placeholder","onValueChange","showLengthCounter","lengthCounter","counterHelp","extraRow","disableAnimations","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","minRows","parseInt","height","exceededMaxHeight","overflowY","getAutoResizeThrottleWait","event","componentDidMount","addListener","observe","attributes","componentWillUnmount","remove","disconnect","componentDidUpdate","prevProps","cancel","render","blur","Component","__KONTUR_REACT_UI__","propTypes","bool","disabled","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';\r\nimport PropTypes from 'prop-types';\r\nimport throttle from 'lodash.throttle';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers';\r\nimport { polyfillPlaceholder } from '../../lib/polyfillPlaceholder';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable, Override } from '../../typings/utility-types';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { RenderLayer } from '../../internal/RenderLayer';\r\nimport { ResizeDetector } from '../../internal/ResizeDetector';\r\nimport { isBrowser } from '../../lib/client';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\n\r\nimport { getTextAreaHeight } from './TextareaHelpers';\r\nimport { jsStyles } from './Textarea.styles';\r\nimport { TextareaCounter, TextareaCounterRef } from './TextareaCounter';\r\n\r\nconst DEFAULT_WIDTH = 250;\r\nconst AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;\r\n\r\nexport interface TextareaProps\r\n extends CommonProps,\r\n Override<\r\n React.TextareaHTMLAttributes<HTMLTextAreaElement>,\r\n {\r\n /** Ошибка /\r\n error?: boolean;\r\n /* Предупреждение /\r\n warning?: boolean;\r\n /* Не активное состояние /\r\n disabled?: boolean;\r\n\r\n /\r\n Атоматический ресайз\r\n * в зависимости от содержимого\r\n /\r\n autoResize?: boolean;\r\n /\r\n Число строк\r\n /\r\n rows: number;\r\n /\r\n Максимальное число строк при\r\n * автоматическом ресайзе\r\n /\r\n maxRows: string \| number;\r\n\r\n /\r\n Стандартный ресайз\r\n * Попадает в `style`\r\n /\r\n resize?: React.CSSProperties['resize'];\r\n\r\n /\r\n Ширина\r\n /\r\n width?: React.CSSProperties['width'];\r\n\r\n /\r\n Вызывается при изменении `value`\r\n /\r\n onValueChange?: (value: string) => void;\r\n\r\n /* Выделение значения при фокусе /\r\n selectAllOnFocus?: boolean;\r\n\r\n /* Показывать счетчик символов /\r\n showLengthCounter?: boolean;\r\n\r\n /* Допустимое количество символов в поле. Отображается в счетчике.\r\n * Если не указано, равно `maxLength`\r\n /\r\n lengthCounter?: number;\r\n\r\n /* Подсказка к счетчику символов.\r\n \r\n По умолчанию - тултип с содежимым из пропа, если передан`ReactNode`.\r\n \r\n Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,\r\n \r\n ```\r\n * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}\r\n * ```\r\n * /\r\n counterHelp?: ReactNode \| (() => ReactNode);\r\n\r\n /* Добавлять дополнительную свободную строку при авто-ресайзе.\r\n * @see https://guides.kontur.ru/components/textarea/#04\r\n * /\r\n extraRow: boolean;\r\n\r\n /* Отключать анимацию при авто-ресайзе.\r\n * Автоматически отключается когда в `extraRow` передан `false`.\r\n /\r\n disableAnimations: boolean;\r\n }\r\n > {}\r\n\r\nexport interface TextareaState {\r\n polyfillPlaceholder: boolean;\r\n rows: number \| string;\r\n isCounterVisible: boolean;\r\n}\r\n\r\n/\r\n Компонент для ввода многострочного текста.\r\n \r\n Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\r\n \r\n `className` и `style` игнорируются\r\n /\r\nexport class Textarea extends React.Component<TextareaProps, TextareaState> {\r\n public static __KONTUR_REACT_UI__ = 'Textarea';\r\n\r\n public static propTypes = {\r\n error: PropTypes.bool,\r\n warning: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n\r\n autoResize: PropTypes.bool,\r\n extraRow: PropTypes.bool,\r\n disableAnimations: PropTypes.bool,\r\n maxRows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n\r\n resize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n\r\n id: PropTypes.string,\r\n name: PropTypes.string,\r\n title: PropTypes.string,\r\n spellCheck: PropTypes.bool,\r\n role: PropTypes.string,\r\n maxLength: PropTypes.number,\r\n tabIndex: PropTypes.number,\r\n rows: PropTypes.number,\r\n placeholder: PropTypes.string,\r\n\r\n value: PropTypes.string,\r\n defaultValue: PropTypes.string,\r\n onValueChange: PropTypes.func,\r\n\r\n onMouseEnter: PropTypes.func,\r\n onMouseLeave: PropTypes.func,\r\n onMouseOver: PropTypes.func,\r\n onMouseMove: PropTypes.func,\r\n onMouseOut: PropTypes.func,\r\n\r\n onMouseUp: PropTypes.func,\r\n onMouseDown: PropTypes.func,\r\n onClick: PropTypes.func,\r\n onDoubleClick: PropTypes.func,\r\n\r\n onKeyDown: PropTypes.func,\r\n onKeyPress: PropTypes.func,\r\n onKeyUp: PropTypes.func,\r\n onInput: PropTypes.func,\r\n\r\n onFocus: PropTypes.func,\r\n onBlur: PropTypes.func,\r\n\r\n onScroll: PropTypes.func,\r\n onWheel: PropTypes.func,\r\n\r\n onCut: PropTypes.func,\r\n onPaste: PropTypes.func,\r\n onCopy: PropTypes.func,\r\n };\r\n\r\n public static defaultProps = {\r\n rows: 3,\r\n maxRows: 15,\r\n extraRow: true,\r\n disableAnimations: isTestEnv,\r\n };\r\n\r\n public state = {\r\n polyfillPlaceholder,\r\n rows: 1,\r\n isCounterVisible: false,\r\n };\r\n private reflowCounter = () => {\r\n if (this.counter) {\r\n this.counter.reflow();\r\n }\r\n };\r\n\r\n private theme!: Theme;\r\n private node: Nullable<HTMLTextAreaElement>;\r\n private fakeNode: Nullable<HTMLTextAreaElement>;\r\n private counter: Nullable<TextareaCounterRef>;\r\n private layoutEvents: Nullable<{ remove: () => void }>;\r\n private textareaObserver = isBrowser ? new MutationObserver(this.reflowCounter) : null;\r\n private getAutoResizeThrottleWait(props: TextareaProps = this.props): number {\r\n // NOTE: При отключении анимации остается эффект дергания при авто-ресайзе из-за троттлинга расчета высоты\r\n // Поэтому выставляем таймаут троттла в ноль. Подробности - https://github.com/skbkontur/retail-ui/issues/2120\r\n return this.isAnimationsDisabled(props) ? 0 : AUTORESIZE_THROTTLE_DEFAULT_WAIT;\r\n }\r\n private isAnimationsDisabled({ disableAnimations, extraRow }: TextareaProps = this.props): boolean {\r\n return disableAnimations \|\| !extraRow;\r\n }\r\n\r\n public componentDidMount() {\r\n if (this.props.autoResize) {\r\n this.autoResize();\r\n this.layoutEvents = LayoutEvents.addListener(this.autoResize);\r\n }\r\n\r\n if (this.node && this.props.showLengthCounter && this.textareaObserver) {\r\n this.textareaObserver.observe(this.node, { attributes: true });\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (this.layoutEvents) {\r\n this.layoutEvents.remove();\r\n }\r\n if (this.props.showLengthCounter && this.textareaObserver) {\r\n this.textareaObserver.disconnect();\r\n }\r\n }\r\n\r\n public componentDidUpdate(prevProps: TextareaProps) {\r\n if (this.getAutoResizeThrottleWait() !== this.getAutoResizeThrottleWait(prevProps)) {\r\n this.autoResize.cancel();\r\n this.autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());\r\n }\r\n if ((this.props.autoResize && this.props.rows > this.state.rows) \|\| this.props.value !== prevProps.value) {\r\n this.autoResize();\r\n }\r\n }\r\n\r\n public render() {\r\n return (\r\n <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n /\r\n @public\r\n /\r\n public focus() {\r\n if (this.node) {\r\n this.node.focus();\r\n }\r\n }\r\n\r\n /\r\n @public\r\n /\r\n public blur() {\r\n if (this.node) {\r\n this.node.blur();\r\n }\r\n }\r\n\r\n /\r\n @public\r\n * @param {number} start\r\n * @param {number} end\r\n /\r\n public setSelectionRange = (start: number, end: number) => {\r\n if (!this.node) {\r\n throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\r\n }\r\n\r\n if (document.activeElement !== this.node) {\r\n this.focus();\r\n }\r\n\r\n this.node.setSelectionRange(start, end);\r\n };\r\n\r\n /\r\n @public\r\n */\r\n public selectAll = () => {\r\n if (this.node) {\r\n this.setSelectionRange(0, this.node.value.length);\r\n }\r\n };\r\n\r\n private renderMain = (props: CommonWrapperRestProps<TextareaProps>) => {\r\n const {\r\n width = DEFAULT_WIDTH,\r\n error,\r\n warning,\r\n autoResize,\r\n resize,\r\n onCut,\r\n onPaste,\r\n maxRows,\r\n onFocus,\r\n selectAllOnFocus,\r\n placeholder,\r\n onValueChange,\r\n showLengthCounter,\r\n lengthCounter,\r\n counterHelp,\r\n extraRow,\r\n disableAnimations,\r\n ...textareaProps\r\n } = props;\r\n\r\n const { isCounterVisible } = this.state;\r\n\r\n const rootProps = {\r\n style: {\r\n width,\r\n },\r\n };\r\n\r\n const textareaClassNames = cn({\r\n [jsStyles.textarea(this.theme)]: true,\r\n [jsStyles.error(this.theme)]: !!error,\r\n [jsStyles.warning(this.theme)]: !!warning,\r\n [jsStyles.disableAnimations()]: this.isAnimationsDisabled(),\r\n });\r\n\r\n const textareaStyle = {\r\n resize: autoResize ? 'none' : resize,\r\n };\r\n\r\n let placeholderPolyfill = null;\r\n\r\n if (this.state.polyfillPlaceholder && !textareaProps.value) {\r\n placeholderPolyfill = <span className={jsStyles.placeholder()}>{placeholder}</span>;\r\n }\r\n\r\n let fakeTextarea = null;\r\n if (autoResize) {\r\n const fakeProps = {\r\n value: this.props.value,\r\n defaultValue: this.props.defaultValue,\r\n className: cn(textareaClassNames, jsStyles.fake()),\r\n readOnly: true,\r\n };\r\n fakeTextarea = <textarea {...fakeProps} ref={this.refFake} />;\r\n }\r\n\r\n const counter = showLengthCounter && isCounterVisible && this.node && (\r\n <TextareaCounter\r\n textarea={this.node}\r\n help={counterHelp}\r\n value={textareaProps.value}\r\n length={textareaProps.maxLength ?? lengthCounter ?? 0}\r\n onCloseHelp={this.handleCloseCounterHelp}\r\n ref={this.refCounter}\r\n />\r\n );\r\n\r\n return (\r\n <RenderLayer\r\n onFocusOutside={this.handleCloseCounterHelp}\r\n onClickOutside={this.handleCloseCounterHelp}\r\n active={this.state.isCounterVisible}\r\n >\r\n <label {...rootProps} className={jsStyles.root(this.theme)}>\r\n {placeholderPolyfill}\r\n <ResizeDetector onResize={this.reflowCounter}>\r\n <textarea\r\n {...textareaProps}\r\n className={textareaClassNames}\r\n style={textareaStyle}\r\n placeholder={!placeholderPolyfill ? placeholder : undefined}\r\n ref={this.ref}\r\n onChange={this.handleChange}\r\n onCut={this.handleCut}\r\n onPaste={this.handlePaste}\r\n onFocus={this.handleFocus}\r\n onKeyDown={this.handleKeyDown}\r\n >\r\n {this.props.children}\r\n </textarea>\r\n </ResizeDetector>\r\n {fakeTextarea}\r\n {counter}\r\n </label>\r\n </RenderLayer>\r\n );\r\n };\r\n\r\n private handleCloseCounterHelp = () => this.setState({ isCounterVisible: false });\r\n\r\n private handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\r\n // Edge bug: textarea maxlength doesn't work after new line\r\n // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18833616/\r\n const value = this.props.value !== undefined ? this.props.value.toString() : null;\r\n const isBlockEnter = isKeyEnter(e) && value !== null && value.length === this.props.maxLength;\r\n\r\n if (isBlockEnter) {\r\n e.preventDefault();\r\n }\r\n\r\n if (this.props.onKeyDown) {\r\n this.props.onKeyDown(e);\r\n }\r\n };\r\n\r\n private handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n if (polyfillPlaceholder) {\r\n const fieldIsEmpty = e.target.value === '';\r\n\r\n if (this.state.polyfillPlaceholder !== fieldIsEmpty) {\r\n this.setState({ polyfillPlaceholder: fieldIsEmpty });\r\n }\r\n }\r\n\r\n if (this.props.onValueChange) {\r\n this.props.onValueChange(e.target.value);\r\n }\r\n\r\n if (this.props.autoResize) {\r\n this.autoResize();\r\n }\r\n\r\n if (this.props.onChange) {\r\n this.props.onChange(e);\r\n }\r\n\r\n this.reflowCounter();\r\n };\r\n\r\n private ref = (element: HTMLTextAreaElement) => {\r\n this.node = element;\r\n };\r\n\r\n private refFake = (element: HTMLTextAreaElement) => {\r\n this.fakeNode = element;\r\n };\r\n\r\n private refCounter = (ref: TextareaCounterRef \| null) => {\r\n this.counter = ref;\r\n };\r\n\r\n private autoResizeHandler = () => {\r\n const fakeNode = this.fakeNode;\r\n if (!fakeNode) {\r\n return;\r\n }\r\n const node = this.node;\r\n if (!node) {\r\n return;\r\n }\r\n if (this.props.value === undefined) {\r\n fakeNode.value = node.value;\r\n }\r\n\r\n const { rows, maxRows, extraRow } = this.props;\r\n if (rows === undefined \|\| maxRows === undefined) {\r\n return;\r\n }\r\n const { height, exceededMaxHeight } = getTextAreaHeight({\r\n node: fakeNode,\r\n minRows: typeof rows === 'number' ? rows : parseInt(rows, 10),\r\n maxRows: typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),\r\n extraRow,\r\n });\r\n node.style.height = height + 'px';\r\n node.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\r\n fakeNode.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\r\n };\r\n\r\n private autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());\r\n\r\n private handleCut = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\r\n if (this.props.autoResize) {\r\n this.autoResize();\r\n }\r\n\r\n if (this.props.onCut) {\r\n this.props.onCut(event);\r\n }\r\n\r\n this.reflowCounter();\r\n };\r\n\r\n private handlePaste = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\r\n if (this.props.autoResize) {\r\n this.autoResize();\r\n }\r\n\r\n if (this.props.onPaste) {\r\n this.props.onPaste(event);\r\n }\r\n\r\n this.reflowCounter();\r\n };\r\n\r\n private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\r\n this.setState({ isCounterVisible: true });\r\n\r\n if (this.props.selectAllOnFocus) {\r\n this.selectAll();\r\n }\r\n\r\n if (this.props.onFocus) {\r\n this.props.onFocus(event);\r\n }\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["Textarea.tsx"],"names":["React","PropTypes","throttle","raf","isKeyEnter","needsPolyfillPlaceholder","LayoutEvents","ThemeContext","RenderLayer","ResizeDetector","isBrowser","isIE11","CommonWrapper","isTestEnv","cx","rootNode","getTextAreaHeight","styles","TextareaCounter","DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","Textarea","state","isCounterVisible","reflowCounter","counter","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","isAnimationsDisabled","textareaStyle","placeholderPolyfill","defaultValue","fakeTextarea","fakeProps","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","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","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 { 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';\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\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 = {\n rows: 3,\n maxRows: 15,\n extraRow: true,\n disableAnimations: isTestEnv,\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 = 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 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 (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n @public\n /\n public focus() {\n if (this.node) {\n this.node.focus();\n }\n }\n\n /\n @public\n /\n public blur() {\n if (this.node) {\n this.node.blur();\n }\n }\n\n /\n @public\n * @param {number} start\n * @param {number} end\n /\n public setSelectionRange = (start: number, end: number) => {\n if (!this.node) {\n throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\n }\n\n if (document.activeElement !== this.node) {\n this.focus();\n }\n\n this.node.setSelectionRange(start, end);\n };\n\n /\n @public\n */\n public selectAll = () => {\n if (this.node) {\n this.setSelectionRange(0, this.node.value.length);\n }\n };\n\n private delaySelectAll = (): number => (this.selectAllId = raf(this.selectAll));\n\n private cancelDelayedSelectAll = (): void => {\n if (this.selectAllId) {\n raf.cancel(this.selectAllId);\n this.selectAllId = null;\n }\n };\n\n private renderMain = (props: CommonWrapperRestProps<TextareaProps>) => {\n const {\n width = DEFAULT_WIDTH,\n error,\n warning,\n autoResize,\n resize,\n onCut,\n onPaste,\n maxRows,\n onFocus,\n selectAllOnFocus,\n placeholder,\n onValueChange,\n showLengthCounter,\n lengthCounter,\n counterHelp,\n extraRow,\n disableAnimations,\n disabled,\n ...textareaProps\n } = props;\n\n const { isCounterVisible } = this.state;\n\n const rootProps = {\n style: {\n width,\n },\n };\n\n const textareaClassNames = cx({\n [styles.textarea(this.theme)]: true,\n [styles.disabled(this.theme)]: disabled,\n [styles.error(this.theme)]: !!error,\n [styles.warning(this.theme)]: !!warning,\n [styles.disableAnimations()]: this.isAnimationsDisabled(),\n });\n\n const textareaStyle = {\n resize: autoResize ? 'none' : resize,\n };\n\n let placeholderPolyfill = null;\n\n if (this.state.needsPolyfillPlaceholder && !textareaProps.value && !textareaProps.defaultValue) {\n placeholderPolyfill = <span className={styles.placeholder()}>{placeholder}</span>;\n }\n\n let fakeTextarea = null;\n if (autoResize) {\n const fakeProps = {\n value: this.props.value,\n defaultValue: this.props.defaultValue,\n className: cx(textareaClassNames, styles.fake()),\n readOnly: true,\n };\n fakeTextarea = <textarea {...fakeProps} ref={this.refFake} />;\n }\n\n const counter = showLengthCounter && isCounterVisible && this.node && (\n <TextareaCounter\n textarea={this.node}\n help={counterHelp}\n value={textareaProps.value}\n length={textareaProps.maxLength ?? lengthCounter ?? 0}\n onCloseHelp={this.handleCloseCounterHelp}\n ref={this.refCounter}\n />\n );\n\n return (\n <RenderLayer\n onFocusOutside={this.handleCloseCounterHelp}\n onClickOutside={this.handleCloseCounterHelp}\n active={this.state.isCounterVisible}\n >\n <label {...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, 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"]}

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

@@ -3,14 +3,18 @@ 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>, {
-    /** Ошибка */
+    /**
+     * Состояние валидации при ошибке.
+     */
     error?: boolean;
-    /** Предупреждение */
+    /**
+     * Состояние валидации при предупреждении.
+     */
     warning?: boolean;
     /** Не активное состояние */
     disabled?: boolean;
     /**
-     * Атоматический ресайз
+     * Автоматический ресайз
      * в зависимости от содержимого
      */
     autoResize?: boolean;
@@ -46,7 +50,7 @@ export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLA
     lengthCounter?: number;
     /** Подсказка к счетчику символов.
      *
-     * По умолчанию - тултип с содежимым из пропа, если передан`ReactNode`.
+     * По умолчанию - тултип с содержимым из пропа, если передан`ReactNode`.
      *
      * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,
      *
@@ -66,8 +70,7 @@ export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLA
 }> {
 }
 export interface TextareaState {
-    polyfillPlaceholder: boolean;
-    rows: number | string;
+    needsPolyfillPlaceholder: boolean;
     isCounterVisible: boolean;
 }
 /**
@@ -129,17 +132,18 @@ export declare class Textarea extends React.Component<TextareaProps, TextareaSta
         disableAnimations: boolean;
     };
     state: {
-        polyfillPlaceholder: boolean;
-        rows: number;
+        needsPolyfillPlaceholder: boolean;
         isCounterVisible: boolean;
     };
     private reflowCounter;
     private theme;
+    private selectAllId;
     private node;
     private fakeNode;
     private counter;
     private layoutEvents;
     private textareaObserver;
+    private setRootNode;
     private getAutoResizeThrottleWait;
     private isAnimationsDisabled;
     componentDidMount(): void;
@@ -164,6 +168,8 @@ export declare class Textarea extends React.Component<TextareaProps, TextareaSta
      * @public
      */
     selectAll: () => void;
+    private delaySelectAll;
+    private cancelDelayedSelectAll;
     private renderMain;
     private handleCloseCounterHelp;
     private handleKeyDown;

package/components/Textarea/Textarea.md CHANGED Viewed

@@ -1,25 +1,25 @@
-```jsx harmony
-const [value, setValue] = React.useState('');
-<Textarea
-  value={value}
-  onValueChange={setValue}
-  autoResize
-  placeholder="Through faith we can reign in every area of life"
-/>;
-```
-Счетчик введенных символов
-```jsx harmony
-const [value, setValue] = React.useState('');
-<Textarea
-  value={value}
-  onValueChange={setValue}
-  placeholder="Счетчик появляется при фокусе"
-  lengthCounter={10}
-  showLengthCounter
-  counterHelp="Hello 👋"
-/>;
-```
+```jsx harmony
+const [value, setValue] = React.useState('');
+<Textarea
+  value={value}
+  onValueChange={setValue}
+  autoResize
+  placeholder="Through faith we can reign in every area of life"
+/>;
+```
+Счетчик введенных символов
+```jsx harmony
+const [value, setValue] = React.useState('');
+<Textarea
+  value={value}
+  onValueChange={setValue}
+  placeholder="Счетчик появляется при фокусе"
+  lengthCounter={10}
+  showLengthCounter
+  counterHelp="Hello 👋"
+/>;
+```

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

@@ -1,41 +1,43 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-import { css, cssName, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
   root: function root(t) {
     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      &:disabled {\n        color: ", ";\n        background: ", ";\n        border-color: ", ";\n        box-shadow: none;\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.textareaTextColorDisabled, t.textareaDisabledBg, t.textareaDisabledBorderColor, t.textareaPlaceholderColor, t.textareaPlaceholderColor, t.textareaPlaceholderColor);
+    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);
   },
   error: function error(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n      ", "&:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])), cssName(styles.textarea(t)), t.textareaBorderColorError, t.textareaBorderWidth, t.textareaBorderColorError, cssName(styles.textarea(t)), t.textareaBorderColorError, t.textareaOutlineWidth, t.textareaBorderColorError);
+    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);
   },
   warning: function warning(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n      ", "&:focus {\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      }\n    "])), cssName(styles.textarea(t)), t.textareaBorderColorWarning, t.textareaOutlineWidth, t.textareaBorderColorWarning, cssName(styles.textarea(t)), t.textareaBorderColorWarning, t.textareaOutlineWidth, t.textareaBorderColorWarning);
+    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);
+  },
+  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);
   },
   fake: function fake() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      height: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      visibility: hidden;\n      width: 100%;\n    "])));
+    return css(_templateObject6 || (_templateObject6 = _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(_templateObject6 || (_templateObject6 = _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(_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    "])));
   },
   counterContainer: function counterContainer(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n      border: ", " solid transparent;\n      box-sizing: content-box;\n    "])), t.textareaBorderWidth);
+    return css(_templateObject8 || (_templateObject8 = _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(_templateObject8 || (_templateObject8 = _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(_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);
   },
   counterError: function counterError(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n    "])), t.textareaCounterErrorColor);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textareaCounterErrorColor);
   },
   counterHelp: function counterHelp() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      margin-left: 4px;\n      cursor: pointer;\n    "])));
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      margin-left: 4px;\n      cursor: pointer;\n    "])));
   },
   disableAnimations: function disableAnimations() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      transition: none;\n    "])));
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      transition: none;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});