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

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

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

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

@@ -1,30 +1,45 @@
 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 _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 */
-var _class, _class2, _temp;
 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 { 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";
+import { TextareaWithSafari17Workaround } from "../TextareaWithSafari17Workaround";
+/**
+ * @deprecated use SizeProp
+ */
 var DEFAULT_WIDTH = 250;
 var AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;
+export var TextareaDataTids = {
+  root: 'Textarea__root',
+  counter: 'TextareaCounter__root',
+  helpIcon: 'TextareaCounter__helpIcon'
+};
 export
 /**
 * Компонент для ввода многострочного текста.
@@ -44,6 +59,7 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
     }
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(Textarea.defaultProps);
     _this.state = {
       needsPolyfillPlaceholder: needsPolyfillPlaceholder,
       isCounterVisible: false
@@ -56,14 +72,16 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
     };
     _this.selectAllId = null;
-    _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 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
     };
     _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,
@@ -117,7 +138,7 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
           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
       };
@@ -145,21 +166,25 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
       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,
@@ -250,23 +275,26 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
         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 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
   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;
@@ -330,9 +386,9 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
   };
   _proto.isAnimationsDisabled = function isAnimationsDisabled(_temp2) {
-    var _ref2 = _temp2 === void 0 ? this.props : _temp2,
-        disableAnimations = _ref2.disableAnimations,
-        extraRow = _ref2.extraRow;
+    var _ref3 = _temp2 === void 0 ? this.props : _temp2,
+        disableAnimations = _ref3.disableAnimations,
+        extraRow = _ref3.extraRow;
     return disableAnimations || !extraRow;
   };
@@ -368,7 +424,11 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
       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,11 +436,14 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
   _proto.render = function render() {
     var _this2 = this;
-    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);
+    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);
+      });
     });
   }
   /**
@@ -411,7 +474,7 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
   ;
   return Textarea;
-}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Textarea', _class2.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Textarea', _class2.displayName = 'Textarea', _class2.propTypes = {
   error: PropTypes.bool,
   warning: PropTypes.bool,
   disabled: PropTypes.bool,
@@ -457,5 +520,6 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
   rows: 3,
   maxRows: 15,
   extraRow: true,
+  size: 'small',
   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","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"]}
1	+ {"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__","displayName","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 public static displayName = 'Textarea';\n\n public static propTypes = {\n error: PropTypes.bool,\n warning: PropTypes.bool,\n disabled: PropTypes.bool,\n\n autoResize: PropTypes.bool,\n extraRow: PropTypes.bool,\n disableAnimations: PropTypes.bool,\n maxRows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n resize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n id: PropTypes.string,\n name: PropTypes.string,\n title: PropTypes.string,\n spellCheck: PropTypes.bool,\n role: PropTypes.string,\n maxLength: PropTypes.number,\n tabIndex: PropTypes.number,\n rows: PropTypes.number,\n placeholder: PropTypes.string,\n\n value: PropTypes.string,\n defaultValue: PropTypes.string,\n onValueChange: PropTypes.func,\n\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n onMouseOver: PropTypes.func,\n onMouseMove: PropTypes.func,\n onMouseOut: PropTypes.func,\n\n onMouseUp: PropTypes.func,\n onMouseDown: PropTypes.func,\n onClick: PropTypes.func,\n onDoubleClick: PropTypes.func,\n\n onKeyDown: PropTypes.func,\n onKeyPress: PropTypes.func,\n onKeyUp: PropTypes.func,\n onInput: PropTypes.func,\n\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n\n onScroll: PropTypes.func,\n onWheel: PropTypes.func,\n\n onCut: PropTypes.func,\n onPaste: PropTypes.func,\n onCopy: PropTypes.func,\n };\n\n public static defaultProps: DefaultProps = {\n rows: 3,\n maxRows: 15,\n extraRow: true,\n size: 'small',\n disableAnimations: isTestEnv,\n };\n\n private getProps = createPropsGetter(Textarea.defaultProps);\n 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 CHANGED Viewed

@@ -1,8 +1,13 @@
-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>, {
     /**
      * Состояние валидации при ошибке.
      */
@@ -13,6 +18,8 @@ export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLA
     warning?: boolean;
     /** Не активное состояние */
     disabled?: boolean;
+    /** Размер */
+    size?: SizeProp;
     /**
      * Автоматический ресайз
      * в зависимости от содержимого
@@ -21,12 +28,12 @@ export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLA
     /**
      * Число строк
      */
-    rows: number;
+    rows?: number;
     /**
      * Максимальное число строк при
      * автоматическом ресайзе
      */
-    maxRows: string | number;
+    maxRows?: string | number;
     /**
      * Стандартный ресайз
      * Попадает в `style`
@@ -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 {
     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'>>;
 /**
  * Компонент для ввода многострочного текста.
  *
@@ -82,6 +95,7 @@ export interface TextareaState {
  */
 export declare class Textarea extends React.Component<TextareaProps, TextareaState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         error: PropTypes.Requireable<boolean>;
         warning: PropTypes.Requireable<boolean>;
@@ -125,12 +139,11 @@ 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: {
         needsPolyfillPlaceholder: boolean;
         isCounterVisible: boolean;
@@ -183,3 +196,4 @@ export declare class Textarea extends React.Component<TextareaProps, TextareaSta
     private handlePaste;
     private handleFocus;
 }
+export {};

package/components/Textarea/Textarea.md CHANGED Viewed

@@ -9,6 +9,25 @@ const [value, setValue] = React.useState('');
 />;
 ```
+Очистить значение в `Textarea` можно только с помощью пустой строки
+```jsx harmony
+import { Group, Button } from '@skbkontur/react-ui';
+const [value, setValue] = React.useState('Значение');
+<Group>
+  <Textarea
+    value={value}
+    onValueChange={setValue}
+    autoResize
+    rows={1}
+    placeholder="Плейсхолдер"
+  />
+  <Button style={{ height: '52px' }} onClick={() => setValue('')}>Очистить значение</Button>
+</Group>
+```
 Счетчик введенных символов
 ```jsx harmony
@@ -23,3 +42,15 @@ const [value, setValue] = React.useState('');
   counterHelp="Hello 👋"
 />;
 ```
+У Textarea есть 3 стандартных размера.
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+<Gapped vertical>
+  <Textarea size={'small'} value={'Маленький'} autoResize rows={1} />
+  <Textarea size={'medium'} value={'Средний'} autoResize rows={1} />
+  <Textarea size={'large'} value={'Большой'} autoResize rows={1} />
+</Gapped>
+```

package/components/Textarea/Textarea.mixins/Textarea.mixins.js ADDED Viewed

@@ -0,0 +1,14 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3;
+import { css } from "../../../lib/theming/Emotion";
+export var rootTextareaSizeMixin = function rootTextareaSizeMixin(fontSize, lineHeight) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    line-height: ", ";\n  "])), fontSize, lineHeight);
+};
+export var textareaSizeMixin = function textareaSizeMixin(paddingY, paddingX, minHeight) {
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    min-height: ", ";\n    padding: ", " ", ";\n  "])), minHeight, paddingY, paddingX);
+};
+export var counterSizeMixin = function counterSizeMixin(paddingX, paddingY) {
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    right: ", ";\n    bottom: ", ";\n  "])), paddingY, paddingX);
+};

package/components/Textarea/Textarea.mixins/Textarea.mixins.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["Textarea.mixins.ts"],"names":["css","rootTextareaSizeMixin","fontSize","lineHeight","textareaSizeMixin","paddingY","paddingX","minHeight","counterSizeMixin"],"mappings":"wJAAA,SAASA,GAAT,QAAoB,2BAApB;;AAEA,OAAO,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,QAAD,EAAmBC,UAAnB,EAA0C;AAC7E,SAAOH,GAAP;AACeE,EAAAA,QADf;AAEiBC,EAAAA,UAFjB;;AAID,CALM;;AAOP,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAmBC,QAAnB,EAAqCC,SAArC,EAA2D;AAC1F,SAAOP,GAAP;AACgBO,EAAAA,SADhB;AAEaF,EAAAA,QAFb,EAEyBC,QAFzB;;AAID,CALM;;AAOP,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACF,QAAD,EAAmBD,QAAnB,EAAwC;AACtE,SAAOL,GAAP;AACWK,EAAAA,QADX;AAEYC,EAAAA,QAFZ;;AAID,CALM","sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const rootTextareaSizeMixin = (fontSize: string, lineHeight: string) => {\n return css`\n font-size: ${fontSize};\n line-height: ${lineHeight};\n `;\n};\n\nexport const textareaSizeMixin = (paddingY: string, paddingX: string, minHeight: string) => {\n return css`\n min-height: ${minHeight};\n padding: ${paddingY} ${paddingX};\n `;\n};\n\nexport const counterSizeMixin = (paddingX: string, paddingY: string) => {\n return css`\n right: ${paddingY};\n bottom: ${paddingX};\n `;\n};\n"]}

package/components/Textarea/Textarea.mixins/package.json ADDED Viewed

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Textarea/Textarea.mixins.js",
+  "module": "Textarea.mixins",
+  "types": "../Textarea.mixins.d.ts",
+  "sideEffects": false
+}

package/components/Textarea/Textarea.mixins.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const rootTextareaSizeMixin: (fontSize: string, lineHeight: string) => string;
+export declare const textareaSizeMixin: (paddingY: string, paddingX: string, minHeight: string) => string;
+export declare const counterSizeMixin: (paddingX: string, paddingY: string) => string;