@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-cb270e7a13

package/components/Tabs/Tabs.js

@@ -1,146 +0,0 @@
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import { findDOMNode } from 'react-dom';
-import PropTypes from 'prop-types';
-
-import { cx } from '../../lib/theming/Emotion';
-
-import { Indicator } from './Indicator';
-import { TabsContext } from './TabsContext';
-import { Tab } from './Tab';import
-styles from "./Tabs.module.css";
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
-                                  * Tabs wrapper
-                                  *
-                                  * contains static property `Tab`
-                                  */
-export var Tabs = /*#__PURE__*/function (_React$Component) {_inheritsLoose(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.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    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 = _assertThisInitialized(_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.Component) {
-        htmlNode = 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 _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 React.createElement("div", { className: cx(styles.root, vertical && styles.vertical), style: { width: width } }, React.createElement(TabsContext.Provider, { value: { vertical: vertical, activeTab: value, getTab: this.getTab, addTab: this.addTab, removeTab: this.removeTab, notifyUpdate: this.notifyUpdate, shiftFocus: this.shiftFocus, switchTab: this.switchTab } }, children, React.createElement(Indicator, { className: indicatorClassName, tabUpdates: this.tabUpdates, vertical: vertical })));};return Tabs;}(React.Component);Tabs.__KONTUR_REACT_UI__ = 'Tabs';Tabs.propTypes = { children: PropTypes.node, indicatorClassName: PropTypes.string, value: PropTypes.string.isRequired, vertical: PropTypes.bool, width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), onValueChange: PropTypes.func };Tabs.defaultProps = { vertical: false };Tabs.Tab = Tab;

package/components/Tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Tabs.tsx"],"names":["React","findDOMNode","PropTypes","cx","Indicator","TabsContext","Tab","styles","Tabs","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","findIndex","x","id","newIndex","Math","max","min","length","tab","tabNode","getNode","htmlNode","Component","HTMLElement","focus","notifyUpdate","forEach","switchTab","props","onValueChange","value","getTab","find","addTab","concat","removeTab","filter","render","vertical","width","children","indicatorClassName","root","activeTab","__KONTUR_REACT_UI__","propTypes","node","string","isRequired","bool","oneOfType","number","func","defaultProps"],"mappings":"4JAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,QAA4B,WAA5B;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,GAAT,QAAoB,OAApB,C;AACOC,M;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCP;;;;;AAKA,WAAaC,IAAb;;;;;;;;;;;;;;;;;AAiBUC,IAAAA,IAjBV;;;AAoBO,MApBP;;AAsBUC,IAAAA,UAtBV,GAsBuB;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,EAtBvB;;;AA+BUC,IAAAA,SA/BV,GA+ByC,EA/BzC;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDUG,IAAAA,UAzDV,GAyDuB,UAACC,OAAD,EAAkBC,KAAlB,EAAoC;AAC/CV,MAAAA,IAD+C,yBAC/CA,IAD+C;AAEvD,UAAMI,KAAK,GAAGJ,IAAI,CAACW,SAAL,CAAe,UAAAC,CAAC,UAAIA,CAAC,CAACC,EAAF,KAASJ,OAAb,EAAhB,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,UAAIC,QAAQ,GAAG,IAAf;AACA,UAAIF,OAAO,YAAY7B,KAAK,CAACgC,SAA7B,EAAwC;AACtCD,QAAAA,QAAQ,GAAG9B,WAAW,CAAC4B,OAAD,CAAtB;AACD;;AAED,UAAIE,QAAQ,IAAIA,QAAQ,YAAYE,WAAhC,IAA+C,OAAOF,QAAQ,CAACG,KAAhB,KAA0B,UAA7E,EAAyF;AACvFH,QAAAA,QAAQ,CAACG,KAAT;AACD;AACF,KAxEH;;AA0EUC,IAAAA,YA1EV,GA0EyB,YAAM;AAC3B,YAAKrB,SAAL,CAAesB,OAAf,CAAuB,UAAAxB,EAAE,UAAIA,EAAE,EAAN,EAAzB;AACD,KA5EH;;AA8EUyB,IAAAA,SA9EV,GA8EsB,UAACf,EAAD,EAAgB;AACD,YAAKgB,KADJ,CAC1BC,aAD0B,eAC1BA,aAD0B,CACXC,KADW,eACXA,KADW;AAElC,UAAIlB,EAAE,KAAKkB,KAAP,IAAgBD,aAApB,EAAmC;AACjCA,QAAAA,aAAa,CAACjB,EAAD,CAAb;AACD;AACF,KAnFH;;AAqFUmB,IAAAA,MArFV,GAqFmB,UAACnB,EAAD,EAA4B;AAChB,YAAKb,IAAL,CAAUiC,IAAV,CAAe,UAAArB,CAAC,UAAIA,CAAC,CAACC,EAAF,KAASA,EAAb,EAAhB,KAAoC,EADpB,qBACnCQ,OADmC,CACnCA,OADmC,6BACzB,IADyB;AAE3C,aAAOA,OAAO,IAAIA,OAAO,EAAzB;AACD,KAxFH;;AA0FUa,IAAAA,MA1FV,GA0FmB,UAACrB,EAAD,EAAaQ,OAAb,EAAoC;AACnD,YAAKrB,IAAL,GAAY,MAAKA,IAAL,CAAUmC,MAAV,CAAiB,EAAEtB,EAAE,EAAFA,EAAF,EAAMQ,OAAO,EAAPA,OAAN,EAAjB,CAAZ;AACD,KA5FH;;AA8FUe,IAAAA,SA9FV,GA8FsB,UAACvB,EAAD,EAAgB;AAClC,YAAKb,IAAL,GAAY,MAAKA,IAAL,CAAUqC,MAAV,CAAiB,UAAAlB,GAAG,UAAIA,GAAG,CAACN,EAAJ,KAAWA,EAAf,EAApB,CAAZ;AACD,KAhGH,kDAiCSyB,MAjCT,GAiCE,kBAA6B,oBACsC,KAAKT,KAD3C,CACnBU,QADmB,gBACnBA,QADmB,CACTR,KADS,gBACTA,KADS,CACFS,KADE,gBACFA,KADE,CACKC,QADL,gBACKA,QADL,CACeC,kBADf,gBACeA,kBADf,CAG3B,OACE,6BAAK,SAAS,EAAEhD,EAAE,CAACI,MAAM,CAAC6C,IAAR,EAAcJ,QAAQ,IAAIzC,MAAM,CAACyC,QAAjC,CAAlB,EAA8D,KAAK,EAAE,EAAEC,KAAK,EAALA,KAAF,EAArE,IACE,oBAAC,WAAD,CAAa,QAAb,IACE,KAAK,EAAE,EACLD,QAAQ,EAARA,QADK,EAELK,SAAS,EAAEb,KAFN,EAGLC,MAAM,EAAE,KAAKA,MAHR,EAILE,MAAM,EAAE,KAAKA,MAJR,EAKLE,SAAS,EAAE,KAAKA,SALX,EAMLV,YAAY,EAAE,KAAKA,YANd,EAOLlB,UAAU,EAAE,KAAKA,UAPZ,EAQLoB,SAAS,EAAE,KAAKA,SARX,EADT,IAYGa,QAZH,EAaE,oBAAC,SAAD,IAAW,SAAS,EAAEC,kBAAtB,EAA0C,UAAU,EAAE,KAAKzC,UAA3D,EAAuE,QAAQ,EAAEsC,QAAjF,GAbF,CADF,CADF,CAmBD,CAvDH,eAA0BhD,KAAK,CAACgC,SAAhC,EAAaxB,I,CACG8C,mB,GAAsB,M,CADzB9C,I,CAGG+C,S,GAAY,EACxBL,QAAQ,EAAEhD,SAAS,CAACsD,IADI,EAExBL,kBAAkB,EAAEjD,SAAS,CAACuD,MAFN,EAGxBjB,KAAK,EAAEtC,SAAS,CAACuD,MAAV,CAAiBC,UAHA,EAIxBV,QAAQ,EAAE9C,SAAS,CAACyD,IAJI,EAKxBV,KAAK,EAAE/C,SAAS,CAAC0D,SAAV,CAAoB,CAAC1D,SAAS,CAACuD,MAAX,EAAmBvD,SAAS,CAAC2D,MAA7B,CAApB,CALiB,EAMxBtB,aAAa,EAAErC,SAAS,CAAC4D,IAND,E,CAHftD,I,CAWGuD,Y,GAAe,EAC3Bf,QAAQ,EAAE,KADiB,E,CAXlBxC,I,CAeGF,G,GAAMA,G","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { cx } from '../../lib/theming/Emotion';\r\n\r\nimport { Indicator } from './Indicator';\r\nimport { TabsContext } from './TabsContext';\r\nimport { Tab } from './Tab';\r\nimport styles from './Tabs.module.less';\r\n\r\nexport interface TabsProps {\r\n  /**\r\n   * Tab component should be child of Tabs component\r\n   */\r\n  children?: React.ReactNode;\r\n\r\n  /**\r\n   * Classname of indicator\r\n   */\r\n  indicatorClassName?: string;\r\n\r\n  /**\r\n   * Tabs change event\r\n   */\r\n  onValueChange?: (value: string) => void;\r\n\r\n  /**\r\n   * Active tab identifier\r\n   */\r\n  value: string;\r\n\r\n  /**\r\n   * Vertical indicator\r\n   * @default false\r\n   */\r\n  vertical: boolean;\r\n\r\n  /**\r\n   * Width of tabs container\r\n   */\r\n  width?: number | string;\r\n}\r\n\r\n/**\r\n * Tabs wrapper\r\n *\r\n * contains static property `Tab`\r\n */\r\nexport class Tabs extends React.Component<TabsProps> {\r\n  public static __KONTUR_REACT_UI__ = 'Tabs';\r\n\r\n  public static propTypes = {\r\n    children: PropTypes.node,\r\n    indicatorClassName: PropTypes.string,\r\n    value: PropTypes.string.isRequired,\r\n    vertical: PropTypes.bool,\r\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n    onValueChange: PropTypes.func,\r\n  };\r\n  public static defaultProps = {\r\n    vertical: false,\r\n  };\r\n\r\n  public static Tab = Tab;\r\n\r\n  private tabs: Array<{\r\n    getNode: () => Tab | null;\r\n    id: string;\r\n  }> = [];\r\n\r\n  private tabUpdates = {\r\n    on: (cb: () => void) => {\r\n      const index = this.listeners.push(cb);\r\n      return () => {\r\n        this.listeners.splice(index, 1);\r\n      };\r\n    },\r\n  };\r\n\r\n  private listeners: Array<() => void> = [];\r\n\r\n  public render(): JSX.Element {\r\n    const { vertical, value, width, children, indicatorClassName } = this.props;\r\n\r\n    return (\r\n      <div className={cx(styles.root, vertical && styles.vertical)} style={{ width }}>\r\n        <TabsContext.Provider\r\n          value={{\r\n            vertical,\r\n            activeTab: value,\r\n            getTab: this.getTab,\r\n            addTab: this.addTab,\r\n            removeTab: this.removeTab,\r\n            notifyUpdate: this.notifyUpdate,\r\n            shiftFocus: this.shiftFocus,\r\n            switchTab: this.switchTab,\r\n          }}\r\n        >\r\n          {children}\r\n          <Indicator className={indicatorClassName} tabUpdates={this.tabUpdates} vertical={vertical} />\r\n        </TabsContext.Provider>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private shiftFocus = (fromTab: string, delta: number) => {\r\n    const { tabs } = this;\r\n    const index = tabs.findIndex(x => x.id === fromTab);\r\n    const newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));\r\n    const tab = tabs[newIndex];\r\n\r\n    const tabNode = tab.getNode();\r\n    let htmlNode = null;\r\n    if (tabNode instanceof React.Component) {\r\n      htmlNode = findDOMNode(tabNode);\r\n    }\r\n\r\n    if (htmlNode && htmlNode instanceof HTMLElement && typeof htmlNode.focus === 'function') {\r\n      htmlNode.focus();\r\n    }\r\n  };\r\n\r\n  private notifyUpdate = () => {\r\n    this.listeners.forEach(cb => cb());\r\n  };\r\n\r\n  private switchTab = (id: string) => {\r\n    const { onValueChange, value } = this.props;\r\n    if (id !== value && onValueChange) {\r\n      onValueChange(id);\r\n    }\r\n  };\r\n\r\n  private getTab = (id: string): Tab | null => {\r\n    const { getNode = null } = this.tabs.find(x => x.id === id) || {};\r\n    return getNode && getNode();\r\n  };\r\n\r\n  private addTab = (id: string, getNode: () => any) => {\r\n    this.tabs = this.tabs.concat({ id, getNode });\r\n  };\r\n\r\n  private removeTab = (id: string) => {\r\n    this.tabs = this.tabs.filter(tab => tab.id !== id);\r\n  };\r\n}\r\n"]}

package/components/Tabs/Tabs.module.css

@@ -1,9 +0,0 @@
-:local .root {
-  display: inline-block;
-  margin: 0 -20px;
-  padding: 0;
-  position: relative;
-}
-:local .vertical {
-  margin: 0;
-}

package/components/Tabs/Tabs.module.css.d.ts

@@ -1,6 +0,0 @@
-export interface ITabsModuleLess {
-  'root': string;
-  'vertical': string;
-}
-declare const styles: ITabsModuleLess;
-export default styles;

package/components/Tabs/TabsContext.js

@@ -1,28 +0,0 @@
-import React from 'react';
-
-import { emptyHandler } from '../../lib/utils';
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-export var TabsContextDefaultValue = {
-  vertical: false,
-  activeTab: '',
-  getTab: emptyHandler,
-  addTab: emptyHandler,
-  notifyUpdate: emptyHandler,
-  removeTab: emptyHandler,
-  shiftFocus: emptyHandler,
-  switchTab: emptyHandler };
-
-export var TabsContext = React.createContext(TabsContextDefaultValue);

package/components/Tabs/TabsContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TabsContext.ts"],"names":["React","emptyHandler","TabsContextDefaultValue","vertical","activeTab","getTab","addTab","notifyUpdate","removeTab","shiftFocus","switchTab","TabsContext","createContext"],"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,GAAGX,KAAK,CAACY,aAAN,CAAqCV,uBAArC,CAApB","sourcesContent":["import React from 'react';\r\n\r\nimport { emptyHandler } from '../../lib/utils';\r\n\r\nimport { Tab } from './Tab';\r\n\r\nexport interface TabsContextType {\r\n  vertical: boolean;\r\n  activeTab: string;\r\n  getTab: (id: string) => Tab | null | void;\r\n  addTab: (id: string, getNode: () => Tab) => void;\r\n  notifyUpdate: () => void;\r\n  removeTab: (id: string) => void;\r\n  shiftFocus: (fromTab: string, delta: number) => void;\r\n  switchTab: (id: string) => void;\r\n}\r\n\r\nexport const TabsContextDefaultValue: TabsContextType = {\r\n  vertical: false,\r\n  activeTab: '',\r\n  getTab: emptyHandler,\r\n  addTab: emptyHandler,\r\n  notifyUpdate: emptyHandler,\r\n  removeTab: emptyHandler,\r\n  shiftFocus: emptyHandler,\r\n  switchTab: emptyHandler,\r\n};\r\nexport const TabsContext = React.createContext<TabsContextType>(TabsContextDefaultValue);\r\n"]}

package/components/Tabs/index.js

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

package/components/Tabs/index.js.map

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

package/components/Textarea/Textarea.js

@@ -1,397 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import PropTypes from 'prop-types';
-import throttle from 'lodash.throttle';
-
-import { isKeyEnter } from '../../lib/events/keyboard/identifiers';
-import { polyfillPlaceholder } from '../polyfillPlaceholder';
-import * as LayoutEvents from '../../lib/LayoutEvents';
-
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';
-
-
-import { getTextAreaHeight } from './TextareaHelpers';
-import { jsStyles } from './Textarea.styles';import
-styles from "./Textarea.module.css";
-
-var DEFAULT_WIDTH = 250;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
-                          * Компонент для ввода многострочного текста.
-                          *
-                          * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`
-                          *
-                          * ** `className` и `style`  игнорируются**
-                          */
-export var Textarea = /*#__PURE__*/function (_React$Component) {_inheritsLoose(Textarea, _React$Component);function Textarea() {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.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    state = {
-      polyfillPlaceholder: polyfillPlaceholder,
-      rows: 1 };_this.
-
-
-    theme = void 0;_this.
-    node = void 0;_this.
-    fakeNode = void 0;_this.
-    layoutEvents = void 0;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    setSelectionRange = function (start, end) {
-      if (!_this.node) {
-        throw new Error('Cannot call "setSelectionRange" on unmounted Input');
-      }
-
-      if (document.activeElement !== _this.node) {
-        _this.focus();
-      }
-
-      _this.node.setSelectionRange(start, end);
-    };_this.
-
-
-
-
-    selectAll = function () {
-      if (_this.node) {
-        _this.setSelectionRange(0, _this.node.value.length);
-      }
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    handleKeyDown = function (e) {
-      // Edge bug: textarea maxlength doesn't work after new line
-      // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18833616/
-      var value = _this.props.value !== undefined ? _this.props.value.toString() : null;
-      var isBlockEnter = isKeyEnter(e) && value !== null && value.length === _this.props.maxLength;
-
-      if (isBlockEnter) {
-        e.preventDefault();
-      }
-
-      if (_this.props.onKeyDown) {
-        _this.props.onKeyDown(e);
-      }
-    };_this.
-
-    handleChange = function (e) {
-      if (polyfillPlaceholder) {
-        var fieldIsEmpty = e.target.value === '';
-
-        if (_this.state.polyfillPlaceholder !== fieldIsEmpty) {
-          _this.setState({ polyfillPlaceholder: fieldIsEmpty });
-        }
-      }
-
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(e.target.value);
-      }
-
-      if (_this.props.autoResize) {
-        _this.autoResize();
-      }
-
-      if (_this.props.onChange) {
-        _this.props.onChange(e);
-      }
-    };_this.
-
-    ref = function (element) {
-      _this.node = element;
-    };_this.
-
-    refFake = function (element) {
-      _this.fakeNode = element;
-    };_this.
-
-    autoResize = throttle(function () {
-      var fakeNode = _this.fakeNode;
-      if (!fakeNode) {
-        return;
-      }
-      var node = _this.node;
-      if (!node) {
-        return;
-      }
-      if (_this.props.value === undefined) {
-        fakeNode.value = node.value;
-      }var _this$props =
-
-      _this.props,rows = _this$props.rows,maxRows = _this$props.maxRows;
-      if (rows === undefined || maxRows === undefined) {
-        return;
-      }var _getTextAreaHeight =
-      getTextAreaHeight(
-      fakeNode,
-      typeof rows === 'number' ? rows : parseInt(rows, 10),
-      typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10)),height = _getTextAreaHeight.height,exceededMaxHeight = _getTextAreaHeight.exceededMaxHeight;
-
-      node.style.height = height + 'px';
-      node.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';
-      fakeNode.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';
-    }, 100);_this.
-
-    handleCut = function (event) {
-      if (_this.props.autoResize) {
-        _this.autoResize();
-      }
-
-      if (_this.props.onPaste) {
-        _this.props.onPaste(event);
-      }
-    };_this.
-
-    handlePaste = function (event) {
-      if (_this.props.autoResize) {
-        _this.autoResize();
-      }
-
-      if (_this.props.onCut) {
-        _this.props.onCut(event);
-      }
-    };_this.
-
-    handleFocus = function (event) {
-      if (_this.props.selectAllOnFocus) {
-        _this.selectAll();
-      }
-
-      if (_this.props.onFocus) {
-        _this.props.onFocus(event);
-      }
-    };return _this;}var _proto = Textarea.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.autoResize) {this.autoResize();this.layoutEvents = LayoutEvents.addListener(this.autoResize);}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutEvents) {this.layoutEvents.remove();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.props.autoResize && this.props.rows > this.state.rows || this.props.value !== prevProps.value) {this.autoResize();}};_proto.render = function render() {var _this2 = this;return React.createElement(ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */;_proto.focus = function focus() {if (this.node) {this.node.focus();}} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */;_proto.blur = function blur() {if (this.node) {this.node.blur();}} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 */;_proto.renderMain = function renderMain() {var _cx;var _this$props2 = this.props,_this$props2$width = _this$props2.width,width = _this$props2$width === void 0 ? DEFAULT_WIDTH : _this$props2$width,error = _this$props2.error,warning = _this$props2.warning,autoResize = _this$props2.autoResize,resize = _this$props2.resize,onCut = _this$props2.onCut,onPaste = _this$props2.onPaste,maxRows = _this$props2.maxRows,onFocus = _this$props2.onFocus,selectAllOnFocus = _this$props2.selectAllOnFocus,className = _this$props2.className,style = _this$props2.style,placeholder = _this$props2.placeholder,textareaProps = _objectWithoutPropertiesLoose(_this$props2, ["width", "error", "warning", "autoResize", "resize", "onCut", "onPaste", "maxRows", "onFocus", "selectAllOnFocus", "className", "style", "placeholder"]);var rootProps = { style: { width: width } };var textareaClassNames = cx((_cx = {}, _cx[styles.textarea] = true, _cx[jsStyles.textarea(this.theme)] = true, _cx[jsStyles.error(this.theme)] = !!error, _cx[jsStyles.warning(this.theme)] = !!warning, _cx));var textAreaStyle = { resize: autoResize ? 'none' : resize };var placeholderPolyfill = null;if (this.state.polyfillPlaceholder && !textareaProps.value) {placeholderPolyfill = React.createElement("span", { className: styles.placeholder }, placeholder);}var fakeTextarea = null;if (autoResize) {var fakeProps = { value: this.props.value, defaultValue: this.props.defaultValue, className: cx(textareaClassNames, styles.fake), readOnly: true };fakeTextarea = React.createElement("textarea", _extends({}, fakeProps, { ref: this.refFake }));}return React.createElement("label", _extends({}, rootProps, { className: cx(styles.root, jsStyles.root(this.theme)) }), placeholderPolyfill, React.createElement("textarea", _extends({}, textareaProps, { className: textareaClassNames, style: textAreaStyle, placeholder: !placeholderPolyfill ? placeholder : undefined, ref: this.ref, onChange: this.handleChange, onCut: this.handleCut, onPaste: this.handlePaste, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown })), fakeTextarea);};return Textarea;}(React.Component);Textarea.__KONTUR_REACT_UI__ = 'Textarea';Textarea.propTypes = { error: PropTypes.bool, warning: PropTypes.bool, disabled: PropTypes.bool, autoResize: PropTypes.bool, maxRows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), resize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), id: PropTypes.string, name: PropTypes.string, title: PropTypes.string, spellCheck: PropTypes.bool, role: PropTypes.string, maxLength: PropTypes.number, tabIndex: PropTypes.number, rows: PropTypes.number, placeholder: PropTypes.string, value: PropTypes.string, defaultValue: PropTypes.string, onValueChange: PropTypes.func, onMouseEnter: PropTypes.func, onMouseLeave: PropTypes.func, onMouseOver: PropTypes.func, onMouseMove: PropTypes.func, onMouseOut: PropTypes.func, onMouseUp: PropTypes.func, onMouseDown: PropTypes.func, onClick: PropTypes.func, onDoubleClick: PropTypes.func, onKeyDown: PropTypes.func, onKeyPress: PropTypes.func, onKeyUp: PropTypes.func, onInput: PropTypes.func, onFocus: PropTypes.func, onBlur: PropTypes.func, onScroll: PropTypes.func, onWheel: PropTypes.func, onCut: PropTypes.func, onPaste: PropTypes.func, onCopy: PropTypes.func };Textarea.defaultProps = { rows: 3, maxRows: 15 };

package/components/Textarea/Textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Textarea.tsx"],"names":["React","PropTypes","throttle","isKeyEnter","polyfillPlaceholder","LayoutEvents","cx","ThemeConsumer","getTextAreaHeight","jsStyles","styles","DEFAULT_WIDTH","Textarea","state","rows","theme","node","fakeNode","layoutEvents","setSelectionRange","start","end","Error","document","activeElement","focus","selectAll","value","length","handleKeyDown","e","props","undefined","toString","isBlockEnter","maxLength","preventDefault","onKeyDown","handleChange","fieldIsEmpty","target","setState","onValueChange","autoResize","onChange","ref","element","refFake","maxRows","parseInt","height","exceededMaxHeight","style","overflowY","handleCut","event","onPaste","handlePaste","onCut","handleFocus","selectAllOnFocus","onFocus","componentDidMount","addListener","componentWillUnmount","remove","componentDidUpdate","prevProps","render","renderMain","blur","width","error","warning","resize","className","placeholder","textareaProps","rootProps","textareaClassNames","textarea","textAreaStyle","placeholderPolyfill","fakeTextarea","fakeProps","defaultValue","fake","readOnly","root","Component","__KONTUR_REACT_UI__","propTypes","bool","disabled","oneOfType","string","number","id","name","title","spellCheck","role","tabIndex","func","onMouseEnter","onMouseLeave","onMouseOver","onMouseMove","onMouseOut","onMouseUp","onMouseDown","onClick","onDoubleClick","onKeyPress","onKeyUp","onInput","onBlur","onScroll","onWheel","onCopy","defaultProps"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,iBAArB;;AAEA,SAASC,UAAT,QAA2B,uCAA3B;AACA,SAASC,mBAAT,QAAoC,wBAApC;AACA,OAAO,KAAKC,YAAZ,MAA8B,wBAA9B;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,aAAT,QAA8B,kBAA9B;;;AAGA,SAASC,iBAAT,QAAkC,mBAAlC;AACA,SAASC,QAAT,QAAyB,mBAAzB,C;AACOC,M;;AAEP,IAAMC,aAAa,GAAG,GAAtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA;;;;;;;AAOA,WAAaC,QAAb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DSC,IAAAA,KA5DT,GA4DiB;AACbT,MAAAA,mBAAmB,EAAnBA,mBADa;AAEbU,MAAAA,IAAI,EAAE,CAFO,EA5DjB;;;AAiEUC,IAAAA,KAjEV;AAkEUC,IAAAA,IAlEV;AAmEUC,IAAAA,QAnEV;AAoEUC,IAAAA,YApEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHSC,IAAAA,iBAzHT,GAyH6B,UAACC,KAAD,EAAgBC,GAAhB,EAAgC;AACzD,UAAI,CAAC,MAAKL,IAAV,EAAgB;AACd,cAAM,IAAIM,KAAJ,CAAU,oDAAV,CAAN;AACD;;AAED,UAAIC,QAAQ,CAACC,aAAT,KAA2B,MAAKR,IAApC,EAA0C;AACxC,cAAKS,KAAL;AACD;;AAED,YAAKT,IAAL,CAAUG,iBAAV,CAA4BC,KAA5B,EAAmCC,GAAnC;AACD,KAnIH;;;;;AAwISK,IAAAA,SAxIT,GAwIqB,YAAM;AACvB,UAAI,MAAKV,IAAT,EAAe;AACb,cAAKG,iBAAL,CAAuB,CAAvB,EAA0B,MAAKH,IAAL,CAAUW,KAAV,CAAgBC,MAA1C;AACD;AACF,KA5IH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsNUC,IAAAA,aAtNV,GAsN0B,UAACC,CAAD,EAAiD;AACvE;AACA;AACA,UAAMH,KAAK,GAAG,MAAKI,KAAL,CAAWJ,KAAX,KAAqBK,SAArB,GAAiC,MAAKD,KAAL,CAAWJ,KAAX,CAAiBM,QAAjB,EAAjC,GAA+D,IAA7E;AACA,UAAMC,YAAY,GAAG/B,UAAU,CAAC2B,CAAD,CAAV,IAAiBH,KAAK,KAAK,IAA3B,IAAmCA,KAAK,CAACC,MAAN,KAAiB,MAAKG,KAAL,CAAWI,SAApF;;AAEA,UAAID,YAAJ,EAAkB;AAChBJ,QAAAA,CAAC,CAACM,cAAF;AACD;;AAED,UAAI,MAAKL,KAAL,CAAWM,SAAf,EAA0B;AACxB,cAAKN,KAAL,CAAWM,SAAX,CAAqBP,CAArB;AACD;AACF,KAnOH;;AAqOUQ,IAAAA,YArOV,GAqOyB,UAACR,CAAD,EAA+C;AACpE,UAAI1B,mBAAJ,EAAyB;AACvB,YAAMmC,YAAY,GAAGT,CAAC,CAACU,MAAF,CAAUb,KAAV,KAAoB,EAAzC;;AAEA,YAAI,MAAKd,KAAL,CAAWT,mBAAX,KAAmCmC,YAAvC,EAAqD;AACnD,gBAAKE,QAAL,CAAc,EAAErC,mBAAmB,EAAEmC,YAAvB,EAAd;AACD;AACF;;AAED,UAAI,MAAKR,KAAL,CAAWW,aAAf,EAA8B;AAC5B,cAAKX,KAAL,CAAWW,aAAX,CAAyBZ,CAAC,CAACU,MAAF,CAASb,KAAlC;AACD;;AAED,UAAI,MAAKI,KAAL,CAAWY,UAAf,EAA2B;AACzB,cAAKA,UAAL;AACD;;AAED,UAAI,MAAKZ,KAAL,CAAWa,QAAf,EAAyB;AACvB,cAAKb,KAAL,CAAWa,QAAX,CAAoBd,CAApB;AACD;AACF,KAzPH;;AA2PUe,IAAAA,GA3PV,GA2PgB,UAACC,OAAD,EAAkC;AAC9C,YAAK9B,IAAL,GAAY8B,OAAZ;AACD,KA7PH;;AA+PUC,IAAAA,OA/PV,GA+PoB,UAACD,OAAD,EAAkC;AAClD,YAAK7B,QAAL,GAAgB6B,OAAhB;AACD,KAjQH;;AAmQUH,IAAAA,UAnQV,GAmQuBzC,QAAQ,CAAC,YAAM;AAClC,UAAMe,QAAQ,GAAG,MAAKA,QAAtB;AACA,UAAI,CAACA,QAAL,EAAe;AACb;AACD;AACD,UAAMD,IAAI,GAAG,MAAKA,IAAlB;AACA,UAAI,CAACA,IAAL,EAAW;AACT;AACD;AACD,UAAI,MAAKe,KAAL,CAAWJ,KAAX,KAAqBK,SAAzB,EAAoC;AAClCf,QAAAA,QAAQ,CAACU,KAAT,GAAiBX,IAAI,CAACW,KAAtB;AACD,OAXiC;;AAaR,YAAKI,KAbG,CAa1BjB,IAb0B,eAa1BA,IAb0B,CAapBkC,OAboB,eAapBA,OAboB;AAclC,UAAIlC,IAAI,KAAKkB,SAAT,IAAsBgB,OAAO,KAAKhB,SAAtC,EAAiD;AAC/C;AACD,OAhBiC;AAiBIxB,MAAAA,iBAAiB;AACrDS,MAAAA,QADqD;AAErD,aAAOH,IAAP,KAAgB,QAAhB,GAA2BA,IAA3B,GAAkCmC,QAAQ,CAACnC,IAAD,EAAO,EAAP,CAFW;AAGrD,aAAOkC,OAAP,KAAmB,QAAnB,GAA8BA,OAA9B,GAAwCC,QAAQ,CAACD,OAAD,EAAU,EAAV,CAHK,CAjBrB,CAiB1BE,MAjB0B,sBAiB1BA,MAjB0B,CAiBlBC,iBAjBkB,sBAiBlBA,iBAjBkB;;AAsBlCnC,MAAAA,IAAI,CAACoC,KAAL,CAAWF,MAAX,GAAoBA,MAAM,GAAG,IAA7B;AACAlC,MAAAA,IAAI,CAACoC,KAAL,CAAWC,SAAX,GAAuBF,iBAAiB,GAAG,QAAH,GAAc,QAAtD;AACAlC,MAAAA,QAAQ,CAACmC,KAAT,CAAeC,SAAf,GAA2BF,iBAAiB,GAAG,QAAH,GAAc,QAA1D;AACD,KAzB4B,EAyB1B,GAzB0B,CAnQ/B;;AA8RUG,IAAAA,SA9RV,GA8RsB,UAACC,KAAD,EAAsD;AACxE,UAAI,MAAKxB,KAAL,CAAWY,UAAf,EAA2B;AACzB,cAAKA,UAAL;AACD;;AAED,UAAI,MAAKZ,KAAL,CAAWyB,OAAf,EAAwB;AACtB,cAAKzB,KAAL,CAAWyB,OAAX,CAAmBD,KAAnB;AACD;AACF,KAtSH;;AAwSUE,IAAAA,WAxSV,GAwSwB,UAACF,KAAD,EAAsD;AAC1E,UAAI,MAAKxB,KAAL,CAAWY,UAAf,EAA2B;AACzB,cAAKA,UAAL;AACD;;AAED,UAAI,MAAKZ,KAAL,CAAW2B,KAAf,EAAsB;AACpB,cAAK3B,KAAL,CAAW2B,KAAX,CAAiBH,KAAjB;AACD;AACF,KAhTH;;AAkTUI,IAAAA,WAlTV,GAkTwB,UAACJ,KAAD,EAAkD;AACtE,UAAI,MAAKxB,KAAL,CAAW6B,gBAAf,EAAiC;AAC/B,cAAKlC,SAAL;AACD;;AAED,UAAI,MAAKK,KAAL,CAAW8B,OAAf,EAAwB;AACtB,cAAK9B,KAAL,CAAW8B,OAAX,CAAmBN,KAAnB;AACD;AACF,KA1TH,sDAsESO,iBAtET,GAsEE,6BAA2B,CACzB,IAAI,KAAK/B,KAAL,CAAWY,UAAf,EAA2B,CACzB,KAAKA,UAAL,GACA,KAAKzB,YAAL,GAAoBb,YAAY,CAAC0D,WAAb,CAAyB,KAAKpB,UAA9B,CAApB,CACD,CACF,CA3EH,QA6ESqB,oBA7ET,GA6EE,gCAA8B,CAC5B,IAAI,KAAK9C,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkB+C,MAAlB,GACD,CACF,CAjFH,QAmFSC,kBAnFT,GAmFE,4BAA0BC,SAA1B,EAAoD,CAClD,IAAK,KAAKpC,KAAL,CAAWY,UAAX,IAAyB,KAAKZ,KAAL,CAAWjB,IAAX,GAAkB,KAAKD,KAAL,CAAWC,IAAvD,IAAgE,KAAKiB,KAAL,CAAWJ,KAAX,KAAqBwC,SAAS,CAACxC,KAAnG,EAA0G,CACxG,KAAKgB,UAAL,GACD,CACF,CAvFH,QAyFSyB,MAzFT,GAyFE,kBAAgB,mBACd,OACE,oBAAC,aAAD,QACG,UAAArD,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACsD,UAAL,EAAP,CACD,CAJH,CADF,CAQD,CAlGH,CAoGE;;ksBApGF,QAuGS5C,KAvGT,GAuGE,iBAAe,CACb,IAAI,KAAKT,IAAT,EAAe,CACb,KAAKA,IAAL,CAAUS,KAAV,GACD,CACF,CA3GH,CA6GE;;4wBA7GF,QAgHS6C,IAhHT,GAgHE,gBAAc,CACZ,IAAI,KAAKtD,IAAT,EAAe,CACb,KAAKA,IAAL,CAAUsD,IAAV,GACD,CACF,CApHH,CAsHE;;m1BAtHF,QA8IUD,UA9IV,GA8IE,sBAAqB,4BAgBf,KAAKtC,KAhBU,mCAEjBwC,KAFiB,CAEjBA,KAFiB,mCAET5D,aAFS,sBAGjB6D,KAHiB,gBAGjBA,KAHiB,CAIjBC,OAJiB,gBAIjBA,OAJiB,CAKjB9B,UALiB,gBAKjBA,UALiB,CAMjB+B,MANiB,gBAMjBA,MANiB,CAOjBhB,KAPiB,gBAOjBA,KAPiB,CAQjBF,OARiB,gBAQjBA,OARiB,CASjBR,OATiB,gBASjBA,OATiB,CAUjBa,OAViB,gBAUjBA,OAViB,CAWjBD,gBAXiB,gBAWjBA,gBAXiB,CAYjBe,SAZiB,gBAYjBA,SAZiB,CAajBvB,KAbiB,gBAajBA,KAbiB,CAcjBwB,WAdiB,gBAcjBA,WAdiB,CAedC,aAfc,yMAkBnB,IAAMC,SAAS,GAAG,EAChB1B,KAAK,EAAE,EACLmB,KAAK,EAALA,KADK,EADS,EAAlB,CAMA,IAAMQ,kBAAkB,GAAGzE,EAAE,gBAC1BI,MAAM,CAACsE,QADmB,IACR,IADQ,MAE1BvE,QAAQ,CAACuE,QAAT,CAAkB,KAAKjE,KAAvB,CAF0B,IAEM,IAFN,MAG1BN,QAAQ,CAAC+D,KAAT,CAAe,KAAKzD,KAApB,CAH0B,IAGG,CAAC,CAACyD,KAHL,MAI1B/D,QAAQ,CAACgE,OAAT,CAAiB,KAAK1D,KAAtB,CAJ0B,IAIK,CAAC,CAAC0D,OAJP,OAA7B,CAOA,IAAMQ,aAAa,GAAG,EACpBP,MAAM,EAAE/B,UAAU,GAAG,MAAH,GAAY+B,MADV,EAAtB,CAIA,IAAIQ,mBAAmB,GAAG,IAA1B,CAEA,IAAI,KAAKrE,KAAL,CAAWT,mBAAX,IAAkC,CAACyE,aAAa,CAAClD,KAArD,EAA4D,CAC1DuD,mBAAmB,GAAG,8BAAM,SAAS,EAAExE,MAAM,CAACkE,WAAxB,IAAsCA,WAAtC,CAAtB,CACD,CAED,IAAIO,YAAY,GAAG,IAAnB,CACA,IAAIxC,UAAJ,EAAgB,CACd,IAAMyC,SAAS,GAAG,EAChBzD,KAAK,EAAE,KAAKI,KAAL,CAAWJ,KADF,EAEhB0D,YAAY,EAAE,KAAKtD,KAAL,CAAWsD,YAFT,EAGhBV,SAAS,EAAErE,EAAE,CAACyE,kBAAD,EAAqBrE,MAAM,CAAC4E,IAA5B,CAHG,EAIhBC,QAAQ,EAAE,IAJM,EAAlB,CAMAJ,YAAY,GAAG,6CAAcC,SAAd,IAAyB,GAAG,EAAE,KAAKrC,OAAnC,IAAf,CACD,CAED,OACE,0CAAW+B,SAAX,IAAsB,SAAS,EAAExE,EAAE,CAACI,MAAM,CAAC8E,IAAR,EAAc/E,QAAQ,CAAC+E,IAAT,CAAc,KAAKzE,KAAnB,CAAd,CAAnC,KACGmE,mBADH,EAEE,6CACML,aADN,IAEE,SAAS,EAAEE,kBAFb,EAGE,KAAK,EAAEE,aAHT,EAIE,WAAW,EAAE,CAACC,mBAAD,GAAuBN,WAAvB,GAAqC5C,SAJpD,EAKE,GAAG,EAAE,KAAKa,GALZ,EAME,QAAQ,EAAE,KAAKP,YANjB,EAOE,KAAK,EAAE,KAAKgB,SAPd,EAQE,OAAO,EAAE,KAAKG,WARhB,EASE,OAAO,EAAE,KAAKE,WAThB,EAUE,SAAS,EAAE,KAAK9B,aAVlB,IAFF,EAcGsD,YAdH,CADF,CAkBD,CApNH,mBAA8BnF,KAAK,CAACyF,SAApC,EAAa7E,Q,CACG8E,mB,GAAsB,U,CADzB9E,Q,CAGG+E,S,GAAY,EACxBnB,KAAK,EAAEvE,SAAS,CAAC2F,IADO,EAExBnB,OAAO,EAAExE,SAAS,CAAC2F,IAFK,EAGxBC,QAAQ,EAAE5F,SAAS,CAAC2F,IAHI,EAKxBjD,UAAU,EAAE1C,SAAS,CAAC2F,IALE,EAMxB5C,OAAO,EAAE/C,SAAS,CAAC6F,SAAV,CAAoB,CAAC7F,SAAS,CAAC8F,MAAX,EAAmB9F,SAAS,CAAC+F,MAA7B,CAApB,CANe,EAQxBtB,MAAM,EAAEzE,SAAS,CAAC6F,SAAV,CAAoB,CAAC7F,SAAS,CAAC8F,MAAX,EAAmB9F,SAAS,CAAC+F,MAA7B,CAApB,CARgB,EASxBzB,KAAK,EAAEtE,SAAS,CAAC6F,SAAV,CAAoB,CAAC7F,SAAS,CAAC8F,MAAX,EAAmB9F,SAAS,CAAC+F,MAA7B,CAApB,CATiB,EAWxBC,EAAE,EAAEhG,SAAS,CAAC8F,MAXU,EAYxBG,IAAI,EAAEjG,SAAS,CAAC8F,MAZQ,EAaxBI,KAAK,EAAElG,SAAS,CAAC8F,MAbO,EAcxBK,UAAU,EAAEnG,SAAS,CAAC2F,IAdE,EAexBS,IAAI,EAAEpG,SAAS,CAAC8F,MAfQ,EAgBxB5D,SAAS,EAAElC,SAAS,CAAC+F,MAhBG,EAiBxBM,QAAQ,EAAErG,SAAS,CAAC+F,MAjBI,EAkBxBlF,IAAI,EAAEb,SAAS,CAAC+F,MAlBQ,EAmBxBpB,WAAW,EAAE3E,SAAS,CAAC8F,MAnBC,EAqBxBpE,KAAK,EAAE1B,SAAS,CAAC8F,MArBO,EAsBxBV,YAAY,EAAEpF,SAAS,CAAC8F,MAtBA,EAuBxBrD,aAAa,EAAEzC,SAAS,CAACsG,IAvBD,EAyBxBC,YAAY,EAAEvG,SAAS,CAACsG,IAzBA,EA0BxBE,YAAY,EAAExG,SAAS,CAACsG,IA1BA,EA2BxBG,WAAW,EAAEzG,SAAS,CAACsG,IA3BC,EA4BxBI,WAAW,EAAE1G,SAAS,CAACsG,IA5BC,EA6BxBK,UAAU,EAAE3G,SAAS,CAACsG,IA7BE,EA+BxBM,SAAS,EAAE5G,SAAS,CAACsG,IA/BG,EAgCxBO,WAAW,EAAE7G,SAAS,CAACsG,IAhCC,EAiCxBQ,OAAO,EAAE9G,SAAS,CAACsG,IAjCK,EAkCxBS,aAAa,EAAE/G,SAAS,CAACsG,IAlCD,EAoCxBlE,SAAS,EAAEpC,SAAS,CAACsG,IApCG,EAqCxBU,UAAU,EAAEhH,SAAS,CAACsG,IArCE,EAsCxBW,OAAO,EAAEjH,SAAS,CAACsG,IAtCK,EAuCxBY,OAAO,EAAElH,SAAS,CAACsG,IAvCK,EAyCxB1C,OAAO,EAAE5D,SAAS,CAACsG,IAzCK,EA0CxBa,MAAM,EAAEnH,SAAS,CAACsG,IA1CM,EA4CxBc,QAAQ,EAAEpH,SAAS,CAACsG,IA5CI,EA6CxBe,OAAO,EAAErH,SAAS,CAACsG,IA7CK,EA+CxB7C,KAAK,EAAEzD,SAAS,CAACsG,IA/CO,EAgDxB/C,OAAO,EAAEvD,SAAS,CAACsG,IAhDK,EAiDxBgB,MAAM,EAAEtH,SAAS,CAACsG,IAjDM,E,CAHf3F,Q,CAuDG4G,Y,GAAe,EAC3B1G,IAAI,EAAE,CADqB,EAE3BkC,OAAO,EAAE,EAFkB,E","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport throttle from 'lodash.throttle';\r\n\r\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers';\r\nimport { polyfillPlaceholder } from '../polyfillPlaceholder';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable, Override } from '../../typings/utility-types';\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { getTextAreaHeight } from './TextareaHelpers';\r\nimport { jsStyles } from './Textarea.styles';\r\nimport styles from './Textarea.module.less';\r\n\r\nconst DEFAULT_WIDTH = 250;\r\n\r\nexport type TextareaProps = Override<\r\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>,\r\n  {\r\n    /** Ошибка */\r\n    error?: boolean;\r\n    /** Предупреждение */\r\n    warning?: boolean;\r\n    /** Не активное состояние */\r\n    disabled?: boolean;\r\n\r\n    /**\r\n     * Атоматический ресайз\r\n     * в зависимости от содержимого\r\n     */\r\n    autoResize?: boolean;\r\n    /**\r\n     * Число строк\r\n     */\r\n    rows: number;\r\n    /**\r\n     * Максимальное число строк при\r\n     * автоматическом ресайзе\r\n     */\r\n    maxRows: string | number;\r\n\r\n    /**\r\n     * Стандартный ресайз\r\n     * Попадает в `style`\r\n     */\r\n    resize?: React.CSSProperties['resize'];\r\n\r\n    /**\r\n     * Ширина\r\n     */\r\n    width?: React.CSSProperties['width'];\r\n\r\n    /**\r\n     * Вызывается при изменении `value`\r\n     */\r\n    onValueChange?: (value: string) => void;\r\n\r\n    /** Выделение значения при фокусе */\r\n    selectAllOnFocus?: boolean;\r\n  }\r\n>;\r\n\r\nexport interface TextareaState {\r\n  polyfillPlaceholder: boolean;\r\n  rows: number | string;\r\n}\r\n\r\n/**\r\n * Компонент для ввода многострочного текста.\r\n *\r\n * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\r\n *\r\n * ** `className` и `style`  игнорируются**\r\n */\r\nexport class Textarea extends React.Component<TextareaProps, TextareaState> {\r\n  public static __KONTUR_REACT_UI__ = 'Textarea';\r\n\r\n  public static propTypes = {\r\n    error: PropTypes.bool,\r\n    warning: PropTypes.bool,\r\n    disabled: PropTypes.bool,\r\n\r\n    autoResize: PropTypes.bool,\r\n    maxRows: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n\r\n    resize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n\r\n    id: PropTypes.string,\r\n    name: PropTypes.string,\r\n    title: PropTypes.string,\r\n    spellCheck: PropTypes.bool,\r\n    role: PropTypes.string,\r\n    maxLength: PropTypes.number,\r\n    tabIndex: PropTypes.number,\r\n    rows: PropTypes.number,\r\n    placeholder: PropTypes.string,\r\n\r\n    value: PropTypes.string,\r\n    defaultValue: PropTypes.string,\r\n    onValueChange: PropTypes.func,\r\n\r\n    onMouseEnter: PropTypes.func,\r\n    onMouseLeave: PropTypes.func,\r\n    onMouseOver: PropTypes.func,\r\n    onMouseMove: PropTypes.func,\r\n    onMouseOut: PropTypes.func,\r\n\r\n    onMouseUp: PropTypes.func,\r\n    onMouseDown: PropTypes.func,\r\n    onClick: PropTypes.func,\r\n    onDoubleClick: PropTypes.func,\r\n\r\n    onKeyDown: PropTypes.func,\r\n    onKeyPress: PropTypes.func,\r\n    onKeyUp: PropTypes.func,\r\n    onInput: PropTypes.func,\r\n\r\n    onFocus: PropTypes.func,\r\n    onBlur: PropTypes.func,\r\n\r\n    onScroll: PropTypes.func,\r\n    onWheel: PropTypes.func,\r\n\r\n    onCut: PropTypes.func,\r\n    onPaste: PropTypes.func,\r\n    onCopy: PropTypes.func,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    rows: 3,\r\n    maxRows: 15,\r\n  };\r\n\r\n  public state = {\r\n    polyfillPlaceholder,\r\n    rows: 1,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private node: Nullable<HTMLTextAreaElement>;\r\n  private fakeNode: Nullable<HTMLTextAreaElement>;\r\n  private layoutEvents: Nullable<{ remove: () => void }>;\r\n\r\n  public componentDidMount() {\r\n    if (this.props.autoResize) {\r\n      this.autoResize();\r\n      this.layoutEvents = LayoutEvents.addListener(this.autoResize);\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.layoutEvents) {\r\n      this.layoutEvents.remove();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: TextareaProps) {\r\n    if ((this.props.autoResize && this.props.rows > this.state.rows) || this.props.value !== prevProps.value) {\r\n      this.autoResize();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeConsumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeConsumer>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus() {\r\n    if (this.node) {\r\n      this.node.focus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur() {\r\n    if (this.node) {\r\n      this.node.blur();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public setSelectionRange = (start: number, end: number) => {\r\n    if (!this.node) {\r\n      throw new Error('Cannot call \"setSelectionRange\" on unmounted Input');\r\n    }\r\n\r\n    if (document.activeElement !== this.node) {\r\n      this.focus();\r\n    }\r\n\r\n    this.node.setSelectionRange(start, end);\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public selectAll = () => {\r\n    if (this.node) {\r\n      this.setSelectionRange(0, this.node.value.length);\r\n    }\r\n  };\r\n\r\n  private renderMain() {\r\n    const {\r\n      width = DEFAULT_WIDTH,\r\n      error,\r\n      warning,\r\n      autoResize,\r\n      resize,\r\n      onCut,\r\n      onPaste,\r\n      maxRows,\r\n      onFocus,\r\n      selectAllOnFocus,\r\n      className,\r\n      style,\r\n      placeholder,\r\n      ...textareaProps\r\n    } = this.props;\r\n\r\n    const rootProps = {\r\n      style: {\r\n        width,\r\n      },\r\n    };\r\n\r\n    const textareaClassNames = cx({\r\n      [styles.textarea]: true,\r\n      [jsStyles.textarea(this.theme)]: true,\r\n      [jsStyles.error(this.theme)]: !!error,\r\n      [jsStyles.warning(this.theme)]: !!warning,\r\n    });\r\n\r\n    const textAreaStyle = {\r\n      resize: autoResize ? 'none' : resize,\r\n    };\r\n\r\n    let placeholderPolyfill = null;\r\n\r\n    if (this.state.polyfillPlaceholder && !textareaProps.value) {\r\n      placeholderPolyfill = <span className={styles.placeholder}>{placeholder}</span>;\r\n    }\r\n\r\n    let fakeTextarea = null;\r\n    if (autoResize) {\r\n      const fakeProps = {\r\n        value: this.props.value,\r\n        defaultValue: this.props.defaultValue,\r\n        className: cx(textareaClassNames, styles.fake),\r\n        readOnly: true,\r\n      };\r\n      fakeTextarea = <textarea {...fakeProps} ref={this.refFake} />;\r\n    }\r\n\r\n    return (\r\n      <label {...rootProps} className={cx(styles.root, jsStyles.root(this.theme))}>\r\n        {placeholderPolyfill}\r\n        <textarea\r\n          {...textareaProps}\r\n          className={textareaClassNames}\r\n          style={textAreaStyle}\r\n          placeholder={!placeholderPolyfill ? placeholder : undefined}\r\n          ref={this.ref}\r\n          onChange={this.handleChange}\r\n          onCut={this.handleCut}\r\n          onPaste={this.handlePaste}\r\n          onFocus={this.handleFocus}\r\n          onKeyDown={this.handleKeyDown}\r\n        />\r\n        {fakeTextarea}\r\n      </label>\r\n    );\r\n  }\r\n\r\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\r\n    // Edge bug: textarea maxlength doesn't work after new line\r\n    // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18833616/\r\n    const value = this.props.value !== undefined ? this.props.value.toString() : null;\r\n    const isBlockEnter = isKeyEnter(e) && value !== null && value.length === this.props.maxLength;\r\n\r\n    if (isBlockEnter) {\r\n      e.preventDefault();\r\n    }\r\n\r\n    if (this.props.onKeyDown) {\r\n      this.props.onKeyDown(e);\r\n    }\r\n  };\r\n\r\n  private handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n    if (polyfillPlaceholder) {\r\n      const fieldIsEmpty = e.target!.value === '';\r\n\r\n      if (this.state.polyfillPlaceholder !== fieldIsEmpty) {\r\n        this.setState({ polyfillPlaceholder: fieldIsEmpty });\r\n      }\r\n    }\r\n\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(e.target.value);\r\n    }\r\n\r\n    if (this.props.autoResize) {\r\n      this.autoResize();\r\n    }\r\n\r\n    if (this.props.onChange) {\r\n      this.props.onChange(e);\r\n    }\r\n  };\r\n\r\n  private ref = (element: HTMLTextAreaElement) => {\r\n    this.node = element;\r\n  };\r\n\r\n  private refFake = (element: HTMLTextAreaElement) => {\r\n    this.fakeNode = element;\r\n  };\r\n\r\n  private autoResize = throttle(() => {\r\n    const fakeNode = this.fakeNode;\r\n    if (!fakeNode) {\r\n      return;\r\n    }\r\n    const node = this.node;\r\n    if (!node) {\r\n      return;\r\n    }\r\n    if (this.props.value === undefined) {\r\n      fakeNode.value = node.value;\r\n    }\r\n\r\n    const { rows, maxRows } = this.props;\r\n    if (rows === undefined || maxRows === undefined) {\r\n      return;\r\n    }\r\n    const { height, exceededMaxHeight } = getTextAreaHeight(\r\n      fakeNode,\r\n      typeof rows === 'number' ? rows : parseInt(rows, 10),\r\n      typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),\r\n    );\r\n    node.style.height = height + 'px';\r\n    node.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\r\n    fakeNode.style.overflowY = exceededMaxHeight ? 'scroll' : 'hidden';\r\n  }, 100);\r\n\r\n  private handleCut = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\r\n    if (this.props.autoResize) {\r\n      this.autoResize();\r\n    }\r\n\r\n    if (this.props.onPaste) {\r\n      this.props.onPaste(event);\r\n    }\r\n  };\r\n\r\n  private handlePaste = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\r\n    if (this.props.autoResize) {\r\n      this.autoResize();\r\n    }\r\n\r\n    if (this.props.onCut) {\r\n      this.props.onCut(event);\r\n    }\r\n  };\r\n\r\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\r\n    if (this.props.selectAllOnFocus) {\r\n      this.selectAll();\r\n    }\r\n\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(event);\r\n    }\r\n  };\r\n}\r\n"]}