@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ecefada396

package/cjs/components/Tabs/Tabs.js

@@ -0,0 +1,159 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Tabs = void 0;var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+var _reactDom = require("react-dom");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+
+var _Indicator = require("./Indicator");
+var _Tabs = require("./Tabs.styles");
+var _TabsContext = require("./TabsContext");
+var _Tab = require("./Tab");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Tabs wrapper
+ *
+ * contains static property `Tab`
+ */var
+Tabs = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Tabs, _React$Component);function Tabs() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    theme = void 0;_this.
+
+    tabs =
+
+
+    [];_this.
+
+    tabUpdates = {
+      on: function on(cb) {
+        var index = _this.listeners.push(cb);
+        return function () {
+          _this.listeners.splice(index, 1);
+        };
+      } };_this.
+
+
+    listeners = [];_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    shiftFocus = function (fromTab, delta) {var _assertThisInitialize = (0, _assertThisInitialized2.default)(_this),
+      tabs = _assertThisInitialize.tabs;
+      var index = tabs.findIndex(function (x) {return x.id === fromTab;});
+      var newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));
+      var tab = tabs[newIndex];
+
+      var tabNode = tab.getNode();
+      var htmlNode = null;
+      if (tabNode instanceof _react.default.Component) {
+        htmlNode = (0, _reactDom.findDOMNode)(tabNode);
+      }
+
+      if (htmlNode && htmlNode instanceof HTMLElement && typeof htmlNode.focus === 'function') {
+        htmlNode.focus();
+      }
+    };_this.
+
+    notifyUpdate = function () {
+      _this.listeners.forEach(function (cb) {return cb();});
+    };_this.
+
+    switchTab = function (id) {var _this$props =
+      _this.props,onValueChange = _this$props.onValueChange,value = _this$props.value;
+      if (id !== value && onValueChange) {
+        onValueChange(id);
+      }
+    };_this.
+
+    getTab = function (id) {var _ref =
+      _this.tabs.find(function (x) {return x.id === id;}) || {},_ref$getNode = _ref.getNode,getNode = _ref$getNode === void 0 ? null : _ref$getNode;
+      return getNode && getNode();
+    };_this.
+
+    addTab = function (id, getNode) {
+      _this.tabs = _this.tabs.concat({ id: id, getNode: getNode });
+    };_this.
+
+    removeTab = function (id) {
+      _this.tabs = _this.tabs.filter(function (tab) {return tab.id !== id;});
+    };return _this;}var _proto = Tabs.prototype;_proto.render = function render() {var _this2 = this;var _this$props2 = this.props,vertical = _this$props2.vertical,value = _this$props2.value,width = _this$props2.width,children = _this$props2.children,indicatorClassName = _this$props2.indicatorClassName;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this2.props, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Tabs.styles.root(_this2.theme), vertical && _Tabs.styles.vertical()), style: { width: width } }, /*#__PURE__*/_react.default.createElement(_TabsContext.TabsContext.Provider, { value: { vertical: vertical, activeTab: value, getTab: _this2.getTab, addTab: _this2.addTab, removeTab: _this2.removeTab, notifyUpdate: _this2.notifyUpdate, shiftFocus: _this2.shiftFocus, switchTab: _this2.switchTab } }, children, /*#__PURE__*/_react.default.createElement(_Indicator.Indicator, { className: indicatorClassName, tabUpdates: _this2.tabUpdates, vertical: vertical }))));});};return Tabs;}(_react.default.Component);exports.Tabs = Tabs;Tabs.__KONTUR_REACT_UI__ = 'Tabs';Tabs.propTypes = { children: _propTypes.default.node, indicatorClassName: _propTypes.default.string, value: _propTypes.default.string.isRequired, vertical: _propTypes.default.bool, width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]) };Tabs.defaultProps = { vertical: false };Tabs.Tab = _Tab.Tab;

package/cjs/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Tabs.tsx"],"names":["Tabs","theme","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","findIndex","x","id","newIndex","Math","max","min","length","tab","tabNode","getNode","htmlNode","React","Component","HTMLElement","focus","notifyUpdate","forEach","switchTab","props","onValueChange","value","getTab","find","addTab","concat","removeTab","filter","render","vertical","width","children","indicatorClassName","styles","root","activeTab","__KONTUR_REACT_UI__","propTypes","PropTypes","node","string","isRequired","bool","oneOfType","number","defaultProps","Tab"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\nimport PropTypes from 'prop-types';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { Indicator } from './Indicator';\nimport { styles } from './Tabs.styles';\nimport { TabsContext, TabsContextType } from './TabsContext';\nimport { Tab } from './Tab';\n\nexport interface TabsProps<T extends string = 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 */\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<{\n    getNode: () => Tab<T> | null;\n    id: T;\n  }> = [];\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<() => void> = [];\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 {...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    let htmlNode = null;\n    if (tabNode instanceof React.Component) {\n      htmlNode = findDOMNode(tabNode);\n    }\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/cjs/components/Tabs/Tabs.md

@@ -0,0 +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>;
+```

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

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

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

@@ -0,0 +1,18 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
+
+
+var styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin: 0 -", ";\n      padding: 0;\n      position: relative;\n    "])),
+
+    t.tabsMarginX);
+
+
+
+  },
+
+  vertical: function vertical() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0;\n    "])));
+
+
+  } });exports.styles = styles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Tabs.styles.ts"],"names":["styles","root","t","css","tabsMarginX","vertical"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;;AAEeD,IAAAA,CAAC,CAACE,WAFjB;;;;AAMD,GARgC;;AAUjCC,EAAAA,QAViC,sBAUtB;AACT,eAAOF,YAAP;;;AAGD,GAdgC,EAAb,CAAf,C","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/cjs/components/Tabs/TabsContext.d.ts

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

package/cjs/components/Tabs/TabsContext.js

@@ -0,0 +1,30 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.TabsContext = exports.TabsContextDefaultValue = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("../../lib/utils");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var TabsContextDefaultValue = {
+  vertical: false,
+  activeTab: '',
+  getTab: _utils.emptyHandler,
+  addTab: _utils.emptyHandler,
+  notifyUpdate: _utils.emptyHandler,
+  removeTab: _utils.emptyHandler,
+  shiftFocus: _utils.emptyHandler,
+  switchTab: _utils.emptyHandler };exports.TabsContextDefaultValue = TabsContextDefaultValue;
+
+var TabsContext = /*#__PURE__*/_react.default.createContext(TabsContextDefaultValue);exports.TabsContext = TabsContext;
+
+TabsContext.displayName = 'TabsContext';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TabsContext.ts"],"names":["TabsContextDefaultValue","vertical","activeTab","getTab","emptyHandler","addTab","notifyUpdate","removeTab","shiftFocus","switchTab","TabsContext","React","createContext","displayName"],"mappings":"2LAAA;;AAEA;;;;;;;;;;;;;;;AAeO,IAAMA,uBAAwC,GAAG;AACtDC,EAAAA,QAAQ,EAAE,KAD4C;AAEtDC,EAAAA,SAAS,EAAE,EAF2C;AAGtDC,EAAAA,MAAM,EAAEC,mBAH8C;AAItDC,EAAAA,MAAM,EAAED,mBAJ8C;AAKtDE,EAAAA,YAAY,EAAEF,mBALwC;AAMtDG,EAAAA,SAAS,EAAEH,mBAN2C;AAOtDI,EAAAA,UAAU,EAAEJ,mBAP0C;AAQtDK,EAAAA,SAAS,EAAEL,mBAR2C,EAAjD,C;;AAUA,IAAMM,WAAW,gBAAGC,eAAMC,aAAN,CAAqCZ,uBAArC,CAApB,C;;AAEPU,WAAW,CAACG,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/cjs/components/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Tabs';
+export * from './Tab';

package/cjs/components/Tabs/index.js

@@ -0,0 +1,2 @@
+"use strict";exports.__esModule = true;var _Tabs = require("./Tabs");Object.keys(_Tabs).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Tabs[key]) return;exports[key] = _Tabs[key];});
+var _Tab = require("./Tab");Object.keys(_Tab).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Tab[key]) return;exports[key] = _Tab[key];});

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

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

package/cjs/components/Textarea/Textarea.d.ts

@@ -0,0 +1,184 @@
+import React, { ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { Override } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface TextareaProps extends CommonProps, Override<React.TextareaHTMLAttributes<HTMLTextAreaElement>, {
+    /**
+     * Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    /** Не активное состояние */
+    disabled?: boolean;
+    /**
+     * Атоматический ресайз
+     * в зависимости от содержимого
+     */
+    autoResize?: boolean;
+    /**
+     * Число строк
+     */
+    rows: number;
+    /**
+     * Максимальное число строк при
+     * автоматическом ресайзе
+     */
+    maxRows: string | number;
+    /**
+     * Стандартный ресайз
+     * Попадает в `style`
+     */
+    resize?: React.CSSProperties['resize'];
+    /**
+     * Ширина
+     */
+    width?: React.CSSProperties['width'];
+    /**
+     * Вызывается при изменении `value`
+     */
+    onValueChange?: (value: string) => void;
+    /** Выделение значения при фокусе */
+    selectAllOnFocus?: boolean;
+    /** Показывать счетчик символов */
+    showLengthCounter?: boolean;
+    /** Допустимое количество символов в поле. Отображается в счетчике.
+     * Если не указано, равно `maxLength`
+     */
+    lengthCounter?: number;
+    /** Подсказка к счетчику символов.
+     *
+     * По умолчанию - тултип с содежимым из пропа, если передан`ReactNode`.
+     *
+     * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,
+     *
+     * ```
+     * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}
+     * ```
+     * */
+    counterHelp?: ReactNode | (() => ReactNode);
+    /** Добавлять дополнительную свободную строку при авто-ресайзе.
+     * @see https://guides.kontur.ru/components/textarea/#04
+     * */
+    extraRow: boolean;
+    /** Отключать анимацию при авто-ресайзе.
+     * Автоматически отключается когда в `extraRow` передан `false`.
+     */
+    disableAnimations: boolean;
+}> {
+}
+export interface TextareaState {
+    polyfillPlaceholder: boolean;
+    isCounterVisible: boolean;
+}
+/**
+ * Компонент для ввода многострочного текста.
+ *
+ * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
+ *
+ * ** `className` и `style`  игнорируются**
+ */
+export declare class Textarea extends React.Component<TextareaProps, TextareaState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        error: PropTypes.Requireable<boolean>;
+        warning: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        autoResize: PropTypes.Requireable<boolean>;
+        extraRow: PropTypes.Requireable<boolean>;
+        disableAnimations: PropTypes.Requireable<boolean>;
+        maxRows: PropTypes.Requireable<string | number>;
+        resize: PropTypes.Requireable<string | number>;
+        width: PropTypes.Requireable<string | number>;
+        id: PropTypes.Requireable<string>;
+        name: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        spellCheck: PropTypes.Requireable<boolean>;
+        role: PropTypes.Requireable<string>;
+        maxLength: PropTypes.Requireable<number>;
+        tabIndex: PropTypes.Requireable<number>;
+        rows: PropTypes.Requireable<number>;
+        placeholder: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<string>;
+        defaultValue: PropTypes.Requireable<string>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseMove: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseUp: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onDoubleClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyPress: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
+        onInput: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        onWheel: PropTypes.Requireable<(...args: any[]) => any>;
+        onCut: PropTypes.Requireable<(...args: any[]) => any>;
+        onPaste: PropTypes.Requireable<(...args: any[]) => any>;
+        onCopy: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        rows: number;
+        maxRows: number;
+        extraRow: boolean;
+        disableAnimations: boolean;
+    };
+    state: {
+        polyfillPlaceholder: boolean;
+        isCounterVisible: boolean;
+    };
+    private reflowCounter;
+    private theme;
+    private selectAllId;
+    private node;
+    private fakeNode;
+    private counter;
+    private layoutEvents;
+    private textareaObserver;
+    private getAutoResizeThrottleWait;
+    private isAnimationsDisabled;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: TextareaProps): void;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     * @param {number} start
+     * @param {number} end
+     */
+    setSelectionRange: (start: number, end: number) => void;
+    /**
+     * @public
+     */
+    selectAll: () => void;
+    private delaySelectAll;
+    private cancelDelayedSelectAll;
+    private renderMain;
+    private handleCloseCounterHelp;
+    private handleKeyDown;
+    private handleChange;
+    private ref;
+    private refFake;
+    private refCounter;
+    private autoResizeHandler;
+    private autoResize;
+    private handleCut;
+    private handlePaste;
+    private handleFocus;
+}