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

package/components/CurrencyInput/CurrencyInput/CurrencyInput.js

@@ -0,0 +1,514 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import PropTypes from 'prop-types';
+import warning from 'warning';
+import debounce from 'lodash.debounce';
+import { isIE11 } from "../../../lib/client";
+import { Input } from "../../Input";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { MAX_SAFE_DIGITS } from "../constants";
+import { SelectionHelper } from "../SelectionHelper";
+import { CurrencyHelper } from "../CurrencyHelper";
+import { CurrencyInputHelper } from "../CurrencyInputHelper";
+import { CURRENCY_INPUT_ACTIONS, extractAction } from "../CurrencyInputKeyboardActions";
+/**
+ * Поле для денежных сумм (и других числовых значений).
+ * Принимает любые свойства `Input`.
+ *
+ * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).
+ * <br/>
+ * Если `fractionDigits=15`, то в целой части допускается **0**.
+ */
+
+export var CurrencyInput = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(CurrencyInput, _React$Component);
+
+  function CurrencyInput() {
+    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 = _extends({}, _this.getState(_this.props.value, _this.props.fractionDigits, _this.props.hideTrailingZeros), {
+      focused: false
+    });
+    _this.input = void 0;
+    _this.tempSelectionForOnChange = SelectionHelper.fromPosition(0);
+
+    _this.renderMain = function (props) {
+      var fractionDigits = props.fractionDigits,
+          signed = props.signed,
+          onSubmit = props.onSubmit,
+          integerDigits = props.integerDigits,
+          hideTrailingZeros = props.hideTrailingZeros,
+          rest = _objectWithoutPropertiesLoose(props, ["fractionDigits", "signed", "onSubmit", "integerDigits", "hideTrailingZeros"]);
+
+      var placeholder = _this.props.placeholder == null ? CurrencyHelper.format(0, {
+        fractionDigits: fractionDigits,
+        hideTrailingZeros: hideTrailingZeros
+      }) : _this.props.placeholder;
+      return /*#__PURE__*/React.createElement(Input, _extends({}, rest, {
+        value: _this.state.formatted,
+        onBlur: _this.handleBlur,
+        onFocus: _this.handleFocus,
+        onMouseUp: _this.handleMouseUp,
+        onKeyDown: _this.handleKeyDown,
+        onValueChange: _this.handleValueChange,
+        onPaste: _this.handlePaste,
+        onCopy: _this.handleCopy,
+        onCut: _this.handleCut,
+        onMouseEnter: _this.props.onMouseEnter,
+        onMouseLeave: _this.props.onMouseLeave,
+        onMouseOver: _this.props.onMouseOver,
+        ref: _this.refInput,
+        placeholder: _this.state.focused ? '' : placeholder
+      }));
+    };
+
+    _this.focus = function () {
+      if (_this.input) {
+        _this.input.focus();
+      }
+    };
+
+    _this.blur = function () {
+      if (_this.input) {
+        _this.input.blur();
+      }
+    };
+
+    _this.debouncedSetSelectionFromEvent = debounce(_this.setSelectionFromEvent, 300);
+
+    _this.handleMouseUp = function (event) {
+      if (isIE11) {
+        event.persist();
+
+        _this.debouncedSetSelectionFromEvent(event);
+      } else {
+        _this.setSelectionFromEvent(event);
+      }
+    };
+
+    _this.handleKeyDown = function (event) {
+      var selection = _this.getSelection(event.target);
+
+      _this.tempSelectionForOnChange = selection;
+
+      if (_this.props.onKeyDown) {
+        _this.props.onKeyDown(event);
+
+        if (event.defaultPrevented) {
+          return;
+        }
+      }
+
+      var action = extractAction(event);
+
+      if (action === CURRENCY_INPUT_ACTIONS.Ignore) {
+        return;
+      }
+
+      if (action !== CURRENCY_INPUT_ACTIONS.Unknown) {
+        event.preventDefault();
+      }
+
+      switch (action) {
+        case CURRENCY_INPUT_ACTIONS.Submit:
+          {
+            if (_this.props.onSubmit) {
+              _this.props.onSubmit();
+            }
+
+            return;
+          }
+
+        case CURRENCY_INPUT_ACTIONS.Backspace:
+          {
+            _this.inputValue(CurrencyInputHelper.moveCursor(_this.state.formatted, selection, -1), selection.end, '');
+
+            return;
+          }
+
+        case CURRENCY_INPUT_ACTIONS.Delete:
+          {
+            _this.inputValue(selection.start, CurrencyInputHelper.moveCursor(_this.state.formatted, selection, +1), '');
+
+            return;
+          }
+
+        case CURRENCY_INPUT_ACTIONS.MoveCursorLeft:
+          {
+            _this.moveCursor(selection, -1);
+
+            return;
+          }
+
+        case CURRENCY_INPUT_ACTIONS.MoveCursorRight:
+          {
+            _this.moveCursor(selection, +1);
+
+            return;
+          }
+
+        case CURRENCY_INPUT_ACTIONS.Home:
+          {
+            _this.setState({
+              selection: SelectionHelper.fromPosition(0)
+            });
+
+            return;
+          }
+
+        case CURRENCY_INPUT_ACTIONS.End:
+          {
+            var end = _this.state.formatted.length;
+
+            _this.setState({
+              selection: SelectionHelper.fromPosition(end)
+            });
+
+            return;
+          }
+
+        case CURRENCY_INPUT_ACTIONS.ExtendSelectionLeft:
+          {
+            _this.extendSelection(selection, -1);
+
+            return;
+          }
+
+        case CURRENCY_INPUT_ACTIONS.ExtendSelectionRight:
+          {
+            _this.extendSelection(selection, +1);
+
+            return;
+          }
+
+        case CURRENCY_INPUT_ACTIONS.FullSelection:
+          {
+            _this.setState({
+              selection: SelectionHelper.forward(0, _this.state.formatted.length)
+            });
+
+            return;
+          }
+
+        case CURRENCY_INPUT_ACTIONS.ExtendSelectionToStart:
+          {
+            _this.setState({
+              selection: SelectionHelper.backward(0, selection.start)
+            });
+
+            return;
+          }
+
+        case CURRENCY_INPUT_ACTIONS.ExtendSelectionToEnd:
+          {
+            var inputEnd = _this.state.formatted.length;
+
+            _this.setState({
+              selection: SelectionHelper.forward(selection.start, inputEnd)
+            });
+
+            return;
+          }
+      }
+    };
+
+    _this.scrollInput = function () {
+      var _this$input;
+
+      var node = (_this$input = _this.input) == null ? void 0 : _this$input.getNode();
+
+      if (!node || node.scrollWidth === node.clientWidth) {
+        return;
+      }
+
+      var PAD = 1;
+      var SHIFT = 3;
+      var selection = _this.state.selection;
+      var selected = selection.start !== selection.end;
+      var position = selected && selection.direction === 'forward' ? selection.end : selection.start;
+      var charsCount = _this.state.formatted.length;
+      var charWidth = node.scrollWidth / charsCount;
+      var frame = Math.ceil(node.clientWidth / charWidth);
+      var frameStart = Math.ceil(node.scrollLeft / charWidth);
+      var frameEnd = frameStart + frame;
+
+      if (position < frameStart + PAD) {
+        node.scrollLeft = (position - SHIFT) * charWidth;
+      }
+
+      if (position > frameEnd - PAD) {
+        node.scrollLeft = (position - frame + SHIFT) * charWidth;
+      }
+    };
+
+    _this.getSelection = function (input) {
+      var selection = getInputSelectionFromEvent(input);
+      return {
+        start: selection.start,
+        end: selection.end,
+        direction: _this.state.selection.direction
+      };
+    };
+
+    _this.moveCursor = function (selection, step) {
+      var position = CurrencyInputHelper.moveCursor(_this.state.formatted, selection, step);
+
+      _this.setState({
+        selection: SelectionHelper.fromPosition(position)
+      });
+    };
+
+    _this.extendSelection = function (selection, step) {
+      var extended = CurrencyInputHelper.extendSelection(_this.state.formatted, selection, step);
+
+      _this.setState({
+        selection: extended
+      });
+    };
+
+    _this.inputValue = function (start, end, value) {
+      var result = CurrencyInputHelper.safeInsert(_this.state.formatted, start, end, value, {
+        integerDigits: _this.props.integerDigits,
+        fractionDigits: _this.props.fractionDigits,
+        unsigned: !_this.props.signed
+      });
+
+      if (result) {
+        var formatted = result.value;
+        var selection = SelectionHelper.fromPosition(result.position);
+
+        _this.setState({
+          formatted: formatted,
+          selection: selection
+        }, function () {
+          var parsedValue = CurrencyHelper.parse(formatted);
+
+          if (_this.props.value !== parsedValue) {
+            _this.props.onValueChange(parsedValue);
+          }
+        });
+
+        return true;
+      }
+
+      if (_this.input) {
+        _this.input.blink();
+      }
+
+      return false;
+    };
+
+    _this.getOnChangeDelta = function (value) {
+      var selection = _this.tempSelectionForOnChange;
+      var oldValue = _this.state.formatted;
+
+      if (selection.start !== selection.end) {
+        return value.substring(selection.start, value.length - (oldValue.length - selection.end));
+      } else if (value.length > oldValue.length) {
+        return value.substr(selection.start, value.length - oldValue.length);
+      }
+
+      return null;
+    };
+
+    _this.handleValueChange = function (value) {
+      var selection = _this.tempSelectionForOnChange;
+
+      var delta = _this.getOnChangeDelta(value);
+
+      if (delta != null && !_this.inputValue(selection.start, selection.end, delta)) {
+        _this.setState({
+          selection: selection
+        });
+      }
+    };
+
+    _this.handlePaste = function (event) {
+      var data = event.clipboardData.getData('text');
+
+      var selection = _this.getSelection(event.target);
+
+      _this.inputValue(selection.start, selection.end, data);
+
+      event.preventDefault();
+    };
+
+    _this.handleCopy = function (event) {
+      var selection = _this.getSelection(event.target);
+
+      if (selection.start !== selection.end) {
+        var substring = _this.state.formatted.substring(selection.start, selection.end);
+
+        var data = CurrencyHelper.formatForClipboard(substring);
+        event.clipboardData.setData('text', data);
+      }
+
+      event.preventDefault();
+    };
+
+    _this.handleCut = function (event) {
+      var selection = _this.getSelection(event.target);
+
+      if (selection.start !== selection.end) {
+        var substring = _this.state.formatted.substring(selection.start, selection.end);
+
+        var data = CurrencyHelper.formatForClipboard(substring);
+        event.clipboardData.setData('text', data);
+
+        _this.inputValue(selection.start, selection.end, '');
+      }
+
+      event.preventDefault();
+    };
+
+    _this.handleFocus = function (event) {
+      var _event$target = event.target,
+          selectionStart = _event$target.selectionStart,
+          selectionEnd = _event$target.selectionEnd,
+          selectionDirection = _event$target.selectionDirection;
+      var valueLenght = event.target.value.length;
+      var selection = {
+        start: selectionStart !== selectionEnd ? selectionStart || 0 : selectionStart || valueLenght,
+        end: selectionEnd !== selectionStart ? selectionEnd || 0 : selectionEnd || valueLenght,
+        direction: selectionDirection || 'none'
+      };
+
+      _this.setState({
+        focused: true,
+        selection: selection
+      });
+
+      if (_this.props.onFocus) {
+        _this.props.onFocus(event);
+      }
+    };
+
+    _this.handleBlur = function (event) {
+      var value = CurrencyHelper.parse(_this.state.formatted);
+
+      _this.setState(_extends({}, _this.getState(value, _this.props.fractionDigits, _this.props.hideTrailingZeros), {
+        focused: false
+      }));
+
+      if (_this.props.onBlur) {
+        _this.props.onBlur(event);
+      }
+    };
+
+    _this.refInput = function (element) {
+      _this.input = element;
+    };
+
+    return _this;
+  }
+
+  var _proto = CurrencyInput.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    var _this$props = this.props,
+        maxLength = _this$props.maxLength,
+        integerDigits = _this$props.integerDigits,
+        fractionDigits = _this$props.fractionDigits;
+    warning(maxLength === undefined, "[CurrencyInput]: Prop 'maxLength' has been deprecated. See 'integerDigits' and 'fractionDigits'");
+    warning((integerDigits || 0) + (fractionDigits || 0) <= MAX_SAFE_DIGITS, "[CurrencyInput]: Sum of 'integerDigits' and 'fractionDigits' exceeds " + MAX_SAFE_DIGITS + "." + "\nSee https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15");
+  };
+
+  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
+    var value = nextProps.value,
+        fractionDigits = nextProps.fractionDigits,
+        hideTrailingZeros = nextProps.hideTrailingZeros;
+
+    if (value !== CurrencyHelper.parse(this.state.formatted) || fractionDigits !== this.props.fractionDigits) {
+      var state = this.getState(value, fractionDigits, hideTrailingZeros);
+      this.setState(state);
+    }
+  };
+
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
+    if (this.state.focused && this.input) {
+      var _this$state$selection = this.state.selection,
+          start = _this$state$selection.start,
+          end = _this$state$selection.end;
+      this.input.setSelectionRange(start, end);
+    }
+
+    if (prevState.selection !== this.state.selection) {
+      this.scrollInput();
+    }
+  };
+
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, this.renderMain);
+  };
+
+  _proto.getState = function getState(value, fractionDigits, hideTrailingZeros) {
+    return {
+      formatted: CurrencyHelper.format(value, {
+        fractionDigits: fractionDigits,
+        hideTrailingZeros: hideTrailingZeros
+      }),
+      selection: SelectionHelper.fromPosition(0)
+    };
+  };
+
+  _proto.setSelectionFromEvent = function setSelectionFromEvent(event) {
+    var selection = getInputSelectionFromEvent(event.target);
+    var normilized = CurrencyInputHelper.normalizeSelection(this.state.formatted, selection);
+    this.setState({
+      selection: normilized
+    });
+  } // for IE11
+  ;
+
+  return CurrencyInput;
+}(React.Component);
+CurrencyInput.__KONTUR_REACT_UI__ = 'CurrencyInput';
+CurrencyInput.propTypes = {
+  align: PropTypes.oneOf(['left', 'center', 'right']),
+  autoFocus: PropTypes.bool,
+  borderless: PropTypes.bool,
+  disabled: PropTypes.bool,
+  error: PropTypes.bool,
+  fractionDigits: PropTypes.number,
+  hideTrailingZeros: PropTypes.bool,
+  leftIcon: PropTypes.element,
+  placeholder: PropTypes.string,
+  signed: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  value: PropTypes.number,
+  warning: PropTypes.bool,
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  onBlur: PropTypes.func,
+  onValueChange: PropTypes.func.isRequired,
+  onFocus: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func,
+  onMouseOver: PropTypes.func,
+  onSubmit: PropTypes.func
+};
+CurrencyInput.defaultProps = {
+  align: 'right',
+  fractionDigits: 2,
+  hideTrailingZeros: false,
+  value: null,
+  inputMode: 'decimal'
+};
+
+function getInputSelectionFromEvent(input) {
+  if (!(input instanceof HTMLInputElement)) {
+    throw new Error('input is not HTMLInputElement');
+  }
+
+  return {
+    start: input.selectionStart,
+    end: input.selectionEnd,
+    direction: input.selectionDirection
+  };
+}

package/components/CurrencyInput/CurrencyInput/CurrencyInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CurrencyInput.tsx"],"names":["React","PropTypes","warning","debounce","isIE11","Input","CommonWrapper","MAX_SAFE_DIGITS","SelectionHelper","CurrencyHelper","CurrencyInputHelper","CURRENCY_INPUT_ACTIONS","extractAction","CurrencyInput","state","getState","props","value","fractionDigits","hideTrailingZeros","focused","input","tempSelectionForOnChange","fromPosition","renderMain","signed","onSubmit","integerDigits","rest","placeholder","format","formatted","handleBlur","handleFocus","handleMouseUp","handleKeyDown","handleValueChange","handlePaste","handleCopy","handleCut","onMouseEnter","onMouseLeave","onMouseOver","refInput","focus","blur","debouncedSetSelectionFromEvent","setSelectionFromEvent","event","persist","selection","getSelection","target","onKeyDown","defaultPrevented","action","Ignore","Unknown","preventDefault","Submit","Backspace","inputValue","moveCursor","end","Delete","start","MoveCursorLeft","MoveCursorRight","Home","setState","End","length","ExtendSelectionLeft","extendSelection","ExtendSelectionRight","FullSelection","forward","ExtendSelectionToStart","backward","ExtendSelectionToEnd","inputEnd","scrollInput","node","getNode","scrollWidth","clientWidth","PAD","SHIFT","selected","position","direction","charsCount","charWidth","frame","Math","ceil","frameStart","scrollLeft","frameEnd","getInputSelectionFromEvent","step","extended","result","safeInsert","unsigned","parsedValue","parse","onValueChange","blink","getOnChangeDelta","oldValue","substring","substr","delta","data","clipboardData","getData","formatForClipboard","setData","selectionStart","selectionEnd","selectionDirection","valueLenght","onFocus","onBlur","element","componentDidMount","maxLength","undefined","UNSAFE_componentWillReceiveProps","nextProps","componentDidUpdate","prevProps","prevState","setSelectionRange","render","normilized","normalizeSelection","Component","__KONTUR_REACT_UI__","propTypes","align","oneOf","autoFocus","bool","borderless","disabled","error","number","leftIcon","string","size","width","oneOfType","func","isRequired","defaultProps","inputMode","HTMLInputElement","Error"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport warning from 'warning';\nimport debounce from 'lodash.debounce';\n\nimport { isIE11 } from '../../lib/client';\nimport { Input, InputProps } from '../Input';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\n\nimport { MAX_SAFE_DIGITS } from './constants';\nimport { Selection, SelectionDirection, SelectionHelper } from './SelectionHelper';\nimport { CurrencyHelper } from './CurrencyHelper';\nimport { CurrencyInputHelper } from './CurrencyInputHelper';\nimport { CURRENCY_INPUT_ACTIONS, extractAction } from './CurrencyInputKeyboardActions';\n\nexport interface CurrencyInputProps\n  extends CommonProps,\n    Override<\n      InputProps,\n      {\n        /** Значение */\n        value: Nullable<number>;\n        /** Убрать лишние нули после запятой */\n        hideTrailingZeros: boolean;\n        /** Кол-во цифр после зяпятой */\n        fractionDigits?: Nullable<number>;\n        /** Отрицательные значения */\n        signed?: boolean;\n        /**\n         * Допустимое кол-во цифр целой части.\n         * Если передан **0**, или `fractionDigits=15`, то и в целой части допускается только **0**.\n         */\n        integerDigits?: Nullable<number>;\n        /** Вызывается при изменении `value` */\n        onValueChange: (value: Nullable<number>) => void;\n        /** onSubmit */\n        onSubmit?: () => void;\n      }\n    > {}\n\nexport interface CurrencyInputState {\n  formatted: string;\n  selection: Selection;\n  focused: boolean;\n}\n\n/**\n * Поле для денежных сумм (и других числовых значений).\n * Принимает любые свойства `Input`.\n *\n * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).\n * <br/>\n * Если `fractionDigits=15`, то в целой части допускается **0**.\n */\nexport class CurrencyInput extends React.Component<CurrencyInputProps, CurrencyInputState> {\n  public static __KONTUR_REACT_UI__ = 'CurrencyInput';\n\n  public static propTypes = {\n    align: PropTypes.oneOf(['left', 'center', 'right']),\n    autoFocus: PropTypes.bool,\n    borderless: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    fractionDigits: PropTypes.number,\n    hideTrailingZeros: PropTypes.bool,\n    leftIcon: PropTypes.element,\n    placeholder: PropTypes.string,\n    signed: PropTypes.bool,\n    size: PropTypes.oneOf(['small', 'medium', 'large']),\n    value: PropTypes.number,\n    warning: PropTypes.bool,\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    onBlur: PropTypes.func,\n    onValueChange: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n    onSubmit: PropTypes.func,\n  };\n\n  public static defaultProps = {\n    align: 'right',\n    fractionDigits: 2,\n    hideTrailingZeros: false,\n    value: null,\n    inputMode: 'decimal',\n  };\n\n  public state: CurrencyInputState = {\n    ...this.getState(this.props.value, this.props.fractionDigits, this.props.hideTrailingZeros),\n    focused: false,\n  };\n\n  private input: Nullable<Input>;\n  private tempSelectionForOnChange: Selection = SelectionHelper.fromPosition(0);\n\n  public componentDidMount(): void {\n    const { maxLength, integerDigits, fractionDigits } = this.props;\n    warning(\n      maxLength === undefined,\n      `[CurrencyInput]: Prop 'maxLength' has been deprecated. See 'integerDigits' and 'fractionDigits'`,\n    );\n    warning(\n      (integerDigits || 0) + (fractionDigits || 0) <= MAX_SAFE_DIGITS,\n      `[CurrencyInput]: Sum of 'integerDigits' and 'fractionDigits' exceeds ${MAX_SAFE_DIGITS}.` +\n        `\\nSee https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15`,\n    );\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: CurrencyInputProps) {\n    const { value, fractionDigits, hideTrailingZeros } = nextProps;\n    if (value !== CurrencyHelper.parse(this.state.formatted) || fractionDigits !== this.props.fractionDigits) {\n      const state = this.getState(value, fractionDigits, hideTrailingZeros);\n      this.setState(state);\n    }\n  }\n\n  public componentDidUpdate(prevProps: Readonly<CurrencyInputProps>, prevState: Readonly<CurrencyInputState>) {\n    if (this.state.focused && this.input) {\n      const { start, end } = this.state.selection;\n\n      this.input.setSelectionRange(start, end);\n    }\n    if (prevState.selection !== this.state.selection) {\n      this.scrollInput();\n    }\n  }\n\n  public render() {\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<CurrencyInputProps>) => {\n    const { fractionDigits, signed, onSubmit, integerDigits, hideTrailingZeros, ...rest } = props;\n    const placeholder =\n      this.props.placeholder == null\n        ? CurrencyHelper.format(0, { fractionDigits, hideTrailingZeros })\n        : this.props.placeholder;\n\n    return (\n      <Input\n        {...rest}\n        value={this.state.formatted}\n        onBlur={this.handleBlur}\n        onFocus={this.handleFocus}\n        onMouseUp={this.handleMouseUp}\n        onKeyDown={this.handleKeyDown}\n        onValueChange={this.handleValueChange}\n        onPaste={this.handlePaste}\n        onCopy={this.handleCopy}\n        onCut={this.handleCut}\n        onMouseEnter={this.props.onMouseEnter}\n        onMouseLeave={this.props.onMouseLeave}\n        onMouseOver={this.props.onMouseOver}\n        ref={this.refInput}\n        placeholder={this.state.focused ? '' : placeholder}\n      />\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private getState(value: Nullable<number>, fractionDigits: Nullable<number>, hideTrailingZeros: boolean) {\n    return {\n      formatted: CurrencyHelper.format(value, { fractionDigits, hideTrailingZeros }),\n      selection: SelectionHelper.fromPosition(0),\n    };\n  }\n\n  private setSelectionFromEvent(event: React.MouseEvent<HTMLInputElement>) {\n    const selection = getInputSelectionFromEvent(event.target);\n    const normilized = CurrencyInputHelper.normalizeSelection(this.state.formatted, selection);\n    this.setState({ selection: normilized });\n  }\n\n  // for IE11\n  private readonly debouncedSetSelectionFromEvent = debounce(this.setSelectionFromEvent, 300);\n\n  private handleMouseUp = (event: React.MouseEvent<HTMLInputElement>) => {\n    if (isIE11) {\n      event.persist();\n      this.debouncedSetSelectionFromEvent(event);\n    } else {\n      this.setSelectionFromEvent(event);\n    }\n  };\n\n  private handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const selection = this.getSelection(event.target);\n    this.tempSelectionForOnChange = selection;\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(event);\n      if (event.defaultPrevented) {\n        return;\n      }\n    }\n\n    const action = extractAction(event);\n\n    if (action === CURRENCY_INPUT_ACTIONS.Ignore) {\n      return;\n    }\n\n    if (action !== CURRENCY_INPUT_ACTIONS.Unknown) {\n      event.preventDefault();\n    }\n\n    switch (action) {\n      case CURRENCY_INPUT_ACTIONS.Submit: {\n        if (this.props.onSubmit) {\n          this.props.onSubmit();\n        }\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.Backspace: {\n        this.inputValue(CurrencyInputHelper.moveCursor(this.state.formatted, selection, -1), selection.end, '');\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.Delete: {\n        this.inputValue(selection.start, CurrencyInputHelper.moveCursor(this.state.formatted, selection, +1), '');\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.MoveCursorLeft: {\n        this.moveCursor(selection, -1);\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.MoveCursorRight: {\n        this.moveCursor(selection, +1);\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.Home: {\n        this.setState({ selection: SelectionHelper.fromPosition(0) });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.End: {\n        const end = this.state.formatted.length;\n        this.setState({ selection: SelectionHelper.fromPosition(end) });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.ExtendSelectionLeft: {\n        this.extendSelection(selection, -1);\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.ExtendSelectionRight: {\n        this.extendSelection(selection, +1);\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.FullSelection: {\n        this.setState({\n          selection: SelectionHelper.forward(0, this.state.formatted.length),\n        });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.ExtendSelectionToStart: {\n        this.setState({\n          selection: SelectionHelper.backward(0, selection.start),\n        });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.ExtendSelectionToEnd: {\n        const inputEnd = this.state.formatted.length;\n        this.setState({\n          selection: SelectionHelper.forward(selection.start, inputEnd),\n        });\n        return;\n      }\n    }\n  };\n\n  private scrollInput = () => {\n    const node = this.input?.getNode();\n    if (!node || node.scrollWidth === node.clientWidth) {\n      return;\n    }\n    const PAD = 1;\n    const SHIFT = 3;\n\n    const selection = this.state.selection;\n    const selected = selection.start !== selection.end;\n    const position = selected && selection.direction === 'forward' ? selection.end : selection.start;\n    const charsCount = this.state.formatted.length;\n    const charWidth = node.scrollWidth / charsCount;\n    const frame = Math.ceil(node.clientWidth / charWidth);\n    const frameStart = Math.ceil(node.scrollLeft / charWidth);\n    const frameEnd = frameStart + frame;\n\n    if (position < frameStart + PAD) {\n      node.scrollLeft = (position - SHIFT) * charWidth;\n    }\n    if (position > frameEnd - PAD) {\n      node.scrollLeft = (position - frame + SHIFT) * charWidth;\n    }\n  };\n\n  private getSelection = (input: EventTarget): Selection => {\n    const selection = getInputSelectionFromEvent(input);\n    return {\n      start: selection.start,\n      end: selection.end,\n      direction: this.state.selection.direction,\n    };\n  };\n\n  private moveCursor = (selection: Selection, step: number) => {\n    const position = CurrencyInputHelper.moveCursor(this.state.formatted, selection, step);\n    this.setState({ selection: SelectionHelper.fromPosition(position) });\n  };\n\n  private extendSelection = (selection: Selection, step: number) => {\n    const extended = CurrencyInputHelper.extendSelection(this.state.formatted, selection, step);\n    this.setState({ selection: extended });\n  };\n\n  private inputValue = (start: number, end: number, value: string) => {\n    const result = CurrencyInputHelper.safeInsert(this.state.formatted, start, end, value, {\n      integerDigits: this.props.integerDigits,\n      fractionDigits: this.props.fractionDigits,\n      unsigned: !this.props.signed,\n    });\n    if (result) {\n      const formatted = result.value;\n      const selection = SelectionHelper.fromPosition(result.position);\n      this.setState({ formatted, selection }, () => {\n        const parsedValue = CurrencyHelper.parse(formatted);\n        if (this.props.value !== parsedValue) {\n          this.props.onValueChange(parsedValue);\n        }\n      });\n      return true;\n    }\n\n    if (this.input) {\n      this.input.blink();\n    }\n    return false;\n  };\n\n  private getOnChangeDelta = (value: string) => {\n    const selection = this.tempSelectionForOnChange;\n    const oldValue = this.state.formatted;\n    if (selection.start !== selection.end) {\n      return value.substring(selection.start, value.length - (oldValue.length - selection.end));\n    } else if (value.length > oldValue.length) {\n      return value.substr(selection.start, value.length - oldValue.length);\n    }\n    return null;\n  };\n\n  private handleValueChange = (value: string): void => {\n    const selection = this.tempSelectionForOnChange;\n    const delta = this.getOnChangeDelta(value);\n    if (delta != null && !this.inputValue(selection.start, selection.end, delta)) {\n      this.setState({ selection });\n    }\n  };\n\n  private handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    const data = event.clipboardData.getData('text');\n    const selection = this.getSelection(event.target);\n    this.inputValue(selection.start, selection.end, data);\n    event.preventDefault();\n  };\n\n  private handleCopy = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    const selection = this.getSelection(event.target);\n    if (selection.start !== selection.end) {\n      const substring = this.state.formatted.substring(selection.start, selection.end);\n      const data = CurrencyHelper.formatForClipboard(substring);\n      event.clipboardData.setData('text', data);\n    }\n    event.preventDefault();\n  };\n\n  private handleCut = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    const selection = this.getSelection(event.target);\n    if (selection.start !== selection.end) {\n      const substring = this.state.formatted.substring(selection.start, selection.end);\n      const data = CurrencyHelper.formatForClipboard(substring);\n      event.clipboardData.setData('text', data);\n      this.inputValue(selection.start, selection.end, '');\n    }\n    event.preventDefault();\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { selectionStart, selectionEnd, selectionDirection } = event.target;\n    const valueLenght = event.target.value.length;\n\n    const selection = {\n      start: selectionStart !== selectionEnd ? selectionStart || 0 : selectionStart || valueLenght,\n      end: selectionEnd !== selectionStart ? selectionEnd || 0 : selectionEnd || valueLenght,\n      direction: (selectionDirection as SelectionDirection) || 'none',\n    };\n\n    this.setState({\n      focused: true,\n      selection,\n    });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const value = CurrencyHelper.parse(this.state.formatted);\n\n    this.setState({\n      ...this.getState(value, this.props.fractionDigits, this.props.hideTrailingZeros),\n      focused: false,\n    });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private refInput = (element: Nullable<Input>) => {\n    this.input = element;\n  };\n}\n\nfunction getInputSelectionFromEvent(input: EventTarget): Selection {\n  if (!(input instanceof HTMLInputElement)) {\n    throw new Error('input is not HTMLInputElement');\n  }\n\n  return {\n    start: input.selectionStart!,\n    end: input.selectionEnd!,\n    direction: input.selectionDirection as SelectionDirection,\n  };\n}\n"]}

package/components/CurrencyInput/CurrencyInput/package.json

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

package/components/CurrencyInput/CurrencyInput.d.ts

@@ -2,8 +2,9 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { InputProps } from '../Input';
 import { Nullable, Override } from '../../typings/utility-types';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
 import { Selection } from './SelectionHelper';
-export declare type CurrencyInputProps = Override<InputProps, {
+export interface CurrencyInputProps extends CommonProps, Override<InputProps, {
     /** Значение */
     value: Nullable<number>;
     /** Убрать лишние нули после запятой */
@@ -21,7 +22,8 @@ export declare type CurrencyInputProps = Override<InputProps, {
     onValueChange: (value: Nullable<number>) => void;
     /** onSubmit */
     onSubmit?: () => void;
-}>;
+}> {
+}
 export interface CurrencyInputState {
     formatted: string;
     selection: Selection;
@@ -65,14 +67,16 @@ export declare class CurrencyInput extends React.Component<CurrencyInputProps, C
         fractionDigits: number;
         hideTrailingZeros: boolean;
         value: null;
+        inputMode: string;
     };
     state: CurrencyInputState;
     private input;
     private tempSelectionForOnChange;
     componentDidMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: CurrencyInputProps): void;
-    componentDidUpdate(): void;
+    componentDidUpdate(prevProps: Readonly<CurrencyInputProps>, prevState: Readonly<CurrencyInputState>): void;
     render(): JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<CurrencyInputProps>) => JSX.Element;
     /**
      * @public
      */
@@ -82,8 +86,11 @@ export declare class CurrencyInput extends React.Component<CurrencyInputProps, C
      */
     blur: () => void;
     private getState;
+    private setSelectionFromEvent;
+    private readonly debouncedSetSelectionFromEvent;
     private handleMouseUp;
     private handleKeyDown;
+    private scrollInput;
     private getSelection;
     private moveCursor;
     private extendSelection;