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

package/components/internal/InputLikeText/InputLikeText.js

@@ -1,439 +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 { isKeyTab, isShortcutPaste } from '../../../lib/events/keyboard/identifiers';
-import { MouseDrag } from '../../../lib/events/MouseDrag';
-import { isEdge, isIE11 } from '../../../lib/utils';
-
-import { removeAllSelections, selectNodeContents } from '../../DateInput/helpers/SelectionHelpers';
-
-import { cx } from '../../../lib/theming/Emotion';import
-inputStyles from "../../Input/Input.module.css";
-import { jsStyles as jsInputStyles } from '../../Input/Input.styles';
-import { ThemeConsumer } from '../../ThemeConsumer';
-
-
-import { jsStyles } from './InputLikeText.styles';
-import { HiddenInput } from './HiddenInput';
-
-
-
-
-
-
-
-
-
-
-
-
-export var InputLikeText = /*#__PURE__*/function (_React$Component) {_inheritsLoose(InputLikeText, _React$Component);function InputLikeText() {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 = { blinking: false, focused: false };_this.
-
-    theme = void 0;_this.
-    node = null;_this.
-    hiddenInput = null;_this.
-    lastSelectedInnerNode = null;_this.
-    frozen = false;_this.
-    frozenBlur = false;_this.
-    dragging = false;_this.
-    focusTimeout = void 0;_this.
-    blinkTimeout = void 0;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    selectInnerNode = function (node, start, end) {if (start === void 0) {start = 0;}if (end === void 0) {end = 1;}
-      if (_this.dragging || !node) {
-        return;
-      }
-      _this.frozen = true;
-      _this.frozenBlur = true;
-
-      _this.lastSelectedInnerNode = [node, start, end];
-      setTimeout(function () {return selectNodeContents(node, start, end);}, 0);
-      if (_this.focusTimeout) {
-        clearInterval(_this.focusTimeout);
-      }
-      _this.focusTimeout = window.setTimeout(function () {return (isIE11 || isEdge) && _this.node && _this.node.focus();}, 0);
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    renderLeftIcon = function () {
-      return _this.renderIcon(_this.props.leftIcon, inputStyles.leftIcon);
-    };_this.
-
-    renderRightIcon = function () {
-      return _this.renderIcon(_this.props.rightIcon, inputStyles.rightIcon);
-    };_this.
-
-    renderIcon = function (icon, className) {
-      if (!icon) {
-        return null;
-      }
-
-      if (icon instanceof Function) {
-        return React.createElement("span", { className: className }, icon());
-      }
-
-      return (
-        React.createElement("span", { className: cx(className, inputStyles.useDefaultColor, jsInputStyles.useDefaultColor(_this.theme)) },
-        icon));
-
-
-    };_this.
-
-    renderPrefix = function () {var
-      prefix = _this.props.prefix;
-
-      if (!prefix) {
-        return null;
-      }
-
-      return React.createElement("span", { className: jsInputStyles.prefix(_this.theme) }, prefix);
-    };_this.
-
-    renderSuffix = function () {var
-      suffix = _this.props.suffix;
-
-      if (!suffix) {
-        return null;
-      }
-
-      return React.createElement("span", { className: jsInputStyles.suffix(_this.theme) }, suffix);
-    };_this.
-
-    renderLeftSide = function () {
-      var leftIcon = _this.renderLeftIcon();
-      var prefix = _this.renderPrefix();
-
-      if (!leftIcon && !prefix) {
-        return null;
-      }
-
-      return (
-        React.createElement("span", { className: inputStyles.sideContainer },
-        leftIcon,
-        prefix));
-
-
-    };_this.
-
-    renderRightSide = function () {
-      var rightIcon = _this.renderRightIcon();
-      var suffix = _this.renderSuffix();
-
-      if (!rightIcon && !suffix) {
-        return null;
-      }
-
-      return (
-        React.createElement("span", { className: inputStyles.sideContainer },
-        rightIcon,
-        suffix));
-
-
-    };_this.
-
-    renderPlaceholder = function () {var _this$props =
-      _this.props,children = _this$props.children,placeholder = _this$props.placeholder;
-
-      if (!children && placeholder) {
-        return React.createElement("span", { className: cx(inputStyles.placeholder, jsInputStyles.placeholder(_this.theme)) }, placeholder);
-      }
-      return null;
-    };_this.
-
-    handleDocumentMouseDown = function (e) {
-      if (_this.state.focused && _this.node && e.target instanceof Node && !_this.node.contains(e.target)) {
-        _this.defrost();
-      }
-    };_this.
-
-    handleDocumentKeyDown = function (e) {
-      if (_this.state.focused && isKeyTab(e)) {
-        _this.defrost();
-      }
-    };_this.
-
-    handleMouseDown = function (e) {
-      _this.frozen = true;
-    };_this.
-
-    handleKeyDown = function (e) {
-      if (_this.props.disabled) {
-        return;
-      }
-
-      if (isIE11 && isShortcutPaste(e) && _this.hiddenInput) {
-        _this.frozen = true;
-        setTimeout(function () {
-          if (_this.lastSelectedInnerNode) {var _this2;
-            (_this2 = _this).selectInnerNode.apply(_this2, _this.lastSelectedInnerNode);
-          }
-          if (_this.node) {
-            _this.node.focus();
-          }
-        }, 0);
-
-        _this.hiddenInput.focus();
-      }
-
-      if (_this.props.onKeyDown) {
-        _this.props.onKeyDown(e);
-      }
-    };_this.
-
-    handleMouseDragStart = function (e) {
-      _this.dragging = true;
-      document.documentElement.classList.add(jsStyles.userSelectNone(_this.theme));
-
-      if (_this.props.onMouseDragStart) {
-        _this.props.onMouseDragStart(e);
-      }
-    };_this.
-
-    handleMouseDragEnd = function (e) {
-      // Дожидаемся onMouseUp
-      setTimeout(function () {
-        _this.dragging = false;
-
-        if (_this.props.onMouseDragEnd) {
-          _this.props.onMouseDragEnd(e);
-        }
-      }, 0);
-
-      document.documentElement.classList.remove(jsStyles.userSelectNone(_this.theme));
-    };_this.
-
-    handleFocus = function (e) {
-      if (_this.props.disabled) {
-        if (isIE11) {
-          selectNodeContents(document.body, 0, 0);
-        }
-        return;
-      }
-
-      if ((isIE11 || isEdge) && _this.frozen) {
-        _this.frozen = false;
-        if (_this.state.focused) {
-          return;
-        }
-      }
-
-      _this.setState({ focused: true });
-
-      if (_this.props.onFocus) {
-        _this.props.onFocus(e);
-      }
-    };_this.
-
-    handleBlur = function (e) {
-      if (_this.props.disabled) {
-        e.stopPropagation();
-        return;
-      }
-
-      if ((isIE11 || isEdge) && _this.frozenBlur) {
-        _this.frozenBlur = false;
-        return;
-      }
-      if ((isIE11 || isEdge) && _this.frozen) {
-        return;
-      }
-
-      removeAllSelections();
-
-      _this.setState({ focused: false });
-
-      if (_this.props.onBlur) {
-        _this.props.onBlur(e);
-      }
-    };_this.
-
-    hiddenInputRef = function (el) {
-      _this.hiddenInput = el;
-    };_this.
-
-    innerRef = function (el) {
-      if (_this.props.innerRef) {
-        _this.props.innerRef(el);
-      }
-      _this.node = el;
-    };_this.
-
-    defrost = function () {
-      _this.frozen = false;
-      _this.frozenBlur = false;
-    };_this.
-
-    getSizeClassName = function () {var _ref, _ref2, _ref3;
-      switch (_this.props.size) {
-        case 'large':
-          return _ref = {}, _ref[
-          jsInputStyles.sizeLarge(_this.theme)] = true, _ref[
-          jsInputStyles.sizeLargeFallback(_this.theme)] = isIE11 || isEdge, _ref;
-
-        case 'medium':
-          return _ref2 = {}, _ref2[
-          jsInputStyles.sizeMedium(_this.theme)] = true, _ref2[
-          jsInputStyles.sizeMediumFallback(_this.theme)] = isIE11 || isEdge, _ref2;
-
-        case 'small':
-        default:
-          return _ref3 = {}, _ref3[
-          jsInputStyles.sizeSmall(_this.theme)] = true, _ref3[
-          jsInputStyles.sizeSmallFallback(_this.theme)] = isIE11 || isEdge, _ref3;}
-
-
-    };return _this;}var _proto = InputLikeText.prototype; /**
-                                                           * @public
-                                                           */_proto.focus = function focus() {if (this.node) {this.node.focus();}} /**
-                                                                                                                                    * @public
-                                                                                                                                    */;_proto.blur = function blur() {if (this.node) {this.node.blur();}} /**
-                                                                                                                                                                                                           * @public
-                                                                                                                                                                                                           */;_proto.blink = function blink() {var _this3 = this;if (this.props.disabled) {return;}this.setState({ blinking: true }, function () {_this3.blinkTimeout = window.setTimeout(function () {return _this3.setState({ blinking: false });}, 150);});};_proto.getNode = function getNode() {return this.node;};_proto.componentDidMount = function componentDidMount() {if (this.node) {MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);}document.addEventListener('mousedown', this.handleDocumentMouseDown);document.addEventListener('keydown', this.handleDocumentKeyDown);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.blinkTimeout) {clearTimeout(this.blinkTimeout);}MouseDrag.stop(this.node);document.removeEventListener('mousedown', this.handleDocumentMouseDown);document.removeEventListener('keydown', this.handleDocumentKeyDown);};_proto.render = function render() {var _this4 = this;return React.createElement(ThemeConsumer, null, function (theme) {_this4.theme = theme;return _this4.renderMain();});};_proto.renderMain = function renderMain() {var _cx, _cx2;var _this$props2 = this.props,innerRef = _this$props2.innerRef,tabIndex = _this$props2.tabIndex,placeholder = _this$props2.placeholder,align = _this$props2.align,borderless = _this$props2.borderless,width = _this$props2.width,children = _this$props2.children,error = _this$props2.error,warning = _this$props2.warning,onValueChange = _this$props2.onValueChange,disabled = _this$props2.disabled,prefix = _this$props2.prefix,suffix = _this$props2.suffix,leftIcon = _this$props2.leftIcon,rightIcon = _this$props2.rightIcon,value = _this$props2.value,onMouseDragStart = _this$props2.onMouseDragStart,onMouseDragEnd = _this$props2.onMouseDragEnd,rest = _objectWithoutPropertiesLoose(_this$props2, ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "children", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd"]);var _this$state = this.state,focused = _this$state.focused,blinking = _this$state.blinking;var leftSide = this.renderLeftSide();var rightSide = this.renderRightSide();var className = cx(inputStyles.root, jsStyles.root(this.theme), jsInputStyles.root(this.theme), this.getSizeClassName(), (_cx = {}, _cx[inputStyles.focus] = focused, _cx[inputStyles.warning] = !!warning, _cx[inputStyles.error] = !!error, _cx[inputStyles.borderless] = !!borderless, _cx[inputStyles.disabled] = !!disabled, _cx[jsStyles.withoutLeftSide(this.theme)] = !leftSide, _cx[jsInputStyles.focus(this.theme)] = focused, _cx[jsInputStyles.blink(this.theme)] = blinking, _cx[jsInputStyles.warning(this.theme)] = !!warning, _cx[jsInputStyles.error(this.theme)] = !!error, _cx[jsInputStyles.disabled(this.theme)] = !!disabled, _cx[jsInputStyles.focusFallback(this.theme)] = focused && (isIE11 || isEdge), _cx[jsInputStyles.warningFallback(this.theme)] = !!warning && (isIE11 || isEdge), _cx[jsInputStyles.errorFallback(this.theme)] = !!error && (isIE11 || isEdge), _cx));var wrapperClass = cx(inputStyles.wrapper, (_cx2 = {}, _cx2[jsStyles.userSelectContain(this.theme)] = focused, _cx2));return React.createElement("span", _extends({}, rest, { className: className, style: { width: width, textAlign: align }, tabIndex: disabled ? undefined : 0, onFocus: this.handleFocus, onBlur: this.handleBlur, ref: this.innerRef, onKeyDown: this.handleKeyDown, onMouseDown: this.handleMouseDown }), React.createElement("input", { type: "hidden", value: value }), leftSide, React.createElement("span", { className: wrapperClass }, React.createElement("span", { className: cx(inputStyles.input, jsStyles.input(this.theme), jsInputStyles.input(this.theme)) }, children), this.renderPlaceholder()), rightSide, isIE11 && focused && React.createElement(HiddenInput, { nodeRef: this.hiddenInputRef }));};return InputLikeText;}(React.Component);InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText';InputLikeText.defaultProps = { size: 'small' };

package/components/internal/InputLikeText/InputLikeText.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["InputLikeText.tsx"],"names":["React","isKeyTab","isShortcutPaste","MouseDrag","isEdge","isIE11","removeAllSelections","selectNodeContents","cx","inputStyles","jsStyles","jsInputStyles","ThemeConsumer","HiddenInput","InputLikeText","state","blinking","focused","theme","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","focusTimeout","blinkTimeout","selectInnerNode","start","end","setTimeout","clearInterval","window","focus","renderLeftIcon","renderIcon","props","leftIcon","renderRightIcon","rightIcon","icon","className","Function","useDefaultColor","renderPrefix","prefix","renderSuffix","suffix","renderLeftSide","sideContainer","renderRightSide","renderPlaceholder","children","placeholder","handleDocumentMouseDown","e","target","Node","contains","defrost","handleDocumentKeyDown","handleMouseDown","handleKeyDown","disabled","onKeyDown","handleMouseDragStart","document","documentElement","classList","add","userSelectNone","onMouseDragStart","handleMouseDragEnd","onMouseDragEnd","remove","handleFocus","body","setState","onFocus","handleBlur","stopPropagation","onBlur","hiddenInputRef","el","innerRef","getSizeClassName","size","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","blur","blink","getNode","componentDidMount","listen","addEventListener","componentWillUnmount","clearTimeout","stop","removeEventListener","render","renderMain","tabIndex","align","borderless","width","error","warning","onValueChange","value","rest","leftSide","rightSide","root","withoutLeftSide","focusFallback","warningFallback","errorFallback","wrapperClass","wrapper","userSelectContain","textAlign","undefined","input","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport { isKeyTab, isShortcutPaste } from '../../../lib/events/keyboard/identifiers';\r\nimport { MouseDrag, MouseDragEventHandler } from '../../../lib/events/MouseDrag';\r\nimport { isEdge, isIE11 } from '../../../lib/utils';\r\nimport { Nullable } from '../../../typings/utility-types';\r\nimport { removeAllSelections, selectNodeContents } from '../../DateInput/helpers/SelectionHelpers';\r\nimport { InputProps, InputIconType, InputState } from '../../Input';\r\nimport { cx } from '../../../lib/theming/Emotion';\r\nimport inputStyles from '../../Input/Input.module.less';\r\nimport { jsStyles as jsInputStyles } from '../../Input/Input.styles';\r\nimport { ThemeConsumer } from '../../ThemeConsumer';\r\nimport { Theme } from '../../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './InputLikeText.styles';\r\nimport { HiddenInput } from './HiddenInput';\r\n\r\nexport interface InputLikeTextProps extends InputProps {\r\n  children?: React.ReactNode;\r\n  innerRef?: (el: HTMLElement | null) => void;\r\n  onFocus?: React.FocusEventHandler<HTMLElement>;\r\n  onBlur?: React.FocusEventHandler<HTMLElement>;\r\n  onMouseDragStart?: MouseDragEventHandler;\r\n  onMouseDragEnd?: MouseDragEventHandler;\r\n}\r\n\r\nexport type InputLikeTextState = Omit<InputState, 'polyfillPlaceholder'>;\r\n\r\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\r\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\r\n\r\n  public static defaultProps = { size: 'small' };\r\n\r\n  public state = { blinking: false, focused: false };\r\n\r\n  private theme!: Theme;\r\n  private node: HTMLElement | null = null;\r\n  private hiddenInput: HTMLInputElement | null = null;\r\n  private lastSelectedInnerNode: [HTMLElement, number, number] | null = null;\r\n  private frozen = false;\r\n  private frozenBlur = false;\r\n  private dragging = false;\r\n  private focusTimeout: Nullable<number>;\r\n  private blinkTimeout: Nullable<number>;\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 blink() {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n    this.setState({ blinking: true }, () => {\r\n      this.blinkTimeout = window.setTimeout(() => this.setState({ blinking: false }), 150);\r\n    });\r\n  }\r\n\r\n  public getNode(): HTMLElement | null {\r\n    return this.node;\r\n  }\r\n\r\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\r\n    if (this.dragging || !node) {\r\n      return;\r\n    }\r\n    this.frozen = true;\r\n    this.frozenBlur = true;\r\n\r\n    this.lastSelectedInnerNode = [node, start, end];\r\n    setTimeout(() => selectNodeContents(node, start, end), 0);\r\n    if (this.focusTimeout) {\r\n      clearInterval(this.focusTimeout);\r\n    }\r\n    this.focusTimeout = window.setTimeout(() => (isIE11 || isEdge) && this.node && this.node.focus(), 0);\r\n  };\r\n\r\n  public componentDidMount() {\r\n    if (this.node) {\r\n      MouseDrag.listen(this.node)\r\n        .onMouseDragStart(this.handleMouseDragStart)\r\n        .onMouseDragEnd(this.handleMouseDragEnd);\r\n    }\r\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\r\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.blinkTimeout) {\r\n      clearTimeout(this.blinkTimeout);\r\n    }\r\n    MouseDrag.stop(this.node);\r\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\r\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\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  private renderMain() {\r\n    const {\r\n      innerRef,\r\n      tabIndex,\r\n      placeholder,\r\n      align,\r\n      borderless,\r\n      width,\r\n      children,\r\n      error,\r\n      warning,\r\n      onValueChange,\r\n      disabled,\r\n      prefix,\r\n      suffix,\r\n      leftIcon,\r\n      rightIcon,\r\n      value,\r\n      onMouseDragStart,\r\n      onMouseDragEnd,\r\n      ...rest\r\n    } = this.props;\r\n\r\n    const { focused, blinking } = this.state;\r\n\r\n    const leftSide = this.renderLeftSide();\r\n    const rightSide = this.renderRightSide();\r\n\r\n    const className = cx(\r\n      inputStyles.root,\r\n      jsStyles.root(this.theme),\r\n      jsInputStyles.root(this.theme),\r\n      this.getSizeClassName(),\r\n      {\r\n        [inputStyles.focus]: focused,\r\n        [inputStyles.warning]: !!warning,\r\n        [inputStyles.error]: !!error,\r\n        [inputStyles.borderless]: !!borderless,\r\n        [inputStyles.disabled]: !!disabled,\r\n        [jsStyles.withoutLeftSide(this.theme)]: !leftSide,\r\n        [jsInputStyles.focus(this.theme)]: focused,\r\n        [jsInputStyles.blink(this.theme)]: blinking,\r\n        [jsInputStyles.warning(this.theme)]: !!warning,\r\n        [jsInputStyles.error(this.theme)]: !!error,\r\n        [jsInputStyles.disabled(this.theme)]: !!disabled,\r\n        [jsInputStyles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\r\n        [jsInputStyles.warningFallback(this.theme)]: !!warning && (isIE11 || isEdge),\r\n        [jsInputStyles.errorFallback(this.theme)]: !!error && (isIE11 || isEdge),\r\n      },\r\n    );\r\n\r\n    const wrapperClass = cx(inputStyles.wrapper, {\r\n      [jsStyles.userSelectContain(this.theme)]: focused,\r\n    });\r\n\r\n    return (\r\n      <span\r\n        {...rest}\r\n        className={className}\r\n        style={{ width, textAlign: align }}\r\n        tabIndex={disabled ? undefined : 0}\r\n        onFocus={this.handleFocus}\r\n        onBlur={this.handleBlur}\r\n        ref={this.innerRef}\r\n        onKeyDown={this.handleKeyDown}\r\n        onMouseDown={this.handleMouseDown}\r\n      >\r\n        <input type=\"hidden\" value={value} />\r\n        {leftSide}\r\n        <span className={wrapperClass}>\r\n          <span className={cx(inputStyles.input, jsStyles.input(this.theme), jsInputStyles.input(this.theme))}>\r\n            {children}\r\n          </span>\r\n          {this.renderPlaceholder()}\r\n        </span>\r\n        {rightSide}\r\n        {isIE11 && focused && <HiddenInput nodeRef={this.hiddenInputRef} />}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private renderLeftIcon = () => {\r\n    return this.renderIcon(this.props.leftIcon, inputStyles.leftIcon);\r\n  };\r\n\r\n  private renderRightIcon = () => {\r\n    return this.renderIcon(this.props.rightIcon, inputStyles.rightIcon);\r\n  };\r\n\r\n  private renderIcon = (icon: InputIconType, className: string): JSX.Element | null => {\r\n    if (!icon) {\r\n      return null;\r\n    }\r\n\r\n    if (icon instanceof Function) {\r\n      return <span className={className}>{icon()}</span>;\r\n    }\r\n\r\n    return (\r\n      <span className={cx(className, inputStyles.useDefaultColor, jsInputStyles.useDefaultColor(this.theme))}>\r\n        {icon}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private renderPrefix = (): JSX.Element | null => {\r\n    const { prefix } = this.props;\r\n\r\n    if (!prefix) {\r\n      return null;\r\n    }\r\n\r\n    return <span className={jsInputStyles.prefix(this.theme)}>{prefix}</span>;\r\n  };\r\n\r\n  private renderSuffix = (): JSX.Element | null => {\r\n    const { suffix } = this.props;\r\n\r\n    if (!suffix) {\r\n      return null;\r\n    }\r\n\r\n    return <span className={jsInputStyles.suffix(this.theme)}>{suffix}</span>;\r\n  };\r\n\r\n  private renderLeftSide = (): JSX.Element | null => {\r\n    const leftIcon = this.renderLeftIcon();\r\n    const prefix = this.renderPrefix();\r\n\r\n    if (!leftIcon && !prefix) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <span className={inputStyles.sideContainer}>\r\n        {leftIcon}\r\n        {prefix}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private renderRightSide = (): JSX.Element | null => {\r\n    const rightIcon = this.renderRightIcon();\r\n    const suffix = this.renderSuffix();\r\n\r\n    if (!rightIcon && !suffix) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <span className={inputStyles.sideContainer}>\r\n        {rightIcon}\r\n        {suffix}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private renderPlaceholder = (): JSX.Element | null => {\r\n    const { children, placeholder } = this.props;\r\n\r\n    if (!children && placeholder) {\r\n      return <span className={cx(inputStyles.placeholder, jsInputStyles.placeholder(this.theme))}>{placeholder}</span>;\r\n    }\r\n    return null;\r\n  };\r\n\r\n  private handleDocumentMouseDown = (e: MouseEvent) => {\r\n    if (this.state.focused && this.node && e.target instanceof Node && !this.node.contains(e.target)) {\r\n      this.defrost();\r\n    }\r\n  };\r\n\r\n  private handleDocumentKeyDown = (e: KeyboardEvent) => {\r\n    if (this.state.focused && isKeyTab(e)) {\r\n      this.defrost();\r\n    }\r\n  };\r\n\r\n  private handleMouseDown = (e: React.MouseEvent<HTMLElement>) => {\r\n    this.frozen = true;\r\n  };\r\n\r\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    if (isIE11 && isShortcutPaste(e) && this.hiddenInput) {\r\n      this.frozen = true;\r\n      setTimeout(() => {\r\n        if (this.lastSelectedInnerNode) {\r\n          this.selectInnerNode(...this.lastSelectedInnerNode);\r\n        }\r\n        if (this.node) {\r\n          this.node.focus();\r\n        }\r\n      }, 0);\r\n\r\n      this.hiddenInput.focus();\r\n    }\r\n\r\n    if (this.props.onKeyDown) {\r\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\r\n    }\r\n  };\r\n\r\n  private handleMouseDragStart: MouseDragEventHandler = e => {\r\n    this.dragging = true;\r\n    document.documentElement.classList.add(jsStyles.userSelectNone(this.theme));\r\n\r\n    if (this.props.onMouseDragStart) {\r\n      this.props.onMouseDragStart(e);\r\n    }\r\n  };\r\n\r\n  private handleMouseDragEnd: MouseDragEventHandler = e => {\r\n    // Дожидаемся onMouseUp\r\n    setTimeout(() => {\r\n      this.dragging = false;\r\n\r\n      if (this.props.onMouseDragEnd) {\r\n        this.props.onMouseDragEnd(e);\r\n      }\r\n    }, 0);\r\n\r\n    document.documentElement.classList.remove(jsStyles.userSelectNone(this.theme));\r\n  };\r\n\r\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\r\n    if (this.props.disabled) {\r\n      if (isIE11) {\r\n        selectNodeContents(document.body, 0, 0);\r\n      }\r\n      return;\r\n    }\r\n\r\n    if ((isIE11 || isEdge) && this.frozen) {\r\n      this.frozen = false;\r\n      if (this.state.focused) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    this.setState({ focused: true });\r\n\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(e);\r\n    }\r\n  };\r\n\r\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\r\n    if (this.props.disabled) {\r\n      e.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    if ((isIE11 || isEdge) && this.frozenBlur) {\r\n      this.frozenBlur = false;\r\n      return;\r\n    }\r\n    if ((isIE11 || isEdge) && this.frozen) {\r\n      return;\r\n    }\r\n\r\n    removeAllSelections();\r\n\r\n    this.setState({ focused: false });\r\n\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur(e);\r\n    }\r\n  };\r\n\r\n  private hiddenInputRef = (el: HTMLInputElement | null) => {\r\n    this.hiddenInput = el;\r\n  };\r\n\r\n  private innerRef = (el: HTMLElement | null) => {\r\n    if (this.props.innerRef) {\r\n      this.props.innerRef(el);\r\n    }\r\n    this.node = el;\r\n  };\r\n\r\n  private defrost = (): void => {\r\n    this.frozen = false;\r\n    this.frozenBlur = false;\r\n  };\r\n\r\n  private getSizeClassName = () => {\r\n    switch (this.props.size) {\r\n      case 'large':\r\n        return {\r\n          [jsInputStyles.sizeLarge(this.theme)]: true,\r\n          [jsInputStyles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\r\n        };\r\n      case 'medium':\r\n        return {\r\n          [jsInputStyles.sizeMedium(this.theme)]: true,\r\n          [jsInputStyles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\r\n        };\r\n      case 'small':\r\n      default:\r\n        return {\r\n          [jsInputStyles.sizeSmall(this.theme)]: true,\r\n          [jsInputStyles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\r\n        };\r\n    }\r\n  };\r\n}\r\n"]}

package/components/internal/InputLikeText/InputLikeText.styles.d.ts

@@ -1,8 +0,0 @@
-import { Theme } from '../../../lib/theming/Theme';
-export declare const jsStyles: {
-    root(t: Theme): string;
-    input(t: Theme): string;
-    userSelectContain(t: Theme): string;
-    userSelectNone(t: Theme): string;
-    withoutLeftSide(t: Theme): string;
-};

package/components/internal/InputLikeText/InputLikeText.styles.js

@@ -1,35 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      padding-left: 10px;\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      user-select: none;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      user-select: text;\n      -ms-user-select: element;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      padding-right: 10px;\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css } from '../../../lib/theming/Emotion';
-
-
-export var jsStyles = {
-  root: function root(t) {
-    return css(_templateObject());
-
-
-  },
-
-  input: function input(t) {
-    return css(_templateObject2());
-
-
-
-  },
-
-  userSelectContain: function userSelectContain(t) {
-    return css(_templateObject3());
-
-
-
-  },
-
-  userSelectNone: function userSelectNone(t) {
-    return css(_templateObject4());
-
-
-  },
-
-  withoutLeftSide: function withoutLeftSide(t) {
-    return css(_templateObject5());
-
-
-  } };

package/components/internal/InputLikeText/InputLikeText.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["InputLikeText.styles.ts"],"names":["css","jsStyles","root","t","input","userSelectContain","userSelectNone","withoutLeftSide"],"mappings":"0hCAAA,SAASA,GAAT,QAAoB,8BAApB;;;AAGA,OAAO,IAAMC,QAAQ,GAAG;AACtBC,EAAAA,IADsB,gBACjBC,CADiB,EACP;AACb,WAAOH,GAAP;;;AAGD,GALqB;;AAOtBI,EAAAA,KAPsB,iBAOhBD,CAPgB,EAON;AACd,WAAOH,GAAP;;;;AAID,GAZqB;;AActBK,EAAAA,iBAdsB,6BAcJF,CAdI,EAcM;AAC1B,WAAOH,GAAP;;;;AAID,GAnBqB;;AAqBtBM,EAAAA,cArBsB,0BAqBPH,CArBO,EAqBG;AACvB,WAAOH,GAAP;;;AAGD,GAzBqB;;AA2BtBO,EAAAA,eA3BsB,2BA2BNJ,CA3BM,EA2BI;AACxB,WAAOH,GAAP;;;AAGD,GA/BqB,EAAjB","sourcesContent":["import { css } from '../../../lib/theming/Emotion';\r\nimport { Theme } from '../../../lib/theming/Theme';\r\n\r\nexport const jsStyles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      padding-right: 10px;\r\n    `;\r\n  },\r\n\r\n  input(t: Theme) {\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n    `;\r\n  },\r\n\r\n  userSelectContain(t: Theme) {\r\n    return css`\r\n      user-select: text;\r\n      -ms-user-select: element;\r\n    `;\r\n  },\r\n\r\n  userSelectNone(t: Theme) {\r\n    return css`\r\n      user-select: none;\r\n    `;\r\n  },\r\n\r\n  withoutLeftSide(t: Theme) {\r\n    return css`\r\n      padding-left: 10px;\r\n    `;\r\n  },\r\n};\r\n"]}

package/components/internal/InputLikeText/index.js

@@ -1 +0,0 @@
-export * from './InputLikeText';

package/components/internal/InputLikeText/index.js.map

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

package/components/internal/InternalMenu/InternalMenu.d.ts

@@ -1,64 +0,0 @@
-import React from 'react';
-import { ScrollContainerScrollState } from '../../ScrollContainer/ScrollContainer';
-interface MenuProps {
-    children?: React.ReactNode;
-    hasShadow?: boolean;
-    maxHeight?: number | string;
-    onItemClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
-    width?: number | string;
-    preventWindowScroll?: boolean;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    cyclicSelection?: boolean;
-    initialSelectedItemIndex?: number;
-}
-interface MenuState {
-    highlightedIndex: number;
-    maxHeight: number | string;
-    scrollState: ScrollContainerScrollState;
-}
-export declare class InternalMenu extends React.Component<MenuProps, MenuState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        width: string;
-        maxHeight: number;
-        hasShadow: boolean;
-        preventWindowScroll: boolean;
-        cyclicSelection: boolean;
-        initialSelectedItemIndex: number;
-    };
-    state: MenuState;
-    private theme;
-    private scrollContainer;
-    private highlighted;
-    private rootElement;
-    private header;
-    private footer;
-    private getProps;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: MenuProps, prevState: MenuState): void;
-    UNSAFE_componentWillReceiveProps(nextProps: MenuProps): void;
-    focus(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private renderHeader;
-    private renderFooter;
-    private focusOnRootElement;
-    private shouldRecalculateMaxHeight;
-    private calculateMaxHeight;
-    private setInitialSelection;
-    private refScrollContainer;
-    private refHighlighted;
-    private scrollToSelected;
-    private select;
-    private highlightItem;
-    private unhighlight;
-    private move;
-    private moveUp;
-    private moveDown;
-    private isEmpty;
-    private handleKeyDown;
-    private handleScrollStateChange;
-}
-export {};