npm - @skbkontur/react-ui - Versions diffs - 0.0.0-b08da15166 → 0.0.0-b4292e4d5b - Mend

@skbkontur/react-ui 0.0.0-b08da15166 → 0.0.0-b4292e4d5b

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Tabs.tsx"],"names":["React","PropTypes","ThemeContext","CommonWrapper","cx","getRootNode","rootNode","Indicator","styles","TabsContext","Tab","Tabs","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","findIndex","x","id","newIndex","Math","max","min","length","tab","tabNode","getNode","htmlNode","HTMLElement","focus","notifyUpdate","forEach","switchTab","props","onValueChange","value","getTab","find","addTab","concat","removeTab","filter","render","vertical","width","children","indicatorClassName","theme","setRootNode","root","activeTab","Component","__KONTUR_REACT_UI__","propTypes","node","string","isRequired","bool","oneOfType","number","defaultProps"],"mappings":"iPAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;;AAGA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,QAAT,QAAuC,oBAAvC;;AAEA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,MAAT,QAAuB,eAAvB;AACA,SAASC,WAAT,QAA6C,eAA7C;AACA,SAASC,GAAT,QAAoB,OAApB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,OANA;AACA;AACA;AACA;AACA,GAEA,IAAaC,IAAb,GADCL,QACD;;;;;;;;;;;;;;AAkBUM,IAAAA,IAlBV,GAkBoC,EAlBpC;;AAoBUC,IAAAA,UApBV,GAoBuB;AACnBC,MAAAA,EAAE,EAAE,YAACC,EAAD,EAAoB;AACtB,YAAMC,KAAK,GAAG,MAAKC,SAAL,CAAeC,IAAf,CAAoBH,EAApB,CAAd;AACA,eAAO,YAAM;AACX,gBAAKE,SAAL,CAAeE,MAAf,CAAsBH,KAAtB,EAA6B,CAA7B;AACD,SAFD;AAGD,OANkB,EApBvB;;;AA6BUC,IAAAA,SA7BV,GA6BkD,EA7BlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEUG,IAAAA,UAjEV,GAiEyD,UAACC,OAAD,EAAUC,KAAV,EAAoB;AACzE,gEAAQV,IAAR,yBAAQA,IAAR;AACA,UAAMI,KAAK,GAAGJ,IAAI,CAACW,SAAL,CAAe,UAACC,CAAD,UAAOA,CAAC,CAACC,EAAF,KAASJ,OAAhB,EAAf,CAAd;AACA,UAAMK,QAAQ,GAAGC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYD,IAAI,CAACE,GAAL,CAASb,KAAK,GAAGM,KAAjB,EAAwBV,IAAI,CAACkB,MAAL,GAAc,CAAtC,CAAZ,CAAjB;AACA,UAAMC,GAAG,GAAGnB,IAAI,CAACc,QAAD,CAAhB;;AAEA,UAAMM,OAAO,GAAGD,GAAG,CAACE,OAAJ,EAAhB;AACA,UAAMC,QAAQ,GAAG7B,WAAW,CAAC2B,OAAD,CAA5B;;AAEA,UAAIE,QAAQ,IAAIA,QAAQ,YAAYC,WAAhC,IAA+C,OAAOD,QAAQ,CAACE,KAAhB,KAA0B,UAA7E,EAAyF;AACvFF,QAAAA,QAAQ,CAACE,KAAT;AACD;AACF,KA7EH;;AA+EUC,IAAAA,YA/EV,GA+E6D,YAAM;AAC/D,YAAKpB,SAAL,CAAeqB,OAAf,CAAuB,UAACvB,EAAD,UAAQA,EAAE,EAAV,EAAvB;AACD,KAjFH;;AAmFUwB,IAAAA,SAnFV,GAmFuD,UAACd,EAAD,EAAQ;AAC3D,wBAAiC,MAAKe,KAAtC,CAAQC,aAAR,eAAQA,aAAR,CAAuBC,KAAvB,eAAuBA,KAAvB;AACA,UAAIjB,EAAE,KAAKiB,KAAP,IAAgBD,aAApB,EAAmC;AACjCA,QAAAA,aAAa,CAAChB,EAAD,CAAb;AACD;AACF,KAxFH;;AA0FUkB,IAAAA,MA1FV,GA0FiD,UAAClB,EAAD,EAAQ;AACrD,iBAA2B,MAAKb,IAAL,CAAUgC,IAAV,CAAe,UAACpB,CAAD,UAAOA,CAAC,CAACC,EAAF,KAASA,EAAhB,EAAf,KAAsC,EAAjE,qBAAQQ,OAAR,CAAQA,OAAR,6BAAkB,IAAlB;AACA,aAAOA,OAAO,IAAIA,OAAO,EAAzB;AACD,KA7FH;;AA+FUY,IAAAA,MA/FV,GA+FiD,UAACpB,EAAD,EAAKQ,OAAL,EAAiB;AAC9D,YAAKrB,IAAL,GAAY,MAAKA,IAAL,CAAUkC,MAAV,CAAiB,EAAErB,EAAE,EAAFA,EAAF,EAAMQ,OAAO,EAAPA,OAAN,EAAjB,CAAZ;AACD,KAjGH;;AAmGUc,IAAAA,SAnGV,GAmGuD,UAACtB,EAAD,EAAQ;AAC3D,YAAKb,IAAL,GAAY,MAAKA,IAAL,CAAUoC,MAAV,CAAiB,UAACjB,GAAD,UAASA,GAAG,CAACN,EAAJ,KAAWA,EAApB,EAAjB,CAAZ;AACD,KArGH,kDAgCSwB,MAhCT,GAgCE,kBAA6B,mBAC3B,mBAAiE,KAAKT,KAAtE,CAAQU,QAAR,gBAAQA,QAAR,CAAkBR,KAAlB,gBAAkBA,KAAlB,CAAyBS,KAAzB,gBAAyBA,KAAzB,CAAgCC,QAAhC,gBAAgCA,QAAhC,CAA0CC,kBAA1C,gBAA0CA,kBAA1C,CAEA,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,MAAI,CAACC,WAAjC,IAAkD,MAAI,CAACf,KAAvD,gBACE,6BAAK,SAAS,EAAEpC,EAAE,CAACI,MAAM,CAACgD,IAAP,CAAY,MAAI,CAACF,KAAjB,CAAD,EAA0BJ,QAAQ,IAAI1C,MAAM,CAAC0C,QAAP,EAAtC,CAAlB,EAA4E,KAAK,EAAE,EAAEC,KAAK,EAALA,KAAF,EAAnF,iBACE,oBAAC,WAAD,CAAa,QAAb,IACE,KAAK,EAAE,EACLD,QAAQ,EAARA,QADK,EAELO,SAAS,EAAEf,KAFN,EAGLC,MAAM,EAAE,MAAI,CAACA,MAHR,EAILE,MAAM,EAAE,MAAI,CAACA,MAJR,EAKLE,SAAS,EAAE,MAAI,CAACA,SALX,EAMLV,YAAY,EAAE,MAAI,CAACA,YANd,EAOLjB,UAAU,EAAE,MAAI,CAACA,UAPZ,EAQLmB,SAAS,EAAE,MAAI,CAACA,SARX,EADT,IAYGa,QAZH,eAaE,oBAAC,SAAD,IAAW,SAAS,EAAEC,kBAAtB,EAA0C,UAAU,EAAE,MAAI,CAACxC,UAA3D,EAAuE,QAAQ,EAAEqC,QAAjF,GAbF,CADF,CADF,CADF,CAqBD,CAxBH,CADF,CA4BD,CA/DH,eAAqDlD,KAAK,CAAC0D,SAA3D,WACgBC,mBADhB,GACsC,MADtC,UAGgBC,SAHhB,GAG4B,EACxBR,QAAQ,EAAEnD,SAAS,CAAC4D,IADI,EAExBR,kBAAkB,EAAEpD,SAAS,CAAC6D,MAFN,EAGxBpB,KAAK,EAAEzC,SAAS,CAAC6D,MAAV,CAAiBC,UAHA,EAIxBb,QAAQ,EAAEjD,SAAS,CAAC+D,IAJI,EAKxBb,KAAK,EAAElD,SAAS,CAACgE,SAAV,CAAoB,CAAChE,SAAS,CAAC6D,MAAX,EAAmB7D,SAAS,CAACiE,MAA7B,CAApB,CALiB,EAH5B,UAUgBC,YAVhB,GAU+B,EAC3BjB,QAAQ,EAAE,KADiB,EAV/B,UAcgBxC,GAdhB,GAcsBA,GAdtB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode } from '../../lib/rootNode/getRootNode';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { Indicator } from './Indicator';\nimport { styles } from './Tabs.styles';\nimport { TabsContext, TabsContextType } from './TabsContext';\nimport { Tab } from './Tab';\n\ntype ValueBaseType = string;\ntype TabType<T extends ValueBaseType> = {\n getNode: () => Tab<T> \| null;\n id: T;\n};\n\nexport interface TabsProps<T extends ValueBaseType = string> extends CommonProps {\n /*\n Tab component should be child of Tabs component\n /\n children?: React.ReactNode;\n\n /\n Classname of indicator\n /\n indicatorClassName?: string;\n\n /\n Tabs change event\n /\n onValueChange?: (value: T) => void;\n\n /\n Active tab identifier\n /\n value: T;\n\n /\n Vertical indicator\n * @default false\n /\n vertical: boolean;\n\n /\n Width of tabs container\n /\n width?: number \| string;\n}\n\n/\n Tabs wrapper\n \n contains static property `Tab`\n */\n@rootNode\nexport class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {\n public static __KONTUR_REACT_UI__ = 'Tabs';\n\n public static propTypes = {\n children: PropTypes.node,\n indicatorClassName: PropTypes.string,\n value: PropTypes.string.isRequired,\n vertical: PropTypes.bool,\n width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n };\n public static defaultProps = {\n vertical: false,\n };\n\n public static Tab = Tab;\n\n private theme!: Theme;\n\n private tabs: Array<TabType<T>> = [];\n\n private tabUpdates = {\n on: (cb: () => void) => {\n const index = this.listeners.push(cb);\n return () => {\n this.listeners.splice(index, 1);\n };\n },\n };\n\n private listeners: Array<typeof emptyHandler> = [];\n private setRootNode!: TSetRootNode;\n\n public render(): JSX.Element {\n const { vertical, value, width, children, indicatorClassName } = this.props;\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div className={cx(styles.root(this.theme), vertical && styles.vertical())} style={{ width }}>\n <TabsContext.Provider\n value={{\n vertical,\n activeTab: value,\n getTab: this.getTab,\n addTab: this.addTab,\n removeTab: this.removeTab,\n notifyUpdate: this.notifyUpdate,\n shiftFocus: this.shiftFocus,\n switchTab: this.switchTab,\n }}\n >\n {children}\n <Indicator className={indicatorClassName} tabUpdates={this.tabUpdates} vertical={vertical} />\n </TabsContext.Provider>\n </div>\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private shiftFocus: TabsContextType<T>['shiftFocus'] = (fromTab, delta) => {\n const { tabs } = this;\n const index = tabs.findIndex((x) => x.id === fromTab);\n const newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));\n const tab = tabs[newIndex];\n\n const tabNode = tab.getNode();\n const htmlNode = getRootNode(tabNode);\n\n if (htmlNode && htmlNode instanceof HTMLElement && typeof htmlNode.focus === 'function') {\n htmlNode.focus();\n }\n };\n\n private notifyUpdate: TabsContextType<T>['notifyUpdate'] = () => {\n this.listeners.forEach((cb) => cb());\n };\n\n private switchTab: TabsContextType<T>['switchTab'] = (id) => {\n const { onValueChange, value } = this.props;\n if (id !== value && onValueChange) {\n onValueChange(id);\n }\n };\n\n private getTab: TabsContextType<T>['getTab'] = (id) => {\n const { getNode = null } = this.tabs.find((x) => x.id === id) \|\| {};\n return getNode && getNode();\n };\n\n private addTab: TabsContextType<T>['addTab'] = (id, getNode) => {\n this.tabs = this.tabs.concat({ id, getNode });\n };\n\n private removeTab: TabsContextType<T>['removeTab'] = (id) => {\n this.tabs = this.tabs.filter((tab) => tab.id !== id);\n };\n}\n"]}
1	+ {"version":3,"sources":["Tabs.tsx"],"names":["React","ThemeContext","CommonWrapper","cx","getRootNode","rootNode","createPropsGetter","Indicator","styles","TabsContext","Tab","TabsDataTids","root","indicatorRoot","Tabs","getProps","defaultProps","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","findIndex","x","id","newIndex","Math","max","min","length","tab","tabNode","getNode","htmlNode","HTMLElement","focus","notifyUpdate","forEach","switchTab","props","onValueChange","value","getTab","find","addTab","concat","removeTab","filter","render","width","children","indicatorClassName","ariaDescribedby","vertical","size","theme","setRootNode","rootSmall","rootMedium","rootLarge","activeTab","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\n\nimport { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode } from '../../lib/rootNode/getRootNode';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { Indicator } from './Indicator';\nimport { styles } from './Tabs.styles';\nimport { TabsContext, TabsContextType } from './TabsContext';\nimport { Tab, TabSize } from './Tab';\n\ntype ValueBaseType = string;\ninterface TabType<T extends ValueBaseType> {\n getNode: () => Tab<T> \| null;\n id: T;\n}\n\nexport interface TabsProps<T extends ValueBaseType = string> extends CommonProps {\n /*\n Tab component should be child of Tabs component\n /\n children?: React.ReactNode;\n\n /\n Classname of indicator\n /\n indicatorClassName?: string;\n\n /\n Tabs change event\n /\n onValueChange?: (value: T) => void;\n\n /\n Задаёт размер контрола.\n \n Допустимые значения: `\"small\"`, `\"medium\"`, `\"large\"`.\n /\n size?: TabSize;\n\n /\n Active tab identifier\n /\n value: T;\n\n /\n Vertical indicator\n * @default false\n /\n vertical?: boolean;\n\n /\n Width of tabs container\n /\n width?: number \| string;\n\n /\n Атрибут для указания id элемента(-ов), описывающих его\n /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const TabsDataTids = {\n root: 'Tabs__root',\n indicatorRoot: 'Indicator__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TabsProps, 'vertical' \| 'size'>>;\n\n/\n Tabs wrapper\n \n contains static property `Tab`\n */\n@rootNode\nexport class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {\n public static __KONTUR_REACT_UI__ = 'Tabs';\n\n public static defaultProps: DefaultProps = {\n vertical: false,\n size: 'large',\n };\n\n private getProps = createPropsGetter(Tabs.defaultProps);\n\n public static Tab = Tab;\n\n private theme!: Theme;\n\n private tabs: Array<TabType<T>> = [];\n\n private tabUpdates = {\n on: (cb: () => void) => {\n const index = this.listeners.push(cb);\n return () => {\n this.listeners.splice(index, 1);\n };\n },\n };\n\n private listeners: Array<typeof emptyHandler> = [];\n private setRootNode!: TSetRootNode;\n\n public render(): JSX.Element {\n const { value, width, children, indicatorClassName, 'aria-describedby': ariaDescribedby } = this.props;\n const { vertical, size } = this.getProps();\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n data-tid={TabsDataTids.root}\n className={cx({\n [styles.rootSmall(this.theme)]: size === 'small',\n [styles.rootMedium(this.theme)]: size === 'medium',\n [styles.rootLarge(this.theme)]: size === 'large',\n [styles.vertical()]: vertical,\n })}\n style={{ width }}\n aria-describedby={ariaDescribedby}\n >\n <TabsContext.Provider\n value={{\n vertical,\n activeTab: value,\n size,\n getTab: this.getTab,\n addTab: this.addTab,\n removeTab: this.removeTab,\n notifyUpdate: this.notifyUpdate,\n shiftFocus: this.shiftFocus,\n switchTab: this.switchTab,\n }}\n >\n {children}\n <Indicator\n className={indicatorClassName}\n tabUpdates={this.tabUpdates}\n vertical={this.getProps().vertical}\n />\n </TabsContext.Provider>\n </div>\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private shiftFocus: TabsContextType<T>['shiftFocus'] = (fromTab, delta) => {\n const { tabs } = this;\n const index = tabs.findIndex((x) => x.id === fromTab);\n const newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));\n const tab = tabs[newIndex];\n\n const tabNode = tab.getNode();\n const htmlNode = getRootNode(tabNode);\n\n if (htmlNode && htmlNode instanceof HTMLElement && typeof htmlNode.focus === 'function') {\n htmlNode.focus();\n }\n };\n\n private notifyUpdate: TabsContextType<T>['notifyUpdate'] = () => {\n this.listeners.forEach((cb) => cb());\n };\n\n private switchTab: TabsContextType<T>['switchTab'] = (id) => {\n const { onValueChange, value } = this.props;\n if (id !== value && onValueChange) {\n onValueChange(id);\n }\n };\n\n private getTab: TabsContextType<T>['getTab'] = (id) => {\n const { getNode = null } = this.tabs.find((x) => x.id === id) \|\| {};\n return getNode && getNode();\n };\n\n private addTab: TabsContextType<T>['addTab'] = (id, getNode) => {\n this.tabs = this.tabs.concat({ id, getNode });\n };\n\n private removeTab: TabsContextType<T>['removeTab'] = (id) => {\n this.tabs = this.tabs.filter((tab) => tab.id !== id);\n };\n}\n"]}

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

@@ -1,7 +1,6 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { AriaAttributes } from 'react';
 import { CommonProps } from '../../internal/CommonWrapper';
-import { Tab } from './Tab';
+import { Tab, TabSize } from './Tab';
 declare type ValueBaseType = string;
 export interface TabsProps<T extends ValueBaseType = string> extends CommonProps {
     /**
@@ -16,6 +15,12 @@ export interface TabsProps<T extends ValueBaseType = string> extends CommonProps
      * Tabs change event
      */
     onValueChange?: (value: T) => void;
+    /**
+     * Задаёт размер контрола.
+     *
+     * **Допустимые значения**: `"small"`, `"medium"`, `"large"`.
+     */
+    size?: TabSize;
     /**
      * Active tab identifier
      */
@@ -24,12 +29,21 @@ export interface TabsProps<T extends ValueBaseType = string> extends CommonProps
      * Vertical indicator
      * @default false
      */
-    vertical: boolean;
+    vertical?: boolean;
     /**
      * Width of tabs container
      */
     width?: number | string;
+    /**
+     * Атрибут для указания id элемента(-ов), описывающих его
+     */
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
 }
+export declare const TabsDataTids: {
+    readonly root: "Tabs__root";
+    readonly indicatorRoot: "Indicator__root";
+};
+declare type DefaultProps = Required<Pick<TabsProps, 'vertical' | 'size'>>;
 /**
  * Tabs wrapper
  *
@@ -37,16 +51,8 @@ export interface TabsProps<T extends ValueBaseType = string> extends CommonProps
  */
 export declare class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {
     static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        indicatorClassName: PropTypes.Requireable<string>;
-        value: PropTypes.Validator<string>;
-        vertical: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number>;
-    };
-    static defaultProps: {
-        vertical: boolean;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     static Tab: typeof Tab;
     private theme;
     private tabs;

package/components/Tabs/Tabs.md CHANGED Viewed

@@ -34,3 +34,35 @@ const TabLink = ({ id, children }) => (
   <TabLink id="/alps">🗻 Alps</TabLink>
 </Tabs>;
 ```
+У табов есть 3 стандартных размера
+```jsx harmony
+const [active, setActive] = React.useState('fuji');
+const renderCaption = (caption) => <span style={{display: "inline-block", width: 60}}>{caption}</span>;
+<div>
+  <div>
+    {renderCaption("small")}
+    <Tabs value={active} onValueChange={setActive} size="small">
+      <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
+      <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
+      <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
+    </Tabs>
+  </div>
+  <div>
+    {renderCaption("medium")}
+    <Tabs value={active} onValueChange={setActive} size="medium">
+      <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
+      <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
+      <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
+    </Tabs>
+  </div>
+  <div>
+    {renderCaption("large")}
+    <Tabs value={active} onValueChange={setActive} size="large">
+      <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
+      <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
+      <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
+    </Tabs>
+  </div>
+</div>;
+```

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

@@ -3,11 +3,22 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 var _templateObject, _templateObject2;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+import { paddingX } from "../helpers";
 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);
+  rootSmall: function rootSmall(t) {
+    return tabsRoot(t, 'small');
+  },
+  rootMedium: function rootMedium(t) {
+    return tabsRoot(t, 'medium');
+  },
+  rootLarge: function rootLarge(t) {
+    return tabsRoot(t, 'large');
   },
   vertical: function vertical() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: 0;\n    "])));
   }
-});
+});
+function tabsRoot(t, size) {
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    display: inline-block;\n    margin: 0 -", ";\n    padding: 0;\n    position: relative;\n  "])), paddingX(t, size));
+}

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

	@@ -1 +1 @@
1	- {"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"]}
1	+ {"version":3,"sources":["Tabs.styles.ts"],"names":["css","memoizeStyle","paddingX","styles","rootSmall","t","tabsRoot","rootMedium","rootLarge","vertical","size"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;;AAIA,SAASC,QAAT,QAAyB,WAAzB;;AAEA,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;AACjCG,EAAAA,SADiC,qBACvBC,CADuB,EACb;AAClB,WAAOC,QAAQ,CAACD,CAAD,EAAI,OAAJ,CAAf;AACD,GAHgC;;AAKjCE,EAAAA,UALiC,sBAKtBF,CALsB,EAKZ;AACnB,WAAOC,QAAQ,CAACD,CAAD,EAAI,QAAJ,CAAf;AACD,GAPgC;;AASjCG,EAAAA,SATiC,qBASvBH,CATuB,EASb;AAClB,WAAOC,QAAQ,CAACD,CAAD,EAAI,OAAJ,CAAf;AACD,GAXgC;;AAajCI,EAAAA,QAbiC,sBAatB;AACT,WAAOT,GAAP;;;AAGD,GAjBgC,EAAD,CAA3B;;;AAoBP,SAASM,QAAT,CAAkBD,CAAlB,EAA4BK,IAA5B,EAA2C;AACzC,SAAOV,GAAP;;AAEeE,EAAAA,QAAQ,CAACG,CAAD,EAAIK,IAAJ,CAFvB;;;;AAMD","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { TabSize } from './Tab';\nimport { paddingX } from './helpers';\n\nexport const styles = memoizeStyle({\n rootSmall(t: Theme) {\n return tabsRoot(t, 'small');\n },\n\n rootMedium(t: Theme) {\n return tabsRoot(t, 'medium');\n },\n\n rootLarge(t: Theme) {\n return tabsRoot(t, 'large');\n },\n\n vertical() {\n return css`\n margin: 0;\n `;\n },\n});\n\nfunction tabsRoot(t: Theme, size: TabSize) {\n return css`\n display: inline-block;\n margin: 0 -${paddingX(t, size)};\n padding: 0;\n position: relative;\n `;\n}\n"]}

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

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

package/components/Tabs/TabsContext/TabsContext.js CHANGED Viewed

@@ -3,6 +3,7 @@ import { emptyHandler } from "../../../lib/utils";
 export var TabsContextDefaultValue = {
   vertical: false,
   activeTab: '',
+  size: 'large',
   getTab: emptyHandler,
   addTab: emptyHandler,
   notifyUpdate: emptyHandler,

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

	@@ -1 +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';\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"]}
1	+ {"version":3,"sources":["TabsContext.ts"],"names":["React","emptyHandler","TabsContextDefaultValue","vertical","activeTab","size","getTab","addTab","notifyUpdate","removeTab","shiftFocus","switchTab","TabsContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,iBAA7B;;;;;;;;;;;;;;;;AAgBA,OAAO,IAAMC,uBAAwC,GAAG;AACtDC,EAAAA,QAAQ,EAAE,KAD4C;AAEtDC,EAAAA,SAAS,EAAE,EAF2C;AAGtDC,EAAAA,IAAI,EAAE,OAHgD;AAItDC,EAAAA,MAAM,EAAEL,YAJ8C;AAKtDM,EAAAA,MAAM,EAAEN,YAL8C;AAMtDO,EAAAA,YAAY,EAAEP,YANwC;AAOtDQ,EAAAA,SAAS,EAAER,YAP2C;AAQtDS,EAAAA,UAAU,EAAET,YAR0C;AAStDU,EAAAA,SAAS,EAAEV,YAT2C,EAAjD;;AAWP,OAAO,IAAMW,WAAW,gBAAGZ,KAAK,CAACa,aAAN,CAAqCX,uBAArC,CAApB;;AAEPU,WAAW,CAACE,WAAZ,GAA0B,aAA1B","sourcesContent":["import React from 'react';\n\nimport { emptyHandler } from '../../lib/utils';\n\nimport { Tab, TabSize } from './Tab';\n\nexport interface TabsContextType<T extends string = any> {\n vertical: boolean;\n activeTab: T;\n size: TabSize;\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 size: 'large',\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 CHANGED Viewed

@@ -1,8 +1,9 @@
 import React from 'react';
-import { Tab } from './Tab';
+import { Tab, TabSize } from './Tab';
 export interface TabsContextType<T extends string = any> {
     vertical: boolean;
     activeTab: T;
+    size: TabSize;
     getTab: (id: T) => Tab<T> | null | void;
     addTab: (id: T, getNode: () => Tab<T>) => void;
     notifyUpdate: () => void;

package/components/Tabs/helpers/helpers.js ADDED Viewed

@@ -0,0 +1,25 @@
+export function fontSize(t, size) {
+  return mapSize(size, t.tabFontSizeSmall, t.tabFontSizeMedium, t.tabFontSizeLarge);
+}
+export function lineHeight(t, size) {
+  return mapSize(size, t.tabLineHeightSmall, t.tabLineHeightMedium, t.tabLineHeightLarge);
+}
+export function paddingX(t, size) {
+  return mapSize(size, t.tabPaddingXSmall, t.tabPaddingXMedium, t.tabPaddingXLarge);
+}
+export function paddingY(t, size) {
+  return mapSize(size, t.tabPaddingYSmall, t.tabPaddingYMedium, t.tabPaddingYLarge);
+}
+function mapSize(size, small, medium, large) {
+  switch (size) {
+    case 'small':
+      return small;
+    case 'medium':
+      return medium;
+    case 'large':
+      return large;
+  }
+}

package/components/Tabs/helpers/helpers.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["helpers.ts"],"names":["fontSize","t","size","mapSize","tabFontSizeSmall","tabFontSizeMedium","tabFontSizeLarge","lineHeight","tabLineHeightSmall","tabLineHeightMedium","tabLineHeightLarge","paddingX","tabPaddingXSmall","tabPaddingXMedium","tabPaddingXLarge","paddingY","tabPaddingYSmall","tabPaddingYMedium","tabPaddingYLarge","small","medium","large"],"mappings":";;;;AAIA,OAAO,SAASA,QAAT,CAAkBC,CAAlB,EAA4BC,IAA5B,EAA2C;AAChD,SAAOC,OAAO,CAACD,IAAD,EAAOD,CAAC,CAACG,gBAAT,EAA2BH,CAAC,CAACI,iBAA7B,EAAgDJ,CAAC,CAACK,gBAAlD,CAAd;AACD;;AAED,OAAO,SAASC,UAAT,CAAoBN,CAApB,EAA8BC,IAA9B,EAA6C;AAClD,SAAOC,OAAO,CAACD,IAAD,EAAOD,CAAC,CAACO,kBAAT,EAA6BP,CAAC,CAACQ,mBAA/B,EAAoDR,CAAC,CAACS,kBAAtD,CAAd;AACD;;AAED,OAAO,SAASC,QAAT,CAAkBV,CAAlB,EAA4BC,IAA5B,EAA2C;AAChD,SAAOC,OAAO,CAACD,IAAD,EAAOD,CAAC,CAACW,gBAAT,EAA2BX,CAAC,CAACY,iBAA7B,EAAgDZ,CAAC,CAACa,gBAAlD,CAAd;AACD;;AAED,OAAO,SAASC,QAAT,CAAkBd,CAAlB,EAA4BC,IAA5B,EAA2C;AAChD,SAAOC,OAAO,CAACD,IAAD,EAAOD,CAAC,CAACe,gBAAT,EAA2Bf,CAAC,CAACgB,iBAA7B,EAAgDhB,CAAC,CAACiB,gBAAlD,CAAd;AACD;;AAED,SAASf,OAAT,CAAoBD,IAApB,EAAmCiB,KAAnC,EAA6CC,MAA7C,EAAwDC,KAAxD,EAAkE;AAChE,UAAQnB,IAAR;AACE,SAAK,OAAL;AACE,aAAOiB,KAAP;AACF,SAAK,QAAL;AACE,aAAOC,MAAP;AACF,SAAK,OAAL;AACE,aAAOC,KAAP,CANJ;;AAQD","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\n\nimport { TabSize } from './Tab';\n\nexport function fontSize(t: Theme, size: TabSize) {\n return mapSize(size, t.tabFontSizeSmall, t.tabFontSizeMedium, t.tabFontSizeLarge);\n}\n\nexport function lineHeight(t: Theme, size: TabSize) {\n return mapSize(size, t.tabLineHeightSmall, t.tabLineHeightMedium, t.tabLineHeightLarge);\n}\n\nexport function paddingX(t: Theme, size: TabSize) {\n return mapSize(size, t.tabPaddingXSmall, t.tabPaddingXMedium, t.tabPaddingXLarge);\n}\n\nexport function paddingY(t: Theme, size: TabSize) {\n return mapSize(size, t.tabPaddingYSmall, t.tabPaddingYMedium, t.tabPaddingYLarge);\n}\n\nfunction mapSize<T>(size: TabSize, small: T, medium: T, large: T) {\n switch (size) {\n case 'small':\n return small;\n case 'medium':\n return medium;\n case 'large':\n return large;\n }\n}\n"]}

package/components/Tabs/helpers/package.json ADDED Viewed

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

package/components/Tabs/helpers.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { Theme } from '../../lib/theming/Theme';
+import { TabSize } from './Tab';
+export declare function fontSize(t: Theme, size: TabSize): string;
+export declare function lineHeight(t: Theme, size: TabSize): string;
+export declare function paddingX(t: Theme, size: TabSize): string;
+export declare function paddingY(t: Theme, size: TabSize): string;

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

@@ -1,9 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["width", "error", "warning", "autoResize", "resize", "onCut", "onPaste", "maxRows", "onFocus", "selectAllOnFocus", "placeholder", "onValueChange", "showLengthCounter", "lengthCounter", "counterHelp", "extraRow", "disableAnimations", "disabled"];
+var _excluded = ["width", "error", "warning", "size", "autoResize", "resize", "onCut", "onPaste", "maxRows", "onFocus", "selectAllOnFocus", "placeholder", "onValueChange", "showLengthCounter", "lengthCounter", "counterHelp", "extraRow", "disableAnimations", "disabled"];
+var _class, _class2, _temp; // TODO: Enable this rule in functional components.
+/* eslint-disable @typescript-eslint/no-unused-vars */
-var _class, _class2, _temp;
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -20,11 +23,17 @@ 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 { styles } from "../Textarea.styles";
 import { TextareaCounter } from "../TextareaCounter";
 var DEFAULT_WIDTH = 250;
 var AUTORESIZE_THROTTLE_DEFAULT_WAIT = 100;
+export var TextareaDataTids = {
+  root: 'Textarea__root',
+  counter: 'TextareaCounter__root',
+  helpIcon: 'TextareaCounter__helpIcon'
+};
 export
 /**
 * Компонент для ввода многострочного текста.
@@ -44,6 +53,7 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
     }
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(Textarea.defaultProps);
     _this.state = {
       needsPolyfillPlaceholder: needsPolyfillPlaceholder,
       isCounterVisible: false
@@ -88,12 +98,13 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
     };
     _this.renderMain = function (props) {
-      var _cx, _ref, _textareaProps$maxLen;
+      var _cx, _ref, _textareaProps$maxLen, _cx2;
       var _props$width = props.width,
           width = _props$width === void 0 ? DEFAULT_WIDTH : _props$width,
           error = props.error,
           warning = props.warning,
+          size = props.size,
           autoResize = props.autoResize,
           resize = props.resize,
           onCut = props.onCut,
@@ -117,7 +128,7 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
           width: width
         }
       };
-      var textareaClassNames = cx((_cx = {}, _cx[styles.textarea(_this.theme)] = true, _cx[styles.disabled(_this.theme)] = disabled, _cx[styles.error(_this.theme)] = !!error, _cx[styles.warning(_this.theme)] = !!warning, _cx[styles.disableAnimations()] = _this.isAnimationsDisabled(), _cx));
+      var textareaClassNames = cx(_this.getTextareaSizeClassName(), (_cx = {}, _cx[styles.textarea(_this.theme)] = true, _cx[styles.hovering(_this.theme)] = !error && !warning, _cx[styles.disabled(_this.theme)] = disabled, _cx[styles.error(_this.theme)] = !!error, _cx[styles.warning(_this.theme)] = !!warning, _cx[styles.disableAnimations()] = _this.isAnimationsDisabled(), _cx));
       var textareaStyle = {
         resize: autoResize ? 'none' : resize
       };
@@ -145,6 +156,7 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
       var counter = showLengthCounter && isCounterVisible && _this.node && /*#__PURE__*/React.createElement(TextareaCounter, {
         textarea: _this.node,
+        size: _this.getProps().size,
         help: counterHelp,
         value: textareaProps.value,
         length: (_ref = (_textareaProps$maxLen = textareaProps.maxLength) != null ? _textareaProps$maxLen : lengthCounter) != null ? _ref : 0,
@@ -155,8 +167,10 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
         onFocusOutside: _this.handleCloseCounterHelp,
         onClickOutside: _this.handleCloseCounterHelp,
         active: _this.state.isCounterVisible
-      }, /*#__PURE__*/React.createElement("label", _extends({}, rootProps, {
-        className: styles.root(_this.theme)
+      }, /*#__PURE__*/React.createElement("label", _extends({
+        "data-tid": TextareaDataTids.root
+      }, rootProps, {
+        className: cx(_this.getRootSizeClassName(), (_cx2 = {}, _cx2[styles.root()] = true, _cx2))
       }), placeholderPolyfill, /*#__PURE__*/React.createElement(ResizeDetector, {
         onResize: _this.reflowCounter
       }, /*#__PURE__*/React.createElement("textarea", _extends({}, textareaProps, {
@@ -250,10 +264,9 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
         fakeNode.value = node.value;
       }
-      var _this$props = _this.props,
-          rows = _this$props.rows,
-          maxRows = _this$props.maxRows,
-          extraRow = _this$props.extraRow;
+      var _this$getProps = _this.getProps(),
+          rows = _this$getProps.rows,
+          maxRows = _this$getProps.maxRows;
       if (rows === undefined || maxRows === undefined) {
         return;
@@ -263,7 +276,7 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
         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;
@@ -319,6 +332,34 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
   var _proto = Textarea.prototype;
+  _proto.getRootSizeClassName = function getRootSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return styles.rootLarge(this.theme);
+      case 'medium':
+        return styles.rootMedium(this.theme);
+      case 'small':
+      default:
+        return styles.rootSmall(this.theme);
+    }
+  };
+  _proto.getTextareaSizeClassName = function getTextareaSizeClassName() {
+    switch (this.getProps().size) {
+      case 'large':
+        return styles.textareaLarge(this.theme);
+      case 'medium':
+        return styles.textareaMedium(this.theme);
+      case 'small':
+      default:
+        return styles.textareaSmall(this.theme);
+    }
+  };
   _proto.getAutoResizeThrottleWait = function getAutoResizeThrottleWait(props) {
     if (props === void 0) {
       props = this.props;
@@ -368,7 +409,11 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
       this.autoResize = throttle(this.autoResizeHandler, this.getAutoResizeThrottleWait());
     }
-    if (this.props.autoResize && (this.props.rows !== prevProps.rows || this.props.maxRows !== prevProps.maxRows || this.props.value !== prevProps.value)) {
+    var _this$getProps2 = this.getProps(),
+        rows = _this$getProps2.rows,
+        maxRows = _this$getProps2.maxRows;
+    if (this.props.autoResize && (rows !== prevProps.rows || maxRows !== prevProps.maxRows || this.props.value !== prevProps.value)) {
       this.autoResize();
     }
   };
@@ -457,5 +502,6 @@ var Textarea = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
   rows: 3,
   maxRows: 15,
   extraRow: true,
+  size: 'small',
   disableAnimations: isTestEnv
 }, _temp)) || _class;

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

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