@skbkontur/react-ui 5.4.0 → 5.4.2

package/cjs/components/FxInput/FxInput.js

@@ -1,5 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.FxInputDataTids = exports.FxInput = 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 _warning = _interopRequireDefault(require("warning"));
 
 var _Group = require("../Group");
 
@@ -16,10 +17,18 @@ var _rootNode = require("../../lib/rootNode");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 
+
+var _MaskedInput = require("../MaskedInput");
+
+var _featureFlagsContext = require("../../lib/featureFlagsContext");
+var _ReactUIFeatureFlagsContext = require("../../lib/featureFlagsContext/ReactUIFeatureFlagsContext");
 var _SizeDecorator = require("../../lib/size/SizeDecorator");
 
 var _MathFunctionIcon = require("./MathFunctionIcon");
-var _FxInputRestoreBtn = require("./FxInputRestoreBtn");var _excluded = ["type", "onRestore", "auto", "refInput", "value", "width"];var _class, _FxInput;
+var _FxInputRestoreBtn = require("./FxInputRestoreBtn");var _excluded = ["type", "onRestore", "auto", "refInput", "value", "width", "size", "mask", "maskChar", "formatChars", "alwaysShowMask", "signed", "integerDigits", "fractionDigits", "hideTrailingZeros", "buttonAriaLabel", "corners"];var _class, _FxInput;
+
+
+
 
 
 
@@ -63,16 +72,12 @@ var FxInputDataTids = exports.FxInputDataTids = {
 
 
 
-/**
- * Автополе `FxInput`.
- *
- * Используйте `FxInput`, если поле вычисляемое и вы рассчитали значение.
+/** В автополе можно вывести автоматически рассчитанное цифровое значение. В него можно передавать итог любого вычисления, например, сумму других полей, процент или более сложную функцию.
  *
- * Принимает все свойства `Input`'a.
+ * У поля есть иконка математической формулы и кнопка Restore — с её помощью пользователь может вернуть исходное значение, если редактировал поле. Видимость кнопки и поведение при нажатии нужно прописывать в компоненте самостоятельно.
  */var
 
 
-
 FxInput = exports.FxInput = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.withSize)(_class = (_FxInput = /*#__PURE__*/function (_React$Component) {function FxInput() {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.
 
 
@@ -85,6 +90,7 @@ FxInput = exports.FxInput = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
 
 
 
+
     input = null;_this.
 
     getProps = (0, _createPropsGetter.createPropsGetter)(FxInput.defaultProps);_this.
@@ -106,71 +112,51 @@ FxInput = exports.FxInput = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
 
 
 
-    renderMain = function (props) {
-      var type = props.type,onRestore = props.onRestore,auto = props.auto,refInput = props.refInput,value = props.value,width = props.width,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-      var inputProps = {
-        align: 'right'
-      };
 
-      var button = null;
-      var inputCorners = auto ? (0, _extends2.default)({},
-      rest.corners) : (0, _extends2.default)({
-        borderBottomLeftRadius: 0, borderTopLeftRadius: 0 }, rest.corners);
-      var iconSizes = {
-        small: parseInt(_this.theme.inputIconSizeSmall),
-        medium: parseInt(_this.theme.inputIconSizeMedium),
-        large: parseInt(_this.theme.inputIconSizeLarge)
-      };
-      var size = _this.size;
-      var IconFunction = /*#__PURE__*/_react.default.createElement(_MathFunctionIcon.MathFunctionIcon, { size: iconSizes[size] });
-
-      if (auto) {
-        inputProps.leftIcon = IconFunction;
-      } else {
-        button = /*#__PURE__*/
-        _react.default.createElement(_FxInputRestoreBtn.FxInputRestoreBtn, {
-          size: _this.size,
-          onRestore: onRestore,
-          corners: rest.corners,
-          disabled: rest.disabled,
-          borderless: rest.borderless,
-          "aria-label": props.buttonAriaLabel }
-        );
 
-      }
 
-      return /*#__PURE__*/(
-        _react.default.createElement(_Group.Group, { "data-tid": FxInputDataTids.root, width: width },
-        button,
-        type === 'currency' ? /*#__PURE__*/
-        _react.default.createElement(_CurrencyInput.CurrencyInput, (0, _extends2.default)({},
-        inputProps,
-        rest, {
-          corners: inputCorners,
-          size: _this.size,
-          width: '100%',
-          ref: _this.refInput,
-          value: value,
-          onValueChange: _this.props.onValueChange })
-        ) : /*#__PURE__*/
 
-        _react.default.createElement(_Input.Input, (0, _extends2.default)({},
-        inputProps,
-        rest, {
-          corners: inputCorners,
-          size: _this.size,
-          width: '100%',
-          ref: _this.refInput,
-          type: type,
-          value: value,
-          onValueChange: _this.props.onValueChange })
-        )
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    renderMain = function (props) {
+      var button = props.auto ? null : /*#__PURE__*/
+      _react.default.createElement(_FxInputRestoreBtn.FxInputRestoreBtn, {
+        size: props.size,
+        onRestore: props.onRestore,
+        corners: props.corners,
+        disabled: props.disabled,
+        borderless: props.borderless,
+        "aria-label": props.buttonAriaLabel }
+      );
+
+
+      return /*#__PURE__*/(
+        _react.default.createElement(_Group.Group, { "data-tid": FxInputDataTids.root, width: props.width },
+        button,
+        _this.getInput(props)
         ));
 
     };
 
-    /**
+    /** Программно устанавливает фокус на поле.
+     * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
      * @public
      */_this.
     focus = function () {
@@ -179,7 +165,7 @@ FxInput = exports.FxInput = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
       }
     };
 
-    /**
+    /** Программно снимает фокус с кнопки.
      * @public
      */_this.
     blur = function () {
@@ -194,4 +180,95 @@ FxInput = exports.FxInput = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.
       if (_this.props.refInput) {
         _this.props.refInput(_this.input);
       }
-    };return _this;}(0, _inheritsLoose2.default)(FxInput, _React$Component);var _proto = FxInput.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});};return FxInput;}(_react.default.Component), _FxInput.__KONTUR_REACT_UI__ = 'FxInput', _FxInput.displayName = 'FxInput', _FxInput.defaultProps = { width: 250, type: 'text', value: '' }, _FxInput)) || _class) || _class;
+    };_this.
+
+    getLeftIcon = function (props) {
+      if (!props.auto) {
+        return null;
+      }
+
+      var iconSizes = {
+        small: parseInt(_this.theme.inputIconSizeSmall),
+        medium: parseInt(_this.theme.inputIconSizeMedium),
+        large: parseInt(_this.theme.inputIconSizeLarge)
+      };
+      var size = _this.size;
+
+      return /*#__PURE__*/_react.default.createElement(_MathFunctionIcon.MathFunctionIcon, { size: iconSizes[size] });
+    };_this.
+
+    getInput = function (props) {
+      var
+        type =
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        props.type,onRestore = props.onRestore,auto = props.auto,refInput = props.refInput,value = props.value,width = props.width,_size = props.size,mask = props.mask,maskChar = props.maskChar,formatChars = props.formatChars,alwaysShowMask = props.alwaysShowMask,signed = props.signed,integerDigits = props.integerDigits,fractionDigits = props.fractionDigits,hideTrailingZeros = props.hideTrailingZeros,buttonAriaLabel = props.buttonAriaLabel,originalCorners = props.corners,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      var corners = auto ?
+      originalCorners : (0, _extends2.default)({
+        borderBottomLeftRadius: 0, borderTopLeftRadius: 0 }, originalCorners);
+      var size = _this.size;
+      var commonInputProps = (0, _extends2.default)({
+        corners: corners,
+        size: size,
+        width: '100%',
+        ref: _this.refInput },
+      rest);
+
+
+      if (type === 'currency') {
+        return /*#__PURE__*/(
+          _react.default.createElement(_CurrencyInput.CurrencyInput, (0, _extends2.default)({},
+          commonInputProps, {
+            signed: signed,
+            integerDigits: integerDigits,
+            fractionDigits: fractionDigits,
+            value: value,
+            onValueChange: _this.props.onValueChange })
+          ));
+
+      }
+      if (_this.featureFlags.fxInputUseMaskedInput && mask) {
+        return /*#__PURE__*/(
+          _react.default.createElement(_MaskedInput.MaskedInput, (0, _extends2.default)({},
+          commonInputProps, {
+            leftIcon: _this.getLeftIcon(props),
+            align: "right",
+            mask: mask,
+            maskChar: maskChar,
+            formatChars: formatChars,
+            alwaysShowMask: alwaysShowMask,
+            value: value,
+            onValueChange: _this.props.onValueChange })
+          ));
+
+      }
+      return /*#__PURE__*/(
+        _react.default.createElement(_Input.Input, (0, _extends2.default)({},
+        commonInputProps, {
+          leftIcon: _this.getLeftIcon(props),
+          align: "right",
+          mask: mask,
+          maskChar: maskChar,
+          formatChars: formatChars,
+          alwaysShowMask: alwaysShowMask,
+          type: type,
+          value: value,
+          onValueChange: _this.props.onValueChange })
+        ));
+
+    };return _this;}(0, _inheritsLoose2.default)(FxInput, _React$Component);var _proto = FxInput.prototype;_proto.validateProps = function validateProps(props) {(0, _warning.default)(props.type !== 'currency' && props.mask !== undefined, '[FxInput]: Prop "mask" is not supported when type="currency"');};_proto.componentDidMount = function componentDidMount() {this.validateProps(this.getProps());};_proto.componentDidUpdate = function componentDidUpdate() {this.validateProps(this.getProps());};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ReactUIFeatureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.getProps()), _this2.renderMain);});});};return FxInput;}(_react.default.Component), _FxInput.__KONTUR_REACT_UI__ = 'FxInput', _FxInput.displayName = 'FxInput', _FxInput.defaultProps = { width: 250, type: 'text', value: '', auto: false }, _FxInput)) || _class) || _class;

package/cjs/components/FxInput/FxInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Group","_Input","_CurrencyInput","_createPropsGetter","_CommonWrapper","_rootNode","_ThemeContext","_SizeDecorator","_MathFunctionIcon","_FxInputRestoreBtn","_excluded","_class","_FxInput","FxInputDataTids","exports","root","FxInput","rootNode","withSize","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","input","getProps","createPropsGetter","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","_objectWithoutPropertiesLoose2","default","inputProps","align","button","inputCorners","_extends2","corners","borderBottomLeftRadius","borderTopLeftRadius","iconSizes","small","parseInt","theme","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","size","IconFunction","createElement","MathFunctionIcon","leftIcon","FxInputRestoreBtn","disabled","borderless","buttonAriaLabel","Group","CurrencyInput","ref","onValueChange","Input","focus","blur","element","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["FxInput.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { Group } from '../Group';\nimport type { InputProps } from '../Input';\nimport { Input } from '../Input';\nimport type { CurrencyInputProps } from '../CurrencyInput';\nimport { CurrencyInput } from '../CurrencyInput';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Override } from '../../typings/utility-types';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\n\nexport interface FxInputProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Override<\n      CurrencyInputProps,\n      {\n        /** Устанавливает авто-режим. */\n        auto?: boolean;\n\n        /** Задает тип инпута */\n        type?: 'currency' | InputProps['type'];\n\n        /** Задает функцию, которая вызывается при нажатии на кнопку Restore. */\n        onRestore?: () => void;\n\n        /** Задает функцию, вызывающуюся при изменении value. */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n\n        /** Задает значение инпута. */\n        value?: string | number;\n\n        /** Задает ref инпута. */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n\n        /** Убирает лишние нули после запятой. */\n        hideTrailingZeros?: boolean;\n\n        /** Задает атрибут aria-label кнопке восстановления (restore button). */\n        buttonAriaLabel?: AriaAttributes['aria-label'];\n\n        /** @ignore */\n        corners?: React.CSSProperties;\n      }\n    > {}\n\nexport const FxInputDataTids = {\n  root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/**\n * Автополе `FxInput`.\n *\n * Используйте `FxInput`, если поле вычисляемое и вы рассчитали значение.\n *\n * Принимает все свойства `Input`'a.\n */\n\n@rootNode\n@withSize\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n  public static displayName = 'FxInput';\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private theme!: Theme;\n  private size!: SizeProp;\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\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  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const { type, onRestore, auto, refInput, value, width, ...rest } = props;\n    const inputProps: Partial<CurrencyInputProps> = {\n      align: 'right',\n    };\n\n    let button = null;\n    const inputCorners: InputProps['corners'] = auto\n      ? { ...rest.corners }\n      : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0, ...rest.corners };\n    const iconSizes: Record<SizeProp, number> = {\n      small: parseInt(this.theme.inputIconSizeSmall),\n      medium: parseInt(this.theme.inputIconSizeMedium),\n      large: parseInt(this.theme.inputIconSizeLarge),\n    };\n    const size = this.size;\n    const IconFunction = <MathFunctionIcon size={iconSizes[size]} />;\n\n    if (auto) {\n      inputProps.leftIcon = IconFunction;\n    } else {\n      button = (\n        <FxInputRestoreBtn\n          size={this.size}\n          onRestore={onRestore}\n          corners={rest.corners}\n          disabled={rest.disabled}\n          borderless={rest.borderless}\n          aria-label={props.buttonAriaLabel}\n        />\n      );\n    }\n\n    return (\n      <Group data-tid={FxInputDataTids.root} width={width}>\n        {button}\n        {type === 'currency' ? (\n          <CurrencyInput\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.size}\n            width={'100%'}\n            ref={this.refInput}\n            value={value as CurrencyInputProps['value']}\n            onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n          />\n        ) : (\n          <Input\n            {...inputProps}\n            {...rest}\n            corners={inputCorners}\n            size={this.size}\n            width={'100%'}\n            ref={this.refInput}\n            type={type}\n            value={value as InputProps['value']}\n            onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n          />\n        )}\n      </Group>\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 refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_warning","_Group","_Input","_CurrencyInput","_createPropsGetter","_CommonWrapper","_rootNode","_ThemeContext","_MaskedInput","_featureFlagsContext","_ReactUIFeatureFlagsContext","_SizeDecorator","_MathFunctionIcon","_FxInputRestoreBtn","_excluded","_class","_FxInput","FxInputDataTids","exports","root","FxInput","rootNode","withSize","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","input","getProps","createPropsGetter","defaultProps","renderMain","props","button","auto","default","createElement","FxInputRestoreBtn","size","onRestore","corners","disabled","borderless","buttonAriaLabel","Group","width","getInput","focus","blur","refInput","element","getLeftIcon","iconSizes","small","parseInt","theme","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","MathFunctionIcon","type","value","_size","mask","maskChar","formatChars","alwaysShowMask","signed","integerDigits","fractionDigits","hideTrailingZeros","originalCorners","rest","_objectWithoutPropertiesLoose2","_extends2","borderBottomLeftRadius","borderTopLeftRadius","commonInputProps","ref","CurrencyInput","onValueChange","featureFlags","fxInputUseMaskedInput","MaskedInput","leftIcon","align","Input","_inheritsLoose2","_proto","prototype","validateProps","warning","undefined","componentDidMount","componentDidUpdate","render","_this2","ReactUIFeatureFlagsContext","Consumer","flags","getFullReactUIFlagsContext","ThemeContext","CommonWrapper","rootNodeRef","setRootNode","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["FxInput.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport { Group } from '../Group';\nimport type { InputProps } from '../Input';\nimport { Input } from '../Input';\nimport type { CurrencyInputProps } from '../CurrencyInput';\nimport { CurrencyInput } from '../CurrencyInput';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Override } from '../../typings/utility-types';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MaskedInputProps } from '../MaskedInput';\nimport { MaskedInput } from '../MaskedInput';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext } from '../../lib/featureFlagsContext';\nimport { ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext/ReactUIFeatureFlagsContext';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { MathFunctionIcon } from './MathFunctionIcon';\nimport { FxInputRestoreBtn } from './FxInputRestoreBtn';\n\nexport interface FxInputProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Pick<Partial<MaskedInputProps>, 'alwaysShowMask' | 'mask' | 'maskChar' | 'formatChars'>,\n    Override<\n      Omit<CurrencyInputProps, 'alwaysShowMask' | 'mask' | 'maskChar' | 'formatChars'>,\n      {\n        /** Управляет видимостью кнопки Restore:\n         * - true — кнопка Restore не отображается. Значение в поле является автоматически рассчитанным.\n         * - false — кнопка Restore отображается в поле. Значение в поле считается отредактированным. */\n        auto?: boolean;\n\n        /** Задаёт тип поля. */\n        type?: 'currency' | InputProps['type'];\n\n        /** Задаёт функцию, которая вызывается при нажатии на кнопку Restore. */\n        onRestore?: () => void;\n\n        /** Задаёт функцию, вызывающуюся при изменении value. */\n        onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];\n\n        /** Задаёт значение поля. */\n        value?: string | number;\n\n        /** Задаёт ref поля. */\n        refInput?: (element: CurrencyInput | Input | null) => void;\n\n        /** Убирает лишние нули после запятой. */\n        hideTrailingZeros?: boolean;\n\n        /** Задаёт атрибут aria-label кнопке Restore. */\n        buttonAriaLabel?: AriaAttributes['aria-label'];\n\n        /** @ignore */\n        corners?: React.CSSProperties;\n      }\n    > {}\n\nexport const FxInputDataTids = {\n  root: 'FxInput__root',\n} as const;\n\ntype DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value' | 'auto'>>;\ntype DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;\n\n/** В автополе можно вывести автоматически рассчитанное цифровое значение. В него можно передавать итог любого вычисления, например, сумму других полей, процент или более сложную функцию.\n *\n * У поля есть иконка математической формулы и кнопка Restore — с её помощью пользователь может вернуть исходное значение, если редактировал поле. Видимость кнопки и поведение при нажатии нужно прописывать в компоненте самостоятельно.\n */\n@rootNode\n@withSize\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n  public static displayName = 'FxInput';\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n    auto: false,\n  };\n\n  private theme!: Theme;\n  private size!: SizeProp;\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private featureFlags!: ReactUIFeatureFlags;\n\n  private validateProps(props: FxInputProps) {\n    warning(\n      props.type !== 'currency' && props.mask !== undefined,\n      '[FxInput]: Prop \"mask\" is not supported when type=\"currency\"',\n    );\n  }\n\n  public componentDidMount() {\n    this.validateProps(this.getProps());\n  }\n\n  public componentDidUpdate() {\n    this.validateProps(this.getProps());\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\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      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => {\n    const button = props.auto ? null : (\n      <FxInputRestoreBtn\n        size={props.size}\n        onRestore={props.onRestore}\n        corners={props.corners}\n        disabled={props.disabled}\n        borderless={props.borderless}\n        aria-label={props.buttonAriaLabel}\n      />\n    );\n\n    return (\n      <Group data-tid={FxInputDataTids.root} width={props.width}>\n        {button}\n        {this.getInput(props)}\n      </Group>\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 refInput = (element: Input | CurrencyInput | null) => {\n    this.input = element;\n\n    if (this.props.refInput) {\n      this.props.refInput(this.input);\n    }\n  };\n\n  private getLeftIcon = (props: FxInputProps) => {\n    if (!props.auto) {\n      return null;\n    }\n\n    const iconSizes: Record<SizeProp, number> = {\n      small: parseInt(this.theme.inputIconSizeSmall),\n      medium: parseInt(this.theme.inputIconSizeMedium),\n      large: parseInt(this.theme.inputIconSizeLarge),\n    };\n    const size = this.size;\n\n    return <MathFunctionIcon size={iconSizes[size]} />;\n  };\n\n  private getInput = (props: FxInputProps) => {\n    const {\n      type,\n      onRestore,\n      auto,\n      refInput,\n      value,\n      width,\n      size: _size,\n      mask,\n      maskChar,\n      formatChars,\n      alwaysShowMask,\n      signed,\n      integerDigits,\n      fractionDigits,\n      hideTrailingZeros,\n      buttonAriaLabel,\n      corners: originalCorners,\n      ...rest\n    } = props;\n    const corners: InputProps['corners'] = auto\n      ? originalCorners\n      : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0, ...originalCorners };\n    const size = this.size;\n    const commonInputProps = {\n      corners,\n      size,\n      width: '100%',\n      ref: this.refInput,\n      ...rest,\n    };\n\n    if (type === 'currency') {\n      return (\n        <CurrencyInput\n          {...commonInputProps}\n          signed={signed}\n          integerDigits={integerDigits}\n          fractionDigits={fractionDigits}\n          value={value as CurrencyInputProps['value']}\n          onValueChange={this.props.onValueChange as CurrencyInputProps['onValueChange']}\n        />\n      );\n    }\n    if (this.featureFlags.fxInputUseMaskedInput && mask) {\n      return (\n        <MaskedInput\n          {...commonInputProps}\n          leftIcon={this.getLeftIcon(props)}\n          align=\"right\"\n          mask={mask}\n          maskChar={maskChar}\n          formatChars={formatChars}\n          alwaysShowMask={alwaysShowMask}\n          value={value as MaskedInputProps['value']}\n          onValueChange={this.props.onValueChange as MaskedInputProps['onValueChange']}\n        />\n      );\n    }\n    return (\n      <Input\n        {...commonInputProps}\n        leftIcon={this.getLeftIcon(props)}\n        align=\"right\"\n        mask={mask}\n        maskChar={maskChar}\n        formatChars={formatChars}\n        alwaysShowMask={alwaysShowMask}\n        type={type}\n        value={value as InputProps['value']}\n        onValueChange={this.props.onValueChange as InputProps['onValueChange']}\n      />\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Input/Input.d.ts

@@ -22,14 +22,10 @@ export declare const calculateClearCrossShowedState: ({ showClearIcon, notEmptyV
     hovered?: boolean | undefined;
 }) => boolean;
 export interface InputProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label'>, Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /** Показывать иконку очистки значения в непустом поле:
-     * - `always` — всегда показывать иконку
-     * - `auto` — показывать иконку при hover/focus
-     * - `never` — не показывать иконку
-     * При одновременной настройке `showClearIcon` и `rightIcon` показывается иконка очистки.
+    /** Показывает иконку очистки значения в заполненном поле.
      * @default never */
     showClearIcon?: ShowClearIcon;
-    /** Задает иконку слева.
+    /** Добавляет иконку слева.
      * При использовании `ReactNode` применяются дефолтные стили для иконки.
      * При использовании `() => ReactNode` применяются только стили для позиционирования. */
     leftIcon?: InputIconType;
@@ -37,30 +33,32 @@ export interface InputProps extends CommonProps, Pick<HTMLAttributes<unknown>, '
      * При использовании `ReactNode` применяются дефолтные стили для иконки.
      * При использовании `() => ReactNode` применяются только стили для позиционирования. */
     rightIcon?: InputIconType;
-    /** Переводит контрол в состояние валидации "ошибка". */
+    /** Меняет визуальное отображение поля на состояние «ошибка». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */
     error?: boolean;
-    /** Переводит контрол в состояние валидации "предупреждение". */
+    /** Меняет визуальное отображение поля на состояние «предупреждение». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */
     warning?: boolean;
-    /** Убирает обводку. */
+    /** Убирает обводку поля. */
     borderless?: boolean;
-    /** Задает выравнивание контента. */
+    /** Выравнивает контент внутри поля. */
     align?: InputAlign;
-    /** Задает паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url`
+    /** Задаёт паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url`
      * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput. */
     mask?: Nullable<string>;
     /** Устанавливает символ маски.
      * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput. */
     maskChar?: Nullable<string>;
-    /** Задает словарь символов-регулярок для задания маски
+    /** Задаёт словарь символов-регулярок для задания маски
      * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput.
      * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }. */
     formatChars?: Record<string, string>;
     /** Включает показ символов маски.
      * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput. */
     alwaysShowMask?: boolean;
-    /** Задает размер. */
+    /** Задаёт размер.
+     * @default small
+     */
     size?: SizeProp;
-    /** Задает функцию, которая вызывается при изменении значения в инпуте. */
+    /** Задаёт функцию, которая вызывается при изменении значения в поле ввода. */
     onValueChange?: (value: string) => void;
     /** @ignore */
     onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
@@ -68,21 +66,21 @@ export interface InputProps extends CommonProps, Pick<HTMLAttributes<unknown>, '
     onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
     /** @ignore */
     onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Задает тип инпута. */
+    /** Задаёт тип поля ввода. */
     type?: InputType;
-    /** Задает значение. */
+    /** Задаёт значение внутри поля. */
     value?: string;
+    /** @deprecated Со следующей мажорной версии Input перестанет поддерживать проп `capture`. */
     capture?: boolean;
     /** Устанавливает префикс `ReactNode` перед значением, но после иконки. */
     prefix?: React.ReactNode;
     /** Устанавливает суффикс `ReactNode` после значения, но перед правой иконкой. */
     suffix?: React.ReactNode;
-    /** Определяет, нужно ли выделять введенное значение при фокусе. Работает с типами `text`, `password`, `tel`, `search`, `url`. [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) */
+    /** Выделяет введенное значение при фокусе в поле. Работает с типами `text`, `password`, `tel`, `search`, `url`. */
     selectAllOnFocus?: boolean;
-    /** Задает функцию для обработки ввода.
-     * При неправильном вводе инпут по-умолчанию вспыхивает акцентным цветом.
-     * Если `onUnexpectedInput` передан - вызывается переданный обработчик и вспыхивание можно вызвать публичным методом инстанса `blink()`.
-     * @param {string} value - значение инпута. */
+    /** Устанавливает обработчик на случай некорректного ввода.
+     * Если передан onUnexpectedInput, он будет вызван при ошибке, а эффект мигания можно запустить вручную через публичный метод blink.
+     * @param {string} value - значение поля. */
     onUnexpectedInput?: (value: string) => void;
     /** Устанавливает радиус скруглений углов.
      * @ignore */
@@ -103,17 +101,7 @@ export declare const InputDataTids: {
 };
 type DefaultProps = Required<Pick<InputProps, 'type' | 'showClearIcon'>>;
 /**
- * Поле ввода `Input` дает возможность указать значение с помощью клавиатуры.
- *
- * Используйте поле ввода для коротких текстовых или цифровых значений без предсказуемого формата.
- *
- *  Если вводимое значение имеет определенный формат, используйте специальную версию поля:
- * * Поле с паролем PasswordInput.
- * * Поле с валютой CurrencyInput.
- * * Поле с маской MaskedInput.
- * * Автополе FxInput.
- *
- * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
+ * Поле ввода позволяет ввести или отредактировать значение.
  */
 export declare class Input extends React.Component<InputProps, InputState> {
     static __KONTUR_REACT_UI__: string;
@@ -133,23 +121,24 @@ export declare class Input extends React.Component<InputProps, InputState> {
     componentDidMount(): void;
     componentDidUpdate(prevProps: Readonly<InputProps>): void;
     componentWillUnmount(): void;
-    /**
+    /** Программно устанавливает фокус на поле.
+     * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
      * @public
      */
     focus(): void;
-    /**
+    /** Программно снимает фокус с кнопки.
      * @public
      */
     blur(): void;
-    /**
+    /** Возвращает DOM-узел поля ввода.
      * @public
      */
     getNode(): HTMLInputElement | null;
-    /**
+    /** Кратковременно визуально подсвечивает поле ввода, чтобы привлечь внимание пользователя.
      * @public
      */
     blink(): void;
-    /**
+    /** start - инициирует последовательное изменение числового значения: начинает повторяющееся увеличение/уменьшение, обычно используется при удерживании кнопки «+» или «−» для числового Input. end - останавливает ранее запущенное числоизменение, инициируемое numberStart.
      * @public
      * @param {number} start
      * @param {number} end
@@ -159,6 +148,7 @@ export declare class Input extends React.Component<InputProps, InputState> {
     render(): JSX.Element;
     private get canBeUsedWithMask();
     /**
+     * Переводит фокус в поле (если ещё не в фокусе) и выделяет весь текст.
      * Работает с типами `text`, `password`, `tel`, `search`, `url`
      * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)
      * @public

package/cjs/components/Input/Input.js

@@ -183,9 +183,6 @@ var calculateClearCrossShowedState = exports.calculateClearCrossShowedState = fu
 
 
 
-
-
-
 
 
 
@@ -198,17 +195,7 @@ var InputDataTids = exports.InputDataTids = {
 
 
 /**
- * Поле ввода `Input` дает возможность указать значение с помощью клавиатуры.
- *
- * Используйте поле ввода для коротких текстовых или цифровых значений без предсказуемого формата.
- *
- *  Если вводимое значение имеет определенный формат, используйте специальную версию поля:
- * * Поле с паролем PasswordInput.
- * * Поле с валютой CurrencyInput.
- * * Поле с маской MaskedInput.
- * * Автополе FxInput.
- *
- * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
+ * Поле ввода позволяет ввести или отредактировать значение.
  */var
 
 
@@ -362,9 +349,11 @@ Input = exports.Input = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
 
 
 
+
 
 
     /**
+     * Переводит фокус в поле (если ещё не в фокусе) и выделяет весь текст.
      * Работает с типами `text`, `password`, `tel`, `search`, `url`
      * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)
      * @public
@@ -676,15 +665,16 @@ Input = exports.Input = (0, _rootNode.rootNode)(_class = (0, _SizeDecorator.with
         });
         _this.props.onBlur == null || _this.props.onBlur(event);
       }
-    };return _this;}(0, _inheritsLoose2.default)(Input, _React$Component);var _proto = Input.prototype;_proto.outputMaskError = function outputMaskError() {(0, _warning.default)(!(this.props.mask && this.canBeUsedWithMask), maskErrorMessage(this.getProps().type));};_proto.componentDidMount = function componentDidMount() {this.outputMaskError();};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.props.type !== prevProps.type || this.props.mask !== prevProps.mask) {this.outputMaskError();}};_proto.componentWillUnmount = function componentWillUnmount() {this.cancelDelayedSelectAll();} /**
+    };return _this;}(0, _inheritsLoose2.default)(Input, _React$Component);var _proto = Input.prototype;_proto.outputMaskError = function outputMaskError() {(0, _warning.default)(!(this.props.mask && this.canBeUsedWithMask), maskErrorMessage(this.getProps().type));};_proto.componentDidMount = function componentDidMount() {this.outputMaskError();};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (this.props.type !== prevProps.type || this.props.mask !== prevProps.mask) {this.outputMaskError();}};_proto.componentWillUnmount = function componentWillUnmount() {this.cancelDelayedSelectAll();} /** Программно устанавливает фокус на поле.
+   * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
    * @public
-   */;_proto.focus = function focus() {(0, _invariant.default)(this.input, 'Cannot call "focus" because Input is not mounted');this.input.focus();} /**
+   */;_proto.focus = function focus() {(0, _invariant.default)(this.input, 'Cannot call "focus" because Input is not mounted');this.input.focus();} /** Программно снимает фокус с кнопки.
    * @public
-   */;_proto.blur = function blur() {(0, _invariant.default)(this.input, 'Cannot call "blur" because Input is not mounted');this.input.blur();} /**
+   */;_proto.blur = function blur() {(0, _invariant.default)(this.input, 'Cannot call "blur" because Input is not mounted');this.input.blur();} /** Возвращает DOM-узел поля ввода.
    * @public
-   */;_proto.getNode = function getNode() {return this.input;} /**
+   */;_proto.getNode = function getNode() {return this.input;} /** Кратковременно визуально подсвечивает поле ввода, чтобы привлечь внимание пользователя.
    * @public
-   */;_proto.blink = function blink() {(0, _blink2.blink)({ el: this.labelRef.current, blinkColor: this.theme.inputBlinkColor });} /**
+   */;_proto.blink = function blink() {(0, _blink2.blink)({ el: this.labelRef.current, blinkColor: this.theme.inputBlinkColor });} /** start - инициирует последовательное изменение числового значения: начинает повторяющееся увеличение/уменьшение, обычно используется при удерживании кнопки «+» или «−» для числового Input. end - останавливает ранее запущенное числоизменение, инициируемое numberStart.
    * @public
    * @param {number} start
    * @param {number} end