@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-388db940ca

package/components/Tabs/Tabs.md

@@ -1,36 +0,0 @@
-```jsx harmony
-const initialState = { active: 'fuji' };
-
-<Tabs value={state.active} onValueChange={v => setState({ active: v })}>
-  <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 initialState = { active: '/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={state.active} onValueChange={v => setState({ active: v })}>
-  <TabLink id="/fuji">🌋 Fuji</TabLink>
-  <TabLink id="/tahat">⛰ Tahat</TabLink>
-  <TabLink id="/alps">🗻 Alps</TabLink>
-</Tabs>;
-```

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

@@ -1,32 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", "& {\n        margin: 0;\n      }\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin: 0 -", ";\n      padding: 0;\n      position: relative;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, cssName, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  root: function root(t) {
-    return css(_templateObject(), t.tabsMarginX);
-  },
-  vertical: function vertical(t) {
-    return css(_templateObject2(), cssName(styles.root(t)));
-  }
-};
-export var jsStyles = memoizeStyle(styles);

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Tabs.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","tabsMarginX","vertical","jsStyles"],"mappings":"miBAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOL,GAAP;;AAEeK,IAAAA,CAAC,CAACC,WAFjB;;;;AAMD,GARY;;AAUbC,EAAAA,QAVa,oBAUJF,CAVI,EAUM;AACjB,WAAOL,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;;;;AAKD,GAhBY,EAAf;;;AAmBA,OAAO,IAAMG,QAAQ,GAAGN,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      margin: 0 -${t.tabsMarginX};\r\n      padding: 0;\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  vertical(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        margin: 0;\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/Tabs/Tabs.styles/package.json

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

package/components/Tabs/TabsContext/TabsContext.js

@@ -1,14 +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 = /*#__PURE__*/React.createContext(TabsContextDefaultValue);
-TabsContext.displayName = 'TabsContext';

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

package/components/Tabs/TabsContext/package.json

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

package/components/Tabs/index/index.js

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

package/components/Tabs/index/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/Tabs/index/package.json

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

package/components/Tabs/package.json

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

package/components/Textarea/Textarea/Textarea.js

@@ -1,406 +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 cn from 'classnames';
-import { isKeyEnter } from "../../../lib/events/keyboard/identifiers";
-import { polyfillPlaceholder } from "../../../lib/polyfillPlaceholder";
-import * as LayoutEvents from "../../../lib/LayoutEvents";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { RenderLayer } from "../../../internal/RenderLayer";
-import { ResizeDetector } from "../../../internal/ResizeDetector";
-import { isBrowser } from "../../../lib/client";
-import { getTextAreaHeight } from "../TextareaHelpers";
-import { jsStyles } from "../Textarea.styles";
-import { TextareaCounter } from "../TextareaCounter";
-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,
-      isCounterVisible: false
-    };
-
-    _this.reflowCounter = function () {
-      if (_this.counter) {
-        _this.counter.reflow();
-      }
-    };
-
-    _this.theme = void 0;
-    _this.node = void 0;
-    _this.fakeNode = void 0;
-    _this.counter = void 0;
-    _this.layoutEvents = void 0;
-    _this.textareaObserver = isBrowser ? new MutationObserver(_this.reflowCounter) : null;
-
-    _this.setSelectionRange = function (start, end) {
-      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.handleCloseCounterHelp = function () {
-      return _this.setState({
-        isCounterVisible: false
-      });
-    };
-
-    _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.reflowCounter();
-    };
-
-    _this.ref = function (element) {
-      _this.node = element;
-    };
-
-    _this.refFake = function (element) {
-      _this.fakeNode = element;
-    };
-
-    _this.refCounter = function (ref) {
-      _this.counter = ref;
-    };
-
-    _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.onCut) {
-        _this.props.onCut(event);
-      }
-
-      _this.reflowCounter();
-    };
-
-    _this.handlePaste = function (event) {
-      if (_this.props.autoResize) {
-        _this.autoResize();
-      }
-
-      if (_this.props.onPaste) {
-        _this.props.onPaste(event);
-      }
-
-      _this.reflowCounter();
-    };
-
-    _this.handleFocus = function (event) {
-      _this.setState({
-        isCounterVisible: true
-      });
-
-      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);
-    }
-
-    if (this.node && this.props.showLengthCounter && this.textareaObserver) {
-      this.textareaObserver.observe(this.node, {
-        attributes: true
-      });
-    }
-  };
-
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.layoutEvents) {
-      this.layoutEvents.remove();
-    }
-
-    if (this.props.showLengthCounter && this.textareaObserver) {
-      this.textareaObserver.disconnect();
-    }
-  };
-
-  _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 /*#__PURE__*/React.createElement(ThemeContext.Consumer, 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 _cn, _ref, _textareaProps$maxLen;
-
-    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,
-        onValueChange = _this$props2.onValueChange,
-        showLengthCounter = _this$props2.showLengthCounter,
-        lengthCounter = _this$props2.lengthCounter,
-        counterHelp = _this$props2.counterHelp,
-        textareaProps = _objectWithoutPropertiesLoose(_this$props2, ["width", "error", "warning", "autoResize", "resize", "onCut", "onPaste", "maxRows", "onFocus", "selectAllOnFocus", "className", "style", "placeholder", "onValueChange", "showLengthCounter", "lengthCounter", "counterHelp"]);
-
-    var isCounterVisible = this.state.isCounterVisible;
-    var rootProps = {
-      style: {
-        width: width
-      }
-    };
-    var textareaClassNames = cn((_cn = {}, _cn[jsStyles.textarea(this.theme)] = true, _cn[jsStyles.error(this.theme)] = !!error, _cn[jsStyles.warning(this.theme)] = !!warning, _cn));
-    var textareaStyle = {
-      resize: autoResize ? 'none' : resize
-    };
-    var placeholderPolyfill = null;
-
-    if (this.state.polyfillPlaceholder && !textareaProps.value) {
-      placeholderPolyfill = /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.placeholder()
-      }, placeholder);
-    }
-
-    var fakeTextarea = null;
-
-    if (autoResize) {
-      var fakeProps = {
-        value: this.props.value,
-        defaultValue: this.props.defaultValue,
-        className: cn(textareaClassNames, jsStyles.fake()),
-        readOnly: true
-      };
-      fakeTextarea = /*#__PURE__*/React.createElement("textarea", _extends({}, fakeProps, {
-        ref: this.refFake
-      }));
-    }
-
-    var counter = showLengthCounter && isCounterVisible && this.node && /*#__PURE__*/React.createElement(TextareaCounter, {
-      textarea: this.node,
-      help: counterHelp,
-      value: textareaProps.value,
-      length: (_ref = (_textareaProps$maxLen = textareaProps.maxLength) != null ? _textareaProps$maxLen : lengthCounter) != null ? _ref : 0,
-      onCloseHelp: this.handleCloseCounterHelp,
-      ref: this.refCounter
-    });
-    return /*#__PURE__*/React.createElement(RenderLayer, {
-      onFocusOutside: this.handleCloseCounterHelp,
-      onClickOutside: this.handleCloseCounterHelp,
-      active: isCounterVisible
-    }, /*#__PURE__*/React.createElement("label", _extends({}, rootProps, {
-      className: jsStyles.root(this.theme)
-    }), placeholderPolyfill, /*#__PURE__*/React.createElement(ResizeDetector, {
-      onResize: this.reflowCounter
-    }, /*#__PURE__*/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, counter));
-  };
-
-  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/Textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Textarea.tsx"],"names":["React","PropTypes","throttle","cn","isKeyEnter","polyfillPlaceholder","LayoutEvents","ThemeContext","RenderLayer","ResizeDetector","isBrowser","getTextAreaHeight","jsStyles","TextareaCounter","DEFAULT_WIDTH","Textarea","state","rows","isCounterVisible","reflowCounter","counter","reflow","theme","node","fakeNode","layoutEvents","textareaObserver","MutationObserver","setSelectionRange","start","end","Error","document","activeElement","focus","selectAll","value","length","handleCloseCounterHelp","setState","handleKeyDown","e","props","undefined","toString","isBlockEnter","maxLength","preventDefault","onKeyDown","handleChange","fieldIsEmpty","target","onValueChange","autoResize","onChange","ref","element","refFake","refCounter","maxRows","parseInt","height","exceededMaxHeight","style","overflowY","handleCut","event","onCut","handlePaste","onPaste","handleFocus","selectAllOnFocus","onFocus","componentDidMount","addListener","showLengthCounter","observe","attributes","componentWillUnmount","remove","disconnect","componentDidUpdate","prevProps","render","renderMain","blur","width","error","warning","resize","className","placeholder","lengthCounter","counterHelp","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":"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","sourcesContent":["import React, { ReactNode } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport throttle from 'lodash.throttle';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyEnter } from '../../lib/events/keyboard/identifiers';\r\nimport { polyfillPlaceholder } from '../../lib/polyfillPlaceholder';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable, Override } from '../../typings/utility-types';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { RenderLayer } from '../../internal/RenderLayer';\r\nimport { ResizeDetector } from '../../internal/ResizeDetector';\r\nimport { isBrowser } from '../../lib/client';\r\n\r\nimport { getTextAreaHeight } from './TextareaHelpers';\r\nimport { jsStyles } from './Textarea.styles';\r\nimport { TextareaCounter, TextareaCounterRef } from './TextareaCounter';\r\n\r\nconst DEFAULT_WIDTH = 250;\r\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    showLengthCounter?: boolean;\r\n\r\n    /** Допустимое количество символов в поле. Отображается в счетчике.\r\n     * Если не указано, равно `maxLength`\r\n     */\r\n    lengthCounter?: number;\r\n\r\n    /** Подсказка к счетчику символов.\r\n     *\r\n     * По умолчанию - тултип с содежимым из пропа, если передан`ReactNode`.\r\n     *\r\n     * Передав функцию, можно переопределить подсказку целиком, вместе с иконкой. Например,\r\n     *\r\n     * ```\r\n     * counterHelp={() => <Tooltip render={...}><HelpIcon /></Tooltip>}\r\n     * ```\r\n     * */\r\n    counterHelp?: ReactNode | (() => ReactNode);\r\n  }\r\n>;\r\n\r\nexport interface TextareaState {\r\n  polyfillPlaceholder: boolean;\r\n  rows: number | string;\r\n  isCounterVisible: boolean;\r\n}\r\n\r\n/**\r\n * Компонент для ввода многострочного текста.\r\n *\r\n * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\r\n *\r\n * ** `className` и `style`  игнорируются**\r\n */\r\nexport class Textarea extends React.Component<TextareaProps, TextareaState> {\r\n  public static __KONTUR_REACT_UI__ = 'Textarea';\r\n\r\n  public static propTypes = {\r\n    error: PropTypes.bool,\r\n    warning: PropTypes.bool,\r\n    disabled: PropTypes.bool,\r\n\r\n    autoResize: PropTypes.bool,\r\n    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    isCounterVisible: false,\r\n  };\r\n  private reflowCounter = () => {\r\n    if (this.counter) {\r\n      this.counter.reflow();\r\n    }\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private node: Nullable<HTMLTextAreaElement>;\r\n  private fakeNode: Nullable<HTMLTextAreaElement>;\r\n  private counter: Nullable<TextareaCounterRef>;\r\n  private layoutEvents: Nullable<{ remove: () => void }>;\r\n  private textareaObserver = isBrowser ? new MutationObserver(this.reflowCounter) : null;\r\n\r\n  public componentDidMount() {\r\n    if (this.props.autoResize) {\r\n      this.autoResize();\r\n      this.layoutEvents = LayoutEvents.addListener(this.autoResize);\r\n    }\r\n\r\n    if (this.node && this.props.showLengthCounter && this.textareaObserver) {\r\n      this.textareaObserver.observe(this.node, { attributes: true });\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.layoutEvents) {\r\n      this.layoutEvents.remove();\r\n    }\r\n    if (this.props.showLengthCounter && this.textareaObserver) {\r\n      this.textareaObserver.disconnect();\r\n    }\r\n  }\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      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus() {\r\n    if (this.node) {\r\n      this.node.focus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur() {\r\n    if (this.node) {\r\n      this.node.blur();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\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      onValueChange,\r\n      showLengthCounter,\r\n      lengthCounter,\r\n      counterHelp,\r\n      ...textareaProps\r\n    } = this.props;\r\n\r\n    const { isCounterVisible } = this.state;\r\n\r\n    const rootProps = {\r\n      style: {\r\n        width,\r\n      },\r\n    };\r\n\r\n    const textareaClassNames = cn({\r\n      [jsStyles.textarea(this.theme)]: true,\r\n      [jsStyles.error(this.theme)]: !!error,\r\n      [jsStyles.warning(this.theme)]: !!warning,\r\n    });\r\n\r\n    const textareaStyle = {\r\n      resize: autoResize ? 'none' : resize,\r\n    };\r\n\r\n    let placeholderPolyfill = null;\r\n\r\n    if (this.state.polyfillPlaceholder && !textareaProps.value) {\r\n      placeholderPolyfill = <span className={jsStyles.placeholder()}>{placeholder}</span>;\r\n    }\r\n\r\n    let fakeTextarea = null;\r\n    if (autoResize) {\r\n      const fakeProps = {\r\n        value: this.props.value,\r\n        defaultValue: this.props.defaultValue,\r\n        className: cn(textareaClassNames, jsStyles.fake()),\r\n        readOnly: true,\r\n      };\r\n      fakeTextarea = <textarea {...fakeProps} ref={this.refFake} />;\r\n    }\r\n\r\n    const counter = showLengthCounter && isCounterVisible && this.node && (\r\n      <TextareaCounter\r\n        textarea={this.node}\r\n        help={counterHelp}\r\n        value={textareaProps.value}\r\n        length={textareaProps.maxLength ?? lengthCounter ?? 0}\r\n        onCloseHelp={this.handleCloseCounterHelp}\r\n        ref={this.refCounter}\r\n      />\r\n    );\r\n\r\n    return (\r\n      <RenderLayer\r\n        onFocusOutside={this.handleCloseCounterHelp}\r\n        onClickOutside={this.handleCloseCounterHelp}\r\n        active={isCounterVisible}\r\n      >\r\n        <label {...rootProps} className={jsStyles.root(this.theme)}>\r\n          {placeholderPolyfill}\r\n          <ResizeDetector onResize={this.reflowCounter}>\r\n            <textarea\r\n              {...textareaProps}\r\n              className={textareaClassNames}\r\n              style={textareaStyle}\r\n              placeholder={!placeholderPolyfill ? placeholder : undefined}\r\n              ref={this.ref}\r\n              onChange={this.handleChange}\r\n              onCut={this.handleCut}\r\n              onPaste={this.handlePaste}\r\n              onFocus={this.handleFocus}\r\n              onKeyDown={this.handleKeyDown}\r\n            />\r\n          </ResizeDetector>\r\n          {fakeTextarea}\r\n          {counter}\r\n        </label>\r\n      </RenderLayer>\r\n    );\r\n  }\r\n\r\n  private handleCloseCounterHelp = () => this.setState({ isCounterVisible: false });\r\n\r\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\r\n    // Edge bug: textarea maxlength doesn't work after new line\r\n    // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/18833616/\r\n    const value = this.props.value !== undefined ? this.props.value.toString() : null;\r\n    const isBlockEnter = isKeyEnter(e) && value !== null && value.length === this.props.maxLength;\r\n\r\n    if (isBlockEnter) {\r\n      e.preventDefault();\r\n    }\r\n\r\n    if (this.props.onKeyDown) {\r\n      this.props.onKeyDown(e);\r\n    }\r\n  };\r\n\r\n  private handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n    if (polyfillPlaceholder) {\r\n      const fieldIsEmpty = e.target.value === '';\r\n\r\n      if (this.state.polyfillPlaceholder !== fieldIsEmpty) {\r\n        this.setState({ polyfillPlaceholder: fieldIsEmpty });\r\n      }\r\n    }\r\n\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(e.target.value);\r\n    }\r\n\r\n    if (this.props.autoResize) {\r\n      this.autoResize();\r\n    }\r\n\r\n    if (this.props.onChange) {\r\n      this.props.onChange(e);\r\n    }\r\n\r\n    this.reflowCounter();\r\n  };\r\n\r\n  private ref = (element: HTMLTextAreaElement) => {\r\n    this.node = element;\r\n  };\r\n\r\n  private refFake = (element: HTMLTextAreaElement) => {\r\n    this.fakeNode = element;\r\n  };\r\n\r\n  private refCounter = (ref: TextareaCounterRef | null) => {\r\n    this.counter = ref;\r\n  };\r\n\r\n  private 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.onCut) {\r\n      this.props.onCut(event);\r\n    }\r\n\r\n    this.reflowCounter();\r\n  };\r\n\r\n  private handlePaste = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {\r\n    if (this.props.autoResize) {\r\n      this.autoResize();\r\n    }\r\n\r\n    if (this.props.onPaste) {\r\n      this.props.onPaste(event);\r\n    }\r\n\r\n    this.reflowCounter();\r\n  };\r\n\r\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\r\n    this.setState({ isCounterVisible: true });\r\n\r\n    if (this.props.selectAllOnFocus) {\r\n      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"]}

package/components/Textarea/Textarea/package.json

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

package/components/Textarea/Textarea.md

@@ -1,25 +0,0 @@
-```jsx harmony
-let initialState = { value: '' };
-<Textarea
-  value={state.value}
-  onValueChange={value => setState({ value })}
-  autoResize
-  placeholder="Through faith we can reign in every area of life"
-/>;
-```
-
-Счетчик введенных символов
-
-```jsx harmony
-const initialState = { value: '' };
-const handleValueChange = value => setState({ value });
-
-<Textarea
-  value={state.value}
-  onValueChange={handleValueChange}
-  placeholder="Счетчик появляется при фокусе"
-  lengthCounter={10}
-  showLengthCounter
-  counterHelp="Hello 👋"
-/>;
-```