@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/components/FileUploader/FileUploader.styles.d.ts

@@ -1,36 +1,36 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    afterLinkText: string;
-};
-export declare const jsStyles: {
-    calcPulse(t: Theme): string;
-    root(t: Theme): string;
-    uploadButton(t: Theme): string;
-    uploadButtonFocus(t: Theme): string;
-    dragOver(t: Theme): string;
-    windowDragOver(t: Theme): string;
-    content(): string;
-    contentWithFiles(): string;
-    contentInnerSmall(t: Theme): string;
-    contentInnerMedium(t: Theme): string;
-    contentInnerLarge(t: Theme): string;
-    visuallyHidden(): string;
-    afterLinkText(t: Theme): string;
-    afterLinkText_HasFiles(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): string;
-    hovered(t: Theme): string;
-    linkHovered(t: Theme): string;
-    disabled(t: Theme): string;
-    icon(t: Theme): string;
-    iconDisabled(t: Theme): string;
-    link(t: Theme): string;
-    linkDisabled(t: Theme): string;
-    singleFile(): string;
-    sizeSmall(t: Theme): string;
-    sizeMedium(t: Theme): string;
-    sizeLarge(t: Theme): string;
-    iconSmall(t: Theme): string;
-    iconMedium(t: Theme): string;
-    iconLarge(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    afterLinkText: string;
+};
+export declare const jsStyles: {
+    calcPulse(t: Theme): string;
+    root(t: Theme): string;
+    uploadButton(t: Theme): string;
+    uploadButtonFocus(t: Theme): string;
+    dragOver(t: Theme): string;
+    windowDragOver(t: Theme): string;
+    content(): string;
+    contentWithFiles(): string;
+    contentInnerSmall(t: Theme): string;
+    contentInnerMedium(t: Theme): string;
+    contentInnerLarge(t: Theme): string;
+    visuallyHidden(): string;
+    afterLinkText(t: Theme): string;
+    afterLinkText_HasFiles(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    hovered(t: Theme): string;
+    linkHovered(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(t: Theme): string;
+    iconDisabled(t: Theme): string;
+    link(t: Theme): string;
+    linkDisabled(t: Theme): string;
+    singleFile(): string;
+    sizeSmall(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    iconSmall(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconLarge(t: Theme): string;
+};

package/components/FileUploader/UploadIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const UploadIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const UploadIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: import("../../internal/icons2022/BaseIcon").IconProps["size"] | import("../../internal/icons2022/iconConstants").IconSizeAliases;
+}>;

package/components/FileUploader/index/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["FileUploaderFileStatus","FileUploaderFileValidationResult"],"sources":["index.tsx"],"sourcesContent":["import { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';\nexport { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';\nexport type FileUploaderAttachedFile = Type;\nexport { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';\nexport * from './FileUploader';\n"],"mappings":";AACA,SAASA,sBAAsB,QAAQ,8CAA8C;;AAErF,SAASC,gCAAgC,QAAQ,qEAAqE;AACtH,cAAc,gBAAgB","ignoreList":[]}
+{"version":3,"names":["FileUploaderFileStatus","FileUploaderFileValidationResult"],"sources":["index.tsx"],"sourcesContent":["import type { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';\nexport { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';\nexport type FileUploaderAttachedFile = Type;\nexport { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';\nexport * from './FileUploader';\n"],"mappings":";AACA,SAASA,sBAAsB,QAAQ,8CAA8C;;AAErF,SAASC,gCAAgC,QAAQ,qEAAqE;AACtH,cAAc,gBAAgB","ignoreList":[]}

package/components/FileUploader/index.d.ts

@@ -1,5 +1,5 @@
-import { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';
-export { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';
-export type FileUploaderAttachedFile = Type;
-export { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';
-export * from './FileUploader';
+import type { FileUploaderAttachedFile as Type } from '../../internal/FileUploaderControl/fileUtils';
+export { FileUploaderFileStatus } from '../../internal/FileUploaderControl/fileUtils';
+export type FileUploaderAttachedFile = Type;
+export { FileUploaderFileValidationResult } from '../../internal/FileUploaderControl/FileUploaderFileValidationResult';
+export * from './FileUploader';

package/components/FileUploader/locale/index/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","FileUploaderLocaleHelper"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { FileUploaderLocale } from './types';\n\nexport * from './types';\n\nexport const FileUploaderLocaleHelper = new LocaleHelper<FileUploaderLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,OAAO,IAAMC,wBAAwB,GAAG,IAAIJ,YAAY,CAAqB;EAC3EG,KAAK,EAALA,KAAK;EACLD,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","FileUploaderLocaleHelper"],"sources":["index.ts"],"sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport type { FileUploaderLocale } from './types';\n\nexport * from './types';\n\nexport const FileUploaderLocaleHelper = new LocaleHelper<FileUploaderLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,kCAAkC;;AAE/D,SAASC,iBAAiB,IAAIC,KAAK,QAAQ,cAAc;AACzD,SAASD,iBAAiB,IAAIE,KAAK,QAAQ,cAAc;;;AAGzD,cAAc,SAAS;;AAEvB,OAAO,IAAMC,wBAAwB,GAAG,IAAIJ,YAAY,CAAqB;EAC3EG,KAAK,EAALA,KAAK;EACLD,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

package/components/FileUploader/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { FileUploaderLocale } from './types';
-export * from './types';
-export declare const FileUploaderLocaleHelper: LocaleHelper<FileUploaderLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import type { FileUploaderLocale } from './types';
+export * from './types';
+export declare const FileUploaderLocaleHelper: LocaleHelper<FileUploaderLocale>;

package/components/FileUploader/locale/locales/en/en.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","chooseFile","choosedFile","orDragHere","requestErrorText"],"sources":["en.ts"],"sourcesContent":["import { FileUploaderLocale } from '../types';\n\nexport const componentsLocales: FileUploaderLocale = {\n  chooseFile: 'Select a file',\n  choosedFile: 'File selected',\n  orDragHere: 'or drag here',\n  requestErrorText: 'The file could not be uploaded to the server, please try again later',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAqC,GAAG;EACnDC,UAAU,EAAE,eAAe;EAC3BC,WAAW,EAAE,eAAe;EAC5BC,UAAU,EAAE,cAAc;EAC1BC,gBAAgB,EAAE;AACpB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","chooseFile","choosedFile","orDragHere","requestErrorText"],"sources":["en.ts"],"sourcesContent":["import type { FileUploaderLocale } from '../types';\n\nexport const componentsLocales: FileUploaderLocale = {\n  chooseFile: 'Select a file',\n  choosedFile: 'File selected',\n  orDragHere: 'or drag here',\n  requestErrorText: 'The file could not be uploaded to the server, please try again later',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAqC,GAAG;EACnDC,UAAU,EAAE,eAAe;EAC3BC,WAAW,EAAE,eAAe;EAC5BC,UAAU,EAAE,cAAc;EAC1BC,gBAAgB,EAAE;AACpB,CAAC","ignoreList":[]}

package/components/FileUploader/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { FileUploaderLocale } from '../types';
-export declare const componentsLocales: FileUploaderLocale;
+import type { FileUploaderLocale } from '../types';
+export declare const componentsLocales: FileUploaderLocale;

package/components/FileUploader/locale/locales/ru/ru.js.map

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","chooseFile","choosedFile","orDragHere","requestErrorText"],"sources":["ru.ts"],"sourcesContent":["import { FileUploaderLocale } from '../types';\n\nexport const componentsLocales: FileUploaderLocale = {\n  chooseFile: 'Выберите файл',\n  choosedFile: 'Выбран файл',\n  orDragHere: 'или перетащите сюда',\n  requestErrorText: 'Файл не удалось загрузить на сервер, повторите попытку позже',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAqC,GAAG;EACnDC,UAAU,EAAE,eAAe;EAC3BC,WAAW,EAAE,aAAa;EAC1BC,UAAU,EAAE,qBAAqB;EACjCC,gBAAgB,EAAE;AACpB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","chooseFile","choosedFile","orDragHere","requestErrorText"],"sources":["ru.ts"],"sourcesContent":["import type { FileUploaderLocale } from '../types';\n\nexport const componentsLocales: FileUploaderLocale = {\n  chooseFile: 'Выберите файл',\n  choosedFile: 'Выбран файл',\n  orDragHere: 'или перетащите сюда',\n  requestErrorText: 'Файл не удалось загрузить на сервер, повторите попытку позже',\n};\n"],"mappings":";;AAEA,OAAO,IAAMA,iBAAqC,GAAG;EACnDC,UAAU,EAAE,eAAe;EAC3BC,WAAW,EAAE,aAAa;EAC1BC,UAAU,EAAE,qBAAqB;EACjCC,gBAAgB,EAAE;AACpB,CAAC","ignoreList":[]}

package/components/FileUploader/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { FileUploaderLocale } from '../types';
-export declare const componentsLocales: FileUploaderLocale;
+import type { FileUploaderLocale } from '../types';
+export declare const componentsLocales: FileUploaderLocale;

package/components/FileUploader/locale/types.d.ts

@@ -1,6 +1,6 @@
-export interface FileUploaderLocale {
-    chooseFile: string;
-    choosedFile: string;
-    orDragHere: string;
-    requestErrorText: string;
-}
+export interface FileUploaderLocale {
+    chooseFile: string;
+    choosedFile: string;
+    orDragHere: string;
+    requestErrorText: string;
+}

package/components/FxInput/FxInput/FxInput.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["type", "onRestore", "auto", "refInput", "value", "width"];
+var _excluded = ["type", "onRestore", "auto", "refInput", "value", "width", "size", "mask", "maskChar", "formatChars", "alwaysShowMask", "signed", "integerDigits", "fractionDigits", "hideTrailingZeros", "buttonAriaLabel", "corners"];
 var _class, _FxInput;
 import React from 'react';
-import PropTypes from 'prop-types';
+import warning from 'warning';
 import { Group } from "../../Group";
 import { Input } from "../../Input";
 import { CurrencyInput } from "../../CurrencyInput";
@@ -12,20 +12,19 @@ import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { rootNode } from "../../../lib/rootNode";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { MaskedInput } from "../../MaskedInput";
+import { withSize } from "../../../lib/size/SizeDecorator";
 import { MathFunctionIcon } from "../MathFunctionIcon";
 import { FxInputRestoreBtn } from "../FxInputRestoreBtn";
 export var FxInputDataTids = {
   root: 'FxInput__root'
 };
 
-/**
- * Автополе `FxInput`.
+/** В автополе можно вывести автоматически рассчитанное цифровое значение. В него можно передавать итог любого вычисления, например, сумму других полей, процент или более сложную функцию.
  *
- * Используйте `FxInput`, если поле вычисляемое и вы рассчитали значение.
- *
- * Принимает все свойства `Input`'a.
+ * У поля есть иконка математической формулы и кнопка Restore — с её помощью пользователь может вернуть исходное значение, если редактировал поле. Видимость кнопки и поведение при нажатии нужно прописывать в компоненте самостоятельно.
  */
-export var FxInput = rootNode(_class = (_FxInput = /*#__PURE__*/function (_React$Component) {
+export var FxInput = rootNode(_class = 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++) {
@@ -35,69 +34,25 @@ export var FxInput = rootNode(_class = (_FxInput = /*#__PURE__*/function (_React
     _this.input = null;
     _this.getProps = createPropsGetter(FxInput.defaultProps);
     _this.renderMain = function (props) {
-      var type = props.type,
-        onRestore = props.onRestore,
-        auto = props.auto,
-        refInput = props.refInput,
-        value = props.value,
-        width = props.width,
-        rest = _objectWithoutPropertiesLoose(props, _excluded);
-      var inputProps = {
-        align: 'right'
-      };
-      var button = null;
-      var inputCorners = auto ? {} : {
-        borderBottomLeftRadius: 0,
-        borderTopLeftRadius: 0
-      };
-      var iconSizes = {
-        small: parseInt(_this.theme.inputIconSizeSmall),
-        medium: parseInt(_this.theme.inputIconSizeMedium),
-        large: parseInt(_this.theme.inputIconSizeLarge)
-      };
-      var size = _this.props.size || Input.defaultProps.size;
-      var IconFunction = /*#__PURE__*/React.createElement(MathFunctionIcon, {
-        size: iconSizes[size]
+      var button = props.auto ? null : /*#__PURE__*/
+      React.createElement(FxInputRestoreBtn, {
+        size: props.size,
+        onRestore: props.onRestore,
+        corners: props.corners,
+        disabled: props.disabled,
+        borderless: props.borderless,
+        "aria-label": props.buttonAriaLabel
       });
-      if (auto) {
-        inputProps.leftIcon = IconFunction;
-      } else {
-        button = /*#__PURE__*/
-        React.createElement(FxInputRestoreBtn, {
-          size: rest.size,
-          onRestore: onRestore,
-          disabled: rest.disabled,
-          borderless: rest.borderless,
-          "aria-label": props.buttonAriaLabel
-        });
-      }
       return /*#__PURE__*/(
         React.createElement(Group, {
           "data-tid": FxInputDataTids.root,
-          width: width
-        }, button, type === 'currency' ? /*#__PURE__*/
-        React.createElement(CurrencyInput, _extends({}, inputProps, rest, {
-          corners: inputCorners,
-          size: _this.props.size,
-          width: '100%',
-          ref: _this.refInput,
-          value: value,
-          onValueChange: _this.props.onValueChange
-        })) : /*#__PURE__*/
-
-        React.createElement(Input, _extends({}, inputProps, rest, {
-          corners: inputCorners,
-          size: _this.props.size,
-          width: '100%',
-          ref: _this.refInput,
-          type: type,
-          value: value,
-          onValueChange: _this.props.onValueChange
-        })))
+          width: props.width
+        }, button, _this.getInput(props))
       );
     };
 
-    /**
+    /** Программно устанавливает фокус на поле.
+     * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
      * @public
      */
     _this.focus = function () {
@@ -106,7 +61,7 @@ export var FxInput = rootNode(_class = (_FxInput = /*#__PURE__*/function (_React
       }
     };
 
-    /**
+    /** Программно снимает фокус с кнопки.
      * @public
      */
     _this.blur = function () {
@@ -120,10 +75,98 @@ export var FxInput = rootNode(_class = (_FxInput = /*#__PURE__*/function (_React
         _this.props.refInput(_this.input);
       }
     };
+    _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.createElement(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 = _objectWithoutPropertiesLoose(props, _excluded);
+      var corners = auto ? originalCorners : _extends({
+        borderBottomLeftRadius: 0,
+        borderTopLeftRadius: 0
+      }, originalCorners);
+      var size = _this.size;
+      var commonInputProps = _extends({
+        corners: corners,
+        size: size,
+        width: '100%',
+        ref: _this.refInput
+      }, rest);
+      if (type === 'currency') {
+        return /*#__PURE__*/(
+          React.createElement(CurrencyInput, _extends({}, commonInputProps, {
+            signed: signed,
+            integerDigits: integerDigits,
+            fractionDigits: fractionDigits,
+            value: value,
+            onValueChange: _this.props.onValueChange
+          }))
+        );
+      }
+      if (mask) {
+        return /*#__PURE__*/(
+          React.createElement(MaskedInput, _extends({}, commonInputProps, {
+            leftIcon: _this.getLeftIcon(props),
+            align: "right",
+            mask: mask,
+            maskChar: maskChar,
+            formatChars: formatChars,
+            alwaysShowMask: alwaysShowMask,
+            value: value,
+            onValueChange: _this.props.onValueChange
+          }))
+        );
+      }
+      return /*#__PURE__*/(
+        React.createElement(Input, _extends({}, commonInputProps, {
+          leftIcon: _this.getLeftIcon(props),
+          align: "right",
+          type: type,
+          value: value,
+          onValueChange: _this.props.onValueChange
+        }))
+      );
+    };
     return _this;
   }
   _inheritsLoose(FxInput, _React$Component);
   var _proto = FxInput.prototype;
+  _proto.validateProps = function validateProps(props) {
+    warning(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.createElement(ThemeContext.Consumer, null, function (theme) {
@@ -134,11 +177,9 @@ export var FxInput = rootNode(_class = (_FxInput = /*#__PURE__*/function (_React
     });
   };
   return FxInput;
-}(React.Component), _FxInput.__KONTUR_REACT_UI__ = 'FxInput', _FxInput.displayName = 'FxInput', _FxInput.propTypes = {
-  auto: PropTypes.bool,
-  type: PropTypes.string
-}, _FxInput.defaultProps = {
+}(React.Component), _FxInput.__KONTUR_REACT_UI__ = 'FxInput', _FxInput.displayName = 'FxInput', _FxInput.defaultProps = {
   width: 250,
   type: 'text',
-  value: ''
-}, _FxInput)) || _class;
+  value: '',
+  auto: false
+}, _FxInput)) || _class) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["React","PropTypes","Group","Input","CurrencyInput","createPropsGetter","CommonWrapper","rootNode","ThemeContext","MathFunctionIcon","FxInputRestoreBtn","FxInputDataTids","root","FxInput","_class","_FxInput","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","input","getProps","defaultProps","renderMain","props","type","onRestore","auto","refInput","value","width","rest","_objectWithoutPropertiesLoose","_excluded","inputProps","align","button","inputCorners","borderBottomLeftRadius","borderTopLeftRadius","iconSizes","small","parseInt","theme","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","size","IconFunction","createElement","leftIcon","disabled","borderless","buttonAriaLabel","_extends","corners","ref","onValueChange","focus","blur","element","_inheritsLoose","_proto","prototype","render","_this2","Consumer","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName","propTypes","bool","string"],"sources":["FxInput.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Group } from '../Group';\nimport { Input, InputProps } from '../Input';\nimport { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\nimport { Override } from '../../typings/utility-types';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { SizeProp } from '../../lib/types/props';\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?: React.ReactText;\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    > {}\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@rootNode\nexport class FxInput extends React.Component<FxInputProps> {\n  public static __KONTUR_REACT_UI__ = 'FxInput';\n  public static displayName = 'FxInput';\n\n  public static propTypes = {\n    auto: PropTypes.bool,\n    type: PropTypes.string,\n  };\n\n  public static defaultProps: DefaultProps = {\n    width: 250,\n    type: 'text',\n    value: '',\n  };\n\n  private theme!: Theme;\n  private input: Input | CurrencyInput | null = null;\n\n  private getProps = createPropsGetter(FxInput.defaultProps);\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 ? {} : { borderBottomLeftRadius: 0, borderTopLeftRadius: 0 };\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.props.size || Input.defaultProps.size;\n    const IconFunction = <MathFunctionIcon size={iconSizes[size]} />;\n\n    if (auto) {\n      inputProps.leftIcon = IconFunction;\n    } else {\n      button = (\n        <FxInputRestoreBtn\n          size={rest.size}\n          onRestore={onRestore}\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.props.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.props.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","warning","Group","Input","CurrencyInput","createPropsGetter","CommonWrapper","rootNode","ThemeContext","MaskedInput","withSize","MathFunctionIcon","FxInputRestoreBtn","FxInputDataTids","root","FxInput","_class","_FxInput","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","input","getProps","defaultProps","renderMain","props","button","auto","createElement","size","onRestore","corners","disabled","borderless","buttonAriaLabel","width","getInput","focus","blur","refInput","element","getLeftIcon","iconSizes","small","parseInt","theme","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","type","value","_size","mask","maskChar","formatChars","alwaysShowMask","signed","integerDigits","fractionDigits","hideTrailingZeros","originalCorners","rest","_objectWithoutPropertiesLoose","_excluded","_extends","borderBottomLeftRadius","borderTopLeftRadius","commonInputProps","ref","onValueChange","leftIcon","align","_inheritsLoose","_proto","prototype","validateProps","undefined","componentDidMount","componentDidUpdate","render","_this2","Consumer","rootNodeRef","setRootNode","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 { 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\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      <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 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 (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        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/components/FxInput/FxInput.d.ts

@@ -1,63 +1,72 @@
-import React, { AriaAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { Input, InputProps } from '../Input';
-import { CurrencyInput, CurrencyInputProps } from '../CurrencyInput';
-import { DefaultizedProps } from '../../lib/createPropsGetter';
-import { Override } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export interface FxInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<CurrencyInputProps, {
-    /** Устанавливает авто-режим. */
-    auto?: boolean;
-    /** Задает тип инпута */
-    type?: 'currency' | InputProps['type'];
-    /** Задает функцию, которая вызывается при нажатии на кнопку Restore. */
-    onRestore?: () => void;
-    /** Задает функцию, вызывающуюся при изменении value. */
-    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
-    /** Задает значение инпута. */
-    value?: React.ReactText;
-    /** Задает ref инпута. */
-    refInput?: (element: CurrencyInput | Input | null) => void;
-    /** Убирает лишние нули после запятой. */
-    hideTrailingZeros?: boolean;
-    /** Задает атрибут aria-label кнопке восстановления (restore button). */
-    buttonAriaLabel?: AriaAttributes['aria-label'];
-}> {
-}
-export declare const FxInputDataTids: {
-    readonly root: "FxInput__root";
-};
-type DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value'>>;
-type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;
-/**
- * Автополе `FxInput`.
- *
- * Используйте `FxInput`, если поле вычисляемое и вы рассчитали значение.
- *
- * Принимает все свойства `Input`'a.
- */
-export declare class FxInput extends React.Component<FxInputProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        auto: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-    };
-    static defaultProps: DefaultProps;
-    private theme;
-    private input;
-    private getProps;
-    private setRootNode;
-    render(): React.JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => React.JSX.Element;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    private refInput;
-}
-export {};
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { InputProps } from '../Input';
+import { Input } from '../Input';
+import type { CurrencyInputProps } from '../CurrencyInput';
+import { CurrencyInput } from '../CurrencyInput';
+import type { DefaultizedProps } from '../../lib/createPropsGetter';
+import type { Override } from '../../typings/utility-types';
+import type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { MaskedInputProps } from '../MaskedInput';
+export interface FxInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Pick<Partial<MaskedInputProps>, 'alwaysShowMask' | 'mask' | 'maskChar' | 'formatChars'>, Override<Omit<CurrencyInputProps, 'alwaysShowMask' | 'mask' | 'maskChar' | 'formatChars'>, {
+    /** Управляет видимостью кнопки Restore:
+     * - true — кнопка Restore не отображается. Значение в поле является автоматически рассчитанным.
+     * - false — кнопка Restore отображается в поле. Значение в поле считается отредактированным. */
+    auto?: boolean;
+    /** Задаёт тип поля. */
+    type?: 'currency' | InputProps['type'];
+    /** Задаёт функцию, которая вызывается при нажатии на кнопку Restore. */
+    onRestore?: () => void;
+    /** Задаёт функцию, вызывающуюся при изменении value. */
+    onValueChange: CurrencyInputProps['onValueChange'] | InputProps['onValueChange'];
+    /** Задаёт значение поля. */
+    value?: string | number;
+    /** Задаёт ref поля. */
+    refInput?: (element: CurrencyInput | Input | null) => void;
+    /** Убирает лишние нули после запятой. */
+    hideTrailingZeros?: boolean;
+    /** Задаёт атрибут aria-label кнопке Restore. */
+    buttonAriaLabel?: AriaAttributes['aria-label'];
+    /** @ignore */
+    corners?: React.CSSProperties;
+}> {
+}
+export declare const FxInputDataTids: {
+    readonly root: "FxInput__root";
+};
+type DefaultProps = Required<Pick<FxInputProps, 'width' | 'type' | 'value' | 'auto'>>;
+type DefaultizedFxInputProps = DefaultizedProps<FxInputProps, DefaultProps>;
+/** В автополе можно вывести автоматически рассчитанное цифровое значение. В него можно передавать итог любого вычисления, например, сумму других полей, процент или более сложную функцию.
+ *
+ * У поля есть иконка математической формулы и кнопка Restore — с её помощью пользователь может вернуть исходное значение, если редактировал поле. Видимость кнопки и поведение при нажатии нужно прописывать в компоненте самостоятельно.
+ */
+export declare class FxInput extends React.Component<FxInputProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private theme;
+    private size;
+    private input;
+    private getProps;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    private validateProps;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): React.JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<DefaultizedFxInputProps>) => React.JSX.Element;
+    /** Программно устанавливает фокус на поле.
+     * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
+     * @public
+     */
+    focus: () => void;
+    /** Программно снимает фокус с кнопки.
+     * @public
+     */
+    blur: () => void;
+    private refInput;
+    private getLeftIcon;
+    private getInput;
+}
+export {};