@skbkontur/react-ui 0.0.0-0b8a8f7a39 → 0.0.0-0fe669bb2d

package/components/Tabs/Tabs.md

@@ -1,36 +1,36 @@
-```jsx harmony
-const [active, setActive] = React.useState('fuji');
-
-<Tabs value={active} onValueChange={setActive}>
-  <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
-  <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
-  <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
-</Tabs>;
-```
-
-Можно передавать свои компоненты в качестве табов, например `NavLink` из `react-router`
-
-```jsx harmony
-const [active, setActive] = React.useState('/fuji');
-
-const NavLink = props => (
-  <a
-    {...props}
-    onClick={e => {
-      e.preventDefault();
-      props.onClick(e);
-    }}
-  />
-);
-const TabLink = ({ id, children }) => (
-  <Tabs.Tab id={id} component={props => <NavLink {...props} to={props.id} />}>
-    {children}
-  </Tabs.Tab>
-);
-
-<Tabs value={active} onValueChange={setActive}>
-  <TabLink id="/fuji">🌋 Fuji</TabLink>
-  <TabLink id="/tahat">⛰ Tahat</TabLink>
-  <TabLink id="/alps">🗻 Alps</TabLink>
-</Tabs>;
-```
+```jsx harmony
+const [active, setActive] = React.useState('fuji');
+
+<Tabs value={active} onValueChange={setActive}>
+  <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
+  <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
+  <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
+</Tabs>;
+```
+
+Можно передавать свои компоненты в качестве табов, например `NavLink` из `react-router`
+
+```jsx harmony
+const [active, setActive] = React.useState('/fuji');
+
+const NavLink = props => (
+  <a
+    {...props}
+    onClick={e => {
+      e.preventDefault();
+      props.onClick(e);
+    }}
+  />
+);
+const TabLink = ({ id, children }) => (
+  <Tabs.Tab id={id} component={props => <NavLink {...props} to={props.id} />}>
+    {children}
+  </Tabs.Tab>
+);
+
+<Tabs value={active} onValueChange={setActive}>
+  <TabLink id="/fuji">🌋 Fuji</TabLink>
+  <TabLink id="/tahat">⛰ Tahat</TabLink>
+  <TabLink id="/alps">🗻 Alps</TabLink>
+</Tabs>;
+```

package/components/Tabs/Tabs.styles/Tabs.styles.js

@@ -2,13 +2,12 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject, _templateObject2;
 
-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      margin: 0 -", ";\n      padding: 0;\n      position: relative;\n    "])), t.tabsMarginX);
   },
-  vertical: function vertical(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        margin: 0;\n      }\n    "])), cssName(styles.root(t)));
+  vertical: function vertical() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

package/components/Tabs/Tabs.styles/Tabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Tabs.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","tabsMarginX","vertical","jsStyles"],"mappings":"sIAAA,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,WAFjB;;;;AAMD,GARY;;AAUbC,EAAAA,QAVa,oBAUJF,CAVI,EAUM;AACjB,WAAOL,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;;;;AAKD,GAhBY,EAAf;;;AAmBA,OAAO,IAAMG,QAAQ,GAAGN,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      margin: 0 -${t.tabsMarginX};\r\n      padding: 0;\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  vertical(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        margin: 0;\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Tabs.styles.ts"],"names":["css","memoizeStyle","styles","root","t","tabsMarginX","vertical"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;;AAEeI,IAAAA,CAAC,CAACC,WAFjB;;;;AAMD,GARgC;;AAUjCC,EAAAA,QAViC,sBAUtB;AACT,WAAON,GAAP;;;AAGD,GAdgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      margin: 0 -${t.tabsMarginX};\n      padding: 0;\n      position: relative;\n    `;\n  },\n\n  vertical() {\n    return css`\n      margin: 0;\n    `;\n  },\n});\n"]}

package/components/Tabs/Tabs.styles.d.ts

@@ -1,5 +1,5 @@
 import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const styles: {
     root(t: Theme): string;
-    vertical(t: Theme): string;
+    vertical(): string;
 };

package/components/Tabs/TabsContext/TabsContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TabsContext.ts"],"names":["React","emptyHandler","TabsContextDefaultValue","vertical","activeTab","getTab","addTab","notifyUpdate","removeTab","shiftFocus","switchTab","TabsContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,iBAA7B;;;;;;;;;;;;;;;AAeA,OAAO,IAAMC,uBAAwC,GAAG;AACtDC,EAAAA,QAAQ,EAAE,KAD4C;AAEtDC,EAAAA,SAAS,EAAE,EAF2C;AAGtDC,EAAAA,MAAM,EAAEJ,YAH8C;AAItDK,EAAAA,MAAM,EAAEL,YAJ8C;AAKtDM,EAAAA,YAAY,EAAEN,YALwC;AAMtDO,EAAAA,SAAS,EAAEP,YAN2C;AAOtDQ,EAAAA,UAAU,EAAER,YAP0C;AAQtDS,EAAAA,SAAS,EAAET,YAR2C,EAAjD;;AAUP,OAAO,IAAMU,WAAW,gBAAGX,KAAK,CAACY,aAAN,CAAqCV,uBAArC,CAApB;;AAEPS,WAAW,CAACE,WAAZ,GAA0B,aAA1B","sourcesContent":["import React from 'react';\r\n\r\nimport { emptyHandler } from '../../lib/utils';\r\n\r\nimport { Tab } from './Tab';\r\n\r\nexport interface TabsContextType {\r\n  vertical: boolean;\r\n  activeTab: string;\r\n  getTab: (id: string) => Tab | null | void;\r\n  addTab: (id: string, getNode: () => Tab) => void;\r\n  notifyUpdate: () => void;\r\n  removeTab: (id: string) => void;\r\n  shiftFocus: (fromTab: string, delta: number) => void;\r\n  switchTab: (id: string) => void;\r\n}\r\n\r\nexport const TabsContextDefaultValue: TabsContextType = {\r\n  vertical: false,\r\n  activeTab: '',\r\n  getTab: emptyHandler,\r\n  addTab: emptyHandler,\r\n  notifyUpdate: emptyHandler,\r\n  removeTab: emptyHandler,\r\n  shiftFocus: emptyHandler,\r\n  switchTab: emptyHandler,\r\n};\r\nexport const TabsContext = React.createContext<TabsContextType>(TabsContextDefaultValue);\r\n\r\nTabsContext.displayName = 'TabsContext';\r\n"]}
+{"version":3,"sources":["TabsContext.ts"],"names":["React","emptyHandler","TabsContextDefaultValue","vertical","activeTab","getTab","addTab","notifyUpdate","removeTab","shiftFocus","switchTab","TabsContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,iBAA7B;;;;;;;;;;;;;;;AAeA,OAAO,IAAMC,uBAAwC,GAAG;AACtDC,EAAAA,QAAQ,EAAE,KAD4C;AAEtDC,EAAAA,SAAS,EAAE,EAF2C;AAGtDC,EAAAA,MAAM,EAAEJ,YAH8C;AAItDK,EAAAA,MAAM,EAAEL,YAJ8C;AAKtDM,EAAAA,YAAY,EAAEN,YALwC;AAMtDO,EAAAA,SAAS,EAAEP,YAN2C;AAOtDQ,EAAAA,UAAU,EAAER,YAP0C;AAQtDS,EAAAA,SAAS,EAAET,YAR2C,EAAjD;;AAUP,OAAO,IAAMU,WAAW,gBAAGX,KAAK,CAACY,aAAN,CAAqCV,uBAArC,CAApB;;AAEPS,WAAW,CAACE,WAAZ,GAA0B,aAA1B","sourcesContent":["import React from 'react';\n\nimport { emptyHandler } from '../../lib/utils';\n\nimport { Tab } from './Tab';\n\nexport interface TabsContextType<T extends string = any> {\n  vertical: boolean;\n  activeTab: T;\n  getTab: (id: T) => Tab<T> | null | void;\n  addTab: (id: T, getNode: () => Tab<T>) => void;\n  notifyUpdate: () => void;\n  removeTab: (id: T) => void;\n  shiftFocus: (fromTab: T, delta: number) => void;\n  switchTab: (id: T) => void;\n}\n\nexport const TabsContextDefaultValue: TabsContextType = {\n  vertical: false,\n  activeTab: '',\n  getTab: emptyHandler,\n  addTab: emptyHandler,\n  notifyUpdate: emptyHandler,\n  removeTab: emptyHandler,\n  shiftFocus: emptyHandler,\n  switchTab: emptyHandler,\n};\nexport const TabsContext = React.createContext<TabsContextType>(TabsContextDefaultValue);\n\nTabsContext.displayName = 'TabsContext';\n"]}

package/components/Tabs/TabsContext.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { Tab } from './Tab';
-export interface TabsContextType {
+export interface TabsContextType<T extends string = any> {
     vertical: boolean;
-    activeTab: string;
-    getTab: (id: string) => Tab | null | void;
-    addTab: (id: string, getNode: () => Tab) => void;
+    activeTab: T;
+    getTab: (id: T) => Tab<T> | null | void;
+    addTab: (id: T, getNode: () => Tab<T>) => void;
     notifyUpdate: () => void;
-    removeTab: (id: string) => void;
-    shiftFocus: (fromTab: string, delta: number) => void;
-    switchTab: (id: string) => void;
+    removeTab: (id: T) => void;
+    shiftFocus: (fromTab: T, delta: number) => void;
+    switchTab: (id: T) => void;
 }
 export declare const TabsContextDefaultValue: TabsContextType;
-export declare const TabsContext: React.Context<TabsContextType>;
+export declare const TabsContext: React.Context<TabsContextType<any>>;

package/components/Tabs/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,OAAd","sourcesContent":["export * from './Tabs';\r\nexport * from './Tab';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,OAAd","sourcesContent":["export * from './Tabs';\nexport * from './Tab';\n"]}

package/components/Textarea/Textarea/Textarea.js

@@ -1,13 +1,19 @@
 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; // TODO: Enable this rule in functional components.
+
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import throttle from 'lodash.throttle';
-import 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 +21,27 @@ 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 { createPropsGetter } from "../../../lib/createPropsGetter";
 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 var TextareaDataTids = {
+  root: 'Textarea__root',
+  counter: 'TextareaCounter__root'
+};
+export
+/**
+* Компонент для ввода многострочного текста.
+*
+* Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
+*
+* ** `className` и `style`  игнорируются**
+*/
+var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Textarea, _React$Component);
 
   function Textarea() {
@@ -39,9 +52,9 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(Textarea.defaultProps);
     _this.state = {
-      polyfillPlaceholder: polyfillPlaceholder,
-      rows: 1,
+      needsPolyfillPlaceholder: needsPolyfillPlaceholder,
       isCounterVisible: false
     };
 
@@ -51,12 +64,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 +97,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 +117,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 +126,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 +144,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, {
@@ -155,8 +164,10 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
         onFocusOutside: _this.handleCloseCounterHelp,
         onClickOutside: _this.handleCloseCounterHelp,
         active: _this.state.isCounterVisible
-      }, /*#__PURE__*/React.createElement("label", _extends({}, rootProps, {
-        className: jsStyles.root(_this.theme)
+      }, /*#__PURE__*/React.createElement("label", _extends({
+        "data-tid": TextareaDataTids.root
+      }, rootProps, {
+        className: styles.root(_this.theme)
       }), placeholderPolyfill, /*#__PURE__*/React.createElement(ResizeDetector, {
         onResize: _this.reflowCounter
       }, /*#__PURE__*/React.createElement("textarea", _extends({}, textareaProps, {
@@ -168,7 +179,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 +207,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
           });
         }
       }
@@ -249,10 +261,9 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
         fakeNode.value = node.value;
       }
 
-      var _this$props = _this.props,
-          rows = _this$props.rows,
-          maxRows = _this$props.maxRows,
-          extraRow = _this$props.extraRow;
+      var _this$getProps = _this.getProps(),
+          rows = _this$getProps.rows,
+          maxRows = _this$getProps.maxRows;
 
       if (rows === undefined || maxRows === undefined) {
         return;
@@ -262,7 +273,7 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
         node: fakeNode,
         minRows: typeof rows === 'number' ? rows : parseInt(rows, 10),
         maxRows: typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),
-        extraRow: extraRow
+        extraRow: _this.getProps().extraRow
       }),
           height = _getTextAreaHeight.height,
           exceededMaxHeight = _getTextAreaHeight.exceededMaxHeight;
@@ -328,8 +339,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 +378,11 @@ 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) {
+    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();
     }
   };
@@ -377,11 +392,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 +407,8 @@ export var Textarea = /*#__PURE__*/function (_React$Component) {
       this.node.focus();
     }
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -400,17 +417,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 +467,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

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