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

package/internal/InputLikeText/InputLikeText/InputLikeText.js

@@ -0,0 +1,455 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["innerRef", "tabIndex", "placeholder", "align", "borderless", "width", "size", "error", "warning", "onValueChange", "disabled", "prefix", "suffix", "leftIcon", "rightIcon", "value", "onMouseDragStart", "onMouseDragEnd", "takeContentWidth", "aria-describedby", "aria-label", "aria-labelledby", "showClearIcon", "onClearCrossClick"];
+var _class, _InputLikeText;
+import React from 'react';
+import ReactDOM from 'react-dom';
+import debounce from 'lodash.debounce';
+import { globalObject } from '@skbkontur/global-object';
+import { isNonNullable } from "../../../lib/utils";
+import { isKeyTab, isShortcutPaste } from "../../../lib/events/keyboard/identifiers";
+import { MouseDrag } from "../../../lib/events/MouseDrag";
+import { isEdge, isIE11, isMobile } from "../../../lib/client";
+import { removeAllSelections, selectNodeContents } from "../../../lib/dom/selectionHelpers";
+import { calculateClearCrossShowedState, InputDataTids } from "../../../components/Input";
+import { styles as jsInputStyles } from "../../../components/Input/Input.styles";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { findRenderContainer } from "../../../lib/listenFocusOutside";
+import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { InputLayoutAside } from "../../../components/Input/InputLayout/InputLayoutAside";
+import { InputLayoutContext, InputLayoutContextDefault } from "../../../components/Input/InputLayout/InputLayoutContext";
+import { isInstanceOf } from "../../../lib/isInstanceOf";
+import { FocusControlWrapper } from "../../FocusControlWrapper";
+import { ClearCrossIcon } from "../../ClearCrossIcon/ClearCrossIcon";
+import { HiddenInput } from "../HiddenInput";
+import { styles } from "../InputLikeText.styles";
+export var InputLikeTextDataTids = {
+  root: 'InputLikeText__root',
+  input: 'InputLikeText__input',
+  nativeInput: 'InputLikeText__nativeInput'
+};
+export var InputLikeText = rootNode(_class = (_InputLikeText = /*#__PURE__*/function (_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.getProps = createPropsGetter(InputLikeText.defaultProps);
+    _this.getClearCrossShowed = function (_ref) {
+      var focused = _ref.focused,
+        hovered = _ref.hovered;
+      if (_this.props.disabled) {
+        return false;
+      }
+      return calculateClearCrossShowedState({
+        showClearIcon: _this.getProps().showClearIcon,
+        notEmptyValue: Boolean(_this.props.children),
+        focused: focused,
+        hovered: hovered
+      });
+    };
+    _this.state = {
+      blinking: false,
+      focused: false,
+      clearCrossShowed: _this.getClearCrossShowed({
+        focused: false
+      })
+    };
+    _this.node = null;
+    _this.hiddenInput = null;
+    _this.lastSelectedInnerNode = null;
+    _this.frozen = false;
+    _this.frozenBlur = false;
+    _this.dragging = false;
+
+    // Async call required for Firefox
+    _this.selectNodeContentsDebounced = debounce(selectNodeContents, 0);
+    _this.selectInnerNode = function (node, start, end) {
+      if (start === void 0) {
+        start = 0;
+      }
+      if (end === void 0) {
+        end = 1;
+      }
+      if (_this.dragging || !node) {
+        return;
+      }
+      if (isIE11 && globalObject.document && findRenderContainer(node, globalObject.document.body)) {
+        // Code below causes Popup to close after triggering the focus event on the body in IE11
+        return;
+      }
+      _this.frozen = true;
+      _this.frozenBlur = true;
+      _this.lastSelectedInnerNode = [node, start, end];
+      _this.selectNodeContentsDebounced(node, start, end);
+      if (_this.focusTimeout) {
+        globalObject.clearInterval(_this.focusTimeout);
+      }
+      _this.focusTimeout = globalObject.setTimeout(function () {
+        return (isIE11 || isEdge) && _this.node && _this.node.focus();
+      }, 0);
+    };
+    _this.renderMain = function (props) {
+      var _cx, _cx2, _cx3;
+      var innerRef = props.innerRef,
+        tabIndex = props.tabIndex,
+        placeholder = props.placeholder,
+        align = props.align,
+        borderless = props.borderless,
+        width = props.width,
+        size = props.size,
+        error = props.error,
+        warning = props.warning,
+        onValueChange = props.onValueChange,
+        disabled = props.disabled,
+        prefix = props.prefix,
+        suffix = props.suffix,
+        leftIcon = props.leftIcon,
+        rightIcon = props.rightIcon,
+        value = props.value,
+        onMouseDragStart = props.onMouseDragStart,
+        onMouseDragEnd = props.onMouseDragEnd,
+        takeContentWidth = props.takeContentWidth,
+        ariaDescribedby = props['aria-describedby'],
+        ariaLabel = props['aria-label'],
+        ariaLabelledby = props['aria-labelledby'],
+        showClearIcon = props.showClearIcon,
+        onClearCrossClick = props.onClearCrossClick,
+        rest = _objectWithoutPropertiesLoose(props, _excluded);
+      var _this$state = _this.state,
+        focused = _this$state.focused,
+        blinking = _this$state.blinking;
+      var getRightIcon = function getRightIcon() {
+        return _this.state.clearCrossShowed ? /*#__PURE__*/
+        React.createElement(ClearCrossIcon, {
+          "data-tid": InputDataTids.clearCross,
+          size: size,
+          onFocus: function onFocus(event) {
+            return event.stopPropagation();
+          },
+          onClick: onClearCrossClick
+        }) : rightIcon;
+      };
+      var leftSide = /*#__PURE__*/React.createElement(InputLayoutAside, {
+        icon: leftIcon,
+        text: prefix,
+        side: "left"
+      });
+      var rightSide = /*#__PURE__*/React.createElement(InputLayoutAside, {
+        icon: getRightIcon(),
+        text: suffix,
+        side: "right"
+      });
+      var className = cx(styles.root(), jsInputStyles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[jsInputStyles.disabled(_this.theme)] = !!disabled, _cx[jsInputStyles.borderless()] = !!borderless, _cx[jsInputStyles.focus(_this.theme)] = focused, _cx[jsInputStyles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _cx[jsInputStyles.blink(_this.theme)] = blinking, _cx[jsInputStyles.warning(_this.theme)] = !!warning, _cx[jsInputStyles.error(_this.theme)] = !!error, _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[jsInputStyles.hideBlinkingCursor()] = isMobile, _cx));
+      var wrapperClass = cx(jsInputStyles.wrapper(), (_cx2 = {}, _cx2[styles.userSelectContain()] = focused, _cx2));
+      var context = InputLayoutContextDefault;
+      Object.assign(context, {
+        disabled: disabled,
+        focused: focused,
+        size: size
+      });
+      return /*#__PURE__*/(
+        React.createElement(FocusControlWrapper, {
+          disabled: disabled,
+          onBlurWhenDisabled: _this.resetFocus
+        }, /*#__PURE__*/
+        React.createElement("span", _extends({
+          "data-tid": InputLikeTextDataTids.root
+        }, rest, {
+          className: className,
+          style: {
+            width: width,
+            textAlign: align
+          },
+          tabIndex: disabled ? -1 : 0,
+          onFocus: _this.handleFocus,
+          onMouseEnter: _this.handleHover,
+          onMouseLeave: _this.handleUnhover,
+          onBlur: _this.handleBlur,
+          ref: _this.innerRef,
+          onKeyDown: _this.handleKeyDown,
+          onMouseDown: _this.handleMouseDown,
+          role: "textbox",
+          "aria-disabled": disabled,
+          "aria-describedby": ariaDescribedby,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledby
+        }), /*#__PURE__*/
+
+        React.createElement(InputLayoutContext.Provider, {
+          value: context
+        }, /*#__PURE__*/
+        React.createElement("input", {
+          type: "hidden",
+          "data-tid": InputLikeTextDataTids.nativeInput,
+          value: value,
+          disabled: disabled
+        }), leftSide, /*#__PURE__*/
+        React.createElement("span", {
+          className: wrapperClass
+        }, /*#__PURE__*/
+        React.createElement("span", {
+          "data-tid": InputLikeTextDataTids.input,
+          className: cx(jsInputStyles.input(_this.theme), (_cx3 = {}, _cx3[styles.absolute()] = !takeContentWidth, _cx3[jsInputStyles.inputFocus(_this.theme)] = focused, _cx3[jsInputStyles.inputDisabled(_this.theme)] = disabled, _cx3))
+        }, _this.props.children), _this.renderPlaceholder()), rightSide, isIE11 && focused && /*#__PURE__*/React.createElement(HiddenInput, {
+          nodeRef: _this.hiddenInputRef
+        }))))
+      );
+    };
+    _this.renderPlaceholder = function () {
+      var _this$props = _this.props,
+        children = _this$props.children,
+        placeholder = _this$props.placeholder,
+        disabled = _this$props.disabled;
+      var focused = _this.state.focused;
+      var hasValue = isNonNullable(children) && children !== '';
+      if (!hasValue && placeholder) {
+        var _cx4;
+        return /*#__PURE__*/(
+          React.createElement("span", {
+            className: cx(jsInputStyles.placeholder(_this.theme), (_cx4 = {}, _cx4[jsInputStyles.placeholderDisabled(_this.theme)] = disabled, _cx4[jsInputStyles.placeholderFocus(_this.theme)] = focused, _cx4))
+          }, placeholder)
+        );
+      }
+      return null;
+    };
+    _this.handleDocumentMouseDown = function (e) {
+      if (_this.state.focused && _this.node && isInstanceOf(e.target, globalObject.Node) && !_this.node.contains(e.target)) {
+        _this.defrost();
+      }
+    };
+    _this.handleDocumentKeyDown = function (e) {
+      if (_this.state.focused && isKeyTab(e)) {
+        _this.defrost();
+      }
+    };
+    _this.handleMouseDown = function () {
+      _this.frozen = true;
+    };
+    _this.handleKeyDown = function (e) {
+      if (_this.props.disabled) {
+        return;
+      }
+      if (isIE11 && isShortcutPaste(e) && _this.hiddenInput) {
+        _this.frozen = true;
+        globalObject.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) {
+      var _globalObject$documen;
+      _this.dragging = true;
+      (_globalObject$documen = globalObject.document) == null || _globalObject$documen.documentElement.classList.add(styles.userSelectNone());
+      if (_this.props.onMouseDragStart) {
+        _this.props.onMouseDragStart(e);
+      }
+    };
+    _this.handleMouseDragEnd = function (e) {
+      var _globalObject$documen2;
+      // Дожидаемся onMouseUp
+      globalObject.setTimeout(function () {
+        _this.dragging = false;
+        if (_this.props.onMouseDragEnd) {
+          _this.props.onMouseDragEnd(e);
+        }
+      }, 0);
+      (_globalObject$documen2 = globalObject.document) == null || _globalObject$documen2.documentElement.classList.remove(styles.userSelectNone());
+    };
+    _this.handleFocus = function (e) {
+      if (isMobile) {
+        var _this$node;
+        (_this$node = _this.node) == null || _this$node.setAttribute('contenteditable', 'true');
+      }
+      if (_this.props.disabled) {
+        if (isIE11 && globalObject.document) {
+          selectNodeContents(globalObject.document.body, 0, 0);
+        }
+        return;
+      }
+      if ((isIE11 || isEdge) && _this.frozen) {
+        _this.frozen = false;
+        if (_this.state.focused) {
+          return;
+        }
+      }
+
+      // Auto-batching React@18 creates problems that are fixed with flushSync
+      // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366
+      if (React.version.search('18') === 0) {
+        ReactDOM.flushSync(function () {
+          return _this.setState({
+            focused: true
+          });
+        });
+      } else {
+        _this.setState({
+          focused: true
+        });
+      }
+      if (_this.props.onFocus) {
+        _this.props.onFocus(e);
+      }
+    };
+    _this.resetFocus = function () {
+      _this.selectNodeContentsDebounced.cancel();
+      if (isMobile) {
+        var _this$node2;
+        (_this$node2 = _this.node) == null || _this$node2.removeAttribute('contenteditable');
+      }
+      if ((isIE11 || isEdge) && _this.frozenBlur) {
+        _this.frozenBlur = false;
+      }
+      removeAllSelections();
+      _this.setState({
+        focused: false
+      });
+    };
+    _this.handleBlur = function (e) {
+      _this.selectNodeContentsDebounced.cancel();
+      if (isMobile) {
+        var _this$node3;
+        (_this$node3 = _this.node) == null || _this$node3.removeAttribute('contenteditable');
+      }
+      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
+      });
+      _this.props.onBlur == null || _this.props.onBlur(e);
+    };
+    _this.handleHover = function () {
+      _this.setState({
+        clearCrossShowed: _this.getClearCrossShowed({
+          focused: _this.state.focused,
+          hovered: true
+        })
+      });
+    };
+    _this.handleUnhover = function () {
+      _this.setState({
+        clearCrossShowed: _this.getClearCrossShowed({
+          focused: _this.state.focused,
+          hovered: false
+        })
+      });
+    };
+    _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 _cx5, _cx6, _cx7;
+      switch (_this.getProps().size) {
+        case 'large':
+          return cx((_cx5 = {}, _cx5[jsInputStyles.sizeLarge(_this.theme)] = true, _cx5[jsInputStyles.sizeLargeFallback(_this.theme)] = isIE11 || isEdge, _cx5));
+        case 'medium':
+          return cx((_cx6 = {}, _cx6[jsInputStyles.sizeMedium(_this.theme)] = true, _cx6[jsInputStyles.sizeMediumFallback(_this.theme)] = isIE11 || isEdge, _cx6));
+        case 'small':
+        default:
+          return cx((_cx7 = {}, _cx7[jsInputStyles.sizeSmall(_this.theme)] = true, _cx7[jsInputStyles.sizeSmallFallback(_this.theme)] = isIE11 || isEdge, _cx7));
+      }
+    };
+    return _this;
+  }
+  _inheritsLoose(InputLikeText, _React$Component);
+  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 = globalObject.setTimeout(function () {
+        return _this3.setState({
+          blinking: false
+        });
+      }, 150);
+    });
+  };
+  _proto.getNode = function getNode() {
+    return this.node;
+  };
+  _proto.componentDidMount = function componentDidMount() {
+    var _globalObject$documen3, _globalObject$documen4;
+    if (this.node) {
+      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);
+    }
+    (_globalObject$documen3 = globalObject.document) == null || _globalObject$documen3.addEventListener('mousedown', this.handleDocumentMouseDown);
+    (_globalObject$documen4 = globalObject.document) == null || _globalObject$documen4.addEventListener('keydown', this.handleDocumentKeyDown);
+  };
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    var _globalObject$documen5, _globalObject$documen6;
+    if (this.blinkTimeout) {
+      globalObject.clearTimeout(this.blinkTimeout);
+    }
+    MouseDrag.stop(this.node);
+    (_globalObject$documen5 = globalObject.document) == null || _globalObject$documen5.removeEventListener('mousedown', this.handleDocumentMouseDown);
+    (_globalObject$documen6 = globalObject.document) == null || _globalObject$documen6.removeEventListener('keydown', this.handleDocumentKeyDown);
+  };
+  _proto.render = function render() {
+    var _this4 = this;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this4.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this4.setRootNode
+      }, _this4.getProps()), _this4.renderMain);
+    });
+  };
+  return InputLikeText;
+}(React.Component), _InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText', _InputLikeText.displayName = 'InputLikeText', _InputLikeText.defaultProps = {
+  size: 'small',
+  showClearIcon: 'never'
+}, _InputLikeText)) || _class;

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactDOM","debounce","globalObject","isNonNullable","isKeyTab","isShortcutPaste","MouseDrag","isEdge","isIE11","isMobile","removeAllSelections","selectNodeContents","calculateClearCrossShowedState","InputDataTids","styles","jsInputStyles","ThemeContext","CommonWrapper","cx","findRenderContainer","rootNode","createPropsGetter","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","isInstanceOf","FocusControlWrapper","ClearCrossIcon","HiddenInput","InputLikeTextDataTids","root","input","nativeInput","InputLikeText","_class","_InputLikeText","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","getClearCrossShowed","_ref","focused","hovered","props","disabled","showClearIcon","notEmptyValue","Boolean","children","state","blinking","clearCrossShowed","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","selectNodeContentsDebounced","selectInnerNode","start","end","document","body","focusTimeout","clearInterval","setTimeout","focus","renderMain","_cx","_cx2","_cx3","innerRef","tabIndex","placeholder","align","borderless","width","size","error","warning","onValueChange","prefix","suffix","leftIcon","rightIcon","value","onMouseDragStart","onMouseDragEnd","takeContentWidth","ariaDescribedby","ariaLabel","ariaLabelledby","onClearCrossClick","rest","_objectWithoutPropertiesLoose","_excluded","_this$state","getRightIcon","createElement","clearCross","onFocus","event","stopPropagation","onClick","leftSide","icon","text","side","rightSide","className","theme","getSizeClassName","hovering","blink","focusFallback","warningFallback","errorFallback","hideBlinkingCursor","wrapperClass","wrapper","userSelectContain","context","Object","assign","onBlurWhenDisabled","resetFocus","_extends","style","textAlign","handleFocus","onMouseEnter","handleHover","onMouseLeave","handleUnhover","onBlur","handleBlur","ref","onKeyDown","handleKeyDown","onMouseDown","handleMouseDown","role","Provider","type","absolute","inputFocus","inputDisabled","renderPlaceholder","nodeRef","hiddenInputRef","_this$props","hasValue","_cx4","placeholderDisabled","placeholderFocus","handleDocumentMouseDown","e","target","Node","contains","defrost","handleDocumentKeyDown","_this2","handleMouseDragStart","_globalObject$documen","documentElement","classList","add","userSelectNone","handleMouseDragEnd","_globalObject$documen2","remove","_this$node","setAttribute","version","search","flushSync","setState","cancel","_this$node2","removeAttribute","_this$node3","el","_cx5","_cx6","_cx7","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","_inheritsLoose","_proto","prototype","blur","_this3","blinkTimeout","getNode","componentDidMount","_globalObject$documen3","_globalObject$documen4","listen","addEventListener","componentWillUnmount","_globalObject$documen5","_globalObject$documen6","clearTimeout","stop","removeEventListener","render","_this4","Consumer","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["InputLikeText.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\nimport type { SafeTimer } from '@skbkontur/global-object';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyTab, isShortcutPaste } from '../../lib/events/keyboard/identifiers';\nimport type { MouseDragEventHandler } from '../../lib/events/MouseDrag';\nimport { MouseDrag } from '../../lib/events/MouseDrag';\nimport { isEdge, isIE11, isMobile } from '../../lib/client';\nimport { removeAllSelections, selectNodeContents } from '../../lib/dom/selectionHelpers';\nimport type { InputProps, InputState } from '../../components/Input';\nimport { calculateClearCrossShowedState, InputDataTids } from '../../components/Input';\nimport { styles as jsInputStyles } from '../../components/Input/Input.styles';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps, CommonWrapperRestProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { findRenderContainer } from '../../lib/listenFocusOutside';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { InputLayoutAside } from '../../components/Input/InputLayout/InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault } from '../../components/Input/InputLayout/InputLayoutContext';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { FocusControlWrapper } from '../FocusControlWrapper';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon';\n\nimport { HiddenInput } from './HiddenInput';\nimport { styles } from './InputLikeText.styles';\n\nexport interface InputLikeTextProps extends CommonProps, InputProps {\n  children?: React.ReactNode;\n  innerRef?: (el: HTMLElement | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onMouseDragStart?: MouseDragEventHandler;\n  onMouseDragEnd?: MouseDragEventHandler;\n  takeContentWidth?: boolean;\n  onClearCrossClick?: () => void;\n}\n\nexport type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder' | 'hovered'>;\n\nexport const InputLikeTextDataTids = {\n  root: 'InputLikeText__root',\n  input: 'InputLikeText__input',\n  nativeInput: 'InputLikeText__nativeInput',\n} as const;\n\ntype DefaultProps = Required<Pick<InputLikeTextProps, 'size' | 'showClearIcon'>>;\n\n@rootNode\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n  public static displayName = 'InputLikeText';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(InputLikeText.defaultProps);\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon,\n      notEmptyValue: Boolean(this.props.children),\n      focused,\n      hovered,\n    });\n  };\n\n  public state = {\n    blinking: false,\n    focused: false,\n    clearCrossShowed: this.getClearCrossShowed({\n      focused: false,\n    }),\n  };\n\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private hiddenInput: HTMLInputElement | null = null;\n  private lastSelectedInnerNode: [HTMLElement, number, number] | null = null;\n  private frozen = false;\n  private frozenBlur = false;\n  private dragging = false;\n  private focusTimeout: SafeTimer;\n  private blinkTimeout: SafeTimer;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.props.disabled) {\n      return;\n    }\n    this.setState({ blinking: true }, () => {\n      this.blinkTimeout = globalObject.setTimeout(() => this.setState({ blinking: false }), 150);\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  // Async call required for Firefox\n  private selectNodeContentsDebounced = debounce(selectNodeContents, 0);\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n    if (isIE11 && globalObject.document && findRenderContainer(node, globalObject.document.body)) {\n      // Code below causes Popup to close after triggering the focus event on the body in IE11\n      return;\n    }\n    this.frozen = true;\n    this.frozenBlur = true;\n\n    this.lastSelectedInnerNode = [node, start, end];\n    this.selectNodeContentsDebounced(node, start, end);\n\n    if (this.focusTimeout) {\n      globalObject.clearInterval(this.focusTimeout);\n    }\n    this.focusTimeout = globalObject.setTimeout(() => (isIE11 || isEdge) && this.node && this.node.focus(), 0);\n  };\n\n  public componentDidMount() {\n    if (this.node) {\n      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n    }\n    globalObject.document?.addEventListener('mousedown', this.handleDocumentMouseDown);\n    globalObject.document?.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      globalObject.clearTimeout(this.blinkTimeout);\n    }\n    MouseDrag.stop(this.node);\n    globalObject.document?.removeEventListener('mousedown', this.handleDocumentMouseDown);\n    globalObject.document?.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<InputLikeTextProps>) => {\n    const {\n      innerRef,\n      tabIndex,\n      placeholder,\n      align,\n      borderless,\n      width,\n      size,\n      error,\n      warning,\n      onValueChange,\n      disabled,\n      prefix,\n      suffix,\n      leftIcon,\n      rightIcon,\n      value,\n      onMouseDragStart,\n      onMouseDragEnd,\n      takeContentWidth,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      showClearIcon,\n      onClearCrossClick,\n      ...rest\n    } = props;\n\n    const { focused, blinking } = this.state;\n    const getRightIcon = () => {\n      return this.state.clearCrossShowed ? (\n        <ClearCrossIcon\n          data-tid={InputDataTids.clearCross}\n          size={size}\n          onFocus={(event) => event.stopPropagation()}\n          onClick={onClearCrossClick}\n        />\n      ) : (\n        rightIcon\n      );\n    };\n    const leftSide = <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />;\n    const rightSide = <InputLayoutAside icon={getRightIcon()} text={suffix} side=\"right\" />;\n\n    const className = cx(styles.root(), jsInputStyles.root(this.theme), this.getSizeClassName(), {\n      [jsInputStyles.disabled(this.theme)]: !!disabled,\n      [jsInputStyles.borderless()]: !!borderless,\n      [jsInputStyles.focus(this.theme)]: focused,\n      [jsInputStyles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n      [jsInputStyles.blink(this.theme)]: blinking,\n      [jsInputStyles.warning(this.theme)]: !!warning,\n      [jsInputStyles.error(this.theme)]: !!error,\n      [jsInputStyles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\n      [jsInputStyles.warningFallback(this.theme)]: !!warning && (isIE11 || isEdge),\n      [jsInputStyles.errorFallback(this.theme)]: !!error && (isIE11 || isEdge),\n      [jsInputStyles.hideBlinkingCursor()]: isMobile,\n    });\n\n    const wrapperClass = cx(jsInputStyles.wrapper(), {\n      [styles.userSelectContain()]: focused,\n    });\n\n    const context = InputLayoutContextDefault;\n    Object.assign(context, { disabled, focused, size });\n\n    return (\n      <FocusControlWrapper disabled={disabled} onBlurWhenDisabled={this.resetFocus}>\n        <span\n          data-tid={InputLikeTextDataTids.root}\n          {...rest}\n          className={className}\n          style={{ width, textAlign: align }}\n          tabIndex={disabled ? -1 : 0}\n          onFocus={this.handleFocus}\n          onMouseEnter={this.handleHover}\n          onMouseLeave={this.handleUnhover}\n          onBlur={this.handleBlur}\n          ref={this.innerRef}\n          onKeyDown={this.handleKeyDown}\n          onMouseDown={this.handleMouseDown}\n          role=\"textbox\"\n          aria-disabled={disabled}\n          aria-describedby={ariaDescribedby}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n        >\n          <InputLayoutContext.Provider value={context}>\n            <input type=\"hidden\" data-tid={InputLikeTextDataTids.nativeInput} value={value} disabled={disabled} />\n            {leftSide}\n            <span className={wrapperClass}>\n              <span\n                data-tid={InputLikeTextDataTids.input}\n                className={cx(jsInputStyles.input(this.theme), {\n                  [styles.absolute()]: !takeContentWidth,\n                  [jsInputStyles.inputFocus(this.theme)]: focused,\n                  [jsInputStyles.inputDisabled(this.theme)]: disabled,\n                })}\n              >\n                {this.props.children}\n              </span>\n              {this.renderPlaceholder()}\n            </span>\n            {rightSide}\n            {isIE11 && focused && <HiddenInput nodeRef={this.hiddenInputRef} />}\n          </InputLayoutContext.Provider>\n        </span>\n      </FocusControlWrapper>\n    );\n  };\n\n  private renderPlaceholder = (): JSX.Element | null => {\n    const { children, placeholder, disabled } = this.props;\n    const { focused } = this.state;\n    const hasValue = isNonNullable(children) && children !== '';\n\n    if (!hasValue && placeholder) {\n      return (\n        <span\n          className={cx(jsInputStyles.placeholder(this.theme), {\n            [jsInputStyles.placeholderDisabled(this.theme)]: disabled,\n            [jsInputStyles.placeholderFocus(this.theme)]: focused,\n          })}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleDocumentMouseDown = (e: MouseEvent) => {\n    if (this.state.focused && this.node && isInstanceOf(e.target, globalObject.Node) && !this.node.contains(e.target)) {\n      this.defrost();\n    }\n  };\n\n  private handleDocumentKeyDown = (e: KeyboardEvent) => {\n    if (this.state.focused && isKeyTab(e)) {\n      this.defrost();\n    }\n  };\n\n  private handleMouseDown = () => {\n    this.frozen = true;\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (isIE11 && isShortcutPaste(e) && this.hiddenInput) {\n      this.frozen = true;\n      globalObject.setTimeout(() => {\n        if (this.lastSelectedInnerNode) {\n          this.selectInnerNode(...this.lastSelectedInnerNode);\n        }\n        if (this.node) {\n          this.node.focus();\n        }\n      }, 0);\n\n      this.hiddenInput.focus();\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  private handleMouseDragStart: MouseDragEventHandler = (e) => {\n    this.dragging = true;\n    globalObject.document?.documentElement.classList.add(styles.userSelectNone());\n\n    if (this.props.onMouseDragStart) {\n      this.props.onMouseDragStart(e);\n    }\n  };\n\n  private handleMouseDragEnd: MouseDragEventHandler = (e) => {\n    // Дожидаемся onMouseUp\n    globalObject.setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    globalObject.document?.documentElement.classList.remove(styles.userSelectNone());\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      this.node?.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      if (isIE11 && globalObject.document) {\n        selectNodeContents(globalObject.document.body, 0, 0);\n      }\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozen) {\n      this.frozen = false;\n      if (this.state.focused) {\n        return;\n      }\n    }\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => this.setState({ focused: true }));\n    } else {\n      this.setState({ focused: true });\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n    if ((isIE11 || isEdge) && this.frozenBlur) {\n      this.frozenBlur = false;\n    }\n    removeAllSelections();\n    this.setState({ focused: false });\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n\n    if (this.props.disabled) {\n      e.stopPropagation();\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozenBlur) {\n      this.frozenBlur = false;\n      return;\n    }\n    if ((isIE11 || isEdge) && this.frozen) {\n      return;\n    }\n\n    removeAllSelections();\n    this.setState({ focused: false });\n\n    this.props.onBlur?.(e);\n  };\n\n  private handleHover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleUnhover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private hiddenInputRef = (el: HTMLInputElement | null) => {\n    this.hiddenInput = el;\n  };\n\n  private innerRef = (el: HTMLElement | null) => {\n    if (this.props.innerRef) {\n      this.props.innerRef(el);\n    }\n    this.node = el;\n  };\n\n  private defrost = (): void => {\n    this.frozen = false;\n    this.frozenBlur = false;\n  };\n\n  private getSizeClassName = () => {\n    switch (this.getProps().size) {\n      case 'large':\n        return cx({\n          [jsInputStyles.sizeLarge(this.theme)]: true,\n          [jsInputStyles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'medium':\n        return cx({\n          [jsInputStyles.sizeMedium(this.theme)]: true,\n          [jsInputStyles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'small':\n      default:\n        return cx({\n          [jsInputStyles.sizeSmall(this.theme)]: true,\n          [jsInputStyles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\n        });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/InputLikeText/InputLikeText/package.json

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

package/internal/InputLikeText/InputLikeText.d.ts

@@ -0,0 +1,79 @@
+import React from 'react';
+import type { MouseDragEventHandler } from '../../lib/events/MouseDrag';
+import type { InputProps, InputState } from '../../components/Input';
+import type { CommonProps } from '../CommonWrapper';
+export interface InputLikeTextProps extends CommonProps, InputProps {
+    children?: React.ReactNode;
+    innerRef?: (el: HTMLElement | null) => void;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    onMouseDragStart?: MouseDragEventHandler;
+    onMouseDragEnd?: MouseDragEventHandler;
+    takeContentWidth?: boolean;
+    onClearCrossClick?: () => void;
+}
+export type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder' | 'hovered'>;
+export declare const InputLikeTextDataTids: {
+    readonly root: "InputLikeText__root";
+    readonly input: "InputLikeText__input";
+    readonly nativeInput: "InputLikeText__nativeInput";
+};
+type DefaultProps = Required<Pick<InputLikeTextProps, 'size' | 'showClearIcon'>>;
+export declare class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private getClearCrossShowed;
+    state: {
+        blinking: boolean;
+        focused: boolean;
+        clearCrossShowed: boolean;
+    };
+    private theme;
+    private node;
+    private hiddenInput;
+    private lastSelectedInnerNode;
+    private frozen;
+    private frozenBlur;
+    private dragging;
+    private focusTimeout;
+    private blinkTimeout;
+    private setRootNode;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     */
+    blink(): void;
+    getNode(): HTMLElement | null;
+    private selectNodeContentsDebounced;
+    selectInnerNode: (node: HTMLElement | null, start?: number, end?: number) => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    private renderMain;
+    private renderPlaceholder;
+    private handleDocumentMouseDown;
+    private handleDocumentKeyDown;
+    private handleMouseDown;
+    private handleKeyDown;
+    private handleMouseDragStart;
+    private handleMouseDragEnd;
+    private handleFocus;
+    private resetFocus;
+    private handleBlur;
+    private handleHover;
+    private handleUnhover;
+    private hiddenInputRef;
+    private innerRef;
+    private defrost;
+    private getSizeClassName;
+}
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","absolute","_templateObject2","userSelectContain","_templateObject3","userSelectNone","_templateObject4","rightSide","_templateObject5"],"sources":["InputLikeText.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      padding-right: 10px;\n    `;\n  },\n\n  absolute() {\n    return css`\n      position: absolute;\n      top: 0;\n    `;\n  },\n\n  userSelectContain() {\n    return css`\n      user-select: text;\n      -ms-user-select: element;\n    `;\n  },\n\n  userSelectNone() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rightSide() {\n    return css`\n      padding-left: 0;\n      visibility: visible;\n    `;\n  },\n});\n"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ,CAAC;;EAEDC,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ,CAAC;;EAEDG,iBAAiB,WAAAA,kBAAA,EAAG;IAClB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;EAIZ,CAAC;;EAEDK,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;EAGZ,CAAC;;EAEDO,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/InputLikeText/InputLikeText.styles/package.json

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