npm - @skbkontur/react-ui - Versions diffs - 0.0.0-0b8a8f7a39 → 0.0.0-151f385a39 - Mend

@skbkontur/react-ui 0.0.0-0b8a8f7a39 → 0.0.0-151f385a39

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

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

@@ -1,13 +1,16 @@
 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";
@@ -15,20 +18,22 @@ import { ResizeDetector } from "../../../internal/ResizeDetector";
 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() {
@@ -40,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
     };
@@ -51,12 +55,7 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
       }
     };
-    _this.theme = void 0;
     _this.selectAllId = null;
-    _this.node = void 0;
-    _this.fakeNode = void 0;
-    _this.counter = void 0;
-    _this.layoutEvents = void 0;
     _this.textareaObserver = isBrowser ? new MutationObserver(_this.reflowCounter) : null;
     _this.setSelectionRange = function (start, end) {
@@ -89,7 +88,7 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
     };
     _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,
@@ -109,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 = {
@@ -117,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);
       }
@@ -135,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, {
@@ -156,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, {
@@ -168,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));
     };
@@ -195,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
           });
         }
       }
@@ -328,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;
@@ -367,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();
     }
   };
@@ -377,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
   */
   ;
@@ -390,8 +393,8 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
       this.node.focus();
     }
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
@@ -400,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,
@@ -452,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","raf","isKeyEnter","polyfillPlaceholder","LayoutEvents","ThemeContext","RenderLayer","ResizeDetector","isBrowser","isIE11","CommonWrapper","isTestEnv","getTextAreaHeight","jsStyles","TextareaCounter","DEFAULT_WIDTH","AUTORESIZE_THROTTLE_DEFAULT_WAIT","Textarea","state","rows","isCounterVisible","reflowCounter","counter","reflow","theme","selectAllId","node","fakeNode","layoutEvents","textareaObserver","MutationObserver","setSelectionRange","start","end","Error","document","activeElement","focus","selectAll","value","length","delaySelectAll","cancelDelayedSelectAll","cancel","renderMain","props","width","error","warning","autoResize","resize","onCut","onPaste","maxRows","onFocus","selectAllOnFocus","placeholder","onValueChange","showLengthCounter","lengthCounter","counterHelp","extraRow","disableAnimations","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","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\nimport raf from 'raf';\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, isIE11 } 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 selectAllId: number \| null = null;\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 this.cancelDelayedSelectAll();\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 delaySelectAll = (): number => (this.selectAllId = raf(this.selectAll));\r\n\r\n private cancelDelayedSelectAll = (): void => {\r\n if (this.selectAllId) {\r\n raf.cancel(this.selectAllId);\r\n this.selectAllId = null;\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 // https://github.com/facebook/react/issues/7769\r\n this.node && !isIE11 ? this.selectAll() : this.delaySelectAll();\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,8 +132,7 @@ export declare class Textarea extends React.Component<TextareaProps, TextareaSta
         disableAnimations: boolean;
     };
     state: {
-        polyfillPlaceholder: boolean;
-        rows: number;
+        needsPolyfillPlaceholder: boolean;
         isCounterVisible: boolean;
     };
     private reflowCounter;
@@ -141,6 +143,7 @@ export declare class Textarea extends React.Component<TextareaProps, TextareaSta
     private counter;
     private layoutEvents;
     private textareaObserver;
+    private setRootNode;
     private getAutoResizeThrottleWait;
     private isAnimationsDisabled;
     componentDidMount(): void;

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      &:disabled::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.textareaPlaceholderColorDisabled, 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);
+});

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Textarea.styles.ts"],"names":["css","~~cssName","~~memoizeStyle","styles","root","t","textareaFontSize","textareaLineHeight","textarea","textareaBg","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","textareaMinHeight","textareaPaddingY","textareaPaddingX","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","~~textareaTextColorDisabled~~","~~textareaDisabledBg~~","~~textareaDisabledBorderColor~~","~~textareaPlaceholderColor~~","~~textareaPlaceholderColorDisabled~~","~~error~~","~~textareaBorderColorError~~","~~warning~~","~~textareaBorderColorWarning~~","fake","placeholder","counterContainer","counter","textareaCounterBg","textareaCounterColor","counterError","textareaCounterErrorColor","counterHelp","disableAnimations"~~,"jsStyles"~~],"mappings":"~~0SAAA~~,SAASA,GAAT,EAAcC,~~OAAd~~,~~EAAuBC~~,~~YAAvB,QAA2C,2BAA3C~~;;;AAGA,IAAMC,MAAM,~~GAAG~~;~~AACbC~~,EAAAA,~~IADa~~,~~gBACRC~~,~~CADQ~~,~~EACE~~;AACb,~~WAAOL~~,GAAP;;~~AAEeK~~,IAAAA,CAAC,CAACC,gBAFjB;AAGiBD,IAAAA,CAAC,CAACE,kBAHnB;;;AAMD,~~GARY~~;;~~AAUbC~~,EAAAA,~~QAVa~~,~~oBAUJH~~,~~CAVI~~,~~EAUM~~;AACjB,~~WAAOL~~,GAAP;;;~~AAGgBK~~,IAAAA,CAAC,CAACI,UAHlB;AAIYJ,IAAAA,CAAC,CAACK,mBAJd,EAI2CL,CAAC,CAACM,mBAJ7C;AAKsBN,IAAAA,CAAC,CAACO,sBALxB;AAMgBP,IAAAA,CAAC,CAACQ,cANlB;;AAQWR,IAAAA,CAAC,CAACS,aARb;;;;;AAaeT,IAAAA,CAAC,CAACU,aAbjB;AAcgBV,IAAAA,CAAC,CAACW,iBAdlB;;AAgBaX,IAAAA,CAAC,CAACY,gBAhBf,EAgBmCZ,CAAC,CAACa,gBAhBrC;;;;AAoBmBb,IAAAA,CAAC,CAACc,oBApBrB;;;;AAwBoBd,IAAAA,CAAC,CAACe,wBAxBtB;AAyBwBf,IAAAA,CAAC,CAACgB,oBAzB1B,EAyBkDhB,CAAC,CAACe,wBAzBpD;;;;;AA8Bef,IAAAA,CAAC,CAACiB,6BA9BjB~~;;;;AAkCajB~~,IAAAA,CAAC,CAACkB,~~yBAlCf;AAmCkBlB,IAAAA,CAAC,CAACmB,kBAnCpB;AAoCoBnB,IAAAA,CAAC,CAACoB,2BApCtB;;;;;AAyCapB,IAAAA,CAAC,CAACqB,wBAzCf~~;;;;~~AA6CarB~~,IAAAA,CAAC,~~CAACsB~~,~~gCA7Cf~~;;;;~~AAiDatB~~,IAAAA,CAAC,~~CAACqB~~,~~wBAjDf;;;;AAqDarB,IAAAA,CAAC,CAACqB,wBArDf~~;;;~~AAwDD~~,~~GAnEY~~;;~~AAqEbE~~,EAAAA,~~KArEa~~,~~iBAqEPvB~~,~~CArEO~~,~~EAqEG~~;AACd,~~WAAOL~~,GAAP;~~AACIC~~,IAAAA,~~OAAO,CAACE,MAAM,CAACK,QAAP,CAAgBH,CAAhB,CAAD,CADX;AAEoBA,IAAAA,~~CAAC,~~CAACwB~~,~~wBAFtB~~;~~AAGwBxB~~,IAAAA,CAAC,CAACK,~~mBAH1B~~,~~EAGiDL~~,CAAC,~~CAACwB~~,~~wBAHnD;;AAKI5B~~,IAAAA,~~OAAO,CAACE,MAAM,CAACK,QAAP,CAAgBH,CAAhB,CAAD,CALX;AAMoBA,IAAAA,~~CAAC,~~CAACwB~~,~~wBANtB~~;~~AAOwBxB~~,IAAAA,CAAC,CAACgB,~~oBAP1B~~,~~EAOkDhB~~,CAAC,~~CAACwB~~,~~wBAPpD~~;;;~~AAUD~~,~~GAhFY~~;;~~AAkFbC~~,EAAAA,~~OAlFa~~,~~mBAkFLzB~~,~~CAlFK~~,~~EAkFK~~;AAChB,~~WAAOL~~,GAAP;~~AACIC~~,IAAAA,~~OAAO~~,~~CAACE~~,~~MAAM~~,~~CAACK~~,~~QAAP~~,~~CAAgBH~~,~~CAAhB~~,~~CAAD~~,~~CADX;AAEoBA~~,IAAAA,CAAC,~~CAAC0B~~,~~0BAFtB~~;~~AAGwB1B~~,IAAAA,CAAC,CAACgB,~~oBAH1B~~,~~EAGkDhB~~,CAAC,~~CAAC0B~~,~~0BAHpD~~;;~~AAKI9B~~,~~IAAAA~~,~~OAAO~~,~~CAACE~~,~~MAAM~~,~~CAACK~~,~~QAAP~~,~~CAAgBH~~,~~CAAhB~~,~~CAAD~~,~~CALX~~;~~AAMoBA~~,IAAAA,CAAC,~~CAAC0B~~,~~0BANtB~~;~~AAOwB1B~~,IAAAA,CAAC,~~CAACgB~~,~~oBAP1B~~,~~EAOkDhB~~,CAAC,~~CAAC0B~~,~~0BAPpD~~;;;AAUD,~~GA7FY~~;;~~AA+FbC~~,EAAAA,~~IA/Fa~~,~~kBA+FN~~;AACL,WAAOhC,GAAP;;;;;;;;AAQD,~~GAxGY~~;;~~AA0GbiC~~,EAAAA,~~WA1Ga~~,~~yBA0GC~~;AACZ,WAAOjC,GAAP;;;;;;;;;;;AAWD,~~GAtHY~~;;~~AAwHbkC~~,EAAAA,~~gBAxHa~~,~~4BAwHI7B~~,~~CAxHJ~~,~~EAwHc~~;AACzB,~~WAAOL~~,GAAP;;;~~AAGYK~~,IAAAA,CAAC,CAACK,mBAHd;;;AAMD,~~GA/HY~~;;~~AAiIbyB~~,EAAAA,~~OAjIa~~,~~mBAiIL9B~~,~~CAjIK~~,~~EAiIK~~;AAChB,~~WAAOL~~,GAAP;;;;~~AAIgBK~~,IAAAA,CAAC,~~CAAC+B~~,iBAJlB;~~AAKW/B~~,IAAAA,CAAC,~~CAACgC~~,oBALb;;~~AAOWhC~~,IAAAA,CAAC,CAACa,gBAPb;AAQYb,IAAAA,CAAC,CAACY,gBARd;;AAUD,~~GA5IY~~;;~~AA8IbqB~~,EAAAA,~~YA9Ia~~,~~wBA8IAjC~~,~~CA9IA~~,~~EA8IU~~;AACrB,~~WAAOL~~,GAAP;~~AACWK~~,IAAAA,CAAC,~~CAACkC~~,yBADb;;AAGD,~~GAlJY~~;;~~AAoJbC~~,EAAAA,~~WApJa~~,~~yBAoJC~~;AACZ,WAAOxC,GAAP;;;;AAID,~~GAzJY~~;;~~AA2JbyC~~,EAAAA,~~iBA3Ja~~,+~~BA2JO~~;AAClB,WAAOzC,GAAP;;;AAGD,~~GA/JY~~,~~EAAf;;;AAkKA~~,~~OAAO,IAAM0C,QAAQ,GAAGxC,YAAY,CAACC,MAAD,CAA7B~~","sourcesContent":["import { css, ~~cssName,~~ memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\~~r\nconst~~ styles = {\r\n root(t: Theme) {\r\n return css`\r\n display: inline-block;\r\n font-size: ${t.textareaFontSize};\r\n line-height: ${t.textareaLineHeight};\r\n position: relative;\r\n `;\r\n },\r\n\r\n textarea(t: Theme) {\r\n return css`\r\n -webkit-appearance: none;\r\n background-clip: padding-box;\r\n background: ${t.textareaBg};\r\n border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\r\n border-top-color: ${t.textareaBorderTopColor};\r\n box-shadow: ${t.textareaShadow};\r\n box-sizing: border-box;\r\n color: ${t.textareaColor};\r\n font-family: inherit;\r\n font-size: inherit;\r\n line-height: inherit;\r\n max-width: 100%;\r\n min-width: ${t.textareaWidth};\r\n min-height: ${t.textareaMinHeight};\r\n outline: none;\r\n padding: ${t.textareaPaddingY} ${t.textareaPaddingX};\r\n transition: height 0.2s ease-out;\r\n vertical-align: middle;\r\n width: 100%;\r\n border-radius: ${t.textareaBorderRadius};\r\n white-space: pre-wrap;\r\n\r\n &:focus {\r\n border-color: ${t.textareaBorderColorFocus};\r\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\r\n position: relative;\r\n z-index: 2;\r\n\r\n &::placeholder {\r\n color: ${t.textareaPlaceholderColorLight};\r\n }\r\n }\r\n ~~&:disabled {~~\r\n ~~color: ${t.textareaTextColorDisabled};\r\n background: ${t.textareaDisabledBg};\r\n border-color: ${t.textareaDisabledBorderColor};\r\n box-shadow: none;\r\n~~ ~~}\r\n\r\n~~ &::placeholder {\r\n color: ${t.textareaPlaceholderColor};\r\n }\r\n\r\n ~~&:disabled::placeholder {\r\n color: ${t.textareaPlaceholderColorDisabled};\r\n }\r\n\r\n~~ &:-moz-placeholder {\r\n color: ${t.textareaPlaceholderColor};\r\n }\r\n\r\n &::-moz-placeholder {\r\n color: ${t.textareaPlaceholderColor};\r\n }\r\n `;\r\n },\r\n\r\n error(t: Theme) {\r\n return css`\r\n ~~${cssName(styles.textarea(t))}& {\r\n~~ border-color: ${t.textareaBorderColorError};\r\n box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\r\n }\r\n ~~${cssName(styles.textarea(t))}~~&:focus {\r\n border-color: ${t.textareaBorderColorError};\r\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\r\n }\r\n `;\r\n },\r\n\r\n warning(t: Theme) {\r\n return css`\r\n ~~${cssName(styles.textarea(t))}& {\r\n~~ border-color: ${t.textareaBorderColorWarning};\r\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\r\n }\r\n ~~${cssName(styles.textarea(t))}~~&:focus {\r\n border-color: ${t.textareaBorderColorWarning};\r\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\r\n }\r\n `;\r\n },\r\n\r\n fake() {\r\n return css`\r\n height: 0;\r\n left: 0;\r\n position: absolute;\r\n top: 0;\r\n visibility: hidden;\r\n width: 100%;\r\n `;\r\n },\r\n\r\n placeholder() {\r\n return css`\r\n -ms-user-select: none;\r\n color: #aaa;\r\n left: 12px;\r\n overflow: hidden;\r\n position: absolute;\r\n right: 12px;\r\n top: 9px;\r\n user-select: none;\r\n z-index: 3;\r\n `;\r\n },\r\n\r\n counterContainer(t: Theme) {\r\n return css`\r\n position: absolute;\r\n top: 0;\r\n border: ${t.textareaBorderWidth} solid transparent;\r\n box-sizing: content-box;\r\n `;\r\n },\r\n\r\n counter(t: Theme) {\r\n return css`\r\n position: absolute;\r\n z-index: 3;\r\n text-align: right;\r\n background: ${t.textareaCounterBg};\r\n color: ${t.textareaCounterColor};\r\n border-radius: 2px;\r\n right: ${t.textareaPaddingX};\r\n bottom: ${t.textareaPaddingY};\r\n `;\r\n },\r\n\r\n counterError(t: Theme) {\r\n return css`\r\n color: ${t.textareaCounterErrorColor} ~~!important~~;\r\n `;\r\n },\r\n\r\n counterHelp() {\r\n return css`\r\n margin-left: 4px;\r\n cursor: pointer;\r\n `;\r\n },\r\n\r\n disableAnimations() {\r\n return css`\r\n transition: none;\r\n `;\r\n },\r\n}~~;\r\n\r\nexport const jsStyles = memoizeStyle(styles~~);\r\n"]}
1	+ {"version":3,"sources":["Textarea.styles.ts"],"names":["css","memoizeStyle","styles","root","t","textareaFontSize","textareaLineHeight","textarea","textareaBg","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","textareaMinHeight","textareaPaddingY","textareaPaddingX","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","error","textareaBorderColorError","warning","textareaBorderColorWarning","disabled","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","placeholder","counterContainer","counter","textareaCounterBg","textareaCounterColor","counterError","textareaCounterErrorColor","counterHelp","disableAnimations"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n display: inline-block;\n font-size: ${t.textareaFontSize};\n line-height: ${t.textareaLineHeight};\n position: relative;\n `;\n },\n\n textarea(t: Theme) {\n return css`\n -webkit-appearance: none;\n background-clip: padding-box;\n background: ${t.textareaBg};\n border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n border-top-color: ${t.textareaBorderTopColor};\n box-shadow: ${t.textareaShadow};\n box-sizing: border-box;\n color: ${t.textareaColor};\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n max-width: 100%;\n min-width: ${t.textareaWidth};\n min-height: ${t.textareaMinHeight};\n outline: none;\n padding: ${t.textareaPaddingY} ${t.textareaPaddingX};\n transition: height 0.2s ease-out;\n vertical-align: middle;\n width: 100%;\n border-radius: ${t.textareaBorderRadius};\n white-space: pre-wrap;\n\n &:focus {\n border-color: ${t.textareaBorderColorFocus};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\n position: relative;\n z-index: 2;\n\n &::placeholder {\n color: ${t.textareaPlaceholderColorLight};\n }\n }\n\n &::placeholder {\n color: ${t.textareaPlaceholderColor};\n }\n\n &:-moz-placeholder {\n color: ${t.textareaPlaceholderColor};\n }\n\n &::-moz-placeholder {\n color: ${t.textareaPlaceholderColor};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n border-color: ${t.textareaBorderColorError};\n box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n &:focus {\n border-color: ${t.textareaBorderColorError};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n border-color: ${t.textareaBorderColorWarning};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n &:focus {\n border-color: ${t.textareaBorderColorWarning};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n color: ${t.textareaTextColorDisabled};\n background: ${t.textareaDisabledBg};\n border-color: ${t.textareaDisabledBorderColor};\n box-shadow: none;\n\n &::placeholder {\n color: ${t.textareaPlaceholderColorDisabled};\n }\n `;\n },\n\n fake() {\n return css`\n height: 0;\n left: 0;\n position: absolute;\n top: 0;\n visibility: hidden;\n width: 100%;\n `;\n },\n\n placeholder() {\n return css`\n -ms-user-select: none;\n color: #aaa;\n left: 12px;\n overflow: hidden;\n position: absolute;\n right: 12px;\n top: 9px;\n user-select: none;\n z-index: 3;\n `;\n },\n\n counterContainer(t: Theme) {\n return css`\n position: absolute;\n top: 0;\n border: ${t.textareaBorderWidth} solid transparent;\n box-sizing: content-box;\n `;\n },\n\n counter(t: Theme) {\n return css`\n position: absolute;\n z-index: 3;\n text-align: right;\n background: ${t.textareaCounterBg};\n color: ${t.textareaCounterColor};\n border-radius: 2px;\n right: ${t.textareaPaddingX};\n bottom: ${t.textareaPaddingY};\n `;\n },\n\n counterError(t: Theme) {\n return css`\n color: ${t.textareaCounterErrorColor};\n `;\n },\n\n counterHelp() {\n return css`\n margin-left: 4px;\n cursor: pointer;\n `;\n },\n\n disableAnimations() {\n return css`\n transition: none;\n `;\n },\n});\n"]}