@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-9294639913

package/cjs/internal/InputLikeText/InputLikeText.js

@@ -0,0 +1,406 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.InputLikeTextDataTids = exports.InputLikeText = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _lodash = _interopRequireDefault(require("lodash.debounce"));
+
+var _globalObject = require("@skbkontur/global-object");
+
+var _utils = require("../../lib/utils");
+
+var _MouseDrag = require("../../lib/events/MouseDrag");
+var _client = require("../../lib/client");
+var _selectionHelpers = require("../../lib/dom/selectionHelpers");
+
+var _Input = require("../../components/Input");
+var _Input2 = require("../../components/Input/Input.styles");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+
+var _CommonWrapper = require("../CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+
+var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+var _InputLayoutAside = require("../../components/Input/InputLayout/InputLayoutAside");
+var _InputLayoutContext = require("../../components/Input/InputLayout/InputLayoutContext");
+var _FocusControlWrapper = require("../FocusControlWrapper");
+var _ClearCrossIcon = require("../ClearCrossIcon/ClearCrossIcon");
+
+var _InputLikeText2 = require("./InputLikeText.styles");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;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var InputLikeTextDataTids = exports.InputLikeTextDataTids = {
+  root: 'InputLikeText__root',
+  input: 'InputLikeText__input',
+  nativeInput: 'InputLikeText__nativeInput'
+};var
+
+
+
+
+InputLikeText = exports.InputLikeText = (0, _rootNode.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 = (0, _createPropsGetter.createPropsGetter)(InputLikeText.defaultProps);_this.
+
+    getClearCrossShowed = function (_ref) {var focused = _ref.focused,hovered = _ref.hovered;
+      if (_this.props.disabled) {
+        return false;
+      }
+      return (0, _Input.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.
+    dragging = false;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    // Async call required for Firefox
+    _this.selectNodeContentsDebounced = (0, _lodash.default)(_selectionHelpers.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;
+      }
+
+      _this.selectNodeContentsDebounced(node, start, end);
+    };_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 = (0, _objectWithoutPropertiesLoose2.default)(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.default.createElement(_ClearCrossIcon.ClearCrossIcon, {
+          "data-tid": _Input.InputDataTids.clearCross,
+          size: size,
+          onFocus: function onFocus(event) {return event.stopPropagation();},
+          onClick: onClearCrossClick }
+        ) :
+
+        rightIcon;
+
+      };
+      var leftSide = /*#__PURE__*/_react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: leftIcon, text: prefix, side: "left" });
+      var rightSide = /*#__PURE__*/_react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: getRightIcon(), text: suffix, side: "right" });
+
+      var className = (0, _Emotion.cx)(_InputLikeText2.styles.root(), _Input2.styles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[
+      _Input2.styles.disabled(_this.theme)] = !!disabled, _cx[
+      _Input2.styles.borderless()] = !!borderless, _cx[
+      _Input2.styles.focus(_this.theme)] = focused, _cx[
+      _Input2.styles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _cx[
+      _Input2.styles.blink(_this.theme)] = blinking, _cx[
+      _Input2.styles.warning(_this.theme)] = !!warning, _cx[
+      _Input2.styles.error(_this.theme)] = !!error, _cx[
+      _Input2.styles.hideBlinkingCursor()] = _client.isMobile, _cx)
+      );
+
+      var wrapperClass = (0, _Emotion.cx)(_Input2.styles.wrapper(), (_cx2 = {}, _cx2[
+      _InputLikeText2.styles.userSelectContain()] = focused, _cx2)
+      );
+
+      var context = _InputLayoutContext.InputLayoutContextDefault;
+      Object.assign(context, { disabled: disabled, focused: focused, size: size });
+
+      return /*#__PURE__*/(
+        _react.default.createElement(_FocusControlWrapper.FocusControlWrapper, { disabled: disabled, onBlurWhenDisabled: _this.resetFocus }, /*#__PURE__*/
+        _react.default.createElement("span", (0, _extends2.default)({
+          "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,
+          role: "textbox",
+          "aria-disabled": disabled,
+          "aria-describedby": ariaDescribedby,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledby }), /*#__PURE__*/
+
+        _react.default.createElement(_InputLayoutContext.InputLayoutContext.Provider, { value: context }, /*#__PURE__*/
+        _react.default.createElement("input", { type: "hidden", "data-tid": InputLikeTextDataTids.nativeInput, value: value, disabled: disabled }),
+        leftSide, /*#__PURE__*/
+        _react.default.createElement("span", { className: wrapperClass }, /*#__PURE__*/
+        _react.default.createElement("span", {
+          "data-tid": InputLikeTextDataTids.input,
+          className: (0, _Emotion.cx)(_Input2.styles.input(_this.theme), (_cx3 = {}, _cx3[
+          _InputLikeText2.styles.absolute()] = !takeContentWidth, _cx3[
+          _Input2.styles.inputFocus(_this.theme)] = focused, _cx3[
+          _Input2.styles.inputDisabled(_this.theme)] = disabled, _cx3)
+          ) },
+
+        _this.props.children
+        ),
+        _this.renderPlaceholder()
+        ),
+        rightSide
+        )
+        )
+        ));
+
+    };_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 = (0, _utils.isNonNullable)(children) && children !== '';
+
+      if (!hasValue && placeholder) {var _cx4;
+        return /*#__PURE__*/(
+          _react.default.createElement("span", {
+            className: (0, _Emotion.cx)(_Input2.styles.placeholder(_this.theme), (_cx4 = {}, _cx4[
+            _Input2.styles.placeholderDisabled(_this.theme)] = disabled, _cx4[
+            _Input2.styles.placeholderFocus(_this.theme)] = focused, _cx4)
+            ) },
+
+          placeholder
+          ));
+
+      }
+      return null;
+    };_this.
+
+    handleKeyDown = function (e) {
+      if (_this.props.disabled) {
+        return;
+      }
+
+      if (_this.props.onKeyDown) {
+        _this.props.onKeyDown(e);
+      }
+    };_this.
+
+    handleMouseDragStart = function (e) {var _globalObject$documen;
+      _this.dragging = true;
+      (_globalObject$documen = _globalObject.globalObject.document) == null || _globalObject$documen.documentElement.classList.add(_InputLikeText2.styles.userSelectNone());
+
+      if (_this.props.onMouseDragStart) {
+        _this.props.onMouseDragStart(e);
+      }
+    };_this.
+
+    handleMouseDragEnd = function (e) {var _globalObject$documen2;
+      // Дожидаемся onMouseUp
+      _globalObject.globalObject.setTimeout(function () {
+        _this.dragging = false;
+
+        if (_this.props.onMouseDragEnd) {
+          _this.props.onMouseDragEnd(e);
+        }
+      }, 0);
+
+      (_globalObject$documen2 = _globalObject.globalObject.document) == null || _globalObject$documen2.documentElement.classList.remove(_InputLikeText2.styles.userSelectNone());
+    };_this.
+
+    handleFocus = function (e) {
+      if (_client.isMobile) {var _this$node;
+        (_this$node = _this.node) == null || _this$node.setAttribute('contenteditable', 'true');
+      }
+
+      if (_this.props.disabled) {
+        return;
+      }
+
+      // Auto-batching React@18 creates problems that are fixed with flushSync
+      // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366
+      if (_react.default.version.search('18') === 0) {
+        _reactDom.default.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 (_client.isMobile) {var _this$node2;
+        (_this$node2 = _this.node) == null || _this$node2.removeAttribute('contenteditable');
+      }
+      (0, _selectionHelpers.removeAllSelections)();
+      _this.setState({ focused: false });
+    };_this.
+
+    handleBlur = function (e) {
+      _this.selectNodeContentsDebounced.cancel();
+      if (_client.isMobile) {var _this$node3;
+        (_this$node3 = _this.node) == null || _this$node3.removeAttribute('contenteditable');
+      }
+
+      if (_this.props.disabled) {
+        e.stopPropagation();
+        return;
+      }
+
+      (0, _selectionHelpers.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.
+
+    innerRef = function (el) {
+      if (_this.props.innerRef) {
+        _this.props.innerRef(el);
+      }
+      _this.node = el;
+    };_this.
+
+    getSizeClassName = function () {var _cx5, _cx6, _cx7;
+      switch (_this.getProps().size) {
+        case 'large':
+          return (0, _Emotion.cx)((_cx5 = {}, _cx5[
+          _Input2.styles.sizeLarge(_this.theme)] = true, _cx5)
+          );
+        case 'medium':
+          return (0, _Emotion.cx)((_cx6 = {}, _cx6[
+          _Input2.styles.sizeMedium(_this.theme)] = true, _cx6)
+          );
+        case 'small':
+        default:
+          return (0, _Emotion.cx)((_cx7 = {}, _cx7[
+          _Input2.styles.sizeSmall(_this.theme)] = true, _cx7)
+          );
+      }
+    };return _this;}(0, _inheritsLoose2.default)(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 _this2 = this;if (this.props.disabled) {return;}this.setState({ blinking: true }, function () {_this2.blinkTimeout = _globalObject.globalObject.setTimeout(function () {return _this2.setState({ blinking: false });}, 150);});};_proto.getNode = function getNode() {return this.node;};_proto.componentDidMount = function componentDidMount() {if (this.node) {_MouseDrag.MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);}};_proto.componentWillUnmount = function componentWillUnmount() {if (this.blinkTimeout) {_globalObject.globalObject.clearTimeout(this.blinkTimeout);}_MouseDrag.MouseDrag.stop(this.node);};_proto.render = function render() {var _this3 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this3.setRootNode }, _this3.getProps()), _this3.renderMain);});};return InputLikeText;}(_react.default.Component), _InputLikeText.__KONTUR_REACT_UI__ = 'InputLikeText', _InputLikeText.displayName = 'InputLikeText', _InputLikeText.defaultProps = { size: 'small', showClearIcon: 'never' }, _InputLikeText)) || _class;

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactDom","_lodash","_globalObject","_utils","_MouseDrag","_client","_selectionHelpers","_Input","_Input2","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_createPropsGetter","_InputLayoutAside","_InputLayoutContext","_FocusControlWrapper","_ClearCrossIcon","_InputLikeText2","_excluded","_class","_InputLikeText","InputLikeTextDataTids","exports","root","input","nativeInput","InputLikeText","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","getClearCrossShowed","_ref","focused","hovered","props","disabled","calculateClearCrossShowedState","showClearIcon","notEmptyValue","Boolean","children","state","blinking","clearCrossShowed","node","dragging","selectNodeContentsDebounced","debounce","selectNodeContents","selectInnerNode","start","end","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","_objectWithoutPropertiesLoose2","default","_this$state","getRightIcon","createElement","ClearCrossIcon","InputDataTids","clearCross","onFocus","event","stopPropagation","onClick","leftSide","InputLayoutAside","icon","text","side","rightSide","className","cx","styles","jsInputStyles","theme","getSizeClassName","focus","hovering","blink","hideBlinkingCursor","isMobile","wrapperClass","wrapper","userSelectContain","context","InputLayoutContextDefault","Object","assign","FocusControlWrapper","onBlurWhenDisabled","resetFocus","_extends2","style","textAlign","handleFocus","onMouseEnter","handleHover","onMouseLeave","handleUnhover","onBlur","handleBlur","ref","onKeyDown","handleKeyDown","role","InputLayoutContext","Provider","type","absolute","inputFocus","inputDisabled","renderPlaceholder","_this$props","hasValue","isNonNullable","_cx4","placeholderDisabled","placeholderFocus","e","handleMouseDragStart","_globalObject$documen","globalObject","document","documentElement","classList","add","userSelectNone","handleMouseDragEnd","_globalObject$documen2","setTimeout","remove","_this$node","setAttribute","React","version","search","ReactDOM","flushSync","setState","cancel","_this$node2","removeAttribute","removeAllSelections","_this$node3","el","_cx5","_cx6","_cx7","sizeLarge","sizeMedium","sizeSmall","_inheritsLoose2","_proto","prototype","blur","_this2","blinkTimeout","getNode","componentDidMount","MouseDrag","listen","componentWillUnmount","clearTimeout","stop","render","_this3","ThemeContext","Consumer","CommonWrapper","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 type { MouseDragEventHandler } from '../../lib/events/MouseDrag';\nimport { MouseDrag } from '../../lib/events/MouseDrag';\nimport { 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 type { TGetRootNode, 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 { FocusControlWrapper } from '../FocusControlWrapper';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon';\n\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 dragging = false;\n  private blinkTimeout: SafeTimer;\n  public getRootNode!: TGetRootNode;\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\n    this.selectNodeContentsDebounced(node, start, end);\n  };\n\n  public componentDidMount() {\n    if (this.node) {\n      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      globalObject.clearTimeout(this.blinkTimeout);\n    }\n    MouseDrag.stop(this.node);\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.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          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          </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 handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\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      return;\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    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    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 innerRef = (el: HTMLElement | null) => {\n    if (this.props.innerRef) {\n      this.props.innerRef(el);\n    }\n    this.node = el;\n  };\n\n  private getSizeClassName = () => {\n    switch (this.getProps().size) {\n      case 'large':\n        return cx({\n          [jsInputStyles.sizeLarge(this.theme)]: true,\n        });\n      case 'medium':\n        return cx({\n          [jsInputStyles.sizeMedium(this.theme)]: true,\n        });\n      case 'small':\n      default:\n        return cx({\n          [jsInputStyles.sizeSmall(this.theme)]: true,\n        });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+export declare const styles: {
+    root(): string;
+    absolute(): string;
+    userSelectContain(): string;
+    userSelectNone(): string;
+    rightSide(): string;
+};

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

@@ -0,0 +1,36 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: 10px;\n    "])));
+
+
+  },
+
+  absolute: function absolute() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n    "])));
+
+
+
+  },
+
+  userSelectContain: function userSelectContain() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: text;\n      -ms-user-select: element;\n    "])));
+
+
+
+  },
+
+  userSelectNone: function userSelectNone() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n    "])));
+
+
+  },
+
+  rightSide: function rightSide() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: 0;\n      visibility: visible;\n    "])));
+
+
+
+  }
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","absolute","userSelectContain","userSelectNone","rightSide"],"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":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDC,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDE,iBAAiB,WAAAA,kBAAA,EAAG;IAClB,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDG,cAAc,WAAAA,eAAA,EAAG;IACf,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDI,SAAS,WAAAA,UAAA,EAAG;IACV,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/InputLikeText/index.d.ts

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

package/cjs/internal/InputLikeText/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_InputLikeText","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './InputLikeText';\n"],"mappings":"uCAAA,IAAAA,cAAA,GAAAC,OAAA,oBAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,cAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/internal/InternalMaskedInput/InternalMaskedInput.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+export interface InternalMaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    mask: string;
+    maskChar?: string | null;
+    formatChars?: {
+        [key: string]: string;
+    };
+    alwaysShowMask?: boolean;
+    hasLeftIcon?: boolean;
+    hasRightIcon?: boolean;
+    onUnexpectedInput?: (value: string) => void;
+    onValueChange?: (value: string) => void;
+}
+interface MaskedInputState {
+    value: string;
+    originValue: string;
+    emptyValue: string;
+    focused: boolean;
+}
+type DefaultProps = Required<Pick<InternalMaskedInputProps, 'maskChar'>>;
+export declare const MaskedInputDataTids: {
+    readonly root: "MaskedInput__root";
+};
+/** @deprecated Со следующей мажорной версии Input перестанет поддерживать маску.
+ * todo: выпилить в 5 версии библиотеки.
+ * */
+export declare class InternalMaskedInput extends React.PureComponent<InternalMaskedInputProps, MaskedInputState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    input: HTMLInputElement | null;
+    private theme;
+    private reactInputMask;
+    constructor(props: InternalMaskedInputProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: InternalMaskedInputProps): void;
+    render(): React.JSX.Element;
+    private renderMain;
+    private getValue;
+    private refInput;
+    private refMaskedInput;
+    private handleChange;
+    private handleFocus;
+    private handleBlur;
+    private preprocess;
+    private isMaskVisible;
+    private handleUnexpectedInput;
+}
+export {};